impact-nova 2.1.0-alpha.9 → 2.2.1

package/README.md

@@ -14,6 +14,12 @@
 [![Internationalization](https://img.shields.io/badge/i18n-Built--in-059669.svg?style=flat)](#internationalization-i18n)
 [![Documentation](https://img.shields.io/badge/Documentation-online-FF4785?style=flat&logo=storybook&logoColor=white)](https://impact-nova.iaproducts.ai/)
 [![npm impact-nova-mcp](https://img.shields.io/npm/v/impact-nova-mcp?label=impact-nova-mcp&logo=npm)](https://www.npmjs.com/package/impact-nova-mcp)
+[![Vitest](https://img.shields.io/badge/Vitest-4.0-6E9F18.svg?style=flat&logo=vitest&logoColor=white)](https://vitest.dev/)
+[![Testing Library](https://img.shields.io/badge/Testing%20Library-16.3-E33332.svg?style=flat&logo=testing-library&logoColor=white)](https://testing-library.com/docs/react-testing-library/intro/)
+[![Playwright](https://img.shields.io/badge/Playwright-1.58-2EAD33.svg?style=flat&logo=playwright&logoColor=white)](https://playwright.dev/)
+[![Storybook Tests](https://img.shields.io/badge/Storybook%20Tests-10.2-FF4785.svg?style=flat&logo=storybook&logoColor=white)](https://storybook.js.org/docs/writing-tests)
+[![a11y](https://img.shields.io/badge/a11y-axe%20CI-0E7C86.svg?style=flat)](https://storybook.js.org/docs/writing-tests/accessibility-testing)
+[![Coverage](https://img.shields.io/badge/Coverage-ratchet-4C1.svg?style=flat)](https://impact-nova.iaproducts.ai/?path=/docs/brand-identity-testing-quality--documentation)
 
 </div>
 

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

@@ -1,127 +1,106 @@
-import { jsx as I } from "react/jsx-runtime";
-import { forwardRef as $, useMemo as x, useEffect as R, useImperativeHandle as B, useState as G, useCallback as H } from "react";
-import { resolveCellEditable as D, resolveValueFormatter as q, applyValueFormatter as z } from "../cell-renderer-utils.js";
-function Y() {
+import { jsx as C } from "react/jsx-runtime";
+import { forwardRef as z, useState as F, useImperativeHandle as B, useEffect as H, useMemo as L, useCallback as M } from "react";
+import { resolveValueFormatter as q, applyValueFormatter as J, resolveCellEditable as I } from "../cell-renderer-utils.js";
+import { initializeSplitCellFocusSession as Q } from "./split-cell-focus.js";
+function X() {
   return document;
 }
-function A(g, _, l, m, r) {
-  const s = l, f = typeof m?.editable == "boolean" ? m.editable : void 0, C = g[_], c = C?.field?.split(".")?.pop(), n = c ? r?.[c] : void 0;
-  return D(f, C?.editable, s, n);
+function Y(p, w, a, u, r) {
+  const n = a, s = typeof u?.editable == "boolean" ? u.editable : void 0, f = p[w], i = f?.field?.split(".")?.pop(), l = i ? r?.[i] : void 0;
+  return I(s, f?.editable, n, l);
 }
-const J = $((g, _) => {
-  const { splits: l, commonParams: m, data: r, node: s, api: f, column: C, context: c, value: n, colDef: i, valueFormatter: U } = g, S = x(() => document.__splitCellLastClickY == null, []), M = x(() => document.__splitCellLastWasEditable !== !1, []), v = x(() => {
-    let e = 0, t = !0, a = !1, o;
-    try {
-      const d = g.eGridCell;
-      if (!d || !l?.length)
-        return { index: e, wasEditable: t, clearClickY: a, activeIndex: o };
-      if (S) {
-        const u = Y().__splitCellLastActiveIndex;
-        if (u != null && u >= 0 && u < l.length)
-          return e = u, t = A(l, u, r, i, n), { index: e, wasEditable: t, clearClickY: a, activeIndex: o };
-        for (let p = 0; p < l.length; p++)
-          if (A(l, p, r, i, n))
-            return e = p, t = !0, { index: e, wasEditable: t, clearClickY: a, activeIndex: o };
-        return { index: 0, wasEditable: !1, clearClickY: a, activeIndex: o };
-      }
-      const h = Y().__splitCellLastClickY;
-      if (h == null)
-        return { index: e, wasEditable: t, clearClickY: a, activeIndex: o };
-      const w = d.getBoundingClientRect(), K = h - w.top, E = w.height / l.length, F = Math.floor(K / E);
-      return e = Math.max(0, Math.min(F, l.length - 1)), a = !0, o = e, t = A(l, e, r, i, n), { index: e, wasEditable: t, clearClickY: a, activeIndex: o };
-    } catch {
-      return { index: 0, wasEditable: !0, clearClickY: !1, activeIndex: void 0 };
-    }
-  }, [l, g, S, r, i, n]);
-  R(() => {
-    const e = Y();
-    v.clearClickY && (e.__splitCellLastClickY = void 0), v.activeIndex != null && (e.__splitCellLastActiveIndex = v.activeIndex), e.__splitCellLastWasEditable = v.wasEditable;
-  }, [v]);
-  const k = v.index, y = x(() => {
-    if (!l?.length) return !1;
-    const e = l[k];
-    if (!e) return !1;
-    const t = r, a = typeof i?.editable == "boolean" ? i.editable : void 0, o = e.field?.split(".")?.pop(), d = o ? n?.[o] : void 0;
-    return !D(a, e.editable, t, d);
-  }, [l, k, r, i, n]) || S && !M;
-  B(_, () => ({
+const Z = z((p, w) => {
+  const { splits: a, commonParams: u, data: r, node: n, api: s, column: f, context: i, value: l, colDef: o, valueFormatter: U, eventKey: D } = p, [N] = F(() => {
+    const e = p.eGridCell;
+    return Q({
+      cellElement: e,
+      splits: a,
+      eventKey: D,
+      data: r,
+      colDef: o,
+      value: l,
+      documentState: X(),
+      resolveSplitEditable: Y
+    });
+  }), { targetSplitIndex: k, isKeyboardEntry: A, lastWasEditable: P, targetIsNonEditable: R } = N, v = R || A && !P;
+  B(w, () => ({
     getValue() {
-      const e = i?.field;
-      return e && s?.data ? s.data[e] : n;
+      const e = o?.field;
+      return e && n?.data ? n.data[e] : l;
     },
     isCancelBeforeStart() {
-      return y;
+      return v;
     },
     isCancelAfterEnd() {
       return !1;
     }
-  }), [i, s, n, y]), R(() => {
-    y && setTimeout(() => {
-      f?.stopEditing();
+  }), [o, n, l, v]), H(() => {
+    v && setTimeout(() => {
+      s?.stopEditing();
     }, 0);
-  }, [y, f]);
-  const j = x(() => l?.map((e) => {
-    const t = e?.field?.split(".")?.pop() ?? "", a = n?.[t]?.value;
-    return { valueKey: t, field: e.field, newValue: a };
-  }) ?? [], [l, n]), [V, O] = G(j), P = H((e) => {
-    const t = V.find((b) => b.field === e);
-    if (!t || !i.field) return;
-    const a = n?.[t.valueKey]?.value;
-    if (String(t.newValue ?? "") === String(a ?? ""))
+  }, [v, s]);
+  const j = L(() => a?.map((e) => {
+    const t = e?.field?.split(".")?.pop() ?? "", d = l?.[t]?.value;
+    return { valueKey: t, field: e.field, newValue: d };
+  }) ?? [], [a, l]), [g, O] = F(j), $ = M((e) => {
+    const t = g.find((b) => b.field === e);
+    if (!t || !o.field) return;
+    const d = l?.[t.valueKey]?.value;
+    if (String(t.newValue ?? "") === String(d ?? ""))
       return;
     document.__splitCellLastWasEditable = !0;
-    const o = {
-      api: f,
-      colDef: i,
-      column: C,
-      context: c,
+    const c = {
+      api: s,
+      colDef: o,
+      column: f,
+      context: i,
       data: r,
-      field: i.field,
-      node: s,
-      rowIndex: s?.rowIndex ?? null,
-      rowPinned: s?.rowPinned ?? void 0,
+      field: o.field,
+      node: n,
+      rowIndex: n?.rowIndex ?? null,
+      rowPinned: n?.rowPinned ?? void 0,
       source: "edit",
       type: "cellValueChanged",
       currentCellUpdate: t,
       newValue: { [t.valueKey]: { value: t.newValue } },
-      oldValue: { [t.valueKey]: { value: n?.[t.valueKey]?.value } },
+      oldValue: { [t.valueKey]: { value: l?.[t.valueKey]?.value } },
       value: { [t.valueKey]: { value: t.newValue } }
-    }, d = n?.[t.valueKey] ?? {};
-    s.setDataValue(i.field, { ...n, [t.valueKey]: { ...d, value: t.newValue } }), c?.onCellUpdate?.(o);
-  }, [V, f, i, C, c, r, s, n]), W = (e) => {
+    }, m = l?.[t.valueKey] ?? {};
+    n.setDataValue(o.field, { ...l, [t.valueKey]: { ...m, value: t.newValue } }), i?.onCellUpdate?.(c);
+  }, [g, s, o, f, i, r, n, l]), G = (e) => {
     if (typeof e == "string") {
-      const t = f?.getGridOption("components");
-      return c?.frameworkComponents?.[e] || t?.[e];
+      const t = s?.getGridOption("components");
+      return i?.frameworkComponents?.[e] || t?.[e];
     }
     return e;
   };
-  return /* @__PURE__ */ I("div", { style: { display: "grid", gridTemplateRows: `repeat(${l?.length}, 1fr)`, height: "100%", width: "100%" }, children: l?.map((e, t) => {
-    const a = e?.field?.split(".")?.pop();
-    if (!a) return null;
-    const o = n?.[a], d = o?.value, b = r, h = q(o, b, e?.valueFormatter, U ?? null), w = h ? z(h, d) : d?.toString(), K = typeof i?.editable == "boolean" ? i.editable : void 0, E = D(K, e.editable, b, o), F = t === k && E, L = E ? m?.cellEditor ?? m?.cellRenderer : m?.cellRenderer ?? void 0, u = L ? W(L) : void 0;
-    return /* @__PURE__ */ I("div", { className: "flex items-center max-h-full overflow-hidden", children: u ? /* @__PURE__ */ I(
-      u,
+  return /* @__PURE__ */ C("div", { style: { display: "grid", gridTemplateRows: `repeat(${a?.length}, 1fr)`, height: "100%", width: "100%" }, children: a?.map((e, t) => {
+    const d = e?.field?.split(".")?.pop();
+    if (!d) return null;
+    const c = l?.[d], m = c?.value, b = r, V = q(c, b, e?.valueFormatter, U ?? null), h = V ? J(V, m) : m?.toString(), T = typeof o?.editable == "boolean" ? o.editable : void 0, y = I(T, e.editable, b, c), W = t === k && y, E = y ? u?.cellEditor ?? u?.cellRenderer : u?.cellRenderer ?? void 0, S = E ? G(E) : void 0;
+    return /* @__PURE__ */ C("div", { className: "flex items-center max-h-full overflow-hidden", children: S ? /* @__PURE__ */ C(
+      S,
       {
-        context: c,
+        context: i,
         data: r,
-        value: o,
-        onValueChange: (p) => {
-          const N = V.find((T) => T.field === e.field);
-          N ? N.newValue = p : O([...V, { valueKey: a, field: e.field, newValue: p }]);
+        value: c,
+        onValueChange: (x) => {
+          const K = g.find((_) => _.field === e.field);
+          K ? K.newValue = x : O([...g, { valueKey: d, field: e.field, newValue: x }]);
         },
-        valueFormatted: w ?? void 0,
-        colDef: { ...e, editable: E },
+        valueFormatted: h ?? void 0,
+        colDef: { ...e, editable: y },
         stopEditing: () => {
-          P(e.field);
+          $(e.field);
         },
-        node: s,
-        suppressAutoFocus: !F,
-        className: t !== l.length - 1 ? "border-b border-stroke-hairline" : ""
+        node: n,
+        suppressAutoFocus: !W,
+        className: t !== a.length - 1 ? "border-b border-stroke-hairline" : ""
       }
-    ) : /* @__PURE__ */ I("div", { className: "w-full h-full flex items-center ag-cell-inner-padding overflow-hidden text-ellipsis whitespace-nowrap", children: String(w ?? d ?? "") }) }, `${e.field}-${t}`);
+    ) : /* @__PURE__ */ C("div", { className: "w-full h-full flex items-center ag-cell-inner-padding overflow-hidden text-ellipsis whitespace-nowrap", children: String(h ?? m ?? "") }) }, `${e.field}-${t}`);
   }) });
 });
-J.displayName = "SplitCellEditor";
+Z.displayName = "SplitCellEditor";
 export {
-  J as SplitCellEditor
+  Z as SplitCellEditor
 };

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/headers/column-menu/column-settings-menu.js

@@ -1,10 +1,12 @@
 import { jsxs as r, jsx as e, Fragment as B } from "react/jsx-runtime";
 import "react";
-import { Settings as W, Checkmark as m, Search as J } from "impact-nova-icons";
+import { Settings as W, Checkmark as m, Search as I } from "impact-nova-icons";
 import { DropdownMenu as A, DropdownMenuTrigger as F, DropdownMenuContent as P, DropdownMenuItem as i, DropdownMenuLabel as T, DropdownMenuSeparator as j, DropdownMenuSub as g, DropdownMenuSubTrigger as C, DropdownMenuSubContent as x } from "../../../../feedback/dropdown-menu/dropdown-menu.js";
-import { useImpactNovaI18n as K } from "../../../../../i18n/use-impact-nova-i18n.js";
-import { useGridHeader as Q } from "../context/grid-header-context.js";
-const I = ({
+import { useImpactNovaI18n as J } from "../../../../../i18n/use-impact-nova-i18n.js";
+import { useGridHeader as K } from "../context/grid-header-context.js";
+import { setActiveSearchColumnId as Q } from "../header-search-active-state.js";
+import { notifyColumnIndicatorSync as U } from "../../notify-column-indicator-sync.js";
+const re = ({
   isOpen: S,
   onClose: a,
   columnId: c,
@@ -12,9 +14,9 @@ const I = ({
   anchor: q,
   variant: d = "column"
 }) => {
-  const { t } = K(), h = Q(), u = d === "column" ? s.getColumn(c) : null;
+  const { t } = J(), h = K(), u = d === "column" ? s.getColumn(c) : null;
   if (d === "column" && !u) return null;
-  const l = u?.getColDef(), w = u?.getSort(), y = u?.getPinned(), E = d === "column" && l?.sortable !== !1, H = l?.filter || "agTextColumnFilter", b = H === "agNumberColumnFilter" || (Array.isArray(l?.type) ? l.type.includes("numericColumn") : l?.type === "numericColumn"), k = H === "agDateColumnFilter" || (Array.isArray(l?.type) ? l.type.includes("dateColumn") : l?.type === "dateColumn"), G = s.getGridOption("suppressRowVirtualisation") !== !0, p = (n) => {
+  const l = u?.getColDef(), y = u?.getSort(), w = u?.getPinned(), E = d === "column" && l?.sortable !== !1, H = l?.filter || "agTextColumnFilter", b = H === "agNumberColumnFilter" || (Array.isArray(l?.type) ? l.type.includes("numericColumn") : l?.type === "numericColumn"), k = H === "agDateColumnFilter" || (Array.isArray(l?.type) ? l.type.includes("dateColumn") : l?.type === "dateColumn"), G = s.getGridOption("suppressRowVirtualisation") !== !0, p = (n) => {
     queueMicrotask(() => {
       s.applyColumnState({
         state: [{ colId: c, sort: n }],
@@ -42,7 +44,7 @@ const I = ({
       h.openSearch(c);
     else {
       const n = s.getGridOption("context") || {};
-      s.setGridOption("context", { ...n, activeSearchColumnId: c }), s.refreshHeader();
+      s.setGridOption("context", { ...n, activeSearchColumnId: c }), Q(c), U(s);
     }
     a();
   }, L = () => {
@@ -113,11 +115,11 @@ const I = ({
             /* @__PURE__ */ r(x, { sideOffset: 10, alignOffset: -5, children: [
               /* @__PURE__ */ e(i, { onClick: () => p("asc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
                 /* @__PURE__ */ e("span", { children: t(b ? "gridHeader.sortAscNumber" : k ? "gridHeader.sortAscDate" : "gridHeader.sortAscText") }),
-                w === "asc" && /* @__PURE__ */ e(m, { size: "sm", className: "ml-2 text-content-tertiary" })
+                y === "asc" && /* @__PURE__ */ e(m, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
               /* @__PURE__ */ e(i, { onClick: () => p("desc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
                 /* @__PURE__ */ e("span", { children: t(b ? "gridHeader.sortDescNumber" : k ? "gridHeader.sortDescDate" : "gridHeader.sortDescText") }),
-                w === "desc" && /* @__PURE__ */ e(m, { size: "sm", className: "ml-2 text-content-tertiary" })
+                y === "desc" && /* @__PURE__ */ e(m, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
               /* @__PURE__ */ e(i, { onClick: () => p(null), children: /* @__PURE__ */ e("span", { children: t("gridHeader.reset") }) })
             ] })
@@ -127,11 +129,11 @@ const I = ({
             /* @__PURE__ */ r(x, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
               /* @__PURE__ */ e(i, { onClick: () => f("left"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
                 /* @__PURE__ */ e("span", { children: t("gridHeader.pinLeft") }),
-                y === "left" && /* @__PURE__ */ e(m, { size: "sm", className: "ml-2 text-content-tertiary" })
+                w === "left" && /* @__PURE__ */ e(m, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
               /* @__PURE__ */ e(i, { onClick: () => f("right"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
                 /* @__PURE__ */ e("span", { children: t("gridHeader.pinRight") }),
-                y === "right" && /* @__PURE__ */ e(m, { size: "sm", className: "ml-2 text-content-tertiary" })
+                w === "right" && /* @__PURE__ */ e(m, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
               /* @__PURE__ */ e(i, { onClick: () => f(null), children: /* @__PURE__ */ e("span", { children: t("gridHeader.noPin") }) })
             ] })
@@ -148,7 +150,7 @@ const I = ({
           (M || O) && /* @__PURE__ */ r(B, { children: [
             /* @__PURE__ */ e(j, {}),
             /* @__PURE__ */ r(T, { className: "flex items-center gap-2 text-content-tertiary", children: [
-              /* @__PURE__ */ e(J, { size: "xs" }),
+              /* @__PURE__ */ e(I, { size: "xs" }),
               " ",
               t("gridHeader.searchOptions")
             ] }),
@@ -161,5 +163,5 @@ const I = ({
   ] });
 };
 export {
-  I as ColumnSettingsMenu
+  re as ColumnSettingsMenu
 };