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

package/dist-cjs/packages/lab/src/list/useVirtualization.js

@@ -1,83 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var keyset = require('./keyset.js');
-
-const byKey = ([k1], [k2]) => k1 - k2;
-const renderBuffer = 5;
-const useVirtualization = ({
-  viewportRef,
-  data,
-  itemGapSize = 0
-}) => {
-  const viewportMeasures = React.useRef({
-    contentHeight: 1e4,
-    firstVisibleRow: 0,
-    rowCount: 0,
-    rowHeight: 0,
-    scrollPos: 0
-  });
-  const [rows, setRows] = React.useState([]);
-  const keys = React.useMemo(() => new keyset.KeySet(0, 1), []);
-  const updateRows = React.useCallback(
-    (from, to) => {
-      const { rowHeight } = viewportMeasures.current;
-      const rowHeightWithGap = rowHeight + itemGapSize;
-      const lo = Math.max(0, from - renderBuffer);
-      const hi = Math.min(data.length, to + renderBuffer);
-      keys.reset(lo, hi);
-      const newRows = data.slice(lo, hi).map(
-        (value, idx) => [
-          keys.keyFor(idx + lo),
-          (idx + lo) * rowHeightWithGap,
-          idx + lo + 1,
-          value
-        ]
-      ).sort(byKey);
-      setRows(newRows);
-    },
-    [data, itemGapSize, keys]
-  );
-  React.useLayoutEffect(() => {
-    const viewport = viewportMeasures.current;
-    const viewportEl = viewportRef.current;
-    if (viewportEl) {
-      const listItemEl = viewportEl.querySelector(".saltListItem");
-      if (listItemEl) {
-        const { height: viewportHeight } = viewportEl.getBoundingClientRect();
-        const { height: rowHeight } = listItemEl.getBoundingClientRect();
-        viewport.rowHeight = rowHeight;
-        viewport.rowCount = Math.ceil(viewportHeight / rowHeight);
-        viewport.contentHeight = (rowHeight + itemGapSize) * data.length;
-        updateRows(0, viewport.rowCount);
-      }
-    }
-  }, [data, itemGapSize, keys, updateRows]);
-  const handleVerticalScroll = React.useCallback(
-    (e) => {
-      const viewport = viewportMeasures.current;
-      const scrollTop = e.target.scrollTop;
-      if (scrollTop !== viewport.scrollPos) {
-        viewport.scrollPos = scrollTop;
-        const firstRow = Math.floor(scrollTop / viewport.rowHeight);
-        if (firstRow !== viewport.firstVisibleRow) {
-          viewport.firstVisibleRow = firstRow;
-          const from = firstRow;
-          const to = firstRow + viewport.rowCount;
-          updateRows(from, to);
-        }
-      }
-    },
-    [updateRows]
-  );
-  return {
-    rows,
-    contentHeight: viewportMeasures.current.contentHeight,
-    onVerticalScroll: handleVerticalScroll
-  };
-};
-
-exports.useVirtualization = useVirtualization;
-//# sourceMappingURL=useVirtualization.js.map

package/dist-cjs/packages/lab/src/list/useVirtualization.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useVirtualization.js","sources":["../src/list/useVirtualization.ts"],"sourcesContent":["import {\n  RefObject,\n  UIEvent,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { KeySet } from \"./keyset\";\nimport { CollectionItem } from \"../common-hooks\";\n\n/**\n * [ item key, total height before the item, next row index, CollectionItem<Item>]\n * e.g. first item: [0, 0, 1, data[0]]\n */\nexport type Row<Item> = [number, number, number, CollectionItem<Item>];\n\nconst byKey = ([k1]: Row<unknown>, [k2]: Row<unknown>) => k1 - k2;\n\nconst renderBuffer = 5;\n\ninterface VirtualizationHookProps<Item> {\n  viewportRef: RefObject<HTMLElement>;\n  data: CollectionItem<Item>[];\n  itemGapSize?: number;\n}\n\ninterface VirtualizationHookResult<Item> {\n  rows: Row<Item>[];\n  contentHeight: number;\n  onVerticalScroll: (e: UIEvent<HTMLElement>) => void;\n}\n\nexport const useVirtualization = <Item>({\n  viewportRef,\n  data,\n  itemGapSize = 0,\n}: VirtualizationHookProps<Item>): VirtualizationHookResult<Item> => {\n  const viewportMeasures = useRef({\n    contentHeight: 10000,\n    firstVisibleRow: 0,\n    rowCount: 0,\n    rowHeight: 0,\n    scrollPos: 0,\n  });\n  const [rows, setRows] = useState<Row<Item>[]>([]);\n  const keys = useMemo(() => new KeySet(0, 1), []);\n\n  const updateRows = useCallback(\n    (from: number, to: number) => {\n      const { rowHeight } = viewportMeasures.current;\n      const rowHeightWithGap = rowHeight + itemGapSize;\n      const lo = Math.max(0, from - renderBuffer);\n      const hi = Math.min(data.length, to + renderBuffer);\n      keys.reset(lo, hi);\n      const newRows = data\n        .slice(lo, hi)\n        .map(\n          (value, idx) =>\n            [\n              keys.keyFor(idx + lo),\n              (idx + lo) * rowHeightWithGap,\n              idx + lo + 1,\n              value,\n            ] as Row<Item>\n        )\n        .sort(byKey);\n      setRows(newRows);\n    },\n    [data, itemGapSize, keys]\n  );\n\n  useLayoutEffect(() => {\n    const viewport = viewportMeasures.current;\n    const viewportEl = viewportRef.current;\n    if (viewportEl) {\n      // TODO no reference to ListItem className\n      const listItemEl = viewportEl.querySelector(\".saltListItem\");\n      if (listItemEl) {\n        const { height: viewportHeight } = viewportEl.getBoundingClientRect();\n        const { height: rowHeight } = listItemEl.getBoundingClientRect();\n        viewport.rowHeight = rowHeight;\n        viewport.rowCount = Math.ceil(viewportHeight / rowHeight);\n        viewport.contentHeight = (rowHeight + itemGapSize) * data.length;\n        updateRows(0, viewport.rowCount);\n      }\n    }\n  }, [data, itemGapSize, keys, updateRows]);\n\n  const handleVerticalScroll = useCallback(\n    (e: UIEvent<HTMLElement>) => {\n      const viewport = viewportMeasures.current;\n      // TODO: check `as` cast\n      const scrollTop = (e.target as HTMLElement).scrollTop;\n      if (scrollTop !== viewport.scrollPos) {\n        viewport.scrollPos = scrollTop;\n        const firstRow = Math.floor(scrollTop / viewport.rowHeight);\n        if (firstRow !== viewport.firstVisibleRow) {\n          viewport.firstVisibleRow = firstRow;\n          const from = firstRow;\n          const to = firstRow + viewport.rowCount;\n          updateRows(from, to);\n        }\n      }\n    },\n    [updateRows]\n  );\n\n  return {\n    rows,\n    contentHeight: viewportMeasures.current.contentHeight,\n    onVerticalScroll: handleVerticalScroll,\n  };\n};\n"],"names":["useRef","useState","useMemo","KeySet","useCallback","useLayoutEffect"],"mappings":"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"}

package/dist-cjs/packages/lab/src/list-deprecated/List.css.js

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

package/dist-cjs/packages/lab/src/list-deprecated/List.css.js.map

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

package/dist-cjs/packages/lab/src/list-deprecated/List.js

@@ -1,98 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var React = require('react');
-var ListBase = require('./ListBase.js');
-var ListStateContext = require('./ListStateContext.js');
-var useList = require('./useList.js');
-var useTypeSelect = require('./useTypeSelect.js');
-require('../tooltip/Tooltip.js');
-var TooltipContext = require('../tooltip/TooltipContext.js');
-require('../popper/useFloatingUI.js');
-require('@floating-ui/react-dom-interactions');
-require('../window/WindowContext.js');
-require('../window/ElectronWindow.js');
-var DescendantContext = require('./internal/DescendantContext.js');
-
-const ListWithDescendants = React.forwardRef(function ListWithDescendants2(props, ref) {
-  const { items } = React.useContext(DescendantContext.DescendantContext);
-  const { focusedRef, state, helpers, listProps } = useList.useList({
-    source: items.current.length ? items.current : [],
-    ...props
-  });
-  const { highlightedIndex } = state;
-  const { setHighlightedIndex, setFocusVisible } = helpers;
-  const {
-    disabled,
-    disableTypeToSelect,
-    getItemAtIndex,
-    itemCount,
-    itemToString,
-    onKeyDownCapture: onListKeyDownCapture,
-    ...restListProps
-  } = listProps;
-  const { onKeyDownCapture: onTypeSelectKeyDownCapture } = useTypeSelect.useTypeSelect({
-    getItemAtIndex,
-    highlightedIndex,
-    itemCount,
-    itemToString,
-    setFocusVisible,
-    setHighlightedIndex
-  });
-  const setListRef = core.useForkRef(focusedRef, props.listRef);
-  const handleKeyDownCapture = (event) => {
-    if (disabled) {
-      return;
-    }
-    if (onListKeyDownCapture) {
-      onListKeyDownCapture(event);
-    }
-    if (!disableTypeToSelect && onTypeSelectKeyDownCapture) {
-      onTypeSelectKeyDownCapture(event);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(ListStateContext.ListStateContext.Provider, {
-    value: { state, helpers },
-    children: /* @__PURE__ */ jsxRuntime.jsx(ListBase.ListBase, {
-      listRef: setListRef,
-      ref,
-      ...restListProps,
-      disabled,
-      getItemAtIndex,
-      itemCount,
-      itemToString,
-      onKeyDownCapture: handleKeyDownCapture
-    })
-  });
-});
-const List = React.forwardRef(function List2(props, ref) {
-  const {
-    Tooltip,
-    tooltipEnterDelay,
-    tooltipLeaveDelay,
-    tooltipPlacement,
-    ...restProps
-  } = props;
-  const itemsRef = React.useRef([]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TooltipContext.TooltipContext.Provider, {
-    value: {
-      Tooltip,
-      enterDelay: tooltipEnterDelay,
-      leaveDelay: tooltipLeaveDelay,
-      placement: tooltipPlacement
-    },
-    children: /* @__PURE__ */ jsxRuntime.jsx(DescendantContext.DescendantProvider, {
-      items: itemsRef,
-      children: /* @__PURE__ */ jsxRuntime.jsx(ListWithDescendants, {
-        ref,
-        ...restProps
-      })
-    })
-  });
-});
-
-exports.List = List;
-//# sourceMappingURL=List.js.map

package/dist-cjs/packages/lab/src/list-deprecated/List.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.js","sources":["../src/list-deprecated/List.tsx"],"sourcesContent":["import { useForkRef } from \"@salt-ds/core\";\n\nimport {\n  forwardRef,\n  useRef,\n  useContext,\n  KeyboardEvent,\n  ForwardedRef,\n  ReactElement,\n} from \"react\";\n\nimport { ListBase, ListScrollHandles } from \"./ListBase\";\nimport { ListProps, ListSelectionVariant } from \"./ListProps\";\nimport { ListStateContext } from \"./ListStateContext\";\nimport { useList } from \"./useList\";\nimport { useTypeSelect } from \"./useTypeSelect\";\nimport { TooltipContext } from \"../tooltip\";\n\nimport {\n  DescendantContext,\n  DescendantProvider,\n} from \"./internal/DescendantContext\";\n\nconst ListWithDescendants = forwardRef(function ListWithDescendants<\n  Item,\n  Variant extends ListSelectionVariant\n>(\n  props: ListProps<Item, Variant>,\n  ref?: ForwardedRef<ListScrollHandles<Item>>\n) {\n  const { items } = useContext(DescendantContext);\n\n  const { focusedRef, state, helpers, listProps } = useList({\n    source: items.current.length ? items.current : [],\n    ...props,\n  });\n\n  const { highlightedIndex } = state;\n  const { setHighlightedIndex, setFocusVisible } = helpers;\n\n  const {\n    disabled,\n    disableTypeToSelect,\n    getItemAtIndex,\n    itemCount,\n    itemToString,\n    onKeyDownCapture: onListKeyDownCapture,\n    ...restListProps\n  } = listProps;\n\n  const { onKeyDownCapture: onTypeSelectKeyDownCapture } = useTypeSelect({\n    getItemAtIndex,\n    highlightedIndex,\n    itemCount,\n    itemToString,\n    setFocusVisible,\n    setHighlightedIndex,\n  });\n\n  const setListRef = useForkRef(focusedRef, props.listRef);\n\n  const handleKeyDownCapture = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (disabled) {\n      return;\n    }\n\n    if (onListKeyDownCapture) {\n      onListKeyDownCapture(event);\n    }\n\n    if (!disableTypeToSelect && onTypeSelectKeyDownCapture) {\n      onTypeSelectKeyDownCapture(event);\n    }\n  };\n\n  return (\n    <ListStateContext.Provider value={{ state, helpers }}>\n      <ListBase\n        listRef={setListRef}\n        ref={ref}\n        {...restListProps}\n        disabled={disabled}\n        getItemAtIndex={getItemAtIndex}\n        itemCount={itemCount}\n        itemToString={itemToString}\n        onKeyDownCapture={handleKeyDownCapture}\n      />\n    </ListStateContext.Provider>\n  );\n}) as <Item, Variant extends ListSelectionVariant>(\n  props: ListProps<Item, Variant> & {\n    ref?: ForwardedRef<ListScrollHandles<Item>>;\n  }\n) => ReactElement<ListProps<Item, Variant>>;\n\nexport const List = forwardRef(function List<\n  Item,\n  Variant extends ListSelectionVariant\n>(\n  props: ListProps<Item, Variant>,\n  ref?: ForwardedRef<ListScrollHandles<Item>>\n) {\n  const {\n    Tooltip,\n    tooltipEnterDelay,\n    tooltipLeaveDelay,\n    tooltipPlacement,\n    ...restProps\n  } = props;\n\n  const itemsRef = useRef([]);\n\n  return (\n    <TooltipContext.Provider\n      value={{\n        Tooltip,\n        enterDelay: tooltipEnterDelay,\n        leaveDelay: tooltipLeaveDelay,\n        placement: tooltipPlacement,\n      }}\n    >\n      <DescendantProvider items={itemsRef}>\n        <ListWithDescendants<Item, Variant> ref={ref} {...restProps} />\n      </DescendantProvider>\n    </TooltipContext.Provider>\n  );\n}) as <Item = string, Variant extends ListSelectionVariant = \"default\">(\n  props: ListProps<Item, Variant> & {\n    ref?: ForwardedRef<ListScrollHandles<Item>>;\n  }\n) => ReactElement<ListProps<Item, Variant>>;\n"],"names":["forwardRef","ListWithDescendants","useContext","DescendantContext","useList","useTypeSelect","useForkRef","jsx","ListStateContext","ListBase","List","useRef","TooltipContext","DescendantProvider"],"mappings":"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"}

package/dist-cjs/packages/lab/src/list-deprecated/ListBase.js

@@ -1,285 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var cx = require('classnames');
-var React = require('react');
-var reactWindow = require('react-window');
-var calcPreferredListHeight = require('./internal/calcPreferredListHeight.js');
-var scrollIntoView = require('./internal/scrollIntoView.js');
-var useListAutoSizer = require('./internal/useListAutoSizer.js');
-var itemToString = require('./itemToString.js');
-var ListItemBase = require('./ListItemBase.js');
-var ListItemContext = require('./ListItemContext.js');
-var ListStateContext = require('./ListStateContext.js');
-var useListItem = require('./useListItem.js');
-require('./List.css.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-const withBaseName = core.makePrefixer("saltListDeprecated");
-const ListboxContext = React.createContext({});
-const DefaultItem = React.memo(function DefaultItem2(props) {
-  const { item, itemToString, itemProps } = useListItem.useListItem(props);
-  return /* @__PURE__ */ jsxRuntime.jsx(ListItemBase.ListItemBase, {
-    ...itemProps,
-    children: itemToString(item)
-  });
-}, reactWindow.areEqual);
-const DefaultVirtualizedItem = React.memo(
-  function DefaultVirtualizedItem2(props) {
-    const { item, itemToString, itemProps } = useListItem.useVirtualizedListItem(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(ListItemBase.ListItemBase, {
-      ...itemProps,
-      children: itemToString(item)
-    });
-  },
-  reactWindow.areEqual
-);
-const Listbox = React.forwardRef(function Listbox2(props, ref) {
-  const { style, onScroll, children } = props;
-  const {
-    className,
-    borderless,
-    disabled,
-    disableFocus,
-    listRef,
-    style: styleProp,
-    onScroll: onScrollProp,
-    ...restListProps
-  } = React.useContext(ListboxContext);
-  const setListRef = core.useForkRef(ref, listRef);
-  const handleScroll = (event) => {
-    if (onScroll) {
-      onScroll(event);
-    }
-    if (onScrollProp) {
-      onScrollProp(event);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: cx__default["default"](
-      withBaseName(),
-      {
-        [withBaseName("disabled")]: disabled
-      },
-      className
-    ),
-    onScroll: handleScroll,
-    ref: setListRef,
-    style: { ...style, ...styleProp },
-    tabIndex: disabled || disableFocus ? void 0 : 0,
-    ...restListProps,
-    children
-  });
-});
-const noScrolling = {
-  scrollToIndex: (itemIndex) => void 0,
-  scrollToItem: (item) => void 0,
-  scrollTo: (scrollOffset) => void 0
-};
-const ListBase = React.forwardRef(function ListBase2(props, ref) {
-  var _a;
-  const { state } = ListStateContext.useListStateContext();
-  const generatedId = core.useId(props.id);
-  const defaultId = (_a = state.id) != null ? _a : generatedId;
-  const sizeStackable = "36px";
-  const defaultItemHeight = parseInt(sizeStackable, 10);
-  const hasIndexer = typeof props.getItemAtIndex === "function";
-  const hasVariableHeight = typeof props.getItemHeight === "function";
-  const {
-    id = defaultId,
-    source = [],
-    borderless,
-    children,
-    disableMouseDown,
-    itemTextHighlightPattern,
-    itemCount = source.length,
-    itemToString: itemToString$1 = itemToString.itemToString,
-    itemGapSize = 1,
-    itemHeight = defaultItemHeight,
-    getItemHeight = () => itemHeight,
-    getItemId = (index) => `${id}-item-${index}`,
-    getItemIndex = (item) => source.indexOf(item),
-    getItemAtIndex,
-    overscanCount = 10,
-    displayedItemCount = 10,
-    virtualized,
-    width,
-    height,
-    maxWidth,
-    maxHeight,
-    minWidth,
-    minHeight,
-    ListPlaceholder,
-    ListItem = virtualized ? DefaultVirtualizedItem : DefaultItem,
-    listRef: listRefProp,
-    ...restProps
-  } = props;
-  const { highlightedIndex } = state;
-  const preferredHeight = height != null ? height : calcPreferredListHeight.calcPreferredListHeight({
-    borderless,
-    displayedItemCount,
-    itemCount,
-    itemHeight,
-    getItemHeight,
-    itemGapSize
-  });
-  const [containerRef, autoSize] = useListAutoSizer.useListAutoSizer({
-    responsive: width === void 0 || height === void 0,
-    height: preferredHeight,
-    width
-  });
-  const virtualizedListRef = React.useRef(null);
-  const listRef = React.useRef(null);
-  const setListRef = core.useForkRef(listRef, listRefProp);
-  const scrollToIndex = (itemIndex) => {
-    var _a2;
-    scrollIntoView.scrollIntoView(
-      (_a2 = listRef.current) == null ? void 0 : _a2.querySelector(`[data-option-index="${itemIndex}"]`),
-      listRef
-    );
-  };
-  const scrollHandles = React.useMemo(
-    () => ({
-      scrollToIndex,
-      scrollToItem: (item) => {
-        scrollToIndex(getItemIndex(item));
-      },
-      scrollTo: (scrollOffset) => {
-        if (listRef.current) {
-          listRef.current.scrollTop = scrollOffset;
-        }
-      }
-    }),
-    [getItemIndex]
-  );
-  const virtualizedScrollHandles = React.useMemo(
-    () => ({
-      scrollToIndex: (itemIndex) => {
-        if (virtualizedListRef.current) {
-          virtualizedListRef.current.scrollToItem(itemIndex);
-        }
-      },
-      scrollToItem: (item) => {
-        virtualizedListRef.current.scrollToItem(getItemIndex(item));
-      },
-      scrollTo: (scrollOffset) => {
-        virtualizedListRef.current.scrollTo(scrollOffset);
-      }
-    }),
-    [getItemIndex]
-  );
-  React.useImperativeHandle(
-    ref,
-    () => {
-      if (virtualized && virtualizedListRef.current) {
-        return virtualizedScrollHandles;
-      } else if (listRef.current) {
-        return scrollHandles;
-      } else {
-        return noScrolling;
-      }
-    },
-    [virtualized, scrollHandles, virtualizedScrollHandles]
-  );
-  core.useIsomorphicLayoutEffect(() => {
-    if (highlightedIndex == null) {
-      return;
-    }
-    if (virtualized && virtualizedListRef.current) {
-      virtualizedListRef.current.scrollToItem(highlightedIndex);
-    } else if (listRef.current) {
-      scrollToIndex(highlightedIndex);
-    }
-  }, [highlightedIndex, virtualized]);
-  const renderList = () => {
-    if (React.Children.count(children)) {
-      return /* @__PURE__ */ jsxRuntime.jsx(Listbox, {
-        style: autoSize,
-        children: /* @__PURE__ */ jsxRuntime.jsx(ListItemContext.ListItemContext.Provider, {
-          value: {
-            disableMouseDown,
-            getItemId,
-            getItemHeight,
-            itemToString: itemToString$1,
-            itemTextHighlightPattern
-          },
-          children
-        })
-      });
-    }
-    if (virtualized) {
-      const VirtualizedList = hasVariableHeight ? reactWindow.VariableSizeList : reactWindow.FixedSizeList;
-      return /* @__PURE__ */ jsxRuntime.jsx(ListItemContext.ListItemContext.Provider, {
-        value: {
-          disableMouseDown,
-          getItemId,
-          itemToString: itemToString$1,
-          itemTextHighlightPattern
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsx(VirtualizedList, {
-          height: autoSize.height,
-          itemCount,
-          itemData: source,
-          itemSize: hasVariableHeight ? getItemHeight : itemHeight,
-          outerElementType: Listbox,
-          overscanCount,
-          ref: virtualizedListRef,
-          width: autoSize.width,
-          children: ListItem
-        })
-      });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(Listbox, {
-      style: autoSize,
-      children: /* @__PURE__ */ jsxRuntime.jsx(ListItemContext.ListItemContext.Provider, {
-        value: {
-          disableMouseDown,
-          getItemId,
-          getItemHeight,
-          itemToString: itemToString$1,
-          itemTextHighlightPattern
-        },
-        children: (hasIndexer ? Array.from({ length: itemCount }) : source).map(
-          (item, index) => /* @__PURE__ */ jsxRuntime.jsx(ListItem, {
-            index,
-            item: hasIndexer ? getItemAtIndex(index) : item
-          }, getItemId(index))
-        )
-      })
-    });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: cx__default["default"](withBaseName("wrapper"), {
-      [withBaseName("borderless")]: borderless
-    }),
-    ref: containerRef,
-    style: {
-      minWidth,
-      minHeight,
-      width: width != null ? width : "100%",
-      height: height != null ? height : "100%",
-      maxWidth: maxWidth != null ? maxWidth : width,
-      maxHeight: maxHeight != null ? maxHeight : preferredHeight
-    },
-    children: itemCount === 0 && ListPlaceholder !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(ListPlaceholder, {
-      style: autoSize
-    }) : /* @__PURE__ */ jsxRuntime.jsx(ListboxContext.Provider, {
-      value: {
-        ...restProps,
-        listRef: setListRef,
-        id,
-        borderless
-      },
-      children: renderList()
-    })
-  });
-});
-
-exports.ListBase = ListBase;
-//# sourceMappingURL=ListBase.js.map

package/dist-cjs/packages/lab/src/list-deprecated/ListBase.js.map

@@ -1 +0,0 @@
-{"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 classnames from \"classnames\";\nimport {\n  Children,\n  ComponentType,\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  memo,\n  ReactElement,\n  Ref,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { areEqual, FixedSizeList, VariableSizeList } from \"react-window\";\nimport { calcPreferredListHeight } from \"./internal/calcPreferredListHeight\";\nimport { scrollIntoView } from \"./internal/scrollIntoView\";\nimport { useListAutoSizer } from \"./internal/useListAutoSizer\";\nimport { itemToString as defaultItemToString } from \"./itemToString\";\nimport { ListItemBase } from \"./ListItemBase\";\nimport { ListItemContext } from \"./ListItemContext\";\nimport { ListBaseProps } from \"./ListProps\";\nimport { useListStateContext } from \"./ListStateContext\";\nimport { useListItem, useVirtualizedListItem } from \"./useListItem\";\n\nimport \"./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},\nareEqual);\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(function Listbox(\n  props,\n  ref\n) {\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={classnames(\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\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 { 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 : 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      } else if (listRef.current) {\n        return scrollHandles;\n      } else {\n        return noScrolling;\n      }\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={classnames(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":["makePrefixer","createContext","memo","DefaultItem","useListItem","jsx","ListItemBase","areEqual","DefaultVirtualizedItem","useVirtualizedListItem","forwardRef","Listbox","useContext","useForkRef","classnames","ListBase","useListStateContext","useId","itemToString","defaultItemToString","calcPreferredListHeight","useListAutoSizer","useRef","_a","scrollIntoView","useMemo","useImperativeHandle","useIsomorphicLayoutEffect","Children","ListItemContext","VariableSizeList","FixedSizeList"],"mappings":"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"}

package/dist-cjs/packages/lab/src/list-deprecated/ListItem.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltListItemDeprecated {\n  /* Color */\n  --list-item-text-color: var(--salt-selectable-foreground);\n  --list-item-background: var(--salt-selectable-background);\n  --list-item-background-hover: var(--salt-selectable-background-hover);\n  --list-item-selected-focus-outlineColor: var(--salt-accent-foreground); /* TODO: Check token with design */\n\n  --list-item-text-color-active: var(--salt-selectable-foreground-selected);\n  --list-item-background-active: var(--salt-selectable-background-selected);\n\n  /* Text, Font */\n  --list-item-textAlign: var(--salt-text-textAlign);\n  --list-item-fontSize: var(--salt-text-fontSize);\n  --list-item-lineHeight: var(--salt-text-lineHeight);\n\n  /* Spacing */\n  --list-item-padding: 0 var(--salt-size-unit);\n\n  /* Misc. */\n  --list-item-gap: 0px;\n  --list-item-alignItems: center;\n  --list-item-selectable-cursor: pointer;\n  --list-item-cursor: default;\n\n  --list-item-disabled-cursor: var(--salt-selectable-cursor-disabled);\n  --list-item-disabled-regular-opacity: var(--salt-palette-opacity-foreground);\n}\n\n.saltListItemDeprecated {\n  color: var(--list-item-text-color);\n  background: var(--list-item-background);\n  text-align: var(--list-item-textAlign);\n  line-height: var(--list-item-lineHeight);\n  font-size: var(--list-item-fontSize);\n  padding: var(--list-item-padding);\n  left: 0;\n  right: 0;\n  display: flex;\n  position: relative;\n  align-items: var(--list-item-alignItems);\n  white-space: nowrap;\n}\n\n.saltListItemDeprecated {\n  /* Replaced border-bottom with margin. In design spec, the height of the items should not include gap */\n  margin-bottom: var(--list-item-gap);\n  cursor: var(--list-item-selectable-cursor);\n}\n\n.saltListItemDeprecated:last-child {\n  margin-bottom: 0px;\n}\n\n.saltListItemDeprecated.saltListItemDeprecated-highlighted:not(.saltListItemDeprecated-selected) {\n  background: var(--list-item-background-hover);\n}\n\n.saltListItemDeprecated.saltListItemDeprecated-deselectable {\n  cursor: var(--list-item-selectable-cursor);\n}\n\n.saltListItemDeprecated-textWrapper {\n  flex: 1;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.saltListItemDeprecated-selected {\n  color: var(--list-item-text-color-active);\n  background: var(--list-item-background-active);\n  cursor: var(--list-item-cursor);\n}\n\n.saltListItemDeprecated-disabled {\n  cursor: var(--list-item-disabled-cursor);\n  opacity: var(--list-item-disabled-regular-opacity);\n}\n\n.saltListItemDeprecated-focusVisible:after {\n  top: 2px;\n  left: 2px;\n  right: 2px;\n  bottom: 2px;\n  content: \"\";\n  position: absolute;\n\n  outline-style: var(--salt-focused-outlineStyle);\n  outline-width: var(--salt-focused-outlineWidth);\n  outline-color: var(--salt-focused-outlineColor);\n  outline-offset: var(--salt-focused-outlineOffset);\n}\n\n.saltListItemDeprecated-focusVisible.saltListItemDeprecated-selected:after {\n  outline-color: var(--list-item-selected-focus-outlineColor);\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=ListItem.css.js.map

package/dist-cjs/packages/lab/src/list-deprecated/ListItem.css.js.map

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