impact-nova 2.5.16 → 2.6.0-alpha.0

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

@@ -0,0 +1,25 @@
+import { ColDef } from 'ag-grid-community';
+export interface CellRenderersShowcaseRow {
+    id: string;
+    name: string;
+    email: string;
+    price: number;
+    itemCountPercent: number;
+    quantity: number;
+    status: string;
+    statusColor: string;
+    category: string;
+    available: boolean;
+    featured: boolean;
+    description: string;
+    startDate: string;
+    country: string;
+    priority: string;
+    tagLabel: string;
+    tagColor: string;
+    tagVariant: string;
+    discount: number;
+    [key: string]: unknown;
+}
+export declare function generateCellRendererShowcaseRows(count: number): CellRenderersShowcaseRow[];
+export declare function createCellRendererShowcaseColumnDefs(): ColDef<CellRenderersShowcaseRow>[];

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

@@ -0,0 +1,37 @@
+import { ColDef } from 'ag-grid-community';
+import { CellAddress, CellCommentThread } from './comments';
+export type PlanRow = {
+    id: string;
+    sku: string;
+    product: string;
+    category: string;
+    region: string;
+    location: string;
+    inventory: number;
+    forecast: number;
+    demand: number;
+    plannedQuantity: number;
+    variance: number;
+    status: "On track" | "At risk" | "Shortage";
+    owner: string;
+    updatedAt: string;
+};
+export declare const PLAN_PAGE_SIZE = 12;
+export declare const PLAN_LOCATE_MS = 400;
+export declare const PLAN_ROWS: PlanRow[];
+export declare const PLAN_COLUMNS: ColDef<PlanRow>[];
+export declare function threadKey(address: CellAddress): string;
+export declare function seedThread(input: {
+    rowId: string;
+    colId: string;
+    resolved?: boolean;
+    messages: Array<{
+        id: string;
+        text: string;
+        author: string;
+        createdAt?: string;
+    }>;
+}): CellCommentThread;
+export declare function seedReplyThread(rowId: string, colId: string, replyCount: number): CellCommentThread;
+/** Seed used by Quick Start, panel, and pagination stories — threads live outside rowData. */
+export declare const QUICK_START_SEED: CellCommentThread[];

package/dist/components/data/ag-grid-react/comments.story-sources.d.ts

@@ -0,0 +1,11 @@
+/** Copy-paste blocks for Data Display / DataTable / Comments Docs tab. Consumer imports only. */
+export declare const COMMENTS_QUICK_START_SOURCE = "import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { DataTable, DataTableContent, DataTableToolbar } from \"impact-nova/data-table\";\nimport {\n  CommentModeToggle,\n  defaultGetThreadId,\n  type CellAddress,\n  type CellCommentThread,\n  type CommentsPersistEvent,\n  type DataTableCommentsConfig,\n} from \"impact-nova/ag-grid-react/comments\";\n\n// Required: stable row identity. Comments attach to { rowId, colId }, not DOM or rowIndex.\n<DataTable className=\"h-[640px]\">\n  <DataTableToolbar>\n    <CommentModeToggle pressed={commentMode} onPressedChange={setCommentMode} />\n  </DataTableToolbar>\n  <DataTableContent\n    getRowId={(params) => params.data.id}\n    columnDefs={columnDefs}\n    rowData={rowData}\n    comments={comments}\n  />\n</DataTable>\n\n// Required comments config \u2014 threads live in YOUR store, never in rowData.\nconst comments: DataTableCommentsConfig = {\n  hasIndicator: (address) => unresolvedKeys.has(threadId(address)), // O(1)\n  loadThread: async (threadId, address) => store.get(threadId) ?? store.get(threadIdOf(address)),\n  persist: async (event) => { /* write event to your backend */ },\n  getAuthor: () => currentUserName,\n  // Optional: comments list in DataTableSheet\n  getSummaries: async ({ cursor, limit, query }) => fetchSummaryPage({ cursor, limit, query }),\n};\n\nfunction threadId(address: CellAddress) {\n  return defaultGetThreadId(address); // rowId + \"\\0\" + colId\n}\n";
+export declare const COMMENTS_DISABLED_SOURCE = "import { DataTable, DataTableContent } from \"impact-nova/data-table\";\n\n// Omit comments \u2014 no host, overlay, panel, or presence adapter.\n<DataTable className=\"h-[640px]\">\n  <DataTableContent\n    getRowId={(params) => params.data.id}\n    columnDefs={columnDefs}\n    rowData={rowData}\n  />\n</DataTable>\n";
+export declare const COMMENTS_ADD_SOURCE = "import { DataTable, DataTableContent } from \"impact-nova/data-table\";\nimport type { DataTableCommentsConfig } from \"impact-nova/ag-grid-react/comments\";\n\nconst comments: DataTableCommentsConfig = {\n  hasIndicator,\n  loadThread,\n  persist, // receives { type: \"add-message\", threadId, address, message }\n  getAuthor: () => currentUserName,\n};\n\n<DataTableContent getRowId={(p) => p.data.id} comments={comments} columnDefs={columnDefs} rowData={rowData} />\n\n// Right-click a cell \u2192 Add comment. Comment mode is not required for the context menu.\n";
+export declare const COMMENTS_CLIENT_PAGE_SOURCE = "import { DataTable, DataTableContent } from \"impact-nova/data-table\";\n\n// Client-side row model: all rows are in memory. AG Grid pagination only changes what is painted.\n// Comment identity is still { rowId, colId }. Do not persist page numbers on the thread.\n<DataTableContent\n  getRowId={(params) => params.data.id}\n  rowData={allRows}\n  columnDefs={columnDefs}\n  pagination\n  paginationPageSize={12}\n  comments={comments}\n/>\n\n// Panel click: Nova reads live rowIndex from getRowNode(rowId), then paginationGoToPage + ensureIndexVisible.\n// locateRow is not required when every commented row is already in rowData.\n";
+export declare const COMMENTS_SERVER_PAGE_SOURCE = "import { flushSync } from \"react-dom\";\nimport { DataTable, DataTableContent } from \"impact-nova/data-table\";\nimport type { DataTableCommentsConfig } from \"impact-nova/ag-grid-react/comments\";\n\n// Server / app-paged grid: only the current page is in rowData.\n// Comments still live in a separate store keyed by { rowId, colId }.\n\nconst comments: DataTableCommentsConfig = {\n  hasIndicator,\n  loadThread,\n  persist,\n  getAuthor,\n  getSummaries,\n  locateRow: async (address) => {\n    const located = await fetchRowPageForRowId(address.rowId); // your API\n    if (!located) return { status: \"missing\" };\n    flushSync(() => setRowData(located.pageRows)); // put the page in the grid before reveal\n    return { status: \"ready\", rowIndex: located.rowIndex }; // optional live index for SSRM\n  },\n};\n\n<DataTableContent\n  getRowId={(params) => params.data.id}\n  rowData={currentPageRows}\n  columnDefs={columnDefs}\n  comments={comments}\n/>\n";
+export declare const COMMENTS_CUSTOM_APPEARANCE_SOURCE = "import { DataTable, DataTableContent } from \"impact-nova/data-table\";\n\n// Level 1: comments={config} is enough. No slots, renderers, or providers.\n// Level 2: optional CSS variables on a wrapper. They inherit into the grid.\n<div\n  className=\"h-[640px]\"\n  style={{\n    [\"--iv-comment-indicator-color\"]: \"var(--color-success)\",\n    [\"--iv-comment-indicator-size\"]: \"12px\",\n  }}\n>\n  <DataTable className=\"h-full\">\n    <DataTableContent getRowId={(p) => p.data.id} comments={comments} columnDefs={columnDefs} rowData={rowData} />\n  </DataTable>\n</div>\n\n// Overlay chrome (portaled): [data-slot=\"comments-popover\"]\n// Message row: [data-slot=\"comments-message\"]\n";
+export declare const COMMENTS_EXTRA_MENU_ACTION_SOURCE = "import { DataTable, DataTableContent } from \"impact-nova/data-table\";\nimport type { DataTableCommentsConfig } from \"impact-nova/ag-grid-react/comments\";\n\nconst comments: DataTableCommentsConfig = {\n  hasIndicator,\n  loadThread,\n  persist,\n  getAuthor,\n  messageActions: [\n    {\n      id: \"open\",\n      label: \"Open\",\n      onSelect: ({ address, message }) => {\n        openRecord({ rowId: address.rowId, colId: address.colId, messageId: message.id });\n      },\n    },\n  ],\n};\n\n<DataTableContent getRowId={(p) => p.data.id} comments={comments} columnDefs={columnDefs} rowData={rowData} />\n";
+export declare const COMMENTS_CUSTOM_AVATAR_SOURCE = "import { DataTable, DataTableContent } from \"impact-nova/data-table\";\nimport type { DataTableCommentsConfig } from \"impact-nova/ag-grid-react/comments\";\n\nconst comments: DataTableCommentsConfig = {\n  hasIndicator,\n  loadThread,\n  persist,\n  getAuthor,\n  renderAvatar: ({ author }) => <YourAvatar name={author} />,\n};\n\n<DataTableContent getRowId={(p) => p.data.id} comments={comments} columnDefs={columnDefs} rowData={rowData} />\n";
+export declare const COMMENTS_CUSTOM_PRESENTATION_SOURCE = "import { DataTable, DataTableContent } from \"impact-nova/data-table\";\nimport type { DataTableCommentsConfig } from \"impact-nova/ag-grid-react/comments\";\n\nconst comments: DataTableCommentsConfig = {\n  hasIndicator,\n  loadThread,\n  persist,\n  getAuthor,\n  messageActions: [{ id: \"open\", label: \"Open\", onSelect: ({ message }) => openRecord(message.id) }],\n  renderAvatar: ({ author }) => <YourAvatar name={author} />,\n  renderMessageBody: ({ message }) => <YourMarkdown text={message.text} />,\n  renderComposer: ({ value, onChange, onSave, saving, author }) => (\n    <YourComposer value={value} onChange={onChange} onSave={onSave} saving={saving} author={author} />\n  ),\n  renderMessageActions: ({ items }) => (\n    <YourMenu items={items} />\n  ),\n};\n\n<DataTableContent getRowId={(p) => p.data.id} comments={comments} columnDefs={columnDefs} rowData={rowData} />\n";
+export declare const COMMENTS_PANEL_SOURCE = "import { DataTable, DataTableContent } from \"impact-nova/data-table\";\n\n// Grid pagination \u2260 comment-thread pagination \u2260 comments-panel pagination.\n<DataTableContent\n  getRowId={(p) => p.data.id}\n  comments={{\n    hasIndicator,\n    loadThread: (threadId, address, request) =>\n      fetchThread(threadId, address, request), // request.purpose: \"preview\" | \"page\"\n    persist,\n    getAuthor,\n    getSummaries: ({ cursor, limit, query }) => fetchCommentList({ cursor, limit, query }),\n  }}\n/>\n";

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

@@ -0,0 +1,21 @@
+/**
+ * Logical grid cell identity and live-DOM lookup.
+ * Feature-agnostic: `{ rowId, colId }` plus the currently painted `.ag-cell`.
+ */
+export type GridCellAddress = {
+    rowId: string;
+    colId: string;
+};
+export declare function cellAddressFromGridEvent(event: {
+    node?: {
+        id?: string | null;
+    } | null;
+    column?: {
+        getColId?: () => string;
+    } | null;
+}): GridCellAddress | undefined;
+export declare function cellElementFromGridEvent(event: {
+    eventTarget?: EventTarget | null;
+    event?: Event | null;
+}): HTMLElement | null;
+export declare function cellElementFromAddress(container: HTMLElement | null, address: GridCellAddress): HTMLElement | null;

package/dist/components/data/ag-grid-react/grid-cell-address.js

@@ -0,0 +1,21 @@
+function l(e) {
+  const n = e.node?.id, r = e.column?.getColId?.();
+  if (!(!n || !r))
+    return { rowId: n, colId: r };
+}
+function t(e) {
+  return e instanceof HTMLElement ? e : e instanceof Node ? e.parentElement : null;
+}
+function c(e) {
+  return (t(e.eventTarget) ?? t(e.event?.target))?.closest(".ag-cell") ?? null;
+}
+function d(e, n) {
+  if (!e) return null;
+  const r = CSS.escape(n.rowId), o = CSS.escape(n.colId);
+  return e.querySelector(`.ag-row[row-id="${r}"] .ag-cell[col-id="${o}"]`);
+}
+export {
+  l as cellAddressFromGridEvent,
+  d as cellElementFromAddress,
+  c as cellElementFromGridEvent
+};

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

@@ -0,0 +1,34 @@
+export type GridRowLocateResult = {
+    status: "ready";
+    rowIndex?: number;
+} | {
+    status: "missing";
+};
+export type GridRowRevealApi = {
+    isDestroyed: () => boolean;
+    getRowNode: (id: string) => {
+        rowIndex: number | null;
+    } | undefined | null;
+    ensureIndexVisible: (index: number, position?: "top" | "bottom" | "middle" | null) => void;
+    ensureColumnVisible?: (key: string, position?: "auto" | "start" | "middle" | "end") => void;
+    paginationGetPageSize?: () => number;
+    paginationGetCurrentPage?: () => number;
+    paginationGoToPage?: (page: number) => void;
+};
+export type RevealGridRowOptions = {
+    locateRow?: (rowId: string) => Promise<GridRowLocateResult>;
+    pagination?: boolean;
+    colId?: string;
+};
+export type RevealGridRowStatus = "revealed" | "filtered" | "missing" | "unloaded";
+/**
+ * Locate a row by stable `rowId`. Does not invent a second mechanism —
+ * Comments `revealCommentCell` is a cell-shaped wrapper around this.
+ *
+ * - node + live index → scroll
+ * - node + `rowIndex == null` → filtered (never locateRow)
+ * - no node + locateRow ready → scroll
+ * - no node + locateRow missing → missing
+ * - no node + no locateRow → unloaded
+ */
+export declare function revealGridRow(gridApi: GridRowRevealApi | null | undefined, rowId: string, options?: RevealGridRowOptions): Promise<RevealGridRowStatus>;

package/dist/components/data/ag-grid-react/grid-row-reveal.js

@@ -0,0 +1,33 @@
+function c(e, n, o) {
+  const t = e.getRowNode(n);
+  return t ? t.rowIndex : o ?? null;
+}
+function f(e, n, o) {
+  if (!o) return;
+  const t = e.paginationGetPageSize?.() ?? 0;
+  if (t <= 0 || !e.paginationGoToPage) return;
+  const a = Math.floor(n / t);
+  e.paginationGetCurrentPage?.() !== a && e.paginationGoToPage(a);
+}
+function d(e, n, o, t) {
+  f(e, n, o), e.ensureIndexVisible(n, "middle"), t && e.ensureColumnVisible && e.ensureColumnVisible(t, "middle");
+}
+async function w(e, n, o) {
+  if (!e || e.isDestroyed()) return "missing";
+  const t = o?.pagination === !0, a = o?.locateRow, l = e.getRowNode(n);
+  if (l && l.rowIndex == null) return "filtered";
+  let r;
+  if (!l) {
+    if (!a) return "unloaded";
+    const i = await a(n);
+    if (e.isDestroyed() || i.status === "missing") return "missing";
+    r = i.rowIndex;
+    const s = e.getRowNode(n);
+    if (s && s.rowIndex == null) return "filtered";
+  }
+  const u = c(e, n, r);
+  return u == null ? "unloaded" : (d(e, u, t, o?.colId), "revealed");
+}
+export {
+  w as revealGridRow
+};

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

@@ -1,37 +1,37 @@
-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 { jsx as r, jsxs as g, Fragment as I } from "react/jsx-runtime";
+import { useState as k } from "react";
+import { Dialog as ee, DialogContent as te, DialogHeader as le, DialogTitle as oe, DialogClose as ne, DialogBody as re, DialogFooter as ae } from "../../../../feedback/dialog/dialog.js";
 import { Button as y } from "../../../../primitives/button/button.js";
-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";
+import { Tooltip as se, TooltipTrigger as ie, TooltipContent as ce } from "../../../../feedback/tooltip/tooltip.js";
+import { Cross as ue } from "impact-nova-icons";
+import { useImpactNovaI18n as de } from "../../../../../i18n/use-impact-nova-i18n.js";
+import { ColumnFilterSection as H } from "./column-filter-section.js";
 import { generateFilterId as F, createEmptyRule as O } from "../utils/filter-utils.js";
-import { DEFAULT_DATE_DISPLAY_FORMAT as j } from "../utils/date-utils.js";
-const M = (k) => {
+import { resolveDateDisplayFormat as P } from "../utils/date-utils.js";
+const q = (L) => {
   const m = {};
-  return k.forEach((p) => {
+  return L.forEach((p) => {
     p.columnId && (m[p.columnId] || (m[p.columnId] = []), m[p.columnId].push(p));
   }), m;
-}, Fe = ({
-  isOpen: k,
+}, De = ({
+  isOpen: L,
   onClose: m,
   onApply: p,
   columnId: a,
-  columnLabel: G,
+  columnLabel: W,
   columnType: C,
-  selectOptions: P,
-  isMultiSelect: H,
-  initialModel: L,
+  selectOptions: z,
+  isMultiSelect: K,
+  initialModel: T,
   api: u
 }) => {
-  const { t: d } = ue(), q = () => (L?.rules || []).filter((e) => !("logic" in e)), [b, z] = w("column"), [D, A] = w(() => {
-    const e = {}, o = L?.columnLogic, l = q(), c = M(l);
+  const { t: d, dateLocale: S } = de(), A = () => (T?.rules || []).filter((e) => !("logic" in e)), [b, B] = k("column"), [D, j] = k(() => {
+    const e = {}, o = T?.columnLogic, l = A(), c = q(l);
     return Object.keys(c).forEach((n) => {
-      e[n] = o?.[n] || L?.logic || "OR";
+      e[n] = o?.[n] || T?.logic || "OR";
     }), e[a] || (e[a] = o?.[a] || "OR"), e;
-  }), [v, S] = w(() => {
-    const e = q();
+  }), [v, E] = k(() => {
+    const e = A();
     if (u) {
       const l = u.getFilterModel();
       l && Object.keys(l).forEach((n) => {
@@ -39,12 +39,12 @@ const M = (k) => {
           const t = l[n];
           let s = null;
           if (t.filterType === "date") {
-            const i = t, T = u.getColumn(n)?.getColDef()?.headerComponentParams?.datePickerVariant, f = T === "week" || T === "month", X = i.type === "inRange" && f ? "equals" : i.type || "equals";
+            const i = t, w = u.getColumn(n)?.getColDef()?.headerComponentParams?.datePickerVariant, f = w === "week" || w === "month", _ = i.type === "inRange" && f ? "equals" : i.type || "equals";
             s = {
               id: F(),
               columnId: n,
               columnType: "date",
-              operator: X,
+              operator: _,
               value: i.dateFrom || "",
               valueTo: i.dateTo || ""
             };
@@ -92,12 +92,12 @@ const M = (k) => {
       });
     }
     return e.some((l) => l.columnId === a) || e.push(O(a, C)), e;
-  }), [R] = w(() => ({
+  }), [R] = k(() => ({
     allRules: v,
     // Use the computed rules (potentially synced)
     columnLogic: { ...D }
-  })), U = JSON.stringify({ allRules: v, columnLogic: D }) !== JSON.stringify(R), B = (e) => v.filter((o) => o.columnId === e), N = (e, o) => {
-    S((l) => {
+  })), Q = JSON.stringify({ allRules: v, columnLogic: D }) !== JSON.stringify(R), J = (e) => v.filter((o) => o.columnId === e), N = (e, o) => {
+    E((l) => {
       const c = /* @__PURE__ */ new Set(), n = [];
       l.forEach((s) => {
         c.has(s.columnId) || (c.add(s.columnId), n.push(s.columnId));
@@ -107,18 +107,18 @@ const M = (k) => {
         s === e ? t.push(...o) : t.push(...l.filter((i) => i.columnId === s));
       }), t;
     });
-  }, _ = (e) => D[e] || "OR", E = (e, o) => {
-    A((l) => ({ ...l, [e]: o }));
-  }, W = () => {
-    b === "column" ? (N(a, [O(a, C)]), E(a, "OR")) : (S([O(a, C)]), A({ [a]: "OR" }));
+  }, V = (e) => D[e] || "OR", M = (e, o) => {
+    j((l) => ({ ...l, [e]: o }));
+  }, U = () => {
+    b === "column" ? (N(a, [O(a, C)]), M(a, "OR")) : (E([O(a, C)]), j({ [a]: "OR" }));
+  }, X = () => {
+    E(R.allRules.length > 0 ? R.allRules : [O(a, C)]), j(R.columnLogic);
   }, Y = () => {
-    S(R.allRules.length > 0 ? R.allRules : [O(a, C)]), A(R.columnLogic);
-  }, K = () => {
     const e = v.filter((o) => o.operator === "empty" || o.operator === "notEmpty" ? !!o.columnId : o.columnId && o.value !== "" && o.value !== null);
     e.length === 0 ? p(null) : p({ logic: "OR", rules: e, columnLogic: { ...D } }), m();
-  }, Q = M(v), J = Object.keys(Q), x = Object.keys(M(
+  }, Z = q(v), $ = Object.keys(Z), x = Object.keys(q(
     v.filter((e) => e.operator === "empty" || e.operator === "notEmpty" ? !!e.columnId : e.columnId && e.value !== "" && e.value !== null)
-  )).length <= 1, V = (e, o) => {
+  )).length <= 1, G = (e, o) => {
     if (!u) return o;
     const l = u.getColumn(e);
     if (!l) return o;
@@ -131,10 +131,10 @@ const M = (k) => {
     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: [
-      /* @__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 }) }) })
+  return /* @__PURE__ */ r(ee, { open: L, onOpenChange: m, children: /* @__PURE__ */ g(te, { className: "w-[800px] max-w-[95vw] max-h-[90vh] flex flex-col p-0", hideClose: !0, children: [
+    /* @__PURE__ */ g(le, { className: "flex flex-row items-center justify-between px-4 py-3 pe-4", children: [
+      /* @__PURE__ */ r(oe, { children: d("advancedFilter.title") }),
+      /* @__PURE__ */ r(ne, { 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(ue, { size: 14 }) }) })
     ] }),
     /* @__PURE__ */ g("div", { className: "flex items-center justify-between px-4 py-4 pb-2", children: [
       /* @__PURE__ */ g("div", { className: "inline-flex", role: "group", "data-component": "button-group", children: [
@@ -146,12 +146,12 @@ const M = (k) => {
             variant: "ghost",
             "aria-pressed": b === "column",
             className: `!shadow-none relative border transition-colors min-w-14 !rounded-none !rounded-l-md z-[1] ${b === "column" ? "!bg-accent !border-brand !text-brand z-10" : "!bg-canvas-elevated !border-button-primary-disabled !text-content-secondary hover:!bg-canvas-elevated hover:!text-brand"}`,
-            onClick: () => z("column"),
+            onClick: () => B("column"),
             children: d("advancedFilter.currentColumn")
           }
         ),
-        /* @__PURE__ */ g(ae, { children: [
-          /* @__PURE__ */ r(se, { asChild: !0, children: /* @__PURE__ */ r(
+        /* @__PURE__ */ g(se, { children: [
+          /* @__PURE__ */ r(ie, { asChild: !0, children: /* @__PURE__ */ r(
             "span",
             {
               style: {
@@ -168,79 +168,89 @@ const M = (k) => {
                   disabled: x,
                   style: x ? { pointerEvents: "none" } : void 0,
                   className: `!shadow-none relative border transition-colors min-w-14 !rounded-none !rounded-r-md -ml-px ${x ? "!bg-disabled-surface !border-disabled-border !text-disabled-foreground opacity-100" : b === "global" ? "!bg-accent !border-brand !text-brand z-10" : "!bg-canvas-elevated !border-button-primary-disabled !text-content-secondary hover:!bg-canvas-elevated hover:!text-brand z-[1]"}`,
-                  onClick: () => z("global"),
+                  onClick: () => B("global"),
                   children: d("advancedFilter.allFilters")
                 }
               )
             }
           ) }),
-          x && /* @__PURE__ */ r(ie, { variant: "tertiary", children: d("advancedFilter.allFiltersDisabledTooltip") })
+          x && /* @__PURE__ */ r(ce, { variant: "tertiary", children: d("advancedFilter.allFiltersDisabledTooltip") })
         ] })
       ] }),
-      /* @__PURE__ */ r(y, { variant: "ghost", onClick: W, className: "!text-brand", children: d("advancedFilter.clearAll") })
+      /* @__PURE__ */ r(y, { variant: "ghost", onClick: U, className: "!text-brand", children: d("advancedFilter.clearAll") })
     ] }),
-    /* @__PURE__ */ r(ne, { className: "px-0 py-4 flex-1 overflow-y-auto min-h-0", children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-6 w-full px-4", children: b === "column" ? (
+    /* @__PURE__ */ r(re, { className: "px-0 py-4 flex-1 overflow-y-auto min-h-0", children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-6 w-full px-4", children: b === "column" ? (
       // Column Mode: Single column section
       /* @__PURE__ */ r(
-        $,
+        H,
         {
           columnId: a,
-          columnLabel: V(a, G),
+          columnLabel: G(a, W),
           columnType: C,
-          selectOptions: P,
-          isMultiSelect: P ? !!H : !0,
-          rules: B(a),
-          logic: _(a),
-          onLogicChange: (e) => E(a, e),
+          selectOptions: z,
+          isMultiSelect: z ? !!K : !0,
+          rules: J(a),
+          logic: V(a),
+          onLogicChange: (e) => M(a, e),
           onRulesChange: (e) => N(a, e),
-          dateDisplayFormat: u ? u.getColumn(a)?.getColDef()?.headerComponentParams?.dateDisplayFormat || j : j
+          dateDisplayFormat: (() => {
+            if (!u) return P(void 0, S);
+            const e = u.getColumn(a);
+            return P(
+              e?.getColDef()?.headerComponentParams?.dateDisplayFormat,
+              S
+            );
+          })()
         }
       )
     ) : (
       // Global Mode: All columns with filters
-      /* @__PURE__ */ r(Z, { children: J.length === 0 ? /* @__PURE__ */ r("div", { className: "text-center py-8 text-content-placeholder", children: d("advancedFilter.noFiltersApplied") }) : J.map((e, o) => {
+      /* @__PURE__ */ r(I, { children: $.length === 0 ? /* @__PURE__ */ r("div", { className: "text-center py-8 text-content-placeholder", children: d("advancedFilter.noFiltersApplied") }) : $.map((e, o) => {
         let l = null;
         if (u) {
           const f = u.getColumn(e);
           f && (l = f.getColDef());
         }
-        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;
+        const c = l?.headerComponentParams, n = l?.headerName || e, t = G(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, w = P(
+          c?.dateDisplayFormat,
+          S
+        );
         return /* @__PURE__ */ g("div", { children: [
           o > 0 && /* @__PURE__ */ r("hr", { className: "border-stroke-hairline mb-6" }),
           /* @__PURE__ */ r(
-            $,
+            H,
             {
               columnId: e,
               columnLabel: t,
               columnType: s,
               selectOptions: i,
               isMultiSelect: h,
-              rules: B(e),
-              logic: _(e),
-              onLogicChange: (f) => E(e, f),
+              rules: J(e),
+              logic: V(e),
+              onLogicChange: (f) => M(e, f),
               onRulesChange: (f) => N(e, f),
               canDeleteLastRule: !0,
               onDeleteColumnFilter: () => N(e, []),
-              dateDisplayFormat: T
+              dateDisplayFormat: w
             }
           )
         ] }, e);
       }) })
     ) }) }),
-    /* @__PURE__ */ r(re, { className: "flex justify-end border-t border-stroke-subtle", children: /* @__PURE__ */ g("div", { className: "flex gap-3", children: [
+    /* @__PURE__ */ r(ae, { className: "flex justify-end border-t border-stroke-subtle", children: /* @__PURE__ */ g("div", { className: "flex gap-3", children: [
       /* @__PURE__ */ r(
         y,
         {
-          onClick: Y,
+          onClick: X,
           variant: "secondary",
-          disabled: !U,
+          disabled: !Q,
           children: d("advancedFilter.discard")
         }
       ),
-      /* @__PURE__ */ r(y, { onClick: K, variant: "default", children: d("advancedFilter.apply") })
+      /* @__PURE__ */ r(y, { onClick: Y, variant: "default", children: d("advancedFilter.apply") })
     ] }) })
   ] }) });
 };
 export {
-  Fe as AdvancedFilterDialog
+  De as AdvancedFilterDialog
 };

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

@@ -15,7 +15,7 @@ export interface ColumnFilterSectionProps {
     onRulesChange: (rules: AdvancedFilterRule[]) => void;
     canDeleteLastRule?: boolean;
     onDeleteColumnFilter?: () => void;
-    /** Display format for dates in this column (date-fns token string). Default: "MM/dd/yyyy" */
+    /** Display format for dates in this column (date-fns token string). Omitted → locale-derived pattern. */
     dateDisplayFormat?: string;
 }
 /**