@frontify/fondue 12.1.11 → 12.1.13

package/dist/components/RichTextEditor/RichTextEditor.es.js

@@ -1,17 +1,17 @@
 import { jsx as i, jsxs as S } from "react/jsx-runtime";
 import { Plate as g, PlateContent as z } from "@udecode/plate-core";
-import { useMemo as D, useCallback as T } from "react";
-import { BlurObserver as j } from "./BlurObserver.es.js";
-import { useMemoizedId as B } from "../../hooks/useMemoizedId.es.js";
-import { merge as H } from "../../utilities/merge.es.js";
-import { ContentReplacement as U } from "./ContentReplacement.es.js";
-import { RichTextEditorProvider as A } from "./context/RichTextEditorContext.es.js";
-import { PaddingSizes as J } from "./types.es.js";
-import { useEditorState as Y } from "./hooks/useEditorState.es.js";
-import { KEY_ELEMENT_BREAK_AFTER_COLUMN as b, GAP_DEFAULT as q } from "./Plugins/ColumnBreakPlugin/createColumnBreakPlugin.es.js";
-import { forceToFocusNextElement as v } from "./helpers/forceToFocusElement.es.js";
-import { RenderPlaceholder as Q } from "./components/RenderPlaceholder/RenderPlaceholder.es.js";
-import W from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/noop.es.js";
+import { noop as D } from "lodash-es";
+import { useMemo as j, useCallback as T } from "react";
+import { BlurObserver as B } from "./BlurObserver.es.js";
+import { useMemoizedId as H } from "../../hooks/useMemoizedId.es.js";
+import { merge as U } from "../../utilities/merge.es.js";
+import { ContentReplacement as A } from "./ContentReplacement.es.js";
+import { RichTextEditorProvider as J } from "./context/RichTextEditorContext.es.js";
+import { PaddingSizes as Y } from "./types.es.js";
+import { useEditorState as b } from "./hooks/useEditorState.es.js";
+import { KEY_ELEMENT_BREAK_AFTER_COLUMN as q, GAP_DEFAULT as v } from "./Plugins/ColumnBreakPlugin/createColumnBreakPlugin.es.js";
+import { forceToFocusNextElement as Q } from "./helpers/forceToFocusElement.es.js";
+import { RenderPlaceholder as W } from "./components/RenderPlaceholder/RenderPlaceholder.es.js";
 import { Position as h } from "./components/EditorPositioningWrapper/types.es.js";
 import { defaultPlugins as X } from "./Plugins/defaultPlugins.es.js";
 import { parseRawValue as Z } from "./utils/parseRawValue.es.js";
@@ -22,7 +22,7 @@ const $ = ({
   readonly: x = !1,
   onTextChange: C,
   onBlur: n,
-  padding: F = J.None,
+  padding: F = Y.None,
   position: l = h.FLOATING,
   plugins: s = X,
   updateValueOnChange: O = !1,
@@ -32,13 +32,13 @@ const $ = ({
   hideExternalFloatingModals: K
 }) => {
   var u, E, y;
-  const t = B(N), { localValue: a, onChange: L, memoizedValue: P, config: r } = Y({
+  const t = H(N), { localValue: a, onChange: L, memoizedValue: P, config: r } = b({
     editorId: t,
     initialValue: m,
     onTextChange: C,
     plugins: s,
     onValueChanged: V
-  }), o = s.plugins.find((e) => e.key === b), c = (u = o == null ? void 0 : o.options) == null ? void 0 : u.customClass, d = c ? null : ((E = o == null ? void 0 : o.options) == null ? void 0 : E.columns) ?? 1, p = ((y = o == null ? void 0 : o.options) == null ? void 0 : y.gap) ?? q, _ = D(
+  }), o = s.plugins.find((e) => e.key === q), c = (u = o == null ? void 0 : o.options) == null ? void 0 : u.customClass, d = c ? null : ((E = o == null ? void 0 : o.options) == null ? void 0 : E.columns) ?? 1, p = ((y = o == null ? void 0 : o.options) == null ? void 0 : y.gap) ?? v, _ = j(
     () => ({
       columns: d,
       columnGap: p,
@@ -48,23 +48,23 @@ const $ = ({
   ), G = T(() => {
     n && n(JSON.stringify(a.current));
   }, [n, a]), M = T((e) => {
-    e.code === "Tab" && v(e, !e.shiftKey);
+    e.code === "Tab" && Q(e, !e.shiftKey);
   }, []), f = {
     placeholder: R,
-    renderPlaceholder: Q,
+    renderPlaceholder: W,
     readOnly: x,
     onBlur: G,
-    className: H([F, c]),
+    className: U([F, c]),
     style: _,
     onKeyDown: M,
-    scrollSelectionIntoView: W
+    scrollSelectionIntoView: D
   };
-  return /* @__PURE__ */ i(A, { styles: r.styles(), position: l, border: w, editorId: t, children: /* @__PURE__ */ S(g, { id: t, onChange: L, plugins: r.plugins, initialValue: P, children: [
+  return /* @__PURE__ */ i(J, { styles: r.styles(), position: l, border: w, editorId: t, children: /* @__PURE__ */ S(g, { id: t, onChange: L, plugins: r.plugins, initialValue: P, children: [
     /* @__PURE__ */ i(z, { ...f }),
     !f.readOnly && r.toolbar(I),
     r.inline(),
-    O && /* @__PURE__ */ i(U, { value: Z({ editorId: t, raw: m, plugins: s }) }),
-    l === h.FLOATING && /* @__PURE__ */ i(j, { hideExternalFloatingModals: K })
+    O && /* @__PURE__ */ i(A, { value: Z({ editorId: t, raw: m, plugins: s }) }),
+    l === h.FLOATING && /* @__PURE__ */ i(B, { hideExternalFloatingModals: K })
   ] }) });
 };
 $.displayName = "FondueRichTextEditor";

package/dist/components/Tree/Tree.es.js

@@ -3,12 +3,12 @@ import { MeasuringStrategy as Ie, useSensors as Ne, useSensor as V, PointerSenso
 import { restrictToWindowEdges as De } from "@dnd-kit/modifiers";
 import { SortableContext as Ce, verticalListSortingStrategy as Te } from "@dnd-kit/sortable";
 import { enableMapSet as Oe, produce as fe } from "immer";
+import { isEqual as Y } from "lodash-es";
 import { memo as _e, useMemo as D, useReducer as xe, useTransition as ve, useState as g, useEffect as C, useCallback as c, useRef as Le, cloneElement as be } from "react";
 import { createPortal as Ae } from "react-dom";
 import { TreeContext as Pe } from "./TreeContext.es.js";
 import { getReactNodeIdsInFlatArray as Me, removeReactNodesFromFlatArray as je, getTreeNodesWithoutElements as Ge, getNodesToRender as ke } from "./helpers/nodes.es.js";
-import { findIndexById as He, getNodeChildrenIds as Ke, currentNodesChanged as Fe, getCurrentChildrenForNewNodesIfExpanded as Y, updateNodeWithNewChildren as Ue, shouldUpdateTreeState as J } from "./helpers/reducer.es.js";
-import $ from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isEqual.es.js";
+import { findIndexById as He, getNodeChildrenIds as Ke, currentNodesChanged as Fe, getCurrentChildrenForNewNodesIfExpanded as J, updateNodeWithNewChildren as Ue, shouldUpdateTreeState as $ } from "./helpers/reducer.es.js";
 import { handleKeyDownEvent as We } from "./helpers/treeHandleKeyDown.es.js";
 import { sortableTreeKeyboardCoordinates as Be } from "./utils/keyboardCoordinates.es.js";
 import { getAnnouncements as Xe } from "./helpers/getMovementAnnouncements.es.js";
@@ -39,7 +39,7 @@ const Qe = fe((o, n) => {
       o.selectionMode = n.payload.selectionMode;
       return;
     case "SET_PROJECTION": {
-      $(o.projection, n.payload) || (o.projection = n.payload);
+      Y(o.projection, n.payload) || (o.projection = n.payload);
       return;
     }
     case "REGISTER_OVERLAY_ITEM": {
@@ -47,7 +47,7 @@ const Qe = fe((o, n) => {
       return;
     }
     case "REGISTER_ROOT_NODES": {
-      o.rootNodes = Y(
+      o.rootNodes = J(
         o.rootNodes,
         o.expandedIds,
         n.payload
@@ -61,8 +61,8 @@ const Qe = fe((o, n) => {
         return;
       }
       const E = Ke(o.rootNodes, d), I = p.map((l) => l.props.id);
-      if (!$(E, I) || Fe(E, o.rootNodes, p)) {
-        const l = Y(
+      if (!Y(E, I) || Fe(E, o.rootNodes, p)) {
+        const l = J(
           o.rootNodes,
           o.expandedIds,
           p
@@ -133,12 +133,12 @@ const Qe = fe((o, n) => {
     ), [t, a] = xe(Qe, Q), [, Z] = ve(), [N, M] = g(null), [T, O] = g(null), [f, j] = g(null), [G, _] = g(null);
     C(() => {
       const e = (r) => {
-        J(r, i) && a({
+        $(r, i) && a({
           type: "SET_SELECTION_MODE",
           payload: { selectionMode: "multiselect" }
         });
       }, s = (r) => {
-        J(r, i) && a({
+        $(r, i) && a({
           type: "SET_SELECTION_MODE",
           payload: { selectionMode: "single" }
         });

package/dist/components/Tree/TreeItem/TreeItem.es.js

@@ -3,17 +3,17 @@ import { memo as re, useRef as ae, useEffect as oe, useCallback as C, Children a
 import { useDndContext as de, useDndMonitor as le } from "@dnd-kit/core";
 import { useSortable as pe } from "@dnd-kit/sortable";
 import { CSS as ue } from "@dnd-kit/utilities";
-import { TreeItemColorsClassMap as me, TreeItemSpacingClassMap as ce, TreeItemBorderRadiusClassMap as M, TreeItemBorderClassMap as gt, TreeItemBorderStyleClassMap as ie, TreeItemShadowClassMap as we } from "../types.es.js";
+import { noop as me } from "lodash-es";
+import { TreeItemColorsClassMap as ce, TreeItemSpacingClassMap as ie, TreeItemBorderRadiusClassMap as M, TreeItemBorderClassMap as gt, TreeItemBorderStyleClassMap as we, TreeItemShadowClassMap as fe } from "../types.es.js";
 import { useDebounce as Dt } from "../../../hooks/useDebounce.es.js";
-import { FOCUS_VISIBLE_STYLE as fe } from "../../../utilities/focusStyle.es.js";
+import { FOCUS_VISIBLE_STYLE as be } from "../../../utilities/focusStyle.es.js";
 import { merge as b } from "../../../utilities/merge.es.js";
-import { DragHandle as be } from "./DragHandle.es.js";
-import { ExpandButton as he } from "./ExpandButton.es.js";
-import { useTreeItem as Ie } from "./useTreeItem.es.js";
-import { EXPAND_ONHOVER_DELAY as ye, INDENTATION_WIDTH as Tt } from "../helpers/constants.es.js";
-import { removeFragmentsAndEnrichChildren as ge } from "../utils/removeFragmentsAndEnrichChildren.es.js";
-import { useDeepCompareEffect as De } from "../utils/useDeepCompareEffect.es.js";
-import Te from "../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/noop.es.js";
+import { DragHandle as he } from "./DragHandle.es.js";
+import { ExpandButton as Ie } from "./ExpandButton.es.js";
+import { useTreeItem as ye } from "./useTreeItem.es.js";
+import { EXPAND_ONHOVER_DELAY as ge, INDENTATION_WIDTH as Tt } from "../helpers/constants.es.js";
+import { removeFragmentsAndEnrichChildren as De } from "../utils/removeFragmentsAndEnrichChildren.es.js";
+import { useDeepCompareEffect as Te } from "../utils/useDeepCompareEffect.es.js";
 const Ne = ({ isSorting: r, wasDragging: L }) => !(r || L), xe = re(
   ({
     id: r,
@@ -44,9 +44,9 @@ const Ne = ({ isSorting: r, wasDragging: L }) => !(r || L), xe = re(
     "data-test-id": At = "fondue-tree-item"
   }) => {
     var rt, at, ot, nt, dt, lt, pt, ut, mt, ct, it, wt, ft, bt, ht;
-    const { active: o, over: R } = de(), { isSelected: c, isExpanded: i, projection: e } = Ie(r), G = ae(), s = (o == null ? void 0 : o.id) === r, t = s && e !== null && e !== void 0 ? e : null, Rt = typeof ((at = (rt = R == null ? void 0 : R.data) == null ? void 0 : rt.current) == null ? void 0 : at.accepts) == "string" ? (ot = R.data.current.accepts) == null ? void 0 : ot.split(", ") : [], vt = typeof (t == null ? void 0 : t.accepts) == "string" ? (nt = t.accepts) == null ? void 0 : nt.split(", ") : [], g = ((dt = o == null ? void 0 : o.data.current) == null ? void 0 : dt.type) || "", D = ((lt = e == null ? void 0 : e.previousNode) == null ? void 0 : lt.depth) !== void 0 && (e == null ? void 0 : e.depth) > ((pt = e == null ? void 0 : e.previousNode) == null ? void 0 : pt.depth), Bt = D && e.depth - 1 === ((ut = e == null ? void 0 : e.previousNode) == null ? void 0 : ut.depth), Y = D && ((mt = e == null ? void 0 : e.previousNode) == null ? void 0 : mt.accepts) !== void 0 && (((ct = e == null ? void 0 : e.previousNode) == null ? void 0 : ct.accepts.includes(`${g}-deeper`)) || ((it = e == null ? void 0 : e.previousNode) == null ? void 0 : it.accepts.includes(`${g}-within`))), Ct = s && Bt && ((wt = t == null ? void 0 : t.previousNode) == null ? void 0 : wt.accepts) !== void 0 && ((ft = t == null ? void 0 : t.previousNode) == null ? void 0 : ft.accepts.includes(`${g}-within`)) || (t == null ? void 0 : t.isWithinParent) && vt.includes(`${g}-within`), T = s && (o == null ? void 0 : o.data.current) && (Rt.includes(g) && !D || Ct), J = Dt((a) => {
+    const { active: o, over: R } = de(), { isSelected: c, isExpanded: i, projection: e } = ye(r), G = ae(), s = (o == null ? void 0 : o.id) === r, t = s && e !== null && e !== void 0 ? e : null, Rt = typeof ((at = (rt = R == null ? void 0 : R.data) == null ? void 0 : rt.current) == null ? void 0 : at.accepts) == "string" ? (ot = R.data.current.accepts) == null ? void 0 : ot.split(", ") : [], vt = typeof (t == null ? void 0 : t.accepts) == "string" ? (nt = t.accepts) == null ? void 0 : nt.split(", ") : [], g = ((dt = o == null ? void 0 : o.data.current) == null ? void 0 : dt.type) || "", D = ((lt = e == null ? void 0 : e.previousNode) == null ? void 0 : lt.depth) !== void 0 && (e == null ? void 0 : e.depth) > ((pt = e == null ? void 0 : e.previousNode) == null ? void 0 : pt.depth), Bt = D && e.depth - 1 === ((ut = e == null ? void 0 : e.previousNode) == null ? void 0 : ut.depth), Y = D && ((mt = e == null ? void 0 : e.previousNode) == null ? void 0 : mt.accepts) !== void 0 && (((ct = e == null ? void 0 : e.previousNode) == null ? void 0 : ct.accepts.includes(`${g}-deeper`)) || ((it = e == null ? void 0 : e.previousNode) == null ? void 0 : it.accepts.includes(`${g}-within`))), Ct = s && Bt && ((wt = t == null ? void 0 : t.previousNode) == null ? void 0 : wt.accepts) !== void 0 && ((ft = t == null ? void 0 : t.previousNode) == null ? void 0 : ft.accepts.includes(`${g}-within`)) || (t == null ? void 0 : t.isWithinParent) && vt.includes(`${g}-within`), T = s && (o == null ? void 0 : o.data.current) && (Rt.includes(g) && !D || Ct), J = Dt((a) => {
       G.current === a && (u == null || u(a));
-    }, ye);
+    }, ge);
     oe(() => {
       var a, l, f;
       s && (G.current = D ? (a = t == null ? void 0 : t.previousNode) == null ? void 0 : a.id : null), s && Y && (t != null && t.parentId) && t.previousNode && t.parentId === t.previousNode.id && t.parentId !== ((f = (l = o == null ? void 0 : o.data) == null ? void 0 : l.current) == null ? void 0 : f.parentId) && J(t == null ? void 0 : t.parentId);
@@ -116,7 +116,7 @@ const Ne = ({ isSorting: r, wasDragging: L }) => !(r || L), xe = re(
       },
       q ? 300 : 0
     ), Q = H && (o == null ? void 0 : o.id) === H, Z = yt.count(I) > 0, { enrichedChildren: $, childrenIds: Et } = z(() => {
-      const a = ge(I, { parentId: r, level: p + 1 });
+      const a = De(I, { parentId: r, level: p + 1 });
       return {
         enrichedChildren: a,
         childrenIds: a.map((l) => l.props.id)
@@ -136,7 +136,7 @@ const Ne = ({ isSorting: r, wasDragging: L }) => !(r || L), xe = re(
       animateLayoutChanges: Ne,
       transition: null
     });
-    De(() => {
+    Te(() => {
       if (yt.count($) === 0) {
         d == null || d(r);
         return;
@@ -156,12 +156,12 @@ const Ne = ({ isSorting: r, wasDragging: L }) => !(r || L), xe = re(
       borderStyle: "none",
       activeColorStyle: "neutral",
       ...X
-    }), [X]), w = me[n.activeColorStyle ?? "neutral"], { liClassName: Vt, backgroundClassName: Kt } = z(() => ({
+    }), [X]), w = ce[n.activeColorStyle ?? "neutral"], { liClassName: Vt, backgroundClassName: Kt } = z(() => ({
       liClassName: b([
-        fe,
+        be,
         "tw-box-content tw-relative tw-cursor-default tw-transition-colors tw-outline-none tw-ring-inset tw-group tw-no-underline tw-leading-5",
         !s && c ? w.selectedTextColor : w.textColor,
-        ce[n.spacingY ?? "none"]
+        ie[n.spacingY ?? "none"]
       ]),
       backgroundClassName: b([
         "tw-block tw-absolute tw-inset-0 tw-transition-colors -tw-z-10",
@@ -182,10 +182,10 @@ const Ne = ({ isSorting: r, wasDragging: L }) => !(r || L), xe = re(
     const Jt = n.borderWidth !== "none" && k === "" ? b([
       gt[n.borderWidth ?? "none"],
       M[n.borderRadius ?? "small"],
-      ie[n.borderStyle ?? "none"]
+      we[n.borderStyle ?? "none"]
     ]) : "", Ot = n.contentHight === "single-line" ? "tw-h-10" : "tw-h-fit", Qt = n.contentHight === "single-line" ? "tw-h-12" : "tw-h-fit", Zt = b([
       "tw-relative tw-z-0 tw-transition-colors tw-flex tw-items-center tw-leading-5 tw-width-fit tw-justify-between",
-      we[n.shadow ?? "none"],
+      fe[n.shadow ?? "none"],
       s ? "tw-border-dashed tw-border-2 tw-pr-0" : Jt,
       s && M[n.borderRadius ?? "small"],
       s ? Qt : Ot,
@@ -195,7 +195,7 @@ const Ne = ({ isSorting: r, wasDragging: L }) => !(r || L), xe = re(
       transform: ue.Transform.toString(v),
       transition: Yt
     }, et = { ...Ft, ..._t }, st = m !== "none" ? /* @__PURE__ */ N(
-      be,
+      he,
       {
         ...m !== "none" ? et : {},
         active: c,
@@ -215,7 +215,7 @@ const Ne = ({ isSorting: r, wasDragging: L }) => !(r || L), xe = re(
         tabIndex: 0,
         role: "treeitem",
         style: Pt,
-        onKeyDown: Te,
+        onKeyDown: me,
         "aria-label": h,
         "aria-level": p + 1,
         onClick: Ht,
@@ -231,7 +231,7 @@ const Ne = ({ isSorting: r, wasDragging: L }) => !(r || L), xe = re(
         /* @__PURE__ */ N("span", { className: Kt, style: jt, "aria-hidden": !0 }),
         m === "left" && st,
         U && /* @__PURE__ */ N(
-          he,
+          Ie,
           {
             active: v != null && v.y ? !1 : c,
             onClick: O,

package/dist/components/Tree/TreeItem/TreeItemMultiselect.es.js

@@ -1,16 +1,16 @@
 import { jsx as t, jsxs as $ } from "react/jsx-runtime";
-import { memo as q, useRef as D, useCallback as G, useEffect as J, Children as M, useMemo as x } from "react";
-import { Checkbox as Q, CheckboxEmphasis as V, CheckboxSize as X, CheckboxState as Z } from "../../Checkbox/Checkbox.es.js";
-import { getMultiselectLiClassName as S, getMultiselectBackgroundClassName as ee, getMultiselectContainerClassName as te } from "../helpers/multiselectTreeItemstyling.es.js";
-import { ExpandButton as ae } from "./ExpandButton.es.js";
-import { useMultiselectTreeItem as se } from "./useMultiselectTreeItem.es.js";
-import { Container as oe } from "../../Container/Container.es.js";
-import { getMultiselectCheckBoxState as re } from "../helpers/multiselect.es.js";
-import le from "../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/noop.es.js";
+import { noop as q } from "lodash-es";
+import { memo as D, useRef as G, useCallback as J, useEffect as Q, Children as M, useMemo as x } from "react";
+import { Checkbox as V, CheckboxEmphasis as X, CheckboxSize as Z, CheckboxState as S } from "../../Checkbox/Checkbox.es.js";
+import { getMultiselectLiClassName as ee, getMultiselectBackgroundClassName as te, getMultiselectContainerClassName as ae } from "../helpers/multiselectTreeItemstyling.es.js";
+import { ExpandButton as se } from "./ExpandButton.es.js";
+import { useMultiselectTreeItem as oe } from "./useMultiselectTreeItem.es.js";
+import { Container as re } from "../../Container/Container.es.js";
+import { getMultiselectCheckBoxState as le } from "../helpers/multiselect.es.js";
 import { removeFragmentsAndEnrichChildren as ne } from "../utils/removeFragmentsAndEnrichChildren.es.js";
 import { useDeepCompareEffect as ce } from "../utils/useDeepCompareEffect.es.js";
 import { INDENTATION_WIDTH as me } from "../helpers/constants.es.js";
-const ie = q(
+const ie = D(
   ({
     id: e,
     label: c,
@@ -30,13 +30,13 @@ const ie = q(
     itemStyle: g,
     "data-test-id": W = "fondue-tree-item"
   }) => {
-    const B = D(null), { isSelected: o, isExpanded: r, isPartialSelected: E, isParentSelected: N } = se(e), j = G(
+    const B = G(null), { isSelected: o, isExpanded: r, isPartialSelected: E, isParentSelected: N } = oe(e), j = J(
       (l) => {
         l == null || l.stopPropagation(), r ? p == null || p(e) : i == null || i(e);
       },
       [e, r, i, p]
     );
-    J(() => {
+    Q(() => {
       N && !o && a && a(e, !0);
     }, [e, a, N, o, L]);
     const I = M.count(u) > 0, { enrichedChildren: C, childrenIds: A } = x(() => {
@@ -66,23 +66,23 @@ const ie = q(
       activeColorStyle: "neutral",
       ...g
     }), [g]), { liClassName: H, backgroundClassName: P } = x(() => ({
-      liClassName: S(n, s),
-      backgroundClassName: ee(n, o, s)
-    }), [n, s, o]), R = "tw-max-w-full	tw-grow", z = r, F = c !== void 0, w = b && (T ?? I), O = te(n), k = m * me, K = { paddingLeft: k }, U = n.borderWidth !== "none" ? {} : { marginLeft: -1 * k }, Y = s ? () => {
-    } : () => a == null ? void 0 : a(e, !1), y = h !== "none" ? /* @__PURE__ */ t(oe, { maxWidth: "16px", maxHeight: "16px", children: /* @__PURE__ */ t(
-      Q,
+      liClassName: ee(n, s),
+      backgroundClassName: te(n, o, s)
+    }), [n, s, o]), R = "tw-max-w-full	tw-grow", z = r, F = c !== void 0, w = b && (T ?? I), O = ae(n), k = m * me, K = { paddingLeft: k }, U = n.borderWidth !== "none" ? {} : { marginLeft: -1 * k }, Y = s ? () => {
+    } : () => a == null ? void 0 : a(e, !1), y = h !== "none" ? /* @__PURE__ */ t(re, { maxWidth: "16px", maxHeight: "16px", children: /* @__PURE__ */ t(
+      V,
       {
         id: `checkbox-${e}`,
         ref: B,
         disabled: s,
         "aria-label": c ?? "",
-        emphasis: V.Weak,
+        emphasis: X.Weak,
         helperText: "",
         hideLabel: !0,
         label: "",
         onChange: Y,
-        size: X.Default,
-        state: s ? Z.Unchecked : re(o, E),
+        size: Z.Default,
+        state: s ? S.Unchecked : le(o, E),
         tooltip: [],
         value: e
       }
@@ -94,7 +94,7 @@ const ie = q(
         tabIndex: 0,
         role: "treeitem",
         style: K,
-        onKeyDown: le,
+        onKeyDown: q,
         "aria-label": c,
         "aria-level": m + 1,
         className: H,
@@ -107,7 +107,7 @@ const ie = q(
           /* @__PURE__ */ t("span", { className: P, style: U, "aria-hidden": !0 }),
           h === "left" && y,
           b && /* @__PURE__ */ t(
-            ae,
+            se,
             {
               onClick: j,
               expanded: z,

package/dist/components/Tree/TreeItem/TreeItemMultiselect.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeItemMultiselect.es.js","sources":["../../../../src/components/Tree/TreeItem/TreeItemMultiselect.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { noop } from 'lodash-es';\nimport { Children, type MouseEvent, memo, useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { Checkbox, CheckboxEmphasis, CheckboxSize, CheckboxState } from '@components/Checkbox/Checkbox';\nimport { Container } from '@components/Container';\nimport {\n    type RegisterNodeChildrenPayload,\n    type TreeItemMultiselectProps,\n    type TreeItemStyling,\n} from '@components/Tree/types';\n\nimport { INDENTATION_WIDTH, getMultiselectCheckBoxState } from '../helpers';\nimport {\n    getMultiselectBackgroundClassName,\n    getMultiselectContainerClassName,\n    getMultiselectLiClassName,\n} from '../helpers/multiselectTreeItemstyling';\nimport { removeFragmentsAndEnrichChildren, useDeepCompareEffect } from '../utils';\n\nimport { ExpandButton } from './ExpandButton';\nimport { useMultiselectTreeItem } from './useMultiselectTreeItem';\n\n/** @private */\ntype TreeItemPrivateProps = {\n    parentId?: string;\n    level?: number;\n    /** onSelect is passed by the Tree component when cloning the TreeItem */\n    onSelect?: (id: string, ignoreRemoveSelected: boolean) => void;\n    onExpand?: (id: string) => void;\n    onShrink?: (id: string) => void;\n    unregisterNodeChildren?: (payload: string) => void;\n    registerNodeChildren?: (payload: RegisterNodeChildrenPayload) => void;\n};\n\n/** @private */\nexport type InternalTreeItemMultiSelectProps = TreeItemMultiselectProps & TreeItemPrivateProps;\n\nexport const TreeItemMultiselect = memo(\n    ({\n        id,\n        label,\n        showCaret,\n        children,\n        level = 0,\n        contentComponent,\n        parentId,\n        onSelect,\n        onExpand,\n        onShrink,\n        registerNodeChildren,\n        unregisterNodeChildren,\n        isDisabled = false,\n        expandable = true,\n        checkBoxPosition = 'left',\n        itemStyle,\n        'data-test-id': dataTestId = 'fondue-tree-item',\n    }: InternalTreeItemMultiSelectProps) => {\n        const setActiveNodeRef = useRef<HTMLInputElement | null>(null);\n        const { isSelected, isExpanded, isPartialSelected, isParentSelected } = useMultiselectTreeItem(id);\n\n        const toggleExpand = useCallback(\n            (event?: MouseEvent<HTMLButtonElement>) => {\n                event?.stopPropagation();\n                isExpanded ? onShrink?.(id) : onExpand?.(id);\n            },\n            [id, isExpanded, onExpand, onShrink],\n        );\n\n        useEffect(() => {\n            if (isParentSelected && !isSelected && onSelect) {\n                onSelect(id, true);\n            }\n        }, [id, onSelect, isParentSelected, isSelected, parentId]);\n\n        const hasChildren = Children.count(children) > 0;\n\n        const { enrichedChildren, childrenIds } = useMemo(() => {\n            const enrichedChildren = removeFragmentsAndEnrichChildren(children, {\n                parentId: id,\n                level: level + 1,\n            });\n\n            return {\n                enrichedChildren,\n                childrenIds: enrichedChildren.map((child) => child.props.id),\n            };\n        }, [children, id, level]);\n\n        useDeepCompareEffect(() => {\n            if (Children.count(enrichedChildren) === 0 || !isExpanded) {\n                unregisterNodeChildren?.(id);\n                return;\n            }\n\n            registerNodeChildren?.({ id, children: enrichedChildren });\n        }, [isExpanded, enrichedChildren, id]);\n\n        const itemStyleProps = useMemo(() => {\n            return {\n                spacingY: 'none',\n                contentHight: 'single-line',\n                shadow: 'none',\n                borderRadius: 'small',\n                borderWidth: 'none',\n                borderStyle: 'none',\n                activeColorStyle: 'neutral',\n                ...itemStyle,\n            } as TreeItemStyling;\n        }, [itemStyle]);\n\n        const { liClassName, backgroundClassName } = useMemo(() => {\n            return {\n                liClassName: getMultiselectLiClassName(itemStyleProps, isDisabled),\n                backgroundClassName: getMultiselectBackgroundClassName(itemStyleProps, isSelected, isDisabled),\n            };\n        }, [itemStyleProps, isDisabled, isSelected]);\n\n        const wrapperContentClassName = 'tw-max-w-full\ttw-grow';\n        const showChildren = isExpanded;\n        const showLabel = label !== undefined;\n        const showExpandButton = expandable && (showCaret ?? hasChildren);\n\n        const containerClassName = getMultiselectContainerClassName(itemStyleProps);\n\n        const levelPadding = level * INDENTATION_WIDTH;\n        const liStyle = { paddingLeft: levelPadding };\n        const backgroundStyle = itemStyleProps.borderWidth !== 'none' ? {} : { marginLeft: -1 * levelPadding };\n\n        const checkBoxOnSelect = isDisabled ? () => {} : () => onSelect?.(id, false);\n        const checkBox =\n            checkBoxPosition !== 'none' ? (\n                <Container maxWidth=\"16px\" maxHeight=\"16px\">\n                    <Checkbox\n                        id={`checkbox-${id}`}\n                        ref={setActiveNodeRef}\n                        disabled={isDisabled}\n                        aria-label={label ?? ''}\n                        emphasis={CheckboxEmphasis.Weak}\n                        helperText=\"\"\n                        hideLabel\n                        label=\"\"\n                        onChange={checkBoxOnSelect}\n                        size={CheckboxSize.Default}\n                        state={\n                            isDisabled\n                                ? CheckboxState.Unchecked\n                                : getMultiselectCheckBoxState(isSelected, isPartialSelected)\n                        }\n                        tooltip={[]}\n                        value={id}\n                    />\n                </Container>\n            ) : null;\n\n        return (\n            <li\n                id={id}\n                key={id}\n                tabIndex={0}\n                // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role\n                role=\"treeitem\"\n                style={liStyle}\n                onKeyDown={noop}\n                aria-label={label}\n                aria-level={level + 1}\n                className={liClassName}\n                data-test-id={dataTestId}\n                aria-selected={isSelected}\n                aria-expanded={isExpanded}\n                data-has-children={hasChildren}\n                aria-owns={childrenIds.join(' ')}\n            >\n                <div className={containerClassName}>\n                    <span className={backgroundClassName} style={backgroundStyle} aria-hidden={true} />\n                    {checkBoxPosition === 'left' && checkBox}\n\n                    {expandable && (\n                        <ExpandButton\n                            onClick={toggleExpand}\n                            expanded={showChildren}\n                            disabled={!showExpandButton}\n                            aria-hidden={!showExpandButton}\n                            className={showExpandButton ? 'tw-visible' : 'tw-invisible tw-pointer-events-none'}\n                        />\n                    )}\n\n                    {showLabel && <span className=\"first:tw-ml-3.5 tw-h-full tw-flex tw-items-center\">{label}</span>}\n\n                    <div className={wrapperContentClassName}>{contentComponent}</div>\n\n                    {checkBoxPosition === 'right' && checkBox}\n                </div>\n            </li>\n        );\n    },\n);\n\nTreeItemMultiselect.displayName = 'FondueTreeItemMultiselect';\n"],"names":["TreeItemMultiselect","memo","id","label","showCaret","children","level","contentComponent","parentId","onSelect","onExpand","onShrink","registerNodeChildren","unregisterNodeChildren","isDisabled","expandable","checkBoxPosition","itemStyle","dataTestId","setActiveNodeRef","useRef","isSelected","isExpanded","isPartialSelected","isParentSelected","useMultiselectTreeItem","toggleExpand","useCallback","event","useEffect","hasChildren","Children","enrichedChildren","childrenIds","useMemo","removeFragmentsAndEnrichChildren","child","useDeepCompareEffect","itemStyleProps","liClassName","backgroundClassName","getMultiselectLiClassName","getMultiselectBackgroundClassName","wrapperContentClassName","showChildren","showLabel","showExpandButton","containerClassName","getMultiselectContainerClassName","levelPadding","INDENTATION_WIDTH","liStyle","backgroundStyle","checkBoxOnSelect","checkBox","jsx","Container","Checkbox","CheckboxEmphasis","CheckboxSize","CheckboxState","getMultiselectCheckBoxState","noop","jsxs","ExpandButton"],"mappings":"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"}
+{"version":3,"file":"TreeItemMultiselect.es.js","sources":["../../../../src/components/Tree/TreeItem/TreeItemMultiselect.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { noop } from 'lodash-es';\nimport { Children, type MouseEvent, memo, useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { Checkbox, CheckboxEmphasis, CheckboxSize, CheckboxState } from '@components/Checkbox/Checkbox';\nimport { Container } from '@components/Container';\nimport {\n    type RegisterNodeChildrenPayload,\n    type TreeItemMultiselectProps,\n    type TreeItemStyling,\n} from '@components/Tree/types';\n\nimport { INDENTATION_WIDTH, getMultiselectCheckBoxState } from '../helpers';\nimport {\n    getMultiselectBackgroundClassName,\n    getMultiselectContainerClassName,\n    getMultiselectLiClassName,\n} from '../helpers/multiselectTreeItemstyling';\nimport { removeFragmentsAndEnrichChildren, useDeepCompareEffect } from '../utils';\n\nimport { ExpandButton } from './ExpandButton';\nimport { useMultiselectTreeItem } from './useMultiselectTreeItem';\n\n/** @private */\ntype TreeItemPrivateProps = {\n    parentId?: string;\n    level?: number;\n    /** onSelect is passed by the Tree component when cloning the TreeItem */\n    onSelect?: (id: string, ignoreRemoveSelected: boolean) => void;\n    onExpand?: (id: string) => void;\n    onShrink?: (id: string) => void;\n    unregisterNodeChildren?: (payload: string) => void;\n    registerNodeChildren?: (payload: RegisterNodeChildrenPayload) => void;\n};\n\n/** @private */\nexport type InternalTreeItemMultiSelectProps = TreeItemMultiselectProps & TreeItemPrivateProps;\n\nexport const TreeItemMultiselect = memo(\n    ({\n        id,\n        label,\n        showCaret,\n        children,\n        level = 0,\n        contentComponent,\n        parentId,\n        onSelect,\n        onExpand,\n        onShrink,\n        registerNodeChildren,\n        unregisterNodeChildren,\n        isDisabled = false,\n        expandable = true,\n        checkBoxPosition = 'left',\n        itemStyle,\n        'data-test-id': dataTestId = 'fondue-tree-item',\n    }: InternalTreeItemMultiSelectProps) => {\n        const setActiveNodeRef = useRef<HTMLInputElement | null>(null);\n        const { isSelected, isExpanded, isPartialSelected, isParentSelected } = useMultiselectTreeItem(id);\n\n        const toggleExpand = useCallback(\n            (event?: MouseEvent<HTMLButtonElement>) => {\n                event?.stopPropagation();\n                isExpanded ? onShrink?.(id) : onExpand?.(id);\n            },\n            [id, isExpanded, onExpand, onShrink],\n        );\n\n        useEffect(() => {\n            if (isParentSelected && !isSelected && onSelect) {\n                onSelect(id, true);\n            }\n        }, [id, onSelect, isParentSelected, isSelected, parentId]);\n\n        const hasChildren = Children.count(children) > 0;\n\n        const { enrichedChildren, childrenIds } = useMemo(() => {\n            const enrichedChildren = removeFragmentsAndEnrichChildren(children, {\n                parentId: id,\n                level: level + 1,\n            });\n\n            return {\n                enrichedChildren,\n                childrenIds: enrichedChildren.map((child) => child.props.id),\n            };\n        }, [children, id, level]);\n\n        useDeepCompareEffect(() => {\n            if (Children.count(enrichedChildren) === 0 || !isExpanded) {\n                unregisterNodeChildren?.(id);\n                return;\n            }\n\n            registerNodeChildren?.({ id, children: enrichedChildren });\n        }, [isExpanded, enrichedChildren, id]);\n\n        const itemStyleProps = useMemo(() => {\n            return {\n                spacingY: 'none',\n                contentHight: 'single-line',\n                shadow: 'none',\n                borderRadius: 'small',\n                borderWidth: 'none',\n                borderStyle: 'none',\n                activeColorStyle: 'neutral',\n                ...itemStyle,\n            } as TreeItemStyling;\n        }, [itemStyle]);\n\n        const { liClassName, backgroundClassName } = useMemo(() => {\n            return {\n                liClassName: getMultiselectLiClassName(itemStyleProps, isDisabled),\n                backgroundClassName: getMultiselectBackgroundClassName(itemStyleProps, isSelected, isDisabled),\n            };\n        }, [itemStyleProps, isDisabled, isSelected]);\n\n        const wrapperContentClassName = 'tw-max-w-full\ttw-grow';\n        const showChildren = isExpanded;\n        const showLabel = label !== undefined;\n        const showExpandButton = expandable && (showCaret ?? hasChildren);\n\n        const containerClassName = getMultiselectContainerClassName(itemStyleProps);\n\n        const levelPadding = level * INDENTATION_WIDTH;\n        const liStyle = { paddingLeft: levelPadding };\n        const backgroundStyle = itemStyleProps.borderWidth !== 'none' ? {} : { marginLeft: -1 * levelPadding };\n\n        const checkBoxOnSelect = isDisabled ? () => {} : () => onSelect?.(id, false);\n        const checkBox =\n            checkBoxPosition !== 'none' ? (\n                <Container maxWidth=\"16px\" maxHeight=\"16px\">\n                    <Checkbox\n                        id={`checkbox-${id}`}\n                        ref={setActiveNodeRef}\n                        disabled={isDisabled}\n                        aria-label={label ?? ''}\n                        emphasis={CheckboxEmphasis.Weak}\n                        helperText=\"\"\n                        hideLabel\n                        label=\"\"\n                        onChange={checkBoxOnSelect}\n                        size={CheckboxSize.Default}\n                        state={\n                            isDisabled\n                                ? CheckboxState.Unchecked\n                                : getMultiselectCheckBoxState(isSelected, isPartialSelected)\n                        }\n                        tooltip={[]}\n                        value={id}\n                    />\n                </Container>\n            ) : null;\n\n        return (\n            <li\n                id={id}\n                key={id}\n                tabIndex={0}\n                // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role\n                role=\"treeitem\"\n                style={liStyle}\n                onKeyDown={noop}\n                aria-label={label}\n                aria-level={level + 1}\n                className={liClassName}\n                data-test-id={dataTestId}\n                aria-selected={isSelected}\n                aria-expanded={isExpanded}\n                data-has-children={hasChildren}\n                aria-owns={childrenIds.join(' ')}\n            >\n                <div className={containerClassName}>\n                    <span className={backgroundClassName} style={backgroundStyle} aria-hidden={true} />\n                    {checkBoxPosition === 'left' && checkBox}\n\n                    {expandable && (\n                        <ExpandButton\n                            onClick={toggleExpand}\n                            expanded={showChildren}\n                            disabled={!showExpandButton}\n                            aria-hidden={!showExpandButton}\n                            className={showExpandButton ? 'tw-visible' : 'tw-invisible tw-pointer-events-none'}\n                        />\n                    )}\n\n                    {showLabel && <span className=\"first:tw-ml-3.5 tw-h-full tw-flex tw-items-center\">{label}</span>}\n\n                    <div className={wrapperContentClassName}>{contentComponent}</div>\n\n                    {checkBoxPosition === 'right' && checkBox}\n                </div>\n            </li>\n        );\n    },\n);\n\nTreeItemMultiselect.displayName = 'FondueTreeItemMultiselect';\n"],"names":["TreeItemMultiselect","memo","id","label","showCaret","children","level","contentComponent","parentId","onSelect","onExpand","onShrink","registerNodeChildren","unregisterNodeChildren","isDisabled","expandable","checkBoxPosition","itemStyle","dataTestId","setActiveNodeRef","useRef","isSelected","isExpanded","isPartialSelected","isParentSelected","useMultiselectTreeItem","toggleExpand","useCallback","event","useEffect","hasChildren","Children","enrichedChildren","childrenIds","useMemo","removeFragmentsAndEnrichChildren","child","useDeepCompareEffect","itemStyleProps","liClassName","backgroundClassName","getMultiselectLiClassName","getMultiselectBackgroundClassName","wrapperContentClassName","showChildren","showLabel","showExpandButton","containerClassName","getMultiselectContainerClassName","levelPadding","INDENTATION_WIDTH","liStyle","backgroundStyle","checkBoxOnSelect","checkBox","jsx","Container","Checkbox","CheckboxEmphasis","CheckboxSize","CheckboxState","getMultiselectCheckBoxState","noop","jsxs","ExpandButton"],"mappings":"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"}

package/dist/components/Tree/helpers/reducer.es.js

@@ -1,5 +1,5 @@
+import { isEqualWith as a } from "lodash-es";
 import { getReactNodeIdsInFlatArray as l, removeReactNodesFromFlatArray as h, getReactNodesInFlatArray as I } from "./nodes.es.js";
-import a from "../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isEqualWith.es.js";
 const x = (t, r) => r && (t.key === "Meta" || t.ctrlKey), m = (t, r) => t.findIndex((o) => o.props.id === r), F = (t, r) => t.filter((o) => o.props.parentId === r).map((o) => o.props.id), N = (t, r, o) => {
   const s = l(t, r), e = s.length > 0 ? h(t, s) : t, n = m(e, r);
   return n === -1 ? t : [...e.slice(0, n + 1), ...o, ...e.slice(n + 1)];