impact-nova 2.0.9 → 2.1.0-alpha.10

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

@@ -0,0 +1,63 @@
+import { jsx as a } from "react/jsx-runtime";
+import "react";
+import { resolveCellEditable as R, resolveValueFormatter as V, applyValueFormatter as N } from "./cell-renderer-utils.js";
+const D = (h) => {
+  const { splits: l, commonParams: i, data: c, node: v, api: s, column: g, context: d, value: b, colDef: m, valueFormatter: y } = h;
+  if (!l || !Array.isArray(l)) return null;
+  const C = (e) => {
+    const t = e;
+    if (typeof t == "string") {
+      const o = s?.getGridOption("components");
+      return d?.frameworkComponents?.[t] || o?.[t];
+    }
+    return t;
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      style: { display: "grid", gridTemplateRows: `repeat(${l?.length}, 1fr)`, height: "100%", width: "100%" },
+      onMouseDown: (e) => {
+        document.__splitCellLastClickY = e.clientY;
+        const t = e.currentTarget.getBoundingClientRect(), o = e.clientY - t.top, n = t.height / (l?.length || 1), r = Math.floor(o / n);
+        document.__splitCellLastActiveIndex = Math.max(0, Math.min(r, (l?.length || 1) - 1));
+      },
+      children: l?.map((e, t) => {
+        const o = e?.field?.split(".")?.pop();
+        if (!o) return null;
+        const n = b?.[o], r = n?.value?.toString(), u = c, w = typeof m?.editable == "boolean" ? m.editable : void 0, x = R(w, e.editable, u, n), p = V(n, u, e?.valueFormatter, y ?? null), F = p ? N(p, r) : r, f = i?.cellRenderer && typeof i?.cellRenderer == "string" ? C(i?.cellRenderer) : void 0;
+        return /* @__PURE__ */ a(
+          "div",
+          {
+            className: "flex items-center overflow-hidden",
+            "data-split-index": t,
+            children: f ? /* @__PURE__ */ a(
+              f,
+              {
+                node: v,
+                api: s,
+                column: g,
+                context: d,
+                data: c,
+                value: n,
+                colDef: { ...e, editable: x },
+                valueFormatted: F ?? void 0,
+                className: t !== l.length - 1 ? "border-b border-stroke-hairline" : ""
+              }
+            ) : /* @__PURE__ */ a(
+              "div",
+              {
+                className: "w-full h-full flex items-center ag-cell-inner-padding overflow-hidden text-ellipsis whitespace-nowrap",
+                children: "No cell found"
+              }
+            )
+          },
+          `${e.field}-${t}`
+        );
+      })
+    }
+  );
+};
+D.displayName = "SplitCellRenderer";
+export {
+  D as SplitCellRenderer
+};

package/dist/components/data/ag-grid-react/cell-renderers/status-badge-renderer.d.ts

@@ -0,0 +1,35 @@
+import { ICellRendererParams } from 'ag-grid-community';
+interface StatusConfig {
+    [key: string]: {
+        label: string;
+        className: string;
+    };
+}
+export interface StatusBadgeRendererProps extends ICellRendererParams {
+    /** Custom status configuration mapping status keys to labels and CSS classes */
+    statusConfig?: StatusConfig;
+}
+/**
+ * StatusBadgeRenderer - Display-only renderer showing a status pill.
+ *
+ * Stateless: derives label and styling from the cell value and an optional
+ * statusConfig map. Falls back to a neutral gray pill if the status is unknown.
+ *
+ * Usage in colDef:
+ * ```ts
+ * {
+ *   field: 'status',
+ *   cellRenderer: StatusBadgeRenderer,
+ *   cellRendererParams: {
+ *     statusConfig: {
+ *       draft: { label: 'Draft', className: 'bg-accent text-accent-foreground' },
+ *     }
+ *   }
+ * }
+ * ```
+ */
+export declare const StatusBadgeRenderer: {
+    (props: StatusBadgeRendererProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export {};

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

@@ -0,0 +1,38 @@
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import { useCallback as c } from "react";
+const p = (d) => {
+  const { value: h, node: o, column: t, leftLabel: s, rightLabel: i, disabled: e } = d, n = !!h, r = c(() => {
+    e || !t || o.setDataValue(t.getColId(), !n);
+  }, [e, t, o, n]), u = c(
+    (l) => {
+      e || (l.key === " " || l.key === "Enter") && (l.preventDefault(), r());
+    },
+    [e, r]
+  );
+  return /* @__PURE__ */ b("div", { className: `flex items-center justify-center h-full w-full gap-2 ag-cell-inner-padding ${e ? "opacity-60 cursor-not-allowed" : !e ? "in-ag-editable-cell-highlight" : ""}`, children: [
+    s && /* @__PURE__ */ a("span", { className: "text-xs text-secondary-foreground", children: s }),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        onClick: r,
+        onKeyDown: u,
+        role: "switch",
+        "aria-checked": n,
+        "aria-disabled": e,
+        tabIndex: e ? -1 : 0,
+        className: `inline-flex h-4 w-6 shrink-0 items-center rounded-full border transition-colors ${e ? "cursor-not-allowed opacity-50" : "cursor-pointer"} ${n ? "bg-brand-tint border-canvas-accordion" : "bg-canvas-elevated border-canvas-tint"}`,
+        children: /* @__PURE__ */ a(
+          "div",
+          {
+            className: `pointer-events-none block h-[10px] w-[10px] rounded-full shadow-lg transition-transform ${n ? "translate-x-[10px] bg-brand" : "translate-x-[2px] bg-stroke-field"}`
+          }
+        )
+      }
+    ),
+    i && /* @__PURE__ */ a("span", { className: "text-xs text-secondary-foreground", children: i })
+  ] });
+};
+p.displayName = "SwitchDisplayRenderer";
+export {
+  p as SwitchDisplayRenderer
+};

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

@@ -0,0 +1,141 @@
+import { ReactNode } from 'react';
+import { IRowNode, ColDef, GridApi, Column } from 'ag-grid-community';
+/**
+ * Badge variant/color mapping types used across badge-related renderers.
+ */
+export type BadgeVariant = 'solid' | 'outline' | 'subtle';
+export type BadgeColor = 'primary' | 'success' | 'warning' | 'destructive' | 'neutral';
+/**
+ * Validation condition for dynamic behavior
+ */
+export interface ValidationCondition {
+    field: string;
+    condition: '>' | '<' | '>=' | '<=' | '==' | '!=' | 'contains';
+    value: unknown;
+}
+/**
+ * Validation rules for disabling/enabling elements
+ */
+export interface ValidationRules {
+    disabled?: {
+        operator: 'AND' | 'OR';
+        conditions: ValidationCondition[];
+    };
+}
+export interface SelectOption {
+    label: string;
+    value: string;
+    isDisabled?: boolean;
+}
+export interface ActionButton {
+    label: string;
+    onClick: (data: Record<string, unknown>) => void;
+    variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+    size?: 'default' | 'sm' | 'lg' | 'icon';
+    icon?: ReactNode;
+    iconPlacement?: 'left' | 'right';
+    className?: string;
+    disabled?: boolean;
+}
+export interface RightSideIcon {
+    icon?: string | ReactNode;
+    iconField?: string;
+    tooltip?: string;
+    tooltipField?: string;
+    tooltipSide?: 'top' | 'bottom' | 'left' | 'right';
+    backgroundColor?: string;
+    backgroundColorField?: string;
+    color?: string;
+    colorField?: string;
+    showOnHover?: boolean;
+    onClick?: (params: {
+        rowId: string;
+        field: string;
+        rowData: Record<string, unknown>;
+    }) => void | Promise<void>;
+}
+export interface RightSideBadge {
+    label?: string;
+    labelField?: string;
+    color?: string;
+    colorField?: string;
+    variant?: string;
+    variantField?: string;
+    onClick?: (params: {
+        rowId: string;
+        field: string;
+        rowData: Record<string, unknown>;
+    }) => void | Promise<void>;
+}
+export interface RightSideContentItem {
+    type: 'icon' | 'badge' | 'dynamic';
+    icon?: RightSideIcon;
+    badge?: RightSideBadge;
+    dynamic?: ReactNode | ((rowData: Record<string, unknown>) => ReactNode);
+}
+export interface RightSideContent {
+    items: RightSideContentItem[];
+}
+/**
+ * Props passed to components rendered within a SplitCellRenderer or SplitCellEditor.
+ * These are "sub-cell" components that receive a subset of standard AG Grid params.
+ */
+export interface SubCellComponentProps {
+    value: unknown;
+    valueFormatted?: string;
+    data: unknown;
+    node?: IRowNode;
+    colDef?: ColDef;
+    api?: GridApi;
+    column?: Column;
+    context?: unknown;
+    onValueChange?: (value: unknown) => void;
+    suppressAutoFocus?: boolean;
+    stopEditing?: (suppressNavigateAfterEdit?: boolean) => void;
+    className?: string;
+}
+export interface ValueFormatter {
+    type: string;
+    symbol?: string;
+    position?: 'prefix' | 'suffix';
+    decimals?: number;
+}
+export interface SplitConfig {
+    field: string;
+    headerName?: string;
+    editable?: boolean;
+    cellDataType?: string;
+    valueFormatter?: ValueFormatter;
+}
+/**
+ * Metadata attached to an individual cell value.
+ * e.g. `{ _isDisabled: true }`
+ */
+export interface CellMetadata {
+    _isDisabled?: boolean;
+    valueFormatter?: ValueFormatter;
+}
+/**
+ * Metadata attached to a row.
+ * e.g. `{ _isDisabled: false, start_date: "2025-01-06", end_date: "2025-01-26", kpi: "markdown_value" }`
+ */
+export interface RowMetadata {
+    _isDisabled?: boolean;
+    valueFormatter?: ValueFormatter;
+    [key: string]: unknown;
+}
+/**
+ * Shape of an individual version value within a split cell.
+ * e.g. `{ value: 1500, cellMetadata: { _isDisabled: true } }`
+ */
+export interface SplitCellValueEntry {
+    value: unknown;
+    cellMetadata?: CellMetadata;
+}
+/**
+ * Shape of the entire split cell value object.
+ * Keys are version identifiers (e.g. "wp", "iaf").
+ */
+export interface SplitCellValue {
+    [versionKey: string]: SplitCellValueEntry;
+}

package/dist/components/data/ag-grid-react/column-indicator-sync-bus.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Lightweight bus for column-picker filter/search indicators.
+ * Replaces synthetic `gridApi.onFilterChanged('api')` on search open/close,
+ * which incorrectly triggers SSRM refetches when the filter model is unchanged.
+ */
+type ColumnIndicatorSyncListener = () => void;
+export declare function subscribeColumnIndicatorSync(listener: ColumnIndicatorSyncListener): () => void;
+export declare function emitColumnIndicatorSync(): void;
+export {};

package/dist/components/data/ag-grid-react/column-indicator-sync-bus.js

@@ -0,0 +1,15 @@
+const t = /* @__PURE__ */ new Set();
+function c(n) {
+  return t.add(n), () => {
+    t.delete(n);
+  };
+}
+function e() {
+  t.forEach((n) => {
+    n();
+  });
+}
+export {
+  e as emitColumnIndicatorSync,
+  c as subscribeColumnIndicatorSync
+};

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

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { AdvancedFilterModel } from '../../ag-grid.types';
+import { GridApi } from 'ag-grid-community';
+interface AdvancedFilterDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onApply: (model: AdvancedFilterModel | null) => void;
+    columnId: string;
+    columnLabel: string;
+    columnType: 'text' | 'number' | 'date' | 'select' | 'multi';
+    selectOptions?: Array<{
+        label: string;
+        value: string;
+    }>;
+    isMultiSelect?: boolean;
+    initialModel?: AdvancedFilterModel | null;
+    api?: GridApi;
+}
+/**
+ * AdvancedFilterDialog - Uses ColumnFilterSection for each column.
+ * Per-column logic stored as a map.
+ */
+export declare const AdvancedFilterDialog: React.FC<AdvancedFilterDialogProps>;
+export {};

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

@@ -0,0 +1,246 @@
+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 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 { DEFAULT_DATE_DISPLAY_FORMAT as j } from "../utils/date-utils.js";
+const M = (k) => {
+  const m = {};
+  return k.forEach((p) => {
+    p.columnId && (m[p.columnId] || (m[p.columnId] = []), m[p.columnId].push(p));
+  }), m;
+}, Fe = ({
+  isOpen: k,
+  onClose: m,
+  onApply: p,
+  columnId: a,
+  columnLabel: G,
+  columnType: C,
+  selectOptions: P,
+  isMultiSelect: H,
+  initialModel: L,
+  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);
+    return Object.keys(c).forEach((n) => {
+      e[n] = o?.[n] || L?.logic || "OR";
+    }), e[a] || (e[a] = o?.[a] || "OR"), e;
+  }), [v, S] = 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 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";
+            s = {
+              id: F(),
+              columnId: n,
+              columnType: "date",
+              operator: X,
+              value: i.dateFrom || "",
+              valueTo: i.dateTo || ""
+            };
+          } else if (t.filterType === "text")
+            s = {
+              id: F(),
+              columnId: n,
+              columnType: "text",
+              operator: t.type === "contains" ? "contains" : "equals",
+              value: t.filter ?? ""
+            };
+          else if (t.filterType === "number")
+            s = {
+              id: F(),
+              columnId: n,
+              columnType: "number",
+              operator: t.type === "equals" ? "equals" : t.type || "equals",
+              value: String(t.filter)
+            };
+          else if (t.filterType === "set")
+            s = {
+              id: F(),
+              columnId: n,
+              columnType: "select",
+              operator: "equals",
+              value: (t.values ?? []).filter(
+                (i) => i != null
+              )
+            };
+          else if (t.filterType === "multi") {
+            const i = t.filterModels?.find((h) => h && h.filterType === "set");
+            i && (s = {
+              id: F(),
+              columnId: n,
+              columnType: "multi",
+              // or select?
+              operator: "equals",
+              value: (i.values ?? []).filter(
+                (h) => h != null
+              )
+            });
+          }
+          s && e.push(s);
+        }
+      });
+    }
+    return e.some((l) => l.columnId === a) || e.push(O(a, C)), e;
+  }), [R] = w(() => ({
+    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) => {
+      const c = /* @__PURE__ */ new Set(), n = [];
+      l.forEach((s) => {
+        c.has(s.columnId) || (c.add(s.columnId), n.push(s.columnId));
+      }), c.has(e) || n.push(e);
+      const t = [];
+      return n.forEach((s) => {
+        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" }));
+  }, 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(
+    v.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 i = t.getColGroupDef();
+      i && i.headerName && n.unshift(i.headerName), t = t.getParent();
+    }
+    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 }) }) })
+    ] }),
+    /* @__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: [
+        /* @__PURE__ */ r(
+          y,
+          {
+            value: "column",
+            size: "md",
+            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"),
+            children: d("advancedFilter.currentColumn")
+          }
+        ),
+        /* @__PURE__ */ g(ae, { children: [
+          /* @__PURE__ */ r(se, { asChild: !0, children: /* @__PURE__ */ r(
+            "span",
+            {
+              style: {
+                cursor: x ? "not-allowed" : "default",
+                display: "inline-flex"
+              },
+              children: /* @__PURE__ */ r(
+                y,
+                {
+                  value: "global",
+                  size: "md",
+                  variant: "ghost",
+                  "aria-pressed": b === "global",
+                  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"),
+                  children: d("advancedFilter.allFilters")
+                }
+              )
+            }
+          ) }),
+          x && /* @__PURE__ */ r(ie, { variant: "tertiary", children: d("advancedFilter.allFiltersDisabledTooltip") })
+        ] })
+      ] }),
+      /* @__PURE__ */ r(y, { 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: b === "column" ? (
+      // Column Mode: Single column section
+      /* @__PURE__ */ r(
+        $,
+        {
+          columnId: a,
+          columnLabel: V(a, G),
+          columnType: C,
+          selectOptions: P,
+          isMultiSelect: P ? !!H : !0,
+          rules: B(a),
+          logic: _(a),
+          onLogicChange: (e) => E(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), 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(
+            $,
+            {
+              columnId: e,
+              columnLabel: t,
+              columnType: s,
+              selectOptions: i,
+              isMultiSelect: h,
+              rules: B(e),
+              logic: _(e),
+              onLogicChange: (f) => E(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-stroke-subtle", children: /* @__PURE__ */ g("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ r(
+        y,
+        {
+          onClick: Y,
+          variant: "secondary",
+          disabled: !U,
+          children: d("advancedFilter.discard")
+        }
+      ),
+      /* @__PURE__ */ r(y, { onClick: K, variant: "default", children: d("advancedFilter.apply") })
+    ] }) })
+  ] }) });
+};
+export {
+  Fe as AdvancedFilterDialog
+};

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

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { AdvancedFilterRule } from '../../ag-grid.types';
+export interface ColumnFilterSectionProps {
+    columnId: string;
+    columnLabel: string;
+    columnType: 'text' | 'number' | 'date' | 'select' | 'multi';
+    selectOptions?: Array<{
+        label: string;
+        value: string;
+    }>;
+    isMultiSelect?: boolean;
+    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.
+ * Manages its own logic (AND/OR) independently.
+ */
+export declare const ColumnFilterSection: React.FC<ColumnFilterSectionProps>;