@salt-ds/lab 1.0.0-alpha.51 → 1.0.0-alpha.52

package/dist-types/date-picker/DatePickerOverlay.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+/**
+ * Props for the DatePickerOverlay component.
+ */
+export interface DatePickerOverlayProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The content to be rendered inside the overlay.
+     */
+    children: ReactNode;
+}
+export declare const DatePickerOverlay: import("react").ForwardRefExoticComponent<DatePickerOverlayProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-picker/DatePickerOverlayProvider.d.ts

@@ -0,0 +1,67 @@
+import { useInteractions } from "@floating-ui/react";
+import { useFloatingUI } from "@salt-ds/core";
+import { type ReactNode } from "react";
+/**
+ * Interface representing the state for a DatePicker overlay.
+ */
+interface DatePickerOverlayState {
+    /**
+     * If `true`, the overlay is open.
+     */
+    open: boolean;
+    /**
+     * The result of the floating UI calculations.
+     */
+    floatingUIResult: ReturnType<typeof useFloatingUI>;
+}
+/**
+ * Interface representing the helper functions for a DatePicker overlay.
+ */
+interface DatePickerOverlayHelpers {
+    /**
+     * Function to get the props for the floating element.
+     */
+    getFloatingProps: ReturnType<typeof useInteractions>["getFloatingProps"];
+    /**
+     * Function to get the props for the reference element.
+     */
+    getReferenceProps: ReturnType<typeof useInteractions>["getReferenceProps"];
+    /**
+     * Sets the open state of the overlay.
+     * @param newOpen - The new value for the open state.
+     */
+    setOpen: (newOpen: boolean) => void;
+}
+/**
+ * Interface representing the context type for a DatePicker overlay.
+ */
+interface DatePickerOverlayContextType {
+    /**
+     * The state of the DatePicker overlay.
+     */
+    state: DatePickerOverlayState;
+    /**
+     * The helper functions for the DatePicker overlay.
+     */
+    helpers: DatePickerOverlayHelpers;
+}
+/**
+ * Props for the DatePickerOverlayProvider component.
+ */
+interface DatePickerOverlayProviderProps {
+    /**
+     * If `true`, the overlay is open.
+     */
+    open?: boolean;
+    /**
+     * The default open state of the overlay.
+     */
+    defaultOpen?: boolean;
+    /**
+     * The content to be rendered inside the overlay provider.
+     */
+    children: ReactNode;
+}
+export declare const DatePickerOverlayProvider: React.FC<DatePickerOverlayProviderProps>;
+export declare const useDatePickerOverlay: () => DatePickerOverlayContextType;
+export {};

package/dist-types/date-picker/DatePickerRangeInput.d.ts

@@ -0,0 +1,7 @@
+import { type DateInputRangeProps } from "../date-input";
+/**
+ * Props for the DatePickerRangeInput component.
+ */
+export interface DatePickerRangeInputProps extends DateInputRangeProps {
+}
+export declare const DatePickerRangeInput: import("react").ForwardRefExoticComponent<DatePickerRangeInputProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-picker/DatePickerRangePanel.d.ts

@@ -0,0 +1,64 @@
+import { type DateValue } from "@internationalized/date";
+import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
+import { type CalendarNavigationProps, type CalendarOffsetProps, type CalendarRangeProps, type DateRangeSelection } from "../calendar";
+/**
+ * Props for the DatePickerRangePanel component.
+ * @template T - The type of the selected date range.
+ */
+export interface DatePickerRangePanelProps<T> extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * Callback fired when a date range is selected.
+     * @param event - The synthetic event.
+     * @param selectedDate - The selected date range or null.
+     */
+    onSelect?: (event: SyntheticEvent, selectedDate?: T | null) => void;
+    /**
+     * Helper text to be displayed below the date picker.
+     */
+    helperText?: string;
+    /**
+     * The currently visible month for the start date.
+     */
+    startVisibleMonth?: DateValue;
+    /**
+     * The default visible month for the start date.
+     */
+    defaultStartVisibleMonth?: DateValue;
+    /**
+     * Callback fired when the visible month for the start date changes.
+     * @param event - The synthetic event.
+     * @param visibleMonth - The new visible month for the start date.
+     */
+    onStartVisibleMonthChange?: (event: SyntheticEvent, visibleMonth: DateValue) => void;
+    /**
+     * The currently visible month for the end date.
+     */
+    endVisibleMonth?: DateValue;
+    /**
+     * The default visible month for the end date.
+     */
+    defaultEndVisibleMonth?: DateValue;
+    /**
+     * Callback fired when the visible month for the end date changes.
+     * @param event - The synthetic event.
+     * @param visibleMonth - The new visible month for the end date.
+     */
+    onEndVisibleMonthChange?: (event: SyntheticEvent, visibleMonth: DateValue) => void;
+    /**
+     * Props to be passed to the start date CalendarNavigation component.
+     */
+    StartCalendarNavigationProps?: CalendarNavigationProps;
+    /**
+     * Props to be passed to the start date calendar component.
+     */
+    StartCalendarProps?: Partial<Omit<CalendarRangeProps | CalendarOffsetProps, "selectedDate" | "defaultSelectedDate" | "onSelectedDateChange" | "onVisibleMonthChange">>;
+    /**
+     * Props to be passed to the end date CalendarNavigation component.
+     */
+    EndCalendarProps?: Partial<Omit<CalendarRangeProps, "selectedDate" | "defaultSelectedDate" | "onSelectedDateChange" | "onVisibleMonthChange">>;
+    /**
+     * Props to be passed to the end date CalendarNavigation component.
+     */
+    EndCalendarNavigationProps?: CalendarNavigationProps;
+}
+export declare const DatePickerRangePanel: import("react").ForwardRefExoticComponent<DatePickerRangePanelProps<DateRangeSelection> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-picker/DatePickerSingleInput.d.ts

@@ -0,0 +1,7 @@
+import { type DateInputSingleProps } from "../date-input";
+/**
+ * Props for the DatePickerSingleInput component.
+ */
+export interface DatePickerSingleInputProps extends DateInputSingleProps {
+}
+export declare const DatePickerSingleInput: import("react").ForwardRefExoticComponent<DatePickerSingleInputProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-picker/DatePickerSinglePanel.d.ts

@@ -0,0 +1,42 @@
+import { type DateValue } from "@internationalized/date";
+import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
+import { type CalendarNavigationProps, type CalendarSingleProps } from "../calendar";
+/**
+ * Props for the DatePickerSinglePanel component.
+ * @template T - The type of the selected date.
+ */
+export interface DatePickerSinglePanelProps<T> extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * Callback fired when a date is selected.
+     * @param event - The synthetic event.
+     * @param selectedDate - The selected date or null.
+     */
+    onSelect?: (event: SyntheticEvent, selectedDate?: T | null) => void;
+    /**
+     * Helper text to be displayed below the date picker.
+     */
+    helperText?: string;
+    /**
+     * The currently visible month.
+     */
+    visibleMonth?: DateValue;
+    /**
+     * The default visible month.
+     */
+    defaultVisibleMonth?: DateValue;
+    /**
+     * Callback fired when the visible month changes.
+     * @param event - The synthetic event.
+     * @param visibleMonth - The new visible month.
+     */
+    onVisibleMonthChange?: (event: SyntheticEvent, visibleMonth: DateValue) => void;
+    /**
+     * Props to be passed to the Calendar component.
+     */
+    CalendarProps?: Partial<Omit<CalendarSingleProps, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onSelectedDateChange" | "onVisibleMonthChange">>;
+    /**
+     * Props to be passed to the CalendarNavigation component.
+     */
+    CalendarNavigationProps?: CalendarNavigationProps;
+}
+export declare const DatePickerSinglePanel: import("react").ForwardRefExoticComponent<DatePickerSinglePanelProps<DateValue> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-picker/index.d.ts

@@ -1 +1,8 @@
 export * from "./DatePicker";
+export * from "./DatePickerActions";
+export * from "./DatePickerContext";
+export * from "./DatePickerOverlay";
+export * from "./DatePickerSingleInput";
+export * from "./DatePickerSinglePanel";
+export * from "./DatePickerRangeInput";
+export * from "./DatePickerRangePanel";

package/dist-types/date-picker/useDatePicker.d.ts

@@ -0,0 +1,112 @@
+import { type DateValue } from "@internationalized/date";
+import { type DateRangeSelection, type SingleDateSelection } from "../calendar";
+import type { RangeDatePickerState, SingleDatePickerState } from "./DatePickerContext";
+interface UseDatePickerBaseProps<T> {
+    /** If `true`, the component is disabled. */
+    disabled?: boolean;
+    /** If `true`, the component is read-only. */
+    readOnly?: boolean;
+    /**
+     * The selected date. The selected date will be controlled when this prop is provided.
+     */
+    selectedDate?: T | null;
+    /**
+     * The initial selected date, when the selected date is uncontrolled.
+     */
+    defaultSelectedDate?: UseDatePickerBaseProps<T>["selectedDate"];
+    /**
+     * The minimum date for the range, default is 1900.
+     */
+    minDate?: DateValue;
+    /**
+     * The maximum date for the range, default is 2100.
+     */
+    maxDate?: DateValue;
+    /**
+     * Handler for when the date selection is cancelled.
+     */
+    onCancel?: () => void;
+    /**
+     * Time zone of the date selection, defaults to the current time zone of the user.
+     */
+    timeZone?: string;
+    /**
+     * Locale of the date selection, defaults to the current locale of the user.
+     */
+    locale?: string;
+}
+/**
+ * Props for single date selection.
+ *
+ * @typedef {UseDatePickerBaseProps<SingleDateSelection>} UseDatePickerSingleProps
+ * @property {"single"} selectionVariant - Single date selection.
+ * @property {(selectedSingleDate: SingleDateSelection | null, singleError: string | false) => void} [onSelectedDateChange] - Handler called when the selected date changes.
+ * @property {(appliedSingleDate: SingleDateSelection | null, singleError: string | false) => void} [onApply] - Handler called when the selected date is confirmed/applied.
+ */
+export interface UseDatePickerSingleProps extends UseDatePickerBaseProps<SingleDateSelection> {
+    /**
+     * Single date selection.
+     */
+    selectionVariant: "single";
+    /**
+     * Handler called when the selected date changes.
+     * @param {SingleDateSelection | null} selectedSingleDate - The selected date.
+     * @param {string | false} singleError - Error returned by the parser or `false`.
+     */
+    onSelectedDateChange?: (selectedSingleDate: SingleDateSelection | null, singleError: string | false) => void;
+    /**
+     * Handler called when the selected date is confirmed/applied.
+     * @param {SingleDateSelection | null} appliedSingleDate - The selected date.
+     * @param {string | false} singleError - Error returned by the parser or `false`.
+     */
+    onApply?: (appliedSingleDate: SingleDateSelection | null, singleError: string | false) => void;
+}
+/**
+ * Props for date range selection.
+ *
+ * @typedef {UseDatePickerBaseProps<DateRangeSelection>} UseDatePickerRangeProps
+ * @property {"range"} selectionVariant - Date range selection.
+ * @property {(selectedRangeDate: DateRangeSelection | null, rangeError: { startDate: string | false; endDate: string | false }) => void} [onSelectedDateChange] - Handler called when the selected date changes.
+ * @property {(appliedRangeDate: DateRangeSelection | null, rangeError: { startDate: string | false; endDate: string | false }) => void} [onApply] - Handler called when the selected date is confirmed/applied.
+ */
+export interface UseDatePickerRangeProps extends UseDatePickerBaseProps<DateRangeSelection> {
+    /**
+     * Date range selection.
+     */
+    selectionVariant: "range";
+    /**
+     * Handler called when the selected date changes.
+     * @param {DateRangeSelection | null} selectedRangeDate - The selected date.
+     * @param {{ startDate: string | false; endDate: string | false }} rangeError - Error returned by the parser or `false`.
+     */
+    onSelectedDateChange?: (selectedRangeDate: DateRangeSelection | null, rangeError: {
+        startDate: string | false;
+        endDate: string | false;
+    }) => void;
+    /**
+     * Handler called when the selected date is confirmed/applied.
+     * @param {DateRangeSelection | null} appliedRangeDate - The selected date.
+     * @param {{ startDate: string | false; endDate: string | false }} rangeError - Error returned by the parser or `false`.
+     */
+    onApply?: (appliedRangeDate: DateRangeSelection | null, rangeError: {
+        startDate: string | false;
+        endDate: string | false;
+    }) => void;
+}
+/**
+ * Props for the useDatePicker hook.
+ *
+ * @template SelectionVariant
+ * @typedef {SelectionVariant extends "single" ? UseDatePickerSingleProps : SelectionVariant extends "range" ? UseDatePickerRangeProps : never} UseDatePickerProps
+ */
+export declare type UseDatePickerProps<SelectionVariant> = SelectionVariant extends "single" ? UseDatePickerSingleProps : SelectionVariant extends "range" ? UseDatePickerRangeProps : never;
+/**
+ * Custom hook for managing date picker state.
+ *
+ * @template SelectionVariant
+ * @param {UseDatePickerProps<SelectionVariant>} props - The props for the date picker.
+ * @param {React.ForwardedRef<HTMLDivElement>} ref - The ref for the date picker container.
+ * @returns {DatePickerState<SelectionVariant extends "single" ? SingleDateSelection : DateRangeSelection>} The date picker state and helpers.
+ */
+export declare function useDatePicker<SelectionVariant extends "single" | "range">(props: UseDatePickerProps<SelectionVariant>, ref: React.ForwardedRef<HTMLDivElement>): SingleDatePickerState | RangeDatePickerState;
+export {};

package/dist-types/slider/Slider.d.ts

@@ -1,20 +1,33 @@
 import { type HTMLAttributes } from "react";
-import { type SliderMark } from "./internal/SliderRailMarks";
 import type { SliderChangeHandler, SliderValue } from "./types";
 export interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
-    label?: string;
+    /**
+     * Minimum slider value
+     */
     min?: number;
+    /**
+     * Maximum slider value
+     */
     max?: number;
+    /**
+     * Minimum interval the slider thumb can move
+     */
     step?: number;
-    pageStep?: number;
-    value?: SliderValue;
+    /**
+     * Initial value of the slider
+     */
     defaultValue?: SliderValue;
-    pushable?: boolean;
-    pushDistance?: number;
-    disabled?: boolean;
+    /**
+     * The markings the slider is displayed with
+     */
+    marks?: "inline" | "bottom" | "all";
+    /**
+     * Value of the slider, to be used when in a controlled state
+     */
+    value?: SliderValue;
+    /**
+     * Change handler to be used when in a controlled state
+     */
     onChange?: SliderChangeHandler;
-    marks?: SliderMark[];
-    hideMarks?: boolean;
-    hideMarkLabels?: boolean;
 }
 export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/slider/internal/SliderContext.d.ts

@@ -0,0 +1,11 @@
+import type { SliderChangeHandler, SliderValue } from "../types";
+export interface SliderContextValue {
+    min: number;
+    max: number;
+    step: number;
+    value: SliderValue;
+    onChange: SliderChangeHandler;
+    ariaLabel: string | undefined;
+}
+export declare const SliderContext: import("react").Context<SliderContextValue>;
+export declare function useSliderContext(): SliderContextValue;

package/dist-types/slider/internal/SliderMarks.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentPropsWithoutRef } from "react";
+export interface SliderMarksProps extends ComponentPropsWithoutRef<"div"> {
+    min: number;
+    max: number;
+    step: number;
+}
+export declare function SliderMarks({ min, max, step, ...rest }: SliderMarksProps): JSX.Element;

package/dist-types/slider/internal/SliderSelection.d.ts

@@ -1,4 +1,4 @@
-export interface SliderSelectionProps {
-    valueLength: number;
+import type { ComponentPropsWithoutRef } from "react";
+export interface SliderSelectionProps extends ComponentPropsWithoutRef<"div"> {
 }
-export declare function SliderSelection({ valueLength }: SliderSelectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function SliderSelection({ ...props }: SliderSelectionProps): JSX.Element;

package/dist-types/slider/internal/SliderThumb.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentPropsWithoutRef } from "react";
+import type { ActiveThumbIndex, ThumbIndex } from "../types";
+export interface SliderThumbProps extends ComponentPropsWithoutRef<"div"> {
+    index: ThumbIndex;
+    activeThumb: ActiveThumbIndex;
+    setActiveThumb: (index: ActiveThumbIndex) => void;
+}
+export declare function SliderThumb(props: SliderThumbProps): JSX.Element;

package/dist-types/slider/internal/SliderTrack.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface SliderTrackProps extends ComponentPropsWithoutRef<"div"> {
+}
+export declare const SliderTrack: ({ ...props }: SliderTrackProps) => import("react/jsx-runtime").JSX.Element;

package/dist-types/slider/internal/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SliderTrack";
+export * from "./SliderMarks";
+export * from "./SliderContext";

package/dist-types/slider/internal/useKeyDownThumb.d.ts

@@ -0,0 +1,2 @@
+import type { SliderChangeHandler, SliderValue, ThumbIndex } from "../types";
+export declare const useKeyDownThumb: (min: number, max: number, step: number, value: SliderValue, onChange: SliderChangeHandler, index: ThumbIndex) => (event: React.KeyboardEvent) => void;

package/dist-types/slider/internal/utils.d.ts

@@ -1,10 +1,18 @@
-import type { SliderValue } from "../types";
-import type { LabeledMark, SliderMark } from "./SliderRailMarks";
-export declare type UpdateValueItem = (oldValue: SliderValue, index: number, valueItem: number) => SliderValue;
-export declare function useValueUpdater(pushable: boolean | undefined, pushDistance: number, min: number, max: number): UpdateValueItem;
-export declare const roundValue: (v: number, step: number) => number;
-export declare const clampValue: (v: number, min: number, max: number) => number;
-export declare function getSliderAriaLabel(count: number, index: number): string | undefined;
-export declare function getHandleIndex(element: HTMLElement): number;
-export declare function isLabeledMark(mark: SliderMark): mark is LabeledMark;
-export declare function isMarkAtMax(max: number, mark: SliderMark): boolean;
+import type { RefObject } from "react";
+import type { SliderChangeHandler, SliderValue, ThumbIndex } from "../types";
+export declare const getValue: (trackRef: RefObject<Element>, min: number, max: number, step: number, clientX: number) => number;
+export declare const setValue: (value: SliderValue, newValue: number, index: ThumbIndex, onChange: SliderChangeHandler) => void;
+export declare const roundToStep: (value: number, step: number) => number;
+export declare const clampValue: (value: number, [min, max]: number[]) => number;
+export declare const getPercentage: (min: number, max: number, value: number) => number;
+export declare const getPercentageDifference: (min: number, max: number, value: number[]) => string;
+export declare const getPercentageOffset: (min: number, max: number, value: number[]) => string;
+export declare const countDecimalPlaces: (num: number) => number;
+export declare const getMarkStyles: (min: number, max: number, step: number) => {
+    label: string;
+    value: number;
+    position: string;
+}[];
+export declare const getNearestIndex: (value: SliderValue, newValue: number) => ThumbIndex;
+export declare const preventOverlappingValues: (value: SliderValue, newValue: number, index: ThumbIndex) => number;
+export declare const parseValueProp: (value: number[] | undefined, min: number, max: number) => SliderValue | undefined;

package/dist-types/slider/types.d.ts

@@ -1,2 +1,4 @@
-export declare type SliderValue = number | number[];
+export declare type SliderValue = [number] | [number, number];
 export declare type SliderChangeHandler = (value: SliderValue) => void;
+export declare type ThumbIndex = 0 | 1;
+export declare type ActiveThumbIndex = ThumbIndex | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.51",
+  "version": "1.0.0-alpha.52",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -13,7 +13,7 @@
   "dependencies": {
     "@floating-ui/react": "^0.26.5",
     "@fluentui/react-overflow": "^9.0.19",
-    "@internationalized/date": "^3.0.0",
+    "@internationalized/date": "^3.5.5",
     "@types/react-window": "^1.8.2",
     "aria-hidden": "^1.1.1",
     "attr-accept": "^2.0.0",
@@ -26,7 +26,7 @@
     "react-window": "^1.8.6",
     "rifm": "^0.12.0",
     "tinycolor2": "^1.4.2",
-    "@salt-ds/core": "^1.34.0",
+    "@salt-ds/core": "^1.36.0",
     "@salt-ds/styles": "^0.2.1",
     "@salt-ds/window": "^0.1.1",
     "@salt-ds/icons": "^1.12.1"

package/dist-cjs/calendar/internal/CalendarNavigation.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltCalendarNavigation {\n  display: grid;\n  grid-template-columns: min-content auto min-content;\n  padding-bottom: var(--salt-spacing-100);\n  grid-gap: 0;\n  align-items: center;\n  box-sizing: border-box;\n}\n\n.saltCalendarNavigation-hideYearDropdown {\n  grid-template-columns: min-content auto min-content;\n  grid-gap: var(--salt-spacing-300);\n}\n\n.saltCalendarNavigation-dropdowns {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-gap: var(--salt-spacing-100);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=CalendarNavigation.css.js.map

package/dist-cjs/calendar/internal/CalendarNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarNavigation.js","sources":["../src/calendar/internal/CalendarNavigation.tsx"],"sourcesContent":["import {\n  Button,\n  type ButtonProps,\n  Dropdown,\n  type DropdownProps,\n  Option,\n  type OptionProps,\n  Tooltip,\n  makePrefixer,\n  useListControlContext,\n} from \"@salt-ds/core\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithRef,\n  type MouseEventHandler,\n  type SyntheticEvent,\n  forwardRef,\n} from \"react\";\n\nimport { useCalendarContext } from \"./CalendarContext\";\n\nimport {\n  type DateValue,\n  isSameMonth,\n  isSameYear,\n} from \"@internationalized/date\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport calendarNavigationCss from \"./CalendarNavigation.css\";\nimport { formatDate, monthDiff, monthsForLocale } from \"./utils\";\n\ntype dateDropdownProps = DropdownProps<DateValue>;\n\nexport interface CalendarNavigationProps extends ComponentPropsWithRef<\"div\"> {\n  MonthDropdownProps?: dateDropdownProps;\n  YearDropdownProps?: dateDropdownProps;\n  onMonthSelect?: dateDropdownProps[\"onChange\"];\n  onYearSelect?: dateDropdownProps[\"onChange\"];\n  borderedDropdown?: dateDropdownProps[\"bordered\"];\n  onNavigateNext?: ButtonProps[\"onClick\"];\n  onNavigatePrevious?: ButtonProps[\"onClick\"];\n  hideYearDropdown?: boolean;\n}\n\ninterface OptionWithTooltipProps extends OptionProps {\n  value: DateValue;\n  tooltipContent: string;\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarNavigation\");\n\nfunction useCalendarNavigation() {\n  const {\n    state: { visibleMonth, minDate, maxDate },\n    helpers: {\n      setVisibleMonth,\n      isDayVisible,\n      isOutsideAllowedYears,\n      isOutsideAllowedMonths,\n    },\n  } = useCalendarContext();\n\n  const moveToNextMonth = (event: SyntheticEvent) => {\n    setVisibleMonth(event, visibleMonth.add({ months: 1 }));\n  };\n\n  const moveToPreviousMonth = (event: SyntheticEvent) => {\n    setVisibleMonth(event, visibleMonth.subtract({ months: 1 }));\n  };\n\n  const moveToMonth = (event: SyntheticEvent, month: DateValue) => {\n    let newMonth = month;\n\n    if (!isOutsideAllowedYears(newMonth)) {\n      if (isOutsideAllowedMonths(newMonth)) {\n        // If month is navigable we should move to the closest navigable month\n        const navigableMonths = monthsForLocale(visibleMonth).filter(\n          (n) => !isOutsideAllowedMonths(n),\n        );\n        newMonth = navigableMonths.reduce((closestMonth, currentMonth) =>\n          Math.abs(monthDiff(currentMonth, newMonth)) <\n          Math.abs(monthDiff(closestMonth, newMonth))\n            ? currentMonth\n            : closestMonth,\n        );\n      }\n      setVisibleMonth(event, newMonth);\n    }\n  };\n\n  const months: DateValue[] = monthsForLocale(visibleMonth);\n\n  const years: DateValue[] = [-2, -1, 0, 1, 2]\n    .map((delta) => visibleMonth.add({ years: delta }))\n    .filter((year) => !isOutsideAllowedYears(year));\n\n  const selectedMonth: DateValue | undefined = months.find((month: DateValue) =>\n    isSameMonth(month, visibleMonth),\n  );\n  const selectedYear: DateValue | undefined = years.find((year: DateValue) =>\n    isSameYear(year, visibleMonth),\n  );\n\n  const canNavigatePrevious = !(minDate && isDayVisible(minDate));\n  const canNavigateNext = !(maxDate && isDayVisible(maxDate));\n\n  return {\n    moveToNextMonth,\n    moveToPreviousMonth,\n    moveToMonth,\n    visibleMonth,\n    months,\n    years,\n    canNavigateNext,\n    canNavigatePrevious,\n    selectedMonth,\n    selectedYear,\n    isOutsideAllowedMonths,\n  };\n}\n\nconst OptionWithTooltip = ({\n  value,\n  children,\n  disabled,\n  tooltipContent,\n}: OptionWithTooltipProps) => {\n  const { activeState, openState } = useListControlContext();\n  const open = activeState?.value === value;\n\n  return (\n    <Tooltip\n      placement=\"right\"\n      open={open && openState}\n      disabled={!disabled}\n      content={tooltipContent}\n      enterDelay={0} // --salt-duration-instant\n      leaveDelay={0} // --salt-duration-instant\n    >\n      <Option value={value} disabled={disabled}>\n        {children}\n      </Option>\n    </Tooltip>\n  );\n};\n\nexport const CalendarNavigation = forwardRef<\n  HTMLDivElement,\n  CalendarNavigationProps\n>(function CalendarNavigation(props, ref) {\n  const {\n    className,\n    MonthDropdownProps,\n    YearDropdownProps,\n    hideYearDropdown,\n    borderedDropdown,\n    ...rest\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar-navigation\",\n    css: calendarNavigationCss,\n    window: targetWindow,\n  });\n\n  const {\n    moveToPreviousMonth,\n    moveToNextMonth,\n    moveToMonth,\n    months,\n    years,\n    canNavigateNext,\n    canNavigatePrevious,\n    visibleMonth,\n    selectedMonth,\n    selectedYear,\n    isOutsideAllowedMonths,\n  } = useCalendarNavigation();\n\n  const handleNavigatePrevious: MouseEventHandler<HTMLButtonElement> = (\n    event,\n  ) => {\n    moveToPreviousMonth(event);\n  };\n\n  const handleNavigateNext: MouseEventHandler<HTMLButtonElement> = (event) => {\n    moveToNextMonth(event);\n  };\n\n  const handleMonthSelect = (event: SyntheticEvent, month: DateValue[]) => {\n    moveToMonth(event, month[0]);\n  };\n\n  const handleYearSelect = (event: SyntheticEvent, year: DateValue[]) => {\n    moveToMonth(event, year[0]);\n  };\n\n  const formatMonth = (date?: DateValue) => {\n    return !date\n      ? \"\"\n      : formatDate(date, { month: hideYearDropdown ? \"long\" : \"short\" });\n  };\n\n  const formatYear = (date?: DateValue) => {\n    return !date ? \"\" : formatDate(date, { year: \"numeric\" });\n  };\n\n  return (\n    <div\n      className={clsx(\n        withBaseName(),\n        { [withBaseName(\"hideYearDropdown\")]: hideYearDropdown },\n        className,\n      )}\n      ref={ref}\n      {...rest}\n    >\n      <Tooltip\n        placement=\"top\"\n        disabled={canNavigatePrevious}\n        content=\"Past dates are out of range\"\n        enterDelay={0} // --salt-duration-instant\n        leaveDelay={0} // --salt-duration-instant\n      >\n        <Button\n          disabled={!canNavigatePrevious}\n          variant=\"secondary\"\n          onClick={handleNavigatePrevious}\n          focusableWhenDisabled={true}\n        >\n          <ChevronLeftIcon aria-label=\"Previous Month\" />\n        </Button>\n      </Tooltip>\n      <div className={withBaseName(\"dropdowns\")}>\n        <Dropdown\n          bordered={borderedDropdown}\n          aria-label=\"Month Dropdown\"\n          selected={selectedMonth ? [selectedMonth] : []}\n          value={formatMonth(selectedMonth)}\n          onSelectionChange={handleMonthSelect}\n          {...MonthDropdownProps}\n        >\n          {months.map((month) => (\n            <OptionWithTooltip\n              key={formatMonth(month)}\n              value={month}\n              disabled={isOutsideAllowedMonths(month)}\n              tooltipContent=\"This month is out of range\"\n            >\n              {formatMonth(month)}\n            </OptionWithTooltip>\n          ))}\n        </Dropdown>\n        {!hideYearDropdown && (\n          <Dropdown\n            aria-label=\"Year Dropdown\"\n            selected={selectedYear ? [selectedYear] : []}\n            value={formatYear(selectedYear)}\n            onSelectionChange={handleYearSelect}\n            bordered={borderedDropdown}\n            {...YearDropdownProps}\n          >\n            {years.map((year) => (\n              <OptionWithTooltip\n                key={formatYear(year)}\n                value={year}\n                tooltipContent=\"This year is out of range\"\n              >\n                {formatYear(year)}\n              </OptionWithTooltip>\n            ))}\n          </Dropdown>\n        )}\n      </div>\n      <Tooltip\n        placement=\"top\"\n        disabled={canNavigateNext}\n        content=\"Future dates are out of range\"\n        enterDelay={0} // --salt-duration-instant\n        leaveDelay={0} // --salt-duration-instant\n      >\n        <Button\n          disabled={!canNavigateNext}\n          variant=\"secondary\"\n          onClick={handleNavigateNext}\n          focusableWhenDisabled={true}\n        >\n          <ChevronRightIcon aria-label=\"Next Month\" />\n        </Button>\n      </Tooltip>\n    </div>\n  );\n});\n"],"names":["makePrefixer","useCalendarContext","monthsForLocale","monthDiff","isSameMonth","isSameYear","useListControlContext","jsx","Tooltip","Option","forwardRef","CalendarNavigation","useWindow","useComponentCssInjection","calendarNavigationCss","formatDate","jsxs","clsx","Button","ChevronLeftIcon","Dropdown","ChevronRightIcon"],"mappings":"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"}