impact-nova 1.7.29 → 1.7.30

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

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

package/dist/components/ui/types/nested-list.types.d.ts

@@ -56,6 +56,8 @@ export interface NestedListProps {
     enableGlobalCollapse?: boolean;
     selectionMode?: SelectionMode;
     getCategory?: (item: NestedListItem) => string | undefined;
+    initialCollapsedItems?: Record<string, boolean>;
+    onCollapseChange?: (collapsedItems: Record<string, boolean>) => void;
     searchPlaceholder?: string;
     className?: string;
     groupLabel?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "impact-nova",
-  "version": "1.7.29",
+  "version": "1.7.30",
   "description": "Enterprise-grade React design system built with React 19, Vite, Tailwind CSS, and Radix UI. Built-in internationalization (i18n) and comprehensive UI component library for scalable, accessible, and performant applications.",
   "type": "module",
   "main": "./dist/index.js",