impact-nova 2.5.17 → 2.6.0-alpha.0

package/dist/components/data/ag-grid-react/headers/advanced-filter/column-filter-section.js

@@ -2,61 +2,61 @@ import { jsxs as d, jsx as a } from "react/jsx-runtime";
 import { useMemo as E } from "react";
 import { Button as v } from "../../../../primitives/button/button.js";
 import { Input as f } from "../../../../forms/input/input.js";
-import { DatePicker as V } from "../../../../forms/date-picker/date-picker.js";
-import { DateRangePicker as I } from "../../../../forms/date-picker/date-range-picker.js";
-import { Select as h } from "../../../../forms/select/select.js";
-import { Bin as y } from "impact-nova-icons";
-import { useImpactNovaI18n as D } from "../../../../../i18n/use-impact-nova-i18n.js";
+import { DatePicker as I } from "../../../../forms/date-picker/date-picker.js";
+import { DateRangePicker as z } from "../../../../forms/date-picker/date-range-picker.js";
+import { Select as p } from "../../../../forms/select/select.js";
+import { Bin as F } from "impact-nova-icons";
+import { useImpactNovaI18n as W } from "../../../../../i18n/use-impact-nova-i18n.js";
 import { createEmptyRule as R } from "../utils/filter-utils.js";
-import { DEFAULT_DATE_DISPLAY_FORMAT as _ } from "../utils/date-utils.js";
-const T = {
+import { resolveDateDisplayFormat as j } from "../utils/date-utils.js";
+const q = {
   text: ["contains", "notContains", "equals", "notEqual", "startsWith", "endsWith", "empty", "notEmpty"],
   number: ["equals", "notEqual", "greaterThan", "greaterThanOrEqual", "lessThan", "lessThanOrEqual", "inRange", "empty", "notEmpty"],
   date: ["equals", "notEqual", "greaterThan", "lessThan", "inRange"],
   select: ["equals"],
   multi: ["contains", "notContains", "startsWith", "endsWith", "equals", "notEqual", "empty", "notEmpty"]
-}, M = ({
-  columnId: p,
-  columnLabel: q,
-  columnType: l,
+}, Z = ({
+  columnId: h,
+  columnLabel: A,
+  columnType: o,
   selectOptions: g,
   isMultiSelect: c,
   rules: s,
   logic: C,
-  onLogicChange: F,
+  onLogicChange: O,
   onRulesChange: m,
   canDeleteLastRule: u = !1,
   onDeleteColumnFilter: x,
-  dateDisplayFormat: b = _
+  dateDisplayFormat: T
 }) => {
-  const { t: r } = D(), N = E(() => (T[l] ?? T.text).map((n) => ({ label: r(`filter.operators.${l === "date" && n === "greaterThan" ? "after" : l === "date" && n === "lessThan" ? "before" : l === "date" && n === "inRange" ? "between" : n}`), value: n })), [l, r]), w = E(
+  const { t: r, dateLocale: S } = W(), b = j(T, S), N = E(() => (q[o] ?? q.text).map((l) => ({ label: r(`filter.operators.${o === "date" && l === "greaterThan" ? "after" : o === "date" && l === "lessThan" ? "before" : o === "date" && l === "inRange" ? "between" : l}`), value: l })), [o, r]), y = E(
     () => [
       { label: r("filter.logicAll"), value: "AND" },
       { label: r("filter.logicAny"), value: "OR" }
     ],
     [r]
-  ), O = () => {
-    m([...s, R(p, l)]);
-  }, S = (e) => {
+  ), k = () => {
+    m([...s, R(h, o)]);
+  }, D = (e) => {
     if (s.length > 1 || u) {
-      const n = s.filter((t) => t.id !== e);
-      n.length === 0 && u ? m([]) : m(n.length > 0 ? n : [R(p, l)]);
+      const l = s.filter((t) => t.id !== e);
+      l.length === 0 && u ? m([]) : m(l.length > 0 ? l : [R(h, o)]);
     }
-  }, o = (e, n) => {
-    m(s.map((t) => t.id === e ? { ...t, ...n } : t));
-  }, k = (e) => {
+  }, n = (e, l) => {
+    m(s.map((t) => t.id === e ? { ...t, ...l } : t));
+  }, V = (e) => {
     if (e.operator === "empty" || e.operator === "notEmpty")
       return /* @__PURE__ */ a("span", { className: "text-content-placeholder italic text-sm", children: r("advancedFilter.noValueNeeded") });
-    if (l === "date")
+    if (o === "date")
       return e.operator === "inRange" ? /* @__PURE__ */ a(
-        I,
+        z,
         {
           value: {
             from: e.value ? new Date(e.value) : void 0,
             to: e.valueTo ? new Date(e.valueTo) : void 0
           },
           onChange: (t) => {
-            o(e.id, {
+            n(e.id, {
               value: t?.from?.toISOString() || "",
               valueTo: t?.to?.toISOString() || ""
             });
@@ -65,18 +65,18 @@ const T = {
           showFooter: !0
         }
       ) : /* @__PURE__ */ a(
-        V,
+        I,
         {
           value: e.value ? new Date(e.value) : void 0,
-          onChange: (t) => o(e.id, { value: t?.toISOString() || "" }),
+          onChange: (t) => n(e.id, { value: t?.toISOString() || "" }),
           placeholder: r("filter.selectDate"),
           format: b,
           showFooter: !0
         }
       );
-    const n = e.operator === "equals" || e.operator === "notEqual";
-    return l === "select" || l === "multi" && n ? /* @__PURE__ */ a(
-      h,
+    const l = e.operator === "equals" || e.operator === "notEqual";
+    return o === "select" || o === "multi" && l ? /* @__PURE__ */ a(
+      p,
       {
         options: g || [],
         value: (() => {
@@ -84,7 +84,7 @@ const T = {
           return t.length === 0 ? null : c !== !1 ? t : t[0];
         })(),
         onChange: (t) => {
-          Array.isArray(t) ? o(e.id, { value: t.map((i) => i.value) }) : o(e.id, { value: t?.value || "" });
+          Array.isArray(t) ? n(e.id, { value: t.map((i) => i.value) }) : n(e.id, { value: t?.value || "" });
         },
         isMulti: c !== void 0 ? c : !0,
         placeholder: r(c === !1 ? "filter.selectValue" : "filter.selectValues"),
@@ -96,9 +96,9 @@ const T = {
         f,
         {
           value: e.value,
-          onChange: (t) => o(e.id, { value: t.target.value }),
+          onChange: (t) => n(e.id, { value: t.target.value }),
           placeholder: r("filter.from"),
-          type: l === "number" ? "number" : "text",
+          type: o === "number" ? "number" : "text",
           className: "flex-1"
         }
       ),
@@ -107,9 +107,9 @@ const T = {
         f,
         {
           value: e.valueTo || "",
-          onChange: (t) => o(e.id, { valueTo: t.target.value }),
+          onChange: (t) => n(e.id, { valueTo: t.target.value }),
           placeholder: r("filter.to"),
-          type: l === "number" ? "number" : "text",
+          type: o === "number" ? "number" : "text",
           className: "flex-1"
         }
       )
@@ -117,41 +117,41 @@ const T = {
       f,
       {
         value: e.value,
-        onChange: (t) => o(e.id, { value: t.target.value }),
+        onChange: (t) => n(e.id, { value: t.target.value }),
         placeholder: r("filter.enterValue"),
-        type: l === "number" ? "number" : "text",
+        type: o === "number" ? "number" : "text",
         className: "w-full"
       }
     );
   }, P = (e) => {
-    const n = N.find((t) => t.value === e.operator);
+    const l = N.find((t) => t.value === e.operator);
     return /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ a("div", { className: "w-[120px] shrink-0", children: /* @__PURE__ */ a(
-        h,
+        p,
         {
           options: N,
-          value: n || null,
+          value: l || null,
           onChange: (t) => {
             const i = t;
             if (!i) return;
-            const A = i.value === "inRange" && e.value && !e.valueTo ? Array.isArray(e.value) ? e.value[0] : e.value : void 0;
-            o(e.id, { operator: i.value, ...A != null && { valueTo: A } });
+            const w = i.value === "inRange" && e.value && !e.valueTo ? Array.isArray(e.value) ? e.value[0] : e.value : void 0;
+            n(e.id, { operator: i.value, ...w != null && { valueTo: w } });
           },
           placeholder: r("filter.operator"),
           className: "w-full",
           menuPortalTarget: document.body
         }
       ) }),
-      /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: k(e) }),
+      /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: V(e) }),
       /* @__PURE__ */ a(
         v,
         {
-          onClick: () => S(e.id),
+          onClick: () => D(e.id),
           variant: "tertiary",
           size: "icon",
           "aria-label": r("aria.removeRule"),
           disabled: s.length === 1 && !u,
-          children: /* @__PURE__ */ a(y, { size: "xs" })
+          children: /* @__PURE__ */ a(F, { size: "xs" })
         }
       )
     ] }, e.id);
@@ -160,13 +160,13 @@ const T = {
     /* @__PURE__ */ d("div", { className: "text-secondary-foreground text-sm flex items-center gap-2 flex-wrap", children: [
       /* @__PURE__ */ a("span", { children: r("advancedFilter.match") }),
       /* @__PURE__ */ a("div", { className: "w-[80px]", children: /* @__PURE__ */ a(
-        h,
+        p,
         {
-          options: w,
-          value: w.find((e) => e.value === C),
+          options: y,
+          value: y.find((e) => e.value === C),
           onChange: (e) => {
-            const n = e;
-            n && F(n.value);
+            const l = e;
+            l && O(l.value);
           },
           className: "h-8",
           menuPortalTarget: document.body,
@@ -174,11 +174,11 @@ const T = {
         }
       ) }),
       /* @__PURE__ */ a("span", { children: r("advancedFilter.ofTheFollowingRulesForColumn") }),
-      /* @__PURE__ */ a("span", { className: "font-semibold text-content-tertiary", children: q })
+      /* @__PURE__ */ a("span", { className: "font-semibold text-content-tertiary", children: A })
     ] }),
     /* @__PURE__ */ a("div", { className: "flex flex-col gap-3", children: s.map((e) => P(e)) }),
     /* @__PURE__ */ d("div", { className: "flex items-center justify-between mt-1", children: [
-      /* @__PURE__ */ a(v, { onClick: O, variant: "outline", size: "sm", children: r("advancedFilter.addRule") }),
+      /* @__PURE__ */ a(v, { onClick: k, variant: "outline", size: "sm", children: r("advancedFilter.addRule") }),
       x && /* @__PURE__ */ d(
         v,
         {
@@ -187,7 +187,7 @@ const T = {
           onClick: x,
           className: "text-validation hover:text-destructive hover:bg-feedback-error-surface border-destructive",
           children: [
-            /* @__PURE__ */ a(y, { size: "xs" }),
+            /* @__PURE__ */ a(F, { size: "xs" }),
             r("advancedFilter.deleteColumn")
           ]
         }
@@ -196,5 +196,5 @@ const T = {
   ] });
 };
 export {
-  M as ColumnFilterSection
+  Z as ColumnFilterSection
 };

package/dist/components/data/ag-grid-react/headers/components/date-filter-picker.d.ts

@@ -30,7 +30,7 @@ export interface DateFilterPickerProps {
     disabled?: boolean;
     onFocus?: () => void;
     onBlur?: () => void;
-    /** Display format for dates (date-fns token string). Default: "MM/dd/yyyy" */
+    /** Display format for dates (date-fns token string). Omitted → locale-derived pattern. */
     dateDisplayFormat?: string;
 }
 /**