impact-nova 2.0.9 → 2.1.0-alpha.10

package/dist/components/data/ag-grid-react/headers/components/section-renderers.js

@@ -0,0 +1,78 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import "react";
+import { Badge as o } from "../../../../data-display/badge/badge.js";
+import { cn as i } from "../../../../../lib/utils.js";
+const d = ({ section: t }) => {
+  const n = t.variant || "paragraph", { label: r, content: l } = t.data || {}, a = i(
+    n === "heading" ? "text-lg font-semibold text-content" : n === "caption" ? "text-xs text-secondary-foreground" : "text-sm text-content-tertiary leading-relaxed"
+  );
+  return /* @__PURE__ */ s("div", { className: "flex flex-col gap-1.5", children: [
+    r && /* @__PURE__ */ e("span", { className: "text-xs text-content-tertiary font-medium", children: r }),
+    /* @__PURE__ */ e("p", { className: a, children: l })
+  ] });
+}, x = ({ section: t }) => {
+  const n = t.data?.items || [];
+  return /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-x-8 gap-y-4", children: n.map((r, l) => /* @__PURE__ */ s("div", { className: "flex flex-col gap-1 min-w-[120px]", children: [
+    /* @__PURE__ */ e("span", { className: "text-xs text-content-tertiary font-normal", children: r.label }),
+    /* @__PURE__ */ e("span", { className: "text-sm text-content font-semibold", children: String(r.value) })
+  ] }, `${r.label}-${l}`)) });
+}, m = ({ section: t }) => {
+  const { label: n, items: r = [] } = t.data || {}, l = r.filter((a) => a.label && a.label.trim().length > 0);
+  return /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: [
+    n && /* @__PURE__ */ e("span", { className: "text-xs text-content-tertiary font-medium", children: n }),
+    /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: l.map((a, c) => /* @__PURE__ */ e(
+      o,
+      {
+        variant: a.variant,
+        color: a.color,
+        children: a.label
+      },
+      `${a.label}-${c}`
+    )) })
+  ] });
+}, p = ({ section: t }) => {
+  const { label: n, text: r, url: l } = t.data || {};
+  return /* @__PURE__ */ s("div", { className: "flex flex-col gap-1.5", children: [
+    n && /* @__PURE__ */ e("span", { className: "text-xs text-content-tertiary font-medium", children: n }),
+    /* @__PURE__ */ e(
+      "a",
+      {
+        href: l,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "text-sm text-brand hover:underline font-medium inline-flex items-center gap-1",
+        children: r
+      }
+    )
+  ] });
+}, N = ({ section: t }) => {
+  const n = () => {
+    switch (t.type) {
+      case "TEXT":
+        return /* @__PURE__ */ e(d, { section: t });
+      case "KEY_VALUE":
+        return /* @__PURE__ */ e(x, { section: t });
+      case "BADGES":
+        return /* @__PURE__ */ e(m, { section: t });
+      case "LINK":
+        return /* @__PURE__ */ e(p, { section: t });
+      default:
+        return null;
+    }
+  }, r = (l) => {
+    const { separator: a } = t;
+    return a ? a === !0 || a === l || a === "both" : !1;
+  };
+  return /* @__PURE__ */ s("div", { className: "w-full", children: [
+    r("top") && /* @__PURE__ */ e("div", { className: "h-px bg-stroke-hairline my-6" }),
+    n(),
+    r("bottom") && /* @__PURE__ */ e("div", { className: "h-px bg-stroke-hairline my-6" })
+  ] });
+};
+export {
+  m as BadgesSectionRenderer,
+  x as KeyValueSectionRenderer,
+  p as LinkSectionRenderer,
+  N as SectionRenderer,
+  d as TextSectionRenderer
+};

package/dist/components/data/ag-grid-react/headers/context/grid-header-context.d.ts

@@ -0,0 +1,36 @@
+import { AdvancedFilterModel } from '../../ag-grid.types';
+/**
+ * Grid Header Context - Coordinates header state across all columns.
+ *
+ * Instead of each header having its own useState for search state
+ * (50,000 columns = 50,000 state objects), we use ONE context state
+ * at the grid level to track:
+ * - Which column (if any) has active search popover
+ * - Advanced filter model and computed display strings
+ */
+export interface GridHeaderContextValue {
+    /** Open search popover for a specific column */
+    openSearch: (columnId: string) => void;
+    /** Close the search popover */
+    closeSearch: () => void;
+    /** Open the advanced filter dialog, optionally for a specific column */
+    openAdvancedFilter: (columnId?: string) => void;
+    /** Close the advanced filter dialog */
+    closeAdvancedFilter: () => void;
+    /** Apply a new advanced filter model (updates state AND applies to grid) */
+    applyAdvancedFilter: (model: AdvancedFilterModel | null) => void;
+    /** Open column settings menu for a specific column or group */
+    openMenu: (columnId: string, anchor: HTMLElement, variant?: 'column' | 'group') => void;
+    /** Close the column settings menu */
+    closeMenu: () => void;
+    /** ID of the column that currently has the settings menu open */
+    activeMenuColumnId: string | null;
+    /** Variant of the active menu ('column' for regular columns, 'group' for column groups) */
+    activeMenuVariant: 'column' | 'group' | null;
+}
+export declare const GridHeaderContext: import('react').Context<GridHeaderContextValue | null>;
+/**
+ * Hook to access grid header context from within header components.
+ * Returns null if used outside of GridHeaderContext.Provider.
+ */
+export declare const useGridHeader: () => GridHeaderContextValue | null;

package/dist/components/data/ag-grid-react/headers/custom-header.d.ts

@@ -0,0 +1,3 @@
+import { CustomHeaderProps } from 'ag-grid-react';
+import { ExtendedHeaderComponentParams } from '../ag-grid.types';
+export declare const CustomHeader: (props: CustomHeaderProps & ExtendedHeaderComponentParams) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/ag-grid-react/headers/custom-header.js

@@ -0,0 +1,257 @@
+import { jsx as e, jsxs as d, Fragment as q } from "react/jsx-runtime";
+import { useRef as J } from "react";
+import { cn as f } from "../../../../lib/utils.js";
+import { useGridHeader as Q } from "./context/grid-header-context.js";
+import { HeaderInfo as U } from "./components/header-info.js";
+import { Checkbox as W } from "../../../forms/checkbox/checkbox.js";
+import { useImpactNovaI18n as I } from "../../../../i18n/use-impact-nova-i18n.js";
+import { useAgGridTruncationTooltip as X } from "../use-ag-grid-truncation-tooltip.js";
+import { useIsHeaderSearchActive as Y } from "./header-search-active-state.js";
+import { HeaderSearchInput as ee } from "./header-search-input.js";
+const te = () => /* @__PURE__ */ d(q, { children: [
+  /* @__PURE__ */ e("span", { className: "sort-asc-icon inline-flex transition-colors text-content-tertiary hover:text-brand-variant-hover", children: /* @__PURE__ */ d(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 23 22",
+      fill: "none",
+      className: "transition-colors",
+      children: [
+        /* @__PURE__ */ e("g", { clipPath: "url(#clip0_19148_10732)", children: /* @__PURE__ */ e("path", { d: "M10.375 7.256V19H12.625V7.256H16L11.5 3L7 7.256H10.375Z", fill: "currentColor" }) }),
+        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_19148_1032", children: /* @__PURE__ */ e("rect", { width: "22", height: "22", fill: "white", transform: "translate(0.444458)" }) }) })
+      ]
+    }
+  ) }),
+  /* @__PURE__ */ e("span", { className: "sort-desc-icon inline-flex transition-colors text-content-tertiary hover:text-brand-variant-hover", children: /* @__PURE__ */ d(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 23 22",
+      fill: "none",
+      className: "transition-colors",
+      children: [
+        /* @__PURE__ */ e("g", { clipPath: "url(#clip0_19148_10731)", children: /* @__PURE__ */ e("path", { d: "M10.375 13.744V2H12.625V13.744H16L11.5 18L7 13.744H10.375Z", fill: "currentColor" }) }),
+        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_19148_1031", children: /* @__PURE__ */ e("rect", { width: "22", height: "22", fill: "white", transform: "translate(0.444458)" }) }) })
+      ]
+    }
+  ) }),
+  /* @__PURE__ */ e("span", { className: "sort-none-icon inline-flex transition-colors text-content-tertiary hover:text-brand-variant-hover", children: /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 10 14",
+      fill: "none",
+      className: "transition-colors",
+      children: /* @__PURE__ */ e("path", { d: "M7.85714 10.8967V5.44444H6.42857V10.8967H4.28571L7.14286 14L10 10.8967H7.85714ZM2.85714 0L0 3.10333H2.14286V8.55556H3.57143V3.10333H5.71429L2.85714 0ZM7.85714 10.8967V5.44444H6.42857V10.8967H4.28571L7.14286 14L10 10.8967H7.85714ZM2.85714 0L0 3.10333H2.14286V8.55556H3.57143V3.10333H5.71429L2.85714 0Z", fill: "currentColor" })
+    }
+  ) })
+] });
+function re(o) {
+  if (o.getGridOption("rowModelType") === "serverSide") {
+    const m = o.getServerSideSelectionState?.();
+    if (!m || !("selectAll" in m))
+      return { isChecked: !1, isIndeterminate: !1 };
+    const { selectAll: c, toggledNodes: a } = m, s = !!(a && a.length > 0);
+    return c && !s ? { isChecked: !0, isIndeterminate: !1 } : c && s ? { isChecked: !1, isIndeterminate: !0 } : !c && s ? { isChecked: !1, isIndeterminate: !0 } : { isChecked: !1, isIndeterminate: !1 };
+  }
+  const u = o.getSelectedRows().length, l = o.getDisplayedRowCount();
+  return u === 0 ? { isChecked: !1, isIndeterminate: !1 } : u === l && l > 0 ? { isChecked: !0, isIndeterminate: !1 } : { isChecked: !1, isIndeterminate: !0 };
+}
+const ne = ({ api: o }) => {
+  const { t } = I(), { isChecked: u, isIndeterminate: l } = re(o);
+  return /* @__PURE__ */ e(
+    W,
+    {
+      checked: l ? "indeterminate" : u,
+      onCheckedChange: (c) => {
+        if (c === !0) {
+          o.selectAll();
+          return;
+        }
+        o.deselectAll();
+      },
+      "aria-label": t("aria.toggleSelection"),
+      className: "m-0"
+    }
+  );
+}, pe = (o) => {
+  const {
+    displayName: t,
+    setTooltip: u,
+    enableSorting: l,
+    enableMenu: m,
+    progressSort: c,
+    column: a,
+    api: s,
+    handleInlineSearch: N,
+    handleClearSearchInline: x,
+    onColumnSearchClick: w,
+    onAdvanceSearchClick: y,
+    toggleAdvanceSearch: M,
+    isSearchable: A = !1,
+    advanceSearchEnabled: T = !1,
+    // Select params
+    selectOptions: F,
+    isMultiSelect: L,
+    onSelectScrollToBottom: V,
+    onSelectSearchChange: P,
+    onSelectOpen: B,
+    isLoadingSelect: D,
+    // Pattern parsing options
+    enableSpaceSplitting: _,
+    enableBooleanParsing: Z,
+    enableDateParsing: R
+  } = o, S = J(null);
+  X(u, t ?? "", S, "line-clamp");
+  const i = Q(), { t: C } = I(), n = a.getColDef(), h = a.getColId(), p = a.isFilterActive(), j = a.getSort(), v = a.getSortIndex(), z = !!j && v != null && v > 0, g = (n?.filter || "agTextColumnFilter") === "agNumberColumnFilter" || (Array.isArray(n?.type) ? n.type.some((r) => r === "number" || r === "numericColumn") : n?.type === "number" || n?.type === "numericColumn"), b = Y(h), E = i?.activeMenuColumnId === h, k = ![
+    "agTextColumnFilter",
+    "agNumberColumnFilter",
+    "agDateColumnFilter",
+    "agSetColumnFilter",
+    "agMultiColumnFilter",
+    !0,
+    // Defaults to text/set
+    void 0
+    // Defaults to text
+  ].includes(n?.filter), H = (r) => {
+    r.stopPropagation(), l && c && c(r.shiftKey);
+  }, G = (r) => {
+    if (r.stopPropagation(), w && w(o), k) {
+      s.showColumnFilter ? s.showColumnFilter(h) : s.showColumnMenu(h);
+      return;
+    }
+    i && (b ? i.closeSearch() : i.openSearch(h));
+  }, O = (r) => {
+    r.preventDefault(), r.stopPropagation(), i && i.openMenu(h, r.currentTarget, "column");
+  }, $ = (r) => /* @__PURE__ */ e("span", { onClick: (K) => K.stopPropagation(), children: /* @__PURE__ */ e(
+    U,
+    {
+      ...o,
+      className: r
+    }
+  ) });
+  return b && i && !k ? /* @__PURE__ */ e(
+    ee,
+    {
+      column: a,
+      api: s,
+      onClose: () => {
+        i.closeSearch();
+      },
+      handleInlineSearch: N,
+      handleClearSearchInline: x ? () => x(o) : void 0,
+      onAdvanceSearchClick: y,
+      toggleAdvanceSearch: M,
+      advanceSearchEnabled: T,
+      selectOptions: F,
+      isMultiSelect: L,
+      onSelectScrollToBottom: V,
+      onSelectSearchChange: P,
+      onSelectOpen: B,
+      isLoadingSelect: D,
+      enableSpaceSplitting: _,
+      enableBooleanParsing: Z,
+      enableDateParsing: R
+    }
+  ) : /* @__PURE__ */ d(
+    "div",
+    {
+      className: f(
+        "ag-header-cell-label flex items-center w-full group min-w-0 h-full",
+        g ? "flex-row-reverse" : "flex-row",
+        // Center the content area if it's a selection column
+        n?.headerCheckboxSelection && (!t || t.trim() === "") ? "justify-center" : ""
+      ),
+      "data-selection-column": n?.headerCheckboxSelection && (!t || t.trim() === "") ? "true" : void 0,
+      onContextMenu: O,
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: f(
+              "ag-header-cell-text relative group flex min-w-0",
+              // Use items-start for non-numeric to allow 2-line text expansion
+              g ? "items-center" : "items-start",
+              // Remove flex-1 if we are centering via parent's justify-center
+              !(n?.headerCheckboxSelection && (!t || t.trim() === "")) && "flex-1",
+              g ? "flex-row-reverse" : "flex-row",
+              l ? "sortable cursor-pointer" : ""
+            ),
+            onClick: l ? H : void 0,
+            children: /* @__PURE__ */ d("div", { className: f(
+              "flex min-w-0",
+              g ? "flex-row-reverse items-center" : "flex-row items-start",
+              n?.headerCheckboxSelection && (!t || t.trim() === "") ? "justify-center items-center" : "flex-1"
+            ), children: [
+              n?.headerCheckboxSelection && /* @__PURE__ */ e(ne, { api: s }),
+              t && t.trim() !== "" && t !== C("gridHeader.selection") && /* @__PURE__ */ e("span", { ref: S, className: "line-clamp-2 break-words", children: t })
+            ] })
+          }
+        ),
+        !(n?.headerCheckboxSelection && (!t || t.trim() === "")) && /* @__PURE__ */ d(
+          "div",
+          {
+            className: f(
+              "flex items-center shrink-0 group gap-1",
+              g ? "flex-row-reverse" : "flex-row"
+            ),
+            children: [
+              t && t.trim() !== "" && $(
+                "text-content-tertiary hover:text-brand-variant-hover transition-colors"
+              ),
+              l && /* @__PURE__ */ d(
+                "div",
+                {
+                  className: "ag-sort-indicator-container cursor-pointer flex items-center",
+                  onClick: H,
+                  children: [
+                    z && /* @__PURE__ */ e("span", { className: "ag-sort-order text-[10px] font-bold text-content-tertiary mr-0.5", children: v + 1 }),
+                    /* @__PURE__ */ e("span", { className: "ag-sort-indicator-icon", children: /* @__PURE__ */ e(te, {}) })
+                  ]
+                }
+              ),
+              A && /* @__PURE__ */ d(
+                "span",
+                {
+                  className: f(
+                    "relative cursor-pointer flex items-center shrink-0 duration-200 text-content-tertiary hover:text-brand-variant-hover transition-colors",
+                    p ? "opacity-100 w-auto" : "opacity-0 w-0 overflow-hidden group-hover:opacity-100 group-hover:w-auto"
+                  ),
+                  onClick: G,
+                  title: C(p ? "gridHeader.activeFilter" : "gridHeader.search"),
+                  children: [
+                    /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z", fill: "currentColor" }) }),
+                    p && /* @__PURE__ */ e("span", { className: "absolute -top-0.5 -right-0.5 w-2.5 h-2.5 rounded-full border-2 bg-brand z-10" })
+                  ]
+                }
+              ),
+              m && !("suppressHeaderMenuButton" in (n ?? {}) && n.suppressHeaderMenuButton) && /* @__PURE__ */ e("div", { className: "custom-ag-header-icons relative", children: /* @__PURE__ */ e(
+                "button",
+                {
+                  className: f(
+                    "custom-ag-menu-icon-button cursor-pointer flex items-center shrink-0 overflow-hidden transition-colors duration-200 outline-none focus:outline-none focus:ring-0 text-content-tertiary hover:text-brand-variant-hover",
+                    E ? "opacity-100 w-auto" : "w-0 opacity-0 group-hover:w-auto group-hover:opacity-100"
+                  ),
+                  "aria-label": `${t} ${C("gridHeader.columnSettings")}`,
+                  onClick: (r) => {
+                    r.stopPropagation(), i && i.openMenu(h, r.currentTarget);
+                  },
+                  children: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e("path", { d: "M14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18ZM14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12ZM14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6Z", fill: "currentColor" }) })
+                }
+              ) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  pe as CustomHeader
+};

package/dist/components/data/ag-grid-react/headers/custom-inner-header-group.d.ts

@@ -0,0 +1,12 @@
+import { IHeaderGroupParams } from 'ag-grid-community';
+import { ExtendedHeaderComponentParams } from '../ag-grid.types';
+/**
+ * CustomInnerHeaderGroup — label-only customisation for column group headers.
+ *
+ * Uses AG Grid's `innerHeaderGroupComponent` so the grid keeps native sticky-label
+ * positioning (inline `left` on `.ag-header-group-cell-label`), expand/collapse,
+ * resize, and keyboard navigation on the outer header group shell.
+ */
+export declare function CustomInnerHeaderGroup(props: IHeaderGroupParams & ExtendedHeaderComponentParams): import("react/jsx-runtime").JSX.Element | null;
+/** @deprecated Use CustomInnerHeaderGroup via defaultColGroupDef.innerHeaderGroupComponent */
+export { CustomInnerHeaderGroup as CustomHeaderGroup };

package/dist/components/data/ag-grid-react/headers/custom-inner-header-group.js

@@ -0,0 +1,31 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { useRef as d } from "react";
+import { HeaderInfo as p } from "./components/header-info.js";
+import { useGridHeader as x } from "./context/grid-header-context.js";
+import { useAgGridTruncationTooltip as g } from "../use-ag-grid-truncation-tooltip.js";
+function N(r) {
+  const { displayName: l, setTooltip: i, showInfoIcon: u = !1, columnGroup: n } = r, t = d(null), e = l || "";
+  g(i, e, t, "ellipsis");
+  const s = x(), m = (o) => {
+    if (o.preventDefault(), o.stopPropagation(), s && n) {
+      const f = n.getGroupId() || "group";
+      s.openMenu(f, o.currentTarget, "group");
+    }
+  };
+  return !e && u === !1 ? null : /* @__PURE__ */ c("div", { className: "flex w-full min-w-0 items-center overflow-hidden", children: [
+    /* @__PURE__ */ a(
+      "span",
+      {
+        ref: t,
+        className: "block min-w-0 flex-1 truncate font-bold text-content",
+        onContextMenu: m,
+        children: e
+      }
+    ),
+    /* @__PURE__ */ a(p, { ...r, className: "ml-1 shrink-0" })
+  ] });
+}
+export {
+  N as CustomHeaderGroup,
+  N as CustomInnerHeaderGroup
+};

package/dist/components/data/ag-grid-react/headers/derive-header-search-state.d.ts

@@ -0,0 +1,24 @@
+import { ColDef, GridApi } from 'ag-grid-community';
+import { MonthSelection, WeekSelection } from '../../../data-display/calendar';
+import { GridFilterModel } from './utils/filter-utils';
+export interface HeaderSearchCommittedState {
+    searchText: string;
+    dateDisplayString: string;
+    selectedDate: Date | null;
+    selectedMonth: MonthSelection | null;
+    selectedWeek: WeekSelection | null;
+}
+export declare function getDateFilterDisplayString(colId: string, filterModel: Record<string, GridFilterModel>, colDef: ColDef | undefined, isDateFilter: boolean, datePickerVariant?: 'date' | 'month' | 'week', dateFormat?: string): string;
+interface DeriveHeaderSearchStateOptions {
+    api: GridApi;
+    colId: string;
+    colDef: ColDef | undefined;
+    isDateFilter: boolean;
+    isMonthVariant: boolean;
+    isWeekVariant: boolean;
+    datePickerVariant: 'date' | 'month' | 'week';
+    dateDisplayFormat?: string;
+}
+/** Read header search UI state from the grid filter model (source of truth). */
+export declare function deriveHeaderSearchCommittedState(options: DeriveHeaderSearchStateOptions): HeaderSearchCommittedState;
+export {};

package/dist/components/data/ag-grid-react/headers/header-search-active-state.d.ts

@@ -0,0 +1,10 @@
+type HeaderSearchActiveListener = () => void;
+export declare function getActiveSearchColumnId(): string | null;
+export declare function setActiveSearchColumnId(columnId: string | null): void;
+export declare function subscribeHeaderSearchActiveForColumn(columnId: string, listener: HeaderSearchActiveListener): () => void;
+/** Column-scoped subscription — only the opening/closing column header re-renders. */
+export declare function useIsHeaderSearchActive(columnId: string): boolean;
+export declare function clearHeaderSearchActiveState(): void;
+/** Test-only reset — keeps unit tests isolated. */
+export declare function resetHeaderSearchActiveStateForTests(): void;
+export {};

package/dist/components/data/ag-grid-react/headers/header-search-active-state.js

@@ -0,0 +1,38 @@
+import { useSyncExternalStore as a } from "react";
+let n = null;
+const r = /* @__PURE__ */ new Map();
+function c(e) {
+  e && r.get(e)?.forEach((t) => {
+    t();
+  });
+}
+function f(e) {
+  const t = n;
+  t !== e && (n = e, c(t), c(e));
+}
+function s(e, t) {
+  const i = r.get(e) ?? /* @__PURE__ */ new Set();
+  return i.add(t), r.set(e, i), () => {
+    i.delete(t), i.size === 0 && r.delete(e);
+  };
+}
+function o(e) {
+  return n === e;
+}
+function S(e) {
+  return a(
+    (t) => s(e, t),
+    () => o(e),
+    () => o(e)
+  );
+}
+function l() {
+  const e = n;
+  n = null, c(e), r.clear();
+}
+export {
+  l as clearHeaderSearchActiveState,
+  f as setActiveSearchColumnId,
+  s as subscribeHeaderSearchActiveForColumn,
+  S as useIsHeaderSearchActive
+};

package/dist/components/data/ag-grid-react/headers/header-search-input.d.ts

@@ -0,0 +1,32 @@
+import { Column, GridApi } from 'ag-grid-community';
+export interface HeaderSearchInputProps {
+    column: Column;
+    api: GridApi;
+    onClose: () => void;
+    handleInlineSearch?: (value: string | number | Date | null) => void;
+    handleClearSearchInline?: () => void;
+    onAdvanceSearchClick?: (column: Column) => void;
+    toggleAdvanceSearch?: (colId: string) => void;
+    advanceSearchEnabled?: boolean;
+    selectOptions?: Array<{
+        label: string | React.ReactNode;
+        value: string;
+        [key: string]: unknown;
+    }>;
+    isMultiSelect?: boolean;
+    onSelectScrollToBottom?: () => void;
+    onSelectSearchChange?: (value: string) => void;
+    onSelectOpen?: () => void;
+    isLoadingSelect?: boolean;
+    enableSpaceSplitting?: boolean;
+    enableBooleanParsing?: boolean;
+    enableDateParsing?: boolean;
+}
+/**
+ * HeaderSearchInput - A single instance input for column filtering.
+ *
+ * Grid filter model is the source of truth. While an input is focused, a local
+ * draft overlays committed values so typing is not interrupted. Committed values
+ * stay in sync via a local filterChanged subscription while inline search is open.
+ */
+export declare const HeaderSearchInput: ({ column, api, onClose, handleInlineSearch, handleClearSearchInline, onAdvanceSearchClick, toggleAdvanceSearch, advanceSearchEnabled, selectOptions, isMultiSelect, onSelectScrollToBottom, onSelectSearchChange, onSelectOpen, isLoadingSelect, enableSpaceSplitting, enableBooleanParsing, enableDateParsing, }: HeaderSearchInputProps) => import("react/jsx-runtime").JSX.Element;