impact-nova 1.7.29 → 1.7.30

package/dist/components/ui/data-table/data-table-column-list.js

@@ -1,87 +1,87 @@
-import { jsx as R } from "react/jsx-runtime";
-import { useState as N, useRef as I, useCallback as C, useEffect as A } from "react";
-import { useDataTable as Q } from "./data-table-context.js";
-import { NestedList as X } from "../nested-list/nested-list.js";
-import { SelectionMode as Y } from "../types/nested-list.types.js";
-import { mergePartialOrderedColumnState as Z } from "./data-table-column-state.js";
-import { useImpactNovaI18n as ee } from "../../../i18n/ImpactNovaI18nContext.js";
-const ue = ({
-  enableApplyDiscard: T = !1,
-  showSearch: F = !0,
-  showSelectAll: q = !0,
-  showCollapse: j = !0
+import { jsx as x } from "react/jsx-runtime";
+import { useState as N, useRef as C, useCallback as b, useEffect as F } from "react";
+import { useDataTable as X } from "./data-table-context.js";
+import { NestedList as Y } from "../nested-list/nested-list.js";
+import { SelectionMode as Z } from "../types/nested-list.types.js";
+import { mergePartialOrderedColumnState as ee } from "./data-table-column-state.js";
+import { useImpactNovaI18n as te } from "../../../i18n/ImpactNovaI18nContext.js";
+const de = ({
+  enableApplyDiscard: v = !1,
+  showSearch: q = !0,
+  showSelectAll: j = !0,
+  showCollapse: K = !0
 }) => {
-  const { gridApi: l } = Q(), { t: p } = ee(), [K, w] = N([]), [V, W] = N(!1), f = I(!1), v = I(null), b = I(0), [z, O] = N(!1), B = I(/* @__PURE__ */ new Map()), g = C(() => {
+  const { gridApi: l } = X(), { t: p } = te(), [V, w] = N([]), [W, B] = N(!1), f = C(!1), T = C(null), y = C(0), z = C({}), [O, P] = N(!1), L = C(/* @__PURE__ */ new Map()), g = b(() => {
     if (!l || f.current) return;
-    const o = l.getColumnState(), s = new Map(o.map((t) => [t.colId, t]));
-    B.current = s;
-    const c = l.getColumns() || [], i = new Map(c.map((t) => [t.getColId(), t])), r = [], e = [], k = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), H = (t, a) => {
-      const n = t.getGroupId(), u = `${n}::${a === r ? "f" : "s"}`, d = k.get(u);
+    const r = l.getColumnState(), s = new Map(r.map((t) => [t.colId, t]));
+    L.current = s;
+    const c = l.getColumns() || [], i = new Map(c.map((t) => [t.getColId(), t])), n = [], e = [], k = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), J = (t, a) => {
+      const o = t.getGroupId(), u = `${o}::${a === n ? "f" : "s"}`, d = k.get(u);
       if (d && d.list === a && a[a.length - 1] === d.node)
         return d.node;
       const m = D.get(u) || 0;
       D.set(u, m + 1);
-      const S = t.getColGroupDef(), h = a === r ? "f" : "s", x = {
-        id: m === 0 ? `${n}__${h}` : `${n}__${h}__${m}`,
-        label: S?.headerName || n,
+      const I = t.getColGroupDef(), h = a === n ? "f" : "s", R = {
+        id: m === 0 ? `${o}__${h}` : `${o}__${h}__${m}`,
+        label: I?.headerName || o,
         checked: !0,
         children: [],
         category: "group"
       };
-      return a.push(x), k.set(u, { list: a, node: x }), x;
+      return a.push(R), k.set(u, { list: a, node: R }), R;
     };
-    let E = 0, _ = 0, G = 0, $ = 0;
-    o.forEach((t) => {
+    let E = 0, $ = 0, G = 0, A = 0;
+    r.forEach((t) => {
       const a = i.get(t.colId);
       if (!a) return;
-      let n = l.getDisplayNameForColumn(a, "header");
-      if (n === "") return;
-      if (n == null) {
+      let o = l.getDisplayNameForColumn(a, "header");
+      if (o === "") return;
+      if (o == null) {
         const h = a.getColDef();
         if (h.headerName === "") return;
-        n = h.headerName || h.field || t.colId;
+        o = h.headerName || h.field || t.colId;
       }
-      if (!n || n.trim() === "")
+      if (!o || o.trim() === "")
         return;
       const u = !t.hide, d = {
         id: t.colId,
-        label: n,
+        label: o,
         checked: u
       };
-      t.pinned ? (E++, u && _++) : (G++, u && $++);
-      const m = t.pinned ? r : e, S = a.getOriginalParent();
-      S?.getColGroupDef()?.children ? H(S, m).children.push(d) : m.push(d);
+      t.pinned ? (E++, u && $++) : (G++, u && A++);
+      const m = t.pinned ? n : e, I = a.getOriginalParent();
+      I?.getColGroupDef()?.children ? J(I, m).children.push(d) : m.push(d);
     });
     const M = (t) => {
       let a = t.length > 0;
-      for (const n of t)
-        n.children && (n.checked = M(n.children)), n.checked || (a = !1);
+      for (const o of t)
+        o.children && (o.checked = M(o.children)), o.checked || (a = !1);
       return a;
     };
-    M(r), M(e);
-    const J = [
+    M(n), M(e);
+    const Q = [
       {
         id: "root-frozen",
         label: p("dataTable.frozenColumns"),
-        checked: E > 0 && _ === E,
-        children: r,
+        checked: E > 0 && $ === E,
+        children: n,
         category: "structure",
         isDragDisabled: !0
       },
       {
         id: "root-scrollable",
         label: p("dataTable.scrollableColumns"),
-        checked: G > 0 && $ === G,
+        checked: G > 0 && A === G,
         children: e,
         category: "structure",
         isDragDisabled: !0
       }
     ];
-    w(J), W(!0);
+    w(Q), B(!0);
   }, [l, p]);
-  A(() => {
+  F(() => {
     if (!l) return;
-    const o = setTimeout(() => g(), 0), s = [
+    const r = setTimeout(() => g(), 0), s = [
       "columnVisible",
       "columnPinned",
       "columnMoved",
@@ -99,23 +99,23 @@ const ue = ({
     const i = () => {
       c && clearTimeout(c), c = setTimeout(() => {
         c = null;
-        const r = !f.current;
-        f.current = !1, g(), r && O((e) => !e);
+        const n = !f.current;
+        f.current = !1, g(), n && P((e) => !e);
       }, 150);
     };
-    return l.isDestroyed() || s.forEach((r) => l.addEventListener(r, i)), () => {
-      clearTimeout(o), c && clearTimeout(c), l.isDestroyed() || s.forEach((r) => l.removeEventListener(r, i));
+    return l.isDestroyed() || s.forEach((n) => l.addEventListener(n, i)), () => {
+      clearTimeout(r), c && clearTimeout(c), l.isDestroyed() || s.forEach((n) => l.removeEventListener(n, i));
     };
-  }, [l, g]), A(() => {
-    if (b.current === 0) return;
-    const o = requestAnimationFrame(() => {
-      const s = v.current?.querySelector('[data-component="nested-list"] .overflow-y-auto');
-      s && (s.scrollTop = b.current, b.current = 0);
+  }, [l, g]), F(() => {
+    if (y.current === 0) return;
+    const r = requestAnimationFrame(() => {
+      const s = T.current?.querySelector('[data-component="nested-list"] .overflow-y-auto');
+      s && (s.scrollTop = y.current, y.current = 0);
     });
-    return () => cancelAnimationFrame(o);
-  }, [z]);
-  const P = C((o) => {
-    const s = [], c = (i, r) => {
+    return () => cancelAnimationFrame(r);
+  }, [O]);
+  const _ = b((r) => {
+    const s = [], c = (i, n) => {
       i.forEach((e) => {
         if (e.id === "root-frozen") {
           e.children && c(e.children, "left");
@@ -125,57 +125,61 @@ const ue = ({
           e.children && c(e.children, null);
           return;
         }
-        e.category === "group" || e.children && e.children.length > 0 ? e.children && c(e.children, r) : l?.getColumn(e.id) && s.push({
+        e.category === "group" || e.children && e.children.length > 0 ? e.children && c(e.children, n) : l?.getColumn(e.id) && s.push({
           colId: e.id,
-          pinned: r,
+          pinned: n,
           hide: !e.checked
         });
       });
     };
-    return c(o, null), s;
-  }, [l]), y = C((o) => {
+    return c(r, null), s;
+  }, [l]), S = b((r) => {
     if (!l) return;
     f.current = !0;
-    const s = P(o);
+    const s = _(r);
     if (s.length === 0) {
       setTimeout(() => {
         f.current = !1;
       }, 300);
       return;
     }
-    const c = l.getColumnState(), i = Z(c, s);
+    const c = l.getColumnState(), i = ee(c, s);
     l.applyColumnState({
       state: i,
       applyOrder: !0
     }), setTimeout(() => {
       f.current = !1;
-      const r = v.current?.querySelector('[data-component="nested-list"] .overflow-y-auto');
-      r && (b.current = r.scrollTop), g(), O((e) => !e);
+      const n = T.current?.querySelector('[data-component="nested-list"] .overflow-y-auto');
+      n && (y.current = n.scrollTop), g(), P((e) => !e);
     }, 300);
-  }, [l, P, g]), L = C((o) => {
-    y(o);
-  }, [y]), U = C((o) => {
-    T || y(o), w(o);
-  }, [T, y]);
-  return V ? /* @__PURE__ */ R("div", { ref: v, className: "flex flex-col h-full bg-canvas-elevated", children: /* @__PURE__ */ R(
-    X,
+  }, [l, _, g]), U = b((r) => {
+    S(r);
+  }, [S]), H = b((r) => {
+    v || S(r), w(r);
+  }, [v, S]);
+  return W ? /* @__PURE__ */ x("div", { ref: T, className: "flex flex-col h-full bg-canvas-elevated", children: /* @__PURE__ */ x(
+    Y,
     {
-      items: K,
-      onChange: U,
-      onSubmit: L,
-      enableApplyDiscard: T,
-      enableSearch: F,
-      enableSelectAll: q,
+      items: V,
+      onChange: H,
+      onSubmit: U,
+      enableApplyDiscard: v,
+      enableSearch: q,
+      enableSelectAll: j,
       enableDragDrop: !0,
       enableCollapse: !0,
-      enableGlobalCollapse: j,
-      selectionMode: Y.CASCADE_DOWN,
+      enableGlobalCollapse: K,
+      selectionMode: Z.CASCADE_DOWN,
       searchPlaceholder: p("dataTable.searchColumnsPlaceholder"),
-      className: "h-full"
+      className: "h-full",
+      initialCollapsedItems: z.current,
+      onCollapseChange: (r) => {
+        z.current = r;
+      }
     },
-    z ? "sync-a" : "sync-b"
-  ) }) : /* @__PURE__ */ R("div", { className: "p-4 text-[13px] text-content-placeholder", children: p("dataTable.loadingColumns") });
+    O ? "sync-a" : "sync-b"
+  ) }) : /* @__PURE__ */ x("div", { className: "p-4 text-[13px] text-content-placeholder", children: p("dataTable.loadingColumns") });
 };
 export {
-  ue as DataTableColumnList
+  de as DataTableColumnList
 };

package/dist/components/ui/nested-list/hooks/useNestedListDragDrop.d.ts

@@ -15,8 +15,9 @@ export declare const customCollisionDetection: CollisionDetection;
 interface UseNestedListDragDropProps {
     items: NestedListItem[];
     onDragEnd?: (activeId: string, overId: string | null) => void;
+    collapsedItems?: Record<string, boolean>;
 }
-export declare const useNestedListDragDrop: ({ items, onDragEnd, }: UseNestedListDragDropProps) => {
+export declare const useNestedListDragDrop: ({ items, onDragEnd, collapsedItems, }: UseNestedListDragDropProps) => {
     sensors: import('@dnd-kit/core').SensorDescriptor<import('@dnd-kit/core').SensorOptions>[];
     handleDragEnd: (event: DragEndEvent, setItems: (updater: (prevItems: NestedListItem[]) => NestedListItem[]) => void) => void;
     isValidDrop: (activeItemId: string | null, overItemId: string | null) => boolean;

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

@@ -1,239 +1,240 @@
-import { useCallback as S } from "react";
-import { useSensors as K, useSensor as H, MouseSensor as Q, TouchSensor as U, closestCenter as Z } from "@dnd-kit/core";
-import { arrayMove as _ } from "@dnd-kit/sortable";
-const V = "droppable-", b = /* @__PURE__ */ new Set(["root-frozen", "root-scrollable"]);
-function W(a) {
-  if (a.startsWith(V)) {
-    const s = a.slice(V.length);
-    if (b.has(s)) return s;
+import { useCallback as x } from "react";
+import { useSensors as Q, useSensor as V, MouseSensor as U, TouchSensor as Z, closestCenter as $ } from "@dnd-kit/core";
+import { arrayMove as w } from "@dnd-kit/sortable";
+const W = "droppable-", y = /* @__PURE__ */ new Set(["root-frozen", "root-scrollable"]);
+function X(a) {
+  if (a.startsWith(W)) {
+    const s = a.slice(W.length);
+    if (y.has(s)) return s;
   }
   return null;
 }
-const m = (a) => {
-  const s = Z(a), f = s.filter(
-    (h) => !b.has(h.id)
+const I = (a) => {
+  const s = $(a), d = s.filter(
+    (R) => !y.has(R.id)
   );
-  return f.length > 0 ? f : s;
+  return d.length > 0 ? d : s;
 };
-function F(a, s) {
-  for (const f of a) {
-    if (f.id === s) return f;
-    if (f.children) {
-      const h = F(f.children, s);
-      if (h) return h;
+function M(a, s) {
+  for (const d of a) {
+    if (d.id === s) return d;
+    if (d.children) {
+      const R = M(d.children, s);
+      if (R) return R;
     }
   }
 }
-function X(a, s) {
-  for (const f of a) {
-    if (f.id === s) return null;
-    if (f.children && F(f.children, s))
-      return f.id;
+function j(a, s) {
+  for (const d of a) {
+    if (d.id === s) return null;
+    if (d.children && M(d.children, s))
+      return d.id;
   }
   return null;
 }
-const I = ({
+const nn = ({
   items: a,
-  onDragEnd: s
+  onDragEnd: s,
+  collapsedItems: d = {}
 }) => {
-  const f = K(
-    H(Q),
-    H(U)
-  ), h = S(
-    (i, e, o = 0) => {
+  const R = Q(
+    V(U),
+    V(Z)
+  ), C = x(
+    (i, e, t = 0) => {
       for (const n of i) {
-        if (n.id === e) return o;
+        if (n.id === e) return t;
         if (n.children) {
-          const r = h(n.children, e, o + 1);
+          const r = C(n.children, e, t + 1);
           if (r !== null) return r;
         }
       }
       return null;
     },
     []
-  ), R = S(
-    (i, e, o = null) => {
+  ), T = x(
+    (i, e, t = null) => {
       for (const n of i) {
-        if (n.id === e) return o;
+        if (n.id === e) return t;
         if (n.children) {
-          const r = R(n.children, e, n.id);
+          const r = T(n.children, e, n.id);
           if (r !== null) return r;
         }
       }
       return null;
     },
     []
-  ), y = S(
-    (i, e, o) => i.map((n) => {
+  ), A = x(
+    (i, e, t) => i.map((n) => {
       if (n.children && n.children.length > 0) {
         const r = n.children.findIndex(
-          (t) => t.id === e
+          (o) => o.id === e
         ), c = n.children.findIndex(
-          (t) => t.id === o
+          (o) => o.id === t
         );
         if (r !== -1 && c !== -1) {
-          const t = _(n.children, r, c);
+          const o = w(n.children, r, c);
           return {
             ...n,
-            children: t
+            children: o
           };
         }
         return {
           ...n,
-          children: y(n.children, e, o)
+          children: A(n.children, e, t)
         };
       }
       return n;
     }),
     []
-  ), w = S(
-    (i, e, o) => {
-      const n = R(i, o);
+  ), B = x(
+    (i, e, t) => {
+      const n = T(i, t);
       if (!n) return null;
       const r = i.findIndex(
-        (t) => t.id === n
+        (o) => o.id === n
       ), c = i.findIndex(
-        (t) => t.id === e
+        (o) => o.id === e
       );
       if (r !== -1 && c !== -1) {
-        const t = _(
+        const o = w(
           i,
           c,
           r
         );
-        return s?.(e, n), t;
+        return s?.(e, n), o;
       }
       return null;
     },
-    [R, s]
-  ), B = S(
-    (i, e, o) => {
-      const n = i.findIndex((c) => c.id === e), r = i.findIndex((c) => c.id === o);
+    [T, s]
+  ), k = x(
+    (i, e, t) => {
+      const n = i.findIndex((c) => c.id === e), r = i.findIndex((c) => c.id === t);
       if (n !== -1 && r !== -1) {
-        const c = _(i, n, r);
-        return s?.(e, o), c;
+        const c = w(i, n, r);
+        return s?.(e, t), c;
       }
       return null;
     },
     [s]
-  ), k = S(
-    (i, e, o) => {
-      const n = y(i, e, o);
-      return s?.(e, o), n;
+  ), z = x(
+    (i, e, t) => {
+      const n = A(i, e, t);
+      return s?.(e, t), n;
     },
-    [y, s]
-  ), A = S(
-    (i, e, o, n = !1) => {
-      const r = F(i, e);
+    [A, s]
+  ), G = x(
+    (i, e, t, n = !1) => {
+      const r = M(i, e);
       if (!r) return null;
       const c = (u) => u.filter((l) => l.id !== e).map(
         (l) => l.children ? { ...l, children: c(l.children) } : l
-      ).filter((l) => !(l.children && l.children.length === 0 && l.category === "group")), t = F(i, o), d = !r.children || r.children.length === 0, C = t?.children && t.children.length > 0, T = d && C, M = (u) => {
+      ).filter((l) => !(l.children && l.children.length === 0 && l.category === "group")), o = M(i, t), f = !r.children || r.children.length === 0, S = o?.children && o.children.length > 0, g = d[t] === !0, _ = f && S && !g, Y = (u) => {
         for (let l = 0; l < u.length; l++) {
-          if (u[l].id === o)
-            if (T) {
-              const x = {
+          if (u[l].id === t)
+            if (_) {
+              const P = {
                 ...u[l],
                 children: [r, ...u[l].children || []]
-              }, P = [...u];
-              return P[l] = x, { nodes: P, inserted: !0 };
+              }, h = [...u];
+              return h[l] = P, { nodes: h, inserted: !0 };
             } else {
-              const x = [...u], P = n ? l + 1 : l;
-              return x.splice(P, 0, r), { nodes: x, inserted: !0 };
+              const P = [...u], h = n ? l + 1 : l;
+              return P.splice(h, 0, r), { nodes: P, inserted: !0 };
             }
           if (u[l].children) {
-            const x = M(u[l].children);
-            if (x.inserted) {
-              const P = [...u];
-              return P[l] = { ...u[l], children: x.nodes }, { nodes: P, inserted: !0 };
+            const P = Y(u[l].children);
+            if (P.inserted) {
+              const h = [...u];
+              return h[l] = { ...u[l], children: P.nodes }, { nodes: h, inserted: !0 };
             }
           }
         }
         return { nodes: u, inserted: !1 };
-      }, N = c(i), { nodes: g, inserted: Y } = M(N);
-      return Y ? (s?.(e, o), g) : null;
+      }, L = c(i), { nodes: b, inserted: O } = Y(L);
+      return O ? (s?.(e, t), b) : null;
     },
-    [s]
-  ), G = S(
-    (i, e, o) => {
-      const n = F(i, e);
+    [s, d]
+  ), N = x(
+    (i, e, t) => {
+      const n = M(i, e);
       if (!n) return i;
-      const r = (t) => t.filter((d) => d.id !== e).map(
-        (d) => d.children ? { ...d, children: r(d.children) } : d
-      ), c = i.map((t) => {
-        let d = t.children ? r(t.children) : [];
-        return t.id === o && (d = [n, ...d]), { ...t, children: d };
+      const r = (o) => o.filter((f) => f.id !== e).map(
+        (f) => f.children ? { ...f, children: r(f.children) } : f
+      ), c = i.map((o) => {
+        let f = o.children ? r(o.children) : [];
+        return o.id === t && (f = [n, ...f]), { ...o, children: f };
       });
-      return s?.(e, o), c;
+      return s?.(e, t), c;
     },
     [s]
-  ), j = S(
+  ), q = x(
     (i, e) => {
-      const { active: o, over: n } = i;
-      !n || o.id === n.id || e((r) => {
-        const c = o.id, t = n.id, d = W(t);
-        if (d)
-          return G(r, c, d);
-        const C = h(r, c), T = h(r, t), M = R(r, c), N = R(r, t);
-        if (b.has(t) && C !== null && C > 0)
-          return G(r, c, t);
-        if (C === 0 && T !== null && T > 0)
-          return w(
+      const { active: t, over: n } = i;
+      !n || t.id === n.id || e((r) => {
+        const c = t.id, o = n.id, f = X(o);
+        if (f)
+          return N(r, c, f);
+        const S = C(r, c), g = C(r, o), _ = T(r, c), Y = T(r, o);
+        if (y.has(o) && S !== null && S > 0)
+          return N(r, c, o);
+        if (S === 0 && g !== null && g > 0)
+          return B(
             r,
             c,
-            t
+            o
           ) || r;
-        if (C === null || T === null)
+        if (S === null || g === null)
           return r;
-        if (C > 0 && T > 0 && M !== N) {
-          const g = X(r, c), Y = X(r, t);
-          if (g && Y && g !== Y) {
-            const L = o.rect.current.translated, O = n.rect;
-            let z = !1;
-            if (L && O) {
-              const D = L.top + L.height / 2, J = O.top + O.height / 2;
-              z = D > J;
+        if (S > 0 && g > 0 && _ !== Y) {
+          const L = j(r, c), b = j(r, o);
+          if (L && b && L !== b) {
+            const h = t.rect.current.translated, F = n.rect;
+            let H = !1;
+            if (h && F) {
+              const J = h.top + h.height / 2, K = F.top + F.height / 2;
+              H = J > K;
             }
-            return A(r, c, t, z) || r;
+            return G(r, c, o, H) || r;
           }
-          const u = o.rect.current.translated, l = n.rect;
-          let x = !1;
-          if (u && l) {
-            const L = u.top + u.height / 2, O = l.top + l.height / 2;
-            x = L > O;
+          const O = t.rect.current.translated, u = n.rect;
+          let l = !1;
+          if (O && u) {
+            const h = O.top + O.height / 2, F = u.top + u.height / 2;
+            l = h > F;
           }
-          return A(r, c, t, x) || r;
+          return G(r, c, o, l) || r;
         }
-        return C === 0 ? B(r, c, t) || r : k(r, c, t);
+        return S === 0 ? k(r, c, o) || r : z(r, c, o);
       });
     },
     [
-      h,
-      R,
-      w,
+      C,
+      T,
       B,
       k,
-      A,
-      G
+      z,
+      G,
+      N
     ]
-  ), q = S(
+  ), D = x(
     (i, e) => {
       if (!i || !e || i === e)
         return !1;
-      const o = i ? h(a, i) : null, n = e ? h(a, e) : null;
-      return W(e) !== null || b.has(e) ? !0 : o === null || n === null ? !1 : o === 0 && n > 0 || o === n || o > 0 && n > 0;
+      const t = i ? C(a, i) : null, n = e ? C(a, e) : null;
+      return X(e) !== null || y.has(e) ? !0 : t === null || n === null ? !1 : t === 0 && n > 0 || t === n || t > 0 && n > 0;
     },
-    [a, h]
+    [a, C]
   );
   return {
-    sensors: f,
-    handleDragEnd: j,
-    isValidDrop: q,
-    findItemLevel: h,
-    findParentId: R
+    sensors: R,
+    handleDragEnd: q,
+    isValidDrop: D,
+    findItemLevel: C,
+    findParentId: T
   };
 };
 export {
-  m as customCollisionDetection,
-  I as useNestedListDragDrop
+  I as customCollisionDetection,
+  nn as useNestedListDragDrop
 };