impact-nova 1.7.29 → 1.7.31

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

@@ -1,17 +1,18 @@
-import { jsxs as F, jsx as i } from "react/jsx-runtime";
-import { useRef as de, useState as q, useEffect as ce, useCallback as He } from "react";
-import { Filter as Se } from "lucide-react";
-import { cn as qe } from "../../../../lib/utils.js";
-import { DatePicker as fe } from "../../date-picker/date-picker.js";
-import { Input as ue } from "../../input.js";
-import me from "../../select/select.js";
-import { Popover as ze, PopoverTrigger as Ee, PopoverContent as we, PopoverHeader as Be, PopoverTitle as Re, PopoverBody as ke } from "../../popover.js";
-import { Cross as he } from "../../../../icons/index.js";
-import { useGridHeader as Oe } from "./context/grid-header-context.js";
-import { getMultiFilterIndices as C, getDisplayStringFromFilterModel as z, parseInputPattern as We } from "./utils/filter-utils.js";
-import { deserializeDate as M, serializeDate as pe } from "./utils/date-utils.js";
-import { useImpactNovaI18n as je } from "../../../../i18n/ImpactNovaI18nContext.js";
-const Ge = {
+import { jsxs as M, jsx as a } from "react/jsx-runtime";
+import { useRef as he, useState as w, useEffect as pe, useCallback as Re } from "react";
+import { Filter as je } from "lucide-react";
+import { cn as Oe } from "../../../../lib/utils.js";
+import { DatePicker as ge } from "../../date-picker/date-picker.js";
+import { MonthPicker as ye } from "../../date-picker/month-picker.js";
+import { Input as Fe } from "../../input.js";
+import xe from "../../select/select.js";
+import { Popover as We, PopoverTrigger as Ve, PopoverContent as Ge, PopoverHeader as Le, PopoverTitle as _e, PopoverBody as Je } from "../../popover.js";
+import { Cross as Me } from "../../../../icons/index.js";
+import { useGridHeader as Ke } from "./context/grid-header-context.js";
+import { getMultiFilterIndices as v, getDisplayStringFromFilterModel as q, parseInputPattern as Qe } from "./utils/filter-utils.js";
+import { deserializeDate as C, deserializeMonth as E, serializeMonth as ve, serializeDate as be } from "./utils/date-utils.js";
+import { useImpactNovaI18n as Ue } from "../../../../i18n/ImpactNovaI18nContext.js";
+const Xe = {
   contains: "contains",
   notContains: "notContains",
   equals: "equals",
@@ -25,110 +26,138 @@ const Ge = {
   inRange: "inRange",
   empty: "blank",
   notEmpty: "notBlank"
-}, lt = ({
-  column: A,
-  api: c,
-  onClose: G,
-  handleInlineSearch: L,
-  handleClearSearchInline: _,
-  onAdvanceSearchClick: V,
-  toggleAdvanceSearch: J,
-  advanceSearchEnabled: ge = !1,
-  selectOptions: E,
-  isMultiSelect: T,
-  onSelectScrollToBottom: ye,
-  onSelectSearchChange: ve,
-  onSelectOpen: K,
-  isLoadingSelect: Q,
-  enableSpaceSplitting: xe = !1,
-  enableBooleanParsing: Fe = !1,
-  enableDateParsing: be = !1
+}, ut = ({
+  column: I,
+  api: u,
+  onClose: J,
+  handleInlineSearch: K,
+  handleClearSearchInline: Q,
+  onAdvanceSearchClick: U,
+  toggleAdvanceSearch: X,
+  advanceSearchEnabled: Te = !1,
+  selectOptions: k,
+  isMultiSelect: D,
+  onSelectScrollToBottom: Ce,
+  onSelectSearchChange: De,
+  onSelectOpen: Y,
+  isLoadingSelect: Z,
+  enableSpaceSplitting: Ne = !1,
+  enableBooleanParsing: Pe = !1,
+  enableDateParsing: Ie = !1
 }) => {
-  const { t: m } = je(), d = A.getColDef(), o = A.getColId(), w = d?.filter || "agTextColumnFilter", y = w === "agDateColumnFilter", B = w === "agSetColumnFilter" || E && E.length > 0 || d?.cellDataType === "boolean", U = Oe(), R = de(null), X = de(!1), [k, O] = q(() => {
-    const t = c.getFilterModel()[o];
+  const { t: m } = Ue(), c = I.getColDef(), o = I.getColId(), R = c?.filter || "agTextColumnFilter", h = R === "agDateColumnFilter", j = R === "agSetColumnFilter" || k && k.length > 0 || c?.cellDataType === "boolean", Ae = c?.headerComponentParams?.datePickerVariant || "date", b = h && Ae === "month", $ = Ke(), O = he(null), ee = he(!1), [W, V] = w(() => {
+    const t = u.getFilterModel()[o];
     if (!t) return "";
     if (t.filterType === "multi" && t.filterModels) {
-      const r = C(d), l = r.text !== -1 ? r.text : r.number;
-      if (l !== -1) {
-        const h = t.filterModels[l];
-        if (h) return z(o, h);
+      const l = v(c), r = l.text !== -1 ? l.text : l.number;
+      if (r !== -1) {
+        const i = t.filterModels[r];
+        if (i) return q(o, i);
       }
       return "";
     }
-    return y ? "" : z(o, t);
-  }), [Y, f] = q(!1);
-  ce(() => {
-    X.current = Y;
-  }, [Y]);
-  const [Z, W] = q(() => {
-    const t = c.getFilterModel()[o];
+    return h ? "" : q(o, t);
+  }), [te, f] = w(!1);
+  pe(() => {
+    ee.current = te;
+  }, [te]);
+  const [le, G] = w(() => {
+    if (b) return null;
+    const t = u.getFilterModel()[o];
     if (t) {
       if (t.filterType === "multi" && t.filterModels) {
-        const { date: r } = C(d);
-        if (r !== -1) {
-          const l = t.filterModels[r];
-          if (l) {
-            if (l.dateFrom) return M(l.dateFrom);
-            if (l.filter) return M(l.filter);
+        const { date: l } = v(c);
+        if (l !== -1) {
+          const r = t.filterModels[l];
+          if (r) {
+            if (r.dateFrom) return C(r.dateFrom);
+            if (r.filter) return C(r.filter);
           }
         }
       }
-      if (y) {
-        if (t.dateFrom) return M(t.dateFrom);
-        if (t.filter) return M(t.filter);
+      if (h) {
+        if (t.dateFrom) return C(t.dateFrom);
+        if (t.filter) return C(t.filter);
+      }
+    }
+    return null;
+  }), [re, L] = w(() => {
+    if (!b) return null;
+    const t = u.getFilterModel()[o];
+    if (t) {
+      if (t.filterType === "multi" && t.filterModels) {
+        const { date: l } = v(c);
+        if (l !== -1) {
+          const r = t.filterModels[l];
+          if (r?.dateFrom) return E(r.dateFrom);
+        }
       }
+      if (h && t.dateFrom)
+        return E(t.dateFrom);
     }
     return null;
   });
-  ce(() => {
+  pe(() => {
     const e = () => {
-      const r = c.getFilterModel()[o];
-      let l = "";
-      if (r)
-        if (r.filterType === "multi" && r.filterModels) {
-          const a = C(d), n = a.text !== -1 ? a.text : a.number;
-          if (n !== -1) {
-            const u = r.filterModels[n];
-            l = u ? z(o, u) : "";
+      const l = u.getFilterModel()[o];
+      let r = "";
+      if (l)
+        if (l.filterType === "multi" && l.filterModels) {
+          const i = v(c), d = i.text !== -1 ? i.text : i.number;
+          if (d !== -1) {
+            const n = l.filterModels[d];
+            r = n ? q(o, n) : "";
           }
-        } else y || (l = z(o, r));
-      X.current || O((a) => a !== l ? l : a);
-      let h = null;
-      if (r)
-        if (r.filterType === "multi" && r.filterModels) {
-          const { date: a } = C(d);
-          if (a !== -1) {
-            const n = r.filterModels[a];
-            n && (h = n.dateFrom ? M(n.dateFrom) : n.filter ? M(n.filter) : null);
-          }
-        } else y && (h = r.dateFrom ? M(r.dateFrom) : r.filter ? M(r.filter) : null);
-      W((a) => a?.getTime() !== h?.getTime() ? h : a);
+        } else h || (r = q(o, l));
+      if (ee.current || V((i) => i !== r ? r : i), b) {
+        let i = null;
+        if (l)
+          if (l.filterType === "multi" && l.filterModels) {
+            const { date: d } = v(c);
+            if (d !== -1) {
+              const n = l.filterModels[d];
+              n?.dateFrom && (i = E(n.dateFrom));
+            }
+          } else h && l.dateFrom && (i = E(l.dateFrom));
+        L((d) => d === null && i === null ? d : d?.month !== i?.month || d?.year !== i?.year ? i : d);
+      } else {
+        let i = null;
+        if (l)
+          if (l.filterType === "multi" && l.filterModels) {
+            const { date: d } = v(c);
+            if (d !== -1) {
+              const n = l.filterModels[d];
+              n && (i = n.dateFrom ? C(n.dateFrom) : n.filter ? C(n.filter) : null);
+            }
+          } else h && (i = l.dateFrom ? C(l.dateFrom) : l.filter ? C(l.filter) : null);
+        G((d) => d?.getTime() !== i?.getTime() ? i : d);
+      }
     };
-    return c.addEventListener("filterChanged", e), () => {
-      c.removeEventListener("filterChanged", e);
+    return u.addEventListener("filterChanged", e), () => {
+      u.removeEventListener("filterChanged", e);
     };
-  }, [c, o, y]);
-  const $ = (e, t) => {
-    const l = { ...c.getFilterModel() }, h = (n) => n.replace(/[^0-9.\-+eE]/g, ""), a = (n, u) => {
-      const g = We(n, xe, Fe, be);
+  }, [u, o, h, b]);
+  const H = (e, t) => {
+    const r = { ...u.getFilterModel() }, i = (n) => n.replace(/[^0-9.\-+eE]/g, ""), d = (n, x) => {
+      const g = Qe(n, Ne, Pe, Ie);
       if (console.log("[HeaderSearchInput] Pattern Debug:", {
         input: n,
-        filterType: u,
+        filterType: x,
         parsed: g
       }), g.conditions.length === 0) return null;
-      const N = (s) => {
-        let b = Ge[s.operator] || "contains";
-        if (u === "number") {
-          const ae = parseFloat(h(s.value));
-          return ["contains", "notContains", "startsWith", "endsWith"].includes(b) && (b = b === "notContains" ? "notEqual" : "equals"), s.operator === "inRange" ? {
-            type: b,
-            filter: parseFloat(h(s.value)) || 0,
-            filterTo: parseFloat(h(s.valueTo || "")) || 0,
+      const P = (s) => {
+        let T = Xe[s.operator] || "contains";
+        if (x === "number") {
+          const me = parseFloat(i(s.value));
+          return ["contains", "notContains", "startsWith", "endsWith"].includes(T) && (T = T === "notContains" ? "notEqual" : "equals"), s.operator === "inRange" ? {
+            type: T,
+            filter: parseFloat(i(s.value)) || 0,
+            filterTo: parseFloat(i(s.valueTo || "")) || 0,
             filterType: "number"
-          } : isNaN(ae) ? null : { type: b, filter: ae, filterType: "number" };
+          } : isNaN(me) ? null : { type: T, filter: me, filterType: "number" };
         }
         return {
-          type: b,
+          type: T,
           filter: s.value,
           filterTo: s.valueTo,
           filterType: "text"
@@ -136,71 +165,83 @@ const Ge = {
       };
       let p = null;
       if (g.conditions.length === 1)
-        p = N(g.conditions[0]);
+        p = P(g.conditions[0]);
       else {
-        const s = g.conditions.map(N).filter((b) => b !== null);
+        const s = g.conditions.map(P).filter((T) => T !== null);
         s.length === 0 ? p = null : s.length === 1 ? p = s[0] : p = {
-          filterType: u,
+          filterType: x,
           operator: g.logic,
           conditions: s
         };
       }
       return console.log("[HeaderSearchInput] Resulting Model:", p), p;
     };
-    if (d.filter === "agMultiColumnFilter") {
-      const n = C(d), u = t === "text" ? n.text !== -1 ? n.text : n.number : t === "set" ? n.set : n.date;
-      if (u === -1) return;
-      const g = c.getFilterModel()[o], N = g && g.filterType === "multi" ? [...g.filterModels || []] : Array(d.filterParams?.filters?.length || 1).fill(null);
+    if (c.filter === "agMultiColumnFilter") {
+      const n = v(c), x = t === "text" ? n.text !== -1 ? n.text : n.number : t === "set" ? n.set : n.date;
+      if (x === -1) return;
+      const g = u.getFilterModel()[o], P = g && g.filterType === "multi" ? [...g.filterModels || []] : Array(c.filterParams?.filters?.length || 1).fill(null);
       let p = null;
       if (e !== null && e !== "" && (!Array.isArray(e) || e.length > 0))
         if (t === "set")
           p = { values: Array.isArray(e) ? e : [String(e)], filterType: "set" };
-        else if (t === "date") {
-          const s = e instanceof Date ? pe(e) : null;
-          p = s ? { type: "equals", dateFrom: s, filterType: "date" } : null;
-        } else {
+        else if (t === "date")
+          if (b && e && typeof e == "object" && "month" in e && "year" in e) {
+            const s = ve(e);
+            p = { type: "inRange", dateFrom: s.dateFrom, dateTo: s.dateTo, filterType: "date" };
+          } else {
+            const s = e instanceof Date ? be(e) : null;
+            p = s ? { type: "equals", dateFrom: s, filterType: "date" } : null;
+          }
+        else {
           const s = n.text !== -1 ? "text" : "number";
-          p = a(String(e), s);
+          p = d(String(e), s);
         }
-      N[u] = p, N.every((s) => s === null) ? delete l[o] : l[o] = { filterType: "multi", filterModels: N };
+      P[x] = p, P.every((s) => s === null) ? delete r[o] : r[o] = { filterType: "multi", filterModels: P };
     } else if (e === null || e === "" || Array.isArray(e) && e.length === 0)
-      delete l[o];
-    else if (t === "date") {
-      const n = e instanceof Date ? pe(e) : null;
-      l[o] = n ? { type: "equals", dateFrom: n, filterType: "date" } : null;
-    } else if (t === "set")
-      l[o] = { filterType: "set", values: Array.isArray(e) ? e : [String(e)] };
+      delete r[o];
+    else if (t === "date")
+      if (b && e && typeof e == "object" && "month" in e && "year" in e) {
+        const n = ve(e);
+        r[o] = { type: "inRange", dateFrom: n.dateFrom, dateTo: n.dateTo, filterType: "date" };
+      } else {
+        const n = e instanceof Date ? be(e) : null;
+        r[o] = n ? { type: "equals", dateFrom: n, filterType: "date" } : null;
+      }
+    else if (t === "set")
+      r[o] = { filterType: "set", values: Array.isArray(e) ? e : [String(e)] };
     else {
-      const n = w === "agNumberColumnFilter" ? "number" : "text", u = a(String(e), n);
-      u ? l[o] = u : delete l[o];
+      const n = R === "agNumberColumnFilter" ? "number" : "text", x = d(String(e), n);
+      x ? r[o] = x : delete r[o];
     }
     console.log("[HeaderSearchInput] Final Model Applied:", {
       column: o,
-      model: l[o]
-    }), c.setFilterModel(l), c.onFilterChanged();
-  }, j = (e) => {
-    if (L) {
-      L(Array.isArray(e) ? e.join(",") : e);
+      model: r[o]
+    }), u.setFilterModel(r), u.onFilterChanged();
+  }, _ = (e) => {
+    if (K) {
+      K(Array.isArray(e) ? e.join(",") : e);
       return;
     }
-    $(e, y ? "date" : "text");
-  }, ee = (e) => {
+    H(e, h ? "date" : "text");
+  }, ne = (e) => {
     const t = e.target.value;
-    O(t), j(t);
-  }, te = (e) => {
-    W(e), j(e);
-  }, Me = () => {
-    O(""), W(null), j(""), _ && _();
-  }, P = (e) => {
-    $(e, "set");
-  }, H = E || (d?.cellDataType === "boolean" ? [{ label: m("gridHeader.true"), value: "true" }, { label: m("gridHeader.false"), value: "false" }] : []), re = He(() => {
-    const e = c.getFilterModel()[o];
+    V(t), _(t);
+  }, oe = (e) => {
+    G(e), _(e);
+  }, ie = (e) => {
+    L(e), H(e || null, "date");
+  }, we = () => {
+    V(""), G(null), L(null), _(""), Q && Q();
+  }, z = (e) => {
+    H(e, "set");
+  }, S = k || (c?.cellDataType === "boolean" ? [{ label: m("gridHeader.true"), value: "true" }, { label: m("gridHeader.false"), value: "false" }] : []), se = Re(() => {
+    const e = u.getFilterModel()[o];
     if (!e) return [];
     if ("filterType" in e && e.filterType === "multi" && e.filterModels) {
-      const r = C(A.getColDef()).set;
-      if (r !== -1) {
-        const l = e.filterModels[r];
-        if (l?.filterType === "set" && l.values) return l.values;
+      const l = v(I.getColDef()).set;
+      if (l !== -1) {
+        const r = e.filterModels[l];
+        if (r?.filterType === "set" && r.values) return r.values;
       }
     } else {
       if (e.filterType === "set" && "values" in e)
@@ -209,66 +250,79 @@ const Ge = {
         return [String(e.filter)];
     }
     return [];
-  }, [c, o, A]), [S, I] = q(null), le = () => {
-    const e = S !== null ? S : re();
-    return T ? H.filter((t) => e.includes(t.value)) : H.find((t) => e.includes(t.value)) || null;
-  }, ne = (e) => {
+  }, [u, o, I]), [B, A] = w(null), ae = () => {
+    const e = B !== null ? B : se();
+    return D ? S.filter((t) => e.includes(t.value)) : S.find((t) => e.includes(t.value)) || null;
+  }, de = (e) => {
     let t = [];
-    if (Array.isArray(e) ? t = e.map((r) => r.value) : e && typeof e == "object" && "value" in e && (t = [e.value]), !T) {
-      P(t), e && G();
+    if (Array.isArray(e) ? t = e.map((l) => l.value) : e && typeof e == "object" && "value" in e && (t = [e.value]), !D) {
+      z(t), e && J();
       return;
     }
-    I(t);
-  }, Te = () => {
-    P([]), I([]);
-  }, Ce = (e) => {
-    if (T) {
+    A(t);
+  }, He = () => {
+    z([]), A([]);
+  }, ze = (e) => {
+    if (D) {
       if (e !== void 0) {
         let t = [];
-        Array.isArray(e) ? t = e.map((r) => r.value) : e && typeof e == "object" && "value" in e ? t = [e.value] : e === null && (t = []), P(t), I(null);
+        Array.isArray(e) ? t = e.map((l) => l.value) : e && typeof e == "object" && "value" in e ? t = [e.value] : e === null && (t = []), z(t), A(null);
         return;
       }
-      S !== null && (P(S), I(null));
+      B !== null && (z(B), A(null));
     }
-  }, De = () => {
-    I(re()), K && K();
-  }, Ne = () => ge ? /* @__PURE__ */ i("svg", { className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover shrink-0", fill: "currentColor", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", width: "18", height: "18", onClick: (e) => {
-    e.stopPropagation(), R.current && R.current.blur(), V ? V(A) : J ? J(o) : U && U.openAdvancedFilter(o);
-  }, children: /* @__PURE__ */ i("path", { d: "M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z" }) }) : null, Ae = () => /* @__PURE__ */ i("button", { onClick: G, className: "cursor-pointer shrink-0 text-brand hover:text-brand-strong", children: /* @__PURE__ */ i(he, { size: "xs" }) }), D = d.filter === "agMultiColumnFilter", v = C(d);
-  let x = "text";
-  D ? x = v.set !== -1 ? "set" : v.date !== -1 ? "date" : "text" : B ? x = "set" : y && (x = "date");
-  const Ie = D ? v.text !== -1 || v.number !== -1 : !y && !B, oe = D ? v.set !== -1 : B, ie = D ? v.date !== -1 : y, Pe = c.getFilterModel()[o], se = D && Pe?.filterModels?.some((e, t) => {
-    const r = t === v.text || t === v.number ? "text" : t === v.set ? "set" : "date";
-    return e !== null && r !== x;
+  }, Se = () => {
+    A(se()), Y && Y();
+  }, Be = () => Te ? /* @__PURE__ */ a("svg", { className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover shrink-0", fill: "currentColor", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", width: "18", height: "18", onClick: (e) => {
+    e.stopPropagation(), O.current && O.current.blur(), U ? U(I) : X ? X(o) : $ && $.openAdvancedFilter(o);
+  }, children: /* @__PURE__ */ a("path", { d: "M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z" }) }) : null, qe = () => /* @__PURE__ */ a("button", { onClick: J, className: "cursor-pointer shrink-0 text-brand hover:text-brand-strong", children: /* @__PURE__ */ a(Me, { size: "xs" }) }), N = c.filter === "agMultiColumnFilter", y = v(c);
+  let F = "text";
+  N ? F = y.set !== -1 ? "set" : y.date !== -1 ? "date" : "text" : j ? F = "set" : h && (F = "date");
+  const Ee = N ? y.text !== -1 || y.number !== -1 : !h && !j, ce = N ? y.set !== -1 : j, fe = N ? y.date !== -1 : h, ke = u.getFilterModel()[o], ue = N && ke?.filterModels?.some((e, t) => {
+    const l = t === y.text || t === y.number ? "text" : t === y.set ? "set" : "date";
+    return e !== null && l !== F;
   });
-  return /* @__PURE__ */ F("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: [
-    x === "set" && oe ? /* @__PURE__ */ i(
-      me,
+  return /* @__PURE__ */ M("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: [
+    F === "set" && ce ? /* @__PURE__ */ a(
+      xe,
       {
-        options: H,
-        value: le(),
-        onChange: ne,
-        isMulti: T !== void 0 ? T : d?.cellDataType !== "boolean",
+        options: S,
+        value: ae(),
+        onChange: de,
+        isMulti: D !== void 0 ? D : c?.cellDataType !== "boolean",
         placeholder: m("filter.select"),
         className: "w-full bg-canvas-elevated",
         parentClassName: "flex-1 min-w-0",
         menuWidth: "200px",
         menuPortalTarget: document.body,
         autoFocus: !0,
-        onMenuOpen: De,
-        onMenuClose: Ce,
-        onMenuScrollToBottom: ye,
-        onInputChange: ve,
-        onClearAll: Te,
-        isLoading: Q,
+        onMenuOpen: Se,
+        onMenuClose: ze,
+        onMenuScrollToBottom: Ce,
+        onInputChange: De,
+        onClearAll: He,
+        isLoading: Z,
+        onFocus: () => f(!0),
+        onBlur: () => f(!1)
+      }
+    ) : F === "date" && fe ? b ? /* @__PURE__ */ a(
+      ye,
+      {
+        value: re || void 0,
+        onChange: (e) => ie(e || null),
+        placeholder: m("filter.selectMonth"),
+        minDate: /* @__PURE__ */ new Date("2000-01-01"),
+        maxDate: /* @__PURE__ */ new Date("2100-12-31"),
+        className: "w-full bg-canvas-elevated",
+        showFooter: !1,
         onFocus: () => f(!0),
         onBlur: () => f(!1)
       }
-    ) : x === "date" && ie ? /* @__PURE__ */ i(
-      fe,
+    ) : /* @__PURE__ */ a(
+      ge,
       {
-        value: Z || void 0,
-        onChange: (e) => te(e || null),
+        value: le || void 0,
+        onChange: (e) => oe(e || null),
         placeholder: m("filter.selectDate"),
         format: "MM-dd-yyyy",
         minDate: /* @__PURE__ */ new Date("2000-01-01"),
@@ -277,38 +331,38 @@ const Ge = {
         onFocus: () => f(!0),
         onBlur: () => f(!1)
       }
-    ) : /* @__PURE__ */ i(
-      ue,
+    ) : /* @__PURE__ */ a(
+      Fe,
       {
-        value: k,
-        onChange: ee,
+        value: W,
+        onChange: ne,
         placeholder: m("filter.search"),
         type: "text",
         autoFocus: !0,
-        ref: R,
+        ref: O,
         onFocus: () => f(!0),
         onBlur: () => f(!1),
-        suffix: k && /* @__PURE__ */ i("button", { onClick: (e) => {
-          e.stopPropagation(), Me();
-        }, className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover", children: /* @__PURE__ */ i(he, { size: "xs" }) })
+        suffix: W && /* @__PURE__ */ a("button", { onClick: (e) => {
+          e.stopPropagation(), we();
+        }, className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover", children: /* @__PURE__ */ a(Me, { size: "xs" }) })
       }
     ),
-    /* @__PURE__ */ F("div", { className: "flex items-center gap-1.5 shrink-0", children: [
-      D && /* @__PURE__ */ F(ze, { children: [
-        /* @__PURE__ */ i(Ee, { asChild: !0, children: /* @__PURE__ */ F("div", { className: "relative group p-1 hover:bg-brand-tint rounded-md transition-colors cursor-pointer", children: [
-          /* @__PURE__ */ i(Se, { size: "md", className: qe("text-content-tertiary group-hover:text-brand-variant-hover", se && "text-brand-variant-hover") }),
-          se && /* @__PURE__ */ i("span", { className: "absolute top-0.5 right-0.5 w-2 h-2 rounded-full bg-brand border border-white shadow-sm" })
+    /* @__PURE__ */ M("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+      N && /* @__PURE__ */ M(We, { children: [
+        /* @__PURE__ */ a(Ve, { asChild: !0, children: /* @__PURE__ */ M("div", { className: "relative group p-1 hover:bg-brand-tint rounded-md transition-colors cursor-pointer", children: [
+          /* @__PURE__ */ a(je, { size: "md", className: Oe("text-content-tertiary group-hover:text-brand-variant-hover", ue && "text-brand-variant-hover") }),
+          ue && /* @__PURE__ */ a("span", { className: "absolute top-0.5 right-0.5 w-2 h-2 rounded-full bg-brand border border-white shadow-sm" })
         ] }) }),
-        /* @__PURE__ */ F(we, { align: "end", className: "w-[300px]", children: [
-          /* @__PURE__ */ i(Be, { children: /* @__PURE__ */ i(Re, { children: m("gridHeader.activeFilters") }) }),
-          /* @__PURE__ */ F(ke, { className: "flex flex-col gap-4", children: [
-            x !== "text" && Ie && /* @__PURE__ */ F("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ i("span", { className: "text-xs font-semibold text-content-tertiary", children: m("gridHeader.textSearch") }),
-              /* @__PURE__ */ i(
-                ue,
+        /* @__PURE__ */ M(Ge, { align: "end", className: "w-[300px]", children: [
+          /* @__PURE__ */ a(Le, { children: /* @__PURE__ */ a(_e, { children: m("gridHeader.activeFilters") }) }),
+          /* @__PURE__ */ M(Je, { className: "flex flex-col gap-4", children: [
+            F !== "text" && Ee && /* @__PURE__ */ M("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ a("span", { className: "text-xs font-semibold text-content-tertiary", children: m("gridHeader.textSearch") }),
+              /* @__PURE__ */ a(
+                Fe,
                 {
-                  value: k,
-                  onChange: ee,
+                  value: W,
+                  onChange: ne,
                   placeholder: m("filter.searchPlaceholder"),
                   className: "bg-canvas-elevated",
                   onFocus: () => f(!0),
@@ -316,30 +370,40 @@ const Ge = {
                 }
               )
             ] }),
-            x !== "set" && oe && /* @__PURE__ */ F("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ i("span", { className: "text-xs font-semibold text-content-tertiary", children: m("gridHeader.selectionFilter") }),
-              /* @__PURE__ */ i(
-                me,
+            F !== "set" && ce && /* @__PURE__ */ M("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ a("span", { className: "text-xs font-semibold text-content-tertiary", children: m("gridHeader.selectionFilter") }),
+              /* @__PURE__ */ a(
+                xe,
                 {
-                  options: H,
-                  value: le(),
-                  onChange: ne,
-                  isMulti: T !== void 0 ? T : d?.cellDataType !== "boolean",
+                  options: S,
+                  value: ae(),
+                  onChange: de,
+                  isMulti: D !== void 0 ? D : c?.cellDataType !== "boolean",
                   placeholder: m("filter.select"),
                   className: "w-full bg-canvas-elevated",
-                  isLoading: Q,
+                  isLoading: Z,
                   onFocus: () => f(!0),
                   onBlur: () => f(!1)
                 }
               )
             ] }),
-            x !== "date" && ie && /* @__PURE__ */ F("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ i("span", { className: "text-xs font-semibold text-content-tertiary", children: m("gridHeader.dateFilter") }),
-              /* @__PURE__ */ i(
-                fe,
+            F !== "date" && fe && /* @__PURE__ */ M("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ a("span", { className: "text-xs font-semibold text-content-tertiary", children: m("gridHeader.dateFilter") }),
+              b ? /* @__PURE__ */ a(
+                ye,
+                {
+                  value: re || void 0,
+                  onChange: (e) => ie(e || null),
+                  className: "w-full bg-canvas-elevated",
+                  showFooter: !1,
+                  onFocus: () => f(!0),
+                  onBlur: () => f(!1)
+                }
+              ) : /* @__PURE__ */ a(
+                ge,
                 {
-                  value: Z || void 0,
-                  onChange: (e) => te(e || null),
+                  value: le || void 0,
+                  onChange: (e) => oe(e || null),
                   className: "w-full bg-canvas-elevated",
                   onFocus: () => f(!0),
                   onBlur: () => f(!1)
@@ -349,11 +413,11 @@ const Ge = {
           ] })
         ] })
       ] }),
-      Ne(),
-      Ae()
+      Be(),
+      qe()
     ] })
   ] });
 };
 export {
-  lt as HeaderSearchInput
+  ut as HeaderSearchInput
 };