npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.66 → 1.0.0-alpha.68 - Mend

@salt-ds/lab 1.0.0-alpha.66 → 1.0.0-alpha.68

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 (645) hide show

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

@@ -81,7 +81,6 @@ const useList = ({
     disableHighlightOnFocus,
     highlightedIndex: highlightedIndexProp,
     indexPositions: dataHook.data,
-    label,
     onHighlight,
     onKeyboardNavigation: handleKeyboardNavigation,
     restoreLastFocus,

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 type KeyboardEvent,\n type MouseEvent,\n isValidElement,\n useCallback,\n useRef,\n} from \"react\";\nimport {\n type CollectionItem,\n type ListHandlers,\n type SelectHandler,\n type SelectionChangeHandler,\n type SelectionStrategy,\n closestListItemIndex,\n type selectedType,\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 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 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":"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"}
1	+ {"version":3,"file":"useList.js","sources":["../src/list/useList.ts"],"sourcesContent":["import {\n type KeyboardEvent,\n type MouseEvent,\n isValidElement,\n useCallback,\n useRef,\n} from \"react\";\nimport {\n type CollectionItem,\n type ListHandlers,\n type SelectHandler,\n type SelectionChangeHandler,\n type SelectionStrategy,\n closestListItemIndex,\n type selectedType,\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 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 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":"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"}

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

	@@ -1 +1 @@
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,\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":["height"],"mappings":";;;;;AAsBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,UAAA;AAAA,EACA,kBAAA;AAAA,EACA,aAAA;AAAA;AAAA,EAEA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAY,EAAA,cAAA;AAAA,EACZ;AACF,CAA6C,KAAA;AAE3C,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAI,SAElD,EAAE,CAAA;AAEJ,EAAM,MAAA,eAAA,GAAkB,QAAQ,MAAM;AACpC,IAAI,IAAA,MAAA,GAAS,aAAa,CAAI,GAAA,CAAA;AAC9B,IAAA,MAAM,aAAa,cAAkB,IAAA,kBAAA;AAGrC,IAAA,MAAM,kBACJ,GAAA,IAAA,CAAK,GAAI,CAAA,kBAAA,EAAoB,SAAS,CAAK,IAAA,kBAAA;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;AAAA,OACF;AAAA,MAEF,WAAA;AAAA,KACG,MAAA;AACL,MAAA,MAAA,IACE,kBAAqB,GAAA,MAAA,CAAO,UAAU,CAAA,GAAA,CACrC,qBAAqB,CAAK,IAAA,WAAA;AAAA;AAK/B,IAAA,OAAO,MAAO,CAAA,KAAA,CAAM,MAAM,CAAA,GAAI,~~KAAY~~,~~CAAA,~~GAAA,MAAA;AAAA,GACzC,EAAA;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,kBAAiC,WAAY,CAAA,CAAC,EAAE,MAAA,EAAAA,SAAa,KAAA;AACjE,IAAA,qBAAA,CAAsBA,OAAM,CAAA;AAAA,GAC9B,EAAG,EAAE,CAAA;AAEL,EAAkB,iBAAA,CAAA,YAAA,EAAc,UAAY,EAAA,eAAA,EAAiB,IAAI,CAAA;AAEjE,EAAO,OAAA;AAAA,IACL;AAAA,GACF;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,\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":["height"],"mappings":";;;;;AAsBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,UAAA;AAAA,EACA,kBAAA;AAAA,EACA,aAAA;AAAA;AAAA,EAEA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAY,EAAA,cAAA;AAAA,EACZ;AACF,CAA6C,KAAA;AAE3C,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAI,SAElD,EAAE,CAAA;AAEJ,EAAM,MAAA,eAAA,GAAkB,QAAQ,MAAM;AACpC,IAAI,IAAA,MAAA,GAAS,aAAa,CAAI,GAAA,CAAA;AAC9B,IAAA,MAAM,aAAa,cAAkB,IAAA,kBAAA;AAGrC,IAAA,MAAM,kBACJ,GAAA,IAAA,CAAK,GAAI,CAAA,kBAAA,EAAoB,SAAS,CAAK,IAAA,kBAAA;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;AAAA,OACF;AAAA,MAEF,WAAA;AAAA,KACG,MAAA;AACL,MAAA,MAAA,IACE,kBAAqB,GAAA,MAAA,CAAO,UAAU,CAAA,GAAA,CACrC,qBAAqB,CAAK,IAAA,WAAA;AAAA;AAK/B,IAAA,OAAO,MAAO,CAAA,KAAA,CAAM,MAAM,CAAA,GAAI,MAAY,GAAA,MAAA;AAAA,GACzC,EAAA;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,kBAAiC,WAAY,CAAA,CAAC,EAAE,MAAA,EAAAA,SAAa,KAAA;AACjE,IAAA,qBAAA,CAAsBA,OAAM,CAAA;AAAA,GAC9B,EAAG,EAAE,CAAA;AAEL,EAAkB,iBAAA,CAAA,YAAA,EAAc,UAAY,EAAA,eAAA,EAAiB,IAAI,CAAA;AAEjE,EAAO,OAAA;AAAA,IACL;AAAA,GACF;AACF;;;;"}

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

@@ -122,9 +122,7 @@ const ListBase = forwardRef(function ListBase2(props, ref) {
     displayedItemCount,
     itemCount,
     itemHeight,
-    getItemHeight,
-    itemGapSize
-  });
+    getItemHeight});
   const [containerRef, autoSize] = useListAutoSizer({
     responsive: width === void 0 || height === void 0,
     height: preferredHeight,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ListBase.js","sources":["../src/list-deprecated/ListBase.tsx"],"sourcesContent":["import {\n makePrefixer,\n useForkRef,\n useId,\n useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n Children,\n type ComponentType,\n type ForwardedRef,\n type HTMLAttributes,\n type ReactElement,\n type Ref,\n createContext,\n forwardRef,\n memo,\n useContext,\n useImperativeHandle,\n useMemo,\n useRef,\n} from \"react\";\nimport { FixedSizeList, VariableSizeList, areEqual } from \"react-window\";\nimport { ListItemBase } from \"./ListItemBase\";\nimport { ListItemContext } from \"./ListItemContext\";\nimport type { ListBaseProps } from \"./ListProps\";\nimport { useListStateContext } from \"./ListStateContext\";\nimport { calcPreferredListHeight } from \"./internal/calcPreferredListHeight\";\nimport { scrollIntoView } from \"./internal/scrollIntoView\";\nimport { useListAutoSizer } from \"./internal/useListAutoSizer\";\nimport { itemToString as defaultItemToString } from \"./itemToString\";\nimport { useListItem, useVirtualizedListItem } from \"./useListItem\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport listCss from \"./List.css\";\n\nconst withBaseName = makePrefixer(\"saltListDeprecated\");\n\nexport interface ListboxContextProps<Item> {\n borderless?: boolean;\n className?: string;\n disabled?: boolean;\n disableFocus?: boolean;\n getItemId?: (index: number) => string;\n getItemHeight?: (index?: number) => number;\n id?: string;\n itemToString?: (item: Item) => string;\n listRef?: Ref<any>;\n style?: any;\n onScroll?: (evt: any) => void;\n}\n\nconst ListboxContext = createContext<ListboxContextProps<any>>({});\nconst DefaultItem = memo(function DefaultItem(props: any) {\n const { item, itemToString, itemProps } = useListItem(props);\n return <ListItemBase {...itemProps}>{itemToString(item)}</ListItemBase>;\n}, areEqual);\n\nconst DefaultVirtualizedItem = memo(function DefaultVirtualizedItem(\n props: any,\n) {\n const { item, itemToString, itemProps } = useVirtualizedListItem(props);\n return <ListItemBase {...itemProps}>{itemToString(item)}</ListItemBase>;\n}, areEqual);\n\nexport interface ListboxProps extends HTMLAttributes<HTMLDivElement> {\n onScroll?: (evt: any) => void;\n}\n\n/*\n Listbox is the container for all list items. It is used as `outerElement` for\n * `react-window`.\n \n forwardRef gives `react-window` a way to attach a ref to listen to \"scroll\" events.\n * And `onScroll` is added by `react-window` so we pass it on.\n /\nconst Listbox: ComponentType<ListboxProps> = forwardRef(\n function Listbox(props, ref) {\n const { style, onScroll, children } = props;\n\n const {\n className,\n borderless,\n disabled,\n disableFocus,\n listRef,\n style: styleProp,\n onScroll: onScrollProp,\n ...restListProps\n } = useContext<ListboxContextProps<any>>(ListboxContext);\n\n const setListRef = useForkRef(ref, listRef);\n\n const handleScroll = (event: any) => {\n if (onScroll) {\n onScroll(event);\n }\n\n if (onScrollProp) {\n onScrollProp(event);\n }\n };\n\n return (\n <div\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"disabled\")]: disabled,\n },\n className,\n )}\n onScroll={handleScroll}\n ref={setListRef}\n style={{ ...style, ...styleProp }}\n tabIndex={disabled \|\| disableFocus ? undefined : 0}\n {...restListProps}\n >\n {children}\n </div>\n );\n },\n);\n\nexport interface ListScrollHandles<Item> {\n scrollToIndex: (itemIndex: number) => void;\n scrollToItem: (item: Item) => void;\n scrollTo: (scrollOffset: number) => void;\n}\n\nconst noScrolling: ListScrollHandles<unknown> = {\n scrollToIndex: (itemIndex: number) => undefined,\n scrollToItem: (item) => undefined,\n scrollTo: (scrollOffset: number) => undefined,\n};\n\nexport const ListBase = forwardRef(function ListBase<Item>(\n props: ListBaseProps<Item>,\n ref: ForwardedRef<ListScrollHandles<Item>>,\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-list-deprecated\",\n css: listCss,\n window: targetWindow,\n });\n\n const { state } = useListStateContext();\n\n // Getting list id in the following order:\n // 1. Use the id prop if it's defined, otherwise..\n // 2. Use the id from list context if it's defined, or finally...\n // 3. Generate a random id.\n const generatedId = useId(props.id);\n const defaultId = state.id ?? generatedId;\n\n // Removed useCharacteristic here\n const sizeStackable = \"36px\";\n const defaultItemHeight =\n sizeStackable === null ? 36 : Number.parseInt(sizeStackable, 10);\n\n const hasIndexer = typeof props.getItemAtIndex === \"function\";\n const hasVariableHeight = typeof props.getItemHeight === \"function\";\n\n const {\n id = defaultId,\n source = [],\n borderless,\n children,\n disableMouseDown,\n itemTextHighlightPattern,\n itemCount = source.length,\n itemToString = defaultItemToString,\n // TODO: Read from css variable\n itemGapSize = 1,\n itemHeight = defaultItemHeight,\n getItemHeight = () => itemHeight,\n getItemId = (index) => `${id}-item-${index}`,\n getItemIndex = (item) => source.indexOf(item),\n getItemAtIndex,\n overscanCount = 10,\n displayedItemCount = 10,\n virtualized,\n width,\n height,\n maxWidth,\n maxHeight,\n minWidth,\n minHeight,\n ListPlaceholder,\n ListItem = virtualized ? DefaultVirtualizedItem : DefaultItem,\n listRef: listRefProp,\n ...restProps\n } = props;\n\n const { highlightedIndex } = state;\n\n const preferredHeight =\n height ??\n calcPreferredListHeight({\n borderless,\n displayedItemCount,\n itemCount,\n itemHeight,\n getItemHeight,\n itemGapSize,\n });\n\n const [containerRef, autoSize] = useListAutoSizer<HTMLDivElement>({\n responsive: width === undefined \|\| height === undefined,\n height: preferredHeight,\n width,\n });\n\n /\n This is used to access `react-window` API\n * @see https://react-window.now.sh/#/api/FixedSizeList (under `Methods`)\n */\n const virtualizedListRef = useRef<any>(null);\n const listRef = useRef<HTMLDivElement \| null>(null);\n\n const setListRef = useForkRef(listRef, listRefProp);\n\n const scrollToIndex = (itemIndex: number) => {\n scrollIntoView(\n listRef.current?.querySelector(`[data-option-index=\"${itemIndex}\"]`),\n listRef,\n );\n };\n\n const scrollHandles: ListScrollHandles<Item> = useMemo(\n () => ({\n scrollToIndex,\n scrollToItem: (item: Item) => {\n scrollToIndex(getItemIndex(item));\n },\n scrollTo: (scrollOffset: number) => {\n if (listRef.current) {\n listRef.current.scrollTop = scrollOffset;\n }\n },\n }),\n [getItemIndex],\n );\n\n const virtualizedScrollHandles: ListScrollHandles<Item> = useMemo(\n () => ({\n scrollToIndex: (itemIndex: number) => {\n if (virtualizedListRef.current) {\n virtualizedListRef.current.scrollToItem(itemIndex);\n }\n },\n scrollToItem: (item: Item) => {\n virtualizedListRef.current.scrollToItem(getItemIndex(item));\n },\n scrollTo: (scrollOffset: number) => {\n virtualizedListRef.current.scrollTo(scrollOffset);\n },\n }),\n [getItemIndex],\n );\n\n useImperativeHandle(\n ref,\n () => {\n if (virtualized && virtualizedListRef.current) {\n return virtualizedScrollHandles;\n }\n if (listRef.current) {\n return scrollHandles;\n }\n return noScrolling;\n },\n [virtualized, scrollHandles, virtualizedScrollHandles],\n );\n\n useIsomorphicLayoutEffect(() => {\n if (highlightedIndex == null) {\n return;\n }\n\n if (virtualized && virtualizedListRef.current) {\n virtualizedListRef.current.scrollToItem(highlightedIndex);\n } else if (listRef.current) {\n scrollToIndex(highlightedIndex);\n }\n }, [highlightedIndex, virtualized]);\n\n const renderList = () => {\n if (Children.count(children)) {\n return (\n <Listbox style={autoSize}>\n <ListItemContext.Provider\n value={{\n disableMouseDown,\n getItemId,\n getItemHeight,\n //@ts-ignore\n itemToString,\n itemTextHighlightPattern,\n }}\n >\n {children}\n </ListItemContext.Provider>\n </Listbox>\n );\n }\n\n if (virtualized) {\n const VirtualizedList: any = hasVariableHeight\n ? VariableSizeList\n : FixedSizeList;\n\n return (\n <ListItemContext.Provider\n value={{\n disableMouseDown,\n getItemId,\n //@ts-ignore\n itemToString,\n itemTextHighlightPattern,\n }}\n >\n <VirtualizedList\n height={autoSize.height}\n itemCount={itemCount}\n itemData={source}\n itemSize={hasVariableHeight ? getItemHeight : itemHeight}\n outerElementType={Listbox}\n overscanCount={overscanCount}\n ref={virtualizedListRef}\n width={autoSize.width}\n >\n {ListItem}\n </VirtualizedList>\n </ListItemContext.Provider>\n );\n }\n\n return (\n <Listbox style={autoSize}>\n <ListItemContext.Provider\n value={{\n disableMouseDown,\n getItemId,\n getItemHeight,\n //@ts-ignore\n itemToString,\n itemTextHighlightPattern,\n }}\n >\n {(hasIndexer ? Array.from({ length: itemCount }) : source).map(\n (item, index) => (\n <ListItem\n index={index}\n // No, getItemAtIndex can NOT be undefined, because hasIndexer is confirming that already. stupid stupid typescript !!!\n item={hasIndexer ? getItemAtIndex!(index) : item}\n key={getItemId(index)}\n />\n ),\n )}\n </ListItemContext.Provider>\n </Listbox>\n );\n };\n\n // TODO It's weird that List itself isn't the root element, ListWrapper is\n // THat means if client passes style, with margin, for example, it will break;\n return (\n <div\n className={clsx(withBaseName(\"wrapper\"), {\n [withBaseName(\"borderless\")]: borderless,\n })}\n ref={containerRef}\n style={{\n minWidth,\n minHeight,\n width: width ?? \"100%\",\n height: height ?? \"100%\",\n maxWidth: maxWidth ?? width,\n maxHeight: maxHeight ?? preferredHeight,\n }}\n >\n {itemCount === 0 && ListPlaceholder !== undefined ? (\n <ListPlaceholder style={autoSize} />\n ) : (\n <ListboxContext.Provider\n value={{\n ...restProps,\n listRef: setListRef,\n id,\n borderless,\n }}\n >\n {renderList()}\n </ListboxContext.Provider>\n )}\n </div>\n );\n}) as <Item>(\n p: ListBaseProps<Item> & { ref?: ForwardedRef<ListScrollHandles<Item>> },\n) => ReactElement<ListBaseProps<Item>>;\n"],"names":["DefaultItem","DefaultVirtualizedItem","Listbox","ListBase","listCss","itemToString","defaultItemToString"],"mappings":"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"}
1	+ {"version":3,"file":"ListBase.js","sources":["../src/list-deprecated/ListBase.tsx"],"sourcesContent":["import {\n makePrefixer,\n useForkRef,\n useId,\n useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n Children,\n type ComponentType,\n type ForwardedRef,\n type HTMLAttributes,\n type ReactElement,\n type Ref,\n createContext,\n forwardRef,\n memo,\n useContext,\n useImperativeHandle,\n useMemo,\n useRef,\n} from \"react\";\nimport { FixedSizeList, VariableSizeList, areEqual } from \"react-window\";\nimport { ListItemBase } from \"./ListItemBase\";\nimport { ListItemContext } from \"./ListItemContext\";\nimport type { ListBaseProps } from \"./ListProps\";\nimport { useListStateContext } from \"./ListStateContext\";\nimport { calcPreferredListHeight } from \"./internal/calcPreferredListHeight\";\nimport { scrollIntoView } from \"./internal/scrollIntoView\";\nimport { useListAutoSizer } from \"./internal/useListAutoSizer\";\nimport { itemToString as defaultItemToString } from \"./itemToString\";\nimport { useListItem, useVirtualizedListItem } from \"./useListItem\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport listCss from \"./List.css\";\n\nconst withBaseName = makePrefixer(\"saltListDeprecated\");\n\nexport interface ListboxContextProps<Item> {\n borderless?: boolean;\n className?: string;\n disabled?: boolean;\n disableFocus?: boolean;\n getItemId?: (index: number) => string;\n getItemHeight?: (index?: number) => number;\n id?: string;\n itemToString?: (item: Item) => string;\n listRef?: Ref<any>;\n style?: any;\n onScroll?: (evt: any) => void;\n}\n\nconst ListboxContext = createContext<ListboxContextProps<any>>({});\nconst DefaultItem = memo(function DefaultItem(props: any) {\n const { item, itemToString, itemProps } = useListItem(props);\n return <ListItemBase {...itemProps}>{itemToString(item)}</ListItemBase>;\n}, areEqual);\n\nconst DefaultVirtualizedItem = memo(function DefaultVirtualizedItem(\n props: any,\n) {\n const { item, itemToString, itemProps } = useVirtualizedListItem(props);\n return <ListItemBase {...itemProps}>{itemToString(item)}</ListItemBase>;\n}, areEqual);\n\nexport interface ListboxProps extends HTMLAttributes<HTMLDivElement> {\n onScroll?: (evt: any) => void;\n}\n\n/*\n Listbox is the container for all list items. It is used as `outerElement` for\n * `react-window`.\n \n forwardRef gives `react-window` a way to attach a ref to listen to \"scroll\" events.\n * And `onScroll` is added by `react-window` so we pass it on.\n /\nconst Listbox: ComponentType<ListboxProps> = forwardRef(\n function Listbox(props, ref) {\n const { style, onScroll, children } = props;\n\n const {\n className,\n borderless,\n disabled,\n disableFocus,\n listRef,\n style: styleProp,\n onScroll: onScrollProp,\n ...restListProps\n } = useContext<ListboxContextProps<any>>(ListboxContext);\n\n const setListRef = useForkRef(ref, listRef);\n\n const handleScroll = (event: any) => {\n if (onScroll) {\n onScroll(event);\n }\n\n if (onScrollProp) {\n onScrollProp(event);\n }\n };\n\n return (\n <div\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"disabled\")]: disabled,\n },\n className,\n )}\n onScroll={handleScroll}\n ref={setListRef}\n style={{ ...style, ...styleProp }}\n tabIndex={disabled \|\| disableFocus ? undefined : 0}\n {...restListProps}\n >\n {children}\n </div>\n );\n },\n);\n\nexport interface ListScrollHandles<Item> {\n scrollToIndex: (itemIndex: number) => void;\n scrollToItem: (item: Item) => void;\n scrollTo: (scrollOffset: number) => void;\n}\n\nconst noScrolling: ListScrollHandles<unknown> = {\n scrollToIndex: (itemIndex: number) => undefined,\n scrollToItem: (item) => undefined,\n scrollTo: (scrollOffset: number) => undefined,\n};\n\nexport const ListBase = forwardRef(function ListBase<Item>(\n props: ListBaseProps<Item>,\n ref: ForwardedRef<ListScrollHandles<Item>>,\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-list-deprecated\",\n css: listCss,\n window: targetWindow,\n });\n\n const { state } = useListStateContext();\n\n // Getting list id in the following order:\n // 1. Use the id prop if it's defined, otherwise..\n // 2. Use the id from list context if it's defined, or finally...\n // 3. Generate a random id.\n const generatedId = useId(props.id);\n const defaultId = state.id ?? generatedId;\n\n // Removed useCharacteristic here\n const sizeStackable = \"36px\";\n const defaultItemHeight =\n sizeStackable === null ? 36 : Number.parseInt(sizeStackable, 10);\n\n const hasIndexer = typeof props.getItemAtIndex === \"function\";\n const hasVariableHeight = typeof props.getItemHeight === \"function\";\n\n const {\n id = defaultId,\n source = [],\n borderless,\n children,\n disableMouseDown,\n itemTextHighlightPattern,\n itemCount = source.length,\n itemToString = defaultItemToString,\n // TODO: Read from css variable\n itemGapSize = 1,\n itemHeight = defaultItemHeight,\n getItemHeight = () => itemHeight,\n getItemId = (index) => `${id}-item-${index}`,\n getItemIndex = (item) => source.indexOf(item),\n getItemAtIndex,\n overscanCount = 10,\n displayedItemCount = 10,\n virtualized,\n width,\n height,\n maxWidth,\n maxHeight,\n minWidth,\n minHeight,\n ListPlaceholder,\n ListItem = virtualized ? DefaultVirtualizedItem : DefaultItem,\n listRef: listRefProp,\n ...restProps\n } = props;\n\n const { highlightedIndex } = state;\n\n const preferredHeight =\n height ??\n calcPreferredListHeight({\n borderless,\n displayedItemCount,\n itemCount,\n itemHeight,\n getItemHeight,\n itemGapSize,\n });\n\n const [containerRef, autoSize] = useListAutoSizer<HTMLDivElement>({\n responsive: width === undefined \|\| height === undefined,\n height: preferredHeight,\n width,\n });\n\n /\n This is used to access `react-window` API\n * @see https://react-window.now.sh/#/api/FixedSizeList (under `Methods`)\n */\n const virtualizedListRef = useRef<any>(null);\n const listRef = useRef<HTMLDivElement \| null>(null);\n\n const setListRef = useForkRef(listRef, listRefProp);\n\n const scrollToIndex = (itemIndex: number) => {\n scrollIntoView(\n listRef.current?.querySelector(`[data-option-index=\"${itemIndex}\"]`),\n listRef,\n );\n };\n\n const scrollHandles: ListScrollHandles<Item> = useMemo(\n () => ({\n scrollToIndex,\n scrollToItem: (item: Item) => {\n scrollToIndex(getItemIndex(item));\n },\n scrollTo: (scrollOffset: number) => {\n if (listRef.current) {\n listRef.current.scrollTop = scrollOffset;\n }\n },\n }),\n [getItemIndex],\n );\n\n const virtualizedScrollHandles: ListScrollHandles<Item> = useMemo(\n () => ({\n scrollToIndex: (itemIndex: number) => {\n if (virtualizedListRef.current) {\n virtualizedListRef.current.scrollToItem(itemIndex);\n }\n },\n scrollToItem: (item: Item) => {\n virtualizedListRef.current.scrollToItem(getItemIndex(item));\n },\n scrollTo: (scrollOffset: number) => {\n virtualizedListRef.current.scrollTo(scrollOffset);\n },\n }),\n [getItemIndex],\n );\n\n useImperativeHandle(\n ref,\n () => {\n if (virtualized && virtualizedListRef.current) {\n return virtualizedScrollHandles;\n }\n if (listRef.current) {\n return scrollHandles;\n }\n return noScrolling;\n },\n [virtualized, scrollHandles, virtualizedScrollHandles],\n );\n\n useIsomorphicLayoutEffect(() => {\n if (highlightedIndex == null) {\n return;\n }\n\n if (virtualized && virtualizedListRef.current) {\n virtualizedListRef.current.scrollToItem(highlightedIndex);\n } else if (listRef.current) {\n scrollToIndex(highlightedIndex);\n }\n }, [highlightedIndex, virtualized]);\n\n const renderList = () => {\n if (Children.count(children)) {\n return (\n <Listbox style={autoSize}>\n <ListItemContext.Provider\n value={{\n disableMouseDown,\n getItemId,\n getItemHeight,\n //@ts-ignore\n itemToString,\n itemTextHighlightPattern,\n }}\n >\n {children}\n </ListItemContext.Provider>\n </Listbox>\n );\n }\n\n if (virtualized) {\n const VirtualizedList: any = hasVariableHeight\n ? VariableSizeList\n : FixedSizeList;\n\n return (\n <ListItemContext.Provider\n value={{\n disableMouseDown,\n getItemId,\n //@ts-ignore\n itemToString,\n itemTextHighlightPattern,\n }}\n >\n <VirtualizedList\n height={autoSize.height}\n itemCount={itemCount}\n itemData={source}\n itemSize={hasVariableHeight ? getItemHeight : itemHeight}\n outerElementType={Listbox}\n overscanCount={overscanCount}\n ref={virtualizedListRef}\n width={autoSize.width}\n >\n {ListItem}\n </VirtualizedList>\n </ListItemContext.Provider>\n );\n }\n\n return (\n <Listbox style={autoSize}>\n <ListItemContext.Provider\n value={{\n disableMouseDown,\n getItemId,\n getItemHeight,\n //@ts-ignore\n itemToString,\n itemTextHighlightPattern,\n }}\n >\n {(hasIndexer ? Array.from({ length: itemCount }) : source).map(\n (item, index) => (\n <ListItem\n index={index}\n // No, getItemAtIndex can NOT be undefined, because hasIndexer is confirming that already. stupid stupid typescript !!!\n item={hasIndexer ? getItemAtIndex!(index) : item}\n key={getItemId(index)}\n />\n ),\n )}\n </ListItemContext.Provider>\n </Listbox>\n );\n };\n\n // TODO It's weird that List itself isn't the root element, ListWrapper is\n // THat means if client passes style, with margin, for example, it will break;\n return (\n <div\n className={clsx(withBaseName(\"wrapper\"), {\n [withBaseName(\"borderless\")]: borderless,\n })}\n ref={containerRef}\n style={{\n minWidth,\n minHeight,\n width: width ?? \"100%\",\n height: height ?? \"100%\",\n maxWidth: maxWidth ?? width,\n maxHeight: maxHeight ?? preferredHeight,\n }}\n >\n {itemCount === 0 && ListPlaceholder !== undefined ? (\n <ListPlaceholder style={autoSize} />\n ) : (\n <ListboxContext.Provider\n value={{\n ...restProps,\n listRef: setListRef,\n id,\n borderless,\n }}\n >\n {renderList()}\n </ListboxContext.Provider>\n )}\n </div>\n );\n}) as <Item>(\n p: ListBaseProps<Item> & { ref?: ForwardedRef<ListScrollHandles<Item>> },\n) => ReactElement<ListBaseProps<Item>>;\n"],"names":["DefaultItem","DefaultVirtualizedItem","Listbox","ListBase","listCss","itemToString","defaultItemToString"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem.js","sources":["../src/list-deprecated/ListItem.tsx"],"sourcesContent":["import { type ForwardedRef, type ReactElement, forwardRef } from \"react\";\n\nimport { ListItemBase, type ListItemBaseProps } from \"./ListItemBase\";\nimport { useDescendant } from \"./internal/DescendantContext\";\nimport { isPlainObject } from \"./internal/helpers\";\nimport { useListItem } from \"./useListItem\";\n\nexport interface ListItemProps<Item = string>\n extends Omit<\n ListItemBaseProps,\n \"focusVisible\" \| \"highlighted\" \| \"selected\" \| \"tooltipText\"\n > {\n item?: Item;\n itemToString?: (item: Item) => string;\n}\n\nfunction ListItem<Item = string>(\n props: ListItemProps<Item>,\n ref?: ForwardedRef<HTMLDivElement>,\n) {\n const {\n children,\n item = props.item === undefined && !isPlainObject(children)\n ? (children as unknown as Item)\n : props.item,\n ...restProps\n } = props;\n\n const { itemToString, itemProps } = useListItem({\n index: useDescendant(item),\n item,\n ...restProps,\n });\n\n //TODO how can we type Item when child can be any React Node\n const itemText = itemToString(item as any);\n\n return (\n <ListItemBase tooltipText={itemText} {...itemProps} ref={ref}>\n {children !== undefined ? children : itemText}\n </ListItemBase>\n );\n}\n\n// `const` could not be generic, but we has to use `forwardRef` so that React would use the component correctly..?\n// So we have to override the type definition of forwardRef to be our own\ntype GenericListItem = <Item = string>(\n p: ListItemProps<Item> & { ref?: ForwardedRef<HTMLDivElement> },\n) => ReactElement<ListItemProps<Item>>;\n\nconst _ListItem = forwardRef(ListItem) as GenericListItem;\n\nexport { _ListItem as ListItem };\n"],"names":[],"mappings":";;;;;;;AAgBA,SAAS,QAAA,CACP,OACA,GACA,EAAA;AACA,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,IAAA,GAAO,MAAM,IAAS,KAAA,~~KAAA~~,~~CAAA,~~IAAa,CAAC,aAAc,CAAA,QAAQ,CACrD,GAAA,QAAA,GACD,KAAM,CAAA,IAAA;AAAA,IACV,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,EAAE,YAAA,EAAc,SAAU,EAAA,GAAI,WAAY,CAAA;AAAA,IAC9C,KAAA,EAAO,cAAc,IAAI,CAAA;AAAA,IACzB,IAAA;AAAA,IACA,GAAG;AAAA,GACJ,CAAA;AAGD,EAAM,MAAA,QAAA,GAAW,aAAa,IAAW,CAAA;AAEzC,EACE,uBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,WAAA,EAAa,QAAW,EAAA,GAAG,WAAW,GACjD,EAAA,QAAA,EAAA,QAAA,KAAa,~~KAAY~~,~~CAAA,~~GAAA,QAAA,GAAW,QACvC,EAAA,CAAA;AAEJ;AAQM,MAAA,SAAA,GAAY,WAAW,QAAQ;;;;"}
1	+ {"version":3,"file":"ListItem.js","sources":["../src/list-deprecated/ListItem.tsx"],"sourcesContent":["import { type ForwardedRef, type ReactElement, forwardRef } from \"react\";\n\nimport { ListItemBase, type ListItemBaseProps } from \"./ListItemBase\";\nimport { useDescendant } from \"./internal/DescendantContext\";\nimport { isPlainObject } from \"./internal/helpers\";\nimport { useListItem } from \"./useListItem\";\n\nexport interface ListItemProps<Item = string>\n extends Omit<\n ListItemBaseProps,\n \"focusVisible\" \| \"highlighted\" \| \"selected\" \| \"tooltipText\"\n > {\n item?: Item;\n itemToString?: (item: Item) => string;\n}\n\nfunction ListItem<Item = string>(\n props: ListItemProps<Item>,\n ref?: ForwardedRef<HTMLDivElement>,\n) {\n const {\n children,\n item = props.item === undefined && !isPlainObject(children)\n ? (children as unknown as Item)\n : props.item,\n ...restProps\n } = props;\n\n const { itemToString, itemProps } = useListItem({\n index: useDescendant(item),\n item,\n ...restProps,\n });\n\n //TODO how can we type Item when child can be any React Node\n const itemText = itemToString(item as any);\n\n return (\n <ListItemBase tooltipText={itemText} {...itemProps} ref={ref}>\n {children !== undefined ? children : itemText}\n </ListItemBase>\n );\n}\n\n// `const` could not be generic, but we has to use `forwardRef` so that React would use the component correctly..?\n// So we have to override the type definition of forwardRef to be our own\ntype GenericListItem = <Item = string>(\n p: ListItemProps<Item> & { ref?: ForwardedRef<HTMLDivElement> },\n) => ReactElement<ListItemProps<Item>>;\n\nconst _ListItem = forwardRef(ListItem) as GenericListItem;\n\nexport { _ListItem as ListItem };\n"],"names":[],"mappings":";;;;;;;AAgBA,SAAS,QAAA,CACP,OACA,GACA,EAAA;AACA,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,IAAA,GAAO,MAAM,IAAS,KAAA,MAAA,IAAa,CAAC,aAAc,CAAA,QAAQ,CACrD,GAAA,QAAA,GACD,KAAM,CAAA,IAAA;AAAA,IACV,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,EAAE,YAAA,EAAc,SAAU,EAAA,GAAI,WAAY,CAAA;AAAA,IAC9C,KAAA,EAAO,cAAc,IAAI,CAAA;AAAA,IACzB,IAAA;AAAA,IACA,GAAG;AAAA,GACJ,CAAA;AAGD,EAAM,MAAA,QAAA,GAAW,aAAa,IAAW,CAAA;AAEzC,EACE,uBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,WAAA,EAAa,QAAW,EAAA,GAAG,WAAW,GACjD,EAAA,QAAA,EAAA,QAAA,KAAa,MAAY,GAAA,QAAA,GAAW,QACvC,EAAA,CAAA;AAEJ;AAQM,MAAA,SAAA,GAAY,WAAW,QAAQ;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItemBase.js","sources":["../src/list-deprecated/ListItemBase.tsx"],"sourcesContent":["import { Tooltip, makePrefixer, useForkRef } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n type ForwardedRef,\n type HTMLAttributes,\n forwardRef,\n memo,\n useRef,\n} from \"react\";\n\nimport { useOverflowDetection } from \"../utils\";\nimport { Highlighter } from \"./internal/Highlighter\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport listItemCss from \"./ListItem.css\";\n\n//TODO does this need to be generic <Item?\nexport interface ListItemBaseProps extends HTMLAttributes<HTMLDivElement> {\n disabled?: boolean;\n deselectable?: boolean;\n focusVisible?: boolean;\n highlighted?: boolean;\n itemTextHighlightPattern?: RegExp \| string;\n selected?: boolean;\n tooltipText?: string;\n}\n\nconst withBaseName = makePrefixer(\"saltListItemDeprecated\");\n\n// just to keep line number parity\n//\nexport const ListItemBase = memo(\n forwardRef(function ListItemBase(\n props: ListItemBaseProps,\n ref: ForwardedRef<HTMLDivElement>,\n ) {\n const {\n className,\n deselectable,\n selected,\n highlighted = false,\n focusVisible,\n tooltipText,\n disabled,\n children,\n itemTextHighlightPattern,\n ...restProps\n } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-list-item-deprecated\",\n css: listItemCss,\n window: targetWindow,\n });\n\n const { current: detectTruncation } = useRef(typeof children === \"string\");\n\n const [overflowRef, isOverflowed] = useOverflowDetection<HTMLDivElement>();\n const setItemRef = useForkRef(overflowRef, ref);\n\n return (\n <Tooltip disabled={!isOverflowed} content={tooltipText}>\n <div\n aria-label={typeof children === \"string\" ? children : undefined}\n ref={detectTruncation ? ref : setItemRef}\n {...restProps}\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"deselectable\")]: deselectable,\n [withBaseName(\"highlighted\")]: highlighted,\n [withBaseName(\"selected\")]: selected,\n [withBaseName(\"focusVisible\")]: focusVisible,\n [withBaseName(\"disabled\")]: disabled,\n },\n className,\n )}\n >\n {detectTruncation ? (\n <span className={withBaseName(\"textWrapper\")} ref={overflowRef}>\n {itemTextHighlightPattern == null ? (\n children\n ) : (\n <Highlighter\n matchPattern={itemTextHighlightPattern}\n text={children}\n />\n )}\n </span>\n ) : (\n children\n )}\n </div>\n </Tooltip>\n );\n }),\n);\n"],"names":["ListItemBase","listItemCss"],"mappings":";;;;;;;;;;AA6BA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA;AAInD,MAAM,YAAe,GAAA,IAAA;AAAA,EAC1B,UAAW,CAAA,SAASA,aAClB,CAAA,KAAA,EACA,GACA,EAAA;AACA,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAc,GAAA,KAAA;AAAA,MACd,YAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,wBAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,2BAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAA,MAAM,EAAE,OAAS,EAAA,gBAAA,KAAqB,MAAO,CAAA,OAAO,aAAa,QAAQ,CAAA;AAEzE,IAAA,MAAM,CAAC,WAAA,EAAa,YAAY,CAAA,GAAI,oBAAqC,EAAA;AACzE,IAAM,MAAA,UAAA,GAAa,UAAW,CAAA,WAAA,EAAa,GAAG,CAAA;AAE9C,IAAA,2BACG,OAAQ,EAAA,EAAA,QAAA,EAAU,CAAC,YAAA,EAAc,SAAS,WACzC,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,YAAY,EAAA,OAAO,QAAa,KAAA,QAAA,GAAW,QAAW,GAAA,~~KAAA,CAAA~~;AAAA,QACtD,GAAA,EAAK,mBAAmB,GAAM,GAAA,UAAA;AAAA,QAC7B,GAAG,SAAA;AAAA,QACJ,SAAW,EAAA,IAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb;AAAA,YACE,CAAC,YAAA,CAAa,cAAc,CAAC,GAAG,YAAA;AAAA,YAChC,CAAC,YAAA,CAAa,aAAa,CAAC,GAAG,WAAA;AAAA,YAC/B,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,QAAA;AAAA,YAC5B,CAAC,YAAA,CAAa,cAAc,CAAC,GAAG,YAAA;AAAA,YAChC,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG;AAAA,WAC9B;AAAA,UACA;AAAA,SACF;AAAA,QAEC,QAAA,EAAA,gBAAA,mBACE,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,YAAA,CAAa,aAAa,CAAA,EAAG,GAAK,EAAA,WAAA,EAChD,QAA4B,EAAA,wBAAA,IAAA,IAAA,GAC3B,QAEA,mBAAA,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,YAAc,EAAA,wBAAA;AAAA,YACd,IAAM,EAAA;AAAA;AAAA,WAGZ,CAEA,GAAA;AAAA;AAAA,KAGN,EAAA,CAAA;AAAA,GAEH;AACH;;;;"}
1	+ {"version":3,"file":"ListItemBase.js","sources":["../src/list-deprecated/ListItemBase.tsx"],"sourcesContent":["import { Tooltip, makePrefixer, useForkRef } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n type ForwardedRef,\n type HTMLAttributes,\n forwardRef,\n memo,\n useRef,\n} from \"react\";\n\nimport { useOverflowDetection } from \"../utils\";\nimport { Highlighter } from \"./internal/Highlighter\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport listItemCss from \"./ListItem.css\";\n\n//TODO does this need to be generic <Item?\nexport interface ListItemBaseProps extends HTMLAttributes<HTMLDivElement> {\n disabled?: boolean;\n deselectable?: boolean;\n focusVisible?: boolean;\n highlighted?: boolean;\n itemTextHighlightPattern?: RegExp \| string;\n selected?: boolean;\n tooltipText?: string;\n}\n\nconst withBaseName = makePrefixer(\"saltListItemDeprecated\");\n\n// just to keep line number parity\n//\nexport const ListItemBase = memo(\n forwardRef(function ListItemBase(\n props: ListItemBaseProps,\n ref: ForwardedRef<HTMLDivElement>,\n ) {\n const {\n className,\n deselectable,\n selected,\n highlighted = false,\n focusVisible,\n tooltipText,\n disabled,\n children,\n itemTextHighlightPattern,\n ...restProps\n } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-list-item-deprecated\",\n css: listItemCss,\n window: targetWindow,\n });\n\n const { current: detectTruncation } = useRef(typeof children === \"string\");\n\n const [overflowRef, isOverflowed] = useOverflowDetection<HTMLDivElement>();\n const setItemRef = useForkRef(overflowRef, ref);\n\n return (\n <Tooltip disabled={!isOverflowed} content={tooltipText}>\n <div\n aria-label={typeof children === \"string\" ? children : undefined}\n ref={detectTruncation ? ref : setItemRef}\n {...restProps}\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"deselectable\")]: deselectable,\n [withBaseName(\"highlighted\")]: highlighted,\n [withBaseName(\"selected\")]: selected,\n [withBaseName(\"focusVisible\")]: focusVisible,\n [withBaseName(\"disabled\")]: disabled,\n },\n className,\n )}\n >\n {detectTruncation ? (\n <span className={withBaseName(\"textWrapper\")} ref={overflowRef}>\n {itemTextHighlightPattern == null ? (\n children\n ) : (\n <Highlighter\n matchPattern={itemTextHighlightPattern}\n text={children}\n />\n )}\n </span>\n ) : (\n children\n )}\n </div>\n </Tooltip>\n );\n }),\n);\n"],"names":["ListItemBase","listItemCss"],"mappings":";;;;;;;;;;AA6BA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA;AAInD,MAAM,YAAe,GAAA,IAAA;AAAA,EAC1B,UAAW,CAAA,SAASA,aAClB,CAAA,KAAA,EACA,GACA,EAAA;AACA,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAc,GAAA,KAAA;AAAA,MACd,YAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,wBAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,2BAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAA,MAAM,EAAE,OAAS,EAAA,gBAAA,KAAqB,MAAO,CAAA,OAAO,aAAa,QAAQ,CAAA;AAEzE,IAAA,MAAM,CAAC,WAAA,EAAa,YAAY,CAAA,GAAI,oBAAqC,EAAA;AACzE,IAAM,MAAA,UAAA,GAAa,UAAW,CAAA,WAAA,EAAa,GAAG,CAAA;AAE9C,IAAA,2BACG,OAAQ,EAAA,EAAA,QAAA,EAAU,CAAC,YAAA,EAAc,SAAS,WACzC,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,YAAY,EAAA,OAAO,QAAa,KAAA,QAAA,GAAW,QAAW,GAAA,MAAA;AAAA,QACtD,GAAA,EAAK,mBAAmB,GAAM,GAAA,UAAA;AAAA,QAC7B,GAAG,SAAA;AAAA,QACJ,SAAW,EAAA,IAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb;AAAA,YACE,CAAC,YAAA,CAAa,cAAc,CAAC,GAAG,YAAA;AAAA,YAChC,CAAC,YAAA,CAAa,aAAa,CAAC,GAAG,WAAA;AAAA,YAC/B,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,QAAA;AAAA,YAC5B,CAAC,YAAA,CAAa,cAAc,CAAC,GAAG,YAAA;AAAA,YAChC,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG;AAAA,WAC9B;AAAA,UACA;AAAA,SACF;AAAA,QAEC,QAAA,EAAA,gBAAA,mBACE,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,YAAA,CAAa,aAAa,CAAA,EAAG,GAAK,EAAA,WAAA,EAChD,QAA4B,EAAA,wBAAA,IAAA,IAAA,GAC3B,QAEA,mBAAA,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,YAAc,EAAA,wBAAA;AAAA,YACd,IAAM,EAAA;AAAA;AAAA,WAGZ,CAEA,GAAA;AAAA;AAAA,KAGN,EAAA,CAAA;AAAA,GAEH;AACH;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItemContext.js","sources":["../src/list-deprecated/ListItemContext.tsx"],"sourcesContent":["import { type Context, createContext, useContext } from \"react\";\n\nexport interface ListItemContextProps<Item> {\n disableMouseDown?: boolean;\n getItemId: (index: number) => string;\n getItemHeight?: (index?: number) => number \| string;\n itemToString: (item: Item) => string;\n itemTextHighlightPattern?: RegExp \| string;\n}\n\nexport type ListItemContextType<Item> = Context<ListItemContextProps<Item>>;\n\nexport const ListItemContext = createContext<\n ListItemContextProps<unknown> \| undefined\n>(undefined);\n\nexport const useListItemContext = <Item,>(): ListItemContextProps<Item> => {\n const contextValue = useContext(ListItemContext);\n\n if (contextValue === undefined) {\n throw new Error(\n \"useListItemContext must be used inside of a List or ListBase component.\",\n );\n }\n\n return contextValue;\n};\n"],"names":[],"mappings":";;AAYa,MAAA,eAAA,GAAkB,cAE7B,~~KAAS,CAAA~~;AAEJ,MAAM,qBAAqB,MAAyC;AACzE,EAAM,MAAA,YAAA,GAAe,WAAW,eAAe,CAAA;AAE/C,EAAA,IAAI,iBAAiB,~~KAAW~~,~~CAAA,~~EAAA;AAC9B,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA;AAGF,EAAO,OAAA,YAAA;AACT;;;;"}
1	+ {"version":3,"file":"ListItemContext.js","sources":["../src/list-deprecated/ListItemContext.tsx"],"sourcesContent":["import { type Context, createContext, useContext } from \"react\";\n\nexport interface ListItemContextProps<Item> {\n disableMouseDown?: boolean;\n getItemId: (index: number) => string;\n getItemHeight?: (index?: number) => number \| string;\n itemToString: (item: Item) => string;\n itemTextHighlightPattern?: RegExp \| string;\n}\n\nexport type ListItemContextType<Item> = Context<ListItemContextProps<Item>>;\n\nexport const ListItemContext = createContext<\n ListItemContextProps<unknown> \| undefined\n>(undefined);\n\nexport const useListItemContext = <Item,>(): ListItemContextProps<Item> => {\n const contextValue = useContext(ListItemContext);\n\n if (contextValue === undefined) {\n throw new Error(\n \"useListItemContext must be used inside of a List or ListBase component.\",\n );\n }\n\n return contextValue;\n};\n"],"names":[],"mappings":";;AAYa,MAAA,eAAA,GAAkB,cAE7B,MAAS;AAEJ,MAAM,qBAAqB,MAAyC;AACzE,EAAM,MAAA,YAAA,GAAe,WAAW,eAAe,CAAA;AAE/C,EAAA,IAAI,iBAAiB,MAAW,EAAA;AAC9B,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA;AAGF,EAAO,OAAA,YAAA;AACT;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DescendantContext.js","sources":["../src/list-deprecated/internal/DescendantContext.jsx"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { createContext, useContext, useRef, useState } from \"react\";\n\n// //////////////////////////////////////////////////////////////////////////////\n// SUPER HACKS AHEAD: The React team will hate this enough to hopefully give us\n// a way to know the index of a descendant given a parent (will help generate\n// IDs for accessibility a long with the ability create maximally composable\n// component abstractions).\n//\n// This is all to avoid cloneElement. If we can avoid cloneElement then people\n// can have arbitrary markup around MenuItems. This basically takes advantage\n// of react's render lifecycles to let us \"register\" descendants to an\n// ancestor, so that we can track all the descendants and manage focus on them,\n// etc. The super hacks here are for the child to know it's index as well, so\n// that it can set attributes, match against state from above, etc.\nexport const DescendantContext = createContext();\n\nexport function DescendantProvider({ items, ...props }) {\n // On the first render we say we're \"assigning\", and the children will push\n // into the array when they show up in their own useLayoutEffect.\n const assigning = useRef(true);\n\n // since children are pushed into the array in useLayoutEffect of the child,\n // children can't read their index on first render. So we need to cause a\n // second render so they can read their index.\n const [, forceUpdate] = useState();\n\n // parent useLayoutEffect is always last\n useIsomorphicLayoutEffect(() => {\n if (assigning.current) {\n // At this point all of the children have pushed into the array so we set\n // assigning to false and force an update. Since we're in\n // useLayoutEffect, we won't get a flash of rendered content, it will all\n // happen synchronously. And now that this is false, children won't push\n // into the array on the forceUpdate\n assigning.current = false;\n forceUpdate({});\n } else {\n // After the forceUpdate completes, we end up here and set assigning back\n // to true for the next update from the app\n assigning.current = true;\n }\n return () => {\n // this cleanup function runs right before the next render, so it's the\n // right time to empty out the array to be reassigned with whatever shows\n // up next render.\n if (assigning.current) {\n // we only want to empty out the array before the next render cycle if\n // it was NOT the result of our forceUpdate, so being guarded behind\n // assigning.current works\n items.current = [];\n }\n };\n }, [items]);\n\n return <DescendantContext.Provider {...props} value={{ items, assigning }} />;\n}\n\nexport function useDescendant(descendant) {\n const { assigning, items } = useContext(DescendantContext);\n const index = useRef(-1);\n\n useIsomorphicLayoutEffect(() => {\n if (assigning.current) {\n index.current = items.current.push(descendant) - 1;\n }\n });\n\n // first render its wrong, after a forceUpdate in parent useLayoutEffect it's\n // right, and its all synchronous so we don't get any flashing\n return index.current;\n}\n"],"names":[],"mappings":";;;;AAeO,MAAM,oBAAoB,aAAc;AAExC,SAAS,kBAAmB,CAAA,EAAE,KAAO,EAAA,GAAG,OAAS,EAAA;AAGtD,EAAM,MAAA,SAAA,GAAY,OAAO,IAAI,CAAA;AAK7B,EAAA,MAAM,GAAG,WAAW,CAAA,GAAI,QAAS,EAAA;AAGjC,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,UAAU,OAAS,EAAA;AAMrB,MAAA,SAAA,CAAU,OAAU,GAAA,KAAA;AACpB,MAAA,WAAA,CAAY,EAAE,CAAA;AAAA,KACT,MAAA;AAGL,MAAA,SAAA,CAAU,OAAU,GAAA,IAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AAIX,MAAA,IAAI,UAAU,OAAS,EAAA;AAIrB,QAAA,KAAA,CAAM,UAAU,EAAC;AAAA;AACnB,KACF;AAAA,GACF,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAO,uBAAA,GAAA,CAAC,iBAAkB,CAAA,QAAA,EAAlB,EAA4B,GAAG,OAAO,KAAO,EAAA,EAAE,KAAO,EAAA,SAAA,EAAa,EAAA,CAAA;AAC7E;AAEO,SAAS,cAAc,UAAY,EAAA;AACxC,EAAA,MAAM,EAAE,SAAA,EAAW,KAAM,EAAA,GAAI,WAAW,iBAAiB,CAAA;AACzD,EAAM,MAAA,KAAA,GAAQ,OAAO,~~CAAE~~,CAAA~~,CAAA~~;AAEvB,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,UAAU,OAAS,EAAA;AACrB,MAAA,KAAA,CAAM,OAAU,GAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,UAAU,CAAI,GAAA,CAAA;AAAA;AACnD,GACD,CAAA;AAID,EAAA,OAAO,KAAM,CAAA,OAAA;AACf;;;;"}
1	+ {"version":3,"file":"DescendantContext.js","sources":["../src/list-deprecated/internal/DescendantContext.jsx"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { createContext, useContext, useRef, useState } from \"react\";\n\n// //////////////////////////////////////////////////////////////////////////////\n// SUPER HACKS AHEAD: The React team will hate this enough to hopefully give us\n// a way to know the index of a descendant given a parent (will help generate\n// IDs for accessibility a long with the ability create maximally composable\n// component abstractions).\n//\n// This is all to avoid cloneElement. If we can avoid cloneElement then people\n// can have arbitrary markup around MenuItems. This basically takes advantage\n// of react's render lifecycles to let us \"register\" descendants to an\n// ancestor, so that we can track all the descendants and manage focus on them,\n// etc. The super hacks here are for the child to know it's index as well, so\n// that it can set attributes, match against state from above, etc.\nexport const DescendantContext = createContext();\n\nexport function DescendantProvider({ items, ...props }) {\n // On the first render we say we're \"assigning\", and the children will push\n // into the array when they show up in their own useLayoutEffect.\n const assigning = useRef(true);\n\n // since children are pushed into the array in useLayoutEffect of the child,\n // children can't read their index on first render. So we need to cause a\n // second render so they can read their index.\n const [, forceUpdate] = useState();\n\n // parent useLayoutEffect is always last\n useIsomorphicLayoutEffect(() => {\n if (assigning.current) {\n // At this point all of the children have pushed into the array so we set\n // assigning to false and force an update. Since we're in\n // useLayoutEffect, we won't get a flash of rendered content, it will all\n // happen synchronously. And now that this is false, children won't push\n // into the array on the forceUpdate\n assigning.current = false;\n forceUpdate({});\n } else {\n // After the forceUpdate completes, we end up here and set assigning back\n // to true for the next update from the app\n assigning.current = true;\n }\n return () => {\n // this cleanup function runs right before the next render, so it's the\n // right time to empty out the array to be reassigned with whatever shows\n // up next render.\n if (assigning.current) {\n // we only want to empty out the array before the next render cycle if\n // it was NOT the result of our forceUpdate, so being guarded behind\n // assigning.current works\n items.current = [];\n }\n };\n }, [items]);\n\n return <DescendantContext.Provider {...props} value={{ items, assigning }} />;\n}\n\nexport function useDescendant(descendant) {\n const { assigning, items } = useContext(DescendantContext);\n const index = useRef(-1);\n\n useIsomorphicLayoutEffect(() => {\n if (assigning.current) {\n index.current = items.current.push(descendant) - 1;\n }\n });\n\n // first render its wrong, after a forceUpdate in parent useLayoutEffect it's\n // right, and its all synchronous so we don't get any flashing\n return index.current;\n}\n"],"names":[],"mappings":";;;;AAeO,MAAM,oBAAoB,aAAc;AAExC,SAAS,kBAAmB,CAAA,EAAE,KAAO,EAAA,GAAG,OAAS,EAAA;AAGtD,EAAM,MAAA,SAAA,GAAY,OAAO,IAAI,CAAA;AAK7B,EAAA,MAAM,GAAG,WAAW,CAAA,GAAI,QAAS,EAAA;AAGjC,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,UAAU,OAAS,EAAA;AAMrB,MAAA,SAAA,CAAU,OAAU,GAAA,KAAA;AACpB,MAAA,WAAA,CAAY,EAAE,CAAA;AAAA,KACT,MAAA;AAGL,MAAA,SAAA,CAAU,OAAU,GAAA,IAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AAIX,MAAA,IAAI,UAAU,OAAS,EAAA;AAIrB,QAAA,KAAA,CAAM,UAAU,EAAC;AAAA;AACnB,KACF;AAAA,GACF,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAO,uBAAA,GAAA,CAAC,iBAAkB,CAAA,QAAA,EAAlB,EAA4B,GAAG,OAAO,KAAO,EAAA,EAAE,KAAO,EAAA,SAAA,EAAa,EAAA,CAAA;AAC7E;AAEO,SAAS,cAAc,UAAY,EAAA;AACxC,EAAA,MAAM,EAAE,SAAA,EAAW,KAAM,EAAA,GAAI,WAAW,iBAAiB,CAAA;AACzD,EAAM,MAAA,KAAA,GAAQ,OAAO,EAAE,CAAA;AAEvB,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,UAAU,OAAS,EAAA;AACrB,MAAA,KAAA,CAAM,OAAU,GAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,UAAU,CAAI,GAAA,CAAA;AAAA;AACnD,GACD,CAAA;AAID,EAAA,OAAO,KAAM,CAAA,OAAA;AACf;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"calcPreferredListHeight.js","sources":["../src/list-deprecated/internal/calcPreferredListHeight.js"],"sourcesContent":["export const calcPreferredListHeight = (props = {}) => {\n const {\n borderless,\n displayedItemCount = 0,\n itemCount = 0,\n itemHeight = 0,\n getItemHeight,\n gapSize = 1,\n } = props;\n\n let preferredHeight = borderless ? 0 : 2;\n\n // if there is no item we render with the preferred count\n const preferredItemCount =\n itemCount === 0\n ? displayedItemCount\n : Math.min(displayedItemCount, itemCount);\n\n if (typeof getItemHeight === \"function\") {\n preferredHeight +=\n Array.from({ length: preferredItemCount }).reduce(\n (total, _, index) => total + Number(getItemHeight(index)) + gapSize,\n 0,\n ) -\n // We don't want gap after the last item\n gapSize;\n } else {\n preferredHeight +=\n preferredItemCount * Number(itemHeight) +\n (preferredItemCount - 1) * gapSize;\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(preferredHeight) ? undefined : preferredHeight;\n};\n"],"names":[],"mappings":"AAAO,MAAM,uBAA0B,GAAA,CAAC,KAAQ,GAAA,EAAO,KAAA;AACrD,EAAM,MAAA;AAAA,IACJ,UAAA;AAAA,IACA,kBAAqB,GAAA,CAAA;AAAA,IACrB,SAAY,GAAA,CAAA;AAAA,IACZ,UAAa,GAAA,CAAA;AAAA,IACb,aAAA;AAAA,IACA,OAAU,GAAA;AAAA,GACR,GAAA,KAAA;AAEJ,EAAI,IAAA,eAAA,GAAkB,aAAa,CAAI,GAAA,CAAA;AAGvC,EAAA,MAAM,qBACJ,SAAc,KAAA,CAAA,GACV,qBACA,IAAK,CAAA,GAAA,CAAI,oBAAoB,SAAS,CAAA;AAE5C,EAAI,IAAA,OAAO,kBAAkB,UAAY,EAAA;AACvC,IAAA,eAAA,IACE,MAAM,IAAK,CAAA,EAAE,MAAQ,EAAA,kBAAA,EAAoB,CAAE,CAAA,MAAA;AAAA,MACzC,CAAC,OAAO,CAAG,EAAA,KAAA,KAAU,QAAQ,MAAO,CAAA,aAAA,CAAc,KAAK,CAAC,CAAI,GAAA,OAAA;AAAA,MAC5D;AAAA,KACF;AAAA,IAEA,OAAA;AAAA,GACG,MAAA;AACL,IAAA,eAAA,IACE,kBAAqB,GAAA,MAAA,CAAO,UAAU,CAAA,GAAA,CACrC,qBAAqB,CAAK,IAAA,OAAA;AAAA;AAK/B,EAAA,OAAO,MAAO,CAAA,KAAA,CAAM,eAAe,CAAA,GAAI,~~KAAY~~,~~CAAA,~~GAAA,eAAA;AACrD;;;;"}
1	+ {"version":3,"file":"calcPreferredListHeight.js","sources":["../src/list-deprecated/internal/calcPreferredListHeight.js"],"sourcesContent":["export const calcPreferredListHeight = (props = {}) => {\n const {\n borderless,\n displayedItemCount = 0,\n itemCount = 0,\n itemHeight = 0,\n getItemHeight,\n gapSize = 1,\n } = props;\n\n let preferredHeight = borderless ? 0 : 2;\n\n // if there is no item we render with the preferred count\n const preferredItemCount =\n itemCount === 0\n ? displayedItemCount\n : Math.min(displayedItemCount, itemCount);\n\n if (typeof getItemHeight === \"function\") {\n preferredHeight +=\n Array.from({ length: preferredItemCount }).reduce(\n (total, _, index) => total + Number(getItemHeight(index)) + gapSize,\n 0,\n ) -\n // We don't want gap after the last item\n gapSize;\n } else {\n preferredHeight +=\n preferredItemCount * Number(itemHeight) +\n (preferredItemCount - 1) * gapSize;\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(preferredHeight) ? undefined : preferredHeight;\n};\n"],"names":[],"mappings":"AAAO,MAAM,uBAA0B,GAAA,CAAC,KAAQ,GAAA,EAAO,KAAA;AACrD,EAAM,MAAA;AAAA,IACJ,UAAA;AAAA,IACA,kBAAqB,GAAA,CAAA;AAAA,IACrB,SAAY,GAAA,CAAA;AAAA,IACZ,UAAa,GAAA,CAAA;AAAA,IACb,aAAA;AAAA,IACA,OAAU,GAAA;AAAA,GACR,GAAA,KAAA;AAEJ,EAAI,IAAA,eAAA,GAAkB,aAAa,CAAI,GAAA,CAAA;AAGvC,EAAA,MAAM,qBACJ,SAAc,KAAA,CAAA,GACV,qBACA,IAAK,CAAA,GAAA,CAAI,oBAAoB,SAAS,CAAA;AAE5C,EAAI,IAAA,OAAO,kBAAkB,UAAY,EAAA;AACvC,IAAA,eAAA,IACE,MAAM,IAAK,CAAA,EAAE,MAAQ,EAAA,kBAAA,EAAoB,CAAE,CAAA,MAAA;AAAA,MACzC,CAAC,OAAO,CAAG,EAAA,KAAA,KAAU,QAAQ,MAAO,CAAA,aAAA,CAAc,KAAK,CAAC,CAAI,GAAA,OAAA;AAAA,MAC5D;AAAA,KACF;AAAA,IAEA,OAAA;AAAA,GACG,MAAA;AACL,IAAA,eAAA,IACE,kBAAqB,GAAA,MAAA,CAAO,UAAU,CAAA,GAAA,CACrC,qBAAqB,CAAK,IAAA,OAAA;AAAA;AAK/B,EAAA,OAAO,MAAO,CAAA,KAAA,CAAM,eAAe,CAAA,GAAI,MAAY,GAAA,eAAA;AACrD;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useWidth.js","sources":["../src/list-deprecated/internal/useWidth.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type RefObject, useCallback, useRef, useState } from \"react\";\n\nexport function useWidth<Element extends HTMLElement>(\n responsive: boolean,\n): [RefObject<Element>, number] {\n const [width, setWidth] = useState<number>();\n const ref = useRef<Element>();\n\n const handleResize = useCallback(function handleResize(contentRect: DOMRect) {\n setWidth(contentRect.width);\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (!ref.current) {\n return undefined;\n }\n\n handleResize(ref.current.getBoundingClientRect());\n\n if (responsive) {\n const observer = new ResizeObserver(\n ([{ contentRect }]: ResizeObserverEntry[]) => {\n handleResize(contentRect);\n },\n );\n observer.observe(ref.current);\n\n return () => {\n observer.disconnect();\n };\n }\n }, [handleResize, responsive]);\n\n return [ref, width] as [RefObject<Element>, number];\n}\n"],"names":["handleResize"],"mappings":";;;AAGO,SAAS,SACd,UAC8B,EAAA;AAC9B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAiB,EAAA;AAC3C,EAAA,MAAM,MAAM,MAAgB,EAAA;AAE5B,EAAA,MAAM,YAAe,GAAA,WAAA,CAAY,SAASA,aAAAA,CAAa,WAAsB,EAAA;AAC3E,IAAA,QAAA,CAAS,YAAY,KAAK,CAAA;AAAA,GAC5B,EAAG,EAAE,CAAA;AAEL,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAI,IAAA,CAAC,IAAI,OAAS,EAAA;AAChB,MAAO,OAAA,~~KAAA,CAAA~~;AAAA;AAGT,IAAa,YAAA,CAAA,GAAA,CAAI,OAAQ,CAAA,qBAAA,EAAuB,CAAA;AAEhD,IAAA,IAAI,UAAY,EAAA;AACd,MAAA,MAAM,WAAW,IAAI,cAAA;AAAA,QACnB,CAAC,CAAC,EAAE,WAAA,EAAa,CAA6B,KAAA;AAC5C,UAAA,YAAA,CAAa,WAAW,CAAA;AAAA;AAC1B,OACF;AACA,MAAS,QAAA,CAAA,OAAA,CAAQ,IAAI,OAAO,CAAA;AAE5B,MAAA,OAAO,MAAM;AACX,QAAA,QAAA,CAAS,UAAW,EAAA;AAAA,OACtB;AAAA;AACF,GACC,EAAA,CAAC,YAAc,EAAA,UAAU,CAAC,CAAA;AAE7B,EAAO,OAAA,CAAC,KAAK,KAAK,CAAA;AACpB;;;;"}
1	+ {"version":3,"file":"useWidth.js","sources":["../src/list-deprecated/internal/useWidth.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type RefObject, useCallback, useRef, useState } from \"react\";\n\nexport function useWidth<Element extends HTMLElement>(\n responsive: boolean,\n): [RefObject<Element>, number] {\n const [width, setWidth] = useState<number>();\n const ref = useRef<Element>();\n\n const handleResize = useCallback(function handleResize(contentRect: DOMRect) {\n setWidth(contentRect.width);\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (!ref.current) {\n return undefined;\n }\n\n handleResize(ref.current.getBoundingClientRect());\n\n if (responsive) {\n const observer = new ResizeObserver(\n ([{ contentRect }]: ResizeObserverEntry[]) => {\n handleResize(contentRect);\n },\n );\n observer.observe(ref.current);\n\n return () => {\n observer.disconnect();\n };\n }\n }, [handleResize, responsive]);\n\n return [ref, width] as [RefObject<Element>, number];\n}\n"],"names":["handleResize"],"mappings":";;;AAGO,SAAS,SACd,UAC8B,EAAA;AAC9B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAiB,EAAA;AAC3C,EAAA,MAAM,MAAM,MAAgB,EAAA;AAE5B,EAAA,MAAM,YAAe,GAAA,WAAA,CAAY,SAASA,aAAAA,CAAa,WAAsB,EAAA;AAC3E,IAAA,QAAA,CAAS,YAAY,KAAK,CAAA;AAAA,GAC5B,EAAG,EAAE,CAAA;AAEL,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAI,IAAA,CAAC,IAAI,OAAS,EAAA;AAChB,MAAO,OAAA,MAAA;AAAA;AAGT,IAAa,YAAA,CAAA,GAAA,CAAI,OAAQ,CAAA,qBAAA,EAAuB,CAAA;AAEhD,IAAA,IAAI,UAAY,EAAA;AACd,MAAA,MAAM,WAAW,IAAI,cAAA;AAAA,QACnB,CAAC,CAAC,EAAE,WAAA,EAAa,CAA6B,KAAA;AAC5C,UAAA,YAAA,CAAa,WAAW,CAAA;AAAA;AAC1B,OACF;AACA,MAAS,QAAA,CAAA,OAAA,CAAQ,IAAI,OAAO,CAAA;AAE5B,MAAA,OAAO,MAAM;AACX,QAAA,QAAA,CAAS,UAAW,EAAA;AAAA,OACtB;AAAA;AACF,GACC,EAAA,CAAC,YAAc,EAAA,UAAU,CAAC,CAAA;AAE7B,EAAO,OAAA,CAAC,KAAK,KAAK,CAAA;AACpB;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useList.js","sources":["../src/list-deprecated/useList.ts"],"sourcesContent":["import {\n ownerDocument,\n useControlled,\n useForkRef,\n useId,\n useIsFocusVisible,\n} from \"@salt-ds/core\";\n\nimport {\n type AriaAttributes,\n type Dispatch,\n type FocusEvent,\n type KeyboardEvent,\n type KeyboardEventHandler,\n type MouseEvent,\n type Ref,\n type SetStateAction,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport type {\n ListMultiSelectionVariant,\n ListProps,\n ListSelectionVariant,\n} from \"./ListProps\";\n\ntype keyHandler = (event: KeyboardEvent<HTMLInputElement>) => void;\n\ninterface listBoxAriaProps\n extends Pick<\n AriaAttributes,\n \"aria-activedescendant\" \| \"aria-multiselectable\"\n > {\n role: string; // We will default it to be 'listbox', but users can override\n}\nexport interface ListState<\n Item = string,\n Variant extends ListSelectionVariant = \"default\",\n> {\n id?: string;\n focusVisible: boolean;\n selectedItem?: Variant extends ListMultiSelectionVariant ? Array<Item> : Item;\n highlightedIndex?: number;\n isDeselectable: boolean;\n isMultiSelect: boolean;\n isDisabled: boolean;\n}\n\nexport interface ListHelpers<\n Item = string,\n Variant extends ListSelectionVariant = \"default\",\n> {\n setFocusVisible: (visible: boolean) => void;\n setSelectedItem: Dispatch<\n SetStateAction<\n (Variant extends ListMultiSelectionVariant ? Item[] : Item) \| undefined\n >\n >;\n setHighlightedIndex: (highlightedIndex?: number) => void;\n handleSelect: (\n event: MouseEvent<HTMLElement> \| KeyboardEvent<HTMLElement>,\n index: number \| undefined,\n item: Item,\n ) => void;\n keyDownHandlers: { [key: string]: KeyboardEventHandler };\n // TODO: Form Field\n}\n\nexport function useList<Item, Variant extends ListSelectionVariant>(\n props: ListProps<Item, Variant> = {},\n): {\n focusedRef: Ref<any>;\n listProps: Partial<ListProps<Item, Variant>> & listBoxAriaProps;\n state: ListState<Item, Variant>;\n helpers: ListHelpers<Item, Variant>;\n} {\n validateProps(props);\n\n const generatedId = useId(props.id);\n\n const {\n id = generatedId,\n source = [],\n itemCount = source.length,\n getItemId = (index) => `${id}-item-${index}`,\n getItemAtIndex: getItemAtIndexProp,\n getItemIndex: getItemIndexProp,\n displayedItemCount = 10,\n initialSelectedItem,\n selectionVariant,\n disabled = false,\n onBlur,\n onChange,\n onFocus,\n onKeyDown,\n onMouseDown,\n onMouseLeave,\n onSelect,\n disableMouseDown,\n restoreLastFocus,\n highlightedIndex: highlightedIndexProp,\n selectedItem: selectedItemProp,\n tabToSelect,\n ...restProps\n } = props;\n\n const {\n isFocusVisibleRef,\n onFocus: handleFocusVisible,\n onBlur: handleBlurVisible,\n ref: focusVisibleRef,\n } = useIsFocusVisible();\n\n const { current: isDeselectable } = useRef(\n selectionVariant === \"deselectable\",\n );\n const { current: isMultiSelect } = useRef(\n selectionVariant === \"multiple\" \|\|\n selectionVariant === \"extended\" \|\|\n Array.isArray(initialSelectedItem) \|\|\n Array.isArray(selectedItemProp),\n );\n\n const { current: isExtendedSelect } = useRef(selectionVariant === \"extended\");\n\n let getItemIndex = useCallback(\n (item: Item) => source.indexOf(item),\n [source],\n );\n let getItemAtIndex = useCallback((index: number) => source[index], [source]);\n\n const indexComparator = useCallback(\n (a: Item, b: Item) => getItemIndex(a) - getItemIndex(b),\n [getItemIndex],\n );\n\n // Only use getItemIndex and getItemAtIndex if both are defined; otherwise keep the defaults\n if (\n typeof getItemIndexProp === \"function\" &&\n typeof getItemAtIndexProp === \"function\"\n ) {\n getItemIndex = getItemIndexProp;\n getItemAtIndex = getItemAtIndexProp;\n }\n\n const rootRef = useRef();\n const [focusVisible, setFocusVisible] = useState(false);\n const [lastFocusedIndex, setLastFocusedIndex] = useState(-1);\n\n const [selectedItem, setSelectedItem] = useControlled<\n undefined \| (Variant extends ListMultiSelectionVariant ? Item[] : Item)\n >({\n controlled: selectedItemProp,\n default:\n initialSelectedItem ??\n ((isMultiSelect\n ? []\n : null) as unknown as Variant extends ListMultiSelectionVariant\n ? Item[]\n : Item),\n name: \"useList\",\n state: \"selectedItem\",\n });\n\n const [highlightedIndex, setHighlightedIndex] = useControlled<\n number \| undefined\n >({\n controlled: highlightedIndexProp,\n default: undefined,\n name: \"useList\",\n state: \"highlightedIndex\",\n });\n\n const handleSingleSelect = useCallback(\n (\n event: MouseEvent<HTMLElement> \| KeyboardEvent<HTMLElement>,\n index: number \| undefined,\n item: Item,\n ) => {\n const isSelected = item === selectedItem;\n let nextItem: Item \| null;\n\n if (isSelected && !isDeselectable) {\n return;\n }\n\n if (!isSelected) {\n nextItem = item;\n setHighlightedIndex(index);\n } else {\n nextItem = null;\n }\n\n setSelectedItem(\n nextItem as Variant extends ListMultiSelectionVariant ? Item[] : Item,\n );\n\n if (onChange) {\n onChange(\n event,\n nextItem as Variant extends ListMultiSelectionVariant ? Item[] : Item,\n );\n }\n },\n [isDeselectable, onChange, selectedItem],\n );\n\n const handleMultiSelect = useCallback(\n (\n event: MouseEvent<HTMLElement> \| KeyboardEvent<HTMLElement>,\n index: number \| undefined,\n item: Item,\n ) => {\n const isSelected = (selectedItem as Item[]).indexOf(item as Item) !== -1;\n let nextItems = selectedItem as Item[];\n\n if (!isSelected) {\n nextItems = nextItems.concat([item]).sort(indexComparator);\n setHighlightedIndex(index);\n } else {\n nextItems = nextItems.filter((selected) => selected !== item);\n }\n\n setSelectedItem(\n nextItems as Variant extends ListMultiSelectionVariant ? Item[] : Item,\n );\n\n if (onChange) {\n onChange(\n event,\n nextItems as Variant extends ListMultiSelectionVariant\n ? Item[]\n : Item,\n );\n }\n },\n [indexComparator, onChange, selectedItem],\n );\n\n const handleRangeSelect = useCallback(\n (\n event: MouseEvent<HTMLElement> \| KeyboardEvent<HTMLElement>,\n index?: number,\n ) => {\n const currentSelection =\n event.ctrlKey \|\| event.metaKey ? selectedItem : ([] as Item[]);\n\n const lastSelectedItemIndex =\n (selectedItem as Item[]).length > 0\n ? getItemIndex(\n (selectedItem as Item[])[(selectedItem as Item[]).length - 1],\n )\n : 0;\n\n const startRegion = Math.min(\n index ?? lastSelectedItemIndex,\n lastSelectedItemIndex,\n );\n const endRegion = Math.max(\n index ?? lastSelectedItemIndex,\n lastSelectedItemIndex,\n );\n const rangeSelection = source.slice(startRegion, endRegion + 1);\n // concat the current selection with a new selection and remove duplicates for overlaps\n const nextItems = [\n ...new Set([...(currentSelection as Item[]), ...rangeSelection]),\n ];\n // remove text selection caused by shift clicking\n ownerDocument(event.currentTarget).getSelection()?.removeAllRanges();\n setSelectedItem(\n nextItems as Variant extends ListMultiSelectionVariant ? Item[] : Item,\n );\n\n if (onChange) {\n onChange(\n event,\n nextItems as Variant extends ListMultiSelectionVariant\n ? Item[]\n : Item,\n );\n }\n },\n [getItemIndex, onChange, selectedItem, source],\n );\n\n const handleExtendedSelect = useCallback(\n (\n event: MouseEvent<HTMLElement> \| KeyboardEvent<HTMLElement>,\n index: number \| undefined,\n item: Item,\n ) => {\n let nextItems = selectedItem as Item[];\n if (event.shiftKey) {\n handleRangeSelect(event, index);\n } else if (\n (selectedItem as Item[]).length === 0 \|\|\n event.ctrlKey \|\|\n event.metaKey\n ) {\n console.log(\"handleMulti\");\n handleMultiSelect(event, index, item);\n } else {\n nextItems = [item] as Item[];\n setSelectedItem(\n nextItems as Variant extends ListMultiSelectionVariant\n ? Item[]\n : Item,\n );\n\n if (onChange) {\n onChange(\n event,\n nextItems as Variant extends ListMultiSelectionVariant\n ? Item[]\n : Item,\n );\n }\n }\n },\n [handleMultiSelect, handleRangeSelect, onChange, selectedItem],\n );\n\n const handleSelect = useCallback(\n (\n event: MouseEvent<HTMLElement> \| KeyboardEvent<HTMLElement>,\n index: number \| undefined,\n item: Item \| null,\n ) => {\n if (item == null \|\| (item as any).disabled) {\n return;\n }\n\n if (onSelect) {\n console.log(\"onSelect\");\n onSelect(event, item);\n }\n\n if (isExtendedSelect) {\n handleExtendedSelect(event, index, item);\n } else if (isMultiSelect) {\n handleMultiSelect(event, index, item);\n } else {\n handleSingleSelect(event, index, item);\n }\n },\n [\n handleExtendedSelect,\n handleMultiSelect,\n handleSingleSelect,\n isExtendedSelect,\n isMultiSelect,\n onSelect,\n ],\n );\n\n const saveFocusedIndex = (index: number) => {\n setLastFocusedIndex(index);\n return index;\n };\n\n const keyDownHandlers: { [key: string]: keyHandler } = {\n ArrowUp: (event) => {\n event.preventDefault();\n setHighlightedIndex((prevHighlightedIndex?: number) =>\n saveFocusedIndex(Math.max(0, (prevHighlightedIndex ?? itemCount) - 1)),\n );\n },\n ArrowDown: (event) => {\n event.preventDefault();\n setHighlightedIndex((prevHighlightedIndex?: number) =>\n saveFocusedIndex(\n Math.min(itemCount - 1, (prevHighlightedIndex ?? -1) + 1),\n ),\n );\n },\n PageUp: (event) => {\n event.preventDefault();\n setHighlightedIndex((prevHighlightedIndex?: number) =>\n saveFocusedIndex(\n Math.max(\n 0,\n (prevHighlightedIndex ?? displayedItemCount) - displayedItemCount,\n ),\n ),\n );\n },\n PageDown: (event) => {\n event.preventDefault();\n setHighlightedIndex((prevHighlightedIndex?: number) =>\n saveFocusedIndex(\n Math.min(\n itemCount - 1,\n (prevHighlightedIndex ?? 0) + displayedItemCount,\n ),\n ),\n );\n },\n Home: (event) => {\n event.preventDefault();\n setHighlightedIndex(saveFocusedIndex(0));\n },\n End: (event) => {\n event.preventDefault();\n setHighlightedIndex(saveFocusedIndex(itemCount - 1));\n },\n Enter: (event) => {\n event.preventDefault();\n handleSelect(\n event,\n highlightedIndex,\n highlightedIndex != null && highlightedIndex > -1\n ? getItemAtIndex(highlightedIndex)\n : null,\n );\n },\n \" \": (event) => {\n event.preventDefault();\n handleSelect(\n event,\n highlightedIndex,\n highlightedIndex != null && highlightedIndex > -1\n ? getItemAtIndex(highlightedIndex)\n : null,\n );\n },\n Tab: (event) => {\n if (tabToSelect) {\n handleSelect(\n event,\n highlightedIndex,\n highlightedIndex != null && highlightedIndex > -1\n ? getItemAtIndex(highlightedIndex)\n : null,\n );\n } else {\n setHighlightedIndex(undefined);\n }\n },\n };\n\n const handleKeyDown: keyHandler = (event) => {\n if (isFocusVisibleRef.current) {\n setFocusVisible(true);\n }\n\n const handler: keyHandler = keyDownHandlers[event.key];\n\n if (handler) {\n handler(event);\n }\n\n if (onKeyDown) {\n onKeyDown(event);\n }\n };\n\n const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n handleFocusVisible(event);\n if (isFocusVisibleRef.current) {\n setFocusVisible(true);\n }\n\n // Work out the index to highlight\n if (highlightedIndex === undefined) {\n const firstSelectedItem = isMultiSelect\n ? (selectedItem as Item[])[0]\n : (selectedItem as Item \| undefined);\n\n setHighlightedIndex(\n Math.max(\n restoreLastFocus\n ? lastFocusedIndex\n : firstSelectedItem\n ? getItemIndex(firstSelectedItem)\n : -1,\n 0,\n ),\n );\n }\n\n if (onFocus) {\n onFocus(event);\n }\n };\n\n const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n setHighlightedIndex(undefined);\n handleBlurVisible();\n if (!isFocusVisibleRef.current) {\n setFocusVisible(false);\n }\n\n if (onBlur) {\n onBlur(event);\n }\n };\n\n const handleMouseDown = (event: MouseEvent<HTMLDivElement>) => {\n if (disableMouseDown) {\n event.preventDefault();\n } else if (onMouseDown) {\n onMouseDown(event);\n }\n };\n\n const handleMouseLeave = (event: MouseEvent<HTMLDivElement>) => {\n if (focusVisible && id) {\n // Get the root node of the component if we have access to it otherwise default to current document\n const rootNode = (\n rootRef.current \|\| ownerDocument(event.currentTarget)\n ).getRootNode();\n\n const listNode = (rootNode as Document).getElementById(id);\n\n // Safety check as `mouseleave` could have been accidentally triggered by an opening tooltip\n // when you use keyboard to navigate, hence the focusVisible check earlier\n if (listNode?.contains(event.target as Node)) {\n setHighlightedIndex(undefined);\n }\n } else {\n setHighlightedIndex(undefined);\n }\n\n if (onMouseLeave) {\n onMouseLeave(event);\n }\n };\n\n const eventHandlers = {\n onFocus: handleFocus,\n onBlur: handleBlur,\n onKeyDown: handleKeyDown,\n onMouseDown: handleMouseDown,\n onMouseLeave: handleMouseLeave,\n };\n\n const ariaProps: listBoxAriaProps = {\n role: \"listbox\",\n \"aria-activedescendant\":\n highlightedIndex !== undefined && highlightedIndex >= 0\n ? getItemId(highlightedIndex)\n : undefined,\n };\n\n if (isMultiSelect) {\n ariaProps[\"aria-multiselectable\"] = true;\n }\n\n return {\n focusedRef: useForkRef(rootRef, focusVisibleRef),\n state: {\n id,\n focusVisible,\n selectedItem,\n highlightedIndex,\n isDeselectable,\n isMultiSelect,\n isDisabled: disabled,\n },\n helpers: {\n setFocusVisible,\n setSelectedItem,\n setHighlightedIndex,\n keyDownHandlers,\n handleSelect,\n },\n listProps: {\n id,\n source,\n itemCount,\n disableMouseDown,\n displayedItemCount,\n getItemAtIndex,\n getItemIndex,\n getItemId,\n disabled,\n ...ariaProps,\n ...restProps,\n ...(disabled ? {} : eventHandlers),\n },\n };\n}\n\nconst validateProps = <Item, Variant extends ListSelectionVariant>(\n props: ListProps<Item, Variant>,\n) => {\n if (process.env.NODE_ENV !== \"production\") {\n const { source, itemCount, getItemIndex, getItemAtIndex } = props;\n\n const hasIndexer =\n typeof getItemIndex === \"function\" &&\n typeof getItemAtIndex === \"function\";\n\n const hasNoIndexer =\n getItemIndex === undefined && getItemAtIndex === undefined;\n\n const sourceNotArray = !Array.isArray(source);\n\n useEffect(() => {\n if (sourceNotArray) {\n console.error(\"`source` for useList must be an array.\");\n }\n }, [sourceNotArray]);\n\n useEffect(() => {\n if (!hasNoIndexer && !hasIndexer) {\n console.error(\n \"useList needs to have both `getItemIndex` and `getItemAtIndex`.\",\n );\n }\n\n if (!hasNoIndexer && itemCount === undefined) {\n console.error(\n \"useList needs to have `itemCount` if an indexer is used.\",\n );\n }\n }, [hasIndexer, hasNoIndexer, itemCount]);\n }\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"useList.js","sources":["../src/list-deprecated/useList.ts"],"sourcesContent":["import {\n ownerDocument,\n useControlled,\n useForkRef,\n useId,\n useIsFocusVisible,\n} from \"@salt-ds/core\";\n\nimport {\n type AriaAttributes,\n type Dispatch,\n type FocusEvent,\n type KeyboardEvent,\n type KeyboardEventHandler,\n type MouseEvent,\n type Ref,\n type SetStateAction,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport type {\n ListMultiSelectionVariant,\n ListProps,\n ListSelectionVariant,\n} from \"./ListProps\";\n\ntype keyHandler = (event: KeyboardEvent<HTMLInputElement>) => void;\n\ninterface listBoxAriaProps\n extends Pick<\n AriaAttributes,\n \"aria-activedescendant\" \| \"aria-multiselectable\"\n > {\n role: string; // We will default it to be 'listbox', but users can override\n}\nexport interface ListState<\n Item = string,\n Variant extends ListSelectionVariant = \"default\",\n> {\n id?: string;\n focusVisible: boolean;\n selectedItem?: Variant extends ListMultiSelectionVariant ? Array<Item> : Item;\n highlightedIndex?: number;\n isDeselectable: boolean;\n isMultiSelect: boolean;\n isDisabled: boolean;\n}\n\nexport interface ListHelpers<\n Item = string,\n Variant extends ListSelectionVariant = \"default\",\n> {\n setFocusVisible: (visible: boolean) => void;\n setSelectedItem: Dispatch<\n SetStateAction<\n (Variant extends ListMultiSelectionVariant ? Item[] : Item) \| undefined\n >\n >;\n setHighlightedIndex: (highlightedIndex?: number) => void;\n handleSelect: (\n event: MouseEvent<HTMLElement> \| KeyboardEvent<HTMLElement>,\n index: number \| undefined,\n item: Item,\n ) => void;\n keyDownHandlers: { [key: string]: KeyboardEventHandler };\n // TODO: Form Field\n}\n\nexport function useList<Item, Variant extends ListSelectionVariant>(\n props: ListProps<Item, Variant> = {},\n): {\n focusedRef: Ref<any>;\n listProps: Partial<ListProps<Item, Variant>> & listBoxAriaProps;\n state: ListState<Item, Variant>;\n helpers: ListHelpers<Item, Variant>;\n} {\n validateProps(props);\n\n const generatedId = useId(props.id);\n\n const {\n id = generatedId,\n source = [],\n itemCount = source.length,\n getItemId = (index) => `${id}-item-${index}`,\n getItemAtIndex: getItemAtIndexProp,\n getItemIndex: getItemIndexProp,\n displayedItemCount = 10,\n initialSelectedItem,\n selectionVariant,\n disabled = false,\n onBlur,\n onChange,\n onFocus,\n onKeyDown,\n onMouseDown,\n onMouseLeave,\n onSelect,\n disableMouseDown,\n restoreLastFocus,\n highlightedIndex: highlightedIndexProp,\n selectedItem: selectedItemProp,\n tabToSelect,\n ...restProps\n } = props;\n\n const {\n isFocusVisibleRef,\n onFocus: handleFocusVisible,\n onBlur: handleBlurVisible,\n ref: focusVisibleRef,\n } = useIsFocusVisible();\n\n const { current: isDeselectable } = useRef(\n selectionVariant === \"deselectable\",\n );\n const { current: isMultiSelect } = useRef(\n selectionVariant === \"multiple\" \|\|\n selectionVariant === \"extended\" \|\|\n Array.isArray(initialSelectedItem) \|\|\n Array.isArray(selectedItemProp),\n );\n\n const { current: isExtendedSelect } = useRef(selectionVariant === \"extended\");\n\n let getItemIndex = useCallback(\n (item: Item) => source.indexOf(item),\n [source],\n );\n let getItemAtIndex = useCallback((index: number) => source[index], [source]);\n\n const indexComparator = useCallback(\n (a: Item, b: Item) => getItemIndex(a) - getItemIndex(b),\n [getItemIndex],\n );\n\n // Only use getItemIndex and getItemAtIndex if both are defined; otherwise keep the defaults\n if (\n typeof getItemIndexProp === \"function\" &&\n typeof getItemAtIndexProp === \"function\"\n ) {\n getItemIndex = getItemIndexProp;\n getItemAtIndex = getItemAtIndexProp;\n }\n\n const rootRef = useRef();\n const [focusVisible, setFocusVisible] = useState(false);\n const [lastFocusedIndex, setLastFocusedIndex] = useState(-1);\n\n const [selectedItem, setSelectedItem] = useControlled<\n undefined \| (Variant extends ListMultiSelectionVariant ? Item[] : Item)\n >({\n controlled: selectedItemProp,\n default:\n initialSelectedItem ??\n ((isMultiSelect\n ? []\n : null) as unknown as Variant extends ListMultiSelectionVariant\n ? Item[]\n : Item),\n name: \"useList\",\n state: \"selectedItem\",\n });\n\n const [highlightedIndex, setHighlightedIndex] = useControlled<\n number \| undefined\n >({\n controlled: highlightedIndexProp,\n default: undefined,\n name: \"useList\",\n state: \"highlightedIndex\",\n });\n\n const handleSingleSelect = useCallback(\n (\n event: MouseEvent<HTMLElement> \| KeyboardEvent<HTMLElement>,\n index: number \| undefined,\n item: Item,\n ) => {\n const isSelected = item === selectedItem;\n let nextItem: Item \| null;\n\n if (isSelected && !isDeselectable) {\n return;\n }\n\n if (!isSelected) {\n nextItem = item;\n setHighlightedIndex(index);\n } else {\n nextItem = null;\n }\n\n setSelectedItem(\n nextItem as Variant extends ListMultiSelectionVariant ? Item[] : Item,\n );\n\n if (onChange) {\n onChange(\n event,\n nextItem as Variant extends ListMultiSelectionVariant ? Item[] : Item,\n );\n }\n },\n [isDeselectable, onChange, selectedItem],\n );\n\n const handleMultiSelect = useCallback(\n (\n event: MouseEvent<HTMLElement> \| KeyboardEvent<HTMLElement>,\n index: number \| undefined,\n item: Item,\n ) => {\n const isSelected = (selectedItem as Item[]).indexOf(item as Item) !== -1;\n let nextItems = selectedItem as Item[];\n\n if (!isSelected) {\n nextItems = nextItems.concat([item]).sort(indexComparator);\n setHighlightedIndex(index);\n } else {\n nextItems = nextItems.filter((selected) => selected !== item);\n }\n\n setSelectedItem(\n nextItems as Variant extends ListMultiSelectionVariant ? Item[] : Item,\n );\n\n if (onChange) {\n onChange(\n event,\n nextItems as Variant extends ListMultiSelectionVariant\n ? Item[]\n : Item,\n );\n }\n },\n [indexComparator, onChange, selectedItem],\n );\n\n const handleRangeSelect = useCallback(\n (\n event: MouseEvent<HTMLElement> \| KeyboardEvent<HTMLElement>,\n index?: number,\n ) => {\n const currentSelection =\n event.ctrlKey \|\| event.metaKey ? selectedItem : ([] as Item[]);\n\n const lastSelectedItemIndex =\n (selectedItem as Item[]).length > 0\n ? getItemIndex(\n (selectedItem as Item[])[(selectedItem as Item[]).length - 1],\n )\n : 0;\n\n const startRegion = Math.min(\n index ?? lastSelectedItemIndex,\n lastSelectedItemIndex,\n );\n const endRegion = Math.max(\n index ?? lastSelectedItemIndex,\n lastSelectedItemIndex,\n );\n const rangeSelection = source.slice(startRegion, endRegion + 1);\n // concat the current selection with a new selection and remove duplicates for overlaps\n const nextItems = [\n ...new Set([...(currentSelection as Item[]), ...rangeSelection]),\n ];\n // remove text selection caused by shift clicking\n ownerDocument(event.currentTarget).getSelection()?.removeAllRanges();\n setSelectedItem(\n nextItems as Variant extends ListMultiSelectionVariant ? Item[] : Item,\n );\n\n if (onChange) {\n onChange(\n event,\n nextItems as Variant extends ListMultiSelectionVariant\n ? Item[]\n : Item,\n );\n }\n },\n [getItemIndex, onChange, selectedItem, source],\n );\n\n const handleExtendedSelect = useCallback(\n (\n event: MouseEvent<HTMLElement> \| KeyboardEvent<HTMLElement>,\n index: number \| undefined,\n item: Item,\n ) => {\n let nextItems = selectedItem as Item[];\n if (event.shiftKey) {\n handleRangeSelect(event, index);\n } else if (\n (selectedItem as Item[]).length === 0 \|\|\n event.ctrlKey \|\|\n event.metaKey\n ) {\n console.log(\"handleMulti\");\n handleMultiSelect(event, index, item);\n } else {\n nextItems = [item] as Item[];\n setSelectedItem(\n nextItems as Variant extends ListMultiSelectionVariant\n ? Item[]\n : Item,\n );\n\n if (onChange) {\n onChange(\n event,\n nextItems as Variant extends ListMultiSelectionVariant\n ? Item[]\n : Item,\n );\n }\n }\n },\n [handleMultiSelect, handleRangeSelect, onChange, selectedItem],\n );\n\n const handleSelect = useCallback(\n (\n event: MouseEvent<HTMLElement> \| KeyboardEvent<HTMLElement>,\n index: number \| undefined,\n item: Item \| null,\n ) => {\n if (item == null \|\| (item as any).disabled) {\n return;\n }\n\n if (onSelect) {\n console.log(\"onSelect\");\n onSelect(event, item);\n }\n\n if (isExtendedSelect) {\n handleExtendedSelect(event, index, item);\n } else if (isMultiSelect) {\n handleMultiSelect(event, index, item);\n } else {\n handleSingleSelect(event, index, item);\n }\n },\n [\n handleExtendedSelect,\n handleMultiSelect,\n handleSingleSelect,\n isExtendedSelect,\n isMultiSelect,\n onSelect,\n ],\n );\n\n const saveFocusedIndex = (index: number) => {\n setLastFocusedIndex(index);\n return index;\n };\n\n const keyDownHandlers: { [key: string]: keyHandler } = {\n ArrowUp: (event) => {\n event.preventDefault();\n setHighlightedIndex((prevHighlightedIndex?: number) =>\n saveFocusedIndex(Math.max(0, (prevHighlightedIndex ?? itemCount) - 1)),\n );\n },\n ArrowDown: (event) => {\n event.preventDefault();\n setHighlightedIndex((prevHighlightedIndex?: number) =>\n saveFocusedIndex(\n Math.min(itemCount - 1, (prevHighlightedIndex ?? -1) + 1),\n ),\n );\n },\n PageUp: (event) => {\n event.preventDefault();\n setHighlightedIndex((prevHighlightedIndex?: number) =>\n saveFocusedIndex(\n Math.max(\n 0,\n (prevHighlightedIndex ?? displayedItemCount) - displayedItemCount,\n ),\n ),\n );\n },\n PageDown: (event) => {\n event.preventDefault();\n setHighlightedIndex((prevHighlightedIndex?: number) =>\n saveFocusedIndex(\n Math.min(\n itemCount - 1,\n (prevHighlightedIndex ?? 0) + displayedItemCount,\n ),\n ),\n );\n },\n Home: (event) => {\n event.preventDefault();\n setHighlightedIndex(saveFocusedIndex(0));\n },\n End: (event) => {\n event.preventDefault();\n setHighlightedIndex(saveFocusedIndex(itemCount - 1));\n },\n Enter: (event) => {\n event.preventDefault();\n handleSelect(\n event,\n highlightedIndex,\n highlightedIndex != null && highlightedIndex > -1\n ? getItemAtIndex(highlightedIndex)\n : null,\n );\n },\n \" \": (event) => {\n event.preventDefault();\n handleSelect(\n event,\n highlightedIndex,\n highlightedIndex != null && highlightedIndex > -1\n ? getItemAtIndex(highlightedIndex)\n : null,\n );\n },\n Tab: (event) => {\n if (tabToSelect) {\n handleSelect(\n event,\n highlightedIndex,\n highlightedIndex != null && highlightedIndex > -1\n ? getItemAtIndex(highlightedIndex)\n : null,\n );\n } else {\n setHighlightedIndex(undefined);\n }\n },\n };\n\n const handleKeyDown: keyHandler = (event) => {\n if (isFocusVisibleRef.current) {\n setFocusVisible(true);\n }\n\n const handler: keyHandler = keyDownHandlers[event.key];\n\n if (handler) {\n handler(event);\n }\n\n if (onKeyDown) {\n onKeyDown(event);\n }\n };\n\n const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n handleFocusVisible(event);\n if (isFocusVisibleRef.current) {\n setFocusVisible(true);\n }\n\n // Work out the index to highlight\n if (highlightedIndex === undefined) {\n const firstSelectedItem = isMultiSelect\n ? (selectedItem as Item[])[0]\n : (selectedItem as Item \| undefined);\n\n setHighlightedIndex(\n Math.max(\n restoreLastFocus\n ? lastFocusedIndex\n : firstSelectedItem\n ? getItemIndex(firstSelectedItem)\n : -1,\n 0,\n ),\n );\n }\n\n if (onFocus) {\n onFocus(event);\n }\n };\n\n const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n setHighlightedIndex(undefined);\n handleBlurVisible();\n if (!isFocusVisibleRef.current) {\n setFocusVisible(false);\n }\n\n if (onBlur) {\n onBlur(event);\n }\n };\n\n const handleMouseDown = (event: MouseEvent<HTMLDivElement>) => {\n if (disableMouseDown) {\n event.preventDefault();\n } else if (onMouseDown) {\n onMouseDown(event);\n }\n };\n\n const handleMouseLeave = (event: MouseEvent<HTMLDivElement>) => {\n if (focusVisible && id) {\n // Get the root node of the component if we have access to it otherwise default to current document\n const rootNode = (\n rootRef.current \|\| ownerDocument(event.currentTarget)\n ).getRootNode();\n\n const listNode = (rootNode as Document).getElementById(id);\n\n // Safety check as `mouseleave` could have been accidentally triggered by an opening tooltip\n // when you use keyboard to navigate, hence the focusVisible check earlier\n if (listNode?.contains(event.target as Node)) {\n setHighlightedIndex(undefined);\n }\n } else {\n setHighlightedIndex(undefined);\n }\n\n if (onMouseLeave) {\n onMouseLeave(event);\n }\n };\n\n const eventHandlers = {\n onFocus: handleFocus,\n onBlur: handleBlur,\n onKeyDown: handleKeyDown,\n onMouseDown: handleMouseDown,\n onMouseLeave: handleMouseLeave,\n };\n\n const ariaProps: listBoxAriaProps = {\n role: \"listbox\",\n \"aria-activedescendant\":\n highlightedIndex !== undefined && highlightedIndex >= 0\n ? getItemId(highlightedIndex)\n : undefined,\n };\n\n if (isMultiSelect) {\n ariaProps[\"aria-multiselectable\"] = true;\n }\n\n return {\n focusedRef: useForkRef(rootRef, focusVisibleRef),\n state: {\n id,\n focusVisible,\n selectedItem,\n highlightedIndex,\n isDeselectable,\n isMultiSelect,\n isDisabled: disabled,\n },\n helpers: {\n setFocusVisible,\n setSelectedItem,\n setHighlightedIndex,\n keyDownHandlers,\n handleSelect,\n },\n listProps: {\n id,\n source,\n itemCount,\n disableMouseDown,\n displayedItemCount,\n getItemAtIndex,\n getItemIndex,\n getItemId,\n disabled,\n ...ariaProps,\n ...restProps,\n ...(disabled ? {} : eventHandlers),\n },\n };\n}\n\nconst validateProps = <Item, Variant extends ListSelectionVariant>(\n props: ListProps<Item, Variant>,\n) => {\n if (process.env.NODE_ENV !== \"production\") {\n const { source, itemCount, getItemIndex, getItemAtIndex } = props;\n\n const hasIndexer =\n typeof getItemIndex === \"function\" &&\n typeof getItemAtIndex === \"function\";\n\n const hasNoIndexer =\n getItemIndex === undefined && getItemAtIndex === undefined;\n\n const sourceNotArray = !Array.isArray(source);\n\n useEffect(() => {\n if (sourceNotArray) {\n console.error(\"`source` for useList must be an array.\");\n }\n }, [sourceNotArray]);\n\n useEffect(() => {\n if (!hasNoIndexer && !hasIndexer) {\n console.error(\n \"useList needs to have both `getItemIndex` and `getItemAtIndex`.\",\n );\n }\n\n if (!hasNoIndexer && itemCount === undefined) {\n console.error(\n \"useList needs to have `itemCount` if an indexer is used.\",\n );\n }\n }, [hasIndexer, hasNoIndexer, itemCount]);\n }\n};\n"],"names":[],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useListItem.js","sources":["../src/list-deprecated/useListItem.ts"],"sourcesContent":["import { type MouseEvent, useCallback, useEffect, useMemo } from \"react\";\nimport type { ListChildComponentProps } from \"react-window\";\n\nimport type { ListItemProps } from \"./ListItem\";\nimport type { ListItemBaseProps } from \"./ListItemBase\";\n\nimport { useListItemContext } from \"./ListItemContext\";\nimport { useListStateContext } from \"./ListStateContext\";\n\ntype UseItemHookReturnType<Item> = {\n /*\n Item data\n /\n item: Item;\n /\n Utility function for converting item data to a string\n /\n itemToString: (item: Item) => string;\n /\n Properties applied to a basic list item component\n /\n itemProps: ListItemBaseProps;\n};\n\nexport interface IndexedListItemProps<Item> extends ListItemProps<Item> {\n ariaProps?: {\n role?: string;\n \"aria-disabled\"?: string;\n \"aria-checked\"?: string;\n \"aria-posinset\"?: number;\n \"aria-setsize\"?: number;\n };\n\n index: number;\n itemHeight?: number \| string;\n}\n\nexport function useListItem<Item>(\n props: IndexedListItemProps<Item>,\n): UseItemHookReturnType<Item> {\n validateProps(props);\n\n const context = useListItemContext<Item>();\n const { state, helpers } = useListStateContext();\n const { setHighlightedIndex, setFocusVisible, handleSelect } = helpers;\n const {\n focusVisible,\n highlightedIndex,\n selectedItem,\n isDeselectable,\n isDisabled,\n isMultiSelect,\n } = state;\n const {\n index,\n item,\n onClick,\n onMouseDown,\n onMouseMove,\n id = context.getItemId(index),\n itemHeight = context.getItemHeight?.(index),\n itemToString = context.itemToString,\n itemTextHighlightPattern = context.itemTextHighlightPattern,\n // An item can be disabled by\n // 1. Setting disabled attribute on the item object, or\n // 2. Passing a disabled prop directly or\n // 3. Using the disabled state in list context\n //TODO Not sure where disabled needs to be defined\n disabled = (item as any).disabled \|\| isDisabled,\n ariaProps: ariaPropsProp,\n style: styleProp,\n ...restProps\n } = props;\n\n // biome-ignore lint/correctness/useExhaustiveDependencies: JSON.stringify is used to compare objects\n const style = useMemo(\n () => ({\n height: itemHeight,\n ...styleProp,\n }),\n [itemHeight, JSON.stringify(styleProp)],\n );\n\n const highlighted = index === highlightedIndex;\n const selected = isMultiSelect\n ? selectedItem.indexOf(item) !== -1\n : item === selectedItem;\n\n const handleClick = useCallback(\n (event: MouseEvent<HTMLDivElement>) => {\n handleSelect(event, index, item);\n\n if (onClick) {\n onClick(event);\n }\n },\n [handleSelect, index, item, onClick],\n );\n\n const handleMouseMove = useCallback(\n (event: MouseEvent<HTMLDivElement>) => {\n setHighlightedIndex(index);\n setFocusVisible(false);\n\n if (onMouseMove) {\n onMouseMove(event);\n }\n },\n [index, setFocusVisible, setHighlightedIndex, onMouseMove],\n );\n\n const handleMouseDown = (\n event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>,\n ) => {\n if (context.disableMouseDown) {\n event.preventDefault();\n } else if (onMouseDown) {\n onMouseDown(event);\n }\n };\n\n const eventHandlers = {\n onClick: handleClick,\n onMouseMove: handleMouseMove,\n onMouseDown: handleMouseDown,\n };\n\n const ariaProps = {\n role: \"option\",\n ...(disabled && { \"aria-disabled\": true }),\n ...ariaPropsProp,\n };\n\n if (selected) {\n ariaProps[`${isMultiSelect ? \"aria-selected\" : \"aria-checked\"}`] = true;\n }\n\n return {\n item: item!,\n itemToString,\n itemProps: {\n \"data-option-index\": index,\n id,\n style,\n deselectable: isDeselectable \|\| isMultiSelect,\n disabled,\n selected,\n highlighted,\n itemTextHighlightPattern,\n focusVisible: focusVisible && highlighted,\n tooltipText: item ? itemToString(item) : undefined,\n ...ariaProps,\n ...restProps,\n ...(disabled ? {} : eventHandlers),\n },\n };\n}\n\ntype VirtualizedListItemProps = Pick<\n ListChildComponentProps,\n \"index\" \| \"style\" \| \"data\"\n>;\n\nexport const useVirtualizedListItem = (props: VirtualizedListItemProps) => {\n const { index, data, style = {} } = props;\n // Filter out inline width added by `react-window` so that it can only be defined using css.\n const { width: _unusedWidth, height: itemHeight, ...restStyle } = style;\n\n return useListItem({\n index,\n itemHeight,\n style: restStyle,\n item: data[index],\n ariaProps: {\n \"aria-posinset\": index + 1,\n \"aria-setsize\": data.length,\n },\n });\n};\n\nconst validateProps = <Item>(props: IndexedListItemProps<Item>) => {\n const { index, item } = props;\n\n / eslint-disable react-hooks/rules-of-hooks /\n useEffect(() => {\n if (item === undefined) {\n console.warn(\"useListItem needs `item`.\");\n }\n if (index === undefined) {\n console.warn(\"useListItem needs to know item's index.\");\n }\n }, [index, item]);\n / eslint-enable react-hooks/rules-of-hooks */\n};\n"],"names":[],"mappings":";;;;AAqCO,SAAS,YACd,KAC6B,EAAA;AAvC/B,EAAA,IAAA,EAAA;AAwCE,EAAA,aAAA,CAAc,KAAK,CAAA;AAEnB,EAAA,MAAM,UAAU,kBAAyB,EAAA;AACzC,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,mBAAoB,EAAA;AAC/C,EAAA,MAAM,EAAE,mBAAA,EAAqB,eAAiB,EAAA,YAAA,EAAiB,GAAA,OAAA;AAC/D,EAAM,MAAA;AAAA,IACJ,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,YAAA;AAAA,IACA,cAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,EAAA,GAAK,OAAQ,CAAA,SAAA,CAAU,KAAK,CAAA;AAAA,IAC5B,UAAA,GAAA,CAAa,EAAQ,GAAA,OAAA,CAAA,aAAA,KAAR,IAAwB,GAAA,~~KAAA~~,~~CAAA,~~GAAA,EAAA,CAAA,IAAA,CAAA,OAAA,EAAA,KAAA,CAAA;AAAA,IACrC,eAAe,OAAQ,CAAA,YAAA;AAAA,IACvB,2BAA2B,OAAQ,CAAA,wBAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMnC,QAAA,GAAY,KAAa,QAAY,IAAA,UAAA;AAAA,IACrC,SAAW,EAAA,aAAA;AAAA,IACX,KAAO,EAAA,SAAA;AAAA,IACP,GAAG;AAAA,GACD,GAAA,KAAA;AAGJ,EAAA,MAAM,KAAQ,GAAA,OAAA;AAAA,IACZ,OAAO;AAAA,MACL,MAAQ,EAAA,UAAA;AAAA,MACR,GAAG;AAAA,KACL,CAAA;AAAA,IACA,CAAC,UAAA,EAAY,IAAK,CAAA,SAAA,CAAU,SAAS,CAAC;AAAA,GACxC;AAEA,EAAA,MAAM,cAAc,KAAU,KAAA,gBAAA;AAC9B,EAAA,MAAM,WAAW,aACb,GAAA,YAAA,CAAa,QAAQ,IAAI,CAAA,KAAM,KAC/B,IAAS,KAAA,YAAA;AAEb,EAAA,MAAM,WAAc,GAAA,WAAA;AAAA,IAClB,CAAC,KAAsC,KAAA;AACrC,MAAa,YAAA,CAAA,KAAA,EAAO,OAAO,IAAI,CAAA;AAE/B,MAAA,IAAI,OAAS,EAAA;AACX,QAAA,OAAA,CAAQ,KAAK,CAAA;AAAA;AACf,KACF;AAAA,IACA,CAAC,YAAA,EAAc,KAAO,EAAA,IAAA,EAAM,OAAO;AAAA,GACrC;AAEA,EAAA,MAAM,eAAkB,GAAA,WAAA;AAAA,IACtB,CAAC,KAAsC,KAAA;AACrC,MAAA,mBAAA,CAAoB,KAAK,CAAA;AACzB,MAAA,eAAA,CAAgB,KAAK,CAAA;AAErB,MAAA,IAAI,WAAa,EAAA;AACf,QAAA,WAAA,CAAY,KAAK,CAAA;AAAA;AACnB,KACF;AAAA,IACA,CAAC,KAAA,EAAO,eAAiB,EAAA,mBAAA,EAAqB,WAAW;AAAA,GAC3D;AAEA,EAAM,MAAA,eAAA,GAAkB,CACtB,KACG,KAAA;AACH,IAAA,IAAI,QAAQ,gBAAkB,EAAA;AAC5B,MAAA,KAAA,CAAM,cAAe,EAAA;AAAA,eACZ,WAAa,EAAA;AACtB,MAAA,WAAA,CAAY,KAAK,CAAA;AAAA;AACnB,GACF;AAEA,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,OAAS,EAAA,WAAA;AAAA,IACT,WAAa,EAAA,eAAA;AAAA,IACb,WAAa,EAAA;AAAA,GACf;AAEA,EAAA,MAAM,SAAY,GAAA;AAAA,IAChB,IAAM,EAAA,QAAA;AAAA,IACN,GAAI,QAAA,IAAY,EAAE,eAAA,EAAiB,IAAK,EAAA;AAAA,IACxC,GAAG;AAAA,GACL;AAEA,EAAA,IAAI,QAAU,EAAA;AACZ,IAAA,SAAA,CAAU,CAAG,EAAA,aAAA,GAAgB,eAAkB,GAAA,cAAc,EAAE,CAAI,GAAA,IAAA;AAAA;AAGrE,EAAO,OAAA;AAAA,IACL,IAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAW,EAAA;AAAA,MACT,mBAAqB,EAAA,KAAA;AAAA,MACrB,EAAA;AAAA,MACA,KAAA;AAAA,MACA,cAAc,cAAkB,IAAA,aAAA;AAAA,MAChC,QAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,wBAAA;AAAA,MACA,cAAc,YAAgB,IAAA,WAAA;AAAA,MAC9B,WAAa,EAAA,IAAA,GAAO,YAAa,CAAA,IAAI,CAAI,GAAA,~~KAAA,CAAA~~;AAAA,MACzC,GAAG,SAAA;AAAA,MACH,GAAG,SAAA;AAAA,MACH,GAAI,QAAW,GAAA,EAAK,GAAA;AAAA;AACtB,GACF;AACF;AAOa,MAAA,sBAAA,GAAyB,CAAC,KAAoC,KAAA;AACzE,EAAA,MAAM,EAAE,KAAO,EAAA,IAAA,EAAM,KAAQ,GAAA,IAAO,GAAA,KAAA;AAEpC,EAAA,MAAM,EAAE,KAAO,EAAA,YAAA,EAAc,QAAQ,UAAY,EAAA,GAAG,WAAc,GAAA,KAAA;AAElE,EAAA,OAAO,WAAY,CAAA;AAAA,IACjB,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAO,EAAA,SAAA;AAAA,IACP,IAAA,EAAM,KAAK,KAAK,CAAA;AAAA,IAChB,SAAW,EAAA;AAAA,MACT,iBAAiB,KAAQ,GAAA,CAAA;AAAA,MACzB,gBAAgB,IAAK,CAAA;AAAA;AACvB,GACD,CAAA;AACH;AAEA,MAAM,aAAA,GAAgB,CAAO,KAAsC,KAAA;AACjE,EAAM,MAAA,EAAE,KAAO,EAAA,IAAA,EAAS,GAAA,KAAA;AAGxB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAS,~~KAAW~~,~~CAAA,~~EAAA;AACtB,MAAA,OAAA,CAAQ,KAAK,2BAA2B,CAAA;AAAA;AAE1C,IAAA,IAAI,UAAU,~~KAAW~~,~~CAAA,~~EAAA;AACvB,MAAA,OAAA,CAAQ,KAAK,yCAAyC,CAAA;AAAA;AACxD,GACC,EAAA,CAAC,KAAO,EAAA,IAAI,CAAC,CAAA;AAElB,CAAA;;;;"}
1	+ {"version":3,"file":"useListItem.js","sources":["../src/list-deprecated/useListItem.ts"],"sourcesContent":["import { type MouseEvent, useCallback, useEffect, useMemo } from \"react\";\nimport type { ListChildComponentProps } from \"react-window\";\n\nimport type { ListItemProps } from \"./ListItem\";\nimport type { ListItemBaseProps } from \"./ListItemBase\";\n\nimport { useListItemContext } from \"./ListItemContext\";\nimport { useListStateContext } from \"./ListStateContext\";\n\ntype UseItemHookReturnType<Item> = {\n /*\n Item data\n /\n item: Item;\n /\n Utility function for converting item data to a string\n /\n itemToString: (item: Item) => string;\n /\n Properties applied to a basic list item component\n /\n itemProps: ListItemBaseProps;\n};\n\nexport interface IndexedListItemProps<Item> extends ListItemProps<Item> {\n ariaProps?: {\n role?: string;\n \"aria-disabled\"?: string;\n \"aria-checked\"?: string;\n \"aria-posinset\"?: number;\n \"aria-setsize\"?: number;\n };\n\n index: number;\n itemHeight?: number \| string;\n}\n\nexport function useListItem<Item>(\n props: IndexedListItemProps<Item>,\n): UseItemHookReturnType<Item> {\n validateProps(props);\n\n const context = useListItemContext<Item>();\n const { state, helpers } = useListStateContext();\n const { setHighlightedIndex, setFocusVisible, handleSelect } = helpers;\n const {\n focusVisible,\n highlightedIndex,\n selectedItem,\n isDeselectable,\n isDisabled,\n isMultiSelect,\n } = state;\n const {\n index,\n item,\n onClick,\n onMouseDown,\n onMouseMove,\n id = context.getItemId(index),\n itemHeight = context.getItemHeight?.(index),\n itemToString = context.itemToString,\n itemTextHighlightPattern = context.itemTextHighlightPattern,\n // An item can be disabled by\n // 1. Setting disabled attribute on the item object, or\n // 2. Passing a disabled prop directly or\n // 3. Using the disabled state in list context\n //TODO Not sure where disabled needs to be defined\n disabled = (item as any).disabled \|\| isDisabled,\n ariaProps: ariaPropsProp,\n style: styleProp,\n ...restProps\n } = props;\n\n // biome-ignore lint/correctness/useExhaustiveDependencies: JSON.stringify is used to compare objects\n const style = useMemo(\n () => ({\n height: itemHeight,\n ...styleProp,\n }),\n [itemHeight, JSON.stringify(styleProp)],\n );\n\n const highlighted = index === highlightedIndex;\n const selected = isMultiSelect\n ? selectedItem.indexOf(item) !== -1\n : item === selectedItem;\n\n const handleClick = useCallback(\n (event: MouseEvent<HTMLDivElement>) => {\n handleSelect(event, index, item);\n\n if (onClick) {\n onClick(event);\n }\n },\n [handleSelect, index, item, onClick],\n );\n\n const handleMouseMove = useCallback(\n (event: MouseEvent<HTMLDivElement>) => {\n setHighlightedIndex(index);\n setFocusVisible(false);\n\n if (onMouseMove) {\n onMouseMove(event);\n }\n },\n [index, setFocusVisible, setHighlightedIndex, onMouseMove],\n );\n\n const handleMouseDown = (\n event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>,\n ) => {\n if (context.disableMouseDown) {\n event.preventDefault();\n } else if (onMouseDown) {\n onMouseDown(event);\n }\n };\n\n const eventHandlers = {\n onClick: handleClick,\n onMouseMove: handleMouseMove,\n onMouseDown: handleMouseDown,\n };\n\n const ariaProps = {\n role: \"option\",\n ...(disabled && { \"aria-disabled\": true }),\n ...ariaPropsProp,\n };\n\n if (selected) {\n ariaProps[`${isMultiSelect ? \"aria-selected\" : \"aria-checked\"}`] = true;\n }\n\n return {\n item: item!,\n itemToString,\n itemProps: {\n \"data-option-index\": index,\n id,\n style,\n deselectable: isDeselectable \|\| isMultiSelect,\n disabled,\n selected,\n highlighted,\n itemTextHighlightPattern,\n focusVisible: focusVisible && highlighted,\n tooltipText: item ? itemToString(item) : undefined,\n ...ariaProps,\n ...restProps,\n ...(disabled ? {} : eventHandlers),\n },\n };\n}\n\ntype VirtualizedListItemProps = Pick<\n ListChildComponentProps,\n \"index\" \| \"style\" \| \"data\"\n>;\n\nexport const useVirtualizedListItem = (props: VirtualizedListItemProps) => {\n const { index, data, style = {} } = props;\n // Filter out inline width added by `react-window` so that it can only be defined using css.\n const { width: _unusedWidth, height: itemHeight, ...restStyle } = style;\n\n return useListItem({\n index,\n itemHeight,\n style: restStyle,\n item: data[index],\n ariaProps: {\n \"aria-posinset\": index + 1,\n \"aria-setsize\": data.length,\n },\n });\n};\n\nconst validateProps = <Item>(props: IndexedListItemProps<Item>) => {\n const { index, item } = props;\n\n / eslint-disable react-hooks/rules-of-hooks /\n useEffect(() => {\n if (item === undefined) {\n console.warn(\"useListItem needs `item`.\");\n }\n if (index === undefined) {\n console.warn(\"useListItem needs to know item's index.\");\n }\n }, [index, item]);\n / eslint-enable react-hooks/rules-of-hooks */\n};\n"],"names":[],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useTypeSelect.js","sources":["../src/list-deprecated/useTypeSelect.js"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport { escapeRegExp } from \"../utils\";\n\nimport { itemToString as defaultItemToString } from \"./itemToString\";\n\nconst TYPE_SELECT_TIMEOUT = 1500;\n\nexport function useTypeSelect(options) {\n const {\n getItemAtIndex,\n highlightedIndex,\n itemCount,\n itemToString = defaultItemToString,\n onTypeSelect,\n setFocusVisible,\n setHighlightedIndex,\n } = options;\n\n const getItemIndexForSearch = useCallback(\n (searchTerm, fromIndex) => {\n if (itemCount === 0) {\n return null;\n }\n\n let index = fromIndex \|\| 0;\n while (index < itemCount) {\n const item = getItemAtIndex(index);\n const textValue = itemToString ? itemToString(item) : item;\n if (textValue?.match(new RegExp(`^${escapeRegExp(searchTerm)}`, \"i\"))) {\n return index;\n }\n\n index = index + 1;\n }\n\n return null;\n },\n [itemCount, itemToString, getItemAtIndex],\n );\n\n const state = useRef({\n search: \"\",\n timeout: null,\n }).current;\n\n const onKeyDownCapture = (event) => {\n const character = getStringForKey(event.key);\n if (!character \|\| event.ctrlKey \|\| event.metaKey) {\n return;\n }\n\n // Do not propagate the Spacebar event if it's meant to be part of the search.\n // When we time out, the search term becomes empty, hence the check on length.\n // Trimming is to account for the case of pressing the Spacebar more than once,\n // which should cycle through the selection/deselection of the focused item.\n if (character !== \" \" \|\| state.search.trim().length > 0) {\n event.preventDefault();\n event.stopPropagation();\n }\n\n // When typing same character sebsequently and quickly, we treat it as cyling through items\n // starting with that char instead of seaching for double character, because in most cases\n // there won't be any option having same characters at the beginning. This should be only\n // impacting beginning of the words because length of `character` would be 1.\n if (character !== state.search) {\n state.search += character;\n }\n\n // Prioritize items after the currently focused item, falling back to searching the whole list.\n // We want to cycle through choices when keep typing the same first character, hence the +1\n // condition. All subsequent characters should stay at the current item otherwise it will\n // always jumping around.\n let index = getItemIndexForSearch(\n state.search,\n state.search.length > 1 ? highlightedIndex : highlightedIndex + 1,\n );\n\n // If no key found, search from the top.\n if (index == null) {\n index = getItemIndexForSearch(state.search);\n }\n\n if (index != null) {\n setFocusVisible(true);\n // TODO: Maybe we can repurpose this setHighlightedIndex so that the user controls it's meant to set\n // hightlighted index when expanded v.s. selected item when collapsed\n setHighlightedIndex(index);\n if (onTypeSelect) {\n onTypeSelect(index);\n }\n }\n\n clearTimeout(state.timeout);\n state.timeout = setTimeout(() => {\n state.search = \"\";\n }, TYPE_SELECT_TIMEOUT);\n };\n\n return {\n // Using a capturing listener to catch the keydown event before\n // other hooks in order to handle the Spacebar event.\n onKeyDownCapture,\n };\n}\n\nfunction getStringForKey(key) {\n // If the key is of length 1, it is an ASCII value.\n // Otherwise, if there are no ASCII characters in the key name,\n // it is a Unicode character.\n // See https://www.w3.org/TR/uievents-key/\n if (key.length === 1 \|\| !/^[A-Z]/i.test(key)) {\n return key;\n }\n\n return \"\";\n}\n"],"names":["itemToString","defaultItemToString"],"mappings":";;;;;AAKA,MAAM,mBAAsB,GAAA,IAAA;AAErB,SAAS,cAAc,OAAS,EAAA;AACrC,EAAM,MAAA;AAAA,IACJ,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAA;AAAA,kBACAA,cAAe,GAAAC,YAAA;AAAA,IACf,YAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,GACE,GAAA,OAAA;AAEJ,EAAA,MAAM,qBAAwB,GAAA,WAAA;AAAA,IAC5B,CAAC,YAAY,SAAc,KAAA;AACzB,MAAA,IAAI,cAAc,CAAG,EAAA;AACnB,QAAO,OAAA,IAAA;AAAA;AAGT,MAAA,IAAI,QAAQ,SAAa,IAAA,CAAA;AACzB,MAAA,OAAO,QAAQ,SAAW,EAAA;AACxB,QAAM,MAAA,IAAA,GAAO,eAAe,KAAK,CAAA;AACjC,QAAA,MAAM,SAAY,GAAAD,cAAA,GAAeA,cAAa,CAAA,IAAI,CAAI,GAAA,IAAA;AACtD,QAAI,IAAA,SAAA,IAAA,IAAA,GAAA,~~KAAA~~,~~CAAA,~~GAAA,SAAA,CAAW,KAAM,CAAA,IAAI,MAAO,CAAA,CAAA,CAAA,EAAI,aAAa,UAAU,CAAC,CAAI,CAAA,EAAA,GAAG,CAAI,CAAA,EAAA;AACrE,UAAO,OAAA,KAAA;AAAA;AAGT,QAAA,KAAA,GAAQ,KAAQ,GAAA,CAAA;AAAA;AAGlB,MAAO,OAAA,IAAA;AAAA,KACT;AAAA,IACA,CAAC,SAAW,EAAAA,cAAA,EAAc,cAAc;AAAA,GAC1C;AAEA,EAAA,MAAM,QAAQ,MAAO,CAAA;AAAA,IACnB,MAAQ,EAAA,EAAA;AAAA,IACR,OAAS,EAAA;AAAA,GACV,CAAE,CAAA,OAAA;AAEH,EAAM,MAAA,gBAAA,GAAmB,CAAC,KAAU,KAAA;AAClC,IAAM,MAAA,SAAA,GAAY,eAAgB,CAAA,KAAA,CAAM,GAAG,CAAA;AAC3C,IAAA,IAAI,CAAC,SAAA,IAAa,KAAM,CAAA,OAAA,IAAW,MAAM,OAAS,EAAA;AAChD,MAAA;AAAA;AAOF,IAAA,IAAI,cAAc,GAAO,IAAA,KAAA,CAAM,OAAO,IAAK,EAAA,CAAE,SAAS,CAAG,EAAA;AACvD,MAAA,KAAA,CAAM,cAAe,EAAA;AACrB,MAAA,KAAA,CAAM,eAAgB,EAAA;AAAA;AAOxB,IAAI,IAAA,SAAA,KAAc,MAAM,MAAQ,EAAA;AAC9B,MAAA,KAAA,CAAM,MAAU,IAAA,SAAA;AAAA;AAOlB,IAAA,IAAI,KAAQ,GAAA,qBAAA;AAAA,MACV,KAAM,CAAA,MAAA;AAAA,MACN,KAAM,CAAA,MAAA,CAAO,MAAS,GAAA,CAAA,GAAI,mBAAmB,gBAAmB,GAAA;AAAA,KAClE;AAGA,IAAA,IAAI,SAAS,IAAM,EAAA;AACjB,MAAQ,KAAA,GAAA,qBAAA,CAAsB,MAAM,MAAM,CAAA;AAAA;AAG5C,IAAA,IAAI,SAAS,IAAM,EAAA;AACjB,MAAA,eAAA,CAAgB,IAAI,CAAA;AAGpB,MAAA,mBAAA,CAAoB,KAAK,CAAA;AACzB,MAAA,IAAI,YAAc,EAAA;AAChB,QAAA,YAAA,CAAa,KAAK,CAAA;AAAA;AACpB;AAGF,IAAA,YAAA,CAAa,MAAM,OAAO,CAAA;AAC1B,IAAM,KAAA,CAAA,OAAA,GAAU,WAAW,MAAM;AAC/B,MAAA,KAAA,CAAM,MAAS,GAAA,EAAA;AAAA,OACd,mBAAmB,CAAA;AAAA,GACxB;AAEA,EAAO,OAAA;AAAA;AAAA;AAAA,IAGL;AAAA,GACF;AACF;AAEA,SAAS,gBAAgB,GAAK,EAAA;AAK5B,EAAA,IAAI,IAAI,MAAW,KAAA,CAAA,IAAK,CAAC,SAAU,CAAA,IAAA,CAAK,GAAG,CAAG,EAAA;AAC5C,IAAO,OAAA,GAAA;AAAA;AAGT,EAAO,OAAA,EAAA;AACT;;;;"}
1	+ {"version":3,"file":"useTypeSelect.js","sources":["../src/list-deprecated/useTypeSelect.js"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport { escapeRegExp } from \"../utils\";\n\nimport { itemToString as defaultItemToString } from \"./itemToString\";\n\nconst TYPE_SELECT_TIMEOUT = 1500;\n\nexport function useTypeSelect(options) {\n const {\n getItemAtIndex,\n highlightedIndex,\n itemCount,\n itemToString = defaultItemToString,\n onTypeSelect,\n setFocusVisible,\n setHighlightedIndex,\n } = options;\n\n const getItemIndexForSearch = useCallback(\n (searchTerm, fromIndex) => {\n if (itemCount === 0) {\n return null;\n }\n\n let index = fromIndex \|\| 0;\n while (index < itemCount) {\n const item = getItemAtIndex(index);\n const textValue = itemToString ? itemToString(item) : item;\n if (textValue?.match(new RegExp(`^${escapeRegExp(searchTerm)}`, \"i\"))) {\n return index;\n }\n\n index = index + 1;\n }\n\n return null;\n },\n [itemCount, itemToString, getItemAtIndex],\n );\n\n const state = useRef({\n search: \"\",\n timeout: null,\n }).current;\n\n const onKeyDownCapture = (event) => {\n const character = getStringForKey(event.key);\n if (!character \|\| event.ctrlKey \|\| event.metaKey) {\n return;\n }\n\n // Do not propagate the Spacebar event if it's meant to be part of the search.\n // When we time out, the search term becomes empty, hence the check on length.\n // Trimming is to account for the case of pressing the Spacebar more than once,\n // which should cycle through the selection/deselection of the focused item.\n if (character !== \" \" \|\| state.search.trim().length > 0) {\n event.preventDefault();\n event.stopPropagation();\n }\n\n // When typing same character sebsequently and quickly, we treat it as cyling through items\n // starting with that char instead of seaching for double character, because in most cases\n // there won't be any option having same characters at the beginning. This should be only\n // impacting beginning of the words because length of `character` would be 1.\n if (character !== state.search) {\n state.search += character;\n }\n\n // Prioritize items after the currently focused item, falling back to searching the whole list.\n // We want to cycle through choices when keep typing the same first character, hence the +1\n // condition. All subsequent characters should stay at the current item otherwise it will\n // always jumping around.\n let index = getItemIndexForSearch(\n state.search,\n state.search.length > 1 ? highlightedIndex : highlightedIndex + 1,\n );\n\n // If no key found, search from the top.\n if (index == null) {\n index = getItemIndexForSearch(state.search);\n }\n\n if (index != null) {\n setFocusVisible(true);\n // TODO: Maybe we can repurpose this setHighlightedIndex so that the user controls it's meant to set\n // hightlighted index when expanded v.s. selected item when collapsed\n setHighlightedIndex(index);\n if (onTypeSelect) {\n onTypeSelect(index);\n }\n }\n\n clearTimeout(state.timeout);\n state.timeout = setTimeout(() => {\n state.search = \"\";\n }, TYPE_SELECT_TIMEOUT);\n };\n\n return {\n // Using a capturing listener to catch the keydown event before\n // other hooks in order to handle the Spacebar event.\n onKeyDownCapture,\n };\n}\n\nfunction getStringForKey(key) {\n // If the key is of length 1, it is an ASCII value.\n // Otherwise, if there are no ASCII characters in the key name,\n // it is a Unicode character.\n // See https://www.w3.org/TR/uievents-key/\n if (key.length === 1 \|\| !/^[A-Z]/i.test(key)) {\n return key;\n }\n\n return \"\";\n}\n"],"names":["itemToString","defaultItemToString"],"mappings":"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"}

package/dist-es/list-next/ListItemNext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItemNext.js","sources":["../src/list-next/ListItemNext.tsx"],"sourcesContent":["import { makePrefixer, useIdMemo } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, type MouseEvent, forwardRef } from \"react\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport listItemNextCss from \"./ListItemNext.css\";\nimport { useListItem } from \"./ListNextContext\";\n\nconst withBaseName = makePrefixer(\"saltListItemNext\");\n\nexport interface ListItemNextProps extends HTMLAttributes<HTMLLIElement> {\n /*\n If true, the particular list item in list will be disabled.\n /\n disabled?: boolean;\n /\n List item id.\n /\n id?: string;\n /\n List item value.\n */\n value: string;\n}\n\nexport const ListItemNext = forwardRef<HTMLLIElement, ListItemNextProps>(\n function ListItemNext(\n {\n children,\n className,\n disabled: disabledProp,\n id: idProp,\n value,\n onClick,\n ...props\n },\n ref,\n ) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-list-item-next\",\n css: listItemNextCss,\n window: targetWindow,\n });\n const id = useIdMemo(idProp);\n\n const listContext = useListItem();\n if (!listContext) return null;\n\n const {\n id: contextId,\n disabled: contextDisabled,\n select,\n isSelected,\n isFocused,\n highlight,\n isHighlighted,\n } = listContext;\n\n const itemId = `${contextId \|\| \"listNext\"}--${id}`;\n const disabled = disabledProp \|\| contextDisabled;\n const selected = isSelected(value);\n const focused = isFocused(value);\n const highlighted = isHighlighted(value);\n\n const handleClick = (event: MouseEvent<HTMLLIElement>) => {\n if (!disabled) {\n select(event);\n onClick?.(event);\n }\n };\n\n const handleMouseMove = (event: MouseEvent<HTMLLIElement>) => {\n if (!highlighted) {\n highlight(event);\n }\n };\n\n return (\n <li\n ref={ref}\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"disabled\")]: disabled,\n [withBaseName(\"highlighted\")]: highlighted,\n [withBaseName(\"focused\")]: focused,\n },\n className,\n )}\n role=\"option\"\n aria-disabled={disabled \|\| undefined}\n aria-selected={selected \|\| undefined}\n id={itemId}\n data-value={value}\n onClick={handleClick}\n onMouseMove={handleMouseMove}\n {...props}\n >\n {children}\n </li>\n );\n },\n);\n"],"names":["ListItemNext","listItemNextCss"],"mappings":";;;;;;;;;AASA,MAAM,YAAA,GAAe,aAAa,kBAAkB,CAAA;AAiB7C,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,SAASA,aACP,CAAA;AAAA,IACE,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAU,EAAA,YAAA;AAAA,IACV,EAAI,EAAA,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,KAEL,GACA,EAAA;AACA,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,qBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AACD,IAAM,MAAA,EAAA,GAAK,UAAU,MAAM,CAAA;AAE3B,IAAA,MAAM,cAAc,WAAY,EAAA;AAChC,IAAI,IAAA,CAAC,aAAoB,OAAA,IAAA;AAEzB,IAAM,MAAA;AAAA,MACJ,EAAI,EAAA,SAAA;AAAA,MACJ,QAAU,EAAA,eAAA;AAAA,MACV,MAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,KACE,GAAA,WAAA;AAEJ,IAAA,MAAM,MAAS,GAAA,CAAA,EAAG,SAAa,IAAA,UAAU,KAAK,EAAE,CAAA,CAAA;AAChD,IAAA,MAAM,WAAW,YAAgB,IAAA,eAAA;AACjC,IAAM,MAAA,QAAA,GAAW,WAAW,KAAK,CAAA;AACjC,IAAM,MAAA,OAAA,GAAU,UAAU,KAAK,CAAA;AAC/B,IAAM,MAAA,WAAA,GAAc,cAAc,KAAK,CAAA;AAEvC,IAAM,MAAA,WAAA,GAAc,CAAC,KAAqC,KAAA;AACxD,MAAA,IAAI,CAAC,QAAU,EAAA;AACb,QAAA,MAAA,CAAO,KAAK,CAAA;AACZ,QAAU,OAAA,IAAA,IAAA,GAAA,~~KAAA~~,~~CAAA,~~GAAA,OAAA,CAAA,KAAA,CAAA;AAAA;AACZ,KACF;AAEA,IAAM,MAAA,eAAA,GAAkB,CAAC,KAAqC,KAAA;AAC5D,MAAA,IAAI,CAAC,WAAa,EAAA;AAChB,QAAA,SAAA,CAAU,KAAK,CAAA;AAAA;AACjB,KACF;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAW,EAAA,IAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb;AAAA,YACE,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,QAAA;AAAA,YAC5B,CAAC,YAAA,CAAa,aAAa,CAAC,GAAG,WAAA;AAAA,YAC/B,CAAC,YAAA,CAAa,SAAS,CAAC,GAAG;AAAA,WAC7B;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAK,EAAA,QAAA;AAAA,QACL,iBAAe,QAAY,IAAA,~~KAAA,CAAA~~;AAAA,QAC3B,iBAAe,QAAY,IAAA,~~KAAA,CAAA~~;AAAA,QAC3B,EAAI,EAAA,MAAA;AAAA,QACJ,YAAY,EAAA,KAAA;AAAA,QACZ,OAAS,EAAA,WAAA;AAAA,QACT,WAAa,EAAA,eAAA;AAAA,QACZ,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA;AAGN;;;;"}
1	+ {"version":3,"file":"ListItemNext.js","sources":["../src/list-next/ListItemNext.tsx"],"sourcesContent":["import { makePrefixer, useIdMemo } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, type MouseEvent, forwardRef } from \"react\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport listItemNextCss from \"./ListItemNext.css\";\nimport { useListItem } from \"./ListNextContext\";\n\nconst withBaseName = makePrefixer(\"saltListItemNext\");\n\nexport interface ListItemNextProps extends HTMLAttributes<HTMLLIElement> {\n /*\n If true, the particular list item in list will be disabled.\n /\n disabled?: boolean;\n /\n List item id.\n /\n id?: string;\n /\n List item value.\n */\n value: string;\n}\n\nexport const ListItemNext = forwardRef<HTMLLIElement, ListItemNextProps>(\n function ListItemNext(\n {\n children,\n className,\n disabled: disabledProp,\n id: idProp,\n value,\n onClick,\n ...props\n },\n ref,\n ) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-list-item-next\",\n css: listItemNextCss,\n window: targetWindow,\n });\n const id = useIdMemo(idProp);\n\n const listContext = useListItem();\n if (!listContext) return null;\n\n const {\n id: contextId,\n disabled: contextDisabled,\n select,\n isSelected,\n isFocused,\n highlight,\n isHighlighted,\n } = listContext;\n\n const itemId = `${contextId \|\| \"listNext\"}--${id}`;\n const disabled = disabledProp \|\| contextDisabled;\n const selected = isSelected(value);\n const focused = isFocused(value);\n const highlighted = isHighlighted(value);\n\n const handleClick = (event: MouseEvent<HTMLLIElement>) => {\n if (!disabled) {\n select(event);\n onClick?.(event);\n }\n };\n\n const handleMouseMove = (event: MouseEvent<HTMLLIElement>) => {\n if (!highlighted) {\n highlight(event);\n }\n };\n\n return (\n <li\n ref={ref}\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"disabled\")]: disabled,\n [withBaseName(\"highlighted\")]: highlighted,\n [withBaseName(\"focused\")]: focused,\n },\n className,\n )}\n role=\"option\"\n aria-disabled={disabled \|\| undefined}\n aria-selected={selected \|\| undefined}\n id={itemId}\n data-value={value}\n onClick={handleClick}\n onMouseMove={handleMouseMove}\n {...props}\n >\n {children}\n </li>\n );\n },\n);\n"],"names":["ListItemNext","listItemNextCss"],"mappings":";;;;;;;;;AASA,MAAM,YAAA,GAAe,aAAa,kBAAkB,CAAA;AAiB7C,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,SAASA,aACP,CAAA;AAAA,IACE,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAU,EAAA,YAAA;AAAA,IACV,EAAI,EAAA,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,KAEL,GACA,EAAA;AACA,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,qBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AACD,IAAM,MAAA,EAAA,GAAK,UAAU,MAAM,CAAA;AAE3B,IAAA,MAAM,cAAc,WAAY,EAAA;AAChC,IAAI,IAAA,CAAC,aAAoB,OAAA,IAAA;AAEzB,IAAM,MAAA;AAAA,MACJ,EAAI,EAAA,SAAA;AAAA,MACJ,QAAU,EAAA,eAAA;AAAA,MACV,MAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,KACE,GAAA,WAAA;AAEJ,IAAA,MAAM,MAAS,GAAA,CAAA,EAAG,SAAa,IAAA,UAAU,KAAK,EAAE,CAAA,CAAA;AAChD,IAAA,MAAM,WAAW,YAAgB,IAAA,eAAA;AACjC,IAAM,MAAA,QAAA,GAAW,WAAW,KAAK,CAAA;AACjC,IAAM,MAAA,OAAA,GAAU,UAAU,KAAK,CAAA;AAC/B,IAAM,MAAA,WAAA,GAAc,cAAc,KAAK,CAAA;AAEvC,IAAM,MAAA,WAAA,GAAc,CAAC,KAAqC,KAAA;AACxD,MAAA,IAAI,CAAC,QAAU,EAAA;AACb,QAAA,MAAA,CAAO,KAAK,CAAA;AACZ,QAAU,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAA,KAAA,CAAA;AAAA;AACZ,KACF;AAEA,IAAM,MAAA,eAAA,GAAkB,CAAC,KAAqC,KAAA;AAC5D,MAAA,IAAI,CAAC,WAAa,EAAA;AAChB,QAAA,SAAA,CAAU,KAAK,CAAA;AAAA;AACjB,KACF;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAW,EAAA,IAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb;AAAA,YACE,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,QAAA;AAAA,YAC5B,CAAC,YAAA,CAAa,aAAa,CAAC,GAAG,WAAA;AAAA,YAC/B,CAAC,YAAA,CAAa,SAAS,CAAC,GAAG;AAAA,WAC7B;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAK,EAAA,QAAA;AAAA,QACL,iBAAe,QAAY,IAAA,MAAA;AAAA,QAC3B,iBAAe,QAAY,IAAA,MAAA;AAAA,QAC3B,EAAI,EAAA,MAAA;AAAA,QACJ,YAAY,EAAA,KAAA;AAAA,QACZ,OAAS,EAAA,WAAA;AAAA,QACT,WAAa,EAAA,eAAA;AAAA,QACZ,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA;AAGN;;;;"}

package/dist-es/list-next/ListNext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListNext.js","sources":["../src/list-next/ListNext.tsx"],"sourcesContent":["import { makePrefixer, useForkRef, useId } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ComponentPropsWithoutRef,\n type FocusEvent,\n type KeyboardEvent,\n type MouseEvent,\n type SyntheticEvent,\n forwardRef,\n useRef,\n} from \"react\";\nimport listNextCss from \"./ListNext.css\";\nimport { ListNextContext } from \"./ListNextContext\";\nimport { useList } from \"./useList\";\n\nconst withBaseName = makePrefixer(\"saltListNext\");\n\nexport interface ListNextProps\n extends Omit<ComponentPropsWithoutRef<\"ul\">, \"onChange\" \| \"onSelect\"> {\n /*\n If true, all items in list will be disabled.\n /\n disabled?: boolean;\n / If `true`, the component will not receive focus. /\n disableFocus?: boolean;\n / Value for the controlled version. /\n highlightedItem?: string;\n / Value for the controlled version. /\n selected?: string;\n / Callback for change event. Returns current selection./\n onChange?: (\n event: SyntheticEvent,\n data: { value: string \| undefined },\n ) => void;\n / Callback for select event. Returns new selected item./\n onSelect?: (event: SyntheticEvent, data: { value: string }) => void;\n / Initial selection. */\n defaultSelected?: string;\n}\n\nexport const ListNext = forwardRef<HTMLUListElement, ListNextProps>(\n function ListNext(\n {\n children,\n className,\n disabled,\n disableFocus,\n id,\n onSelect,\n onFocus,\n onBlur,\n onKeyDown,\n onMouseOver,\n highlightedItem,\n selected,\n defaultSelected,\n onChange,\n ...rest\n },\n ref,\n ) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-list-next\",\n css: listNextCss,\n window: targetWindow,\n });\n\n const listId = useId(id);\n const listRef = useRef<HTMLUListElement>(null);\n const handleRef = useForkRef(listRef, ref);\n const {\n focusHandler,\n keyDownHandler,\n blurHandler,\n mouseOverHandler,\n activeDescendant,\n contextValue,\n focusVisibleRef,\n } = useList({\n disabled,\n highlightedItem,\n selected,\n defaultSelected,\n onChange,\n onSelect,\n id: listId,\n ref: listRef,\n });\n\n const setListRef = useForkRef(focusVisibleRef, handleRef);\n\n const handleFocus = (event: FocusEvent<HTMLUListElement>) => {\n focusHandler(event);\n onFocus?.(event);\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLUListElement>) => {\n if (disableFocus) {\n event.preventDefault();\n return;\n }\n keyDownHandler(event);\n onKeyDown?.(event);\n };\n\n const handleBlur = (event: FocusEvent<HTMLUListElement>) => {\n blurHandler();\n onBlur?.(event);\n };\n\n const handleMouseOver = (event: MouseEvent<HTMLUListElement>) => {\n mouseOverHandler();\n onMouseOver?.(event);\n };\n\n return (\n <ListNextContext.Provider value={contextValue}>\n <ul\n // TODO: fix type from useIsFocusVisible\n // @ts-ignore\n ref={setListRef}\n id={listId}\n className={clsx(withBaseName(), className)}\n role=\"listbox\"\n tabIndex={disabled \|\| disableFocus ? -1 : 0}\n aria-activedescendant={disabled ? undefined : activeDescendant}\n aria-disabled={disabled}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n onMouseOver={handleMouseOver}\n {...rest}\n >\n {children}\n </ul>\n </ListNextContext.Provider>\n );\n },\n);\n"],"names":["ListNext","listNextCss"],"mappings":";;;;;;;;;;AAiBA,MAAM,YAAA,GAAe,aAAa,cAAc,CAAA;AAyBzC,MAAM,QAAW,GAAA,UAAA;AAAA,EACtB,SAASA,SACP,CAAA;AAAA,IACE,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,EAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GACA,EAAA;AACA,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,gBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAM,MAAA,MAAA,GAAS,MAAM,EAAE,CAAA;AACvB,IAAM,MAAA,OAAA,GAAU,OAAyB,IAAI,CAAA;AAC7C,IAAM,MAAA,SAAA,GAAY,UAAW,CAAA,OAAA,EAAS,GAAG,CAAA;AACzC,IAAM,MAAA;AAAA,MACJ,YAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,YAAA;AAAA,MACA;AAAA,QACE,OAAQ,CAAA;AAAA,MACV,QAAA;AAAA,MACA,eAAA;AAAA,MACA,QAAA;AAAA,MACA,eAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,EAAI,EAAA,MAAA;AAAA,MACJ,GAAK,EAAA;AAAA,KACN,CAAA;AAED,IAAM,MAAA,UAAA,GAAa,UAAW,CAAA,eAAA,EAAiB,SAAS,CAAA;AAExD,IAAM,MAAA,WAAA,GAAc,CAAC,KAAwC,KAAA;AAC3D,MAAA,YAAA,CAAa,KAAK,CAAA;AAClB,MAAU,OAAA,IAAA,IAAA,GAAA,~~KAAA~~,~~CAAA,~~GAAA,OAAA,CAAA,KAAA,CAAA;AAAA,KACZ;AAEA,IAAM,MAAA,aAAA,GAAgB,CAAC,KAA2C,KAAA;AAChE,MAAA,IAAI,YAAc,EAAA;AAChB,QAAA,KAAA,CAAM,cAAe,EAAA;AACrB,QAAA;AAAA;AAEF,MAAA,cAAA,CAAe,KAAK,CAAA;AACpB,MAAY,SAAA,IAAA,IAAA,GAAA,~~KAAA~~,~~CAAA,~~GAAA,SAAA,CAAA,KAAA,CAAA;AAAA,KACd;AAEA,IAAM,MAAA,UAAA,GAAa,CAAC,KAAwC,KAAA;AAC1D,MAAY,WAAA,EAAA;AACZ,MAAS,MAAA,IAAA,IAAA,GAAA,~~KAAA~~,~~CAAA,~~GAAA,MAAA,CAAA,KAAA,CAAA;AAAA,KACX;AAEA,IAAM,MAAA,eAAA,GAAkB,CAAC,KAAwC,KAAA;AAC/D,MAAiB,gBAAA,EAAA;AACjB,MAAc,WAAA,IAAA,IAAA,GAAA,~~KAAA~~,~~CAAA,~~GAAA,WAAA,CAAA,KAAA,CAAA;AAAA,KAChB;AAEA,IAAA,uBACG,GAAA,CAAA,eAAA,CAAgB,QAAhB,EAAA,EAAyB,OAAO,YAC/B,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QAGC,GAAK,EAAA,UAAA;AAAA,QACL,EAAI,EAAA,MAAA;AAAA,QACJ,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,QACzC,IAAK,EAAA,SAAA;AAAA,QACL,QAAA,EAAU,QAAY,IAAA,YAAA,GAAe,~~CAAK~~,~~CAAA,~~GAAA,CAAA;AAAA,QAC1C,uBAAA,EAAuB,WAAW,~~KAAY~~,~~CAAA,~~GAAA,gBAAA;AAAA,QAC9C,eAAe,EAAA,QAAA;AAAA,QACf,OAAS,EAAA,WAAA;AAAA,QACT,SAAW,EAAA,aAAA;AAAA,QACX,MAAQ,EAAA,UAAA;AAAA,QACR,WAAa,EAAA,eAAA;AAAA,QACZ,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KAEL,EAAA,CAAA;AAAA;AAGN;;;;"}
1	+ {"version":3,"file":"ListNext.js","sources":["../src/list-next/ListNext.tsx"],"sourcesContent":["import { makePrefixer, useForkRef, useId } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ComponentPropsWithoutRef,\n type FocusEvent,\n type KeyboardEvent,\n type MouseEvent,\n type SyntheticEvent,\n forwardRef,\n useRef,\n} from \"react\";\nimport listNextCss from \"./ListNext.css\";\nimport { ListNextContext } from \"./ListNextContext\";\nimport { useList } from \"./useList\";\n\nconst withBaseName = makePrefixer(\"saltListNext\");\n\nexport interface ListNextProps\n extends Omit<ComponentPropsWithoutRef<\"ul\">, \"onChange\" \| \"onSelect\"> {\n /*\n If true, all items in list will be disabled.\n /\n disabled?: boolean;\n / If `true`, the component will not receive focus. /\n disableFocus?: boolean;\n / Value for the controlled version. /\n highlightedItem?: string;\n / Value for the controlled version. /\n selected?: string;\n / Callback for change event. Returns current selection./\n onChange?: (\n event: SyntheticEvent,\n data: { value: string \| undefined },\n ) => void;\n / Callback for select event. Returns new selected item./\n onSelect?: (event: SyntheticEvent, data: { value: string }) => void;\n / Initial selection. */\n defaultSelected?: string;\n}\n\nexport const ListNext = forwardRef<HTMLUListElement, ListNextProps>(\n function ListNext(\n {\n children,\n className,\n disabled,\n disableFocus,\n id,\n onSelect,\n onFocus,\n onBlur,\n onKeyDown,\n onMouseOver,\n highlightedItem,\n selected,\n defaultSelected,\n onChange,\n ...rest\n },\n ref,\n ) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-list-next\",\n css: listNextCss,\n window: targetWindow,\n });\n\n const listId = useId(id);\n const listRef = useRef<HTMLUListElement>(null);\n const handleRef = useForkRef(listRef, ref);\n const {\n focusHandler,\n keyDownHandler,\n blurHandler,\n mouseOverHandler,\n activeDescendant,\n contextValue,\n focusVisibleRef,\n } = useList({\n disabled,\n highlightedItem,\n selected,\n defaultSelected,\n onChange,\n onSelect,\n id: listId,\n ref: listRef,\n });\n\n const setListRef = useForkRef(focusVisibleRef, handleRef);\n\n const handleFocus = (event: FocusEvent<HTMLUListElement>) => {\n focusHandler(event);\n onFocus?.(event);\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLUListElement>) => {\n if (disableFocus) {\n event.preventDefault();\n return;\n }\n keyDownHandler(event);\n onKeyDown?.(event);\n };\n\n const handleBlur = (event: FocusEvent<HTMLUListElement>) => {\n blurHandler();\n onBlur?.(event);\n };\n\n const handleMouseOver = (event: MouseEvent<HTMLUListElement>) => {\n mouseOverHandler();\n onMouseOver?.(event);\n };\n\n return (\n <ListNextContext.Provider value={contextValue}>\n <ul\n // TODO: fix type from useIsFocusVisible\n // @ts-ignore\n ref={setListRef}\n id={listId}\n className={clsx(withBaseName(), className)}\n role=\"listbox\"\n tabIndex={disabled \|\| disableFocus ? -1 : 0}\n aria-activedescendant={disabled ? undefined : activeDescendant}\n aria-disabled={disabled}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n onMouseOver={handleMouseOver}\n {...rest}\n >\n {children}\n </ul>\n </ListNextContext.Provider>\n );\n },\n);\n"],"names":["ListNext","listNextCss"],"mappings":"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"}