Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-21 22:22:43 -05:00
Code Issues Activity

Allow passing custom functions

Browse source
This commit is contained in:
Florian Schroedl 2024-08-23 16:44:11 +02:00
parent 8a20e3a698
commit 7e7203eb7c
2 changed files with 18 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
frontend/src/app/main/ui/workspace/tokens/modals/themes.cljs
View file

@ -111,9 +111,12 @@
[:div {:class (stl/css :sets-list-wrapper)} [:div {:class (stl/css :sets-list-wrapper)}
[:& wts/controlled-sets-list [:& wts/controlled-sets-list
{:token-sets token-sets {:token-sets token-sets
:selected-token-set-id selected-token-set-id :token-set-selected? (constantly false)
:token-set-selected? token-set-selected? :token-set-active? token-set-active?
:token-set-active? token-set-active?}]])) :on-select (fn [id]
(js/console.log "id" id))
:on-toggle (fn [id]
(js/console.log "id" id))}]]))
(mf/defc themes (mf/defc themes
[{:keys [] :as _args}] [{:keys [] :as _args}]

19
frontend/src/app/main/ui/workspace/tokens/sets.cljs
View file

@ -17,11 +17,10 @@
(def ^:private chevron-icon (def ^:private chevron-icon
(i/icon-xref :arrow (stl/css :chevron-icon))) (i/icon-xref :arrow (stl/css :chevron-icon)))
(defn on-toggle-token-set-click [id event] (defn on-toggle-token-set-click [id]
(dom/stop-propagation event)
(st/emit! (wdt/toggle-token-set id))) (st/emit! (wdt/toggle-token-set id)))
(defn on-select-token-set-click [id event] (defn on-select-token-set-click [id]
(st/emit! (wdt/set-selected-token-set-id id))) (st/emit! (wdt/set-selected-token-set-id id)))
(defn on-delete-token-set-click [id event] (defn on-delete-token-set-click [id event]
@ -29,7 +28,7 @@
(st/emit! (wdt/delete-token-set id))) (st/emit! (wdt/delete-token-set id)))
(mf/defc sets-tree (mf/defc sets-tree
[{:keys [token-set token-set-active? token-set-selected?] :as _props}] [{:keys [token-set token-set-active? token-set-selected? on-select on-toggle] :as _props}]
(let [{:keys [id name _children]} token-set (let [{:keys [id name _children]} token-set
selected? (and set? (token-set-selected? id)) selected? (and set? (token-set-selected? id))
visible? (token-set-active? id) visible? (token-set-active? id)
@ -37,7 +36,9 @@
set? true #_(= type :set) set? true #_(= type :set)
group? false #_(= type :group)] group? false #_(= type :group)]
[:div {:class (stl/css :set-item-container) [:div {:class (stl/css :set-item-container)
:on-click #(on-select-token-set-click id %)} :on-click (fn [event]
(dom/stop-propagation event)
(on-select id))}
[:div {:class (stl/css-case :set-item-group group? [:div {:class (stl/css-case :set-item-group group?
:set-item-set set? :set-item-set set?
:selected-set selected?)} :selected-set selected?)}
@ -54,7 +55,9 @@
i/delete]] i/delete]]
(when set? (when set?
[:span {:class (stl/css :action-btn) [:span {:class (stl/css :action-btn)
:on-click #(on-toggle-token-set-click id %)} :on-click (fn [event]
(dom/stop-propagation event)
(on-toggle id))}
(if visible? i/shown i/hide)])] (if visible? i/shown i/hide)])]
#_(when (and children (not @collapsed?)) #_(when (and children (not @collapsed?))
[:div {:class (stl/css :set-children)} [:div {:class (stl/css :set-children)}
@ -90,4 +93,6 @@
{:token-sets token-sets {:token-sets token-sets
:selected-token-set-id selected-token-set-id :selected-token-set-id selected-token-set-id
:token-set-selected? token-set-selected? :token-set-selected? token-set-selected?
:token-set-active? token-set-active?}])) :token-set-active? token-set-active?
:on-select on-select-token-set-click
:on-toggle on-toggle-token-set-click}]))