@salt-ds/lab 1.0.0-alpha.47 → 1.0.0-alpha.49

package/dist-es/calendar/useSelection.js

@@ -1,11 +1,11 @@
+import { isSameDay, CalendarDate } from '@internationalized/date';
 import { makePrefixer, useControlled } from '@salt-ds/core';
 import { clsx } from 'clsx';
 import { isPlainObject } from '../utils/isPlainObject.js';
 import 'react';
 import { useCalendarContext } from './internal/CalendarContext.js';
-import { isSameDay, CalendarDate } from '@internationalized/date';
 
-function addOrRemoveFromArray(array = [], item) {
+function addOrRemoveFromArray(array, item) {
   if (Array.isArray(array)) {
     if (array.find((element) => isSameDay(element, item))) {
       return array.filter((element) => !isSameDay(element, item));
@@ -19,7 +19,7 @@ function isRangeOrOffsetSelectionValue(selectionValue) {
   return selectionValue != null && isPlainObject(selectionValue);
 }
 function isRangeOrOffsetSelectionWithStartDate(selectionValue) {
-  return isRangeOrOffsetSelectionValue(selectionValue) && Boolean(selectionValue == null ? void 0 : selectionValue.startDate);
+  return isRangeOrOffsetSelectionValue(selectionValue) && Object.prototype.hasOwnProperty.call(selectionValue, "startDate");
 }
 const withBaseName = makePrefixer("saltCalendarDay");
 function useSelectionCalendar(props) {
@@ -40,16 +40,14 @@ function useSelectionCalendar(props) {
   const getStartDateOffset = (date) => {
     if (props.selectionVariant === "offset" && props.startDateOffset) {
       return props.startDateOffset(date);
-    } else {
-      return defaultOffset(date);
     }
+    return defaultOffset(date);
   };
   const getEndDateOffset = (date) => {
     if (props.selectionVariant === "offset" && props.endDateOffset) {
       return props.endDateOffset(date);
-    } else {
-      return defaultOffset(date);
     }
+    return defaultOffset(date);
   };
   const setSelectedDate = (event, newSelectedDate) => {
     var _a, _b, _c, _d;
@@ -59,12 +57,16 @@ function useSelectionCalendar(props) {
           setSelectedDateState(newSelectedDate);
           (_a = props.onSelectedDateChange) == null ? void 0 : _a.call(props, event, newSelectedDate);
           break;
-        case "multiselect":
-          const newDates = addOrRemoveFromArray(selectedDate, newSelectedDate);
+        case "multiselect": {
+          const newDates = addOrRemoveFromArray(
+            selectedDate != null ? selectedDate : [],
+            newSelectedDate
+          );
           setSelectedDateState(newDates);
           (_b = props.onSelectedDateChange) == null ? void 0 : _b.call(props, event, newDates);
           break;
-        case "range":
+        }
+        case "range": {
           let base = selectedDate;
           if (isRangeOrOffsetSelectionValue(base)) {
             if ((base == null ? void 0 : base.startDate) && (base == null ? void 0 : base.endDate)) {
@@ -80,13 +82,15 @@ function useSelectionCalendar(props) {
           setSelectedDateState(base);
           (_c = props.onSelectedDateChange) == null ? void 0 : _c.call(props, event, base);
           break;
-        case "offset":
+        }
+        case "offset": {
           const newRange = {
             startDate: getStartDateOffset(newSelectedDate),
             endDate: getEndDateOffset(newSelectedDate)
           };
           setSelectedDateState(newRange);
           (_d = props.onSelectedDateChange) == null ? void 0 : _d.call(props, event, newRange);
+        }
       }
     }
   };
@@ -229,7 +233,7 @@ function useSelectionDay({ date }) {
         [withBaseName("hoveredOffset")]: hoveredOffset
       }),
       "aria-pressed": selected || selectedEnd || selectedStart || selectedSpan ? "true" : void 0,
-      "aria-disabled": !!isDayUnselectable(date) ? "true" : void 0
+      "aria-disabled": isDayUnselectable(date) ? "true" : void 0
     }
   };
 }

package/dist-es/calendar/useSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelection.js","sources":["../src/calendar/useSelection.ts"],"sourcesContent":["import { makePrefixer, useControlled } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { KeyboardEventHandler, MouseEventHandler, SyntheticEvent } from \"react\";\nimport { isPlainObject } from \"../utils\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\nimport { CalendarDate, DateValue, isSameDay } from \"@internationalized/date\";\n\ninterface BaseUseSelectionCalendarProps<SelectionVariantType> {\n  hoveredDate?: DateValue | null;\n  selectedDate?: SelectionVariantType | null;\n  defaultSelectedDate?: SelectionVariantType;\n  onSelectedDateChange?: (\n    event: SyntheticEvent,\n    selectedDate: SelectionVariantType\n  ) => void;\n  isDaySelectable: (date?: DateValue) => boolean;\n  onHoveredDateChange?: (\n    event: SyntheticEvent,\n    hoveredDate: DateValue | null\n  ) => void;\n}\n\ntype SingleSelectionValueType = DateValue;\ntype MultiSelectionValueType = DateValue[];\ntype RangeSelectionValueType = {\n  startDate?: DateValue;\n  endDate?: DateValue;\n};\ntype OffsetSelectionValueType = {\n  startDate?: DateValue;\n  endDate?: DateValue;\n};\n\ntype AllSelectionValueType =\n  | SingleSelectionValueType\n  | MultiSelectionValueType\n  | RangeSelectionValueType\n  | OffsetSelectionValueType\n  | null;\n\nexport interface UseOffsetSelectionCalendarProps\n  extends Omit<\n    BaseUseSelectionCalendarProps<OffsetSelectionValueType>,\n    \"startDateOffset\" | \"endDateOffset\"\n  > {\n  selectionVariant: \"offset\";\n  startDateOffset?: (date: DateValue) => DateValue;\n  endDateOffset?: (date: DateValue) => DateValue;\n}\n\nexport interface UseRangeSelectionCalendarProps\n  extends BaseUseSelectionCalendarProps<RangeSelectionValueType> {\n  selectionVariant: \"range\";\n}\n\nexport interface UseMultiSelectionCalendarProps\n  extends BaseUseSelectionCalendarProps<MultiSelectionValueType> {\n  selectionVariant: \"multiselect\";\n}\n\nexport interface UseSingleSelectionCalendarProps\n  extends BaseUseSelectionCalendarProps<SingleSelectionValueType> {\n  selectionVariant: \"default\";\n}\n\nexport type useSelectionCalendarProps =\n  | UseSingleSelectionCalendarProps\n  | UseMultiSelectionCalendarProps\n  | UseRangeSelectionCalendarProps\n  | UseOffsetSelectionCalendarProps;\n\nfunction addOrRemoveFromArray(\n  array: AllSelectionValueType | null = [],\n  item: DateValue\n) {\n  if (Array.isArray(array)) {\n    if (array.find((element) => isSameDay(element, item))) {\n      return array.filter((element) => !isSameDay(element, item));\n    }\n    return array.concat(item);\n  }\n  return [item];\n}\n\nconst defaultOffset = (date: DateValue) => date;\n\nexport function isRangeOrOffsetSelectionValue(\n  selectionValue?: AllSelectionValueType\n): selectionValue is RangeSelectionValueType | OffsetSelectionValueType {\n  return selectionValue != null && isPlainObject(selectionValue);\n}\n\nexport function isRangeOrOffsetSelectionWithStartDate(\n  selectionValue?: AllSelectionValueType\n): selectionValue is RangeSelectionValueType | OffsetSelectionValueType {\n  return (\n    isRangeOrOffsetSelectionValue(selectionValue) &&\n    Boolean(selectionValue?.startDate)\n  );\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarDay\");\n\nexport function useSelectionCalendar(props: useSelectionCalendarProps) {\n  const {\n    hoveredDate: hoveredDateProp,\n    selectedDate: selectedDateProp,\n    defaultSelectedDate,\n    // onSelectedDateChange,\n    onHoveredDateChange,\n    isDaySelectable,\n    selectionVariant,\n    // startDateOffset,\n    // endDateOffset,\n  } = props;\n  const [selectedDate, setSelectedDateState] = useControlled({\n    controlled: selectedDateProp,\n    default: defaultSelectedDate,\n    name: \"Calendar\",\n    state: \"selectedDate\",\n  });\n\n  const getStartDateOffset = (date: DateValue) => {\n    if (props.selectionVariant === \"offset\" && props.startDateOffset) {\n      return props.startDateOffset(date);\n    } else {\n      return defaultOffset(date);\n    }\n  };\n\n  const getEndDateOffset = (date: DateValue) => {\n    if (props.selectionVariant === \"offset\" && props.endDateOffset) {\n      return props.endDateOffset(date);\n    } else {\n      return defaultOffset(date);\n    }\n  };\n\n  const setSelectedDate = (\n    event: SyntheticEvent<HTMLButtonElement>,\n    newSelectedDate: DateValue\n  ) => {\n    if (isDaySelectable(newSelectedDate)) {\n      switch (props.selectionVariant) {\n        case \"default\":\n          setSelectedDateState(newSelectedDate);\n          props.onSelectedDateChange?.(event, newSelectedDate);\n          break;\n        case \"multiselect\":\n          const newDates = addOrRemoveFromArray(selectedDate, newSelectedDate);\n          setSelectedDateState(newDates);\n          props.onSelectedDateChange?.(event, newDates);\n          break;\n        case \"range\":\n          let base = selectedDate;\n          if (isRangeOrOffsetSelectionValue(base)) {\n            if (base?.startDate && base?.endDate) {\n              base = { startDate: newSelectedDate };\n            } else if (\n              base?.startDate &&\n              newSelectedDate.compare(base.startDate) > 0\n            ) {\n              base = { ...base, endDate: newSelectedDate };\n            } else {\n              base = { startDate: newSelectedDate };\n            }\n          } else {\n            base = { startDate: newSelectedDate };\n          }\n          setSelectedDateState(base);\n          props.onSelectedDateChange?.(event, base);\n          break;\n        case \"offset\":\n          const newRange = {\n            startDate: getStartDateOffset(newSelectedDate),\n            endDate: getEndDateOffset(newSelectedDate),\n          };\n          setSelectedDateState(newRange);\n          props.onSelectedDateChange?.(event, newRange);\n      }\n    }\n  };\n\n  const isSelected = (date: DateValue) => {\n    switch (selectionVariant) {\n      case \"default\":\n        return (\n          selectedDate instanceof CalendarDate && isSameDay(selectedDate, date)\n        );\n      case \"multiselect\":\n        return (\n          Array.isArray(selectedDate) &&\n          !!selectedDate.find((element) => isSameDay(element, date))\n        );\n      default:\n        return false;\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 = (event: SyntheticEvent, date: DateValue | null) => {\n    setHoveredDateState(date);\n    onHoveredDateChange?.(event, date);\n  };\n\n  const isHovered = (date: DateValue) => {\n    return !!hoveredDate && isSameDay(date, hoveredDate);\n  };\n\n  const isSelectedSpan = (date: DateValue) => {\n    if (\n      (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n      isRangeOrOffsetSelectionValue(selectedDate) &&\n      selectedDate?.startDate &&\n      selectedDate?.endDate\n    ) {\n      return (\n        date.compare(selectedDate.startDate) > 0 &&\n        date.compare(selectedDate.endDate) < 0\n      );\n    }\n    return false;\n  };\n  const isHoveredSpan = (date: DateValue) => {\n    if (\n      (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n      isRangeOrOffsetSelectionValue(selectedDate) &&\n      selectedDate.startDate &&\n      !selectedDate.endDate &&\n      hoveredDate\n    ) {\n      const isForwardRange =\n        hoveredDate.compare(selectedDate.startDate) > 0 &&\n        ((date.compare(selectedDate.startDate) > 0 &&\n          date.compare(hoveredDate) < 0) ||\n          isSameDay(date, hoveredDate));\n\n      const isValidDayHovered = isDaySelectable(hoveredDate);\n\n      return isForwardRange && isValidDayHovered;\n    }\n    return false;\n  };\n\n  const isSelectedStart = (date: DateValue) => {\n    if (\n      (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n      isRangeOrOffsetSelectionValue(selectedDate) &&\n      selectedDate.startDate\n    ) {\n      return isSameDay(selectedDate.startDate, date);\n    }\n    return false;\n  };\n\n  const isSelectedEnd = (date: DateValue) => {\n    if (\n      (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n      isRangeOrOffsetSelectionValue(selectedDate) &&\n      selectedDate.endDate\n    ) {\n      return isSameDay(selectedDate.endDate, date);\n    }\n    return false;\n  };\n\n  const isHoveredOffset = (date: DateValue) => {\n    if (hoveredDate && selectionVariant === \"offset\") {\n      const startDate = getStartDateOffset(hoveredDate);\n      const endDate = getEndDateOffset(hoveredDate);\n\n      return (\n        date.compare(startDate) >= 0 &&\n        date.compare(endDate) <= 0 &&\n        isDaySelectable(date)\n      );\n    }\n\n    return false;\n  };\n\n  return {\n    state: {\n      selectedDate,\n      hoveredDate,\n    },\n    helpers: {\n      setSelectedDate,\n      isSelected,\n      setHoveredDate,\n      isHovered,\n      isSelectedSpan,\n      isHoveredSpan,\n      isSelectedStart,\n      isSelectedEnd,\n      isHoveredOffset,\n    },\n  };\n}\n\nexport function useSelectionDay({ date }: { date: DateValue }) {\n  const {\n    helpers: {\n      setSelectedDate,\n      isSelected,\n      setHoveredDate,\n      isSelectedSpan,\n      isHoveredSpan,\n      isSelectedStart,\n      isSelectedEnd,\n      isHovered,\n      isHoveredOffset,\n      isDayUnselectable,\n    },\n  } = useCalendarContext();\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    setSelectedDate(event, date);\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = (event) => {\n    switch (event.key) {\n      case \"Space\":\n      case \"Enter\":\n        setSelectedDate(event, date);\n        event.preventDefault();\n    }\n  };\n\n  const handleMouseOver: MouseEventHandler<HTMLButtonElement> = (event) => {\n    setHoveredDate(event, date);\n  };\n\n  const handleMouseLeave: MouseEventHandler<HTMLButtonElement> = (event) => {\n    setHoveredDate(event, null);\n  };\n\n  const selected = isSelected(date);\n  const selectedSpan = isSelectedSpan(date);\n  const hoveredSpan = isHoveredSpan(date);\n  const selectedStart = isSelectedStart(date);\n  const selectedEnd = isSelectedEnd(date);\n  const hovered = isHovered(date);\n  const hoveredOffset = isHoveredOffset(date);\n\n  return {\n    handleClick,\n    handleKeyDown,\n    handleMouseOver,\n    handleMouseLeave,\n    status: {\n      selected,\n      selectedSpan,\n      hoveredSpan,\n      selectedStart,\n      selectedEnd,\n      hovered,\n      hoveredOffset,\n    },\n    dayProps: {\n      className: clsx({\n        [withBaseName(\"selected\")]: selected,\n        [withBaseName(\"selectedSpan\")]: selectedSpan,\n        [withBaseName(\"hoveredSpan\")]: hoveredSpan,\n        [withBaseName(\"selectedStart\")]: selectedStart,\n        [withBaseName(\"selectedEnd\")]: selectedEnd,\n        [withBaseName(\"hovered\")]: hovered,\n        [withBaseName(\"hoveredOffset\")]: hoveredOffset,\n      }),\n      \"aria-pressed\":\n        selected || selectedEnd || selectedStart || selectedSpan\n          ? \"true\"\n          : undefined,\n      \"aria-disabled\": !!isDayUnselectable(date) ? \"true\" : undefined,\n    },\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useSelection.js","sources":["../src/calendar/useSelection.ts"],"sourcesContent":["import {\n  CalendarDate,\n  type DateValue,\n  isSameDay,\n} from \"@internationalized/date\";\nimport { makePrefixer, useControlled } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport type {\n  KeyboardEventHandler,\n  MouseEventHandler,\n  SyntheticEvent,\n} from \"react\";\nimport { isPlainObject } from \"../utils\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\n\ninterface BaseUseSelectionCalendarProps<SelectionVariantType> {\n  hoveredDate?: DateValue | null;\n  selectedDate?: SelectionVariantType | null;\n  defaultSelectedDate?: SelectionVariantType;\n  onSelectedDateChange?: (\n    event: SyntheticEvent,\n    selectedDate: SelectionVariantType,\n  ) => void;\n  isDaySelectable: (date?: DateValue) => boolean;\n  onHoveredDateChange?: (\n    event: SyntheticEvent,\n    hoveredDate: DateValue | null,\n  ) => void;\n}\n\nexport type SingleSelectionValueType = DateValue;\ntype MultiSelectionValueType = DateValue[];\nexport type RangeSelectionValueType = {\n  startDate?: DateValue;\n  endDate?: DateValue;\n};\ntype OffsetSelectionValueType = {\n  startDate?: DateValue;\n  endDate?: DateValue;\n};\n\ntype AllSelectionValueType =\n  | SingleSelectionValueType\n  | MultiSelectionValueType\n  | RangeSelectionValueType\n  | OffsetSelectionValueType\n  | null;\n\nexport interface UseOffsetSelectionCalendarProps\n  extends Omit<\n    BaseUseSelectionCalendarProps<OffsetSelectionValueType>,\n    \"startDateOffset\" | \"endDateOffset\"\n  > {\n  selectionVariant: \"offset\";\n  startDateOffset?: (date: DateValue) => DateValue;\n  endDateOffset?: (date: DateValue) => DateValue;\n}\n\nexport interface UseRangeSelectionCalendarProps\n  extends BaseUseSelectionCalendarProps<RangeSelectionValueType> {\n  selectionVariant: \"range\";\n}\n\nexport interface UseMultiSelectionCalendarProps\n  extends BaseUseSelectionCalendarProps<MultiSelectionValueType> {\n  selectionVariant: \"multiselect\";\n}\n\nexport interface UseSingleSelectionCalendarProps\n  extends BaseUseSelectionCalendarProps<SingleSelectionValueType> {\n  selectionVariant: \"default\";\n}\n\nexport type useSelectionCalendarProps =\n  | UseSingleSelectionCalendarProps\n  | UseMultiSelectionCalendarProps\n  | UseRangeSelectionCalendarProps\n  | UseOffsetSelectionCalendarProps;\n\nfunction addOrRemoveFromArray(\n  array: AllSelectionValueType | null,\n  item: DateValue,\n) {\n  if (Array.isArray(array)) {\n    if (array.find((element) => isSameDay(element, item))) {\n      return array.filter((element) => !isSameDay(element, item));\n    }\n    return array.concat(item);\n  }\n  return [item];\n}\n\nconst defaultOffset = (date: DateValue) => date;\n\nexport function isRangeOrOffsetSelectionValue(\n  selectionValue?: AllSelectionValueType,\n): selectionValue is RangeSelectionValueType | OffsetSelectionValueType {\n  return selectionValue != null && isPlainObject(selectionValue);\n}\n\nexport function isRangeOrOffsetSelectionWithStartDate(\n  selectionValue?: AllSelectionValueType,\n): selectionValue is RangeSelectionValueType | OffsetSelectionValueType {\n  return (\n    isRangeOrOffsetSelectionValue(selectionValue) &&\n    Object.prototype.hasOwnProperty.call(selectionValue, \"startDate\")\n  );\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarDay\");\n\nexport function useSelectionCalendar(props: useSelectionCalendarProps) {\n  const {\n    hoveredDate: hoveredDateProp,\n    selectedDate: selectedDateProp,\n    defaultSelectedDate,\n    // onSelectedDateChange,\n    onHoveredDateChange,\n    isDaySelectable,\n    selectionVariant,\n    // startDateOffset,\n    // endDateOffset,\n  } = props;\n  const [selectedDate, setSelectedDateState] = useControlled({\n    controlled: selectedDateProp,\n    default: defaultSelectedDate,\n    name: \"Calendar\",\n    state: \"selectedDate\",\n  });\n\n  const getStartDateOffset = (date: DateValue) => {\n    if (props.selectionVariant === \"offset\" && props.startDateOffset) {\n      return props.startDateOffset(date);\n    }\n    return defaultOffset(date);\n  };\n\n  const getEndDateOffset = (date: DateValue) => {\n    if (props.selectionVariant === \"offset\" && props.endDateOffset) {\n      return props.endDateOffset(date);\n    }\n    return defaultOffset(date);\n  };\n\n  const setSelectedDate = (\n    event: SyntheticEvent<HTMLButtonElement>,\n    newSelectedDate: DateValue,\n  ) => {\n    if (isDaySelectable(newSelectedDate)) {\n      switch (props.selectionVariant) {\n        case \"default\":\n          setSelectedDateState(newSelectedDate);\n          props.onSelectedDateChange?.(event, newSelectedDate);\n          break;\n        case \"multiselect\": {\n          const newDates = addOrRemoveFromArray(\n            selectedDate ?? [],\n            newSelectedDate,\n          );\n          setSelectedDateState(newDates);\n          props.onSelectedDateChange?.(event, newDates);\n          break;\n        }\n        case \"range\": {\n          let base = selectedDate;\n          if (isRangeOrOffsetSelectionValue(base)) {\n            if (base?.startDate && base?.endDate) {\n              base = { startDate: newSelectedDate };\n            } else if (\n              base?.startDate &&\n              newSelectedDate.compare(base.startDate) > 0\n            ) {\n              base = { ...base, endDate: newSelectedDate };\n            } else {\n              base = { startDate: newSelectedDate };\n            }\n          } else {\n            base = { startDate: newSelectedDate };\n          }\n          setSelectedDateState(base);\n          props.onSelectedDateChange?.(event, base);\n          break;\n        }\n        case \"offset\": {\n          const newRange = {\n            startDate: getStartDateOffset(newSelectedDate),\n            endDate: getEndDateOffset(newSelectedDate),\n          };\n          setSelectedDateState(newRange);\n          props.onSelectedDateChange?.(event, newRange);\n        }\n      }\n    }\n  };\n\n  const isSelected = (date: DateValue) => {\n    switch (selectionVariant) {\n      case \"default\":\n        return (\n          selectedDate instanceof CalendarDate && isSameDay(selectedDate, date)\n        );\n      case \"multiselect\":\n        return (\n          Array.isArray(selectedDate) &&\n          !!selectedDate.find((element) => isSameDay(element, date))\n        );\n      default:\n        return false;\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 = (event: SyntheticEvent, date: DateValue | null) => {\n    setHoveredDateState(date);\n    onHoveredDateChange?.(event, date);\n  };\n\n  const isHovered = (date: DateValue) => {\n    return !!hoveredDate && isSameDay(date, hoveredDate);\n  };\n\n  const isSelectedSpan = (date: DateValue) => {\n    if (\n      (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n      isRangeOrOffsetSelectionValue(selectedDate) &&\n      selectedDate?.startDate &&\n      selectedDate?.endDate\n    ) {\n      return (\n        date.compare(selectedDate.startDate) > 0 &&\n        date.compare(selectedDate.endDate) < 0\n      );\n    }\n    return false;\n  };\n  const isHoveredSpan = (date: DateValue) => {\n    if (\n      (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n      isRangeOrOffsetSelectionValue(selectedDate) &&\n      selectedDate.startDate &&\n      !selectedDate.endDate &&\n      hoveredDate\n    ) {\n      const isForwardRange =\n        hoveredDate.compare(selectedDate.startDate) > 0 &&\n        ((date.compare(selectedDate.startDate) > 0 &&\n          date.compare(hoveredDate) < 0) ||\n          isSameDay(date, hoveredDate));\n\n      const isValidDayHovered = isDaySelectable(hoveredDate);\n\n      return isForwardRange && isValidDayHovered;\n    }\n    return false;\n  };\n\n  const isSelectedStart = (date: DateValue) => {\n    if (\n      (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n      isRangeOrOffsetSelectionValue(selectedDate) &&\n      selectedDate.startDate\n    ) {\n      return isSameDay(selectedDate.startDate, date);\n    }\n    return false;\n  };\n\n  const isSelectedEnd = (date: DateValue) => {\n    if (\n      (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n      isRangeOrOffsetSelectionValue(selectedDate) &&\n      selectedDate.endDate\n    ) {\n      return isSameDay(selectedDate.endDate, date);\n    }\n    return false;\n  };\n\n  const isHoveredOffset = (date: DateValue) => {\n    if (hoveredDate && selectionVariant === \"offset\") {\n      const startDate = getStartDateOffset(hoveredDate);\n      const endDate = getEndDateOffset(hoveredDate);\n\n      return (\n        date.compare(startDate) >= 0 &&\n        date.compare(endDate) <= 0 &&\n        isDaySelectable(date)\n      );\n    }\n\n    return false;\n  };\n\n  return {\n    state: {\n      selectedDate,\n      hoveredDate,\n    },\n    helpers: {\n      setSelectedDate,\n      isSelected,\n      setHoveredDate,\n      isHovered,\n      isSelectedSpan,\n      isHoveredSpan,\n      isSelectedStart,\n      isSelectedEnd,\n      isHoveredOffset,\n    },\n  };\n}\n\nexport function useSelectionDay({ date }: { date: DateValue }) {\n  const {\n    helpers: {\n      setSelectedDate,\n      isSelected,\n      setHoveredDate,\n      isSelectedSpan,\n      isHoveredSpan,\n      isSelectedStart,\n      isSelectedEnd,\n      isHovered,\n      isHoveredOffset,\n      isDayUnselectable,\n    },\n  } = useCalendarContext();\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    setSelectedDate(event, date);\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = (event) => {\n    switch (event.key) {\n      case \"Space\":\n      case \"Enter\":\n        setSelectedDate(event, date);\n        event.preventDefault();\n    }\n  };\n\n  const handleMouseOver: MouseEventHandler<HTMLButtonElement> = (event) => {\n    setHoveredDate(event, date);\n  };\n\n  const handleMouseLeave: MouseEventHandler<HTMLButtonElement> = (event) => {\n    setHoveredDate(event, null);\n  };\n\n  const selected = isSelected(date);\n  const selectedSpan = isSelectedSpan(date);\n  const hoveredSpan = isHoveredSpan(date);\n  const selectedStart = isSelectedStart(date);\n  const selectedEnd = isSelectedEnd(date);\n  const hovered = isHovered(date);\n  const hoveredOffset = isHoveredOffset(date);\n\n  return {\n    handleClick,\n    handleKeyDown,\n    handleMouseOver,\n    handleMouseLeave,\n    status: {\n      selected,\n      selectedSpan,\n      hoveredSpan,\n      selectedStart,\n      selectedEnd,\n      hovered,\n      hoveredOffset,\n    },\n    dayProps: {\n      className: clsx({\n        [withBaseName(\"selected\")]: selected,\n        [withBaseName(\"selectedSpan\")]: selectedSpan,\n        [withBaseName(\"hoveredSpan\")]: hoveredSpan,\n        [withBaseName(\"selectedStart\")]: selectedStart,\n        [withBaseName(\"selectedEnd\")]: selectedEnd,\n        [withBaseName(\"hovered\")]: hovered,\n        [withBaseName(\"hoveredOffset\")]: hoveredOffset,\n      }),\n      \"aria-pressed\":\n        selected || selectedEnd || selectedStart || selectedSpan\n          ? \"true\"\n          : undefined,\n      \"aria-disabled\": isDayUnselectable(date) ? \"true\" : undefined,\n    },\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist-es/carousel/Carousel.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, Children, useEffect, createElement } from 'react';
 import { makePrefixer, useId, GridLayout, Button, RadioButtonGroup, RadioButton } from '@salt-ds/core';
-import { forwardRef, Children, useEffect } from 'react';
 import { ChevronLeftIcon, ChevronRightIcon } from '@salt-ds/icons';
-import { DeckLayout } from '../deck-layout/DeckLayout.js';
 import { clsx } from 'clsx';
-import { useSlideSelection } from '../utils/useSlideSelection.js';
-import { useWindow } from '@salt-ds/window';
+import { DeckLayout } from '../deck-layout/DeckLayout.js';
 import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { useSlideSelection } from '../utils/useSlideSelection.js';
 import css_248z from './Carousel.css.js';
 
 const withBaseName = makePrefixer("saltCarousel");
@@ -97,8 +97,9 @@ const Carousel = forwardRef(
             direction: "horizontal",
             children: Array.from({ length: slidesCount }, (_2, index) => ({
               value: `${index}`
-            })).map((radio) => /* @__PURE__ */ jsx(RadioButton, {
-              ...radio
+            })).map((radio) => /* @__PURE__ */ createElement(RadioButton, {
+              ...radio,
+              key: radio.value
             }))
           })
         })

package/dist-es/carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sources":["../src/carousel/Carousel.tsx"],"sourcesContent":["import {\n  Button,\n  GridLayout,\n  makePrefixer,\n  RadioButton,\n  RadioButtonGroup,\n  useId,\n} from \"@salt-ds/core\";\nimport {\n  ChangeEventHandler,\n  Children,\n  forwardRef,\n  HTMLAttributes,\n  ReactElement,\n  useEffect,\n} from \"react\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@salt-ds/icons\";\nimport { DeckLayout } from \"../deck-layout\";\nimport { clsx } from \"clsx\";\n\nimport { useSlideSelection } from \"../utils\";\nimport { CarouselSlideProps } from \"./CarouselSlide\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport carouselCss from \"./Carousel.css\";\n\nconst withBaseName = makePrefixer(\"saltCarousel\");\n\nexport interface CarouselProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * The initial Index enables you to select the active slide in the carousel.\n   * Optional, default 0.\n   **/\n  initialIndex?: number;\n  /**\n   * The animation when the slides are shown.\n   * Optional. Defaults to `slide`\n   **/\n  animation?: \"slide\" | \"fade\";\n  /**\n   * If this props is passed it will set the aria-label with value to the carousel container.\n   * Optional. Defaults to undefined\n   */\n  carouselDescription?: string;\n  /**\n   * Collection of slides to render\n   * Component must implement CarouselSlideProps. Mandatory.\n   */\n  children: Array<ReactElement<CarouselSlideProps>>;\n  /**\n   * This prop will enable compact / reduced width mode.\n   * The navigation buttons would be part of indicators\n   * Optional. Defaults to false\n   **/\n  compact?: boolean;\n  /**\n   * It sets the id for the Carousel Container.\n   * String. Optional\n   */\n  id?: string;\n}\n\nexport const Carousel = forwardRef<HTMLDivElement, CarouselProps>(\n  function Carousel(\n    {\n      initialIndex,\n      animation = \"slide\",\n      carouselDescription,\n      children,\n      className,\n      compact,\n      id: idProp,\n      ...rest\n    },\n    ref\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-carousel\",\n      css: carouselCss,\n      window: targetWindow,\n    });\n\n    const id = useId(idProp);\n    const slidesCount = Children.count(children);\n\n    const [_, selectedSlide, handleSlideSelection] =\n      useSlideSelection(initialIndex);\n\n    const moveSlide = (direction: \"left\" | \"right\") => {\n      const moveLeft =\n        selectedSlide === 0 ? slidesCount - 1 : selectedSlide - 1;\n      const moveRight =\n        selectedSlide === slidesCount - 1 ? 0 : selectedSlide + 1;\n      const newSelection = direction === \"left\" ? moveLeft : moveRight;\n      const newTransition = direction === \"left\" ? \"decrease\" : \"increase\";\n      handleSlideSelection(newSelection, newTransition);\n    };\n\n    const handleRadioChange: ChangeEventHandler<HTMLInputElement> = ({\n      target: { value },\n    }) => {\n      handleSlideSelection(Number(value));\n    };\n\n    useEffect(() => {\n      if (process.env.NODE_ENV !== \"production\") {\n        if (slidesCount < 1) {\n          console.warn(\n            \"Carousel component requires more than one children to render. At least two elements should be provided.\"\n          );\n        }\n      }\n    }, [slidesCount]);\n\n    return (\n      <GridLayout\n        aria-label={carouselDescription}\n        aria-roledescription=\"carousel\"\n        id={id}\n        role=\"region\"\n        ref={ref}\n        gap={0}\n        columns={3}\n        className={clsx(\n          withBaseName(),\n          compact && withBaseName(\"compact\"),\n          className\n        )}\n        {...rest}\n      >\n        <Button\n          variant=\"secondary\"\n          className={withBaseName(\"prev-button\")}\n          onClick={() => moveSlide(\"left\")}\n        >\n          <ChevronLeftIcon size={2} />\n        </Button>\n        <DeckLayout\n          activeIndex={selectedSlide}\n          animation={animation}\n          className={withBaseName(\"slider\")}\n        >\n          {children}\n        </DeckLayout>\n        <Button\n          variant=\"secondary\"\n          className={withBaseName(\"next-button\")}\n          onClick={() => moveSlide(\"right\")}\n        >\n          <ChevronRightIcon size={2} />\n        </Button>\n        <div className={withBaseName(\"dots\")}>\n          <RadioButtonGroup\n            aria-label=\"Carousel buttons\"\n            onChange={handleRadioChange}\n            value={`${selectedSlide}`}\n            direction={\"horizontal\"}\n          >\n            {Array.from({ length: slidesCount }, (_, index) => ({\n              value: `${index}`,\n            })).map((radio) => (\n              <RadioButton {...radio} />\n            ))}\n          </RadioButtonGroup>\n        </div>\n      </GridLayout>\n    );\n  }\n);\n"],"names":["Carousel","carouselCss","_"],"mappings":"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"}
+{"version":3,"file":"Carousel.js","sources":["../src/carousel/Carousel.tsx"],"sourcesContent":["import {\n  Button,\n  GridLayout,\n  RadioButton,\n  RadioButtonGroup,\n  makePrefixer,\n  useId,\n} from \"@salt-ds/core\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n  type ChangeEventHandler,\n  Children,\n  type HTMLAttributes,\n  type ReactElement,\n  forwardRef,\n  useEffect,\n} from \"react\";\nimport { DeckLayout } from \"../deck-layout\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useSlideSelection } from \"../utils\";\nimport type { CarouselSlideProps } from \"./CarouselSlide\";\n\nimport carouselCss from \"./Carousel.css\";\n\nconst withBaseName = makePrefixer(\"saltCarousel\");\n\nexport interface CarouselProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * The initial Index enables you to select the active slide in the carousel.\n   * Optional, default 0.\n   **/\n  initialIndex?: number;\n  /**\n   * The animation when the slides are shown.\n   * Optional. Defaults to `slide`\n   **/\n  animation?: \"slide\" | \"fade\";\n  /**\n   * If this props is passed it will set the aria-label with value to the carousel container.\n   * Optional. Defaults to undefined\n   */\n  carouselDescription?: string;\n  /**\n   * Collection of slides to render\n   * Component must implement CarouselSlideProps. Mandatory.\n   */\n  children: Array<ReactElement<CarouselSlideProps>>;\n  /**\n   * This prop will enable compact / reduced width mode.\n   * The navigation buttons would be part of indicators\n   * Optional. Defaults to false\n   **/\n  compact?: boolean;\n  /**\n   * It sets the id for the Carousel Container.\n   * String. Optional\n   */\n  id?: string;\n}\n\nexport const Carousel = forwardRef<HTMLDivElement, CarouselProps>(\n  function Carousel(\n    {\n      initialIndex,\n      animation = \"slide\",\n      carouselDescription,\n      children,\n      className,\n      compact,\n      id: idProp,\n      ...rest\n    },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-carousel\",\n      css: carouselCss,\n      window: targetWindow,\n    });\n\n    const id = useId(idProp);\n    const slidesCount = Children.count(children);\n\n    const [_, selectedSlide, handleSlideSelection] =\n      useSlideSelection(initialIndex);\n\n    const moveSlide = (direction: \"left\" | \"right\") => {\n      const moveLeft =\n        selectedSlide === 0 ? slidesCount - 1 : selectedSlide - 1;\n      const moveRight =\n        selectedSlide === slidesCount - 1 ? 0 : selectedSlide + 1;\n      const newSelection = direction === \"left\" ? moveLeft : moveRight;\n      const newTransition = direction === \"left\" ? \"decrease\" : \"increase\";\n      handleSlideSelection(newSelection, newTransition);\n    };\n\n    const handleRadioChange: ChangeEventHandler<HTMLInputElement> = ({\n      target: { value },\n    }) => {\n      handleSlideSelection(Number(value));\n    };\n\n    useEffect(() => {\n      if (process.env.NODE_ENV !== \"production\") {\n        if (slidesCount < 1) {\n          console.warn(\n            \"Carousel component requires more than one children to render. At least two elements should be provided.\",\n          );\n        }\n      }\n    }, [slidesCount]);\n\n    return (\n      <GridLayout\n        aria-label={carouselDescription}\n        aria-roledescription=\"carousel\"\n        id={id}\n        role=\"region\"\n        ref={ref}\n        gap={0}\n        columns={3}\n        className={clsx(\n          withBaseName(),\n          compact && withBaseName(\"compact\"),\n          className,\n        )}\n        {...rest}\n      >\n        <Button\n          variant=\"secondary\"\n          className={withBaseName(\"prev-button\")}\n          onClick={() => moveSlide(\"left\")}\n        >\n          <ChevronLeftIcon size={2} />\n        </Button>\n        <DeckLayout\n          activeIndex={selectedSlide}\n          animation={animation}\n          className={withBaseName(\"slider\")}\n        >\n          {children}\n        </DeckLayout>\n        <Button\n          variant=\"secondary\"\n          className={withBaseName(\"next-button\")}\n          onClick={() => moveSlide(\"right\")}\n        >\n          <ChevronRightIcon size={2} />\n        </Button>\n        <div className={withBaseName(\"dots\")}>\n          <RadioButtonGroup\n            aria-label=\"Carousel buttons\"\n            onChange={handleRadioChange}\n            value={`${selectedSlide}`}\n            direction={\"horizontal\"}\n          >\n            {Array.from({ length: slidesCount }, (_, index) => ({\n              value: `${index}`,\n            })).map((radio) => (\n              <RadioButton {...radio} key={radio.value} />\n            ))}\n          </RadioButtonGroup>\n        </div>\n      </GridLayout>\n    );\n  },\n);\n"],"names":["Carousel","carouselCss","_"],"mappings":"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"}

package/dist-es/carousel/CarouselSlide.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
 import { makePrefixer } from '@salt-ds/core';
+import { forwardRef, useRef } from 'react';
 import { clsx } from 'clsx';
 
 const withBaseName = makePrefixer("saltCarouselSlide");

package/dist-es/carousel/CarouselSlide.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselSlide.js","sources":["../src/carousel/CarouselSlide.tsx"],"sourcesContent":["import {\n  ElementType,\n  forwardRef,\n  HTMLAttributes,\n  ReactElement,\n  useRef,\n} from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\n\nimport { clsx } from \"clsx\";\n\nexport interface CarouselSlideProps extends HTMLAttributes<HTMLDivElement> {\n  ButtonBar?: ElementType;\n  Media: ReactElement;\n  description?: string;\n  title?: string;\n  contentAlignment?: \"center\" | \"left\" | \"right\";\n}\n\nconst withBaseName = makePrefixer(\"saltCarouselSlide\");\n\nexport const CarouselSlide = forwardRef<HTMLDivElement, CarouselSlideProps>(\n  function CarouselSlide(\n    { ButtonBar, Media, description, title, contentAlignment },\n    ref\n  ) {\n    const buttonBarRef = useRef(null);\n\n    return (\n      <div ref={ref}>\n        {Media && <div className={withBaseName(\"mediaContainer\")}>{Media}</div>}\n        <div className={withBaseName(\"fixedContainer\")} ref={buttonBarRef}>\n          <div\n            className={clsx({\n              [withBaseName(\"textContainer\")]: contentAlignment === \"center\",\n              [withBaseName(\"textContainerLeft\")]: contentAlignment === \"left\",\n            })}\n          >\n            {title && (\n              <div\n                aria-level={1}\n                className={withBaseName(\"titleContainer\")}\n                role=\"heading\"\n              >\n                {title}\n              </div>\n            )}\n            {description && (\n              <div className={withBaseName(\"descriptionContainer\")}>\n                {description}\n              </div>\n            )}\n          </div>\n          {ButtonBar && (\n            <div\n              className={clsx({\n                [withBaseName(\"buttonBarOverride\")]:\n                  contentAlignment === \"center\",\n                [withBaseName(\"buttonBarOverrideLeft\")]:\n                  contentAlignment === \"left\",\n              })}\n            >\n              <ButtonBar\n                className={clsx({\n                  [withBaseName(\"buttonBarContainer\")]:\n                    contentAlignment === \"center\",\n                  [withBaseName(\"buttonBarContainerLeft\")]:\n                    contentAlignment === \"left\",\n                })}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n"],"names":["CarouselSlide"],"mappings":";;;;;AAmBA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA,CAAA;AAE9C,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,SAASA,eACP,EAAE,SAAA,EAAW,OAAO,WAAa,EAAA,KAAA,EAAO,gBAAiB,EAAA,EACzD,GACA,EAAA;AACA,IAAM,MAAA,YAAA,GAAe,OAAO,IAAI,CAAA,CAAA;AAEhC,IAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,MAAI,GAAA;AAAA,MACF,QAAA,EAAA;AAAA,QAAA,KAAA,oBAAU,GAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,gBAAgB,CAAA;AAAA,UAAI,QAAA,EAAA,KAAA;AAAA,SAAM,CAAA;AAAA,wBAChE,IAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,gBAAgB,CAAA;AAAA,UAAG,GAAK,EAAA,YAAA;AAAA,UACnD,QAAA,EAAA;AAAA,4BAAC,IAAA,CAAA,KAAA,EAAA;AAAA,cACC,WAAW,IAAK,CAAA;AAAA,gBACd,CAAC,YAAA,CAAa,eAAe,CAAA,GAAI,gBAAqB,KAAA,QAAA;AAAA,gBACtD,CAAC,YAAA,CAAa,mBAAmB,CAAA,GAAI,gBAAqB,KAAA,MAAA;AAAA,eAC3D,CAAA;AAAA,cAEA,QAAA,EAAA;AAAA,gBAAA,KAAA,oBACE,GAAA,CAAA,KAAA,EAAA;AAAA,kBACC,YAAY,EAAA,CAAA;AAAA,kBACZ,SAAA,EAAW,aAAa,gBAAgB,CAAA;AAAA,kBACxC,IAAK,EAAA,SAAA;AAAA,kBAEJ,QAAA,EAAA,KAAA;AAAA,iBACH,CAAA;AAAA,gBAED,+BACE,GAAA,CAAA,KAAA,EAAA;AAAA,kBAAI,SAAA,EAAW,aAAa,sBAAsB,CAAA;AAAA,kBAChD,QAAA,EAAA,WAAA;AAAA,iBACH,CAAA;AAAA,eAAA;AAAA,aAEJ,CAAA;AAAA,YACC,6BACE,GAAA,CAAA,KAAA,EAAA;AAAA,cACC,WAAW,IAAK,CAAA;AAAA,gBACd,CAAC,YAAA,CAAa,mBAAmB,CAAA,GAC/B,gBAAqB,KAAA,QAAA;AAAA,gBACvB,CAAC,YAAA,CAAa,uBAAuB,CAAA,GACnC,gBAAqB,KAAA,MAAA;AAAA,eACxB,CAAA;AAAA,cAED,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA;AAAA,gBACC,WAAW,IAAK,CAAA;AAAA,kBACd,CAAC,YAAA,CAAa,oBAAoB,CAAA,GAChC,gBAAqB,KAAA,QAAA;AAAA,kBACvB,CAAC,YAAA,CAAa,wBAAwB,CAAA,GACpC,gBAAqB,KAAA,MAAA;AAAA,iBACxB,CAAA;AAAA,eACH,CAAA;AAAA,aACF,CAAA;AAAA,WAAA;AAAA,SAEJ,CAAA;AAAA,OAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"CarouselSlide.js","sources":["../src/carousel/CarouselSlide.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport {\n  type ElementType,\n  type HTMLAttributes,\n  type ReactElement,\n  forwardRef,\n  useRef,\n} from \"react\";\n\nimport { clsx } from \"clsx\";\n\nexport interface CarouselSlideProps extends HTMLAttributes<HTMLDivElement> {\n  ButtonBar?: ElementType;\n  Media: ReactElement;\n  description?: string;\n  title?: string;\n  contentAlignment?: \"center\" | \"left\" | \"right\";\n}\n\nconst withBaseName = makePrefixer(\"saltCarouselSlide\");\n\nexport const CarouselSlide = forwardRef<HTMLDivElement, CarouselSlideProps>(\n  function CarouselSlide(\n    { ButtonBar, Media, description, title, contentAlignment },\n    ref,\n  ) {\n    const buttonBarRef = useRef(null);\n\n    return (\n      <div ref={ref}>\n        {Media && <div className={withBaseName(\"mediaContainer\")}>{Media}</div>}\n        <div className={withBaseName(\"fixedContainer\")} ref={buttonBarRef}>\n          <div\n            className={clsx({\n              [withBaseName(\"textContainer\")]: contentAlignment === \"center\",\n              [withBaseName(\"textContainerLeft\")]: contentAlignment === \"left\",\n            })}\n          >\n            {title && (\n              <div\n                aria-level={1}\n                className={withBaseName(\"titleContainer\")}\n                role=\"heading\"\n              >\n                {title}\n              </div>\n            )}\n            {description && (\n              <div className={withBaseName(\"descriptionContainer\")}>\n                {description}\n              </div>\n            )}\n          </div>\n          {ButtonBar && (\n            <div\n              className={clsx({\n                [withBaseName(\"buttonBarOverride\")]:\n                  contentAlignment === \"center\",\n                [withBaseName(\"buttonBarOverrideLeft\")]:\n                  contentAlignment === \"left\",\n              })}\n            >\n              <ButtonBar\n                className={clsx({\n                  [withBaseName(\"buttonBarContainer\")]:\n                    contentAlignment === \"center\",\n                  [withBaseName(\"buttonBarContainerLeft\")]:\n                    contentAlignment === \"left\",\n                })}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n"],"names":["CarouselSlide"],"mappings":";;;;;AAmBA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA,CAAA;AAE9C,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,SAASA,eACP,EAAE,SAAA,EAAW,OAAO,WAAa,EAAA,KAAA,EAAO,gBAAiB,EAAA,EACzD,GACA,EAAA;AACA,IAAM,MAAA,YAAA,GAAe,OAAO,IAAI,CAAA,CAAA;AAEhC,IAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,MAAI,GAAA;AAAA,MACF,QAAA,EAAA;AAAA,QAAA,KAAA,oBAAU,GAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,gBAAgB,CAAA;AAAA,UAAI,QAAA,EAAA,KAAA;AAAA,SAAM,CAAA;AAAA,wBAChE,IAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,gBAAgB,CAAA;AAAA,UAAG,GAAK,EAAA,YAAA;AAAA,UACnD,QAAA,EAAA;AAAA,4BAAC,IAAA,CAAA,KAAA,EAAA;AAAA,cACC,WAAW,IAAK,CAAA;AAAA,gBACd,CAAC,YAAA,CAAa,eAAe,CAAA,GAAI,gBAAqB,KAAA,QAAA;AAAA,gBACtD,CAAC,YAAA,CAAa,mBAAmB,CAAA,GAAI,gBAAqB,KAAA,MAAA;AAAA,eAC3D,CAAA;AAAA,cAEA,QAAA,EAAA;AAAA,gBAAA,KAAA,oBACE,GAAA,CAAA,KAAA,EAAA;AAAA,kBACC,YAAY,EAAA,CAAA;AAAA,kBACZ,SAAA,EAAW,aAAa,gBAAgB,CAAA;AAAA,kBACxC,IAAK,EAAA,SAAA;AAAA,kBAEJ,QAAA,EAAA,KAAA;AAAA,iBACH,CAAA;AAAA,gBAED,+BACE,GAAA,CAAA,KAAA,EAAA;AAAA,kBAAI,SAAA,EAAW,aAAa,sBAAsB,CAAA;AAAA,kBAChD,QAAA,EAAA,WAAA;AAAA,iBACH,CAAA;AAAA,eAAA;AAAA,aAEJ,CAAA;AAAA,YACC,6BACE,GAAA,CAAA,KAAA,EAAA;AAAA,cACC,WAAW,IAAK,CAAA;AAAA,gBACd,CAAC,YAAA,CAAa,mBAAmB,CAAA,GAC/B,gBAAqB,KAAA,QAAA;AAAA,gBACvB,CAAC,YAAA,CAAa,uBAAuB,CAAA,GACnC,gBAAqB,KAAA,MAAA;AAAA,eACxB,CAAA;AAAA,cAED,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA;AAAA,gBACC,WAAW,IAAK,CAAA;AAAA,kBACd,CAAC,YAAA,CAAa,oBAAoB,CAAA,GAChC,gBAAqB,KAAA,QAAA;AAAA,kBACvB,CAAC,YAAA,CAAa,wBAAwB,CAAA,GACpC,gBAAqB,KAAA,MAAA;AAAA,iBACxB,CAAA;AAAA,eACH,CAAA;AAAA,aACF,CAAA;AAAA,WAAA;AAAA,SAEJ,CAAA;AAAA,OAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

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

@@ -1,6 +1,6 @@
 import { jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef, useRef, useCallback, useState, useMemo, useReducer, useEffect, isValidElement, createElement, cloneElement } from 'react';
-import { useDensity, useControlled, usePrevious, ownerWindow, useForkRef } from '@salt-ds/core';
+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';
@@ -13,7 +13,6 @@ import { useStateReducer } from './internal/useStateReducer.js';
 import { stateChangeTypes } from './stateChangeTypes.js';
 
 const defaultItemToString = (item) => (item == null ? void 0 : item.title) || String(item);
-const noop = () => void 0;
 const CascadingMenu = forwardRef(
   function CascadingMenu2(props, ref) {
     const {
@@ -143,7 +142,7 @@ const CascadingMenu = forwardRef(
       childrenRef.current = node;
     }, []);
     const handleRef = useForkRef(
-      isValidElement(children) ? children.ref : noop,
+      getRefFromChildren(children),
       setMenuTriggerRef
     );
     const [onMenuTriggerClick, onMenuTriggerKeydown] = useMenuTriggerHandlers({

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

@@ -1 +1 @@
-{"version":3,"file":"CascadingMenu.js","sources":["../src/cascading-menu/CascadingMenu.tsx"],"sourcesContent":["import {\n  useControlled,\n  useDensity,\n  useForkRef,\n  ownerWindow,\n  usePrevious,\n} from \"@salt-ds/core\";\nimport {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n  MouseEvent,\n  KeyboardEvent,\n} from \"react\";\nimport { useEventCallback } from \"../utils\";\n\nimport { CascadingMenuProps, MenuDescriptor } from \"./CascadingMenuProps\";\n\nimport { CascadingMenuList } from \"./CascadingMenuList\";\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\nconst noop = () => undefined;\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        dispatch({\n          type: open\n            ? CascadingMenuAction.OPEN_MENU\n            : CascadingMenuAction.CLOSE_CASCADING_MENU,\n          cause: stateChangeTypes.MOUSE_TOGGLE,\n          targetId: rootMenuId!,\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        dispatch({\n          type: CascadingMenuAction.CLOSE_CASCADING_MENU,\n          cause: stateChangeTypes.CLICKED_AWAY,\n          targetId: rootMenuId!,\n        });\n      },\n      () => {\n        setIsNavigatingWithKeyboard(false);\n      }\n    );\n\n    const handleResize = useEventCallback(() => {\n      if (rootMenuState) {\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) {\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      //TODO get to bottom of this\n      // @ts-ignore\n      isValidElement(children) ? children.ref : noop,\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    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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"}
+{"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  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport { useEventCallback } from \"../utils\";\n\nimport type { CascadingMenuProps, MenuDescriptor } from \"./CascadingMenuProps\";\n\nimport { CascadingMenuList } from \"./CascadingMenuList\";\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        dispatch({\n          type: open\n            ? CascadingMenuAction.OPEN_MENU\n            : CascadingMenuAction.CLOSE_CASCADING_MENU,\n          cause: stateChangeTypes.MOUSE_TOGGLE,\n          targetId: rootMenuId!,\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        dispatch({\n          type: CascadingMenuAction.CLOSE_CASCADING_MENU,\n          cause: stateChangeTypes.CLICKED_AWAY,\n          targetId: rootMenuId!,\n        });\n      },\n      () => {\n        setIsNavigatingWithKeyboard(false);\n      },\n    );\n\n    const handleResize = useEventCallback(() => {\n      if (rootMenuState) {\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) {\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    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.js

@@ -9,8 +9,8 @@ import '../list-deprecated/ListItemBase.js';
 import { ListItem as _ListItem } from '../list-deprecated/ListItem.js';
 import '../list-deprecated/ListItemContext.js';
 import '../list-deprecated/ListStateContext.js';
-import { useWindow } from '@salt-ds/window';
 import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
 import css_248z from './CascadingMenuItem.css.js';
 
 const noop = () => void 0;
@@ -23,12 +23,11 @@ const getIcon = (sourceItem, isDisabled = false) => {
         [withBaseName("menuItemDisabled")]: isDisabled
       })
     });
-  } else {
-    return null;
   }
+  return null;
 };
 const DefaultMenuItem = forwardRef(
-  function(props, ref) {
+  (props, ref) => {
     const {
       blurSelected,
       className,
@@ -72,10 +71,10 @@ const DefaultMenuItem = forwardRef(
       }
     };
     const interactionClasses = isNavigatingWithKeyboard ? {
-      [withBaseName(`menuItemKeyboardActive`)]: !isDisabled && isInteracted && !blurSelected,
-      [withBaseName(`menuItemKeyboardDisabled`)]: isDisabled && isInteracted
+      [withBaseName("menuItemKeyboardActive")]: !isDisabled && isInteracted && !blurSelected,
+      [withBaseName("menuItemKeyboardDisabled")]: isDisabled && isInteracted
     } : {
-      [withBaseName(`menuItemHover`)]: !isDisabled && !blurSelected
+      [withBaseName("menuItemHover")]: !isDisabled && !blurSelected
     };
     const icon = hasStartAdornment ? getIcon(sourceItem, isDisabled) : null;
     const tooltipTitle = sourceItem.tooltip || menuText;

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

@@ -1 +1 @@
-{"version":3,"file":"CascadingMenuItem.js","sources":["../src/cascading-menu/CascadingMenuItem.tsx"],"sourcesContent":["import { makePrefixer, Tooltip } from \"@salt-ds/core\";\nimport { ChevronRightIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n  forwardRef,\n  KeyboardEvent,\n  MouseEvent,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { ListItem, ListItemProps } from \"../list-deprecated\";\nimport { MenuDescriptor } from \"./CascadingMenuProps\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport cascadingMenuItemCss from \"./CascadingMenuItem.css\";\n\nconst noop = () => undefined;\nconst withBaseName = makePrefixer(\"saltMenuItem\");\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  } else {\n    return null;\n  }\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  function (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\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) {\n        if (element.offsetWidth < element.scrollWidth) {\n          setHasTooltip(true);\n        }\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              <ChevronRightIcon\n                className={clsx(withBaseName(\"menuItemEndAdornment\"), {\n                  [withBaseName(\"menuItemDisabled\")]: isDisabled,\n                })}\n              />\n            </div>\n          )}\n          {divider && <div role=\"separator\" />}\n        </ListItem>\n      </Tooltip>\n    );\n  }\n);\n"],"names":["cascadingMenuItemCss","ListItem"],"mappings":"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"}
+{"version":3,"file":"CascadingMenuItem.js","sources":["../src/cascading-menu/CascadingMenuItem.tsx"],"sourcesContent":["import { Tooltip, makePrefixer } from \"@salt-ds/core\";\nimport { ChevronRightIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n  type KeyboardEvent,\n  type MouseEvent,\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { ListItem, type ListItemProps } from \"../list-deprecated\";\nimport type { MenuDescriptor } from \"./CascadingMenuProps\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport cascadingMenuItemCss from \"./CascadingMenuItem.css\";\n\nconst noop = () => undefined;\nconst withBaseName = makePrefixer(\"saltMenuItem\");\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\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) {\n        if (element.offsetWidth < element.scrollWidth) {\n          setHasTooltip(true);\n        }\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              <ChevronRightIcon\n                className={clsx(withBaseName(\"menuItemEndAdornment\"), {\n                  [withBaseName(\"menuItemDisabled\")]: isDisabled,\n                })}\n              />\n            </div>\n          )}\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.js

@@ -2,13 +2,15 @@ import { jsx } from 'react/jsx-runtime';
 import { useForkRef, useFloatingUI, useIsomorphicLayoutEffect } from '@salt-ds/core';
 import { clsx } from 'clsx';
 import { forwardRef, useState, useCallback, useEffect, useMemo } from 'react';
-import { Portal } from '../portal/Portal.js';
 import { List } from '../list-deprecated/List.js';
 import '../list-deprecated/ListBase.js';
 import '../list-deprecated/ListItemBase.js';
 import '../list-deprecated/ListItem.js';
 import '../list-deprecated/ListItemContext.js';
 import '../list-deprecated/ListStateContext.js';
+import { Portal } from '../portal/Portal.js';
+import { useWindow as useWindow$1 } from '../window/WindowContext.js';
+import '../window/ElectronWindow.js';
 import { DefaultMenuItem } from './CascadingMenuItem.js';
 import { CascadingMenuAction } from './internal/CascadingMenuAction.js';
 import { getKeyDownHandlers } from './internal/keydownHandlers.js';
@@ -16,8 +18,6 @@ import { getMaxHeight, getHeight } from './internal/menuPositioning.js';
 import { hasSubMenu, hasIcon } from './internal/stateUtils.js';
 import { useMouseHandlers } from './internal/useMouseHandlers.js';
 import { stateChangeTypes } from './stateChangeTypes.js';
-import { useWindow as useWindow$1 } from '../window/WindowContext.js';
-import '../window/ElectronWindow.js';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
 import css_248z from './CascadingMenuList.css.js';
@@ -29,7 +29,7 @@ const CascadingMenuList = forwardRef(function CascadingMenuList2(props, ref) {
     minWidth,
     itemToString,
     onItemClick,
-    refsManager: refsManager2,
+    refsManager,
     dispatch,
     rowHeight: rowHeightProp,
     isNavigatingWithKeyboard,
@@ -57,9 +57,9 @@ const CascadingMenuList = forwardRef(function CascadingMenuList2(props, ref) {
   const [menuRef, setInternalMenuRef] = useState(null);
   const setMenuRef = useCallback(
     (node) => {
-      refsManager2.set(menuId, node);
+      refsManager.set(menuId, node);
     },
-    [refsManager2, menuId]
+    [refsManager, menuId]
   );
   const sizeStackable = 36;
   const defaultRowHeight = sizeStackable;
@@ -69,7 +69,7 @@ const CascadingMenuList = forwardRef(function CascadingMenuList2(props, ref) {
   const listRef = useForkRef(ref, setInternalMenuRef);
   const handleRef = useForkRef(setMenuRef, listRef);
   useEffect(() => {
-    if (menuRef && menuRef.focus) {
+    if (menuRef == null ? void 0 : menuRef.focus) {
       const id = setTimeout(() => {
         menuRef.focus();
       });
@@ -172,7 +172,7 @@ const CascadingMenuList = forwardRef(function CascadingMenuList2(props, ref) {
             sourceItem: menuItem,
             tooltipEnterDelay,
             tooltipLeaveDelay
-          }, idx);
+          }, menuItem.id);
         })
       }, menuId)
     })

package/dist-es/cascading-menu/CascadingMenuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"CascadingMenuList.js","sources":["../src/cascading-menu/CascadingMenuList.tsx"],"sourcesContent":["import {\n  useFloatingUI,\n  UseFloatingUIProps,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Portal } from \"../portal\";\nimport { List, ListProps } from \"../list-deprecated\";\n\nimport { DefaultMenuItem, MenuItemProps } from \"./CascadingMenuItem\";\nimport { CascadingMenuAction } from \"./internal/CascadingMenuAction\";\nimport { getKeyDownHandlers } from \"./internal/keydownHandlers\";\nimport {\n  getHeight,\n  getMaxHeight,\n  screenBounds,\n} from \"./internal/menuPositioning\";\nimport { hasIcon, hasSubMenu, menuState } from \"./internal/stateUtils\";\nimport { useMouseHandlers } from \"./internal/useMouseHandlers\";\nimport { refsManager } from \"./internal/useRefsManager\";\nimport { stateChangeTypes } from \"./stateChangeTypes\";\nimport { useWindow as usePortalWindow } from \"../window\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport cascadingMenuListCss from \"./CascadingMenuList.css\";\n\nexport interface CascadingMenuListProps {\n  className?: string;\n  data: menuState;\n  delay?: number;\n  disableMouseOutInteractions?: boolean;\n  // TODO any\n  dispatch: (action: any) => void;\n  getBoundingClientRect?: (element: HTMLElement) => DOMRect;\n  getScreenBounds?: () => screenBounds;\n  height?: number;\n  highlightedItemIndex: number | null;\n  isChildMenuOpen: boolean;\n  itemToString: MenuItemProps[\"itemToString\"];\n  isNavigatingWithKeyboard: boolean;\n  isRoot: boolean;\n  maxWidth?: ListProps[\"maxWidth\"];\n  menuId: string;\n  menuTriggerRef: HTMLElement | null;\n  minWidth?: ListProps[\"minWidth\"];\n  onItemClick?: MenuItemProps[\"onItemClick\"];\n  parentElement?: HTMLElement | null;\n  refsManager: refsManager;\n  rootPlacement?: UseFloatingUIProps[\"placement\"];\n  rootPlacementOffset?: string;\n  rowHeight?: number;\n  setIsNavigatingWithKeyboard: (value: boolean) => void;\n  tooltipEnterDelay: number;\n  tooltipLeaveDelay: number;\n}\n\nexport const CascadingMenuList = forwardRef<\n  HTMLDivElement,\n  CascadingMenuListProps\n>(function CascadingMenuList(props, ref) {\n  const {\n    className,\n    maxWidth,\n    minWidth,\n    itemToString,\n    onItemClick,\n    refsManager,\n    dispatch,\n    rowHeight: rowHeightProp,\n    isNavigatingWithKeyboard,\n    data,\n    tooltipEnterDelay,\n    tooltipLeaveDelay,\n    height: heightProp,\n    isChildMenuOpen,\n    isRoot,\n    highlightedItemIndex,\n    menuId,\n    parentElement = null,\n    getScreenBounds,\n    disableMouseOutInteractions,\n    rootPlacementOffset,\n    rootPlacement = \"bottom-start\",\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-cascading-menu-list\",\n    css: cascadingMenuListCss,\n    window: targetWindow,\n  });\n\n  const baseClass = \"saltCascadingMenuList\";\n\n  const [menuRef, setInternalMenuRef] = useState<HTMLElement | null>(null);\n  const setMenuRef = useCallback(\n    (node: HTMLElement) => {\n      refsManager.set(menuId, node);\n    },\n    [refsManager, menuId]\n  );\n\n  // TODO removed useCharacteristic here\n  const sizeStackable = 36;\n  const defaultRowHeight = sizeStackable;\n\n  // TODO removed useCharacteristic here\n  const spacing = 8;\n\n  const isMenuActiveState = useState(true);\n  const [isMenuActive, setIsMenuActive] = isMenuActiveState;\n  const listRef = useForkRef<HTMLElement>(ref, setInternalMenuRef);\n  const handleRef = useForkRef(setMenuRef, listRef);\n\n  useEffect(() => {\n    if (menuRef && menuRef.focus) {\n      // timeout prevents scrolling issue by waiting a split second\n      // and menu should be correctly positioned by then and\n      // focusing popper content offscreen will not scroll page\n      // it would be better to maybe use popper onUpdate callback\n      // or some kind of polling mechanism to confirm placement is\n      // correct before focus call\n      const id = setTimeout(() => {\n        menuRef.focus();\n      });\n      return () => {\n        clearTimeout(id);\n      };\n    }\n  }, [menuRef, rootPlacementOffset]);\n\n  const handleKeyDown = getKeyDownHandlers(props, setIsMenuActive);\n\n  const onFocusHandler = useCallback(() => {\n    setIsMenuActive(true);\n    // When navigating via keyboard on open highlight first time in the list\n    if (isNavigatingWithKeyboard) {\n      if (!highlightedItemIndex) {\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.KEYBOARD_NAV_AUTO_FOCUS,\n          targetId: menuId,\n          highlightedItemIndex: 0,\n        });\n      }\n    }\n  }, [\n    setIsMenuActive,\n    isNavigatingWithKeyboard,\n    highlightedItemIndex,\n    dispatch,\n    menuId,\n  ]);\n\n  const [handleMouseMove, handleMouseOut] = useMouseHandlers(\n    props,\n    isMenuActiveState,\n    menuRef\n  );\n\n  const hasEndAdornment = useMemo(\n    () => data.menuItems.some(hasSubMenu),\n    [data]\n  );\n  const hasStartAdornment = useMemo(() => data.menuItems.some(hasIcon), [data]);\n  const rowHeight = rowHeightProp != null ? rowHeightProp : defaultRowHeight;\n  const maxHeight = getMaxHeight(heightProp, spacing, getScreenBounds);\n  const calculatedMenuHeight = rowHeight * data.menuItems.length;\n  const menuHeight = getHeight(heightProp, calculatedMenuHeight, maxHeight);\n  const hasScrollbar = menuHeight >= maxHeight;\n\n  // menu container size is 2px larger than the list to include the border\n  const menuContainerHeight = menuHeight + 2;\n  const Window = usePortalWindow();\n  const { reference, floating, x, y, strategy } = useFloatingUI({\n    placement: isRoot ? rootPlacement : \"right-start\",\n  });\n  useIsomorphicLayoutEffect(() => {\n    if (parentElement) {\n      reference(\n        isRoot\n          ? parentElement\n          : parentElement.querySelector(\n              `#${\n                parentElement.getAttribute(\"aria-activedescendant\") as string\n              }`\n            )\n      );\n    }\n  }, [reference, isRoot, parentElement]);\n\n  if (parentElement === null) {\n    return null;\n  }\n\n  return (\n    <Portal>\n      <Window\n        className={`${baseClass}-popper`}\n        id={menuId}\n        style={{\n          top: y ?? 0,\n          left: x ?? 0,\n          position: strategy,\n        }}\n        ref={floating}\n      >\n        <List\n          className={clsx(baseClass, className)}\n          height={menuContainerHeight}\n          highlightedIndex={\n            highlightedItemIndex === null ? -1 : highlightedItemIndex\n          }\n          id={menuId}\n          itemHeight={rowHeight}\n          itemToString={itemToString}\n          key={menuId}\n          listRef={handleRef}\n          maxWidth={maxWidth}\n          minWidth={minWidth}\n          onFocus={onFocusHandler}\n          onKeyDown={handleKeyDown}\n          onMouseOut={disableMouseOutInteractions ? undefined : handleMouseOut}\n          role=\"menu\"\n          width=\"auto\"\n        >\n          {data.menuItems.map((menuItem, idx) => {\n            const isInteracted = highlightedItemIndex === idx;\n            return (\n              <DefaultMenuItem\n                blurSelected={!isMenuActive && isInteracted}\n                hasEndAdornment={hasEndAdornment}\n                hasScrollbar={hasScrollbar}\n                hasStartAdornment={hasStartAdornment}\n                hasSubMenu={hasSubMenu(menuItem)}\n                isChildMenuOpen={isChildMenuOpen}\n                isInteracted={isInteracted}\n                isNavigatingWithKeyboard={isNavigatingWithKeyboard}\n                itemToString={itemToString}\n                key={idx}\n                onItemClick={onItemClick}\n                onMouseMove={() => handleMouseMove(idx)}\n                sourceItem={menuItem}\n                tooltipEnterDelay={tooltipEnterDelay}\n                tooltipLeaveDelay={tooltipLeaveDelay}\n              />\n            );\n          })}\n        </List>\n      </Window>\n    </Portal>\n  );\n});\n"],"names":["CascadingMenuList","refsManager","cascadingMenuListCss","usePortalWindow"],"mappings":"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"}
+{"version":3,"file":"CascadingMenuList.js","sources":["../src/cascading-menu/CascadingMenuList.tsx"],"sourcesContent":["import {\n  type UseFloatingUIProps,\n  useFloatingUI,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { List, type ListProps } from \"../list-deprecated\";\nimport { Portal } from \"../portal\";\n\nimport { useWindow as usePortalWindow } from \"../window\";\nimport { DefaultMenuItem, type MenuItemProps } from \"./CascadingMenuItem\";\nimport { CascadingMenuAction } from \"./internal/CascadingMenuAction\";\nimport { getKeyDownHandlers } from \"./internal/keydownHandlers\";\nimport {\n  getHeight,\n  getMaxHeight,\n  type screenBounds,\n} from \"./internal/menuPositioning\";\nimport { hasIcon, hasSubMenu, type menuState } from \"./internal/stateUtils\";\nimport { useMouseHandlers } from \"./internal/useMouseHandlers\";\nimport type { refsManager } from \"./internal/useRefsManager\";\nimport { stateChangeTypes } from \"./stateChangeTypes\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport cascadingMenuListCss from \"./CascadingMenuList.css\";\n\nexport interface CascadingMenuListProps {\n  className?: string;\n  data: menuState;\n  delay?: number;\n  disableMouseOutInteractions?: boolean;\n  // TODO any\n  dispatch: (action: any) => void;\n  getBoundingClientRect?: (element: HTMLElement) => DOMRect;\n  getScreenBounds?: () => screenBounds;\n  height?: number;\n  highlightedItemIndex: number | null;\n  isChildMenuOpen: boolean;\n  itemToString: MenuItemProps[\"itemToString\"];\n  isNavigatingWithKeyboard: boolean;\n  isRoot: boolean;\n  maxWidth?: ListProps[\"maxWidth\"];\n  menuId: string;\n  menuTriggerRef: HTMLElement | null;\n  minWidth?: ListProps[\"minWidth\"];\n  onItemClick?: MenuItemProps[\"onItemClick\"];\n  parentElement?: HTMLElement | null;\n  refsManager: refsManager;\n  rootPlacement?: UseFloatingUIProps[\"placement\"];\n  rootPlacementOffset?: string;\n  rowHeight?: number;\n  setIsNavigatingWithKeyboard: (value: boolean) => void;\n  tooltipEnterDelay: number;\n  tooltipLeaveDelay: number;\n}\n\nexport const CascadingMenuList = forwardRef<\n  HTMLDivElement,\n  CascadingMenuListProps\n>(function CascadingMenuList(props, ref) {\n  const {\n    className,\n    maxWidth,\n    minWidth,\n    itemToString,\n    onItemClick,\n    refsManager,\n    dispatch,\n    rowHeight: rowHeightProp,\n    isNavigatingWithKeyboard,\n    data,\n    tooltipEnterDelay,\n    tooltipLeaveDelay,\n    height: heightProp,\n    isChildMenuOpen,\n    isRoot,\n    highlightedItemIndex,\n    menuId,\n    parentElement = null,\n    getScreenBounds,\n    disableMouseOutInteractions,\n    rootPlacementOffset,\n    rootPlacement = \"bottom-start\",\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-cascading-menu-list\",\n    css: cascadingMenuListCss,\n    window: targetWindow,\n  });\n\n  const baseClass = \"saltCascadingMenuList\";\n\n  const [menuRef, setInternalMenuRef] = useState<HTMLElement | null>(null);\n  const setMenuRef = useCallback(\n    (node: HTMLElement) => {\n      refsManager.set(menuId, node);\n    },\n    [refsManager, menuId],\n  );\n\n  // TODO removed useCharacteristic here\n  const sizeStackable = 36;\n  const defaultRowHeight = sizeStackable;\n\n  // TODO removed useCharacteristic here\n  const spacing = 8;\n\n  const isMenuActiveState = useState(true);\n  const [isMenuActive, setIsMenuActive] = isMenuActiveState;\n  const listRef = useForkRef<HTMLElement>(ref, setInternalMenuRef);\n  const handleRef = useForkRef(setMenuRef, listRef);\n\n  useEffect(() => {\n    if (menuRef?.focus) {\n      // timeout prevents scrolling issue by waiting a split second\n      // and menu should be correctly positioned by then and\n      // focusing popper content offscreen will not scroll page\n      // it would be better to maybe use popper onUpdate callback\n      // or some kind of polling mechanism to confirm placement is\n      // correct before focus call\n      const id = setTimeout(() => {\n        menuRef.focus();\n      });\n      return () => {\n        clearTimeout(id);\n      };\n    }\n  }, [menuRef, rootPlacementOffset]);\n\n  const handleKeyDown = getKeyDownHandlers(props, setIsMenuActive);\n\n  const onFocusHandler = useCallback(() => {\n    setIsMenuActive(true);\n    // When navigating via keyboard on open highlight first time in the list\n    if (isNavigatingWithKeyboard) {\n      if (!highlightedItemIndex) {\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.KEYBOARD_NAV_AUTO_FOCUS,\n          targetId: menuId,\n          highlightedItemIndex: 0,\n        });\n      }\n    }\n  }, [\n    setIsMenuActive,\n    isNavigatingWithKeyboard,\n    highlightedItemIndex,\n    dispatch,\n    menuId,\n  ]);\n\n  const [handleMouseMove, handleMouseOut] = useMouseHandlers(\n    props,\n    isMenuActiveState,\n    menuRef,\n  );\n\n  const hasEndAdornment = useMemo(\n    () => data.menuItems.some(hasSubMenu),\n    [data],\n  );\n  const hasStartAdornment = useMemo(() => data.menuItems.some(hasIcon), [data]);\n  const rowHeight = rowHeightProp != null ? rowHeightProp : defaultRowHeight;\n  const maxHeight = getMaxHeight(heightProp, spacing, getScreenBounds);\n  const calculatedMenuHeight = rowHeight * data.menuItems.length;\n  const menuHeight = getHeight(heightProp, calculatedMenuHeight, maxHeight);\n  const hasScrollbar = menuHeight >= maxHeight;\n\n  // menu container size is 2px larger than the list to include the border\n  const menuContainerHeight = menuHeight + 2;\n  const Window = usePortalWindow();\n  const { reference, floating, x, y, strategy } = useFloatingUI({\n    placement: isRoot ? rootPlacement : \"right-start\",\n  });\n  useIsomorphicLayoutEffect(() => {\n    if (parentElement) {\n      reference(\n        isRoot\n          ? parentElement\n          : parentElement.querySelector(\n              `#${\n                parentElement.getAttribute(\"aria-activedescendant\") as string\n              }`,\n            ),\n      );\n    }\n  }, [reference, isRoot, parentElement]);\n\n  if (parentElement === null) {\n    return null;\n  }\n\n  return (\n    <Portal>\n      <Window\n        className={`${baseClass}-popper`}\n        id={menuId}\n        style={{\n          top: y ?? 0,\n          left: x ?? 0,\n          position: strategy,\n        }}\n        ref={floating}\n      >\n        <List\n          className={clsx(baseClass, className)}\n          height={menuContainerHeight}\n          highlightedIndex={\n            highlightedItemIndex === null ? -1 : highlightedItemIndex\n          }\n          id={menuId}\n          itemHeight={rowHeight}\n          itemToString={itemToString}\n          key={menuId}\n          listRef={handleRef}\n          maxWidth={maxWidth}\n          minWidth={minWidth}\n          onFocus={onFocusHandler}\n          onKeyDown={handleKeyDown}\n          onMouseOut={disableMouseOutInteractions ? undefined : handleMouseOut}\n          role=\"menu\"\n          width=\"auto\"\n        >\n          {data.menuItems.map((menuItem, idx) => {\n            const isInteracted = highlightedItemIndex === idx;\n            return (\n              <DefaultMenuItem\n                blurSelected={!isMenuActive && isInteracted}\n                hasEndAdornment={hasEndAdornment}\n                hasScrollbar={hasScrollbar}\n                hasStartAdornment={hasStartAdornment}\n                hasSubMenu={hasSubMenu(menuItem)}\n                isChildMenuOpen={isChildMenuOpen}\n                isInteracted={isInteracted}\n                isNavigatingWithKeyboard={isNavigatingWithKeyboard}\n                itemToString={itemToString}\n                key={menuItem.id}\n                onItemClick={onItemClick}\n                onMouseMove={() => handleMouseMove(idx)}\n                sourceItem={menuItem}\n                tooltipEnterDelay={tooltipEnterDelay}\n                tooltipLeaveDelay={tooltipLeaveDelay}\n              />\n            );\n          })}\n        </List>\n      </Window>\n    </Portal>\n  );\n});\n"],"names":["CascadingMenuList","cascadingMenuListCss","usePortalWindow"],"mappings":"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"}