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

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

@@ -1,83 +1,78 @@
 import { jsx } from 'react/jsx-runtime';
 import { makePrefixer, useForkRef, useId, useIsomorphicLayoutEffect } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
 import { clsx } from 'clsx';
-import { createContext, memo, forwardRef, useContext, useRef, useMemo, useImperativeHandle, Children } from 'react';
+import { createContext, memo, forwardRef, useContext, useRef, useCallback, useMemo, useImperativeHandle, Children } from 'react';
 import { areEqual, VariableSizeList, FixedSizeList } from 'react-window';
 import { calcPreferredListHeight } from './internal/calcPreferredListHeight.js';
 import { scrollIntoView } from './internal/scrollIntoView.js';
 import { useListAutoSizer } from './internal/useListAutoSizer.js';
 import { itemToString } from './itemToString.js';
+import css_248z from './List.css.js';
 import { ListItemBase } from './ListItemBase.js';
 import { ListItemContext } from './ListItemContext.js';
 import { useListStateContext } from './ListStateContext.js';
 import { useListItem, useVirtualizedListItem } from './useListItem.js';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import css_248z from './List.css.js';
 
 const withBaseName = makePrefixer("saltListDeprecated");
 const ListboxContext = createContext({});
 const DefaultItem = memo(function DefaultItem2(props) {
   const { item, itemToString, itemProps } = useListItem(props);
-  return /* @__PURE__ */ jsx(ListItemBase, {
-    ...itemProps,
-    children: itemToString(item)
-  });
+  return /* @__PURE__ */ jsx(ListItemBase, { ...itemProps, children: itemToString(item) });
 }, areEqual);
-const DefaultVirtualizedItem = memo(
-  function DefaultVirtualizedItem2(props) {
-    const { item, itemToString, itemProps } = useVirtualizedListItem(props);
-    return /* @__PURE__ */ jsx(ListItemBase, {
-      ...itemProps,
-      children: itemToString(item)
-    });
-  },
-  areEqual
-);
-const Listbox = forwardRef(function Listbox2(props, ref) {
-  const { style, onScroll, children } = props;
-  const {
-    className,
-    borderless,
-    disabled,
-    disableFocus,
-    listRef,
-    style: styleProp,
-    onScroll: onScrollProp,
-    ...restListProps
-  } = useContext(ListboxContext);
-  const setListRef = useForkRef(ref, listRef);
-  const handleScroll = (event) => {
-    if (onScroll) {
-      onScroll(event);
-    }
-    if (onScrollProp) {
-      onScrollProp(event);
-    }
-  };
-  return /* @__PURE__ */ jsx("div", {
-    className: clsx(
-      withBaseName(),
+const DefaultVirtualizedItem = memo(function DefaultVirtualizedItem2(props) {
+  const { item, itemToString, itemProps } = useVirtualizedListItem(props);
+  return /* @__PURE__ */ jsx(ListItemBase, { ...itemProps, children: itemToString(item) });
+}, areEqual);
+const Listbox = forwardRef(
+  function Listbox2(props, ref) {
+    const { style, onScroll, children } = props;
+    const {
+      className,
+      borderless: _borderless,
+      disabled,
+      disableFocus,
+      listRef,
+      style: styleProp,
+      onScroll: onScrollProp,
+      ...restListProps
+    } = useContext(ListboxContext);
+    const setListRef = useForkRef(ref, listRef);
+    const handleScroll = (event) => {
+      if (onScroll) {
+        onScroll(event);
+      }
+      if (onScrollProp) {
+        onScrollProp(event);
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
       {
-        [withBaseName("disabled")]: disabled
-      },
-      className
-    ),
-    onScroll: handleScroll,
-    ref: setListRef,
-    style: { ...style, ...styleProp },
-    tabIndex: disabled || disableFocus ? void 0 : 0,
-    ...restListProps,
-    children
-  });
-});
+        className: clsx(
+          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
+  scrollToIndex: () => void 0,
+  scrollToItem: () => void 0,
+  scrollTo: () => void 0
 };
 const ListBase = forwardRef(function ListBase2(props, ref) {
-  var _a;
   const targetWindow = useWindow();
   useComponentCssInjection({
     testId: "salt-list-deprecated",
@@ -86,9 +81,9 @@ const ListBase = forwardRef(function ListBase2(props, ref) {
   });
   const { state } = useListStateContext();
   const generatedId = useId(props.id);
-  const defaultId = (_a = state.id) != null ? _a : generatedId;
+  const defaultId = state.id ?? generatedId;
   const sizeStackable = "36px";
-  const defaultItemHeight = parseInt(sizeStackable, 10);
+  const defaultItemHeight = Number.parseInt(sizeStackable, 10);
   const hasIndexer = typeof props.getItemAtIndex === "function";
   const hasVariableHeight = typeof props.getItemHeight === "function";
   const {
@@ -100,6 +95,7 @@ const ListBase = forwardRef(function ListBase2(props, ref) {
     itemTextHighlightPattern,
     itemCount = source.length,
     itemToString: itemToString$1 = itemToString,
+    // TODO: Read from css variable
     itemGapSize = 1,
     itemHeight = defaultItemHeight,
     getItemHeight = () => itemHeight,
@@ -121,14 +117,12 @@ const ListBase = forwardRef(function ListBase2(props, ref) {
     ...restProps
   } = props;
   const { highlightedIndex } = state;
-  const preferredHeight = height != null ? height : calcPreferredListHeight({
+  const preferredHeight = height ?? calcPreferredListHeight({
     borderless,
     displayedItemCount,
     itemCount,
     itemHeight,
-    getItemHeight,
-    itemGapSize
-  });
+    getItemHeight});
   const [containerRef, autoSize] = useListAutoSizer({
     responsive: width === void 0 || height === void 0,
     height: preferredHeight,
@@ -137,13 +131,13 @@ const ListBase = forwardRef(function ListBase2(props, ref) {
   const virtualizedListRef = useRef(null);
   const listRef = useRef(null);
   const setListRef = useForkRef(listRef, listRefProp);
-  const scrollToIndex = (itemIndex) => {
-    var _a2;
+  const scrollToIndex = useCallback((itemIndex) => {
+    var _a;
     scrollIntoView(
-      (_a2 = listRef.current) == null ? void 0 : _a2.querySelector(`[data-option-index="${itemIndex}"]`),
+      (_a = listRef.current) == null ? void 0 : _a.querySelector(`[data-option-index="${itemIndex}"]`),
       listRef
     );
-  };
+  }, []);
   const scrollHandles = useMemo(
     () => ({
       scrollToIndex,
@@ -156,37 +150,34 @@ const ListBase = forwardRef(function ListBase2(props, ref) {
         }
       }
     }),
-    [getItemIndex]
+    [getItemIndex, scrollToIndex]
   );
   const virtualizedScrollHandles = useMemo(
     () => ({
       scrollToIndex: (itemIndex) => {
-        if (virtualizedListRef.current) {
-          virtualizedListRef.current.scrollToItem(itemIndex);
-        }
+        var _a;
+        (_a = virtualizedListRef.current) == null ? void 0 : _a.scrollToItem(itemIndex);
       },
       scrollToItem: (item) => {
-        virtualizedListRef.current.scrollToItem(getItemIndex(item));
+        var _a;
+        (_a = virtualizedListRef.current) == null ? void 0 : _a.scrollToItem(getItemIndex(item));
       },
       scrollTo: (scrollOffset) => {
-        virtualizedListRef.current.scrollTo(scrollOffset);
+        var _a;
+        (_a = virtualizedListRef.current) == null ? void 0 : _a.scrollTo(scrollOffset);
       }
     }),
     [getItemIndex]
   );
-  useImperativeHandle(
-    ref,
-    () => {
-      if (virtualized && virtualizedListRef.current) {
-        return virtualizedScrollHandles;
-      } else if (listRef.current) {
-        return scrollHandles;
-      } else {
-        return noScrolling;
-      }
-    },
-    [virtualized, scrollHandles, virtualizedScrollHandles]
-  );
+  useImperativeHandle(ref, () => {
+    if (virtualized && virtualizedListRef.current) {
+      return virtualizedScrollHandles;
+    }
+    if (listRef.current) {
+      return scrollHandles;
+    }
+    return noScrolling;
+  }, [virtualized, scrollHandles, virtualizedScrollHandles]);
   useIsomorphicLayoutEffect(() => {
     if (highlightedIndex == null) {
       return;
@@ -196,89 +187,106 @@ const ListBase = forwardRef(function ListBase2(props, ref) {
     } else if (listRef.current) {
       scrollToIndex(highlightedIndex);
     }
-  }, [highlightedIndex, virtualized]);
+  }, [highlightedIndex, virtualized, scrollToIndex]);
   const renderList = () => {
     if (Children.count(children)) {
-      return /* @__PURE__ */ jsx(Listbox, {
-        style: autoSize,
-        children: /* @__PURE__ */ jsx(ListItemContext.Provider, {
+      return /* @__PURE__ */ jsx(Listbox, { style: autoSize, children: /* @__PURE__ */ jsx(
+        ListItemContext.Provider,
+        {
           value: {
             disableMouseDown,
             getItemId,
             getItemHeight,
+            //@ts-expect-error
             itemToString: itemToString$1,
             itemTextHighlightPattern
           },
           children
-        })
-      });
+        }
+      ) });
     }
     if (virtualized) {
       const VirtualizedList = hasVariableHeight ? VariableSizeList : FixedSizeList;
-      return /* @__PURE__ */ jsx(ListItemContext.Provider, {
-        value: {
-          disableMouseDown,
-          getItemId,
-          itemToString: itemToString$1,
-          itemTextHighlightPattern
-        },
-        children: /* @__PURE__ */ jsx(VirtualizedList, {
-          height: autoSize.height,
-          itemCount,
-          itemData: source,
-          itemSize: hasVariableHeight ? getItemHeight : itemHeight,
-          outerElementType: Listbox,
-          overscanCount,
-          ref: virtualizedListRef,
-          width: autoSize.width,
-          children: ListItem
-        })
-      });
+      return /* @__PURE__ */ jsx(
+        ListItemContext.Provider,
+        {
+          value: {
+            disableMouseDown,
+            getItemId,
+            //@ts-expect-error
+            itemToString: itemToString$1,
+            itemTextHighlightPattern
+          },
+          children: /* @__PURE__ */ jsx(
+            VirtualizedList,
+            {
+              height: autoSize.height,
+              itemCount,
+              itemData: source,
+              itemSize: hasVariableHeight ? getItemHeight : itemHeight,
+              outerElementType: Listbox,
+              overscanCount,
+              ref: virtualizedListRef,
+              width: autoSize.width,
+              children: ListItem
+            }
+          )
+        }
+      );
     }
-    return /* @__PURE__ */ jsx(Listbox, {
-      style: autoSize,
-      children: /* @__PURE__ */ jsx(ListItemContext.Provider, {
+    return /* @__PURE__ */ jsx(Listbox, { style: autoSize, children: /* @__PURE__ */ jsx(
+      ListItemContext.Provider,
+      {
         value: {
           disableMouseDown,
           getItemId,
           getItemHeight,
+          //@ts-expect-error
           itemToString: itemToString$1,
           itemTextHighlightPattern
         },
         children: (hasIndexer ? Array.from({ length: itemCount }) : source).map(
-          (item, index) => /* @__PURE__ */ jsx(ListItem, {
-            index,
-            item: hasIndexer ? getItemAtIndex(index) : item
-          }, getItemId(index))
+          (item, index) => /* @__PURE__ */ jsx(
+            ListItem,
+            {
+              index,
+              item: hasIndexer ? getItemAtIndex == null ? void 0 : getItemAtIndex(index) : item
+            },
+            getItemId(index)
+          )
         )
-      })
-    });
+      }
+    ) });
   };
-  return /* @__PURE__ */ jsx("div", {
-    className: clsx(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__ */ jsx(ListPlaceholder, {
-      style: autoSize
-    }) : /* @__PURE__ */ jsx(ListboxContext.Provider, {
-      value: {
-        ...restProps,
-        listRef: setListRef,
-        id,
-        borderless
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(withBaseName("wrapper"), {
+        [withBaseName("borderless")]: borderless
+      }),
+      ref: containerRef,
+      style: {
+        minWidth,
+        minHeight,
+        width: width ?? "100%",
+        height: height ?? "100%",
+        maxWidth: maxWidth ?? width,
+        maxHeight: maxHeight ?? preferredHeight
       },
-      children: renderList()
-    })
-  });
+      children: itemCount === 0 && ListPlaceholder !== void 0 ? /* @__PURE__ */ jsx(ListPlaceholder, { style: autoSize }) : /* @__PURE__ */ jsx(
+        ListboxContext.Provider,
+        {
+          value: {
+            ...restProps,
+            listRef: setListRef,
+            id,
+            borderless
+          },
+          children: renderList()
+        }
+      )
+    }
+  );
 });
 
 export { ListBase };

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

@@ -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  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 { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\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},\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={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\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 : 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={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","_a"],"mappings":"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"}
+{"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 { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  Children,\n  type ComponentProps,\n  createContext,\n  type ForwardedRef,\n  forwardRef,\n  type HTMLAttributes,\n  memo,\n  type ReactElement,\n  type Ref,\n  type UIEvent,\n  useCallback,\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 listCss from \"./List.css\";\nimport { ListItemBase } from \"./ListItemBase\";\nimport { ListItemContext } from \"./ListItemContext\";\nimport type { ListBaseProps } from \"./ListProps\";\nimport { useListStateContext } from \"./ListStateContext\";\nimport { useListItem, useVirtualizedListItem } from \"./useListItem\";\n\nconst withBaseName = makePrefixer(\"saltListDeprecated\");\n\nexport interface ListboxContextProps<Item>\n  extends Pick<\n    ComponentProps<\"div\">,\n    \"style\" | \"className\" | \"onScroll\" | \"id\"\n  > {\n  borderless?: boolean;\n  disabled?: boolean;\n  disableFocus?: boolean;\n  getItemId?: (index: number) => string;\n  getItemHeight?: (index?: number) => number;\n  itemToString?: (item: Item) => string;\n  listRef?: Ref<HTMLDivElement>;\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: UIEvent<HTMLDivElement>) => 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 = forwardRef<HTMLDivElement, ListboxProps>(\n  function Listbox(props, ref) {\n    const { style, onScroll, children } = props;\n\n    const {\n      className,\n      borderless: _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: UIEvent<HTMLDivElement>) => {\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: () => undefined,\n  scrollToItem: () => undefined,\n  scrollTo: () => 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<{\n    scrollTo: (scrollOffset: number) => void;\n    scrollToItem: (index: number) => void;\n  } | null>(null);\n  const listRef = useRef<HTMLDivElement | null>(null);\n\n  const setListRef = useForkRef(listRef, listRefProp);\n\n  const scrollToIndex = useCallback((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, scrollToIndex],\n  );\n\n  const virtualizedScrollHandles: ListScrollHandles<Item> = useMemo(\n    () => ({\n      scrollToIndex: (itemIndex: number) => {\n        virtualizedListRef.current?.scrollToItem(itemIndex);\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(ref, () => {\n    if (virtualized && virtualizedListRef.current) {\n      return virtualizedScrollHandles;\n    }\n    if (listRef.current) {\n      return scrollHandles;\n    }\n    return noScrolling;\n  }, [virtualized, scrollHandles, virtualizedScrollHandles]);\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, scrollToIndex]);\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-expect-error\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-expect-error\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-expect-error\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) as 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.css.js

@@ -1,4 +1,4 @@
-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";
+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-content-bold-foreground);\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-cursor-disabled);\n  --list-item-disabled-regular-opacity: var(--salt-palette-opacity-disabled);\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";
 
 export { css_248z as default };
 //# sourceMappingURL=ListItem.css.js.map

package/dist-es/list-deprecated/ListItem.js

@@ -1,9 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { isPlainObject } from './internal/helpers.js';
 import { useDescendant } from './internal/DescendantContext.js';
-import { useListItem } from './useListItem.js';
+import { isPlainObject } from './internal/helpers.js';
 import { ListItemBase } from './ListItemBase.js';
+import { useListItem } from './useListItem.js';
 
 function ListItem(props, ref) {
   const {
@@ -17,12 +17,7 @@ function ListItem(props, ref) {
     ...restProps
   });
   const itemText = itemToString(item);
-  return /* @__PURE__ */ jsx(ListItemBase, {
-    tooltipText: itemText,
-    ...itemProps,
-    ref,
-    children: children !== void 0 ? children : itemText
-  });
+  return /* @__PURE__ */ jsx(ListItemBase, { tooltipText: itemText, ...itemProps, ref, children: children !== void 0 ? children : itemText });
 }
 const _ListItem = forwardRef(ListItem);
 

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../src/list-deprecated/ListItem.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef, ReactElement } from \"react\";\n\nimport { isPlainObject } from \"./internal/helpers\";\nimport { useDescendant } from \"./internal/DescendantContext\";\nimport { useListItem } from \"./useListItem\";\nimport { ListItemBase, ListItemBaseProps } from \"./ListItemBase\";\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,IACP,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,EAAE,YAAA,EAAc,SAAU,EAAA,GAAI,WAAY,CAAA;AAAA,IAC9C,KAAA,EAAO,cAAc,IAAI,CAAA;AAAA,IACzB,IAAA;AAAA,IACA,GAAG,SAAA;AAAA,GACJ,CAAA,CAAA;AAGD,EAAM,MAAA,QAAA,GAAW,aAAa,IAAW,CAAA,CAAA;AAEzC,EAAA,uBACG,GAAA,CAAA,YAAA,EAAA;AAAA,IAAa,WAAa,EAAA,QAAA;AAAA,IAAW,GAAG,SAAA;AAAA,IAAW,GAAA;AAAA,IACjD,QAAA,EAAA,QAAA,KAAa,SAAY,QAAW,GAAA,QAAA;AAAA,GACvC,CAAA,CAAA;AAEJ,CAAA;AAQM,MAAA,SAAA,GAAY,WAAW,QAAQ;;;;"}
+{"version":3,"file":"ListItem.js","sources":["../src/list-deprecated/ListItem.tsx"],"sourcesContent":["/** biome-ignore-all lint/correctness/useHookAtTopLevel: biome doesn't recognise the component correctly */\nimport { type ForwardedRef, forwardRef, type ReactElement } from \"react\";\nimport { useDescendant } from \"./internal/DescendantContext\";\nimport { isPlainObject } from \"./internal/helpers\";\nimport { ListItemBase, type ListItemBaseProps } from \"./ListItemBase\";\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  const itemText = itemToString(item as Item);\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,GAAA,EACA;AACA,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,IAAA,GAAO,MAAM,IAAA,KAAS,MAAA,IAAa,CAAC,aAAA,CAAc,QAAQ,CAAA,GACrD,QAAA,GACD,KAAA,CAAM,IAAA;AAAA,IACV,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,EAAE,YAAA,EAAc,SAAA,EAAU,GAAI,WAAA,CAAY;AAAA,IAC9C,KAAA,EAAO,cAAc,IAAI,CAAA;AAAA,IACzB,IAAA;AAAA,IACA,GAAG;AAAA,GACJ,CAAA;AAED,EAAA,MAAM,QAAA,GAAW,aAAa,IAAY,CAAA;AAE1C,EAAA,uBACE,GAAA,CAAC,YAAA,EAAA,EAAa,WAAA,EAAa,QAAA,EAAW,GAAG,WAAW,GAAA,EACjD,QAAA,EAAA,QAAA,KAAa,MAAA,GAAY,QAAA,GAAW,QAAA,EACvC,CAAA;AAEJ;AAQA,MAAM,SAAA,GAAY,WAAW,QAAQ;;;;"}

package/dist-es/list-deprecated/ListItemBase.js

@@ -1,12 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { makePrefixer, useForkRef, Tooltip } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
 import { clsx } from 'clsx';
 import { memo, forwardRef, useRef } from 'react';
-import '../utils/useFloatingUI.js';
 import { useOverflowDetection } from '../utils/useOverflowDetection.js';
 import { Highlighter } from './internal/Highlighter.js';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
 import css_248z from './ListItem.css.js';
 
 const withBaseName = makePrefixer("saltListItemDeprecated");
@@ -33,12 +32,12 @@ const ListItemBase = memo(
     const { current: detectTruncation } = useRef(typeof children === "string");
     const [overflowRef, isOverflowed] = useOverflowDetection();
     const setItemRef = useForkRef(overflowRef, ref);
-    return /* @__PURE__ */ jsx(Tooltip, {
-      disabled: !isOverflowed,
-      content: tooltipText,
-      children: /* @__PURE__ */ jsx("div", {
+    return /* @__PURE__ */ jsx(Tooltip, { disabled: !isOverflowed, content: tooltipText, children: /* @__PURE__ */ jsx(
+      "div",
+      {
         "aria-label": typeof children === "string" ? children : void 0,
         ref: detectTruncation ? ref : setItemRef,
+        role: "option",
         ...restProps,
         className: clsx(
           withBaseName(),
@@ -51,16 +50,15 @@ const ListItemBase = memo(
           },
           className
         ),
-        children: detectTruncation ? /* @__PURE__ */ jsx("span", {
-          className: withBaseName("textWrapper"),
-          ref: overflowRef,
-          children: itemTextHighlightPattern == null ? children : /* @__PURE__ */ jsx(Highlighter, {
+        children: detectTruncation ? /* @__PURE__ */ jsx("span", { className: withBaseName("textWrapper"), ref: overflowRef, children: itemTextHighlightPattern == null ? children : /* @__PURE__ */ jsx(
+          Highlighter,
+          {
             matchPattern: itemTextHighlightPattern,
             text: children
-          })
-        }) : children
-      })
-    });
+          }
+        ) }) : children
+      }
+    ) });
   })
 );