npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.54 → 1.0.0-alpha.56 - Mend

@salt-ds/lab 1.0.0-alpha.54 → 1.0.0-alpha.56

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 (1289) hide show

package/dist-cjs/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 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":["makePrefixer","createContext","memo","DefaultItem","useListItem","jsx","ListItemBase","areEqual","DefaultVirtualizedItem","useVirtualizedListItem","forwardRef","Listbox","useContext","useForkRef","clsx","ListBase","useWindow","useComponentCssInjection","listCss","useListStateContext","useId","itemToString","defaultItemToString","calcPreferredListHeight","useListAutoSizer","useRef","_a","scrollIntoView","useMemo","useImperativeHandle","useIsomorphicLayoutEffect","Children","ListItemContext","VariableSizeList","FixedSizeList"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsCA,MAAM,YAAA,GAAeA,kBAAa,oBAAoB,CAAA,CAAA;AAgBtD,MAAM,cAAA,GAAiBC,mBAAwC,CAAA,EAAE,CAAA,CAAA;AACjE,MAAM,WAAc,GAAAC,UAAA,CAAK,SAASC,YAAAA,CAAY,KAAY,EAAA;AACxD,EAAA,MAAM,EAAE,IAAM,EAAA,YAAA,EAAc,SAAU,EAAA,GAAIC,wBAAY,KAAK,CAAA,CAAA;AAC3D,EAAA,uBAAQC,cAAA,CAAAC,yBAAA,EAAA;AAAA,IAAc,GAAG,SAAA;AAAA,IAAY,uBAAa,IAAI,CAAA;AAAA,GAAE,CAAA,CAAA;AAC1D,CAAA,EAAGC,oBAAQ,CAAA,CAAA;AAEX,MAAM,sBAAyB,GAAAL,UAAA,CAAK,SAASM,uBAAAA,CAC3C,KACA,EAAA;AACA,EAAA,MAAM,EAAE,IAAM,EAAA,YAAA,EAAc,SAAU,EAAA,GAAIC,mCAAuB,KAAK,CAAA,CAAA;AACtE,EAAA,uBAAQJ,cAAA,CAAAC,yBAAA,EAAA;AAAA,IAAc,GAAG,SAAA;AAAA,IAAY,uBAAa,IAAI,CAAA;AAAA,GAAE,CAAA,CAAA;AAC1D,CAAA,EAAGC,oBAAQ,CAAA,CAAA;AAaX,MAAM,OAAuC,GAAAG,gBAAA;AAAA,EAC3C,SAASC,QAAQ,CAAA,KAAA,EAAO,GAAK,EAAA;AAC3B,IAAA,MAAM,EAAE,KAAA,EAAO,QAAU,EAAA,QAAA,EAAa,GAAA,KAAA,CAAA;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,MACP,GAAA,aAAA;AAAA,KACL,GAAIC,iBAAqC,cAAc,CAAA,CAAA;AAEvD,IAAM,MAAA,UAAA,GAAaC,eAAW,CAAA,GAAA,EAAK,OAAO,CAAA,CAAA;AAE1C,IAAM,MAAA,YAAA,GAAe,CAAC,KAAe,KAAA;AACnC,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAAA,OAChB;AAEA,MAAA,IAAI,YAAc,EAAA;AAChB,QAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,OACpB;AAAA,KACF,CAAA;AAEA,IAAA,uBACGR,cAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAAS,SAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,SAC9B;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACA,QAAU,EAAA,YAAA;AAAA,MACV,GAAK,EAAA,UAAA;AAAA,MACL,KAAO,EAAA,EAAE,GAAG,KAAA,EAAO,GAAG,SAAU,EAAA;AAAA,MAChC,QAAA,EAAU,QAAY,IAAA,YAAA,GAAe,KAAY,CAAA,GAAA,CAAA;AAAA,MAChD,GAAG,aAAA;AAAA,MAEH,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF,CAAA,CAAA;AAQA,MAAM,WAA0C,GAAA;AAAA,EAC9C,aAAA,EAAe,CAAC,SAAsB,KAAA,KAAA,CAAA;AAAA,EACtC,YAAA,EAAc,CAAC,IAAS,KAAA,KAAA,CAAA;AAAA,EACxB,QAAA,EAAU,CAAC,YAAyB,KAAA,KAAA,CAAA;AACtC,CAAA,CAAA;AAEO,MAAM,QAAW,GAAAJ,gBAAA,CAAW,SAASK,SAAAA,CAC1C,OACA,GACA,EAAA;AA7IF,EAAA,IAAA,EAAA,CAAA;AA8IE,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,sBAAA;AAAA,IACR,GAAK,EAAAC,IAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,EAAE,KAAM,EAAA,GAAIC,oCAAoB,EAAA,CAAA;AAMtC,EAAM,MAAA,WAAA,GAAcC,UAAM,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAClC,EAAM,MAAA,SAAA,GAAA,CAAY,EAAM,GAAA,KAAA,CAAA,EAAA,KAAN,IAAY,GAAA,EAAA,GAAA,WAAA,CAAA;AAG9B,EAAA,MAAM,aAAgB,GAAA,MAAA,CAAA;AACtB,EAAA,MAAM,oBAC0B,MAAO,CAAA,QAAA,CAAS,eAAe,EAAE,CAAA,CAAA;AAEjE,EAAM,MAAA,UAAA,GAAa,OAAO,KAAA,CAAM,cAAmB,KAAA,UAAA,CAAA;AACnD,EAAM,MAAA,iBAAA,GAAoB,OAAO,KAAA,CAAM,aAAkB,KAAA,UAAA,CAAA;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,yBAAA;AAAA,IAEf,WAAc,GAAA,CAAA;AAAA,IACd,UAAa,GAAA,iBAAA;AAAA,IACb,gBAAgB,MAAM,UAAA;AAAA,IACtB,SAAY,GAAA,CAAC,KAAU,KAAA,CAAA,EAAG,EAAW,CAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,IACrC,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,IACN,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAM,MAAA,EAAE,kBAAqB,GAAA,KAAA,CAAA;AAE7B,EAAM,MAAA,eAAA,GACJ,0BACAC,+CAAwB,CAAA;AAAA,IACtB,UAAA;AAAA,IACA,kBAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,GACD,CAAA,CAAA;AAEH,EAAA,MAAM,CAAC,YAAA,EAAc,QAAQ,CAAA,GAAIC,iCAAiC,CAAA;AAAA,IAChE,UAAA,EAAY,KAAU,KAAA,KAAA,CAAA,IAAa,MAAW,KAAA,KAAA,CAAA;AAAA,IAC9C,MAAQ,EAAA,eAAA;AAAA,IACR,KAAA;AAAA,GACD,CAAA,CAAA;AAMD,EAAM,MAAA,kBAAA,GAAqBC,aAAY,IAAI,CAAA,CAAA;AAC3C,EAAM,MAAA,OAAA,GAAUA,aAA8B,IAAI,CAAA,CAAA;AAElD,EAAM,MAAA,UAAA,GAAaZ,eAAW,CAAA,OAAA,EAAS,WAAW,CAAA,CAAA;AAElD,EAAM,MAAA,aAAA,GAAgB,CAAC,SAAsB,KAAA;AAjO/C,IAAAa,IAAAA,GAAAA,CAAAA;AAkOI,IAAAC,6BAAA;AAAA,MAAA,CACED,MAAA,OAAQ,CAAA,OAAA,KAAR,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAiB,cAAc,CAAuB,oBAAA,EAAA,SAAA,CAAA,EAAA,CAAA,CAAA;AAAA,MACtD,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,aAAyC,GAAAE,aAAA;AAAA,IAC7C,OAAO;AAAA,MACL,aAAA;AAAA,MACA,YAAA,EAAc,CAAC,IAAe,KAAA;AAC5B,QAAc,aAAA,CAAA,YAAA,CAAa,IAAI,CAAC,CAAA,CAAA;AAAA,OAClC;AAAA,MACA,QAAA,EAAU,CAAC,YAAyB,KAAA;AAClC,QAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,UAAA,OAAA,CAAQ,QAAQ,SAAY,GAAA,YAAA,CAAA;AAAA,SAC9B;AAAA,OACF;AAAA,KACF,CAAA;AAAA,IACA,CAAC,YAAY,CAAA;AAAA,GACf,CAAA;AAEA,EAAA,MAAM,wBAAoD,GAAAA,aAAA;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,CAAA;AAAA,SACnD;AAAA,OACF;AAAA,MACA,YAAA,EAAc,CAAC,IAAe,KAAA;AAC5B,QAAA,kBAAA,CAAmB,OAAQ,CAAA,YAAA,CAAa,YAAa,CAAA,IAAI,CAAC,CAAA,CAAA;AAAA,OAC5D;AAAA,MACA,QAAA,EAAU,CAAC,YAAyB,KAAA;AAClC,QAAmB,kBAAA,CAAA,OAAA,CAAQ,SAAS,YAAY,CAAA,CAAA;AAAA,OAClD;AAAA,KACF,CAAA;AAAA,IACA,CAAC,YAAY,CAAA;AAAA,GACf,CAAA;AAEA,EAAAC,yBAAA;AAAA,IACE,GAAA;AAAA,IACA,MAAM;AACJ,MAAI,IAAA,WAAA,IAAe,mBAAmB,OAAS,EAAA;AAC7C,QAAO,OAAA,wBAAA,CAAA;AAAA,OACT;AACA,MAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,QAAO,OAAA,aAAA,CAAA;AAAA,OACT;AACA,MAAO,OAAA,WAAA,CAAA;AAAA,KACT;AAAA,IACA,CAAC,WAAa,EAAA,aAAA,EAAe,wBAAwB,CAAA;AAAA,GACvD,CAAA;AAEA,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,oBAAoB,IAAM,EAAA;AAC5B,MAAA,OAAA;AAAA,KACF;AAEA,IAAI,IAAA,WAAA,IAAe,mBAAmB,OAAS,EAAA;AAC7C,MAAmB,kBAAA,CAAA,OAAA,CAAQ,aAAa,gBAAgB,CAAA,CAAA;AAAA,KAC1D,MAAA,IAAW,QAAQ,OAAS,EAAA;AAC1B,MAAA,aAAA,CAAc,gBAAgB,CAAA,CAAA;AAAA,KAChC;AAAA,GACC,EAAA,CAAC,gBAAkB,EAAA,WAAW,CAAC,CAAA,CAAA;AAElC,EAAA,MAAM,aAAa,MAAM;AACvB,IAAI,IAAAC,cAAA,CAAS,KAAM,CAAA,QAAQ,CAAG,EAAA;AAC5B,MAAA,uBACG1B,cAAA,CAAA,OAAA,EAAA;AAAA,QAAQ,KAAO,EAAA,QAAA;AAAA,QACd,QAAA,kBAAAA,cAAA,CAAC2B,gCAAgB,QAAhB,EAAA;AAAA,UACC,KAAO,EAAA;AAAA,YACL,gBAAA;AAAA,YACA,SAAA;AAAA,YACA,aAAA;AAAA,0BAEAX,cAAA;AAAA,YACA,wBAAA;AAAA,WACF;AAAA,UAEC,QAAA;AAAA,SACH,CAAA;AAAA,OACF,CAAA,CAAA;AAAA,KAEJ;AAEA,IAAA,IAAI,WAAa,EAAA;AACf,MAAM,MAAA,eAAA,GAAuB,oBACzBY,4BACA,GAAAC,yBAAA,CAAA;AAEJ,MACE,uBAAA7B,cAAA,CAAC2B,gCAAgB,QAAhB,EAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,gBAAA;AAAA,UACA,SAAA;AAAA,wBAEAX,cAAA;AAAA,UACA,wBAAA;AAAA,SACF;AAAA,QAEA,QAAC,kBAAAhB,cAAA,CAAA,eAAA,EAAA;AAAA,UACC,QAAQ,QAAS,CAAA,MAAA;AAAA,UACjB,SAAA;AAAA,UACA,QAAU,EAAA,MAAA;AAAA,UACV,QAAA,EAAU,oBAAoB,aAAgB,GAAA,UAAA;AAAA,UAC9C,gBAAkB,EAAA,OAAA;AAAA,UAClB,aAAA;AAAA,UACA,GAAK,EAAA,kBAAA;AAAA,UACL,OAAO,QAAS,CAAA,KAAA;AAAA,UAEf,QAAA,EAAA,QAAA;AAAA,SACH,CAAA;AAAA,OACF,CAAA,CAAA;AAAA,KAEJ;AAEA,IAAA,uBACGA,cAAA,CAAA,OAAA,EAAA;AAAA,MAAQ,KAAO,EAAA,QAAA;AAAA,MACd,QAAA,kBAAAA,cAAA,CAAC2B,gCAAgB,QAAhB,EAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,gBAAA;AAAA,UACA,SAAA;AAAA,UACA,aAAA;AAAA,wBAEAX,cAAA;AAAA,UACA,wBAAA;AAAA,SACF;AAAA,QAEE,QAAA,EAAA,CAAA,UAAA,GAAa,MAAM,IAAK,CAAA,EAAE,QAAQ,SAAU,EAAC,IAAI,MAAQ,EAAA,GAAA;AAAA,UACzD,CAAC,IAAM,EAAA,KAAA,qBACJhB,cAAA,CAAA,QAAA,EAAA;AAAA,YACC,KAAA;AAAA,YAEA,IAAM,EAAA,UAAA,GAAa,cAAgB,CAAA,KAAK,CAAI,GAAA,IAAA;AAAA,WACvC,EAAA,SAAA,CAAU,KAAK,CACtB,CAAA;AAAA,SAEJ;AAAA,OACF,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ,CAAA;AAIA,EAAA,uBACGA,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAW,EAAAS,SAAA,CAAK,YAAa,CAAA,SAAS,CAAG,EAAA;AAAA,MACvC,CAAC,YAAa,CAAA,YAAY,CAAI,GAAA,UAAA;AAAA,KAC/B,CAAA;AAAA,IACD,GAAK,EAAA,YAAA;AAAA,IACL,KAAO,EAAA;AAAA,MACL,QAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAO,KAAS,IAAA,IAAA,GAAA,KAAA,GAAA,MAAA;AAAA,MAChB,QAAQ,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA;AAAA,MAClB,UAAU,QAAY,IAAA,IAAA,GAAA,QAAA,GAAA,KAAA;AAAA,MACtB,WAAW,SAAa,IAAA,IAAA,GAAA,SAAA,GAAA,eAAA;AAAA,KAC1B;AAAA,IAEC,QAAc,EAAA,SAAA,KAAA,CAAA,IAAK,eAAoB,KAAA,KAAA,CAAA,mBACrCT,cAAA,CAAA,eAAA,EAAA;AAAA,MAAgB,KAAO,EAAA,QAAA;AAAA,KAAU,CAAA,mBAEjCA,cAAA,CAAA,cAAA,CAAe,QAAf,EAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,GAAG,SAAA;AAAA,QACH,OAAS,EAAA,UAAA;AAAA,QACT,EAAA;AAAA,QACA,UAAA;AAAA,OACF;AAAA,MAEC,QAAW,EAAA,UAAA,EAAA;AAAA,KACd,CAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ,CAAC;;;;"}
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":["makePrefixer","createContext","memo","DefaultItem","useListItem","ListItemBase","areEqual","DefaultVirtualizedItem","useVirtualizedListItem","forwardRef","Listbox","useContext","useForkRef","jsx","clsx","ListBase","useWindow","useComponentCssInjection","listCss","useListStateContext","useId","itemToString","defaultItemToString","calcPreferredListHeight","useListAutoSizer","useRef","scrollIntoView","useMemo","useImperativeHandle","useIsomorphicLayoutEffect","Children","ListItemContext","VariableSizeList","FixedSizeList"],"mappings":"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"}

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

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var ListItemBase = require('./ListItemBase.js');
@@ -21,12 +19,7 @@ function ListItem(props, ref) {
     ...restProps
   });
   const itemText = itemToString(item);
-  return /* @__PURE__ */ jsxRuntime.jsx(ListItemBase.ListItemBase, {
-    tooltipText: itemText,
-    ...itemProps,
-    ref,
-    children: children !== void 0 ? children : itemText
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(ListItemBase.ListItemBase, { tooltipText: itemText, ...itemProps, ref, children: children !== void 0 ? children : itemText });
 }
 const _ListItem = react.forwardRef(ListItem);

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

	@@ -1 +1 @@
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":["isPlainObject","useListItem","useDescendant","jsx","ListItemBase","forwardRef"],"mappings":"~~;;;;;;;;;;;~~AAgBA,SAAS,QAAA,CACP,OACA,GACA,EAAA;AACA,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,IAAA,GAAO,MAAM,IAAS,KAAA,KAAA,CAAA,IAAa,CAACA,qBAAc,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,GAAIC,uBAAY,CAAA;AAAA,IAC9C,KAAA,EAAOC,gCAAc,IAAI,CAAA;AAAA,IACzB,IAAA;AAAA,IACA,GAAG~~,SAAA~~;AAAA,GACJ,CAAA~~,CAAA~~;AAGD,EAAM,MAAA,QAAA,GAAW,aAAa,IAAW,CAAA~~,CAAA~~;AAEzC,~~EAAA~~,~~uBACGC~~,cAAA,~~CAAAC~~,~~yBAAA~~,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,GAAYC,iBAAW,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":["isPlainObject","useListItem","useDescendant","jsx","ListItemBase","forwardRef"],"mappings":";;;;;;;;;AAgBA,SAAS,QAAA,CACP,OACA,GACA,EAAA;AACA,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,IAAA,GAAO,MAAM,IAAS,KAAA,KAAA,CAAA,IAAa,CAACA,qBAAc,CAAA,QAAQ,CACrD,GAAA,QAAA,GACD,KAAM,CAAA,IAAA;AAAA,IACV,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,EAAE,YAAA,EAAc,SAAU,EAAA,GAAIC,uBAAY,CAAA;AAAA,IAC9C,KAAA,EAAOC,gCAAc,IAAI,CAAA;AAAA,IACzB,IAAA;AAAA,IACA,GAAG;AAAA,GACJ,CAAA;AAGD,EAAM,MAAA,QAAA,GAAW,aAAa,IAAW,CAAA;AAEzC,EACE,uBAAAC,cAAA,CAACC,yBAAa,EAAA,EAAA,WAAA,EAAa,QAAW,EAAA,GAAG,WAAW,GACjD,EAAA,QAAA,EAAA,QAAA,KAAa,KAAY,CAAA,GAAA,QAAA,GAAW,QACvC,EAAA,CAAA;AAEJ;AAQM,MAAA,SAAA,GAAYC,iBAAW,QAAQ;;;;"}

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

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var clsx = require('clsx');
@@ -36,10 +34,9 @@ const ListItemBase = react.memo(
     const { current: detectTruncation } = react.useRef(typeof children === "string");
     const [overflowRef, isOverflowed] = useOverflowDetection.useOverflowDetection();
     const setItemRef = core.useForkRef(overflowRef, ref);
-    return /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, {
-      disabled: !isOverflowed,
-      content: tooltipText,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+    return /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { disabled: !isOverflowed, content: tooltipText, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
         "aria-label": typeof children === "string" ? children : void 0,
         ref: detectTruncation ? ref : setItemRef,
         ...restProps,
@@ -54,16 +51,15 @@ const ListItemBase = react.memo(
           },
           className
         ),
-        children: detectTruncation ? /* @__PURE__ */ jsxRuntime.jsx("span", {
-          className: withBaseName("textWrapper"),
-          ref: overflowRef,
-          children: itemTextHighlightPattern == null ? children : /* @__PURE__ */ jsxRuntime.jsx(Highlighter.Highlighter, {
+        children: detectTruncation ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: withBaseName("textWrapper"), ref: overflowRef, children: itemTextHighlightPattern == null ? children : /* @__PURE__ */ jsxRuntime.jsx(
+          Highlighter.Highlighter,
+          {
             matchPattern: itemTextHighlightPattern,
             text: children
-          })
-        }) : children
-      })
-    });
+          }
+        ) }) : children
+      }
+    ) });
   })
 );

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

	@@ -1 +1 @@
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":["makePrefixer","memo","forwardRef","ListItemBase","useWindow","useComponentCssInjection","listItemCss","useRef","useOverflowDetection","useForkRef","~~jsx~~","~~Tooltip~~","clsx","Highlighter"],"mappings":"~~;;;;;;;;;;;;;;~~AA6BA,MAAM,YAAA,GAAeA,kBAAa,wBAAwB,CAAA~~,CAAA~~;AAInD,MAAM,YAAe,GAAAC,UAAA;AAAA,EAC1BC,gBAAW,CAAA,SAASC,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,eAAeC,gBAAU,EAAA~~,CAAA~~;AAC/B,IAAyBC,+BAAA,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,KAAqBC,YAAO,CAAA,OAAO,aAAa,QAAQ,CAAA~~,CAAA~~;AAEzE,IAAA,MAAM,CAAC,WAAA,EAAa,YAAY,CAAA,GAAIC,yCAAqC,EAAA~~,CAAA~~;AACzE,IAAM,MAAA,UAAA,GAAaC,eAAW,CAAA,WAAA,EAAa,GAAG,CAAA~~,CAAA~~;AAE9C,IAAA,~~uBACGC~~,~~cAAA~~,~~CAAAC~~,~~YAAA,~~EAAA~~;AAAA~~,~~MAAQ~~,~~UAAU~~,CAAC,YAAA~~;AAAA~~,~~MAAc~~,~~OAAS~~,EAAA,~~WAAA;AAAA~~,~~MACzC~~,~~QAAC,kBAAAD,~~cAAA,~~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,~~EAAAE~~,SAAA;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,~~6CACEF~~,cAAA,CAAA,MAAA,EAAA~~;AAAA~~,~~UAAK~~,~~SAAA~~,~~EAAW~~,~~aAAa~~,aAAa,CAAA~~;AAAA~~,~~UAAG~~,GAAK,EAAA,WAAA~~;AAAA~~,~~UAChD~~,~~QAAA~~,EAAA,wBAAA,~~IAA4B~~,~~IAC3B~~,~~GAAA~~,~~QAAA~~,~~mBAECA~~,cAAA,~~CAAAG~~,uBAAA,~~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":["makePrefixer","memo","forwardRef","ListItemBase","useWindow","useComponentCssInjection","listItemCss","useRef","useOverflowDetection","useForkRef","Tooltip","jsx","clsx","Highlighter"],"mappings":";;;;;;;;;;;;AA6BA,MAAM,YAAA,GAAeA,kBAAa,wBAAwB,CAAA;AAInD,MAAM,YAAe,GAAAC,UAAA;AAAA,EAC1BC,gBAAW,CAAA,SAASC,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,eAAeC,gBAAU,EAAA;AAC/B,IAAyBC,+BAAA,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,KAAqBC,YAAO,CAAA,OAAO,aAAa,QAAQ,CAAA;AAEzE,IAAA,MAAM,CAAC,WAAA,EAAa,YAAY,CAAA,GAAIC,yCAAqC,EAAA;AACzE,IAAM,MAAA,UAAA,GAAaC,eAAW,CAAA,WAAA,EAAa,GAAG,CAAA;AAE9C,IAAA,sCACGC,YAAQ,EAAA,EAAA,QAAA,EAAU,CAAC,YAAA,EAAc,SAAS,WACzC,EAAA,QAAA,kBAAAC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;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,EAAAC,SAAA;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,mBACED,cAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,YAAA,CAAa,aAAa,CAAA,EAAG,GAAK,EAAA,WAAA,EAChD,QAA4B,EAAA,wBAAA,IAAA,IAAA,GAC3B,QAEA,mBAAAA,cAAA;AAAA,UAACE,uBAAA;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-cjs/list-deprecated/ListItemContext.js CHANGED Viewed

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 const ListItemContext = react.createContext(void 0);

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

	@@ -1 +1 @@
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":["createContext","useContext"],"mappings":"~~;;;;;;~~AAYa,MAAA,eAAA,GAAkBA,oBAE7B,KAAS,CAAA~~,EAAA~~;AAEJ,MAAM,qBAAqB,MAAyC;AACzE,EAAM,MAAA,YAAA,GAAeC,iBAAW,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":["createContext","useContext"],"mappings":";;;;AAYa,MAAA,eAAA,GAAkBA,oBAE7B,KAAS,CAAA;AAEJ,MAAM,qBAAqB,MAAyC;AACzE,EAAM,MAAA,YAAA,GAAeC,iBAAW,eAAe,CAAA;AAE/C,EAAA,IAAI,iBAAiB,KAAW,CAAA,EAAA;AAC9B,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA;AAGF,EAAO,OAAA,YAAA;AACT;;;;;"}

package/dist-cjs/list-deprecated/ListStateContext.js CHANGED Viewed

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 const ListStateContext = react.createContext();

package/dist-cjs/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":["createContext","useContext"],"mappings":"~~;;;;;;~~AAEO,MAAM,mBAAmBA,mBAAc~~,GAAA~~;AAEvC,MAAM,sBAAsB,MAAM;AACvC,EAAM,MAAA,OAAA,GAAUC,iBAAW,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":["createContext","useContext"],"mappings":";;;;AAEO,MAAM,mBAAmBA,mBAAc;AAEvC,MAAM,sBAAsB,MAAM;AACvC,EAAM,MAAA,OAAA,GAAUC,iBAAW,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-cjs/list-deprecated/internal/DescendantContext.js CHANGED Viewed

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var react = require('react');
@@ -23,10 +21,7 @@ function DescendantProvider({ items, ...props }) {
       }
     };
   }, [items]);
-  return /* @__PURE__ */ jsxRuntime.jsx(DescendantContext.Provider, {
-    ...props,
-    value: { items, assigning }
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(DescendantContext.Provider, { ...props, value: { items, assigning } });
 }
 function useDescendant(descendant) {
   const { assigning, items } = react.useContext(DescendantContext);

package/dist-cjs/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 { 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":["createContext","useRef","useState","useIsomorphicLayoutEffect","jsx","useContext"],"mappings":"~~;;;;;;;;~~AAeO,MAAM,oBAAoBA,mBAAc~~,GAAA~~;AAExC,SAAS,kBAAmB,CAAA,EAAE,~~KAAU~~,EAAA,~~GAAA~~,~~KAAA~~,~~EAAS,~~EAAA;AAGtD,EAAM,MAAA,SAAA,GAAYC,aAAO,IAAI,CAAA~~,CAAA~~;AAK7B,EAAA,MAAM,GAAG,WAAW,CAAA,GAAIC,cAAS,EAAA~~,CAAA~~;AAGjC,EAAAC,8BAAA,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,uBAAAC,cAAA,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,GAAIC,iBAAW,iBAAiB,CAAA~~,CAAA~~;AACzD,EAAM,MAAA,KAAA,GAAQJ,aAAO,CAAE,CAAA,CAAA~~,CAAA~~;AAEvB,EAAAE,8BAAA,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 { 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":["createContext","useRef","useState","useIsomorphicLayoutEffect","jsx","useContext"],"mappings":";;;;;;AAeO,MAAM,oBAAoBA,mBAAc;AAExC,SAAS,kBAAmB,CAAA,EAAE,KAAO,EAAA,GAAG,OAAS,EAAA;AAGtD,EAAM,MAAA,SAAA,GAAYC,aAAO,IAAI,CAAA;AAK7B,EAAA,MAAM,GAAG,WAAW,CAAA,GAAIC,cAAS,EAAA;AAGjC,EAAAC,8BAAA,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,uBAAAC,cAAA,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,GAAIC,iBAAW,iBAAiB,CAAA;AACzD,EAAM,MAAA,KAAA,GAAQJ,aAAO,CAAE,CAAA,CAAA;AAEvB,EAAAE,8BAAA,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;;;;;;"}

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

@@ -1,10 +1,8 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
-require('react');
 var escapeRegExp = require('../../utils/escapeRegExp.js');
+require('react');
 require('@salt-ds/core');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
@@ -20,14 +18,9 @@ const Highlighter = (props) => {
     window: targetWindow
   });
   const matchRegex = typeof matchPattern === "string" ? new RegExp(`(${escapeRegExp.escapeRegExp(matchPattern)})`, "gi") : matchPattern;
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: text.split(matchRegex).map(
-      (part, index) => part.match(matchRegex) ? /* @__PURE__ */ jsxRuntime.jsx("strong", {
-        className: `${baseName}-highlight`,
-        children: part
-      }, `${index}-${part}`) : part
-    )
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: text.split(matchRegex).map(
+    (part, index) => part.match(matchRegex) ? /* @__PURE__ */ jsxRuntime.jsx("strong", { className: `${baseName}-highlight`, children: part }, `${index}-${part}`) : part
+  ) });
 };
 exports.Highlighter = Highlighter;

package/dist-cjs/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 { 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":["useWindow","useComponentCssInjection","highlighterCss","escapeRegExp","jsx","Fragment"],"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,eAAeA,gBAAU,EAAA~~,CAAA~~;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,4BAAA;AAAA,IACR,GAAK,EAAAC,aAAA;AAAA,IACL,MAAQ,EAAA~~,YAAA~~;AAAA,GACT,CAAA~~,CAAA~~;AACD,~~EAAM~~,~~MAAA~~,~~UAAA~~,~~GACJ~~,OAAO,~~YAAA~~,~~KAAiB~~,~~QACpB~~,~~GAAA~~,IAAI,~~MAAO~~,~~CAAA~~,~~CAAA~~,CAAA,~~EAAIC~~,~~yBAAa~~,~~CAAA~~,YAAY,~~CAAM~~,~~CAAA~~,CAAA,CAAA,EAAA,IAAI,CAClD,GAAA,YAAA~~,CAAA~~;AACN,~~EACE~~,~~uBAAAC~~,cAAA,CAAAC,mBAAA,EAAA~~;AAAA~~,~~IACG~~,QAAA,EAAA,IAAA,CAAK,KAAM,CAAA,UAAU,CAAE,CAAA,GAAA;AAAA,~~MAAI~~,CAAC,IAAM,EAAA,KAAA,KACjC,KAAK,KAAM,CAAA,UAAU,oBAClBD,cAAA,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 { 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":["useWindow","useComponentCssInjection","highlighterCss","escapeRegExp","jsx","Fragment"],"mappings":";;;;;;;;;;AAMA,MAAM,QAAW,GAAA,iBAAA;AAEJ,MAAA,WAAA,GAAc,CAAC,KAAU,KAAA;AACpC,EAAA,MAAM,EAAE,YAAA,EAAc,IAAO,GAAA,EAAA,EAAO,GAAA,KAAA;AACpC,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,4BAAA;AAAA,IACR,GAAK,EAAAC,aAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AACD,EAAA,MAAM,UACJ,GAAA,OAAO,YAAiB,KAAA,QAAA,GACpB,IAAI,MAAA,CAAO,CAAI,CAAA,EAAAC,yBAAA,CAAa,YAAY,CAAC,CAAK,CAAA,CAAA,EAAA,IAAI,CAClD,GAAA,YAAA;AACN,EAAA,uBAEKC,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,IAAA,CAAK,KAAM,CAAA,UAAU,CAAE,CAAA,GAAA;AAAA,IAAI,CAAC,IAAM,EAAA,KAAA,KACjC,KAAK,KAAM,CAAA,UAAU,oBAClBD,cAAA,CAAA,QAAA,EAAA,EAAO,WAAW,CAAG,EAAA,QAAQ,cAC3B,QAD8C,EAAA,IAAA,EAAA,EAAA,CAAA,EAAG,KAAK,CAAI,CAAA,EAAA,IAAI,EAEjE,CAEA,GAAA;AAAA,GAGN,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 const calcPreferredListHeight = (props = {}) => {
   const {
     borderless,
@@ -17,7 +15,8 @@ const calcPreferredListHeight = (props = {}) => {
     preferredHeight += Array.from({ length: preferredItemCount }).reduce(
       (total, _, index) => total + Number(getItemHeight(index)) + gapSize,
       0
-    ) - gapSize;
+    ) - // We don't want gap after the last item
+    gapSize;
   } else {
     preferredHeight += preferredItemCount * Number(itemHeight) + (preferredItemCount - 1) * gapSize;
   }

package/dist-cjs/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 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;;;;"}
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;AAAA,GACR,GAAA,KAAA;AAEJ,EAAI,IAAA,eAAA,GAAkB,aAAa,CAAI,GAAA,CAAA;AAGvC,EAAA,MAAM,qBACJ,SAAc,KAAA,CAAA,GACV,qBACA,IAAK,CAAA,GAAA,CAAI,oBAAoB,SAAS,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;AAAA,KACF;AAAA,IAEA,OAAA;AAAA,GACG,MAAA;AACL,IAAA,eAAA,IACE,kBAAqB,GAAA,MAAA,CAAO,UAAU,CAAA,GAAA,CACrC,qBAAqB,CAAK,IAAA,OAAA;AAAA;AAK/B,EAAA,OAAO,MAAO,CAAA,KAAA,CAAM,eAAe,CAAA,GAAI,KAAY,CAAA,GAAA,eAAA;AACrD;;;;"}

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

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 const isPlainObject = (obj) => Object.prototype.toString.call(obj) === "[object Object]";
 exports.isPlainObject = isPlainObject;

package/dist-cjs/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 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;;;;"}
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-cjs/list-deprecated/internal/scrollIntoView.js CHANGED Viewed

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var computeScrollIntoView = require('compute-scroll-into-view');
 function scrollIntoView(item, list) {

package/dist-cjs/list-deprecated/internal/scrollIntoView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scrollIntoView.js","sources":["../src/list-deprecated/internal/scrollIntoView.js"],"sourcesContent":["import { compute } from \"compute-scroll-into-view\";\n\nexport function scrollIntoView(item, list) {\n if (!item) {\n return;\n }\n\n const actions = compute(item, {\n boundary: list,\n block: \"nearest\",\n scrollMode: \"if-needed\",\n });\n\n actions.forEach(({ el, top, left }) => {\n el.scrollTop = top;\n el.scrollLeft = left;\n });\n}\n"],"names":["compute"],"mappings":"~~;;;;;;~~AAEgB,SAAA,cAAA,CAAe,MAAM,IAAM,EAAA;AACzC,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAA~~,OAAA~~;AAAA~~,GACF~~;~~AAEA~~,EAAM,MAAA,OAAA,GAAUA,8BAAQ,IAAM,EAAA;AAAA,IAC5B,QAAU,EAAA,IAAA;AAAA,IACV,KAAO,EAAA,SAAA;AAAA,IACP,UAAY,EAAA~~,WAAA~~;AAAA,GACb,CAAA~~,CAAA~~;AAED,EAAA,OAAA,CAAQ,QAAQ,CAAC,EAAE,EAAI,EAAA,GAAA,EAAK,MAAW,KAAA;AACrC,IAAA,EAAA,CAAG,SAAY,GAAA,GAAA~~,CAAA~~;AACf,IAAA,EAAA,CAAG,UAAa,GAAA,IAAA~~,CAAA~~;AAAA,GACjB,CAAA~~,CAAA~~;AACH;;;;"}
1	+ {"version":3,"file":"scrollIntoView.js","sources":["../src/list-deprecated/internal/scrollIntoView.js"],"sourcesContent":["import { compute } from \"compute-scroll-into-view\";\n\nexport function scrollIntoView(item, list) {\n if (!item) {\n return;\n }\n\n const actions = compute(item, {\n boundary: list,\n block: \"nearest\",\n scrollMode: \"if-needed\",\n });\n\n actions.forEach(({ el, top, left }) => {\n el.scrollTop = top;\n el.scrollLeft = left;\n });\n}\n"],"names":["compute"],"mappings":";;;;AAEgB,SAAA,cAAA,CAAe,MAAM,IAAM,EAAA;AACzC,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAA;AAAA;AAGF,EAAM,MAAA,OAAA,GAAUA,8BAAQ,IAAM,EAAA;AAAA,IAC5B,QAAU,EAAA,IAAA;AAAA,IACV,KAAO,EAAA,SAAA;AAAA,IACP,UAAY,EAAA;AAAA,GACb,CAAA;AAED,EAAA,OAAA,CAAQ,QAAQ,CAAC,EAAE,EAAI,EAAA,GAAA,EAAK,MAAW,KAAA;AACrC,IAAA,EAAA,CAAG,SAAY,GAAA,GAAA;AACf,IAAA,EAAA,CAAG,UAAa,GAAA,IAAA;AAAA,GACjB,CAAA;AACH;;;;"}

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

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var core = require('@salt-ds/core');
 var react = require('react');

package/dist-cjs/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 { 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":["useState","useRef","useCallback","handleResize","useIsomorphicLayoutEffect"],"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,GAAIA,eAAS,EAAE,KAAA,EAAO,QAAQ,CAAA~~,CAAA~~;AAClD,EAAM,MAAA,GAAA,GAAMC,aAAgB,IAAI,CAAA~~,CAAA~~;AAEhC,EAAA,MAAM,YAAe,GAAAC,iBAAA,CAAY,SAASC,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,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAQ,OAAA,CAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAA~~,CAAA~~;AAAA,GACxB,EAAA,CAAC,KAAO,EAAA,MAAM,CAAC,CAAA~~,CAAA~~;AAElB,EAAAA,8BAAA,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":["useState","useRef","useCallback","handleResize","useIsomorphicLayoutEffect"],"mappings":";;;;;AAcO,SAAS,iBACd,KACsB,EAAA;AACtB,EAAA,MAAM,EAAE,UAAA,EAAY,KAAO,EAAA,MAAA,EAAW,GAAA,KAAA;AACtC,EAAM,MAAA,CAAC,MAAM,OAAO,CAAA,GAAIA,eAAS,EAAE,KAAA,EAAO,QAAQ,CAAA;AAClD,EAAM,MAAA,GAAA,GAAMC,aAAgB,IAAI,CAAA;AAEhC,EAAA,MAAM,YAAe,GAAAC,iBAAA,CAAY,SAASC,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;AAAA,OACrB,CAAA;AAAA;AACH,GACF,EAAG,EAAE,CAAA;AAEL,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAQ,OAAA,CAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAA;AAAA,GACxB,EAAA,CAAC,KAAO,EAAA,MAAM,CAAC,CAAA;AAElB,EAAAA,8BAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,UAAY,EAAA;AACd,MAAI,IAAA,QAAA;AACJ,MAAA,IAAI,IAAI,OAAS,EAAA;AACf,QAAa,YAAA,CAAA,GAAA,CAAI,OAAQ,CAAA,qBAAA,EAAuB,CAAA;AAChD,QAAA,QAAA,GAAW,IAAI,cAAA;AAAA,UACb,CAAC,CAAC,EAAE,WAAA,EAAa,CAA6B,KAAA;AAC5C,YAAA,YAAA,CAAa,WAAW,CAAA;AAAA;AAC1B,SACF;AACA,QAAS,QAAA,CAAA,OAAA,CAAQ,IAAI,OAAO,CAAA;AAAA;AAE9B,MAAA,OAAO,MAAM;AACX,QAAA,IAAI,QAAU,EAAA;AACZ,UAAA,QAAA,CAAS,UAAW,EAAA;AAAA;AACtB,OACF;AAAA;AACF,GACC,EAAA,CAAC,YAAc,EAAA,UAAU,CAAC,CAAA;AAE7B,EAAO,OAAA,CAAC,KAAK,IAAI,CAAA;AACnB;;;;"}

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

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var core = require('@salt-ds/core');
 var react = require('react');

package/dist-cjs/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 { 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":["useState","useRef","useCallback","handleResize","useIsomorphicLayoutEffect"],"mappings":"~~;;;;;;;~~AAGO,SAAS,SACd,UAC8B,EAAA;AAC9B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,cAAiB,EAAA~~,CAAA~~;AAC3C,EAAA,MAAM,MAAMC,YAAgB,EAAA~~,CAAA~~;AAE5B,EAAA,MAAM,YAAe,GAAAC,iBAAA,CAAY,SAASC,aAAAA,CAAa,WAAsB,EAAA;AAC3E,IAAA,QAAA,CAAS,YAAY,KAAK,CAAA~~,CAAA~~;AAAA,GAC5B,EAAG,EAAE,CAAA~~,CAAA~~;AAEL,EAAAC,8BAAA,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":["useState","useRef","useCallback","handleResize","useIsomorphicLayoutEffect"],"mappings":";;;;;AAGO,SAAS,SACd,UAC8B,EAAA;AAC9B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,cAAiB,EAAA;AAC3C,EAAA,MAAM,MAAMC,YAAgB,EAAA;AAE5B,EAAA,MAAM,YAAe,GAAAC,iBAAA,CAAY,SAASC,aAAAA,CAAa,WAAsB,EAAA;AAC3E,IAAA,QAAA,CAAS,YAAY,KAAK,CAAA;AAAA,GAC5B,EAAG,EAAE,CAAA;AAEL,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAI,IAAA,CAAC,IAAI,OAAS,EAAA;AAChB,MAAO,OAAA,KAAA,CAAA;AAAA;AAGT,IAAa,YAAA,CAAA,GAAA,CAAI,OAAQ,CAAA,qBAAA,EAAuB,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;AAAA;AAC1B,OACF;AACA,MAAS,QAAA,CAAA,OAAA,CAAQ,IAAI,OAAO,CAAA;AAE5B,MAAA,OAAO,MAAM;AACX,QAAA,QAAA,CAAS,UAAW,EAAA;AAAA,OACtB;AAAA;AACF,GACC,EAAA,CAAC,YAAc,EAAA,UAAU,CAAC,CAAA;AAE7B,EAAO,OAAA,CAAC,KAAK,KAAK,CAAA;AACpB;;;;"}

package/dist-cjs/list-deprecated/itemToString.js CHANGED Viewed

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var helpers = require('./internal/helpers.js');
 function itemToString(item) {

package/dist-cjs/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\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":["isPlainObject"],"mappings":"~~;;;;;;~~AAIO,SAAS,aAAa,IAAW,EAAA;AACtC,EAAI,IAAA,CAACA,qBAAc,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":["isPlainObject"],"mappings":";;;;AAIO,SAAS,aAAa,IAAW,EAAA;AACtC,EAAI,IAAA,CAACA,qBAAc,CAAA,IAAI,CAAG,EAAA;AACxB,IAAA,OAAO,OAAO,IAAI,CAAA;AAAA;AAGpB,EAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,IAAA,EAAM,OAAO,CAAG,EAAA;AACvD,IAAO,OAAA,MAAA,CAAO,KAAK,KAAK,CAAA;AAAA;AAG1B,EAAQ,OAAA,CAAA,IAAA;AAAA,IACN;AAAA,MACE,iFAAA;AAAA,MACA;AAAA,KACF,CAAE,KAAK,IAAI;AAAA,GACb;AAEA,EAAO,OAAA,EAAA;AACT;;;;"}

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

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var core = require('@salt-ds/core');
 var react = require('react');
@@ -64,7 +62,7 @@ function useList(props = {}) {
   const [lastFocusedIndex, setLastFocusedIndex] = react.useState(-1);
   const [selectedItem, setSelectedItem] = core.useControlled({
     controlled: selectedItemProp,
-    default: initialSelectedItem != null ? initialSelectedItem : isMultiSelect ? [] : null,
+    default: initialSelectedItem ?? (isMultiSelect ? [] : null),
     name: "useList",
     state: "selectedItem"
   });
@@ -129,11 +127,11 @@ function useList(props = {}) {
         selectedItem[selectedItem.length - 1]
       ) : 0;
       const startRegion = Math.min(
-        index != null ? index : lastSelectedItemIndex,
+        index ?? lastSelectedItemIndex,
         lastSelectedItemIndex
       );
       const endRegion = Math.max(
-        index != null ? index : lastSelectedItemIndex,
+        index ?? lastSelectedItemIndex,
         lastSelectedItemIndex
       );
       const rangeSelection = source.slice(startRegion, endRegion + 1);
@@ -210,14 +208,14 @@ function useList(props = {}) {
     ArrowUp: (event) => {
       event.preventDefault();
       setHighlightedIndex(
-        (prevHighlightedIndex) => saveFocusedIndex(Math.max(0, (prevHighlightedIndex != null ? prevHighlightedIndex : itemCount) - 1))
+        (prevHighlightedIndex) => saveFocusedIndex(Math.max(0, (prevHighlightedIndex ?? itemCount) - 1))
       );
     },
     ArrowDown: (event) => {
       event.preventDefault();
       setHighlightedIndex(
         (prevHighlightedIndex) => saveFocusedIndex(
-          Math.min(itemCount - 1, (prevHighlightedIndex != null ? prevHighlightedIndex : -1) + 1)
+          Math.min(itemCount - 1, (prevHighlightedIndex ?? -1) + 1)
         )
       );
     },
@@ -227,7 +225,7 @@ function useList(props = {}) {
         (prevHighlightedIndex) => saveFocusedIndex(
           Math.max(
             0,
-            (prevHighlightedIndex != null ? prevHighlightedIndex : displayedItemCount) - displayedItemCount
+            (prevHighlightedIndex ?? displayedItemCount) - displayedItemCount
           )
         )
       );
@@ -238,7 +236,7 @@ function useList(props = {}) {
         (prevHighlightedIndex) => saveFocusedIndex(
           Math.min(
             itemCount - 1,
-            (prevHighlightedIndex != null ? prevHighlightedIndex : 0) + displayedItemCount
+            (prevHighlightedIndex ?? 0) + displayedItemCount
           )
         )
       );