impact-nova 2.5.7 → 2.5.8

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

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