impact-nova 1.0.0 → 1.1.0

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

@@ -1,19 +1,19 @@
-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 v } from "lucide-react";
-import { CalendarMonth as R } from "../../../icons/index.js";
+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 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);
+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}`;
 }, z = a.forwardRef(
   ({
     value: e,
-    onChange: r,
+    onChange: o,
     format: c = "MM/dd/yyyy",
     placeholder: i = "Select Weeks",
     minDate: k,
@@ -30,33 +30,33 @@ const q = (e, r = "MM/dd/yyyy") => {
     disabled: d,
     className: N,
     ...A
-  }, D) => {
+  }, O) => {
     const [p, n] = a.useState(!1), [f, s] = a.useState(e);
     a.useEffect(() => {
       p && s(e);
     }, [p]);
-    const O = (t) => {
-      s(t), l || r?.(t);
-    }, T = (t) => {
-      r?.(t !== void 0 ? t : f), n(!1);
+    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);
-    }, 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,
+      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: D,
-          value: j,
+          ref: O,
+          value: b,
           placeholder: i,
           readOnly: !0,
           disabled: d,
-          className: E("cursor-pointer", N),
+          className: R("cursor-pointer", N),
           suffix: /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
-            e && e.length > 0 && !d && /* @__PURE__ */ o(
-              v,
+            e && e.length > 0 && !d && /* @__PURE__ */ r(
+              j,
               {
                 className: "h-4 w-4 cursor-pointer hover:text-foreground",
                 onClick: (t) => {
@@ -64,26 +64,25 @@ const q = (e, r = "MM/dd/yyyy") => {
                 }
               }
             ),
-            /* @__PURE__ */ o(R, { className: "h-4 w-4 text-secondary-foreground" })
+            /* @__PURE__ */ r(v, { className: "h-4 w-4 text-secondary-foreground" })
           ] }),
           ...A
         }
       ) }) }),
-      /* @__PURE__ */ o(
-        X,
+      /* @__PURE__ */ r(
+        V,
         {
           className: "w-auto p-0",
           align: "start",
           onOpenAutoFocus: (t) => t.preventDefault(),
-          children: /* @__PURE__ */ o(
-            b,
+          children: /* @__PURE__ */ r(
+            X,
             {
               pickerType: "week",
               weekMode: "multiple",
               selectedWeeks: f,
-              onWeekSelect: O,
-              fromDate: k,
-              toDate: u,
+              onWeekSelect: T,
+              disabled: { before: k, after: u },
               fromYear: g,
               toYear: C,
               showFooter: l,
@@ -93,7 +92,7 @@ const q = (e, r = "MM/dd/yyyy") => {
               fiscalMonthPattern: P,
               fiscalYearStartMonth: S,
               weekStartsOn: W,
-              onApply: T,
+              onApply: D,
               onCancel: $,
               onClear: m,
               captionLayout: "dropdown"

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

@@ -1,135 +1,141 @@
-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(
+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: 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);
+    value: e,
+    onChange: s,
+    format: t = "MM/dd/yyyy",
+    placeholder: h = "Select Week",
+    minDate: B,
+    maxDate: E,
+    fromYear: L,
+    toYear: O,
+    showFooter: f = !0,
+    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 h = K(u, n, /* @__PURE__ */ new Date());
-      if (Q(h)) {
-        const N = b(h);
-        p(N), y(h), c || r?.(N);
+      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);
       }
-    }, z = () => {
-      if (!o) {
-        if (k === "") {
-          g();
-          return;
-        }
-        d(s ? f(s, n) : "");
+    }, 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);
       }
-    }, 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(
-        _,
+    }, 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: E,
-          value: G,
-          onChange: q,
-          onBlur: z,
-          onClick: (e) => o && e.stopPropagation(),
-          placeholder: o ? `${n} - ${n}` : m,
-          disabled: x,
+          ref: I,
+          value: d,
+          onChange: J,
+          onBlur: K,
+          onClick: (n) => r && n.stopPropagation(),
+          placeholder: r ? t : h,
+          disabled: V,
           "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: _(
+            "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(), g();
+                onClick: (n) => {
+                  n.stopPropagation(), A();
                 }
               }
             ),
-            /* @__PURE__ */ i(J, { className: "h-4 w-4 text-secondary-foreground" })
+            /* @__PURE__ */ p(Z, { className: "h-4 w-4 text-secondary-foreground" })
           ] }),
-          ...B
+          ...H
         }
       ) }) }),
-      /* @__PURE__ */ i(
-        ee,
+      /* @__PURE__ */ p(
+        oe,
         {
           className: "w-auto p-0",
           align: "start",
-          onOpenAutoFocus: (e) => e.preventDefault(),
-          children: /* @__PURE__ */ i(
-            te,
+          onOpenAutoFocus: (n) => n.preventDefault(),
+          children: /* @__PURE__ */ p(
+            se,
             {
               pickerType: "week",
               weekMode: "single",
-              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,
+              selectedWeeks: N,
+              onWeekSelect: v,
+              month: q,
+              onMonthChange: k,
+              disabled: { before: B, after: E },
+              fromYear: L,
+              toYear: O,
+              showFooter: f,
+              calendarType: w,
+              fiscalMode: W,
+              selectionMode: S,
+              fiscalMonthPattern: x,
+              fiscalYearStartMonth: C,
+              weekStartsOn: P,
+              onApply: z,
+              onCancel: G,
+              onClear: A,
               captionLayout: "dropdown"
             }
           )
@@ -138,7 +144,7 @@ const f = (t, r = "MM/dd/yyyy") => {
     ] });
   }
 );
-oe.displayName = "WeekPicker";
+ie.displayName = "WeekPicker";
 export {
-  oe as WeekPicker
+  ie as WeekPicker
 };