@vuu-ui/vuu-ui-controls 2.1.19-beta.2 → 2.1.19-beta.3

package/esm/calendar/useCalendarDay.js

@@ -0,0 +1,78 @@
+import { isSameMonth, isSameDay, isToday, getLocalTimeZone } from '@internationalized/date';
+import { useEffect } from 'react';
+import { useCalendarContext } from './internal/CalendarContext.js';
+import { useFocusManagement } from './internal/useFocusManagement.js';
+import { useSelectionDay } from './useSelection.js';
+
+function useCalendarDay({ date, month }, ref) {
+  const {
+    state: { focusedDate, hideOutOfRangeDates, calendarFocused },
+    helpers: {
+      isDayUnselectable,
+      isDayHighlighted,
+      isDayDisabled,
+      isOutsideAllowedMonths
+    }
+  } = useCalendarContext();
+  const selectionManager = useSelectionDay({ date });
+  const focusManager = useFocusManagement({ date });
+  const handleClick = (event) => {
+    selectionManager?.handleClick(event);
+    focusManager.handleClick(event);
+  };
+  const handleKeyDown = (event) => {
+    focusManager.handleKeyDown(event);
+    selectionManager?.handleKeyDown(event);
+  };
+  const handleFocus = (event) => {
+    focusManager.handleFocus(event);
+  };
+  const handleMouseOver = (event) => {
+    selectionManager.handleMouseOver?.(event);
+  };
+  const eventHandlers = {
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    onFocus: handleFocus,
+    onMouseOver: handleMouseOver
+  };
+  const outOfRange = !isSameMonth(date, month);
+  const focused = isSameDay(date, focusedDate) && calendarFocused && !outOfRange;
+  const tabIndex = isSameDay(date, focusedDate) && !outOfRange ? 0 : -1;
+  const today = isToday(date, getLocalTimeZone());
+  const unselectableReason = isDayUnselectable(date);
+  const highlightedReason = isDayHighlighted(date);
+  const disabled = isDayDisabled(date) || outOfRange && isOutsideAllowedMonths(date);
+  const unselectable = Boolean(unselectableReason);
+  const highlighted = Boolean(highlightedReason);
+  const hidden = hideOutOfRangeDates && outOfRange;
+  useEffect(() => {
+    if (focused) {
+      ref.current?.focus({ preventScroll: true });
+    }
+  }, [ref, focused]);
+  return {
+    status: {
+      outOfRange,
+      today,
+      unselectable,
+      focused,
+      hidden,
+      disabled,
+      highlighted,
+      ...selectionManager.status
+    },
+    dayProps: {
+      tabIndex,
+      "aria-current": today ? "date" : void 0,
+      "aria-hidden": hidden ? "true" : void 0,
+      ...eventHandlers,
+      ...selectionManager.dayProps
+    },
+    unselectableReason,
+    highlightedReason
+  };
+}
+
+export { useCalendarDay };
+//# sourceMappingURL=useCalendarDay.js.map

package/esm/calendar/useCalendarDay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendarDay.js","sources":["../../../../packages/vuu-ui-controls/src/calendar/useCalendarDay.ts"],"sourcesContent":["import {\n  type DateValue,\n  getLocalTimeZone,\n  isSameDay,\n  isSameMonth,\n  isToday,\n} from \"@internationalized/date\";\nimport {\n  type ComponentPropsWithoutRef,\n  type FocusEventHandler,\n  type KeyboardEventHandler,\n  type MouseEventHandler,\n  type RefObject,\n  useEffect,\n} from \"react\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\nimport { useFocusManagement } from \"./internal/useFocusManagement\";\nimport { useSelectionDay } from \"./useSelection\";\n\nexport interface DayStatus {\n  outOfRange?: boolean;\n  selected?: boolean;\n  today?: boolean;\n  unselectable?: string | false;\n  highlighted?: string | false;\n  focused?: boolean;\n  disabled?: boolean;\n  hidden?: boolean;\n}\n\nexport interface useCalendarDayProps {\n  date: DateValue;\n  month: DateValue;\n}\n\nexport function useCalendarDay(\n  { date, month }: useCalendarDayProps,\n  ref: RefObject<HTMLElement | null>,\n) {\n  const {\n    state: { focusedDate, hideOutOfRangeDates, calendarFocused },\n    helpers: {\n      isDayUnselectable,\n      isDayHighlighted,\n      isDayDisabled,\n      isOutsideAllowedMonths,\n    },\n  } = useCalendarContext();\n  const selectionManager = useSelectionDay({ date });\n  const focusManager = useFocusManagement({ date });\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    selectionManager?.handleClick(event);\n    focusManager.handleClick(event);\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = (event) => {\n    focusManager.handleKeyDown(event);\n    selectionManager?.handleKeyDown(event);\n  };\n\n  const handleFocus: FocusEventHandler<HTMLButtonElement> = (event) => {\n    focusManager.handleFocus(event);\n  };\n\n  const handleMouseOver: MouseEventHandler<HTMLButtonElement> = (event) => {\n    selectionManager.handleMouseOver?.(event);\n  };\n\n  const eventHandlers = {\n    onClick: handleClick,\n    onKeyDown: handleKeyDown,\n    onFocus: handleFocus,\n    onMouseOver: handleMouseOver,\n  };\n\n  const outOfRange = !isSameMonth(date, month);\n  const focused =\n    isSameDay(date, focusedDate) && calendarFocused && !outOfRange;\n  const tabIndex = isSameDay(date, focusedDate) && !outOfRange ? 0 : -1;\n  const today = isToday(date, getLocalTimeZone());\n\n  const unselectableReason = isDayUnselectable(date);\n  const highlightedReason = isDayHighlighted(date);\n\n  const disabled =\n    isDayDisabled(date) || (outOfRange && isOutsideAllowedMonths(date));\n  const unselectable = Boolean(unselectableReason);\n  const highlighted = Boolean(highlightedReason);\n  const hidden = hideOutOfRangeDates && outOfRange;\n\n  useEffect(() => {\n    if (focused) {\n      ref.current?.focus({ preventScroll: true });\n    }\n  }, [ref, focused]);\n\n  return {\n    status: {\n      outOfRange,\n      today,\n      unselectable,\n      focused,\n      hidden,\n      disabled,\n      highlighted,\n      ...selectionManager.status,\n    } as DayStatus,\n    dayProps: {\n      tabIndex,\n      \"aria-current\": today ? \"date\" : undefined,\n      \"aria-hidden\": hidden ? \"true\" : undefined,\n      ...eventHandlers,\n      ...selectionManager.dayProps,\n    } as ComponentPropsWithoutRef<\"button\">,\n    unselectableReason,\n    highlightedReason,\n  };\n}\n"],"names":[],"mappings":"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"}

package/esm/calendar/useSelection.js

@@ -0,0 +1,243 @@
+import { isSameDay, CalendarDate } from '@internationalized/date';
+import { makePrefixer, useControlled } from '@salt-ds/core';
+import { clsx } from 'clsx';
+import { isPlainObject } from '../utils/isPlainObject.js';
+import { useCalendarContext } from './internal/CalendarContext.js';
+
+function addOrRemoveFromArray(array, item) {
+  if (Array.isArray(array)) {
+    if (array.find((element) => isSameDay(element, item))) {
+      return array.filter((element) => !isSameDay(element, item));
+    }
+    return array.concat(item);
+  }
+  return [item];
+}
+const defaultOffset = (date) => date;
+function isRangeOrOffsetSelectionValue(selectionValue) {
+  return selectionValue != null && isPlainObject(selectionValue);
+}
+function isRangeOrOffsetSelectionWithStartDate(selectionValue) {
+  return isRangeOrOffsetSelectionValue(selectionValue) && Object.prototype.hasOwnProperty.call(selectionValue, "startDate");
+}
+const withBaseName = makePrefixer("saltCalendarDay");
+function useSelectionCalendar(props) {
+  const {
+    hoveredDate: hoveredDateProp,
+    selectedDate: selectedDateProp,
+    defaultSelectedDate,
+    // onSelectedDateChange,
+    onHoveredDateChange,
+    isDaySelectable,
+    selectionVariant
+    // startDateOffset,
+    // endDateOffset,
+  } = props;
+  const [selectedDate, setSelectedDateState] = useControlled({
+    controlled: selectedDateProp,
+    default: defaultSelectedDate,
+    name: "Calendar",
+    state: "selectedDate"
+  });
+  const getStartDateOffset = (date) => {
+    if (props.selectionVariant === "offset" && props.startDateOffset) {
+      return props.startDateOffset(date);
+    }
+    return defaultOffset(date);
+  };
+  const getEndDateOffset = (date) => {
+    if (props.selectionVariant === "offset" && props.endDateOffset) {
+      return props.endDateOffset(date);
+    }
+    return defaultOffset(date);
+  };
+  const setSelectedDate = (event, newSelectedDate) => {
+    if (isDaySelectable(newSelectedDate)) {
+      switch (props.selectionVariant) {
+        case "default":
+          setSelectedDateState(newSelectedDate);
+          props.onSelectedDateChange?.(event, newSelectedDate);
+          break;
+        case "multiselect": {
+          const newDates = addOrRemoveFromArray(
+            selectedDate ?? [],
+            newSelectedDate
+          );
+          setSelectedDateState(newDates);
+          props.onSelectedDateChange?.(event, newDates);
+          break;
+        }
+        case "range": {
+          let base = selectedDate;
+          if (isRangeOrOffsetSelectionValue(base)) {
+            if (base?.startDate && base?.endDate) {
+              base = { startDate: newSelectedDate };
+            } else if (base?.startDate && newSelectedDate.compare(base.startDate) > 0) {
+              base = { ...base, endDate: newSelectedDate };
+            } else {
+              base = { startDate: newSelectedDate };
+            }
+          } else {
+            base = { startDate: newSelectedDate };
+          }
+          setSelectedDateState(base);
+          props.onSelectedDateChange?.(event, base);
+          break;
+        }
+        case "offset": {
+          const newRange = {
+            startDate: getStartDateOffset(newSelectedDate),
+            endDate: getEndDateOffset(newSelectedDate)
+          };
+          setSelectedDateState(newRange);
+          props.onSelectedDateChange?.(event, newRange);
+        }
+      }
+    }
+  };
+  const isSelected = (date) => {
+    switch (selectionVariant) {
+      case "default":
+        return selectedDate instanceof CalendarDate && isSameDay(selectedDate, date);
+      case "multiselect":
+        return Array.isArray(selectedDate) && !!selectedDate.find((element) => isSameDay(element, date));
+      default:
+        return false;
+    }
+  };
+  const [hoveredDate, setHoveredDateState] = useControlled({
+    controlled: hoveredDateProp,
+    default: void 0,
+    name: "Calendar",
+    state: "hoveredDate"
+  });
+  const setHoveredDate = (event, date) => {
+    setHoveredDateState(date);
+    onHoveredDateChange?.(event, date);
+  };
+  const isHovered = (date) => {
+    return !!hoveredDate && isSameDay(date, hoveredDate);
+  };
+  const isSelectedSpan = (date) => {
+    if ((selectionVariant === "range" || selectionVariant === "offset") && isRangeOrOffsetSelectionValue(selectedDate) && selectedDate?.startDate && selectedDate?.endDate) {
+      return date.compare(selectedDate.startDate) > 0 && date.compare(selectedDate.endDate) < 0;
+    }
+    return false;
+  };
+  const isHoveredSpan = (date) => {
+    if ((selectionVariant === "range" || selectionVariant === "offset") && isRangeOrOffsetSelectionValue(selectedDate) && selectedDate.startDate && !selectedDate.endDate && hoveredDate) {
+      const isForwardRange = hoveredDate.compare(selectedDate.startDate) > 0 && (date.compare(selectedDate.startDate) > 0 && date.compare(hoveredDate) < 0 || isSameDay(date, hoveredDate));
+      const isValidDayHovered = isDaySelectable(hoveredDate);
+      return isForwardRange && isValidDayHovered;
+    }
+    return false;
+  };
+  const isSelectedStart = (date) => {
+    if ((selectionVariant === "range" || selectionVariant === "offset") && isRangeOrOffsetSelectionValue(selectedDate) && selectedDate.startDate) {
+      return isSameDay(selectedDate.startDate, date);
+    }
+    return false;
+  };
+  const isSelectedEnd = (date) => {
+    if ((selectionVariant === "range" || selectionVariant === "offset") && isRangeOrOffsetSelectionValue(selectedDate) && selectedDate.endDate) {
+      return isSameDay(selectedDate.endDate, date);
+    }
+    return false;
+  };
+  const isHoveredOffset = (date) => {
+    if (hoveredDate && selectionVariant === "offset") {
+      const startDate = getStartDateOffset(hoveredDate);
+      const endDate = getEndDateOffset(hoveredDate);
+      return date.compare(startDate) >= 0 && date.compare(endDate) <= 0 && isDaySelectable(date);
+    }
+    return false;
+  };
+  return {
+    state: {
+      selectedDate,
+      hoveredDate
+    },
+    helpers: {
+      setSelectedDate,
+      isSelected,
+      setHoveredDate,
+      isHovered,
+      isSelectedSpan,
+      isHoveredSpan,
+      isSelectedStart,
+      isSelectedEnd,
+      isHoveredOffset
+    }
+  };
+}
+function useSelectionDay({ date }) {
+  const {
+    helpers: {
+      setSelectedDate,
+      isSelected,
+      setHoveredDate,
+      isSelectedSpan,
+      isHoveredSpan,
+      isSelectedStart,
+      isSelectedEnd,
+      isHovered,
+      isHoveredOffset,
+      isDayUnselectable
+    }
+  } = useCalendarContext();
+  const handleClick = (event) => {
+    setSelectedDate(event, date);
+  };
+  const handleKeyDown = (event) => {
+    switch (event.key) {
+      case "Space":
+      case "Enter":
+        setSelectedDate(event, date);
+        event.preventDefault();
+    }
+  };
+  const handleMouseOver = (event) => {
+    setHoveredDate(event, date);
+  };
+  const handleMouseLeave = (event) => {
+    setHoveredDate(event, null);
+  };
+  const selected = isSelected(date);
+  const selectedSpan = isSelectedSpan(date);
+  const hoveredSpan = isHoveredSpan(date);
+  const selectedStart = isSelectedStart(date);
+  const selectedEnd = isSelectedEnd(date);
+  const hovered = isHovered(date);
+  const hoveredOffset = isHoveredOffset(date);
+  return {
+    handleClick,
+    handleKeyDown,
+    handleMouseOver,
+    handleMouseLeave,
+    status: {
+      selected,
+      selectedSpan,
+      hoveredSpan,
+      selectedStart,
+      selectedEnd,
+      hovered,
+      hoveredOffset
+    },
+    dayProps: {
+      className: clsx({
+        [withBaseName("selected")]: selected,
+        [withBaseName("selectedSpan")]: selectedSpan,
+        [withBaseName("hoveredSpan")]: hoveredSpan,
+        [withBaseName("selectedStart")]: selectedStart,
+        [withBaseName("selectedEnd")]: selectedEnd,
+        [withBaseName("hovered")]: hovered,
+        [withBaseName("hoveredOffset")]: hoveredOffset
+      }),
+      "aria-pressed": selected || selectedEnd || selectedStart || selectedSpan ? "true" : void 0,
+      "aria-disabled": isDayUnselectable(date) ? "true" : void 0
+    }
+  };
+}
+
+export { isRangeOrOffsetSelectionValue, isRangeOrOffsetSelectionWithStartDate, useSelectionCalendar, useSelectionDay };
+//# sourceMappingURL=useSelection.js.map

package/esm/calendar/useSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelection.js","sources":["../../../../packages/vuu-ui-controls/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/esm/column-picker/ColumnPicker.css.js

@@ -0,0 +1,4 @@
+var columnPickerCss = ".vuuColumnPicker {\n  z-index: 100\n}\n";
+
+export { columnPickerCss as default };
+//# sourceMappingURL=ColumnPicker.css.js.map

package/esm/column-picker/ColumnPicker.css.js.map

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

package/esm/column-picker/ColumnPicker.js

@@ -0,0 +1,126 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { size, flip, useInteractions, useDismiss, useClick } from '@floating-ui/react';
+import { useFloatingComponent, useIdMemo, useFloatingUI, useForkRef } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import cx from 'clsx';
+import { forwardRef, useState } from 'react';
+import { IconButton } from '../icon-button/IconButton.js';
+import { ColumnSearch } from './ColumnSearch.js';
+import columnPickerCss from './ColumnPicker.css.js';
+
+const classBase = "vuuColumnPicker";
+const FloatingColumnSearch = forwardRef(function FloatingColumnSearch2(props, ref) {
+  const { children, className, collapsed, open, ...rest } = props;
+  const { Component: FloatingComponent } = useFloatingComponent();
+  return /* @__PURE__ */ jsx(
+    FloatingComponent,
+    {
+      className: cx(
+        classBase,
+        {
+          [`${classBase}-collapsed`]: collapsed
+        },
+        className
+      ),
+      role: "listbox",
+      open,
+      ...rest,
+      ref,
+      children
+    }
+  );
+});
+const ColumnPicker = forwardRef(
+  function ColumnPicker2({
+    columns,
+    icon = "add",
+    iconSize,
+    onSelectionChange,
+    selected,
+    ...htmlAttributes
+  }, forwardedRef) {
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "vuu-column-picker",
+      css: columnPickerCss,
+      window: targetWindow
+    });
+    const [open, setOpen] = useState(false);
+    const listId = useIdMemo();
+    const { context, x, y, strategy, elements, floating, reference } = useFloatingUI({
+      open,
+      onOpenChange: setOpen,
+      placement: "bottom-start",
+      strategy: "fixed",
+      middleware: [
+        size({
+          apply({ rects, elements: elements2, availableHeight }) {
+            Object.assign(elements2.floating.style, {
+              minWidth: `${rects.reference.width}px`,
+              maxHeight: `max(calc(${availableHeight}px - var(--salt-spacing-100)), calc((var(--salt-size-base) + var(--salt-spacing-100)) * 5))`
+            });
+          }
+        }),
+        flip({ fallbackStrategy: "initialPlacement" })
+      ]
+    });
+    const { getReferenceProps, getFloatingProps } = useInteractions([
+      useDismiss(context),
+      useClick(context, { keyboardHandlers: false, toggle: false })
+    ]);
+    const handleButtonClick = () => {
+      setOpen((isOpen) => !isOpen);
+    };
+    const forkedRef = useForkRef(reference, forwardedRef);
+    const handleChange = () => {
+      console.log("handleChange");
+    };
+    const handleReorderColumns = () => {
+      console.log("handleMoveListItem");
+    };
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          ...htmlAttributes,
+          ...getReferenceProps(),
+          icon,
+          size: iconSize,
+          onClick: handleButtonClick,
+          ref: forkedRef,
+          variant: "secondary"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FloatingColumnSearch,
+        {
+          ...getFloatingProps(),
+          open,
+          collapsed: !open,
+          id: listId,
+          left: x,
+          position: strategy,
+          ref: floating,
+          top: y,
+          width: elements.floating?.offsetWidth,
+          height: elements.floating?.offsetHeight,
+          children: /* @__PURE__ */ jsx(
+            ColumnSearch,
+            {
+              columns,
+              onChange: handleChange,
+              onReorderColumns: handleReorderColumns,
+              onSelectionChange,
+              selected,
+              style: { width: 220, height: 300 }
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+
+export { ColumnPicker };
+//# sourceMappingURL=ColumnPicker.js.map

package/esm/column-picker/ColumnPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnPicker.js","sources":["../../../../packages/vuu-ui-controls/src/column-picker/ColumnPicker.tsx"],"sourcesContent":["import {\n  flip,\n  size,\n  useClick,\n  useDismiss,\n  useInteractions,\n} from \"@floating-ui/react\";\nimport {\n  FloatingComponentProps,\n  useFloatingComponent,\n  useFloatingUI,\n  useForkRef,\n  useIdMemo,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport cx from \"clsx\";\nimport { forwardRef, useState } from \"react\";\nimport { IconButton, IconButtonProps } from \"../icon-button\";\nimport { ColumnSearch, ColumnSearchProps } from \"./ColumnSearch\";\n\nimport columnPickerCss from \"./ColumnPicker.css\";\n\nconst classBase = \"vuuColumnPicker\";\n\ninterface FloatingColumnSearchProps extends FloatingComponentProps {\n  collapsed?: boolean;\n}\n\nconst FloatingColumnSearch = forwardRef<\n  HTMLDivElement,\n  FloatingColumnSearchProps\n>(function FloatingColumnSearch(props, ref) {\n  const { children, className, collapsed, open, ...rest } = props;\n\n  const { Component: FloatingComponent } = useFloatingComponent();\n  return (\n    <FloatingComponent\n      className={cx(\n        classBase,\n        {\n          [`${classBase}-collapsed`]: collapsed,\n        },\n        className,\n      )}\n      role=\"listbox\"\n      open={open}\n      {...rest}\n      ref={ref}\n    >\n      {children}\n    </FloatingComponent>\n  );\n});\n\nexport interface ColumnPickerProps\n  extends Omit<IconButtonProps, \"icon\">,\n    Pick<ColumnSearchProps, \"columns\" | \"onSelectionChange\" | \"selected\"> {\n  icon?: string;\n  iconSize?: number;\n}\n\nexport const ColumnPicker = forwardRef<HTMLButtonElement, ColumnPickerProps>(\n  function ColumnPicker(\n    {\n      columns,\n      icon = \"add\",\n      iconSize,\n      onSelectionChange,\n      selected,\n      ...htmlAttributes\n    },\n    forwardedRef,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"vuu-column-picker\",\n      css: columnPickerCss,\n      window: targetWindow,\n    });\n\n    const [open, setOpen] = useState(false);\n\n    const listId = useIdMemo();\n    const { context, x, y, strategy, elements, floating, reference } =\n      useFloatingUI({\n        open,\n        onOpenChange: setOpen,\n        placement: \"bottom-start\",\n        strategy: \"fixed\",\n        middleware: [\n          size({\n            apply({ rects, elements, availableHeight }) {\n              Object.assign(elements.floating.style, {\n                minWidth: `${rects.reference.width}px`,\n                maxHeight: `max(calc(${availableHeight}px - var(--salt-spacing-100)), calc((var(--salt-size-base) + var(--salt-spacing-100)) * 5))`,\n              });\n            },\n          }),\n          flip({ fallbackStrategy: \"initialPlacement\" }),\n        ],\n      });\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n      useDismiss(context),\n      useClick(context, { keyboardHandlers: false, toggle: false }),\n    ]);\n\n    const handleButtonClick = () => {\n      setOpen((isOpen) => !isOpen);\n    };\n\n    const forkedRef = useForkRef<HTMLButtonElement>(reference, forwardedRef);\n\n    const handleChange = () => {\n      console.log(\"handleChange\");\n    };\n    const handleReorderColumns = () => {\n      console.log(\"handleMoveListItem\");\n    };\n\n    return (\n      <>\n        <IconButton\n          {...htmlAttributes}\n          {...getReferenceProps()}\n          icon={icon}\n          size={iconSize}\n          onClick={handleButtonClick}\n          ref={forkedRef}\n          variant=\"secondary\"\n        />\n        <FloatingColumnSearch\n          {...getFloatingProps()}\n          open={open}\n          collapsed={!open}\n          id={listId}\n          left={x}\n          position={strategy}\n          ref={floating}\n          top={y}\n          width={elements.floating?.offsetWidth}\n          height={elements.floating?.offsetHeight}\n        >\n          <ColumnSearch\n            columns={columns}\n            onChange={handleChange}\n            onReorderColumns={handleReorderColumns}\n            onSelectionChange={onSelectionChange}\n            selected={selected}\n            style={{ width: 220, height: 300 }}\n          />\n        </FloatingColumnSearch>\n      </>\n    );\n  },\n);\n"],"names":["FloatingColumnSearch","ColumnPicker","elements"],"mappings":"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"}

package/esm/column-picker/ColumnSearch.css.js

@@ -0,0 +1,4 @@
+var searchableListCss = ".vuuColumnSearch {\n  --vuuList-borderWidth: 0;\n  --vuuColumnListItem-border: none;\n  --vuuMeasuredContainer-flex: 1 1 1px;\n\n  background: var(--salt-container-primary-background);\n  border: solid 1px var(--salt-container-primary-borderColor);\n  border-radius: 4px;\n  height: 100%;\n  padding: 12px 4px 12px 12px;\n  display: flex;\n  flex-direction: column;\n\n  .vuuIcon {\n    display: none;\n  }\n  .saltSwitch {\n    display: none;\n  }\n  .vuuColumnList-header {\n    display: none;\n  }\n  .vuuColumnList-colHeadings {\n    display: none;\n  }\n  .vuuList-viewport {\n    padding-right: var(--salt-spacing-100);\n  }\n\n  .vuuColumnListItem {\n    padding-left: var(--salt-spacing-100);\n  }\n\n  ::-webkit-scrollbar {\n    width: 4px;\n    height: 4px;\n  }\n\n  ::-webkit-scrollbar-track {\n    background: transparent;\n    margin-top: 15px;\n    margin-bottom: 15px;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border-radius: 4px;\n    background: #d9d9d9;\n  }\n}\n\n.vuuColumnSearch-inputField {\n  --vuu-icon-size: 16px;\n  flex: 0 0 40px;\n  margin-right: 8px;\n}\n.vuuColumnSearch-list {\n  --vuuMeasuredContainer-flex: 1 1 1px;\n  background-color: var(--salt-container-primary-background);\n  flex: 1 1 auto;\n}\n\n.vuuColumnSearch .vuuTableCell {\n  padding: 0;\n}\n";
+
+export { searchableListCss as default };
+//# sourceMappingURL=ColumnSearch.css.js.map

package/esm/column-picker/ColumnSearch.css.js.map

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

package/esm/column-picker/ColumnSearch.js

@@ -0,0 +1,80 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Input, ListBox, Option, Checkbox } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import cx from 'clsx';
+import { forwardRef, useRef, useCallback } from 'react';
+import searchableListCss from './ColumnSearch.css.js';
+import { queryClosest } from '@vuu-ui/vuu-utils';
+
+const classBase = "vuuColumnSearch";
+const searchIcon = /* @__PURE__ */ jsx("span", { "data-icon": "search" });
+const ColumnSearch = forwardRef(
+  function ColumnSearch2({
+    autoFocus = false,
+    className,
+    columns,
+    onChange,
+    onSelectionChange,
+    selected,
+    ...htmlAttributes
+  }, forwardedRef) {
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "vuu-column-picker",
+      css: searchableListCss,
+      window: targetWindow
+    });
+    const selectedValues = useRef([]);
+    const searchCallbackRef = useCallback((el) => {
+      setTimeout(() => {
+        el?.querySelector("input")?.focus();
+      }, 100);
+    }, []);
+    const handleChange = useCallback(
+      (e) => {
+        const input = e.target;
+        const { columnName } = queryClosest(
+          input,
+          "[data-column-name]",
+          true
+        ).dataset;
+        if (columnName) {
+          if (input.checked) {
+            selectedValues.current = selectedValues.current.concat(columnName);
+          } else {
+            selectedValues.current = selectedValues.current.filter(
+              (val) => val !== columnName
+            );
+          }
+          onSelectionChange?.(e, selectedValues.current);
+        }
+      },
+      [onSelectionChange]
+    );
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ...htmlAttributes,
+        className: cx(classBase, className),
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: `${classBase}-inputField`, children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              startAdornment: searchIcon,
+              ref: autoFocus ? searchCallbackRef : null
+            }
+          ) }),
+          /* @__PURE__ */ jsx(ListBox, { children: columns.map((column) => /* @__PURE__ */ jsxs(Option, { "data-column-name": column, value: column, children: [
+            /* @__PURE__ */ jsx(Checkbox, { onChange: handleChange }),
+            /* @__PURE__ */ jsx("span", { children: column })
+          ] }, column)) })
+        ]
+      }
+    );
+  }
+);
+
+export { ColumnSearch };
+//# sourceMappingURL=ColumnSearch.js.map

package/esm/column-picker/ColumnSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnSearch.js","sources":["../../../../packages/vuu-ui-controls/src/column-picker/ColumnSearch.tsx"],"sourcesContent":["import { Checkbox, Input, ListBoxProps } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport {\n  FormEventHandler,\n  HTMLAttributes,\n  RefCallback,\n  forwardRef,\n  useCallback,\n  useRef,\n} from \"react\";\nimport { ListBox, Option } from \"@salt-ds/core\";\n\nimport searchableListCss from \"./ColumnSearch.css\";\nimport { queryClosest } from \"@vuu-ui/vuu-utils\";\n\nconst classBase = \"vuuColumnSearch\";\n\nexport interface ColumnSearchProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Pick<ListBoxProps, \"onSelectionChange\" | \"selected\"> {\n  columns: string[];\n  onReorderColumns: (columns: string[]) => void;\n}\n\nconst searchIcon = <span data-icon=\"search\" />;\n\n/**\n * @deprecated\n *\n * use ColumnList instead\n */\nexport const ColumnSearch = forwardRef<HTMLDivElement, ColumnSearchProps>(\n  function ColumnSearch(\n    {\n      autoFocus = false,\n      className,\n      columns,\n      onChange,\n      onSelectionChange,\n      selected,\n      ...htmlAttributes\n    },\n    forwardedRef,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"vuu-column-picker\",\n      css: searchableListCss,\n      window: targetWindow,\n    });\n\n    const selectedValues = useRef<string[]>([]);\n\n    const searchCallbackRef = useCallback<RefCallback<HTMLElement>>((el) => {\n      setTimeout(() => {\n        el?.querySelector(\"input\")?.focus();\n      }, 100);\n    }, []);\n\n    const handleChange = useCallback<FormEventHandler<HTMLInputElement>>(\n      (e) => {\n        const input = e.target as HTMLInputElement;\n        const { columnName } = queryClosest(\n          input,\n          \"[data-column-name]\",\n          true,\n        ).dataset;\n        if (columnName) {\n          if (input.checked) {\n            selectedValues.current = selectedValues.current.concat(columnName);\n          } else {\n            selectedValues.current = selectedValues.current.filter(\n              (val) => val !== columnName,\n            );\n          }\n          onSelectionChange?.(e, selectedValues.current);\n        }\n      },\n      [onSelectionChange],\n    );\n\n    return (\n      <div\n        {...htmlAttributes}\n        className={cx(classBase, className)}\n        ref={forwardedRef}\n      >\n        <div className={`${classBase}-inputField`}>\n          <Input\n            // inputProps={{ onKeyDown }}\n            startAdornment={searchIcon}\n            ref={autoFocus ? searchCallbackRef : null}\n            // value={searchState.searchText}\n            // onChange={onChange}\n          />\n        </div>\n        <ListBox>\n          {columns.map((column) => (\n            <Option data-column-name={column} key={column} value={column}>\n              <Checkbox onChange={handleChange} />\n              <span>{column}</span>\n            </Option>\n          ))}\n        </ListBox>\n      </div>\n    );\n  },\n);\n"],"names":["ColumnSearch"],"mappings":";;;;;;;;;AAiBA,MAAM,SAAY,GAAA,iBAAA;AASlB,MAAM,UAAa,mBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,WAAA,EAAU,QAAS,EAAA,CAAA;AAOrC,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,SAASA,aACP,CAAA;AAAA,IACE,SAAY,GAAA,KAAA;AAAA,IACZ,SAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,iBAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,YACA,EAAA;AACA,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,mBAAA;AAAA,MACR,GAAK,EAAA,iBAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAM,MAAA,cAAA,GAAiB,MAAiB,CAAA,EAAE,CAAA;AAE1C,IAAM,MAAA,iBAAA,GAAoB,WAAsC,CAAA,CAAC,EAAO,KAAA;AACtE,MAAA,UAAA,CAAW,MAAM;AACf,QAAI,EAAA,EAAA,aAAA,CAAc,OAAO,CAAA,EAAG,KAAM,EAAA;AAAA,SACjC,GAAG,CAAA;AAAA,KACR,EAAG,EAAE,CAAA;AAEL,IAAA,MAAM,YAAe,GAAA,WAAA;AAAA,MACnB,CAAC,CAAM,KAAA;AACL,QAAA,MAAM,QAAQ,CAAE,CAAA,MAAA;AAChB,QAAM,MAAA,EAAE,YAAe,GAAA,YAAA;AAAA,UACrB,KAAA;AAAA,UACA,oBAAA;AAAA,UACA;AAAA,SACA,CAAA,OAAA;AACF,QAAA,IAAI,UAAY,EAAA;AACd,UAAA,IAAI,MAAM,OAAS,EAAA;AACjB,YAAA,cAAA,CAAe,OAAU,GAAA,cAAA,CAAe,OAAQ,CAAA,MAAA,CAAO,UAAU,CAAA;AAAA,WAC5D,MAAA;AACL,YAAe,cAAA,CAAA,OAAA,GAAU,eAAe,OAAQ,CAAA,MAAA;AAAA,cAC9C,CAAC,QAAQ,GAAQ,KAAA;AAAA,aACnB;AAAA;AAEF,UAAoB,iBAAA,GAAA,CAAA,EAAG,eAAe,OAAO,CAAA;AAAA;AAC/C,OACF;AAAA,MACA,CAAC,iBAAiB;AAAA,KACpB;AAEA,IACE,uBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACE,GAAG,cAAA;AAAA,QACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,QAClC,GAAK,EAAA,YAAA;AAAA,QAEL,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,CAC1B,WAAA,CAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cAEC,cAAgB,EAAA,UAAA;AAAA,cAChB,GAAA,EAAK,YAAY,iBAAoB,GAAA;AAAA;AAAA,WAIzC,EAAA,CAAA;AAAA,0BACA,GAAA,CAAC,OACE,EAAA,EAAA,QAAA,EAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,MACZ,qBAAA,IAAA,CAAC,MAAO,EAAA,EAAA,kBAAA,EAAkB,MAAqB,EAAA,KAAA,EAAO,MACpD,EAAA,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,QAAA,EAAA,EAAS,UAAU,YAAc,EAAA,CAAA;AAAA,4BAClC,GAAA,CAAC,UAAM,QAAO,EAAA,MAAA,EAAA;AAAA,WAFuB,EAAA,EAAA,MAGvC,CACD,CACH,EAAA;AAAA;AAAA;AAAA,KACF;AAAA;AAGN;;;;"}

package/esm/common-hooks/selectionTypes.js

@@ -0,0 +1,10 @@
+const isSingleSelection = (s) => s === void 0 || s === "default" || s === "deselectable";
+const isMultiSelection = (s) => s === "multiple" || s?.startsWith("extended") === true;
+const selectionIsDisallowed = (selection) => selection === "none";
+const allowMultipleSelection = (selectionStrategy, specialKey = false) => selectionStrategy === "multiple" || selectionStrategy === "multiple-special-key" && specialKey;
+const deselectionIsAllowed = (selection) => selection !== "none" && selection !== "default";
+const hasSelection = (selected) => selected !== void 0 && selected.length > 0;
+const getFirstSelectedItem = (selected) => selected[0];
+
+export { allowMultipleSelection, deselectionIsAllowed, getFirstSelectedItem, hasSelection, isMultiSelection, isSingleSelection, selectionIsDisallowed };
+//# sourceMappingURL=selectionTypes.js.map