impact-nova 1.1.1 → 1.1.2

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

@@ -1,84 +1,91 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import * as s from "react";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import * as a from "react";
 import { X as O } from "lucide-react";
-import { CalendarMonth as k } from "../../../icons/index.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 b } from "../popover.js";
-import { Calendar as E } from "../calendar.js";
-const I = s.forwardRef(
+import { CalendarMonth as w } from "../../../icons/index.js";
+import { format as j } from "date-fns";
+import { cn as R } from "../../../lib/utils.js";
+import { Input as b } from "../input.js";
+import { Popover as E, PopoverTrigger as I, PopoverContent as L } from "../popover.js";
+import { Calendar as V } from "../calendar.js";
+import { Tooltip as m, TooltipTrigger as h, TooltipContent as u } from "../tooltip.js";
+const X = a.forwardRef(
   ({
-    value: e,
-    onChange: a,
-    format: m = "MM/dd/yyyy",
-    placeholder: h = "Select Dates",
-    minDate: u,
-    maxDate: y,
-    startMonth: g,
-    endMonth: C,
-    showFooter: l = !0,
-    disabled: c,
-    className: x,
-    ...P
-  }, N) => {
-    const [i, r] = s.useState(!1), [p, n] = s.useState(e);
-    s.useEffect(() => {
-      i && n(e);
-    }, [i]);
-    const A = (t) => {
-      n(t), l || a?.(t);
-    }, D = (t) => {
-      a?.(t !== void 0 ? t : p), r(!1);
-    }, M = () => {
-      n(e), r(!1);
-    }, d = () => {
-      n(void 0), a?.(void 0), l || r(!1);
-    }, S = e && e.length > 0 ? e.length === 1 ? w(e[0], m) : `${e.length} dates selected` : "";
-    return /* @__PURE__ */ f(v, { open: i, onOpenChange: r, children: [
-      /* @__PURE__ */ o(R, { asChild: !0, children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
-        j,
+    value: t,
+    onChange: l,
+    format: y = "MM/dd/yyyy",
+    placeholder: g = "Select Dates",
+    minDate: C,
+    maxDate: P,
+    startMonth: x,
+    endMonth: T,
+    showFooter: s = !0,
+    disabled: d,
+    className: N,
+    ...A
+  }, D) => {
+    const [c, o] = a.useState(!1), [p, n] = a.useState(t);
+    a.useEffect(() => {
+      c && n(t);
+    }, [c]);
+    const M = (r) => {
+      n(r), s || l?.(r);
+    }, S = (r) => {
+      l?.(r !== void 0 ? r : p), o(!1);
+    }, k = () => {
+      n(t), o(!1);
+    }, f = () => {
+      n(void 0), l?.(void 0), s || o(!1);
+    }, v = t && t.length > 0 ? t.length === 1 ? j(t[0], y) : `${t.length} dates selected` : "";
+    return /* @__PURE__ */ i(E, { open: c, onOpenChange: o, children: [
+      /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        b,
         {
-          ref: N,
-          value: S,
-          placeholder: h,
+          ref: D,
+          value: v,
+          placeholder: g,
           readOnly: !0,
-          disabled: c,
-          className: T("cursor-pointer", x),
-          suffix: /* @__PURE__ */ f("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: (t) => {
-                  t.stopPropagation(), d();
+          disabled: d,
+          className: R("cursor-pointer", N),
+          suffix: /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
+            t && t.length > 0 && !d && /* @__PURE__ */ i(m, { children: [
+              /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(
+                O,
+                {
+                  className: "h-4 w-4 cursor-pointer hover:text-foreground",
+                  onClick: (r) => {
+                    r.stopPropagation(), f();
+                  }
                 }
-              }
-            ),
-            /* @__PURE__ */ o(k, { className: "h-4 w-4 text-secondary-foreground" })
+              ) }),
+              /* @__PURE__ */ e(u, { variant: "tertiary", side: "top", children: "Clear" })
+            ] }),
+            /* @__PURE__ */ i(m, { children: [
+              /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(w, { className: "h-4 w-4 text-secondary-foreground" }) }),
+              /* @__PURE__ */ e(u, { variant: "tertiary", side: "top", children: "Pick dates" })
+            ] })
           ] }),
-          ...P
+          ...A
         }
       ) }) }),
-      /* @__PURE__ */ o(
-        b,
+      /* @__PURE__ */ e(
+        L,
         {
           className: "w-auto p-0",
           align: "start",
-          onOpenAutoFocus: (t) => t.preventDefault(),
-          children: /* @__PURE__ */ o(
-            E,
+          onOpenAutoFocus: (r) => r.preventDefault(),
+          children: /* @__PURE__ */ e(
+            V,
             {
               mode: "multiple",
               selected: p,
-              onSelect: A,
-              disabled: { before: u, after: y },
-              startMonth: g,
-              endMonth: C,
-              showFooter: l,
-              onApply: D,
-              onCancel: M,
-              onClear: d,
+              onSelect: M,
+              disabled: { before: C, after: P },
+              startMonth: x,
+              endMonth: T,
+              showFooter: s,
+              onApply: S,
+              onCancel: k,
+              onClear: f,
               captionLayout: "dropdown"
             }
           )
@@ -87,7 +94,7 @@ const I = s.forwardRef(
     ] });
   }
 );
-I.displayName = "MultiDatePicker";
+X.displayName = "MultiDatePicker";
 export {
-  I as MultiDatePicker
+  X as MultiDatePicker
 };

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

@@ -1,83 +1,90 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import * as s from "react";
-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 $, PopoverTrigger as j, PopoverContent as R } from "../popover.js";
-import { Calendar as b } from "../calendar.js";
-const v = s.forwardRef(
+import { X as v } from "lucide-react";
+import { CalendarMonth as w } from "../../../icons/index.js";
+import { cn as $ } from "../../../lib/utils.js";
+import { Input as j } from "../input.js";
+import { Popover as R, PopoverTrigger as b, PopoverContent as D } from "../popover.js";
+import { Calendar as E } from "../calendar.js";
+import { Tooltip as m, TooltipTrigger as f, TooltipContent as u } from "../tooltip.js";
+const I = s.forwardRef(
   ({
     value: e,
-    onChange: i,
-    placeholder: f = "Select Months",
-    minDate: h,
-    maxDate: u,
-    startMonth: g,
-    endMonth: y,
-    showFooter: l = !0,
-    disabled: a,
-    className: M,
-    ...C
-  }, x) => {
-    const [c, n] = s.useState(!1), [p, r] = s.useState(e);
+    onChange: l,
+    placeholder: g = "Select Months",
+    minDate: y,
+    maxDate: C,
+    startMonth: M,
+    endMonth: P,
+    showFooter: a = !0,
+    disabled: p,
+    className: T,
+    ...x
+  }, N) => {
+    const [c, r] = s.useState(!1), [d, n] = s.useState(e);
     s.useEffect(() => {
-      c && r(e);
+      c && n(e);
     }, [c]);
-    const P = (t) => {
-      r(t), l || i?.(t);
-    }, N = (t) => {
-      i?.(t !== void 0 ? t : p), n(!1);
-    }, A = () => {
-      r(e), n(!1);
-    }, d = () => {
-      r(void 0), i?.(void 0), l || n(!1);
-    }, S = e && e.length > 0 ? e.length === 1 ? `${e[0].month + 1}/${e[0].year}` : `${e.length} months selected` : "";
-    return /* @__PURE__ */ m($, { open: c, onOpenChange: n, children: [
-      /* @__PURE__ */ o(j, { asChild: !0, children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
-        w,
+    const k = (o) => {
+      n(o), a || l?.(o);
+    }, A = (o) => {
+      l?.(o !== void 0 ? o : d), r(!1);
+    }, S = () => {
+      n(e), r(!1);
+    }, h = () => {
+      n(void 0), l?.(void 0), a || r(!1);
+    }, O = e && e.length > 0 ? e.length === 1 ? `${e[0].month + 1}/${e[0].year}` : `${e.length} months selected` : "";
+    return /* @__PURE__ */ i(R, { open: c, onOpenChange: r, children: [
+      /* @__PURE__ */ t(b, { asChild: !0, children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+        j,
         {
-          ref: x,
-          value: S,
-          placeholder: f,
+          ref: N,
+          value: O,
+          placeholder: g,
           readOnly: !0,
-          disabled: a,
-          className: T("cursor-pointer", M),
-          suffix: /* @__PURE__ */ m("div", { className: "flex items-center gap-1", children: [
-            e && e.length > 0 && !a && /* @__PURE__ */ o(
-              k,
-              {
-                className: "h-4 w-4 cursor-pointer hover:text-foreground",
-                onClick: (t) => {
-                  t.stopPropagation(), d();
+          disabled: p,
+          className: $("cursor-pointer", T),
+          suffix: /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
+            e && e.length > 0 && !p && /* @__PURE__ */ i(m, { children: [
+              /* @__PURE__ */ t(f, { asChild: !0, children: /* @__PURE__ */ t(
+                v,
+                {
+                  className: "h-4 w-4 cursor-pointer hover:text-foreground",
+                  onClick: (o) => {
+                    o.stopPropagation(), h();
+                  }
                 }
-              }
-            ),
-            /* @__PURE__ */ o(O, { className: "h-4 w-4 text-secondary-foreground" })
+              ) }),
+              /* @__PURE__ */ t(u, { variant: "tertiary", side: "top", children: "Clear" })
+            ] }),
+            /* @__PURE__ */ i(m, { children: [
+              /* @__PURE__ */ t(f, { asChild: !0, children: /* @__PURE__ */ t(w, { className: "h-4 w-4 text-secondary-foreground" }) }),
+              /* @__PURE__ */ t(u, { variant: "tertiary", side: "top", children: "Pick months" })
+            ] })
           ] }),
-          ...C
+          ...x
         }
       ) }) }),
-      /* @__PURE__ */ o(
-        R,
+      /* @__PURE__ */ t(
+        D,
         {
           className: "w-auto p-0",
           align: "start",
-          onOpenAutoFocus: (t) => t.preventDefault(),
-          children: /* @__PURE__ */ o(
-            b,
+          onOpenAutoFocus: (o) => o.preventDefault(),
+          children: /* @__PURE__ */ t(
+            E,
             {
               pickerType: "month",
               monthMode: "multiple",
-              selectedMonths: p,
-              onMonthSelect: P,
-              disabled: { before: h, after: u },
-              startMonth: g,
-              endMonth: y,
-              showFooter: l,
-              onApply: N,
-              onCancel: A,
-              onClear: d,
+              selectedMonths: d,
+              onMonthSelect: k,
+              disabled: { before: y, after: C },
+              startMonth: M,
+              endMonth: P,
+              showFooter: a,
+              onApply: A,
+              onCancel: S,
+              onClear: h,
               captionLayout: "dropdown"
             }
           )
@@ -86,7 +93,7 @@ const v = s.forwardRef(
     ] });
   }
 );
-v.displayName = "MultiMonthPicker";
+I.displayName = "MultiMonthPicker";
 export {
-  v as MultiMonthPicker
+  I as MultiMonthPicker
 };

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

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