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

package/dist-cjs/combo-box-deprecated/internal/useComboBox.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@salt-ds/core');
-var React = require('react');
+var react = require('react');
 require('../../list-deprecated/List.js');
 require('../../list-deprecated/ListBase.js');
 require('../../list-deprecated/ListItemBase.js');
@@ -58,21 +58,21 @@ const useComboBox = (props) => {
     name: "ComboBox",
     state: "inputValue"
   });
-  const [selectionChanged, setSelectionChanged] = React.useState(false);
-  const inputRef = React.useRef(null);
-  const [allowAnnouncement, setAllowAnnouncement] = React.useState(false);
-  const labels = React.useMemo(
+  const [selectionChanged, setSelectionChanged] = react.useState(false);
+  const inputRef = react.useRef(null);
+  const [allowAnnouncement, setAllowAnnouncement] = react.useState(false);
+  const labels = react.useMemo(
     () => sourceProp.map(itemToString),
     [sourceProp, itemToString]
   );
-  const source = React.useMemo(() => {
+  const source = react.useMemo(() => {
     if (inputValue == null ? void 0 : inputValue.trim().length) {
       const itemFilter = filterHelpers.getDefaultFilter(inputValue, getFilterRegex);
       return sourceProp.filter((item) => itemFilter(itemToString(item)));
     }
     return sourceProp;
   }, [inputValue, sourceProp, getFilterRegex, itemToString]);
-  const itemTextHighlightPattern = React.useMemo(
+  const itemTextHighlightPattern = react.useMemo(
     () => (inputValue == null ? void 0 : inputValue.trim().length) ? getFilterRegex(inputValue) : void 0,
     [inputValue, getFilterRegex]
   );
@@ -103,9 +103,9 @@ const useComboBox = (props) => {
   const handleInputRef = core.useForkRef(inputRef, handleFocusVisibleRef);
   const { "aria-activedescendant": ariaActiveDescendant, ...restListProps } = listProps;
   const { selectedItem, highlightedIndex } = state;
-  const [quickSelection, setQuickSelection] = React.useState(false);
+  const [quickSelection, setQuickSelection] = react.useState(false);
   const { setFocusVisible, setSelectedItem, setHighlightedIndex } = helpers;
-  const reconcileInput = React.useCallback(() => {
+  const reconcileInput = react.useCallback(() => {
     setInputValue(selectedItem == null ? "" : itemToString(selectedItem));
   }, [selectedItem, itemToString]);
   const selectInputValue = (event) => {
@@ -122,10 +122,10 @@ const useComboBox = (props) => {
   const { isOpen: isListOpen, notifyPopper } = usePopperStatus.usePopperStatus({
     initialOpen
   });
-  React.useEffect(() => {
+  react.useEffect(() => {
     reconcileInput();
   }, [reconcileInput]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (!isListOpen) {
       setHighlightedIndex(void 0);
       setQuickSelection(false);

package/dist-cjs/combo-box-deprecated/internal/useMultiSelectComboBox.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@salt-ds/core');
-var React = require('react');
+var react = require('react');
 require('../../list-deprecated/List.js');
 require('../../list-deprecated/ListBase.js');
 require('../../list-deprecated/ListItemBase.js');
@@ -69,21 +69,21 @@ const useMultiSelectComboBox = (props) => {
     initialOpen,
     isMultiSelect: true
   });
-  const [selectionChanged, setSelectionChanged] = React.useState(false);
-  const inputBlurTimeout = React.useRef(null);
-  const [allowAnnouncement, setAllowAnnouncement] = React.useState(false);
-  const labels = React.useMemo(
+  const [selectionChanged, setSelectionChanged] = react.useState(false);
+  const inputBlurTimeout = react.useRef(null);
+  const [allowAnnouncement, setAllowAnnouncement] = react.useState(false);
+  const labels = react.useMemo(
     () => sourceProp.map(itemToString),
     [sourceProp, itemToString]
   );
-  const source = React.useMemo(() => {
+  const source = react.useMemo(() => {
     if (inputValue == null ? void 0 : inputValue.trim().length) {
       const itemFilter = filterHelpers.getDefaultFilter(inputValue, getFilterRegex);
       return sourceProp.filter((item) => itemFilter(itemToString(item)));
     }
     return sourceProp;
   }, [inputValue, sourceProp, getFilterRegex, itemToString]);
-  const itemTextHighlightPattern = React.useMemo(
+  const itemTextHighlightPattern = react.useMemo(
     () => (inputValue == null ? void 0 : inputValue.trim().length) ? getFilterRegex(inputValue) : void 0,
     [inputValue, getFilterRegex]
   );
@@ -111,7 +111,7 @@ const useMultiSelectComboBox = (props) => {
   });
   const { "aria-activedescendant": ariaActiveDescendant, ...restListProps } = listProps;
   const { selectedItem } = listState;
-  const [quickSelection, setQuickSelection] = React.useState(false);
+  const [quickSelection, setQuickSelection] = react.useState(false);
   const {
     isFocusVisibleRef,
     onFocus: handleFocusVisible,
@@ -197,7 +197,7 @@ const useMultiSelectComboBox = (props) => {
   const handleFocusVisibleRef = core.useForkRef(focusVisibleRef, focusedRef);
   const handleInputRef = core.useForkRef(inputRef, handleFocusVisibleRef);
   const { setHighlightedIndex: setHighlightedPillIndex } = inputHelpers;
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (!isListOpen) {
       setHighlightedListIndex(void 0);
       setQuickSelection(false);
@@ -214,19 +214,19 @@ const useMultiSelectComboBox = (props) => {
       setHighlightedListIndex(void 0);
     }
   }, [selectedItems, previousSelectedItems, setHighlightedListIndex]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (inputState.highlightedIndex != null && inputState.highlightedIndex >= 0) {
       setHighlightedListIndex(void 0);
       setQuickSelection(false);
     }
   }, [inputState.highlightedIndex, setHighlightedListIndex]);
   const highlightedIndex = listState == null ? void 0 : listState.highlightedIndex;
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (highlightedIndex != null && highlightedIndex >= 0) {
       setHighlightedPillIndex(void 0);
     }
   }, [highlightedIndex, setHighlightedPillIndex]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     setHighlightedListIndex(void 0);
   }, [source, setHighlightedListIndex]);
   const handleFirstItemSelection = (event) => {

package/dist-cjs/combo-box-deprecated/internal/usePopperStatus.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 
 const isToggleList = (event) => event.altKey && ["ArrowUp", "ArrowDown"].indexOf(event.key) !== -1;
 const usePopperStatus = (props) => {
   const { initialOpen, isMultiSelect = false, onClose } = props;
-  const [isOpen, setOpen] = React.useState(initialOpen === true);
+  const [isOpen, setOpen] = react.useState(initialOpen === true);
   const handleCloseList = (event) => {
     setOpen(false);
     if (onClose) {

package/dist-cjs/common-hooks/collectionProvider.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+var react = require('react');
 
-const CollectionContext = React.createContext(void 0);
+const CollectionContext = react.createContext(void 0);
 function CollectionProvider({
   children,
   collectionHook,
@@ -13,11 +13,11 @@ function CollectionProvider({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(CollectionContext.Provider, {
     value: collectionHook,
-    children: Object.keys(props).length > 0 ? React.cloneElement(children, props) : children
+    children: Object.keys(props).length > 0 ? react.cloneElement(children, props) : children
   });
 }
 function useCollection() {
-  const collection = React.useContext(CollectionContext);
+  const collection = react.useContext(CollectionContext);
   if (collection) {
     return collection;
   }

package/dist-cjs/common-hooks/keyUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyUtils.js","sources":["../src/common-hooks/keyUtils.ts"],"sourcesContent":["import type React from \"react\";\n\nfunction union<T>(set1: Set<T>, ...sets: Set<T>[]) {\n  const result = new Set(set1);\n  for (const set of sets) {\n    for (const element of set) {\n      result.add(element);\n    }\n  }\n  return result;\n}\n\nexport const ArrowUp = \"ArrowUp\";\nexport const ArrowDown = \"ArrowDown\";\nexport const ArrowLeft = \"ArrowLeft\";\nexport const ArrowRight = \"ArrowRight\";\nexport const Enter = \"Enter\";\nexport const Escape = \"Escape\";\nexport const Home = \"Home\";\nexport const End = \"End\";\nexport const PageUp = \"PageUp\";\nexport const PageDown = \"PageDown\";\nexport const Space = \" \";\nexport const Tab = \"Tab\";\n\nconst actionKeys = new Set([\"Enter\", \"Delete\", \" \"]);\nconst focusKeys = new Set([\"Tab\"]);\nconst arrowLeftRightKeys = new Set([\"ArrowRight\", \"ArrowLeft\"]);\nconst navigationKeys = new Set([\n  Home,\n  End,\n  PageUp,\n  PageDown,\n  ArrowDown,\n  ArrowUp,\n]);\nconst functionKeys = new Set([\n  \"F1\",\n  \"F2\",\n  \"F3\",\n  \"F4\",\n  \"F5\",\n  \"F6\",\n  \"F7\",\n  \"F8\",\n  \"F9\",\n  \"F10\",\n  \"F11\",\n  \"F12\",\n]);\nconst specialKeys = union(\n  actionKeys,\n  navigationKeys,\n  arrowLeftRightKeys,\n  functionKeys,\n  focusKeys,\n);\nexport const isCharacterKey = (evt: React.KeyboardEvent): boolean => {\n  if (specialKeys.has(evt.key)) {\n    return false;\n  }\n  return evt.key.length === 1 && !evt.ctrlKey && !evt.metaKey && !evt.altKey;\n};\n\nexport const isNavigationKey = ({ key }: React.KeyboardEvent): boolean => {\n  return navigationKeys.has(key);\n};\n"],"names":[],"mappings":";;;;AAEA,SAAS,KAAA,CAAS,SAAiB,IAAgB,EAAA;AACjD,EAAM,MAAA,MAAA,GAAS,IAAI,GAAA,CAAI,IAAI,CAAA,CAAA;AAC3B,EAAA,KAAA,MAAW,OAAO,IAAM,EAAA;AACtB,IAAA,KAAA,MAAW,WAAW,GAAK,EAAA;AACzB,MAAA,MAAA,CAAO,IAAI,OAAO,CAAA,CAAA;AAAA,KACpB;AAAA,GACF;AACA,EAAO,OAAA,MAAA,CAAA;AACT,CAAA;AAEO,MAAM,OAAU,GAAA,UAAA;AAChB,MAAM,SAAY,GAAA,YAAA;AAClB,MAAM,SAAY,GAAA,YAAA;AAClB,MAAM,UAAa,GAAA,aAAA;AACnB,MAAM,KAAQ,GAAA,QAAA;AAEd,MAAM,IAAO,GAAA,OAAA;AACb,MAAM,GAAM,GAAA,MAAA;AACZ,MAAM,MAAS,GAAA,SAAA;AACf,MAAM,QAAW,GAAA,WAAA;AACjB,MAAM,KAAQ,GAAA,IAAA;AAGrB,MAAM,6BAAiB,IAAA,GAAA,CAAI,CAAC,OAAS,EAAA,QAAA,EAAU,GAAG,CAAC,CAAA,CAAA;AACnD,MAAM,SAAY,mBAAA,IAAI,GAAI,CAAA,CAAC,KAAK,CAAC,CAAA,CAAA;AACjC,MAAM,qCAAyB,IAAA,GAAA,CAAI,CAAC,YAAA,EAAc,WAAW,CAAC,CAAA,CAAA;AAC9D,MAAM,cAAA,uBAAqB,GAAI,CAAA;AAAA,EAC7B,IAAA;AAAA,EACA,GAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AACF,CAAC,CAAA,CAAA;AACD,MAAM,YAAA,uBAAmB,GAAI,CAAA;AAAA,EAC3B,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AACF,CAAC,CAAA,CAAA;AACD,MAAM,WAAc,GAAA,KAAA;AAAA,EAClB,UAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AACF,CAAA,CAAA;AACa,MAAA,cAAA,GAAiB,CAAC,GAAsC,KAAA;AACnE,EAAA,IAAI,WAAY,CAAA,GAAA,CAAI,GAAI,CAAA,GAAG,CAAG,EAAA;AAC5B,IAAO,OAAA,KAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,GAAA,CAAI,GAAI,CAAA,MAAA,KAAW,CAAK,IAAA,CAAC,GAAI,CAAA,OAAA,IAAW,CAAC,GAAA,CAAI,OAAW,IAAA,CAAC,GAAI,CAAA,MAAA,CAAA;AACtE,EAAA;AAEO,MAAM,eAAkB,GAAA,CAAC,EAAE,GAAA,EAAwC,KAAA;AACxE,EAAO,OAAA,cAAA,CAAe,IAAI,GAAG,CAAA,CAAA;AAC/B;;;;;;;;;;;;;;;"}
+{"version":3,"file":"keyUtils.js","sources":["../src/common-hooks/keyUtils.ts"],"sourcesContent":["import type { KeyboardEvent } from \"react\";\n\nfunction union<T>(set1: Set<T>, ...sets: Set<T>[]) {\n  const result = new Set(set1);\n  for (const set of sets) {\n    for (const element of set) {\n      result.add(element);\n    }\n  }\n  return result;\n}\n\nexport const ArrowUp = \"ArrowUp\";\nexport const ArrowDown = \"ArrowDown\";\nexport const ArrowLeft = \"ArrowLeft\";\nexport const ArrowRight = \"ArrowRight\";\nexport const Enter = \"Enter\";\nexport const Escape = \"Escape\";\nexport const Home = \"Home\";\nexport const End = \"End\";\nexport const PageUp = \"PageUp\";\nexport const PageDown = \"PageDown\";\nexport const Space = \" \";\nexport const Tab = \"Tab\";\n\nconst actionKeys = new Set([\"Enter\", \"Delete\", \" \"]);\nconst focusKeys = new Set([\"Tab\"]);\nconst arrowLeftRightKeys = new Set([\"ArrowRight\", \"ArrowLeft\"]);\nconst navigationKeys = new Set([\n  Home,\n  End,\n  PageUp,\n  PageDown,\n  ArrowDown,\n  ArrowUp,\n]);\nconst functionKeys = new Set([\n  \"F1\",\n  \"F2\",\n  \"F3\",\n  \"F4\",\n  \"F5\",\n  \"F6\",\n  \"F7\",\n  \"F8\",\n  \"F9\",\n  \"F10\",\n  \"F11\",\n  \"F12\",\n]);\nconst specialKeys = union(\n  actionKeys,\n  navigationKeys,\n  arrowLeftRightKeys,\n  functionKeys,\n  focusKeys,\n);\nexport const isCharacterKey = (evt: KeyboardEvent): boolean => {\n  if (specialKeys.has(evt.key)) {\n    return false;\n  }\n  return evt.key.length === 1 && !evt.ctrlKey && !evt.metaKey && !evt.altKey;\n};\n\nexport const isNavigationKey = ({ key }: KeyboardEvent): boolean => {\n  return navigationKeys.has(key);\n};\n"],"names":[],"mappings":";;;;AAEA,SAAS,KAAA,CAAS,SAAiB,IAAgB,EAAA;AACjD,EAAM,MAAA,MAAA,GAAS,IAAI,GAAA,CAAI,IAAI,CAAA,CAAA;AAC3B,EAAA,KAAA,MAAW,OAAO,IAAM,EAAA;AACtB,IAAA,KAAA,MAAW,WAAW,GAAK,EAAA;AACzB,MAAA,MAAA,CAAO,IAAI,OAAO,CAAA,CAAA;AAAA,KACpB;AAAA,GACF;AACA,EAAO,OAAA,MAAA,CAAA;AACT,CAAA;AAEO,MAAM,OAAU,GAAA,UAAA;AAChB,MAAM,SAAY,GAAA,YAAA;AAClB,MAAM,SAAY,GAAA,YAAA;AAClB,MAAM,UAAa,GAAA,aAAA;AACnB,MAAM,KAAQ,GAAA,QAAA;AAEd,MAAM,IAAO,GAAA,OAAA;AACb,MAAM,GAAM,GAAA,MAAA;AACZ,MAAM,MAAS,GAAA,SAAA;AACf,MAAM,QAAW,GAAA,WAAA;AACjB,MAAM,KAAQ,GAAA,IAAA;AAGrB,MAAM,6BAAiB,IAAA,GAAA,CAAI,CAAC,OAAS,EAAA,QAAA,EAAU,GAAG,CAAC,CAAA,CAAA;AACnD,MAAM,SAAY,mBAAA,IAAI,GAAI,CAAA,CAAC,KAAK,CAAC,CAAA,CAAA;AACjC,MAAM,qCAAyB,IAAA,GAAA,CAAI,CAAC,YAAA,EAAc,WAAW,CAAC,CAAA,CAAA;AAC9D,MAAM,cAAA,uBAAqB,GAAI,CAAA;AAAA,EAC7B,IAAA;AAAA,EACA,GAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AACF,CAAC,CAAA,CAAA;AACD,MAAM,YAAA,uBAAmB,GAAI,CAAA;AAAA,EAC3B,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AACF,CAAC,CAAA,CAAA;AACD,MAAM,WAAc,GAAA,KAAA;AAAA,EAClB,UAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AACF,CAAA,CAAA;AACa,MAAA,cAAA,GAAiB,CAAC,GAAgC,KAAA;AAC7D,EAAA,IAAI,WAAY,CAAA,GAAA,CAAI,GAAI,CAAA,GAAG,CAAG,EAAA;AAC5B,IAAO,OAAA,KAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,GAAA,CAAI,GAAI,CAAA,MAAA,KAAW,CAAK,IAAA,CAAC,GAAI,CAAA,OAAA,IAAW,CAAC,GAAA,CAAI,OAAW,IAAA,CAAC,GAAI,CAAA,MAAA,CAAA;AACtE,EAAA;AAEO,MAAM,eAAkB,GAAA,CAAC,EAAE,GAAA,EAAkC,KAAA;AAClE,EAAO,OAAA,cAAA,CAAe,IAAI,GAAG,CAAA,CAAA;AAC/B;;;;;;;;;;;;;;;"}

package/dist-cjs/common-hooks/selectionTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectionTypes.js","sources":["../src/common-hooks/selectionTypes.ts"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport type { CollectionItem } from \"./collectionTypes\";\n\nexport const SINGLE = \"default\";\nexport const MULTIPLE = \"multiple\";\nexport const EXTENDED = \"extended\";\nexport const DESELECTABLE = \"deselectable\";\n\n// export type SelectionDisallowed = \"none\";\nexport type SingleSelectionStrategy = \"default\" | \"deselectable\";\nexport type MultiSelectionStrategy =\n  | \"multiple\"\n  | \"extended\"\n  | \"extended-multi-range\";\nexport type SelectionStrategy =\n  // | SelectionDisallowed\n  SingleSelectionStrategy | MultiSelectionStrategy;\n\nexport type selectedType<\n  Item,\n  Selection extends SelectionStrategy,\n> = Selection extends MultiSelectionStrategy ? Item[] : Item | null;\n\nexport type SelectHandler<Item = string> = (\n  event: SyntheticEvent,\n  selectedItem: Item,\n) => void;\n\nexport type SelectionChangeHandler<\n  Item = string,\n  Selection extends SelectionStrategy = \"default\",\n> = (\n  event: SyntheticEvent,\n  selected: Selection extends SingleSelectionStrategy ? Item | null : Item[],\n) => void;\n\nexport const hasSelection = <Item = unknown>(\n  selected: Item | Item[] | null,\n): boolean => {\n  return Array.isArray(selected)\n    ? selected.length > 0\n    : selected !== null && selected !== undefined;\n};\n\nexport const getFirstSelectedItem = <Item = unknown>(\n  selected: Item | Item[] | null,\n): Item | null => {\n  return Array.isArray(selected) ? selected[0] : selected;\n};\n\nexport interface SelectionProps<\n  Item,\n  Selection extends SelectionStrategy = \"default\",\n> {\n  defaultSelected?: Selection extends SingleSelectionStrategy\n    ? Item | null\n    : Item[];\n  onSelect?: SelectHandler<Item>;\n  onSelectionChange?: SelectionChangeHandler<Item, Selection>;\n  selected?: Selection extends SingleSelectionStrategy ? Item | null : Item[];\n  selectionStrategy?: Selection;\n}\n\nexport interface ListHandlers {\n  onClick?: (event: React.MouseEvent) => void;\n  onKeyDown?: (event: React.KeyboardEvent) => void;\n  onKeyboardNavigation?: (\n    event: React.KeyboardEvent,\n    currentIndex: number,\n  ) => void;\n  onMouseMove?: (event: React.MouseEvent) => void;\n}\nexport interface SelectionHookProps<\n  Item,\n  Selection extends SelectionStrategy = \"default\",\n> extends SelectionProps<CollectionItem<Item>, Selection> {\n  disableSelection?: boolean;\n  highlightedIdx: number;\n  indexPositions: CollectionItem<Item>[];\n  label?: string;\n  selectionKeys?: string[];\n  tabToSelect?: boolean;\n}\n\nexport interface SelectionHookResult<\n  Item,\n  Selection extends SelectionStrategy = \"default\",\n> {\n  listHandlers: ListHandlers;\n  selected: Selection extends SingleSelectionStrategy\n    ? CollectionItem<Item> | null\n    : CollectionItem<Item>[];\n  setSelected: (\n    selected: Selection extends SingleSelectionStrategy\n      ? CollectionItem<Item> | null\n      : CollectionItem<Item>[],\n  ) => void;\n}\n"],"names":[],"mappings":";;;;AAoCa,MAAA,YAAA,GAAe,CAC1B,QACY,KAAA;AACZ,EAAO,OAAA,KAAA,CAAM,QAAQ,QAAQ,CAAA,GACzB,SAAS,MAAS,GAAA,CAAA,GAClB,QAAa,KAAA,IAAA,IAAQ,QAAa,KAAA,KAAA,CAAA,CAAA;AACxC,EAAA;AAEa,MAAA,oBAAA,GAAuB,CAClC,QACgB,KAAA;AAChB,EAAA,OAAO,KAAM,CAAA,OAAA,CAAQ,QAAQ,CAAA,GAAI,SAAS,CAAK,CAAA,GAAA,QAAA,CAAA;AACjD;;;;;"}
+{"version":3,"file":"selectionTypes.js","sources":["../src/common-hooks/selectionTypes.ts"],"sourcesContent":["import type { KeyboardEvent, MouseEvent, SyntheticEvent } from \"react\";\nimport type { CollectionItem } from \"./collectionTypes\";\n\nexport const SINGLE = \"default\";\nexport const MULTIPLE = \"multiple\";\nexport const EXTENDED = \"extended\";\nexport const DESELECTABLE = \"deselectable\";\n\n// export type SelectionDisallowed = \"none\";\nexport type SingleSelectionStrategy = \"default\" | \"deselectable\";\nexport type MultiSelectionStrategy =\n  | \"multiple\"\n  | \"extended\"\n  | \"extended-multi-range\";\nexport type SelectionStrategy =\n  // | SelectionDisallowed\n  SingleSelectionStrategy | MultiSelectionStrategy;\n\nexport type selectedType<\n  Item,\n  Selection extends SelectionStrategy,\n> = Selection extends MultiSelectionStrategy ? Item[] : Item | null;\n\nexport type SelectHandler<Item = string> = (\n  event: SyntheticEvent,\n  selectedItem: Item,\n) => void;\n\nexport type SelectionChangeHandler<\n  Item = string,\n  Selection extends SelectionStrategy = \"default\",\n> = (\n  event: SyntheticEvent,\n  selected: Selection extends SingleSelectionStrategy ? Item | null : Item[],\n) => void;\n\nexport const hasSelection = <Item = unknown>(\n  selected: Item | Item[] | null,\n): boolean => {\n  return Array.isArray(selected)\n    ? selected.length > 0\n    : selected !== null && selected !== undefined;\n};\n\nexport const getFirstSelectedItem = <Item = unknown>(\n  selected: Item | Item[] | null,\n): Item | null => {\n  return Array.isArray(selected) ? selected[0] : selected;\n};\n\nexport interface SelectionProps<\n  Item,\n  Selection extends SelectionStrategy = \"default\",\n> {\n  defaultSelected?: Selection extends SingleSelectionStrategy\n    ? Item | null\n    : Item[];\n  onSelect?: SelectHandler<Item>;\n  onSelectionChange?: SelectionChangeHandler<Item, Selection>;\n  selected?: Selection extends SingleSelectionStrategy ? Item | null : Item[];\n  selectionStrategy?: Selection;\n}\n\nexport interface ListHandlers {\n  onClick?: (event: MouseEvent) => void;\n  onKeyDown?: (event: KeyboardEvent) => void;\n  onKeyboardNavigation?: (event: KeyboardEvent, currentIndex: number) => void;\n  onMouseMove?: (event: MouseEvent) => void;\n}\nexport interface SelectionHookProps<\n  Item,\n  Selection extends SelectionStrategy = \"default\",\n> extends SelectionProps<CollectionItem<Item>, Selection> {\n  disableSelection?: boolean;\n  highlightedIdx: number;\n  indexPositions: CollectionItem<Item>[];\n  label?: string;\n  selectionKeys?: string[];\n  tabToSelect?: boolean;\n}\n\nexport interface SelectionHookResult<\n  Item,\n  Selection extends SelectionStrategy = \"default\",\n> {\n  listHandlers: ListHandlers;\n  selected: Selection extends SingleSelectionStrategy\n    ? CollectionItem<Item> | null\n    : CollectionItem<Item>[];\n  setSelected: (\n    selected: Selection extends SingleSelectionStrategy\n      ? CollectionItem<Item> | null\n      : CollectionItem<Item>[],\n  ) => void;\n}\n"],"names":[],"mappings":";;;;AAoCa,MAAA,YAAA,GAAe,CAC1B,QACY,KAAA;AACZ,EAAO,OAAA,KAAA,CAAM,QAAQ,QAAQ,CAAA,GACzB,SAAS,MAAS,GAAA,CAAA,GAClB,QAAa,KAAA,IAAA,IAAQ,QAAa,KAAA,KAAA,CAAA,CAAA;AACxC,EAAA;AAEa,MAAA,oBAAA,GAAuB,CAClC,QACgB,KAAA;AAChB,EAAA,OAAO,KAAM,CAAA,OAAA,CAAQ,QAAQ,CAAA,GAAI,SAAS,CAAK,CAAA,GAAA,QAAA,CAAA;AACjD;;;;;"}

package/dist-cjs/common-hooks/useAutoSizer.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@salt-ds/core');
-var React = require('react');
+var react = require('react');
 
 function useAutoSizer(props) {
   const { containerRef: ref, responsive, width, height } = props;
-  const [size, setSize] = React.useState({ width, height });
-  const handleResize = React.useCallback(function handleResize2(contentRect) {
+  const [size, setSize] = react.useState({ width, height });
+  const handleResize = react.useCallback(function handleResize2(contentRect) {
     if (contentRect.width > 0 && contentRect.height > 0) {
       setSize({
         width: contentRect.width,

package/dist-cjs/common-hooks/useCollapsibleGroups.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 var keyUtils = require('./keyUtils.js');
 
 const NO_HANDLERS = {};
@@ -19,7 +19,7 @@ const useCollapsibleGroups = ({
   highlightedIdx,
   onToggle
 }) => {
-  const handleKeyDown = React.useCallback(
+  const handleKeyDown = react.useCallback(
     (e) => {
       if (e.key === keyUtils.ArrowRight || e.key === keyUtils.Enter) {
         const item = collectionHook.data[highlightedIdx];
@@ -49,7 +49,7 @@ const useCollapsibleGroups = ({
       highlightedIdx
     ]
   );
-  const handleClick = React.useCallback(
+  const handleClick = react.useCallback(
     (evt) => {
       console.log(`useCollapsibleGroups idx=${highlightedIdx}`);
       const item = collectionHook.data[highlightedIdx];

package/dist-cjs/common-hooks/useCollectionItems.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 var itemToString = require('./itemToString.js');
 var collectionItemUtils = require('./utils/collection-item-utils.js');
 var filterUtils = require('./utils/filter-utils.js');
@@ -18,24 +18,24 @@ const useCollectionItems = ({
 }) => {
   var _a;
   const { getItemId } = options;
-  const [, forceUpdate] = React.useState(null);
+  const [, forceUpdate] = react.useState(null);
   const inheritedCollectionHook = collectionProvider.useCollection();
-  const dataRef = React.useRef([]);
-  const flattenedDataRef = React.useRef([]);
-  const EMPTY_COLLECTION = React.useMemo(() => [], []);
-  const filterPattern = React.useRef((_a = options.filterPattern) != null ? _a : "");
+  const dataRef = react.useRef([]);
+  const flattenedDataRef = react.useRef([]);
+  const EMPTY_COLLECTION = react.useMemo(() => [], []);
+  const filterPattern = react.useRef((_a = options.filterPattern) != null ? _a : "");
   const {
     getFilterRegex = filterUtils.getDefaultFilterRegex,
     noChildrenLabel,
     itemToString: itemToString$1 = itemToString.itemToString
   } = options;
-  const isExpanded = React.useCallback(
+  const isExpanded = react.useCallback(
     (path) => {
       return options.defaultExpanded || false;
     },
     [options.defaultExpanded]
   );
-  const addMetadataToItems = React.useCallback(
+  const addMetadataToItems = react.useCallback(
     (items, indexer, level = 1, path = "", results = [], flattenedCollection2 = [], flattenedSource2 = []) => {
       items.forEach((item, i, all) => {
         var _a2, _b;
@@ -79,13 +79,13 @@ const useCollectionItems = ({
     },
     [options.collapsibleHeaders, getItemId, idRoot, isExpanded]
   );
-  const getFilter = React.useCallback(() => {
+  const getFilter = react.useCallback(() => {
     if (filterPattern.current) {
       return filterUtils.getDefaultFilter(filterPattern.current, getFilterRegex);
     }
     return null;
   }, [getFilterRegex]);
-  const collectVisibleItems = React.useCallback(
+  const collectVisibleItems = react.useCallback(
     (items, filter = getFilter(), results = [], idx = { value: 0 }) => {
       let skipToNextHeader = false;
       for (const item of items) {
@@ -108,7 +108,7 @@ const useCollectionItems = ({
     },
     [getFilter, itemToString$1]
   );
-  const partialCollectionItems = React.useMemo(() => {
+  const partialCollectionItems = react.useMemo(() => {
     return inheritedCollectionHook ? EMPTY_COLLECTION : collectionItemUtils.sourceItems(source, { itemToString: itemToString$1, noChildrenLabel }) || collectionItemUtils.childItems(children) || [];
   }, [
     inheritedCollectionHook,
@@ -118,7 +118,7 @@ const useCollectionItems = ({
     noChildrenLabel,
     children
   ]);
-  const [collectionItems, flattenedSource, flattenedCollection] = React.useMemo(
+  const [collectionItems, flattenedSource, flattenedCollection] = react.useMemo(
     () => inheritedCollectionHook ? [EMPTY_COLLECTION, EMPTY_COLLECTION, EMPTY_COLLECTION] : addMetadataToItems(partialCollectionItems, { value: 0 }),
     [
       EMPTY_COLLECTION,
@@ -128,7 +128,7 @@ const useCollectionItems = ({
     ]
   );
   flattenedDataRef.current = flattenedCollection;
-  React.useMemo(
+  react.useMemo(
     () => inheritedCollectionHook ? EMPTY_COLLECTION : dataRef.current = collectVisibleItems(collectionItems),
     [
       EMPTY_COLLECTION,
@@ -137,8 +137,8 @@ const useCollectionItems = ({
       inheritedCollectionHook
     ]
   );
-  const collectionItemsRef = React.useRef(collectionItems);
-  const setFilterPattern = React.useCallback(
+  const collectionItemsRef = react.useRef(collectionItems);
+  const setFilterPattern = react.useCallback(
     (pattern = "") => {
       if (typeof pattern === "string") {
         filterPattern.current = pattern;
@@ -148,7 +148,7 @@ const useCollectionItems = ({
     },
     [collectionItems, collectVisibleItems]
   );
-  const itemById = React.useCallback(
+  const itemById = react.useCallback(
     (id, target = collectionItems) => {
       const sourceWithId = target.find(
         (i) => {
@@ -166,10 +166,10 @@ const useCollectionItems = ({
     },
     [flattenedSource, collectionItems]
   );
-  const toCollectionItem = React.useCallback(
+  const toCollectionItem = react.useCallback(
     (item) => {
       const collectionItem = flattenedDataRef.current.find(
-        (i) => React.isValidElement(i.value) ? i.label === item : i.value === item
+        (i) => react.isValidElement(i.value) ? i.label === item : i.value === item
       );
       if (collectionItem) {
         return collectionItem;
@@ -178,7 +178,7 @@ const useCollectionItems = ({
     },
     []
   );
-  const itemToCollectionItem = React.useCallback(
+  const itemToCollectionItem = react.useCallback(
     (sel) => {
       if (sel === null) {
         return null;
@@ -198,11 +198,11 @@ const useCollectionItems = ({
     },
     [toCollectionItem]
   );
-  const stringToCollectionItem = React.useCallback(
+  const stringToCollectionItem = react.useCallback(
     (value) => {
       const toCollectionItem2 = (item) => {
         const collectionItem = flattenedDataRef.current.find(
-          (i) => React.isValidElement(i.value) ? i.label === item : i.value !== null && itemToString$1(i.value) === item
+          (i) => react.isValidElement(i.value) ? i.label === item : i.value !== null && itemToString$1(i.value) === item
         );
         if (collectionItem) {
           return collectionItem;
@@ -228,7 +228,7 @@ const useCollectionItems = ({
     },
     [itemToString$1]
   );
-  const itemToId = React.useCallback((item) => {
+  const itemToId = react.useCallback((item) => {
     for (const collectionItem of collectionItemsRef.current) {
       if (item === collectionItem.value) {
         return collectionItem.id;
@@ -236,7 +236,7 @@ const useCollectionItems = ({
     }
     throw Error("useCollectionData itemToId, item not found");
   }, []);
-  const collapseGroupItem = React.useCallback(
+  const collapseGroupItem = react.useCallback(
     (item) => {
       collectionItemsRef.current = collectionItemUtils.replaceCollectionItem(
         collectionItemsRef.current,
@@ -250,7 +250,7 @@ const useCollectionItems = ({
     },
     [collectVisibleItems]
   );
-  const expandGroupItem = React.useCallback(
+  const expandGroupItem = react.useCallback(
     (item) => {
       collectionItemsRef.current = collectionItemUtils.replaceCollectionItem(
         collectionItemsRef.current,

package/dist-cjs/common-hooks/useImperativeScrollingAPI.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 
 const noScrolling = {
   scrollToIndex: () => void 0,
@@ -15,7 +15,7 @@ const useImperativeScrollingAPI = ({
   scrollableRef,
   scrollIntoView
 }) => {
-  const scrollHandles = React.useMemo(
+  const scrollHandles = react.useMemo(
     () => ({
       scrollToIndex: (itemIndex) => {
         const collectionItem = collectionHook.data[itemIndex];
@@ -42,7 +42,7 @@ const useImperativeScrollingAPI = ({
       scrollableRef
     ]
   );
-  React.useImperativeHandle(
+  react.useImperativeHandle(
     forwardedRef,
     () => {
       if (scrollableRef.current) {

package/dist-cjs/common-hooks/useKeyboardNavigation.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@salt-ds/core');
-var React = require('react');
+var react = require('react');
 var keyUtils = require('./keyUtils.js');
 var selectionTypes = require('./selectionTypes.js');
 
@@ -102,14 +102,14 @@ const useKeyboardNavigation = ({
   restoreLastFocus,
   selected
 }) => {
-  const lastFocus = React.useRef(-1);
-  const [, forceRender] = React.useState({});
+  const lastFocus = react.useRef(-1);
+  const [, forceRender] = react.useState({});
   const [highlightedIndex, setHighlightedIdx, isControlledHighlighting] = core.useControlled({
     controlled: highlightedIndexProp,
     default: defaultHighlightedIndex,
     name: "UseKeyboardNavigation"
   });
-  const setHighlightedIndex = React.useCallback(
+  const setHighlightedIndex = react.useCallback(
     (idx, fromKeyboard = false) => {
       onHighlight == null ? void 0 : onHighlight(idx);
       setHighlightedIdx(idx);
@@ -119,7 +119,7 @@ const useKeyboardNavigation = ({
     },
     [onHighlight]
   );
-  const nextPageItemIdx = React.useCallback(
+  const nextPageItemIdx = react.useCallback(
     async (e, index) => {
       const { id } = indexPositions[index];
       let result;
@@ -134,7 +134,7 @@ const useKeyboardNavigation = ({
     },
     [containerRef, indexPositions]
   );
-  const nextFocusableItemIdx = React.useCallback(
+  const nextFocusableItemIdx = react.useCallback(
     (key = keyUtils.ArrowDown, idx = key === keyUtils.ArrowDown ? -1 : indexPositions.length) => {
       if (indexPositions.length === 0) {
         return -1;
@@ -160,13 +160,13 @@ const useKeyboardNavigation = ({
     },
     [indexPositions, selected]
   );
-  const keyboardNavigation = React.useRef(false);
-  const ignoreFocus = React.useRef(false);
-  const setIgnoreFocus = React.useCallback(
+  const keyboardNavigation = react.useRef(false);
+  const ignoreFocus = react.useRef(false);
+  const setIgnoreFocus = react.useCallback(
     (value) => ignoreFocus.current = value,
     []
   );
-  const handleFocus = React.useCallback(() => {
+  const handleFocus = react.useCallback(() => {
     if (ignoreFocus.current) {
       ignoreFocus.current = false;
     } else {
@@ -208,7 +208,7 @@ const useKeyboardNavigation = ({
     selected,
     setHighlightedIndex
   ]);
-  const navigateChildItems = React.useCallback(
+  const navigateChildItems = react.useCallback(
     async (e) => {
       const nextIdx = e.key === keyUtils.PageDown || e.key === keyUtils.PageUp ? await nextPageItemIdx(e, highlightedIndex) : nextFocusableItemIdx(e.key, highlightedIndex);
       if (nextIdx !== highlightedIndex) {
@@ -224,7 +224,7 @@ const useKeyboardNavigation = ({
       setHighlightedIndex
     ]
   );
-  const handleKeyDown = React.useCallback(
+  const handleKeyDown = react.useCallback(
     (e) => {
       if (indexPositions.length > 0 && keyUtils.isNavigationKey(e)) {
         e.preventDefault();
@@ -237,7 +237,7 @@ const useKeyboardNavigation = ({
     },
     [indexPositions, navigateChildItems]
   );
-  const listProps = React.useMemo(() => {
+  const listProps = react.useMemo(() => {
     return {
       onBlur: (e) => {
         const sourceTarget = e.target.closest(".saltList");

package/dist-cjs/common-hooks/useKeyboardNavigationPanel.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@salt-ds/core');
-var React = require('react');
+var react = require('react');
 
 function nextItemIdx(count, direction, idx, cycleFocus = false) {
   if (direction === "BWD") {
@@ -36,7 +36,7 @@ const useKeyboardNavigationPanel = ({
     default: defaultHighlightedIdx,
     name: "UseKeyboardNavigation"
   });
-  const setHighlightedIndex = React.useCallback(
+  const setHighlightedIndex = react.useCallback(
     (idx) => {
       onHighlight == null ? void 0 : onHighlight(idx);
       setHighlightedIdx(idx);
@@ -50,7 +50,7 @@ const useKeyboardNavigationPanel = ({
     },
     [focusOnHighlight, indexPositions, onHighlight]
   );
-  const nextFocusableItemIdx = React.useCallback(
+  const nextFocusableItemIdx = react.useCallback(
     (direction = "FWD", idx = direction === "FWD" ? -1 : indexPositions.length) => {
       let nextIdx = nextItemIdx(
         indexPositions.length,
@@ -70,20 +70,20 @@ const useKeyboardNavigationPanel = ({
     },
     [cycleFocus, indexPositions]
   );
-  const keyboardNavigation = React.useRef(true);
-  const ignoreFocus = React.useRef(false);
-  const setIgnoreFocus = React.useCallback(
+  const keyboardNavigation = react.useRef(true);
+  const ignoreFocus = react.useRef(false);
+  const setIgnoreFocus = react.useCallback(
     (value) => ignoreFocus.current = value,
     []
   );
-  const handleFocus = React.useCallback(() => {
+  const handleFocus = react.useCallback(() => {
     if (ignoreFocus.current) {
       ignoreFocus.current = false;
     } else {
       setHighlightedIndex(nextFocusableItemIdx());
     }
   }, [nextFocusableItemIdx, setHighlightedIndex]);
-  const navigateChildItems = React.useCallback(
+  const navigateChildItems = react.useCallback(
     (e) => {
       const direction = e.shiftKey ? "BWD" : "FWD";
       const nextIdx = nextFocusableItemIdx(direction, highlightedIdx);
@@ -100,7 +100,7 @@ const useKeyboardNavigationPanel = ({
       setHighlightedIndex
     ]
   );
-  const handleKeyDown = React.useCallback(
+  const handleKeyDown = react.useCallback(
     (evt) => {
       if (indexPositions.length > 0 && evt.key === "Tab") {
         evt.preventDefault();
@@ -111,7 +111,7 @@ const useKeyboardNavigationPanel = ({
     },
     [indexPositions, navigateChildItems]
   );
-  const listProps = React.useMemo(
+  const listProps = react.useMemo(
     () => ({
       onBlur: () => {
       },