impact-nova 1.3.0 → 1.5.2

package/dist/components/ui/date-picker/week-picker.js

@@ -1,148 +1,150 @@
 import { jsxs as g, jsx as r } from "react/jsx-runtime";
-import * as o from "react";
-import { X as Y } from "lucide-react";
-import { CalendarMonth as F } from "../../../icons/index.js";
-import { isValid as C, parse as w, format as j } from "date-fns";
-import { cn as ee, padValidDateString as ne, maskDate as te } from "../../../lib/utils.js";
-import { Input as re } from "../input.js";
-import { Popover as oe, PopoverTrigger as ie, PopoverContent as se } from "../popover.js";
-import { Calendar as ce } from "../calendar.js";
-import { Tooltip as v, TooltipTrigger as B, TooltipContent as E } from "../tooltip.js";
-import { resolveWeekSelection as le } from "../../../lib/fiscal-calendar.js";
-const p = (e, i = "MM/dd/yyyy") => {
-  const t = j(e.startDate, i), k = j(e.endDate, i);
-  return `${t} - ${k}`;
-}, pe = o.forwardRef(
+import * as i from "react";
+import { X as te } from "lucide-react";
+import { CalendarMonth as oe } from "../../../icons/index.js";
+import { isValid as w, parse as P, format as E } from "date-fns";
+import { cn as re, padValidDateString as ie, maskDate as se } from "../../../lib/utils.js";
+import { Input as ce } from "../input.js";
+import { Popover as le, PopoverTrigger as pe, PopoverContent as ae } from "../popover.js";
+import { Calendar as de } from "../calendar.js";
+import { Tooltip as O, TooltipTrigger as $, TooltipContent as H } from "../tooltip.js";
+import { resolveWeekSelection as fe } from "../../../lib/fiscal-calendar.js";
+import { getDateFnsLocale as he } from "../../../i18n/getDateFnsLocale.js";
+import { useImpactNovaI18n as ue } from "../../../i18n/ImpactNovaI18nContext.js";
+const a = (e, s = "MM/dd/yyyy", n) => {
+  const k = E(e.startDate, s, n ? { locale: n } : {}), y = E(e.endDate, s, n ? { locale: n } : {});
+  return `${k} - ${y}`;
+}, me = i.forwardRef(
   ({
     value: e,
-    onChange: i,
-    format: t = "MM/dd/yyyy",
-    placeholder: k = "Select Week",
-    minDate: L,
-    maxDate: O,
-    startMonth: $,
-    endMonth: H,
+    onChange: s,
+    format: n = "MM/dd/yyyy",
+    placeholder: k,
+    minDate: y,
+    maxDate: X,
+    startMonth: q,
+    endMonth: z,
     showFooter: d = !0,
-    calendarType: D = "calendar",
-    fiscalMode: W = "basic",
-    selectionMode: S = "week",
-    fiscalMonthPattern: x,
-    fiscalYearStartMonth: P = 1,
-    weekStartsOn: T = 1,
-    disabled: V,
-    className: X,
-    ...q
-  }, z) => {
-    const I = o.useRef(null);
-    o.useRef(null), o.useImperativeHandle(z, () => I.current);
-    const [s, h] = o.useState(!1), [N, c] = o.useState(e), [a, l] = o.useState(e ? p(e, t) : ""), [G, m] = o.useState(e?.startDate || /* @__PURE__ */ new Date());
-    o.useEffect(() => {
-      s || (l(e ? p(e, t) : ""), c(e));
-    }, [s, e, t]), o.useEffect(() => {
-      s && (c(e), m(e?.startDate || /* @__PURE__ */ new Date()), l(e ? p(e, t) : ""));
-    }, [s, e, t]);
-    const J = (n) => {
-      c(n), n && l(p(n, t)), d || (i?.(n), h(!1));
-    }, K = (n) => {
-      i?.(n !== void 0 ? n : N), h(!1);
-    }, Q = () => {
-      c(e), l(e ? p(e, t) : ""), h(!1);
-    }, A = () => {
-      c(void 0), l(""), i?.(void 0), d || h(!1);
-    }, M = (n) => le(n, {
-      calendarType: D,
-      fiscalMode: W,
-      selectionMode: S,
-      fiscalMonthPattern: x,
-      fiscalYearStartMonth: P,
-      weekStartsOn: T
-    }), U = (n) => {
-      const u = n.target.value, f = te(u, t, a);
-      if (l(f), f === "") {
-        c(void 0), d || i?.(void 0);
+    calendarType: x = "calendar",
+    fiscalMode: S = "basic",
+    selectionMode: I = "week",
+    fiscalMonthPattern: N,
+    fiscalYearStartMonth: T = 1,
+    weekStartsOn: V = 1,
+    disabled: M,
+    className: G,
+    ...J
+  }, K) => {
+    const { locale: A, t: D } = ue(), o = i.useMemo(() => he(A), [A]), Q = k ?? D("datePicker.selectWeek"), L = i.useRef(null);
+    i.useRef(null), i.useImperativeHandle(K, () => L.current);
+    const [c, u] = i.useState(!1), [R, l] = i.useState(e), [f, p] = i.useState(e ? a(e, n, o) : ""), [U, C] = i.useState(e?.startDate || /* @__PURE__ */ new Date());
+    i.useEffect(() => {
+      c || (p(e ? a(e, n, o) : ""), l(e));
+    }, [c, e, n, o]), i.useEffect(() => {
+      c && (l(e), C(e?.startDate || /* @__PURE__ */ new Date()), p(e ? a(e, n, o) : ""));
+    }, [c, e, n, o]);
+    const Z = (t) => {
+      l(t), t && p(a(t, n, o)), d || (s?.(t), u(!1));
+    }, _ = (t) => {
+      s?.(t !== void 0 ? t : R), u(!1);
+    }, Y = () => {
+      l(e), p(e ? a(e, n, o) : ""), u(!1);
+    }, v = () => {
+      l(void 0), p(""), s?.(void 0), d || u(!1);
+    }, b = (t) => fe(t, {
+      calendarType: x,
+      fiscalMode: S,
+      selectionMode: I,
+      fiscalMonthPattern: N,
+      fiscalYearStartMonth: T,
+      weekStartsOn: V
+    }), F = (t) => {
+      const m = t.target.value, h = se(m, n, f);
+      if (p(h), h === "") {
+        l(void 0), d || s?.(void 0);
         return;
       }
-      const y = w(f, t, /* @__PURE__ */ new Date());
-      if (C(y) && f.length === t.length) {
-        const b = M(y);
-        c(b), m(y), d || i?.(b);
+      const W = P(h, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (w(W) && h.length === n.length) {
+        const B = b(W);
+        l(B), C(W), d || s?.(B);
       }
-    }, Z = () => {
-      if (s) return;
-      const n = ne(a, t), u = w(n, t, /* @__PURE__ */ new Date());
-      if (!C(u) || n.length !== t.length)
-        l(e ? p(e, t) : ""), c(e);
-      else if (l(n), !d) {
-        const f = M(u);
-        i?.(f);
+    }, ee = () => {
+      if (c) return;
+      const t = ie(f, n), m = P(t, n, /* @__PURE__ */ new Date(), { locale: o });
+      if (!w(m) || t.length !== n.length)
+        p(e ? a(e, n, o) : ""), l(e);
+      else if (p(t), !d) {
+        const h = b(m);
+        s?.(h);
       }
-    }, R = (e ? p(e, t) : "") !== a, _ = a.length === t.length && !C(w(a, t, /* @__PURE__ */ new Date()));
-    return /* @__PURE__ */ g(oe, { open: s, onOpenChange: h, children: [
-      /* @__PURE__ */ r(ie, { asChild: !0, children: /* @__PURE__ */ r("div", { "data-component": "week-picker", "data-state": s ? "open" : "closed", "data-pending": R || void 0, children: /* @__PURE__ */ r(
-        re,
+    }, j = (e ? a(e, n, o) : "") !== f, ne = f.length === n.length && !w(P(f, n, /* @__PURE__ */ new Date(), { locale: o }));
+    return /* @__PURE__ */ g(le, { open: c, onOpenChange: u, children: [
+      /* @__PURE__ */ r(pe, { asChild: !0, children: /* @__PURE__ */ r("div", { "data-component": "week-picker", "data-state": c ? "open" : "closed", "data-pending": j || void 0, children: /* @__PURE__ */ r(
+        ce,
         {
-          ref: I,
-          value: a,
-          onChange: U,
-          onBlur: Z,
-          onClick: (n) => s && n.stopPropagation(),
-          placeholder: s ? t : k,
-          disabled: V,
+          ref: L,
+          value: f,
+          onChange: F,
+          onBlur: ee,
+          onClick: (t) => c && t.stopPropagation(),
+          placeholder: c ? n : Q,
+          disabled: M,
           "data-form-control": "input",
-          className: ee(
+          className: re(
             "cursor-pointer",
-            _ ? "text-destructive" : R ? "text-muted-foreground" : "",
-            X
+            ne ? "text-destructive" : j ? "text-muted-foreground" : "",
+            G
           ),
           suffix: /* @__PURE__ */ g("div", { className: "flex items-center gap-1", children: [
-            e && !V && /* @__PURE__ */ g(v, { children: [
-              /* @__PURE__ */ r(B, { asChild: !0, children: /* @__PURE__ */ r(
-                Y,
+            e && !M && /* @__PURE__ */ g(O, { children: [
+              /* @__PURE__ */ r($, { asChild: !0, children: /* @__PURE__ */ r(
+                te,
                 {
                   className: "h-4 w-4 cursor-pointer hover:text-foreground",
-                  onClick: (n) => {
-                    n.stopPropagation(), A();
+                  onClick: (t) => {
+                    t.stopPropagation(), v();
                   }
                 }
               ) }),
-              /* @__PURE__ */ r(E, { variant: "tertiary", side: "top", children: "Clear" })
+              /* @__PURE__ */ r(H, { variant: "tertiary", side: "top", children: D("calendar.clear") })
             ] }),
-            /* @__PURE__ */ g(v, { children: [
-              /* @__PURE__ */ r(B, { asChild: !0, children: /* @__PURE__ */ r(F, { className: "h-4 w-4 text-secondary-foreground" }) }),
-              /* @__PURE__ */ r(E, { variant: "tertiary", side: "top", children: "Pick a week" })
+            /* @__PURE__ */ g(O, { children: [
+              /* @__PURE__ */ r($, { asChild: !0, children: /* @__PURE__ */ r(oe, { className: "h-4 w-4 text-secondary-foreground" }) }),
+              /* @__PURE__ */ r(H, { variant: "tertiary", side: "top", children: D("datePicker.selectWeek") })
             ] })
           ] }),
-          ...q
+          ...J
         }
       ) }) }),
       /* @__PURE__ */ r(
-        se,
+        ae,
         {
           className: "w-auto p-0",
           align: "start",
-          onOpenAutoFocus: (n) => n.preventDefault(),
+          onOpenAutoFocus: (t) => t.preventDefault(),
           children: /* @__PURE__ */ r(
-            ce,
+            de,
             {
               pickerType: "week",
               weekMode: "single",
-              selectedWeeks: N,
-              onWeekSelect: J,
-              month: G,
-              onMonthChange: m,
-              disabled: { before: L, after: O },
-              startMonth: $,
-              endMonth: H,
+              selectedWeeks: R,
+              onWeekSelect: Z,
+              month: U,
+              onMonthChange: C,
+              disabled: { before: y, after: X },
+              startMonth: q,
+              endMonth: z,
               showFooter: d,
-              calendarType: D,
-              fiscalMode: W,
-              selectionMode: S,
-              fiscalMonthPattern: x,
-              fiscalYearStartMonth: P,
-              weekStartsOn: T,
-              onApply: K,
-              onCancel: Q,
-              onClear: A,
+              calendarType: x,
+              fiscalMode: S,
+              selectionMode: I,
+              fiscalMonthPattern: N,
+              fiscalYearStartMonth: T,
+              weekStartsOn: V,
+              onApply: _,
+              onCancel: Y,
+              onClear: v,
               captionLayout: "dropdown"
             }
           )
@@ -151,7 +153,7 @@ const p = (e, i = "MM/dd/yyyy") => {
     ] });
   }
 );
-pe.displayName = "WeekPicker";
+me.displayName = "WeekPicker";
 export {
-  pe as WeekPicker
+  me as WeekPicker
 };