impact-nova 0.1.8 → 0.1.10

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

@@ -1,15 +1,15 @@
 import { jsxs as y, jsx as i } from "react/jsx-runtime";
-import { useRef as be, useState as I, useEffect as De, useCallback as Ne } from "react";
-import { Filter as Ae } from "lucide-react";
-import { cn as Se } from "../../../../lib/utils.js";
-import { DatePicker as oe } from "../../date-picker/date-picker.js";
-import { Input as ie } from "../../input.js";
-import se from "../../select/select.js";
-import { Popover as we, PopoverTrigger as Ie, PopoverContent as Pe, PopoverHeader as qe, PopoverTitle as ze, PopoverBody as Be } from "../../popover.js";
-import { Cross as ae } from "../../../../icons/index.js";
-import { useGridHeader as Ee } from "./context/grid-header-context.js";
-import { getMultiFilterIndices as C, getDisplayStringFromFilterModel as P, parseInputPattern as He } from "./utils/filter-utils.js";
-import { deserializeDate as M, serializeDate as ce } from "./utils/date-utils.js";
+import { useRef as se, useState as I, useEffect as ae, useCallback as Ae } from "react";
+import { Filter as Se } from "lucide-react";
+import { cn as we } from "../../../../lib/utils.js";
+import { DatePicker as ce } from "../../date-picker/date-picker.js";
+import { Input as de } from "../../input.js";
+import fe from "../../select/select.js";
+import { Popover as Ie, PopoverTrigger as Pe, PopoverContent as qe, PopoverHeader as ze, PopoverTitle as Be, PopoverBody as Ee } from "../../popover.js";
+import { Cross as ue } from "../../../../icons/index.js";
+import { useGridHeader as He } from "./context/grid-header-context.js";
+import { getMultiFilterIndices as C, getDisplayStringFromFilterModel as P, parseInputPattern as Re } from "./utils/filter-utils.js";
+import { deserializeDate as M, serializeDate as he } from "./utils/date-utils.js";
 const ke = {
   contains: "contains",
   notContains: "notContains",
@@ -24,7 +24,7 @@ const ke = {
   inRange: "inRange",
   empty: "blank",
   notEmpty: "notBlank"
-}, Ye = ({
+}, Ze = ({
   column: D,
   api: d,
   onClose: W,
@@ -32,17 +32,17 @@ const ke = {
   handleClearSearchInline: G,
   onAdvanceSearchClick: L,
   toggleAdvanceSearch: _,
-  advanceSearchEnabled: de = !1,
+  advanceSearchEnabled: me = !1,
   selectOptions: q,
   isMultiSelect: v,
-  onSelectScrollToBottom: fe,
-  onSelectSearchChange: ue,
+  onSelectScrollToBottom: pe,
+  onSelectSearchChange: ge,
   onSelectOpen: V,
   isLoadingSelect: J,
-  enableSpaceSplitting: he = !1,
-  enableBooleanParsing: me = !1
+  enableSpaceSplitting: xe = !1,
+  enableBooleanParsing: ye = !1
 }) => {
-  const c = D.getColDef(), o = D.getColId(), z = c?.filter || "agTextColumnFilter", p = z === "agDateColumnFilter", B = z === "agSetColumnFilter" || q && q.length > 0 || c?.cellDataType === "boolean", K = Ee(), E = be(null), [H, k] = I(() => {
+  const c = D.getColDef(), o = D.getColId(), z = c?.filter || "agTextColumnFilter", p = z === "agDateColumnFilter", B = z === "agSetColumnFilter" || q && q.length > 0 || c?.cellDataType === "boolean", K = He(), E = se(null), Q = se(!1), [H, R] = I(() => {
     const t = d.getFilterModel()[o];
     if (!t) return "";
     if (t.filterType === "multi" && t.filterModels) {
@@ -54,7 +54,11 @@ const ke = {
       return "";
     }
     return p ? "" : P(o, t);
-  }), [pe, u] = I(!1), [Q, R] = I(() => {
+  }), [U, u] = I(!1);
+  ae(() => {
+    Q.current = U;
+  }, [U]);
+  const [X, k] = I(() => {
     const t = d.getFilterModel()[o];
     if (t) {
       if (t.filterType === "multi" && t.filterModels) {
@@ -74,7 +78,7 @@ const ke = {
     }
     return null;
   });
-  De(() => {
+  ae(() => {
     const e = () => {
       const l = d.getFilterModel()[o];
       let r = "";
@@ -86,7 +90,7 @@ const ke = {
             r = f ? P(o, f) : "";
           }
         } else p || (r = P(o, l));
-      pe || k((n) => n !== r ? r : n);
+      Q.current || R((n) => n !== r ? r : n);
       let m = null;
       if (l)
         if (l.filterType === "multi" && l.filterModels) {
@@ -96,15 +100,15 @@ const ke = {
             a && (m = a.dateFrom ? M(a.dateFrom) : a.filter ? M(a.filter) : null);
           }
         } else p && (m = l.dateFrom ? M(l.dateFrom) : l.filter ? M(l.filter) : null);
-      R((n) => n?.getTime() !== m?.getTime() ? m : n);
+      k((n) => n?.getTime() !== m?.getTime() ? m : n);
     };
     return d.addEventListener("filterChanged", e), () => {
       d.removeEventListener("filterChanged", e);
     };
   }, [d, o, p]);
-  const U = (e, t) => {
+  const Y = (e, t) => {
     const r = { ...d.getFilterModel() }, m = (n, a) => {
-      const f = He(n, he, me);
+      const f = Re(n, xe, ye);
       if (console.log("[HeaderSearchInput] Pattern Debug:", {
         input: n,
         filterType: a,
@@ -113,13 +117,13 @@ const ke = {
       const b = (s) => {
         let F = ke[s.operator] || "contains";
         if (a === "number") {
-          const ne = parseFloat(s.value);
+          const ie = parseFloat(s.value);
           return ["contains", "notContains", "startsWith", "endsWith"].includes(F) && (F = F === "notContains" ? "notEqual" : "equals"), s.operator === "inRange" ? {
             type: F,
             filter: parseFloat(s.value) || 0,
             filterTo: parseFloat(s.valueTo || "") || 0,
             filterType: "number"
-          } : isNaN(ne) ? null : { type: F, filter: ne, filterType: "number" };
+          } : isNaN(ie) ? null : { type: F, filter: ie, filterType: "number" };
         }
         return {
           type: F,
@@ -150,7 +154,7 @@ const ke = {
         if (t === "set")
           h = { values: Array.isArray(e) ? e : [String(e)], filterType: "set" };
         else if (t === "date") {
-          const s = e instanceof Date ? ce(e) : null;
+          const s = e instanceof Date ? he(e) : null;
           h = s ? { type: "equals", dateFrom: s, filterType: "date" } : null;
         } else {
           const s = n.text !== -1 ? "text" : "number";
@@ -160,7 +164,7 @@ const ke = {
     } else if (e === null || e === "" || Array.isArray(e) && e.length === 0)
       delete r[o];
     else if (t === "date") {
-      const n = e instanceof Date ? ce(e) : null;
+      const n = e instanceof Date ? he(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)] };
@@ -177,17 +181,17 @@ const ke = {
       j(Array.isArray(e) ? e.join(",") : e);
       return;
     }
-    U(e, p ? "date" : "text");
-  }, X = (e) => {
+    Y(e, p ? "date" : "text");
+  }, Z = (e) => {
     const t = e.target.value;
-    k(t), O(t);
-  }, Y = (e) => {
-    R(e), O(e);
-  }, ge = () => {
-    k(""), R(null), O(""), G && G();
+    R(t), O(t);
+  }, $ = (e) => {
+    k(e), O(e);
+  }, Fe = () => {
+    R(""), k(null), O(""), G && G();
   }, A = (e) => {
-    U(e, "set");
-  }, S = q || (c?.cellDataType === "boolean" ? [{ label: "True", value: "true" }, { label: "False", value: "false" }] : []), Z = Ne(() => {
+    Y(e, "set");
+  }, S = q || (c?.cellDataType === "boolean" ? [{ label: "True", value: "true" }, { label: "False", value: "false" }] : []), ee = Ae(() => {
     const e = d.getFilterModel()[o];
     if (!e) return [];
     if ("filterType" in e && e.filterType === "multi" && e.filterModels) {
@@ -203,19 +207,19 @@ const ke = {
         return [String(e.filter)];
     }
     return [];
-  }, [d, o, D]), [w, N] = I(null), $ = () => {
-    const e = w !== null ? w : Z();
+  }, [d, o, D]), [w, N] = I(null), te = () => {
+    const e = w !== null ? w : ee();
     return v ? S.filter((t) => e.includes(t.value)) : S.find((t) => e.includes(t.value)) || null;
-  }, ee = (e) => {
+  }, le = (e) => {
     let t = [];
     if (Array.isArray(e) ? t = e.map((l) => l.value) : e && typeof e == "object" && "value" in e && (t = [e.value]), !v) {
       A(t), e && W();
       return;
     }
     N(t);
-  }, xe = () => {
+  }, Me = () => {
     A([]), N([]);
-  }, ye = (e) => {
+  }, ve = (e) => {
     if (v) {
       if (e !== void 0) {
         let t = [];
@@ -224,24 +228,24 @@ const ke = {
       }
       w !== null && (A(w), N(null));
     }
-  }, Fe = () => {
-    N(Z()), V && V();
-  }, Me = () => de ? /* @__PURE__ */ i("svg", { className: "cursor-pointer text-[#7a8294] hover:text-[#3649C6] shrink-0", fill: "currentColor", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", width: "18", height: "18", onClick: (e) => {
+  }, Ce = () => {
+    N(ee()), V && V();
+  }, Te = () => me ? /* @__PURE__ */ i("svg", { className: "cursor-pointer text-[#7a8294] hover:text-[#3649C6] shrink-0", fill: "currentColor", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", width: "18", height: "18", onClick: (e) => {
     e.stopPropagation(), E.current && E.current.blur(), L ? L(D) : _ ? _(o) : K && K.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, ve = () => /* @__PURE__ */ i("button", { onClick: W, className: "cursor-pointer shrink-0 text-[#4259ee] hover:text-[#0f1c76]", children: /* @__PURE__ */ i(ae, { size: 12 }) }), T = c.filter === "agMultiColumnFilter", g = C(c);
+  }, children: /* @__PURE__ */ i("path", { d: "M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z" }) }) : null, be = () => /* @__PURE__ */ i("button", { onClick: W, className: "cursor-pointer shrink-0 text-[#4259ee] hover:text-[#0f1c76]", children: /* @__PURE__ */ i(ue, { size: 12 }) }), T = c.filter === "agMultiColumnFilter", g = C(c);
   let x = "text";
   T ? x = g.set !== -1 ? "set" : g.date !== -1 ? "date" : "text" : B ? x = "set" : p && (x = "date");
-  const Ce = T ? g.text !== -1 || g.number !== -1 : !p && !B, te = T ? g.set !== -1 : B, le = T ? g.date !== -1 : p, Te = d.getFilterModel()[o], re = T && Te?.filterModels?.some((e, t) => {
+  const De = T ? g.text !== -1 || g.number !== -1 : !p && !B, re = T ? g.set !== -1 : B, ne = T ? g.date !== -1 : p, Ne = d.getFilterModel()[o], oe = T && Ne?.filterModels?.some((e, t) => {
     const l = t === g.text || t === g.number ? "text" : t === g.set ? "set" : "date";
     return e !== null && l !== x;
   });
   return /* @__PURE__ */ y("div", { className: "ag-header-cell-label flex items-center gap-1 w-full bg-[#eceefd] px-1 py-2 ag-header-cell-search-active h-full", children: [
-    x === "set" && te ? /* @__PURE__ */ i(
-      se,
+    x === "set" && re ? /* @__PURE__ */ i(
+      fe,
       {
         options: S,
-        value: $(),
-        onChange: ee,
+        value: te(),
+        onChange: le,
         isMulti: v !== void 0 ? v : c?.cellDataType !== "boolean",
         placeholder: "Select...",
         className: "w-full bg-white",
@@ -249,20 +253,20 @@ const ke = {
         menuWidth: "200px",
         menuPortalTarget: document.body,
         autoFocus: !0,
-        onMenuOpen: Fe,
-        onMenuClose: ye,
-        onMenuScrollToBottom: fe,
-        onInputChange: ue,
-        onClearAll: xe,
+        onMenuOpen: Ce,
+        onMenuClose: ve,
+        onMenuScrollToBottom: pe,
+        onInputChange: ge,
+        onClearAll: Me,
         isLoading: J,
         onFocus: () => u(!0),
         onBlur: () => u(!1)
       }
-    ) : x === "date" && le ? /* @__PURE__ */ i(
-      oe,
+    ) : x === "date" && ne ? /* @__PURE__ */ i(
+      ce,
       {
-        value: Q || void 0,
-        onChange: (e) => Y(e || null),
+        value: X || void 0,
+        onChange: (e) => $(e || null),
         placeholder: "Select Date",
         format: "MM-dd-yyyy",
         minDate: /* @__PURE__ */ new Date("2000-01-01"),
@@ -272,10 +276,10 @@ const ke = {
         onBlur: () => u(!1)
       }
     ) : /* @__PURE__ */ i(
-      ie,
+      de,
       {
         value: H,
-        onChange: X,
+        onChange: Z,
         placeholder: "Search",
         type: "text",
         className: "flex-1 bg-white",
@@ -284,26 +288,26 @@ const ke = {
         onFocus: () => u(!0),
         onBlur: () => u(!1),
         suffix: H && /* @__PURE__ */ i("button", { onClick: (e) => {
-          e.stopPropagation(), ge();
-        }, className: "cursor-pointer text-[#7a8294] hover:text-[#3649C6]", children: /* @__PURE__ */ i(ae, { size: 10 }) })
+          e.stopPropagation(), Fe();
+        }, className: "cursor-pointer text-[#7a8294] hover:text-[#3649C6]", children: /* @__PURE__ */ i(ue, { size: 10 }) })
       }
     ),
     /* @__PURE__ */ y("div", { className: "flex items-center gap-1.5 shrink-0", children: [
-      T && /* @__PURE__ */ y(we, { children: [
-        /* @__PURE__ */ i(Ie, { asChild: !0, children: /* @__PURE__ */ y("div", { className: "relative group p-1 hover:bg-[#dbe0fb] rounded-md transition-colors cursor-pointer", children: [
-          /* @__PURE__ */ i(Ae, { size: 16, className: Se("text-[#60697D] group-hover:text-[#3649C6]", re && "text-[#3649C6]") }),
-          re && /* @__PURE__ */ i("span", { className: "absolute top-0.5 right-0.5 w-2 h-2 rounded-full bg-[#4259ee] border border-white shadow-sm" })
+      T && /* @__PURE__ */ y(Ie, { children: [
+        /* @__PURE__ */ i(Pe, { asChild: !0, children: /* @__PURE__ */ y("div", { className: "relative group p-1 hover:bg-[#dbe0fb] rounded-md transition-colors cursor-pointer", children: [
+          /* @__PURE__ */ i(Se, { size: 16, className: we("text-[#60697D] group-hover:text-[#3649C6]", oe && "text-[#3649C6]") }),
+          oe && /* @__PURE__ */ i("span", { className: "absolute top-0.5 right-0.5 w-2 h-2 rounded-full bg-[#4259ee] border border-white shadow-sm" })
         ] }) }),
-        /* @__PURE__ */ y(Pe, { align: "end", className: "w-[300px]", children: [
-          /* @__PURE__ */ i(qe, { children: /* @__PURE__ */ i(ze, { children: "Active Filters" }) }),
-          /* @__PURE__ */ y(Be, { className: "flex flex-col gap-4", children: [
-            x !== "text" && Ce && /* @__PURE__ */ y("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ y(qe, { align: "end", className: "w-[300px]", children: [
+          /* @__PURE__ */ i(ze, { children: /* @__PURE__ */ i(Be, { children: "Active Filters" }) }),
+          /* @__PURE__ */ y(Ee, { className: "flex flex-col gap-4", children: [
+            x !== "text" && De && /* @__PURE__ */ y("div", { className: "flex flex-col gap-1.5", children: [
               /* @__PURE__ */ i("span", { className: "text-xs font-semibold text-[#60697D]", children: "Text Search" }),
               /* @__PURE__ */ i(
-                ie,
+                de,
                 {
                   value: H,
-                  onChange: X,
+                  onChange: Z,
                   placeholder: "Search...",
                   className: "bg-white",
                   onFocus: () => u(!0),
@@ -311,14 +315,14 @@ const ke = {
                 }
               )
             ] }),
-            x !== "set" && te && /* @__PURE__ */ y("div", { className: "flex flex-col gap-1.5", children: [
+            x !== "set" && re && /* @__PURE__ */ y("div", { className: "flex flex-col gap-1.5", children: [
               /* @__PURE__ */ i("span", { className: "text-xs font-semibold text-[#60697D]", children: "Selection Filter" }),
               /* @__PURE__ */ i(
-                se,
+                fe,
                 {
                   options: S,
-                  value: $(),
-                  onChange: ee,
+                  value: te(),
+                  onChange: le,
                   isMulti: v !== void 0 ? v : c?.cellDataType !== "boolean",
                   placeholder: "Select...",
                   className: "w-full bg-white",
@@ -328,13 +332,13 @@ const ke = {
                 }
               )
             ] }),
-            x !== "date" && le && /* @__PURE__ */ y("div", { className: "flex flex-col gap-1.5", children: [
+            x !== "date" && ne && /* @__PURE__ */ y("div", { className: "flex flex-col gap-1.5", children: [
               /* @__PURE__ */ i("span", { className: "text-xs font-semibold text-[#60697D]", children: "Date Filter" }),
               /* @__PURE__ */ i(
-                oe,
+                ce,
                 {
-                  value: Q || void 0,
-                  onChange: (e) => Y(e || null),
+                  value: X || void 0,
+                  onChange: (e) => $(e || null),
                   className: "w-full bg-white",
                   onFocus: () => u(!0),
                   onBlur: () => u(!1)
@@ -344,11 +348,11 @@ const ke = {
           ] })
         ] })
       ] }),
-      Me(),
-      ve()
+      Te(),
+      be()
     ] })
   ] });
 };
 export {
-  Ye as HeaderSearchInput
+  Ze as HeaderSearchInput
 };

package/package.json

@@ -1,7 +1,7 @@
 
 {
   "name": "impact-nova",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "Enterprise-grade React design system built with React 19, Vite, Tailwind CSS, and Radix UI. Comprehensive UI component library for scalable, accessible, and performant applications.",
   "type": "module",
   "main": "./dist/index.js",