impact-nova 1.7.15 → 1.7.16

package/dist/components/ui/ag-grid-react/index.js

@@ -1,26 +1,25 @@
-import { jsx as f, jsxs as re } from "react/jsx-runtime";
-import { lazy as oe, useRef as _, useState as v, useCallback as y, useMemo as b, useEffect as le, Suspense as ie } from "react";
-import { ModuleRegistry as ae, AllCommunityModule as ue, ValidationModule as ce } from "ag-grid-community";
-import { AllEnterpriseModule as se } from "ag-grid-enterprise";
-import { AgGridReact as de } from "ag-grid-react";
-import { customAgGridTheme as me } from "./theme.js";
-import { CustomHeader as pe } from "./headers/custom-header.js";
-import { CustomHeaderGroup as fe } from "./headers/custom-header-group.js";
-import { GridHeaderContext as ge } from "./headers/context/grid-header-context.js";
-import { convertToAgGridFilterModel as he, getMultiFilterIndices as Ce, convertFromAgGridFilterModel as ve } from "./headers/utils/filter-utils.js";
-import { ColumnSettingsMenu as ye } from "./headers/column-menu/column-settings-menu.js";
-import { AG_GRID_VALUE_FORMATTERS as be } from "./value-formatters.js";
-import { resolveValueFormatter as Fe, applyValueFormatter as xe } from "./cell-renderers/cell-renderer-utils.js";
+import { jsx as s, jsxs as Y } from "react/jsx-runtime";
+import { lazy as Z, useRef as P, useState as h, useCallback as C, useMemo as v, useEffect as ee, Suspense as te } from "react";
+import { ModuleRegistry as ne, AllCommunityModule as re, ValidationModule as oe } from "ag-grid-community";
+import { AllEnterpriseModule as le } from "ag-grid-enterprise";
+import { AgGridReact as ie } from "ag-grid-react";
+import { customAgGridTheme as ue } from "./theme.js";
+import { CustomHeader as ae } from "./headers/custom-header.js";
+import { CustomHeaderGroup as ce } from "./headers/custom-header-group.js";
+import { GridHeaderContext as se } from "./headers/context/grid-header-context.js";
+import { convertToAgGridFilterModel as de, getMultiFilterIndices as me, convertFromAgGridFilterModel as pe } from "./headers/utils/filter-utils.js";
+import { ColumnSettingsMenu as fe } from "./headers/column-menu/column-settings-menu.js";
+import { AG_GRID_VALUE_FORMATTERS as ge } from "./value-formatters.js";
 /* empty css                */
-const Me = oe(() => import("./headers/advanced-filter/advanced-filter-dialog.js"));
-ae.registerModules([ue, se, ce]);
-const w = "
", W = (a) => {
+const he = Z(() => import("./headers/advanced-filter/advanced-filter-dialog.js"));
+ne.registerModules([re, le, oe]);
+const k = "
", L = (a) => {
   if (typeof navigator < "u" && navigator.clipboard?.writeText) {
-    navigator.clipboard.writeText(a).catch(() => K(a));
+    navigator.clipboard.writeText(a).catch(() => H(a));
     return;
   }
-  K(a);
-}, K = (a) => {
+  H(a);
+}, H = (a) => {
   if (typeof document > "u") return;
   const r = document.createElement("textarea");
   r.value = a, r.setAttribute("readonly", ""), r.style.position = "fixed", r.style.top = "0", r.style.left = "0", r.style.opacity = "0", r.style.pointerEvents = "none", document.body.appendChild(r);
@@ -30,73 +29,73 @@ const w = "
", W = (a) => {
     document.body.removeChild(r);
   }
 };
-function Ve({
+function je({
   children: a,
   defaultColDef: r,
   defaultColGroupDef: c,
-  columnDefs: F,
-  valueFormatters: h,
-  onGridReady: C,
+  columnDefs: y,
+  valueFormatters: p,
+  onGridReady: f,
   ...i
 }) {
-  const o = _(null), g = _(null), [x, G] = v(null), [D, M] = v(!1), [R, j] = v(null), [U, I] = v(!1), [O, P] = v(null), [$, N] = v(null), L = y((e) => {
-    if (!o.current) return;
-    const t = he(e);
-    o.current.setFilterModel(t), o.current.onFilterChanged();
-  }, []), E = b(() => ({
+  const l = P(null), d = P(null), [b, E] = h(null), [R, x] = h(!1), [A, O] = h(null), [V, T] = h(!1), [S, w] = h(null), [_, j] = h(null), I = C((e) => {
+    if (!l.current) return;
+    const t = de(e);
+    l.current.setFilterModel(t), l.current.onFilterChanged();
+  }, []), F = v(() => ({
     openSearch: (e) => {
-      if (!o.current) return;
-      const t = o.current.getGridOption("context") || {};
-      o.current.setGridOption("context", { ...t, activeSearchColumnId: e }), o.current.refreshHeader();
+      if (!l.current) return;
+      const t = l.current.getGridOption("context") || {};
+      l.current.setGridOption("context", { ...t, activeSearchColumnId: e }), l.current.refreshHeader();
     },
     closeSearch: () => {
-      if (!o.current) return;
-      const e = o.current.getGridOption("context") || {};
-      o.current.setGridOption("context", { ...e, activeSearchColumnId: null }), o.current.refreshHeader();
+      if (!l.current) return;
+      const e = l.current.getGridOption("context") || {};
+      l.current.setGridOption("context", { ...e, activeSearchColumnId: null }), l.current.refreshHeader();
     },
     openAdvancedFilter: (e) => {
-      j(e || null), M(!0);
+      O(e || null), x(!0);
     },
     closeAdvancedFilter: () => {
-      M(!1), j(null);
+      x(!1), O(null);
     },
     applyAdvancedFilter: (e) => {
-      L(e);
+      I(e);
     },
     openMenu: (e, t) => {
-      P(e), N(t), I(!0);
+      w(e), j(t), T(!0);
     },
     closeMenu: () => {
-      I(!1), P(null), N(null);
+      T(!1), w(null), j(null);
     },
-    activeMenuColumnId: O
-  }), [L, O]), q = y((e) => {
-    o.current = e.api, G(e.api);
+    activeMenuColumnId: S
+  }), [I, S]), W = C((e) => {
+    l.current = e.api, E(e.api);
     const t = e.api.getGridOption("context") || {};
-    e.api.setGridOption("context", { ...t, activeSearchColumnId: null }), C && C(e);
-  }, [C]);
-  le(() => {
-    const e = g.current;
+    e.api.setGridOption("context", { ...t, activeSearchColumnId: null }), f && f(e);
+  }, [f]);
+  ee(() => {
+    const e = d.current;
     if (!e) return;
     const t = (n) => {
       if (n.key !== "Enter" && n.key !== " ") return;
-      const s = n.target;
-      if (!s.classList.contains("ag-cell") && !s.classList.contains("ag-header-cell")) return;
-      const u = s.querySelector(
+      const o = n.target;
+      if (!o.classList.contains("ag-cell") && !o.classList.contains("ag-header-cell")) return;
+      const u = o.querySelector(
         'button, [role="checkbox"], [role="switch"], [role="combobox"], [role="button"], [role="link"], a, input, select, textarea, .cursor-pointer'
       );
       u && (n.preventDefault(), n.stopPropagation(), u.click(), u.focus());
     };
     return e.addEventListener("keydown", t, !0), () => e.removeEventListener("keydown", t, !0);
   }, []);
-  const z = b(() => ({
-    headerComponent: pe,
+  const K = v(() => ({
+    headerComponent: ae,
     // Default cell renderer wraps text in a span so display:flex centering
     // and text-overflow:ellipsis both work (ellipsis doesn't work on
     // anonymous flex text nodes, but works on flex child elements).
     cellRenderer: (e) => {
       const t = e.valueFormatted ?? (e.value != null ? String(e.value) : "");
-      return /* @__PURE__ */ f("span", { className: "truncate block w-full", children: t });
+      return /* @__PURE__ */ s("span", { className: "truncate block w-full", children: t });
     },
     ...r,
     suppressHeaderKeyboardEvent: (e) => {
@@ -106,9 +105,9 @@ function Ve({
       if (t.key === "Enter" || t.key === " ") {
         const u = n.closest(".ag-header-cell");
         if (u) {
-          const m = u.querySelector('[role="checkbox"], button, [role="switch"], input');
-          if (m)
-            return t.preventDefault(), m.click(), !0;
+          const g = u.querySelector('[role="checkbox"], button, [role="switch"], input');
+          if (g)
+            return t.preventDefault(), g.click(), !0;
         }
       }
       return r?.suppressHeaderKeyboardEvent?.(e) ?? !1;
@@ -116,26 +115,26 @@ function Ve({
     headerComponentParams: {
       ...r?.headerComponentParams
     }
-  }), [r]), J = b(() => ({
-    headerGroupComponent: fe,
+  }), [r]), U = v(() => ({
+    headerGroupComponent: ce,
     ...c,
     headerGroupComponentParams: {
       ...c?.headerGroupComponentParams
     }
-  }), [c]), X = b(() => ({
-    ...be,
+  }), [c]), $ = v(() => ({
+    ...ge,
     // Always available - value formatters
     ...i.components,
     // User components override
-    ...h
+    ...p
     // Optional custom formatters override defaults
-  }), [h, i.components]), B = y((e) => {
+  }), [p, i.components]), q = C((e) => {
     if (e.value !== null && e.value !== void 0 && typeof e.value == "object") {
       const t = Object.entries(e.value).map(([, n]) => n && typeof n == "object" && "value" in n ? n.value : typeof n != "object" && typeof n < "u" ? n : null).filter((n) => n != null);
-      return t.length === 0 ? "" : t.length === 1 ? t[0] : t.join(w);
+      return t.length === 0 ? "" : t.length === 1 ? t[0] : t.join(k);
     }
     return e.value;
-  }, []), Q = y((e) => {
+  }, []), z = C((e) => {
     if (typeof e.value == "string") {
       const t = e.value.trim();
       if (t.startsWith("{") || t.startsWith("["))
@@ -146,75 +145,69 @@ function Ve({
         }
     }
     return e.value;
-  }, []), Y = y((e) => {
+  }, []), J = C((e) => {
     const t = e?.data ?? "";
-    if (!t.includes(w)) {
-      W(t);
+    if (!t.includes(k)) {
+      L(t);
       return;
     }
-    const n = [], s = t.split(`
+    const n = [], o = t.split(`
 `);
-    for (let u = 0; u < s.length; u++) {
-      const m = s[u];
-      if (m.length === 0 && u === s.length - 1) {
+    for (let u = 0; u < o.length; u++) {
+      const g = o[u];
+      if (g.length === 0 && u === o.length - 1) {
         n.push("");
         continue;
       }
-      const d = m.split("	").map((l) => l.split(w)), S = Math.max(1, ...d.map((l) => l.length));
-      if (S === 1) {
-        n.push(m);
+      const D = g.split("	").map((m) => m.split(k)), N = Math.max(1, ...D.map((m) => m.length));
+      if (N === 1) {
+        n.push(g);
         continue;
       }
-      for (let l = 0; l < S; l++) {
-        const k = d.map((p) => p.length === 1 ? p[0] : p[l] ?? "");
-        n.push(k.join("	"));
+      for (let m = 0; m < N; m++) {
+        const Q = D.map((G) => G.length === 1 ? G[0] : G[m] ?? "");
+        n.push(Q.join("	"));
       }
     }
-    W(n.join(`
+    L(n.join(`
 `));
-  }, []), A = y((e) => {
+  }, []), M = C((e) => {
     const t = e.value;
     if (t == null) return "";
     if (typeof t != "object") return String(t);
-    const s = e.column?.getColDef?.()?.cellRendererParams ?? null, u = s?.splits, m = s?.valueFormatter ?? null, H = e.node?.data ?? null, d = [];
-    for (const [S, l] of Object.entries(t)) {
-      if (l && typeof l == "object" && "value" in l) {
-        const k = l, p = k.value;
-        if (p == null) continue;
-        const te = u?.find((ne) => ne.field?.split(".").pop() === S), V = Fe(
-          k,
-          H,
-          te?.valueFormatter ?? null,
-          m
-        ), T = V ? xe(V, p) : String(p);
-        T != null && d.push(String(T));
+    const n = [];
+    for (const o of Object.values(t)) {
+      if (o && typeof o == "object" && "value" in o) {
+        const u = o.value;
+        if (u == null) continue;
+        n.push(String(u));
         continue;
       }
-      typeof l != "object" && typeof l < "u" && l !== null && d.push(String(l));
+      o != null && typeof o != "object" && n.push(String(o));
     }
-    return d.length === 0 ? "" : d.length === 1 ? d[0] : d.join(`
+    return n.length === 0 ? "" : n.length === 1 ? n[0] : n.join(`
 `);
-  }, []), Z = b(() => ({
-    processCellCallback: A,
+  }, []), X = v(() => ({
+    processCellCallback: M,
     ...i.defaultCsvExportParams ?? {}
-  }), [A, i.defaultCsvExportParams]), ee = b(() => ({
-    processCellCallback: A,
+  }), [M, i.defaultCsvExportParams]), B = v(() => ({
+    processCellCallback: M,
     ...i.defaultExcelExportParams ?? {}
-  }), [A, i.defaultExcelExportParams]);
-  return /* @__PURE__ */ re(ge.Provider, { value: E, children: [
-    /* @__PURE__ */ f("div", { ref: g, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ f(
-      de,
+  }), [M, i.defaultExcelExportParams]);
+  return /* @__PURE__ */ Y(se.Provider, { value: F, children: [
+    /* @__PURE__ */ s("div", { ref: d, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ s(
+      ie,
       {
-        theme: me,
-        defaultColDef: z,
-        columnDefs: F,
+        theme: ue,
+        defaultColDef: K,
+        columnDefs: y,
         cellSelection: !0,
-        defaultColGroupDef: J,
-        onGridReady: q,
-        components: X,
-        processCellForClipboard: B,
-        processCellFromClipboard: Q,
-        sendToClipboard: Y,
+        defaultColGroupDef: U,
+        onGridReady: W,
+        components: $,
+        processCellForClipboard: q,
+        processCellFromClipboard: z,
+        sendToClipboard: J,
         ensureDomOrder: !0,
         suppressHeaderFocus: !1,
         suppressFocusAfterRefresh: !0,
@@ -242,79 +235,79 @@ function Ve({
           }
         },
         ...i,
-        defaultCsvExportParams: Z,
-        defaultExcelExportParams: ee
+        defaultCsvExportParams: X,
+        defaultExcelExportParams: B
       }
     ) }),
     a,
-    /* @__PURE__ */ f(
-      Ee,
+    /* @__PURE__ */ s(
+      Ce,
       {
-        isOpen: D,
-        columnId: R,
-        gridApi: x,
-        onClose: E.closeAdvancedFilter,
-        onApply: E.applyAdvancedFilter
+        isOpen: R,
+        columnId: A,
+        gridApi: b,
+        onClose: F.closeAdvancedFilter,
+        onApply: F.applyAdvancedFilter
       }
     ),
-    /* @__PURE__ */ f(
-      Ae,
+    /* @__PURE__ */ s(
+      ve,
       {
-        isOpen: U,
-        columnId: O,
-        gridApi: x,
-        anchor: $,
-        onClose: E.closeMenu
+        isOpen: V,
+        columnId: S,
+        gridApi: b,
+        anchor: _,
+        onClose: F.closeMenu
       }
     )
   ] });
 }
-function Ee({
+function Ce({
   isOpen: a,
   columnId: r,
   gridApi: c,
-  onClose: F,
-  onApply: h
+  onClose: y,
+  onApply: p
 }) {
   if (!a || !r || !c) return null;
-  const C = c.getColumn(r);
-  if (!C) return null;
-  const i = C.getColDef(), o = i.headerComponentParams, g = Ce(i), x = g.text !== -1 || g.number !== -1 || g.date !== -1, G = g.set !== -1, M = i.filter === "agMultiColumnFilter" && (x || G) ? "multi" : i.filter === "agNumberColumnFilter" ? "number" : i.filter === "agDateColumnFilter" ? "date" : i.filter === "agSetColumnFilter" || o?.selectOptions ? "select" : "text", R = ve(c.getFilterModel());
-  return /* @__PURE__ */ f(ie, { fallback: null, children: /* @__PURE__ */ f(
-    Me,
+  const f = c.getColumn(r);
+  if (!f) return null;
+  const i = f.getColDef(), l = i.headerComponentParams, d = me(i), b = d.text !== -1 || d.number !== -1 || d.date !== -1, E = d.set !== -1, x = i.filter === "agMultiColumnFilter" && (b || E) ? "multi" : i.filter === "agNumberColumnFilter" ? "number" : i.filter === "agDateColumnFilter" ? "date" : i.filter === "agSetColumnFilter" || l?.selectOptions ? "select" : "text", A = pe(c.getFilterModel());
+  return /* @__PURE__ */ s(te, { fallback: null, children: /* @__PURE__ */ s(
+    he,
     {
       isOpen: a,
-      onClose: F,
-      onApply: h,
+      onClose: y,
+      onApply: p,
       columnId: r,
       columnLabel: i.headerName || r,
-      columnType: M,
-      selectOptions: o?.selectOptions,
-      isMultiSelect: o?.isMultiSelect,
-      initialModel: R,
+      columnType: x,
+      selectOptions: l?.selectOptions,
+      isMultiSelect: l?.isMultiSelect,
+      initialModel: A,
       api: c
     }
   ) });
 }
-function Ae({
+function ve({
   isOpen: a,
   columnId: r,
   gridApi: c,
-  anchor: F,
-  onClose: h
+  anchor: y,
+  onClose: p
 }) {
-  return !a || !r || !c ? null : /* @__PURE__ */ f(
-    ye,
+  return !a || !r || !c ? null : /* @__PURE__ */ s(
+    fe,
     {
       isOpen: a,
       columnId: r,
       gridApi: c,
-      anchor: F,
-      onClose: h
+      anchor: y,
+      onClose: p
     }
   );
 }
 export {
-  Ve as AgGridWrapper,
-  Ve as default
+  je as AgGridWrapper,
+  je as default
 };

package/dist/components/ui/create-item-flow/create-item-flow.d.ts

@@ -0,0 +1,60 @@
+import * as React from "react";
+export interface CreateItemFlowStep {
+    /** Label shown under the stepper progress bar */
+    label: string;
+    /** Optional description for the step */
+    description?: string;
+}
+export interface CreateItemFlowRootProps {
+    /** Current active step (1-indexed) */
+    step?: number;
+    /** Total number of steps (auto-derived from steps[] if omitted) */
+    totalSteps?: number;
+    /** Step metadata for labels/descriptions */
+    steps?: CreateItemFlowStep[];
+    /** Callback when step changes */
+    onStepChange?: (step: number) => void;
+    children?: React.ReactNode;
+}
+declare const CreateItemFlowRoot: React.FC<CreateItemFlowRootProps>;
+declare const CreateItemFlowCard: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CreateItemFlowLeftPanel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CreateItemFlowTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const CreateItemFlowDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export interface CreateItemFlowImageProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Image source URL. If omitted, render children instead. */
+    src?: string;
+    /** Alt text for the image */
+    alt?: string;
+}
+declare const CreateItemFlowImage: React.ForwardRefExoticComponent<CreateItemFlowImageProps & React.RefAttributes<HTMLDivElement>>;
+declare const CreateItemFlowRightPanel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export interface CreateItemFlowStepperProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Allow clicking on steps to navigate */
+    clickable?: boolean;
+}
+declare const CreateItemFlowStepper: React.ForwardRefExoticComponent<CreateItemFlowStepperProps & React.RefAttributes<HTMLDivElement>>;
+declare const CreateItemFlowContentTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const CreateItemFlowContentDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CreateItemFlowContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export interface CreateItemFlowStepContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Which step this content belongs to (1-indexed) */
+    forStep: number;
+}
+declare const CreateItemFlowStepContent: React.ForwardRefExoticComponent<CreateItemFlowStepContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface CreateItemFlowActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Override the cancel button label */
+    cancelLabel?: string;
+    /** Override the back button label */
+    backLabel?: string;
+    /** Override the next button label */
+    nextLabel?: string;
+    /** Override the submit button label */
+    submitLabel?: string;
+    /** Called when Cancel is clicked */
+    onCancel?: () => void;
+    /** Called when Submit is clicked (last step) */
+    onSubmit?: () => void;
+}
+declare const CreateItemFlowActions: React.ForwardRefExoticComponent<CreateItemFlowActionsProps & React.RefAttributes<HTMLDivElement>>;
+export { CreateItemFlowRoot, CreateItemFlowCard, CreateItemFlowLeftPanel, CreateItemFlowTitle, CreateItemFlowDescription, CreateItemFlowImage, CreateItemFlowRightPanel, CreateItemFlowStepper, CreateItemFlowContentTitle, CreateItemFlowContentDescription, CreateItemFlowContent, CreateItemFlowStepContent, CreateItemFlowActions, };