impact-nova 2.5.5 → 2.5.7

package/dist/components/data-display/calendar/calendar-apply-validation.js

@@ -1,33 +1,40 @@
-import { isMonthDisabled as y } from "./calendar-month-utils.js";
-function s(u, o, n) {
-  const c = new Date(u.getFullYear(), u.getMonth(), u.getDate());
-  if (o) {
-    const l = new Date(o.getFullYear(), o.getMonth(), o.getDate());
-    if (c < l) return !0;
+import { isMonthDisabled as g } from "./calendar-month-utils.js";
+function u(n) {
+  return new Date(n.getFullYear(), n.getMonth(), n.getDate());
+}
+function d(n, s, o) {
+  const i = u(n);
+  if (s) {
+    const f = u(s);
+    if (i < f) return !0;
   }
-  if (n) {
-    const l = new Date(n.getFullYear(), n.getMonth(), n.getDate());
-    if (c > l) return !0;
+  if (o) {
+    const f = u(o);
+    if (i > f) return !0;
   }
   return !1;
 }
-function h(u) {
+function p(n, s, o, i) {
+  const f = u(n), m = u(s);
+  return !!(o && m < u(o) || i && f > u(i));
+}
+function D(n) {
   const {
-    showFooter: o,
-    pickerType: n,
-    disabled: c,
-    pendingSelection: l,
-    pendingWeekSelection: g,
-    pendingMonthSelection: m
-  } = u;
-  if (!o) return !1;
-  const f = c;
-  if (!f || typeof f != "object" || !("before" in f) && !("after" in f)) return !1;
-  const i = f.before, a = f.after;
-  if (n === "month") {
-    const e = m;
+    showFooter: s,
+    pickerType: o,
+    disabled: i,
+    pendingSelection: f,
+    pendingWeekSelection: m,
+    pendingMonthSelection: y
+  } = n;
+  if (!s) return !1;
+  const a = i;
+  if (!a || typeof a != "object" || !("before" in a) && !("after" in a)) return !1;
+  const c = a.before, l = a.after;
+  if (o === "month") {
+    const e = y;
     if (!e) return !1;
-    const r = (t) => y(t.year, t.month, c);
+    const r = (t) => g(t.year, t.month, i);
     if (Array.isArray(e)) return e.some(r);
     if ("from" in e) {
       const t = e;
@@ -35,10 +42,15 @@ function h(u) {
     }
     return r(e);
   }
-  if (n === "week") {
-    const e = g;
+  if (o === "week") {
+    const e = m;
     if (!e) return !1;
-    const r = (t) => s(t.startDate, i, a) || s(t.endDate, i, a);
+    const r = (t) => p(
+      t.startDate,
+      t.endDate,
+      c,
+      l
+    );
     if (Array.isArray(e)) return e.some(r);
     if ("from" in e) {
       const t = e;
@@ -46,20 +58,20 @@ function h(u) {
     }
     return r(e);
   }
-  if (n === "date") {
-    const e = l;
+  if (o === "date") {
+    const e = f;
     if (!e) return !1;
     if (Array.isArray(e))
-      return e.some((r) => s(r, i, a));
+      return e.some((r) => d(r, c, l));
     if (e instanceof Date)
-      return s(e, i, a);
+      return d(e, c, l);
     if ("from" in e) {
       const r = e;
-      if (r.from && s(r.from, i, a) || r.to && s(r.to, i, a)) return !0;
+      if (r.from && d(r.from, c, l) || r.to && d(r.to, c, l)) return !0;
     }
   }
   return !1;
 }
 export {
-  h as isCalendarApplyDisabled
+  D as isCalendarApplyDisabled
 };

package/dist/components/data-display/calendar/calendar-day-picker-components.js

@@ -1,10 +1,10 @@
 import { jsx as n, jsxs as R } from "react/jsx-runtime";
-import * as p from "react";
+import * as u from "react";
 import "react-day-picker";
-import { ChevronRight as C } from "impact-nova-icons";
-import { cn as s } from "../../../lib/utils.js";
-import { Button as N } from "../../primitives/button/button.js";
-import { Select as D } from "../../forms/select/select.js";
+import { ChevronRight as N } from "impact-nova-icons";
+import { cn as d } from "../../../lib/utils.js";
+import { Button as D } from "../../primitives/button/button.js";
+import { Select as w } from "../../forms/select/select.js";
 import { CalendarCaptionHeader as Y } from "./calendar-caption-header.js";
 import { CalendarDayButton as z } from "./calendar-day-button.js";
 import { PanelIndexContext as h } from "./calendar-panel-context.js";
@@ -12,49 +12,49 @@ import { CalendarWeekNumberCell as O } from "./calendar-week-number-cell.js";
 import { getAvailableMonths as A } from "./calendar-month-utils.js";
 import { isCalendarPaddingWeek as F } from "./calendar-padding-week.utils.js";
 function _({
-  buttonVariant: u,
-  pickerType: f,
-  currentMonth: d,
-  monthsFull: w,
-  resolvedStartMonth: b,
-  resolvedEndMonth: k,
-  availableYears: v,
+  buttonVariant: f,
+  pickerType: p,
+  currentMonth: c,
+  monthsFull: b,
+  resolvedStartMonth: k,
+  resolvedEndMonth: P,
+  availableYears: g,
   weekStartsOn: I,
-  previousMonthLabel: g,
+  previousMonthLabel: v,
   nextMonthLabel: x,
   monthPlaceholder: M,
-  yearPlaceholder: P,
+  yearPlaceholder: W,
   weekNumberLabel: S,
-  weekLabel: W,
+  weekLabel: y,
   onMonthChange: m,
-  onWeekSelect: y,
+  onWeekSelect: C,
   components: B
 }) {
   return {
-    Root: ({ className: e, rootRef: t, ...a }) => /* @__PURE__ */ n("div", { "data-slot": "calendar", ref: t, className: s(e), ...a }),
+    Root: ({ className: e, rootRef: t, ...a }) => /* @__PURE__ */ n("div", { "data-slot": "calendar", ref: t, className: d(e), ...a }),
     Chevron: ({ className: e, orientation: t, ...a }) => t === "left" ? /* @__PURE__ */ n(
-      C,
+      N,
       {
         size: 16,
-        className: s("rotate-180 text-content", e),
+        className: d("rotate-180 text-content", e),
         ...a
       }
-    ) : t === "right" ? /* @__PURE__ */ n(C, { size: 16, className: s("text-content", e), ...a }) : /* @__PURE__ */ n("span", {}),
+    ) : t === "right" ? /* @__PURE__ */ n(N, { size: 16, className: d("text-content", e), ...a }) : /* @__PURE__ */ n("span", {}),
     PreviousMonthButton: (e) => /* @__PURE__ */ n(
-      N,
+      D,
       {
-        variant: u,
+        variant: f,
         size: "icon",
         className: "h-7 w-7",
-        "aria-label": g,
-        title: g,
+        "aria-label": v,
+        title: v,
         ...e
       }
     ),
     NextMonthButton: (e) => /* @__PURE__ */ n(
-      N,
+      D,
       {
-        variant: u,
+        variant: f,
         size: "icon",
         className: "h-7 w-7",
         "aria-label": x,
@@ -64,28 +64,28 @@ function _({
     ),
     MonthCaption: ({ displayIndex: e, calendarMonth: t, ...a }) => /* @__PURE__ */ n(h.Provider, { value: e, children: /* @__PURE__ */ n("div", { ...a }) }),
     Month: ({ calendarMonth: e, displayIndex: t, className: a, children: l, ...r }) => {
-      const o = p.Children.toArray(l), i = o[o.length - 1], c = o.slice(0, -1);
-      return /* @__PURE__ */ R("div", { className: s(a), ...r, children: [
-        c.length > 0 ? /* @__PURE__ */ n(Y, { children: c }) : null,
-        i
+      const o = u.Children.toArray(l), s = o[o.length - 1], i = o.slice(0, -1);
+      return /* @__PURE__ */ R("div", { className: d(a), ...r, children: [
+        i.length > 0 ? /* @__PURE__ */ n(Y, { children: i }) : null,
+        s
       ] });
     },
-    Months: ({ className: e, children: t, ...a }) => /* @__PURE__ */ n("div", { "data-slot": "day-months", className: s(e), ...a, children: t }),
+    Months: ({ className: e, children: t, ...a }) => /* @__PURE__ */ n("div", { "data-slot": "day-months", className: d(e), ...a, children: t }),
     MonthsDropdown: ({ value: e }) => {
-      const t = p.useContext(h), a = t > 0, r = new Date(d.getFullYear(), d.getMonth() + t, 1).getFullYear(), o = A(
+      const t = u.useContext(h), a = t > 0, r = new Date(c.getFullYear(), c.getMonth() + t, 1).getFullYear(), o = A(
         r,
-        w,
         b,
-        k
+        k,
+        P
       );
       return /* @__PURE__ */ n(
-        D,
+        w,
         {
-          value: o.find((i) => i.value === e?.toString()),
-          onChange: (i) => {
-            if (i && "value" in i) {
-              const c = parseInt(i.value);
-              m(a ? new Date(r, c - 1, 1) : new Date(r, c, 1));
+          value: o.find((s) => s.value === e?.toString()),
+          onChange: (s) => {
+            if (s && "value" in s) {
+              const i = parseInt(s.value);
+              m(a ? new Date(r, i - 1, 1) : new Date(r, i, 1));
             }
           },
           scrollToSelectedOnOpen: !0,
@@ -99,43 +99,51 @@ function _({
       );
     },
     YearsDropdown: ({ value: e }) => {
-      const a = p.useContext(h) > 0;
+      const a = u.useContext(h) > 0;
       return /* @__PURE__ */ n(
-        D,
+        w,
         {
-          value: v.find((l) => l.value === e?.toString()),
+          value: g.find((l) => l.value === e?.toString()),
           onChange: (l) => {
             if (l && "value" in l) {
               const r = parseInt(l.value);
               if (a) {
                 const o = new Date(
-                  d.getFullYear(),
-                  d.getMonth() + 1,
+                  c.getFullYear(),
+                  c.getMonth() + 1,
                   1
                 ).getMonth();
                 m(new Date(r, o - 1, 1));
               } else
-                m(new Date(r, d.getMonth(), 1));
+                m(new Date(r, c.getMonth(), 1));
             }
           },
           scrollToSelectedOnOpen: !0,
-          options: v,
+          options: g,
           className: "w-[84px] shrink-0",
           menuWidth: "140px",
           isSearchable: !0,
           isClearable: !1,
-          placeholder: P
+          placeholder: W
         }
       );
     },
-    DayButton: (e) => /* @__PURE__ */ n(z, { ...e, pickerType: f }),
+    DayButton: (e) => /* @__PURE__ */ n(z, { ...e, pickerType: p }),
     Week: ({ week: e, className: t, children: a, ...l }) => {
-      const r = F(e);
+      const r = F(e), o = p === "week";
       return /* @__PURE__ */ n(
         "tr",
         {
-          className: s(t, r && "invisible"),
+          className: d(
+            t,
+            r && "invisible",
+            o && !r && "cursor-pointer"
+          ),
           "aria-hidden": r || void 0,
+          onClick: o && !r ? (s) => {
+            const i = s.target;
+            i.closest("button") || i.closest("[data-week-number]") || C(e);
+          } : void 0,
           ...l,
           children: a
         }
@@ -146,10 +154,10 @@ function _({
       {
         week: e,
         weekStartsOn: I,
-        pickerType: f,
+        pickerType: p,
         weekNumberLabel: S,
-        weekLabel: W,
-        onWeekSelect: y,
+        weekLabel: y,
+        onWeekSelect: C,
         ...t
       }
     ),

package/dist/components/data-display/calendar/calendar-day-picker-view.d.ts

@@ -30,7 +30,7 @@ export interface CalendarDayPickerViewProps extends Omit<CalendarProps, "showFoo
     dateFnsLocale: DayPickerProps["locale"];
     intlLocale: string;
     weekRangeModifiers?: DayPickerProps["modifiers"];
-    onSelect: (date: Date | Date[] | DateRange | undefined) => void;
+    onSelect: (date: Date | Date[] | DateRange | undefined, triggerDate?: Date) => void;
     onMonthChange: (month: Date) => void;
     onWeekSelect: (input: WeekPickerInput) => void;
     previousMonthLabel: string;

package/dist/components/data-display/calendar/calendar-day-picker-view.js

@@ -1,106 +1,109 @@
-import { jsx as J } from "react/jsx-runtime";
+import { jsx as Q } from "react/jsx-runtime";
 import "react";
-import { DayPicker as K } from "react-day-picker";
-import { cn as Q } from "../../../lib/utils.js";
-import { useCalendarDayPickerConfig as R } from "./use-calendar-day-picker-config.js";
-function E({
-  className: u,
+import { DayPicker as R } from "react-day-picker";
+import { cn as U } from "../../../lib/utils.js";
+import { useCalendarDayPickerConfig as W } from "./use-calendar-day-picker-config.js";
+function T({
+  className: p,
   pickerType: t,
-  mode: r,
-  weekMode: o,
-  calendarType: a,
+  mode: o,
+  weekMode: a,
+  calendarType: e,
   showOutsideDays: n,
-  fixedWeeks: e,
-  captionLayout: p,
-  buttonVariant: d,
-  weekStartsOn: s,
-  formatters: g,
-  classNames: f,
-  components: w,
-  selected: b,
-  showFooter: P,
+  fixedWeeks: s,
+  captionLayout: g,
+  buttonVariant: f,
+  weekStartsOn: i,
+  formatters: w,
+  classNames: b,
+  components: D,
+  selected: P,
+  showFooter: v,
   pendingSelection: y,
-  selectedDaysFromWeeks: D,
-  currentMonth: i,
-  monthsFull: h,
-  resolvedStartMonth: m,
-  resolvedEndMonth: c,
-  availableYears: k,
-  dateFnsLocale: v,
-  intlLocale: C,
-  weekRangeModifiers: N,
-  onSelect: _,
-  onMonthChange: l,
-  onWeekSelect: S,
-  previousMonthLabel: x,
-  nextMonthLabel: L,
-  monthPlaceholder: O,
-  yearPlaceholder: j,
-  weekNumberLabel: V,
-  weekLabel: q,
-  formatWeekNumber: z,
-  disabled: A,
-  ...B
+  selectedDaysFromWeeks: h,
+  currentMonth: m,
+  monthsFull: k,
+  resolvedStartMonth: c,
+  resolvedEndMonth: l,
+  availableYears: C,
+  dateFnsLocale: N,
+  intlLocale: S,
+  weekRangeModifiers: _,
+  onSelect: x,
+  onMonthChange: u,
+  onWeekSelect: L,
+  previousMonthLabel: O,
+  nextMonthLabel: j,
+  monthPlaceholder: V,
+  yearPlaceholder: q,
+  weekNumberLabel: z,
+  weekLabel: A,
+  formatWeekNumber: B,
+  disabled: F,
+  ...G
 }) {
-  const { dayPickerClassNames: F, dayPickerComponents: G } = R({
-    buttonVariant: d,
+  const { dayPickerClassNames: H, dayPickerComponents: I } = W({
+    buttonVariant: f,
     pickerType: t,
-    calendarType: a,
+    calendarType: e,
     showOutsideDays: n,
-    classNames: f,
-    currentMonth: i,
-    monthsFull: h,
-    resolvedStartMonth: m,
-    resolvedEndMonth: c,
-    availableYears: k,
-    weekStartsOn: s,
-    previousMonthLabel: x,
-    nextMonthLabel: L,
-    monthPlaceholder: O,
-    yearPlaceholder: j,
-    weekNumberLabel: V,
-    weekLabel: q,
-    onMonthChange: l,
-    onWeekSelect: S,
-    components: w
-  }), H = r === "range" || r === "multiple" || o === "range" || o === "multiple" ? 2 : 1;
-  return /* @__PURE__ */ J(
-    K,
+    classNames: b,
+    currentMonth: m,
+    monthsFull: k,
+    resolvedStartMonth: c,
+    resolvedEndMonth: l,
+    availableYears: C,
+    weekStartsOn: i,
+    previousMonthLabel: O,
+    nextMonthLabel: j,
+    monthPlaceholder: V,
+    yearPlaceholder: q,
+    weekNumberLabel: z,
+    weekLabel: A,
+    onMonthChange: u,
+    onWeekSelect: L,
+    components: D
+  }), J = o === "range" || o === "multiple" || a === "range" || a === "multiple" ? 2 : 1;
+  return /* @__PURE__ */ Q(
+    R,
     {
-      mode: t === "week" ? "multiple" : r,
-      selected: t === "week" ? D : P ? y : b,
-      onSelect: _,
-      month: i,
-      onMonthChange: l,
-      fixedWeeks: e,
-      showOutsideDays: e || a === "fiscal" || n,
-      weekStartsOn: s,
-      modifiers: t === "week" ? N : void 0,
-      locale: v,
-      className: Q(
+      mode: t === "week" ? "multiple" : o,
+      selected: t === "week" ? h : v ? y : P,
+      onSelect: (...r) => {
+        const [K, d] = r;
+        x(K, d instanceof Date ? d : void 0);
+      },
+      month: m,
+      onMonthChange: u,
+      fixedWeeks: s,
+      showOutsideDays: s || e === "fiscal" || n,
+      weekStartsOn: i,
+      modifiers: t === "week" ? _ : void 0,
+      locale: N,
+      className: U(
         "bg-canvas group/calendar p-2 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
         String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
         String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
-        u
+        p
       ),
-      captionLayout: p,
+      captionLayout: g,
       navLayout: "around",
-      startMonth: m,
-      endMonth: c,
-      disabled: A,
-      numberOfMonths: H,
+      startMonth: c,
+      endMonth: l,
+      disabled: F,
+      numberOfMonths: J,
       showWeekNumber: !0,
       formatters: {
-        formatMonthDropdown: (I) => I.toLocaleString(C, { month: "short" }),
-        formatWeekNumber: z,
-        ...g
+        formatMonthDropdown: (r) => r.toLocaleString(S, { month: "short" }),
+        formatWeekNumber: B,
+        ...w
       },
-      classNames: F,
-      components: G,
-      ...B
+      classNames: H,
+      components: I,
+      ...G
     }
   );
 }
 export {
-  E as CalendarDayPickerView
+  T as CalendarDayPickerView
 };

package/dist/components/data-display/calendar/calendar-week-utils.js

@@ -1,5 +1,5 @@
 import { resolveWeekSelection as T } from "../../../lib/fiscal-calendar.js";
-function h(t, s) {
+function m(t, s) {
   return t.year === s.year && t.month === s.month && t.weekOfMonth === s.weekOfMonth;
 }
 function W(t, s) {
@@ -10,21 +10,22 @@ function A(t, s, o) {
   if (o === "single") return t;
   if (o === "multiple") {
     const i = s || [];
-    return i.some((f) => h(f, t)) ? i.filter((f) => !h(f, t)) : [...i, t];
+    return i.some((f) => m(f, t)) ? i.filter((f) => !m(f, t)) : [...i, t];
   }
   const e = s;
   if (!e?.from || e.to) return { from: t };
-  const r = { from: e.from, to: t };
-  return t.startDate < e.from.startDate && (r.from = t, r.to = e.from), r;
+  if (m(t, e.from)) return e;
+  const n = { from: e.from, to: t };
+  return t.startDate < e.from.startDate && (n.from = t, n.to = e.from), n;
 }
 function _(t) {
   if (!t) return;
   const s = [], o = (e) => {
-    const r = new Date(e.startDate);
-    r.setHours(0, 0, 0, 0);
+    const n = new Date(e.startDate);
+    n.setHours(0, 0, 0, 0);
     const i = new Date(e.endDate);
-    for (i.setHours(0, 0, 0, 0); r <= i; )
-      s.push(new Date(r)), r.setDate(r.getDate() + 1);
+    for (i.setHours(0, 0, 0, 0); n <= i; )
+      s.push(new Date(n)), n.setDate(n.getDate() + 1);
   };
   if (Array.isArray(t))
     t.forEach(o);
@@ -35,8 +36,8 @@ function _(t) {
       else {
         const e = new Date(t.from.startDate);
         e.setHours(0, 0, 0, 0);
-        const r = new Date(t.to.endDate);
-        for (r.setHours(0, 0, 0, 0); e <= r; )
+        const n = new Date(t.to.endDate);
+        for (n.setHours(0, 0, 0, 0); e <= n; )
           s.push(new Date(e)), e.setDate(e.getDate() + 1);
       }
   } else
@@ -46,28 +47,28 @@ function _(t) {
 function E(t, s, o) {
   if (!t || t.length === 0)
     return { range_start: [], range_middle: [], range_end: [] };
-  const e = [...t].sort((n, a) => n.getTime() - a.getTime()), r = [], i = [], u = [], f = /* @__PURE__ */ new Set(), m = /* @__PURE__ */ new Set();
-  s === "multiple" && Array.isArray(o) && o.forEach((n) => {
-    f.add(n.startDate.toISOString().split("T")[0]), m.add(n.endDate.toISOString().split("T")[0]);
+  const e = [...t].sort((r, a) => r.getTime() - a.getTime()), n = [], i = [], u = [], f = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set();
+  s === "multiple" && Array.isArray(o) && o.forEach((r) => {
+    f.add(r.startDate.toISOString().split("T")[0]), l.add(r.endDate.toISOString().split("T")[0]);
   });
-  const d = (n, a) => {
+  const d = (r, a) => {
     if (a === 0) return !1;
     const c = e[a - 1];
-    return n.getTime() - c.getTime() <= 1440 * 60 * 1e3;
-  }, p = (n, a) => a === e.length - 1 ? !1 : e[a + 1].getTime() - n.getTime() <= 1440 * 60 * 1e3;
-  return e.forEach((n, a) => {
-    const c = n.toISOString().split("T")[0], D = f.has(c), S = m.has(c), l = d(n, a), g = p(n, a);
+    return r.getTime() - c.getTime() <= 1440 * 60 * 1e3;
+  }, p = (r, a) => a === e.length - 1 ? !1 : e[a + 1].getTime() - r.getTime() <= 1440 * 60 * 1e3;
+  return e.forEach((r, a) => {
+    const c = r.toISOString().split("T")[0], D = f.has(c), S = l.has(c), g = d(r, a), h = p(r, a);
     if (s === "multiple") {
-      D ? r.push(n) : S ? u.push(n) : i.push(n);
+      D ? n.push(r) : S ? u.push(r) : i.push(r);
       return;
     }
-    !l && !g ? (r.push(n), u.push(n)) : l ? g ? i.push(n) : u.push(n) : r.push(n);
-  }), { range_start: r, range_middle: i, range_end: u };
+    !g && !h ? (n.push(r), u.push(r)) : g ? h ? i.push(r) : u.push(r) : n.push(r);
+  }), { range_start: n, range_middle: i, range_end: u };
 }
 export {
   W as calculateWeekSelection,
   E as computeWeekRangeModifiers,
-  h as isSameWeek,
+  m as isSameWeek,
   A as nextWeekSelection,
   _ as weekSelectionsToDates
 };

package/dist/components/data-display/calendar/use-calendar-state.d.ts

@@ -53,7 +53,7 @@ export declare function useCalendarState({ showFooter, selected, onSelect, picke
         range_middle: Date[];
         range_end: Date[];
     };
-    handleInternalSelect: (date: Date | Date[] | DateRange | undefined) => void;
+    handleInternalSelect: (date: Date | Date[] | DateRange | undefined, triggerDate?: Date) => void;
     handleApply: () => void;
     handleCancel: () => void;
     handleClear: () => void;