impact-nova 1.3.0 → 1.5.2

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

@@ -1,38 +1,39 @@
-import { jsxs as f, jsx as r, Fragment as Q } from "react/jsx-runtime";
+import { jsxs as f, jsx as r, Fragment as U } from "react/jsx-runtime";
 import { useState as R } from "react";
-import { Dialog as U, DialogContent as W, DialogHeader as X, DialogTitle as Y, DialogClose as Z, DialogBody as _, DialogFooter as I } from "../../../dialog.js";
-import { Button as p } from "../../../button.js";
-import { ButtonGroup as ee } from "../../../button-group.js";
-import { Cross as te } from "../../../../../icons/index.js";
-import { ColumnFilterSection as q } from "./column-filter-section.js";
-import { createEmptyRule as F } from "../utils/filter-utils.js";
-const z = (N) => {
-  const c = {};
-  return N.forEach((m) => {
-    m.columnId && (c[m.columnId] || (c[m.columnId] = []), c[m.columnId].push(m));
-  }), c;
-}, ce = ({
-  isOpen: N,
-  onClose: c,
+import { Dialog as W, DialogContent as X, DialogHeader as Y, DialogTitle as Z, DialogClose as _, DialogBody as I, DialogFooter as ee } from "../../../dialog.js";
+import { Button as C } from "../../../button.js";
+import { ButtonGroup as te } from "../../../button-group.js";
+import { Cross as le } from "../../../../../icons/index.js";
+import { ColumnFilterSection as z } from "./column-filter-section.js";
+import { createEmptyRule as N } from "../utils/filter-utils.js";
+import { useImpactNovaI18n as ne } from "../../../../../i18n/ImpactNovaI18nContext.js";
+const B = (S) => {
+  const u = {};
+  return S.forEach((m) => {
+    m.columnId && (u[m.columnId] || (u[m.columnId] = []), u[m.columnId].push(m));
+  }), u;
+}, fe = ({
+  isOpen: S,
+  onClose: u,
   onApply: m,
   columnId: s,
-  columnLabel: B,
-  columnType: C,
-  selectOptions: A,
-  isMultiSelect: P,
-  initialModel: j,
-  api: d
+  columnLabel: P,
+  columnType: v,
+  selectOptions: j,
+  isMultiSelect: $,
+  initialModel: T,
+  api: h
   // Add api to props
 }) => {
-  const T = () => (j?.rules || []).filter((e) => !("logic" in e)), [y, $] = R("column"), [x, S] = R(() => {
-    const e = {}, n = T(), t = z(n);
+  const { t: d } = ne(), k = () => (T?.rules || []).filter((e) => !("logic" in e)), [y, G] = R("column"), [F, O] = R(() => {
+    const e = {}, n = k(), t = B(n);
     return Object.keys(t).forEach((a) => {
-      e[a] = j?.logic || "OR";
+      e[a] = T?.logic || "OR";
     }), e[s] || (e[s] = "OR"), e;
-  }), [h, O] = R(() => {
-    const e = T();
-    if (d) {
-      const t = d.getFilterModel();
+  }), [g, L] = R(() => {
+    const e = k();
+    if (h) {
+      const t = h.getFilterModel();
       t && Object.keys(t).forEach((i) => {
         if (!e.some((l) => l.columnId === i)) {
           const l = t[i];
@@ -62,162 +63,162 @@ const z = (N) => {
               value: l.values
             };
           else if (l.filterType === "multi") {
-            const u = l.filterModels?.find((b) => b && b.filterType === "set");
-            u && (o = {
+            const c = l.filterModels?.find((D) => D && D.filterType === "set");
+            c && (o = {
               id: Math.random().toString(36).substr(2, 9),
               columnId: i,
               columnType: "multi",
               // or select?
               operator: "equals",
-              value: u.values
+              value: c.values
             });
           }
           o && e.push(o);
         }
       });
     }
-    return e.some((t) => t.columnId === s) || e.push(F(s, C)), e;
-  }), [v] = R(() => ({
-    allRules: h,
+    return e.some((t) => t.columnId === s) || e.push(N(s, v)), e;
+  }), [x] = R(() => ({
+    allRules: g,
     // Use the computed rules (potentially synced)
-    columnLogic: { ...x }
-  })), G = JSON.stringify({ allRules: h, columnLogic: x }) !== JSON.stringify(v), k = (e) => h.filter((n) => n.columnId === e), D = (e, n) => {
-    O((t) => {
+    columnLogic: { ...F }
+  })), J = JSON.stringify({ allRules: g, columnLogic: F }) !== JSON.stringify(x), E = (e) => g.filter((n) => n.columnId === e), b = (e, n) => {
+    L((t) => {
       const a = /* @__PURE__ */ new Set(), i = [];
       t.forEach((o) => {
         a.has(o.columnId) || (a.add(o.columnId), i.push(o.columnId));
       }), a.has(e) || i.push(e);
       const l = [];
       return i.forEach((o) => {
-        o === e ? l.push(...n) : l.push(...t.filter((u) => u.columnId === o));
+        o === e ? l.push(...n) : l.push(...t.filter((c) => c.columnId === o));
       }), l;
     });
-  }, L = (e) => x[e] || "OR", M = (e, n) => {
-    S((t) => ({ ...t, [e]: n }));
-  }, J = () => {
-    y === "column" ? (D(s, [F(s, C)]), M(s, "OR")) : (O([F(s, C)]), S({ [s]: "OR" }));
+  }, M = (e) => F[e] || "OR", w = (e, n) => {
+    O((t) => ({ ...t, [e]: n }));
   }, H = () => {
-    O(v.allRules.length > 0 ? v.allRules : [F(s, C)]), S(v.columnLogic);
+    y === "column" ? (b(s, [N(s, v)]), w(s, "OR")) : (L([N(s, v)]), O({ [s]: "OR" }));
   }, V = () => {
-    const e = h.filter((n) => n.operator === "empty" || n.operator === "notEmpty" ? !!n.columnId : n.columnId && n.value !== "" && n.value !== null);
+    L(x.allRules.length > 0 ? x.allRules : [N(s, v)]), O(x.columnLogic);
+  }, K = () => {
+    const e = g.filter((n) => n.operator === "empty" || n.operator === "notEmpty" ? !!n.columnId : n.columnId && n.value !== "" && n.value !== null);
     if (e.length === 0)
       m(null);
     else {
       const n = e[0].columnId;
-      m({ logic: L(n), rules: e });
+      m({ logic: M(n), rules: e });
     }
-    c();
-  }, K = z(h), w = Object.keys(K), E = (e, n) => {
-    if (!d) return n;
-    const t = d.getColumn(e);
+    u();
+  }, Q = B(g), A = Object.keys(Q), q = (e, n) => {
+    if (!h) return n;
+    const t = h.getColumn(e);
     if (!t) return n;
     const a = t.getColDef(), i = [];
     let l = t.getParent();
     for (; l; ) {
-      const u = l.getColGroupDef();
-      u && u.headerName && i.unshift(u.headerName), l = l.getParent();
+      const c = l.getColGroupDef();
+      c && c.headerName && i.unshift(c.headerName), l = l.getParent();
     }
     const o = a?.headerName || e;
     return i.push(o), i.join(" > ");
   };
-  return /* @__PURE__ */ f(U, { open: N, onOpenChange: c, children: [
+  return /* @__PURE__ */ f(W, { open: S, onOpenChange: u, children: [
     (console.log("[AdvancedFilterDialog] Current State:", {
       mode: y,
-      allRules: h,
-      columnLogic: x,
-      activeColumns: w
+      allRules: g,
+      columnLogic: F,
+      activeColumns: A
     }), null),
-    /* @__PURE__ */ f(W, { className: "w-[550px] max-w-[95vw] p-0", hideClose: !0, children: [
-      /* @__PURE__ */ f(X, { className: "flex flex-row items-center gap-4 px-4 py-2", children: [
-        /* @__PURE__ */ r(Y, { children: "Advanced Filter" }),
+    /* @__PURE__ */ f(X, { className: "w-[550px] max-w-[95vw] p-0", hideClose: !0, children: [
+      /* @__PURE__ */ f(Y, { className: "flex flex-row items-center gap-4 px-4 py-2", children: [
+        /* @__PURE__ */ r(Z, { children: d("advancedFilter.title") }),
         /* @__PURE__ */ r("div", { className: "flex-1 flex  items-center justify-end", children: /* @__PURE__ */ f(
-          ee,
+          te,
           {
             className: "",
             value: y,
-            onValueChange: (e) => $(e),
+            onValueChange: (e) => G(e),
             children: [
-              /* @__PURE__ */ r(p, { value: "column", size: "md", children: "Current Column" }),
-              /* @__PURE__ */ r(p, { value: "global", size: "md", children: "All Filters" })
+              /* @__PURE__ */ r(C, { value: "column", size: "md", children: d("advancedFilter.currentColumn") }),
+              /* @__PURE__ */ r(C, { value: "global", size: "md", children: d("advancedFilter.allFilters") })
             ]
           }
         ) }),
-        /* @__PURE__ */ r(Z, { asChild: !0, children: /* @__PURE__ */ r(p, { variant: "ghost", size: "icon", className: "h-8 w-8 p-0 text-[#60697D] hover:text-[#3649C6]", onClick: c, "aria-label": "Close", children: /* @__PURE__ */ r(te, { size: 14 }) }) })
+        /* @__PURE__ */ r(_, { asChild: !0, children: /* @__PURE__ */ r(C, { variant: "ghost", size: "icon", className: "h-8 w-8 p-0 text-[#60697D] hover:text-[#3649C6]", onClick: u, "aria-label": d("aria.close"), children: /* @__PURE__ */ r(le, { size: 14 }) }) })
       ] }),
-      /* @__PURE__ */ r(_, { className: "px-0 py-4 min-h-[300px] max-h-[400px] overflow-y-auto", children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-6 w-full px-4", children: y === "column" ? (
+      /* @__PURE__ */ r(I, { className: "px-0 py-4 min-h-[300px] max-h-[400px] overflow-y-auto", children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-6 w-full px-4", children: y === "column" ? (
         // Column Mode: Single column section
         /* @__PURE__ */ r(
-          q,
+          z,
           {
             columnId: s,
-            columnLabel: E(s, B),
-            columnType: C,
-            selectOptions: A,
-            isMultiSelect: A ? !!P : !0,
-            rules: k(s),
-            logic: L(s),
-            onLogicChange: (e) => M(s, e),
-            onRulesChange: (e) => D(s, e)
+            columnLabel: q(s, P),
+            columnType: v,
+            selectOptions: j,
+            isMultiSelect: j ? !!$ : !0,
+            rules: E(s),
+            logic: M(s),
+            onLogicChange: (e) => w(s, e),
+            onRulesChange: (e) => b(s, e)
           }
         )
       ) : (
         // Global Mode: All columns with filters
-        /* @__PURE__ */ r(Q, { children: w.length === 0 ? /* @__PURE__ */ r("div", { className: "text-center py-8 text-slate-400", children: "No filters applied. Open a column to add filters." }) : w.map((e, n) => {
+        /* @__PURE__ */ r(U, { children: A.length === 0 ? /* @__PURE__ */ r("div", { className: "text-center py-8 text-slate-400", children: d("advancedFilter.noFiltersApplied") }) : A.map((e, n) => {
           let t = null;
-          if (d) {
-            const g = d.getColumn(e);
-            g && (t = g.getColDef());
+          if (h) {
+            const p = h.getColumn(e);
+            p && (t = p.getColDef());
           }
-          const a = t?.headerComponentParams, i = t?.headerName || e, l = E(e, i), o = t?.filter === "agNumberColumnFilter" ? "number" : t?.filter === "agDateColumnFilter" ? "date" : t?.filter === "agMultiColumnFilter" ? "multi" : t?.filter === "agSetColumnFilter" || a?.selectOptions ? "select" : "text";
+          const a = t?.headerComponentParams, i = t?.headerName || e, l = q(e, i), o = t?.filter === "agNumberColumnFilter" ? "number" : t?.filter === "agDateColumnFilter" ? "date" : t?.filter === "agMultiColumnFilter" ? "multi" : t?.filter === "agSetColumnFilter" || a?.selectOptions ? "select" : "text";
           console.log(`[AdvancedFilterDialog] Column: ${e}, Type: ${o}, Filter: ${t?.filter}`);
-          const u = a?.selectOptions, b = a?.isMultiSelect;
+          const c = a?.selectOptions, D = a?.isMultiSelect;
           return /* @__PURE__ */ f("div", { children: [
             n > 0 && /* @__PURE__ */ r("hr", { className: "border-slate-200 mb-6" }),
             /* @__PURE__ */ r(
-              q,
+              z,
               {
                 columnId: e,
                 columnLabel: l,
                 columnType: o,
-                selectOptions: u,
-                isMultiSelect: b,
-                rules: k(e),
-                logic: L(e),
-                onLogicChange: (g) => M(e, g),
-                onRulesChange: (g) => D(e, g),
+                selectOptions: c,
+                isMultiSelect: D,
+                rules: E(e),
+                logic: M(e),
+                onLogicChange: (p) => w(e, p),
+                onRulesChange: (p) => b(e, p),
                 canDeleteLastRule: !0,
-                onDeleteColumnFilter: () => D(e, [])
+                onDeleteColumnFilter: () => b(e, [])
               }
             )
           ] }, e);
         }) })
       ) }) }),
-      /* @__PURE__ */ f(I, { className: "flex justify-between", children: [
+      /* @__PURE__ */ f(ee, { className: "flex justify-between", children: [
         /* @__PURE__ */ r(
-          p,
+          C,
           {
-            onClick: J,
+            onClick: H,
             variant: "secondary",
-            children: "Clear all"
+            children: d("advancedFilter.clearAll")
           }
         ),
         /* @__PURE__ */ f("div", { className: "flex gap-3", children: [
           /* @__PURE__ */ r(
-            p,
+            C,
             {
-              onClick: H,
+              onClick: V,
               variant: "outline",
-              disabled: !G,
-              children: "Discard"
+              disabled: !J,
+              children: d("advancedFilter.discard")
             }
           ),
-          /* @__PURE__ */ r(p, { onClick: V, variant: "default", children: "Apply" })
+          /* @__PURE__ */ r(C, { onClick: K, variant: "default", children: d("advancedFilter.apply") })
         ] })
       ] })
     ] })
   ] });
 };
 export {
-  ce as AdvancedFilterDialog,
-  ce as default
+  fe as AdvancedFilterDialog,
+  fe as default
 };