npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.47 → 1.0.0-alpha.49 - Mend

@salt-ds/lab 1.0.0-alpha.47 → 1.0.0-alpha.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1236) hide show

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

@@ -3,16 +3,16 @@ import { makePrefixer, useForkRef, useId, useIsomorphicLayoutEffect } from '@sal
 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 { ListItemBase } from './ListItemBase.js';
-import { ListItemContext } from './ListItemContext.js';
-import { useListStateContext } from './ListStateContext.js';
 import { useListItem, useVirtualizedListItem } from './useListItem.js';
-import { useWindow } from '@salt-ds/window';
 import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
 import css_248z from './List.css.js';
 const withBaseName = makePrefixer("saltListDeprecated");
@@ -24,53 +24,52 @@ const DefaultItem = memo(function DefaultItem2(props) {
     children: itemToString(item)
   });
 }, areEqual);
-const DefaultVirtualizedItem = memo(
-  function DefaultVirtualizedItem2(props) {
-    const { item, itemToString, itemProps } = useVirtualizedListItem(props);
-    return /* @__PURE__ */ jsx(ListItemBase, {
-      ...itemProps,
-      children: itemToString(item)
+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
     });
-  },
-  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,
@@ -88,7 +87,7 @@ const ListBase = forwardRef(function ListBase2(props, ref) {
   const generatedId = useId(props.id);
   const defaultId = (_a = state.id) != null ? _a : generatedId;
   const sizeStackable = "36px";
-  const defaultItemHeight = parseInt(sizeStackable, 10);
+  const defaultItemHeight = Number.parseInt(sizeStackable, 10);
   const hasIndexer = typeof props.getItemAtIndex === "function";
   const hasVariableHeight = typeof props.getItemHeight === "function";
   const {
@@ -179,11 +178,11 @@ const ListBase = forwardRef(function ListBase2(props, ref) {
     () => {
       if (virtualized && virtualizedListRef.current) {
         return virtualizedScrollHandles;
-      } else if (listRef.current) {
+      }
+      if (listRef.current) {
         return scrollHandles;
-      } else {
-        return noScrolling;
       }
+      return noScrolling;
     },
     [virtualized, scrollHandles, virtualizedScrollHandles]
   );

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

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

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

@@ -1,9 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { isPlainObject } from './internal/helpers.js';
+import { ListItemBase } from './ListItemBase.js';
 import { useDescendant } from './internal/DescendantContext.js';
+import { isPlainObject } from './internal/helpers.js';
 import { useListItem } from './useListItem.js';
-import { ListItemBase } from './ListItemBase.js';
 function ListItem(props, ref) {
   const {

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

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

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

@@ -4,8 +4,8 @@ import { clsx } from 'clsx';
 import { memo, forwardRef, useRef } from 'react';
 import { useOverflowDetection } from '../utils/useOverflowDetection.js';
 import { Highlighter } from './internal/Highlighter.js';
-import { useWindow } from '@salt-ds/window';
 import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
 import css_248z from './ListItem.css.js';
 const withBaseName = makePrefixer("saltListItemDeprecated");

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItemBase.js","sources":["../src/list-deprecated/ListItemBase.tsx"],"sourcesContent":["import { ~~makePrefixer~~, ~~Tooltip~~, useForkRef } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { ForwardedRef, forwardRef~~, HTMLAttributes,~~ memo, useRef } from \"react\";\n\nimport { useOverflowDetection } from \"../utils\";\nimport { Highlighter } from \"./internal/Highlighter\";\n\nimport { ~~useWindow~~ } from \"@salt-ds/~~window~~\";\nimport { ~~useComponentCssInjection~~ } from \"@salt-ds/~~styles~~\";\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":";;;;;;;;;;~~AAuBA~~,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA,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,MACG,GAAA,SAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,2BAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,EAAE,OAAS,EAAA,gBAAA,KAAqB,MAAO,CAAA,OAAO,aAAa,QAAQ,CAAA,CAAA;AAEzE,IAAA,MAAM,CAAC,WAAA,EAAa,YAAY,CAAA,GAAI,oBAAqC,EAAA,CAAA;AACzE,IAAM,MAAA,UAAA,GAAa,UAAW,CAAA,WAAA,EAAa,GAAG,CAAA,CAAA;AAE9C,IAAA,uBACG,GAAA,CAAA,OAAA,EAAA;AAAA,MAAQ,UAAU,CAAC,YAAA;AAAA,MAAc,OAAS,EAAA,WAAA;AAAA,MACzC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,QACC,YAAY,EAAA,OAAO,QAAa,KAAA,QAAA,GAAW,QAAW,GAAA,KAAA,CAAA;AAAA,QACtD,GAAA,EAAK,mBAAmB,GAAM,GAAA,UAAA;AAAA,QAC7B,GAAG,SAAA;AAAA,QACJ,SAAW,EAAA,IAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb;AAAA,YACE,CAAC,YAAa,CAAA,cAAc,CAAI,GAAA,YAAA;AAAA,YAChC,CAAC,YAAa,CAAA,aAAa,CAAI,GAAA,WAAA;AAAA,YAC/B,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,YAC5B,CAAC,YAAa,CAAA,cAAc,CAAI,GAAA,YAAA;AAAA,YAChC,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,WAC9B;AAAA,UACA,SAAA;AAAA,SACF;AAAA,QAEC,6CACE,GAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAA,EAAW,aAAa,aAAa,CAAA;AAAA,UAAG,GAAK,EAAA,WAAA;AAAA,UAChD,QAAA,EAAA,wBAAA,IAA4B,IAC3B,GAAA,QAAA,mBAEC,GAAA,CAAA,WAAA,EAAA;AAAA,YACC,YAAc,EAAA,wBAAA;AAAA,YACd,IAAM,EAAA,QAAA;AAAA,WACR,CAAA;AAAA,SAEJ,CAEA,GAAA,QAAA;AAAA,OAEJ,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEH,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"ListItemBase.js","sources":["../src/list-deprecated/ListItemBase.tsx"],"sourcesContent":["import { Tooltip, makePrefixer, useForkRef } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n type ForwardedRef,\n type HTMLAttributes,\n forwardRef,\n memo,\n useRef,\n} from \"react\";\n\nimport { useOverflowDetection } from \"../utils\";\nimport { Highlighter } from \"./internal/Highlighter\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport listItemCss from \"./ListItem.css\";\n\n//TODO does this need to be generic <Item?\nexport interface ListItemBaseProps extends HTMLAttributes<HTMLDivElement> {\n disabled?: boolean;\n deselectable?: boolean;\n focusVisible?: boolean;\n highlighted?: boolean;\n itemTextHighlightPattern?: RegExp \| string;\n selected?: boolean;\n tooltipText?: string;\n}\n\nconst withBaseName = makePrefixer(\"saltListItemDeprecated\");\n\n// just to keep line number parity\n//\nexport const ListItemBase = memo(\n forwardRef(function ListItemBase(\n props: ListItemBaseProps,\n ref: ForwardedRef<HTMLDivElement>,\n ) {\n const {\n className,\n deselectable,\n selected,\n highlighted = false,\n focusVisible,\n tooltipText,\n disabled,\n children,\n itemTextHighlightPattern,\n ...restProps\n } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-list-item-deprecated\",\n css: listItemCss,\n window: targetWindow,\n });\n\n const { current: detectTruncation } = useRef(typeof children === \"string\");\n\n const [overflowRef, isOverflowed] = useOverflowDetection<HTMLDivElement>();\n const setItemRef = useForkRef(overflowRef, ref);\n\n return (\n <Tooltip disabled={!isOverflowed} content={tooltipText}>\n <div\n aria-label={typeof children === \"string\" ? children : undefined}\n ref={detectTruncation ? ref : setItemRef}\n {...restProps}\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"deselectable\")]: deselectable,\n [withBaseName(\"highlighted\")]: highlighted,\n [withBaseName(\"selected\")]: selected,\n [withBaseName(\"focusVisible\")]: focusVisible,\n [withBaseName(\"disabled\")]: disabled,\n },\n className,\n )}\n >\n {detectTruncation ? (\n <span className={withBaseName(\"textWrapper\")} ref={overflowRef}>\n {itemTextHighlightPattern == null ? (\n children\n ) : (\n <Highlighter\n matchPattern={itemTextHighlightPattern}\n text={children}\n />\n )}\n </span>\n ) : (\n children\n )}\n </div>\n </Tooltip>\n );\n }),\n);\n"],"names":["ListItemBase","listItemCss"],"mappings":";;;;;;;;;;AA6BA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA,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,MACG,GAAA,SAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,2BAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,EAAE,OAAS,EAAA,gBAAA,KAAqB,MAAO,CAAA,OAAO,aAAa,QAAQ,CAAA,CAAA;AAEzE,IAAA,MAAM,CAAC,WAAA,EAAa,YAAY,CAAA,GAAI,oBAAqC,EAAA,CAAA;AACzE,IAAM,MAAA,UAAA,GAAa,UAAW,CAAA,WAAA,EAAa,GAAG,CAAA,CAAA;AAE9C,IAAA,uBACG,GAAA,CAAA,OAAA,EAAA;AAAA,MAAQ,UAAU,CAAC,YAAA;AAAA,MAAc,OAAS,EAAA,WAAA;AAAA,MACzC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,QACC,YAAY,EAAA,OAAO,QAAa,KAAA,QAAA,GAAW,QAAW,GAAA,KAAA,CAAA;AAAA,QACtD,GAAA,EAAK,mBAAmB,GAAM,GAAA,UAAA;AAAA,QAC7B,GAAG,SAAA;AAAA,QACJ,SAAW,EAAA,IAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb;AAAA,YACE,CAAC,YAAa,CAAA,cAAc,CAAI,GAAA,YAAA;AAAA,YAChC,CAAC,YAAa,CAAA,aAAa,CAAI,GAAA,WAAA;AAAA,YAC/B,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,YAC5B,CAAC,YAAa,CAAA,cAAc,CAAI,GAAA,YAAA;AAAA,YAChC,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,WAC9B;AAAA,UACA,SAAA;AAAA,SACF;AAAA,QAEC,6CACE,GAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAA,EAAW,aAAa,aAAa,CAAA;AAAA,UAAG,GAAK,EAAA,WAAA;AAAA,UAChD,QAAA,EAAA,wBAAA,IAA4B,IAC3B,GAAA,QAAA,mBAEC,GAAA,CAAA,WAAA,EAAA;AAAA,YACC,YAAc,EAAA,wBAAA;AAAA,YACd,IAAM,EAAA,QAAA;AAAA,WACR,CAAA;AAAA,SAEJ,CAEA,GAAA,QAAA;AAAA,OAEJ,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEH,CAAA;AACH;;;;"}

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

@@ -1,7 +1,7 @@
 import { createContext, useContext } from 'react';
 const ListItemContext = createContext(void 0);
-const useListItemContext = function() {
+const useListItemContext = () => {
   const contextValue = useContext(ListItemContext);
   if (contextValue === void 0) {
     throw new Error(

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

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

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

	@@ -1 +1 @@
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,GAAA;AAEvC,MAAM,sBAAsB,MAAM;AACvC,EAAM,MAAA,OAAA,GAAU,WAAW,gBAAgB,CAAA,CAAA;AAE3C,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,yEAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}
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,GAAA;AAEvC,MAAM,sBAAsB,MAAM;AACvC,EAAM,MAAA,OAAA,GAAU,WAAW,gBAAgB,CAAA,CAAA;AAE3C,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,yEAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}

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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useRef, useState, useContext } from 'react';
 import { useIsomorphicLayoutEffect } from '@salt-ds/core';
+import { createContext, useRef, useState, useContext } from 'react';
 const DescendantContext = createContext();
 function DescendantProvider({ items, ...props }) {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DescendantContext.js","sources":["../src/list-deprecated/internal/DescendantContext.jsx"],"sourcesContent":["import React, { createContext, useContext, useState, useRef } from \"react\";\~~nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\~~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,GAAA;AAExC,SAAS,kBAAmB,CAAA,EAAE,KAAU,EAAA,GAAA,KAAA,EAAS,EAAA;AAGtD,EAAM,MAAA,SAAA,GAAY,OAAO,IAAI,CAAA,CAAA;AAK7B,EAAA,MAAM,GAAG,WAAW,CAAA,GAAI,QAAS,EAAA,CAAA;AAGjC,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,UAAU,OAAS,EAAA;AAMrB,MAAA,SAAA,CAAU,OAAU,GAAA,KAAA,CAAA;AACpB,MAAA,WAAA,CAAY,EAAE,CAAA,CAAA;AAAA,KACT,MAAA;AAGL,MAAA,SAAA,CAAU,OAAU,GAAA,IAAA,CAAA;AAAA,KACtB;AACA,IAAA,OAAO,MAAM;AAIX,MAAA,IAAI,UAAU,OAAS,EAAA;AAIrB,QAAA,KAAA,CAAM,UAAU,EAAC,CAAA;AAAA,OACnB;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAO,uBAAA,GAAA,CAAC,kBAAkB,QAAlB,EAAA;AAAA,IAA4B,GAAG,KAAA;AAAA,IAAO,KAAA,EAAO,EAAE,KAAA,EAAO,SAAU,EAAA;AAAA,GAAG,CAAA,CAAA;AAC7E,CAAA;AAEO,SAAS,cAAc,UAAY,EAAA;AACxC,EAAA,MAAM,EAAE,SAAA,EAAW,KAAM,EAAA,GAAI,WAAW,iBAAiB,CAAA,CAAA;AACzD,EAAM,MAAA,KAAA,GAAQ,OAAO,CAAE,CAAA,CAAA,CAAA;AAEvB,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,UAAU,OAAS,EAAA;AACrB,MAAA,KAAA,CAAM,OAAU,GAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,UAAU,CAAI,GAAA,CAAA,CAAA;AAAA,KACnD;AAAA,GACD,CAAA,CAAA;AAID,EAAA,OAAO,KAAM,CAAA,OAAA,CAAA;AACf;;;;"}
1	+ {"version":3,"file":"DescendantContext.js","sources":["../src/list-deprecated/internal/DescendantContext.jsx"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport React, { createContext, useContext, useState, useRef } 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,GAAA;AAExC,SAAS,kBAAmB,CAAA,EAAE,KAAU,EAAA,GAAA,KAAA,EAAS,EAAA;AAGtD,EAAM,MAAA,SAAA,GAAY,OAAO,IAAI,CAAA,CAAA;AAK7B,EAAA,MAAM,GAAG,WAAW,CAAA,GAAI,QAAS,EAAA,CAAA;AAGjC,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,UAAU,OAAS,EAAA;AAMrB,MAAA,SAAA,CAAU,OAAU,GAAA,KAAA,CAAA;AACpB,MAAA,WAAA,CAAY,EAAE,CAAA,CAAA;AAAA,KACT,MAAA;AAGL,MAAA,SAAA,CAAU,OAAU,GAAA,IAAA,CAAA;AAAA,KACtB;AACA,IAAA,OAAO,MAAM;AAIX,MAAA,IAAI,UAAU,OAAS,EAAA;AAIrB,QAAA,KAAA,CAAM,UAAU,EAAC,CAAA;AAAA,OACnB;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAO,uBAAA,GAAA,CAAC,kBAAkB,QAAlB,EAAA;AAAA,IAA4B,GAAG,KAAA;AAAA,IAAO,KAAA,EAAO,EAAE,KAAA,EAAO,SAAU,EAAA;AAAA,GAAG,CAAA,CAAA;AAC7E,CAAA;AAEO,SAAS,cAAc,UAAY,EAAA;AACxC,EAAA,MAAM,EAAE,SAAA,EAAW,KAAM,EAAA,GAAI,WAAW,iBAAiB,CAAA,CAAA;AACzD,EAAM,MAAA,KAAA,GAAQ,OAAO,CAAE,CAAA,CAAA,CAAA;AAEvB,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,UAAU,OAAS,EAAA;AACrB,MAAA,KAAA,CAAM,OAAU,GAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,UAAU,CAAI,GAAA,CAAA,CAAA;AAAA,KACnD;AAAA,GACD,CAAA,CAAA;AAID,EAAA,OAAO,KAAM,CAAA,OAAA,CAAA;AACf;;;;"}

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

@@ -2,9 +2,9 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react';
 import { escapeRegExp } from '../../utils/escapeRegExp.js';
 import '@salt-ds/core';
-import css_248z from './Highlighter.css.js';
-import { useWindow } from '@salt-ds/window';
 import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import css_248z from './Highlighter.css.js';
 const baseName = "saltHighlighter";
 const Highlighter = (props) => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Highlighter.js","sources":["../src/list-deprecated/internal/Highlighter.jsx"],"sourcesContent":["import React from \"react\";\nimport { escapeRegExp } from \"../../utils\";\n\nimport ~~highlighterCss~~ from \"~~./Highlighter.css~~\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ~~useComponentCssInjection }~~ from \"~~@salt-ds/styles~~\";\n\nconst baseName = \"saltHighlighter\";\n\nexport const Highlighter = (props) => {\n const { matchPattern, text = \"\" } = props;\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-highligher-deprecated\",\n css: highlighterCss,\n window: targetWindow,\n });\n const matchRegex =\n typeof matchPattern === \"string\"\n ? new RegExp(`(${escapeRegExp(matchPattern)})`, \"gi\")\n : matchPattern;\n return (\n <>\n {text.split(matchRegex).map((part, index) =>\n part.match(matchRegex) ? (\n <strong className={`${baseName}-highlight`} key={`${index}-${part}`}>\n {part}\n </strong>\n ) : (\n part\n )\n )}\n </>\n );\n};\n"],"names":["highlighterCss"],"mappings":";;;;;;;;AAOA,MAAM,QAAW,GAAA,iBAAA,CAAA;AAEJ,MAAA,WAAA,GAAc,CAAC,KAAU,KAAA;AACpC,EAAA,MAAM,EAAE,YAAA,EAAc,IAAO,GAAA,EAAA,EAAO,GAAA,KAAA,CAAA;AACpC,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,4BAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AACD,EAAM,MAAA,UAAA,GACJ,OAAO,YAAA,KAAiB,QACpB,GAAA,IAAI,MAAO,CAAA,CAAA,CAAA,EAAI,YAAa,CAAA,YAAY,CAAM,CAAA,CAAA,CAAA,EAAA,IAAI,CAClD,GAAA,YAAA,CAAA;AACN,EACE,uBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,IACG,QAAA,EAAA,IAAA,CAAK,KAAM,CAAA,UAAU,CAAE,CAAA,GAAA;AAAA,MAAI,CAAC,IAAM,EAAA,KAAA,KACjC,KAAK,KAAM,CAAA,UAAU,oBAClB,GAAA,CAAA,QAAA,EAAA;AAAA,QAAO,WAAW,CAAG,EAAA,QAAA,CAAA,UAAA,CAAA;AAAA,QACnB,QAAA,EAAA,IAAA;AAAA,OAD8C,EAAA,CAAA,EAAG,KAAS,CAAA,CAAA,EAAA,IAAA,CAAA,CAE7D,CAEA,GAAA,IAAA;AAAA,KAEJ;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"Highlighter.js","sources":["../src/list-deprecated/internal/Highlighter.jsx"],"sourcesContent":["import React from \"react\";\nimport { escapeRegExp } from \"../../utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport highlighterCss from \"./Highlighter.css\";\n\nconst baseName = \"saltHighlighter\";\n\nexport const Highlighter = (props) => {\n const { matchPattern, text = \"\" } = props;\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-highligher-deprecated\",\n css: highlighterCss,\n window: targetWindow,\n });\n const matchRegex =\n typeof matchPattern === \"string\"\n ? new RegExp(`(${escapeRegExp(matchPattern)})`, \"gi\")\n : matchPattern;\n return (\n <>\n {text.split(matchRegex).map((part, index) =>\n part.match(matchRegex) ? (\n <strong className={`${baseName}-highlight`} key={`${index}-${part}`}>\n {part}\n </strong>\n ) : (\n part\n ),\n )}\n </>\n );\n};\n"],"names":["highlighterCss"],"mappings":";;;;;;;;AAOA,MAAM,QAAW,GAAA,iBAAA,CAAA;AAEJ,MAAA,WAAA,GAAc,CAAC,KAAU,KAAA;AACpC,EAAA,MAAM,EAAE,YAAA,EAAc,IAAO,GAAA,EAAA,EAAO,GAAA,KAAA,CAAA;AACpC,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,4BAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AACD,EAAM,MAAA,UAAA,GACJ,OAAO,YAAA,KAAiB,QACpB,GAAA,IAAI,MAAO,CAAA,CAAA,CAAA,EAAI,YAAa,CAAA,YAAY,CAAM,CAAA,CAAA,CAAA,EAAA,IAAI,CAClD,GAAA,YAAA,CAAA;AACN,EACE,uBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,IACG,QAAA,EAAA,IAAA,CAAK,KAAM,CAAA,UAAU,CAAE,CAAA,GAAA;AAAA,MAAI,CAAC,IAAM,EAAA,KAAA,KACjC,KAAK,KAAM,CAAA,UAAU,oBAClB,GAAA,CAAA,QAAA,EAAA;AAAA,QAAO,WAAW,CAAG,EAAA,QAAA,CAAA,UAAA,CAAA;AAAA,QACnB,QAAA,EAAA,IAAA;AAAA,OAD8C,EAAA,CAAA,EAAG,KAAS,CAAA,CAAA,EAAA,IAAA,CAAA,CAE7D,CAEA,GAAA,IAAA;AAAA,KAEJ;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -17,7 +17,7 @@ const calcPreferredListHeight = (props = {}) => {
   } else {
     preferredHeight += preferredItemCount * Number(itemHeight) + (preferredItemCount - 1) * gapSize;
   }
-  return isNaN(preferredHeight) ? void 0 : preferredHeight;
+  return Number.isNaN(preferredHeight) ? void 0 : preferredHeight;
 };
 export { calcPreferredListHeight };

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"helpers.js","sources":["../src/list-deprecated/internal/helpers.js"],"sourcesContent":["export const isPlainObject = (obj) =>\n Object.prototype.toString.call(obj) === \"[object Object]\";\n\nexport const calcPreferredListHeight = (props = {}) => {\n const {\n borderless,\n displayedItemCount = 0,\n itemCount = 0,\n itemHeight = 0,\n getItemHeight,\n } = props;\n\n let preferredHeight = borderless ? 0 : 2;\n\n // if there is no item we render with the preferred count\n const preferredItemCount =\n itemCount === 0\n ? displayedItemCount\n : Math.min(displayedItemCount, itemCount);\n\n if (typeof getItemHeight === \"function\") {\n preferredHeight += Array.from({ length: preferredItemCount }).reduce(\n (total, _, index) => total + Number(getItemHeight(index)),\n 0\n );\n } else {\n preferredHeight += preferredItemCount * Number(itemHeight);\n }\n\n // list height will be undefined if the item height can not be\n // converted to a number, for example rem or a percentage string\n return isNaN(preferredHeight) ? undefined : preferredHeight;\n};\n"],"names":[],"mappings":"AAAa,MAAA,aAAA,GAAgB,CAAC,GAC5B,KAAA,MAAA,CAAO,UAAU,QAAS,CAAA,IAAA,CAAK,GAAG,CAAM,KAAA;;;;"}
1	+ {"version":3,"file":"helpers.js","sources":["../src/list-deprecated/internal/helpers.js"],"sourcesContent":["export const isPlainObject = (obj) =>\n Object.prototype.toString.call(obj) === \"[object Object]\";\n\nexport const calcPreferredListHeight = (props = {}) => {\n const {\n borderless,\n displayedItemCount = 0,\n itemCount = 0,\n itemHeight = 0,\n getItemHeight,\n } = props;\n\n let preferredHeight = borderless ? 0 : 2;\n\n // if there is no item we render with the preferred count\n const preferredItemCount =\n itemCount === 0\n ? displayedItemCount\n : Math.min(displayedItemCount, itemCount);\n\n if (typeof getItemHeight === \"function\") {\n preferredHeight += Array.from({ length: preferredItemCount }).reduce(\n (total, _, index) => total + Number(getItemHeight(index)),\n 0,\n );\n } else {\n preferredHeight += preferredItemCount * Number(itemHeight);\n }\n\n // list height will be undefined if the item height can not be\n // converted to a number, for example rem or a percentage string\n return Number.isNaN(preferredHeight) ? undefined : preferredHeight;\n};\n"],"names":[],"mappings":"AAAa,MAAA,aAAA,GAAgB,CAAC,GAC5B,KAAA,MAAA,CAAO,UAAU,QAAS,CAAA,IAAA,CAAK,GAAG,CAAM,KAAA;;;;"}

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

@@ -1,5 +1,5 @@
-import { useState, useRef, useCallback } from 'react';
 import { useIsomorphicLayoutEffect } from '@salt-ds/core';
+import { useState, useRef, useCallback } from 'react';
 function useListAutoSizer(props) {
   const { responsive, width, height } = props;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useListAutoSizer.js","sources":["../src/list-deprecated/internal/useListAutoSizer.ts"],"sourcesContent":["import { ~~useRef,~~ ~~useState, useCallback, Ref~~ } from \"~~react~~\";\nimport { ~~useIsomorphicLayoutEffect~~ } from \"~~@salt-ds/core~~\";\n\nexport interface ListAutosizerProps {\n responsive: boolean;\n height?: number \| string;\n width?: number \| string;\n}\n\ninterface size {\n height?: number \| string;\n width?: number \| string;\n}\n\nexport function useListAutoSizer<Element extends HTMLElement>(\n props: ListAutosizerProps\n): [Ref<Element>, size] {\n const { responsive, width, height } = props;\n const [size, setSize] = useState({ width, height });\n const ref = useRef<Element>(null);\n\n const handleResize = useCallback(function handleResize(contentRect: DOMRect) {\n if (contentRect.width > 0 && contentRect.height > 0) {\n setSize({\n width: contentRect.width,\n height: contentRect.height,\n });\n }\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n setSize({ width, height });\n }, [width, height]);\n\n useIsomorphicLayoutEffect(() => {\n if (responsive) {\n let observer: ResizeObserver;\n if (ref.current) {\n handleResize(ref.current.getBoundingClientRect());\n observer = new ResizeObserver(\n ([{ contentRect }]: ResizeObserverEntry[]) => {\n handleResize(contentRect);\n }\n );\n observer.observe(ref.current);\n }\n return () => {\n if (observer) {\n observer.disconnect();\n }\n };\n }\n }, [handleResize, responsive]);\n\n return [ref, size];\n}\n"],"names":["handleResize"],"mappings":";;;AAcO,SAAS,iBACd,KACsB,EAAA;AACtB,EAAA,MAAM,EAAE,UAAA,EAAY,KAAO,EAAA,MAAA,EAAW,GAAA,KAAA,CAAA;AACtC,EAAM,MAAA,CAAC,MAAM,OAAO,CAAA,GAAI,SAAS,EAAE,KAAA,EAAO,QAAQ,CAAA,CAAA;AAClD,EAAM,MAAA,GAAA,GAAM,OAAgB,IAAI,CAAA,CAAA;AAEhC,EAAA,MAAM,YAAe,GAAA,WAAA,CAAY,SAASA,aAAAA,CAAa,WAAsB,EAAA;AAC3E,IAAA,IAAI,WAAY,CAAA,KAAA,GAAQ,CAAK,IAAA,WAAA,CAAY,SAAS,CAAG,EAAA;AACnD,MAAQ,OAAA,CAAA;AAAA,QACN,OAAO,WAAY,CAAA,KAAA;AAAA,QACnB,QAAQ,WAAY,CAAA,MAAA;AAAA,OACrB,CAAA,CAAA;AAAA,KACH;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAQ,OAAA,CAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAA,CAAA;AAAA,GACxB,EAAA,CAAC,KAAO,EAAA,MAAM,CAAC,CAAA,CAAA;AAElB,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,UAAY,EAAA;AACd,MAAI,IAAA,QAAA,CAAA;AACJ,MAAA,IAAI,IAAI,OAAS,EAAA;AACf,QAAa,YAAA,CAAA,GAAA,CAAI,OAAQ,CAAA,qBAAA,EAAuB,CAAA,CAAA;AAChD,QAAA,QAAA,GAAW,IAAI,cAAA;AAAA,UACb,CAAC,CAAC,EAAE,WAAA,EAAa,CAA6B,KAAA;AAC5C,YAAA,YAAA,CAAa,WAAW,CAAA,CAAA;AAAA,WAC1B;AAAA,SACF,CAAA;AACA,QAAS,QAAA,CAAA,OAAA,CAAQ,IAAI,OAAO,CAAA,CAAA;AAAA,OAC9B;AACA,MAAA,OAAO,MAAM;AACX,QAAA,IAAI,QAAU,EAAA;AACZ,UAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,SACtB;AAAA,OACF,CAAA;AAAA,KACF;AAAA,GACC,EAAA,CAAC,YAAc,EAAA,UAAU,CAAC,CAAA,CAAA;AAE7B,EAAO,OAAA,CAAC,KAAK,IAAI,CAAA,CAAA;AACnB;;;;"}
1	+ {"version":3,"file":"useListAutoSizer.js","sources":["../src/list-deprecated/internal/useListAutoSizer.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type Ref, useCallback, useRef, useState } from \"react\";\n\nexport interface ListAutosizerProps {\n responsive: boolean;\n height?: number \| string;\n width?: number \| string;\n}\n\ninterface size {\n height?: number \| string;\n width?: number \| string;\n}\n\nexport function useListAutoSizer<Element extends HTMLElement>(\n props: ListAutosizerProps,\n): [Ref<Element>, size] {\n const { responsive, width, height } = props;\n const [size, setSize] = useState({ width, height });\n const ref = useRef<Element>(null);\n\n const handleResize = useCallback(function handleResize(contentRect: DOMRect) {\n if (contentRect.width > 0 && contentRect.height > 0) {\n setSize({\n width: contentRect.width,\n height: contentRect.height,\n });\n }\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n setSize({ width, height });\n }, [width, height]);\n\n useIsomorphicLayoutEffect(() => {\n if (responsive) {\n let observer: ResizeObserver;\n if (ref.current) {\n handleResize(ref.current.getBoundingClientRect());\n observer = new ResizeObserver(\n ([{ contentRect }]: ResizeObserverEntry[]) => {\n handleResize(contentRect);\n },\n );\n observer.observe(ref.current);\n }\n return () => {\n if (observer) {\n observer.disconnect();\n }\n };\n }\n }, [handleResize, responsive]);\n\n return [ref, size];\n}\n"],"names":["handleResize"],"mappings":";;;AAcO,SAAS,iBACd,KACsB,EAAA;AACtB,EAAA,MAAM,EAAE,UAAA,EAAY,KAAO,EAAA,MAAA,EAAW,GAAA,KAAA,CAAA;AACtC,EAAM,MAAA,CAAC,MAAM,OAAO,CAAA,GAAI,SAAS,EAAE,KAAA,EAAO,QAAQ,CAAA,CAAA;AAClD,EAAM,MAAA,GAAA,GAAM,OAAgB,IAAI,CAAA,CAAA;AAEhC,EAAA,MAAM,YAAe,GAAA,WAAA,CAAY,SAASA,aAAAA,CAAa,WAAsB,EAAA;AAC3E,IAAA,IAAI,WAAY,CAAA,KAAA,GAAQ,CAAK,IAAA,WAAA,CAAY,SAAS,CAAG,EAAA;AACnD,MAAQ,OAAA,CAAA;AAAA,QACN,OAAO,WAAY,CAAA,KAAA;AAAA,QACnB,QAAQ,WAAY,CAAA,MAAA;AAAA,OACrB,CAAA,CAAA;AAAA,KACH;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAQ,OAAA,CAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAA,CAAA;AAAA,GACxB,EAAA,CAAC,KAAO,EAAA,MAAM,CAAC,CAAA,CAAA;AAElB,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,UAAY,EAAA;AACd,MAAI,IAAA,QAAA,CAAA;AACJ,MAAA,IAAI,IAAI,OAAS,EAAA;AACf,QAAa,YAAA,CAAA,GAAA,CAAI,OAAQ,CAAA,qBAAA,EAAuB,CAAA,CAAA;AAChD,QAAA,QAAA,GAAW,IAAI,cAAA;AAAA,UACb,CAAC,CAAC,EAAE,WAAA,EAAa,CAA6B,KAAA;AAC5C,YAAA,YAAA,CAAa,WAAW,CAAA,CAAA;AAAA,WAC1B;AAAA,SACF,CAAA;AACA,QAAS,QAAA,CAAA,OAAA,CAAQ,IAAI,OAAO,CAAA,CAAA;AAAA,OAC9B;AACA,MAAA,OAAO,MAAM;AACX,QAAA,IAAI,QAAU,EAAA;AACZ,UAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,SACtB;AAAA,OACF,CAAA;AAAA,KACF;AAAA,GACC,EAAA,CAAC,YAAc,EAAA,UAAU,CAAC,CAAA,CAAA;AAE7B,EAAO,OAAA,CAAC,KAAK,IAAI,CAAA,CAAA;AACnB;;;;"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"itemToString.js","sources":["../src/list-deprecated/itemToString.ts"],"sourcesContent":["import { isPlainObject } from \"./internal/helpers\";\n\~~n// eslint-disable-next-line @typescript-eslint/no-explicit-any\~~nexport type ItemToStringFunction = (item: any) => string;\n\nexport function itemToString(item: any) {\n if (!isPlainObject(item)) {\n return String(item);\n }\n\n if (Object.prototype.hasOwnProperty.call(item, \"label\")) {\n return String(item.label);\n }\n\n console.warn(\n [\n \"itemToString: you've likely forgotten to set the label prop on the item object.\",\n \"You can also provide your own `itemToString` implementation.\",\n ].join(\"\\n\")\n );\n\n return \"\";\n}\n"],"names":[],"mappings":";;~~AAKO~~,SAAS,aAAa,IAAW,EAAA;AACtC,EAAI,IAAA,CAAC,aAAc,CAAA,IAAI,CAAG,EAAA;AACxB,IAAA,OAAO,OAAO,IAAI,CAAA,CAAA;AAAA,GACpB;AAEA,EAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,IAAA,EAAM,OAAO,CAAG,EAAA;AACvD,IAAO,OAAA,MAAA,CAAO,KAAK,KAAK,CAAA,CAAA;AAAA,GAC1B;AAEA,EAAQ,OAAA,CAAA,IAAA;AAAA,IACN;AAAA,MACE,iFAAA;AAAA,MACA,8DAAA;AAAA,KACF,CAAE,KAAK,IAAI,CAAA;AAAA,GACb,CAAA;AAEA,EAAO,OAAA,EAAA,CAAA;AACT;;;;"}
1	+ {"version":3,"file":"itemToString.js","sources":["../src/list-deprecated/itemToString.ts"],"sourcesContent":["import { isPlainObject } from \"./internal/helpers\";\n\nexport type ItemToStringFunction = (item: any) => string;\n\nexport function itemToString(item: any) {\n if (!isPlainObject(item)) {\n return String(item);\n }\n\n if (Object.prototype.hasOwnProperty.call(item, \"label\")) {\n return String(item.label);\n }\n\n console.warn(\n [\n \"itemToString: you've likely forgotten to set the label prop on the item object.\",\n \"You can also provide your own `itemToString` implementation.\",\n ].join(\"\\n\"),\n );\n\n return \"\";\n}\n"],"names":[],"mappings":";;AAIO,SAAS,aAAa,IAAW,EAAA;AACtC,EAAI,IAAA,CAAC,aAAc,CAAA,IAAI,CAAG,EAAA;AACxB,IAAA,OAAO,OAAO,IAAI,CAAA,CAAA;AAAA,GACpB;AAEA,EAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,IAAA,EAAM,OAAO,CAAG,EAAA;AACvD,IAAO,OAAA,MAAA,CAAO,KAAK,KAAK,CAAA,CAAA;AAAA,GAC1B;AAEA,EAAQ,OAAA,CAAA,IAAA;AAAA,IACN;AAAA,MACE,iFAAA;AAAA,MACA,8DAAA;AAAA,KACF,CAAE,KAAK,IAAI,CAAA;AAAA,GACb,CAAA;AAEA,EAAO,OAAA,EAAA,CAAA;AACT;;;;"}

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

@@ -93,13 +93,7 @@ function useList(props = {}) {
         );
       }
     },
-    [
-      isDeselectable,
-      onChange,
-      selectedItem,
-      setHighlightedIndex,
-      setSelectedItem
-    ]
+    [isDeselectable, onChange, selectedItem]
   );
   const handleMultiSelect = useCallback(
     (event, index, item) => {
@@ -121,13 +115,7 @@ function useList(props = {}) {
         );
       }
     },
-    [
-      indexComparator,
-      onChange,
-      selectedItem,
-      setHighlightedIndex,
-      setSelectedItem
-    ]
+    [indexComparator, onChange, selectedItem]
   );
   const handleRangeSelect = useCallback(
     (event, index) => {
@@ -159,7 +147,7 @@ function useList(props = {}) {
         );
       }
     },
-    [getItemIndex, onChange, selectedItem, setSelectedItem, source]
+    [getItemIndex, onChange, selectedItem, source]
   );
   const handleExtendedSelect = useCallback(
     (event, index, item) => {
@@ -182,13 +170,7 @@ function useList(props = {}) {
         }
       }
     },
-    [
-      handleMultiSelect,
-      handleRangeSelect,
-      onChange,
-      selectedItem,
-      setSelectedItem
-    ]
+    [handleMultiSelect, handleRangeSelect, onChange, selectedItem]
   );
   const handleSelect = useCallback(
     (event, index, item) => {