impact-nova 1.7.21 → 1.7.23

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

@@ -1,45 +1,45 @@
-import { jsxs as f, jsx as r, Fragment as U } from "react/jsx-runtime";
+import { jsxs as f, jsx as o, Fragment as W } from "react/jsx-runtime";
 import { useState as R } from "react";
-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 = {};
+import { Dialog as X, DialogContent as Y, DialogHeader as Z, DialogTitle as _, DialogClose as I, DialogBody as ee, DialogFooter as te } from "../../../dialog.js";
+import { Button as v } from "../../../button.js";
+import { Tooltip as le, TooltipTrigger as ne, TooltipContent as oe } from "../../../tooltip.js";
+import { Cross as re } from "../../../../../icons/index.js";
+import { ColumnFilterSection as B } from "./column-filter-section.js";
+import { createEmptyRule as w } from "../utils/filter-utils.js";
+import { useImpactNovaI18n as ae } from "../../../../../i18n/ImpactNovaI18nContext.js";
+const j = (S) => {
+  const d = {};
   return S.forEach((m) => {
-    m.columnId && (u[m.columnId] || (u[m.columnId] = []), u[m.columnId].push(m));
-  }), u;
-}, fe = ({
+    m.columnId && (d[m.columnId] || (d[m.columnId] = []), d[m.columnId].push(m));
+  }), d;
+}, be = ({
   isOpen: S,
-  onClose: u,
+  onClose: d,
   onApply: m,
-  columnId: s,
-  columnLabel: P,
-  columnType: v,
+  columnId: a,
+  columnLabel: J,
+  columnType: C,
   selectOptions: A,
-  isMultiSelect: $,
-  initialModel: k,
-  api: h
+  isMultiSelect: G,
+  initialModel: E,
+  api: p
   // Add api to props
 }) => {
-  const { t: d } = ne(), E = () => (k?.rules || []).filter((e) => !("logic" in e)), [y, G] = R("column"), [x, O] = R(() => {
-    const e = {}, n = E(), t = B(n);
-    return Object.keys(t).forEach((a) => {
-      e[a] = k?.logic || "OR";
-    }), e[s] || (e[s] = "OR"), e;
-  }), [g, w] = R(() => {
-    const e = E();
-    if (h) {
-      const t = h.getFilterModel();
+  const { t: u } = ae(), z = () => (E?.rules || []).filter((e) => !("logic" in e)), [h, q] = R("column"), [x, O] = R(() => {
+    const e = {}, n = z(), t = j(n);
+    return Object.keys(t).forEach((s) => {
+      e[s] = E?.logic || "OR";
+    }), e[a] || (e[a] = "OR"), e;
+  }), [g, T] = R(() => {
+    const e = z();
+    if (p) {
+      const t = p.getFilterModel();
       t && Object.keys(t).forEach((i) => {
         if (!e.some((l) => l.columnId === i)) {
           const l = t[i];
-          let o = null;
+          let r = null;
           if (l.filterType === "text")
-            o = {
+            r = {
               id: Math.random().toString(36).substr(2, 9),
               columnId: i,
               columnType: "text",
@@ -47,7 +47,7 @@ const B = (S) => {
               value: l.filter
             };
           else if (l.filterType === "number")
-            o = {
+            r = {
               id: Math.random().toString(36).substr(2, 9),
               columnId: i,
               columnType: "number",
@@ -55,7 +55,7 @@ const B = (S) => {
               value: String(l.filter)
             };
           else if (l.filterType === "set")
-            o = {
+            r = {
               id: Math.random().toString(36).substr(2, 9),
               columnId: i,
               columnType: "select",
@@ -63,8 +63,8 @@ const B = (S) => {
               value: l.values
             };
           else if (l.filterType === "multi") {
-            const c = l.filterModels?.find((D) => D && D.filterType === "set");
-            c && (o = {
+            const c = l.filterModels?.find((N) => N && N.filterType === "set");
+            c && (r = {
               id: Math.random().toString(36).substr(2, 9),
               columnId: i,
               columnType: "multi",
@@ -73,33 +73,33 @@ const B = (S) => {
               value: c.values
             });
           }
-          o && e.push(o);
+          r && e.push(r);
         }
       });
     }
-    return e.some((t) => t.columnId === s) || e.push(N(s, v)), e;
-  }), [b] = R(() => ({
+    return e.some((t) => t.columnId === a) || e.push(w(a, C)), e;
+  }), [F] = R(() => ({
     allRules: g,
     // Use the computed rules (potentially synced)
     columnLogic: { ...x }
-  })), J = JSON.stringify({ allRules: g, columnLogic: x }) !== JSON.stringify(b), T = (e) => g.filter((n) => n.columnId === e), F = (e, n) => {
-    w((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);
+  })), H = JSON.stringify({ allRules: g, columnLogic: x }) !== JSON.stringify(F), $ = (e) => g.filter((n) => n.columnId === e), D = (e, n) => {
+    T((t) => {
+      const s = /* @__PURE__ */ new Set(), i = [];
+      t.forEach((r) => {
+        s.has(r.columnId) || (s.add(r.columnId), i.push(r.columnId));
+      }), s.has(e) || i.push(e);
       const l = [];
-      return i.forEach((o) => {
-        o === e ? l.push(...n) : l.push(...t.filter((c) => c.columnId === o));
+      return i.forEach((r) => {
+        r === e ? l.push(...n) : l.push(...t.filter((c) => c.columnId === r));
       }), l;
     });
   }, L = (e) => x[e] || "OR", M = (e, n) => {
     O((t) => ({ ...t, [e]: n }));
-  }, H = () => {
-    y === "column" ? (F(s, [N(s, v)]), M(s, "OR")) : (w([N(s, v)]), O({ [s]: "OR" }));
-  }, V = () => {
-    w(b.allRules.length > 0 ? b.allRules : [N(s, v)]), O(b.columnLogic);
   }, K = () => {
+    h === "column" ? (D(a, [w(a, C)]), M(a, "OR")) : (T([w(a, C)]), O({ [a]: "OR" }));
+  }, Q = () => {
+    T(F.allRules.length > 0 ? F.allRules : [w(a, C)]), O(F.columnLogic);
+  }, U = () => {
     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);
@@ -107,110 +107,141 @@ const B = (S) => {
       const n = e[0].columnId;
       m({ logic: L(n), rules: e });
     }
-    u();
-  }, Q = B(g), j = Object.keys(Q), q = (e, n) => {
-    if (!h) return n;
-    const t = h.getColumn(e);
+    d();
+  }, V = j(g), k = Object.keys(V), y = Object.keys(j(
+    g.filter((e) => e.operator === "empty" || e.operator === "notEmpty" ? !!e.columnId : e.columnId && e.value !== "" && e.value !== null)
+  )).length <= 1, P = (e, n) => {
+    if (!p) return n;
+    const t = p.getColumn(e);
     if (!t) return n;
-    const a = t.getColDef(), i = [];
+    const s = t.getColDef(), i = [];
     let l = t.getParent();
     for (; l; ) {
       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(" > ");
+    const r = s?.headerName || e;
+    return i.push(r), i.join(" > ");
   };
-  return /* @__PURE__ */ f(W, { open: S, onOpenChange: u, children: [
+  return /* @__PURE__ */ f(X, { open: S, onOpenChange: d, children: [
     (console.log("[AdvancedFilterDialog] Current State:", {
-      mode: y,
+      mode: h,
       allRules: g,
       columnLogic: x,
-      activeColumns: j
+      activeColumns: k
     }), null),
-    /* @__PURE__ */ f(X, { className: "w-[800px] max-w-[95vw] max-h-[90vh] flex flex-col p-0", hideClose: !0, children: [
-      /* @__PURE__ */ f(Y, { className: "flex flex-row items-center justify-between px-4 py-3", children: [
-        /* @__PURE__ */ r(Z, { children: d("advancedFilter.title") }),
-        /* @__PURE__ */ r(_, { asChild: !0, children: /* @__PURE__ */ r(C, { variant: "ghost", size: "icon", className: "h-8 w-8 p-0 text-content-tertiary hover:text-brand-variant-hover", onClick: u, "aria-label": d("aria.close"), children: /* @__PURE__ */ r(le, { size: 14 }) }) })
+    /* @__PURE__ */ f(Y, { className: "w-[800px] max-w-[95vw] max-h-[90vh] flex flex-col p-0", hideClose: !0, children: [
+      /* @__PURE__ */ f(Z, { className: "flex flex-row items-center justify-between px-4 py-3", children: [
+        /* @__PURE__ */ o(_, { children: u("advancedFilter.title") }),
+        /* @__PURE__ */ o(I, { asChild: !0, children: /* @__PURE__ */ o(v, { variant: "ghost", size: "icon", className: "h-8 w-8 p-0 text-content-tertiary hover:text-brand-variant-hover", onClick: d, "aria-label": u("aria.close"), children: /* @__PURE__ */ o(re, { size: 14 }) }) })
       ] }),
       /* @__PURE__ */ f("div", { className: "flex items-center justify-between px-4 py-4 pb-2", children: [
-        /* @__PURE__ */ f(
-          te,
-          {
-            value: y,
-            onValueChange: (e) => G(e),
-            children: [
-              /* @__PURE__ */ r(C, { value: "column", size: "md", children: d("advancedFilter.currentColumn") }),
-              /* @__PURE__ */ r(C, { value: "global", size: "md", children: d("advancedFilter.allFilters") })
-            ]
-          }
-        ),
-        /* @__PURE__ */ r(C, { variant: "ghost", onClick: H, className: "!text-brand", children: d("advancedFilter.clearAll") })
+        /* @__PURE__ */ f("div", { className: "inline-flex", role: "group", "data-component": "button-group", children: [
+          /* @__PURE__ */ o(
+            v,
+            {
+              value: "column",
+              size: "md",
+              variant: "ghost",
+              "aria-pressed": h === "column",
+              className: `!shadow-none relative border transition-colors min-w-14 !rounded-none !rounded-l-md z-[1] ${h === "column" ? "!bg-accent !border-brand !text-brand z-10" : "!bg-canvas-elevated !border-button-primary-disabled !text-[#60697d] hover:!bg-canvas-elevated hover:!text-brand"}`,
+              onClick: () => q("column"),
+              children: u("advancedFilter.currentColumn")
+            }
+          ),
+          /* @__PURE__ */ f(le, { children: [
+            /* @__PURE__ */ o(ne, { asChild: !0, children: /* @__PURE__ */ o(
+              "span",
+              {
+                style: {
+                  cursor: y ? "not-allowed" : "default",
+                  display: "inline-flex"
+                },
+                children: /* @__PURE__ */ o(
+                  v,
+                  {
+                    value: "global",
+                    size: "md",
+                    variant: "ghost",
+                    "aria-pressed": h === "global",
+                    disabled: y,
+                    style: y ? { pointerEvents: "none" } : void 0,
+                    className: `!shadow-none relative border transition-colors min-w-14 !rounded-none !rounded-r-md -ml-px ${y ? "!bg-disabled-surface !border-disabled-border !text-disabled-foreground opacity-100" : h === "global" ? "!bg-accent !border-brand !text-brand z-10" : "!bg-canvas-elevated !border-button-primary-disabled !text-[#60697d] hover:!bg-canvas-elevated hover:!text-brand z-[1]"}`,
+                    onClick: () => q("global"),
+                    children: u("advancedFilter.allFilters")
+                  }
+                )
+              }
+            ) }),
+            y && /* @__PURE__ */ o(oe, { variant: "tertiary", children: u("advancedFilter.allFiltersDisabledTooltip") })
+          ] })
+        ] }),
+        /* @__PURE__ */ o(v, { variant: "ghost", onClick: K, className: "!text-brand", children: u("advancedFilter.clearAll") })
       ] }),
-      /* @__PURE__ */ r(I, { className: "px-0 py-4 flex-1 overflow-y-auto min-h-0", children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-6 w-full px-4", children: y === "column" ? (
+      /* @__PURE__ */ o(ee, { className: "px-0 py-4 flex-1 overflow-y-auto min-h-0", children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-6 w-full px-4", children: h === "column" ? (
         // Column Mode: Single column section
-        /* @__PURE__ */ r(
-          z,
+        /* @__PURE__ */ o(
+          B,
           {
-            columnId: s,
-            columnLabel: q(s, P),
-            columnType: v,
+            columnId: a,
+            columnLabel: P(a, J),
+            columnType: C,
             selectOptions: A,
-            isMultiSelect: A ? !!$ : !0,
-            rules: T(s),
-            logic: L(s),
-            onLogicChange: (e) => M(s, e),
-            onRulesChange: (e) => F(s, e)
+            isMultiSelect: A ? !!G : !0,
+            rules: $(a),
+            logic: L(a),
+            onLogicChange: (e) => M(a, e),
+            onRulesChange: (e) => D(a, e)
           }
         )
       ) : (
         // Global Mode: All columns with filters
-        /* @__PURE__ */ r(U, { children: j.length === 0 ? /* @__PURE__ */ r("div", { className: "text-center py-8 text-content-placeholder", children: d("advancedFilter.noFiltersApplied") }) : j.map((e, n) => {
+        /* @__PURE__ */ o(W, { children: k.length === 0 ? /* @__PURE__ */ o("div", { className: "text-center py-8 text-content-placeholder", children: u("advancedFilter.noFiltersApplied") }) : k.map((e, n) => {
           let t = null;
-          if (h) {
-            const p = h.getColumn(e);
-            p && (t = p.getColDef());
+          if (p) {
+            const b = p.getColumn(e);
+            b && (t = b.getColDef());
           }
-          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 c = a?.selectOptions, D = a?.isMultiSelect;
+          const s = t?.headerComponentParams, i = t?.headerName || e, l = P(e, i), r = t?.filter === "agNumberColumnFilter" ? "number" : t?.filter === "agDateColumnFilter" ? "date" : t?.filter === "agMultiColumnFilter" ? "multi" : t?.filter === "agSetColumnFilter" || s?.selectOptions ? "select" : "text";
+          console.log(`[AdvancedFilterDialog] Column: ${e}, Type: ${r}, Filter: ${t?.filter}`);
+          const c = s?.selectOptions, N = s?.isMultiSelect;
           return /* @__PURE__ */ f("div", { children: [
-            n > 0 && /* @__PURE__ */ r("hr", { className: "border-stroke-hairline mb-6" }),
-            /* @__PURE__ */ r(
-              z,
+            n > 0 && /* @__PURE__ */ o("hr", { className: "border-stroke-hairline mb-6" }),
+            /* @__PURE__ */ o(
+              B,
               {
                 columnId: e,
                 columnLabel: l,
-                columnType: o,
+                columnType: r,
                 selectOptions: c,
-                isMultiSelect: D,
-                rules: T(e),
+                isMultiSelect: N,
+                rules: $(e),
                 logic: L(e),
-                onLogicChange: (p) => M(e, p),
-                onRulesChange: (p) => F(e, p),
+                onLogicChange: (b) => M(e, b),
+                onRulesChange: (b) => D(e, b),
                 canDeleteLastRule: !0,
-                onDeleteColumnFilter: () => F(e, [])
+                onDeleteColumnFilter: () => D(e, [])
               }
             )
           ] }, e);
         }) })
       ) }) }),
-      /* @__PURE__ */ r(ee, { className: "flex justify-end border-t border-[#D9DDE7]", children: /* @__PURE__ */ f("div", { className: "flex gap-3", children: [
-        /* @__PURE__ */ r(
-          C,
+      /* @__PURE__ */ o(te, { className: "flex justify-end border-t border-[#D9DDE7]", children: /* @__PURE__ */ f("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ o(
+          v,
           {
-            onClick: V,
+            onClick: Q,
             variant: "secondary",
-            disabled: !J,
-            children: d("advancedFilter.discard")
+            disabled: !H,
+            children: u("advancedFilter.discard")
           }
         ),
-        /* @__PURE__ */ r(C, { onClick: K, variant: "default", children: d("advancedFilter.apply") })
+        /* @__PURE__ */ o(v, { onClick: U, variant: "default", children: u("advancedFilter.apply") })
       ] }) })
     ] })
   ] });
 };
 export {
-  fe as AdvancedFilterDialog,
-  fe as default
+  be as AdvancedFilterDialog,
+  be as default
 };