impact-nova 1.7.21 → 1.7.22

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

@@ -1,37 +1,37 @@
-import { useCallback as a } from "react";
-import { useSensors as W, useSensor as F, MouseSensor as X, TouchSensor as j, closestCorners as q } from "@dnd-kit/core";
-import { arrayMove as M } from "@dnd-kit/sortable";
-const Y = "droppable-", L = /* @__PURE__ */ new Set(["root-frozen", "root-scrollable"]);
-function g(f) {
-  if (f.startsWith(Y)) {
-    const c = f.slice(Y.length);
-    if (L.has(c)) return c;
+import { useCallback as h } from "react";
+import { useSensors as W, useSensor as A, MouseSensor as X, TouchSensor as j, closestCorners as q } from "@dnd-kit/core";
+import { arrayMove as w } from "@dnd-kit/sortable";
+const B = "droppable-", O = /* @__PURE__ */ new Set(["root-frozen", "root-scrollable"]);
+function Y(f) {
+  if (f.startsWith(B)) {
+    const c = f.slice(B.length);
+    if (O.has(c)) return c;
   }
   return null;
 }
-const Q = (f) => {
-  const c = q(f), x = c.filter(
-    (s) => !L.has(s.id)
+const K = (f) => {
+  const c = q(f), a = c.filter(
+    (s) => !O.has(s.id)
   );
-  return x.length > 0 ? x : c;
+  return a.length > 0 ? a : c;
 };
-function b(f, c) {
-  for (const x of f) {
-    if (x.id === c) return x;
-    if (x.children) {
-      const s = b(x.children, c);
+function F(f, c) {
+  for (const a of f) {
+    if (a.id === c) return a;
+    if (a.children) {
+      const s = F(a.children, c);
       if (s) return s;
     }
   }
 }
-const U = ({
+const Q = ({
   items: f,
   onDragEnd: c
 }) => {
-  const x = W(
-    F(X),
-    F(j)
-  ), s = a(
+  const a = W(
+    A(X),
+    A(j)
+  ), s = h(
     (t, r, o = 0) => {
       for (const n of t) {
         if (n.id === r) return o;
@@ -43,19 +43,19 @@ const U = ({
       return null;
     },
     []
-  ), h = a(
+  ), S = h(
     (t, r, o = null) => {
       for (const n of t) {
         if (n.id === r) return o;
         if (n.children) {
-          const e = h(n.children, r, n.id);
+          const e = S(n.children, r, n.id);
           if (e !== null) return e;
         }
       }
       return null;
     },
     []
-  ), T = a(
+  ), M = h(
     (t, r, o) => t.map((n) => {
       if (n.children && n.children.length > 0) {
         const e = n.children.findIndex(
@@ -64,7 +64,7 @@ const U = ({
           (l) => l.id === o
         );
         if (e !== -1 && i !== -1) {
-          const l = M(n.children, e, i);
+          const l = w(n.children, e, i);
           return {
             ...n,
             children: l
@@ -72,15 +72,15 @@ const U = ({
         }
         return {
           ...n,
-          children: T(n.children, r, o)
+          children: M(n.children, r, o)
         };
       }
       return n;
     }),
     []
-  ), N = a(
+  ), _ = h(
     (t, r, o) => {
-      const n = h(t, o);
+      const n = S(t, o);
       if (!n) return null;
       const e = t.findIndex(
         (l) => l.id === n
@@ -88,7 +88,7 @@ const U = ({
         (l) => l.id === r
       );
       if (e !== -1 && i !== -1) {
-        const l = M(
+        const l = w(
           t,
           i,
           e
@@ -97,122 +97,120 @@ const U = ({
       }
       return null;
     },
-    [h, c]
-  ), _ = a(
+    [S, c]
+  ), g = h(
     (t, r, o) => {
       const n = t.findIndex((i) => i.id === r), e = t.findIndex((i) => i.id === o);
       if (n !== -1 && e !== -1) {
-        const i = M(t, n, e);
+        const i = w(t, n, e);
         return c?.(r, o), i;
       }
       return null;
     },
     [c]
-  ), y = a(
+  ), p = h(
     (t, r, o) => {
-      const n = T(t, r, o);
+      const n = M(t, r, o);
       return c?.(r, o), n;
     },
-    [T, c]
-  ), A = a(
+    [M, c]
+  ), y = h(
     (t, r, o, n = !1) => {
-      const e = h(t, r), i = h(t, o);
-      if (!e || !i) return null;
-      const l = b(t, r);
-      if (!l) return null;
-      const P = t.map((u) => {
-        if (u.id === e)
-          return {
-            ...u,
-            children: u.children ? u.children.filter((d) => d.id !== r) : []
-          };
-        if (u.id === i) {
-          const d = u.children ? [...u.children] : [], C = d.findIndex(
-            (S) => S.id === o
-          );
-          if (C !== -1) {
-            const S = n ? C + 1 : C;
-            d.splice(S, 0, l);
-          } else
-            d.push(l);
-          return {
-            ...u,
-            children: d
-          };
+      const e = F(t, r);
+      if (!e) return null;
+      const i = (C) => C.filter((u) => u.id !== r).map(
+        (u) => u.children ? { ...u, children: i(u.children) } : u
+      ), l = (C) => {
+        const u = C.findIndex((d) => d.id === o);
+        if (u !== -1) {
+          const d = [...C], T = n ? u + 1 : u;
+          return d.splice(T, 0, e), { nodes: d, inserted: !0 };
         }
-        return u;
-      });
-      return c?.(r, o), P;
+        let P = !1;
+        return { nodes: C.map((d) => {
+          if (P || !d.children) return d;
+          const T = l(d.children);
+          return T.inserted ? (P = !0, { ...d, children: T.nodes }) : d;
+        }), inserted: P };
+      }, L = i(t), { nodes: x, inserted: R } = l(L);
+      return R ? (c?.(r, o), x) : null;
     },
-    [h, c]
-  ), O = a(
+    [c]
+  ), b = h(
     (t, r, o) => {
-      const n = b(t, r);
+      const n = F(t, r);
       if (!n) return t;
       const e = t.map((i) => {
-        let l = i.children ? i.children.filter((P) => P.id !== r) : [];
+        let l = i.children ? i.children.filter((L) => L.id !== r) : [];
         return i.id === o && (l = [n, ...l]), { ...i, children: l };
       });
       return c?.(r, o), e;
     },
     [c]
-  ), k = a(
+  ), k = h(
     (t, r) => {
       const { active: o, over: n } = t;
       !n || o.id === n.id || r((e) => {
-        const i = o.id, l = n.id, P = g(l);
-        if (P)
-          return O(e, i, P);
-        const u = s(e, i), d = s(e, l), C = h(e, i), S = h(e, l);
-        if (L.has(l) && u !== null && u > 0)
-          return O(e, i, l);
-        if (u === 0 && d !== null && d > 0)
-          return N(
+        const i = o.id, l = n.id, L = Y(l);
+        if (L)
+          return console.log("[NL-drop] route=section", { activeId: i, sectionId: L }), b(e, i, L);
+        const x = s(e, i), R = s(e, l), C = S(e, i), u = S(e, l);
+        if (console.log("[NL-drop] event", {
+          activeId: i,
+          overId: l,
+          activeLevel: x,
+          overLevel: R,
+          activeParentId: C,
+          overParentId: u
+        }), O.has(l) && x !== null && x > 0)
+          return b(e, i, l);
+        if (x === 0 && R !== null && R > 0)
+          return _(
             e,
             i,
             l
           ) || e;
-        if (u === null || d === null || u !== d)
+        if (x === null || R === null)
           return e;
-        if (u > 0 && C !== S) {
-          const R = o.rect.current.translated, w = n.rect;
-          let B = !1;
-          if (R && w) {
-            const H = R.top + R.height / 2, V = w.top + w.height / 2;
-            B = H > V;
+        if (x > 0 && R > 0 && C !== u) {
+          const P = o.rect.current.translated, N = n.rect;
+          let d = !1;
+          if (P && N) {
+            const H = P.top + P.height / 2, V = N.top + N.height / 2;
+            d = H > V;
           }
-          return A(e, i, l, B) || e;
+          return y(e, i, l, d) || e;
         }
-        return u === 0 ? _(e, i, l) || e : y(e, i, l);
+        return x === 0 ? g(e, i, l) || e : p(e, i, l);
       });
     },
     [
       s,
-      h,
-      N,
+      S,
       _,
+      g,
+      p,
       y,
-      A,
-      O
+      b
     ]
-  ), z = a(
+  ), z = h(
     (t, r) => {
       if (!t || !r || t === r)
         return !1;
       const o = t ? s(f, t) : null, n = r ? s(f, r) : null;
-      return g(r) !== null || L.has(r) ? !0 : o === null || n === null ? !1 : o === 0 && n > 0 || o === n;
+      return Y(r) !== null || O.has(r) ? !0 : o === null || n === null ? !1 : o === 0 && n > 0 || o === n || o > 0 && n > 0;
     },
     [f, s]
   );
   return {
-    sensors: x,
+    sensors: a,
     handleDragEnd: k,
     isValidDrop: z,
     findItemLevel: s,
-    findParentId: h
+    findParentId: S
   };
 };
 export {
-  Q as customCollisionDetection,
-  U as useNestedListDragDrop
+  K as customCollisionDetection,
+  Q as useNestedListDragDrop
 };

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "impact-nova",
-  "version": "1.7.21",
+  "version": "1.7.22",
   "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",