impact-nova 1.7.39 → 1.7.41

package/dist/components/ui/ag-grid-react/cell-renderers/editors/date-cell-editor.js

@@ -1,26 +1,26 @@
-import { jsx as C } from "react/jsx-runtime";
-import { forwardRef as N, useState as S, useImperativeHandle as P, useEffect as j, useCallback as u } from "react";
-import { Calendar as I } from "../../../calendar.js";
-const p = (o) => {
-  if (!(o == null || o === ""))
+import { jsx as D } from "react/jsx-runtime";
+import { forwardRef as O, useState as E, useImperativeHandle as $, useRef as M, useCallback as l, useEffect as L } from "react";
+import { Calendar as F } from "../../../calendar.js";
+const m = (n) => {
+  if (!(n == null || n === ""))
     try {
-      const r = o instanceof Date ? o : new Date(String(o));
-      return isNaN(r.getTime()) ? void 0 : r;
+      const s = n instanceof Date ? n : new Date(String(n));
+      return isNaN(s.getTime()) ? void 0 : s;
     } catch {
       return;
     }
-}, O = N((o, r) => {
+}, H = O((n, s) => {
   const {
-    value: a,
-    min: m,
-    max: f,
-    node: i,
-    column: g,
-    stopEditing: v
-  } = o, s = a && typeof a == "object" && "value" in a, d = s ? a.cellMetadata : void 0, D = s ? a.value : a, h = p(D), [M, b] = S(h), [w, E] = S(h || /* @__PURE__ */ new Date());
-  P(r, () => ({
+    value: r,
+    min: f,
+    max: g,
+    node: u,
+    column: v,
+    stopEditing: h
+  } = n, c = r && typeof r == "object" && "value" in r, p = c ? r.cellMetadata : void 0, x = c ? r.value : r, b = m(x), [A, S] = E(b), [y, V] = E(b || /* @__PURE__ */ new Date());
+  $(s, () => ({
     getValue() {
-      return a;
+      return r;
     },
     isCancelBeforeStart() {
       return !1;
@@ -31,45 +31,55 @@ const p = (o) => {
     isPopup() {
       return !0;
     }
-  })), j(() => {
-    const e = "ag-custom-component-popup", l = (t) => {
-      t instanceof HTMLElement && t.hasAttribute("data-radix-popper-content-wrapper") && t.classList.add(e);
-    }, n = new MutationObserver((t) => {
-      for (const V of t)
-        V.addedNodes.forEach(l);
+  }));
+  const C = M(null), w = M(!1), i = l(() => {
+    w.current || (w.current = !0, h());
+  }, [h]);
+  L(() => {
+    const e = "ag-custom-component-popup", a = (o) => {
+      o instanceof HTMLElement && o.hasAttribute("data-radix-popper-content-wrapper") && o.classList.add(e);
+    }, t = new MutationObserver((o) => {
+      for (const I of o)
+        I.addedNodes.forEach(a);
     });
-    return n.observe(document.body, { childList: !0, subtree: !0 }), document.querySelectorAll("[data-radix-popper-content-wrapper]").forEach((t) => {
-      t.classList.add(e);
-    }), () => n.disconnect();
-  }, []);
-  const c = u((e) => {
-    const l = g?.getColId();
-    if (l && i) {
-      const n = e ? `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}` : null, t = s ? { value: n, ...d !== void 0 && { cellMetadata: d } } : n;
-      i.setDataValue(l, t);
+    return t.observe(document.body, { childList: !0, subtree: !0 }), document.querySelectorAll("[data-radix-popper-content-wrapper]").forEach((o) => {
+      o.classList.add(e);
+    }), () => t.disconnect();
+  }, []), L(() => {
+    const e = (a) => {
+      const t = a.target;
+      t && (C.current?.contains(t) || t.closest("[data-radix-popper-content-wrapper]") || t.closest(".ag-custom-component-popup") || i());
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [i]);
+  const d = l((e) => {
+    const a = v?.getColId();
+    if (a && u) {
+      const t = e ? `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}` : null, o = c ? { value: t, ...p !== void 0 && { cellMetadata: p } } : t;
+      u.setDataValue(a, o);
     }
-    v();
-  }, [g, i, v, s, d]), A = u((e) => {
-    b(e), c(e);
-  }, [c]), x = u(() => {
-    b(void 0), c(void 0);
-  }, [c]), y = m ? p(m) : void 0, L = f ? p(f) : void 0;
-  return /* @__PURE__ */ C("div", { className: "ag-custom-component-popup bg-canvas-elevated border border-field rounded-md shadow-lg", children: /* @__PURE__ */ C(
-    I,
+    i();
+  }, [v, u, i, c, p]), N = l((e) => {
+    S(e), d(e);
+  }, [d]), P = l(() => {
+    S(void 0), d(void 0);
+  }, [d]), R = f ? m(f) : void 0, j = g ? m(g) : void 0;
+  return /* @__PURE__ */ D("div", { ref: C, className: "ag-custom-component-popup bg-canvas-elevated border border-field rounded-md shadow-lg", children: /* @__PURE__ */ D(
+    F,
     {
       mode: "single",
-      selected: M,
-      onSelect: A,
-      month: w,
-      onMonthChange: E,
-      disabled: { before: y, after: L },
+      selected: A,
+      onSelect: N,
+      month: y,
+      onMonthChange: V,
+      disabled: { before: R, after: j },
       showFooter: !1,
-      onClear: x,
+      onClear: P,
       captionLayout: "dropdown"
     }
   ) });
 });
-O.displayName = "DateCellEditor";
+H.displayName = "DateCellEditor";
 export {
-  O as DateCellEditor
+  H as DateCellEditor
 };

package/dist/components/ui/ag-grid-react/headers/advanced-filter/advanced-filter-dialog.d.ts

@@ -13,8 +13,6 @@ interface AdvancedFilterDialogProps {
         value: string;
     }>;
     isMultiSelect?: boolean;
-    /** Which picker to render for date columns. Default: 'date' */
-    datePickerVariant?: 'date' | 'month';
     initialModel?: AdvancedFilterModel | null;
     api?: GridApi;
 }

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

@@ -1,249 +1,243 @@
-import { jsxs as f, jsx as r, Fragment as Y } from "react/jsx-runtime";
-import { useState as R } from "react";
-import { Dialog as Z, DialogContent as _, DialogHeader as I, DialogTitle as ee, DialogClose as te, DialogBody as le, DialogFooter as ne } from "../../../dialog.js";
+import { jsx as r, jsxs as h, 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 "../../../dialog.js";
 import { Button as v } from "../../../button.js";
-import { Tooltip as re, TooltipTrigger as oe, TooltipContent as ae } from "../../../tooltip.js";
-import { Cross as ie } from "../../../../../icons/index.js";
-import { ColumnFilterSection as B } from "./column-filter-section.js";
-import { createEmptyRule as w } from "../utils/filter-utils.js";
-import { useImpactNovaI18n as se } from "../../../../../i18n/ImpactNovaI18nContext.js";
-const j = (S) => {
-  const d = {};
-  return S.forEach((m) => {
-    m.columnId && (d[m.columnId] || (d[m.columnId] = []), d[m.columnId].push(m));
-  }), d;
-}, Ce = ({
-  isOpen: S,
-  onClose: d,
-  onApply: m,
+import { Tooltip as ae, TooltipTrigger as ie, TooltipContent as se } from "../../../tooltip.js";
+import { Cross as ce } from "../../../../../icons/index.js";
+import { ColumnFilterSection as $ } 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";
+import { useImpactNovaI18n as ue } from "../../../../../i18n/ImpactNovaI18nContext.js";
+const M = (L) => {
+  const m = {};
+  return L.forEach((p) => {
+    p.columnId && (m[p.columnId] || (m[p.columnId] = []), m[p.columnId].push(p));
+  }), m;
+}, Fe = ({
+  isOpen: L,
+  onClose: m,
+  onApply: p,
   columnId: a,
-  columnLabel: V,
-  columnType: C,
-  selectOptions: A,
-  isMultiSelect: J,
-  datePickerVariant: G = "date",
-  initialModel: E,
-  api: p
+  columnLabel: G,
+  columnType: y,
+  selectOptions: P,
+  isMultiSelect: H,
+  initialModel: k,
+  api: u
 }) => {
-  const { t: u } = se(), z = () => (E?.rules || []).filter((e) => !("logic" in e)), [h, P] = R("column"), [x, O] = R(() => {
-    const e = {}, n = z(), t = j(n);
-    return Object.keys(t).forEach((s) => {
-      e[s] = E?.logic || "OR";
-    }), e[a] || (e[a] = "OR"), e;
-  }), [g, k] = R(() => {
-    const e = z();
-    if (p) {
-      const t = p.getFilterModel();
-      t && Object.keys(t).forEach((i) => {
-        if (!e.some((l) => l.columnId === i)) {
-          const l = t[i];
-          let o = null;
-          if (l.filterType === "text")
-            o = {
-              id: Math.random().toString(36).substr(2, 9),
-              columnId: i,
+  const { t: d } = ue(), q = () => (k?.rules || []).filter((e) => !("logic" in e)), [g, z] = w("column"), [D, A] = w(() => {
+    const e = {}, o = k?.columnLogic, l = q(), c = M(l);
+    return Object.keys(c).forEach((n) => {
+      e[n] = o?.[n] || k?.logic || "OR";
+    }), e[a] || (e[a] = o?.[a] || "OR"), e;
+  }), [b, E] = w(() => {
+    const e = q();
+    if (u) {
+      const l = u.getFilterModel();
+      l && Object.keys(l).forEach((n) => {
+        if (!e.some((t) => t.columnId === n)) {
+          const t = l[n];
+          let i = null;
+          if (t.filterType === "date") {
+            const s = t, T = u.getColumn(n)?.getColDef()?.headerComponentParams?.datePickerVariant, f = T === "week" || T === "month", X = s.type === "inRange" && f ? "equals" : s.type || "equals";
+            i = {
+              id: F(),
+              columnId: n,
+              columnType: "date",
+              operator: X,
+              value: s.dateFrom || "",
+              valueTo: s.dateTo || ""
+            };
+          } else if (t.filterType === "text")
+            i = {
+              id: F(),
+              columnId: n,
               columnType: "text",
-              operator: l.type === "contains" ? "contains" : "equals",
-              value: l.filter
+              operator: t.type === "contains" ? "contains" : "equals",
+              value: t.filter
             };
-          else if (l.filterType === "number")
-            o = {
-              id: Math.random().toString(36).substr(2, 9),
-              columnId: i,
+          else if (t.filterType === "number")
+            i = {
+              id: F(),
+              columnId: n,
               columnType: "number",
-              operator: l.type === "equals" ? "equals" : l.type || "equals",
-              value: String(l.filter)
+              operator: t.type === "equals" ? "equals" : t.type || "equals",
+              value: String(t.filter)
             };
-          else if (l.filterType === "set")
-            o = {
-              id: Math.random().toString(36).substr(2, 9),
-              columnId: i,
+          else if (t.filterType === "set")
+            i = {
+              id: F(),
+              columnId: n,
               columnType: "select",
               operator: "equals",
-              value: l.values
+              value: t.values
             };
-          else if (l.filterType === "multi") {
-            const c = l.filterModels?.find((N) => N && N.filterType === "set");
-            c && (o = {
-              id: Math.random().toString(36).substr(2, 9),
-              columnId: i,
+          else if (t.filterType === "multi") {
+            const s = t.filterModels?.find((x) => x && x.filterType === "set");
+            s && (i = {
+              id: F(),
+              columnId: n,
               columnType: "multi",
               // or select?
               operator: "equals",
-              value: c.values
+              value: s.values
             });
           }
-          o && e.push(o);
+          i && e.push(i);
         }
       });
     }
-    return e.some((t) => t.columnId === a) || e.push(w(a, C)), e;
-  }), [F] = R(() => ({
-    allRules: g,
+    return e.some((l) => l.columnId === a) || e.push(O(a, y)), e;
+  }), [R] = w(() => ({
+    allRules: b,
     // Use the computed rules (potentially synced)
-    columnLogic: { ...x }
-  })), H = JSON.stringify({ allRules: g, columnLogic: x }) !== JSON.stringify(F), q = (e) => g.filter((n) => n.columnId === e), D = (e, n) => {
-    k((t) => {
-      const s = /* @__PURE__ */ new Set(), i = [];
-      t.forEach((o) => {
-        s.has(o.columnId) || (s.add(o.columnId), i.push(o.columnId));
-      }), s.has(e) || i.push(e);
-      const l = [];
-      return i.forEach((o) => {
-        o === e ? l.push(...n) : l.push(...t.filter((c) => c.columnId === o));
-      }), l;
+    columnLogic: { ...D }
+  })), U = JSON.stringify({ allRules: b, columnLogic: D }) !== JSON.stringify(R), B = (e) => b.filter((o) => o.columnId === e), N = (e, o) => {
+    E((l) => {
+      const c = /* @__PURE__ */ new Set(), n = [];
+      l.forEach((i) => {
+        c.has(i.columnId) || (c.add(i.columnId), n.push(i.columnId));
+      }), c.has(e) || n.push(e);
+      const t = [];
+      return n.forEach((i) => {
+        i === e ? t.push(...o) : t.push(...l.filter((s) => s.columnId === i));
+      }), t;
     });
-  }, T = (e) => x[e] || "OR", L = (e, n) => {
-    O((t) => ({ ...t, [e]: n }));
+  }, _ = (e) => D[e] || "OR", S = (e, o) => {
+    A((l) => ({ ...l, [e]: o }));
+  }, W = () => {
+    g === "column" ? (N(a, [O(a, y)]), S(a, "OR")) : (E([O(a, y)]), A({ [a]: "OR" }));
+  }, Y = () => {
+    E(R.allRules.length > 0 ? R.allRules : [O(a, y)]), A(R.columnLogic);
   }, K = () => {
-    h === "column" ? (D(a, [w(a, C)]), L(a, "OR")) : (k([w(a, C)]), O({ [a]: "OR" }));
-  }, Q = () => {
-    k(F.allRules.length > 0 ? F.allRules : [w(a, C)]), O(F.columnLogic);
-  }, U = () => {
-    const e = g.filter((n) => n.operator === "empty" || n.operator === "notEmpty" ? !!n.columnId : n.columnId && n.value !== "" && n.value !== null);
-    if (e.length === 0)
-      m(null);
-    else {
-      const n = e[0].columnId;
-      m({ logic: T(n), rules: e });
-    }
-    d();
-  }, W = j(g), M = Object.keys(W), y = Object.keys(j(
-    g.filter((e) => e.operator === "empty" || e.operator === "notEmpty" ? !!e.columnId : e.columnId && e.value !== "" && e.value !== null)
-  )).length <= 1, $ = (e, n) => {
-    if (!p) return n;
-    const t = p.getColumn(e);
-    if (!t) return n;
-    const s = t.getColDef(), i = [];
-    let l = t.getParent();
-    for (; l; ) {
-      const c = l.getColGroupDef();
-      c && c.headerName && i.unshift(c.headerName), l = l.getParent();
+    const e = b.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(b), J = Object.keys(Q), C = Object.keys(M(
+    b.filter((e) => e.operator === "empty" || e.operator === "notEmpty" ? !!e.columnId : e.columnId && e.value !== "" && e.value !== null)
+  )).length <= 1, V = (e, o) => {
+    if (!u) return o;
+    const l = u.getColumn(e);
+    if (!l) return o;
+    const c = l.getColDef(), n = [];
+    let t = l.getParent();
+    for (; t; ) {
+      const s = t.getColGroupDef();
+      s && s.headerName && n.unshift(s.headerName), t = t.getParent();
     }
-    const o = s?.headerName || e;
-    return i.push(o), i.join(" > ");
+    const i = c?.headerName || e;
+    return n.push(i), n.join(" > ");
   };
-  return /* @__PURE__ */ f(Z, { open: S, onOpenChange: d, children: [
-    (console.log("[AdvancedFilterDialog] Current State:", {
-      mode: h,
-      allRules: g,
-      columnLogic: x,
-      activeColumns: M
-    }), null),
-    /* @__PURE__ */ f(_, { className: "w-[800px] max-w-[95vw] max-h-[90vh] flex flex-col p-0", hideClose: !0, children: [
-      /* @__PURE__ */ f(I, { className: "flex flex-row items-center justify-between px-4 py-3", children: [
-        /* @__PURE__ */ r(ee, { children: u("advancedFilter.title") }),
-        /* @__PURE__ */ r(te, { asChild: !0, children: /* @__PURE__ */ r(v, { variant: "ghost", size: "icon", className: "h-8 w-8 p-0 text-content-tertiary hover:text-brand-variant-hover", onClick: d, "aria-label": u("aria.close"), children: /* @__PURE__ */ r(ie, { size: 14 }) }) })
-      ] }),
-      /* @__PURE__ */ f("div", { className: "flex items-center justify-between px-4 py-4 pb-2", children: [
-        /* @__PURE__ */ f("div", { className: "inline-flex", role: "group", "data-component": "button-group", children: [
-          /* @__PURE__ */ r(
-            v,
-            {
-              value: "column",
-              size: "md",
-              variant: "ghost",
-              "aria-pressed": h === "column",
-              className: `!shadow-none relative border transition-colors min-w-14 !rounded-none !rounded-l-md z-[1] ${h === "column" ? "!bg-accent !border-brand !text-brand z-10" : "!bg-canvas-elevated !border-button-primary-disabled !text-[#60697d] hover:!bg-canvas-elevated hover:!text-brand"}`,
-              onClick: () => P("column"),
-              children: u("advancedFilter.currentColumn")
-            }
-          ),
-          /* @__PURE__ */ f(re, { children: [
-            /* @__PURE__ */ r(oe, { asChild: !0, children: /* @__PURE__ */ r(
-              "span",
-              {
-                style: {
-                  cursor: y ? "not-allowed" : "default",
-                  display: "inline-flex"
-                },
-                children: /* @__PURE__ */ r(
-                  v,
-                  {
-                    value: "global",
-                    size: "md",
-                    variant: "ghost",
-                    "aria-pressed": h === "global",
-                    disabled: y,
-                    style: y ? { pointerEvents: "none" } : void 0,
-                    className: `!shadow-none relative border transition-colors min-w-14 !rounded-none !rounded-r-md -ml-px ${y ? "!bg-disabled-surface !border-disabled-border !text-disabled-foreground opacity-100" : h === "global" ? "!bg-accent !border-brand !text-brand z-10" : "!bg-canvas-elevated !border-button-primary-disabled !text-[#60697d] hover:!bg-canvas-elevated hover:!text-brand z-[1]"}`,
-                    onClick: () => P("global"),
-                    children: u("advancedFilter.allFilters")
-                  }
-                )
-              }
-            ) }),
-            y && /* @__PURE__ */ r(ae, { variant: "tertiary", children: u("advancedFilter.allFiltersDisabledTooltip") })
-          ] })
-        ] }),
-        /* @__PURE__ */ r(v, { variant: "ghost", onClick: K, className: "!text-brand", children: u("advancedFilter.clearAll") })
-      ] }),
-      /* @__PURE__ */ r(le, { 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: h === "column" ? (
-        // Column Mode: Single column section
-        /* @__PURE__ */ r(
-          B,
-          {
-            columnId: a,
-            columnLabel: $(a, V),
-            columnType: C,
-            selectOptions: A,
-            isMultiSelect: A ? !!J : !0,
-            datePickerVariant: G,
-            rules: q(a),
-            logic: T(a),
-            onLogicChange: (e) => L(a, e),
-            onRulesChange: (e) => D(a, e)
-          }
-        )
-      ) : (
-        // Global Mode: All columns with filters
-        /* @__PURE__ */ r(Y, { children: M.length === 0 ? /* @__PURE__ */ r("div", { className: "text-center py-8 text-content-placeholder", children: u("advancedFilter.noFiltersApplied") }) : M.map((e, n) => {
-          let t = null;
-          if (p) {
-            const b = p.getColumn(e);
-            b && (t = b.getColDef());
-          }
-          const s = t?.headerComponentParams, i = t?.headerName || e, l = $(e, i), o = t?.filter === "agNumberColumnFilter" ? "number" : t?.filter === "agDateColumnFilter" ? "date" : t?.filter === "agMultiColumnFilter" ? "multi" : t?.filter === "agSetColumnFilter" || s?.selectOptions ? "select" : "text";
-          console.log(`[AdvancedFilterDialog] Column: ${e}, Type: ${o}, Filter: ${t?.filter}`);
-          const c = s?.selectOptions, N = s?.isMultiSelect, X = s?.datePickerVariant || "date";
-          return /* @__PURE__ */ f("div", { children: [
-            n > 0 && /* @__PURE__ */ r("hr", { className: "border-stroke-hairline mb-6" }),
-            /* @__PURE__ */ r(
-              B,
-              {
-                columnId: e,
-                columnLabel: l,
-                columnType: o,
-                selectOptions: c,
-                isMultiSelect: N,
-                datePickerVariant: X,
-                rules: q(e),
-                logic: T(e),
-                onLogicChange: (b) => L(e, b),
-                onRulesChange: (b) => D(e, b),
-                canDeleteLastRule: !0,
-                onDeleteColumnFilter: () => D(e, [])
-              }
-            )
-          ] }, e);
-        }) })
-      ) }) }),
-      /* @__PURE__ */ r(ne, { className: "flex justify-end border-t border-[#D9DDE7]", children: /* @__PURE__ */ f("div", { className: "flex gap-3", children: [
+  return /* @__PURE__ */ r(I, { open: L, onOpenChange: m, children: /* @__PURE__ */ h(ee, { className: "w-[800px] max-w-[95vw] max-h-[90vh] flex flex-col p-0", hideClose: !0, children: [
+    /* @__PURE__ */ h(te, { className: "flex flex-row items-center justify-between px-4 py-3", children: [
+      /* @__PURE__ */ r(le, { children: d("advancedFilter.title") }),
+      /* @__PURE__ */ r(oe, { asChild: !0, children: /* @__PURE__ */ r(v, { 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__ */ h("div", { className: "flex items-center justify-between px-4 py-4 pb-2", children: [
+      /* @__PURE__ */ h("div", { className: "inline-flex", role: "group", "data-component": "button-group", children: [
         /* @__PURE__ */ r(
           v,
           {
-            onClick: Q,
-            variant: "secondary",
-            disabled: !H,
-            children: u("advancedFilter.discard")
+            value: "column",
+            size: "md",
+            variant: "ghost",
+            "aria-pressed": g === "column",
+            className: `!shadow-none relative border transition-colors min-w-14 !rounded-none !rounded-l-md z-[1] ${g === "column" ? "!bg-accent !border-brand !text-brand z-10" : "!bg-canvas-elevated !border-button-primary-disabled !text-[#60697d] hover:!bg-canvas-elevated hover:!text-brand"}`,
+            onClick: () => z("column"),
+            children: d("advancedFilter.currentColumn")
           }
         ),
-        /* @__PURE__ */ r(v, { onClick: U, variant: "default", children: u("advancedFilter.apply") })
-      ] }) })
-    ] })
-  ] });
+        /* @__PURE__ */ h(ae, { children: [
+          /* @__PURE__ */ r(ie, { asChild: !0, children: /* @__PURE__ */ r(
+            "span",
+            {
+              style: {
+                cursor: C ? "not-allowed" : "default",
+                display: "inline-flex"
+              },
+              children: /* @__PURE__ */ r(
+                v,
+                {
+                  value: "global",
+                  size: "md",
+                  variant: "ghost",
+                  "aria-pressed": g === "global",
+                  disabled: C,
+                  style: C ? { pointerEvents: "none" } : void 0,
+                  className: `!shadow-none relative border transition-colors min-w-14 !rounded-none !rounded-r-md -ml-px ${C ? "!bg-disabled-surface !border-disabled-border !text-disabled-foreground opacity-100" : g === "global" ? "!bg-accent !border-brand !text-brand z-10" : "!bg-canvas-elevated !border-button-primary-disabled !text-[#60697d] hover:!bg-canvas-elevated hover:!text-brand z-[1]"}`,
+                  onClick: () => z("global"),
+                  children: d("advancedFilter.allFilters")
+                }
+              )
+            }
+          ) }),
+          C && /* @__PURE__ */ r(se, { variant: "tertiary", children: d("advancedFilter.allFiltersDisabledTooltip") })
+        ] })
+      ] }),
+      /* @__PURE__ */ r(v, { variant: "ghost", onClick: W, 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: g === "column" ? (
+      // Column Mode: Single column section
+      /* @__PURE__ */ r(
+        $,
+        {
+          columnId: a,
+          columnLabel: V(a, G),
+          columnType: y,
+          selectOptions: P,
+          isMultiSelect: P ? !!H : !0,
+          rules: B(a),
+          logic: _(a),
+          onLogicChange: (e) => S(a, e),
+          onRulesChange: (e) => N(a, e),
+          dateDisplayFormat: u ? u.getColumn(a)?.getColDef()?.headerComponentParams?.dateDisplayFormat || j : j
+        }
+      )
+    ) : (
+      // 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) => {
+        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), i = l?.filter === "agNumberColumnFilter" ? "number" : l?.filter === "agDateColumnFilter" ? "date" : l?.filter === "agMultiColumnFilter" ? "multi" : l?.filter === "agSetColumnFilter" || c?.selectOptions ? "select" : "text", s = c?.selectOptions, x = c?.isMultiSelect, T = c?.dateDisplayFormat || j;
+        return /* @__PURE__ */ h("div", { children: [
+          o > 0 && /* @__PURE__ */ r("hr", { className: "border-stroke-hairline mb-6" }),
+          /* @__PURE__ */ r(
+            $,
+            {
+              columnId: e,
+              columnLabel: t,
+              columnType: i,
+              selectOptions: s,
+              isMultiSelect: x,
+              rules: B(e),
+              logic: _(e),
+              onLogicChange: (f) => S(e, f),
+              onRulesChange: (f) => N(e, f),
+              canDeleteLastRule: !0,
+              onDeleteColumnFilter: () => N(e, []),
+              dateDisplayFormat: T
+            }
+          )
+        ] }, e);
+      }) })
+    ) }) }),
+    /* @__PURE__ */ r(re, { className: "flex justify-end border-t border-[#D9DDE7]", children: /* @__PURE__ */ h("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ r(
+        v,
+        {
+          onClick: Y,
+          variant: "secondary",
+          disabled: !U,
+          children: d("advancedFilter.discard")
+        }
+      ),
+      /* @__PURE__ */ r(v, { onClick: K, variant: "default", children: d("advancedFilter.apply") })
+    ] }) })
+  ] }) });
 };
 export {
-  Ce as AdvancedFilterDialog,
-  Ce as default
+  Fe as AdvancedFilterDialog,
+  Fe as default
 };

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

@@ -9,14 +9,14 @@ export interface ColumnFilterSectionProps {
         value: string;
     }>;
     isMultiSelect?: boolean;
-    /** Which picker to render for date columns. Default: 'date' */
-    datePickerVariant?: 'date' | 'month';
     rules: AdvancedFilterRule[];
     logic: 'AND' | 'OR';
     onLogicChange: (logic: 'AND' | 'OR') => void;
     onRulesChange: (rules: AdvancedFilterRule[]) => void;
     canDeleteLastRule?: boolean;
     onDeleteColumnFilter?: () => void;
+    /** Display format for dates in this column (date-fns token string). Default: "MM/dd/yyyy" */
+    dateDisplayFormat?: string;
 }
 /**
  * ColumnFilterSection - Self-contained filter UI for one column.