impact-nova 2.6.2 → 3.0.0-alpha.0

package/dist/components/data/ag-grid-react/headers/header-search-input.js

@@ -1,94 +1,97 @@
-import { jsxs as y, jsx as r } from "react/jsx-runtime";
-import { useRef as Ve, useCallback as X, useState as Le } from "react";
-import { Filter as _e, Cross as j } from "impact-nova-icons";
-import { cn as Ue } from "../../../../lib/utils.js";
-import { DatePicker as Te } from "../../../forms/date-picker/date-picker.js";
-import { MonthPicker as De } from "../../../forms/date-picker/month-picker.js";
+import { jsxs as v, jsx as r } from "react/jsx-runtime";
+import { useRef as _e, useCallback as X, useState as Ue } from "react";
+import { Filter as Ye, Cross as j } from "impact-nova-icons";
+import { cn as Je } from "../../../../lib/utils.js";
+import { DatePicker as De } from "../../../forms/date-picker/date-picker.js";
+import { MonthPicker as Me } from "../../../forms/date-picker/month-picker.js";
 import { WeekPicker as Ne } from "../../../forms/date-picker/week-picker.js";
 import { Input as q } from "../../../forms/input/input.js";
 import { Select as Pe } from "../../../forms/select/select.js";
-import { Popover as Je, PopoverTrigger as Qe, PopoverContent as Xe, PopoverHeader as Ze, PopoverTitle as $e, PopoverBody as et } from "../../../feedback/popover/popover.js";
+import { Popover as Ke, PopoverTrigger as Qe, PopoverContent as Xe, PopoverHeader as Ze, PopoverTitle as $e, PopoverBody as et } from "../../../feedback/popover/popover.js";
 import { useImpactNovaI18n as tt } from "../../../../i18n/use-impact-nova-i18n.js";
 import { useGridHeader as rt } from "./context/grid-header-context.js";
-import { getMultiFilterIndices as H, parseInputPattern as we, mapOperatorToAgGrid as ke } from "./utils/filter-utils.js";
+import { getMultiFilterIndices as H, parseInputPattern as ke, mapOperatorToAgGrid as we } from "./utils/filter-utils.js";
 import { DEFAULT_DATE_DISPLAY_FORMAT as lt, serializeWeek as nt, serializeMonth as at, serializeDate as ot, displayDateToIso as Z } from "./utils/date-utils.js";
+import { fiscalCalendarPassThrough as st } from "../../../forms/date-picker/fiscal-pass-through.js";
 import { useHeaderSearchEditingState as it } from "./use-header-search-editing-state.js";
-const Tt = ({
-  column: P,
-  api: F,
+const Nt = ({
+  column: N,
+  api: b,
   onClose: $,
   handleInlineSearch: ee,
   handleClearSearchInline: te,
   onAdvanceSearchClick: re,
   toggleAdvanceSearch: le,
-  advanceSearchEnabled: Se = !1,
-  selectOptions: Y,
-  isMultiSelect: C,
-  onSelectScrollToBottom: Ae,
-  onSelectSearchChange: He,
+  advanceSearchEnabled: Ae = !1,
+  selectOptions: G,
+  isMultiSelect: F,
+  onSelectScrollToBottom: He,
+  onSelectSearchChange: ze,
   onSelectOpen: ne,
   isLoadingSelect: ae,
-  enableSpaceSplitting: ze = !1,
-  enableBooleanParsing: Be = !1,
+  enableSpaceSplitting: Be = !1,
+  enableBooleanParsing: Se = !1,
   enableDateParsing: Ie = !1
 }) => {
-  const { t: s } = tt(), l = P.getColDef(), d = P.getColId(), G = l?.filter || "agTextColumnFilter", M = G === "agDateColumnFilter", K = G === "agSetColumnFilter" || Y && Y.length > 0 || l?.cellDataType === "boolean", V = l?.headerComponentParams?.datePickerVariant || "date", z = M && V === "month", B = M && V === "week", c = l?.headerComponentParams?.fiscalConfig, x = l?.headerComponentParams?.dateDisplayFormat || lt, oe = rt(), L = Ve(null), {
-    searchText: _,
+  const { t: i } = tt(), l = N.getColDef(), c = N.getColId(), V = l?.filter || "agTextColumnFilter", C = V === "agDateColumnFilter", L = V === "agSetColumnFilter" || G && G.length > 0 || l?.cellDataType === "boolean", _ = l?.headerComponentParams?.datePickerVariant || "date", z = C && _ === "month", B = C && _ === "week", S = st(
+    l?.headerComponentParams ?? {}
+  ), y = l?.headerComponentParams?.dateDisplayFormat || lt, oe = rt(), U = _e(null), {
+    searchText: Y,
     dateDisplayString: I,
-    selectedDate: ie,
-    selectedMonth: se,
+    selectedDate: se,
+    selectedMonth: ie,
     selectedWeek: ce,
-    updateDraft: w,
-    handleFocus: p,
-    handleBlur: h,
-    clearEditingOverlay: Oe
+    updateDraft: P,
+    handleFocus: f,
+    handleBlur: p,
+    clearEditingOverlay: We
   } = it({
-    api: F,
-    colId: d,
+    api: b,
+    colId: c,
     colDef: l,
-    isDateFilter: M,
+    isDateFilter: C,
     isMonthVariant: z,
     isWeekVariant: B,
-    datePickerVariant: V,
-    dateDisplayFormat: x
+    datePickerVariant: _,
+    dateDisplayFormat: y
   }), D = (e, t) => {
-    const n = (a) => a.replace(/[^0-9.\-+eE]/g, ""), i = (a, R) => {
-      const S = we(
+    const n = (a) => a.replace(/[^0-9.\-+eE]/g, ""), s = (a, R) => {
+      const w = ke(
         a,
-        ze,
         Be,
+        Se,
         Ie
       );
-      if (S.conditions.length === 0) return null;
-      const Ce = (u) => {
-        let b = ke(u.operator);
+      if (w.conditions.length === 0) return null;
+      const Ce = (d) => {
+        let x = we(d.operator);
         if (R === "number") {
-          const Me = parseFloat(n(u.value));
+          const Te = parseFloat(n(d.value));
           return ["contains", "notContains", "startsWith", "endsWith"].includes(
-            b
-          ) && (b = b === "notContains" ? "notEqual" : "equals"), u.operator === "inRange" ? {
-            type: b,
-            filter: parseFloat(n(u.value)) || 0,
-            filterTo: parseFloat(n(u.valueTo || "")) || 0,
+            x
+          ) && (x = x === "notContains" ? "notEqual" : "equals"), d.operator === "inRange" ? {
+            type: x,
+            filter: parseFloat(n(d.value)) || 0,
+            filterTo: parseFloat(n(d.valueTo || "")) || 0,
             filterType: "number"
-          } : isNaN(Me) ? null : { type: b, filter: Me, filterType: "number" };
+          } : isNaN(Te) ? null : { type: x, filter: Te, filterType: "number" };
         }
         return {
-          type: b,
-          filter: u.value,
-          filterTo: u.valueTo,
+          type: x,
+          filter: d.value,
+          filterTo: d.valueTo,
           filterType: "text"
         };
       };
       let A = null;
-      if (S.conditions.length === 1)
-        A = Ce(S.conditions[0]);
+      if (w.conditions.length === 1)
+        A = Ce(w.conditions[0]);
       else {
-        const u = S.conditions.map(Ce).filter((b) => b !== null);
-        u.length === 0 ? A = null : u.length === 1 ? A = u[0] : A = {
+        const d = w.conditions.map(Ce).filter((x) => x !== null);
+        d.length === 0 ? A = null : d.length === 1 ? A = d[0] : A = {
           filterType: R,
-          operator: S.logic,
-          conditions: u
+          operator: w.logic,
+          conditions: d
         };
       }
       return A;
@@ -122,36 +125,36 @@ const Tt = ({
           o = a ? { type: "equals", dateFrom: a, filterType: "date" } : null;
         }
       else {
-        const a = l.filter === "agMultiColumnFilter" ? H(l) : null, R = a ? a.text !== -1 ? "text" : "number" : G === "agNumberColumnFilter" ? "number" : "text";
-        o = i(String(e), R);
+        const a = l.filter === "agMultiColumnFilter" ? H(l) : null, R = a ? a.text !== -1 ? "text" : "number" : V === "agNumberColumnFilter" ? "number" : "text";
+        o = s(String(e), R);
       }
-    const f = l.filter === "agMultiColumnFilter" ? H(l) : null, T = f ? t === "text" ? f.text !== -1 ? f.text : f.number : t === "set" ? f.set : f.date : 0;
-    J(o, T);
-  }, U = (e) => {
+    const u = l.filter === "agMultiColumnFilter" ? H(l) : null, T = u ? t === "text" ? u.text !== -1 ? u.text : u.number : t === "set" ? u.set : u.date : 0;
+    K(o, T);
+  }, J = (e) => {
     if (ee) {
       ee(Array.isArray(e) ? e.join(",") : e);
       return;
     }
-    D(e, M ? "date" : "text");
+    D(e, C ? "date" : "text");
   }, de = (e) => {
     const t = e.target.value;
-    w({ searchText: t }), U(t);
+    P({ searchText: t }), J(t);
   }, ue = (e) => {
-    w({ selectedDate: e }), U(e);
+    P({ selectedDate: e }), J(e);
   }, fe = (e) => {
-    w({ selectedMonth: e }), D(e || null, "date");
+    P({ selectedMonth: e }), D(e || null, "date");
   }, pe = (e) => {
-    w({ selectedWeek: e }), D(e || null, "date");
-  }, We = (e) => {
+    P({ selectedWeek: e }), D(e || null, "date");
+  }, Ee = (e) => {
     if (!e.trim()) return null;
-    const t = we(e, !1, !1, !1);
+    const t = ke(e, !1, !1, !1);
     if (t.conditions.length === 0) return null;
     const n = (o) => {
-      let v = ke(o.operator);
+      let g = we(o.operator);
       if (["contains", "notContains", "startsWith", "endsWith"].includes(
-        v
-      ) && (v = v === "notContains" ? "notEqual" : "equals"), o.operator === "inRange") {
-        let T = Z(o.value, x), a = Z(o.valueTo || "", x);
+        g
+      ) && (g = g === "notContains" ? "notEqual" : "equals"), o.operator === "inRange") {
+        let T = Z(o.value, y), a = Z(o.valueTo || "", y);
         return !T || !a ? null : (T > a && ([T, a] = [a, T]), {
           type: "inRange",
           dateFrom: T,
@@ -159,66 +162,66 @@ const Tt = ({
           filterType: "date"
         });
       }
-      const f = Z(o.value, x);
-      return f ? {
-        type: v,
-        dateFrom: f,
+      const u = Z(o.value, y);
+      return u ? {
+        type: g,
+        dateFrom: u,
         filterType: "date"
       } : null;
     };
     if (t.conditions.length === 1)
       return n(t.conditions[0]);
-    const i = t.conditions.map(n).filter((o) => o !== null);
-    return i.length === 0 ? null : i.length === 1 ? i[0] : {
+    const s = t.conditions.map(n).filter((o) => o !== null);
+    return s.length === 0 ? null : s.length === 1 ? s[0] : {
       filterType: "date",
       operator: t.logic,
-      conditions: i
+      conditions: s
     };
-  }, J = X(
+  }, K = X(
     (e, t) => {
-      const n = F.getFilterModel(), i = { ...n };
+      const n = b.getFilterModel(), s = { ...n };
       if (l.filter === "agMultiColumnFilter") {
         if (t === -1) return;
-        const o = n[d], v = o && o.filterType === "multi" ? [...o.filterModels || []] : Array(l.filterParams?.filters?.length || 1).fill(null);
-        v[t] = e, v.every((f) => f === null) ? delete i[d] : i[d] = {
+        const o = n[c], g = o && o.filterType === "multi" ? [...o.filterModels || []] : Array(l.filterParams?.filters?.length || 1).fill(null);
+        g[t] = e, g.every((u) => u === null) ? delete s[c] : s[c] = {
           filterType: "multi",
-          filterModels: v
+          filterModels: g
         };
       } else
-        e ? i[d] = e : delete i[d];
-      F.setFilterModel(i);
+        e ? s[c] = e : delete s[c];
+      b.setFilterModel(s);
     },
-    [F, d, l]
-  ), he = X(
+    [b, c, l]
+  ), me = X(
     (e) => {
       const t = l.filter === "agMultiColumnFilter" ? H(l).date : 0;
-      J(e, t);
+      K(e, t);
     },
-    [l, J]
-  ), me = (e) => {
+    [l, K]
+  ), he = (e) => {
     const t = e.target.value.replace(/[^0-9/\-!=><+,~]/g, "");
-    if (w({ dateDisplayString: t }), !t.trim()) {
-      he(null);
+    if (P({ dateDisplayString: t }), !t.trim()) {
+      me(null);
       return;
     }
-    const n = We(t);
-    n && he(n);
+    const n = Ee(t);
+    n && me(n);
   }, Q = () => {
-    Oe(), U(""), te && te();
-  }, O = (e) => {
+    We(), J(""), te && te();
+  }, W = (e) => {
     D(e, "set");
-  }, W = Y || (l?.cellDataType === "boolean" ? [
-    { label: s("gridHeader.true"), value: "true" },
-    { label: s("gridHeader.false"), value: "false" }
+  }, E = G || (l?.cellDataType === "boolean" ? [
+    { label: i("gridHeader.true"), value: "true" },
+    { label: i("gridHeader.false"), value: "false" }
   ] : []), ge = X(() => {
-    const e = F.getFilterModel()[d];
+    const e = b.getFilterModel()[c];
     if (!e) return [];
     if ("filterType" in e && e.filterType === "multi" && e.filterModels) {
-      const n = H(P.getColDef()).set;
+      const n = H(N.getColDef()).set;
       if (n !== -1) {
-        const i = e.filterModels[n];
-        if (i?.filterType === "set" && i.values)
-          return i.values.filter((o) => o != null);
+        const s = e.filterModels[n];
+        if (s?.filterType === "set" && s.values)
+          return s.values.filter((o) => o != null);
       }
     } else {
       if (e.filterType === "set" && "values" in e)
@@ -227,30 +230,30 @@ const Tt = ({
         return [String(e.filter)];
     }
     return [];
-  }, [F, d, P]), [E, k] = Le(null), ve = () => {
-    const e = E !== null ? E : ge();
-    return C ? W.filter((t) => e.includes(t.value)) : W.find((t) => e.includes(t.value)) || null;
+  }, [b, c, N]), [O, k] = Ue(null), ve = () => {
+    const e = O !== null ? O : ge();
+    return F ? E.filter((t) => e.includes(t.value)) : E.find((t) => e.includes(t.value)) || null;
   }, ye = (e) => {
     let t = [];
-    if (Array.isArray(e) ? t = e.map((n) => n.value) : e && typeof e == "object" && "value" in e && (t = [e.value]), !C) {
-      O(t), e && $();
+    if (Array.isArray(e) ? t = e.map((n) => n.value) : e && typeof e == "object" && "value" in e && (t = [e.value]), !F) {
+      W(t), e && $();
       return;
     }
     k(t);
-  }, Ee = () => {
-    O([]), k([]);
+  }, Oe = () => {
+    W([]), k([]);
   }, Re = (e) => {
-    if (C) {
+    if (F) {
       if (e !== void 0) {
         let t = [];
-        Array.isArray(e) ? t = e.map((n) => n.value) : e && typeof e == "object" && "value" in e ? t = [e.value] : e === null && (t = []), O(t), k(null);
+        Array.isArray(e) ? t = e.map((n) => n.value) : e && typeof e == "object" && "value" in e ? t = [e.value] : e === null && (t = []), W(t), k(null);
         return;
       }
-      E !== null && (O(E), k(null));
+      O !== null && (W(O), k(null));
     }
   }, je = () => {
     k(ge()), ne && ne();
-  }, qe = () => Se ? /* @__PURE__ */ r(
+  }, qe = () => Ae ? /* @__PURE__ */ r(
     "svg",
     {
       className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover shrink-0",
@@ -261,33 +264,33 @@ const Tt = ({
       width: "18",
       height: "18",
       onClick: (e) => {
-        e.stopPropagation(), L.current && L.current.blur(), re ? re(P) : le ? le(d) : oe && oe.openAdvancedFilter(d);
+        e.stopPropagation(), U.current && U.current.blur(), re ? re(N) : le ? le(c) : oe && oe.openAdvancedFilter(c);
       },
       children: /* @__PURE__ */ r("path", { d: "M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z" })
     }
-  ) : null, Ye = () => /* @__PURE__ */ r(
+  ) : null, Ge = () => /* @__PURE__ */ r(
     "button",
     {
       onClick: $,
       className: "cursor-pointer shrink-0 text-brand hover:text-brand-strong",
       children: /* @__PURE__ */ r(j, { size: "xs" })
     }
-  ), N = l.filter === "agMultiColumnFilter", m = H(l);
-  let g = "text";
-  N ? g = m.set !== -1 ? "set" : m.date !== -1 ? "date" : "text" : K ? g = "set" : M && (g = "date");
-  const Ge = N ? m.text !== -1 || m.number !== -1 : !M && !K, xe = N ? m.set !== -1 : K, be = N ? m.date !== -1 : M, Ke = F.getFilterModel()[d], Fe = N && Ke?.filterModels?.some((e, t) => {
+  ), M = l.filter === "agMultiColumnFilter", m = H(l);
+  let h = "text";
+  M ? h = m.set !== -1 ? "set" : m.date !== -1 ? "date" : "text" : L ? h = "set" : C && (h = "date");
+  const Ve = M ? m.text !== -1 || m.number !== -1 : !C && !L, xe = M ? m.set !== -1 : L, be = M ? m.date !== -1 : C, Le = b.getFilterModel()[c], Fe = M && Le?.filterModels?.some((e, t) => {
     const n = t === m.text || t === m.number ? "text" : t === m.set ? "set" : "date";
-    return e !== null && n !== g;
+    return e !== null && n !== h;
   });
-  return /* @__PURE__ */ y("div", { className: "ag-header-cell-label flex items-center gap-1 w-full bg-brand-tint px-1 py-2 ag-header-cell-search-active h-full", children: [
-    g === "set" && xe ? /* @__PURE__ */ r(
+  return /* @__PURE__ */ v("div", { className: "ag-header-cell-label flex items-center gap-1 w-full bg-brand-tint px-1 py-2 ag-header-cell-search-active h-full", children: [
+    h === "set" && xe ? /* @__PURE__ */ r(
       Pe,
       {
-        options: W,
+        options: E,
         value: ve(),
         onChange: ye,
-        isMulti: C !== void 0 ? C : l?.cellDataType !== "boolean",
-        placeholder: s("filter.select"),
+        isMulti: F !== void 0 ? F : l?.cellDataType !== "boolean",
+        placeholder: i("filter.select"),
         className: "w-full bg-canvas-elevated",
         parentClassName: "flex-1 min-w-0",
         menuWidth: "200px",
@@ -295,23 +298,23 @@ const Tt = ({
         autoFocus: !0,
         onMenuOpen: je,
         onMenuClose: Re,
-        onMenuScrollToBottom: Ae,
-        onInputChange: He,
-        onClearAll: Ee,
+        onMenuScrollToBottom: He,
+        onInputChange: ze,
+        onClearAll: Oe,
         isLoading: ae,
-        onFocus: p,
-        onBlur: h
+        onFocus: f,
+        onBlur: p
       }
-    ) : g === "date" && be ? I ? /* @__PURE__ */ r(
+    ) : h === "date" && be ? I ? /* @__PURE__ */ r(
       q,
       {
         value: I,
-        onChange: me,
-        placeholder: s("filter.search"),
+        onChange: he,
+        placeholder: i("filter.search"),
         className: "w-full bg-canvas-elevated",
         autoFocus: !0,
-        onFocus: p,
-        onBlur: h,
+        onFocus: f,
+        onBlur: p,
         suffix: /* @__PURE__ */ r(
           "button",
           {
@@ -328,58 +331,53 @@ const Tt = ({
       {
         value: ce || void 0,
         onChange: (e) => pe(e || null),
-        placeholder: s("datePicker.selectWeek"),
-        format: x,
+        placeholder: i("datePicker.selectWeek"),
+        format: y,
         minDate: /* @__PURE__ */ new Date("2000-01-01"),
         maxDate: /* @__PURE__ */ new Date("2100-12-31"),
         className: "w-full bg-canvas-elevated",
         showFooter: !1,
-        calendarKind: c?.calendarKind,
-        fiscalMode: c?.fiscalMode,
-        granularity: c?.granularity,
-        fiscalMonthPattern: c?.fiscalMonthPattern,
-        fiscalYearStartMonth: c?.fiscalYearStartMonth,
-        weekStartsOn: c?.weekStartsOn
+        ...S
       }
     ) : z ? /* @__PURE__ */ r(
-      De,
+      Me,
       {
-        value: se || void 0,
+        value: ie || void 0,
         onChange: (e) => fe(e || null),
-        placeholder: s("datePicker.selectMonth"),
+        placeholder: i("datePicker.selectMonth"),
         minDate: /* @__PURE__ */ new Date("2000-01-01"),
         maxDate: /* @__PURE__ */ new Date("2100-12-31"),
         className: "w-full bg-canvas-elevated",
         showFooter: !1,
-        onFocus: p,
-        onBlur: h
+        onFocus: f,
+        onBlur: p
       }
     ) : /* @__PURE__ */ r(
-      Te,
+      De,
       {
-        value: ie || void 0,
+        value: se || void 0,
         onChange: (e) => ue(e || null),
-        placeholder: s("filter.selectDate"),
-        format: x,
+        placeholder: i("filter.selectDate"),
+        format: y,
         minDate: /* @__PURE__ */ new Date("2000-01-01"),
         maxDate: /* @__PURE__ */ new Date("2100-12-31"),
         className: "w-full bg-canvas-elevated",
-        weekStartsOn: c?.weekStartsOn,
-        onFocus: p,
-        onBlur: h
+        weekStartsOn: S.weekStartsOn,
+        onFocus: f,
+        onBlur: p
       }
     ) : /* @__PURE__ */ r(
       q,
       {
-        value: _,
+        value: Y,
         onChange: de,
-        placeholder: s("filter.search"),
+        placeholder: i("filter.search"),
         type: "text",
         autoFocus: !0,
-        ref: L,
-        onFocus: p,
-        onBlur: h,
-        suffix: _ && /* @__PURE__ */ r(
+        ref: U,
+        onFocus: f,
+        onBlur: p,
+        suffix: Y && /* @__PURE__ */ r(
           "button",
           {
             onClick: (e) => {
@@ -391,20 +389,20 @@ const Tt = ({
         )
       }
     ),
-    /* @__PURE__ */ y("div", { className: "flex items-center gap-1.5 shrink-0", children: [
-      N && /* @__PURE__ */ y(Je, { children: [
-        /* @__PURE__ */ r(Qe, { asChild: !0, children: /* @__PURE__ */ y(
+    /* @__PURE__ */ v("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+      M && /* @__PURE__ */ v(Ke, { children: [
+        /* @__PURE__ */ r(Qe, { asChild: !0, children: /* @__PURE__ */ v(
           "button",
           {
             type: "button",
-            "aria-label": s("gridHeader.activeFilters"),
+            "aria-label": i("gridHeader.activeFilters"),
             className: "relative group p-1 hover:bg-brand-tint rounded-md transition-colors cursor-pointer bg-transparent border-none",
             children: [
               /* @__PURE__ */ r(
-                _e,
+                Ye,
                 {
                   size: "md",
-                  className: Ue(
+                  className: Je(
                     "text-content-tertiary group-hover:text-brand-variant-hover",
                     Fe && "text-brand-variant-hover"
                   )
@@ -414,50 +412,50 @@ const Tt = ({
             ]
           }
         ) }),
-        /* @__PURE__ */ y(Xe, { align: "end", className: "w-[300px]", children: [
-          /* @__PURE__ */ r(Ze, { children: /* @__PURE__ */ r($e, { children: s("gridHeader.activeFilters") }) }),
-          /* @__PURE__ */ y(et, { className: "flex flex-col gap-4", children: [
-            g !== "text" && Ge && /* @__PURE__ */ y("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ r("span", { className: "text-xs font-semibold text-content-tertiary", children: s("gridHeader.textSearch") }),
+        /* @__PURE__ */ v(Xe, { align: "end", className: "w-[300px]", children: [
+          /* @__PURE__ */ r(Ze, { children: /* @__PURE__ */ r($e, { children: i("gridHeader.activeFilters") }) }),
+          /* @__PURE__ */ v(et, { className: "flex flex-col gap-4", children: [
+            h !== "text" && Ve && /* @__PURE__ */ v("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ r("span", { className: "text-xs font-semibold text-content-tertiary", children: i("gridHeader.textSearch") }),
               /* @__PURE__ */ r(
                 q,
                 {
-                  value: _,
+                  value: Y,
                   onChange: de,
-                  placeholder: s("filter.searchPlaceholder"),
+                  placeholder: i("filter.searchPlaceholder"),
                   className: "bg-canvas-elevated",
-                  onFocus: p,
-                  onBlur: h
+                  onFocus: f,
+                  onBlur: p
                 }
               )
             ] }),
-            g !== "set" && xe && /* @__PURE__ */ y("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ r("span", { className: "text-xs font-semibold text-content-tertiary", children: s("gridHeader.selectionFilter") }),
+            h !== "set" && xe && /* @__PURE__ */ v("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ r("span", { className: "text-xs font-semibold text-content-tertiary", children: i("gridHeader.selectionFilter") }),
               /* @__PURE__ */ r(
                 Pe,
                 {
-                  options: W,
+                  options: E,
                   value: ve(),
                   onChange: ye,
-                  isMulti: C !== void 0 ? C : l?.cellDataType !== "boolean",
-                  placeholder: s("filter.select"),
+                  isMulti: F !== void 0 ? F : l?.cellDataType !== "boolean",
+                  placeholder: i("filter.select"),
                   className: "w-full bg-canvas-elevated",
                   isLoading: ae,
-                  onFocus: p,
-                  onBlur: h
+                  onFocus: f,
+                  onBlur: p
                 }
               )
             ] }),
-            g !== "date" && be && /* @__PURE__ */ y("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ r("span", { className: "text-xs font-semibold text-content-tertiary", children: s("gridHeader.dateFilter") }),
+            h !== "date" && be && /* @__PURE__ */ v("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ r("span", { className: "text-xs font-semibold text-content-tertiary", children: i("gridHeader.dateFilter") }),
               I ? /* @__PURE__ */ r(
                 q,
                 {
                   value: I,
-                  onChange: me,
+                  onChange: he,
                   className: "w-full bg-canvas-elevated",
-                  onFocus: p,
-                  onBlur: h,
+                  onFocus: f,
+                  onBlur: p,
                   suffix: /* @__PURE__ */ r(
                     "button",
                     {
@@ -474,36 +472,31 @@ const Tt = ({
                 {
                   value: ce || void 0,
                   onChange: (e) => pe(e || null),
-                  format: x,
+                  format: y,
                   className: "w-full bg-canvas-elevated",
                   showFooter: !1,
-                  calendarKind: c?.calendarKind,
-                  fiscalMode: c?.fiscalMode,
-                  granularity: c?.granularity,
-                  fiscalMonthPattern: c?.fiscalMonthPattern,
-                  fiscalYearStartMonth: c?.fiscalYearStartMonth,
-                  weekStartsOn: c?.weekStartsOn
+                  ...S
                 }
               ) : z ? /* @__PURE__ */ r(
-                De,
+                Me,
                 {
-                  value: se || void 0,
+                  value: ie || void 0,
                   onChange: (e) => fe(e || null),
                   className: "w-full bg-canvas-elevated",
                   showFooter: !1,
-                  onFocus: p,
-                  onBlur: h
+                  onFocus: f,
+                  onBlur: p
                 }
               ) : /* @__PURE__ */ r(
-                Te,
+                De,
                 {
-                  value: ie || void 0,
+                  value: se || void 0,
                   onChange: (e) => ue(e || null),
-                  format: x,
+                  format: y,
                   className: "w-full bg-canvas-elevated",
-                  weekStartsOn: c?.weekStartsOn,
-                  onFocus: p,
-                  onBlur: h
+                  weekStartsOn: S.weekStartsOn,
+                  onFocus: f,
+                  onBlur: p
                 }
               )
             ] })
@@ -511,10 +504,10 @@ const Tt = ({
         ] })
       ] }),
       qe(),
-      Ye()
+      Ge()
     ] })
   ] });
 };
 export {
-  Tt as HeaderSearchInput
+  Nt as HeaderSearchInput
 };