impact-nova 1.7.36 → 1.7.38

package/dist/components/ui/create-item-flow/create-item-flow.js

@@ -24,7 +24,7 @@ const I = r.forwardRef(
     {
       ref: a,
       className: n(
-        "flex flex-row bg-canvas-elevated rounded-lg shadow-elevation-card overflow-hidden w-full max-w-[1496px] h-[817px] m-auto min-w-0",
+        "flex flex-row bg-canvas-elevated rounded-lg shadow-elevation-card overflow-hidden w-full max-w-[1496px] m-auto min-w-0 flex-1",
         t
       ),
       ...o,
@@ -49,7 +49,7 @@ const F = r.forwardRef(
   )
 );
 F.displayName = "CreateItemFlowLeftPanel";
-const h = r.forwardRef(
+const N = r.forwardRef(
   ({ className: t, children: e, ...o }, a) => /* @__PURE__ */ l(
     "h1",
     {
@@ -60,8 +60,8 @@ const h = r.forwardRef(
     }
   )
 );
-h.displayName = "CreateItemFlowTitle";
-const N = r.forwardRef(
+N.displayName = "CreateItemFlowTitle";
+const g = r.forwardRef(
   ({ className: t, children: e, ...o }, a) => /* @__PURE__ */ l(
     "p",
     {
@@ -72,8 +72,8 @@ const N = r.forwardRef(
     }
   )
 );
-N.displayName = "CreateItemFlowDescription";
-const g = r.forwardRef(
+g.displayName = "CreateItemFlowDescription";
+const h = r.forwardRef(
   ({ className: t, src: e, alt: o = "Create Item Flow", children: a, ...m }, s) => /* @__PURE__ */ l(
     "div",
     {
@@ -102,7 +102,7 @@ const g = r.forwardRef(
     }
   )
 );
-g.displayName = "CreateItemFlowImage";
+h.displayName = "CreateItemFlowImage";
 const v = r.forwardRef(
   ({ className: t, children: e, ...o }, a) => /* @__PURE__ */ l(
     "div",
@@ -219,13 +219,13 @@ export {
   S as CreateItemFlowContent,
   b as CreateItemFlowContentDescription,
   R as CreateItemFlowContentTitle,
-  N as CreateItemFlowDescription,
+  g as CreateItemFlowDescription,
   k as CreateItemFlowFooter,
-  g as CreateItemFlowImage,
+  h as CreateItemFlowImage,
   F as CreateItemFlowLeftPanel,
   v as CreateItemFlowRightPanel,
   u as CreateItemFlowRoot,
   D as CreateItemFlowStepContent,
   y as CreateItemFlowStepper,
-  h as CreateItemFlowTitle
+  N as CreateItemFlowTitle
 };

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

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