mirror of
https://github.com/penpot/penpot.git
synced 2026-08-07 13:29:07 +00:00
♻️ Convert token-context-menu components to * suffix
Rename menu-tree, token-context-menu-tree, token-context-menu to * suffix in tokens/management/context_menu.cljs; update all internal call sites from [:& ...] to [:> ...] and update the refer in management.cljs.
This commit is contained in:
parent
0da185d2d5
commit
c6181ebd2b
@ -12,7 +12,7 @@
|
|||||||
[app.main.store :as st]
|
[app.main.store :as st]
|
||||||
[app.main.ui.ds.foundations.assets.icon :refer [icon*] :as i]
|
[app.main.ui.ds.foundations.assets.icon :refer [icon*] :as i]
|
||||||
[app.main.ui.ds.foundations.typography.text :refer [text*]]
|
[app.main.ui.ds.foundations.typography.text :refer [text*]]
|
||||||
[app.main.ui.workspace.tokens.management.context-menu :refer [token-context-menu]]
|
[app.main.ui.workspace.tokens.management.context-menu :refer [token-context-menu*]]
|
||||||
[app.main.ui.workspace.tokens.management.group :refer [token-group*]]
|
[app.main.ui.workspace.tokens.management.group :refer [token-group*]]
|
||||||
[app.main.ui.workspace.tokens.management.node-context-menu :refer [token-node-context-menu*]]
|
[app.main.ui.workspace.tokens.management.node-context-menu :refer [token-node-context-menu*]]
|
||||||
[app.util.array :as array]
|
[app.util.array :as array]
|
||||||
@ -189,7 +189,7 @@
|
|||||||
(st/emit! (dwtl/set-selected-token-set-id (ctob/get-id match)))))))
|
(st/emit! (dwtl/set-selected-token-set-id (ctob/get-id match)))))))
|
||||||
|
|
||||||
[:*
|
[:*
|
||||||
[:& token-context-menu {:on-delete-token delete-token}]
|
[:> token-context-menu* {:on-delete-token delete-token}]
|
||||||
[:> token-node-context-menu* {:on-delete-node delete-node}]
|
[:> token-node-context-menu* {:on-delete-node delete-node}]
|
||||||
|
|
||||||
[:> selected-set-info* {:tokens-lib tokens-lib
|
[:> selected-set-info* {:tokens-lib tokens-lib
|
||||||
|
|||||||
@ -448,7 +448,7 @@
|
|||||||
:on-context-menu prevent-default}
|
:on-context-menu prevent-default}
|
||||||
children]])]))
|
children]])]))
|
||||||
|
|
||||||
(mf/defc menu-tree
|
(mf/defc menu-tree*
|
||||||
[{:keys [selected-shapes submenu-offset type errors] :as context-data}]
|
[{:keys [selected-shapes submenu-offset type errors] :as context-data}]
|
||||||
(let [shape-types (into #{} (map :type selected-shapes))
|
(let [shape-types (into #{} (map :type selected-shapes))
|
||||||
editing-ref (mf/deref refs/workspace-editor-state)
|
editing-ref (mf/deref refs/workspace-editor-state)
|
||||||
@ -470,7 +470,7 @@
|
|||||||
:hint hint
|
:hint hint
|
||||||
:no-selectable true
|
:no-selectable true
|
||||||
:submenu-offset submenu-offset}
|
:submenu-offset submenu-offset}
|
||||||
[:& menu-tree (assoc context-data :type submenu)]]
|
[:> menu-tree* (assoc context-data :type submenu)]]
|
||||||
:else [:& menu-entry
|
:else [:& menu-entry
|
||||||
{:title title
|
{:title title
|
||||||
:on-click action
|
:on-click action
|
||||||
@ -478,7 +478,7 @@
|
|||||||
:no-selectable no-selectable
|
:no-selectable no-selectable
|
||||||
:selected? selected?}])])))
|
:selected? selected?}])])))
|
||||||
|
|
||||||
(mf/defc token-context-menu-tree
|
(mf/defc token-context-menu-tree*
|
||||||
[{:keys [width errors on-delete-token] :as mdata}]
|
[{:keys [width errors on-delete-token] :as mdata}]
|
||||||
(let [objects (mf/deref refs/workspace-page-objects)
|
(let [objects (mf/deref refs/workspace-page-objects)
|
||||||
selected (mf/deref refs/selected-shapes)
|
selected (mf/deref refs/selected-shapes)
|
||||||
@ -498,15 +498,15 @@
|
|||||||
(some #(ctsl/any-layout-immediate-child? objects %) selected-shapes)))]
|
(some #(ctsl/any-layout-immediate-child? objects %) selected-shapes)))]
|
||||||
|
|
||||||
[:ul {:class (stl/css :context-list)}
|
[:ul {:class (stl/css :context-list)}
|
||||||
[:& menu-tree {:submenu-offset width
|
[:> menu-tree* {:submenu-offset width
|
||||||
:token token
|
:token token
|
||||||
:errors errors
|
:errors errors
|
||||||
:selected-token-set-id selected-token-set-id
|
:selected-token-set-id selected-token-set-id
|
||||||
:selected-shapes selected-shapes
|
:selected-shapes selected-shapes
|
||||||
:is-selected-inside-layout is-selected-inside-layout
|
:is-selected-inside-layout is-selected-inside-layout
|
||||||
:on-delete-token on-delete-token}]]))
|
:on-delete-token on-delete-token}]]))
|
||||||
|
|
||||||
(mf/defc token-context-menu
|
(mf/defc token-context-menu*
|
||||||
[{:keys [on-delete-token]}]
|
[{:keys [on-delete-token]}]
|
||||||
(let [mdata (mf/deref tokens-menu-ref)
|
(let [mdata (mf/deref tokens-menu-ref)
|
||||||
is-open? (boolean mdata)
|
is-open? (boolean mdata)
|
||||||
@ -555,5 +555,5 @@
|
|||||||
:left (dm/str left "px")}
|
:left (dm/str left "px")}
|
||||||
:on-context-menu prevent-default}
|
:on-context-menu prevent-default}
|
||||||
(when mdata
|
(when mdata
|
||||||
[:& token-context-menu-tree (assoc mdata :width @width :on-delete-token on-delete-token)])]])
|
[:> token-context-menu-tree* (assoc mdata :width @width :on-delete-token on-delete-token)])]])
|
||||||
container))))
|
container))))
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user