@salt-ds/lab 1.0.0-alpha.3 → 1.0.0-alpha.31

package/dist-cjs/list-control/ListControlState.js

@@ -0,0 +1,193 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@salt-ds/core');
+
+function useListControl(props) {
+  const {
+    open: openProp,
+    defaultOpen,
+    onOpenChange,
+    multiselect,
+    defaultSelected,
+    selected: selectedProp,
+    onSelectionChange,
+    defaultValue,
+    value
+  } = props;
+  const [focusedState, setFocusedState] = React.useState(false);
+  const [focusVisibleState, setFocusVisibleState] = React.useState(false);
+  const [valueState, setValueState] = core.useControlled({
+    controlled: value,
+    default: defaultValue,
+    name: "ListControl",
+    state: "value"
+  });
+  const [activeState, setActiveState] = React.useState(
+    void 0
+  );
+  const setActive = (option) => {
+    if (option) {
+      setActiveState(option);
+    } else {
+      setActiveState(void 0);
+    }
+  };
+  const [openState, setOpenState] = core.useControlled({
+    controlled: openProp,
+    default: Boolean(defaultOpen),
+    name: "ListControl",
+    state: "open"
+  });
+  const openKey = React.useRef({
+    key: "",
+    altKey: false
+  });
+  const setOpen = (event, newOpen) => {
+    setOpenState(newOpen);
+    if (event.nativeEvent instanceof KeyboardEvent) {
+      openKey.current = {
+        key: event.nativeEvent.key,
+        altKey: event.nativeEvent.altKey
+      };
+    }
+    if (newOpen !== openState) {
+      onOpenChange == null ? void 0 : onOpenChange(event, newOpen);
+    }
+  };
+  const [selectedState, setSelectedState] = core.useControlled({
+    controlled: selectedProp,
+    default: defaultSelected != null ? defaultSelected : [],
+    name: "ListControl",
+    state: "selected"
+  });
+  const select = (event, option) => {
+    const { disabled, value: value2 } = option;
+    if (disabled) {
+      return;
+    }
+    let newSelected = [value2];
+    if (multiselect) {
+      if (selectedState.includes(value2)) {
+        newSelected = selectedState.filter((item) => item !== value2);
+      } else {
+        newSelected = selectedState.concat([value2]);
+      }
+    }
+    setSelectedState(newSelected);
+    setValueState(
+      getOptionsMatching((option2) => newSelected.includes(option2.value)).map((option2) => option2.text).join(", ")
+    );
+    onSelectionChange == null ? void 0 : onSelectionChange(event, newSelected);
+  };
+  const clear = (event) => {
+    setSelectedState([]);
+    setValueState("");
+    onSelectionChange == null ? void 0 : onSelectionChange(event, []);
+  };
+  const optionsRef = React.useRef([]);
+  const register = React.useCallback(
+    (optionValue, element) => {
+      const { id } = optionValue;
+      const option = optionsRef.current.find((item) => item.value.id === id);
+      const index = optionsRef.current.findIndex((option2) => {
+        return option2.element.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING;
+      });
+      if (!option) {
+        if (index === -1) {
+          optionsRef.current.push({ value: optionValue, element });
+        } else {
+          optionsRef.current.splice(index, 0, { value: optionValue, element });
+        }
+      }
+      return () => {
+        optionsRef.current = optionsRef.current.filter(
+          (item) => item.value.id !== id
+        );
+      };
+    },
+    []
+  );
+  const getOptionAtIndex = (index) => {
+    var _a;
+    return (_a = optionsRef.current[index]) == null ? void 0 : _a.value;
+  };
+  const getIndexOfOption = (option) => {
+    return optionsRef.current.findIndex((item) => item.value.id === option.id);
+  };
+  const getOptionsMatching = (predicate) => {
+    return optionsRef.current.filter((item) => predicate(item.value)).map((item) => item.value);
+  };
+  const getOptionFromSearch = (search, startFrom) => {
+    const collator = new Intl.Collator("en", {
+      usage: "search",
+      sensitivity: "base"
+    });
+    const startIndex = startFrom ? getIndexOfOption(startFrom) + 1 : 0;
+    const searchList = optionsRef.current.map((item) => item.value);
+    let matches = searchList.filter(
+      (option) => collator.compare(option.text.substring(0, search.length), search) === 0
+    );
+    if (matches.length === 0) {
+      const letters = search.split("");
+      const allSameLetter = letters.length > 0 && letters.every((letter) => collator.compare(letter, letters[0]) === 0);
+      if (allSameLetter) {
+        matches = searchList.filter(
+          (option) => collator.compare(option.text[0].toLowerCase(), letters[0]) === 0
+        );
+      }
+    }
+    return matches.find((option) => getIndexOfOption(option) >= startIndex);
+  };
+  const listRef = React.useRef(null);
+  React.useEffect(() => {
+    var _a;
+    if (listRef.current) {
+      const activeElement = (_a = optionsRef.current.find(
+        (option) => option.value === activeState
+      )) == null ? void 0 : _a.element;
+      if (!activeElement) {
+        return;
+      }
+      const { scrollTop } = listRef.current;
+      const { offsetTop, offsetHeight } = activeElement;
+      const isVisible = offsetTop >= scrollTop && offsetTop + offsetHeight <= scrollTop + listRef.current.offsetHeight;
+      if (!isVisible) {
+        activeElement.scrollIntoView({
+          block: "end",
+          inline: "nearest"
+        });
+      }
+    }
+  }, [activeState]);
+  return {
+    multiselect: Boolean(multiselect),
+    openState,
+    setOpen,
+    openKey,
+    activeState,
+    setActive,
+    selectedState,
+    setSelectedState,
+    select,
+    clear,
+    valueState,
+    setValueState,
+    focusVisibleState,
+    setFocusVisibleState,
+    focusedState,
+    setFocusedState,
+    listRef,
+    options: optionsRef.current.map((option) => option.element),
+    register,
+    getOptionAtIndex,
+    getIndexOfOption,
+    getOptionsMatching,
+    getOptionFromSearch
+  };
+}
+
+exports.useListControl = useListControl;
+//# sourceMappingURL=ListControlState.js.map

package/dist-cjs/list-control/ListControlState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListControlState.js","sources":["../src/list-control/ListControlState.ts"],"sourcesContent":["import {\n  SyntheticEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { OptionValue } from \"./ListControlContext\";\n\nexport interface ListControlProps<Item> {\n  /**\n   * If true, the list will be open by default.\n   */\n  defaultOpen?: boolean;\n  /**\n   * If true, the list will be open. Useful for controlling the component.\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the open state changes.\n   */\n  onOpenChange?: (event: SyntheticEvent, newOpen: boolean) => void;\n  /**\n   * The default selected options. If this is provided `defaultValue` should be provided as well.\n   */\n  defaultSelected?: Item[];\n  /**\n   * The selected options. The component will be controlled if this prop is provided.\n   */\n  selected?: Item[];\n  /**\n   * Callback fired when the selected options change.\n   */\n  onSelectionChange?: (event: SyntheticEvent, newSelected: Item[]) => void;\n  /**\n   * The default value.\n   */\n  defaultValue?: string | readonly string[] | number | undefined;\n  /**\n   * The value. The component will be controlled if this prop is provided.\n   */\n  value?: string | readonly string[] | number | undefined;\n  /**\n   * If true, multiple options can be selected.\n   */\n  multiselect?: boolean;\n}\n\nexport function useListControl<Item>(props: ListControlProps<Item>) {\n  const {\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    multiselect,\n    defaultSelected,\n    selected: selectedProp,\n    onSelectionChange,\n    defaultValue,\n    value,\n  } = props;\n\n  const [focusedState, setFocusedState] = useState(false);\n  const [focusVisibleState, setFocusVisibleState] = useState(false);\n\n  const [valueState, setValueState] = useControlled({\n    controlled: value,\n    default: defaultValue,\n    name: \"ListControl\",\n    state: \"value\",\n  });\n\n  const [activeState, setActiveState] = useState<OptionValue<Item> | undefined>(\n    undefined\n  );\n\n  const setActive = (option?: OptionValue<Item>) => {\n    if (option) {\n      setActiveState(option);\n    } else {\n      setActiveState(undefined);\n    }\n  };\n\n  const [openState, setOpenState] = useControlled({\n    controlled: openProp,\n    default: Boolean(defaultOpen),\n    name: \"ListControl\",\n    state: \"open\",\n  });\n\n  const openKey = useRef<{ key: string; altKey: boolean }>({\n    key: \"\",\n    altKey: false,\n  });\n  const setOpen = (event: SyntheticEvent, newOpen: boolean) => {\n    setOpenState(newOpen);\n\n    if (event.nativeEvent instanceof KeyboardEvent) {\n      openKey.current = {\n        key: event.nativeEvent.key,\n        altKey: event.nativeEvent.altKey,\n      };\n    }\n\n    if (newOpen !== openState) {\n      onOpenChange?.(event, newOpen);\n    }\n  };\n\n  const [selectedState, setSelectedState] = useControlled({\n    controlled: selectedProp,\n    default: defaultSelected ?? [],\n    name: \"ListControl\",\n    state: \"selected\",\n  });\n\n  const select = (event: SyntheticEvent, option: OptionValue<Item>) => {\n    const { disabled, value } = option;\n\n    if (disabled) {\n      return;\n    }\n\n    let newSelected = [value];\n\n    if (multiselect) {\n      if (selectedState.includes(value)) {\n        newSelected = selectedState.filter((item) => item !== value);\n      } else {\n        newSelected = selectedState.concat([value]);\n      }\n    }\n\n    setSelectedState(newSelected);\n    setValueState(\n      getOptionsMatching((option) => newSelected.includes(option.value))\n        .map((option) => option.text)\n        .join(\", \")\n    );\n    onSelectionChange?.(event, newSelected);\n  };\n\n  const clear = (event: SyntheticEvent) => {\n    setSelectedState([]);\n    setValueState(\"\");\n    onSelectionChange?.(event, []);\n  };\n\n  const optionsRef = useRef<\n    { value: OptionValue<Item>; element: HTMLElement }[]\n  >([]);\n\n  const register = useCallback(\n    (optionValue: OptionValue<Item>, element: HTMLElement) => {\n      const { id } = optionValue;\n      const option = optionsRef.current.find((item) => item.value.id === id);\n      const index = optionsRef.current.findIndex((option) => {\n        return (\n          option.element.compareDocumentPosition(element) &\n          Node.DOCUMENT_POSITION_PRECEDING\n        );\n      });\n\n      if (!option) {\n        if (index === -1) {\n          optionsRef.current.push({ value: optionValue, element });\n        } else {\n          optionsRef.current.splice(index, 0, { value: optionValue, element });\n        }\n      }\n\n      return () => {\n        optionsRef.current = optionsRef.current.filter(\n          (item) => item.value.id !== id\n        );\n      };\n    },\n    []\n  );\n\n  const getOptionAtIndex = (index: number) => {\n    return optionsRef.current[index]?.value;\n  };\n\n  const getIndexOfOption = (option: OptionValue<Item>) => {\n    return optionsRef.current.findIndex((item) => item.value.id === option.id);\n  };\n\n  const getOptionsMatching = (\n    predicate: (option: OptionValue<Item>) => boolean\n  ) => {\n    return optionsRef.current\n      .filter((item) => predicate(item.value))\n      .map((item) => item.value);\n  };\n\n  const getOptionFromSearch = (\n    search: string,\n    startFrom?: OptionValue<Item>\n  ) => {\n    const collator = new Intl.Collator(\"en\", {\n      usage: \"search\",\n      sensitivity: \"base\",\n    });\n\n    const startIndex = startFrom ? getIndexOfOption(startFrom) + 1 : 0;\n    const searchList = optionsRef.current.map((item) => item.value);\n\n    let matches = searchList.filter(\n      (option) =>\n        collator.compare(option.text.substring(0, search.length), search) === 0\n    );\n\n    if (matches.length === 0) {\n      const letters = search.split(\"\");\n      const allSameLetter =\n        letters.length > 0 &&\n        letters.every((letter) => collator.compare(letter, letters[0]) === 0);\n      if (allSameLetter) {\n        matches = searchList.filter(\n          (option) =>\n            collator.compare(option.text[0].toLowerCase(), letters[0]) === 0\n        );\n      }\n    }\n\n    return matches.find((option) => getIndexOfOption(option) >= startIndex);\n  };\n\n  const listRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (listRef.current) {\n      const activeElement = optionsRef.current.find(\n        (option) => option.value === activeState\n      )?.element;\n\n      if (!activeElement) {\n        return;\n      }\n\n      const { scrollTop } = listRef.current;\n      const { offsetTop, offsetHeight } = activeElement;\n\n      const isVisible =\n        offsetTop >= scrollTop &&\n        offsetTop + offsetHeight <= scrollTop + listRef.current.offsetHeight;\n\n      if (!isVisible) {\n        activeElement.scrollIntoView({\n          block: \"end\",\n          inline: \"nearest\",\n        });\n      }\n    }\n  }, [activeState]);\n\n  return {\n    multiselect: Boolean(multiselect),\n    openState,\n    setOpen,\n    openKey,\n    activeState,\n    setActive,\n    selectedState,\n    setSelectedState,\n    select,\n    clear,\n    valueState,\n    setValueState,\n    focusVisibleState,\n    setFocusVisibleState,\n    focusedState,\n    setFocusedState,\n    listRef,\n    options: optionsRef.current.map((option) => option.element),\n    register,\n    getOptionAtIndex,\n    getIndexOfOption,\n    getOptionsMatching,\n    getOptionFromSearch,\n  };\n}\n"],"names":["useState","useControlled","useRef","value","option","useCallback","useEffect"],"mappings":"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"}

package/dist-cjs/list-deprecated/List.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+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";
+
+module.exports = css_248z;
+//# sourceMappingURL=List.css.js.map

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

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

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

@@ -0,0 +1,289 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var clsx = require('clsx');
+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');
+var window = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+var List = require('./List.css.js');
+
+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: clsx.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
+};
+const ListBase = React.forwardRef(function ListBase2(props, ref) {
+  var _a;
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-list-deprecated",
+    css: List,
+    window: targetWindow
+  });
+  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: clsx.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__ */ 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/list-deprecated/ListBase.js.map

@@ -0,0 +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":["makePrefixer","createContext","memo","DefaultItem","useListItem","jsx","ListItemBase","areEqual","DefaultVirtualizedItem","useVirtualizedListItem","forwardRef","Listbox","useContext","useForkRef","clsx","ListBase","useWindow","useComponentCssInjection","listCss","useListStateContext","useId","itemToString","defaultItemToString","calcPreferredListHeight","useListAutoSizer","useRef","_a","scrollIntoView","useMemo","useImperativeHandle","useIsomorphicLayoutEffect","Children","ListItemContext","VariableSizeList","FixedSizeList"],"mappings":"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"}

package/dist-cjs/list-deprecated/ListItem.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+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-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";
+
+module.exports = css_248z;
+//# sourceMappingURL=ListItem.css.js.map

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

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

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

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var clsx = require('clsx');
+var React = require('react');
+var useOverflowDetection = require('../utils/useOverflowDetection.js');
+var Highlighter = require('./internal/Highlighter.js');
+var window = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+var ListItem = require('./ListItem.css.js');
+
+const withBaseName = core.makePrefixer("saltListItemDeprecated");
+const ListItemBase = React.memo(
+  React.forwardRef(function ListItemBase2(props, ref) {
+    const {
+      className,
+      deselectable,
+      selected,
+      highlighted = false,
+      focusVisible,
+      tooltipText,
+      disabled,
+      children,
+      itemTextHighlightPattern,
+      ...restProps
+    } = props;
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "salt-list-item-deprecated",
+      css: ListItem,
+      window: targetWindow
+    });
+    const { current: detectTruncation } = React.useRef(typeof children === "string");
+    const [overflowRef, isOverflowed] = useOverflowDetection.useOverflowDetection();
+    const setItemRef = core.useForkRef(overflowRef, ref);
+    return /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, {
+      disabled: !isOverflowed,
+      content: tooltipText,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+        "aria-label": typeof children === "string" ? children : void 0,
+        ref: detectTruncation ? ref : setItemRef,
+        ...restProps,
+        className: clsx.clsx(
+          withBaseName(),
+          {
+            [withBaseName("deselectable")]: deselectable,
+            [withBaseName("highlighted")]: highlighted,
+            [withBaseName("selected")]: selected,
+            [withBaseName("focusVisible")]: focusVisible,
+            [withBaseName("disabled")]: disabled
+          },
+          className
+        ),
+        children: detectTruncation ? /* @__PURE__ */ jsxRuntime.jsx("span", {
+          className: withBaseName("textWrapper"),
+          ref: overflowRef,
+          children: itemTextHighlightPattern == null ? children : /* @__PURE__ */ jsxRuntime.jsx(Highlighter.Highlighter, {
+            matchPattern: itemTextHighlightPattern,
+            text: children
+          })
+        }) : children
+      })
+    });
+  })
+);
+
+exports.ListItemBase = ListItemBase;
+//# sourceMappingURL=ListItemBase.js.map