impact-nova 2.5.13 → 2.5.14

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

@@ -1,378 +1,392 @@
-import { jsx as v, jsxs as he } from "react/jsx-runtime";
-import K, { useMemo as C, useCallback as c, useRef as Ge } from "react";
-import { SortableItem as Oe } from "./components/SortableItem.js";
-import { SelectionMode as Ie } from "./nested-list.types.js";
-import { useNestedListDragDrop as Me } from "./hooks/useNestedListDragDrop.js";
-import { useNestedListSelectAll as et } from "./hooks/useNestedListSelectAll.js";
-import { useNestedListState as tt } from "./hooks/useNestedListState.js";
-import { useNestedListHandlers as st } from "./hooks/useNestedListHandlers.js";
-import { NestedListHeader as it } from "./components/NestedListHeader.js";
-import { NestedListCategoryFilters as lt } from "./components/NestedListCategoryFilters.js";
-import { NestedListContent as ot } from "./components/NestedListContent.js";
-import { NestedListApplyDiscardButtons as rt } from "./components/NestedListApplyDiscardButtons.js";
-import { applyNestedListDrop as nt } from "./nested-list-drop-engine.js";
-import { shouldUseNestedListRevisionTracking as at, computeNestedListHasChanges as ct } from "./nested-list-change-detection.js";
-import { countNestedListLeaves as dt, computeNestedListSubtreeLeafSelection as mt } from "./nested-list-tree-utils.js";
-import { extractNestedListCategories as ft, filterNestedListItemsByCategories as ut, filterNestedListItemsBySearch as ht, flattenNestedListTree as It, updateNestedListParentCheckedState as Lt } from "./nested-list-display-utils.js";
-import { updateNestedListParentsUpward as pt, collectNestedListGroupItemIds as Nt, findNestedListItemById as Le } from "./nested-list-item-tree-mutations.js";
-import { resolveVirtualDropReorderIndices as St, computeFlatVirtualHeaderSelection as gt, triggerFlatVirtualSelectAll as vt, triggerFlatVirtualItemToggle as Ct } from "./nested-list-flat-virtual-handlers.js";
-import { resolveGroupHeaderDropTarget as kt } from "./nested-list-virtual-drop.js";
-import { cn as xt } from "../../../lib/utils.js";
-import { useImpactNovaI18n as Tt } from "../../../i18n/use-impact-nova-i18n.js";
-const Xt = ({
-  items: Q,
-  onChange: u,
-  onSubmit: X,
-  onCancel: Y,
-  onItemToggle: h,
-  onDragEnd: y,
-  renderLabelExtras: Z,
-  renderActions: $,
-  enableSearch: pe = !0,
-  enableDragDrop: E = !0,
-  enableSelectAll: Ne = !0,
-  enableGroupBy: k = !1,
-  getCategory: I,
-  searchPlaceholder: Se,
-  className: ge = "",
+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 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 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;
+}, he = (i) => i.map((t) => {
+  if (t.children && t.children.length > 0) {
+    const o = he(t.children), c = o.every((n) => n.checked);
+    return {
+      ...t,
+      checked: c,
+      children: o
+    };
+  }
+  return t;
+}), lt = (i, t) => {
+  const o = /* @__PURE__ */ new Set(), c = (n) => {
+    n.forEach((d) => {
+      const l = t ? t(d) : d.category;
+      l && o.add(l), d.children && c(d.children);
+    });
+  };
+  return c(i), Array.from(o).sort();
+}, ue = (i, t, o) => {
+  if (t.size === 0) return i;
+  const c = [];
+  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;
+}, 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;
+      d.push(
+        ...fe(
+          l.children,
+          t,
+          o,
+          c + 1,
+          y
+        )
+      );
+    }
+  }), d;
+}, St = ({
+  items: i,
+  onChange: t,
+  onSubmit: o,
+  onCancel: c,
+  onItemToggle: n,
+  onDragEnd: d,
+  renderLabelExtras: l,
+  renderActions: m,
+  enableSearch: y = !0,
+  enableDragDrop: H = !0,
+  enableSelectAll: pe = !0,
+  enableGroupBy: g = !1,
+  getCategory: C,
+  searchPlaceholder: me,
+  className: Ie = "",
   groupLabel: ve,
-  enableApplyDiscard: B = !1,
-  enableCollapse: G = !0,
+  enableApplyDiscard: p = !1,
+  enableCollapse: Y = !0,
   enableGlobalCollapse: Ce = !0,
-  submitButtonLabel: ke,
-  cancelButtonLabel: xe,
-  selectionMode: x = Ie.CASCADE_DOWN,
-  initialCollapsedItems: Te,
-  onCollapseChange: O,
-  canDrag: L,
-  isValidDropTarget: U,
-  dragMode: V,
-  onVirtualReorder: F,
-  onVirtualDrop: _,
-  flatVirtualRowResolver: j,
-  onFlatVirtualSelectAll: M
+  submitButtonLabel: Ne,
+  cancelButtonLabel: Le,
+  selectionMode: N = _.CASCADE_DOWN,
+  initialCollapsedItems: Se,
+  onCollapseChange: Z,
+  canDrag: w
 }) => {
-  const { t: b } = Tt(), De = Se ?? b("nestedList.searchPlaceholder"), Be = ke ?? b("nestedList.apply"), be = xe ?? b("nestedList.reset"), {
-    items: s,
-    setItems: a,
-    itemsRef: T,
-    savedItems: w,
-    setSavedItems: ee,
-    markUserChange: n,
-    searchText: p,
-    setSearchText: we,
-    collapsedItems: o,
-    setCollapsedItems: Ae,
-    isListCollapsed: A,
-    setIsListCollapsed: He,
-    activeId: d,
+  const { t: P } = nt(), ge = me ?? P("nestedList.searchPlaceholder"), ke = Ne ?? P("nestedList.apply"), Ee = Le ?? P("nestedList.reset"), {
+    items: h,
+    setItems: L,
+    itemsRef: O,
+    savedItems: x,
+    setSavedItems: $,
+    markUserChange: R,
+    searchText: b,
+    setSearchText: De,
+    collapsedItems: I,
+    setCollapsedItems: Te,
+    isListCollapsed: z,
+    setIsListCollapsed: Ae,
+    activeId: v,
     setActiveId: W,
-    setOverId: q,
-    selectedCategories: H,
-    setSelectedCategories: Pe,
-    itemsToBlink: te,
-    setItemsToBlink: J,
-    isNormalized: ze,
-    normalizedState: Re,
-    batchUpdateItems: ye
-  } = tt({
-    initialItems: Q,
-    enableApplyDiscard: B,
-    enableNormalizedState: j != null || at(dt(Q)),
-    initialCollapsedItems: Te
-  }), l = C(
-    () => j?.(p) ?? null,
-    [j, p]
-  );
-  K.useEffect(() => {
-    O?.(o);
-  }, [o, O]);
-  const [P, se] = K.useState(0), [z, Ee] = K.useState(0), {
-    sensors: Ue,
-    handleDragEnd: Ve,
-    isValidDrop: ie
-  } = Me({
-    items: s,
-    onDragEnd: y,
-    collapsedItems: o,
-    canDrag: L,
-    isValidDropTarget: U
-  }), Fe = C(
-    () => k ? ft(s, I) : [],
-    [s, k, I]
-  ), m = C(() => {
-    let e = s;
-    return k && H.size > 0 && (e = ut(e, H, I)), p && (e = ht(e, p)), e;
-  }, [s, p, k, H, I]), N = C(() => l ? [] : It(m, o, d), [l, m, o, d]), le = c((e, t, i) => {
-    n();
-    let r = t, f = i;
-    if (N.find((g) => g.item.id === t)?.item.category === "group") {
-      const g = kt(
-        N,
-        t,
-        i,
-        o
-      );
-      r = g.overId, f = g.insertAfter;
-    }
-    const D = nt(s, {
-      activeId: e,
-      overId: r,
-      insertAfter: f,
-      collapsedItems: o,
-      canDrag: L,
-      isValidDropTarget: U
-    });
-    D !== s && (a(D), u(D), y?.(e, t));
-  }, [s, N, o, L, U, n, u, y, a]), _e = c((e, t, i) => {
-    if (_) {
-      e !== t && _(e, t, i);
-      return;
-    }
-    const r = St({
-      activeId: e,
-      overId: t,
-      insertAfter: i,
-      flatVirtualRowModel: l,
-      displayItems: N,
-      onVirtualReorder: F
-    });
-    if (r) {
-      F?.(r.fromIndex, r.toIndex);
-      return;
+    setOverId: j,
+    selectedCategories: B,
+    setSelectedCategories: we,
+    itemsToBlink: M,
+    setItemsToBlink: F,
+    // Normalized state helpers (for optimized operations)
+    isNormalized: Pe,
+    normalizedState: xe,
+    batchUpdateItems: Re
+  } = Ye({
+    initialItems: i,
+    enableApplyDiscard: p,
+    // Enable normalized state for large datasets (can be made configurable via props)
+    enableNormalizedState: tt(i.length),
+    initialCollapsedItems: Se
+  });
+  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: 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 = 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 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 };
+  }, [q]), _e = Ue && !E, J = (e, s) => {
+    for (const r of e) {
+      if (r.id === s) return r;
+      if (r.children) {
+        const u = J(r.children, s);
+        if (u) return u;
+      }
     }
-    le(e, t, i);
-  }, [N, l, le, _, F]), { allChecked: S, someChecked: je } = C(() => {
-    if (l)
-      return gt(l);
-    const { totalLeafCount: e, checkedLeafCount: t } = mt(m);
-    return {
-      allChecked: e > 0 && t === e,
-      someChecked: t > 0
-    };
-  }, [m, l]), We = je && !S, qe = c(
-    (e, t) => pt(e, t, x),
-    [x]
-  ), {
-    handleToggle: oe,
+    return null;
+  }, ye = A(
+    (e, s) => {
+      if (N === _.INDEPENDENT)
+        return e;
+      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 a;
+      });
+      return u(e);
+    },
+    [N]
+  ), te = (e) => {
+    const s = [];
+    return e.forEach((r) => {
+      r.children && r.children.length > 0 && (s.push(r.id), s.push(...te(r.children)));
+    }), s;
+  }, {
+    handleToggle: se,
     handleToggleCollapse: re,
-    handleCollapseAll: Je,
-    handleToggleCategory: Ke
-  } = st({
-    setItems: a,
-    itemsRef: T,
-    findItemById: Le,
-    updateParentsUpward: qe,
+    handleCollapseAll: He,
+    handleToggleCategory: Oe
+  } = Ze({
+    setItems: L,
+    itemsRef: O,
+    findItemById: J,
+    updateParentsUpward: ye,
     onChange: (e) => {
-      se((t) => t + 1), u(e);
+      G((s) => s + 1), t(e);
     },
-    onItemToggle: h,
-    getCategory: I,
-    setCollapsedItems: Ae,
-    setIsListCollapsed: He,
-    setSelectedCategories: Pe,
-    markUserChange: n,
-    selectionMode: x,
-    isNormalized: ze,
-    normalizedState: Re,
-    batchUpdateItems: ye
-  }), ne = Ge(re), {
-    collectVisibleItemIds: ae,
-    findItemsNotSelected: ce,
-    collectVisibleItemsForCallback: de,
-    updateVisibleItems: me
-  } = et({
-    findItemById: Le,
-    getCategory: I
-  }), Qe = c(() => {
-    if (vt(l, S, M)) {
-      n();
-      return;
-    }
-    n();
-    const e = T.current, t = ae(m), i = ce(
-      m,
+    onItemToggle: n,
+    getCategory: C,
+    setCollapsedItems: Te,
+    setIsListCollapsed: Ae,
+    setSelectedCategories: we,
+    markUserChange: R,
+    selectionMode: N,
+    // Pass normalized state helpers for optimized operations
+    isNormalized: Pe,
+    normalizedState: xe,
+    batchUpdateItems: Re
+  }), {
+    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,
-      t
+      s
     );
-    i.size > 0 && (J(new Set(i)), setTimeout(() => J(/* @__PURE__ */ new Set()), 600));
-    const r = me(
+    r.size > 0 && (F(new Set(r)), setTimeout(() => F(/* @__PURE__ */ new Set()), 600));
+    const u = ce(
       e,
-      t,
-      !S
-    ), f = x === Ie.INDEPENDENT ? r : Lt(r);
-    if (a(f), u(f), h) {
-      const R = de(
+      s,
+      !E
+    ), f = N === _.INDEPENDENT ? u : he(u);
+    if (L(f), t(f), n) {
+      const a = oe(
         e,
-        t,
-        !S
+        s,
+        !E
       );
-      h(R);
+      n(a);
     }
   }, [
-    S,
-    l,
-    u,
-    M,
-    h,
-    m,
-    ae,
-    ce,
-    de,
-    me,
+    E,
+    t,
     n,
-    T,
-    a,
-    J,
-    x
-  ]), fe = c(
-    (e) => {
-      if (l) {
-        n(), Ct(
-          l,
-          T.current,
-          e,
-          h
-        );
-        return;
-      }
-      oe(e);
-    },
-    [l, n, h, T, oe]
-  ), Xe = c(
-    (e, t, i, r) => {
-      const f = d ? ie(d, e.id) : !1, R = te.has(e.id), D = L ? !L(e, t) : e.isDragDisabled ?? !1;
-      return /* @__PURE__ */ v(
-        Oe,
+    k,
+    ne,
+    le,
+    oe,
+    ce,
+    R,
+    O,
+    L,
+    F,
+    N
+  ]), je = A(
+    (e, s, r) => {
+      const u = v ? ee(v, e.id) : !1, f = M.has(e.id), a = w ? !w(e, s) : e.isDragDisabled ?? !1;
+      return /* @__PURE__ */ S(
+        Ke,
         {
           item: e,
-          level: t,
-          indentLevel: i,
-          isCollapsed: o[e.id] || !1,
-          onToggle: fe,
-          onToggleCollapse: (g) => ne.current(g),
-          isAnyDragging: r?.isAnyDragging ?? d !== null,
-          isValidDrop: f,
-          enableDragDrop: E,
-          dragMode: V,
-          enableCollapse: G,
-          shouldBlink: R,
-          isDragDisabled: D,
-          renderLabelExtras: Z,
-          renderActions: $
+          level: s,
+          indentLevel: r,
+          isCollapsed: I[e.id] || !1,
+          onToggle: se,
+          onToggleCollapse: re,
+          isAnyDragging: v !== null,
+          isValidDrop: u,
+          enableDragDrop: H,
+          enableCollapse: Y,
+          shouldBlink: f,
+          isDragDisabled: a,
+          renderLabelExtras: l,
+          renderActions: m
         },
         e.id
       );
     },
     [
-      o,
-      fe,
-      d,
-      ie,
-      E,
-      V,
-      te,
-      G,
-      L,
-      Z,
-      $
+      I,
+      se,
+      re,
+      v,
+      ee,
+      H,
+      M,
+      Y,
+      w,
+      l,
+      m
     ]
-  ), Ye = Nt(s).length > 0, ue = C(
-    () => ct({
-      enableApplyDiscard: B,
-      items: s,
-      savedItems: w,
-      revision: P,
-      savedRevision: z
+  ), Fe = te(h).length > 0, de = T(
+    () => st({
+      enableApplyDiscard: p,
+      items: h,
+      savedItems: x,
+      revision: V,
+      savedRevision: U
     }),
-    [B, s, w, P, z]
-  ), Ze = c(() => {
-    ee(s), Ee(P), X?.(s);
-  }, [s, X, ee, P]), $e = c(() => {
-    a(w), se(z), Y?.();
-  }, [w, Y, a, z]);
-  return /* @__PURE__ */ he(
+    [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: xt("flex flex-col min-h-0", ge),
+      className: rt("flex flex-col min-h-0", Ie),
       "data-component": "nested-list",
-      "data-has-changes": ue ? "" : void 0,
-      "data-list-collapsed": A ? "" : void 0,
+      "data-has-changes": de ? "" : void 0,
+      "data-list-collapsed": z ? "" : void 0,
       children: [
-        /* @__PURE__ */ he("div", { className: "flex-shrink-0", children: [
-          /* @__PURE__ */ v(
-            it,
+        /* @__PURE__ */ ie("div", { className: "flex-shrink-0", children: [
+          /* @__PURE__ */ S(
+            $e,
             {
-              hasItemsWithChildren: Ye,
-              isListCollapsed: A,
-              onCollapseAll: Je,
-              enableSearch: pe,
-              enableSelectAll: Ne,
+              hasItemsWithChildren: Fe,
+              isListCollapsed: z,
+              onCollapseAll: He,
+              enableSearch: y,
+              enableSelectAll: pe,
               groupLabel: ve,
-              allChecked: S,
-              isIndeterminate: We,
-              onSelectAll: Qe,
-              searchText: p,
+              allChecked: E,
+              isIndeterminate: _e,
+              onSelectAll: We,
+              searchText: b,
               onSearchChange: (e) => {
-                we(e.target.value);
+                De(e.target.value);
               },
-              searchPlaceholder: De,
-              selectAllLabel: b("nestedList.selectAll"),
+              searchPlaceholder: ge,
+              selectAllLabel: P("nestedList.selectAll"),
               enableCollapse: Ce
             }
           ),
-          /* @__PURE__ */ v(
-            lt,
+          /* @__PURE__ */ S(
+            Me,
             {
-              isListCollapsed: A,
-              enableGroupBy: k,
-              categories: Fe,
-              selectedCategories: H,
-              onToggleCategory: Ke
+              isListCollapsed: z,
+              enableGroupBy: g,
+              categories: Ve,
+              selectedCategories: B,
+              onToggleCategory: Oe
             }
           )
         ] }),
-        /* @__PURE__ */ v("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ v(
-          ot,
+        /* @__PURE__ */ S("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ S(
+          Ge,
           {
-            isListCollapsed: A,
-            enableDragDrop: E,
-            dragMode: V,
-            sensors: Ue,
-            items: N,
-            flatVirtualRowModel: l,
-            renderItem: Xe,
-            activeId: d,
-            onToggleCollapse: re,
-            toggleCollapseHandlerRef: ne,
-            collapsedItems: o,
-            onVirtualDrop: _e,
+            isListCollapsed: z,
+            enableDragDrop: H,
+            sensors: ze,
+            items: q,
+            renderItem: je,
+            activeId: v,
             onDragStart: (e) => {
               W(e.active.id);
             },
             onDragOver: (e) => {
-              q(e.over?.id);
+              j(e.over?.id);
             },
             onDragEnd: (e) => {
-              W(null), q(null), n(), Ve(e, (t) => {
-                const i = t(s);
-                a(i), u(i);
+              W(null), j(null), R(), Be(e, (s) => {
+                const r = s(h);
+                L(r), t(r);
               });
             },
             onDragCancel: () => {
-              W(null), q(null);
+              W(null), j(null);
             }
           }
         ) }),
-        /* @__PURE__ */ v(
-          rt,
+        /* @__PURE__ */ S(
+          et,
           {
-            enableApplyDiscard: B,
-            hasChanges: ue,
-            onDiscard: $e,
-            onApply: Ze,
-            cancelButtonLabel: be,
-            submitButtonLabel: Be
+            enableApplyDiscard: p,
+            hasChanges: de,
+            onDiscard: Je,
+            onApply: qe,
+            cancelButtonLabel: Ee,
+            submitButtonLabel: ke
           }
         )
       ]
@@ -380,5 +394,5 @@ const Xt = ({
   );
 };
 export {
-  Xt as NestedList
+  St as NestedList
 };