impact-nova 3.0.0-alpha.5 → 3.0.0-alpha.7

package/dist/components/data/ag-grid-react/cell-renderers/editors/list-select-cell-editor.js

@@ -1,30 +1,42 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as E, useState as D, useRef as O, useImperativeHandle as R, useCallback as r } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as D, useState as O, useRef as h, useImperativeHandle as R, useCallback as i } from "react";
 import { Select as j } from "../../../../forms/select/select.js";
-import { cn as y } from "../../../../../lib/utils.js";
-const I = E((g, C) => {
+import { cn as P } from "../../../../../lib/utils.js";
+function k(t) {
+  if (typeof t.onValueChange == "function")
+    return t.onValueChange;
+  const a = t.colDef?.cellEditorParams, e = typeof a == "function" ? a(t) : a;
+  if (!e || typeof e != "object" || !("onValueChange" in e))
+    return;
+  const n = e.onValueChange;
+  if (typeof n == "function")
+    return n;
+}
+const L = D((t, a) => {
   const {
-    value: l,
-    options: v = [],
-    placeholder: h = "Select...",
-    isSearchable: S = !0,
+    value: e,
+    options: n = [],
+    placeholder: S = "Select...",
+    isSearchable: V = !0,
     isClearable: b = !0,
-    stopEditing: i,
-    onValueChange: u,
+    stopEditing: f,
     colDef: w
-  } = g, M = w?.cellRendererParams?.triggerClassName, t = l && typeof l == "object" && "value" in l, o = t ? l.cellMetadata : void 0, c = t ? l.value : l, d = v.map((e) => ({
-    value: e.value,
-    label: e.label,
-    isDisabled: e.isDisabled
-  })), [s, f] = D(
-    c != null ? String(c) : null
-  ), m = O(!1);
-  R(C, () => ({
+  } = t, d = k(t), M = w?.cellRendererParams?.triggerClassName, o = e && typeof e == "object" && "value" in e, m = o ? e.cellMetadata : void 0, s = o ? e.value : e, g = n.map((l) => ({
+    value: l.value,
+    label: l.label,
+    isDisabled: l.isDisabled
+  })), [N, C] = O(
+    s != null ? String(s) : null
+  ), p = h(
+    s != null ? String(s) : null
+  ), v = h(!1);
+  R(a, () => ({
     getValue() {
-      return t ? {
-        value: s,
-        ...o !== void 0 && { cellMetadata: o }
-      } : s;
+      const l = p.current;
+      return o ? {
+        value: l,
+        ...m !== void 0 && { cellMetadata: m }
+      } : l;
     },
     isCancelBeforeStart() {
       return !1;
@@ -33,29 +45,31 @@ const I = E((g, C) => {
       return !1;
     },
     isPopup() {
-      return !1;
+      return !0;
     }
   }));
-  const N = d.find((e) => e.value === s) ?? null, a = r(() => {
-    m.current || (m.current = !0, i());
-  }, [i]), x = r(
-    (e) => {
-      const p = e ? e.value : null;
-      f(p), u?.(p), a();
+  const x = g.find((l) => l.value === N) ?? null, r = i(() => {
+    v.current || (v.current = !0, f());
+  }, [f]), y = i(
+    (l) => {
+      const u = l ? l.value : null;
+      p.current = u, C(u), d?.(u), r();
     },
-    [a, f, u]
-  ), V = r(() => {
-    a();
-  }, [a]);
-  return /* @__PURE__ */ n("div", { className: "flex h-full w-full min-w-0 items-center ag-cell-inner-padding", children: /* @__PURE__ */ n("div", { className: y("min-w-0 flex-1", M), children: /* @__PURE__ */ n(
+    [r, C, d]
+  ), E = i(() => {
+    queueMicrotask(() => {
+      r();
+    });
+  }, [r]);
+  return /* @__PURE__ */ c("div", { className: "flex h-full w-full min-w-0 items-center ag-cell-inner-padding", children: /* @__PURE__ */ c("div", { className: P("min-w-0 flex-1", M), children: /* @__PURE__ */ c(
     j,
     {
-      options: d,
-      value: N,
-      onChange: x,
-      onMenuClose: V,
-      placeholder: h,
-      isSearchable: S,
+      options: g,
+      value: x,
+      onChange: y,
+      onMenuClose: E,
+      placeholder: S,
+      isSearchable: V,
       isClearable: b,
       isMulti: !1,
       defaultMenuIsOpen: !0,
@@ -64,7 +78,7 @@ const I = E((g, C) => {
     }
   ) }) });
 });
-I.displayName = "ListSelectCellEditor";
+L.displayName = "ListSelectCellEditor";
 export {
-  I as ListSelectCellEditor
+  L as ListSelectCellEditor
 };

package/dist/components/data/ag-grid-react/cell-renderers/editors/select-cell-editor.js

@@ -1,37 +1,40 @@
-import { jsxs as O, jsx as i } from "react/jsx-runtime";
-import { forwardRef as y, useState as F, useRef as k, useImperativeHandle as B, useCallback as c } from "react";
-import { Select as H } from "../../../../forms/select/select.js";
-import { SelectAiInsightAffordance as L } from "../select-ai-insight-affordance.js";
-const P = y((g, b) => {
+import { jsxs as F, jsx as i } from "react/jsx-runtime";
+import { forwardRef as k, useState as B, useRef as g, useImperativeHandle as H, useCallback as r } from "react";
+import { Select as L } from "../../../../forms/select/select.js";
+import { SelectAiInsightAffordance as P } from "../select-ai-insight-affordance.js";
+const q = k((b, v) => {
   const {
     value: l,
-    options: v = [],
+    options: S = [],
     placeholder: C = "Select...",
-    isSearchable: S = !0,
-    isClearable: w = !0,
-    stopEditing: r,
-    onValueChange: u,
-    data: t,
-    showAiInsight: x,
-    aiInsightField: M,
-    confidenceScore: V,
+    isSearchable: w = !0,
+    isClearable: x = !0,
+    stopEditing: u,
+    onValueChange: d,
+    data: n,
+    showAiInsight: M,
+    aiInsightField: V,
+    confidenceScore: R,
     confidenceScoreField: j,
     confidenceReason: D,
     confidenceReasonField: E,
     confidenceLabel: I
-  } = g, n = l && typeof l == "object" && "value" in l, o = n ? l.cellMetadata : void 0, d = n ? l.value : l, f = v.map((e) => ({
+  } = b, o = l && typeof l == "object" && "value" in l, s = o ? l.cellMetadata : void 0, t = o ? l.value : l, f = S.map((e) => ({
     value: e.value,
     label: e.label,
     isDisabled: e.isDisabled
-  })), [s, p] = F(
-    d != null ? String(d) : null
-  ), h = k(!1);
-  B(b, () => ({
+  })), [N, p] = B(
+    t != null ? String(t) : null
+  ), m = g(
+    t != null ? String(t) : null
+  ), h = g(!1);
+  H(v, () => ({
     getValue() {
-      return n ? {
-        value: s,
-        ...o !== void 0 && { cellMetadata: o }
-      } : s;
+      const e = m.current;
+      return o ? {
+        value: e,
+        ...s !== void 0 && { cellMetadata: s }
+      } : e;
     },
     isCancelBeforeStart() {
       return !1;
@@ -43,33 +46,33 @@ const P = y((g, b) => {
       return !0;
     }
   }));
-  const N = f.find((e) => e.value === s) ?? null, a = c(() => {
-    h.current || (h.current = !0, r());
-  }, [r]), R = c(
+  const A = f.find((e) => e.value === N) ?? null, a = r(() => {
+    h.current || (h.current = !0, u());
+  }, [u]), O = r(
     (e) => {
-      const m = e ? e.value : null;
-      p(m), u?.(m), a();
+      const c = e ? e.value : null;
+      m.current = c, p(c), d?.(c), a();
     },
-    [a, u, p]
-  ), A = c(() => {
+    [a, d, p]
+  ), y = r(() => {
     a();
   }, [a]);
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ F(
     "div",
     {
       className: "box-border flex h-full w-full min-w-0 items-center gap-2 ps-2 pe-2.5 ag-editable-cell-highlight",
       "data-component": "select-cell-editor",
       children: [
         /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ i(
-          H,
+          L,
           {
             options: f,
-            value: N,
-            onChange: R,
-            onMenuClose: A,
+            value: A,
+            onChange: O,
+            onMenuClose: y,
             placeholder: C,
-            isSearchable: S,
-            isClearable: w,
+            isSearchable: w,
+            isClearable: x,
             isMulti: !1,
             defaultMenuIsOpen: !0,
             className: "!border-none !shadow-none !ring-0 !h-7 !rounded-[8px] !px-1.5",
@@ -77,24 +80,24 @@ const P = y((g, b) => {
           }
         ) }),
         /* @__PURE__ */ i(
-          L,
+          P,
           {
-            showAiInsight: x,
-            aiInsightField: M,
-            confidenceScore: V,
+            showAiInsight: M,
+            aiInsightField: V,
+            confidenceScore: R,
             confidenceScoreField: j,
             confidenceReason: D,
             confidenceReasonField: E,
             confidenceLabel: I,
-            data: t && typeof t == "object" ? t : null,
-            cellMetadata: o
+            data: n && typeof n == "object" ? n : null,
+            cellMetadata: s
           }
         )
       ]
     }
   );
 });
-P.displayName = "SelectCellEditor";
+q.displayName = "SelectCellEditor";
 export {
-  P as SelectCellEditor
+  q as SelectCellEditor
 };

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

@@ -1,61 +1,59 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { jsx as t, jsxs as b } from "react/jsx-runtime";
 import { Cross as N, ChevronRight as D } from "impact-nova-icons";
-import { cn as r } from "../../../../lib/utils.js";
+import { cn as o } from "../../../../lib/utils.js";
 import { selectTriggerVariants as j } from "../../../forms/select/select.variants.js";
-const C = (b) => {
+import { readColDefEditable as C } from "../editable-utils.js";
+const V = (c) => {
   const {
-    value: l,
-    options: g = [],
-    placeholder: h = "Select...",
-    disabled: i,
-    isClearable: x = !0,
+    value: e,
+    options: h = [],
+    placeholder: x = "Select...",
+    disabled: a,
+    isClearable: g = !0,
     triggerClassName: w,
-    colDef: o,
-    data: s,
+    colDef: d,
+    data: i,
     setValue: v
-  } = b, d = l && typeof l == "object" && "cellMetadata" in l ? l.cellMetadata?._isDisabled : void 0, f = s && typeof s == "object" && "rowMetadata" in s ? s.rowMetadata?._isDisabled : void 0;
-  let e = !1;
-  if (!i) {
-    const a = o?._originalEditable;
-    o?.editable === !1 ? e = !1 : d === !1 ? e = !0 : d === !0 ? e = !1 : f === !1 ? e = !0 : f === !0 ? e = !1 : e = a === !0 || o?.editable === !0;
-  }
-  const n = l && typeof l == "object" && "value" in l ? l.value : l, u = g.find((a) => a.value === String(n ?? ""))?.label ?? (n != null && n !== "" ? String(n) : ""), c = !u, y = x && e && !c && !i, p = (a) => {
-    a.preventDefault(), a.stopPropagation(), v?.(null);
+  } = c, f = e && typeof e == "object" && "cellMetadata" in e ? e.cellMetadata?._isDisabled : void 0, m = i && typeof i == "object" && "rowMetadata" in i ? i.rowMetadata?._isDisabled : void 0;
+  let l = !1;
+  a || (d?.editable === !1 ? l = !1 : f === !1 ? l = !0 : f === !0 ? l = !1 : m === !1 ? l = !0 : m === !0 ? l = !1 : l = C(d, c));
+  const s = e && typeof e == "object" && "value" in e ? e.value : e, u = h.find((n) => n.value === String(s ?? ""))?.label ?? (s != null && s !== "" ? String(s) : ""), r = !u, y = g && l && !r && !a, p = (n) => {
+    n.preventDefault(), n.stopPropagation(), v?.(null);
   };
   return /* @__PURE__ */ t(
     "div",
     {
-      className: r(
+      className: o(
         "flex h-full w-full min-w-0 items-center ag-cell-inner-padding",
-        i && "cursor-not-allowed opacity-60",
-        !i && e && "in-ag-editable-cell-highlight"
+        a && "cursor-not-allowed opacity-60",
+        !a && l && "in-ag-editable-cell-highlight"
       ),
-      children: /* @__PURE__ */ t("div", { className: r("min-w-0 flex-1", w), children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ t("div", { className: o("min-w-0 flex-1", w), children: /* @__PURE__ */ t(
         "div",
         {
-          className: r(
+          className: o(
             j({
               size: "default",
               error: !1,
-              disabled: !!i,
-              readOnly: !e,
+              disabled: !!a,
+              readOnly: !l,
               open: !1
             }),
             "w-full max-w-full"
           ),
           "data-component": "select-trigger",
-          children: /* @__PURE__ */ m("div", { className: "flex w-full min-w-0 max-w-full items-center justify-between", children: [
+          children: /* @__PURE__ */ b("div", { className: "flex w-full min-w-0 max-w-full items-center justify-between", children: [
             /* @__PURE__ */ t(
               "span",
               {
-                className: r(
+                className: o(
                   "block min-w-0 truncate text-[14px] text-content",
-                  c ? "font-normal text-content-placeholder" : "font-normal"
+                  r ? "font-normal text-content-placeholder" : "font-normal"
                 ),
-                children: c ? h : u
+                children: r ? x : u
               }
             ),
-            e ? /* @__PURE__ */ m("div", { className: "flex shrink-0 items-center gap-1 text-content-icon", children: [
+            /* @__PURE__ */ b("div", { className: "flex shrink-0 items-center gap-1 text-content-icon", children: [
               y ? /* @__PURE__ */ t(
                 "span",
                 {
@@ -76,14 +74,14 @@ const C = (b) => {
                   className: "rotate-90 shrink-0"
                 }
               )
-            ] }) : null
+            ] })
           ] })
         }
       ) })
     }
   );
 };
-C.displayName = "ListSelectDisplayRenderer";
+V.displayName = "ListSelectDisplayRenderer";
 export {
-  C as ListSelectDisplayRenderer
+  V as ListSelectDisplayRenderer
 };

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

@@ -1,8 +1,9 @@
 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 E } from "./select-ai-insight-affordance.js";
-function F(e) {
+import { readColDefEditable as F } from "../editable-utils.js";
+import { SelectAiInsightAffordance as C } from "./select-ai-insight-affordance.js";
+function E(e) {
   if (e && typeof e == "object" && "cellMetadata" in e)
     return e.cellMetadata;
 }
@@ -10,16 +11,16 @@ 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 g(e) {
+  return e.isLoading === !0 || E(e.value)?.isLoading === !0 ? !0 : A(e.data)?.isLoading === !0;
 }
-function C(e) {
+function I(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;
+  if (d || g(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;
+  return i?.editable === !1 ? !1 : n === !1 ? !0 : n === !0 ? !1 : l === !1 ? !0 : l === !0 ? !1 : F(i, e);
 }
-const I = (e) => {
+const O = (e) => {
   const {
     value: t,
     options: a = [],
@@ -27,13 +28,13 @@ const I = (e) => {
     disabled: i,
     data: n,
     showAiInsight: l,
-    aiInsightField: u,
+    aiInsightField: h,
     confidenceScore: v,
     confidenceScoreField: y,
     confidenceReason: w,
     confidenceReasonField: x,
     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;
+  } = e, o = g(e), r = I(e), M = r || o, u = t && typeof t == "object" && "value" in t, j = u ? t.cellMetadata : void 0, c = u ? t.value : t, b = a.find((L) => L.value === String(c ?? ""))?.label ?? (c != null && c !== "" ? String(c) : ""), m = !b, D = n && typeof n == "object" ? n : null;
   return /* @__PURE__ */ p(
     "div",
     {
@@ -60,9 +61,9 @@ const I = (e) => {
                 {
                   className: f(
                     "truncate text-sm font-medium text-content",
-                    g && "text-content-empty"
+                    m && "text-content-empty"
                   ),
-                  children: g ? d : m
+                  children: m ? d : b
                 }
               ),
               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
@@ -70,10 +71,10 @@ const I = (e) => {
           }
         ),
         /* @__PURE__ */ s(
-          E,
+          C,
           {
             showAiInsight: l,
-            aiInsightField: u,
+            aiInsightField: h,
             confidenceScore: v,
             confidenceScoreField: y,
             confidenceReason: w,
@@ -87,7 +88,7 @@ const I = (e) => {
     }
   );
 };
-I.displayName = "SelectDisplayRenderer";
+O.displayName = "SelectDisplayRenderer";
 export {
-  I as SelectDisplayRenderer
+  O as SelectDisplayRenderer
 };

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

@@ -1,4 +1,12 @@
-import { ColDef, ColGroupDef } from 'ag-grid-community';
+import { ColDef, ColGroupDef, ICellRendererParams } from 'ag-grid-community';
+/**
+ * Resolve column-level editability for display renderers.
+ *
+ * AG Grid accepts `editable` as a boolean *or* a callback. Display chrome
+ * (Select trigger, chevron) must invoke the callback — `=== true` misses every
+ * function and paints the cell as a disabled input.
+ */
+export declare function readColDefEditable(colDef: ColDef | null | undefined, rendererParams: ICellRendererParams): boolean;
 /**
  * Recursively overrides `editable` on leaf columns to be a function
  * that enforces the **4-level editable priority**: column < split < row < cell.

package/dist/components/data/ag-grid-react/editable-utils.js

@@ -1,62 +1,67 @@
 import { resolveCellEditable as d } from "./cell-renderers/cell-renderer-utils.js";
-const y = (o, l) => {
-  if (l in o) return o[l];
-  if (l.includes(".")) {
-    const e = l.split(".");
-    let t = o;
-    for (const n of e)
-      if (t != null && typeof t == "object")
-        t = t[n];
+function j(n, t) {
+  const e = n?.editable;
+  return typeof e == "function" ? e(t) : e === !0 ? !0 : e === !1 ? !1 : n?._originalEditable === !0;
+}
+const y = (n, t) => {
+  if (t in n) return n[t];
+  if (t.includes(".")) {
+    const e = t.split(".");
+    let l = n;
+    for (const r of e)
+      if (l != null && typeof l == "object")
+        l = l[r];
       else
         return;
-    return t;
+    return l;
   }
-}, h = (o) => {
-  const l = o.colDef.field;
-  if (!l) return !1;
-  let e = o.data, t = l;
-  if (!(l in e) && l.includes(".")) {
-    const r = l.split(".");
-    t = r[r.length - 1];
-    for (let i = 0; i < r.length - 1; i++) {
-      const s = e[r[i]];
-      if (s != null && typeof s == "object")
-        e = s;
+}, E = (n) => {
+  const t = n.colDef.field;
+  if (!t) return !1;
+  let e = n.data, l = t;
+  if (!(t in e) && t.includes(".")) {
+    const o = t.split(".");
+    l = o[o.length - 1];
+    for (let i = 0; i < o.length - 1; i++) {
+      const a = e[o[i]];
+      if (a != null && typeof a == "object")
+        e = a;
       else
         return !1;
     }
   }
-  const n = e[t], u = o.newValue;
-  return n && typeof n == "object" && "cellMetadata" in n ? e[t] = u && typeof u == "object" && "value" in u ? u : { ...n, value: u } : e[t] = u, !0;
+  const r = e[l], u = n.newValue;
+  return r && typeof r == "object" && "cellMetadata" in r ? e[l] = u && typeof u == "object" && "value" in u ? u : { ...r, value: u } : e[l] = u, !0;
 };
-function j(o) {
-  return o.map((l) => {
-    const e = { ...l };
+function g(n) {
+  return n.map((t) => {
+    const e = { ...t };
     if (e.children?.length)
-      return e.children = j(e.children), e;
-    const t = e.field;
-    if (!t) return e;
-    const n = e.cellEditorParams?.splits, u = n?.some((i) => i.editable === !0) ?? !1, r = typeof e.editable == "boolean" ? e.editable : void 0;
-    return e._originalEditable = r, n || (e.valueSetter = h), e.editable = (i) => {
+      return e.children = g(e.children), e;
+    const l = e.field;
+    if (!l) return e;
+    const r = e.cellEditorParams?.splits, u = r?.some((i) => i.editable === !0) ?? !1, o = typeof e.editable == "boolean" ? e.editable : void 0;
+    return e._originalEditable = o, r || (e.valueSetter = E), e.editable = (i) => {
       if (i.node?.group === !0 || i.data?.group === !0)
         return !1;
-      const s = i.data;
-      if (!s) return u || !!r;
-      const c = y(s, t);
-      if (n) {
-        const p = c != null && typeof c == "object" ? c : null;
-        return n.some((a) => {
-          const f = a.field?.split(".")?.pop();
+      const a = i.data;
+      if (!a) return u || !!o;
+      const s = y(a, l);
+      if (r) {
+        const p = s != null && typeof s == "object" ? s : null;
+        return r.some((c) => {
+          const f = c.field?.split(".")?.pop();
           if (!f) return !1;
           const v = p?.[f];
-          return d(r, a.editable, s, v);
+          return d(o, c.editable, a, v);
         });
       }
-      const b = c != null && typeof c == "object" && "value" in c ? c : void 0;
-      return d(r, void 0, s, b);
+      const b = s != null && typeof s == "object" && "value" in s ? s : void 0;
+      return d(o, void 0, a, b);
     }, e;
   });
 }
 export {
-  j as addRowDataEditableCheck
+  g as addRowDataEditableCheck,
+  j as readColDefEditable
 };