mirror of
https://github.com/penpot/penpot.git
synced 2026-05-28 19:33:45 +00:00
103 lines
4.3 KiB
Clojure
103 lines
4.3 KiB
Clojure
;; This Source Code Form is subject to the terms of the Mozilla Public
|
|
;; License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
;; file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
;;
|
|
;; Copyright (c) UXBOX Labs SL
|
|
|
|
(ns app.main.ui.workspace.sidebar.options
|
|
(:require
|
|
[app.main.data.workspace :as udw]
|
|
[app.main.refs :as refs]
|
|
[app.main.store :as st]
|
|
[app.main.ui.components.tab-container :refer [tab-container tab-element]]
|
|
[app.main.ui.context :as ctx]
|
|
[app.main.ui.workspace.sidebar.options.menus.align :refer [align-options]]
|
|
[app.main.ui.workspace.sidebar.options.menus.booleans :refer [booleans-options]]
|
|
[app.main.ui.workspace.sidebar.options.menus.exports :refer [exports-menu]]
|
|
[app.main.ui.workspace.sidebar.options.menus.interactions :refer [interactions-menu]]
|
|
[app.main.ui.workspace.sidebar.options.page :as page]
|
|
[app.main.ui.workspace.sidebar.options.shapes.bool :as bool]
|
|
[app.main.ui.workspace.sidebar.options.shapes.circle :as circle]
|
|
[app.main.ui.workspace.sidebar.options.shapes.frame :as frame]
|
|
[app.main.ui.workspace.sidebar.options.shapes.group :as group]
|
|
[app.main.ui.workspace.sidebar.options.shapes.image :as image]
|
|
[app.main.ui.workspace.sidebar.options.shapes.multiple :as multiple]
|
|
[app.main.ui.workspace.sidebar.options.shapes.path :as path]
|
|
[app.main.ui.workspace.sidebar.options.shapes.rect :as rect]
|
|
[app.main.ui.workspace.sidebar.options.shapes.svg-raw :as svg-raw]
|
|
[app.main.ui.workspace.sidebar.options.shapes.text :as text]
|
|
[app.util.i18n :as i18n :refer [tr]]
|
|
[app.util.object :as obj]
|
|
[rumext.alpha :as mf]))
|
|
|
|
;; --- Options
|
|
|
|
(mf/defc shape-options
|
|
{::mf/wrap [#(mf/throttle % 60)]}
|
|
[{:keys [shape shapes-with-children page-id file-id]}]
|
|
[:*
|
|
(case (:type shape)
|
|
:frame [:& frame/options {:shape shape}]
|
|
:group [:& group/options {:shape shape :shape-with-children shapes-with-children}]
|
|
:text [:& text/options {:shape shape}]
|
|
:rect [:& rect/options {:shape shape}]
|
|
:circle [:& circle/options {:shape shape}]
|
|
:path [:& path/options {:shape shape}]
|
|
:image [:& image/options {:shape shape}]
|
|
:svg-raw [:& svg-raw/options {:shape shape}]
|
|
:bool [:& bool/options {:shape shape}]
|
|
nil)
|
|
[:& exports-menu
|
|
{:shape shape
|
|
:page-id page-id
|
|
:file-id file-id}]])
|
|
|
|
(mf/defc options-content
|
|
{::mf/wrap [mf/memo]}
|
|
[{:keys [selected section shapes shapes-with-children page-id file-id]}]
|
|
[:div.tool-window
|
|
[:div.tool-window-content
|
|
[:& tab-container {:on-change-tab #(st/emit! (udw/set-options-mode %))
|
|
:selected section}
|
|
[:& tab-element {:id :design
|
|
:title (tr "workspace.options.design")}
|
|
[:div.element-options
|
|
[:& align-options]
|
|
[:& booleans-options]
|
|
(case (count selected)
|
|
0 [:& page/options]
|
|
1 [:& shape-options {:shape (first shapes)
|
|
:page-id page-id
|
|
:file-id file-id
|
|
:shapes-with-children shapes-with-children}]
|
|
[:& multiple/options {:shapes-with-children shapes-with-children
|
|
:shapes shapes}])]]
|
|
|
|
[:& tab-element {:id :prototype
|
|
:title (tr "workspace.options.prototype")}
|
|
[:div.element-options
|
|
[:& interactions-menu {:shape (first shapes)}]]]]]])
|
|
|
|
|
|
;; TODO: this need optimizations, selected-objects and
|
|
;; selected-objects-with-children are derefed always but they only
|
|
;; need on multiple selection in majority of cases
|
|
|
|
(mf/defc options-toolbox
|
|
{::mf/wrap [mf/memo]
|
|
::mf/wrap-props false}
|
|
[props]
|
|
(let [section (obj/get props "section")
|
|
selected (obj/get props "selected")
|
|
page-id (mf/use-ctx ctx/current-page-id)
|
|
file-id (mf/use-ctx ctx/current-file-id)
|
|
shapes (mf/deref refs/selected-objects)
|
|
shapes-with-children (mf/deref refs/selected-shapes-with-children)]
|
|
[:& options-content {:shapes shapes
|
|
:selected selected
|
|
:shapes-with-children shapes-with-children
|
|
:file-id file-id
|
|
:page-id page-id
|
|
:section section}]))
|
|
|