impact-nova 2.1.0-alpha.1 → 2.1.0-alpha.10

package/dist/components/data/ag-grid-react/cell-renderers/editors/split-cell-focus.d.ts

@@ -0,0 +1,53 @@
+import { ColDef } from 'ag-grid-enterprise';
+import { SplitConfig, SplitCellValue } from '../types';
+export type SplitCellDocumentState = {
+    __splitCellLastClickY?: number;
+    __splitCellLastActiveIndex?: number;
+    __splitCellLastWasEditable?: boolean;
+};
+/**
+ * True when edit was started by keyboard (Enter/F2/type-to-edit), not mouse click.
+ * eventKey wins over stale __splitCellLastClickY left by a prior mousedown that did not edit.
+ */
+export declare function isSplitCellKeyboardEntry(eventKey: string | null | undefined, documentState: SplitCellDocumentState): boolean;
+/**
+ * Call from colDef.suppressKeyboardEvent before AG Grid evaluates editable().
+ * Clears stale click coordinates so Enter/F2/type-to-edit use keyboard focus rules.
+ */
+export declare function prepareSplitCellKeyboardEditStart(eventKey: string, isEditing: boolean): void;
+export type SplitCellFocusMeta = {
+    index: number;
+    wasEditable: boolean;
+    clearClickY: boolean;
+    activeIndex?: number;
+};
+type ResolveSplitEditable = (splits: SplitConfig[], index: number, data: unknown, colDef: ColDef | undefined, value: SplitCellValue | undefined) => boolean;
+export declare function computeSplitCellFocusMeta(options: {
+    cellElement?: HTMLElement;
+    splits?: SplitConfig[];
+    isKeyboardEntry: boolean;
+    eventKey: string | null | undefined;
+    data: unknown;
+    colDef: ColDef | undefined;
+    value: SplitCellValue | undefined;
+    documentState: SplitCellDocumentState;
+    resolveSplitEditable: ResolveSplitEditable;
+}): SplitCellFocusMeta;
+export type SplitCellFocusSession = {
+    targetSplitIndex: number;
+    isKeyboardEntry: boolean;
+    lastWasEditable: boolean;
+    targetIsNonEditable: boolean;
+};
+export declare function initializeSplitCellFocusSession(options: {
+    cellElement?: HTMLElement;
+    splits?: SplitConfig[];
+    eventKey: string | null | undefined;
+    data: unknown;
+    colDef: ColDef | undefined;
+    value: SplitCellValue | undefined;
+    documentState: SplitCellDocumentState;
+    resolveSplitEditable: ResolveSplitEditable;
+}): SplitCellFocusSession;
+export declare function applySplitCellFocusMeta(documentState: SplitCellDocumentState, focusMeta: SplitCellFocusMeta): void;
+export {};

package/dist/components/data/ag-grid-react/cell-renderers/editors/split-cell-focus.js

@@ -0,0 +1,98 @@
+function x(e, l) {
+  return e != null && e !== "" ? !0 : l.__splitCellLastClickY == null;
+}
+function _(e, l, a, n, s, i) {
+  for (let t = 0; t < e.length; t++)
+    if (s(e, t, l, a, n))
+      return i.__splitCellLastActiveIndex = t, i.__splitCellLastWasEditable = !0, { index: t, wasEditable: !0, clearClickY: !1 };
+  return i.__splitCellLastWasEditable = !1, { index: 0, wasEditable: !1, clearClickY: !1 };
+}
+function b(e, l, a, n, s, i) {
+  const t = i.__splitCellLastActiveIndex;
+  if (t != null && t >= 0 && t < e.length) {
+    const r = s(e, t, l, a, n);
+    return i.__splitCellLastWasEditable = r, { index: t, wasEditable: r, clearClickY: !1 };
+  }
+  return _(e, l, a, n, s, i);
+}
+function p(e, l, a, n, s, i, t) {
+  const r = t.__splitCellLastClickY;
+  if (r == null)
+    return { index: 0, wasEditable: !0, clearClickY: !1 };
+  const c = e.getBoundingClientRect(), d = r - c.top, u = c.height / l.length, f = Math.floor(d / u), C = Math.max(0, Math.min(f, l.length - 1)), o = i(l, C, a, n, s);
+  return t.__splitCellLastClickY = void 0, t.__splitCellLastActiveIndex = C, t.__splitCellLastWasEditable = o, {
+    index: C,
+    wasEditable: o,
+    clearClickY: !1,
+    activeIndex: void 0
+  };
+}
+function E(e) {
+  const {
+    cellElement: l,
+    splits: a,
+    isKeyboardEntry: n,
+    eventKey: s,
+    data: i,
+    colDef: t,
+    value: r,
+    documentState: c,
+    resolveSplitEditable: d
+  } = e;
+  return !l || !a?.length ? { index: 0, wasEditable: !0, clearClickY: !1 } : n ? s === "Tab" ? b(
+    a,
+    i,
+    t,
+    r,
+    d,
+    c
+  ) : _(
+    a,
+    i,
+    t,
+    r,
+    d,
+    c
+  ) : p(
+    l,
+    a,
+    i,
+    t,
+    r,
+    d,
+    c
+  );
+}
+const L = {
+  index: 0,
+  wasEditable: !0,
+  clearClickY: !1
+};
+function k(e) {
+  const { documentState: l, eventKey: a } = e, n = x(a, l);
+  n && (l.__splitCellLastClickY = void 0);
+  const s = l.__splitCellLastWasEditable !== !1;
+  let i = L;
+  try {
+    i = E({
+      ...e,
+      isKeyboardEntry: n
+    }), v(l, i);
+  } catch {
+  }
+  return {
+    targetSplitIndex: i.index,
+    isKeyboardEntry: n,
+    lastWasEditable: s,
+    targetIsNonEditable: !i.wasEditable
+  };
+}
+function v(e, l) {
+  l.clearClickY && (e.__splitCellLastClickY = void 0), l.activeIndex != null && (e.__splitCellLastActiveIndex = l.activeIndex), e.__splitCellLastWasEditable = l.wasEditable;
+}
+export {
+  v as applySplitCellFocusMeta,
+  E as computeSplitCellFocusMeta,
+  k as initializeSplitCellFocusSession,
+  x as isSplitCellKeyboardEntry
+};

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

@@ -1,12 +1,12 @@
-import { jsxs as o, jsx as x } from "react/jsx-runtime";
-import { forwardRef as g, useRef as h, useState as b, useImperativeHandle as v, useCallback as s } from "react";
-const y = g((u, d) => {
+import { jsxs as o, jsx as p } from "react/jsx-runtime";
+import { forwardRef as x, useRef as h, useState as b, useImperativeHandle as v, useCallback as s } from "react";
+const y = x((u, d) => {
   const {
     value: a,
     rows: i = 4,
-    maxLength: t,
+    maxLength: r,
     placeholder: c
-  } = u, r = h(null), [n, f] = b(a != null ? String(a) : "");
+  } = u, t = h(null), [n, f] = b(a != null ? String(a) : "");
   v(d, () => ({
     getValue() {
       return n;
@@ -21,37 +21,37 @@ const y = g((u, d) => {
       return !0;
     },
     afterGuiAttached() {
-      if (r.current) {
-        r.current.focus();
-        const e = r.current.value.length;
-        r.current.setSelectionRange(e, e);
+      if (t.current) {
+        t.current.focus();
+        const e = t.current.value.length;
+        t.current.setSelectionRange(e, e);
       }
     }
   }));
-  const m = s((e) => {
+  const g = s((e) => {
     const l = e.target.value;
-    t && l.length > t || f(l);
-  }, [t]), p = s((e) => {
+    r && l.length > r || f(l);
+  }, [r]), m = s((e) => {
     e.key !== "Escape" && e.key !== "Tab" && (e.key === "Enter" && !e.shiftKey || e.stopPropagation());
   }, []);
   return /* @__PURE__ */ o("div", { className: "p-1 bg-canvas-elevated border border-brand rounded-md shadow-lg min-w-[250px]", children: [
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ p(
       "textarea",
       {
-        ref: r,
+        ref: t,
         value: n,
-        onChange: m,
-        onKeyDown: p,
+        onChange: g,
+        onKeyDown: m,
         placeholder: c,
         rows: i,
-        maxLength: t,
+        maxLength: r,
         className: "w-full px-2 py-1.5 text-sm font-medium bg-canvas-elevated border border-field rounded focus:outline-none focus:border-brand resize-y"
       }
     ),
-    t && /* @__PURE__ */ o("div", { className: "text-right text-xs text-content-muted px-1 mt-0.5", children: [
+    r && /* @__PURE__ */ o("div", { className: "text-right text-xs text-secondary-foreground px-1 mt-0.5", children: [
       n.length,
       "/",
-      t
+      r
     ] })
   ] });
 });

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

@@ -18,7 +18,7 @@ const h = (u) => {
           className: `flex w-full items-center justify-between rounded-[8px] px-1.5 h-7 ${t ? "bg-canvas-elevated cursor-pointer" : "bg-inherit"}`,
           children: [
             /* @__PURE__ */ n("span", { className: `truncate text-sm font-medium text-content ${f ? "text-content-empty" : ""}`, children: f ? b : d }),
-            t && /* @__PURE__ */ n(g, { className: "h-3.5 w-3.5 shrink-0 rotate-90 text-content-muted" })
+            t && /* @__PURE__ */ n(g, { className: "h-3.5 w-3.5 shrink-0 rotate-90 text-content-icon" })
           ]
         }
       )

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

@@ -1,35 +1,35 @@
-import { jsxs as b, jsx as n } from "react/jsx-runtime";
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
 import { useCallback as c } from "react";
 const p = (d) => {
-  const { value: h, node: i, column: a, leftLabel: s, rightLabel: o, disabled: e } = d, t = !!h, l = c(() => {
-    e || !a || i.setDataValue(a.getColId(), !t);
-  }, [e, a, i, t]), u = c(
-    (r) => {
-      e || (r.key === " " || r.key === "Enter") && (r.preventDefault(), l());
+  const { value: h, node: o, column: t, leftLabel: s, rightLabel: i, disabled: e } = d, n = !!h, r = c(() => {
+    e || !t || o.setDataValue(t.getColId(), !n);
+  }, [e, t, o, n]), u = c(
+    (l) => {
+      e || (l.key === " " || l.key === "Enter") && (l.preventDefault(), r());
     },
-    [e, l]
+    [e, r]
   );
   return /* @__PURE__ */ b("div", { className: `flex items-center justify-center h-full w-full gap-2 ag-cell-inner-padding ${e ? "opacity-60 cursor-not-allowed" : !e ? "in-ag-editable-cell-highlight" : ""}`, children: [
-    s && /* @__PURE__ */ n("span", { className: "text-xs text-content-muted", children: s }),
-    /* @__PURE__ */ n(
+    s && /* @__PURE__ */ a("span", { className: "text-xs text-secondary-foreground", children: s }),
+    /* @__PURE__ */ a(
       "div",
       {
-        onClick: l,
+        onClick: r,
         onKeyDown: u,
         role: "switch",
-        "aria-checked": t,
+        "aria-checked": n,
         "aria-disabled": e,
         tabIndex: e ? -1 : 0,
-        className: `inline-flex h-4 w-6 shrink-0 items-center rounded-full border transition-colors ${e ? "cursor-not-allowed opacity-50" : "cursor-pointer"} ${t ? "bg-brand-tint border-canvas-accordion" : "bg-canvas-elevated border-canvas-tint"}`,
-        children: /* @__PURE__ */ n(
+        className: `inline-flex h-4 w-6 shrink-0 items-center rounded-full border transition-colors ${e ? "cursor-not-allowed opacity-50" : "cursor-pointer"} ${n ? "bg-brand-tint border-canvas-accordion" : "bg-canvas-elevated border-canvas-tint"}`,
+        children: /* @__PURE__ */ a(
           "div",
           {
-            className: `pointer-events-none block h-[10px] w-[10px] rounded-full shadow-lg transition-transform ${t ? "translate-x-[10px] bg-brand" : "translate-x-[2px] bg-stroke-field"}`
+            className: `pointer-events-none block h-[10px] w-[10px] rounded-full shadow-lg transition-transform ${n ? "translate-x-[10px] bg-brand" : "translate-x-[2px] bg-stroke-field"}`
           }
         )
       }
     ),
-    o && /* @__PURE__ */ n("span", { className: "text-xs text-content-muted", children: o })
+    i && /* @__PURE__ */ a("span", { className: "text-xs text-secondary-foreground", children: i })
   ] });
 };
 p.displayName = "SwitchDisplayRenderer";

package/dist/components/data/ag-grid-react/column-indicator-sync-bus.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Lightweight bus for column-picker filter/search indicators.
+ * Replaces synthetic `gridApi.onFilterChanged('api')` on search open/close,
+ * which incorrectly triggers SSRM refetches when the filter model is unchanged.
+ */
+type ColumnIndicatorSyncListener = () => void;
+export declare function subscribeColumnIndicatorSync(listener: ColumnIndicatorSyncListener): () => void;
+export declare function emitColumnIndicatorSync(): void;
+export {};

package/dist/components/data/ag-grid-react/column-indicator-sync-bus.js

@@ -0,0 +1,15 @@
+const t = /* @__PURE__ */ new Set();
+function c(n) {
+  return t.add(n), () => {
+    t.delete(n);
+  };
+}
+function e() {
+  t.forEach((n) => {
+    n();
+  });
+}
+export {
+  e as emitColumnIndicatorSync,
+  c as subscribeColumnIndicatorSync
+};

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

@@ -132,7 +132,7 @@ const M = (k) => {
     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", children: [
+    /* @__PURE__ */ g(te, { className: "flex flex-row items-center justify-between px-4 py-3 pe-4", children: [
       /* @__PURE__ */ r(le, { children: d("advancedFilter.title") }),
       /* @__PURE__ */ r(oe, { asChild: !0, children: /* @__PURE__ */ r(y, { variant: "ghost", size: "icon", className: "h-8 w-8 p-0 text-content-tertiary hover:text-brand-variant-hover", onClick: m, "aria-label": d("aria.close"), children: /* @__PURE__ */ r(ce, { size: 14 }) }) })
     ] }),

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

@@ -5,9 +5,9 @@ import { Input as f } from "../../../../forms/input/input.js";
 import { DatePicker as V } from "../../../../forms/date-picker/date-picker.js";
 import { DateRangePicker as I } from "../../../../forms/date-picker/date-range-picker.js";
 import { Select as h } from "../../../../forms/select/select.js";
-import { Bin as R } from "impact-nova-icons";
+import { Bin as y } from "impact-nova-icons";
 import { useImpactNovaI18n as D } from "../../../../../i18n/use-impact-nova-i18n.js";
-import { createEmptyRule as y } from "../utils/filter-utils.js";
+import { createEmptyRule as R } from "../utils/filter-utils.js";
 import { DEFAULT_DATE_DISPLAY_FORMAT as _ } from "../utils/date-utils.js";
 const T = {
   text: ["contains", "notContains", "equals", "notEqual", "startsWith", "endsWith", "empty", "notEmpty"],
@@ -29,24 +29,24 @@ const T = {
   onDeleteColumnFilter: x,
   dateDisplayFormat: b = _
 }) => {
-  const { t: n } = D(), N = E(() => (T[l] ?? T.text).map((r) => ({ label: n(`filter.operators.${l === "date" && r === "greaterThan" ? "after" : l === "date" && r === "lessThan" ? "before" : l === "date" && r === "inRange" ? "between" : r}`), value: r })), [l, n]), w = E(
+  const { t: r } = D(), N = E(() => (T[l] ?? T.text).map((n) => ({ label: r(`filter.operators.${l === "date" && n === "greaterThan" ? "after" : l === "date" && n === "lessThan" ? "before" : l === "date" && n === "inRange" ? "between" : n}`), value: n })), [l, r]), w = E(
     () => [
-      { label: n("filter.logicAll"), value: "AND" },
-      { label: n("filter.logicAny"), value: "OR" }
+      { label: r("filter.logicAll"), value: "AND" },
+      { label: r("filter.logicAny"), value: "OR" }
     ],
-    [n]
+    [r]
   ), O = () => {
-    m([...s, y(p, l)]);
+    m([...s, R(p, l)]);
   }, S = (e) => {
     if (s.length > 1 || u) {
-      const r = s.filter((t) => t.id !== e);
-      r.length === 0 && u ? m([]) : m(r.length > 0 ? r : [y(p, l)]);
+      const n = s.filter((t) => t.id !== e);
+      n.length === 0 && u ? m([]) : m(n.length > 0 ? n : [R(p, l)]);
     }
-  }, o = (e, r) => {
-    m(s.map((t) => t.id === e ? { ...t, ...r } : t));
+  }, o = (e, n) => {
+    m(s.map((t) => t.id === e ? { ...t, ...n } : t));
   }, k = (e) => {
     if (e.operator === "empty" || e.operator === "notEmpty")
-      return /* @__PURE__ */ a("span", { className: "text-content-placeholder italic text-sm", children: n("advancedFilter.noValueNeeded") });
+      return /* @__PURE__ */ a("span", { className: "text-content-placeholder italic text-sm", children: r("advancedFilter.noValueNeeded") });
     if (l === "date")
       return e.operator === "inRange" ? /* @__PURE__ */ a(
         I,
@@ -69,13 +69,13 @@ const T = {
         {
           value: e.value ? new Date(e.value) : void 0,
           onChange: (t) => o(e.id, { value: t?.toISOString() || "" }),
-          placeholder: n("filter.selectDate"),
+          placeholder: r("filter.selectDate"),
           format: b,
           showFooter: !0
         }
       );
-    const r = e.operator === "equals" || e.operator === "notEqual";
-    return l === "select" || l === "multi" && r ? /* @__PURE__ */ a(
+    const n = e.operator === "equals" || e.operator === "notEqual";
+    return l === "select" || l === "multi" && n ? /* @__PURE__ */ a(
       h,
       {
         options: g || [],
@@ -87,7 +87,7 @@ const T = {
           Array.isArray(t) ? o(e.id, { value: t.map((i) => i.value) }) : o(e.id, { value: t?.value || "" });
         },
         isMulti: c !== void 0 ? c : !0,
-        placeholder: n(c === !1 ? "filter.selectValue" : "filter.selectValues"),
+        placeholder: r(c === !1 ? "filter.selectValue" : "filter.selectValues"),
         className: "w-full",
         menuPortalTarget: document.body
       }
@@ -97,18 +97,18 @@ const T = {
         {
           value: e.value,
           onChange: (t) => o(e.id, { value: t.target.value }),
-          placeholder: n("filter.from"),
+          placeholder: r("filter.from"),
           type: l === "number" ? "number" : "text",
           className: "flex-1"
         }
       ),
-      /* @__PURE__ */ a("span", { className: "text-content-placeholder shrink-0", children: n("filter.to") }),
+      /* @__PURE__ */ a("span", { className: "text-content-placeholder shrink-0", children: r("filter.to") }),
       /* @__PURE__ */ a(
         f,
         {
           value: e.valueTo || "",
           onChange: (t) => o(e.id, { valueTo: t.target.value }),
-          placeholder: n("filter.to"),
+          placeholder: r("filter.to"),
           type: l === "number" ? "number" : "text",
           className: "flex-1"
         }
@@ -118,26 +118,26 @@ const T = {
       {
         value: e.value,
         onChange: (t) => o(e.id, { value: t.target.value }),
-        placeholder: n("filter.enterValue"),
+        placeholder: r("filter.enterValue"),
         type: l === "number" ? "number" : "text",
         className: "w-full"
       }
     );
   }, P = (e) => {
-    const r = N.find((t) => t.value === e.operator);
+    const n = N.find((t) => t.value === e.operator);
     return /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ a("div", { className: "w-[120px] shrink-0", children: /* @__PURE__ */ a(
         h,
         {
           options: N,
-          value: r || null,
+          value: n || null,
           onChange: (t) => {
             const i = t;
             if (!i) return;
             const A = i.value === "inRange" && e.value && !e.valueTo ? Array.isArray(e.value) ? e.value[0] : e.value : void 0;
             o(e.id, { operator: i.value, ...A != null && { valueTo: A } });
           },
-          placeholder: n("filter.operator"),
+          placeholder: r("filter.operator"),
           className: "w-full",
           menuPortalTarget: document.body
         }
@@ -149,36 +149,36 @@ const T = {
           onClick: () => S(e.id),
           variant: "tertiary",
           size: "icon",
-          "aria-label": n("aria.removeRule"),
+          "aria-label": r("aria.removeRule"),
           disabled: s.length === 1 && !u,
-          children: /* @__PURE__ */ a(R, { size: "xs" })
+          children: /* @__PURE__ */ a(y, { size: "xs" })
         }
       )
     ] }, e.id);
   };
   return /* @__PURE__ */ d("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ d("div", { className: "text-content-muted text-sm flex items-center gap-2 flex-wrap", children: [
-      /* @__PURE__ */ a("span", { children: n("advancedFilter.match") }),
+    /* @__PURE__ */ d("div", { className: "text-secondary-foreground text-sm flex items-center gap-2 flex-wrap", children: [
+      /* @__PURE__ */ a("span", { children: r("advancedFilter.match") }),
       /* @__PURE__ */ a("div", { className: "w-[80px]", children: /* @__PURE__ */ a(
         h,
         {
           options: w,
           value: w.find((e) => e.value === C),
           onChange: (e) => {
-            const r = e;
-            r && F(r.value);
+            const n = e;
+            n && F(n.value);
           },
           className: "h-8",
           menuPortalTarget: document.body,
           isClearable: !1
         }
       ) }),
-      /* @__PURE__ */ a("span", { children: n("advancedFilter.ofTheFollowingRulesForColumn") }),
+      /* @__PURE__ */ a("span", { children: r("advancedFilter.ofTheFollowingRulesForColumn") }),
       /* @__PURE__ */ a("span", { className: "font-semibold text-content-tertiary", children: q })
     ] }),
     /* @__PURE__ */ a("div", { className: "flex flex-col gap-3", children: s.map((e) => P(e)) }),
     /* @__PURE__ */ d("div", { className: "flex items-center justify-between mt-1", children: [
-      /* @__PURE__ */ a(v, { onClick: O, variant: "outline", size: "sm", children: n("advancedFilter.addRule") }),
+      /* @__PURE__ */ a(v, { onClick: O, variant: "outline", size: "sm", children: r("advancedFilter.addRule") }),
       x && /* @__PURE__ */ d(
         v,
         {
@@ -187,8 +187,8 @@ const T = {
           onClick: x,
           className: "text-validation hover:text-destructive hover:bg-feedback-error-surface border-destructive",
           children: [
-            /* @__PURE__ */ a(R, { size: "xs" }),
-            n("advancedFilter.deleteColumn")
+            /* @__PURE__ */ a(y, { size: "xs" }),
+            r("advancedFilter.deleteColumn")
           ]
         }
       )