impact-nova 2.5.7 → 2.5.9

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

@@ -1,169 +1,263 @@
-import { jsx as n, jsxs as R } from "react/jsx-runtime";
-import * as u from "react";
-import "react-day-picker";
-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";
-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: f,
-  pickerType: p,
-  currentMonth: c,
+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 { 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)
+    try {
+      return oe(y, m).periods;
+    } catch {
+    }
+  return u ?? [];
+}
+function Ie({
+  buttonVariant: y,
+  pickerType: m,
+  calendarKind: u,
+  currentMonth: h,
   monthsFull: b,
-  resolvedStartMonth: k,
-  resolvedEndMonth: P,
+  monthsShort: q,
+  resolvedStartMonth: J,
+  resolvedEndMonth: Q,
   availableYears: g,
-  weekStartsOn: I,
-  previousMonthLabel: v,
-  nextMonthLabel: x,
-  monthPlaceholder: M,
-  yearPlaceholder: W,
-  weekNumberLabel: S,
-  weekLabel: y,
-  onMonthChange: m,
-  onWeekSelect: C,
-  components: B
+  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
 }) {
   return {
-    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(
-      N,
+    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,
       {
         size: 16,
-        className: d("rotate-180 text-content", e),
-        ...a
+        className: k("rotate-180 text-content", e),
+        ...t
       }
-    ) : t === "right" ? /* @__PURE__ */ n(N, { size: 16, className: d("text-content", e), ...a }) : /* @__PURE__ */ n("span", {}),
-    PreviousMonthButton: (e) => /* @__PURE__ */ n(
-      D,
+    ) : r === "right" ? /* @__PURE__ */ i(B, { size: 16, className: k("text-content", e), ...t }) : /* @__PURE__ */ i("span", {}),
+    PreviousMonthButton: (e) => /* @__PURE__ */ i(
+      M,
       {
-        variant: f,
+        variant: y,
         size: "icon",
         className: "h-7 w-7",
-        "aria-label": v,
-        title: v,
+        "aria-label": P,
+        title: P,
         ...e
       }
     ),
-    NextMonthButton: (e) => /* @__PURE__ */ n(
-      D,
+    NextMonthButton: (e) => /* @__PURE__ */ i(
+      M,
       {
-        variant: f,
+        variant: y,
         size: "icon",
         className: "h-7 w-7",
-        "aria-label": x,
-        title: x,
+        "aria-label": W,
+        title: W,
         ...e
       }
     ),
-    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 = 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,
+    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
+      ] }) });
+    },
+    Months: ({ className: e, children: r, ...t }) => /* @__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
+      }
+    ),
+    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");
+      });
+      return /* @__PURE__ */ z("div", { className: r, ...t, children: [
+        d,
+        l,
         s
       ] });
     },
-    Months: ({ className: e, children: t, ...a }) => /* @__PURE__ */ n("div", { "data-slot": "day-months", className: d(e), ...a, children: t }),
     MonthsDropdown: ({ value: e }) => {
-      const t = u.useContext(h), a = t > 0, r = new Date(c.getFullYear(), c.getMonth() + t, 1).getFullYear(), o = A(
-        r,
+      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(
+          n,
+          o.getFullYear(),
+          o.getMonth()
+        );
+        return /* @__PURE__ */ i(
+          me,
+          {
+            periods: n,
+            selectedPeriod: c,
+            placeholder: I,
+            onPeriodChange: (p) => {
+              v(G(p, t));
+            }
+          }
+        );
+      }
+      const l = ae(
+        a,
         b,
-        k,
-        P
+        J,
+        Q
       );
-      return /* @__PURE__ */ n(
-        w,
+      return /* @__PURE__ */ i(
+        R,
         {
-          value: o.find((s) => s.value === e?.toString()),
+          value: l.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));
+              const n = parseInt(s.value);
+              v(t ? new Date(a, n - 1, 1) : new Date(a, n, 1));
             }
           },
           scrollToSelectedOnOpen: !0,
-          options: o,
+          options: l,
           className: "w-[116px] shrink-0",
           menuWidth: "160px",
           isSearchable: !0,
           isClearable: !1,
-          placeholder: M
+          placeholder: I
         }
       );
     },
     YearsDropdown: ({ value: e }) => {
-      const a = u.useContext(h) > 0;
-      return /* @__PURE__ */ n(
-        w,
+      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();
+      return /* @__PURE__ */ i(
+        R,
         {
-          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(
-                  c.getFullYear(),
-                  c.getMonth() + 1,
+          value: g.find((n) => n.value === l),
+          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));
+                return;
+              }
+              if (t) {
+                const p = new Date(
+                  h.getFullYear(),
+                  h.getMonth() + 1,
                   1
                 ).getMonth();
-                m(new Date(r, o - 1, 1));
+                v(new Date(c, p - 1, 1));
               } else
-                m(new Date(r, c.getMonth(), 1));
+                v(new Date(c, h.getMonth(), 1));
             }
           },
           scrollToSelectedOnOpen: !0,
           options: g,
-          className: "w-[84px] shrink-0",
+          className: "w-[116px] shrink-0",
           menuWidth: "140px",
           isSearchable: !0,
           isClearable: !1,
-          placeholder: W
+          placeholder: X
         }
       );
     },
-    DayButton: (e) => /* @__PURE__ */ n(z, { ...e, pickerType: p }),
-    Week: ({ week: e, className: t, children: a, ...l }) => {
-      const r = F(e), o = p === "week";
-      return /* @__PURE__ */ n(
+    DayButton: (e) => /* @__PURE__ */ i(
+      te,
+      {
+        ...e,
+        pickerType: m,
+        modifiers: {
+          ...e.modifiers,
+          fiscal_period_start: !!f?.(e.day.date)?.isPeriodStart,
+          fiscal_period_end: !!f?.(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 };
+      return /* @__PURE__ */ i(
         "tr",
         {
-          className: d(
-            t,
-            r && "invisible",
-            o && !r && "cursor-pointer"
+          className: k(
+            r,
+            l && "invisible",
+            s && !l && "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
+          ...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
         }
       );
     },
-    WeekNumber: ({ week: e, ...t }) => /* @__PURE__ */ n(
-      O,
+    WeekNumber: ({ week: e, ...r }) => /* @__PURE__ */ i(
+      re,
       {
         week: e,
-        weekStartsOn: I,
-        pickerType: p,
-        weekNumberLabel: S,
-        weekLabel: y,
-        onWeekSelect: C,
-        ...t
+        weekStartsOn: U,
+        pickerType: m,
+        calendarKind: u,
+        weekNumberLabel: Z,
+        weekLabel: $,
+        fiscalWeekNumberLabel: L,
+        fiscalWeekAriaLabel: T,
+        getCellMeta: f,
+        onWeekSelect: A,
+        ...r
       }
     ),
-    ...B
+    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 });
+    },
+    ...K
   };
 }
 export {
-  _ as buildCalendarDayPickerComponents
+  Ie as buildCalendarDayPickerComponents
 };

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

@@ -1,15 +1,17 @@
 import { DayPicker, DateRange } from 'react-day-picker';
 import { Button } from '../../primitives/button/button';
 import { Option } from '../../forms/select';
+import { FiscalCalendarConfig, FiscalPeriod } from '../../../lib/fiscal-calendar';
 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" | "selectionMode" | "buttonVariant" | "components" | "classNames" | "formatters" | "captionLayout" | "showOutsideDays" | "fixedWeeks" | "calendarType" | "weekStartsOn" | "startMonth" | "endMonth" | "month" | "onMonthChange" | "selected" | "onSelect" | "mode"> {
+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"> {
     pickerType: "date" | "week";
     mode: NonNullable<CalendarProps["mode"]>;
     weekMode: NonNullable<CalendarProps["weekMode"]>;
-    calendarType: NonNullable<CalendarProps["calendarType"]>;
+    calendarKind: NonNullable<CalendarProps["calendarKind"]>;
+    granularity?: CalendarProps["granularity"];
     showOutsideDays: boolean;
     fixedWeeks: boolean;
     captionLayout: NonNullable<CalendarProps["captionLayout"]>;
@@ -24,9 +26,13 @@ export interface CalendarDayPickerViewProps extends Omit<CalendarProps, "showFoo
     selectedDaysFromWeeks?: Date[];
     currentMonth: Date;
     monthsFull: string[];
+    monthsShort: string[];
+    weekNumberHeader: string;
     resolvedStartMonth: Date;
     resolvedEndMonth: Date;
     availableYears: Option[];
+    fiscalPeriods?: readonly FiscalPeriod[];
+    fiscalConfig?: FiscalCalendarConfig;
     dateFnsLocale: DayPickerProps["locale"];
     intlLocale: string;
     weekRangeModifiers?: DayPickerProps["modifiers"];
@@ -39,7 +45,9 @@ export interface CalendarDayPickerViewProps extends Omit<CalendarProps, "showFoo
     yearPlaceholder: string;
     weekNumberLabel: (weekOfMonth: number) => string;
     weekLabel: (weekOfMonth: number) => string;
+    fiscalWeekAriaLabel?: (meta: import('../../../lib/fiscal-calendar').DateCellMeta) => string;
+    getCellMeta?: (date: Date) => import('../../../lib/fiscal-calendar').DateCellMeta | undefined;
     formatWeekNumber: (weekNumber: number) => string;
 }
-export declare function CalendarDayPickerView({ className, pickerType, mode, weekMode, calendarType, showOutsideDays, fixedWeeks, captionLayout, buttonVariant, weekStartsOn, formatters, classNames, components, selected, showFooter, pendingSelection, selectedDaysFromWeeks, currentMonth, monthsFull, resolvedStartMonth, resolvedEndMonth, availableYears, dateFnsLocale, intlLocale, weekRangeModifiers, onSelect, onMonthChange, onWeekSelect, previousMonthLabel, nextMonthLabel, monthPlaceholder, yearPlaceholder, weekNumberLabel, weekLabel, 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, 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 {};