mirror of
https://github.com/penpot/penpot.git
synced 2025-08-03 09:38:26 +02:00
🎉 Token Sets dnd re-ordering
This commit is contained in:
parent
a85a7d2b2f
commit
85fee87bc4
8 changed files with 169 additions and 28 deletions
|
@ -295,6 +295,12 @@
|
|||
[:name :string]
|
||||
[:token-set ::ctot/token-set]]]
|
||||
|
||||
[:move-token-set-before
|
||||
[:map {:title "MoveTokenSetBefore"}
|
||||
[:type [:= :move-token-set-before]]
|
||||
[:set-name :string]
|
||||
[:before-set-name [:maybe :string]]]]
|
||||
|
||||
[:del-token-set
|
||||
[:map {:title "DelTokenSetChange"}
|
||||
[:type [:= :del-token-set]]
|
||||
|
@ -865,6 +871,12 @@
|
|||
(cond-> lib'
|
||||
path-changed? (ctob/update-set-name name (:name token-set)))))))
|
||||
|
||||
(defmethod process-change :move-token-set-before
|
||||
[data {:keys [set-name before-set-name]}]
|
||||
(update data :tokens-lib #(-> %
|
||||
(ctob/ensure-tokens-lib)
|
||||
(ctob/move-set-before set-name before-set-name))))
|
||||
|
||||
(defmethod process-change :del-token-set
|
||||
[data {:keys [name]}]
|
||||
(update data :tokens-lib #(-> %
|
||||
|
|
|
@ -764,6 +764,13 @@
|
|||
(update :undo-changes conj {:type :add-token-set :token-set prev-token-theme})
|
||||
(apply-changes-local))))
|
||||
|
||||
(defn move-token-set-before
|
||||
[changes set-name before-set-name prev-before-set-name]
|
||||
(-> changes
|
||||
(update :redo-changes conj {:type :move-token-set-before :set-name set-name :before-set-name before-set-name})
|
||||
(update :undo-changes conj {:type :move-token-set-before :set-name set-name :before-set-name prev-before-set-name})
|
||||
(apply-changes-local)))
|
||||
|
||||
(defn add-token
|
||||
[changes set-name token]
|
||||
(-> changes
|
||||
|
|
|
@ -167,6 +167,17 @@
|
|||
|
||||
;; === Token Set
|
||||
|
||||
(def set-separator "/")
|
||||
|
||||
(defn get-token-set-path [path]
|
||||
(get-path path set-separator))
|
||||
|
||||
(defn get-token-set-group-str [path]
|
||||
(get-groups-str path set-separator))
|
||||
|
||||
(defn split-token-set-path [path]
|
||||
(split-path path set-separator))
|
||||
|
||||
(defprotocol ITokenSet
|
||||
(add-token [_ token] "add a token at the end of the list")
|
||||
(update-token [_ token-name f] "update a token in the list")
|
||||
|
@ -257,11 +268,14 @@
|
|||
(add-set [_ token-set] "add a set to the library, at the end")
|
||||
(update-set [_ set-name f] "modify a set in the ilbrary")
|
||||
(delete-set [_ set-name] "delete a set in the library")
|
||||
(move-set-before [_ set-name before-set-name] "move a set with `set-name` before a set with `before-set-name` in the library.
|
||||
When `before-set-name` is nil, move set to bottom")
|
||||
(set-count [_] "get the total number if sets in the library")
|
||||
(get-set-tree [_] "get a nested tree of all sets in the library")
|
||||
(get-sets [_] "get an ordered sequence of all sets in the library")
|
||||
(get-ordered-set-names [_] "get an ordered sequence of all sets names in the library")
|
||||
(get-set [_ set-name] "get one set looking for name")
|
||||
(get-neighbor-set-name [_ set-name index-offset] "get neighboring set name offset by `index-offset`")
|
||||
(get-set-group [_ set-group-path] "get the attributes of a set group"))
|
||||
|
||||
(def schema:token-set-node
|
||||
|
@ -462,8 +476,8 @@
|
|||
ITokenSets
|
||||
(add-set [_ token-set]
|
||||
(dm/assert! "expected valid token set" (check-token-set! token-set))
|
||||
(let [path (get-path token-set "/")
|
||||
groups-str (get-groups-str token-set "/")]
|
||||
(let [path (get-token-set-path token-set)
|
||||
groups-str (get-token-set-group-str token-set)]
|
||||
(TokensLib. (d/oassoc-in sets path token-set)
|
||||
(cond-> set-groups
|
||||
(not (str/empty? groups-str))
|
||||
|
@ -472,7 +486,7 @@
|
|||
active-themes)))
|
||||
|
||||
(update-set [this set-name f]
|
||||
(let [path (split-path set-name "/")
|
||||
(let [path (split-token-set-path set-name)
|
||||
set (get-in sets path)]
|
||||
(if set
|
||||
(let [set' (-> (make-token-set (f set))
|
||||
|
@ -490,12 +504,30 @@
|
|||
this)))
|
||||
|
||||
(delete-set [_ set-name]
|
||||
(let [path (split-path set-name "/")]
|
||||
(let [path (split-token-set-path set-name)]
|
||||
(TokensLib. (d/dissoc-in sets path)
|
||||
set-groups ;; TODO remove set-group if needed
|
||||
themes
|
||||
active-themes)))
|
||||
|
||||
;; TODO Handle groups and nesting
|
||||
(move-set-before [this set-name before-set-name]
|
||||
(let [source-path (split-token-set-path set-name)
|
||||
token-set (-> (get-set this set-name)
|
||||
(assoc :modified-at (dt/now)))
|
||||
target-path (split-token-set-path before-set-name)]
|
||||
(if before-set-name
|
||||
(TokensLib. (d/oassoc-in-before sets target-path source-path token-set)
|
||||
set-groups ;; TODO remove set-group if needed
|
||||
themes
|
||||
active-themes)
|
||||
(TokensLib. (-> sets
|
||||
(d/dissoc-in source-path)
|
||||
(d/oassoc-in source-path token-set))
|
||||
set-groups ;; TODO remove set-group if needed
|
||||
themes
|
||||
active-themes))))
|
||||
|
||||
(get-set-tree [_]
|
||||
sets)
|
||||
|
||||
|
@ -513,6 +545,13 @@
|
|||
(let [path (split-path set-name "/")]
|
||||
(get-in sets path)))
|
||||
|
||||
(get-neighbor-set-name [this set-name index-offset]
|
||||
(let [sets (get-ordered-set-names this)
|
||||
index (d/index-of sets set-name)
|
||||
neighbor-set-name (when index
|
||||
(nth sets (+ index-offset index) nil))]
|
||||
neighbor-set-name))
|
||||
|
||||
(get-set-group [_ set-group-path]
|
||||
(get set-groups set-group-path))
|
||||
|
||||
|
|
|
@ -79,8 +79,32 @@
|
|||
(let [args {:name 777
|
||||
:description 999}]
|
||||
(t/is (thrown-with-msg? Exception #"expected valid token set"
|
||||
(apply ctob/make-token-set args))))))
|
||||
(apply ctob/make-token-set args)))))
|
||||
|
||||
(t/deftest move-token-set
|
||||
(let [tokens-lib (-> (ctob/make-tokens-lib)
|
||||
(ctob/add-set (ctob/make-token-set :name "A"))
|
||||
(ctob/add-set (ctob/make-token-set :name "B"))
|
||||
(ctob/add-set (ctob/make-token-set :name "Move")))
|
||||
original-order (into [] (ctob/get-ordered-set-names tokens-lib))
|
||||
move (fn [set-name before-set-name]
|
||||
(->> (ctob/move-set-before tokens-lib set-name before-set-name)
|
||||
(ctob/get-ordered-set-names)
|
||||
(into [])))]
|
||||
;; TODO Nested moving doesn't work as expected
|
||||
(t/testing "regular moving"
|
||||
(t/is (= ["A" "Move" "B"] (move "Move" "B")))
|
||||
(t/is (= ["B" "A" "Move"] (move "A" "Move"))))
|
||||
|
||||
(t/testing "move to bottom"
|
||||
(t/is (= ["B" "Move" "A"] (move "A" nil))))
|
||||
|
||||
(t/testing "no move expected"
|
||||
(t/is (= original-order (move "Move" "Move"))))
|
||||
|
||||
(t/testing "ignore invalid moves"
|
||||
(t/is (= original-order (move "A" "foo/bar/baz")))
|
||||
(t/is (= original-order (move "Missing" "Move")))))))
|
||||
|
||||
(t/testing "token-theme"
|
||||
(t/deftest make-token-theme
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue