Skip to content

Commit

Permalink
Add choice-disabled-fn
Browse files Browse the repository at this point in the history
  • Loading branch information
@kimo-k
kimo-k committed Jan 15, 2024
1 parent 11a3c8a commit ce5dff8
Show file tree
Hide file tree
Showing 2 changed files with 29 additions and 9 deletions.
19 changes: 11 additions & 8 deletions src/re_com/tree_select.cljs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,9 +36,9 @@
{:name :model :required true :type "a set of ids | r/atom" :description [:span "The set of the ids for currently selected choices. If nil or empty, see " [:code ":placeholder"] "."]}
{:name :groups :required false :default "(reagent/atom nil)" :type "a set of paths | r/atom" :description [:span "The set of currently expanded group paths."]}
{:name :initial-expanded-groups :required false :type "keyword | set of paths" :description [:span "How to expand groups when the component first mounts."]}
{:name :on-change :required true :type "[set of choice ids, set of group vectors] -> nil" :validate-fn fn? :description [:span "This function is called whenever the selection changes. Called with one argument, the set of selected ids. See " [:code ":model"] "."]}
{:name :on-groups-change :required false :default "#(reset! groups %)" :type "set of ids -> nil" :validate-fn fn? :description [:span "This function is called whenever a group expands or collapses. Called with one argument, the set of expanded groups. See " [:code ":groups"] "."]}
{:name :on-change :required true :type "[set of choice ids, set of group vectors] -> nil" :validate-fn fn? :description [:span "This function is called whenever the selection changes. It is also responsible for updating the value of " [:code ":model"] " as needed."]}
{:name :disabled? :required false :default false :type "boolean" :description "if true, no user selection is allowed"}
{:name :choice-disabled? :required false :default false :type "choice map -> boolean" :validate-fn ifn? :description "Disables a choice when passing the corresponding choice map returns true."}
{:name :label-fn :required false :default ":label" :type "map -> hiccup" :validate-fn ifn? :description [:span "A function which can turn a choice into a displayable label. Will be called for each element in " [:code ":choices"] ". Given one argument, a choice map, it returns a string or hiccup."]}
{:name :group-label-fn :required false :default "(comp name last)" :type "vector -> hiccup" :validate-fn ifn? :description [:span "A function which can turn a group vector into a displayable label. Will be called for each element in " [:code ":groups"] ". Given one argument, a group vector, it returns a string or hiccup."]}]))

Expand Down Expand Up @@ -174,7 +174,7 @@
choices)
initial-expanded-groups)))
(fn tree-select-render
[& {:keys [choices group-label-fn disabled? min-width max-width min-height max-height on-change label-fn parts class style attr]}]
[& {:keys [choices group-label-fn disabled? min-width max-width min-height max-height on-change choice-disabled-fn label-fn parts class style attr]}]
(let [choices (deref-or-value choices)
disabled? (deref-or-value disabled?)
model (deref-or-value model)
Expand All @@ -185,12 +185,15 @@
(let [{:keys [id group] :as item-props} (update item-props :group as-v)]
(if (group? item-props)
[group-item
(let [descendant-ids (map :id (filter-descendants* group choices))
(let [descendants (filter-descendants* group choices)
descendant-ids (map :id descendants)
checked? (cond
(every? model descendant-ids) :all
(some model descendant-ids) :some)
new-model (set ((if (= :all checked?) set/difference set/union)
model descendant-ids))
new-model (->> (cond->> descendants choice-disabled-fn (remove choice-disabled-fn))
(map :id)
((if (= :all checked?) set/difference set/union) model)
set)
new-groups (into #{} (map :group) (full-groups new-model choices))]
{:group item-props
:label (group-label-fn item-props)
Expand All @@ -202,7 +205,7 @@
:open? (contains? @expanded-groups group)
:checked? checked?
:model model
:disabled? disabled?
:disabled? (or disabled? (when choice-disabled-fn (every? choice-disabled-fn descendants)))
:showing? (every? (set @expanded-groups) (rest (ancestor-paths group)))
:level (count group)})]
[choice-item
Expand All @@ -215,7 +218,7 @@
:showing? (if-not group
true
(every? (set @expanded-groups) (ancestor-paths group)))
:disabled? disabled?
:disabled? (or disabled? (when choice-disabled-fn (choice-disabled-fn item-props)))
:toggle! (handler-fn (let [new-model (toggle model id)
new-groups (into #{} (map :group) (full-groups new-model choices))]
(on-change new-model new-groups)))
Expand Down
19 changes: 18 additions & 1 deletion src/re_demo/tree_select.cljs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,7 @@
initial-expanded-groups (reagent/atom nil)
label-fn (reagent/atom nil)
group-label-fn (reagent/atom nil)
choice-disabled-fn (reagent/atom nil)
placeholder? (reagent/atom false)
abbrev-fn? (reagent/atom false)
abbrev-threshold? (reagent/atom false)
Expand All @@ -53,6 +54,7 @@
:disabled? disabled?
:label-fn @label-fn
:group-label-fn @group-label-fn
:choice-disabled-fn @choice-disabled-fn
:initial-expanded-groups :chosen
:choices cities
:model model
Expand All @@ -69,6 +71,7 @@
:disabled? disabled?
:label-fn @label-fn
:group-label-fn @group-label-fn
:choice-disabled-fn @choice-disabled-fn
:choices cities
:model model
:groups groups
Expand All @@ -84,6 +87,7 @@
:disabled? disabled?
:label-fn @label-fn
:group-label-fn @group-label-fn
:choice-disabled-fn @choice-disabled-fn
:initial-expanded-groups :all
:choices cities
:model model
Expand All @@ -100,6 +104,7 @@
:disabled? disabled?
:label-fn @label-fn
:group-label-fn @group-label-fn
:choice-disabled-fn @choice-disabled-fn
:initial-expanded-groups :none
:choices cities
:model model
Expand All @@ -116,6 +121,7 @@
:disabled? disabled?
:label-fn @label-fn
:group-label-fn @group-label-fn
:choice-disabled-fn @choice-disabled-fn
:initial-expanded-groups #{[:oceania] [:oceania :new-zealand]}
:choices cities
:model model
Expand Down Expand Up @@ -148,6 +154,7 @@
:disabled? disabled?
:label-fn @label-fn
:group-label-fn @group-label-fn
:choice-disabled-fn @choice-disabled-fn
:open-to :chosen
:placeholder "Select a city..."
:parts {:body {:wrapper {:style {:color "red"}}}
Expand Down Expand Up @@ -244,7 +251,17 @@
" of "
[:code "#(clojure.string/upper-case (name (last %))))"]]]
:model group-label-fn
:on-change (fn [] (swap! group-label-fn (fn [x] (if x nil #(clojure.string/upper-case (name (last (:group %))))))))]]]
:on-change (fn [] (swap! group-label-fn (fn [x] (if x nil #(clojure.string/upper-case (name (last (:group %))))))))]
[checkbox :src (at)
:label [box :src (at)
:align :start
:child [:span "Supply a " [:code ":choice-disabled-fn"]
" of "
[:code "#(contains? (set (:group %)) :australia)"]]]
:model choice-disabled-fn
:on-change (fn [] (swap! choice-disabled-fn
(fn [x]
(if x nil #(contains? (set (:group %)) :australia)))))]]]
[h-box :src (at)
:align :center
:children [[checkbox :src (at)
Expand Down

0 comments on commit ce5dff8

Please sign in to comment.