impact-nova 1.7.29 → 1.7.31

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

@@ -13,6 +13,8 @@ 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,45 +1,45 @@
-import { jsxs as f, jsx as o, Fragment as W } from "react/jsx-runtime";
+import { jsxs as f, jsx as r, Fragment as Y } from "react/jsx-runtime";
 import { useState as R } from "react";
-import { Dialog as X, DialogContent as Y, DialogHeader as Z, DialogTitle as _, DialogClose as I, DialogBody as ee, DialogFooter as te } from "../../../dialog.js";
+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 { Button as v } from "../../../button.js";
-import { Tooltip as le, TooltipTrigger as ne, TooltipContent as oe } from "../../../tooltip.js";
-import { Cross as re } from "../../../../../icons/index.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 ae } from "../../../../../i18n/ImpactNovaI18nContext.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;
-}, be = ({
+}, Ce = ({
   isOpen: S,
   onClose: d,
   onApply: m,
   columnId: a,
-  columnLabel: J,
+  columnLabel: V,
   columnType: C,
   selectOptions: A,
-  isMultiSelect: G,
+  isMultiSelect: J,
+  datePickerVariant: G = "date",
   initialModel: E,
   api: p
-  // Add api to props
 }) => {
-  const { t: u } = ae(), z = () => (E?.rules || []).filter((e) => !("logic" in e)), [h, q] = R("column"), [x, O] = R(() => {
+  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, T] = R(() => {
+  }), [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 r = null;
+          let o = null;
           if (l.filterType === "text")
-            r = {
+            o = {
               id: Math.random().toString(36).substr(2, 9),
               columnId: i,
               columnType: "text",
@@ -47,7 +47,7 @@ const j = (S) => {
               value: l.filter
             };
           else if (l.filterType === "number")
-            r = {
+            o = {
               id: Math.random().toString(36).substr(2, 9),
               columnId: i,
               columnType: "number",
@@ -55,7 +55,7 @@ const j = (S) => {
               value: String(l.filter)
             };
           else if (l.filterType === "set")
-            r = {
+            o = {
               id: Math.random().toString(36).substr(2, 9),
               columnId: i,
               columnType: "select",
@@ -64,7 +64,7 @@ const j = (S) => {
             };
           else if (l.filterType === "multi") {
             const c = l.filterModels?.find((N) => N && N.filterType === "set");
-            c && (r = {
+            c && (o = {
               id: Math.random().toString(36).substr(2, 9),
               columnId: i,
               columnType: "multi",
@@ -73,7 +73,7 @@ const j = (S) => {
               value: c.values
             });
           }
-          r && e.push(r);
+          o && e.push(o);
         }
       });
     }
@@ -82,35 +82,35 @@ const j = (S) => {
     allRules: g,
     // Use the computed rules (potentially synced)
     columnLogic: { ...x }
-  })), H = JSON.stringify({ allRules: g, columnLogic: x }) !== JSON.stringify(F), $ = (e) => g.filter((n) => n.columnId === e), D = (e, n) => {
-    T((t) => {
+  })), 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((r) => {
-        s.has(r.columnId) || (s.add(r.columnId), i.push(r.columnId));
+      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((r) => {
-        r === e ? l.push(...n) : l.push(...t.filter((c) => c.columnId === r));
+      return i.forEach((o) => {
+        o === e ? l.push(...n) : l.push(...t.filter((c) => c.columnId === o));
       }), l;
     });
-  }, L = (e) => x[e] || "OR", M = (e, n) => {
+  }, T = (e) => x[e] || "OR", L = (e, n) => {
     O((t) => ({ ...t, [e]: n }));
   }, K = () => {
-    h === "column" ? (D(a, [w(a, C)]), M(a, "OR")) : (T([w(a, C)]), O({ [a]: "OR" }));
+    h === "column" ? (D(a, [w(a, C)]), L(a, "OR")) : (k([w(a, C)]), O({ [a]: "OR" }));
   }, Q = () => {
-    T(F.allRules.length > 0 ? F.allRules : [w(a, C)]), O(F.columnLogic);
+    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: L(n), rules: e });
+      m({ logic: T(n), rules: e });
     }
     d();
-  }, V = j(g), k = Object.keys(V), y = Object.keys(j(
+  }, 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, P = (e, n) => {
+  )).length <= 1, $ = (e, n) => {
     if (!p) return n;
     const t = p.getColumn(e);
     if (!t) return n;
@@ -120,24 +120,24 @@ const j = (S) => {
       const c = l.getColGroupDef();
       c && c.headerName && i.unshift(c.headerName), l = l.getParent();
     }
-    const r = s?.headerName || e;
-    return i.push(r), i.join(" > ");
+    const o = s?.headerName || e;
+    return i.push(o), i.join(" > ");
   };
-  return /* @__PURE__ */ f(X, { open: S, onOpenChange: d, children: [
+  return /* @__PURE__ */ f(Z, { open: S, onOpenChange: d, children: [
     (console.log("[AdvancedFilterDialog] Current State:", {
       mode: h,
       allRules: g,
       columnLogic: x,
-      activeColumns: k
+      activeColumns: M
     }), null),
-    /* @__PURE__ */ f(Y, { className: "w-[800px] max-w-[95vw] max-h-[90vh] flex flex-col p-0", hideClose: !0, children: [
-      /* @__PURE__ */ f(Z, { className: "flex flex-row items-center justify-between px-4 py-3", children: [
-        /* @__PURE__ */ o(_, { children: u("advancedFilter.title") }),
-        /* @__PURE__ */ o(I, { asChild: !0, children: /* @__PURE__ */ o(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__ */ o(re, { size: 14 }) }) })
+    /* @__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__ */ o(
+          /* @__PURE__ */ r(
             v,
             {
               value: "column",
@@ -145,19 +145,19 @@ const j = (S) => {
               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: () => q("column"),
+              onClick: () => P("column"),
               children: u("advancedFilter.currentColumn")
             }
           ),
-          /* @__PURE__ */ f(le, { children: [
-            /* @__PURE__ */ o(ne, { asChild: !0, children: /* @__PURE__ */ o(
+          /* @__PURE__ */ f(re, { children: [
+            /* @__PURE__ */ r(oe, { asChild: !0, children: /* @__PURE__ */ r(
               "span",
               {
                 style: {
                   cursor: y ? "not-allowed" : "default",
                   display: "inline-flex"
                 },
-                children: /* @__PURE__ */ o(
+                children: /* @__PURE__ */ r(
                   v,
                   {
                     value: "global",
@@ -167,57 +167,59 @@ const j = (S) => {
                     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: () => q("global"),
+                    onClick: () => P("global"),
                     children: u("advancedFilter.allFilters")
                   }
                 )
               }
             ) }),
-            y && /* @__PURE__ */ o(oe, { variant: "tertiary", children: u("advancedFilter.allFiltersDisabledTooltip") })
+            y && /* @__PURE__ */ r(ae, { variant: "tertiary", children: u("advancedFilter.allFiltersDisabledTooltip") })
           ] })
         ] }),
-        /* @__PURE__ */ o(v, { variant: "ghost", onClick: K, className: "!text-brand", children: u("advancedFilter.clearAll") })
+        /* @__PURE__ */ r(v, { variant: "ghost", onClick: K, className: "!text-brand", children: u("advancedFilter.clearAll") })
       ] }),
-      /* @__PURE__ */ o(ee, { className: "px-0 py-4 flex-1 overflow-y-auto min-h-0", children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-6 w-full px-4", children: h === "column" ? (
+      /* @__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__ */ o(
+        /* @__PURE__ */ r(
           B,
           {
             columnId: a,
-            columnLabel: P(a, J),
+            columnLabel: $(a, V),
             columnType: C,
             selectOptions: A,
-            isMultiSelect: A ? !!G : !0,
-            rules: $(a),
-            logic: L(a),
-            onLogicChange: (e) => M(a, e),
+            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__ */ o(W, { children: k.length === 0 ? /* @__PURE__ */ o("div", { className: "text-center py-8 text-content-placeholder", children: u("advancedFilter.noFiltersApplied") }) : k.map((e, n) => {
+        /* @__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 = P(e, i), r = 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: ${r}, Filter: ${t?.filter}`);
-          const c = s?.selectOptions, N = s?.isMultiSelect;
+          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__ */ o("hr", { className: "border-stroke-hairline mb-6" }),
-            /* @__PURE__ */ o(
+            n > 0 && /* @__PURE__ */ r("hr", { className: "border-stroke-hairline mb-6" }),
+            /* @__PURE__ */ r(
               B,
               {
                 columnId: e,
                 columnLabel: l,
-                columnType: r,
+                columnType: o,
                 selectOptions: c,
                 isMultiSelect: N,
-                rules: $(e),
-                logic: L(e),
-                onLogicChange: (b) => M(e, b),
+                datePickerVariant: X,
+                rules: q(e),
+                logic: T(e),
+                onLogicChange: (b) => L(e, b),
                 onRulesChange: (b) => D(e, b),
                 canDeleteLastRule: !0,
                 onDeleteColumnFilter: () => D(e, [])
@@ -226,8 +228,8 @@ const j = (S) => {
           ] }, e);
         }) })
       ) }) }),
-      /* @__PURE__ */ o(te, { className: "flex justify-end border-t border-[#D9DDE7]", children: /* @__PURE__ */ f("div", { className: "flex gap-3", children: [
-        /* @__PURE__ */ o(
+      /* @__PURE__ */ r(ne, { className: "flex justify-end border-t border-[#D9DDE7]", children: /* @__PURE__ */ f("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ r(
           v,
           {
             onClick: Q,
@@ -236,12 +238,12 @@ const j = (S) => {
             children: u("advancedFilter.discard")
           }
         ),
-        /* @__PURE__ */ o(v, { onClick: U, variant: "default", children: u("advancedFilter.apply") })
+        /* @__PURE__ */ r(v, { onClick: U, variant: "default", children: u("advancedFilter.apply") })
       ] }) })
     ] })
   ] });
 };
 export {
-  be as AdvancedFilterDialog,
-  be as default
+  Ce as AdvancedFilterDialog,
+  Ce as default
 };

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

@@ -9,6 +9,8 @@ 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;

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

@@ -1,60 +1,95 @@
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { useMemo as w } from "react";
-import { Button as u } from "../../../button.js";
-import { Input as v } from "../../../input.js";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { useMemo as y } from "react";
+import { Button as v } from "../../../button.js";
+import { Input as h } from "../../../input.js";
 import { DatePicker as P } from "../../../date-picker/date-picker.js";
-import { DateRangePicker as T } from "../../../date-picker/date-range-picker.js";
+import { DateRangePicker as V } from "../../../date-picker/date-range-picker.js";
+import { MonthPicker as z } from "../../../date-picker/month-picker.js";
+import { MonthRangePicker as M } from "../../../date-picker/month-range-picker.js";
 import p from "../../../select/select.js";
-import { Bin as E } from "../../../../../icons/index.js";
-import { createEmptyRule as q } from "../utils/filter-utils.js";
-import { useImpactNovaI18n as I } from "../../../../../i18n/ImpactNovaI18nContext.js";
-const y = {
+import { Bin as C } from "../../../../../icons/index.js";
+import { createEmptyRule as E } from "../utils/filter-utils.js";
+import { useImpactNovaI18n as W } from "../../../../../i18n/ImpactNovaI18nContext.js";
+const R = {
   text: ["contains", "notContains", "equals", "notEqual", "startsWith", "endsWith", "empty", "notEmpty"],
   number: ["equals", "notEqual", "greaterThan", "greaterThanOrEqual", "lessThan", "lessThanOrEqual", "inRange", "empty", "notEmpty"],
   date: ["equals", "notEqual", "greaterThan", "lessThan", "inRange"],
   select: ["equals"],
   multi: ["contains", "notContains", "startsWith", "endsWith", "equals", "notEqual", "empty", "notEmpty"]
-}, $ = ({
-  columnId: h,
-  columnLabel: C,
+}, Z = ({
+  columnId: g,
+  columnLabel: S,
   columnType: l,
-  selectOptions: g,
-  isMultiSelect: c,
-  rules: s,
-  logic: R,
-  onLogicChange: O,
-  onRulesChange: m,
-  canDeleteLastRule: f = !1,
-  onDeleteColumnFilter: x
+  selectOptions: x,
+  isMultiSelect: m,
+  datePickerVariant: O = "date",
+  rules: d,
+  logic: q,
+  onLogicChange: F,
+  onRulesChange: f,
+  canDeleteLastRule: u = !1,
+  onDeleteColumnFilter: b
 }) => {
-  const { t: r } = I(), b = w(() => (y[l] ?? y.text).map((n) => ({ label: r(`filter.operators.${l === "date" && n === "greaterThan" ? "after" : l === "date" && n === "lessThan" ? "before" : l === "date" && n === "inRange" ? "between" : n}`), value: n })), [l, r]), N = w(
+  const { t: r } = W(), w = y(() => (R[l] ?? R.text).map((n) => ({ label: r(`filter.operators.${l === "date" && n === "greaterThan" ? "after" : l === "date" && n === "lessThan" ? "before" : l === "date" && n === "inRange" ? "between" : n}`), value: n })), [l, r]), N = y(
     () => [
       { label: r("filter.logicAll"), value: "AND" },
       { label: r("filter.logicAny"), value: "OR" }
     ],
     [r]
-  ), A = () => {
-    m([...s, q(h, l)]);
-  }, F = (e) => {
-    if (s.length > 1 || f) {
-      const n = s.filter((t) => t.id !== e);
-      n.length === 0 && f ? m([]) : m(n.length > 0 ? n : [q(h, l)]);
+  ), D = () => {
+    f([...d, E(g, l)]);
+  }, k = (e) => {
+    if (d.length > 1 || u) {
+      const n = d.filter((t) => t.id !== e);
+      n.length === 0 && u ? f([]) : f(n.length > 0 ? n : [E(g, l)]);
     }
-  }, o = (e, n) => {
-    m(s.map((t) => t.id === e ? { ...t, ...n } : t));
-  }, S = (e) => {
+  }, i = (e, n) => {
+    f(d.map((t) => t.id === e ? { ...t, ...n } : t));
+  }, T = (e) => {
     if (e.operator === "empty" || e.operator === "notEmpty")
       return /* @__PURE__ */ a("span", { className: "text-content-placeholder italic text-sm", children: r("advancedFilter.noValueNeeded") });
-    if (l === "date")
+    if (l === "date") {
+      if (O === "month") {
+        const t = (o) => {
+          if (!o) return;
+          const s = new Date(o);
+          return isNaN(s.getTime()) ? void 0 : { year: s.getFullYear(), month: s.getMonth() };
+        };
+        return e.operator === "inRange" ? /* @__PURE__ */ a(
+          M,
+          {
+            value: {
+              from: t(e.value) || { year: (/* @__PURE__ */ new Date()).getFullYear(), month: 0 },
+              to: t(e.valueTo || "")
+            },
+            onChange: (o) => {
+              const s = o?.from ? new Date(o.from.year, o.from.month, 1).toISOString() : "", I = o?.to ? new Date(o.to.year, o.to.month + 1, 0).toISOString() : "";
+              i(e.id, { value: s, valueTo: I });
+            },
+            showFooter: !0
+          }
+        ) : /* @__PURE__ */ a(
+          z,
+          {
+            value: t(e.value),
+            onChange: (o) => {
+              const s = o ? new Date(o.year, o.month, 1).toISOString() : "";
+              i(e.id, { value: s });
+            },
+            placeholder: r("filter.selectMonth"),
+            showFooter: !0
+          }
+        );
+      }
       return e.operator === "inRange" ? /* @__PURE__ */ a(
-        T,
+        V,
         {
           value: {
             from: e.value ? new Date(e.value) : void 0,
             to: e.valueTo ? new Date(e.valueTo) : void 0
           },
           onChange: (t) => {
-            o(e.id, {
+            i(e.id, {
               value: t?.from?.toISOString() || "",
               valueTo: t?.to?.toISOString() || ""
             });
@@ -65,34 +100,35 @@ const y = {
         P,
         {
           value: e.value ? new Date(e.value) : void 0,
-          onChange: (t) => o(e.id, { value: t?.toISOString() || "" }),
+          onChange: (t) => i(e.id, { value: t?.toISOString() || "" }),
           placeholder: r("filter.selectDate"),
           showFooter: !0
         }
       );
+    }
     const n = e.operator === "equals" || e.operator === "notEqual";
     return l === "select" || l === "multi" && n ? /* @__PURE__ */ a(
       p,
       {
-        options: g || [],
+        options: x || [],
         value: (() => {
-          const t = (g || []).filter((i) => Array.isArray(e.value) ? e.value.includes(i.value) : String(e.value) === String(i.value));
-          return t.length === 0 ? null : c !== !1 ? t : t[0];
+          const t = (x || []).filter((o) => Array.isArray(e.value) ? e.value.includes(o.value) : String(e.value) === String(o.value));
+          return t.length === 0 ? null : m !== !1 ? t : t[0];
         })(),
         onChange: (t) => {
-          Array.isArray(t) ? o(e.id, { value: t.map((i) => i.value) }) : o(e.id, { value: t?.value || "" });
+          Array.isArray(t) ? i(e.id, { value: t.map((o) => o.value) }) : i(e.id, { value: t?.value || "" });
         },
-        isMulti: c !== void 0 ? c : !0,
-        placeholder: r(c === !1 ? "filter.selectValue" : "filter.selectValues"),
+        isMulti: m !== void 0 ? m : !0,
+        placeholder: r(m === !1 ? "filter.selectValue" : "filter.selectValues"),
         className: "w-full",
         menuPortalTarget: document.body
       }
-    ) : e.operator === "inRange" ? /* @__PURE__ */ d("div", { className: "flex items-center gap-2 w-full", children: [
+    ) : e.operator === "inRange" ? /* @__PURE__ */ c("div", { className: "flex items-center gap-2 w-full", children: [
       /* @__PURE__ */ a(
-        v,
+        h,
         {
           value: e.value,
-          onChange: (t) => o(e.id, { value: t.target.value }),
+          onChange: (t) => i(e.id, { value: t.target.value }),
           placeholder: r("filter.from"),
           type: l === "number" ? "number" : "text",
           className: "flex-1"
@@ -100,67 +136,67 @@ const y = {
       ),
       /* @__PURE__ */ a("span", { className: "text-content-placeholder shrink-0", children: r("filter.to") }),
       /* @__PURE__ */ a(
-        v,
+        h,
         {
           value: e.valueTo || "",
-          onChange: (t) => o(e.id, { valueTo: t.target.value }),
+          onChange: (t) => i(e.id, { valueTo: t.target.value }),
           placeholder: r("filter.to"),
           type: l === "number" ? "number" : "text",
           className: "flex-1"
         }
       )
     ] }) : /* @__PURE__ */ a(
-      v,
+      h,
       {
         value: e.value,
-        onChange: (t) => o(e.id, { value: t.target.value }),
+        onChange: (t) => i(e.id, { value: t.target.value }),
         placeholder: r("filter.enterValue"),
         type: l === "number" ? "number" : "text",
         className: "w-full"
       }
     );
-  }, k = (e) => {
-    const n = b.find((t) => t.value === e.operator);
-    return /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+  }, A = (e) => {
+    const n = w.find((t) => t.value === e.operator);
+    return /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ a("div", { className: "w-[120px] shrink-0", children: /* @__PURE__ */ a(
         p,
         {
-          options: b,
+          options: w,
           value: n || null,
           onChange: (t) => {
-            const i = t;
-            i && o(e.id, { operator: i.value });
+            const o = t;
+            o && i(e.id, { operator: o.value });
           },
           placeholder: r("filter.operator"),
           className: "w-full",
           menuPortalTarget: document.body
         }
       ) }),
-      /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: S(e) }),
+      /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: T(e) }),
       /* @__PURE__ */ a(
-        u,
+        v,
         {
-          onClick: () => F(e.id),
+          onClick: () => k(e.id),
           variant: "tertiary",
           size: "icon",
           "aria-label": r("aria.removeRule"),
-          disabled: s.length === 1 && !f,
-          children: /* @__PURE__ */ a(E, { size: "xs" })
+          disabled: d.length === 1 && !u,
+          children: /* @__PURE__ */ a(C, { size: "xs" })
         }
       )
     ] }, e.id);
   };
-  return /* @__PURE__ */ d("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ d("div", { className: "text-content-muted text-sm flex items-center gap-2 flex-wrap", children: [
+  return /* @__PURE__ */ c("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ c("div", { className: "text-content-muted text-sm flex items-center gap-2 flex-wrap", children: [
       /* @__PURE__ */ a("span", { children: r("advancedFilter.match") }),
       /* @__PURE__ */ a("div", { className: "w-[80px]", children: /* @__PURE__ */ a(
         p,
         {
           options: N,
-          value: N.find((e) => e.value === R),
+          value: N.find((e) => e.value === q),
           onChange: (e) => {
             const n = e;
-            n && O(n.value);
+            n && F(n.value);
           },
           className: "h-8",
           menuPortalTarget: document.body,
@@ -168,20 +204,20 @@ const y = {
         }
       ) }),
       /* @__PURE__ */ a("span", { children: r("advancedFilter.ofTheFollowingRulesForColumn") }),
-      /* @__PURE__ */ a("span", { className: "font-semibold text-content-tertiary", children: C })
+      /* @__PURE__ */ a("span", { className: "font-semibold text-content-tertiary", children: S })
     ] }),
-    /* @__PURE__ */ a("div", { className: "flex flex-col gap-3", children: s.map((e) => k(e)) }),
-    /* @__PURE__ */ d("div", { className: "flex items-center justify-between mt-1", children: [
-      /* @__PURE__ */ a(u, { onClick: A, variant: "outline", size: "sm", children: r("advancedFilter.addRule") }),
-      x && /* @__PURE__ */ d(
-        u,
+    /* @__PURE__ */ a("div", { className: "flex flex-col gap-3", children: d.map((e) => A(e)) }),
+    /* @__PURE__ */ c("div", { className: "flex items-center justify-between mt-1", children: [
+      /* @__PURE__ */ a(v, { onClick: D, variant: "outline", size: "sm", children: r("advancedFilter.addRule") }),
+      b && /* @__PURE__ */ c(
+        v,
         {
           variant: "outline",
           size: "sm",
-          onClick: x,
+          onClick: b,
           className: "text-validation hover:text-destructive hover:bg-feedback-error-surface border-destructive",
           children: [
-            /* @__PURE__ */ a(E, { size: "xs" }),
+            /* @__PURE__ */ a(C, { size: "xs" }),
             r("advancedFilter.deleteColumn")
           ]
         }
@@ -190,5 +226,5 @@ const y = {
   ] });
 };
 export {
-  $ as ColumnFilterSection
+  Z as ColumnFilterSection
 };