impact-nova 0.1.13 → 1.1.0

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

@@ -1,56 +1,62 @@
-import { jsxs as y, jsx as o } from "react/jsx-runtime";
+import { jsxs as y, jsx as r } from "react/jsx-runtime";
 import * as a from "react";
-import { X as N } from "lucide-react";
-import { CalendarMonth as A } from "../../../icons/index.js";
-import { format as u } from "date-fns";
-import { cn as O } from "../../../lib/utils.js";
-import { Input as T } from "../input.js";
-import { Popover as v, PopoverTrigger as $, PopoverContent as j } from "../popover.js";
-import { Calendar as I } from "../calendar.js";
-const R = (e, r = "MM/dd/yyyy") => {
-  const c = u(e.startDate, r), i = u(e.endDate, r);
+import { X as j } from "lucide-react";
+import { CalendarMonth as v } from "../../../icons/index.js";
+import { format as h } from "date-fns";
+import { cn as R } from "../../../lib/utils.js";
+import { Input as E } from "../input.js";
+import { Popover as I, PopoverTrigger as L, PopoverContent as V } from "../popover.js";
+import { Calendar as X } from "../calendar.js";
+const q = (e, o = "MM/dd/yyyy") => {
+  const c = h(e.startDate, o), i = h(e.endDate, o);
   return `${c} - ${i}`;
-}, E = a.forwardRef(
+}, z = a.forwardRef(
   ({
     value: e,
-    onChange: r,
+    onChange: o,
     format: c = "MM/dd/yyyy",
     placeholder: i = "Select Weeks",
-    minDate: h,
-    maxDate: k,
+    minDate: k,
+    maxDate: u,
     fromYear: g,
     toYear: C,
     showFooter: l = !0,
+    calendarType: M = "calendar",
+    fiscalMode: w = "basic",
+    selectionMode: x = "week",
+    fiscalMonthPattern: P,
+    fiscalYearStartMonth: S = 1,
+    weekStartsOn: W = 1,
     disabled: d,
-    className: M,
-    ...x
-  }, P) => {
+    className: N,
+    ...A
+  }, O) => {
     const [p, n] = a.useState(!1), [f, s] = a.useState(e);
     a.useEffect(() => {
       p && s(e);
     }, [p]);
-    const S = (t) => {
-      s(t), l || r?.(t);
-    }, W = (t) => {
-      r?.(t !== void 0 ? t : f), n(!1);
-    }, w = () => {
+    const T = (t) => {
+      s(t), l || o?.(t);
+    }, D = (t) => {
+      o?.(t !== void 0 ? t : f), n(!1);
+    }, $ = () => {
       s(e), n(!1);
     }, m = () => {
-      s(void 0), r?.(void 0), l || n(!1);
-    }, D = e && e.length > 0 ? e.length === 1 ? R(e[0], c) : `${e.length} weeks selected` : "";
-    return /* @__PURE__ */ y(v, { open: p, onOpenChange: n, children: [
-      /* @__PURE__ */ o($, { asChild: !0, children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
-        T,
+      s(void 0), o?.(void 0), l || n(!1);
+    }, b = e && e.length > 0 ? e.length === 1 ? q(e[0], c) : `${e.length} weeks selected` : "";
+    return /* @__PURE__ */ y(I, { open: p, onOpenChange: n, children: [
+      /* @__PURE__ */ r(L, { asChild: !0, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
+        E,
         {
-          ref: P,
-          value: D,
+          ref: O,
+          value: b,
           placeholder: i,
           readOnly: !0,
           disabled: d,
-          className: O("cursor-pointer", M),
+          className: R("cursor-pointer", N),
           suffix: /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
-            e && e.length > 0 && !d && /* @__PURE__ */ o(
-              N,
+            e && e.length > 0 && !d && /* @__PURE__ */ r(
+              j,
               {
                 className: "h-4 w-4 cursor-pointer hover:text-foreground",
                 onClick: (t) => {
@@ -58,32 +64,36 @@ const R = (e, r = "MM/dd/yyyy") => {
                 }
               }
             ),
-            /* @__PURE__ */ o(A, { className: "h-4 w-4 text-secondary-foreground" })
+            /* @__PURE__ */ r(v, { className: "h-4 w-4 text-secondary-foreground" })
           ] }),
-          ...x
+          ...A
         }
       ) }) }),
-      /* @__PURE__ */ o(
-        j,
+      /* @__PURE__ */ r(
+        V,
         {
           className: "w-auto p-0",
           align: "start",
           onOpenAutoFocus: (t) => t.preventDefault(),
-          onInteractOutside: (t) => t.preventDefault(),
-          children: /* @__PURE__ */ o(
-            I,
+          children: /* @__PURE__ */ r(
+            X,
             {
               pickerType: "week",
               weekMode: "multiple",
               selectedWeeks: f,
-              onWeekSelect: S,
-              fromDate: h,
-              toDate: k,
+              onWeekSelect: T,
+              disabled: { before: k, after: u },
               fromYear: g,
               toYear: C,
               showFooter: l,
-              onApply: W,
-              onCancel: w,
+              calendarType: M,
+              fiscalMode: w,
+              selectionMode: x,
+              fiscalMonthPattern: P,
+              fiscalYearStartMonth: S,
+              weekStartsOn: W,
+              onApply: D,
+              onCancel: $,
               onClear: m,
               captionLayout: "dropdown"
             }
@@ -93,7 +103,7 @@ const R = (e, r = "MM/dd/yyyy") => {
     ] });
   }
 );
-E.displayName = "MultiWeekPicker";
+z.displayName = "MultiWeekPicker";
 export {
-  E as MultiWeekPicker
+  z as MultiWeekPicker
 };

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

@@ -1,131 +1,141 @@
-import { jsxs as M, jsx as r } from "react/jsx-runtime";
-import * as s from "react";
-import { X as R } from "lucide-react";
-import { CalendarMonth as Y } from "../../../icons/index.js";
-import { format as P, parse as X, isValid as q } from "date-fns";
-import { cn as z, maskDate as G } from "../../../lib/utils.js";
-import { Input as H } from "../input.js";
-import { Popover as J, PopoverTrigger as K, PopoverContent as Q } from "../popover.js";
-import { Calendar as U } from "../calendar.js";
-const h = (n, a = "MM/dd/yyyy") => {
-  const o = P(n.startDate, a), k = P(n.endDate, a);
-  return `${o} - ${k}`;
-}, Z = s.forwardRef(
+import { jsxs as b, jsx as p } from "react/jsx-runtime";
+import * as o from "react";
+import { X as U } from "lucide-react";
+import { CalendarMonth as Z } from "../../../icons/index.js";
+import { isValid as y, parse as D, format as j } from "date-fns";
+import { cn as _, padValidDateString as Y, maskDate as F } from "../../../lib/utils.js";
+import { Input as ee } from "../input.js";
+import { Popover as ne, PopoverTrigger as te, PopoverContent as oe } from "../popover.js";
+import { Calendar as se } from "../calendar.js";
+import { resolveWeekSelection as re } from "../../../lib/fiscal-calendar.js";
+const l = (e, s = "MM/dd/yyyy") => {
+  const t = j(e.startDate, s), h = j(e.endDate, s);
+  return `${t} - ${h}`;
+}, ie = o.forwardRef(
   ({
-    value: n,
-    onChange: a,
-    format: o = "MM/dd/yyyy",
-    placeholder: k = "Select Week",
-    minDate: C,
-    maxDate: w,
-    fromYear: S,
+    value: e,
+    onChange: s,
+    format: t = "MM/dd/yyyy",
+    placeholder: h = "Select Week",
+    minDate: B,
+    maxDate: E,
+    fromYear: L,
     toYear: O,
     showFooter: f = !0,
-    disabled: m,
-    className: v,
-    ...x
-  }, I) => {
-    const [c, d] = s.useState(!1), [l, i] = s.useState(n), [W, g] = s.useState(n ? h(n, o) : ""), [N, u] = s.useState(n?.startDate || /* @__PURE__ */ new Date());
-    s.useEffect(() => {
-      g(n ? h(n, o) : "");
-    }, [n, o]), s.useEffect(() => {
-      console.log("[WeekPicker] useEffect - open:", c, "value:", n, "pendingWeek:", l), c && (i(n), u(n?.startDate || /* @__PURE__ */ new Date()));
-    }, [c]);
-    const A = (e) => {
-      console.log("[WeekPicker] handleSelect called:", e), i(e), f || (console.log("[WeekPicker] No footer - applying immediately"), a?.(e), d(!1));
-    }, V = (e) => {
-      const t = e;
-      g(t ? h(t, o) : "");
-    }, $ = (e) => {
-      const t = e !== void 0 ? e : l;
-      console.log("[WeekPicker] handleApply called, appliedWeek:", e, "pendingWeek:", l, "using:", t), a?.(t), d(!1);
-    }, B = () => {
-      console.log("[WeekPicker] handleCancel called"), i(n), d(!1);
-    }, D = () => {
-      console.log("[WeekPicker] handleClear called"), i(void 0), g(""), a?.(void 0), f || d(!1);
-    }, E = (e) => {
-      const t = new Date(e);
-      t.setDate(e.getDate() - e.getDay());
-      const p = new Date(t);
-      p.setDate(t.getDate() + 6);
-      const T = new Date(t.getFullYear(), t.getMonth(), 1).getDay(), j = t.getDate(), L = Math.ceil((j + T) / 7);
-      return {
-        year: t.getFullYear(),
-        month: t.getMonth(),
-        weekOfMonth: L,
-        startDate: t,
-        endDate: p
-      };
-    };
-    return /* @__PURE__ */ M(J, { open: c, onOpenChange: d, children: [
-      /* @__PURE__ */ r(K, { asChild: !0, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
-        H,
+    calendarType: w = "calendar",
+    fiscalMode: W = "basic",
+    selectionMode: S = "week",
+    fiscalMonthPattern: x,
+    fiscalYearStartMonth: C = 1,
+    weekStartsOn: P = 1,
+    disabled: V,
+    className: $,
+    ...H
+  }, X) => {
+    const I = o.useRef(null);
+    o.useRef(null), o.useImperativeHandle(X, () => I.current);
+    const [r, u] = o.useState(!1), [N, i] = o.useState(e), [d, c] = o.useState(e ? l(e, t) : ""), [q, k] = o.useState(e?.startDate || /* @__PURE__ */ new Date());
+    o.useEffect(() => {
+      !r && e && (c(l(e, t)), i(e));
+    }, [r, e, t]), o.useEffect(() => {
+      r && (i(e), k(e?.startDate || /* @__PURE__ */ new Date()), c(e ? l(e, t) : ""));
+    }, [r, e, t]);
+    const v = (n) => {
+      i(n), n && c(l(n, t)), f || (s?.(n), u(!1));
+    }, z = (n) => {
+      s?.(n !== void 0 ? n : N), u(!1);
+    }, G = () => {
+      i(e), c(e ? l(e, t) : ""), u(!1);
+    }, A = () => {
+      i(void 0), c(""), s?.(void 0), f || u(!1);
+    }, M = (n) => re(n, {
+      calendarType: w,
+      fiscalMode: W,
+      selectionMode: S,
+      fiscalMonthPattern: x,
+      fiscalYearStartMonth: C,
+      weekStartsOn: P
+    }), J = (n) => {
+      const g = n.target.value, a = F(g, t, d);
+      if (c(a), a === "") {
+        i(void 0), f || s?.(void 0);
+        return;
+      }
+      const m = D(a, t, /* @__PURE__ */ new Date());
+      if (y(m) && a.length === t.length) {
+        const T = M(m);
+        i(T), k(m), f || s?.(T);
+      }
+    }, K = () => {
+      if (r) return;
+      const n = Y(d, t), g = D(n, t, /* @__PURE__ */ new Date());
+      if (!y(g) || n.length !== t.length)
+        c(e ? l(e, t) : ""), i(e);
+      else if (c(n), !f) {
+        const a = M(g);
+        s?.(a);
+      }
+    }, R = (e ? l(e, t) : "") !== d, Q = d.length === t.length && !y(D(d, t, /* @__PURE__ */ new Date()));
+    return /* @__PURE__ */ b(ne, { open: r, onOpenChange: u, children: [
+      /* @__PURE__ */ p(te, { asChild: !0, children: /* @__PURE__ */ p("div", { "data-component": "week-picker", "data-state": r ? "open" : "closed", "data-pending": R || void 0, children: /* @__PURE__ */ p(
+        ee,
         {
           ref: I,
-          value: W,
-          onChange: (e) => {
-            const t = G(e.target.value, o);
-            if (g(t), t === "") {
-              i(void 0), f || a?.(void 0);
-              return;
-            }
-            const p = X(t, o, /* @__PURE__ */ new Date());
-            if (q(p)) {
-              const y = E(p);
-              i(y), u(p), f || a?.(y);
-            }
-          },
-          onBlur: () => {
-            if (W === "") {
-              D();
-              return;
-            }
-            g(l ? h(l, o) : "");
-          },
-          onClick: (e) => c && e.stopPropagation(),
-          placeholder: c ? `${o} - ${o}` : k,
-          disabled: m,
-          className: z("cursor-pointer", v),
-          suffix: /* @__PURE__ */ M("div", { className: "flex items-center gap-1", children: [
-            n && !m && /* @__PURE__ */ r(
-              R,
+          value: d,
+          onChange: J,
+          onBlur: K,
+          onClick: (n) => r && n.stopPropagation(),
+          placeholder: r ? t : h,
+          disabled: V,
+          "data-form-control": "input",
+          className: _(
+            "cursor-pointer",
+            Q ? "text-destructive" : R ? "text-muted-foreground" : "",
+            $
+          ),
+          suffix: /* @__PURE__ */ b("div", { className: "flex items-center gap-1", children: [
+            e && !V && /* @__PURE__ */ p(
+              U,
               {
                 className: "h-4 w-4 cursor-pointer hover:text-foreground",
-                onClick: (e) => {
-                  e.stopPropagation(), D();
+                onClick: (n) => {
+                  n.stopPropagation(), A();
                 }
               }
             ),
-            /* @__PURE__ */ r(Y, { className: "h-4 w-4 text-secondary-foreground" })
+            /* @__PURE__ */ p(Z, { className: "h-4 w-4 text-secondary-foreground" })
           ] }),
-          ...x
+          ...H
         }
       ) }) }),
-      /* @__PURE__ */ r(
-        Q,
+      /* @__PURE__ */ p(
+        oe,
         {
           className: "w-auto p-0",
           align: "start",
-          onOpenAutoFocus: (e) => e.preventDefault(),
-          onInteractOutside: (e) => e.preventDefault(),
-          children: /* @__PURE__ */ r(
-            U,
+          onOpenAutoFocus: (n) => n.preventDefault(),
+          children: /* @__PURE__ */ p(
+            se,
             {
               pickerType: "week",
               weekMode: "single",
-              selectedWeeks: l,
-              onWeekSelect: A,
-              onPendingChange: V,
-              month: N,
-              onMonthChange: u,
-              fromDate: C,
-              toDate: w,
-              fromYear: S,
+              selectedWeeks: N,
+              onWeekSelect: v,
+              month: q,
+              onMonthChange: k,
+              disabled: { before: B, after: E },
+              fromYear: L,
               toYear: O,
               showFooter: f,
-              onApply: $,
-              onCancel: B,
-              onClear: D,
+              calendarType: w,
+              fiscalMode: W,
+              selectionMode: S,
+              fiscalMonthPattern: x,
+              fiscalYearStartMonth: C,
+              weekStartsOn: P,
+              onApply: z,
+              onCancel: G,
+              onClear: A,
               captionLayout: "dropdown"
             }
           )
@@ -134,7 +144,7 @@ const h = (n, a = "MM/dd/yyyy") => {
     ] });
   }
 );
-Z.displayName = "WeekPicker";
+ie.displayName = "WeekPicker";
 export {
-  Z as WeekPicker
+  ie as WeekPicker
 };