@salt-ds/lab 1.0.0-alpha.7 → 1.0.0-alpha.71

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

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

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

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

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

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

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

@@ -0,0 +1,67 @@
+import { jsx } from 'react/jsx-runtime';
+import { useForkRef } from '@salt-ds/core';
+import { forwardRef, useContext, useRef } from 'react';
+import { ListBase } from './ListBase.js';
+import { ListStateContext } from './ListStateContext.js';
+import { useList } from './useList.js';
+import { useTypeSelect } from './useTypeSelect.js';
+import { DescendantContext, DescendantProvider } from './internal/DescendantContext.js';
+
+const ListWithDescendants = forwardRef(function ListWithDescendants2(props, ref) {
+  const { items } = useContext(DescendantContext);
+  const { focusedRef, state, helpers, listProps } = useList({
+    source: items.current.length ? items.current : [],
+    ...props
+  });
+  const { highlightedIndex } = state;
+  const { setHighlightedIndex, setFocusVisible } = helpers;
+  const {
+    disabled,
+    disableTypeToSelect,
+    getItemAtIndex,
+    itemCount,
+    itemToString,
+    onKeyDownCapture: onListKeyDownCapture,
+    ...restListProps
+  } = listProps;
+  const { onKeyDownCapture: onTypeSelectKeyDownCapture } = useTypeSelect({
+    getItemAtIndex,
+    highlightedIndex,
+    itemCount,
+    itemToString,
+    setFocusVisible,
+    setHighlightedIndex
+  });
+  const setListRef = useForkRef(focusedRef, props.listRef);
+  const handleKeyDownCapture = (event) => {
+    if (disabled) {
+      return;
+    }
+    if (onListKeyDownCapture) {
+      onListKeyDownCapture(event);
+    }
+    if (!disableTypeToSelect && onTypeSelectKeyDownCapture) {
+      onTypeSelectKeyDownCapture(event);
+    }
+  };
+  return /* @__PURE__ */ jsx(ListStateContext.Provider, { value: { state, helpers }, children: /* @__PURE__ */ jsx(
+    ListBase,
+    {
+      listRef: setListRef,
+      ref,
+      ...restListProps,
+      disabled,
+      getItemAtIndex,
+      itemCount,
+      itemToString,
+      onKeyDownCapture: handleKeyDownCapture
+    }
+  ) });
+});
+const List = forwardRef(function List2(props, ref) {
+  const itemsRef = useRef([]);
+  return /* @__PURE__ */ jsx(DescendantProvider, { items: itemsRef, children: /* @__PURE__ */ jsx(ListWithDescendants, { ref, ...props }) });
+});
+
+export { List };
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":["../src/list-deprecated/List.tsx"],"sourcesContent":["import { useForkRef } from \"@salt-ds/core\";\n\nimport {\n  type ForwardedRef,\n  type KeyboardEvent,\n  type ReactElement,\n  forwardRef,\n  useContext,\n  useRef,\n} from \"react\";\n\nimport { ListBase, type ListScrollHandles } from \"./ListBase\";\nimport type { ListProps, ListSelectionVariant } from \"./ListProps\";\nimport { ListStateContext } from \"./ListStateContext\";\nimport { useList } from \"./useList\";\nimport { useTypeSelect } from \"./useTypeSelect\";\n\nimport {\n  DescendantContext,\n  DescendantProvider,\n} from \"./internal/DescendantContext\";\n\nconst ListWithDescendants = forwardRef(function ListWithDescendants<\n  Item,\n  Variant extends ListSelectionVariant,\n>(\n  props: ListProps<Item, Variant>,\n  ref?: ForwardedRef<ListScrollHandles<Item>>,\n) {\n  const { items } = useContext(DescendantContext);\n\n  const { focusedRef, state, helpers, listProps } = useList({\n    source: items.current.length ? items.current : [],\n    ...props,\n  });\n\n  const { highlightedIndex } = state;\n  const { setHighlightedIndex, setFocusVisible } = helpers;\n\n  const {\n    disabled,\n    disableTypeToSelect,\n    getItemAtIndex,\n    itemCount,\n    itemToString,\n    onKeyDownCapture: onListKeyDownCapture,\n    ...restListProps\n  } = listProps;\n\n  const { onKeyDownCapture: onTypeSelectKeyDownCapture } = useTypeSelect({\n    getItemAtIndex,\n    highlightedIndex,\n    itemCount,\n    itemToString,\n    setFocusVisible,\n    setHighlightedIndex,\n  });\n\n  const setListRef = useForkRef(focusedRef, props.listRef);\n\n  const handleKeyDownCapture = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (disabled) {\n      return;\n    }\n\n    if (onListKeyDownCapture) {\n      onListKeyDownCapture(event);\n    }\n\n    if (!disableTypeToSelect && onTypeSelectKeyDownCapture) {\n      onTypeSelectKeyDownCapture(event);\n    }\n  };\n\n  return (\n    <ListStateContext.Provider value={{ state, helpers }}>\n      <ListBase\n        listRef={setListRef}\n        ref={ref}\n        {...restListProps}\n        disabled={disabled}\n        getItemAtIndex={getItemAtIndex}\n        itemCount={itemCount}\n        itemToString={itemToString}\n        onKeyDownCapture={handleKeyDownCapture}\n      />\n    </ListStateContext.Provider>\n  );\n}) as <Item, Variant extends ListSelectionVariant>(\n  props: ListProps<Item, Variant> & {\n    ref?: ForwardedRef<ListScrollHandles<Item>>;\n  },\n) => ReactElement<ListProps<Item, Variant>>;\n\nexport const List = forwardRef(function List<\n  Item,\n  Variant extends ListSelectionVariant,\n>(\n  props: ListProps<Item, Variant>,\n  ref?: ForwardedRef<ListScrollHandles<Item>>,\n) {\n  const itemsRef = useRef([]);\n\n  return (\n    <DescendantProvider items={itemsRef}>\n      <ListWithDescendants<Item, Variant> ref={ref} {...props} />\n    </DescendantProvider>\n  );\n}) as <Item = string, Variant extends ListSelectionVariant = \"default\">(\n  props: ListProps<Item, Variant> & {\n    ref?: ForwardedRef<ListScrollHandles<Item>>;\n  },\n) => ReactElement<ListProps<Item, Variant>>;\n"],"names":["ListWithDescendants","List"],"mappings":";;;;;;;;;AAsBA,MAAM,mBAAsB,GAAA,UAAA,CAAW,SAASA,oBAAAA,CAI9C,OACA,GACA,EAAA;AACA,EAAA,MAAM,EAAE,KAAA,EAAU,GAAA,UAAA,CAAW,iBAAiB,CAAA;AAE9C,EAAA,MAAM,EAAE,UAAY,EAAA,KAAA,EAAO,OAAS,EAAA,SAAA,KAAc,OAAQ,CAAA;AAAA,IACxD,QAAQ,KAAM,CAAA,OAAA,CAAQ,MAAS,GAAA,KAAA,CAAM,UAAU,EAAC;AAAA,IAChD,GAAG;AAAA,GACJ,CAAA;AAED,EAAM,MAAA,EAAE,kBAAqB,GAAA,KAAA;AAC7B,EAAM,MAAA,EAAE,mBAAqB,EAAA,eAAA,EAAoB,GAAA,OAAA;AAEjD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,mBAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAkB,EAAA,oBAAA;AAAA,IAClB,GAAG;AAAA,GACD,GAAA,SAAA;AAEJ,EAAA,MAAM,EAAE,gBAAA,EAAkB,0BAA2B,EAAA,GAAI,aAAc,CAAA;AAAA,IACrE,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,UAAa,GAAA,UAAA,CAAW,UAAY,EAAA,KAAA,CAAM,OAAO,CAAA;AAEvD,EAAM,MAAA,oBAAA,GAAuB,CAAC,KAAyC,KAAA;AACrE,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA;AAAA;AAGF,IAAA,IAAI,oBAAsB,EAAA;AACxB,MAAA,oBAAA,CAAqB,KAAK,CAAA;AAAA;AAG5B,IAAI,IAAA,CAAC,uBAAuB,0BAA4B,EAAA;AACtD,MAAA,0BAAA,CAA2B,KAAK,CAAA;AAAA;AAClC,GACF;AAEA,EACE,uBAAA,GAAA,CAAC,iBAAiB,QAAjB,EAAA,EAA0B,OAAO,EAAE,KAAA,EAAO,SACzC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,UAAA;AAAA,MACT,GAAA;AAAA,MACC,GAAG,aAAA;AAAA,MACJ,QAAA;AAAA,MACA,cAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,gBAAkB,EAAA;AAAA;AAAA,GAEtB,EAAA,CAAA;AAEJ,CAAC,CAAA;AAMM,MAAM,IAAO,GAAA,UAAA,CAAW,SAASC,KAAAA,CAItC,OACA,GACA,EAAA;AACA,EAAM,MAAA,QAAA,GAAW,MAAO,CAAA,EAAE,CAAA;AAE1B,EACE,uBAAA,GAAA,CAAC,sBAAmB,KAAO,EAAA,QAAA,EACzB,8BAAC,mBAAmC,EAAA,EAAA,GAAA,EAAW,GAAG,KAAA,EAAO,CAC3D,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,296 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer, useForkRef, useId, useIsomorphicLayoutEffect } from '@salt-ds/core';
+import { clsx } from 'clsx';
+import { createContext, memo, forwardRef, useContext, useRef, useMemo, useImperativeHandle, Children } from 'react';
+import { areEqual, VariableSizeList, FixedSizeList } from 'react-window';
+import { ListItemBase } from './ListItemBase.js';
+import { ListItemContext } from './ListItemContext.js';
+import { useListStateContext } from './ListStateContext.js';
+import { calcPreferredListHeight } from './internal/calcPreferredListHeight.js';
+import { scrollIntoView } from './internal/scrollIntoView.js';
+import { useListAutoSizer } from './internal/useListAutoSizer.js';
+import { itemToString } from './itemToString.js';
+import { useListItem, useVirtualizedListItem } from './useListItem.js';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+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) });
+}, 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(),
+          {
+            [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 = forwardRef(function ListBase2(props, ref) {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-list-deprecated",
+    css: css_248z,
+    window: targetWindow
+  });
+  const { state } = useListStateContext();
+  const generatedId = useId(props.id);
+  const defaultId = state.id ?? generatedId;
+  const sizeStackable = "36px";
+  const defaultItemHeight = Number.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,
+    // TODO: Read from css variable
+    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 ?? calcPreferredListHeight({
+    borderless,
+    displayedItemCount,
+    itemCount,
+    itemHeight,
+    getItemHeight});
+  const [containerRef, autoSize] = useListAutoSizer({
+    responsive: width === void 0 || height === void 0,
+    height: preferredHeight,
+    width
+  });
+  const virtualizedListRef = useRef(null);
+  const listRef = useRef(null);
+  const setListRef = useForkRef(listRef, listRefProp);
+  const scrollToIndex = (itemIndex) => {
+    var _a;
+    scrollIntoView(
+      (_a = listRef.current) == null ? void 0 : _a.querySelector(`[data-option-index="${itemIndex}"]`),
+      listRef
+    );
+  };
+  const scrollHandles = useMemo(
+    () => ({
+      scrollToIndex,
+      scrollToItem: (item) => {
+        scrollToIndex(getItemIndex(item));
+      },
+      scrollTo: (scrollOffset) => {
+        if (listRef.current) {
+          listRef.current.scrollTop = scrollOffset;
+        }
+      }
+    }),
+    [getItemIndex]
+  );
+  const virtualizedScrollHandles = useMemo(
+    () => ({
+      scrollToIndex: (itemIndex) => {
+        if (virtualizedListRef.current) {
+          virtualizedListRef.current.scrollToItem(itemIndex);
+        }
+      },
+      scrollToItem: (item) => {
+        virtualizedListRef.current.scrollToItem(getItemIndex(item));
+      },
+      scrollTo: (scrollOffset) => {
+        virtualizedListRef.current.scrollTo(scrollOffset);
+      }
+    }),
+    [getItemIndex]
+  );
+  useImperativeHandle(
+    ref,
+    () => {
+      if (virtualized && virtualizedListRef.current) {
+        return virtualizedScrollHandles;
+      }
+      if (listRef.current) {
+        return scrollHandles;
+      }
+      return noScrolling;
+    },
+    [virtualized, scrollHandles, virtualizedScrollHandles]
+  );
+  useIsomorphicLayoutEffect(() => {
+    if (highlightedIndex == null) {
+      return;
+    }
+    if (virtualized && virtualizedListRef.current) {
+      virtualizedListRef.current.scrollToItem(highlightedIndex);
+    } else if (listRef.current) {
+      scrollToIndex(highlightedIndex);
+    }
+  }, [highlightedIndex, virtualized]);
+  const renderList = () => {
+    if (Children.count(children)) {
+      return /* @__PURE__ */ jsx(Listbox, { style: autoSize, children: /* @__PURE__ */ jsx(
+        ListItemContext.Provider,
+        {
+          value: {
+            disableMouseDown,
+            getItemId,
+            getItemHeight,
+            //@ts-ignore
+            itemToString: itemToString$1,
+            itemTextHighlightPattern
+          },
+          children
+        }
+      ) });
+    }
+    if (virtualized) {
+      const VirtualizedList = hasVariableHeight ? VariableSizeList : FixedSizeList;
+      return /* @__PURE__ */ jsx(
+        ListItemContext.Provider,
+        {
+          value: {
+            disableMouseDown,
+            getItemId,
+            //@ts-ignore
+            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,
+      {
+        value: {
+          disableMouseDown,
+          getItemId,
+          getItemHeight,
+          //@ts-ignore
+          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)
+          )
+        )
+      }
+    ) });
+  };
+  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: itemCount === 0 && ListPlaceholder !== void 0 ? /* @__PURE__ */ jsx(ListPlaceholder, { style: autoSize }) : /* @__PURE__ */ jsx(
+        ListboxContext.Provider,
+        {
+          value: {
+            ...restProps,
+            listRef: setListRef,
+            id,
+            borderless
+          },
+          children: renderList()
+        }
+      )
+    }
+  );
+});
+
+export { ListBase };
+//# sourceMappingURL=ListBase.js.map

package/dist-es/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  type ComponentType,\n  type ForwardedRef,\n  type HTMLAttributes,\n  type ReactElement,\n  type Ref,\n  createContext,\n  forwardRef,\n  memo,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { FixedSizeList, VariableSizeList, areEqual } from \"react-window\";\nimport { ListItemBase } from \"./ListItemBase\";\nimport { ListItemContext } from \"./ListItemContext\";\nimport type { ListBaseProps } from \"./ListProps\";\nimport { useListStateContext } from \"./ListStateContext\";\nimport { calcPreferredListHeight } from \"./internal/calcPreferredListHeight\";\nimport { scrollIntoView } from \"./internal/scrollIntoView\";\nimport { useListAutoSizer } from \"./internal/useListAutoSizer\";\nimport { itemToString as defaultItemToString } from \"./itemToString\";\nimport { useListItem, useVirtualizedListItem } from \"./useListItem\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport listCss from \"./List.css\";\n\nconst withBaseName = makePrefixer(\"saltListDeprecated\");\n\nexport interface ListboxContextProps<Item> {\n  borderless?: boolean;\n  className?: string;\n  disabled?: boolean;\n  disableFocus?: boolean;\n  getItemId?: (index: number) => string;\n  getItemHeight?: (index?: number) => number;\n  id?: string;\n  itemToString?: (item: Item) => string;\n  listRef?: Ref<any>;\n  style?: any;\n  onScroll?: (evt: any) => void;\n}\n\nconst ListboxContext = createContext<ListboxContextProps<any>>({});\nconst DefaultItem = memo(function DefaultItem(props: any) {\n  const { item, itemToString, itemProps } = useListItem(props);\n  return <ListItemBase {...itemProps}>{itemToString(item)}</ListItemBase>;\n}, areEqual);\n\nconst DefaultVirtualizedItem = memo(function DefaultVirtualizedItem(\n  props: any,\n) {\n  const { item, itemToString, itemProps } = useVirtualizedListItem(props);\n  return <ListItemBase {...itemProps}>{itemToString(item)}</ListItemBase>;\n}, areEqual);\n\nexport interface ListboxProps extends HTMLAttributes<HTMLDivElement> {\n  onScroll?: (evt: any) => void;\n}\n\n/**\n * Listbox is the container for all list items. It is used as `outerElement` for\n * `react-window`.\n *\n * forwardRef gives `react-window` a way to attach a ref to listen to \"scroll\" events.\n * And `onScroll` is added by `react-window` so we pass it on.\n */\nconst Listbox: ComponentType<ListboxProps> = forwardRef(\n  function Listbox(props, ref) {\n    const { style, onScroll, children } = props;\n\n    const {\n      className,\n      borderless,\n      disabled,\n      disableFocus,\n      listRef,\n      style: styleProp,\n      onScroll: onScrollProp,\n      ...restListProps\n    } = useContext<ListboxContextProps<any>>(ListboxContext);\n\n    const setListRef = useForkRef(ref, listRef);\n\n    const handleScroll = (event: any) => {\n      if (onScroll) {\n        onScroll(event);\n      }\n\n      if (onScrollProp) {\n        onScrollProp(event);\n      }\n    };\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"disabled\")]: disabled,\n          },\n          className,\n        )}\n        onScroll={handleScroll}\n        ref={setListRef}\n        style={{ ...style, ...styleProp }}\n        tabIndex={disabled || disableFocus ? undefined : 0}\n        {...restListProps}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nexport interface ListScrollHandles<Item> {\n  scrollToIndex: (itemIndex: number) => void;\n  scrollToItem: (item: Item) => void;\n  scrollTo: (scrollOffset: number) => void;\n}\n\nconst noScrolling: ListScrollHandles<unknown> = {\n  scrollToIndex: (itemIndex: number) => undefined,\n  scrollToItem: (item) => undefined,\n  scrollTo: (scrollOffset: number) => undefined,\n};\n\nexport const ListBase = forwardRef(function ListBase<Item>(\n  props: ListBaseProps<Item>,\n  ref: ForwardedRef<ListScrollHandles<Item>>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-list-deprecated\",\n    css: listCss,\n    window: targetWindow,\n  });\n\n  const { state } = useListStateContext();\n\n  // Getting list id in the following order:\n  // 1. Use the id prop if it's defined, otherwise..\n  // 2. Use the id from list context if it's defined, or finally...\n  // 3. Generate a random id.\n  const generatedId = useId(props.id);\n  const defaultId = state.id ?? generatedId;\n\n  // Removed useCharacteristic here\n  const sizeStackable = \"36px\";\n  const defaultItemHeight =\n    sizeStackable === null ? 36 : Number.parseInt(sizeStackable, 10);\n\n  const hasIndexer = typeof props.getItemAtIndex === \"function\";\n  const hasVariableHeight = typeof props.getItemHeight === \"function\";\n\n  const {\n    id = defaultId,\n    source = [],\n    borderless,\n    children,\n    disableMouseDown,\n    itemTextHighlightPattern,\n    itemCount = source.length,\n    itemToString = defaultItemToString,\n    // TODO: Read from css variable\n    itemGapSize = 1,\n    itemHeight = defaultItemHeight,\n    getItemHeight = () => itemHeight,\n    getItemId = (index) => `${id}-item-${index}`,\n    getItemIndex = (item) => source.indexOf(item),\n    getItemAtIndex,\n    overscanCount = 10,\n    displayedItemCount = 10,\n    virtualized,\n    width,\n    height,\n    maxWidth,\n    maxHeight,\n    minWidth,\n    minHeight,\n    ListPlaceholder,\n    ListItem = virtualized ? DefaultVirtualizedItem : DefaultItem,\n    listRef: listRefProp,\n    ...restProps\n  } = props;\n\n  const { highlightedIndex } = state;\n\n  const preferredHeight =\n    height ??\n    calcPreferredListHeight({\n      borderless,\n      displayedItemCount,\n      itemCount,\n      itemHeight,\n      getItemHeight,\n      itemGapSize,\n    });\n\n  const [containerRef, autoSize] = useListAutoSizer<HTMLDivElement>({\n    responsive: width === undefined || height === undefined,\n    height: preferredHeight,\n    width,\n  });\n\n  /**\n   * This is used to access `react-window` API\n   * @see https://react-window.now.sh/#/api/FixedSizeList (under `Methods`)\n   */\n  const virtualizedListRef = useRef<any>(null);\n  const listRef = useRef<HTMLDivElement | null>(null);\n\n  const setListRef = useForkRef(listRef, listRefProp);\n\n  const scrollToIndex = (itemIndex: number) => {\n    scrollIntoView(\n      listRef.current?.querySelector(`[data-option-index=\"${itemIndex}\"]`),\n      listRef,\n    );\n  };\n\n  const scrollHandles: ListScrollHandles<Item> = useMemo(\n    () => ({\n      scrollToIndex,\n      scrollToItem: (item: Item) => {\n        scrollToIndex(getItemIndex(item));\n      },\n      scrollTo: (scrollOffset: number) => {\n        if (listRef.current) {\n          listRef.current.scrollTop = scrollOffset;\n        }\n      },\n    }),\n    [getItemIndex],\n  );\n\n  const virtualizedScrollHandles: ListScrollHandles<Item> = useMemo(\n    () => ({\n      scrollToIndex: (itemIndex: number) => {\n        if (virtualizedListRef.current) {\n          virtualizedListRef.current.scrollToItem(itemIndex);\n        }\n      },\n      scrollToItem: (item: Item) => {\n        virtualizedListRef.current.scrollToItem(getItemIndex(item));\n      },\n      scrollTo: (scrollOffset: number) => {\n        virtualizedListRef.current.scrollTo(scrollOffset);\n      },\n    }),\n    [getItemIndex],\n  );\n\n  useImperativeHandle(\n    ref,\n    () => {\n      if (virtualized && virtualizedListRef.current) {\n        return virtualizedScrollHandles;\n      }\n      if (listRef.current) {\n        return scrollHandles;\n      }\n      return noScrolling;\n    },\n    [virtualized, scrollHandles, virtualizedScrollHandles],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (highlightedIndex == null) {\n      return;\n    }\n\n    if (virtualized && virtualizedListRef.current) {\n      virtualizedListRef.current.scrollToItem(highlightedIndex);\n    } else if (listRef.current) {\n      scrollToIndex(highlightedIndex);\n    }\n  }, [highlightedIndex, virtualized]);\n\n  const renderList = () => {\n    if (Children.count(children)) {\n      return (\n        <Listbox style={autoSize}>\n          <ListItemContext.Provider\n            value={{\n              disableMouseDown,\n              getItemId,\n              getItemHeight,\n              //@ts-ignore\n              itemToString,\n              itemTextHighlightPattern,\n            }}\n          >\n            {children}\n          </ListItemContext.Provider>\n        </Listbox>\n      );\n    }\n\n    if (virtualized) {\n      const VirtualizedList: any = hasVariableHeight\n        ? VariableSizeList\n        : FixedSizeList;\n\n      return (\n        <ListItemContext.Provider\n          value={{\n            disableMouseDown,\n            getItemId,\n            //@ts-ignore\n            itemToString,\n            itemTextHighlightPattern,\n          }}\n        >\n          <VirtualizedList\n            height={autoSize.height}\n            itemCount={itemCount}\n            itemData={source}\n            itemSize={hasVariableHeight ? getItemHeight : itemHeight}\n            outerElementType={Listbox}\n            overscanCount={overscanCount}\n            ref={virtualizedListRef}\n            width={autoSize.width}\n          >\n            {ListItem}\n          </VirtualizedList>\n        </ListItemContext.Provider>\n      );\n    }\n\n    return (\n      <Listbox style={autoSize}>\n        <ListItemContext.Provider\n          value={{\n            disableMouseDown,\n            getItemId,\n            getItemHeight,\n            //@ts-ignore\n            itemToString,\n            itemTextHighlightPattern,\n          }}\n        >\n          {(hasIndexer ? Array.from({ length: itemCount }) : source).map(\n            (item, index) => (\n              <ListItem\n                index={index}\n                // No, getItemAtIndex can NOT be undefined, because hasIndexer is confirming that already. stupid stupid typescript !!!\n                item={hasIndexer ? getItemAtIndex!(index) : item}\n                key={getItemId(index)}\n              />\n            ),\n          )}\n        </ListItemContext.Provider>\n      </Listbox>\n    );\n  };\n\n  // TODO It's weird that List itself isn't the root element, ListWrapper is\n  // THat means if client passes style, with margin, for example, it will break;\n  return (\n    <div\n      className={clsx(withBaseName(\"wrapper\"), {\n        [withBaseName(\"borderless\")]: borderless,\n      })}\n      ref={containerRef}\n      style={{\n        minWidth,\n        minHeight,\n        width: width ?? \"100%\",\n        height: height ?? \"100%\",\n        maxWidth: maxWidth ?? width,\n        maxHeight: maxHeight ?? preferredHeight,\n      }}\n    >\n      {itemCount === 0 && ListPlaceholder !== undefined ? (\n        <ListPlaceholder style={autoSize} />\n      ) : (\n        <ListboxContext.Provider\n          value={{\n            ...restProps,\n            listRef: setListRef,\n            id,\n            borderless,\n          }}\n        >\n          {renderList()}\n        </ListboxContext.Provider>\n      )}\n    </div>\n  );\n}) as <Item>(\n  p: ListBaseProps<Item> & { ref?: ForwardedRef<ListScrollHandles<Item>> },\n) => ReactElement<ListBaseProps<Item>>;\n"],"names":["DefaultItem","DefaultVirtualizedItem","Listbox","ListBase","listCss","itemToString","defaultItemToString"],"mappings":";;;;;;;;;;;;;;;;;AAsCA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA;AAgBtD,MAAM,cAAA,GAAiB,aAAwC,CAAA,EAAE,CAAA;AACjE,MAAM,WAAc,GAAA,IAAA,CAAK,SAASA,YAAAA,CAAY,KAAY,EAAA;AACxD,EAAA,MAAM,EAAE,IAAM,EAAA,YAAA,EAAc,SAAU,EAAA,GAAI,YAAY,KAAK,CAAA;AAC3D,EAAA,2BAAQ,YAAc,EAAA,EAAA,GAAG,SAAY,EAAA,QAAA,EAAA,YAAA,CAAa,IAAI,CAAE,EAAA,CAAA;AAC1D,CAAA,EAAG,QAAQ,CAAA;AAEX,MAAM,sBAAyB,GAAA,IAAA,CAAK,SAASC,uBAAAA,CAC3C,KACA,EAAA;AACA,EAAA,MAAM,EAAE,IAAM,EAAA,YAAA,EAAc,SAAU,EAAA,GAAI,uBAAuB,KAAK,CAAA;AACtE,EAAA,2BAAQ,YAAc,EAAA,EAAA,GAAG,SAAY,EAAA,QAAA,EAAA,YAAA,CAAa,IAAI,CAAE,EAAA,CAAA;AAC1D,CAAA,EAAG,QAAQ,CAAA;AAaX,MAAM,OAAuC,GAAA,UAAA;AAAA,EAC3C,SAASC,QAAQ,CAAA,KAAA,EAAO,GAAK,EAAA;AAC3B,IAAA,MAAM,EAAE,KAAA,EAAO,QAAU,EAAA,QAAA,EAAa,GAAA,KAAA;AAEtC,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAO,EAAA,SAAA;AAAA,MACP,QAAU,EAAA,YAAA;AAAA,MACV,GAAG;AAAA,KACL,GAAI,WAAqC,cAAc,CAAA;AAEvD,IAAM,MAAA,UAAA,GAAa,UAAW,CAAA,GAAA,EAAK,OAAO,CAAA;AAE1C,IAAM,MAAA,YAAA,GAAe,CAAC,KAAe,KAAA;AACnC,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,KAAK,CAAA;AAAA;AAGhB,MAAA,IAAI,YAAc,EAAA;AAChB,QAAA,YAAA,CAAa,KAAK,CAAA;AAAA;AACpB,KACF;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,IAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb;AAAA,YACE,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG;AAAA,WAC9B;AAAA,UACA;AAAA,SACF;AAAA,QACA,QAAU,EAAA,YAAA;AAAA,QACV,GAAK,EAAA,UAAA;AAAA,QACL,KAAO,EAAA,EAAE,GAAG,KAAA,EAAO,GAAG,SAAU,EAAA;AAAA,QAChC,QAAA,EAAU,QAAY,IAAA,YAAA,GAAe,MAAY,GAAA,CAAA;AAAA,QAChD,GAAG,aAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA;AAGN,CAAA;AAQA,MAAM,WAA0C,GAAA;AAAA,EAC9C,aAAA,EAAe,CAAC,SAAsB,KAAA,MAAA;AAAA,EACtC,YAAA,EAAc,CAAC,IAAS,KAAA,MAAA;AAAA,EACxB,QAAA,EAAU,CAAC,YAAyB,KAAA;AACtC,CAAA;AAEO,MAAM,QAAW,GAAA,UAAA,CAAW,SAASC,SAAAA,CAC1C,OACA,GACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,sBAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,EAAE,KAAM,EAAA,GAAI,mBAAoB,EAAA;AAMtC,EAAM,MAAA,WAAA,GAAc,KAAM,CAAA,KAAA,CAAM,EAAE,CAAA;AAClC,EAAM,MAAA,SAAA,GAAY,MAAM,EAAM,IAAA,WAAA;AAG9B,EAAA,MAAM,aAAgB,GAAA,MAAA;AACtB,EAAA,MAAM,oBAC0B,MAAO,CAAA,QAAA,CAAS,eAAe,EAAE,CAAA;AAEjE,EAAM,MAAA,UAAA,GAAa,OAAO,KAAA,CAAM,cAAmB,KAAA,UAAA;AACnD,EAAM,MAAA,iBAAA,GAAoB,OAAO,KAAA,CAAM,aAAkB,KAAA,UAAA;AAEzD,EAAM,MAAA;AAAA,IACJ,EAAK,GAAA,SAAA;AAAA,IACL,SAAS,EAAC;AAAA,IACV,UAAA;AAAA,IACA,QAAA;AAAA,IACA,gBAAA;AAAA,IACA,wBAAA;AAAA,IACA,YAAY,MAAO,CAAA,MAAA;AAAA,kBACnBC,cAAe,GAAAC,YAAA;AAAA;AAAA,IAEf,WAAc,GAAA,CAAA;AAAA,IACd,UAAa,GAAA,iBAAA;AAAA,IACb,gBAAgB,MAAM,UAAA;AAAA,IACtB,YAAY,CAAC,KAAA,KAAU,CAAG,EAAA,EAAE,SAAS,KAAK,CAAA,CAAA;AAAA,IAC1C,YAAe,GAAA,CAAC,IAAS,KAAA,MAAA,CAAO,QAAQ,IAAI,CAAA;AAAA,IAC5C,cAAA;AAAA,IACA,aAAgB,GAAA,EAAA;AAAA,IAChB,kBAAqB,GAAA,EAAA;AAAA,IACrB,WAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA,GAAW,cAAc,sBAAyB,GAAA,WAAA;AAAA,IAClD,OAAS,EAAA,WAAA;AAAA,IACT,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,EAAE,kBAAqB,GAAA,KAAA;AAE7B,EAAM,MAAA,eAAA,GACJ,UACA,uBAAwB,CAAA;AAAA,IACtB,UAAA;AAAA,IACA,kBAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,aAEF,CAAC,CAAA;AAEH,EAAA,MAAM,CAAC,YAAA,EAAc,QAAQ,CAAA,GAAI,gBAAiC,CAAA;AAAA,IAChE,UAAA,EAAY,KAAU,KAAA,MAAA,IAAa,MAAW,KAAA,MAAA;AAAA,IAC9C,MAAQ,EAAA,eAAA;AAAA,IACR;AAAA,GACD,CAAA;AAMD,EAAM,MAAA,kBAAA,GAAqB,OAAY,IAAI,CAAA;AAC3C,EAAM,MAAA,OAAA,GAAU,OAA8B,IAAI,CAAA;AAElD,EAAM,MAAA,UAAA,GAAa,UAAW,CAAA,OAAA,EAAS,WAAW,CAAA;AAElD,EAAM,MAAA,aAAA,GAAgB,CAAC,SAAsB,KAAA;AAjO/C,IAAA,IAAA,EAAA;AAkOI,IAAA,cAAA;AAAA,MAAA,CACE,EAAQ,GAAA,OAAA,CAAA,OAAA,KAAR,IAAiB,GAAA,MAAA,GAAA,EAAA,CAAA,aAAA,CAAc,uBAAuB,SAAS,CAAA,EAAA,CAAA,CAAA;AAAA,MAC/D;AAAA,KACF;AAAA,GACF;AAEA,EAAA,MAAM,aAAyC,GAAA,OAAA;AAAA,IAC7C,OAAO;AAAA,MACL,aAAA;AAAA,MACA,YAAA,EAAc,CAAC,IAAe,KAAA;AAC5B,QAAc,aAAA,CAAA,YAAA,CAAa,IAAI,CAAC,CAAA;AAAA,OAClC;AAAA,MACA,QAAA,EAAU,CAAC,YAAyB,KAAA;AAClC,QAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,UAAA,OAAA,CAAQ,QAAQ,SAAY,GAAA,YAAA;AAAA;AAC9B;AACF,KACF,CAAA;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AAEA,EAAA,MAAM,wBAAoD,GAAA,OAAA;AAAA,IACxD,OAAO;AAAA,MACL,aAAA,EAAe,CAAC,SAAsB,KAAA;AACpC,QAAA,IAAI,mBAAmB,OAAS,EAAA;AAC9B,UAAmB,kBAAA,CAAA,OAAA,CAAQ,aAAa,SAAS,CAAA;AAAA;AACnD,OACF;AAAA,MACA,YAAA,EAAc,CAAC,IAAe,KAAA;AAC5B,QAAA,kBAAA,CAAmB,OAAQ,CAAA,YAAA,CAAa,YAAa,CAAA,IAAI,CAAC,CAAA;AAAA,OAC5D;AAAA,MACA,QAAA,EAAU,CAAC,YAAyB,KAAA;AAClC,QAAmB,kBAAA,CAAA,OAAA,CAAQ,SAAS,YAAY,CAAA;AAAA;AAClD,KACF,CAAA;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AAEA,EAAA,mBAAA;AAAA,IACE,GAAA;AAAA,IACA,MAAM;AACJ,MAAI,IAAA,WAAA,IAAe,mBAAmB,OAAS,EAAA;AAC7C,QAAO,OAAA,wBAAA;AAAA;AAET,MAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,QAAO,OAAA,aAAA;AAAA;AAET,MAAO,OAAA,WAAA;AAAA,KACT;AAAA,IACA,CAAC,WAAa,EAAA,aAAA,EAAe,wBAAwB;AAAA,GACvD;AAEA,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,oBAAoB,IAAM,EAAA;AAC5B,MAAA;AAAA;AAGF,IAAI,IAAA,WAAA,IAAe,mBAAmB,OAAS,EAAA;AAC7C,MAAmB,kBAAA,CAAA,OAAA,CAAQ,aAAa,gBAAgB,CAAA;AAAA,KAC1D,MAAA,IAAW,QAAQ,OAAS,EAAA;AAC1B,MAAA,aAAA,CAAc,gBAAgB,CAAA;AAAA;AAChC,GACC,EAAA,CAAC,gBAAkB,EAAA,WAAW,CAAC,CAAA;AAElC,EAAA,MAAM,aAAa,MAAM;AACvB,IAAI,IAAA,QAAA,CAAS,KAAM,CAAA,QAAQ,CAAG,EAAA;AAC5B,MACE,uBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,QACd,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,eAAgB,CAAA,QAAA;AAAA,QAAhB;AAAA,UACC,KAAO,EAAA;AAAA,YACL,gBAAA;AAAA,YACA,SAAA;AAAA,YACA,aAAA;AAAA;AAAA,0BAEAD,cAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEC;AAAA;AAAA,OAEL,EAAA,CAAA;AAAA;AAIJ,IAAA,IAAI,WAAa,EAAA;AACf,MAAM,MAAA,eAAA,GAAuB,oBACzB,gBACA,GAAA,aAAA;AAEJ,MACE,uBAAA,GAAA;AAAA,QAAC,eAAgB,CAAA,QAAA;AAAA,QAAhB;AAAA,UACC,KAAO,EAAA;AAAA,YACL,gBAAA;AAAA,YACA,SAAA;AAAA;AAAA,0BAEAA,cAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,QAAA,kBAAA,GAAA;AAAA,YAAC,eAAA;AAAA,YAAA;AAAA,cACC,QAAQ,QAAS,CAAA,MAAA;AAAA,cACjB,SAAA;AAAA,cACA,QAAU,EAAA,MAAA;AAAA,cACV,QAAA,EAAU,oBAAoB,aAAgB,GAAA,UAAA;AAAA,cAC9C,gBAAkB,EAAA,OAAA;AAAA,cAClB,aAAA;AAAA,cACA,GAAK,EAAA,kBAAA;AAAA,cACL,OAAO,QAAS,CAAA,KAAA;AAAA,cAEf,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,OACF;AAAA;AAIJ,IACE,uBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,QACd,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,eAAgB,CAAA,QAAA;AAAA,MAAhB;AAAA,QACC,KAAO,EAAA;AAAA,UACL,gBAAA;AAAA,UACA,SAAA;AAAA,UACA,aAAA;AAAA;AAAA,wBAEAA,cAAA;AAAA,UACA;AAAA,SACF;AAAA,QAEE,QAAA,EAAA,CAAA,UAAA,GAAa,MAAM,IAAK,CAAA,EAAE,QAAQ,SAAU,EAAC,IAAI,MAAQ,EAAA,GAAA;AAAA,UACzD,CAAC,MAAM,KACL,qBAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,KAAA;AAAA,cAEA,IAAM,EAAA,UAAA,GAAa,cAAgB,CAAA,KAAK,CAAI,GAAA;AAAA,aAAA;AAAA,YACvC,UAAU,KAAK;AAAA;AACtB;AAEJ;AAAA,KAEJ,EAAA,CAAA;AAAA,GAEJ;AAIA,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,SAAS,CAAG,EAAA;AAAA,QACvC,CAAC,YAAA,CAAa,YAAY,CAAC,GAAG;AAAA,OAC/B,CAAA;AAAA,MACD,GAAK,EAAA,YAAA;AAAA,MACL,KAAO,EAAA;AAAA,QACL,QAAA;AAAA,QACA,SAAA;AAAA,QACA,OAAO,KAAS,IAAA,MAAA;AAAA,QAChB,QAAQ,MAAU,IAAA,MAAA;AAAA,QAClB,UAAU,QAAY,IAAA,KAAA;AAAA,QACtB,WAAW,SAAa,IAAA;AAAA,OAC1B;AAAA,MAEC,QAAA,EAAA,SAAA,KAAc,KAAK,eAAoB,KAAA,MAAA,uBACrC,eAAgB,EAAA,EAAA,KAAA,EAAO,UAAU,CAElC,mBAAA,GAAA;AAAA,QAAC,cAAe,CAAA,QAAA;AAAA,QAAf;AAAA,UACC,KAAO,EAAA;AAAA,YACL,GAAG,SAAA;AAAA,YACH,OAAS,EAAA,UAAA;AAAA,YACT,EAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEC,QAAW,EAAA,UAAA;AAAA;AAAA;AACd;AAAA,GAEJ;AAEJ,CAAC;;;;"}

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

@@ -0,0 +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-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.css.js.map

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

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

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

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

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

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

@@ -0,0 +1,65 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer, useForkRef, Tooltip } from '@salt-ds/core';
+import { clsx } from 'clsx';
+import { memo, forwardRef, useRef } from 'react';
+import { useOverflowDetection } from '../utils/useOverflowDetection.js';
+import { Highlighter } from './internal/Highlighter.js';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import css_248z from './ListItem.css.js';
+
+const withBaseName = makePrefixer("saltListItemDeprecated");
+const ListItemBase = memo(
+  forwardRef(function ListItemBase2(props, ref) {
+    const {
+      className,
+      deselectable,
+      selected,
+      highlighted = false,
+      focusVisible,
+      tooltipText,
+      disabled,
+      children,
+      itemTextHighlightPattern,
+      ...restProps
+    } = props;
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-list-item-deprecated",
+      css: css_248z,
+      window: targetWindow
+    });
+    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",
+      {
+        "aria-label": typeof children === "string" ? children : void 0,
+        ref: detectTruncation ? ref : setItemRef,
+        ...restProps,
+        className: clsx(
+          withBaseName(),
+          {
+            [withBaseName("deselectable")]: deselectable,
+            [withBaseName("highlighted")]: highlighted,
+            [withBaseName("selected")]: selected,
+            [withBaseName("focusVisible")]: focusVisible,
+            [withBaseName("disabled")]: disabled
+          },
+          className
+        ),
+        children: detectTruncation ? /* @__PURE__ */ jsx("span", { className: withBaseName("textWrapper"), ref: overflowRef, children: itemTextHighlightPattern == null ? children : /* @__PURE__ */ jsx(
+          Highlighter,
+          {
+            matchPattern: itemTextHighlightPattern,
+            text: children
+          }
+        ) }) : children
+      }
+    ) });
+  })
+);
+
+export { ListItemBase };
+//# sourceMappingURL=ListItemBase.js.map

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

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

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

@@ -0,0 +1,15 @@
+import { createContext, useContext } from 'react';
+
+const ListItemContext = createContext(void 0);
+const useListItemContext = () => {
+  const contextValue = useContext(ListItemContext);
+  if (contextValue === void 0) {
+    throw new Error(
+      "useListItemContext must be used inside of a List or ListBase component."
+    );
+  }
+  return contextValue;
+};
+
+export { ListItemContext, useListItemContext };
+//# sourceMappingURL=ListItemContext.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListStateContext.js","sources":["../src/list-deprecated/ListStateContext.js"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport const ListStateContext = createContext();\n\nexport const useListStateContext = () => {\n  const context = useContext(ListStateContext);\n\n  if (!context) {\n    throw new Error(\n      \"useListStateContext must be used inside of a ListStateContext Provider.\",\n    );\n  }\n\n  return context;\n};\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAmB,aAAc;AAEvC,MAAM,sBAAsB,MAAM;AACvC,EAAM,MAAA,OAAA,GAAU,WAAW,gBAAgB,CAAA;AAE3C,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA;AAGF,EAAO,OAAA,OAAA;AACT;;;;"}

package/dist-es/list-deprecated/internal/DescendantContext.js

@@ -0,0 +1,36 @@
+import { jsx } from 'react/jsx-runtime';
+import { useIsomorphicLayoutEffect } from '@salt-ds/core';
+import { createContext, useRef, useState, useContext } from 'react';
+
+const DescendantContext = createContext();
+function DescendantProvider({ items, ...props }) {
+  const assigning = useRef(true);
+  const [, forceUpdate] = useState();
+  useIsomorphicLayoutEffect(() => {
+    if (assigning.current) {
+      assigning.current = false;
+      forceUpdate({});
+    } else {
+      assigning.current = true;
+    }
+    return () => {
+      if (assigning.current) {
+        items.current = [];
+      }
+    };
+  }, [items]);
+  return /* @__PURE__ */ jsx(DescendantContext.Provider, { ...props, value: { items, assigning } });
+}
+function useDescendant(descendant) {
+  const { assigning, items } = useContext(DescendantContext);
+  const index = useRef(-1);
+  useIsomorphicLayoutEffect(() => {
+    if (assigning.current) {
+      index.current = items.current.push(descendant) - 1;
+    }
+  });
+  return index.current;
+}
+
+export { DescendantContext, DescendantProvider, useDescendant };
+//# sourceMappingURL=DescendantContext.js.map

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

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