impact-nova 2.5.17 → 2.5.18

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

@@ -1,392 +1,378 @@
-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 = "",
+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 = "",
   groupLabel: ve,
-  enableApplyDiscard: p = !1,
-  enableCollapse: Y = !0,
+  enableApplyDiscard: B = !1,
+  enableCollapse: G = !0,
   enableGlobalCollapse: Ce = !0,
-  submitButtonLabel: Ne,
-  cancelButtonLabel: Le,
-  selectionMode: N = _.CASCADE_DOWN,
-  initialCollapsedItems: Se,
-  onCollapseChange: Z,
-  canDrag: w
+  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
 }) => {
-  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,
+  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,
     setActiveId: W,
-    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;
-      }
+    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;
     }
-    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,
+    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;
+    }
+    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,
     handleToggleCollapse: re,
-    handleCollapseAll: He,
-    handleToggleCategory: Oe
-  } = Ze({
-    setItems: L,
-    itemsRef: O,
-    findItemById: J,
-    updateParentsUpward: ye,
+    handleCollapseAll: Je,
+    handleToggleCategory: Ke
+  } = st({
+    setItems: a,
+    itemsRef: T,
+    findItemById: Le,
+    updateParentsUpward: qe,
     onChange: (e) => {
-      G((s) => s + 1), t(e);
+      se((t) => t + 1), u(e);
     },
-    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,
+    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,
       e,
-      s
+      t
     );
-    r.size > 0 && (F(new Set(r)), setTimeout(() => F(/* @__PURE__ */ new Set()), 600));
-    const u = ce(
+    i.size > 0 && (J(new Set(i)), setTimeout(() => J(/* @__PURE__ */ new Set()), 600));
+    const r = me(
       e,
-      s,
-      !E
-    ), f = N === _.INDEPENDENT ? u : he(u);
-    if (L(f), t(f), n) {
-      const a = oe(
+      t,
+      !S
+    ), f = x === Ie.INDEPENDENT ? r : Lt(r);
+    if (a(f), u(f), h) {
+      const R = de(
         e,
-        s,
-        !E
+        t,
+        !S
       );
-      n(a);
+      h(R);
     }
   }, [
-    E,
-    t,
-    n,
-    k,
-    ne,
-    le,
-    oe,
+    S,
+    l,
+    u,
+    M,
+    h,
+    m,
+    ae,
     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,
+    de,
+    me,
+    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,
         {
           item: e,
-          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
+          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: $
         },
         e.id
       );
     },
     [
-      I,
-      se,
-      re,
-      v,
-      ee,
-      H,
-      M,
-      Y,
-      w,
-      l,
-      m
+      o,
+      fe,
+      d,
+      ie,
+      E,
+      V,
+      te,
+      G,
+      L,
+      Z,
+      $
     ]
-  ), Fe = te(h).length > 0, de = T(
-    () => st({
-      enableApplyDiscard: p,
-      items: h,
-      savedItems: x,
-      revision: V,
-      savedRevision: U
+  ), Ye = Nt(s).length > 0, ue = C(
+    () => ct({
+      enableApplyDiscard: B,
+      items: s,
+      savedItems: w,
+      revision: P,
+      savedRevision: z
     }),
-    [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(
+    [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(
     "div",
     {
-      className: rt("flex flex-col min-h-0", Ie),
+      className: xt("flex flex-col min-h-0", ge),
       "data-component": "nested-list",
-      "data-has-changes": de ? "" : void 0,
-      "data-list-collapsed": z ? "" : void 0,
+      "data-has-changes": ue ? "" : void 0,
+      "data-list-collapsed": A ? "" : void 0,
       children: [
-        /* @__PURE__ */ ie("div", { className: "flex-shrink-0", children: [
-          /* @__PURE__ */ S(
-            $e,
+        /* @__PURE__ */ he("div", { className: "flex-shrink-0", children: [
+          /* @__PURE__ */ v(
+            it,
             {
-              hasItemsWithChildren: Fe,
-              isListCollapsed: z,
-              onCollapseAll: He,
-              enableSearch: y,
-              enableSelectAll: pe,
+              hasItemsWithChildren: Ye,
+              isListCollapsed: A,
+              onCollapseAll: Je,
+              enableSearch: pe,
+              enableSelectAll: Ne,
               groupLabel: ve,
-              allChecked: E,
-              isIndeterminate: _e,
-              onSelectAll: We,
-              searchText: b,
+              allChecked: S,
+              isIndeterminate: We,
+              onSelectAll: Qe,
+              searchText: p,
               onSearchChange: (e) => {
-                De(e.target.value);
+                we(e.target.value);
               },
-              searchPlaceholder: ge,
-              selectAllLabel: P("nestedList.selectAll"),
+              searchPlaceholder: De,
+              selectAllLabel: b("nestedList.selectAll"),
               enableCollapse: Ce
             }
           ),
-          /* @__PURE__ */ S(
-            Me,
+          /* @__PURE__ */ v(
+            lt,
             {
-              isListCollapsed: z,
-              enableGroupBy: g,
-              categories: Ve,
-              selectedCategories: B,
-              onToggleCategory: Oe
+              isListCollapsed: A,
+              enableGroupBy: k,
+              categories: Fe,
+              selectedCategories: H,
+              onToggleCategory: Ke
             }
           )
         ] }),
-        /* @__PURE__ */ S("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ S(
-          Ge,
+        /* @__PURE__ */ v("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ v(
+          ot,
           {
-            isListCollapsed: z,
-            enableDragDrop: H,
-            sensors: ze,
-            items: q,
-            renderItem: je,
-            activeId: v,
+            isListCollapsed: A,
+            enableDragDrop: E,
+            dragMode: V,
+            sensors: Ue,
+            items: N,
+            flatVirtualRowModel: l,
+            renderItem: Xe,
+            activeId: d,
+            onToggleCollapse: re,
+            toggleCollapseHandlerRef: ne,
+            collapsedItems: o,
+            onVirtualDrop: _e,
             onDragStart: (e) => {
               W(e.active.id);
             },
             onDragOver: (e) => {
-              j(e.over?.id);
+              q(e.over?.id);
             },
             onDragEnd: (e) => {
-              W(null), j(null), R(), Be(e, (s) => {
-                const r = s(h);
-                L(r), t(r);
+              W(null), q(null), n(), Ve(e, (t) => {
+                const i = t(s);
+                a(i), u(i);
               });
             },
             onDragCancel: () => {
-              W(null), j(null);
+              W(null), q(null);
             }
           }
         ) }),
-        /* @__PURE__ */ S(
-          et,
+        /* @__PURE__ */ v(
+          rt,
           {
-            enableApplyDiscard: p,
-            hasChanges: de,
-            onDiscard: Je,
-            onApply: qe,
-            cancelButtonLabel: Ee,
-            submitButtonLabel: ke
+            enableApplyDiscard: B,
+            hasChanges: ue,
+            onDiscard: $e,
+            onApply: Ze,
+            cancelButtonLabel: be,
+            submitButtonLabel: Be
           }
         )
       ]
@@ -394,5 +380,5 @@ const ae = (i, t) => {
   );
 };
 export {
-  St as NestedList
+  Xt as NestedList
 };