npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.8 → 1.0.0-alpha.81 - Mend

@salt-ds/lab 1.0.0-alpha.8 → 1.0.0-alpha.81

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3762) hide show

package/dist-es/calendar/useCalendarSelection.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useCalendarSelection.js","sources":["../src/calendar/useCalendarSelection.ts"],"sourcesContent":["import { makePrefixer, useControlled } from \"@salt-ds/core\";\nimport type {\n DateFrameworkType,\n SaltDateAdapter,\n Timezone,\n} from \"@salt-ds/date-adapters\";\nimport { clsx } from \"clsx\";\nimport type {\n KeyboardEventHandler,\n MouseEventHandler,\n SyntheticEvent,\n} from \"react\";\nimport { useCallback, useMemo } from \"react\";\nimport { useLocalization } from \"../localization-provider\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\nimport { generateDatesForMonth } from \"./internal/utils\";\n\n/**\n * Type representing a single date selection.\n * @template TDate - The type of the date object.\n */\nexport type SingleDateSelection<TDate extends DateFrameworkType> = TDate;\n\n/**\n * Type representing a date range selection.\n * @template TDate - The type of the date object.\n */\nexport type DateRangeSelection<TDate extends DateFrameworkType> = {\n /**\n * The start date of the range, or null if empty\n */\n startDate?: TDate | null;\n /**\n * The end date of the range, or null if empty\n */\n endDate?: TDate | null;\n};\n\n/**\n * Checks if a value is a date range selection.\n * @template TDate - The type of the date object.\n * @param value - The value to check.\n * @returns `true` if the value is a date range selection, otherwise `false`.\n */\nexport function isDateRangeSelection<TDate extends DateFrameworkType>(\n // biome-ignore lint/suspicious/noExplicitAny: date framework dependent\n value: any,\n): value is DateRangeSelection<TDate> {\n return (\n value &&\n !Array.isArray(value) &&\n typeof value === \"object\" &&\n (\"startDate\" in value || \"endDate\" in value)\n );\n}\n\n/**\n * Base properties for calendar UseCalendarSelection hook.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarSelectionBaseProps<\n TDate extends DateFrameworkType,\n> {\n /**\n * The currently focused date in the calendar, or null if no date is focused.\n */\n focusedDate?: TDate | null;\n /**\n * The currently hovered date.\n */\n hoveredDate?: TDate | null;\n /**\n * Determines if a date is outside the allowed date range.\n * @param date - The date to check.\n * @returns `true` if the date is outside the allowed range, otherwise `false`.\n */\n isOutsideAllowedDates?: (date: TDate) => boolean;\n /**\n * Function to determine if a day is selectable.\n * @param date - The date to check.\n * @returns `true` if the day is selectable, otherwise `false`.\n */\n isDaySelectable?: (date: TDate) => boolean;\n /**\n * Function to determine if a day is visible.\n * @param date - The date to check.\n * @returns `true` if the day is visible, otherwise `false`.\n */\n isDayVisible?: (date: TDate) => boolean;\n /**\n * Ref to attach to the focused element, enabling focus to be controlled.\n */\n focusedDateRef?: React.MutableRefObject<HTMLElement | null>;\n /**\n * Callback fired when the focused date changes.\n * @param event - The synthetic event, if user event triggered focus or null.\n * @param date - The new focused date.\n */\n onFocusedDateChange?: (\n event: SyntheticEvent | null,\n date: TDate | null,\n ) => void;\n /**\n * Callback fired when the hovered date changes.\n * @param event - The synthetic event.\n * @param hoveredDate - The new hovered date.\n */\n onHoveredDateChange?: (\n event: SyntheticEvent,\n hoveredDate: TDate | null,\n ) => void;\n /**\n * Specifies the timezone behavior:\n * - If undefined, the timezone will be derived from the passed date, or from `defaultSelectedDate`/`selectedDate`.\n * - If set to \"default\", the default timezone of the date library will be used.\n * - If set to \"system\", the local system's timezone will be applied.\n * - If set to \"UTC\", the time will be returned in UTC.\n * - If set to a valid IANA timezone identifier, the time will be returned for that specific timezone.\n */\n timezone?: Timezone;\n /**\n * The currently visible month.\n */\n visibleMonth?: TDate;\n /**\n * If `true`, the calendar will be multiselect.\n */\n multiselect?: boolean;\n}\n\n/**\n * Properties for the single date selection hook.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarSelectionSingleProps<\n TDate extends DateFrameworkType,\n> extends UseCalendarSelectionBaseProps<TDate> {\n /**\n * The selection variant, set to \"single\".\n */\n selectionVariant: \"single\";\n /**\n * The currently selected date.\n */\n selectedDate?: SingleDateSelection<TDate> | null;\n /**\n * The default selected date.\n */\n defaultSelectedDate?: SingleDateSelection<TDate> | null;\n /**\n * Callback fired when the selected date changes.\n * @param event - The synthetic event.\n * @param selectedDate - The new selected date.\n */\n onSelectionChange?: (\n event: SyntheticEvent,\n selectedDate: SingleDateSelection<TDate> | null,\n ) => void;\n /**\n * A pure function to manage the selected date for uncontrolled use-cases.\n * Return the selection based on the previous selection and the new date.\n * @param previousSelectedDate\n * @param newDate\n */\n select?: (\n previousSelectedDate: SingleDateSelection<TDate> | null,\n newDate: SingleDateSelection<TDate> | null,\n ) => SingleDateSelection<TDate> | null;\n}\n/**\n * Properties for the single date selection hook.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarSelectionMultiselectSingleProps<\n TDate extends DateFrameworkType,\n> extends UseCalendarSelectionBaseProps<TDate> {\n /**\n * The selection variant, set to \"single\".\n */\n selectionVariant: \"single\";\n /**\n * Multiple selection\n */\n multiselect: true;\n /**\n * The currently selected date.\n */\n selectedDate?: Array<SingleDateSelection<TDate>>;\n /**\n * The default selected date.\n */\n defaultSelectedDate?: Array<SingleDateSelection<TDate>>;\n /**\n * Callback fired when the selected date changes.\n * @param event - The synthetic event.\n * @param selectedDate - The new selected date.\n */\n onSelectionChange?: (\n event: SyntheticEvent,\n selectedDate: Array<SingleDateSelection<TDate>>,\n ) => void;\n /**\n * A pure function to manage the selected date for uncontrolled use-cases.\n * Return the selection based on the previous selection and the new date.\n * @param previousSelectedDate\n @param newDate\n */\n select?: (\n previousSelectedDate: Array<SingleDateSelection<TDate>>,\n newDate: TDate,\n ) => Array<SingleDateSelection<TDate>>;\n}\n\n/**\n * UseCalendar hook props to return a calendar day's status for single date range selection.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarSelectionRangeProps<TDate extends DateFrameworkType>\n extends UseCalendarSelectionBaseProps<TDate> {\n /**\n * The selection variant, set to \"range\".\n */\n selectionVariant: \"range\";\n /**\n * The currently selected date.\n */\n selectedDate?: DateRangeSelection<TDate>;\n /**\n * The default selected date.\n */\n defaultSelectedDate?: DateRangeSelection<TDate>;\n /**\n * Callback fired when the selected date changes.\n * @param event - The synthetic event.\n * @param selectedDate - The new selected date.\n */\n onSelectionChange?: (\n event: SyntheticEvent,\n selectedDate: DateRangeSelection<TDate>,\n ) => void;\n /**\n * A pure function to manage the selected date for uncontrolled use-cases.\n * Return the selection based on the previous selection and the new date.\n * @param previousSelectedDate\n * @param newDate\n */\n select?: (\n previousSelectedDate: DateRangeSelection<TDate>,\n newDate: TDate,\n ) => DateRangeSelection<TDate>;\n}\n\n/**\n * UseCalendar hook props to return a calendar day's status for multiselect date range selection.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarSelectionMultiselectRangeProps<\n TDate extends DateFrameworkType,\n> extends UseCalendarSelectionBaseProps<TDate> {\n /**\n * The selection variant, set to \"range\".\n */\n selectionVariant: \"range\";\n /**\n * Multiple selection\n */\n multiselect: true;\n /**\n * The currently selected date.\n */\n selectedDate?: Array<DateRangeSelection<TDate>>;\n /**\n * The default selected date.\n */\n defaultSelectedDate?: Array<DateRangeSelection<TDate>>;\n /**\n * Callback fired when the selected date changes.\n * @param event - The synthetic event.\n * @param selectedDate - The new selected date.\n */\n onSelectionChange?: (\n event: SyntheticEvent,\n selectedDate: Array<DateRangeSelection<TDate>>,\n ) => void;\n /**\n * A pure function to manage the selected date for uncontrolled use-cases.\n * Return the selection based on the previous selection and the new date.\n * @param previousSelectedDate\n * @param newDate\n */\n select?: (\n previousSelectedDate: Array<DateRangeSelection<TDate>>,\n newDate: TDate,\n ) => Array<DateRangeSelection<TDate>>;\n}\n\n/**\n * UseCalendar hook props to return a calendar day's status for single offset selection.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarSelectionOffsetProps<\n TDate extends DateFrameworkType,\n> extends UseCalendarSelectionBaseProps<TDate> {\n /**\n * The selection variant, set to \"offset\".\n */\n selectionVariant: \"offset\";\n /**\n * The currently selected date.\n */\n selectedDate?: DateRangeSelection<TDate>;\n /**\n * The default selected date.\n */\n defaultSelectedDate?: DateRangeSelection<TDate>;\n /**\n * Callback fired when the selected date changes.\n * @param event - The synthetic event.\n * @param selectedDate - The new selected date.\n */\n onSelectionChange?: (\n event: SyntheticEvent,\n selectedDate: DateRangeSelection<TDate>,\n ) => void;\n /**\n * A pure function to manage the selected date for uncontrolled use-cases.\n * Return the selection based on the previous selection and the new date.\n * @param previousSelectedDate\n * @param newDate\n */\n select?: (\n previousSelectedDate: DateRangeSelection<TDate>,\n newDate: TDate,\n ) => DateRangeSelection<TDate>;\n /**\n * Function to calculate the start date offset.\n * @param date - The date to offset.\n * @returns The offset start date.\n */\n startDateOffset?: (date: TDate) => TDate;\n /**\n * Function to calculate the end date offset.\n * @param date - The date to offset.\n * @returns The offset end date.\n */\n endDateOffset?: (date: TDate) => TDate;\n}\n\n/**\n * UseCalendar hook props to return a calendar day's status for multiselect offset selection.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarSelectionMultiselectOffsetProps<\n TDate extends DateFrameworkType,\n> extends UseCalendarSelectionBaseProps<TDate> {\n /**\n * The selection variant, set to \"offset\".\n */\n selectionVariant: \"offset\";\n /**\n * Multiple selection\n */\n multiselect: true;\n /**\n * The currently selected date.\n */\n selectedDate?: Array<DateRangeSelection<TDate>>;\n /**\n * The default selected date.\n */\n defaultSelectedDate?: Array<DateRangeSelection<TDate>>;\n /**\n * Callback fired when the selected date changes.\n * @param event - The synthetic event.\n * @param selectedDate - The new selected date.\n */\n onSelectionChange?: (\n event: SyntheticEvent,\n selectedDate: Array<DateRangeSelection<TDate>>,\n ) => void;\n /**\n * A pure function to manage the selected date for uncontrolled use-cases.\n * Return the selection based on the previous selection and the new date.\n * @param previousSelectedDat\n * @param newDate\n */\n select?: (\n previousSelectedDate: Array<DateRangeSelection<TDate>>,\n newDate: TDate,\n ) => Array<DateRangeSelection<TDate>>;\n /**\n * Function to calculate the start date offset.\n * @param date - The date to offset.\n * @returns The offset start date.\n */\n startDateOffset?: (date: TDate) => TDate;\n /**\n * Function to calculate the end date offset.\n * @param date - The date to offset.\n * @returns The offset end date.\n */\n endDateOffset?: (date: TDate) => TDate;\n}\n\n/**\n * UseCalendarSelection hook props, wth the selection variant determining the return type of the date selection\n * @template TDate - The type of the date object.\n */\nexport type UseCalendarSelectionProps<TDate extends DateFrameworkType> =\n | UseCalendarSelectionSingleProps<TDate>\n | UseCalendarSelectionMultiselectSingleProps<TDate>\n | UseCalendarSelectionRangeProps<TDate>\n | UseCalendarSelectionMultiselectRangeProps<TDate>\n | UseCalendarSelectionOffsetProps<TDate>\n | UseCalendarSelectionMultiselectOffsetProps<TDate>;\n\nfunction isMultiselect<TDate>(\n props: UseCalendarSelectionProps<TDate>,\n): props is\n | UseCalendarSelectionMultiselectSingleProps<TDate>\n | UseCalendarSelectionMultiselectRangeProps<TDate>\n | UseCalendarSelectionMultiselectOffsetProps<TDate> {\n return props.multiselect === true;\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarDay\");\n\nfunction selectDateRange<TDate extends DateFrameworkType>(\n dateAdapter: SaltDateAdapter<TDate>,\n previousSelectedDate: DateRangeSelection<DateFrameworkType>,\n newDate: DateFrameworkType,\n) {\n if (previousSelectedDate?.startDate && previousSelectedDate?.endDate) {\n return {\n startDate: newDate,\n };\n }\n if (\n previousSelectedDate?.startDate &&\n dateAdapter.compare(newDate, previousSelectedDate?.startDate) >= 0\n ) {\n return {\n ...previousSelectedDate,\n endDate: newDate,\n };\n }\n return {\n startDate: newDate,\n };\n}\n\nfunction selectMultiselectDateRange<TDate extends DateFrameworkType>(\n dateAdapter: SaltDateAdapter<TDate>,\n previousSelectedDate: DateRangeSelection<TDate>[],\n newDate: TDate,\n): DateRangeSelection<TDate>[] {\n const lastRange = previousSelectedDate.length\n ? previousSelectedDate[previousSelectedDate.length - 1]\n : undefined;\n const isIncompleteRange = !lastRange?.endDate;\n\n if (isIncompleteRange) {\n const isNewSelection = previousSelectedDate.length === 0;\n if (isNewSelection) {\n return [{ startDate: newDate }];\n }\n const completeDateRange = selectDateRange(\n dateAdapter,\n previousSelectedDate[previousSelectedDate.length - 1],\n newDate,\n );\n return [...previousSelectedDate.slice(0, -1), completeDateRange];\n }\n return [...previousSelectedDate, { startDate: newDate }];\n}\n\nexport function useCalendarSelection<TDate extends DateFrameworkType>(\n props: UseCalendarSelectionProps<TDate>,\n) {\n const {\n multiselect,\n focusedDate: focusedDateProp,\n hoveredDate: hoveredDateProp,\n selectedDate: selectedDateProp,\n defaultSelectedDate,\n onSelectionChange,\n onHoveredDateChange,\n isDaySelectable = () => true,\n isDayVisible = () => true,\n isOutsideAllowedDates = () => true,\n focusedDateRef,\n onFocusedDateChange,\n select: selectProp,\n selectionVariant,\n timezone,\n visibleMonth,\n // startDateOffset,\n // endDateOffset,\n } = props;\n const { dateAdapter } = useLocalization<TDate>();\n const [selectedDate, setSelectedDateState] = useControlled({\n controlled: selectedDateProp,\n default: defaultSelectedDate,\n name: \"Calendar\",\n state: \"selectedDate\",\n });\n\n const startDateOffset =\n selectionVariant === \"offset\" ? props.startDateOffset : undefined;\n const endDateOffset =\n selectionVariant === \"offset\" ? props.endDateOffset : undefined;\n\n const getStartDateOffset = useCallback(\n (date: TDate) => {\n if (selectionVariant === \"offset\" && startDateOffset) {\n return startDateOffset(date);\n }\n return date;\n },\n [selectionVariant, startDateOffset],\n );\n\n const getEndDateOffset = useCallback(\n (date: TDate) => {\n if (selectionVariant === \"offset\" && endDateOffset) {\n return endDateOffset(date);\n }\n return date;\n },\n [selectionVariant, endDateOffset],\n );\n\n const setSelectedDate = useCallback(\n (event: SyntheticEvent<HTMLButtonElement>, newSelectedDate: TDate) => {\n if (!isDaySelectable || isDaySelectable(newSelectedDate)) {\n const handleSelectionChange = <\n U extends\n | (TDate | null)\n | TDate[]\n | (DateRangeSelection<TDate> | null)\n | DateRangeSelection<TDate>[],\n >(\n updatedSelection: U,\n changeHandler:\n | ((event: SyntheticEvent, updatedSelection: U) => void)\n | undefined,\n ) => {\n changeHandler?.(event, updatedSelection);\n setSelectedDateState(updatedSelection);\n };\n\n switch (selectionVariant) {\n case \"single\": {\n if (isMultiselect(props)) {\n const multipleSingleSelectedDate = selectedDate as Array<\n SingleDateSelection<TDate>\n >;\n const select =\n selectProp as UseCalendarSelectionMultiselectSingleProps<TDate>[\"select\"];\n const updatedSelection: Array<SingleDateSelection<TDate>> = select\n ? select(multipleSingleSelectedDate ?? [], newSelectedDate)\n : [...(multipleSingleSelectedDate ?? []), newSelectedDate];\n\n const changeHandler =\n onSelectionChange as UseCalendarSelectionMultiselectSingleProps<TDate>[\"onSelectionChange\"];\n handleSelectionChange(updatedSelection, changeHandler);\n } else {\n const singleSelectedDate =\n selectedDate as SingleDateSelection<TDate> | null;\n const select =\n selectProp as UseCalendarSelectionSingleProps<TDate>[\"select\"];\n const updatedSelection: SingleDateSelection<TDate> | null = select\n ? select(singleSelectedDate, newSelectedDate)\n : newSelectedDate;\n\n const changeHandler =\n onSelectionChange as UseCalendarSelectionSingleProps<TDate>[\"onSelectionChange\"];\n handleSelectionChange(updatedSelection, changeHandler);\n }\n break;\n }\n case \"range\": {\n if (isMultiselect(props)) {\n const multipleRangeSelectedDate = selectedDate as Array<\n DateRangeSelection<TDate>\n >;\n const select =\n selectProp as UseCalendarSelectionMultiselectRangeProps<TDate>[\"select\"];\n const updatedSelection: DateRangeSelection<TDate>[] = select\n ? select(multipleRangeSelectedDate ?? [], newSelectedDate)\n : selectMultiselectDateRange(\n dateAdapter,\n multipleRangeSelectedDate ?? [],\n newSelectedDate,\n );\n\n const changeHandler =\n onSelectionChange as UseCalendarSelectionMultiselectRangeProps<TDate>[\"onSelectionChange\"];\n handleSelectionChange(updatedSelection, changeHandler);\n } else {\n const rangeSelectedDate =\n selectedDate as DateRangeSelection<TDate>;\n const select =\n selectProp as UseCalendarSelectionRangeProps<TDate>[\"select\"];\n const updatedSelection: DateRangeSelection<TDate> = select\n ? select(rangeSelectedDate, newSelectedDate)\n : selectDateRange(\n dateAdapter,\n rangeSelectedDate,\n newSelectedDate,\n );\n\n const changeHandler =\n onSelectionChange as UseCalendarSelectionRangeProps<TDate>[\"onSelectionChange\"];\n handleSelectionChange(updatedSelection, changeHandler);\n }\n break;\n }\n case \"offset\": {\n if (isMultiselect(props)) {\n const multipleOffsetSelectedDate = selectedDate as Array<\n DateRangeSelection<TDate>\n >;\n const select =\n selectProp as UseCalendarSelectionMultiselectOffsetProps<TDate>[\"select\"];\n const updatedSelection: DateRangeSelection<TDate>[] = select\n ? select(multipleOffsetSelectedDate ?? [], newSelectedDate)\n : [\n ...(multipleOffsetSelectedDate ?? []),\n {\n startDate: getStartDateOffset(newSelectedDate),\n endDate: getEndDateOffset(newSelectedDate),\n },\n ];\n\n const changeHandler =\n onSelectionChange as UseCalendarSelectionMultiselectOffsetProps<TDate>[\"onSelectionChange\"];\n handleSelectionChange(updatedSelection, changeHandler);\n } else {\n const offsetSelectedDate =\n selectedDate as DateRangeSelection<TDate>;\n const select =\n selectProp as UseCalendarSelectionOffsetProps<TDate>[\"select\"];\n const updatedSelection: DateRangeSelection<TDate> = select\n ? select(offsetSelectedDate, newSelectedDate)\n : {\n startDate: getStartDateOffset(newSelectedDate),\n endDate: getEndDateOffset(newSelectedDate),\n };\n\n const changeHandler =\n onSelectionChange as UseCalendarSelectionOffsetProps<TDate>[\"onSelectionChange\"];\n handleSelectionChange(updatedSelection, changeHandler);\n }\n break;\n }\n }\n }\n },\n [\n dateAdapter,\n getEndDateOffset,\n getStartDateOffset,\n isDaySelectable,\n selectProp,\n selectedDate,\n selectionVariant,\n onSelectionChange,\n props, // Ensure props is included in the dependency array\n ],\n );\n\n const isSelected = useCallback(\n (date: TDate) => {\n if (!selectedDate) {\n return false;\n }\n if (selectionVariant === \"single\") {\n const singleDates = (\n Array.isArray(selectedDate) ? selectedDate : [selectedDate]\n ) as TDate[];\n return singleDates.some((singleDate) =>\n dateAdapter.isSame(singleDate, date, \"day\"),\n );\n }\n return false;\n },\n [dateAdapter, selectedDate, selectionVariant],\n );\n\n const getDefaultFocusedDate = () => {\n if (\n selectedDate &&\n (selectionVariant === \"range\" || selectionVariant === \"offset\")\n ) {\n const getFocusableDate = (\n result: TDate[],\n selection: DateRangeSelection<TDate>,\n ) => {\n if (selection?.startDate && isDayVisible(selection.startDate)) {\n return [...result, selection.startDate];\n }\n if (selection?.endDate && isDayVisible(selection.endDate)) {\n return [...result, selection.endDate];\n }\n return result;\n };\n let focusableSelectedDates:\n | DateRangeSelection<TDate>\n | DateRangeSelection<TDate>[];\n if (!multiselect) {\n focusableSelectedDates = [selectedDate as DateRangeSelection<TDate>];\n } else {\n focusableSelectedDates = selectedDate as DateRangeSelection<TDate>[];\n }\n const selectionInMonth = focusableSelectedDates\n .reduce(getFocusableDate, [])\n .sort((a, b) => dateAdapter.compare(a, b));\n if (selectionInMonth.length > 0) {\n return selectionInMonth[0];\n }\n } else if (selectedDate && selectionVariant === \"single\") {\n const focusableSelectedDate = multiselect\n ? (selectedDate as SingleDateSelection<TDate>[])?.[0]\n : (selectedDate as SingleDateSelection<TDate>);\n if (focusableSelectedDate && isDayVisible(focusableSelectedDate)) {\n return focusableSelectedDate;\n }\n }\n\n // Defaults\n if (\n isDaySelectable?.(dateAdapter.today(timezone)) &&\n isDayVisible(dateAdapter.today(timezone))\n ) {\n return dateAdapter.today(timezone);\n }\n const firstSelectableDate = generateDatesForMonth(\n dateAdapter,\n visibleMonth,\n ).find((visibleDay) => visibleDay && isDaySelectable?.(visibleDay));\n if (firstSelectableDate) {\n return firstSelectableDate;\n }\n return null;\n };\n\n const [focusedDate, setFocusedDateState] = useControlled({\n controlled: focusedDateProp,\n default: useMemo(getDefaultFocusedDate, []),\n name: \"Calendar\",\n state: \"focusedDate\",\n });\n\n const setFocusedDate = useCallback(\n (event: SyntheticEvent | null, date: TDate | null) => {\n if (focusedDateRef && event?.target instanceof HTMLElement) {\n focusedDateRef.current = event.target;\n }\n if (\n date &&\n ((focusedDate && dateAdapter.isSame(date, focusedDate, \"day\")) ||\n isOutsideAllowedDates(date))\n ) {\n return;\n }\n setFocusedDateState(date);\n onFocusedDateChange?.(event, date);\n },\n [\n dateAdapter,\n focusedDate,\n focusedDateRef,\n isOutsideAllowedDates,\n onFocusedDateChange,\n ],\n );\n\n const [hoveredDate, setHoveredDateState] = useControlled({\n controlled: hoveredDateProp,\n default: undefined,\n name: \"Calendar\",\n state: \"hoveredDate\",\n });\n\n const setHoveredDate = useCallback(\n (event: SyntheticEvent, date: TDate | null) => {\n setHoveredDateState(date);\n onHoveredDateChange?.(event, date);\n },\n [onHoveredDateChange],\n );\n\n const isHovered = useCallback(\n (date: TDate) => {\n return !!hoveredDate && dateAdapter.isSame(date, hoveredDate, \"day\");\n },\n [dateAdapter, hoveredDate],\n );\n\n const getFocusableDates = useCallback(() => {\n const focusableDates: TDate[] = [];\n\n if (Array.isArray(selectedDate)) {\n // Handle array of selections\n for (const selection of selectedDate) {\n if (isDateRangeSelection(selection)) {\n if (selection.startDate && isDayVisible(selection.startDate)) {\n focusableDates.push(selection.startDate);\n } else if (selection.endDate && isDayVisible(selection.endDate)) {\n focusableDates.push(selection.endDate);\n }\n } else if (isDayVisible(selection as TDate)) {\n focusableDates.push(selection as TDate);\n }\n }\n } else if (selectedDate) {\n // Handle single selection\n if (isDateRangeSelection(selectedDate)) {\n if (selectedDate.startDate && isDayVisible(selectedDate.startDate)) {\n focusableDates.push(selectedDate.startDate);\n } else if (selectedDate.endDate && isDayVisible(selectedDate.endDate)) {\n focusableDates.push(selectedDate.endDate);\n }\n } else if (isDayVisible(selectedDate)) {\n focusableDates.push(selectedDate);\n }\n }\n\n if (\n focusedDate &&\n visibleMonth &&\n dateAdapter.isSame(focusedDate, visibleMonth, \"month\")\n ) {\n focusableDates.push(focusedDate);\n return focusableDates;\n }\n\n // Defaults\n if (\n focusableDates.length === 0 &&\n isDaySelectable(dateAdapter.today(timezone)) &&\n isDayVisible(dateAdapter.today(timezone))\n ) {\n focusableDates.push(dateAdapter.today(timezone));\n }\n if (focusableDates.length === 0 || !focusableDates.some(isDayVisible)) {\n const firstSelectableDate = generateDatesForMonth(\n dateAdapter,\n visibleMonth,\n ).find((visibleDay) => visibleDay && isDaySelectable(visibleDay));\n if (firstSelectableDate) {\n focusableDates.push(firstSelectableDate);\n }\n }\n\n return focusableDates;\n }, [\n dateAdapter,\n focusedDate,\n isDaySelectable,\n isDayVisible,\n selectedDate,\n timezone,\n visibleMonth,\n ]);\n\n const isHoveredStart = useCallback(\n (date: TDate) => {\n if (\n selectionVariant === \"range\" &&\n hoveredDate &&\n dateAdapter.isSame(date, hoveredDate, \"day\")\n ) {\n const dateRanges = (\n Array.isArray(selectedDate) ? selectedDate : [selectedDate]\n ) as DateRangeSelection<TDate>[];\n const allDatesPopulated = dateRanges.every(\n (range) => range?.startDate && range?.endDate,\n );\n const startDateMatches = dateRanges.some(\n (range) =>\n range?.startDate &&\n dateAdapter.isSame(date, range.startDate, \"day\"),\n );\n const firstIncompleteRange = dateRanges.find(\n (range) => range?.startDate && !range?.endDate,\n );\n const newDateRangeRequired =\n firstIncompleteRange?.startDate &&\n dateAdapter.compare(date, firstIncompleteRange.startDate) < 0;\n return allDatesPopulated || startDateMatches || newDateRangeRequired;\n }\n if (selectionVariant === \"offset\" && hoveredDate) {\n const startDate = getStartDateOffset(hoveredDate);\n return (\n dateAdapter.isSame(date, startDate, \"day\") &&\n (!isDaySelectable || isDaySelectable(date))\n );\n }\n return false;\n },\n [\n dateAdapter,\n getStartDateOffset,\n selectionVariant,\n selectedDate,\n hoveredDate,\n isDaySelectable,\n ],\n );\n\n const isHoveredSpan = useCallback(\n (date: TDate) => {\n if (selectionVariant === \"range\") {\n const dateRanges = Array.isArray(selectedDate)\n ? selectedDate\n : [selectedDate];\n return dateRanges.some((range) => {\n if (\n isDateRangeSelection(range) &&\n dateAdapter.isValid(range.startDate) &&\n !dateAdapter.isValid(range.endDate) &&\n !isOutsideAllowedDates(range.startDate) &&\n hoveredDate\n ) {\n const isForwardRange =\n dateAdapter.compare(hoveredDate, range.startDate) > 0 &&\n dateAdapter.compare(date, range.startDate) > 0 &&\n dateAdapter.compare(date, hoveredDate) < 0;\n\n const isValidDayHovered =\n !isDaySelectable || isDaySelectable(hoveredDate);\n\n return isForwardRange && isValidDayHovered;\n }\n return false;\n });\n }\n if (selectionVariant === \"offset\" && hoveredDate) {\n const startDate = getStartDateOffset(hoveredDate);\n const endDate = getEndDateOffset(hoveredDate);\n return (\n dateAdapter.compare(date, startDate) > 0 &&\n dateAdapter.compare(date, endDate) < 0 &&\n (!isDaySelectable || isDaySelectable(date))\n );\n }\n return false;\n },\n [\n dateAdapter,\n isOutsideAllowedDates,\n selectionVariant,\n selectedDate,\n hoveredDate,\n isDaySelectable,\n ],\n );\n\n const isHoveredEnd = useCallback(\n (date: TDate) => {\n if (\n selectionVariant === \"range\" &&\n hoveredDate &&\n dateAdapter.isSame(date, hoveredDate, \"day\")\n ) {\n const dateRanges = (\n Array.isArray(selectedDate) ? selectedDate : [selectedDate]\n ) as DateRangeSelection<TDate>[];\n const isIncompleteRange = dateRanges.some(\n (range) =>\n range?.startDate &&\n !range?.endDate &&\n hoveredDate &&\n dateAdapter.compare(hoveredDate, range.startDate) >= 0,\n );\n const endDateMatches = dateRanges.some(\n (range) =>\n range?.endDate && dateAdapter.isSame(range.endDate, date, \"day\"),\n );\n return endDateMatches || isIncompleteRange;\n }\n if (selectionVariant === \"offset\" && hoveredDate) {\n const endDate = getEndDateOffset(hoveredDate);\n return (\n dateAdapter.isSame(date, endDate, \"day\") &&\n (!isDaySelectable || isDaySelectable(date))\n );\n }\n return false;\n },\n [\n dateAdapter,\n getEndDateOffset,\n selectionVariant,\n selectedDate,\n hoveredDate,\n isDaySelectable,\n ],\n );\n\n const isSameDay = useCallback(\n (date: TDate) => {\n const dateRanges = Array.isArray(selectedDate)\n ? selectedDate\n : [selectedDate];\n return dateRanges.some((range) => {\n if (\n (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n isDateRangeSelection(range) &&\n range?.startDate &&\n range?.endDate &&\n dateAdapter.isSame(range?.startDate, date, \"day\")\n ) {\n return dateAdapter.isSame(range?.startDate, range?.endDate, \"day\");\n }\n return false;\n });\n },\n [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate],\n );\n\n const isSelectedStart = useCallback(\n (date: TDate) => {\n if (selectionVariant === \"single\") {\n return false;\n }\n const dateRanges = Array.isArray(selectedDate)\n ? selectedDate\n : [selectedDate];\n return dateRanges.some((range) => {\n if (\n (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n isDateRangeSelection(range) &&\n dateAdapter.isValid(range.startDate) &&\n !isOutsideAllowedDates(range.startDate)\n ) {\n return dateAdapter.isSame(range.startDate, date, \"day\");\n }\n return false;\n });\n },\n [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate],\n );\n\n const isSelectedSpan = useCallback(\n (date: TDate) => {\n if (selectionVariant === \"single\") {\n return false;\n }\n const dateRanges = Array.isArray(selectedDate)\n ? selectedDate\n : [selectedDate];\n return dateRanges.some((range) => {\n if (\n (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n isDateRangeSelection(range) &&\n dateAdapter.isValid(range.startDate) &&\n dateAdapter.isValid(range.endDate) &&\n !isOutsideAllowedDates(range.startDate) &&\n !isOutsideAllowedDates(range.endDate)\n ) {\n return (\n dateAdapter.compare(date, range.startDate) > 0 &&\n dateAdapter.compare(date, range.endDate) < 0\n );\n }\n return false;\n });\n },\n [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate],\n );\n\n const isSelectedEnd = useCallback(\n (date: TDate) => {\n if (selectionVariant === \"single\") {\n return false;\n }\n const dateRanges = Array.isArray(selectedDate)\n ? selectedDate\n : [selectedDate];\n return dateRanges.some((range) => {\n if (\n (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n isDateRangeSelection(range) &&\n dateAdapter.isValid(range.endDate) &&\n !isOutsideAllowedDates(range.endDate)\n ) {\n return dateAdapter.isSame(range.endDate, date, \"day\");\n }\n return false;\n });\n },\n [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate],\n );\n\n return useMemo(\n () => ({\n state: {\n focusedDate,\n focusedDateRef,\n hoveredDate,\n selectedDate,\n focusableDates: getFocusableDates(),\n },\n helpers: {\n isHovered,\n isSelected,\n setHoveredDate,\n isSameDay,\n setSelectedDate,\n isSelectedStart,\n isSelectedSpan,\n isSelectedEnd,\n isHoveredStart,\n isHoveredSpan,\n isHoveredEnd,\n isDaySelectable,\n setFocusedDate,\n },\n }),\n [\n selectedDate,\n focusedDate,\n focusedDateRef,\n getFocusableDates,\n hoveredDate,\n isSelected,\n isHoveredStart,\n isHoveredSpan,\n isHoveredEnd,\n isSameDay,\n isSelectedStart,\n isSelectedSpan,\n isSelectedEnd,\n isDaySelectable,\n setFocusedDate,\n setHoveredDate,\n setSelectedDate,\n ],\n );\n}\n\nexport function useCalendarSelectionDay<TDate extends DateFrameworkType>({\n date,\n}: {\n date: TDate;\n}) {\n const {\n state: { selectionVariant },\n helpers: {\n setSelectedDate,\n isSameDay,\n isSelected,\n isSelectedStart,\n isSelectedSpan,\n isSelectedEnd,\n isHovered,\n isHoveredStart,\n isHoveredSpan,\n isHoveredEnd,\n isDaySelectable,\n },\n } = useCalendarContext<TDate>();\n\n const handleClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n (event) => {\n setSelectedDate(event, date);\n },\n [date, setSelectedDate],\n );\n\n const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = useCallback(\n (event) => {\n switch (event.key) {\n case \"Space\":\n case \"Enter\":\n setSelectedDate(event, date);\n event.preventDefault();\n }\n },\n [date, setSelectedDate],\n );\n\n const selected = isSelected(date);\n const selectedStart = isSelectedStart(date);\n const selectedSpan = isSelectedSpan(date);\n const selectedEnd = isSelectedEnd(date);\n const selectedOnSameDay = isSameDay(date);\n\n const hovered = isHovered(date);\n const hoveredStart = isHoveredStart(date);\n const hoveredSpan = isHoveredSpan(date);\n const hoveredEnd = isHoveredEnd(date);\n\n return {\n handleClick,\n handleKeyDown,\n status: {\n hovered,\n selected,\n selectedStart,\n selectedSpan,\n selectedEnd,\n hoveredStart,\n hoveredSpan,\n hoveredEnd,\n },\n dayProps: {\n className: clsx({\n [withBaseName(\"selected\")]:\n selectionVariant === \"single\" ? selected : undefined,\n [withBaseName(\"selectedStart\")]:\n selectionVariant !== \"single\" ? selectedStart : undefined,\n [withBaseName(\"selectedSpan\")]:\n selectionVariant !== \"single\" ? selectedSpan : undefined,\n [withBaseName(\"selectedEnd\")]:\n selectionVariant !== \"single\" ? selectedEnd : undefined,\n [withBaseName(\"selectedSameDay\")]:\n selectionVariant !== \"single\" && selectedOnSameDay,\n [withBaseName(\"hoveredStart\")]:\n selectionVariant !== \"single\" && hoveredStart,\n [withBaseName(\"hoveredSpan\")]:\n selectionVariant !== \"single\" && hoveredSpan,\n [withBaseName(\"hoveredEnd\")]:\n selectionVariant !== \"single\" && hoveredEnd,\n }),\n \"aria-pressed\":\n selected || selectedEnd || selectedStart || selectedSpan\n ? \"true\"\n : undefined,\n \"aria-disabled\":\n isDaySelectable && !isDaySelectable(date) ? \"true\" : undefined,\n },\n };\n}\n"],"names":[],"mappings":"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"}

package/dist-es/cascading-menu/CascadingMenu.js ADDED Viewed

@@ -0,0 +1,235 @@
+import { jsxs, Fragment } from 'react/jsx-runtime';
+import { forwardRef, useRef, useCallback, useState, useMemo, useReducer, useEffect, createElement, isValidElement, cloneElement } from 'react';
+import { useDensity, useControlled, usePrevious, ownerWindow, useForkRef, getRefFromChildren } from '@salt-ds/core';
+import { useEventCallback } from '../utils/useEventCallback.js';
+import { CascadingMenuList } from './CascadingMenuList.js';
+import { CascadingMenuAction } from './internal/CascadingMenuAction.js';
+import { defaultGetScreenBounds } from './internal/menuPositioning.js';
+import { deriveFlatStateFromTree } from './internal/stateUtils.js';
+import { useClickAway } from './internal/useClickAway.js';
+import { useMenuTriggerHandlers } from './internal/useMenuTriggerHandlers.js';
+import { useRefsManager } from './internal/useRefsManager.js';
+import { useStateReducer } from './internal/useStateReducer.js';
+import { stateChangeTypes } from './stateChangeTypes.js';
+const defaultItemToString = (item) => (item == null ? void 0 : item.title) || String(item);
+const CascadingMenu = forwardRef(
+  function CascadingMenu2(props, ref) {
+    const {
+      children,
+      className,
+      initialSource: initialSourceProp,
+      itemToString = defaultItemToString,
+      onClose,
+      onItemClick,
+      onOpen,
+      maxWidth = 544,
+      minWidth = 200,
+      delay = 300,
+      rowHeight,
+      tooltipEnterDelay = 1500,
+      tooltipLeaveDelay = 0,
+      height,
+      rootPlacement,
+      // Add this to offset x, y on popper open
+      rootPlacementOffset,
+      menuTriggerRef: anchorRefProp,
+      open: openProp,
+      getScreenBounds = defaultGetScreenBounds,
+      disableMouseOutInteractions,
+      disableClickAway,
+      containingDocument = globalThis.document,
+      source: sourceProp
+    } = props;
+    const density = useDensity();
+    const refsManager = useRefsManager();
+    const childrenRef = useRef(null);
+    const getMenuTriggerRef = useCallback(
+      () => anchorRefProp || childrenRef.current,
+      [anchorRefProp]
+    );
+    const [menuSource] = useControlled({
+      controlled: sourceProp,
+      default: initialSourceProp,
+      name: "CascadingMenu",
+      state: "source"
+    });
+    const [isNavigatingWithKeyboard, setIsNavigatingWithKeyboard] = useState(false);
+    const menusDataById = useMemo(
+      () => menuSource ? deriveFlatStateFromTree(menuSource) : {},
+      [menuSource]
+    );
+    const rootMenuId = useMemo(
+      () => Object.keys(menusDataById).find((id) => menusDataById[id].level === 0),
+      [menusDataById]
+    );
+    const stateReducer = useStateReducer(
+      menusDataById,
+      isNavigatingWithKeyboard
+    );
+    const [state, dispatch] = useReducer(stateReducer, []);
+    const rootMenuState = state[0];
+    const prevState = usePrevious(state, void 0, []);
+    const prevRootMenuState = prevState == null ? void 0 : prevState[0];
+    useEffect(() => {
+      if (!!rootMenuState !== !!prevRootMenuState) {
+        if (!rootMenuState) {
+          onClose == null ? void 0 : onClose();
+        } else if (rootMenuState) {
+          onOpen == null ? void 0 : onOpen();
+        }
+      }
+    });
+    const openCloseMenu = useCallback(
+      (open) => {
+        if (rootMenuId) {
+          dispatch({
+            type: open ? CascadingMenuAction.OPEN_MENU : CascadingMenuAction.CLOSE_CASCADING_MENU,
+            cause: stateChangeTypes.MOUSE_TOGGLE,
+            targetId: rootMenuId
+          });
+        }
+      },
+      [rootMenuId]
+    );
+    useEffect(() => {
+      if (openProp !== void 0 && openProp !== !!rootMenuState) {
+        openCloseMenu(openProp);
+      }
+    });
+    const clickAwayNodes = disableClickAway ? null : () => [getMenuTriggerRef(), ...refsManager.values()].filter(
+      (node) => node !== null
+    );
+    useClickAway(
+      clickAwayNodes,
+      containingDocument,
+      () => {
+        if (rootMenuId) {
+          dispatch({
+            type: CascadingMenuAction.CLOSE_CASCADING_MENU,
+            cause: stateChangeTypes.CLICKED_AWAY,
+            targetId: rootMenuId
+          });
+        }
+      },
+      () => {
+        setIsNavigatingWithKeyboard(false);
+      }
+    );
+    const handleResize = useEventCallback(() => {
+      if (rootMenuState && rootMenuId) {
+        dispatch({
+          type: CascadingMenuAction.CLOSE_CASCADING_MENU,
+          cause: stateChangeTypes.ON_RESIZE,
+          targetId: rootMenuId
+        });
+      }
+    });
+    useEffect(() => {
+      const win = ownerWindow(getMenuTriggerRef());
+      win.addEventListener("resize", handleResize);
+      return () => {
+        win.removeEventListener("resize", handleResize);
+      };
+    }, [getMenuTriggerRef, handleResize]);
+    const onItemClickCallback = useCallback(
+      (sourceItem, event) => {
+        onItemClick == null ? void 0 : onItemClick(sourceItem, event);
+        if (!isNavigatingWithKeyboard && rootMenuId) {
+          dispatch({
+            type: CascadingMenuAction.CLOSE_CASCADING_MENU,
+            cause: stateChangeTypes.ITEM_CLICKED,
+            targetId: rootMenuId
+          });
+        }
+      },
+      [isNavigatingWithKeyboard, onItemClick, rootMenuId]
+    );
+    const setMenuTriggerRef = useCallback((node) => {
+      childrenRef.current = node;
+    }, []);
+    const handleRef = useForkRef(
+      getRefFromChildren(children),
+      setMenuTriggerRef
+    );
+    const [onMenuTriggerClick, onMenuTriggerKeydown] = useMenuTriggerHandlers({
+      dispatch,
+      children,
+      setIsNavigatingWithKeyboard,
+      openCloseMenu,
+      rootMenuState,
+      rootMenuId,
+      menusDataById
+    });
+    const cloneMenuChildren = (cloneChildren) => {
+      if (isValidElement(cloneChildren)) {
+        const childrenProps = {
+          ...cloneChildren.props
+        };
+        if (openProp === void 0) {
+          childrenProps.onClick = onMenuTriggerClick;
+          childrenProps.onKeyDown = onMenuTriggerKeydown;
+        }
+        return cloneElement(cloneChildren, {
+          ref: handleRef,
+          ...childrenProps
+        });
+      }
+      return null;
+    };
+    const clonedChildren = cloneMenuChildren(children);
+    const commonMenuProps = {
+      className,
+      delay,
+      itemToString,
+      maxWidth,
+      minWidth,
+      onItemClick: onItemClickCallback,
+      dispatch,
+      isNavigatingWithKeyboard,
+      setIsNavigatingWithKeyboard,
+      menusDataById,
+      tooltipEnterDelay,
+      tooltipLeaveDelay,
+      rootPlacement,
+      rootPlacementOffset,
+      getScreenBounds,
+      disableMouseOutInteractions
+    };
+    useEffect(() => {
+      if (!openProp) {
+        setIsNavigatingWithKeyboard(false);
+      }
+    }, [openProp, rootPlacementOffset]);
+    return Object.keys(menusDataById).length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      clonedChildren || null,
+      Object.values(state).map((menuState) => {
+        const data = menusDataById[menuState.id];
+        const isRoot = data.level === 0;
+        const parentElement = isRoot ? getMenuTriggerRef() : refsManager.get((data == null ? void 0 : data.parentId) ?? "");
+        const isChildMenuOpen = !!state[data.level + 1];
+        return /* @__PURE__ */ createElement(
+          CascadingMenuList,
+          {
+            ...commonMenuProps,
+            data,
+            height,
+            highlightedItemIndex: menuState.highlightedItemIndex,
+            isChildMenuOpen,
+            isRoot,
+            key: `${density}${menuState.id}`,
+            menuId: menuState.id,
+            menuTriggerRef: getMenuTriggerRef(),
+            parentElement,
+            ref: isRoot ? ref : null,
+            refsManager,
+            rowHeight
+          }
+        );
+      })
+    ] }) : null;
+  }
+);
+export { CascadingMenu };
+//# sourceMappingURL=CascadingMenu.js.map

package/dist-es/cascading-menu/CascadingMenu.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CascadingMenu.js","sources":["../src/cascading-menu/CascadingMenu.tsx"],"sourcesContent":["import {\n getRefFromChildren,\n ownerWindow,\n useControlled,\n useDensity,\n useForkRef,\n usePrevious,\n} from \"@salt-ds/core\";\nimport {\n cloneElement,\n forwardRef,\n isValidElement,\n type KeyboardEvent,\n type MouseEvent,\n type ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useReducer,\n useRef,\n useState,\n} from \"react\";\nimport { useEventCallback } from \"../utils\";\nimport { CascadingMenuList } from \"./CascadingMenuList\";\nimport type { CascadingMenuProps, MenuDescriptor } from \"./CascadingMenuProps\";\nimport { CascadingMenuAction } from \"./internal/CascadingMenuAction\";\nimport { defaultGetScreenBounds } from \"./internal/menuPositioning\";\nimport { deriveFlatStateFromTree } from \"./internal/stateUtils\";\nimport { useClickAway } from \"./internal/useClickAway\";\nimport { useMenuTriggerHandlers } from \"./internal/useMenuTriggerHandlers\";\nimport { useRefsManager } from \"./internal/useRefsManager\";\nimport { useStateReducer } from \"./internal/useStateReducer\";\nimport { stateChangeTypes } from \"./stateChangeTypes\";\n\nconst defaultItemToString = (item: any) => item?.title || String(item);\n\nexport const CascadingMenu = forwardRef<HTMLDivElement, CascadingMenuProps>(\n function CascadingMenu(props, ref) {\n const {\n children,\n className,\n initialSource: initialSourceProp,\n itemToString = defaultItemToString,\n onClose,\n onItemClick,\n onOpen,\n maxWidth = 544,\n minWidth = 200,\n delay = 300,\n rowHeight,\n tooltipEnterDelay = 1500,\n tooltipLeaveDelay = 0,\n height,\n rootPlacement,\n // Add this to offset x, y on popper open\n rootPlacementOffset,\n menuTriggerRef: anchorRefProp,\n open: openProp,\n getScreenBounds = defaultGetScreenBounds,\n disableMouseOutInteractions,\n disableClickAway,\n containingDocument = globalThis.document,\n source: sourceProp,\n } = props;\n const density = useDensity();\n\n const refsManager = useRefsManager();\n const childrenRef = useRef<HTMLElement | null>(null);\n const getMenuTriggerRef = useCallback(\n (): HTMLElement | null => anchorRefProp || childrenRef.current,\n [anchorRefProp],\n );\n\n const [menuSource] = useControlled({\n controlled: sourceProp,\n default: initialSourceProp,\n name: \"CascadingMenu\",\n state: \"source\",\n });\n\n const [isNavigatingWithKeyboard, setIsNavigatingWithKeyboard] =\n useState(false);\n\n const menusDataById = useMemo(\n () => (menuSource ? deriveFlatStateFromTree(menuSource) : {}),\n [menuSource],\n );\n\n const rootMenuId = useMemo(\n () =>\n Object.keys(menusDataById).find((id) => menusDataById[id].level === 0),\n [menusDataById],\n );\n\n const stateReducer = useStateReducer(\n menusDataById,\n isNavigatingWithKeyboard,\n );\n const [state, dispatch] = useReducer(stateReducer, []);\n const rootMenuState = state[0];\n\n // Call open and close callbacks after rendering as we know for sure whether the cascading menu is open or closed\n const prevState = usePrevious(state, undefined, []);\n const prevRootMenuState = prevState?.[0];\n useEffect(() => {\n if (!!rootMenuState !== !!prevRootMenuState) {\n if (!rootMenuState) {\n onClose?.();\n } else if (rootMenuState) {\n onOpen?.();\n }\n }\n });\n\n // Controlled opening/closing of the menu\n const openCloseMenu = useCallback(\n (open: boolean) => {\n if (rootMenuId) {\n dispatch({\n type: open\n ? CascadingMenuAction.OPEN_MENU\n : CascadingMenuAction.CLOSE_CASCADING_MENU,\n cause: stateChangeTypes.MOUSE_TOGGLE,\n targetId: rootMenuId,\n });\n }\n },\n [rootMenuId],\n );\n // do not re-render every time if prop does not change\n useEffect(() => {\n if (openProp !== undefined && openProp !== !!rootMenuState) {\n openCloseMenu(openProp);\n }\n });\n\n const clickAwayNodes = disableClickAway\n ? null\n : () =>\n [getMenuTriggerRef(), ...refsManager.values()].filter(\n (node) => node !== null,\n ) as HTMLElement[];\n useClickAway(\n clickAwayNodes,\n containingDocument,\n () => {\n if (rootMenuId) {\n dispatch({\n type: CascadingMenuAction.CLOSE_CASCADING_MENU,\n cause: stateChangeTypes.CLICKED_AWAY,\n targetId: rootMenuId,\n });\n }\n },\n () => {\n setIsNavigatingWithKeyboard(false);\n },\n );\n\n const handleResize = useEventCallback(() => {\n if (rootMenuState && rootMenuId) {\n dispatch({\n type: CascadingMenuAction.CLOSE_CASCADING_MENU,\n cause: stateChangeTypes.ON_RESIZE,\n targetId: rootMenuId,\n });\n }\n });\n\n useEffect(() => {\n const win = ownerWindow(getMenuTriggerRef());\n\n win.addEventListener(\"resize\", handleResize);\n return () => {\n win.removeEventListener(\"resize\", handleResize);\n };\n }, [getMenuTriggerRef, handleResize]);\n\n // close the menu on item click via mouse\n const onItemClickCallback = useCallback(\n (sourceItem: MenuDescriptor, event: KeyboardEvent | MouseEvent) => {\n onItemClick?.(sourceItem, event);\n\n if (!isNavigatingWithKeyboard && rootMenuId) {\n dispatch({\n type: CascadingMenuAction.CLOSE_CASCADING_MENU,\n cause: stateChangeTypes.ITEM_CLICKED,\n targetId: rootMenuId,\n });\n }\n },\n [isNavigatingWithKeyboard, onItemClick, rootMenuId],\n );\n\n // Set up event handlers on menu trigger if passed\n const setMenuTriggerRef = useCallback((node: HTMLElement) => {\n childrenRef.current = node;\n }, []);\n const handleRef = useForkRef(\n getRefFromChildren(children),\n setMenuTriggerRef,\n );\n\n const [onMenuTriggerClick, onMenuTriggerKeydown] = useMenuTriggerHandlers({\n dispatch,\n children,\n setIsNavigatingWithKeyboard,\n openCloseMenu,\n rootMenuState,\n rootMenuId,\n menusDataById,\n });\n\n const cloneMenuChildren = (cloneChildren: ReactNode) => {\n if (isValidElement(cloneChildren)) {\n const childrenProps = {\n ...cloneChildren.props,\n };\n\n if (openProp === undefined) {\n childrenProps.onClick = onMenuTriggerClick;\n childrenProps.onKeyDown = onMenuTriggerKeydown;\n }\n\n return cloneElement(cloneChildren, {\n ref: handleRef,\n ...childrenProps,\n });\n }\n return null;\n };\n\n const clonedChildren = cloneMenuChildren(children);\n\n const commonMenuProps = {\n className,\n delay,\n itemToString,\n maxWidth,\n minWidth,\n onItemClick: onItemClickCallback,\n dispatch,\n isNavigatingWithKeyboard,\n setIsNavigatingWithKeyboard,\n menusDataById,\n tooltipEnterDelay,\n tooltipLeaveDelay,\n rootPlacement,\n rootPlacementOffset,\n getScreenBounds,\n disableMouseOutInteractions,\n };\n\n // biome-ignore lint/correctness/useExhaustiveDependencies: We want to run this if rootPlacementOffset changes.\n useEffect(() => {\n if (!openProp) {\n setIsNavigatingWithKeyboard(false);\n }\n }, [openProp, rootPlacementOffset]);\n\n return Object.keys(menusDataById).length > 0 ? (\n <>\n {clonedChildren || null}\n {Object.values(state).map((menuState) => {\n const data = menusDataById[menuState.id];\n\n const isRoot = data.level === 0;\n const parentElement = isRoot\n ? getMenuTriggerRef()\n : refsManager.get(data?.parentId ?? \"\");\n\n const isChildMenuOpen = !!state[data.level + 1];\n return (\n <CascadingMenuList\n {...commonMenuProps}\n data={data}\n height={height}\n highlightedItemIndex={menuState.highlightedItemIndex}\n isChildMenuOpen={isChildMenuOpen}\n isRoot={isRoot}\n key={`${density}${menuState.id}`}\n menuId={menuState.id}\n menuTriggerRef={getMenuTriggerRef()}\n parentElement={parentElement}\n ref={isRoot ? ref : null}\n refsManager={refsManager}\n rowHeight={rowHeight}\n />\n );\n })}\n </>\n ) : null;\n },\n);\n"],"names":["CascadingMenu"],"mappings":"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"}

package/dist-es/cascading-menu/CascadingMenuItem.css.js ADDED Viewed

@@ -0,0 +1,4 @@
+var css_248z = ".saltCascadingMenuItem {\n  background: var(--salt-selectable-background);\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  right: 0;\n  cursor: var(--salt-cursor-hover);\n  overflow: hidden;\n  text-align: left;\n  user-select: none;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  border-top: var(--salt-size-fixed-100) var(--salt-selectable-borderStyle-selected) transparent;\n  border-bottom: var(--salt-size-fixed-100) var(--salt-selectable-borderStyle-selected) transparent;\n  box-sizing: border-box;\n}\n\n.saltCascadingMenuItem-menuItemText {\n  flex-grow: 2;\n  white-space: nowrap;\n}\n\n.saltCascadingMenuItem-menuItemEndAdornment {\n  margin-left: 8px; /* density */\n}\n\n.saltCascadingMenuItem-menuItemStartAdornmentContainer {\n  margin-right: var(--salt-size-unit);\n  width: 12px;\n}\n\n.saltCascadingMenuItem-menuItemAdornmentHidden {\n  visibility: hidden;\n}\n\n.saltCascadingMenuItem.saltCascadingMenuItem-menuItemDivider {\n  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-secondary-borderColor);\n}\n\n.saltCascadingMenuItem-menuItemHover:hover {\n  background: var(--salt-selectable-background-hover);\n}\n\n/* extra specificity requred to override ListItem selected */\n.saltCascadingMenuItem.saltCascadingMenuItem-menuItemBlurSelected {\n  background: var(--salt-selectable-background-selected);\n  border-top-color: var(--salt-selectable-borderColor-selected);\n  border-bottom-color: var(--salt-selectable-borderColor-selected);\n}\n";
+export { css_248z as default };
+//# sourceMappingURL=CascadingMenuItem.css.js.map

package/dist-es/cascading-menu/CascadingMenuItem.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"CascadingMenuItem.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/cascading-menu/CascadingMenuItem.js ADDED Viewed

@@ -0,0 +1,151 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { makePrefixer, useIcon, Tooltip } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useRef, useState, useEffect } from 'react';
+import '../list-deprecated/List.js';
+import '../list-deprecated/ListBase.js';
+import { ListItem as _ListItem } from '../list-deprecated/ListItem.js';
+import '../list-deprecated/ListItemBase.js';
+import '../list-deprecated/ListItemContext.js';
+import '../list-deprecated/ListStateContext.js';
+import css_248z from './CascadingMenuItem.css.js';
+const noop = () => void 0;
+const withBaseName = makePrefixer("saltCascadingMenuItem");
+const getIcon = (sourceItem, isDisabled = false) => {
+  const CustomIcon = sourceItem.icon;
+  if (CustomIcon) {
+    return /* @__PURE__ */ jsx(
+      CustomIcon,
+      {
+        className: clsx(withBaseName("menuItemStartAdornment"), {
+          [withBaseName("menuItemDisabled")]: isDisabled
+        })
+      }
+    );
+  }
+  return null;
+};
+const DefaultMenuItem = forwardRef(
+  (props, ref) => {
+    const {
+      blurSelected,
+      className,
+      hasEndAdornment,
+      hasScrollbar,
+      hasStartAdornment,
+      onItemClick,
+      itemToString,
+      isInteracted,
+      isNavigatingWithKeyboard,
+      isChildMenuOpen,
+      hasSubMenu,
+      sourceItem,
+      tooltipEnterDelay,
+      tooltipLeaveDelay,
+      ...restProps
+    } = props;
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-cascading-menu-item",
+      css: css_248z,
+      window: targetWindow
+    });
+    const { ExpandGroupIcon } = useIcon();
+    const menuTextRef = useRef(null);
+    const [hasTooltip, setHasTooltip] = useState(false);
+    const menuText = itemToString(sourceItem);
+    useEffect(() => {
+      const element = menuTextRef.current;
+      if (element && menuText != null) {
+        setHasTooltip(element.offsetWidth < element.scrollWidth);
+      }
+    }, [menuText]);
+    const isDisabled = sourceItem.disabled;
+    const divider = sourceItem.divider;
+    const onClick = isDisabled || hasSubMenu ? noop : onItemClick;
+    const handleOnClick = (event) => {
+      if (!isDisabled && !hasSubMenu) {
+        onClick == null ? void 0 : onClick(sourceItem, event);
+      }
+    };
+    const interactionClasses = isNavigatingWithKeyboard ? {
+      [withBaseName("menuItemKeyboardActive")]: !isDisabled && isInteracted && !blurSelected,
+      [withBaseName("menuItemKeyboardDisabled")]: isDisabled && isInteracted
+    } : {
+      [withBaseName("menuItemHover")]: !isDisabled && !blurSelected
+    };
+    const icon = hasStartAdornment ? getIcon(sourceItem, isDisabled) : null;
+    const tooltipTitle = sourceItem.tooltip || menuText;
+    return /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        disableFocusListener: true,
+        disableHoverListener: true,
+        enterDelay: tooltipEnterDelay,
+        leaveDelay: tooltipLeaveDelay,
+        placement: "top",
+        disabled: !tooltipTitle || !hasTooltip || isChildMenuOpen,
+        content: tooltipTitle,
+        children: /* @__PURE__ */ jsxs(
+          _ListItem,
+          {
+            ref,
+            "aria-expanded": isChildMenuOpen || void 0,
+            className: clsx(
+              withBaseName(),
+              {
+                [withBaseName("menuItemDivider")]: divider,
+                [withBaseName("menuItemBlurSelected")]: blurSelected,
+                [withBaseName("menuItemSelected")]: !isDisabled && !hasSubMenu && isInteracted,
+                ...interactionClasses,
+                [withBaseName("menuItemWithScrollbar")]: hasScrollbar
+              },
+              className
+            ),
+            disabled: isDisabled,
+            role: "menuitem",
+            onClick: handleOnClick,
+            item: sourceItem,
+            ...restProps,
+            children: [
+              hasStartAdornment && /* @__PURE__ */ jsx("div", { className: withBaseName("menuItemStartAdornmentContainer"), children: icon }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: clsx(withBaseName("menuItemText"), {
+                    [withBaseName("menuItemDisabled")]: isDisabled
+                  }),
+                  ref: menuTextRef,
+                  children: menuText
+                }
+              ),
+              hasEndAdornment && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: clsx(withBaseName("menuItemEndAdornmentContainer"), {
+                    [withBaseName("menuItemAdornmentHidden")]: !hasSubMenu
+                  }),
+                  children: /* @__PURE__ */ jsx(
+                    ExpandGroupIcon,
+                    {
+                      className: clsx(withBaseName("menuItemEndAdornment"), {
+                        [withBaseName("menuItemDisabled")]: isDisabled
+                      })
+                    }
+                  )
+                }
+              ),
+              divider && /* @__PURE__ */ jsx("div", { role: "separator" })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+export { DefaultMenuItem };
+//# sourceMappingURL=CascadingMenuItem.js.map

package/dist-es/cascading-menu/CascadingMenuItem.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CascadingMenuItem.js","sources":["../src/cascading-menu/CascadingMenuItem.tsx"],"sourcesContent":["import { makePrefixer, Tooltip, useIcon } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n forwardRef,\n type KeyboardEvent,\n type MouseEvent,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport { ListItem, type ListItemProps } from \"../list-deprecated\";\nimport cascadingMenuItemCss from \"./CascadingMenuItem.css\";\nimport type { MenuDescriptor } from \"./CascadingMenuProps\";\n\nconst noop = () => undefined;\nconst withBaseName = makePrefixer(\"saltCascadingMenuItem\");\n\nconst getIcon = (sourceItem: MenuDescriptor, isDisabled = false) => {\n const CustomIcon = sourceItem.icon;\n if (CustomIcon) {\n return (\n <CustomIcon\n className={clsx(withBaseName(\"menuItemStartAdornment\"), {\n [withBaseName(\"menuItemDisabled\")]: isDisabled,\n })}\n />\n );\n }\n return null;\n};\n\nexport interface MenuItemProps extends ListItemProps<MenuDescriptor> {\n blurSelected: boolean;\n className?: string;\n hasEndAdornment: boolean;\n hasScrollbar: boolean;\n hasStartAdornment: boolean;\n hasSubMenu: boolean;\n isInteracted: boolean;\n isChildMenuOpen: boolean;\n isNavigatingWithKeyboard: boolean;\n itemToString: Required<ListItemProps<MenuDescriptor>>[\"itemToString\"];\n onItemClick?: (\n sourceItem: MenuDescriptor,\n event: MouseEvent | KeyboardEvent,\n ) => void;\n sourceItem: MenuDescriptor;\n tooltipEnterDelay: number;\n tooltipLeaveDelay: number;\n}\n\nexport const DefaultMenuItem = forwardRef<HTMLDivElement, MenuItemProps>(\n (props, ref) => {\n const {\n blurSelected,\n className,\n hasEndAdornment,\n hasScrollbar,\n hasStartAdornment,\n onItemClick,\n itemToString,\n isInteracted,\n isNavigatingWithKeyboard,\n isChildMenuOpen,\n hasSubMenu,\n sourceItem,\n tooltipEnterDelay,\n tooltipLeaveDelay,\n ...restProps\n } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-cascading-menu-item\",\n css: cascadingMenuItemCss,\n window: targetWindow,\n });\n const { ExpandGroupIcon } = useIcon();\n const menuTextRef = useRef<HTMLDivElement>(null);\n const [hasTooltip, setHasTooltip] = useState(false);\n const menuText = itemToString(sourceItem);\n\n useEffect(() => {\n const element = menuTextRef.current;\n if (element && menuText != null) {\n setHasTooltip(element.offsetWidth < element.scrollWidth);\n }\n }, [menuText]);\n\n const isDisabled = sourceItem.disabled;\n const divider = sourceItem.divider;\n\n const onClick = isDisabled || hasSubMenu ? noop : onItemClick;\n\n const handleOnClick = (event: MouseEvent) => {\n if (!isDisabled && !hasSubMenu) {\n onClick?.(sourceItem, event);\n }\n };\n const interactionClasses = isNavigatingWithKeyboard\n ? {\n [withBaseName(\"menuItemKeyboardActive\")]:\n !isDisabled && isInteracted && !blurSelected,\n [withBaseName(\"menuItemKeyboardDisabled\")]:\n isDisabled && isInteracted,\n }\n : {\n [withBaseName(\"menuItemHover\")]: !isDisabled && !blurSelected,\n };\n\n const icon = hasStartAdornment ? getIcon(sourceItem, isDisabled) : null;\n const tooltipTitle = sourceItem.tooltip || menuText;\n\n return (\n <Tooltip\n disableFocusListener\n disableHoverListener\n enterDelay={tooltipEnterDelay}\n leaveDelay={tooltipLeaveDelay}\n placement=\"top\"\n disabled={!tooltipTitle || !hasTooltip || isChildMenuOpen}\n content={tooltipTitle}\n >\n <ListItem\n ref={ref}\n aria-expanded={isChildMenuOpen || undefined}\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"menuItemDivider\")]: divider,\n [withBaseName(\"menuItemBlurSelected\")]: blurSelected,\n [withBaseName(\"menuItemSelected\")]:\n !isDisabled && !hasSubMenu && isInteracted,\n ...interactionClasses,\n [withBaseName(\"menuItemWithScrollbar\")]: hasScrollbar,\n },\n className,\n )}\n disabled={isDisabled}\n role=\"menuitem\"\n onClick={handleOnClick}\n item={sourceItem}\n // TODO highlightProps - see original code?\n {...restProps}\n >\n {hasStartAdornment && (\n <div className={withBaseName(\"menuItemStartAdornmentContainer\")}>\n {icon}\n </div>\n )}\n <div\n className={clsx(withBaseName(\"menuItemText\"), {\n [withBaseName(\"menuItemDisabled\")]: isDisabled,\n })}\n ref={menuTextRef}\n >\n {menuText}\n </div>\n {hasEndAdornment && (\n <div\n className={clsx(withBaseName(\"menuItemEndAdornmentContainer\"), {\n [withBaseName(\"menuItemAdornmentHidden\")]: !hasSubMenu,\n })}\n >\n <ExpandGroupIcon\n className={clsx(withBaseName(\"menuItemEndAdornment\"), {\n [withBaseName(\"menuItemDisabled\")]: isDisabled,\n })}\n />\n </div>\n )}\n {/** biome-ignore lint/a11y/useAriaPropsForRole: Separator is not focusable, so it doesn't need aria-valuenow. */}\n {divider && <div role=\"separator\" />}\n </ListItem>\n </Tooltip>\n );\n },\n);\n"],"names":["cascadingMenuItemCss","ListItem"],"mappings":"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"}

package/dist-es/cascading-menu/CascadingMenuList.css.js ADDED Viewed

@@ -0,0 +1,4 @@
+var css_248z = ".saltCascadingMenuList-popper {\n  background: var(--salt-container-primary-background);\n}\n\n.saltCascadingMenuList-popper {\n  --list-box-content: content-box;\n  --list-boxShadow: var(--salt-overlayable-shadow-popout);\n}\n";
+export { css_248z as default };
+//# sourceMappingURL=CascadingMenuList.css.js.map

package/dist-es/cascading-menu/CascadingMenuList.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"CascadingMenuList.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}