impact-nova 1.7.2 → 1.7.4

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

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