impact-nova 1.7.24 → 1.7.26

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

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

package/dist/components/ui/select/components/Submenu.js

@@ -3,12 +3,12 @@ import * as l from "@radix-ui/react-popover";
 import { Checkbox as C } from "../../checkbox.js";
 import { ChevronRight as N, Checkmark as w } from "../../../../icons/index.js";
 import { cn as S } from "../../../../lib/utils.js";
-const D = ({
+const j = ({
   parentOption: o,
   isMulti: i,
   isReadOnly: c,
-  isSelected: x,
-  getIndeterminateState: f,
+  isSelected: f,
+  getIndeterminateState: x,
   getSelectedCount: h,
   handleSelect: v,
   id: y
@@ -27,10 +27,12 @@ const D = ({
         avoidCollisions: !0,
         collisionPadding: 8,
         onOpenAutoFocus: (e) => e.preventDefault(),
+        onInteractOutside: (e) => e.preventDefault(),
+        onFocusOutside: (e) => e.preventDefault(),
         className: "select-submenu-container z-50 min-w-[180px] max-h-[300px] overflow-auto rounded-xl bg-canvas-elevated py-1 shadow-elevation-floating",
         "data-component": "select-menu",
         children: d.map((e) => {
-          const n = x(e), g = f(e), a = e.isDisabled, m = h(e), s = "children" in e && Array.isArray(e.children) && e.children.length > 0, p = e.isParentSelectable !== !1, b = String(e.value || "");
+          const n = f(e), g = x(e), a = e.isDisabled, m = h(e), s = "children" in e && Array.isArray(e.children) && e.children.length > 0, p = e.isParentSelectable !== !1, b = String(e.value || "");
           return /* @__PURE__ */ r(
             "div",
             {
@@ -85,5 +87,5 @@ const D = ({
   ] });
 };
 export {
-  D as default
+  j as default
 };