impact-nova 2.5.9 → 2.5.10

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

@@ -1,263 +1,295 @@
-import { jsx as i, jsxs as z } from "react/jsx-runtime";
-import * as x from "react";
-import { useDayPicker as V } from "react-day-picker";
-import { ChevronRight as B } from "impact-nova-icons";
-import { cn as k } from "../../../lib/utils.js";
+import { jsx as i, jsxs as q } from "react/jsx-runtime";
+import * as v from "react";
+import { useDayPicker as le } from "react-day-picker";
+import { ChevronRight as J } from "impact-nova-icons";
+import { cn as y } from "../../../lib/utils.js";
 import { Button as M } from "../../primitives/button/button.js";
-import { Select as R } from "../../forms/select/select.js";
-import { CalendarCaptionHeader as ee } from "./calendar-caption-header.js";
-import { CalendarDayButton as te } from "./calendar-day-button.js";
-import { PanelIndexContext as N } from "./calendar-panel-context.js";
-import { CalendarWeekNumberCell as re } from "./calendar-week-number-cell.js";
-import { paneCivilMonthIndex as ne } from "./calendar-week-number-header.js";
-import { buildFiscalYear as oe } from "../../../lib/fiscal-calendar/build-year.js";
-import { civilMonthAtOffset as _, midMonthDate as E, visibleMonthForPeriod as G, periodForCivilMonth as ie } from "./calendar-fiscal-period-nav.js";
-import { getAvailableMonths as ae } from "./calendar-month-utils.js";
-import { isCalendarPaddingWeek as se, weekHasInMonthSelection as le, weekIntervalContinues as de } from "./calendar-padding-week.utils.js";
-import { fiscalPeriodForWeek as ce } from "./calendar-week-utils.js";
-import { FiscalPeriodCaptionSelect as me } from "./fiscal-period-caption-select.js";
-function H(y, m, u) {
-  if (m != null && y)
+import { Select as Q } from "../../forms/select/select.js";
+import { CalendarCaptionHeader as ce } from "./calendar-caption-header.js";
+import { CalendarDayButton as de } from "./calendar-day-button.js";
+import { PanelIndexContext as P } from "./calendar-panel-context.js";
+import { CalendarWeekNumberCell as me } from "./calendar-week-number-cell.js";
+import { paneCivilMonthIndex as fe } from "./calendar-week-number-header.js";
+import { buildFiscalYear as ue } from "../../../lib/fiscal-calendar/build-year.js";
+import { civilMonthAtOffset as N, midMonthDate as F, visibleMonthForPeriod as U, periodForCivilMonth as X } from "./calendar-fiscal-period-nav.js";
+import { getAvailableMonths as pe } from "./calendar-month-utils.js";
+import { isCalendarPaddingWeek as Z, weekHasInMonthSelection as he, weekIntervalContinues as ve } from "./calendar-padding-week.utils.js";
+import { isForeignFiscalWeekRow as $, fiscalPeriodForWeek as L } from "./calendar-week-utils.js";
+import { FiscalPeriodCaptionSelect as xe } from "./fiscal-period-caption-select.js";
+function I(D, h, d) {
+  if (h != null && D)
     try {
-      return oe(y, m).periods;
+      return ue(D, h).periods;
     } catch {
     }
-  return u ?? [];
+  return d ?? [];
 }
-function Ie({
-  buttonVariant: y,
-  pickerType: m,
-  calendarKind: u,
-  currentMonth: h,
-  monthsFull: b,
-  monthsShort: q,
-  resolvedStartMonth: J,
-  resolvedEndMonth: Q,
-  availableYears: g,
-  fiscalPeriods: C,
-  fiscalConfig: w,
-  weekStartsOn: U,
-  previousMonthLabel: P,
-  nextMonthLabel: W,
-  monthPlaceholder: I,
-  yearPlaceholder: X,
-  weekNumberLabel: Z,
-  weekNumberHeader: F,
-  weekLabel: $,
-  fiscalWeekNumberLabel: L,
-  fiscalWeekAriaLabel: T,
-  getCellMeta: f,
-  onMonthChange: v,
-  onWeekSelect: A,
-  periodRowHover: Y = !1,
-  weekMode: O = "single",
-  components: K
+function ze({
+  buttonVariant: D,
+  pickerType: h,
+  calendarKind: d,
+  currentMonth: x,
+  monthsFull: g,
+  monthsShort: T,
+  resolvedStartMonth: V,
+  resolvedEndMonth: K,
+  availableYears: C,
+  fiscalPeriods: S,
+  fiscalConfig: W,
+  weekStartsOn: ee,
+  previousMonthLabel: A,
+  nextMonthLabel: Y,
+  monthPlaceholder: j,
+  yearPlaceholder: te,
+  weekNumberLabel: oe,
+  weekNumberHeader: O,
+  weekLabel: ne,
+  fiscalWeekNumberLabel: re,
+  fiscalWeekAriaLabel: ie,
+  getCellMeta: c,
+  onMonthChange: k,
+  onWeekSelect: R,
+  periodRowHover: z = !1,
+  weekMode: B = "single",
+  showPeriodBoundaries: se = !1,
+  components: ae
 }) {
+  function _(e) {
+    if (d !== "fiscal") return;
+    const t = N(x, e);
+    return X(
+      I(
+        W,
+        c?.(F(t))?.fy ?? c?.(t)?.fy,
+        S
+      ),
+      t.getFullYear(),
+      t.getMonth()
+    )?.period;
+  }
   return {
-    Root: ({ className: e, rootRef: r, ...t }) => /* @__PURE__ */ i("div", { "data-slot": "calendar", ref: r, className: k(e), ...t }),
-    Chevron: ({ className: e, orientation: r, ...t }) => r === "left" ? /* @__PURE__ */ i(
-      B,
+    Root: ({ className: e, rootRef: t, ...o }) => /* @__PURE__ */ i("div", { "data-slot": "calendar", ref: t, className: y(e), ...o }),
+    Chevron: ({ className: e, orientation: t, ...o }) => t === "left" ? /* @__PURE__ */ i(
+      J,
       {
         size: 16,
-        className: k("rotate-180 text-content", e),
-        ...t
+        className: y("rotate-180 text-content", e),
+        ...o
       }
-    ) : r === "right" ? /* @__PURE__ */ i(B, { size: 16, className: k("text-content", e), ...t }) : /* @__PURE__ */ i("span", {}),
+    ) : t === "right" ? /* @__PURE__ */ i(J, { size: 16, className: y("text-content", e), ...o }) : /* @__PURE__ */ i("span", {}),
     PreviousMonthButton: (e) => /* @__PURE__ */ i(
       M,
       {
-        variant: y,
+        variant: D,
         size: "icon",
         className: "h-7 w-7",
-        "aria-label": P,
-        title: P,
+        "aria-label": A,
+        title: A,
         ...e
       }
     ),
     NextMonthButton: (e) => /* @__PURE__ */ i(
       M,
       {
-        variant: y,
+        variant: D,
         size: "icon",
         className: "h-7 w-7",
-        "aria-label": W,
-        title: W,
+        "aria-label": Y,
+        title: Y,
         ...e
       }
     ),
-    MonthCaption: ({ displayIndex: e, calendarMonth: r, ...t }) => /* @__PURE__ */ i("div", { ...t }),
-    Month: ({ calendarMonth: e, displayIndex: r, className: t, children: o, ...a }) => {
-      const d = x.Children.toArray(o), l = d[d.length - 1], s = d.slice(0, -1);
-      return /* @__PURE__ */ i(N.Provider, { value: r, children: /* @__PURE__ */ z("div", { className: k(t), ...a, children: [
-        s.length > 0 ? /* @__PURE__ */ i(ee, { children: s }) : null,
-        l
+    MonthCaption: ({ displayIndex: e, calendarMonth: t, ...o }) => /* @__PURE__ */ i("div", { ...o }),
+    Month: ({ calendarMonth: e, displayIndex: t, className: o, children: r, ...s }) => {
+      const l = v.Children.toArray(r), f = l[l.length - 1], a = l.slice(0, -1);
+      return /* @__PURE__ */ i(P.Provider, { value: t, children: /* @__PURE__ */ q("div", { className: y(o), ...s, children: [
+        a.length > 0 ? /* @__PURE__ */ i(ce, { children: a }) : null,
+        f
       ] }) });
     },
-    Months: ({ className: e, children: r, ...t }) => /* @__PURE__ */ i(
+    Months: ({ className: e, children: t, ...o }) => /* @__PURE__ */ i(
       "div",
       {
         "data-slot": "day-months",
-        "data-period-row-hover": Y ? "true" : void 0,
-        "data-week-gutter-track": m === "week" ? "true" : void 0,
-        className: k(e),
-        ...t,
-        children: r
+        "data-period-row-hover": z ? "true" : void 0,
+        "data-week-gutter-track": h === "week" ? "true" : void 0,
+        className: y(e),
+        ...o,
+        children: t
       }
     ),
-    DropdownNav: ({ children: e, className: r, ...t }) => {
-      if (u !== "fiscal")
-        return /* @__PURE__ */ i("div", { className: r, ...t, children: e });
-      const o = x.Children.toArray(e), a = (n) => x.isValidElement(n) && n.key != null ? String(n.key) : "", d = o.find((n) => a(n).endsWith("year")), l = o.find((n) => a(n).endsWith("month")), s = o.filter((n) => {
-        const c = a(n);
-        return !c.endsWith("year") && !c.endsWith("month");
+    DropdownNav: ({ children: e, className: t, ...o }) => {
+      if (d !== "fiscal")
+        return /* @__PURE__ */ i("div", { className: t, ...o, children: e });
+      const r = v.Children.toArray(e), s = (n) => v.isValidElement(n) && n.key != null ? String(n.key) : "", l = r.find((n) => s(n).endsWith("year")), f = r.find((n) => s(n).endsWith("month")), a = r.filter((n) => {
+        const m = s(n);
+        return !m.endsWith("year") && !m.endsWith("month");
       });
-      return /* @__PURE__ */ z("div", { className: r, ...t, children: [
-        d,
+      return /* @__PURE__ */ q("div", { className: t, ...o, children: [
         l,
-        s
+        f,
+        a
       ] });
     },
     MonthsDropdown: ({ value: e }) => {
-      const r = x.useContext(N), t = r > 0, o = _(h, r), a = o.getFullYear();
-      if (u === "fiscal" && w) {
-        const s = f?.(E(o)) ?? f?.(o), n = H(w, s?.fy, C), c = ie(
+      const t = v.useContext(P), o = t > 0, r = N(x, t), s = r.getFullYear();
+      if (d === "fiscal" && W) {
+        const a = c?.(F(r)) ?? c?.(r), n = I(W, a?.fy, S), m = X(
           n,
-          o.getFullYear(),
-          o.getMonth()
+          r.getFullYear(),
+          r.getMonth()
         );
         return /* @__PURE__ */ i(
-          me,
+          xe,
           {
             periods: n,
-            selectedPeriod: c,
-            placeholder: I,
-            onPeriodChange: (p) => {
-              v(G(p, t));
+            selectedPeriod: m,
+            placeholder: j,
+            onPeriodChange: (u) => {
+              k(U(u, o));
             }
           }
         );
       }
-      const l = ae(
-        a,
-        b,
-        J,
-        Q
+      const f = pe(
+        s,
+        g,
+        V,
+        K
       );
       return /* @__PURE__ */ i(
-        R,
+        Q,
         {
-          value: l.find((s) => s.value === e?.toString()),
-          onChange: (s) => {
-            if (s && "value" in s) {
-              const n = parseInt(s.value);
-              v(t ? new Date(a, n - 1, 1) : new Date(a, n, 1));
+          value: f.find((a) => a.value === e?.toString()),
+          onChange: (a) => {
+            if (a && "value" in a) {
+              const n = parseInt(a.value);
+              k(o ? new Date(s, n - 1, 1) : new Date(s, n, 1));
             }
           },
           scrollToSelectedOnOpen: !0,
-          options: l,
+          options: f,
           className: "w-[116px] shrink-0",
           menuWidth: "160px",
           isSearchable: !0,
           isClearable: !1,
-          placeholder: I
+          placeholder: j
         }
       );
     },
     YearsDropdown: ({ value: e }) => {
-      const r = x.useContext(N), t = r > 0, o = u === "fiscal" && w, a = _(h, r), d = o ? f?.(E(a)) ?? f?.(a) : void 0, l = o && d?.fy != null ? String(d.fy) : e?.toString();
+      const t = v.useContext(P), o = t > 0, r = d === "fiscal" && W, s = N(x, t), l = r ? c?.(F(s)) ?? c?.(s) : void 0, f = r && l?.fy != null ? String(l.fy) : e?.toString();
       return /* @__PURE__ */ i(
-        R,
+        Q,
         {
-          value: g.find((n) => n.value === l),
+          value: C.find((n) => n.value === f),
           onChange: (n) => {
             if (n && "value" in n) {
-              const c = parseInt(n.value);
-              if (o) {
-                const p = H(w, c, C), D = p.find((S) => S.period === d?.fiscalPeriod) ?? p[0];
-                D && v(G(D, t));
+              const m = parseInt(n.value);
+              if (r) {
+                const u = I(W, m, S), p = u.find((b) => b.period === l?.fiscalPeriod) ?? u[0];
+                p && k(U(p, o));
                 return;
               }
-              if (t) {
-                const p = new Date(
-                  h.getFullYear(),
-                  h.getMonth() + 1,
+              if (o) {
+                const u = new Date(
+                  x.getFullYear(),
+                  x.getMonth() + 1,
                   1
                 ).getMonth();
-                v(new Date(c, p - 1, 1));
+                k(new Date(m, u - 1, 1));
               } else
-                v(new Date(c, h.getMonth(), 1));
+                k(new Date(m, x.getMonth(), 1));
             }
           },
           scrollToSelectedOnOpen: !0,
-          options: g,
+          options: C,
           className: "w-[116px] shrink-0",
           menuWidth: "140px",
           isSearchable: !0,
           isClearable: !1,
-          placeholder: X
+          placeholder: te
         }
       );
     },
     DayButton: (e) => /* @__PURE__ */ i(
-      te,
+      de,
       {
         ...e,
-        pickerType: m,
+        pickerType: h,
         modifiers: {
           ...e.modifiers,
-          fiscal_period_start: !!f?.(e.day.date)?.isPeriodStart,
-          fiscal_period_end: !!f?.(e.day.date)?.isPeriodEnd
+          ...se ? {
+            fiscal_period_start: !!c?.(e.day.date)?.isPeriodStart,
+            fiscal_period_end: !!c?.(e.day.date)?.isPeriodEnd
+          } : {}
         }
       }
     ),
-    Week: ({ week: e, className: r, children: t, onClick: o, ...a }) => {
-      const { isSelected: d } = V(), l = se(e), s = m === "week", n = Y && !l ? ce(e, f) : void 0, c = !l && le(e, d), D = m === "week" && O !== "multiple" && O !== "multi-range" && c ? de(e, d) : { prev: !1, next: !1 };
+    Week: ({ week: e, className: t, children: o, onClick: r, ...s }) => {
+      const { isSelected: l } = le(), f = v.useContext(P), a = Z(e), n = h === "week", m = L(e, c), u = _(f), p = a || $({
+        calendarKind: d,
+        weekPeriod: m,
+        panePeriod: u
+      }), b = z && !p ? m : void 0, E = !p && he(e, l), G = h === "week" && B !== "multiple" && B !== "multi-range" && E ? ve(e, l, {
+        joinAdjacentWeek: d === "fiscal",
+        panePeriod: u,
+        periodForDate: (w) => c?.(w)?.fiscalPeriod
+      }) : { prev: !1, next: !1 };
       return /* @__PURE__ */ i(
         "tr",
         {
-          className: k(
-            r,
-            l && "invisible",
-            s && !l && "cursor-pointer"
+          className: y(
+            t,
+            p && "invisible order-last",
+            n && !p && "cursor-pointer"
           ),
-          ...a,
-          "aria-hidden": l || void 0,
-          "data-fiscal-period": n,
-          "data-week-selected": c ? !0 : void 0,
-          "data-week-continues-next": D.next || void 0,
-          "data-week-continues-prev": D.prev || void 0,
-          onClick: s && !l ? (S) => {
-            if (o?.(S), S.defaultPrevented) return;
-            const j = S.target;
-            j.closest("button") || j.closest("[data-week-number]") || A(e);
-          } : o,
-          children: t
+          ...s,
+          "aria-hidden": p || void 0,
+          "data-fiscal-period": b,
+          "data-week-selected": E ? !0 : void 0,
+          "data-week-continues-next": G.next || void 0,
+          "data-week-continues-prev": G.prev || void 0,
+          onClick: n && !p ? (w) => {
+            if (r?.(w), w.defaultPrevented) return;
+            const H = w.target;
+            H.closest("button") || H.closest("[data-week-number]") || R(e);
+          } : r,
+          children: o
+        }
+      );
+    },
+    WeekNumber: ({ week: e, ...t }) => {
+      const o = v.useContext(P), r = Z(e) || $({
+        calendarKind: d,
+        weekPeriod: L(e, c),
+        panePeriod: _(o)
+      });
+      return /* @__PURE__ */ i(
+        me,
+        {
+          week: e,
+          weekStartsOn: ee,
+          pickerType: h,
+          calendarKind: d,
+          weekNumberLabel: oe,
+          weekLabel: ne,
+          fiscalWeekNumberLabel: re,
+          fiscalWeekAriaLabel: ie,
+          getCellMeta: c,
+          onWeekSelect: R,
+          ...t,
+          blank: r
         }
       );
     },
-    WeekNumber: ({ week: e, ...r }) => /* @__PURE__ */ i(
-      re,
-      {
-        week: e,
-        weekStartsOn: U,
-        pickerType: m,
-        calendarKind: u,
-        weekNumberLabel: Z,
-        weekLabel: $,
-        fiscalWeekNumberLabel: L,
-        fiscalWeekAriaLabel: T,
-        getCellMeta: f,
-        onWeekSelect: A,
-        ...r
-      }
-    ),
     WeekNumberHeader: (e) => {
-      const r = x.useContext(N), t = ne(u, h, r), o = t === void 0 ? F : q[t], a = t === void 0 ? F : b[t];
-      return /* @__PURE__ */ i("th", { ...e, "aria-label": a, children: o });
+      const t = v.useContext(P), o = fe(d, x, t), r = o === void 0 ? O : T[o], s = o === void 0 ? O : g[o];
+      return /* @__PURE__ */ i("th", { ...e, "aria-label": s, children: r });
     },
-    ...K
+    ...ae
   };
 }
 export {
-  Ie as buildCalendarDayPickerComponents
+  ze as buildCalendarDayPickerComponents
 };

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

@@ -6,7 +6,7 @@ import { CalendarProps } from './calendar.types';
 import { WeekPickerInput } from './calendar-week-utils';
 import * as React from "react";
 type DayPickerProps = React.ComponentProps<typeof DayPicker>;
-export interface CalendarDayPickerViewProps extends Omit<CalendarProps, "showFooter" | "disableApply" | "onApply" | "onCancel" | "onClear" | "pickerType" | "weekMode" | "selectedWeeks" | "onWeekSelect" | "monthMode" | "selectedMonths" | "onMonthSelect" | "defaultMonth" | "fiscalMode" | "fiscalMonthPattern" | "fiscalYearStartMonth" | "buttonVariant" | "components" | "classNames" | "formatters" | "captionLayout" | "showOutsideDays" | "fixedWeeks" | "calendarKind" | "fiscalConfig" | "granularity" | "showPresets" | "comparison" | "onComparisonChange" | "onSelectionChange" | "selectedQuarters" | "onQuarterSelect" | "selectedYear" | "onYearSelect" | "weekStartsOn" | "startMonth" | "endMonth" | "month" | "onMonthChange" | "selected" | "onSelect" | "mode"> {
+export interface CalendarDayPickerViewProps extends Omit<CalendarProps, "showFooter" | "showPeriodBoundaries" | "disableApply" | "onApply" | "onCancel" | "onClear" | "pickerType" | "weekMode" | "selectedWeeks" | "onWeekSelect" | "monthMode" | "selectedMonths" | "onMonthSelect" | "defaultMonth" | "fiscalMode" | "fiscalMonthPattern" | "fiscalYearStartMonth" | "buttonVariant" | "components" | "classNames" | "formatters" | "captionLayout" | "showOutsideDays" | "fixedWeeks" | "calendarKind" | "fiscalConfig" | "granularity" | "showPresets" | "comparison" | "onComparisonChange" | "onSelectionChange" | "selectedQuarters" | "onQuarterSelect" | "selectedYear" | "onYearSelect" | "weekStartsOn" | "startMonth" | "endMonth" | "month" | "onMonthChange" | "selected" | "onSelect" | "mode"> {
     pickerType: "date" | "week";
     mode: NonNullable<CalendarProps["mode"]>;
     weekMode: NonNullable<CalendarProps["weekMode"]>;
@@ -22,6 +22,7 @@ export interface CalendarDayPickerViewProps extends Omit<CalendarProps, "showFoo
     components?: CalendarProps["components"];
     selected?: Date | Date[] | DateRange;
     showFooter: boolean;
+    showPeriodBoundaries: boolean;
     pendingSelection?: Date | Date[] | DateRange;
     selectedDaysFromWeeks?: Date[];
     currentMonth: Date;
@@ -49,5 +50,5 @@ export interface CalendarDayPickerViewProps extends Omit<CalendarProps, "showFoo
     getCellMeta?: (date: Date) => import('../../../lib/fiscal-calendar').DateCellMeta | undefined;
     formatWeekNumber: (weekNumber: number) => string;
 }
-export declare function CalendarDayPickerView({ className, pickerType, mode, weekMode, calendarKind, granularity, showOutsideDays, fixedWeeks, captionLayout, buttonVariant, weekStartsOn, formatters, classNames, components, selected, showFooter, pendingSelection, selectedDaysFromWeeks, currentMonth, monthsFull, monthsShort, weekNumberHeader, resolvedStartMonth, resolvedEndMonth, availableYears, fiscalPeriods, fiscalConfig, dateFnsLocale, intlLocale, weekRangeModifiers, onSelect, onMonthChange, onWeekSelect, previousMonthLabel, nextMonthLabel, monthPlaceholder, yearPlaceholder, weekNumberLabel, weekLabel, fiscalWeekAriaLabel, getCellMeta, formatWeekNumber, disabled, ...props }: CalendarDayPickerViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarDayPickerView({ className, pickerType, mode, weekMode, calendarKind, granularity, showOutsideDays, fixedWeeks, captionLayout, buttonVariant, weekStartsOn, formatters, classNames, components, selected, showFooter, showPeriodBoundaries, pendingSelection, selectedDaysFromWeeks, currentMonth, monthsFull, monthsShort, weekNumberHeader, resolvedStartMonth, resolvedEndMonth, availableYears, fiscalPeriods, fiscalConfig, dateFnsLocale, intlLocale, weekRangeModifiers, onSelect, onMonthChange, onWeekSelect, previousMonthLabel, nextMonthLabel, monthPlaceholder, yearPlaceholder, weekNumberLabel, weekLabel, fiscalWeekAriaLabel, getCellMeta, formatWeekNumber, disabled, showWeekNumber, ...props }: CalendarDayPickerViewProps): import("react/jsx-runtime").JSX.Element;
 export {};