impact-nova 2.4.0 → 2.5.0

package/dist/components/data/nested-list/nested-list.js

@@ -1,31 +1,31 @@
-import { jsx as S, jsxs as de } from "react/jsx-runtime";
-import Q, { useMemo as T, useCallback as w } from "react";
-import { SortableItem as Je } from "./components/SortableItem.js";
+import { jsx as S, jsxs as ie } from "react/jsx-runtime";
+import X, { useMemo as T, useCallback as A } from "react";
+import { SortableItem as Ke } from "./components/SortableItem.js";
 import { SelectionMode as _ } from "./nested-list.types.js";
-import { useNestedListDragDrop as Ke } from "./hooks/useNestedListDragDrop.js";
-import { useNestedListSelectAll as Qe } from "./hooks/useNestedListSelectAll.js";
-import { useNestedListState as Xe } from "./hooks/useNestedListState.js";
-import { useNestedListHandlers as Ye } from "./hooks/useNestedListHandlers.js";
-import { NestedListHeader as Ze } from "./components/NestedListHeader.js";
-import { NestedListCategoryFilters as $e } from "./components/NestedListCategoryFilters.js";
-import { NestedListContent as Me } from "./components/NestedListContent.js";
-import { NestedListApplyDiscardButtons as Ge } from "./components/NestedListApplyDiscardButtons.js";
-import { shouldUseNestedListRevisionTracking as et, computeNestedListHasChanges as tt } from "./nested-list-change-detection.js";
-import { cn as st } from "../../../lib/utils.js";
-import { useImpactNovaI18n as rt } from "../../../i18n/use-impact-nova-i18n.js";
-const ie = (a, t) => {
-  if (!t || typeof t != "string") return a;
+import { useNestedListDragDrop as Qe } from "./hooks/useNestedListDragDrop.js";
+import { useNestedListSelectAll as Xe } from "./hooks/useNestedListSelectAll.js";
+import { useNestedListState as Ye } from "./hooks/useNestedListState.js";
+import { useNestedListHandlers as Ze } from "./hooks/useNestedListHandlers.js";
+import { NestedListHeader as $e } from "./components/NestedListHeader.js";
+import { NestedListCategoryFilters as Me } from "./components/NestedListCategoryFilters.js";
+import { NestedListContent as Ge } from "./components/NestedListContent.js";
+import { NestedListApplyDiscardButtons as et } from "./components/NestedListApplyDiscardButtons.js";
+import { shouldUseNestedListRevisionTracking as tt, computeNestedListHasChanges as st } from "./nested-list-change-detection.js";
+import { cn as rt } from "../../../lib/utils.js";
+import { useImpactNovaI18n as nt } from "../../../i18n/use-impact-nova-i18n.js";
+const ae = (i, t) => {
+  if (!t || typeof t != "string") return i;
   const o = t.toLowerCase(), c = [];
-  return a.forEach((n) => {
-    const i = n.label.toLowerCase().includes(o), l = n.children ? ie(n.children, t) : void 0;
-    (i || l && l.length > 0) && c.push({
+  return i.forEach((n) => {
+    const d = n.label.toLowerCase().includes(o), l = n.children ? ae(n.children, t) : void 0;
+    (d || l && l.length > 0) && c.push({
       ...n,
       children: l || n.children
     });
   }), c;
-}, ae = (a) => a.map((t) => {
+}, he = (i) => i.map((t) => {
   if (t.children && t.children.length > 0) {
-    const o = ae(t.children), c = o.every((n) => n.checked);
+    const o = he(t.children), c = o.every((n) => n.checked);
     return {
       ...t,
       checked: c,
@@ -33,35 +33,35 @@ const ie = (a, t) => {
     };
   }
   return t;
-}), nt = (a, t) => {
+}), lt = (i, t) => {
   const o = /* @__PURE__ */ new Set(), c = (n) => {
-    n.forEach((i) => {
-      const l = t ? t(i) : i.category;
-      l && o.add(l), i.children && c(i.children);
+    n.forEach((d) => {
+      const l = t ? t(d) : d.category;
+      l && o.add(l), d.children && c(d.children);
     });
   };
-  return c(a), Array.from(o).sort();
-}, he = (a, t, o) => {
-  if (t.size === 0) return a;
+  return c(i), Array.from(o).sort();
+}, ue = (i, t, o) => {
+  if (t.size === 0) return i;
   const c = [];
-  return a.forEach((n) => {
-    const i = o ? o(n) : n.category, l = i && t.has(i), m = n.children ? he(n.children, t, o) : void 0;
+  return i.forEach((n) => {
+    const d = o ? o(n) : n.category, l = d && t.has(d), m = n.children ? ue(n.children, t, o) : void 0;
     (l || m && m.length > 0) && c.push({
       ...n,
       children: m
     });
   }), c;
-}, ue = (a, t, o, c = 0, n = 0) => {
-  const i = [];
-  return a.forEach((l) => {
-    if (i.push({
+}, fe = (i, t, o, c = 0, n = 0) => {
+  const d = [];
+  return i.forEach((l) => {
+    if (d.push({
       item: l,
       level: c,
       indentLevel: l.category === "structure" ? 0 : n
     }), !t[l.id] && l.children && l.children.length > 0 && l.id !== o) {
       const y = l.category === "structure" ? 0 : n + 1;
-      i.push(
-        ...ue(
+      d.push(
+        ...fe(
           l.children,
           t,
           o,
@@ -70,216 +70,214 @@ const ie = (a, t) => {
         )
       );
     }
-  }), i;
-}, Lt = ({
-  items: a,
+  }), d;
+}, St = ({
+  items: i,
   onChange: t,
   onSubmit: o,
   onCancel: c,
   onItemToggle: n,
-  onDragEnd: i,
+  onDragEnd: d,
   renderLabelExtras: l,
   renderActions: m,
   enableSearch: y = !0,
   enableDragDrop: H = !0,
-  enableSelectAll: fe = !0,
+  enableSelectAll: pe = !0,
   enableGroupBy: g = !1,
-  getCategory: N,
-  searchPlaceholder: pe,
-  className: me = "",
-  groupLabel: Ce,
+  getCategory: C,
+  searchPlaceholder: me,
+  className: Ie = "",
+  groupLabel: ve,
   enableApplyDiscard: p = !1,
-  enableCollapse: X = !0,
-  enableGlobalCollapse: Ie = !0,
+  enableCollapse: Y = !0,
+  enableGlobalCollapse: Ce = !0,
   submitButtonLabel: Ne,
-  cancelButtonLabel: ve,
-  selectionMode: v = _.CASCADE_DOWN,
-  initialCollapsedItems: Le,
-  onCollapseChange: Y,
-  canDrag: A
+  cancelButtonLabel: Le,
+  selectionMode: N = _.CASCADE_DOWN,
+  initialCollapsedItems: Se,
+  onCollapseChange: Z,
+  canDrag: w
 }) => {
-  const { t: P } = rt(), Se = pe ?? P("nestedList.searchPlaceholder"), ge = Ne ?? P("nestedList.apply"), ke = ve ?? P("nestedList.reset"), {
+  const { t: P } = nt(), ge = me ?? P("nestedList.searchPlaceholder"), ke = Ne ?? P("nestedList.apply"), Ee = Le ?? P("nestedList.reset"), {
     items: h,
     setItems: L,
-    savedItems: b,
-    setSavedItems: Z,
-    isUserChangeRef: R,
-    searchText: x,
-    setSearchText: Ee,
-    collapsedItems: C,
-    setCollapsedItems: De,
+    itemsRef: O,
+    savedItems: x,
+    setSavedItems: $,
+    markUserChange: R,
+    searchText: b,
+    setSearchText: De,
+    collapsedItems: I,
+    setCollapsedItems: Te,
     isListCollapsed: z,
-    setIsListCollapsed: Te,
-    activeId: I,
-    setActiveId: O,
-    setOverId: W,
+    setIsListCollapsed: Ae,
+    activeId: v,
+    setActiveId: W,
+    setOverId: j,
     selectedCategories: B,
     setSelectedCategories: we,
-    itemsToBlink: $,
-    setItemsToBlink: j,
+    itemsToBlink: M,
+    setItemsToBlink: F,
     // Normalized state helpers (for optimized operations)
-    isNormalized: Ae,
-    normalizedState: Pe,
-    batchUpdateItems: be
-  } = Xe({
-    initialItems: a,
+    isNormalized: Pe,
+    normalizedState: xe,
+    batchUpdateItems: Re
+  } = Ye({
+    initialItems: i,
     enableApplyDiscard: p,
     // Enable normalized state for large datasets (can be made configurable via props)
-    enableNormalizedState: et(a.length),
-    initialCollapsedItems: Le
+    enableNormalizedState: tt(i.length),
+    initialCollapsedItems: Se
   });
-  Q.useEffect(() => {
-    Y?.(C);
-  }, [C, Y]);
-  const [U, M] = Q.useState(0), [V, Re] = Q.useState(0), {
-    sensors: xe,
-    handleDragEnd: ze,
-    isValidDrop: G
-  } = Ke({
+  X.useEffect(() => {
+    Z?.(I);
+  }, [I, Z]);
+  const [V, G] = X.useState(0), [U, be] = X.useState(0), {
+    sensors: ze,
+    handleDragEnd: Be,
+    isValidDrop: ee
+  } = Qe({
     items: h,
-    onDragEnd: i,
-    collapsedItems: C,
-    canDrag: A
-  }), Be = T(
-    () => g ? nt(h, N) : [],
-    [h, g, N]
+    onDragEnd: d,
+    collapsedItems: I,
+    canDrag: w
+  }), Ve = T(
+    () => g ? lt(h, C) : [],
+    [h, g, C]
   ), k = T(() => {
     let e = h;
-    return g && B.size > 0 && (e = he(e, B, N)), x && (e = ie(e, x)), e;
-  }, [h, x, g, B, N]), F = T(
-    () => ue(k, C, I),
-    [k, C, I]
+    return g && B.size > 0 && (e = ue(e, B, C)), b && (e = ae(e, b)), e;
+  }, [h, b, g, B, C]), q = T(
+    () => fe(k, I, v),
+    [k, I, v]
   ), { allChecked: E, someChecked: Ue } = T(() => {
     let e = !0, s = !1;
-    for (const { item: r } of F)
+    for (const { item: r } of q)
       if (!(!(!r.children || r.children.length === 0) || r.category === "structure") && (r.checked ? s = !0 : e = !1, s && !e))
         break;
     return { allChecked: e && s, someChecked: s };
-  }, [F]), Ve = Ue && !E, q = (e, s) => {
+  }, [q]), _e = Ue && !E, J = (e, s) => {
     for (const r of e) {
       if (r.id === s) return r;
       if (r.children) {
-        const u = q(r.children, s);
+        const u = J(r.children, s);
         if (u) return u;
       }
     }
     return null;
-  }, _e = w(
+  }, ye = A(
     (e, s) => {
-      if (v === _.INDEPENDENT)
+      if (N === _.INDEPENDENT)
         return e;
-      const r = (f, d) => f.id === d ? !0 : f.children ? f.children.some(
-        (D) => r(D, d)
-      ) : !1, u = (f) => f.map((d) => {
-        if (d.id === s)
-          return d;
-        if (d.children && r(d, s)) {
-          const D = u(d.children);
-          let J;
-          return v === _.CASCADE_UP_DOWN ? J = D.some((K) => K.checked) : J = D.every((K) => K.checked), {
-            ...d,
-            checked: J,
+      const r = (f, a) => f.id === a ? !0 : f.children ? f.children.some(
+        (D) => r(D, a)
+      ) : !1, u = (f) => f.map((a) => {
+        if (a.id === s)
+          return a;
+        if (a.children && r(a, s)) {
+          const D = u(a.children);
+          let K;
+          return N === _.CASCADE_UP_DOWN ? K = D.some((Q) => Q.checked) : K = D.every((Q) => Q.checked), {
+            ...a,
+            checked: K,
             children: D
           };
         }
-        return d;
+        return a;
       });
       return u(e);
     },
-    [v]
-  ), ee = (e) => {
+    [N]
+  ), te = (e) => {
     const s = [];
     return e.forEach((r) => {
-      r.children && r.children.length > 0 && (s.push(r.id), s.push(...ee(r.children)));
+      r.children && r.children.length > 0 && (s.push(r.id), s.push(...te(r.children)));
     }), s;
   }, {
-    handleToggle: te,
-    handleToggleCollapse: se,
-    handleCollapseAll: ye,
-    handleToggleCategory: He
-  } = Ye({
+    handleToggle: se,
+    handleToggleCollapse: re,
+    handleCollapseAll: He,
+    handleToggleCategory: Oe
+  } = Ze({
     setItems: L,
-    findItemById: q,
-    updateParentsUpward: _e,
+    itemsRef: O,
+    findItemById: J,
+    updateParentsUpward: ye,
     onChange: (e) => {
-      M((s) => s + 1), t(e);
+      G((s) => s + 1), t(e);
     },
     onItemToggle: n,
-    getCategory: N,
-    setCollapsedItems: De,
-    setIsListCollapsed: Te,
+    getCategory: C,
+    setCollapsedItems: Te,
+    setIsListCollapsed: Ae,
     setSelectedCategories: we,
-    isUserChangeRef: R,
-    selectionMode: v,
+    markUserChange: R,
+    selectionMode: N,
     // Pass normalized state helpers for optimized operations
-    isNormalized: Ae,
-    normalizedState: Pe,
-    batchUpdateItems: be
+    isNormalized: Pe,
+    normalizedState: xe,
+    batchUpdateItems: Re
   }), {
-    collectVisibleItemIds: re,
-    findItemsNotSelected: ne,
-    collectVisibleItemsForCallback: le,
-    updateVisibleItems: oe
-  } = Qe({
-    findItemById: q,
-    getCategory: N
-  }), Oe = w(() => {
-    R.current = !0, L((e) => {
-      const s = re(k), r = ne(
-        k,
-        e,
-        s
-      );
-      if (r.size > 0) {
-        const d = new Set(r);
-        j(d), setTimeout(() => j(/* @__PURE__ */ new Set()), 600);
-      }
-      const u = oe(
+    collectVisibleItemIds: ne,
+    findItemsNotSelected: le,
+    collectVisibleItemsForCallback: oe,
+    updateVisibleItems: ce
+  } = Xe({
+    findItemById: J,
+    getCategory: C
+  }), We = A(() => {
+    R();
+    const e = O.current, s = ne(k), r = le(
+      k,
+      e,
+      s
+    );
+    r.size > 0 && (F(new Set(r)), setTimeout(() => F(/* @__PURE__ */ new Set()), 600));
+    const u = ce(
+      e,
+      s,
+      !E
+    ), f = N === _.INDEPENDENT ? u : he(u);
+    if (L(f), t(f), n) {
+      const a = oe(
         e,
         s,
         !E
-      ), f = v === _.INDEPENDENT ? u : ae(u);
-      if (t(f), n) {
-        const d = le(
-          e,
-          s,
-          !E
-        );
-        n(d);
-      }
-      return f;
-    });
+      );
+      n(a);
+    }
   }, [
     E,
     t,
     n,
     k,
-    re,
     ne,
     le,
     oe,
+    ce,
     R,
+    O,
     L,
-    j,
-    v
-  ]), We = w(
+    F,
+    N
+  ]), je = A(
     (e, s, r) => {
-      const u = I ? G(I, e.id) : !1, f = $.has(e.id), d = A ? !A(e, s) : e.isDragDisabled ?? !1;
+      const u = v ? ee(v, e.id) : !1, f = M.has(e.id), a = w ? !w(e, s) : e.isDragDisabled ?? !1;
       return /* @__PURE__ */ S(
-        Je,
+        Ke,
         {
           item: e,
           level: s,
           indentLevel: r,
-          isCollapsed: C[e.id] || !1,
-          onToggle: te,
-          onToggleCollapse: se,
-          isAnyDragging: I !== null,
+          isCollapsed: I[e.id] || !1,
+          onToggle: se,
+          onToggleCollapse: re,
+          isAnyDragging: v !== null,
           isValidDrop: u,
           enableDragDrop: H,
-          enableCollapse: X,
+          enableCollapse: Y,
           shouldBlink: f,
-          isDragDisabled: d,
+          isDragDisabled: a,
           renderLabelExtras: l,
           renderActions: m
         },
@@ -287,108 +285,108 @@ const ie = (a, t) => {
       );
     },
     [
-      C,
-      te,
-      se,
       I,
-      G,
+      se,
+      re,
+      v,
+      ee,
       H,
-      $,
-      X,
-      A,
+      M,
+      Y,
+      w,
       l,
       m
     ]
-  ), je = ee(h).length > 0, ce = T(
-    () => tt({
+  ), Fe = te(h).length > 0, de = T(
+    () => st({
       enableApplyDiscard: p,
       items: h,
-      savedItems: b,
-      revision: U,
-      savedRevision: V
+      savedItems: x,
+      revision: V,
+      savedRevision: U
     }),
-    [p, h, b, U, V]
-  ), Fe = w(() => {
-    p && (Z(h), Re(U), o?.(h));
-  }, [p, h, o, Z, U]), qe = w(() => {
-    p && (L(b), M(V), c?.());
-  }, [p, b, c, L, V]);
-  return /* @__PURE__ */ de(
+    [p, h, x, V, U]
+  ), qe = A(() => {
+    p && ($(h), be(V), o?.(h));
+  }, [p, h, o, $, V]), Je = A(() => {
+    p && (L(x), G(U), c?.());
+  }, [p, x, c, L, U]);
+  return /* @__PURE__ */ ie(
     "div",
     {
-      className: st("flex flex-col", me),
+      className: rt("flex flex-col min-h-0", Ie),
       "data-component": "nested-list",
-      "data-has-changes": ce ? "" : void 0,
+      "data-has-changes": de ? "" : void 0,
       "data-list-collapsed": z ? "" : void 0,
       children: [
-        /* @__PURE__ */ de("div", { className: "flex-shrink-0", children: [
+        /* @__PURE__ */ ie("div", { className: "flex-shrink-0", children: [
           /* @__PURE__ */ S(
-            Ze,
+            $e,
             {
-              hasItemsWithChildren: je,
+              hasItemsWithChildren: Fe,
               isListCollapsed: z,
-              onCollapseAll: ye,
+              onCollapseAll: He,
               enableSearch: y,
-              enableSelectAll: fe,
-              groupLabel: Ce,
+              enableSelectAll: pe,
+              groupLabel: ve,
               allChecked: E,
-              isIndeterminate: Ve,
-              onSelectAll: Oe,
-              searchText: x,
+              isIndeterminate: _e,
+              onSelectAll: We,
+              searchText: b,
               onSearchChange: (e) => {
-                Ee(e.target.value);
+                De(e.target.value);
               },
-              searchPlaceholder: Se,
+              searchPlaceholder: ge,
               selectAllLabel: P("nestedList.selectAll"),
-              enableCollapse: Ie
+              enableCollapse: Ce
             }
           ),
           /* @__PURE__ */ S(
-            $e,
+            Me,
             {
               isListCollapsed: z,
               enableGroupBy: g,
-              categories: Be,
+              categories: Ve,
               selectedCategories: B,
-              onToggleCategory: He
+              onToggleCategory: Oe
             }
           )
         ] }),
         /* @__PURE__ */ S("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ S(
-          Me,
+          Ge,
           {
             isListCollapsed: z,
             enableDragDrop: H,
-            sensors: xe,
-            items: F,
-            renderItem: We,
-            activeId: I,
+            sensors: ze,
+            items: q,
+            renderItem: je,
+            activeId: v,
             onDragStart: (e) => {
-              O(e.active.id);
+              W(e.active.id);
             },
             onDragOver: (e) => {
-              W(e.over?.id);
+              j(e.over?.id);
             },
             onDragEnd: (e) => {
-              O(null), W(null), R.current = !0, ze(e, (s) => {
+              W(null), j(null), R(), Be(e, (s) => {
                 const r = s(h);
                 L(r), t(r);
               });
             },
             onDragCancel: () => {
-              O(null), W(null);
+              W(null), j(null);
             }
           }
         ) }),
         /* @__PURE__ */ S(
-          Ge,
+          et,
           {
             enableApplyDiscard: p,
-            hasChanges: ce,
-            onDiscard: qe,
-            onApply: Fe,
-            cancelButtonLabel: ke,
-            submitButtonLabel: ge
+            hasChanges: de,
+            onDiscard: Je,
+            onApply: qe,
+            cancelButtonLabel: Ee,
+            submitButtonLabel: ke
           }
         )
       ]
@@ -396,5 +394,5 @@ const ie = (a, t) => {
   );
 };
 export {
-  Lt as NestedList
+  St as NestedList
 };