impact-nova 2.5.8 → 2.5.10

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

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