impact-nova 1.7.39 → 1.7.40

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

@@ -1,224 +1,194 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { useMemo as y } from "react";
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { useMemo as E } from "react";
 import { Button as v } from "../../../button.js";
-import { Input as h } from "../../../input.js";
-import { DatePicker as P } from "../../../date-picker/date-picker.js";
-import { DateRangePicker as V } from "../../../date-picker/date-range-picker.js";
-import { MonthPicker as z } from "../../../date-picker/month-picker.js";
-import { MonthRangePicker as M } from "../../../date-picker/month-range-picker.js";
-import p from "../../../select/select.js";
-import { Bin as C } from "../../../../../icons/index.js";
-import { createEmptyRule as E } from "../utils/filter-utils.js";
-import { useImpactNovaI18n as W } from "../../../../../i18n/ImpactNovaI18nContext.js";
-const R = {
+import { Input as f } from "../../../input.js";
+import { DatePicker as V } from "../../../date-picker/date-picker.js";
+import { DateRangePicker as I } from "../../../date-picker/date-range-picker.js";
+import h from "../../../select/select.js";
+import { Bin as R } from "../../../../../icons/index.js";
+import { createEmptyRule as y } from "../utils/filter-utils.js";
+import { DEFAULT_DATE_DISPLAY_FORMAT as D } from "../utils/date-utils.js";
+import { useImpactNovaI18n as _ } from "../../../../../i18n/ImpactNovaI18nContext.js";
+const T = {
   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"]
-}, Z = ({
-  columnId: g,
-  columnLabel: S,
+}, M = ({
+  columnId: p,
+  columnLabel: q,
   columnType: l,
-  selectOptions: x,
-  isMultiSelect: m,
-  datePickerVariant: O = "date",
-  rules: d,
-  logic: q,
+  selectOptions: g,
+  isMultiSelect: c,
+  rules: s,
+  logic: C,
   onLogicChange: F,
-  onRulesChange: f,
+  onRulesChange: m,
   canDeleteLastRule: u = !1,
-  onDeleteColumnFilter: b
+  onDeleteColumnFilter: x,
+  dateDisplayFormat: b = D
 }) => {
-  const { t: r } = W(), w = y(() => (R[l] ?? R.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]), N = y(
+  const { t: n } = _(), N = E(() => (T[l] ?? T.text).map((r) => ({ label: n(`filter.operators.${l === "date" && r === "greaterThan" ? "after" : l === "date" && r === "lessThan" ? "before" : l === "date" && r === "inRange" ? "between" : r}`), value: r })), [l, n]), w = E(
     () => [
-      { label: r("filter.logicAll"), value: "AND" },
-      { label: r("filter.logicAny"), value: "OR" }
+      { label: n("filter.logicAll"), value: "AND" },
+      { label: n("filter.logicAny"), value: "OR" }
     ],
-    [r]
-  ), D = () => {
-    f([...d, E(g, l)]);
-  }, k = (e) => {
-    if (d.length > 1 || u) {
-      const n = d.filter((t) => t.id !== e);
-      n.length === 0 && u ? f([]) : f(n.length > 0 ? n : [E(g, l)]);
+    [n]
+  ), O = () => {
+    m([...s, y(p, l)]);
+  }, S = (e) => {
+    if (s.length > 1 || u) {
+      const r = s.filter((t) => t.id !== e);
+      r.length === 0 && u ? m([]) : m(r.length > 0 ? r : [y(p, l)]);
     }
-  }, i = (e, n) => {
-    f(d.map((t) => t.id === e ? { ...t, ...n } : t));
-  }, T = (e) => {
+  }, o = (e, r) => {
+    m(s.map((t) => t.id === e ? { ...t, ...r } : t));
+  }, k = (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 === "month") {
-        const t = (o) => {
-          if (!o) return;
-          const s = new Date(o);
-          return isNaN(s.getTime()) ? void 0 : { year: s.getFullYear(), month: s.getMonth() };
-        };
-        return e.operator === "inRange" ? /* @__PURE__ */ a(
-          M,
-          {
-            value: {
-              from: t(e.value) || { year: (/* @__PURE__ */ new Date()).getFullYear(), month: 0 },
-              to: t(e.valueTo || "")
-            },
-            onChange: (o) => {
-              const s = o?.from ? new Date(o.from.year, o.from.month, 1).toISOString() : "", I = o?.to ? new Date(o.to.year, o.to.month + 1, 0).toISOString() : "";
-              i(e.id, { value: s, valueTo: I });
-            },
-            showFooter: !0
-          }
-        ) : /* @__PURE__ */ a(
-          z,
-          {
-            value: t(e.value),
-            onChange: (o) => {
-              const s = o ? new Date(o.year, o.month, 1).toISOString() : "";
-              i(e.id, { value: s });
-            },
-            placeholder: r("filter.selectMonth"),
-            showFooter: !0
-          }
-        );
-      }
+      return /* @__PURE__ */ a("span", { className: "text-content-placeholder italic text-sm", children: n("advancedFilter.noValueNeeded") });
+    if (l === "date")
       return e.operator === "inRange" ? /* @__PURE__ */ a(
-        V,
+        I,
         {
           value: {
             from: e.value ? new Date(e.value) : void 0,
             to: e.valueTo ? new Date(e.valueTo) : void 0
           },
           onChange: (t) => {
-            i(e.id, {
+            o(e.id, {
               value: t?.from?.toISOString() || "",
               valueTo: t?.to?.toISOString() || ""
             });
           },
+          format: b,
           showFooter: !0
         }
       ) : /* @__PURE__ */ a(
-        P,
+        V,
         {
           value: e.value ? new Date(e.value) : void 0,
-          onChange: (t) => i(e.id, { value: t?.toISOString() || "" }),
-          placeholder: r("filter.selectDate"),
+          onChange: (t) => o(e.id, { value: t?.toISOString() || "" }),
+          placeholder: n("filter.selectDate"),
+          format: b,
           showFooter: !0
         }
       );
-    }
-    const n = e.operator === "equals" || e.operator === "notEqual";
-    return l === "select" || l === "multi" && n ? /* @__PURE__ */ a(
-      p,
+    const r = e.operator === "equals" || e.operator === "notEqual";
+    return l === "select" || l === "multi" && r ? /* @__PURE__ */ a(
+      h,
       {
-        options: x || [],
+        options: g || [],
         value: (() => {
-          const t = (x || []).filter((o) => Array.isArray(e.value) ? e.value.includes(o.value) : String(e.value) === String(o.value));
-          return t.length === 0 ? null : m !== !1 ? t : t[0];
+          const t = (g || []).filter((i) => Array.isArray(e.value) ? e.value.includes(i.value) : String(e.value) === String(i.value));
+          return t.length === 0 ? null : c !== !1 ? t : t[0];
         })(),
         onChange: (t) => {
-          Array.isArray(t) ? i(e.id, { value: t.map((o) => o.value) }) : i(e.id, { value: t?.value || "" });
+          Array.isArray(t) ? o(e.id, { value: t.map((i) => i.value) }) : o(e.id, { value: t?.value || "" });
         },
-        isMulti: m !== void 0 ? m : !0,
-        placeholder: r(m === !1 ? "filter.selectValue" : "filter.selectValues"),
+        isMulti: c !== void 0 ? c : !0,
+        placeholder: n(c === !1 ? "filter.selectValue" : "filter.selectValues"),
         className: "w-full",
         menuPortalTarget: document.body
       }
-    ) : e.operator === "inRange" ? /* @__PURE__ */ c("div", { className: "flex items-center gap-2 w-full", children: [
+    ) : e.operator === "inRange" ? /* @__PURE__ */ d("div", { className: "flex items-center gap-2 w-full", children: [
       /* @__PURE__ */ a(
-        h,
+        f,
         {
           value: e.value,
-          onChange: (t) => i(e.id, { value: t.target.value }),
-          placeholder: r("filter.from"),
+          onChange: (t) => o(e.id, { value: t.target.value }),
+          placeholder: n("filter.from"),
           type: l === "number" ? "number" : "text",
           className: "flex-1"
         }
       ),
-      /* @__PURE__ */ a("span", { className: "text-content-placeholder shrink-0", children: r("filter.to") }),
+      /* @__PURE__ */ a("span", { className: "text-content-placeholder shrink-0", children: n("filter.to") }),
       /* @__PURE__ */ a(
-        h,
+        f,
         {
           value: e.valueTo || "",
-          onChange: (t) => i(e.id, { valueTo: t.target.value }),
-          placeholder: r("filter.to"),
+          onChange: (t) => o(e.id, { valueTo: t.target.value }),
+          placeholder: n("filter.to"),
           type: l === "number" ? "number" : "text",
           className: "flex-1"
         }
       )
     ] }) : /* @__PURE__ */ a(
-      h,
+      f,
       {
         value: e.value,
-        onChange: (t) => i(e.id, { value: t.target.value }),
-        placeholder: r("filter.enterValue"),
+        onChange: (t) => o(e.id, { value: t.target.value }),
+        placeholder: n("filter.enterValue"),
         type: l === "number" ? "number" : "text",
         className: "w-full"
       }
     );
-  }, A = (e) => {
-    const n = w.find((t) => t.value === e.operator);
-    return /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+  }, P = (e) => {
+    const r = 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(
-        p,
+        h,
         {
-          options: w,
-          value: n || null,
+          options: N,
+          value: r || null,
           onChange: (t) => {
-            const o = t;
-            o && i(e.id, { operator: o.value });
+            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 } });
           },
-          placeholder: r("filter.operator"),
+          placeholder: n("filter.operator"),
           className: "w-full",
           menuPortalTarget: document.body
         }
       ) }),
-      /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: T(e) }),
+      /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: k(e) }),
       /* @__PURE__ */ a(
         v,
         {
-          onClick: () => k(e.id),
+          onClick: () => S(e.id),
           variant: "tertiary",
           size: "icon",
-          "aria-label": r("aria.removeRule"),
-          disabled: d.length === 1 && !u,
-          children: /* @__PURE__ */ a(C, { size: "xs" })
+          "aria-label": n("aria.removeRule"),
+          disabled: s.length === 1 && !u,
+          children: /* @__PURE__ */ a(R, { size: "xs" })
         }
       )
     ] }, e.id);
   };
-  return /* @__PURE__ */ c("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ c("div", { className: "text-content-muted text-sm flex items-center gap-2 flex-wrap", children: [
-      /* @__PURE__ */ a("span", { children: r("advancedFilter.match") }),
+  return /* @__PURE__ */ d("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ d("div", { className: "text-content-muted text-sm flex items-center gap-2 flex-wrap", children: [
+      /* @__PURE__ */ a("span", { children: n("advancedFilter.match") }),
       /* @__PURE__ */ a("div", { className: "w-[80px]", children: /* @__PURE__ */ a(
-        p,
+        h,
         {
-          options: N,
-          value: N.find((e) => e.value === q),
+          options: w,
+          value: w.find((e) => e.value === C),
           onChange: (e) => {
-            const n = e;
-            n && F(n.value);
+            const r = e;
+            r && F(r.value);
           },
           className: "h-8",
           menuPortalTarget: document.body,
           isClearable: !1
         }
       ) }),
-      /* @__PURE__ */ a("span", { children: r("advancedFilter.ofTheFollowingRulesForColumn") }),
-      /* @__PURE__ */ a("span", { className: "font-semibold text-content-tertiary", children: S })
+      /* @__PURE__ */ a("span", { children: n("advancedFilter.ofTheFollowingRulesForColumn") }),
+      /* @__PURE__ */ a("span", { className: "font-semibold text-content-tertiary", children: q })
     ] }),
-    /* @__PURE__ */ a("div", { className: "flex flex-col gap-3", children: d.map((e) => A(e)) }),
-    /* @__PURE__ */ c("div", { className: "flex items-center justify-between mt-1", children: [
-      /* @__PURE__ */ a(v, { onClick: D, variant: "outline", size: "sm", children: r("advancedFilter.addRule") }),
-      b && /* @__PURE__ */ c(
+    /* @__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: n("advancedFilter.addRule") }),
+      x && /* @__PURE__ */ d(
         v,
         {
           variant: "outline",
           size: "sm",
-          onClick: b,
+          onClick: x,
           className: "text-validation hover:text-destructive hover:bg-feedback-error-surface border-destructive",
           children: [
-            /* @__PURE__ */ a(C, { size: "xs" }),
-            r("advancedFilter.deleteColumn")
+            /* @__PURE__ */ a(R, { size: "xs" }),
+            n("advancedFilter.deleteColumn")
           ]
         }
       )
@@ -226,5 +196,5 @@ const R = {
   ] });
 };
 export {
-  Z as ColumnFilterSection
+  M as ColumnFilterSection
 };

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

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+export type DatePickerVariant = 'date' | 'month' | 'week';
+export interface FiscalConfig {
+    calendarType?: 'calendar' | 'fiscal';
+    fiscalMode?: 'basic' | 'advanced' | 'custom';
+    selectionMode?: 'week' | 'fiscalMonth';
+    fiscalMonthPattern?: number[];
+    fiscalYearStartMonth?: number;
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+}
+export interface DateFilterPickerProps {
+    variant: DatePickerVariant;
+    mode: 'single' | 'range';
+    value: {
+        dateFrom?: string;
+        dateTo?: string;
+    } | null;
+    onChange: (value: {
+        dateFrom: string;
+        dateTo: string;
+    } | null) => void;
+    fiscalConfig?: FiscalConfig;
+    placeholder?: string;
+    className?: string;
+    showFooter?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    disabled?: boolean;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    /** Display format for dates (date-fns token string). Default: "MM/dd/yyyy" */
+    dateDisplayFormat?: string;
+}
+/**
+ * Unified date filter picker that abstracts date/month/week selection
+ * while maintaining consistent AG Grid filter model format.
+ */
+export declare const DateFilterPicker: React.FC<DateFilterPickerProps>;
+export default DateFilterPicker;