npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.10 → 1.0.0-alpha.101 - Mend

@salt-ds/lab 1.0.0-alpha.10 → 1.0.0-alpha.101

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

Files changed (2035) hide show

package/dist-es/list/VirtualizedList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VirtualizedList.js","sources":["../src/list/VirtualizedList.tsx"],"sourcesContent":["import { makePrefixer, useForkRef, useIdMemo } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { ForwardedRef, forwardRef, ReactElement, useRef } from \"react\";\nimport {\n CollectionIndexer,\n isSelected,\n SelectionStrategy,\n useCollectionItems,\n useImperativeScrollingAPI,\n} from \"../common-hooks\";\nimport { useListHeight } from \"./useListHeight\";\n\nimport { ListItem, ListItemProxy } from \"./ListItem\";\nimport { ListProps } from \"./listTypes\";\nimport { useList } from \"./useList\";\nimport { Row, useVirtualization } from \"./useVirtualization\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport listCss from \"./List.css\";\n\nconst defaultEmptyMessage = \"No data to display\";\n\nconst withBaseName = makePrefixer(\"saltList\");\n\nexport const VirtualizedList = forwardRef(function List<\n Item,\n Selection extends SelectionStrategy = \"default\"\n>(\n {\n borderless,\n children,\n className,\n collapsibleHeaders = false,\n defaultHighlightedIndex: defaultHighlightedIdx,\n defaultSelected,\n disabled: listDisabled = false,\n disableFocus = false,\n disableTypeToSelect,\n displayedItemCount = 10,\n emptyMessage,\n getItemHeight,\n getItemId,\n height,\n highlightedIndex: highlightedIdxProp,\n id: idProp,\n itemGapSize = 0,\n itemHeight: itemHeightProp,\n itemTextHighlightPattern,\n itemToString,\n maxHeight,\n maxWidth,\n minHeight,\n minWidth,\n onSelect,\n onSelectionChange,\n onHighlight,\n restoreLastFocus,\n selected: selectedProp,\n selectionStrategy,\n scrollingApiRef,\n // TODO do we still need these ?\n selectionKeys,\n showEmptyMessage = false,\n source,\n style: styleProp,\n stickyHeaders,\n tabToSelect,\n width,\n ...htmlAttributes\n }: ListProps<Item, Selection>,\n forwardedRef?: ForwardedRef<HTMLDivElement>\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-list\",\n css: listCss,\n window: targetWindow,\n });\n\n const id = useIdMemo(idProp);\n const rootRef = useRef<HTMLDivElement>(null);\n const rowHeightProxyRef = useRef<HTMLDivElement \| null>(null);\n\n const collectionHook = useCollectionItems<Item>({\n id,\n label: \"List\",\n source,\n children,\n options: {\n collapsibleHeaders,\n getItemId,\n itemToString,\n },\n });\n\n const { preferredHeight } = useListHeight({\n borderless,\n displayedItemCount,\n height,\n itemCount: collectionHook.data.length,\n itemGapSize,\n itemHeight: itemHeightProp,\n rowHeightRef: rowHeightProxyRef,\n });\n const {\n focusVisible,\n highlightedIndex,\n listControlProps,\n listHandlers,\n scrollIntoView,\n selected,\n } = useList<Item, Selection>({\n collapsibleHeaders,\n collectionHook,\n containerRef: rootRef,\n defaultHighlightedIndex: defaultHighlightedIdx,\n defaultSelected: collectionHook.itemToCollectionItem<\n Selection,\n typeof defaultSelected\n >(defaultSelected),\n disabled: listDisabled,\n disableTypeToSelect,\n highlightedIndex: highlightedIdxProp,\n label: id,\n onSelect,\n onSelectionChange,\n onHighlight,\n restoreLastFocus,\n selected: collectionHook.itemToCollectionItem<\n Selection,\n typeof defaultSelected\n >(selectedProp),\n selectionStrategy,\n selectionKeys,\n stickyHeaders,\n tabToSelect,\n });\n\n // TODO move into useList\n const {\n rows: data,\n contentHeight,\n onVerticalScroll: onScroll,\n } = useVirtualization<Item>({\n viewportRef: rootRef,\n data: collectionHook.data,\n itemGapSize,\n });\n\n // FIXME: useImperativeScrollingAPI doesn't work when element is not rendered beyond `renderBuffer`\n // One potential way: pass `scrollIntoView` to `useVirtualization` and update rows before original `scrollIntoView` been called\n useImperativeScrollingAPI({\n collectionHook,\n forwardedRef: scrollingApiRef,\n scrollableRef: rootRef,\n scrollIntoView,\n });\n\n function addItem(\n list: ReactElement[],\n row: Row<Item>,\n idx: { value: number }\n ) {\n const [key, offset, pos, item] = row;\n const index = pos - 1;\n list.push(\n <ListItem\n aria-setsize={collectionHook.data.length}\n aria-posinset={pos}\n className={clsx(className, {\n saltHighlighted: index === highlightedIndex,\n saltFocusVisible: focusVisible === index,\n })}\n data-idx={index}\n key={key}\n data-offset={offset}\n role=\"option\"\n selected={isSelected<Item>(selected, item)}\n id={item.id}\n style={{\n transform: `translate3d(0px, ${offset}px, 0px)`,\n }}\n >\n {item.label}\n </ListItem>\n );\n idx.value += 1;\n }\n\n function renderItems(\n data: Row<Item>[],\n idx: CollectionIndexer = { value: 0 },\n end = data.length\n ) {\n const listItems: ReactElement[] = [];\n while (idx.value < end) {\n const item = data[idx.value];\n addItem(listItems, item, idx);\n }\n return listItems;\n }\n\n function renderEmpty() {\n if (emptyMessage \|\| showEmptyMessage) {\n return (\n <span className={withBaseName(\"empty-message\")}>\n {emptyMessage ?? defaultEmptyMessage}\n </span>\n );\n } else {\n return null;\n }\n }\n\n const renderContent = () => {\n if (data.length) {\n return renderItems(data);\n } else {\n renderEmpty();\n }\n };\n\n const sizeStyles = {\n \"--list-item-gap\": itemGapSize ? `${itemGapSize}px` : undefined,\n minWidth,\n minHeight,\n width: width ?? \"100%\",\n height: height ?? \"100%\",\n maxWidth: maxWidth ?? width,\n maxHeight: maxHeight ?? preferredHeight,\n };\n return (\n <div\n {...htmlAttributes}\n {...listHandlers}\n {...listControlProps}\n className={clsx(withBaseName(), className, withBaseName(\"virtualized\"))}\n id={`${id}`}\n ref={useForkRef<HTMLDivElement>(rootRef, forwardedRef)}\n role=\"listbox\"\n onScroll={onScroll}\n style={{ ...styleProp, ...sizeStyles }}\n tabIndex={listDisabled \|\| disableFocus ? undefined : 0}\n >\n <div\n className={withBaseName(\"scrollingContentContainer\")}\n style={{ height: contentHeight }}\n >\n <ListItemProxy ref={rowHeightProxyRef} />\n {renderContent()}\n </div>\n </div>\n );\n}) as <Item = string, Selection extends SelectionStrategy = \"default\">(\n props: ListProps<Item, Selection> & {\n ref?: ForwardedRef<HTMLDivElement>;\n }\n) => ReactElement<ListProps<Item, Selection>>;\n"],"names":["listCss","data"],"mappings":"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"}
1	+ {"version":3,"file":"VirtualizedList.js","sources":["../src/list/VirtualizedList.tsx"],"sourcesContent":["import { makePrefixer, useForkRef, useIdMemo } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ForwardedRef,\n forwardRef,\n type ReactElement,\n useRef,\n} from \"react\";\nimport {\n type CollectionIndexer,\n isSelected,\n type SelectionStrategy,\n useCollectionItems,\n useImperativeScrollingAPI,\n} from \"../common-hooks\";\nimport listCss from \"./List.css\";\nimport { ListItem, ListItemProxy } from \"./ListItem\";\nimport type { ListProps } from \"./listTypes\";\nimport { useList } from \"./useList\";\nimport { useListHeight } from \"./useListHeight\";\nimport { type Row, useVirtualization } from \"./useVirtualization\";\n\nconst defaultEmptyMessage = \"No data to display\";\n\nconst withBaseName = makePrefixer(\"saltList\");\n\nexport const VirtualizedList = forwardRef(function List<\n Item,\n Selection extends SelectionStrategy = \"default\",\n>(\n {\n borderless,\n children,\n className,\n collapsibleHeaders = false,\n defaultHighlightedIndex: defaultHighlightedIdx,\n defaultSelected,\n disabled: listDisabled = false,\n disableFocus = false,\n disableTypeToSelect,\n displayedItemCount = 10,\n emptyMessage,\n getItemHeight,\n getItemId,\n height,\n highlightedIndex: highlightedIdxProp,\n id: idProp,\n itemGapSize = 0,\n itemHeight: itemHeightProp,\n itemTextHighlightPattern,\n itemToString,\n maxHeight,\n maxWidth,\n minHeight,\n minWidth,\n onSelect,\n onSelectionChange,\n onHighlight,\n restoreLastFocus,\n selected: selectedProp,\n selectionStrategy,\n scrollingApiRef,\n // TODO do we still need these ?\n selectionKeys,\n showEmptyMessage = false,\n source,\n style: styleProp,\n stickyHeaders,\n tabToSelect,\n width,\n ...htmlAttributes\n }: ListProps<Item, Selection>,\n forwardedRef?: ForwardedRef<HTMLDivElement>,\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-list\",\n css: listCss,\n window: targetWindow,\n });\n\n const id = useIdMemo(idProp);\n const rootRef = useRef<HTMLDivElement>(null);\n const rowHeightProxyRef = useRef<HTMLDivElement \| null>(null);\n\n const collectionHook = useCollectionItems<Item>({\n id,\n label: \"List\",\n source,\n children,\n options: {\n collapsibleHeaders,\n getItemId,\n itemToString,\n },\n });\n\n const { preferredHeight } = useListHeight({\n borderless,\n displayedItemCount,\n height,\n itemCount: collectionHook.data.length,\n itemGapSize,\n itemHeight: itemHeightProp,\n rowHeightRef: rowHeightProxyRef,\n });\n const {\n focusVisible,\n highlightedIndex,\n listControlProps,\n listHandlers,\n scrollIntoView,\n selected,\n } = useList<Item, Selection>({\n collapsibleHeaders,\n collectionHook,\n containerRef: rootRef,\n defaultHighlightedIndex: defaultHighlightedIdx,\n defaultSelected: collectionHook.itemToCollectionItem<\n Selection,\n typeof defaultSelected\n >(defaultSelected),\n disabled: listDisabled,\n disableTypeToSelect,\n highlightedIndex: highlightedIdxProp,\n label: id,\n onSelect,\n onSelectionChange,\n onHighlight,\n restoreLastFocus,\n selected: collectionHook.itemToCollectionItem<\n Selection,\n typeof defaultSelected\n >(selectedProp),\n selectionStrategy,\n selectionKeys,\n stickyHeaders,\n tabToSelect,\n });\n\n // TODO move into useList\n const {\n rows: data,\n contentHeight,\n onVerticalScroll: onScroll,\n } = useVirtualization<Item>({\n viewportRef: rootRef,\n data: collectionHook.data,\n itemGapSize,\n });\n\n // FIXME: useImperativeScrollingAPI doesn't work when element is not rendered beyond `renderBuffer`\n // One potential way: pass `scrollIntoView` to `useVirtualization` and update rows before original `scrollIntoView` been called\n useImperativeScrollingAPI({\n collectionHook,\n forwardedRef: scrollingApiRef,\n scrollableRef: rootRef,\n scrollIntoView,\n });\n\n function addItem(\n list: ReactElement[],\n row: Row<Item>,\n idx: { value: number },\n ) {\n const [key, offset, pos, item] = row;\n const index = pos - 1;\n list.push(\n <ListItem\n aria-setsize={collectionHook.data.length}\n aria-posinset={pos}\n className={clsx(className, {\n saltHighlighted: index === highlightedIndex,\n saltFocusVisible: focusVisible === index,\n })}\n data-idx={index}\n key={key}\n data-offset={offset}\n role=\"option\"\n selected={isSelected<Item>(selected, item)}\n id={item.id}\n style={{\n transform: `translate3d(0px, ${offset}px, 0px)`,\n }}\n >\n {item.label}\n </ListItem>,\n );\n idx.value += 1;\n }\n\n function renderItems(\n data: Row<Item>[],\n idx: CollectionIndexer = { value: 0 },\n end = data.length,\n ) {\n const listItems: ReactElement[] = [];\n while (idx.value < end) {\n const item = data[idx.value];\n addItem(listItems, item, idx);\n }\n return listItems;\n }\n\n function renderEmpty() {\n if (emptyMessage \|\| showEmptyMessage) {\n return (\n <span className={withBaseName(\"empty-message\")}>\n {emptyMessage ?? defaultEmptyMessage}\n </span>\n );\n }\n return null;\n }\n\n const renderContent = () => {\n if (data.length) {\n return renderItems(data);\n }\n renderEmpty();\n };\n\n const sizeStyles = {\n \"--list-item-gap\": itemGapSize ? `${itemGapSize}px` : undefined,\n minWidth,\n minHeight,\n width: width ?? \"100%\",\n height: height ?? \"100%\",\n maxWidth: maxWidth ?? width,\n maxHeight: maxHeight ?? preferredHeight,\n };\n return (\n <div\n {...htmlAttributes}\n {...listHandlers}\n {...listControlProps}\n className={clsx(withBaseName(), className, withBaseName(\"virtualized\"))}\n id={`${id}`}\n ref={useForkRef<HTMLDivElement>(rootRef, forwardedRef)}\n role=\"listbox\"\n onScroll={onScroll}\n style={{ ...styleProp, ...sizeStyles }}\n tabIndex={listDisabled \|\| disableFocus ? undefined : 0}\n >\n <div\n className={withBaseName(\"scrollingContentContainer\")}\n style={{ height: contentHeight }}\n >\n <ListItemProxy ref={rowHeightProxyRef} />\n {renderContent()}\n </div>\n </div>\n );\n}) as <Item = string, Selection extends SelectionStrategy = \"default\">(\n props: ListProps<Item, Selection> & {\n ref?: ForwardedRef<HTMLDivElement>;\n },\n) => ReactElement<ListProps<Item, Selection>>;\n"],"names":["listCss","data"],"mappings":"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"}

package/dist-es/list/keyset.js CHANGED Viewed

@@ -8,9 +8,8 @@ class KeySet {
   next() {
     if (this.free.length) {
       return this.free.pop();
-    } else {
-      return this.nextKeyValue++;
     }
+    return this.nextKeyValue++;
   }
   reset(from, to) {
     this.keys.forEach((keyValue, rowIndex) => {

package/dist-es/list/keyset.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"keyset.js","sources":["../src/list/keyset.ts"],"sourcesContent":["export class KeySet {\n private keys: Map<number, number>;\n private free: number[];\n private nextKeyValue: number;\n\n constructor(from = 0, to = 0) {\n this.keys = new Map<number, number>();\n this.free = [];\n this.nextKeyValue = 0;\n this.reset(from, to);\n }\n\n next(): number {\n if (this.free.length) {\n return this.free.pop()~~!;\~~n } ~~else {~~\n return this.nextKeyValue++;\n ~~}\n~~ }\n\n reset(from: number, to: number) {\n this.keys.forEach((keyValue, rowIndex) => {\n if (rowIndex < from \|\| rowIndex >= to) {\n this.free.push(keyValue);\n this.keys.delete(rowIndex);\n }\n });\n\n const size = to - from;\n if (this.keys.size + this.free.length > size) {\n this.free.length = size - this.keys.size;\n }\n\n for (let rowIndex = from; rowIndex < to; rowIndex++) {\n if (!this.keys.has(rowIndex)) {\n const nextKeyValue = this.next();\n this.keys.set(rowIndex, nextKeyValue);\n }\n }\n }\n\n keyFor(rowIndex: number) {\n return this.keys.get(rowIndex);\n }\n}\n"],"names":[],"mappings":"AAAO,MAAM,~~MAAO~~,~~CAAA~~;AAAA,~~EAKlB~~,~~WAAY~~,~~CAAA~~,IAAA,GAAO,~~CAAG~~,~~EAAA~~,EAAA,GAAK,~~CAAG~~,~~EAAA~~;AAC5B,~~IAAK~~,IAAA,~~CAAA~~,IAAA,uBAAW,~~GAAoB~~,~~EAAA,CAAA~~;AACpC,IAAA,IAAA,CAAK,OAAO,EAAC~~,CAAA~~;AACb,IAAA,IAAA,CAAK,~~YAAe~~,~~GAAA~~,CAAA~~,CAAA~~;AACpB,~~IAAK~~,IAAA,~~CAAA~~,KAAA,CAAM,MAAM,EAAE,CAAA~~,CAAA~~;AAAA,~~GACrB~~;AAAA,EAEA,~~IAAe~~,~~GAAA~~;AACb,IAAI,IAAA,~~IAAA,~~CAAK,KAAK,~~MAAQ~~,~~EAAA~~;AACpB,~~MAAO~~,~~OAAA~~,IAAA,CAAK,KAAK,~~GAAI~~,~~EAAA,CAAA~~;AAAA,~~KAChB,MAAA~~;~~AACL~~,~~MAAA~~,OAAO,~~IAAK~~,~~CAAA~~,YAAA,EAAA~~,CAAA~~;AAAA,~~KACd~~;AAAA,~~GACF;AAAA,~~EAEA,KAAA,CAAM,MAAc,EAAY~~,EAAA~~;AAC9B,IAAA,IAAA,CAAK,~~IAAK~~,~~CAAA~~,OAAA,CAAQ,CAAC,QAAA,EAAU,~~QAAa~~,~~KAAA~~;AACxC,~~MAAI~~,~~IAAA~~,QAAA,GAAW,IAAQ,~~IAAA,~~QAAA,IAAY,EAAI~~,EAAA~~;AACrC,~~QAAK~~,IAAA,~~CAAA~~,IAAA,CAAK,KAAK,QAAQ,CAAA~~,CAAA~~;AACvB,~~QAAK~~,IAAA,~~CAAA~~,IAAA,CAAK,OAAO,QAAQ,CAAA~~,CAAA~~;AAAA,~~OAC3B~~;AAAA,~~KACD~~,~~CAAA~~,CAAA;AAED,IAAA,MAAM,OAAO,~~EAAK~~,~~GAAA~~,IAAA~~,CAAA~~;AAClB,IAAA,IAAI,KAAK,~~IAAK~~,~~CAAA~~,IAAA,GAAO,~~IAAK~~,~~CAAA~~,IAAA,CAAK,SAAS,~~IAAM~~,~~EAAA~~;AAC5C,MAAA,IAAA,CAAK,~~IAAK~~,~~CAAA~~,MAAA,GAAS,~~IAAO~~,~~GAAA~~,IAAA,CAAK,~~IAAK~~,~~CAAA~~,IAAA~~,CAAA~~;AAAA,~~KACtC~~;AAEA,IAAA,KAAA,IAAS,~~QAAW~~,~~GAAA~~,IAAA,EAAM,~~QAAW~~,~~GAAA~~,EAAA,EAAI,~~QAAY~~,EAAA,~~EAAA~~;AACnD,MAAA,IAAI,CAAC,IAAA,CAAK,~~IAAK~~,~~CAAA~~,GAAA,CAAI,QAAQ,~~CAAG~~,~~EAAA~~;AAC5B,~~QAAM~~,~~MAAA~~,YAAA,GAAe,KAAK,~~IAAK~~,~~EAAA,CAAA~~;AAC/B,~~QAAK~~,IAAA,~~CAAA~~,IAAA,CAAK,~~GAAI~~,~~CAAA~~,QAAA,EAAU,YAAY,CAAA~~,CAAA~~;AAAA,~~OACtC~~;AAAA,~~KACF~~;AAAA,~~GACF~~;AAAA,EAEA,OAAO,~~QAAkB~~,~~EAAA~~;AACvB,~~IAAO~~,~~OAAA~~,IAAA,CAAK,~~IAAK~~,~~CAAA~~,GAAA,CAAI,QAAQ,CAAA~~,CAAA~~;AAAA,~~GAC~~/B;AACF;;;;"}
1	+ {"version":3,"file":"keyset.js","sources":["../src/list/keyset.ts"],"sourcesContent":["export class KeySet {\n private keys: Map<number, number>;\n\n private free: number[];\n\n private nextKeyValue: number;\n\n constructor(from = 0, to = 0) {\n this.keys = new Map<number, number>();\n this.free = [];\n this.nextKeyValue = 0;\n this.reset(from, to);\n }\n\n next(): number {\n if (this.free.length) {\n return this.free.pop() as number;\n }\n return this.nextKeyValue++;\n }\n\n reset(from: number, to: number) {\n this.keys.forEach((keyValue, rowIndex) => {\n if (rowIndex < from \|\| rowIndex >= to) {\n this.free.push(keyValue);\n this.keys.delete(rowIndex);\n }\n });\n\n const size = to - from;\n if (this.keys.size + this.free.length > size) {\n this.free.length = size - this.keys.size;\n }\n\n for (let rowIndex = from; rowIndex < to; rowIndex++) {\n if (!this.keys.has(rowIndex)) {\n const nextKeyValue = this.next();\n this.keys.set(rowIndex, nextKeyValue);\n }\n }\n }\n\n keyFor(rowIndex: number) {\n return this.keys.get(rowIndex);\n }\n}\n"],"names":[],"mappings":"AAAO,MAAM,MAAA,CAAO;AAAA,EAOlB,WAAA,CAAY,IAAA,GAAO,CAAA,EAAG,EAAA,GAAK,CAAA,EAAG;AAC5B,IAAA,IAAA,CAAK,IAAA,uBAAW,GAAA,EAAoB;AACpC,IAAA,IAAA,CAAK,OAAO,EAAC;AACb,IAAA,IAAA,CAAK,YAAA,GAAe,CAAA;AACpB,IAAA,IAAA,CAAK,KAAA,CAAM,MAAM,EAAE,CAAA;AAAA,EACrB;AAAA,EAEA,IAAA,GAAe;AACb,IAAA,IAAI,IAAA,CAAK,KAAK,MAAA,EAAQ;AACpB,MAAA,OAAO,IAAA,CAAK,KAAK,GAAA,EAAI;AAAA,IACvB;AACA,IAAA,OAAO,IAAA,CAAK,YAAA,EAAA;AAAA,EACd;AAAA,EAEA,KAAA,CAAM,MAAc,EAAA,EAAY;AAC9B,IAAA,IAAA,CAAK,IAAA,CAAK,OAAA,CAAQ,CAAC,QAAA,EAAU,QAAA,KAAa;AACxC,MAAA,IAAI,QAAA,GAAW,IAAA,IAAQ,QAAA,IAAY,EAAA,EAAI;AACrC,QAAA,IAAA,CAAK,IAAA,CAAK,KAAK,QAAQ,CAAA;AACvB,QAAA,IAAA,CAAK,IAAA,CAAK,OAAO,QAAQ,CAAA;AAAA,MAC3B;AAAA,IACF,CAAC,CAAA;AAED,IAAA,MAAM,OAAO,EAAA,GAAK,IAAA;AAClB,IAAA,IAAI,KAAK,IAAA,CAAK,IAAA,GAAO,IAAA,CAAK,IAAA,CAAK,SAAS,IAAA,EAAM;AAC5C,MAAA,IAAA,CAAK,IAAA,CAAK,MAAA,GAAS,IAAA,GAAO,IAAA,CAAK,IAAA,CAAK,IAAA;AAAA,IACtC;AAEA,IAAA,KAAA,IAAS,QAAA,GAAW,IAAA,EAAM,QAAA,GAAW,EAAA,EAAI,QAAA,EAAA,EAAY;AACnD,MAAA,IAAI,CAAC,IAAA,CAAK,IAAA,CAAK,GAAA,CAAI,QAAQ,CAAA,EAAG;AAC5B,QAAA,MAAM,YAAA,GAAe,KAAK,IAAA,EAAK;AAC/B,QAAA,IAAA,CAAK,IAAA,CAAK,GAAA,CAAI,QAAA,EAAU,YAAY,CAAA;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,OAAO,QAAA,EAAkB;AACvB,IAAA,OAAO,IAAA,CAAK,IAAA,CAAK,GAAA,CAAI,QAAQ,CAAA;AAAA,EAC/B;AACF;;;;"}

package/dist-es/list/useList.js CHANGED Viewed

@@ -1,10 +1,9 @@
 import { useRef, useCallback, isValidElement } from 'react';
-import '@salt-ds/core';
 import '../common-hooks/collectionProvider.js';
 import '../common-hooks/keyUtils.js';
-import { useCollapsibleGroups } from '../common-hooks/useCollapsibleGroups.js';
 import { closestListItemIndex } from '../common-hooks/list-dom-utils.js';
-import '../utils/useFloatingUI.js';
+import '@salt-ds/core';
+import { useCollapsibleGroups } from '../common-hooks/useCollapsibleGroups.js';
 import { useKeyboardNavigation } from '../common-hooks/useKeyboardNavigation.js';
 import { useSelection } from '../common-hooks/useSelection.js';
 import { useTypeahead } from '../common-hooks/useTypeahead.js';
@@ -59,9 +58,7 @@ const useList = ({
       if (onSelectionChange) {
         onSelectionChange(
           evt,
-          Array.isArray(selected2) ? selected2.map(
-            (s) => isValidElement(s.value) ? s.label : s.value
-          ) : selected2 && (isValidElement(selected2.value) ? selected2.label : selected2.value)
+          Array.isArray(selected2) ? selected2.map((s) => isValidElement(s.value) ? s.label : s.value) : selected2 && (isValidElement(selected2.value) ? selected2.label : selected2.value)
         );
       }
     },
@@ -82,7 +79,6 @@ const useList = ({
     disableHighlightOnFocus,
     highlightedIndex: highlightedIndexProp,
     indexPositions: dataHook.data,
-    label,
     onHighlight,
     onKeyboardNavigation: handleKeyboardNavigation,
     restoreLastFocus,
@@ -115,7 +111,6 @@ const useList = ({
   const handleKeyDown = useCallback(
     (evt) => {
       var _a, _b, _c;
-      console.log(`useList handleKeyDown`);
       if (!evt.defaultPrevented) {
         typeaheadOnKeyDown == null ? void 0 : typeaheadOnKeyDown(evt);
       }
@@ -183,7 +178,16 @@ const useList = ({
     onMouseLeave: navigationControlProps.onMouseLeave
   };
   const listHandlers = listHandlersProp || {
-    onClick: selectionHook.listHandlers.onClick,
+    // Don't expose a click handler when the list is disabled. Previously,
+    // selection on disabled lists was prevented only as a side-effect of
+    // `handleMouseMove` gating on `disabled` (which kept `highlightedIdx` at
+    // -1, so `useSelection.handleClick` no-op'd). Now that `handleClick`
+    // resolves the clicked item directly from the event target, we must
+    // explicitly suppress the handler here.
+    onClick: disabled ? void 0 : selectionHook.listHandlers.onClick,
+    // MouseEnter would be much better for this. There is a bug in Cypress
+    // wheby it emits spurious MouseEnter (and MouseOver) events around
+    // keypress events, which break many tests.
     onMouseMove: handleMouseMove
   };
   return {

package/dist-es/list/useList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useList.js","sources":["../src/list/useList.ts"],"sourcesContent":["import {\n isValidElement,\n KeyboardEvent,\n MouseEvent,\n useCallback,\n useRef,\n} from \"react\";\nimport {\n closestListItemIndex,\n CollectionItem,\n ListHandlers,\n selectedType,\n SelectHandler,\n SelectionChangeHandler,\n SelectionStrategy,\n useCollapsibleGroups,\n useKeyboardNavigation,\n useSelection,\n useTypeahead,\n useViewportTracking,\n} from \"../common-hooks\";\n\nimport { ListHookProps, ListHookResult, ListControlProps } from \"./listTypes\";\n\nexport const useList = <Item, Selection extends SelectionStrategy = \"default\">({\n collapsibleHeaders,\n collectionHook: dataHook,\n containerRef,\n contentRef,\n defaultHighlightedIndex,\n defaultSelected,\n disabled,\n disableAriaActiveDescendant,\n disableHighlightOnFocus,\n disableTypeToSelect,\n highlightedIndex: highlightedIndexProp,\n label = \"\",\n listHandlers: listHandlersProp,\n onSelect,\n onSelectionChange,\n onHighlight,\n onKeyboardNavigation,\n onKeyDown,\n restoreLastFocus,\n selected,\n selectionStrategy,\n selectionKeys,\n stickyHeaders,\n tabToSelect,\n}: ListHookProps<Item, Selection>): ListHookResult<Item, Selection> => {\n type selectedItem = selectedType<Item, Selection>;\n\n const lastSelection = useRef<typeof selected>(selected \|\| defaultSelected);\n const handleKeyboardNavigation = (evt: KeyboardEvent, nextIndex: number) => {\n selectionHook.listHandlers.onKeyboardNavigation?.(evt, nextIndex);\n onKeyboardNavigation?.(evt, nextIndex);\n };\n\n // TODO where do these belong ?\n const handleSelect = useCallback<SelectHandler<CollectionItem<Item>>>(\n (evt, selectedItem) => {\n if (onSelect) {\n if (isValidElement(selectedItem.value)) {\n onSelect(evt, selectedItem.label as any);\n } else if (selectedItem.value !== null) {\n onSelect(evt, selectedItem.value);\n }\n }\n },\n [onSelect]\n );\n\n const handleSelectionChange = useCallback<\n SelectionChangeHandler<CollectionItem<Item>, Selection>\n >(\n (evt, selected) => {\n if (onSelectionChange) {\n onSelectionChange(\n evt,\n Array.isArray(selected)\n ? (selected.map((s) =>\n isValidElement(s.value) ? s.label : s.value\n ) as selectedItem)\n : selected &&\n ((isValidElement(selected.value)\n ? selected.label\n : selected.value) as any)\n );\n }\n },\n [onSelectionChange]\n );\n\n const {\n highlightedIndex,\n listProps: {\n onKeyDown: navigationKeyDown,\n onMouseMove: navigationMouseMove,\n ...navigationControlProps\n },\n setHighlightedIndex,\n ...keyboardHook\n } = useKeyboardNavigation<Item, Selection>({\n containerRef,\n defaultHighlightedIndex,\n disableHighlightOnFocus,\n highlightedIndex: highlightedIndexProp,\n indexPositions: dataHook.data,\n label,\n onHighlight,\n onKeyboardNavigation: handleKeyboardNavigation,\n restoreLastFocus,\n selected: lastSelection.current,\n });\n\n const collapsibleHook = useCollapsibleGroups({\n collapsibleHeaders,\n highlightedIdx: highlightedIndex,\n collectionHook: dataHook,\n });\n\n const selectionHook = useSelection<Item, Selection>({\n defaultSelected,\n highlightedIdx: highlightedIndex,\n indexPositions: dataHook.data,\n label,\n onSelect: handleSelect,\n onSelectionChange: handleSelectionChange,\n selected,\n selectionStrategy,\n selectionKeys,\n tabToSelect,\n });\n\n const { onKeyDown: typeaheadOnKeyDown } = useTypeahead<Item>({\n disableTypeToSelect,\n highlightedIdx: highlightedIndex,\n highlightItemAtIndex: setHighlightedIndex,\n typeToNavigate: true,\n items: dataHook.data,\n });\n\n const handleKeyDown = useCallback(\n (evt: KeyboardEvent) => {\n console.log(`useList handleKeyDown`);\n if (!evt.defaultPrevented) {\n typeaheadOnKeyDown?.(evt);\n }\n // We still let the keyboard navigation hook process the event even\n // if it has been handled by the typeahead hook. That is so it can\n // correctly manage the focusVisible state.\n navigationKeyDown(evt);\n if (!evt.defaultPrevented) {\n selectionHook.listHandlers.onKeyDown?.(evt);\n }\n if (!evt.defaultPrevented) {\n collapsibleHook?.onKeyDown?.(evt);\n }\n\n if (!evt.defaultPrevented) {\n onKeyDown?.(evt);\n }\n },\n [\n collapsibleHook,\n navigationKeyDown,\n onKeyDown,\n selectionHook.listHandlers,\n typeaheadOnKeyDown,\n ]\n );\n\n // This is only appropriate when we are directly controlling a List,\n // not when a control is manipulating the list\n const { isScrolling, scrollIntoView } = useViewportTracking({\n containerRef,\n contentRef,\n highlightedIdx: highlightedIndex,\n indexPositions: dataHook.data,\n stickyHeaders,\n });\n\n const handleMouseMove = useCallback(\n (evt: MouseEvent) => {\n if (!isScrolling.current && !disabled) {\n navigationMouseMove();\n const idx = closestListItemIndex(evt.target as HTMLElement);\n if (idx !== highlightedIndex) {\n const item = dataHook.data[idx];\n if (!item \|\| item.disabled) {\n setHighlightedIndex(-1);\n } else {\n setHighlightedIndex(idx);\n }\n }\n }\n },\n [\n isScrolling,\n disabled,\n setHighlightedIndex,\n navigationMouseMove,\n highlightedIndex,\n dataHook.data,\n ]\n );\n\n const getActiveDescendant = () =>\n highlightedIndex === undefined \|\|\n highlightedIndex === -1 \|\|\n disableAriaActiveDescendant\n ? undefined\n : dataHook.data[highlightedIndex]?.id;\n\n // We need this on reEntry for navigation hook to handle focus\n lastSelection.current = selectionHook.selected;\n\n // controlProps ?\n const listControlProps: ListControlProps = {\n \"aria-activedescendant\": getActiveDescendant(),\n onBlur: navigationControlProps.onBlur,\n onFocus: navigationControlProps.onFocus,\n onKeyDown: handleKeyDown,\n onMouseDownCapture: navigationControlProps.onMouseDownCapture,\n onMouseLeave: navigationControlProps.onMouseLeave,\n };\n\n const listHandlers: ListHandlers = listHandlersProp \|\| {\n onClick: selectionHook.listHandlers.onClick,\n // MouseEnter would be much better for this. There is a bug in Cypress\n // wheby it emits spurious MouseEnter (and MouseOver) events around\n // keypress events, which break many tests.\n onMouseMove: handleMouseMove,\n };\n\n return {\n focusVisible: keyboardHook.focusVisible,\n controlledHighlighting: keyboardHook.controlledHighlighting,\n highlightedIndex,\n keyboardNavigation: keyboardHook.keyboardNavigation,\n listHandlers,\n listItemHeaderHandlers: collapsibleHook,\n listControlProps,\n scrollIntoView,\n selected: selectionHook.selected,\n setHighlightedIndex,\n setIgnoreFocus: keyboardHook.setIgnoreFocus,\n setSelected: selectionHook.setSelected,\n };\n};\n"],"names":["selected"],"mappings":";;;;;;;;;;;;AAwBO,MAAM,UAAU,CAAwD;AAAA,EAC7E,kBAAA;AAAA,EACA,cAAgB,EAAA,QAAA;AAAA,EAChB,YAAA;AAAA,EACA,UAAA;AAAA,EACA,uBAAA;AAAA,EACA,eAAA;AAAA,EACA,QAAA;AAAA,EACA,2BAAA;AAAA,EACA,uBAAA;AAAA,EACA,mBAAA;AAAA,EACA,gBAAkB,EAAA,oBAAA;AAAA,EAClB,KAAQ,GAAA,EAAA;AAAA,EACR,YAAc,EAAA,gBAAA;AAAA,EACd,QAAA;AAAA,EACA,iBAAA;AAAA,EACA,WAAA;AAAA,EACA,oBAAA;AAAA,EACA,SAAA;AAAA,EACA,gBAAA;AAAA,EACA,QAAA;AAAA,EACA,iBAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AACF,CAAuE,KAAA;AAGrE,EAAM,MAAA,aAAA,GAAgB,MAAwB,CAAA,QAAA,IAAY,eAAe,CAAA,CAAA;AACzE,EAAM,MAAA,wBAAA,GAA2B,CAAC,GAAA,EAAoB,SAAsB,KAAA;AArD9E,IAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAsDI,IAAc,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,aAAA,CAAA,YAAA,EAAa,oBAA3B,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAkD,GAAK,EAAA,SAAA,CAAA,CAAA;AACvD,IAAA,oBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,oBAAA,CAAuB,GAAK,EAAA,SAAA,CAAA,CAAA;AAAA,GAC9B,CAAA;AAGA,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAAC,KAAK,YAAiB,KAAA;AACrB,MAAA,IAAI,QAAU,EAAA;AACZ,QAAI,IAAA,cAAA,CAAe,YAAa,CAAA,KAAK,CAAG,EAAA;AACtC,UAAS,QAAA,CAAA,GAAA,EAAK,aAAa,KAAY,CAAA,CAAA;AAAA,SACzC,MAAA,IAAW,YAAa,CAAA,KAAA,KAAU,IAAM,EAAA;AACtC,UAAS,QAAA,CAAA,GAAA,EAAK,aAAa,KAAK,CAAA,CAAA;AAAA,SAClC;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,QAAQ,CAAA;AAAA,GACX,CAAA;AAEA,EAAA,MAAM,qBAAwB,GAAA,WAAA;AAAA,IAG5B,CAAC,KAAKA,SAAa,KAAA;AACjB,MAAA,IAAI,iBAAmB,EAAA;AACrB,QAAA,iBAAA;AAAA,UACE,GAAA;AAAA,UACA,KAAM,CAAA,OAAA,CAAQA,SAAQ,CAAA,GACjBA,SAAS,CAAA,GAAA;AAAA,YAAI,CAAC,MACb,cAAe,CAAA,CAAA,CAAE,KAAK,CAAI,GAAA,CAAA,CAAE,QAAQ,CAAE,CAAA,KAAA;AAAA,WACxC,GACAA,cACI,cAAeA,CAAAA,SAAAA,CAAS,KAAK,CAC3BA,GAAAA,SAAAA,CAAS,QACTA,SAAS,CAAA,KAAA,CAAA;AAAA,SACrB,CAAA;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,iBAAiB,CAAA;AAAA,GACpB,CAAA;AAEA,EAAM,MAAA;AAAA,IACJ,gBAAA;AAAA,IACA,SAAW,EAAA;AAAA,MACT,SAAW,EAAA,iBAAA;AAAA,MACX,WAAa,EAAA,mBAAA;AAAA,MACV,GAAA,sBAAA;AAAA,KACL;AAAA,IACA,mBAAA;AAAA,IACG,GAAA,YAAA;AAAA,MACD,qBAAuC,CAAA;AAAA,IACzC,YAAA;AAAA,IACA,uBAAA;AAAA,IACA,uBAAA;AAAA,IACA,gBAAkB,EAAA,oBAAA;AAAA,IAClB,gBAAgB,QAAS,CAAA,IAAA;AAAA,IACzB,KAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAsB,EAAA,wBAAA;AAAA,IACtB,gBAAA;AAAA,IACA,UAAU,aAAc,CAAA,OAAA;AAAA,GACzB,CAAA,CAAA;AAED,EAAA,MAAM,kBAAkB,oBAAqB,CAAA;AAAA,IAC3C,kBAAA;AAAA,IACA,cAAgB,EAAA,gBAAA;AAAA,IAChB,cAAgB,EAAA,QAAA;AAAA,GACjB,CAAA,CAAA;AAED,EAAA,MAAM,gBAAgB,YAA8B,CAAA;AAAA,IAClD,eAAA;AAAA,IACA,cAAgB,EAAA,gBAAA;AAAA,IAChB,gBAAgB,QAAS,CAAA,IAAA;AAAA,IACzB,KAAA;AAAA,IACA,QAAU,EAAA,YAAA;AAAA,IACV,iBAAmB,EAAA,qBAAA;AAAA,IACnB,QAAA;AAAA,IACA,iBAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,SAAA,EAAW,kBAAmB,EAAA,GAAI,YAAmB,CAAA;AAAA,IAC3D,mBAAA;AAAA,IACA,cAAgB,EAAA,gBAAA;AAAA,IAChB,oBAAsB,EAAA,mBAAA;AAAA,IACtB,cAAgB,EAAA,IAAA;AAAA,IAChB,OAAO,QAAS,CAAA,IAAA;AAAA,GACjB,CAAA,CAAA;AAED,EAAA,MAAM,aAAgB,GAAA,WAAA;AAAA,IACpB,CAAC,GAAuB,KAAA;AA/I5B,MAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAgJM,MAAA,OAAA,CAAQ,IAAI,CAAuB,qBAAA,CAAA,CAAA,CAAA;AACnC,MAAI,IAAA,CAAC,IAAI,gBAAkB,EAAA;AACzB,QAAqB,kBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,kBAAA,CAAA,GAAA,CAAA,CAAA;AAAA,OACvB;AAIA,MAAA,iBAAA,CAAkB,GAAG,CAAA,CAAA;AACrB,MAAI,IAAA,CAAC,IAAI,gBAAkB,EAAA;AACzB,QAAc,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,aAAA,CAAA,YAAA,EAAa,cAA3B,IAAuC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAA,GAAA,CAAA,CAAA;AAAA,OACzC;AACA,MAAI,IAAA,CAAC,IAAI,gBAAkB,EAAA;AACzB,QAAA,CAAA,EAAA,GAAA,eAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAiB,cAAjB,IAA6B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,EAAA,GAAA,CAAA,CAAA;AAAA,OAC/B;AAEA,MAAI,IAAA,CAAC,IAAI,gBAAkB,EAAA;AACzB,QAAY,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,GAAA,CAAA,CAAA;AAAA,OACd;AAAA,KACF;AAAA,IACA;AAAA,MACE,eAAA;AAAA,MACA,iBAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAc,CAAA,YAAA;AAAA,MACd,kBAAA;AAAA,KACF;AAAA,GACF,CAAA;AAIA,EAAA,MAAM,EAAE,WAAA,EAAa,cAAe,EAAA,GAAI,mBAAoB,CAAA;AAAA,IAC1D,YAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAgB,EAAA,gBAAA;AAAA,IAChB,gBAAgB,QAAS,CAAA,IAAA;AAAA,IACzB,aAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAA,MAAM,eAAkB,GAAA,WAAA;AAAA,IACtB,CAAC,GAAoB,KAAA;AACnB,MAAA,IAAI,CAAC,WAAA,CAAY,OAAW,IAAA,CAAC,QAAU,EAAA;AACrC,QAAoB,mBAAA,EAAA,CAAA;AACpB,QAAM,MAAA,GAAA,GAAM,oBAAqB,CAAA,GAAA,CAAI,MAAqB,CAAA,CAAA;AAC1D,QAAA,IAAI,QAAQ,gBAAkB,EAAA;AAC5B,UAAM,MAAA,IAAA,GAAO,SAAS,IAAK,CAAA,GAAA,CAAA,CAAA;AAC3B,UAAI,IAAA,CAAC,IAAQ,IAAA,IAAA,CAAK,QAAU,EAAA;AAC1B,YAAA,mBAAA,CAAoB,CAAE,CAAA,CAAA,CAAA;AAAA,WACjB,MAAA;AACL,YAAA,mBAAA,CAAoB,GAAG,CAAA,CAAA;AAAA,WACzB;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA;AAAA,MACE,WAAA;AAAA,MACA,QAAA;AAAA,MACA,mBAAA;AAAA,MACA,mBAAA;AAAA,MACA,gBAAA;AAAA,MACA,QAAS,CAAA,IAAA;AAAA,KACX;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,sBAAsB,MAAG;AA/MjC,IAAA,IAAA,EAAA,CAAA;AAgNI,IAAqB,OAAA,gBAAA,KAAA,KAAA,CAAA,IACrB,qBAAqB,CACrB,CAAA,IAAA,2BAAA,GACI,UACA,EAAS,GAAA,QAAA,CAAA,IAAA,CAAK,sBAAd,IAAiC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,EAAA,CAAA;AAAA,GAAA,CAAA;AAGvC,EAAA,aAAA,CAAc,UAAU,aAAc,CAAA,QAAA,CAAA;AAGtC,EAAA,MAAM,gBAAqC,GAAA;AAAA,IACzC,yBAAyB,mBAAoB,EAAA;AAAA,IAC7C,QAAQ,sBAAuB,CAAA,MAAA;AAAA,IAC/B,SAAS,sBAAuB,CAAA,OAAA;AAAA,IAChC,SAAW,EAAA,aAAA;AAAA,IACX,oBAAoB,sBAAuB,CAAA,kBAAA;AAAA,IAC3C,cAAc,sBAAuB,CAAA,YAAA;AAAA,GACvC,CAAA;AAEA,EAAA,MAAM,eAA6B,gBAAoB,IAAA;AAAA,IACrD,OAAA,EAAS,cAAc,YAAa,CAAA,OAAA;AAAA,IAIpC,WAAa,EAAA,eAAA;AAAA,GACf,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,cAAc,YAAa,CAAA,YAAA;AAAA,IAC3B,wBAAwB,YAAa,CAAA,sBAAA;AAAA,IACrC,gBAAA;AAAA,IACA,oBAAoB,YAAa,CAAA,kBAAA;AAAA,IACjC,YAAA;AAAA,IACA,sBAAwB,EAAA,eAAA;AAAA,IACxB,gBAAA;AAAA,IACA,cAAA;AAAA,IACA,UAAU,aAAc,CAAA,QAAA;AAAA,IACxB,mBAAA;AAAA,IACA,gBAAgB,YAAa,CAAA,cAAA;AAAA,IAC7B,aAAa,aAAc,CAAA,WAAA;AAAA,GAC7B,CAAA;AACF;;;;"}
1	+ {"version":3,"file":"useList.js","sources":["../src/list/useList.ts"],"sourcesContent":["import {\n isValidElement,\n type KeyboardEvent,\n type MouseEvent,\n useCallback,\n useRef,\n} from \"react\";\nimport {\n type CollectionItem,\n closestListItemIndex,\n type ListHandlers,\n type SelectHandler,\n type SelectionChangeHandler,\n type SelectionStrategy,\n type SingleSelectionStrategy,\n useCollapsibleGroups,\n useKeyboardNavigation,\n useSelection,\n useTypeahead,\n useViewportTracking,\n} from \"../common-hooks\";\n\nimport type {\n ListControlProps,\n ListHookProps,\n ListHookResult,\n} from \"./listTypes\";\n\nexport const useList = <Item, Selection extends SelectionStrategy = \"default\">({\n collapsibleHeaders,\n collectionHook: dataHook,\n containerRef,\n contentRef,\n defaultHighlightedIndex,\n defaultSelected,\n disabled,\n disableAriaActiveDescendant,\n disableHighlightOnFocus,\n disableTypeToSelect,\n highlightedIndex: highlightedIndexProp,\n label = \"\",\n listHandlers: listHandlersProp,\n onSelect,\n onSelectionChange,\n onHighlight,\n onKeyboardNavigation,\n onKeyDown,\n restoreLastFocus,\n selected,\n selectionStrategy,\n selectionKeys,\n stickyHeaders,\n tabToSelect,\n}: ListHookProps<Item, Selection>): ListHookResult<Item, Selection> => {\n const lastSelection = useRef<typeof selected>(selected \|\| defaultSelected);\n const handleKeyboardNavigation = (\n evt: KeyboardEvent<HTMLElement>,\n nextIndex: number,\n ) => {\n selectionHook.listHandlers.onKeyboardNavigation?.(evt, nextIndex);\n onKeyboardNavigation?.(evt, nextIndex);\n };\n\n // TODO where do these belong ?\n const handleSelect = useCallback<SelectHandler<CollectionItem<Item>>>(\n (evt, selectedItem) => {\n if (onSelect) {\n if (isValidElement(selectedItem.value)) {\n onSelect(evt, selectedItem.label as Item);\n } else if (selectedItem.value !== null) {\n onSelect(evt, selectedItem.value);\n }\n }\n },\n [onSelect],\n );\n\n const handleSelectionChange = useCallback<\n SelectionChangeHandler<CollectionItem<Item>, Selection>\n >(\n (evt, selected) => {\n if (onSelectionChange) {\n onSelectionChange(\n evt,\n (Array.isArray(selected)\n ? selected.map((s) => (isValidElement(s.value) ? s.label : s.value))\n : selected &&\n (isValidElement(selected.value)\n ? selected.label\n : selected.value)) as Selection extends SingleSelectionStrategy\n ? Item\n : Item[],\n );\n }\n },\n [onSelectionChange],\n );\n\n const {\n highlightedIndex,\n listProps: {\n onKeyDown: navigationKeyDown,\n onMouseMove: navigationMouseMove,\n ...navigationControlProps\n },\n setHighlightedIndex,\n ...keyboardHook\n } = useKeyboardNavigation<Item, Selection>({\n containerRef,\n defaultHighlightedIndex,\n disableHighlightOnFocus,\n highlightedIndex: highlightedIndexProp,\n indexPositions: dataHook.data,\n label,\n onHighlight,\n onKeyboardNavigation: handleKeyboardNavigation,\n restoreLastFocus,\n selected: lastSelection.current,\n });\n\n const collapsibleHook = useCollapsibleGroups({\n collapsibleHeaders,\n highlightedIdx: highlightedIndex,\n collectionHook: dataHook,\n });\n\n const selectionHook = useSelection<Item, Selection>({\n defaultSelected,\n highlightedIdx: highlightedIndex,\n indexPositions: dataHook.data,\n label,\n onSelect: handleSelect,\n onSelectionChange: handleSelectionChange,\n selected,\n selectionStrategy,\n selectionKeys,\n tabToSelect,\n });\n\n const { onKeyDown: typeaheadOnKeyDown } = useTypeahead<Item>({\n disableTypeToSelect,\n highlightedIdx: highlightedIndex,\n highlightItemAtIndex: setHighlightedIndex,\n typeToNavigate: true,\n items: dataHook.data,\n });\n\n const handleKeyDown = useCallback(\n (evt: KeyboardEvent<HTMLElement>) => {\n if (!evt.defaultPrevented) {\n typeaheadOnKeyDown?.(evt);\n }\n // We still let the keyboard navigation hook process the event even\n // if it has been handled by the typeahead hook. That is so it can\n // correctly manage the focusVisible state.\n navigationKeyDown(evt);\n if (!evt.defaultPrevented) {\n selectionHook.listHandlers.onKeyDown?.(evt);\n }\n if (!evt.defaultPrevented) {\n collapsibleHook?.onKeyDown?.(evt);\n }\n\n if (!evt.defaultPrevented) {\n onKeyDown?.(evt);\n }\n },\n [\n collapsibleHook,\n navigationKeyDown,\n onKeyDown,\n selectionHook.listHandlers,\n typeaheadOnKeyDown,\n ],\n );\n\n // This is only appropriate when we are directly controlling a List,\n // not when a control is manipulating the list\n const { isScrolling, scrollIntoView } = useViewportTracking({\n containerRef,\n contentRef,\n highlightedIdx: highlightedIndex,\n indexPositions: dataHook.data,\n stickyHeaders,\n });\n\n const handleMouseMove = useCallback(\n (evt: MouseEvent) => {\n if (!isScrolling.current && !disabled) {\n navigationMouseMove();\n const idx = closestListItemIndex(evt.target as HTMLElement);\n if (idx !== highlightedIndex) {\n const item = dataHook.data[idx];\n if (!item \|\| item.disabled) {\n setHighlightedIndex(-1);\n } else {\n setHighlightedIndex(idx);\n }\n }\n }\n },\n [\n isScrolling,\n disabled,\n setHighlightedIndex,\n navigationMouseMove,\n highlightedIndex,\n dataHook.data,\n ],\n );\n\n const getActiveDescendant = () =>\n highlightedIndex === undefined \|\|\n highlightedIndex === -1 \|\|\n disableAriaActiveDescendant\n ? undefined\n : dataHook.data[highlightedIndex]?.id;\n\n // We need this on reEntry for navigation hook to handle focus\n lastSelection.current = selectionHook.selected;\n\n // controlProps ?\n const listControlProps: ListControlProps = {\n \"aria-activedescendant\": getActiveDescendant(),\n onBlur: navigationControlProps.onBlur,\n onFocus: navigationControlProps.onFocus,\n onKeyDown: handleKeyDown,\n onMouseDownCapture: navigationControlProps.onMouseDownCapture,\n onMouseLeave: navigationControlProps.onMouseLeave,\n };\n\n const listHandlers: ListHandlers = listHandlersProp \|\| {\n // Don't expose a click handler when the list is disabled. Previously,\n // selection on disabled lists was prevented only as a side-effect of\n // `handleMouseMove` gating on `disabled` (which kept `highlightedIdx` at\n // -1, so `useSelection.handleClick` no-op'd). Now that `handleClick`\n // resolves the clicked item directly from the event target, we must\n // explicitly suppress the handler here.\n onClick: disabled ? undefined : selectionHook.listHandlers.onClick,\n // MouseEnter would be much better for this. There is a bug in Cypress\n // wheby it emits spurious MouseEnter (and MouseOver) events around\n // keypress events, which break many tests.\n onMouseMove: handleMouseMove,\n };\n\n return {\n focusVisible: keyboardHook.focusVisible,\n controlledHighlighting: keyboardHook.controlledHighlighting,\n highlightedIndex,\n keyboardNavigation: keyboardHook.keyboardNavigation,\n listHandlers,\n listItemHeaderHandlers: collapsibleHook,\n listControlProps,\n scrollIntoView,\n selected: selectionHook.selected,\n setHighlightedIndex,\n setIgnoreFocus: keyboardHook.setIgnoreFocus,\n setSelected: selectionHook.setSelected,\n };\n};\n"],"names":["selected"],"mappings":"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"}

package/dist-es/list/useListHeight.js CHANGED Viewed

@@ -1,14 +1,14 @@
 import { useState, useMemo, useCallback } from 'react';
-import '@salt-ds/core';
 import 'react/jsx-runtime';
+import '@salt-ds/core';
 import { useResizeObserver, HeightOnly } from '../responsive/useResizeObserver.js';
-import '../utils/useFloatingUI.js';
 const useListHeight = ({
   borderless,
   displayedItemCount,
   getItemHeight,
-  height,
+  // TODO no need to incur the cost of a resizeObserver if height is explicit
+  height: _height,
   itemCount,
   itemGapSize,
   itemHeight: itemHeightProp,
@@ -17,17 +17,18 @@ const useListHeight = ({
   const [measuredItemHeight, setMeasuredItemHeight] = useState(36);
   const preferredHeight = useMemo(() => {
     let result = borderless ? 0 : 2;
-    const itemHeight = itemHeightProp != null ? itemHeightProp : measuredItemHeight;
+    const itemHeight = itemHeightProp ?? measuredItemHeight;
     const preferredItemCount = Math.min(displayedItemCount, itemCount) || displayedItemCount;
     if (typeof getItemHeight === "function") {
       result += Array(preferredItemCount).fill(0).reduce(
         (total, _, index) => total + getItemHeight(index) + itemGapSize,
         0
-      ) - itemGapSize;
+      ) - // We don't want gap after the last item
+      itemGapSize;
     } else {
       result += preferredItemCount * Number(itemHeight) + (preferredItemCount - 1) * itemGapSize;
     }
-    return isNaN(result) ? void 0 : result;
+    return Number.isNaN(result) ? void 0 : result;
   }, [
     borderless,
     displayedItemCount,
@@ -37,8 +38,8 @@ const useListHeight = ({
     itemHeightProp,
     measuredItemHeight
   ]);
-  const handleRowHeight = useCallback(({ height: height2 }) => {
-    setMeasuredItemHeight(height2);
+  const handleRowHeight = useCallback(({ height }) => {
+    setMeasuredItemHeight(height);
   }, []);
   useResizeObserver(rowHeightRef, HeightOnly, handleRowHeight, true);
   return {

package/dist-es/list/useListHeight.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useListHeight.js","sources":["../src/list/useListHeight.ts"],"sourcesContent":["import { ~~useMemo,~~ ~~useState~~, useCallback, ~~RefObject~~ } from \"react\";\nimport { ~~useResizeObserver,~~ HeightOnly, ResizeHandler } from \"../responsive\";\n\nexport interface ListHeightHookProps {\n borderless?: boolean;\n displayedItemCount: number;\n getItemHeight?: (index: number) => number;\n height?: number \| string;\n itemCount: number;\n itemGapSize: number;\n itemHeight?: number \| string;\n rowHeightRef: RefObject<HTMLElement \| null>;\n}\n\nexport interface HeightHookResult {\n preferredHeight: number \| undefined;\n}\n\nexport const useListHeight = ({\n borderless,\n displayedItemCount,\n getItemHeight,\n // TODO no need to incur the cost of a resizeObserver if height is explicit\n height,\n itemCount,\n itemGapSize,\n itemHeight: itemHeightProp,\n rowHeightRef,\n}: ListHeightHookProps): HeightHookResult => {\n // TODO default by density\n const [measuredItemHeight, setMeasuredItemHeight] = useState<\n number \| undefined\n >(36);\n\n const preferredHeight = useMemo(() => {\n let result = borderless ? 0 : 2;\n const itemHeight = itemHeightProp ?? measuredItemHeight;\n\n // if there are 0 items we render with the preferred count\n const preferredItemCount =\n Math.min(displayedItemCount, itemCount) \|\| displayedItemCount;\n\n if (typeof getItemHeight === \"function\") {\n result +=\n Array(preferredItemCount)\n .fill(0)\n .reduce<number>(\n (total, _, index) => total + getItemHeight(index) + itemGapSize,\n 0\n ) -\n // We don't want gap after the last item\n itemGapSize;\n } else {\n result +=\n preferredItemCount * Number(itemHeight) +\n (preferredItemCount - 1) * itemGapSize;\n }\n\n // list height will be undefined if the item height can not be\n // converted to a number, for example rem or a percentage string\n return isNaN(result) ? undefined : result;\n }, [\n borderless,\n displayedItemCount,\n getItemHeight,\n itemCount,\n itemGapSize,\n itemHeightProp,\n measuredItemHeight,\n ]);\n\n const handleRowHeight: ResizeHandler = useCallback(({ height }) => {\n setMeasuredItemHeight(height);\n }, []);\n\n useResizeObserver(rowHeightRef, HeightOnly, handleRowHeight, true);\n\n return {\n preferredHeight,\n };\n};\n"],"names":[~~"height"~~],"mappings":"~~;;;;;;AAkBO~~,MAAM,gBAAgB,CAAC;AAAA,EAC5B,UAAA;AAAA,EACA,kBAAA;AAAA,EACA,aAAA;AAAA,EAEA,MAAA;AAAA,~~EACA~~,SAAA;AAAA,EACA,WAAA;AAAA,EACA,~~UAAY~~,~~EAAA~~,cAAA;AAAA,EACZ~~,YAAA~~;AACF,~~CAA6C~~,~~KAAA~~;AAE3C,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAI,SAElD,EAAE,CAAA~~,CAAA~~;AAEJ,~~EAAM~~,~~MAAA~~,eAAA,GAAkB,QAAQ,MAAM;AACpC,IAAI,~~IAAA,~~MAAA,GAAS,aAAa,~~CAAI~~,~~GAAA~~,CAAA~~,CAAA~~;AAC9B,IAAA,MAAM,aAAa,~~cAAkB,IAAA,IAAA,GAAA,~~cAAA,~~GAAA~~,kBAAA~~,CAAA~~;AAGrC,IAAA,MAAM,~~kBACJ~~,~~GAAA~~,IAAA,CAAK,~~GAAI~~,~~CAAA~~,kBAAA,EAAoB,SAAS,~~CAAK~~,~~IAAA~~,kBAAA~~,CAAA~~;AAE7C,IAAI,~~IAAA,~~OAAO,kBAAkB,~~UAAY~~,~~EAAA~~;AACvC,MAAA,MAAA,IACE,~~KAAM~~,~~CAAA~~,kBAAkB,CACrB,~~CAAA,~~IAAA,CAAK,CAAC,CACN,~~CAAA,~~MAAA;AAAA,QACC,CAAC,~~KAAO~~,~~EAAA~~,CAAA,EAAG,UAAU,~~KAAQ~~,~~GAAA~~,aAAA,CAAc,KAAK,~~CAAI~~,~~GAAA~~,WAAA;AAAA,QACpD,~~CAAA~~;AAAA,~~OAGJ~~,~~GAAA,~~WAAA~~,CAAA~~;AAAA,~~KACG~~,~~MAAA~~;AACL,MAAA,MAAA,IACE,~~kBAAqB~~,~~GAAA~~,MAAA,CAAO,UAAU,CAAA,GAAA,CACrC,qBAAqB,~~CAAK~~,~~IAAA~~,WAAA~~,CAAA~~;AAAA,~~KAC~~/B;AAIA,~~IAAO~~,~~OAAA~~,KAAA,CAAM,MAAM,CAAA,GAAI,~~KAAY~~,~~CAAA~~,~~GAAA,~~MAAA~~,CAAA~~;AAAA,~~GAClC~~,~~EAAA~~;AAAA,IACD,UAAA;AAAA,IACA,kBAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA~~,kBAAA~~;AAAA,GACD,CAAA~~,CAAA~~;AAED,EAAA,MAAM,~~kBAAiC~~,~~WAAY~~,~~CAAA~~,CAAC,EAAE,~~MAAA~~,~~EAAAA,SAAa,KAAA~~;AACjE,IAAA,qBAAA,~~CAAsBA~~,~~OAAM~~,CAAA~~,CAAA~~;AAAA,~~GAC9B~~,EAAG,EAAE,CAAA~~,CAAA~~;AAEL,~~EAAkB~~,iBAAA,~~CAAA~~,YAAA,EAAc,~~UAAY~~,~~EAAA~~,eAAA,EAAiB,IAAI,CAAA~~,CAAA~~;AAEjE,~~EAAO~~,~~OAAA~~;AAAA,IACL~~,eAAA~~;AAAA,GACF~~,CAAA~~;AACF;;;;"}
1	+ {"version":3,"file":"useListHeight.js","sources":["../src/list/useListHeight.ts"],"sourcesContent":["import { type RefObject, useCallback, useMemo, useState } from \"react\";\nimport {\n HeightOnly,\n type ResizeHandler,\n useResizeObserver,\n} from \"../responsive\";\n\nexport interface ListHeightHookProps {\n borderless?: boolean;\n displayedItemCount: number;\n getItemHeight?: (index: number) => number;\n height?: number \| string;\n itemCount: number;\n itemGapSize: number;\n itemHeight?: number \| string;\n rowHeightRef: RefObject<HTMLElement \| null>;\n}\n\nexport interface HeightHookResult {\n preferredHeight: number \| undefined;\n}\n\nexport const useListHeight = ({\n borderless,\n displayedItemCount,\n getItemHeight,\n // TODO no need to incur the cost of a resizeObserver if height is explicit\n height: _height,\n itemCount,\n itemGapSize,\n itemHeight: itemHeightProp,\n rowHeightRef,\n}: ListHeightHookProps): HeightHookResult => {\n // TODO default by density\n const [measuredItemHeight, setMeasuredItemHeight] = useState<\n number \| undefined\n >(36);\n\n const preferredHeight = useMemo(() => {\n let result = borderless ? 0 : 2;\n const itemHeight = itemHeightProp ?? measuredItemHeight;\n\n // if there are 0 items we render with the preferred count\n const preferredItemCount =\n Math.min(displayedItemCount, itemCount) \|\| displayedItemCount;\n\n if (typeof getItemHeight === \"function\") {\n result +=\n Array(preferredItemCount)\n .fill(0)\n .reduce<number>(\n (total, _, index) => total + getItemHeight(index) + itemGapSize,\n 0,\n ) -\n // We don't want gap after the last item\n itemGapSize;\n } else {\n result +=\n preferredItemCount * Number(itemHeight) +\n (preferredItemCount - 1) * itemGapSize;\n }\n\n // list height will be undefined if the item height can not be\n // converted to a number, for example rem or a percentage string\n return Number.isNaN(result) ? undefined : result;\n }, [\n borderless,\n displayedItemCount,\n getItemHeight,\n itemCount,\n itemGapSize,\n itemHeightProp,\n measuredItemHeight,\n ]);\n\n const handleRowHeight: ResizeHandler = useCallback(({ height }) => {\n setMeasuredItemHeight(height);\n }, []);\n\n useResizeObserver(rowHeightRef, HeightOnly, handleRowHeight, true);\n\n return {\n preferredHeight,\n };\n};\n"],"names":[],"mappings":";;;;;AAsBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,UAAA;AAAA,EACA,kBAAA;AAAA,EACA,aAAA;AAAA;AAAA,EAEA,MAAA,EAAQ,OAAA;AAAA,EACR,SAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA,EAAY,cAAA;AAAA,EACZ;AACF,CAAA,KAA6C;AAE3C,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAI,SAElD,EAAE,CAAA;AAEJ,EAAA,MAAM,eAAA,GAAkB,QAAQ,MAAM;AACpC,IAAA,IAAI,MAAA,GAAS,aAAa,CAAA,GAAI,CAAA;AAC9B,IAAA,MAAM,aAAa,cAAA,IAAkB,kBAAA;AAGrC,IAAA,MAAM,kBAAA,GACJ,IAAA,CAAK,GAAA,CAAI,kBAAA,EAAoB,SAAS,CAAA,IAAK,kBAAA;AAE7C,IAAA,IAAI,OAAO,kBAAkB,UAAA,EAAY;AACvC,MAAA,MAAA,IACE,KAAA,CAAM,kBAAkB,CAAA,CACrB,IAAA,CAAK,CAAC,CAAA,CACN,MAAA;AAAA,QACC,CAAC,KAAA,EAAO,CAAA,EAAG,UAAU,KAAA,GAAQ,aAAA,CAAc,KAAK,CAAA,GAAI,WAAA;AAAA,QACpD;AAAA,OACF;AAAA,MAEF,WAAA;AAAA,IACJ,CAAA,MAAO;AACL,MAAA,MAAA,IACE,kBAAA,GAAqB,MAAA,CAAO,UAAU,CAAA,GAAA,CACrC,qBAAqB,CAAA,IAAK,WAAA;AAAA,IAC/B;AAIA,IAAA,OAAO,MAAA,CAAO,KAAA,CAAM,MAAM,CAAA,GAAI,MAAA,GAAY,MAAA;AAAA,EAC5C,CAAA,EAAG;AAAA,IACD,UAAA;AAAA,IACA,kBAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,eAAA,GAAiC,WAAA,CAAY,CAAC,EAAE,QAAO,KAAM;AACjE,IAAA,qBAAA,CAAsB,MAAM,CAAA;AAAA,EAC9B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,iBAAA,CAAkB,YAAA,EAAc,UAAA,EAAY,eAAA,EAAiB,IAAI,CAAA;AAEjE,EAAA,OAAO;AAAA,IACL;AAAA,GACF;AACF;;;;"}

package/dist-es/list/useVirtualization.js CHANGED Viewed

@@ -1,6 +1,6 @@
+import { useIsomorphicLayoutEffect } from '@salt-ds/core';
 import { useRef, useState, useMemo, useCallback } from 'react';
 import { KeySet } from './keyset.js';
-import { useIsomorphicLayoutEffect } from '@salt-ds/core';
 const byKey = ([k1], [k2]) => k1 - k2;
 const renderBuffer = 5;
@@ -51,7 +51,7 @@ const useVirtualization = ({
         updateRows(0, viewport.rowCount);
       }
     }
-  }, [data, itemGapSize, keys, updateRows]);
+  }, [data, itemGapSize, updateRows, viewportRef]);
   const handleVerticalScroll = useCallback(
     (e) => {
       const viewport = viewportMeasures.current;

package/dist-es/list/useVirtualization.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useVirtualization.js","sources":["../src/list/useVirtualization.ts"],"sourcesContent":["import {\n RefObject,\n UIEvent,\n useCallback,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { ~~KeySet } from \"./keyset\";\nimport~~ { CollectionItem } from \"../common-hooks\";\nimport { ~~useIsomorphicLayoutEffect~~ } from \"~~@salt-ds/core~~\";\n\n/*\n [ item key, total height before the item, next row index, CollectionItem<Item>]\n * e.g. first item: [0, 0, 1, data[0]]\n /\nexport type Row<Item> = [number, number, number, CollectionItem<Item>];\n\nconst byKey = ([k1]: Row<unknown>, [k2]: Row<unknown>) => k1 - k2;\n\nconst renderBuffer = 5;\n\ninterface VirtualizationHookProps<Item> {\n viewportRef: RefObject<HTMLElement>;\n data: CollectionItem<Item>[];\n itemGapSize?: number;\n}\n\ninterface VirtualizationHookResult<Item> {\n rows: Row<Item>[];\n contentHeight: number;\n onVerticalScroll: (e: UIEvent<HTMLElement>) => void;\n}\n\nexport const useVirtualization = <Item>({\n viewportRef,\n data,\n itemGapSize = 0,\n}: VirtualizationHookProps<Item>): VirtualizationHookResult<Item> => {\n const viewportMeasures = useRef({\n contentHeight: 10000,\n firstVisibleRow: 0,\n rowCount: 0,\n rowHeight: 0,\n scrollPos: 0,\n });\n const [rows, setRows] = useState<Row<Item>[]>([]);\n const keys = useMemo(() => new KeySet(0, 1), []);\n\n const updateRows = useCallback(\n (from: number, to: number) => {\n const { rowHeight } = viewportMeasures.current;\n const rowHeightWithGap = rowHeight + itemGapSize;\n const lo = Math.max(0, from - renderBuffer);\n const hi = Math.min(data.length, to + renderBuffer);\n keys.reset(lo, hi);\n const newRows = data\n .slice(lo, hi)\n .map(\n (value, idx) =>\n [\n keys.keyFor(idx + lo),\n (idx + lo) rowHeightWithGap,\n idx + lo + 1,\n value,\n ] as Row<Item>\n )\n .sort(byKey);\n setRows(newRows);\n },\n [data, itemGapSize, keys]\n );\n\n useIsomorphicLayoutEffect(() => {\n const viewport = viewportMeasures.current;\n const viewportEl = viewportRef.current;\n if (viewportEl) {\n // TODO no reference to ListItem className\n const listItemEl = viewportEl.querySelector(\".saltListItem\");\n if (listItemEl) {\n const { height: viewportHeight } = viewportEl.getBoundingClientRect();\n const { height: rowHeight } = listItemEl.getBoundingClientRect();\n viewport.rowHeight = rowHeight;\n viewport.rowCount = Math.ceil(viewportHeight / rowHeight);\n viewport.contentHeight = (rowHeight + itemGapSize) * data.length;\n updateRows(0, viewport.rowCount);\n }\n }\n }, [data, itemGapSize, ~~keys~~, ~~updateRows~~]);\n\n const handleVerticalScroll = useCallback(\n (e: UIEvent<HTMLElement>) => {\n const viewport = viewportMeasures.current;\n // TODO: check `as` cast\n const scrollTop = (e.target as HTMLElement).scrollTop;\n if (scrollTop !== viewport.scrollPos) {\n viewport.scrollPos = scrollTop;\n const firstRow = Math.floor(scrollTop / viewport.rowHeight);\n if (firstRow !== viewport.firstVisibleRow) {\n viewport.firstVisibleRow = firstRow;\n const from = firstRow;\n const to = firstRow + viewport.rowCount;\n updateRows(from, to);\n }\n }\n },\n [updateRows]\n );\n\n return {\n rows,\n contentHeight: viewportMeasures.current.contentHeight,\n onVerticalScroll: handleVerticalScroll,\n };\n};\n"],"names":[],"mappings":";;;;AAkBA,MAAM,KAAA,GAAQ,CAAC,CAAC,EAAE,GAAiB,CAAC,EAAE,MAAoB,~~EAAK~~,~~GAAA~~,EAAA~~,CAAA~~;AAE/D,MAAM,~~YAAe~~,~~GAAA~~,CAAA~~,CAAA~~;AAcd,MAAM,oBAAoB,CAAO;AAAA,EACtC,WAAA;AAAA,EACA,IAAA;AAAA,EACA,~~WAAc~~,~~GAAA,CAAA~~;AAChB,~~CAAqE~~,~~KAAA~~;AACnE,EAAA,MAAM,mBAAmB,~~MAAO~~,~~CAAA~~;AAAA,IAC9B,~~aAAe~~,~~EAAA~~,GAAA;AAAA,IACf,~~eAAiB~~,~~EAAA~~,CAAA;AAAA,IACjB,~~QAAU~~,~~EAAA~~,CAAA;AAAA,IACV,~~SAAW~~,~~EAAA~~,CAAA;AAAA,IACX,~~SAAW~~,~~EAAA,CAAA~~;AAAA,GACZ,CAAA~~,CAAA~~;AACD,EAAA,MAAM,CAAC,~~IAAM~~,~~EAAA~~,OAAO,~~CAAI~~,~~GAAA~~,QAAA,CAAsB,EAAE,CAAA~~,CAAA~~;AAChD,~~EAAM~~,~~MAAA~~,IAAA,GAAO,QAAQ,MAAM,IAAI,OAAO,~~CAAG~~,~~EAAA~~,CAAC,~~CAAG~~,~~EAAA~~,EAAE,CAAA~~,CAAA~~;AAE/C,EAAA,MAAM,~~UAAa~~,~~GAAA~~,WAAA;AAAA,IACjB,CAAC,MAAc,~~EAAe~~,~~KAAA~~;AAC5B,MAAM,~~MAAA,~~EAAE,~~SAAU~~,~~EAAA~~,GAAI,~~gBAAiB~~,~~CAAA~~,OAAA~~,CAAA~~;AACvC,MAAA,MAAM,mBAAmB,~~SAAY~~,~~GAAA~~,WAAA~~,CAAA~~;AACrC,MAAA,MAAM,~~EAAK~~,~~GAAA~~,IAAA,CAAK,~~GAAI~~,~~CAAA~~,CAAA,EAAG,OAAO,YAAY,CAAA~~,CAAA~~;AAC1C,MAAA,MAAM,KAAK,~~IAAK~~,~~CAAA~~,GAAA,CAAI,~~IAAK~~,~~CAAA~~,MAAA,EAAQ,KAAK,YAAY,CAAA~~,CAAA~~;AAClD,~~MAAK~~,IAAA,~~CAAA~~,KAAA,CAAM,IAAI,EAAE,CAAA~~,CAAA~~;AACjB,MAAA,MAAM,~~OAAU~~,~~GAAA~~,IAAA,CACb,~~KAAM~~,~~CAAA~~,EAAA,EAAI,EAAE,CACZ,~~CAAA,~~GAAA;AAAA,QACC,CAAC,OAAO,~~GACN~~,~~KAAA~~;AAAA,UACE,IAAA,CAAK,~~MAAO~~,~~CAAA~~,GAAA,GAAM,EAAE,CAAA;AAAA,UAAA,CACnB,MAAM,~~EAAM~~,~~IAAA~~,gBAAA;AAAA,UACb,MAAM,~~EAAK~~,~~GAAA~~,CAAA;AAAA,UACX~~,KAAA~~;AAAA~~,SACF~~;~~AAAA~~,OACJ,CACC,KAAK,KAAK,CAAA~~,CAAA~~;AACb,MAAA,OAAA,CAAQ,OAAO,CAAA~~,CAAA~~;AAAA,~~KACjB~~;AAAA,IACA,CAAC,~~IAAM~~,~~EAAA~~,WAAA,EAAa,IAAI~~,CAAA~~;AAAA,GAC1B~~,CAAA~~;AAEA,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,MAAM,WAAW,~~gBAAiB~~,~~CAAA~~,OAAA~~,CAAA~~;AAClC,IAAA,MAAM,aAAa,~~WAAY~~,~~CAAA~~,OAAA~~,CAAA~~;AAC/B,IAAA,IAAI,~~UAAY~~,~~EAAA~~;AAEd,MAAM,~~MAAA,~~UAAA,GAAa,~~UAAW~~,~~CAAA~~,aAAA,CAAc,eAAe,CAAA~~,CAAA~~;AAC3D,MAAA,IAAI,~~UAAY~~,~~EAAA~~;AACd,QAAA,MAAM,EAAE,MAAA,EAAQ,~~cAAe~~,~~EAAA~~,GAAI,WAAW,~~qBAAsB~~,~~EAAA,CAAA~~;AACpE,QAAA,MAAM,EAAE,MAAA,EAAQ,~~SAAU~~,~~EAAA~~,GAAI,WAAW,~~qBAAsB~~,~~EAAA,CAAA~~;AAC/D,QAAA,QAAA,CAAS,~~SAAY~~,~~GAAA~~,SAAA~~,CAAA~~;AACrB,QAAA,QAAA,CAAS,~~QAAW~~,~~GAAA~~,IAAA,CAAK,~~IAAK~~,~~CAAA~~,cAAA,GAAiB,SAAS,CAAA~~,CAAA~~;AACxD,~~QAAS~~,QAAA,~~CAAA~~,aAAA,GAAA,CAAiB,~~SAAY~~,~~GAAA~~,WAAA,IAAe,~~IAAK~~,~~CAAA~~,MAAA~~,CAAA~~;AAC1D,~~QAAW~~,UAAA,~~CAAA~~,CAAA,EAAG,SAAS,QAAQ,CAAA~~,CAAA~~;AAAA,~~OACjC~~;AAAA,~~KACF~~;AAAA,~~KACC~~,CAAC,IAAA,EAAM,~~WAAa~~,~~EAAA~~,~~IAAA~~,~~EAAM~~,~~UAAU~~,CAAC,CAAA~~,CAAA~~;~~AAExC~~,EAAA,MAAM,~~oBAAuB~~,~~GAAA~~,WAAA;AAAA,IAC3B,CAAC,~~CAA4B~~,~~KAAA~~;AAC3B,MAAA,MAAM,WAAW,~~gBAAiB~~,~~CAAA~~,OAAA~~,CAAA~~;AAElC,MAAM,~~MAAA,~~SAAA,GAAa,EAAE,~~MAAuB~~,~~CAAA~~,SAAA~~,CAAA~~;AAC5C,~~MAAI~~,~~IAAA~~,SAAA,KAAc,SAAS,~~SAAW~~,~~EAAA~~;AACpC,QAAA,QAAA,CAAS,~~SAAY~~,~~GAAA~~,SAAA~~,CAAA~~;AACrB,QAAA,MAAM,~~QAAW~~,~~GAAA~~,IAAA,CAAK,~~KAAM~~,~~CAAA~~,SAAA,GAAY,SAAS,SAAS,CAAA~~,CAAA~~;AAC1D,~~QAAI~~,~~IAAA~~,QAAA,KAAa,SAAS,~~eAAiB~~,~~EAAA~~;AACzC,UAAA,QAAA,CAAS,~~eAAkB~~,~~GAAA~~,QAAA~~,CAAA~~;AAC3B,UAAA,MAAM,~~IAAO~~,~~GAAA~~,QAAA~~,CAAA~~;AACb,~~UAAM~~,~~MAAA~~,EAAA,GAAK,WAAW,~~QAAS~~,~~CAAA~~,QAAA~~,CAAA~~;AAC/B,UAAA,UAAA,CAAW,MAAM,EAAE,CAAA~~,CAAA~~;AAAA,~~SACrB~~;AAAA,~~OACF~~;AAAA,~~KACF~~;AAAA,IACA,CAAC,UAAU~~,CAAA~~;AAAA,GACb~~,CAAA~~;AAEA,~~EAAO~~,~~OAAA~~;AAAA,IACL,IAAA;AAAA,IACA,aAAA,EAAe,iBAAiB,~~OAAQ~~,~~CAAA~~,aAAA;AAAA,IACxC,~~gBAAkB~~,~~EAAA,oBAAA~~;AAAA,GACpB~~,CAAA~~;AACF;;;;"}
1	+ {"version":3,"file":"useVirtualization.js","sources":["../src/list/useVirtualization.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport {\n type RefObject,\n type UIEvent,\n useCallback,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport type { CollectionItem } from \"../common-hooks\";\nimport { KeySet } from \"./keyset\";\n\n/*\n [ item key, total height before the item, next row index, CollectionItem<Item>]\n * e.g. first item: [0, 0, 1, data[0]]\n /\nexport type Row<Item> = [number, number, number, CollectionItem<Item>];\n\nconst byKey = ([k1]: Row<unknown>, [k2]: Row<unknown>) => k1 - k2;\n\nconst renderBuffer = 5;\n\ninterface VirtualizationHookProps<Item> {\n viewportRef: RefObject<HTMLElement>;\n data: CollectionItem<Item>[];\n itemGapSize?: number;\n}\n\ninterface VirtualizationHookResult<Item> {\n rows: Row<Item>[];\n contentHeight: number;\n onVerticalScroll: (e: UIEvent<HTMLElement>) => void;\n}\n\nexport const useVirtualization = <Item>({\n viewportRef,\n data,\n itemGapSize = 0,\n}: VirtualizationHookProps<Item>): VirtualizationHookResult<Item> => {\n const viewportMeasures = useRef({\n contentHeight: 10000,\n firstVisibleRow: 0,\n rowCount: 0,\n rowHeight: 0,\n scrollPos: 0,\n });\n const [rows, setRows] = useState<Row<Item>[]>([]);\n const keys = useMemo(() => new KeySet(0, 1), []);\n\n const updateRows = useCallback(\n (from: number, to: number) => {\n const { rowHeight } = viewportMeasures.current;\n const rowHeightWithGap = rowHeight + itemGapSize;\n const lo = Math.max(0, from - renderBuffer);\n const hi = Math.min(data.length, to + renderBuffer);\n keys.reset(lo, hi);\n const newRows = data\n .slice(lo, hi)\n .map(\n (value, idx) =>\n [\n keys.keyFor(idx + lo),\n (idx + lo) rowHeightWithGap,\n idx + lo + 1,\n value,\n ] as Row<Item>,\n )\n .sort(byKey);\n setRows(newRows);\n },\n [data, itemGapSize, keys],\n );\n\n useIsomorphicLayoutEffect(() => {\n const viewport = viewportMeasures.current;\n const viewportEl = viewportRef.current;\n if (viewportEl) {\n // TODO no reference to ListItem className\n const listItemEl = viewportEl.querySelector(\".saltListItem\");\n if (listItemEl) {\n const { height: viewportHeight } = viewportEl.getBoundingClientRect();\n const { height: rowHeight } = listItemEl.getBoundingClientRect();\n viewport.rowHeight = rowHeight;\n viewport.rowCount = Math.ceil(viewportHeight / rowHeight);\n viewport.contentHeight = (rowHeight + itemGapSize) * data.length;\n updateRows(0, viewport.rowCount);\n }\n }\n }, [data, itemGapSize, updateRows, viewportRef]);\n\n const handleVerticalScroll = useCallback(\n (e: UIEvent<HTMLElement>) => {\n const viewport = viewportMeasures.current;\n // TODO: check `as` cast\n const scrollTop = (e.target as HTMLElement).scrollTop;\n if (scrollTop !== viewport.scrollPos) {\n viewport.scrollPos = scrollTop;\n const firstRow = Math.floor(scrollTop / viewport.rowHeight);\n if (firstRow !== viewport.firstVisibleRow) {\n viewport.firstVisibleRow = firstRow;\n const from = firstRow;\n const to = firstRow + viewport.rowCount;\n updateRows(from, to);\n }\n }\n },\n [updateRows],\n );\n\n return {\n rows,\n contentHeight: viewportMeasures.current.contentHeight,\n onVerticalScroll: handleVerticalScroll,\n };\n};\n"],"names":[],"mappings":";;;;AAkBA,MAAM,KAAA,GAAQ,CAAC,CAAC,EAAE,GAAiB,CAAC,EAAE,MAAoB,EAAA,GAAK,EAAA;AAE/D,MAAM,YAAA,GAAe,CAAA;AAcd,MAAM,oBAAoB,CAAO;AAAA,EACtC,WAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,KAAqE;AACnE,EAAA,MAAM,mBAAmB,MAAA,CAAO;AAAA,IAC9B,aAAA,EAAe,GAAA;AAAA,IACf,eAAA,EAAiB,CAAA;AAAA,IACjB,QAAA,EAAU,CAAA;AAAA,IACV,SAAA,EAAW,CAAA;AAAA,IACX,SAAA,EAAW;AAAA,GACZ,CAAA;AACD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,QAAA,CAAsB,EAAE,CAAA;AAChD,EAAA,MAAM,IAAA,GAAO,QAAQ,MAAM,IAAI,OAAO,CAAA,EAAG,CAAC,CAAA,EAAG,EAAE,CAAA;AAE/C,EAAA,MAAM,UAAA,GAAa,WAAA;AAAA,IACjB,CAAC,MAAc,EAAA,KAAe;AAC5B,MAAA,MAAM,EAAE,SAAA,EAAU,GAAI,gBAAA,CAAiB,OAAA;AACvC,MAAA,MAAM,mBAAmB,SAAA,GAAY,WAAA;AACrC,MAAA,MAAM,EAAA,GAAK,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,OAAO,YAAY,CAAA;AAC1C,MAAA,MAAM,KAAK,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,MAAA,EAAQ,KAAK,YAAY,CAAA;AAClD,MAAA,IAAA,CAAK,KAAA,CAAM,IAAI,EAAE,CAAA;AACjB,MAAA,MAAM,OAAA,GAAU,IAAA,CACb,KAAA,CAAM,EAAA,EAAI,EAAE,CAAA,CACZ,GAAA;AAAA,QACC,CAAC,OAAO,GAAA,KACN;AAAA,UACE,IAAA,CAAK,MAAA,CAAO,GAAA,GAAM,EAAE,CAAA;AAAA,UAAA,CACnB,MAAM,EAAA,IAAM,gBAAA;AAAA,UACb,MAAM,EAAA,GAAK,CAAA;AAAA,UACX;AAAA;AACF,OACJ,CACC,KAAK,KAAK,CAAA;AACb,MAAA,OAAA,CAAQ,OAAO,CAAA;AAAA,IACjB,CAAA;AAAA,IACA,CAAC,IAAA,EAAM,WAAA,EAAa,IAAI;AAAA,GAC1B;AAEA,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,MAAM,WAAW,gBAAA,CAAiB,OAAA;AAClC,IAAA,MAAM,aAAa,WAAA,CAAY,OAAA;AAC/B,IAAA,IAAI,UAAA,EAAY;AAEd,MAAA,MAAM,UAAA,GAAa,UAAA,CAAW,aAAA,CAAc,eAAe,CAAA;AAC3D,MAAA,IAAI,UAAA,EAAY;AACd,QAAA,MAAM,EAAE,MAAA,EAAQ,cAAA,EAAe,GAAI,WAAW,qBAAA,EAAsB;AACpE,QAAA,MAAM,EAAE,MAAA,EAAQ,SAAA,EAAU,GAAI,WAAW,qBAAA,EAAsB;AAC/D,QAAA,QAAA,CAAS,SAAA,GAAY,SAAA;AACrB,QAAA,QAAA,CAAS,QAAA,GAAW,IAAA,CAAK,IAAA,CAAK,cAAA,GAAiB,SAAS,CAAA;AACxD,QAAA,QAAA,CAAS,aAAA,GAAA,CAAiB,SAAA,GAAY,WAAA,IAAe,IAAA,CAAK,MAAA;AAC1D,QAAA,UAAA,CAAW,CAAA,EAAG,SAAS,QAAQ,CAAA;AAAA,MACjC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,IAAA,EAAM,WAAA,EAAa,UAAA,EAAY,WAAW,CAAC,CAAA;AAE/C,EAAA,MAAM,oBAAA,GAAuB,WAAA;AAAA,IAC3B,CAAC,CAAA,KAA4B;AAC3B,MAAA,MAAM,WAAW,gBAAA,CAAiB,OAAA;AAElC,MAAA,MAAM,SAAA,GAAa,EAAE,MAAA,CAAuB,SAAA;AAC5C,MAAA,IAAI,SAAA,KAAc,SAAS,SAAA,EAAW;AACpC,QAAA,QAAA,CAAS,SAAA,GAAY,SAAA;AACrB,QAAA,MAAM,QAAA,GAAW,IAAA,CAAK,KAAA,CAAM,SAAA,GAAY,SAAS,SAAS,CAAA;AAC1D,QAAA,IAAI,QAAA,KAAa,SAAS,eAAA,EAAiB;AACzC,UAAA,QAAA,CAAS,eAAA,GAAkB,QAAA;AAC3B,UAAA,MAAM,IAAA,GAAO,QAAA;AACb,UAAA,MAAM,EAAA,GAAK,WAAW,QAAA,CAAS,QAAA;AAC/B,UAAA,UAAA,CAAW,MAAM,EAAE,CAAA;AAAA,QACrB;AAAA,MACF;AAAA,IACF,CAAA;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,OAAO;AAAA,IACL,IAAA;AAAA,IACA,aAAA,EAAe,iBAAiB,OAAA,CAAQ,aAAA;AAAA,IACxC,gBAAA,EAAkB;AAAA,GACpB;AACF;;;;"}

package/dist-es/list-deprecated/List.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-var css_248z = "/* TODO: Should the outer most container being 'wrapper'? */\n.saltListDeprecated-wrapper {\n  /* Color */\n  --list-background: var(--salt-container-primary-background);\n  /* Border */\n  --list-borderColor: var(--salt-container-primary-borderColor);\n  --list-borderStyle: var(--salt-container-borderStyle);\n  --list-borderWidth: var(--salt-size-border);\n  --list-borderRadius: 0;\n\n  /* Text, Font */\n  /* TODO: Do we necessary want to set this? Should rely on inheritance? */\n  /* --list-fontFamily: var(--salt-typography-fontFamily); */\n\n  /* Misc. */\n  --list-boxShadow: none;\n  --list-disabled-cursor: var(--salt-actionable-cursor-disabled);\n}\n\n.saltListDeprecated-wrapper {\n  position: relative;\n}\n\n.saltListDeprecated {\n  /* font-family: var(--list-fontFamily); */\n  overflow-y: auto;\n}\n.saltListDeprecated:focus {\n  outline: none;\n}\n\n.saltListDeprecated-wrapper:not(.saltListDeprecated-borderless) {\n  border-color: var(--list-borderColor);\n  border-style: var(--list-borderStyle);\n  border-width: var(--list-borderWidth);\n  border-radius: var(--list-borderRadius);\n}\n.saltListDeprecated-wrapper {\n  background: var(--list-background);\n  box-shadow: var(--list-boxShadow);\n  position: relative;\n}\n\n.saltListDeprecated-borderless {\n  border: none;\n}\n.saltListDeprecated-disabled {\n  cursor: var(--list-disabled-cursor);\n  /* TODO: Design: Check whether we want things behind the list to actually show through opacity */\n  /* Or instead of using `opacity` in favor of dedicated color setting, on background, border-color, etc. */\n}\n";
+var css_248z = "/* TODO: Should the outer most container being 'wrapper'? */\n.saltListDeprecated-wrapper {\n  /* Color */\n  --list-background: var(--salt-container-primary-background);\n  /* Border */\n  --list-borderColor: var(--salt-container-primary-borderColor);\n  --list-borderStyle: var(--salt-borderStyle-solid);\n  --list-borderWidth: var(--salt-size-fixed-100);\n  --list-borderRadius: 0;\n\n  /* Text, Font */\n  /* TODO: Do we necessary want to set this? Should rely on inheritance? */\n  /* --list-fontFamily: var(--salt-typography-fontFamily); */\n\n  /* Misc. */\n  --list-boxShadow: none;\n  --list-disabled-cursor: var(--salt-cursor-disabled);\n}\n\n.saltListDeprecated-wrapper {\n  position: relative;\n}\n\n.saltListDeprecated {\n  /* font-family: var(--list-fontFamily); */\n  overflow-y: auto;\n}\n.saltListDeprecated:focus {\n  outline: none;\n}\n\n.saltListDeprecated-wrapper:not(.saltListDeprecated-borderless) {\n  border-color: var(--list-borderColor);\n  border-style: var(--list-borderStyle);\n  border-width: var(--list-borderWidth);\n  border-radius: var(--list-borderRadius);\n}\n.saltListDeprecated-wrapper {\n  background: var(--list-background);\n  box-shadow: var(--list-boxShadow);\n  position: relative;\n}\n\n.saltListDeprecated-borderless {\n  border: none;\n}\n.saltListDeprecated-disabled {\n  cursor: var(--list-disabled-cursor);\n  /* TODO: Design: Check whether we want things behind the list to actually show through opacity */\n  /* Or instead of using `opacity` in favor of dedicated color setting, on background, border-color, etc. */\n}\n";
 export { css_248z as default };
 //# sourceMappingURL=List.css.js.map

package/dist-es/list-deprecated/List.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import { jsx } from 'react/jsx-runtime';
 import { useForkRef } from '@salt-ds/core';
 import { forwardRef, useContext, useRef } from 'react';
+import { DescendantContext, DescendantProvider } from './internal/DescendantContext.js';
 import { ListBase } from './ListBase.js';
 import { ListStateContext } from './ListStateContext.js';
 import { useList } from './useList.js';
 import { useTypeSelect } from './useTypeSelect.js';
-import { DescendantContext, DescendantProvider } from './internal/DescendantContext.js';
 const ListWithDescendants = forwardRef(function ListWithDescendants2(props, ref) {
   const { items } = useContext(DescendantContext);
   const { focusedRef, state, helpers, listProps } = useList({
-    source: items.current.length ? items.current : [],
+    source: (items == null ? void 0 : items.current.length) ? items.current : [],
     ...props
   });
   const { highlightedIndex } = state;
@@ -32,7 +32,10 @@ const ListWithDescendants = forwardRef(function ListWithDescendants2(props, ref)
     setFocusVisible,
     setHighlightedIndex
   });
-  const setListRef = useForkRef(focusedRef, props.listRef);
+  const setListRef = useForkRef(
+    focusedRef,
+    props.listRef
+  );
   const handleKeyDownCapture = (event) => {
     if (disabled) {
       return;
@@ -44,9 +47,9 @@ const ListWithDescendants = forwardRef(function ListWithDescendants2(props, ref)
       onTypeSelectKeyDownCapture(event);
     }
   };
-  return /* @__PURE__ */ jsx(ListStateContext.Provider, {
-    value: { state, helpers },
-    children: /* @__PURE__ */ jsx(ListBase, {
+  return /* @__PURE__ */ jsx(ListStateContext.Provider, { value: { state, helpers }, children: /* @__PURE__ */ jsx(
+    ListBase,
+    {
       listRef: setListRef,
       ref,
       ...restListProps,
@@ -55,18 +58,12 @@ const ListWithDescendants = forwardRef(function ListWithDescendants2(props, ref)
       itemCount,
       itemToString,
       onKeyDownCapture: handleKeyDownCapture
-    })
-  });
+    }
+  ) });
 });
 const List = forwardRef(function List2(props, ref) {
   const itemsRef = useRef([]);
-  return /* @__PURE__ */ jsx(DescendantProvider, {
-    items: itemsRef,
-    children: /* @__PURE__ */ jsx(ListWithDescendants, {
-      ref,
-      ...props
-    })
-  });
+  return /* @__PURE__ */ jsx(DescendantProvider, { items: itemsRef, children: /* @__PURE__ */ jsx(ListWithDescendants, { ref, ...props }) });
 });
 export { List };

package/dist-es/list-deprecated/List.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"List.js","sources":["../src/list-deprecated/List.tsx"],"sourcesContent":["import { useForkRef } from \"@salt-ds/core\";\n\nimport {\n ForwardedRef,\n forwardRef,\n KeyboardEvent,\n ReactElement,\n useContext,\n useRef,\n} from \"react\";\n\nimport { ListBase, ListScrollHandles } from \"./ListBase\";\nimport { ListProps, ListSelectionVariant } from \"./ListProps\";\nimport { ListStateContext } from \"./ListStateContext\";\nimport { useList } from \"./useList\";\nimport { useTypeSelect } from \"./useTypeSelect\";\n\~~nimport {\n DescendantContext,\n DescendantProvider,\n} from \"./internal/DescendantContext\";\n\~~nconst ListWithDescendants = forwardRef(function ListWithDescendants<\n Item,\n Variant extends ListSelectionVariant\n>(\n props: ListProps<Item, Variant>,\n ref?: ForwardedRef<ListScrollHandles<Item~~>>\~~n) {\n const { items } = useContext(DescendantContext);\n\n const { focusedRef, state, helpers, listProps } = useList({\n source: items.current.length ? items.current : [],\n ...props,\n });\n\n const { highlightedIndex } = state;\n const { setHighlightedIndex, setFocusVisible } = helpers;\n\n const {\n disabled,\n disableTypeToSelect,\n getItemAtIndex,\n itemCount,\n itemToString,\n onKeyDownCapture: onListKeyDownCapture,\n ...restListProps\n } = listProps;\n\n const { onKeyDownCapture: onTypeSelectKeyDownCapture } = useTypeSelect({\n getItemAtIndex,\n highlightedIndex,\n itemCount,\n itemToString,\n setFocusVisible,\n setHighlightedIndex,\n });\n\n const setListRef = useForkRef(focusedRef, props.listRef);\n\n const handleKeyDownCapture = (event: KeyboardEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n if (onListKeyDownCapture) {\n onListKeyDownCapture(event);\n }\n\n if (!disableTypeToSelect && onTypeSelectKeyDownCapture) {\n onTypeSelectKeyDownCapture(event);\n }\n };\n\n return (\n <ListStateContext.Provider value={{ state, helpers }}>\n <ListBase\n listRef={setListRef}\n ref={ref}\n {...restListProps}\n disabled={disabled}\n getItemAtIndex={getItemAtIndex}\n itemCount={itemCount}\n itemToString={itemToString}\n onKeyDownCapture={handleKeyDownCapture}\n />\n </ListStateContext.Provider>\n );\n}) as <Item, Variant extends ListSelectionVariant>(\n props: ListProps<Item, Variant> & {\n ref?: ForwardedRef<ListScrollHandles<Item>>;\n }\n) => ReactElement<ListProps<Item, Variant>>;\n\nexport const List = forwardRef(function List<\n Item,\n Variant extends ListSelectionVariant\n>(\n props: ListProps<Item, Variant>,\n ref?: ForwardedRef<ListScrollHandles<Item~~>>\~~n) {\n const itemsRef = useRef([]);\n\n return (\n <DescendantProvider items={itemsRef}>\n <ListWithDescendants<Item, Variant> ref={ref} {...props} />\n </DescendantProvider>\n );\n}) as <Item = string, Variant extends ListSelectionVariant = \"default\">(\n props: ListProps<Item, Variant> & {\n ref?: ForwardedRef<ListScrollHandles<Item>>;\n }\n) => ReactElement<ListProps<Item, Variant>>;\n"],"names":["ListWithDescendants","List"],"mappings":";;;;;;;;;~~AAsBA~~,MAAM,~~mBAAsB~~,~~GAAA~~,UAAA,CAAW,SAASA,oBAAAA,CAI9C,OACA,~~GACA~~,~~EAAA~~;AACA,EAAA,MAAM,EAAE,KAAA,~~EAAU~~,~~GAAA~~,UAAA,CAAW,iBAAiB,CAAA~~,CAAA~~;AAE9C,EAAA,MAAM,EAAE,~~UAAY~~,~~EAAA~~,KAAA,EAAO,~~OAAS~~,~~EAAA~~,SAAA,KAAc,~~OAAQ~~,~~CAAA~~;AAAA,IACxD,~~QAAQ~~,~~KAAM~~,~~CAAA~~,OAAA,CAAQ,~~MAAS~~,~~GAAA~~,KAAA,CAAM,UAAU,EAAC;AAAA,~~IAChD~~,GAAG~~,KAAA~~;AAAA,GACJ,CAAA~~,CAAA~~;AAED,~~EAAM~~,~~MAAA~~,EAAE,~~kBAAqB~~,~~GAAA~~,KAAA~~,CAAA~~;AAC7B,~~EAAM~~,~~MAAA~~,EAAE,~~mBAAqB~~,~~EAAA~~,eAAA,~~EAAoB~~,~~GAAA~~,OAAA~~,CAAA~~;AAEjD,~~EAAM~~,~~MAAA~~;AAAA,IACJ,QAAA;AAAA,IACA,mBAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,~~gBAAkB~~,~~EAAA~~,oBAAA;AAAA,~~IACf~~,~~GAAA,aAAA~~;AAAA,~~GACD~~,~~GAAA~~,SAAA~~,CAAA~~;AAEJ,EAAA,MAAM,EAAE,gBAAA,EAAkB,~~0BAA2B~~,~~EAAA~~,GAAI,~~aAAc~~,~~CAAA~~;AAAA,IACrE,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA;AAAA,IACA~~,mBAAA~~;AAAA,GACD,CAAA~~,CAAA~~;AAED,EAAA,MAAM,~~UAAa~~,~~GAAA~~,UAAA,~~CAAW~~,~~UAAY~~,~~EAAA~~,KAAA,CAAM,~~OAAO,CAAA,CAAA~~;~~AAEvD~~,~~EAAM~~,~~MAAA~~,oBAAA,GAAuB,CAAC,KAAyC~~,KAAA~~;AACrE,IAAA,IAAI,~~QAAU~~,~~EAAA~~;AACZ,MAAA~~,OAAA~~;AAAA,~~KACF~~;AAEA,IAAA,IAAI,~~oBAAsB~~,~~EAAA~~;AACxB,MAAA,oBAAA,CAAqB,KAAK,CAAA~~,CAAA~~;AAAA,~~KAC5B~~;AAEA,IAAI,~~IAAA,~~CAAC,uBAAuB,~~0BAA4B~~,~~EAAA~~;AACtD,MAAA,0BAAA,CAA2B,KAAK,CAAA~~,CAAA~~;AAAA,~~KAClC~~;AAAA,~~GACF~~,CAAA;AAEA,~~EACE~~,~~uBAAA~~,GAAA,CAAC,iBAAiB,~~QAAjB~~,~~EAAA;AAAA~~,~~IAA0B~~,~~KAAA~~,~~EAAO,~~EAAE,KAAA,EAAO,~~OAAQ~~,~~EAAA;AAAA~~,~~IACjD~~,~~QAAC,~~kBAAA,GAAA,~~CAAA~~,QAAA,~~EAAA~~;AAAA,MACC,~~OAAS~~,~~EAAA~~,UAAA;AAAA,MACT,GAAA;AAAA,MACC,GAAG,aAAA;AAAA,MACJ,QAAA;AAAA,MACA,cAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,~~gBAAkB~~,~~EAAA,oBAAA~~;AAAA~~,KACpB,CAAA~~;AAAA,~~GACF~~,~~CAAA~~,CAAA;AAEJ,CAAC,CAAA~~,CAAA~~;AAMM,MAAM,~~IAAO~~,~~GAAA~~,UAAA,CAAW,SAASC,KAAAA,CAItC,OACA,~~GACA~~,~~EAAA~~;AACA,~~EAAM~~,~~MAAA~~,QAAA,GAAW,~~MAAO~~,~~CAAA~~,EAAE,CAAA~~,CAAA~~;AAE1B,EAAA,~~uBACG~~,GAAA,~~CAAA~~,~~kBAAA~~,~~EAAA;AAAA~~,~~IAAmB~~,~~KAAO,EAAA,~~QAAA~~;AAAA~~,~~IACzB~~,~~QAAC~~,~~kBAAA,GAAA,CAAA,~~mBAAA,EAAA~~;AAAA~~,~~MAAmC~~,GAAA~~;AAAA~~,~~MAAW~~,GAAG,KAAA~~;AAAA~~,~~KAAO~~,CAAA~~;AAAA~~,~~GAC3D~~,CAAA~~,CAAA~~;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"List.js","sources":["../src/list-deprecated/List.tsx"],"sourcesContent":["import { useForkRef } from \"@salt-ds/core\";\n\nimport {\n type ForwardedRef,\n forwardRef,\n type KeyboardEvent,\n type ReactElement,\n type Ref,\n useContext,\n useRef,\n} from \"react\";\nimport {\n DescendantContext,\n DescendantProvider,\n} from \"./internal/DescendantContext\";\nimport { ListBase, type ListScrollHandles } from \"./ListBase\";\nimport type { ListProps, ListSelectionVariant } from \"./ListProps\";\nimport { ListStateContext } from \"./ListStateContext\";\nimport { useList } from \"./useList\";\nimport { useTypeSelect } from \"./useTypeSelect\";\n\nconst ListWithDescendants = forwardRef(function ListWithDescendants<\n Item,\n Variant extends ListSelectionVariant,\n>(\n props: ListProps<Item, Variant>,\n ref?: ForwardedRef<ListScrollHandles<Item>>,\n) {\n const { items } = useContext(DescendantContext);\n\n const { focusedRef, state, helpers, listProps } = useList({\n source: (items?.current.length ? items.current : []) as Item[],\n ...props,\n });\n\n const { highlightedIndex } = state;\n const { setHighlightedIndex, setFocusVisible } = helpers;\n\n const {\n disabled,\n disableTypeToSelect,\n getItemAtIndex,\n itemCount,\n itemToString,\n onKeyDownCapture: onListKeyDownCapture,\n ...restListProps\n } = listProps;\n\n const { onKeyDownCapture: onTypeSelectKeyDownCapture } = useTypeSelect({\n getItemAtIndex,\n highlightedIndex,\n itemCount,\n itemToString,\n setFocusVisible,\n setHighlightedIndex,\n });\n\n const setListRef = useForkRef(\n focusedRef,\n props.listRef,\n ) as Ref<HTMLDivElement>;\n\n const handleKeyDownCapture = (event: KeyboardEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n if (onListKeyDownCapture) {\n onListKeyDownCapture(event);\n }\n\n if (!disableTypeToSelect && onTypeSelectKeyDownCapture) {\n onTypeSelectKeyDownCapture(event);\n }\n };\n\n return (\n <ListStateContext.Provider value={{ state, helpers }}>\n <ListBase\n listRef={setListRef}\n ref={ref}\n {...restListProps}\n disabled={disabled}\n getItemAtIndex={getItemAtIndex}\n itemCount={itemCount}\n itemToString={itemToString}\n onKeyDownCapture={handleKeyDownCapture}\n />\n </ListStateContext.Provider>\n );\n}) as <Item, Variant extends ListSelectionVariant>(\n props: ListProps<Item, Variant> & {\n ref?: ForwardedRef<ListScrollHandles<Item>>;\n },\n) => ReactElement<ListProps<Item, Variant>>;\n\nexport const List = forwardRef(function List<\n Item,\n Variant extends ListSelectionVariant,\n>(\n props: ListProps<Item, Variant>,\n ref?: ForwardedRef<ListScrollHandles<Item>>,\n) {\n const itemsRef = useRef([]);\n\n return (\n <DescendantProvider items={itemsRef}>\n <ListWithDescendants<Item, Variant> ref={ref} {...props} />\n </DescendantProvider>\n );\n}) as <Item = string, Variant extends ListSelectionVariant = \"default\">(\n props: ListProps<Item, Variant> & {\n ref?: ForwardedRef<ListScrollHandles<Item>>;\n },\n) => ReactElement<ListProps<Item, Variant>>;\n"],"names":["ListWithDescendants","List"],"mappings":";;;;;;;;;AAqBA,MAAM,mBAAA,GAAsB,UAAA,CAAW,SAASA,oBAAAA,CAI9C,OACA,GAAA,EACA;AACA,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,UAAA,CAAW,iBAAiB,CAAA;AAE9C,EAAA,MAAM,EAAE,UAAA,EAAY,KAAA,EAAO,OAAA,EAAS,SAAA,KAAc,OAAA,CAAQ;AAAA,IACxD,SAAS,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,OAAA,CAAQ,MAAA,IAAS,KAAA,CAAM,UAAU,EAAC;AAAA,IAClD,GAAG;AAAA,GACJ,CAAA;AAED,EAAA,MAAM,EAAE,kBAAiB,GAAI,KAAA;AAC7B,EAAA,MAAM,EAAE,mBAAA,EAAqB,eAAA,EAAgB,GAAI,OAAA;AAEjD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,mBAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA,EAAkB,oBAAA;AAAA,IAClB,GAAG;AAAA,GACL,GAAI,SAAA;AAEJ,EAAA,MAAM,EAAE,gBAAA,EAAkB,0BAAA,EAA2B,GAAI,aAAA,CAAc;AAAA,IACrE,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,UAAA,GAAa,UAAA;AAAA,IACjB,UAAA;AAAA,IACA,KAAA,CAAM;AAAA,GACR;AAEA,EAAA,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAAyC;AACrE,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,oBAAA,EAAsB;AACxB,MAAA,oBAAA,CAAqB,KAAK,CAAA;AAAA,IAC5B;AAEA,IAAA,IAAI,CAAC,uBAAuB,0BAAA,EAA4B;AACtD,MAAA,0BAAA,CAA2B,KAAK,CAAA;AAAA,IAClC;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,GAAA,CAAC,iBAAiB,QAAA,EAAjB,EAA0B,OAAO,EAAE,KAAA,EAAO,SAAQ,EACjD,QAAA,kBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,UAAA;AAAA,MACT,GAAA;AAAA,MACC,GAAG,aAAA;AAAA,MACJ,QAAA;AAAA,MACA,cAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,gBAAA,EAAkB;AAAA;AAAA,GACpB,EACF,CAAA;AAEJ,CAAC,CAAA;AAMM,MAAM,IAAA,GAAO,UAAA,CAAW,SAASC,KAAAA,CAItC,OACA,GAAA,EACA;AACA,EAAA,MAAM,QAAA,GAAW,MAAA,CAAO,EAAE,CAAA;AAE1B,EAAA,uBACE,GAAA,CAAC,sBAAmB,KAAA,EAAO,QAAA,EACzB,8BAAC,mBAAA,EAAA,EAAmC,GAAA,EAAW,GAAG,KAAA,EAAO,CAAA,EAC3D,CAAA;AAEJ,CAAC;;;;"}