impact-nova 2.6.0-alpha.0 → 2.6.0

package/README.md

@@ -221,54 +221,52 @@ export const CustomAction = ({ analyticsId, ...props }: CustomActionProps) => {
 
 ### Internationalization (i18n)
 
-Formatting locales are BCP 47 tags, not a closed enum. UI copy is a separate opt-in pack. Wrap the app with `ImpactNovaProviders` from `impact-nova/form` (or `ImpactNovaI18nProvider` from `impact-nova/i18n`).
+Impact Nova supports multiple languages via a provider and message overrides. Wrap your app (or subtree) with `ImpactNovaI18nProvider` and set `locale` and optionally `messages`.
 
-```tsx
-import { ImpactNovaProviders } from "impact-nova/form";
-import { de } from "impact-nova/locale/de";
-import { formatDate, formatNumber, formatCurrency } from "impact-nova/i18n";
-
-<ImpactNovaProviders locale="de-DE" messages={de}>
-  <MyApp />
-</ImpactNovaProviders>
-```
-
-Independent date and number locales:
+**Locale packs** (German, Spanish, Hindi, Kannada) are exported so you can use them as-is or override only the strings you need:
 
 ```tsx
-<ImpactNovaProviders
-  locale="de-DE"
-  dateLocale="en-GB"
-  numberLocale="en-US"
-  messages={de}
->
+import { ImpactNovaI18nProvider, de, defaultMessages } from "impact-nova";
+
+// Use a full locale pack as-is
+function App() {
+  return (
+    <ImpactNovaI18nProvider locale="de" messages={de}>
+      <MyApp />
+    </ImpactNovaI18nProvider>
+  );
+}
 ```
 
-**Override only a few keys** by spreading a locale pack:
+**Override only a few keys** by spreading a locale pack and then overriding specific sections or keys. The provider merges your `messages` over the built-in English defaults (or over the pack you pass), so you only need to provide the keys you want to change:
 
 ```tsx
-import { de } from "impact-nova/locale/de";
+import { ImpactNovaI18nProvider, de } from "impact-nova";
 
+// German with custom labels for calendar only
 const messages = {
   ...de,
   calendar: { ...de.calendar, apply: "Übernehmen", cancel: "Schließen" },
 };
+
+<ImpactNovaI18nProvider locale="de" messages={messages}>
+  <MyApp />
+</ImpactNovaI18nProvider>;
 ```
 
-**Tree-shakeable locale packs:**
+**Tree-shakeable locale imports** (if you only need one language and want to avoid pulling others into your bundle):
 
 ```tsx
 import { de } from "impact-nova/locale/de";
+// or
 import { de, es, hi, kn } from "impact-nova/locale";
 ```
 
-- **`locale`**: BCP 47 language locale and default for formatting (e.g. `'de-DE'`). Default `'en'`.
-- **`dateLocale` / `numberLocale`**: optional overrides; each falls back to `locale`. `en-GB` is not rewritten to `en-US`.
-- **`messages`**: optional pack. `locale="de-DE"` does not auto-load German copy.
-- Format with `formatDate` / `formatNumber` / `formatCurrency` from `impact-nova/i18n`. Currency is always an explicit ISO code.
-- Explicit `format`, `weekStartsOn`, and `colDef.locale` still win.
+- **`locale`**: BCP 47 code (e.g. `'en'`, `'de'`) used for date/number formatting. Supported: `en`, `en-US`, `en-GB`, `de`, `es`, `hi`, `kn`.
+- **`messages`**: Optional `Partial<ImpactNovaMessages>`. Merged over the built-in English defaults; only provided keys are overridden. Use a locale pack (`de`, `es`, `hi`, `kn`) or spread one and override specific keys.
+- **Per-component overrides**: Components that accept props like `placeholder`, `submitButtonLabel`, or `cancelLabel` use those when provided; otherwise they use values from the provider.
 
-See Storybook **Locale Lab** and `impact-nova://i18n` (MCP) for the full contract.
+Calendar, date pickers, Select, NestedList, DataTableColumnList, and aria labels (e.g. Alert close, Breadcrumb, Chips remove) use the context. See `docs/I18N_PLAN.md` for the full list of message keys and components.
 
 ---
 

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

@@ -2,9 +2,6 @@ import { ReactNode } from 'react';
 import { ColDef, ColGroupDef, IHeaderParams, IHeaderGroupParams, Column, ValueFormatterParams } from 'ag-grid-community';
 import { Theme } from 'ag-grid-enterprise';
 import { AgGridReactProps } from 'ag-grid-react';
-import { DataTableCommentsConfig } from './comments/comments.types';
-import { DataTableNotesConfig } from './notes/notes.types';
-import { DataTableChatConfig } from './chat/chat.types';
 /** ColDef extended with Impact Nova runtime metadata set during column processing */
 export interface ImpactNovaColDef<TData = unknown> extends ColDef<TData> {
     /** Original column-level editable before addRowDataEditableCheck wraps the callback */
@@ -45,7 +42,7 @@ export interface ExtendedHeaderComponentParams extends Partial<IHeaderParams> {
     enableDateParsing?: boolean;
     /** Which picker to render for date columns. Default: 'date' */
     datePickerVariant?: 'date' | 'month' | 'week';
-    /** Display format for dates in this column (date-fns token string). Omitted → locale-derived pattern. */
+    /** Display format for dates in this column (date-fns token string). Default: "MM/dd/yyyy" */
     dateDisplayFormat?: string;
     /** Fiscal calendar configuration for week/month picker */
     fiscalConfig?: {
@@ -60,6 +57,8 @@ export interface ExtendedHeaderComponentParams extends Partial<IHeaderParams> {
     infoData?: InfoContent;
     /** How to display the information (tooltip or modal) */
     displayMode?: 'tooltip' | 'modal';
+    /** Guidance target ID for the info icon (for guided tours) */
+    infoIconGuidanceTargetId?: string;
 }
 export type SectionType = 'TEXT' | 'KEY_VALUE' | 'BADGES' | 'LINK';
 export interface UISectionBase {
@@ -146,30 +145,6 @@ export interface AgGridWrapperProps<TData = unknown> extends Omit<AgGridReactPro
      * Application code must rely on document CSS variables and the default theme.
      */
     themeOverride?: Theme;
-    /**
-     * Opt-in cell comments. When omitted the grid is unchanged (no comments
-     * overlay or mouse-handler wrap). Requires `getRowId`.
-     * Import helpers from `impact-nova/ag-grid-react/comments`.
-     *
-     * Optional `locateRow` loads SSRM / server-paged rows that are not in memory.
-     */
-    comments?: DataTableCommentsConfig;
-    /**
-     * Opt-in AG Grid cell notes. When omitted the grid does not pass `notesDataSource`.
-     * Requires `getRowId`. Import types from `impact-nova/ag-grid-react/notes`.
-     *
-     * Notes are AG Grid-owned (text on a cell). Comments remain a separate conversation.
-     */
-    notes?: DataTableNotesConfig;
-    /**
-     * Opt-in row Chat. When omitted the grid is unchanged (no Chat column,
-     * host, listeners, or fetch). Requires `getRowId`.
-     * Import helpers from `impact-nova/ag-grid-react/chat`.
-     *
-     * Identity is the stable row id. Optional `locateRow` loads SSRM /
-     * server-paged rows that are not in memory.
-     */
-    chat?: DataTableChatConfig;
 }
 /**
  * Filter operators for advanced filtering.

package/dist/components/data/ag-grid-react/cell-renderers/date-display-renderer.d.ts

@@ -1,7 +1,10 @@
 import { ICellRendererParams } from 'ag-grid-community';
 export interface DateDisplayRendererProps extends ICellRendererParams {
+    /** Date format type: 'date' | 'datetime-local' | 'time' */
     dateType?: 'date' | 'datetime-local' | 'time';
+    /** Placeholder text when no date is selected */
     placeholder?: string;
+    /** Whether the field is disabled */
     disabled?: boolean;
 }
 /**

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

@@ -1,50 +1,57 @@
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
-import { Calendar as w } from "impact-nova-icons";
-import { useImpactNovaI18n as v } from "../../../../i18n/use-impact-nova-i18n.js";
-import { DEFAULT_LOCALE as j } from "../../../../i18n/locale-config.js";
-import { formatTime as L, formatDateTime as N, formatDate as E } from "../../../../i18n/format/format-date.js";
-function F(e) {
-  const l = e.context;
-  return e.colDef?.locale || l?.dateLocale || l?.locale || j;
-}
-const M = (e, l, o) => e == null || e === "" ? "" : l === "time" ? L(e, o) : l === "datetime-local" ? N(e, o) : E(e, o, {
-  year: "numeric",
-  month: "short",
-  day: "numeric"
-}), _ = (e) => {
-  const { t: l } = v(), o = F(e), {
-    valueFormatted: p,
-    value: t,
-    dateType: b = "date",
-    placeholder: h,
+import { jsx as n, jsxs as b } from "react/jsx-runtime";
+import { Calendar as y } from "impact-nova-icons";
+const D = (t, i) => {
+  if (t == null || t === "") return "";
+  try {
+    const e = t instanceof Date ? t : new Date(String(t));
+    return isNaN(e.getTime()) ? String(t) : i === "time" ? e.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" }) : i === "datetime-local" ? e.toLocaleString(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    }) : e.toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    });
+  } catch {
+    return String(t);
+  }
+}, x = (t) => {
+  const {
+    valueFormatted: i,
+    value: e,
+    dateType: m = "date",
+    placeholder: g = "Select date...",
     disabled: s,
-    colDef: n,
-    data: i
-  } = e, D = h ?? l("datePicker.selectDate"), c = t && typeof t == "object" && "cellMetadata" in t ? t.cellMetadata?._isDisabled : void 0, d = i && typeof i == "object" && "rowMetadata" in i ? i.rowMetadata?._isDisabled : void 0;
+    colDef: r,
+    data: l
+  } = t, o = e && typeof e == "object" && "cellMetadata" in e ? e.cellMetadata?._isDisabled : void 0, c = l && typeof l == "object" && "rowMetadata" in l ? l.rowMetadata?._isDisabled : void 0;
   let a = !1;
   if (!s) {
-    const x = n?._originalEditable;
-    n?.editable === !1 ? a = !1 : c === !1 ? a = !0 : c === !0 ? a = !1 : d === !1 ? a = !0 : d === !0 ? a = !1 : a = x === !0 || n?.editable === !0;
+    const p = r?._originalEditable;
+    r?.editable === !1 ? a = !1 : o === !1 ? a = !0 : o === !0 ? a = !1 : c === !1 ? a = !0 : c === !0 ? a = !1 : a = p === !0 || r?.editable === !0;
   }
-  const f = t && typeof t == "object" && "value" in t, y = f ? t.value : t, m = (f ? null : p) ?? M(y, b, o), u = !m;
-  return /* @__PURE__ */ r(
+  const d = e && typeof e == "object" && "value" in e, h = d ? e.value : e, u = (d ? null : i) ?? D(h, m), f = !u;
+  return /* @__PURE__ */ n(
     "div",
     {
       className: `w-full h-full flex items-center ag-cell-inner-padding ${s ? "opacity-60 cursor-not-allowed" : a ? "in-ag-editable-cell-highlight" : ""}`,
-      children: /* @__PURE__ */ g(
+      children: /* @__PURE__ */ b(
         "div",
         {
           className: `flex w-full items-center justify-between rounded-[8px] px-1.5 h-7 ${a ? "bg-canvas-elevated cursor-pointer" : "bg-inherit"}`,
           children: [
-            /* @__PURE__ */ r("span", { className: `truncate text-sm font-medium text-content ${u ? "text-content-empty" : ""}`, children: u ? D : m }),
-            a && /* @__PURE__ */ r("span", { className: "h-3.5 w-3.5 shrink-0 text-content-icon", children: /* @__PURE__ */ r(w, { className: "h-3.5 w-3.5" }) })
+            /* @__PURE__ */ n("span", { className: `truncate text-sm font-medium text-content ${f ? "text-content-empty" : ""}`, children: f ? g : u }),
+            a && /* @__PURE__ */ n("span", { className: "h-3.5 w-3.5 shrink-0 text-content-icon", children: /* @__PURE__ */ n(y, { className: "h-3.5 w-3.5" }) })
           ]
         }
       )
     }
   );
 };
-_.displayName = "DateDisplayRenderer";
+x.displayName = "DateDisplayRenderer";
 export {
-  _ as DateDisplayRenderer
+  x as DateDisplayRenderer
 };

package/dist/components/data/ag-grid-react/cell-renderers/input-display-renderer.d.ts

@@ -29,7 +29,7 @@ export interface InputDisplayRendererProps extends ICellRendererParams {
  *   singleClickEdit: true,
  *   cellRendererParams: { placeholder: '0.00', isNumeric: true },
  *   cellEditorParams: { inputType: 'number', min: 0, step: 0.01 },
- *   valueFormatter: (p) => p.value ? formatNumber(p.value, p.context?.numberLocale ?? 'en') : '',
+ *   valueFormatter: (p) => p.value ? `$${p.value.toLocaleString()}` : '',
  * }
  * ```
  */

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 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 { 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 { Button as y } from "../../../../primitives/button/button.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 { 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 { generateFilterId as F, createEmptyRule as O } from "../utils/filter-utils.js";
-import { resolveDateDisplayFormat as P } from "../utils/date-utils.js";
-const q = (L) => {
+import { DEFAULT_DATE_DISPLAY_FORMAT as j } from "../utils/date-utils.js";
+const M = (k) => {
   const m = {};
-  return L.forEach((p) => {
+  return k.forEach((p) => {
     p.columnId && (m[p.columnId] || (m[p.columnId] = []), m[p.columnId].push(p));
   }), m;
-}, De = ({
-  isOpen: L,
+}, Fe = ({
+  isOpen: k,
   onClose: m,
   onApply: p,
   columnId: a,
-  columnLabel: W,
+  columnLabel: G,
   columnType: C,
-  selectOptions: z,
-  isMultiSelect: K,
-  initialModel: T,
+  selectOptions: P,
+  isMultiSelect: H,
+  initialModel: L,
   api: u
 }) => {
-  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);
+  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);
     return Object.keys(c).forEach((n) => {
-      e[n] = o?.[n] || T?.logic || "OR";
+      e[n] = o?.[n] || L?.logic || "OR";
     }), e[a] || (e[a] = o?.[a] || "OR"), e;
-  }), [v, E] = k(() => {
-    const e = A();
+  }), [v, S] = w(() => {
+    const e = q();
     if (u) {
       const l = u.getFilterModel();
       l && Object.keys(l).forEach((n) => {
@@ -39,12 +39,12 @@ const q = (L) => {
           const t = l[n];
           let s = null;
           if (t.filterType === "date") {
-            const i = t, w = u.getColumn(n)?.getColDef()?.headerComponentParams?.datePickerVariant, f = w === "week" || w === "month", _ = i.type === "inRange" && f ? "equals" : i.type || "equals";
+            const i = t, T = u.getColumn(n)?.getColDef()?.headerComponentParams?.datePickerVariant, f = T === "week" || T === "month", X = i.type === "inRange" && f ? "equals" : i.type || "equals";
             s = {
               id: F(),
               columnId: n,
               columnType: "date",
-              operator: _,
+              operator: X,
               value: i.dateFrom || "",
               valueTo: i.dateTo || ""
             };
@@ -92,12 +92,12 @@ const q = (L) => {
       });
     }
     return e.some((l) => l.columnId === a) || e.push(O(a, C)), e;
-  }), [R] = k(() => ({
+  }), [R] = w(() => ({
     allRules: v,
     // Use the computed rules (potentially synced)
     columnLogic: { ...D }
-  })), Q = JSON.stringify({ allRules: v, columnLogic: D }) !== JSON.stringify(R), J = (e) => v.filter((o) => o.columnId === e), N = (e, o) => {
-    E((l) => {
+  })), U = JSON.stringify({ allRules: v, columnLogic: D }) !== JSON.stringify(R), B = (e) => v.filter((o) => o.columnId === e), N = (e, o) => {
+    S((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 q = (L) => {
         s === e ? t.push(...o) : t.push(...l.filter((i) => i.columnId === s));
       }), t;
     });
-  }, 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);
+  }, _ = (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" }));
   }, 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();
-  }, Z = q(v), $ = Object.keys(Z), x = Object.keys(q(
+  }, Q = M(v), J = Object.keys(Q), x = Object.keys(M(
     v.filter((e) => e.operator === "empty" || e.operator === "notEmpty" ? !!e.columnId : e.columnId && e.value !== "" && e.value !== null)
-  )).length <= 1, G = (e, o) => {
+  )).length <= 1, V = (e, o) => {
     if (!u) return o;
     const l = u.getColumn(e);
     if (!l) return o;
@@ -131,10 +131,10 @@ const q = (L) => {
     const s = c?.headerName || e;
     return n.push(s), n.join(" > ");
   };
-  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 }) }) })
+  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 }) }) })
     ] }),
     /* @__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 q = (L) => {
             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: () => B("column"),
+            onClick: () => z("column"),
             children: d("advancedFilter.currentColumn")
           }
         ),
-        /* @__PURE__ */ g(se, { children: [
-          /* @__PURE__ */ r(ie, { asChild: !0, children: /* @__PURE__ */ r(
+        /* @__PURE__ */ g(ae, { children: [
+          /* @__PURE__ */ r(se, { asChild: !0, children: /* @__PURE__ */ r(
             "span",
             {
               style: {
@@ -168,89 +168,79 @@ const q = (L) => {
                   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: () => B("global"),
+                  onClick: () => z("global"),
                   children: d("advancedFilter.allFilters")
                 }
               )
             }
           ) }),
-          x && /* @__PURE__ */ r(ce, { variant: "tertiary", children: d("advancedFilter.allFiltersDisabledTooltip") })
+          x && /* @__PURE__ */ r(ie, { variant: "tertiary", children: d("advancedFilter.allFiltersDisabledTooltip") })
         ] })
       ] }),
-      /* @__PURE__ */ r(y, { variant: "ghost", onClick: U, className: "!text-brand", children: d("advancedFilter.clearAll") })
+      /* @__PURE__ */ r(y, { variant: "ghost", onClick: W, className: "!text-brand", children: d("advancedFilter.clearAll") })
     ] }),
-    /* @__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" ? (
+    /* @__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" ? (
       // Column Mode: Single column section
       /* @__PURE__ */ r(
-        H,
+        $,
         {
           columnId: a,
-          columnLabel: G(a, W),
+          columnLabel: V(a, G),
           columnType: C,
-          selectOptions: z,
-          isMultiSelect: z ? !!K : !0,
-          rules: J(a),
-          logic: V(a),
-          onLogicChange: (e) => M(a, e),
+          selectOptions: P,
+          isMultiSelect: P ? !!H : !0,
+          rules: B(a),
+          logic: _(a),
+          onLogicChange: (e) => E(a, e),
           onRulesChange: (e) => N(a, e),
-          dateDisplayFormat: (() => {
-            if (!u) return P(void 0, S);
-            const e = u.getColumn(a);
-            return P(
-              e?.getColDef()?.headerComponentParams?.dateDisplayFormat,
-              S
-            );
-          })()
+          dateDisplayFormat: u ? u.getColumn(a)?.getColDef()?.headerComponentParams?.dateDisplayFormat || j : j
         }
       )
     ) : (
       // Global Mode: All columns with filters
-      /* @__PURE__ */ r(I, { children: $.length === 0 ? /* @__PURE__ */ r("div", { className: "text-center py-8 text-content-placeholder", children: d("advancedFilter.noFiltersApplied") }) : $.map((e, o) => {
+      /* @__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) => {
         let l = null;
         if (u) {
           const f = u.getColumn(e);
           f && (l = f.getColDef());
         }
-        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
-        );
+        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;
         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: J(e),
-              logic: V(e),
-              onLogicChange: (f) => M(e, f),
+              rules: B(e),
+              logic: _(e),
+              onLogicChange: (f) => E(e, f),
               onRulesChange: (f) => N(e, f),
               canDeleteLastRule: !0,
               onDeleteColumnFilter: () => N(e, []),
-              dateDisplayFormat: w
+              dateDisplayFormat: T
             }
           )
         ] }, e);
       }) })
     ) }) }),
-    /* @__PURE__ */ r(ae, { className: "flex justify-end border-t border-stroke-subtle", children: /* @__PURE__ */ g("div", { className: "flex gap-3", children: [
+    /* @__PURE__ */ r(re, { className: "flex justify-end border-t border-stroke-subtle", children: /* @__PURE__ */ g("div", { className: "flex gap-3", children: [
       /* @__PURE__ */ r(
         y,
         {
-          onClick: X,
+          onClick: Y,
           variant: "secondary",
-          disabled: !Q,
+          disabled: !U,
           children: d("advancedFilter.discard")
         }
       ),
-      /* @__PURE__ */ r(y, { onClick: Y, variant: "default", children: d("advancedFilter.apply") })
+      /* @__PURE__ */ r(y, { onClick: K, variant: "default", children: d("advancedFilter.apply") })
     ] }) })
   ] }) });
 };
 export {
-  De as AdvancedFilterDialog
+  Fe 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). Omitted → locale-derived pattern. */
+    /** Display format for dates in this column (date-fns token string). Default: "MM/dd/yyyy" */
     dateDisplayFormat?: string;
 }
 /**