impact-nova 0.1.13 → 1.0.0

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

@@ -1,79 +1,78 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import * as a from "react";
-import { X as S } from "lucide-react";
+import { X as O } from "lucide-react";
 import { CalendarMonth as k } from "../../../icons/index.js";
-import { format as v } from "date-fns";
-import { cn as w } from "../../../lib/utils.js";
-import { Input as T } from "../input.js";
-import { Popover as j, PopoverTrigger as I, PopoverContent as R } from "../popover.js";
-import { Calendar as E } from "../calendar.js";
+import { format as w } from "date-fns";
+import { cn as T } from "../../../lib/utils.js";
+import { Input as j } from "../input.js";
+import { Popover as v, PopoverTrigger as R, PopoverContent as E } from "../popover.js";
+import { Calendar as I } from "../calendar.js";
 const L = a.forwardRef(
   ({
-    value: t,
+    value: e,
     onChange: s,
-    format: m = "MM/dd/yyyy",
-    placeholder: u = "Select Dates",
-    minDate: h,
+    format: f = "MM/dd/yyyy",
+    placeholder: h = "Select Dates",
+    minDate: u,
     maxDate: y,
     fromYear: g,
     toYear: C,
     showFooter: l = !0,
     disabled: c,
-    className: D,
-    ...x
+    className: x,
+    ...D
   }, P) => {
-    const [i, r] = a.useState(!1), [p, n] = a.useState(t);
+    const [i, r] = a.useState(!1), [p, n] = a.useState(e);
     a.useEffect(() => {
-      i && n(t);
+      i && n(e);
     }, [i]);
-    const N = (e) => {
-      n(e), l || s?.(e);
-    }, A = (e) => {
-      s?.(e !== void 0 ? e : p), r(!1);
+    const N = (t) => {
+      n(t), l || s?.(t);
+    }, A = (t) => {
+      s?.(t !== void 0 ? t : p), r(!1);
     }, M = () => {
-      n(t), r(!1);
+      n(e), r(!1);
     }, d = () => {
       n(void 0), s?.(void 0), l || r(!1);
-    }, O = t && t.length > 0 ? t.length === 1 ? v(t[0], m) : `${t.length} dates selected` : "";
-    return /* @__PURE__ */ f(j, { open: i, onOpenChange: r, children: [
-      /* @__PURE__ */ o(I, { asChild: !0, children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
-        T,
+    }, S = e && e.length > 0 ? e.length === 1 ? w(e[0], f) : `${e.length} dates selected` : "";
+    return /* @__PURE__ */ m(v, { open: i, onOpenChange: r, children: [
+      /* @__PURE__ */ o(R, { asChild: !0, children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+        j,
         {
           ref: P,
-          value: O,
-          placeholder: u,
+          value: S,
+          placeholder: h,
           readOnly: !0,
           disabled: c,
-          className: w("cursor-pointer", D),
-          suffix: /* @__PURE__ */ f("div", { className: "flex items-center gap-1", children: [
-            t && t.length > 0 && !c && /* @__PURE__ */ o(
-              S,
+          className: T("cursor-pointer", x),
+          suffix: /* @__PURE__ */ m("div", { className: "flex items-center gap-1", children: [
+            e && e.length > 0 && !c && /* @__PURE__ */ o(
+              O,
               {
                 className: "h-4 w-4 cursor-pointer hover:text-foreground",
-                onClick: (e) => {
-                  e.stopPropagation(), d();
+                onClick: (t) => {
+                  t.stopPropagation(), d();
                 }
               }
             ),
             /* @__PURE__ */ o(k, { className: "h-4 w-4 text-secondary-foreground" })
           ] }),
-          ...x
+          ...D
         }
       ) }) }),
       /* @__PURE__ */ o(
-        R,
+        E,
         {
           className: "w-auto p-0",
           align: "start",
-          onOpenAutoFocus: (e) => e.preventDefault(),
-          onInteractOutside: (e) => e.preventDefault(),
+          onOpenAutoFocus: (t) => t.preventDefault(),
           children: /* @__PURE__ */ o(
-            E,
+            I,
             {
               mode: "multiple",
               selected: p,
               onSelect: N,
-              fromDate: h,
+              fromDate: u,
               toDate: y,
               fromYear: g,
               toYear: C,

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

@@ -1,51 +1,51 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import * as s from "react";
-import { X as S } from "lucide-react";
-import { CalendarMonth as k } from "../../../icons/index.js";
-import { cn as D } from "../../../lib/utils.js";
-import { Input as T } from "../input.js";
-import { Popover as w, PopoverTrigger as $, PopoverContent as j } from "../popover.js";
-import { Calendar as v } from "../calendar.js";
-const I = s.forwardRef(
+import { X as k } from "lucide-react";
+import { CalendarMonth as O } from "../../../icons/index.js";
+import { cn as T } from "../../../lib/utils.js";
+import { Input as w } from "../input.js";
+import { Popover as D, PopoverTrigger as $, PopoverContent as j } from "../popover.js";
+import { Calendar as R } from "../calendar.js";
+const v = s.forwardRef(
   ({
     value: e,
-    onChange: a,
+    onChange: c,
     placeholder: f = "Select Months",
     minDate: h,
     maxDate: u,
     fromYear: g,
     toYear: y,
-    showFooter: c = !0,
-    disabled: l,
+    showFooter: i = !0,
+    disabled: a,
     className: M,
     ...C
   }, x) => {
-    const [i, n] = s.useState(!1), [p, r] = s.useState(e);
+    const [l, n] = s.useState(!1), [p, r] = s.useState(e);
     s.useEffect(() => {
-      i && r(e);
-    }, [i]);
+      l && r(e);
+    }, [l]);
     const P = (t) => {
-      r(t), c || a?.(t);
+      r(t), i || c?.(t);
     }, N = (t) => {
-      a?.(t !== void 0 ? t : p), n(!1);
+      c?.(t !== void 0 ? t : p), n(!1);
     }, A = () => {
       r(e), n(!1);
     }, m = () => {
-      r(void 0), a?.(void 0), c || n(!1);
-    }, O = e && e.length > 0 ? e.length === 1 ? `${e[0].month + 1}/${e[0].year}` : `${e.length} months selected` : "";
-    return /* @__PURE__ */ d(w, { open: i, onOpenChange: n, children: [
+      r(void 0), c?.(void 0), i || n(!1);
+    }, S = e && e.length > 0 ? e.length === 1 ? `${e[0].month + 1}/${e[0].year}` : `${e.length} months selected` : "";
+    return /* @__PURE__ */ d(D, { open: l, onOpenChange: n, children: [
       /* @__PURE__ */ o($, { asChild: !0, children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
-        T,
+        w,
         {
           ref: x,
-          value: O,
+          value: S,
           placeholder: f,
           readOnly: !0,
-          disabled: l,
-          className: D("cursor-pointer", M),
+          disabled: a,
+          className: T("cursor-pointer", M),
           suffix: /* @__PURE__ */ d("div", { className: "flex items-center gap-1", children: [
-            e && e.length > 0 && !l && /* @__PURE__ */ o(
-              S,
+            e && e.length > 0 && !a && /* @__PURE__ */ o(
+              k,
               {
                 className: "h-4 w-4 cursor-pointer hover:text-foreground",
                 onClick: (t) => {
@@ -53,7 +53,7 @@ const I = s.forwardRef(
                 }
               }
             ),
-            /* @__PURE__ */ o(k, { className: "h-4 w-4 text-secondary-foreground" })
+            /* @__PURE__ */ o(O, { className: "h-4 w-4 text-secondary-foreground" })
           ] }),
           ...C
         }
@@ -64,9 +64,8 @@ const I = s.forwardRef(
           className: "w-auto p-0",
           align: "start",
           onOpenAutoFocus: (t) => t.preventDefault(),
-          onInteractOutside: (t) => t.preventDefault(),
           children: /* @__PURE__ */ o(
-            v,
+            R,
             {
               pickerType: "month",
               monthMode: "multiple",
@@ -76,7 +75,7 @@ const I = s.forwardRef(
               toDate: u,
               fromYear: g,
               toYear: y,
-              showFooter: c,
+              showFooter: i,
               onApply: N,
               onCancel: A,
               onClear: m,
@@ -88,7 +87,7 @@ const I = s.forwardRef(
     ] });
   }
 );
-I.displayName = "MultiMonthPicker";
+v.displayName = "MultiMonthPicker";
 export {
-  I as MultiMonthPicker
+  v as MultiMonthPicker
 };

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 * 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 v } from "lucide-react";
+import { CalendarMonth as R } from "../../../icons/index.js";
+import { format as h } from "date-fns";
+import { cn as E } from "../../../lib/utils.js";
+import { Input as I } from "../input.js";
+import { Popover as L, PopoverTrigger as V, PopoverContent as X } from "../popover.js";
+import { Calendar as b } from "../calendar.js";
+const q = (e, r = "MM/dd/yyyy") => {
+  const c = h(e.startDate, r), i = h(e.endDate, r);
   return `${c} - ${i}`;
-}, E = a.forwardRef(
+}, z = a.forwardRef(
   ({
     value: e,
     onChange: r,
     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
+  }, D) => {
     const [p, n] = a.useState(!1), [f, s] = a.useState(e);
     a.useEffect(() => {
       p && s(e);
     }, [p]);
-    const S = (t) => {
+    const O = (t) => {
       s(t), l || r?.(t);
-    }, W = (t) => {
+    }, T = (t) => {
       r?.(t !== void 0 ? t : f), n(!1);
-    }, w = () => {
+    }, $ = () => {
       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,
+    }, j = e && e.length > 0 ? e.length === 1 ? q(e[0], c) : `${e.length} weeks selected` : "";
+    return /* @__PURE__ */ y(L, { open: p, onOpenChange: n, children: [
+      /* @__PURE__ */ o(V, { asChild: !0, children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+        I,
         {
-          ref: P,
-          value: D,
+          ref: D,
+          value: j,
           placeholder: i,
           readOnly: !0,
           disabled: d,
-          className: O("cursor-pointer", M),
+          className: E("cursor-pointer", N),
           suffix: /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
             e && e.length > 0 && !d && /* @__PURE__ */ o(
-              N,
+              v,
               {
                 className: "h-4 w-4 cursor-pointer hover:text-foreground",
                 onClick: (t) => {
@@ -58,32 +64,37 @@ const R = (e, r = "MM/dd/yyyy") => {
                 }
               }
             ),
-            /* @__PURE__ */ o(A, { className: "h-4 w-4 text-secondary-foreground" })
+            /* @__PURE__ */ o(R, { className: "h-4 w-4 text-secondary-foreground" })
           ] }),
-          ...x
+          ...A
         }
       ) }) }),
       /* @__PURE__ */ o(
-        j,
+        X,
         {
           className: "w-auto p-0",
           align: "start",
           onOpenAutoFocus: (t) => t.preventDefault(),
-          onInteractOutside: (t) => t.preventDefault(),
           children: /* @__PURE__ */ o(
-            I,
+            b,
             {
               pickerType: "week",
               weekMode: "multiple",
               selectedWeeks: f,
-              onWeekSelect: S,
-              fromDate: h,
-              toDate: k,
+              onWeekSelect: O,
+              fromDate: k,
+              toDate: u,
               fromYear: g,
               toYear: C,
               showFooter: l,
-              onApply: W,
-              onCancel: w,
+              calendarType: M,
+              fiscalMode: w,
+              selectionMode: x,
+              fiscalMonthPattern: P,
+              fiscalYearStartMonth: S,
+              weekStartsOn: W,
+              onApply: T,
+              onCancel: $,
               onClear: m,
               captionLayout: "dropdown"
             }
@@ -93,7 +104,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,135 @@
-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 A, jsx as i } from "react/jsx-runtime";
+import * as a from "react";
+import { X as H } from "lucide-react";
+import { CalendarMonth as J } from "../../../icons/index.js";
+import { format as M, parse as K, isValid as Q } from "date-fns";
+import { cn as U, maskDate as Z } from "../../../lib/utils.js";
+import { Input as _ } from "../input.js";
+import { Popover as Y, PopoverTrigger as F, PopoverContent as ee } from "../popover.js";
+import { Calendar as te } from "../calendar.js";
+import { resolveWeekSelection as ne } from "../../../lib/fiscal-calendar.js";
+const f = (t, r = "MM/dd/yyyy") => {
+  const n = M(t.startDate, r), m = M(t.endDate, r);
+  return `${n} - ${m}`;
+}, oe = a.forwardRef(
   ({
-    value: n,
-    onChange: a,
-    format: o = "MM/dd/yyyy",
-    placeholder: k = "Select Week",
-    minDate: C,
-    maxDate: w,
-    fromYear: S,
-    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,
+    value: t,
+    onChange: r,
+    format: n = "MM/dd/yyyy",
+    placeholder: m = "Select Week",
+    minDate: V,
+    maxDate: I,
+    fromYear: $,
+    toYear: T,
+    showFooter: c = !0,
+    calendarType: D = "calendar",
+    fiscalMode: C = "basic",
+    selectionMode: W = "week",
+    fiscalMonthPattern: S,
+    fiscalYearStartMonth: v = 1,
+    weekStartsOn: w = 1,
+    disabled: x,
+    className: j,
+    ...B
+  }, E) => {
+    const [o, l] = a.useState(!1), [s, p] = a.useState(t), [k, d] = a.useState(t ? f(t, n) : ""), [L, y] = a.useState(t?.startDate || /* @__PURE__ */ new Date());
+    a.useEffect(() => {
+      d(t ? f(t, n) : "");
+    }, [t, n]), a.useEffect(() => {
+      o && (p(t), y(t?.startDate || /* @__PURE__ */ new Date()));
+    }, [o]);
+    const O = (e) => {
+      p(e), c || (r?.(e), l(!1));
+    }, R = (e) => {
+      r?.(e !== void 0 ? e : s), l(!1);
+    }, X = () => {
+      p(t), l(!1);
+    }, g = () => {
+      p(void 0), d(""), r?.(void 0), c || l(!1);
+    }, b = (e) => ne(e, {
+      calendarType: D,
+      fiscalMode: C,
+      selectionMode: W,
+      fiscalMonthPattern: S,
+      fiscalYearStartMonth: v,
+      weekStartsOn: w
+    }), q = (e) => {
+      const u = Z(e.target.value, n);
+      if (d(u), u === "") {
+        p(void 0), c || r?.(void 0);
+        return;
+      }
+      const h = K(u, n, /* @__PURE__ */ new Date());
+      if (Q(h)) {
+        const N = b(h);
+        p(N), y(h), c || r?.(N);
+      }
+    }, z = () => {
+      if (!o) {
+        if (k === "") {
+          g();
+          return;
+        }
+        d(s ? f(s, n) : "");
+      }
+    }, P = c && o && (s ? f(s, n) : "") !== k, G = c && o ? s ? f(s, n) : "" : k;
+    return /* @__PURE__ */ A(Y, { open: o, onOpenChange: l, children: [
+      /* @__PURE__ */ i(F, { asChild: !0, children: /* @__PURE__ */ i("div", { "data-component": "week-picker", "data-state": o ? "open" : "closed", "data-pending": P || void 0, children: /* @__PURE__ */ i(
+        _,
         {
-          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,
+          ref: E,
+          value: G,
+          onChange: q,
+          onBlur: z,
+          onClick: (e) => o && e.stopPropagation(),
+          placeholder: o ? `${n} - ${n}` : m,
+          disabled: x,
+          "data-form-control": "input",
+          className: U("cursor-pointer", P && "text-muted-foreground", j),
+          suffix: /* @__PURE__ */ A("div", { className: "flex items-center gap-1", children: [
+            t && !x && /* @__PURE__ */ i(
+              H,
               {
                 className: "h-4 w-4 cursor-pointer hover:text-foreground",
                 onClick: (e) => {
-                  e.stopPropagation(), D();
+                  e.stopPropagation(), g();
                 }
               }
             ),
-            /* @__PURE__ */ r(Y, { className: "h-4 w-4 text-secondary-foreground" })
+            /* @__PURE__ */ i(J, { className: "h-4 w-4 text-secondary-foreground" })
           ] }),
-          ...x
+          ...B
         }
       ) }) }),
-      /* @__PURE__ */ r(
-        Q,
+      /* @__PURE__ */ i(
+        ee,
         {
           className: "w-auto p-0",
           align: "start",
           onOpenAutoFocus: (e) => e.preventDefault(),
-          onInteractOutside: (e) => e.preventDefault(),
-          children: /* @__PURE__ */ r(
-            U,
+          children: /* @__PURE__ */ i(
+            te,
             {
               pickerType: "week",
               weekMode: "single",
-              selectedWeeks: l,
-              onWeekSelect: A,
-              onPendingChange: V,
-              month: N,
-              onMonthChange: u,
-              fromDate: C,
-              toDate: w,
-              fromYear: S,
-              toYear: O,
-              showFooter: f,
-              onApply: $,
-              onCancel: B,
-              onClear: D,
+              selectedWeeks: s,
+              onWeekSelect: O,
+              month: L,
+              onMonthChange: y,
+              fromDate: V,
+              toDate: I,
+              fromYear: $,
+              toYear: T,
+              showFooter: c,
+              calendarType: D,
+              fiscalMode: C,
+              selectionMode: W,
+              fiscalMonthPattern: S,
+              fiscalYearStartMonth: v,
+              weekStartsOn: w,
+              onApply: R,
+              onCancel: X,
+              onClear: g,
               captionLayout: "dropdown"
             }
           )
@@ -134,7 +138,7 @@ const h = (n, a = "MM/dd/yyyy") => {
     ] });
   }
 );
-Z.displayName = "WeekPicker";
+oe.displayName = "WeekPicker";
 export {
-  Z as WeekPicker
+  oe as WeekPicker
 };