impact-nova 2.5.7 → 2.5.9

package/dist/components/data-display/calendar/fiscal-period-caption-select.js

@@ -0,0 +1,63 @@
+import { jsx as t, jsxs as v } from "react/jsx-runtime";
+import * as f from "react";
+import { Select as C } from "../../forms/select/select.js";
+import { Tooltip as O, TooltipTrigger as S, TooltipContent as b } from "../../feedback/tooltip/tooltip.js";
+import { formatPeriodTooltip as g, formatPeriodOption as T, formatPeriodCell as x } from "./calendar-fiscal-labels.js";
+function N({
+  periods: i,
+  selectedPeriod: o,
+  placeholder: m,
+  onPeriodChange: u
+}) {
+  const [r, l] = f.useState(!1), [c, n] = f.useState(!1), a = o ? g(o) : void 0, d = i.map((e) => ({
+    label: T(e),
+    value: String(e.period)
+  })), p = /* @__PURE__ */ t(
+    C,
+    {
+      value: o ? { label: x(o).label, value: String(o.period) } : void 0,
+      onChange: (e) => {
+        if (e && "value" in e) {
+          const s = i.find((h) => String(h.period) === e.value);
+          s && u(s);
+        }
+      },
+      onMenuOpen: () => {
+        l(!0), n(!1);
+      },
+      onMenuClose: () => l(!1),
+      scrollToSelectedOnOpen: !0,
+      options: d,
+      className: "w-[116px] shrink-0",
+      menuWidth: "220px",
+      isSearchable: !0,
+      isClearable: !1,
+      placeholder: m
+    }
+  );
+  return a ? /* @__PURE__ */ v(
+    O,
+    {
+      delayDuration: 0,
+      disableHoverableContent: !0,
+      open: c && !r,
+      onOpenChange: (e) => {
+        r || n(e);
+      },
+      children: [
+        /* @__PURE__ */ t(S, { asChild: !0, children: /* @__PURE__ */ t(
+          "span",
+          {
+            className: "inline-flex min-w-0",
+            onPointerDown: () => n(!1),
+            children: p
+          }
+        ) }),
+        /* @__PURE__ */ t(b, { variant: "tertiary", side: "top", children: a })
+      ]
+    }
+  ) : p;
+}
+export {
+  N as FiscalPeriodCaptionSelect
+};

package/dist/components/data-display/calendar/index.d.ts

@@ -1,4 +1,4 @@
 export { Calendar } from './calendar';
 export { CalendarDayButton } from './calendar-day-button';
 export { CalendarCaptionHeader } from './calendar-caption-header';
-export type { CalendarApplyValue, CalendarProps, MonthRange, MonthSelection, WeekRange, WeekRangeDraft, WeekSelection, } from './calendar.types';
+export type { CalendarApplyValue, CalendarProps, MonthRange, MonthSelection, QuarterRange, QuarterSelection, WeekRange, WeekRangeDraft, WeekSelection, YearRange, YearSelection, YoYComparison, } from './calendar.types';

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

@@ -1,31 +1,41 @@
 import { DayPicker } from 'react-day-picker';
 import { Button } from '../../primitives/button/button';
 import { Option } from '../../forms/select';
+import { CalendarKind, FiscalCalendarConfig, FiscalPeriod, Granularity } from '../../../lib/fiscal-calendar';
 import { WeekPickerInput } from './calendar-week-utils';
 import * as React from "react";
 export interface UseCalendarDayPickerConfigParams {
     buttonVariant: React.ComponentProps<typeof Button>["variant"];
     pickerType: "date" | "week";
-    calendarType: "calendar" | "fiscal";
+    calendarKind: CalendarKind;
+    granularity?: Granularity;
     showOutsideDays: boolean;
     classNames?: React.ComponentProps<typeof DayPicker>["classNames"];
     currentMonth: Date;
     monthsFull: string[];
+    monthsShort: string[];
     resolvedStartMonth: Date;
     resolvedEndMonth: Date;
     availableYears: Option[];
+    fiscalPeriods?: readonly FiscalPeriod[];
+    fiscalConfig?: FiscalCalendarConfig;
     weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     previousMonthLabel: string;
     nextMonthLabel: string;
     monthPlaceholder: string;
     yearPlaceholder: string;
     weekNumberLabel: (weekOfMonth: number) => string;
+    weekNumberHeader: string;
     weekLabel: (weekOfMonth: number) => string;
+    fiscalWeekNumberLabel?: (week: number) => string;
+    fiscalWeekAriaLabel?: (meta: import('../../../lib/fiscal-calendar').DateCellMeta) => string;
+    getCellMeta?: (date: Date) => import('../../../lib/fiscal-calendar').DateCellMeta | undefined;
     onMonthChange: (month: Date) => void;
     onWeekSelect: (input: WeekPickerInput) => void;
+    weekMode?: "single" | "multiple" | "range" | "multi-range";
     components?: React.ComponentProps<typeof DayPicker>["components"];
 }
-export declare function useCalendarDayPickerConfig({ buttonVariant, pickerType, calendarType, showOutsideDays, classNames, currentMonth, monthsFull, resolvedStartMonth, resolvedEndMonth, availableYears, weekStartsOn, previousMonthLabel, nextMonthLabel, monthPlaceholder, yearPlaceholder, weekNumberLabel, weekLabel, onMonthChange, onWeekSelect, components, }: UseCalendarDayPickerConfigParams): {
+export declare function useCalendarDayPickerConfig({ buttonVariant, pickerType, calendarKind, granularity, showOutsideDays, classNames, currentMonth, monthsFull, monthsShort, resolvedStartMonth, resolvedEndMonth, availableYears, fiscalPeriods, fiscalConfig, weekStartsOn, previousMonthLabel, nextMonthLabel, monthPlaceholder, yearPlaceholder, weekNumberLabel, weekNumberHeader, weekLabel, fiscalWeekNumberLabel, fiscalWeekAriaLabel, getCellMeta, onMonthChange, onWeekSelect, weekMode, components, }: UseCalendarDayPickerConfigParams): {
     dayPickerClassNames: {
         root: string;
         chevron?: string | undefined;

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

@@ -1,80 +1,110 @@
-import * as B from "react";
-import { getDefaultClassNames as I } from "react-day-picker";
-import { buildCalendarDayPickerComponents as J } from "./calendar-day-picker-components.js";
-import { getCalendarDayPickerClassNames as K } from "./calendar-day-picker-classnames.js";
-function Z({
-  buttonVariant: C,
+import * as F from "react";
+import { getDefaultClassNames as i } from "react-day-picker";
+import { buildCalendarDayPickerComponents as v } from "./calendar-day-picker-components.js";
+import { getCalendarDayPickerClassNames as W } from "./calendar-day-picker-classnames.js";
+function T({
+  buttonVariant: f,
   pickerType: m,
-  calendarType: f,
-  showOutsideDays: s,
-  classNames: i,
-  currentMonth: D,
-  monthsFull: P,
-  resolvedStartMonth: a,
-  resolvedEndMonth: g,
-  availableYears: r,
-  weekStartsOn: u,
-  previousMonthLabel: N,
-  nextMonthLabel: o,
-  monthPlaceholder: R,
-  yearPlaceholder: c,
-  weekNumberLabel: d,
-  weekLabel: j,
-  onMonthChange: q,
-  onWeekSelect: x,
-  components: z
+  calendarKind: C,
+  granularity: V,
+  showOutsideDays: D,
+  classNames: P,
+  currentMonth: R,
+  monthsFull: g,
+  monthsShort: o,
+  resolvedStartMonth: j,
+  resolvedEndMonth: q,
+  availableYears: u,
+  fiscalPeriods: x,
+  fiscalConfig: z,
+  weekStartsOn: B,
+  previousMonthLabel: G,
+  nextMonthLabel: H,
+  monthPlaceholder: I,
+  yearPlaceholder: J,
+  weekNumberLabel: N,
+  weekNumberHeader: Q,
+  weekLabel: U,
+  fiscalWeekNumberLabel: X,
+  fiscalWeekAriaLabel: Z,
+  getCellMeta: _,
+  onMonthChange: $,
+  onWeekSelect: p,
+  weekMode: y = "single",
+  components: A
 }) {
-  const A = I(), G = B.useMemo(
-    () => K({
-      defaultClassNames: A,
+  const E = i(), s = m === "week" && C === "fiscal" && V === "period", Y = F.useMemo(
+    () => W({
+      defaultClassNames: E,
       pickerType: m,
-      calendarType: f,
-      showOutsideDays: s,
-      classNames: i
+      calendarKind: C,
+      showOutsideDays: D,
+      periodRowHover: s,
+      classNames: P
     }),
-    [A, m, f, s, i]
-  ), H = B.useMemo(
-    () => J({
-      buttonVariant: C,
+    [E, m, C, D, s, P]
+  ), O = F.useMemo(
+    () => v({
+      buttonVariant: f,
       pickerType: m,
-      currentMonth: D,
-      monthsFull: P,
-      resolvedStartMonth: a,
-      resolvedEndMonth: g,
-      availableYears: r,
-      weekStartsOn: u,
-      previousMonthLabel: N,
-      nextMonthLabel: o,
-      monthPlaceholder: R,
-      yearPlaceholder: c,
-      weekNumberLabel: d,
-      weekLabel: j,
-      onMonthChange: q,
-      onWeekSelect: x,
-      components: z
+      calendarKind: C,
+      currentMonth: R,
+      monthsFull: g,
+      monthsShort: o,
+      resolvedStartMonth: j,
+      resolvedEndMonth: q,
+      availableYears: u,
+      fiscalPeriods: x,
+      fiscalConfig: z,
+      weekStartsOn: B,
+      previousMonthLabel: G,
+      nextMonthLabel: H,
+      monthPlaceholder: I,
+      yearPlaceholder: J,
+      weekNumberLabel: N,
+      weekNumberHeader: Q,
+      weekLabel: U,
+      fiscalWeekNumberLabel: X,
+      fiscalWeekAriaLabel: Z,
+      getCellMeta: _,
+      onMonthChange: $,
+      onWeekSelect: p,
+      periodRowHover: s,
+      weekMode: y,
+      components: A
     }),
     [
-      C,
+      f,
       m,
-      D,
-      P,
-      a,
+      C,
+      R,
       g,
-      r,
-      u,
-      N,
       o,
-      R,
-      c,
-      d,
       j,
       q,
+      u,
       x,
-      z
+      z,
+      B,
+      G,
+      H,
+      I,
+      J,
+      N,
+      Q,
+      U,
+      X,
+      Z,
+      _,
+      $,
+      p,
+      s,
+      y,
+      A
     ]
   );
-  return { dayPickerClassNames: G, dayPickerComponents: H };
+  return { dayPickerClassNames: Y, dayPickerComponents: O };
 }
 export {
-  Z as useCalendarDayPickerConfig
+  T as useCalendarDayPickerConfig
 };

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

@@ -1,24 +1,34 @@
 import { DateRange } from 'react-day-picker';
-import { FiscalMode, FiscalMonthPattern } from '../../../lib/fiscal-calendar';
-import { CalendarApplyValue, MonthRange, MonthSelection, WeekRange, WeekSelection } from './calendar.types';
+import { FiscalCalendarConfig, FiscalMode, FiscalMonthPattern, CalendarKind, CalendarSelection, Granularity, FiscalPreset } from '../../../lib/fiscal-calendar';
+import { CalendarApplyValue, MonthRange, MonthSelection, QuarterRange, QuarterSelection, WeekRange, WeekSelection, YearRange, YearSelection, YoYComparison } from './calendar.types';
 export interface UseCalendarStateOptions {
     showFooter: boolean;
-    mode: "single" | "multiple" | "range";
-    selected?: Date | Date[] | DateRange;
+    mode: "single" | "multiple" | "range" | "multi-range";
+    selected?: Date | Date[] | DateRange | DateRange[];
     onSelect?: (date: Date | Date[] | DateRange | undefined) => void;
-    pickerType: "date" | "week" | "month";
-    weekMode: "single" | "multiple" | "range";
+    onSelectionChange?: (selection: CalendarSelection) => void;
+    pickerType: "date" | "week" | "month" | "quarter" | "year";
+    weekMode: "single" | "multiple" | "range" | "multi-range";
     selectedWeeks?: WeekSelection | WeekSelection[] | WeekRange;
     onWeekSelect?: (weeks: WeekSelection | WeekSelection[] | WeekRange | undefined) => void;
-    calendarType: "calendar" | "fiscal";
+    calendarKind: CalendarKind;
     fiscalMode: FiscalMode;
-    selectionMode: "week" | "fiscalMonth";
+    granularity?: Granularity;
     resolvedFiscalPattern?: FiscalMonthPattern;
+    fiscalConfig?: FiscalCalendarConfig;
     fiscalYearStartMonth: number;
     weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    monthMode: "single" | "multiple" | "range";
+    monthMode: "single" | "multiple" | "range" | "multi-range";
     selectedMonths?: MonthSelection | MonthSelection[] | MonthRange;
     onMonthSelect?: (months: MonthSelection | MonthSelection[] | MonthRange | undefined) => void;
+    selectedQuarters?: QuarterSelection | QuarterSelection[] | QuarterRange;
+    onQuarterSelect?: (quarters: QuarterSelection | QuarterSelection[] | QuarterRange | undefined) => void;
+    selectedYear?: YearSelection | YearSelection[] | YearRange;
+    onYearSelect?: (year: YearSelection | YearSelection[] | YearRange | undefined) => void;
+    yearMode?: "single" | "multiple" | "range" | "multi-range";
+    comparison?: "prior-fy";
+    onComparisonChange?: (value: YoYComparison | undefined) => void;
+    onRangesChange?: (ranges: DateRange[] | undefined) => void;
     month?: Date;
     defaultMonth?: Date;
     onMonthChange?: (month: Date) => void;
@@ -31,11 +41,13 @@ export interface UseCalendarStateOptions {
     footerFlashKey?: number;
     footerFlashTarget?: import('./calendar-footer-emphasis').FooterFlashTarget;
 }
-export declare function useCalendarState({ showFooter, selected, onSelect, pickerType, weekMode, selectedWeeks, onWeekSelect, calendarType, fiscalMode, selectionMode, resolvedFiscalPattern, fiscalYearStartMonth, weekStartsOn, monthMode, selectedMonths, onMonthSelect, month, defaultMonth, onMonthChange, resolvedStartMonth, resolvedEndMonth, disabled, onApply, onCancel, onClear, }: UseCalendarStateOptions): {
-    pendingSelection: Date | DateRange | Date[] | undefined;
+export declare function useCalendarState({ showFooter, mode, selected, onSelect, onSelectionChange, pickerType, weekMode, selectedWeeks, onWeekSelect, calendarKind, fiscalMode, granularity, resolvedFiscalPattern, fiscalConfig, fiscalYearStartMonth, weekStartsOn, monthMode, selectedMonths, onMonthSelect, selectedQuarters, onQuarterSelect, selectedYear, onYearSelect, yearMode, comparison, onComparisonChange, onRangesChange, month, defaultMonth, onMonthChange, resolvedStartMonth, resolvedEndMonth, disabled, onApply, onCancel, onClear, }: UseCalendarStateOptions): {
+    pendingSelection: Date | DateRange | Date[] | DateRange[] | undefined;
     currentMonth: Date;
     pendingWeekSelection: WeekSelection | WeekRange | WeekSelection[] | undefined;
     pendingMonthSelection: MonthSelection | MonthRange | MonthSelection[] | undefined;
+    pendingQuarterSelection: QuarterSelection | QuarterRange | QuarterSelection[] | undefined;
+    pendingYearSelection: YearSelection | YearRange | YearSelection[] | undefined;
     monthPickerYear: number;
     handleMonthChangeInternal: (newMonth: Date) => void;
     resolveWeekFromInput: (weekOrDate: Date | {
@@ -46,8 +58,12 @@ export declare function useCalendarState({ showFooter, selected, onSelect, picke
     }) => WeekSelection;
     handleWeekClick: (week: WeekSelection) => void;
     handleMonthClick: (year: number, monthIndex: number) => void;
+    handleQuarterClick: (year: number, quarter: 1 | 2 | 3 | 4) => void;
+    handleYearClick: (year: number) => void;
+    handlePresetSelect: (preset: FiscalPreset) => void;
     availableYears: import('../../..').Option[];
     selectedDaysFromWeeks: Date[] | undefined;
+    selectedDaysFromRanges: Date[] | undefined;
     weekRangeModifiers: {
         range_start: Date[];
         range_middle: Date[];
@@ -64,5 +80,9 @@ export declare function useCalendarState({ showFooter, selected, onSelect, picke
         isMiddle: boolean;
     };
     isMonthDisabled: (year: number, monthIndex: number) => boolean;
+    isQuarterSelected: (year: number, quarter: 1 | 2 | 3 | 4) => boolean;
+    isQuarterDisabled: (year: number, quarter: 1 | 2 | 3 | 4) => boolean;
+    isYearSelected: (year: number) => boolean;
+    isYearDisabled: (year: number) => boolean;
     isApplyDisabledInternal: boolean;
 };