impact-nova 3.0.0-alpha.1 → 3.0.0-alpha.3

package/dist/_virtual/index.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/style-to-js/cjs/index.js";
-var t = o();
-const a = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/extend/index.js";
+var t = r();
+const a = /* @__PURE__ */ e(t);
 export {
   a as default
 };

package/dist/_virtual/index2.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/extend/index.js";
-var t = r();
-const a = /* @__PURE__ */ e(t);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/style-to-js/cjs/index.js";
+var t = o();
+const a = /* @__PURE__ */ r(t);
 export {
   a as default
 };

package/dist/components/data/ag-grid-react/ag-grid.types.d.ts

@@ -157,6 +157,11 @@ export interface AgGridWrapperProps<TData = unknown> extends Omit<AgGridReactPro
      * column model (sort, filter, search, pagination, SSRM) with card-row styling.
      */
     variant?: AgGridVisualVariant;
+    /**
+     * Viewport row shimmer while more pages load. Does **not** show AG Grid's
+     * centered overlay — use `loading` only when the grid has no rows yet.
+     */
+    rowLoading?: boolean;
 }
 /**
  * Filter operators for advanced filtering.

package/dist/components/data/ag-grid-react/cell-renderers/cell-renderer-utils.js

@@ -1,4 +1,4 @@
-const a = (r) => {
+const l = (r) => {
   switch (r) {
     case "filled":
       return "solid";
@@ -42,7 +42,7 @@ const a = (r) => {
   return u;
 }, o = (r, u) => {
   if (!r?.disabled || !u) return !1;
-  const { operator: e, conditions: n } = r.disabled, l = n.map((t) => {
+  const { operator: e, conditions: n } = r.disabled, a = n.map((t) => {
     const s = u[t.field];
     if (s == null) return !1;
     switch (t.condition) {
@@ -64,10 +64,10 @@ const a = (r) => {
         return !1;
     }
   });
-  return e === "AND" ? l.every((t) => t === !0) : e === "OR" ? l.some((t) => t === !0) : !1;
+  return e === "AND" ? a.every((t) => t === !0) : e === "OR" ? a.some((t) => t === !0) : !1;
 }, f = (r, u, e, n) => {
-  const l = r?.cellMetadata?.valueFormatter;
-  if (l) return l;
+  const a = r?.cellMetadata?.valueFormatter;
+  if (a) return a;
   const t = u != null && typeof u == "object" ? u.rowMetadata : void 0;
   return t?.valueFormatter ? t.valueFormatter : e || n || null;
 }, d = (r, u) => {
@@ -87,10 +87,12 @@ const a = (r) => {
       return e;
   }
 }, b = (r, u, e, n) => {
-  const l = n?.cellMetadata?._isDisabled;
-  if (l === !0) return !1;
-  if (l === !1) return !0;
-  const s = (e != null && typeof e == "object" ? e.rowMetadata : void 0)?._isDisabled;
+  const a = n?.cellMetadata?._isDisabled;
+  if (n?.cellMetadata?.isLoading === !0 || a === !0) return !1;
+  if (a === !1) return !0;
+  const t = e != null && typeof e == "object" ? e.rowMetadata : void 0;
+  if (t?.isLoading === !0) return !1;
+  const s = t?._isDisabled;
   return s === !0 ? !1 : s === !1 ? !0 : u === !1 ? !1 : u === !0 ? !0 : r === !0;
 };
 export {
@@ -98,7 +100,7 @@ export {
   o as evaluateValidationRules,
   c as getFieldValue,
   i as mapBadgeColor,
-  a as mapBadgeVariant,
+  l as mapBadgeVariant,
   b as resolveCellEditable,
   f as resolveValueFormatter
 };

package/dist/components/data/ag-grid-react/cell-renderers/link-with-batch-cell-renderer.js

@@ -4,8 +4,6 @@ import { Badge as V } from "../../../data-display/badge/badge.js";
 import { evaluateValidationRules as I, getFieldValue as m, mapBadgeVariant as L, mapBadgeColor as U } from "./cell-renderer-utils.js";
 import { resolveGridIcon as H } from "./gridIconResolver.js";
 import { Tooltip as _, TooltipTrigger as z, TooltipContent as G } from "../../../feedback/tooltip/tooltip.js";
-import "clsx";
-import "tailwind-merge";
 const M = (e, n, r, a) => {
   if (!n) return e;
   let t = e;

package/dist/components/data/ag-grid-react/cell-renderers/select-display-renderer.d.ts

@@ -9,6 +9,12 @@ export interface SelectDisplayRendererProps extends ICellRendererParams {
     placeholder?: string;
     /** Whether the field is disabled */
     disabled?: boolean;
+    /**
+     * In-flight persist / async load. Replaces the chevron with the same spinner
+     * Select uses for `isLoading`. Also resolved from `cellMetadata.isLoading`
+     * or `rowMetadata.isLoading`.
+     */
+    isLoading?: boolean;
     /**
      * Force-show the AI sparkle when insight metadata is absent.
      * Prefer `cellMetadata.aiInsight` / `aiInsightField` for per-row control.
@@ -55,6 +61,8 @@ export interface SelectDisplayRendererProps extends ICellRendererParams {
  *     placeholder: 'Select...',
  *   },
  * }
+ * // In-flight persist: `{ value: 'keep', cellMetadata: { isLoading: true } }`
+ * // or `rowMetadata: { isLoading: true }` — spinner replaces the chevron.
  * // Cell value with AI insight:
  * // { value: 'keep', cellMetadata: { aiInsight: true, confidenceScore: 98, confidenceReason: '...' } }
  * ```

package/dist/components/data/ag-grid-react/cell-renderers/select-display-renderer.js

@@ -1,79 +1,93 @@
-import { jsxs as m, jsx as d } from "react/jsx-runtime";
-import { ChevronRight as D } from "impact-nova-icons";
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import { LoadingSpinner as N, ChevronRight as R } from "impact-nova-icons";
 import { cn as f } from "../../../../lib/utils.js";
-import { SelectAiInsightAffordance as M } from "./select-ai-insight-affordance.js";
-function E(i) {
-  const { value: e, data: t, disabled: c, colDef: l } = i;
-  if (c) return !1;
-  const a = e && typeof e == "object" && "cellMetadata" in e ? e.cellMetadata?._isDisabled : void 0, n = t && typeof t == "object" && "rowMetadata" in t ? t.rowMetadata?._isDisabled : void 0, r = l?._originalEditable;
-  return l?.editable === !1 ? !1 : a === !1 ? !0 : a === !0 ? !1 : n === !1 ? !0 : n === !0 ? !1 : r === !0 || l?.editable === !0;
+import { SelectAiInsightAffordance as E } from "./select-ai-insight-affordance.js";
+function F(e) {
+  if (e && typeof e == "object" && "cellMetadata" in e)
+    return e.cellMetadata;
 }
-const F = (i) => {
+function A(e) {
+  if (e && typeof e == "object" && "rowMetadata" in e)
+    return e.rowMetadata;
+}
+function h(e) {
+  return e.isLoading === !0 || F(e.value)?.isLoading === !0 ? !0 : A(e.data)?.isLoading === !0;
+}
+function C(e) {
+  const { value: t, data: a, disabled: d, colDef: i } = e;
+  if (d || h(e)) return !1;
+  const n = t && typeof t == "object" && "cellMetadata" in t ? t.cellMetadata?._isDisabled : void 0, l = a && typeof a == "object" && "rowMetadata" in a ? a.rowMetadata?._isDisabled : void 0, u = i?._originalEditable;
+  return i?.editable === !1 ? !1 : n === !1 ? !0 : n === !0 ? !1 : l === !1 ? !0 : l === !0 ? !1 : u === !0 || i?.editable === !0;
+}
+const I = (e) => {
   const {
-    value: e,
-    options: t = [],
-    placeholder: c = "Select...",
-    disabled: l,
-    data: a,
-    showAiInsight: n,
-    aiInsightField: r,
-    confidenceScore: h,
-    confidenceScoreField: g,
-    confidenceReason: v,
+    value: t,
+    options: a = [],
+    placeholder: d = "Select...",
+    disabled: i,
+    data: n,
+    showAiInsight: l,
+    aiInsightField: u,
+    confidenceScore: v,
+    confidenceScoreField: y,
+    confidenceReason: w,
     confidenceReasonField: x,
-    confidenceLabel: y
-  } = i, s = E(i), u = e && typeof e == "object" && "value" in e, w = u ? e.cellMetadata : void 0, o = u ? e.value : e, p = t.find((j) => j.value === String(o ?? ""))?.label ?? (o != null && o !== "" ? String(o) : ""), b = !p, S = a && typeof a == "object" ? a : null;
-  return /* @__PURE__ */ m(
+    confidenceLabel: S
+  } = e, o = h(e), r = C(e), M = r || o, b = t && typeof t == "object" && "value" in t, j = b ? t.cellMetadata : void 0, c = b ? t.value : t, m = a.find((L) => L.value === String(c ?? ""))?.label ?? (c != null && c !== "" ? String(c) : ""), g = !m, D = n && typeof n == "object" ? n : null;
+  return /* @__PURE__ */ p(
     "div",
     {
       className: f(
         "box-border flex h-full w-full min-w-0 items-center gap-2 ps-2 pe-2.5",
-        l && "opacity-60 cursor-not-allowed",
-        s && "in-ag-editable-cell-highlight"
+        i && "opacity-60 cursor-not-allowed",
+        r && "in-ag-editable-cell-highlight"
       ),
       "data-component": "select-display-renderer",
+      "data-loading": o ? "true" : void 0,
+      "aria-busy": o || void 0,
       children: [
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ p(
           "div",
           {
             className: f(
               "flex h-7 min-w-0 flex-1 items-center justify-between rounded-[8px] px-1.5",
-              s ? "bg-canvas-elevated cursor-pointer" : "bg-inherit"
+              M ? "bg-canvas-elevated" : "bg-inherit",
+              r && "cursor-pointer"
             ),
             children: [
-              /* @__PURE__ */ d(
+              /* @__PURE__ */ s(
                 "span",
                 {
                   className: f(
                     "truncate text-sm font-medium text-content",
-                    b && "text-content-empty"
+                    g && "text-content-empty"
                   ),
-                  children: b ? c : p
+                  children: g ? d : m
                 }
               ),
-              s && /* @__PURE__ */ d(D, { className: "h-3.5 w-3.5 shrink-0 rotate-90 text-content-icon" })
+              o ? /* @__PURE__ */ s(N, { size: "14px", className: "shrink-0 text-content-icon" }) : r ? /* @__PURE__ */ s(R, { className: "h-3.5 w-3.5 shrink-0 rotate-90 text-content-icon" }) : null
             ]
           }
         ),
-        /* @__PURE__ */ d(
-          M,
+        /* @__PURE__ */ s(
+          E,
           {
-            showAiInsight: n,
-            aiInsightField: r,
-            confidenceScore: h,
-            confidenceScoreField: g,
-            confidenceReason: v,
+            showAiInsight: l,
+            aiInsightField: u,
+            confidenceScore: v,
+            confidenceScoreField: y,
+            confidenceReason: w,
             confidenceReasonField: x,
-            confidenceLabel: y,
-            data: S,
-            cellMetadata: w
+            confidenceLabel: S,
+            data: D,
+            cellMetadata: j
           }
         )
       ]
     }
   );
 };
-F.displayName = "SelectDisplayRenderer";
+I.displayName = "SelectDisplayRenderer";
 export {
-  F as SelectDisplayRenderer
+  I as SelectDisplayRenderer
 };

package/dist/components/data/ag-grid-react/cell-renderers/types.d.ts

@@ -113,6 +113,8 @@ export interface SplitConfig {
  */
 export interface CellMetadata {
     _isDisabled?: boolean;
+    /** Persist / async in-flight — display spinner and block the editor. */
+    isLoading?: boolean;
     valueFormatter?: ValueFormatter;
 }
 /**
@@ -121,6 +123,8 @@ export interface CellMetadata {
  */
 export interface RowMetadata {
     _isDisabled?: boolean;
+    /** Persist / async in-flight — display spinner and block editors on the row. */
+    isLoading?: boolean;
     valueFormatter?: ValueFormatter;
     [key: string]: unknown;
 }

package/dist/components/data/ag-grid-react/headers/advanced-filter/advanced-filter-dialog.js

@@ -2,9 +2,7 @@ import { jsx as r, jsxs as g, Fragment as Z } from "react/jsx-runtime";
 import { useState as w } from "react";
 import { Dialog as I, DialogContent as ee, DialogHeader as te, DialogTitle as le, DialogClose as oe, DialogBody as ne, DialogFooter as re } from "../../../../feedback/dialog/dialog.js";
 import { Button as y } from "../../../../primitives/button/button.js";
-import { Tooltip as ae, TooltipTrigger as ie, TooltipContent as se } from "../../../../feedback/tooltip/tooltip.js";
-import "clsx";
-import "tailwind-merge";
+import { Tooltip as ae, TooltipTrigger as se, TooltipContent as ie } from "../../../../feedback/tooltip/tooltip.js";
 import { Cross as ce } from "impact-nova-icons";
 import { useImpactNovaI18n as ue } from "../../../../../i18n/use-impact-nova-i18n.js";
 import { ColumnFilterSection as $ } from "./column-filter-section.js";
@@ -15,7 +13,7 @@ const M = (k) => {
   return k.forEach((p) => {
     p.columnId && (m[p.columnId] || (m[p.columnId] = []), m[p.columnId].push(p));
   }), m;
-}, Re = ({
+}, Fe = ({
   isOpen: k,
   onClose: m,
   onApply: p,
@@ -39,19 +37,19 @@ const M = (k) => {
       l && Object.keys(l).forEach((n) => {
         if (!e.some((t) => t.columnId === n)) {
           const t = l[n];
-          let i = null;
+          let s = null;
           if (t.filterType === "date") {
-            const s = t, T = u.getColumn(n)?.getColDef()?.headerComponentParams?.datePickerVariant, f = T === "week" || T === "month", X = s.type === "inRange" && f ? "equals" : s.type || "equals";
-            i = {
+            const i = t, T = u.getColumn(n)?.getColDef()?.headerComponentParams?.datePickerVariant, f = T === "week" || T === "month", X = i.type === "inRange" && f ? "equals" : i.type || "equals";
+            s = {
               id: F(),
               columnId: n,
               columnType: "date",
               operator: X,
-              value: s.dateFrom || "",
-              valueTo: s.dateTo || ""
+              value: i.dateFrom || "",
+              valueTo: i.dateTo || ""
             };
           } else if (t.filterType === "text")
-            i = {
+            s = {
               id: F(),
               columnId: n,
               columnType: "text",
@@ -59,7 +57,7 @@ const M = (k) => {
               value: t.filter ?? ""
             };
           else if (t.filterType === "number")
-            i = {
+            s = {
               id: F(),
               columnId: n,
               columnType: "number",
@@ -67,29 +65,29 @@ const M = (k) => {
               value: String(t.filter)
             };
           else if (t.filterType === "set")
-            i = {
+            s = {
               id: F(),
               columnId: n,
               columnType: "select",
               operator: "equals",
               value: (t.values ?? []).filter(
-                (s) => s != null
+                (i) => i != null
               )
             };
           else if (t.filterType === "multi") {
-            const s = t.filterModels?.find((h) => h && h.filterType === "set");
-            s && (i = {
+            const i = t.filterModels?.find((h) => h && h.filterType === "set");
+            i && (s = {
               id: F(),
               columnId: n,
               columnType: "multi",
               // or select?
               operator: "equals",
-              value: (s.values ?? []).filter(
+              value: (i.values ?? []).filter(
                 (h) => h != null
               )
             });
           }
-          i && e.push(i);
+          s && e.push(s);
         }
       });
     }
@@ -101,12 +99,12 @@ const M = (k) => {
   })), U = JSON.stringify({ allRules: v, columnLogic: D }) !== JSON.stringify(R), B = (e) => v.filter((o) => o.columnId === e), N = (e, o) => {
     S((l) => {
       const c = /* @__PURE__ */ new Set(), n = [];
-      l.forEach((i) => {
-        c.has(i.columnId) || (c.add(i.columnId), n.push(i.columnId));
+      l.forEach((s) => {
+        c.has(s.columnId) || (c.add(s.columnId), n.push(s.columnId));
       }), c.has(e) || n.push(e);
       const t = [];
-      return n.forEach((i) => {
-        i === e ? t.push(...o) : t.push(...l.filter((s) => s.columnId === i));
+      return n.forEach((s) => {
+        s === e ? t.push(...o) : t.push(...l.filter((i) => i.columnId === s));
       }), t;
     });
   }, _ = (e) => D[e] || "OR", E = (e, o) => {
@@ -127,11 +125,11 @@ const M = (k) => {
     const c = l.getColDef(), n = [];
     let t = l.getParent();
     for (; t; ) {
-      const s = t.getColGroupDef();
-      s && s.headerName && n.unshift(s.headerName), t = t.getParent();
+      const i = t.getColGroupDef();
+      i && i.headerName && n.unshift(i.headerName), t = t.getParent();
     }
-    const i = c?.headerName || e;
-    return n.push(i), n.join(" > ");
+    const s = c?.headerName || e;
+    return n.push(s), n.join(" > ");
   };
   return /* @__PURE__ */ r(I, { open: k, onOpenChange: m, children: /* @__PURE__ */ g(ee, { className: "w-[800px] max-w-[95vw] max-h-[90vh] flex flex-col p-0", hideClose: !0, children: [
     /* @__PURE__ */ g(te, { className: "flex flex-row items-center justify-between px-4 py-3 pe-4", children: [
@@ -153,7 +151,7 @@ const M = (k) => {
           }
         ),
         /* @__PURE__ */ g(ae, { children: [
-          /* @__PURE__ */ r(ie, { asChild: !0, children: /* @__PURE__ */ r(
+          /* @__PURE__ */ r(se, { asChild: !0, children: /* @__PURE__ */ r(
             "span",
             {
               style: {
@@ -176,7 +174,7 @@ const M = (k) => {
               )
             }
           ) }),
-          x && /* @__PURE__ */ r(se, { variant: "tertiary", children: d("advancedFilter.allFiltersDisabledTooltip") })
+          x && /* @__PURE__ */ r(ie, { variant: "tertiary", children: d("advancedFilter.allFiltersDisabledTooltip") })
         ] })
       ] }),
       /* @__PURE__ */ r(y, { variant: "ghost", onClick: W, className: "!text-brand", children: d("advancedFilter.clearAll") })
@@ -206,7 +204,7 @@ const M = (k) => {
           const f = u.getColumn(e);
           f && (l = f.getColDef());
         }
-        const c = l?.headerComponentParams, n = l?.headerName || e, t = V(e, n), i = l?.filter === "agNumberColumnFilter" ? "number" : l?.filter === "agDateColumnFilter" ? "date" : l?.filter === "agMultiColumnFilter" ? "multi" : l?.filter === "agSetColumnFilter" || c?.selectOptions ? "select" : "text", s = c?.selectOptions, h = c?.isMultiSelect, T = c?.dateDisplayFormat || j;
+        const c = l?.headerComponentParams, n = l?.headerName || e, t = V(e, n), s = l?.filter === "agNumberColumnFilter" ? "number" : l?.filter === "agDateColumnFilter" ? "date" : l?.filter === "agMultiColumnFilter" ? "multi" : l?.filter === "agSetColumnFilter" || c?.selectOptions ? "select" : "text", i = c?.selectOptions, h = c?.isMultiSelect, T = c?.dateDisplayFormat || j;
         return /* @__PURE__ */ g("div", { children: [
           o > 0 && /* @__PURE__ */ r("hr", { className: "border-stroke-hairline mb-6" }),
           /* @__PURE__ */ r(
@@ -214,8 +212,8 @@ const M = (k) => {
             {
               columnId: e,
               columnLabel: t,
-              columnType: i,
-              selectOptions: s,
+              columnType: s,
+              selectOptions: i,
               isMultiSelect: h,
               rules: B(e),
               logic: _(e),
@@ -244,5 +242,5 @@ const M = (k) => {
   ] }) });
 };
 export {
-  Re as AdvancedFilterDialog
+  Fe as AdvancedFilterDialog
 };

package/dist/components/data/ag-grid-react/headers/components/lazy-tooltip.js

@@ -1,15 +1,13 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { useState as a } from "react";
-import { Tooltip as p, TooltipTrigger as l, TooltipContent as m } from "../../../../feedback/tooltip/tooltip.js";
-import "clsx";
-import "tailwind-merge";
-const T = ({ content: e, children: r, side: o = "bottom" }) => {
+import { Tooltip as p, TooltipTrigger as l, TooltipContent as c } from "../../../../feedback/tooltip/tooltip.js";
+const f = ({ content: r, children: e, side: o = "bottom" }) => {
   const [n, i] = a(!1);
   return n ? /* @__PURE__ */ s(p, { children: [
-    /* @__PURE__ */ t(l, { asChild: !0, children: /* @__PURE__ */ t("span", { children: r }) }),
-    /* @__PURE__ */ t(m, { side: o, variant: "tertiary", children: /* @__PURE__ */ t("p", { children: e }) })
-  ] }) : /* @__PURE__ */ t("span", { onMouseEnter: () => i(!0), children: r });
+    /* @__PURE__ */ t(l, { asChild: !0, children: /* @__PURE__ */ t("span", { children: e }) }),
+    /* @__PURE__ */ t(c, { side: o, variant: "tertiary", children: /* @__PURE__ */ t("p", { children: r }) })
+  ] }) : /* @__PURE__ */ t("span", { onMouseEnter: () => i(!0), children: e });
 };
 export {
-  T as LazyTooltip
+  f as LazyTooltip
 };

package/dist/components/data/ag-grid-react/index.d.ts

@@ -1,7 +1,7 @@
 import { AgGridWrapperProps } from './ag-grid.types';
 import { subscribeGridApiEvent, subscribeGridApiEvents } from './grid-api-event-subscription';
 export { subscribeGridApiEvent, subscribeGridApiEvents };
-export declare function AgGridWrapper<TData>({ children, defaultColDef, defaultColGroupDef, columnDefs, valueFormatters, onGridReady: userOnGridReady, onGridPreDestroyed: userOnGridPreDestroyed, onFilterChanged: userOnFilterChanged, onSelectionChanged: userOnSelectionChanged, onModelUpdated: userOnModelUpdated, ensureDomOrder, autoSizeStrategy, tooltipShowMode, tooltipShowDelay, tooltipHideDelay, tooltipInteraction, themeOverride, variant, ...restProps }: AgGridWrapperProps<TData> & {
+export declare function AgGridWrapper<TData>({ children, defaultColDef, defaultColGroupDef, columnDefs, valueFormatters, onGridReady: userOnGridReady, onGridPreDestroyed: userOnGridPreDestroyed, onFilterChanged: userOnFilterChanged, onSelectionChanged: userOnSelectionChanged, onModelUpdated: userOnModelUpdated, ensureDomOrder, autoSizeStrategy, tooltipShowMode, tooltipShowDelay, tooltipHideDelay, tooltipInteraction, themeOverride, variant, rowLoading, className, ...restProps }: AgGridWrapperProps<TData> & {
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export { useAgGridTruncationTooltip } from './use-ag-grid-truncation-tooltip';