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

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

@@ -32,10 +32,9 @@ const ListItemBase = memo(
     const { current: detectTruncation } = useRef(typeof children === "string");
     const [overflowRef, isOverflowed] = useOverflowDetection();
     const setItemRef = useForkRef(overflowRef, ref);
-    return /* @__PURE__ */ jsx(Tooltip, {
-      disabled: !isOverflowed,
-      content: tooltipText,
-      children: /* @__PURE__ */ jsx("div", {
+    return /* @__PURE__ */ jsx(Tooltip, { disabled: !isOverflowed, content: tooltipText, children: /* @__PURE__ */ jsx(
+      "div",
+      {
         "aria-label": typeof children === "string" ? children : void 0,
         ref: detectTruncation ? ref : setItemRef,
         ...restProps,
@@ -50,16 +49,15 @@ const ListItemBase = memo(
           },
           className
         ),
-        children: detectTruncation ? /* @__PURE__ */ jsx("span", {
-          className: withBaseName("textWrapper"),
-          ref: overflowRef,
-          children: itemTextHighlightPattern == null ? children : /* @__PURE__ */ jsx(Highlighter, {
+        children: detectTruncation ? /* @__PURE__ */ jsx("span", { className: withBaseName("textWrapper"), ref: overflowRef, children: itemTextHighlightPattern == null ? children : /* @__PURE__ */ jsx(
+          Highlighter,
+          {
             matchPattern: itemTextHighlightPattern,
             text: children
-          })
-        }) : children
-      })
-    });
+          }
+        ) }) : children
+      }
+    ) });
   })
 );
 

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

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

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

@@ -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":[],"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;;;;"}
+{"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;AAEJ,MAAM,qBAAqB,MAAyC;AACzE,EAAM,MAAA,YAAA,GAAe,WAAW,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-es/list-deprecated/ListStateContext.js.map

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

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

@@ -19,10 +19,7 @@ function DescendantProvider({ items, ...props }) {
       }
     };
   }, [items]);
-  return /* @__PURE__ */ jsx(DescendantContext.Provider, {
-    ...props,
-    value: { items, assigning }
-  });
+  return /* @__PURE__ */ jsx(DescendantContext.Provider, { ...props, value: { items, assigning } });
 }
 function useDescendant(descendant) {
   const { assigning, items } = useContext(DescendantContext);

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

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

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

@@ -1,6 +1,6 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
-import 'react';
 import { escapeRegExp } from '../../utils/escapeRegExp.js';
+import 'react';
 import '@salt-ds/core';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
@@ -16,14 +16,9 @@ const Highlighter = (props) => {
     window: targetWindow
   });
   const matchRegex = typeof matchPattern === "string" ? new RegExp(`(${escapeRegExp(matchPattern)})`, "gi") : matchPattern;
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: text.split(matchRegex).map(
-      (part, index) => part.match(matchRegex) ? /* @__PURE__ */ jsx("strong", {
-        className: `${baseName}-highlight`,
-        children: part
-      }, `${index}-${part}`) : part
-    )
-  });
+  return /* @__PURE__ */ jsx(Fragment, { children: text.split(matchRegex).map(
+    (part, index) => part.match(matchRegex) ? /* @__PURE__ */ jsx("strong", { className: `${baseName}-highlight`, children: part }, `${index}-${part}`) : part
+  ) });
 };
 
 export { Highlighter };

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

@@ -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":["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;;;;"}
+{"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":["highlighterCss"],"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,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,4BAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AACD,EAAA,MAAM,UACJ,GAAA,OAAO,YAAiB,KAAA,QAAA,GACpB,IAAI,MAAA,CAAO,CAAI,CAAA,EAAA,YAAA,CAAa,YAAY,CAAC,CAAK,CAAA,CAAA,EAAA,IAAI,CAClD,GAAA,YAAA;AACN,EAAA,uBAEK,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,IAAA,CAAK,KAAM,CAAA,UAAU,CAAE,CAAA,GAAA;AAAA,IAAI,CAAC,IAAM,EAAA,KAAA,KACjC,KAAK,KAAM,CAAA,UAAU,oBAClB,GAAA,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-es/list-deprecated/internal/calcPreferredListHeight.js

@@ -13,7 +13,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-es/list-deprecated/internal/calcPreferredListHeight.js.map

@@ -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;;;;"}
+{"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-es/list-deprecated/internal/scrollIntoView.js.map

@@ -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":[],"mappings":";;AAEgB,SAAA,cAAA,CAAe,MAAM,IAAM,EAAA;AACzC,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAA,OAAA;AAAA,GACF;AAEA,EAAM,MAAA,OAAA,GAAU,QAAQ,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;;;;"}
+{"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":[],"mappings":";;AAEgB,SAAA,cAAA,CAAe,MAAM,IAAM,EAAA;AACzC,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAA;AAAA;AAGF,EAAM,MAAA,OAAA,GAAU,QAAQ,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-es/list-deprecated/internal/useListAutoSizer.js.map

@@ -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":["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;;;;"}
+{"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;AACtC,EAAM,MAAA,CAAC,MAAM,OAAO,CAAA,GAAI,SAAS,EAAE,KAAA,EAAO,QAAQ,CAAA;AAClD,EAAM,MAAA,GAAA,GAAM,OAAgB,IAAI,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;AAAA,OACrB,CAAA;AAAA;AACH,GACF,EAAG,EAAE,CAAA;AAEL,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAQ,OAAA,CAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAA;AAAA,GACxB,EAAA,CAAC,KAAO,EAAA,MAAM,CAAC,CAAA;AAElB,EAAA,yBAAA,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-es/list-deprecated/internal/useWidth.js.map

@@ -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":["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;;;;"}
+{"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;AAC3C,EAAA,MAAM,MAAM,MAAgB,EAAA;AAE5B,EAAA,MAAM,YAAe,GAAA,WAAA,CAAY,SAASA,aAAAA,CAAa,WAAsB,EAAA;AAC3E,IAAA,QAAA,CAAS,YAAY,KAAK,CAAA;AAAA,GAC5B,EAAG,EAAE,CAAA;AAEL,EAAA,yBAAA,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-es/list-deprecated/itemToString.js.map

@@ -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":[],"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;;;;"}
+{"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;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-es/list-deprecated/useList.js

@@ -60,7 +60,7 @@ function useList(props = {}) {
   const [lastFocusedIndex, setLastFocusedIndex] = useState(-1);
   const [selectedItem, setSelectedItem] = useControlled({
     controlled: selectedItemProp,
-    default: initialSelectedItem != null ? initialSelectedItem : isMultiSelect ? [] : null,
+    default: initialSelectedItem ?? (isMultiSelect ? [] : null),
     name: "useList",
     state: "selectedItem"
   });
@@ -125,11 +125,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);
@@ -206,14 +206,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)
         )
       );
     },
@@ -223,7 +223,7 @@ function useList(props = {}) {
         (prevHighlightedIndex) => saveFocusedIndex(
           Math.max(
             0,
-            (prevHighlightedIndex != null ? prevHighlightedIndex : displayedItemCount) - displayedItemCount
+            (prevHighlightedIndex ?? displayedItemCount) - displayedItemCount
           )
         )
       );
@@ -234,7 +234,7 @@ function useList(props = {}) {
         (prevHighlightedIndex) => saveFocusedIndex(
           Math.min(
             itemCount - 1,
-            (prevHighlightedIndex != null ? prevHighlightedIndex : 0) + displayedItemCount
+            (prevHighlightedIndex ?? 0) + displayedItemCount
           )
         )
       );

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

@@ -1 +1 @@
-{"version":3,"file":"useList.js","sources":["../src/list-deprecated/useList.ts"],"sourcesContent":["import {\n  ownerDocument,\n  useControlled,\n  useForkRef,\n  useId,\n  useIsFocusVisible,\n} from \"@salt-ds/core\";\n\nimport {\n  type AriaAttributes,\n  type Dispatch,\n  type FocusEvent,\n  type KeyboardEvent,\n  type KeyboardEventHandler,\n  type MouseEvent,\n  type Ref,\n  type SetStateAction,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport type {\n  ListMultiSelectionVariant,\n  ListProps,\n  ListSelectionVariant,\n} from \"./ListProps\";\n\ntype keyHandler = (event: KeyboardEvent<HTMLInputElement>) => void;\n\ninterface listBoxAriaProps\n  extends Pick<\n    AriaAttributes,\n    \"aria-activedescendant\" | \"aria-multiselectable\"\n  > {\n  role: string; // We will default it to be 'listbox', but users can override\n}\nexport interface ListState<\n  Item = string,\n  Variant extends ListSelectionVariant = \"default\",\n> {\n  id?: string;\n  focusVisible: boolean;\n  selectedItem?: Variant extends ListMultiSelectionVariant ? Array<Item> : Item;\n  highlightedIndex?: number;\n  isDeselectable: boolean;\n  isMultiSelect: boolean;\n  isDisabled: boolean;\n}\n\nexport interface ListHelpers<\n  Item = string,\n  Variant extends ListSelectionVariant = \"default\",\n> {\n  setFocusVisible: (visible: boolean) => void;\n  setSelectedItem: Dispatch<\n    SetStateAction<\n      (Variant extends ListMultiSelectionVariant ? Item[] : Item) | undefined\n    >\n  >;\n  setHighlightedIndex: (highlightedIndex?: number) => void;\n  handleSelect: (\n    event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,\n    index: number | undefined,\n    item: Item,\n  ) => void;\n  keyDownHandlers: { [key: string]: KeyboardEventHandler };\n  // TODO: Form Field\n}\n\nexport function useList<Item, Variant extends ListSelectionVariant>(\n  props: ListProps<Item, Variant> = {},\n): {\n  focusedRef: Ref<any>;\n  listProps: Partial<ListProps<Item, Variant>> & listBoxAriaProps;\n  state: ListState<Item, Variant>;\n  helpers: ListHelpers<Item, Variant>;\n} {\n  validateProps(props);\n\n  const generatedId = useId(props.id);\n\n  const {\n    id = generatedId,\n    source = [],\n    itemCount = source.length,\n    getItemId = (index) => `${id}-item-${index}`,\n    getItemAtIndex: getItemAtIndexProp,\n    getItemIndex: getItemIndexProp,\n    displayedItemCount = 10,\n    initialSelectedItem,\n    selectionVariant,\n    disabled = false,\n    onBlur,\n    onChange,\n    onFocus,\n    onKeyDown,\n    onMouseDown,\n    onMouseLeave,\n    onSelect,\n    disableMouseDown,\n    restoreLastFocus,\n    highlightedIndex: highlightedIndexProp,\n    selectedItem: selectedItemProp,\n    tabToSelect,\n    ...restProps\n  } = props;\n\n  const {\n    isFocusVisibleRef,\n    onFocus: handleFocusVisible,\n    onBlur: handleBlurVisible,\n    ref: focusVisibleRef,\n  } = useIsFocusVisible();\n\n  const { current: isDeselectable } = useRef(\n    selectionVariant === \"deselectable\",\n  );\n  const { current: isMultiSelect } = useRef(\n    selectionVariant === \"multiple\" ||\n      selectionVariant === \"extended\" ||\n      Array.isArray(initialSelectedItem) ||\n      Array.isArray(selectedItemProp),\n  );\n\n  const { current: isExtendedSelect } = useRef(selectionVariant === \"extended\");\n\n  let getItemIndex = useCallback(\n    (item: Item) => source.indexOf(item),\n    [source],\n  );\n  let getItemAtIndex = useCallback((index: number) => source[index], [source]);\n\n  const indexComparator = useCallback(\n    (a: Item, b: Item) => getItemIndex(a) - getItemIndex(b),\n    [getItemIndex],\n  );\n\n  // Only use getItemIndex and getItemAtIndex if both are defined; otherwise keep the defaults\n  if (\n    typeof getItemIndexProp === \"function\" &&\n    typeof getItemAtIndexProp === \"function\"\n  ) {\n    getItemIndex = getItemIndexProp;\n    getItemAtIndex = getItemAtIndexProp;\n  }\n\n  const rootRef = useRef();\n  const [focusVisible, setFocusVisible] = useState(false);\n  const [lastFocusedIndex, setLastFocusedIndex] = useState(-1);\n\n  const [selectedItem, setSelectedItem] = useControlled<\n    undefined | (Variant extends ListMultiSelectionVariant ? Item[] : Item)\n  >({\n    controlled: selectedItemProp,\n    default:\n      initialSelectedItem ??\n      ((isMultiSelect\n        ? []\n        : null) as unknown as Variant extends ListMultiSelectionVariant\n        ? Item[]\n        : Item),\n    name: \"useList\",\n    state: \"selectedItem\",\n  });\n\n  const [highlightedIndex, setHighlightedIndex] = useControlled<\n    number | undefined\n  >({\n    controlled: highlightedIndexProp,\n    default: undefined,\n    name: \"useList\",\n    state: \"highlightedIndex\",\n  });\n\n  const handleSingleSelect = useCallback(\n    (\n      event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,\n      index: number | undefined,\n      item: Item,\n    ) => {\n      const isSelected = item === selectedItem;\n      let nextItem: Item | null;\n\n      if (isSelected && !isDeselectable) {\n        return;\n      }\n\n      if (!isSelected) {\n        nextItem = item;\n        setHighlightedIndex(index);\n      } else {\n        nextItem = null;\n      }\n\n      setSelectedItem(\n        nextItem as Variant extends ListMultiSelectionVariant ? Item[] : Item,\n      );\n\n      if (onChange) {\n        onChange(\n          event,\n          nextItem as Variant extends ListMultiSelectionVariant ? Item[] : Item,\n        );\n      }\n    },\n    [isDeselectable, onChange, selectedItem],\n  );\n\n  const handleMultiSelect = useCallback(\n    (\n      event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,\n      index: number | undefined,\n      item: Item,\n    ) => {\n      const isSelected = (selectedItem as Item[]).indexOf(item as Item) !== -1;\n      let nextItems = selectedItem as Item[];\n\n      if (!isSelected) {\n        nextItems = nextItems.concat([item]).sort(indexComparator);\n        setHighlightedIndex(index);\n      } else {\n        nextItems = nextItems.filter((selected) => selected !== item);\n      }\n\n      setSelectedItem(\n        nextItems as Variant extends ListMultiSelectionVariant ? Item[] : Item,\n      );\n\n      if (onChange) {\n        onChange(\n          event,\n          nextItems as Variant extends ListMultiSelectionVariant\n            ? Item[]\n            : Item,\n        );\n      }\n    },\n    [indexComparator, onChange, selectedItem],\n  );\n\n  const handleRangeSelect = useCallback(\n    (\n      event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,\n      index?: number,\n    ) => {\n      const currentSelection =\n        event.ctrlKey || event.metaKey ? selectedItem : ([] as Item[]);\n\n      const lastSelectedItemIndex =\n        (selectedItem as Item[]).length > 0\n          ? getItemIndex(\n              (selectedItem as Item[])[(selectedItem as Item[]).length - 1],\n            )\n          : 0;\n\n      const startRegion = Math.min(\n        index ?? lastSelectedItemIndex,\n        lastSelectedItemIndex,\n      );\n      const endRegion = Math.max(\n        index ?? lastSelectedItemIndex,\n        lastSelectedItemIndex,\n      );\n      const rangeSelection = source.slice(startRegion, endRegion + 1);\n      // concat the current selection with a new selection and remove duplicates for overlaps\n      const nextItems = [\n        ...new Set([...(currentSelection as Item[]), ...rangeSelection]),\n      ];\n      // remove text selection caused by shift clicking\n      ownerDocument(event.currentTarget).getSelection()?.removeAllRanges();\n      setSelectedItem(\n        nextItems as Variant extends ListMultiSelectionVariant ? Item[] : Item,\n      );\n\n      if (onChange) {\n        onChange(\n          event,\n          nextItems as Variant extends ListMultiSelectionVariant\n            ? Item[]\n            : Item,\n        );\n      }\n    },\n    [getItemIndex, onChange, selectedItem, source],\n  );\n\n  const handleExtendedSelect = useCallback(\n    (\n      event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,\n      index: number | undefined,\n      item: Item,\n    ) => {\n      let nextItems = selectedItem as Item[];\n      if (event.shiftKey) {\n        handleRangeSelect(event, index);\n      } else if (\n        (selectedItem as Item[]).length === 0 ||\n        event.ctrlKey ||\n        event.metaKey\n      ) {\n        console.log(\"handleMulti\");\n        handleMultiSelect(event, index, item);\n      } else {\n        nextItems = [item] as Item[];\n        setSelectedItem(\n          nextItems as Variant extends ListMultiSelectionVariant\n            ? Item[]\n            : Item,\n        );\n\n        if (onChange) {\n          onChange(\n            event,\n            nextItems as Variant extends ListMultiSelectionVariant\n              ? Item[]\n              : Item,\n          );\n        }\n      }\n    },\n    [handleMultiSelect, handleRangeSelect, onChange, selectedItem],\n  );\n\n  const handleSelect = useCallback(\n    (\n      event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,\n      index: number | undefined,\n      item: Item | null,\n    ) => {\n      if (item == null || (item as any).disabled) {\n        return;\n      }\n\n      if (onSelect) {\n        console.log(\"onSelect\");\n        onSelect(event, item);\n      }\n\n      if (isExtendedSelect) {\n        handleExtendedSelect(event, index, item);\n      } else if (isMultiSelect) {\n        handleMultiSelect(event, index, item);\n      } else {\n        handleSingleSelect(event, index, item);\n      }\n    },\n    [\n      handleExtendedSelect,\n      handleMultiSelect,\n      handleSingleSelect,\n      isExtendedSelect,\n      isMultiSelect,\n      onSelect,\n    ],\n  );\n\n  const saveFocusedIndex = (index: number) => {\n    setLastFocusedIndex(index);\n    return index;\n  };\n\n  const keyDownHandlers: { [key: string]: keyHandler } = {\n    ArrowUp: (event) => {\n      event.preventDefault();\n      setHighlightedIndex((prevHighlightedIndex?: number) =>\n        saveFocusedIndex(Math.max(0, (prevHighlightedIndex ?? itemCount) - 1)),\n      );\n    },\n    ArrowDown: (event) => {\n      event.preventDefault();\n      setHighlightedIndex((prevHighlightedIndex?: number) =>\n        saveFocusedIndex(\n          Math.min(itemCount - 1, (prevHighlightedIndex ?? -1) + 1),\n        ),\n      );\n    },\n    PageUp: (event) => {\n      event.preventDefault();\n      setHighlightedIndex((prevHighlightedIndex?: number) =>\n        saveFocusedIndex(\n          Math.max(\n            0,\n            (prevHighlightedIndex ?? displayedItemCount) - displayedItemCount,\n          ),\n        ),\n      );\n    },\n    PageDown: (event) => {\n      event.preventDefault();\n      setHighlightedIndex((prevHighlightedIndex?: number) =>\n        saveFocusedIndex(\n          Math.min(\n            itemCount - 1,\n            (prevHighlightedIndex ?? 0) + displayedItemCount,\n          ),\n        ),\n      );\n    },\n    Home: (event) => {\n      event.preventDefault();\n      setHighlightedIndex(saveFocusedIndex(0));\n    },\n    End: (event) => {\n      event.preventDefault();\n      setHighlightedIndex(saveFocusedIndex(itemCount - 1));\n    },\n    Enter: (event) => {\n      event.preventDefault();\n      handleSelect(\n        event,\n        highlightedIndex,\n        highlightedIndex != null && highlightedIndex > -1\n          ? getItemAtIndex(highlightedIndex)\n          : null,\n      );\n    },\n    \" \": (event) => {\n      event.preventDefault();\n      handleSelect(\n        event,\n        highlightedIndex,\n        highlightedIndex != null && highlightedIndex > -1\n          ? getItemAtIndex(highlightedIndex)\n          : null,\n      );\n    },\n    Tab: (event) => {\n      if (tabToSelect) {\n        handleSelect(\n          event,\n          highlightedIndex,\n          highlightedIndex != null && highlightedIndex > -1\n            ? getItemAtIndex(highlightedIndex)\n            : null,\n        );\n      } else {\n        setHighlightedIndex(undefined);\n      }\n    },\n  };\n\n  const handleKeyDown: keyHandler = (event) => {\n    if (isFocusVisibleRef.current) {\n      setFocusVisible(true);\n    }\n\n    const handler: keyHandler = keyDownHandlers[event.key];\n\n    if (handler) {\n      handler(event);\n    }\n\n    if (onKeyDown) {\n      onKeyDown(event);\n    }\n  };\n\n  const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n    handleFocusVisible(event);\n    if (isFocusVisibleRef.current) {\n      setFocusVisible(true);\n    }\n\n    // Work out the index to highlight\n    if (highlightedIndex === undefined) {\n      const firstSelectedItem = isMultiSelect\n        ? (selectedItem as Item[])[0]\n        : (selectedItem as Item | undefined);\n\n      setHighlightedIndex(\n        Math.max(\n          restoreLastFocus\n            ? lastFocusedIndex\n            : firstSelectedItem\n              ? getItemIndex(firstSelectedItem)\n              : -1,\n          0,\n        ),\n      );\n    }\n\n    if (onFocus) {\n      onFocus(event);\n    }\n  };\n\n  const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n    setHighlightedIndex(undefined);\n    handleBlurVisible();\n    if (!isFocusVisibleRef.current) {\n      setFocusVisible(false);\n    }\n\n    if (onBlur) {\n      onBlur(event);\n    }\n  };\n\n  const handleMouseDown = (event: MouseEvent<HTMLDivElement>) => {\n    if (disableMouseDown) {\n      event.preventDefault();\n    } else if (onMouseDown) {\n      onMouseDown(event);\n    }\n  };\n\n  const handleMouseLeave = (event: MouseEvent<HTMLDivElement>) => {\n    if (focusVisible && id) {\n      // Get the root node of the component if we have access to it otherwise default to current document\n      const rootNode = (\n        rootRef.current || ownerDocument(event.currentTarget)\n      ).getRootNode();\n\n      const listNode = (rootNode as Document).getElementById(id);\n\n      // Safety check as `mouseleave` could have been accidentally triggered by an opening tooltip\n      // when you use keyboard to navigate, hence the focusVisible check earlier\n      if (listNode?.contains(event.target as Node)) {\n        setHighlightedIndex(undefined);\n      }\n    } else {\n      setHighlightedIndex(undefined);\n    }\n\n    if (onMouseLeave) {\n      onMouseLeave(event);\n    }\n  };\n\n  const eventHandlers = {\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    onKeyDown: handleKeyDown,\n    onMouseDown: handleMouseDown,\n    onMouseLeave: handleMouseLeave,\n  };\n\n  const ariaProps: listBoxAriaProps = {\n    role: \"listbox\",\n    \"aria-activedescendant\":\n      highlightedIndex !== undefined && highlightedIndex >= 0\n        ? getItemId(highlightedIndex)\n        : undefined,\n  };\n\n  if (isMultiSelect) {\n    ariaProps[\"aria-multiselectable\"] = true;\n  }\n\n  return {\n    focusedRef: useForkRef(rootRef, focusVisibleRef),\n    state: {\n      id,\n      focusVisible,\n      selectedItem,\n      highlightedIndex,\n      isDeselectable,\n      isMultiSelect,\n      isDisabled: disabled,\n    },\n    helpers: {\n      setFocusVisible,\n      setSelectedItem,\n      setHighlightedIndex,\n      keyDownHandlers,\n      handleSelect,\n    },\n    listProps: {\n      id,\n      source,\n      itemCount,\n      disableMouseDown,\n      displayedItemCount,\n      getItemAtIndex,\n      getItemIndex,\n      getItemId,\n      disabled,\n      ...ariaProps,\n      ...restProps,\n      ...(disabled ? {} : eventHandlers),\n    },\n  };\n}\n\nconst validateProps = <Item, Variant extends ListSelectionVariant>(\n  props: ListProps<Item, Variant>,\n) => {\n  if (process.env.NODE_ENV !== \"production\") {\n    const { source, itemCount, getItemIndex, getItemAtIndex } = props;\n\n    const hasIndexer =\n      typeof getItemIndex === \"function\" &&\n      typeof getItemAtIndex === \"function\";\n\n    const hasNoIndexer =\n      getItemIndex === undefined && getItemAtIndex === undefined;\n\n    const sourceNotArray = !Array.isArray(source);\n\n    useEffect(() => {\n      if (sourceNotArray) {\n        console.error(\"`source` for useList must be an array.\");\n      }\n    }, [sourceNotArray]);\n\n    useEffect(() => {\n      if (!hasNoIndexer && !hasIndexer) {\n        console.error(\n          \"useList needs to have both `getItemIndex` and `getItemAtIndex`.\",\n        );\n      }\n\n      if (!hasNoIndexer && itemCount === undefined) {\n        console.error(\n          \"useList needs to have `itemCount` if an indexer is used.\",\n        );\n      }\n    }, [hasIndexer, hasNoIndexer, itemCount]);\n  }\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useList.js","sources":["../src/list-deprecated/useList.ts"],"sourcesContent":["import {\n  ownerDocument,\n  useControlled,\n  useForkRef,\n  useId,\n  useIsFocusVisible,\n} from \"@salt-ds/core\";\n\nimport {\n  type AriaAttributes,\n  type Dispatch,\n  type FocusEvent,\n  type KeyboardEvent,\n  type KeyboardEventHandler,\n  type MouseEvent,\n  type Ref,\n  type SetStateAction,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport type {\n  ListMultiSelectionVariant,\n  ListProps,\n  ListSelectionVariant,\n} from \"./ListProps\";\n\ntype keyHandler = (event: KeyboardEvent<HTMLInputElement>) => void;\n\ninterface listBoxAriaProps\n  extends Pick<\n    AriaAttributes,\n    \"aria-activedescendant\" | \"aria-multiselectable\"\n  > {\n  role: string; // We will default it to be 'listbox', but users can override\n}\nexport interface ListState<\n  Item = string,\n  Variant extends ListSelectionVariant = \"default\",\n> {\n  id?: string;\n  focusVisible: boolean;\n  selectedItem?: Variant extends ListMultiSelectionVariant ? Array<Item> : Item;\n  highlightedIndex?: number;\n  isDeselectable: boolean;\n  isMultiSelect: boolean;\n  isDisabled: boolean;\n}\n\nexport interface ListHelpers<\n  Item = string,\n  Variant extends ListSelectionVariant = \"default\",\n> {\n  setFocusVisible: (visible: boolean) => void;\n  setSelectedItem: Dispatch<\n    SetStateAction<\n      (Variant extends ListMultiSelectionVariant ? Item[] : Item) | undefined\n    >\n  >;\n  setHighlightedIndex: (highlightedIndex?: number) => void;\n  handleSelect: (\n    event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,\n    index: number | undefined,\n    item: Item,\n  ) => void;\n  keyDownHandlers: { [key: string]: KeyboardEventHandler };\n  // TODO: Form Field\n}\n\nexport function useList<Item, Variant extends ListSelectionVariant>(\n  props: ListProps<Item, Variant> = {},\n): {\n  focusedRef: Ref<any>;\n  listProps: Partial<ListProps<Item, Variant>> & listBoxAriaProps;\n  state: ListState<Item, Variant>;\n  helpers: ListHelpers<Item, Variant>;\n} {\n  validateProps(props);\n\n  const generatedId = useId(props.id);\n\n  const {\n    id = generatedId,\n    source = [],\n    itemCount = source.length,\n    getItemId = (index) => `${id}-item-${index}`,\n    getItemAtIndex: getItemAtIndexProp,\n    getItemIndex: getItemIndexProp,\n    displayedItemCount = 10,\n    initialSelectedItem,\n    selectionVariant,\n    disabled = false,\n    onBlur,\n    onChange,\n    onFocus,\n    onKeyDown,\n    onMouseDown,\n    onMouseLeave,\n    onSelect,\n    disableMouseDown,\n    restoreLastFocus,\n    highlightedIndex: highlightedIndexProp,\n    selectedItem: selectedItemProp,\n    tabToSelect,\n    ...restProps\n  } = props;\n\n  const {\n    isFocusVisibleRef,\n    onFocus: handleFocusVisible,\n    onBlur: handleBlurVisible,\n    ref: focusVisibleRef,\n  } = useIsFocusVisible();\n\n  const { current: isDeselectable } = useRef(\n    selectionVariant === \"deselectable\",\n  );\n  const { current: isMultiSelect } = useRef(\n    selectionVariant === \"multiple\" ||\n      selectionVariant === \"extended\" ||\n      Array.isArray(initialSelectedItem) ||\n      Array.isArray(selectedItemProp),\n  );\n\n  const { current: isExtendedSelect } = useRef(selectionVariant === \"extended\");\n\n  let getItemIndex = useCallback(\n    (item: Item) => source.indexOf(item),\n    [source],\n  );\n  let getItemAtIndex = useCallback((index: number) => source[index], [source]);\n\n  const indexComparator = useCallback(\n    (a: Item, b: Item) => getItemIndex(a) - getItemIndex(b),\n    [getItemIndex],\n  );\n\n  // Only use getItemIndex and getItemAtIndex if both are defined; otherwise keep the defaults\n  if (\n    typeof getItemIndexProp === \"function\" &&\n    typeof getItemAtIndexProp === \"function\"\n  ) {\n    getItemIndex = getItemIndexProp;\n    getItemAtIndex = getItemAtIndexProp;\n  }\n\n  const rootRef = useRef();\n  const [focusVisible, setFocusVisible] = useState(false);\n  const [lastFocusedIndex, setLastFocusedIndex] = useState(-1);\n\n  const [selectedItem, setSelectedItem] = useControlled<\n    undefined | (Variant extends ListMultiSelectionVariant ? Item[] : Item)\n  >({\n    controlled: selectedItemProp,\n    default:\n      initialSelectedItem ??\n      ((isMultiSelect\n        ? []\n        : null) as unknown as Variant extends ListMultiSelectionVariant\n        ? Item[]\n        : Item),\n    name: \"useList\",\n    state: \"selectedItem\",\n  });\n\n  const [highlightedIndex, setHighlightedIndex] = useControlled<\n    number | undefined\n  >({\n    controlled: highlightedIndexProp,\n    default: undefined,\n    name: \"useList\",\n    state: \"highlightedIndex\",\n  });\n\n  const handleSingleSelect = useCallback(\n    (\n      event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,\n      index: number | undefined,\n      item: Item,\n    ) => {\n      const isSelected = item === selectedItem;\n      let nextItem: Item | null;\n\n      if (isSelected && !isDeselectable) {\n        return;\n      }\n\n      if (!isSelected) {\n        nextItem = item;\n        setHighlightedIndex(index);\n      } else {\n        nextItem = null;\n      }\n\n      setSelectedItem(\n        nextItem as Variant extends ListMultiSelectionVariant ? Item[] : Item,\n      );\n\n      if (onChange) {\n        onChange(\n          event,\n          nextItem as Variant extends ListMultiSelectionVariant ? Item[] : Item,\n        );\n      }\n    },\n    [isDeselectable, onChange, selectedItem],\n  );\n\n  const handleMultiSelect = useCallback(\n    (\n      event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,\n      index: number | undefined,\n      item: Item,\n    ) => {\n      const isSelected = (selectedItem as Item[]).indexOf(item as Item) !== -1;\n      let nextItems = selectedItem as Item[];\n\n      if (!isSelected) {\n        nextItems = nextItems.concat([item]).sort(indexComparator);\n        setHighlightedIndex(index);\n      } else {\n        nextItems = nextItems.filter((selected) => selected !== item);\n      }\n\n      setSelectedItem(\n        nextItems as Variant extends ListMultiSelectionVariant ? Item[] : Item,\n      );\n\n      if (onChange) {\n        onChange(\n          event,\n          nextItems as Variant extends ListMultiSelectionVariant\n            ? Item[]\n            : Item,\n        );\n      }\n    },\n    [indexComparator, onChange, selectedItem],\n  );\n\n  const handleRangeSelect = useCallback(\n    (\n      event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,\n      index?: number,\n    ) => {\n      const currentSelection =\n        event.ctrlKey || event.metaKey ? selectedItem : ([] as Item[]);\n\n      const lastSelectedItemIndex =\n        (selectedItem as Item[]).length > 0\n          ? getItemIndex(\n              (selectedItem as Item[])[(selectedItem as Item[]).length - 1],\n            )\n          : 0;\n\n      const startRegion = Math.min(\n        index ?? lastSelectedItemIndex,\n        lastSelectedItemIndex,\n      );\n      const endRegion = Math.max(\n        index ?? lastSelectedItemIndex,\n        lastSelectedItemIndex,\n      );\n      const rangeSelection = source.slice(startRegion, endRegion + 1);\n      // concat the current selection with a new selection and remove duplicates for overlaps\n      const nextItems = [\n        ...new Set([...(currentSelection as Item[]), ...rangeSelection]),\n      ];\n      // remove text selection caused by shift clicking\n      ownerDocument(event.currentTarget).getSelection()?.removeAllRanges();\n      setSelectedItem(\n        nextItems as Variant extends ListMultiSelectionVariant ? Item[] : Item,\n      );\n\n      if (onChange) {\n        onChange(\n          event,\n          nextItems as Variant extends ListMultiSelectionVariant\n            ? Item[]\n            : Item,\n        );\n      }\n    },\n    [getItemIndex, onChange, selectedItem, source],\n  );\n\n  const handleExtendedSelect = useCallback(\n    (\n      event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,\n      index: number | undefined,\n      item: Item,\n    ) => {\n      let nextItems = selectedItem as Item[];\n      if (event.shiftKey) {\n        handleRangeSelect(event, index);\n      } else if (\n        (selectedItem as Item[]).length === 0 ||\n        event.ctrlKey ||\n        event.metaKey\n      ) {\n        console.log(\"handleMulti\");\n        handleMultiSelect(event, index, item);\n      } else {\n        nextItems = [item] as Item[];\n        setSelectedItem(\n          nextItems as Variant extends ListMultiSelectionVariant\n            ? Item[]\n            : Item,\n        );\n\n        if (onChange) {\n          onChange(\n            event,\n            nextItems as Variant extends ListMultiSelectionVariant\n              ? Item[]\n              : Item,\n          );\n        }\n      }\n    },\n    [handleMultiSelect, handleRangeSelect, onChange, selectedItem],\n  );\n\n  const handleSelect = useCallback(\n    (\n      event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,\n      index: number | undefined,\n      item: Item | null,\n    ) => {\n      if (item == null || (item as any).disabled) {\n        return;\n      }\n\n      if (onSelect) {\n        console.log(\"onSelect\");\n        onSelect(event, item);\n      }\n\n      if (isExtendedSelect) {\n        handleExtendedSelect(event, index, item);\n      } else if (isMultiSelect) {\n        handleMultiSelect(event, index, item);\n      } else {\n        handleSingleSelect(event, index, item);\n      }\n    },\n    [\n      handleExtendedSelect,\n      handleMultiSelect,\n      handleSingleSelect,\n      isExtendedSelect,\n      isMultiSelect,\n      onSelect,\n    ],\n  );\n\n  const saveFocusedIndex = (index: number) => {\n    setLastFocusedIndex(index);\n    return index;\n  };\n\n  const keyDownHandlers: { [key: string]: keyHandler } = {\n    ArrowUp: (event) => {\n      event.preventDefault();\n      setHighlightedIndex((prevHighlightedIndex?: number) =>\n        saveFocusedIndex(Math.max(0, (prevHighlightedIndex ?? itemCount) - 1)),\n      );\n    },\n    ArrowDown: (event) => {\n      event.preventDefault();\n      setHighlightedIndex((prevHighlightedIndex?: number) =>\n        saveFocusedIndex(\n          Math.min(itemCount - 1, (prevHighlightedIndex ?? -1) + 1),\n        ),\n      );\n    },\n    PageUp: (event) => {\n      event.preventDefault();\n      setHighlightedIndex((prevHighlightedIndex?: number) =>\n        saveFocusedIndex(\n          Math.max(\n            0,\n            (prevHighlightedIndex ?? displayedItemCount) - displayedItemCount,\n          ),\n        ),\n      );\n    },\n    PageDown: (event) => {\n      event.preventDefault();\n      setHighlightedIndex((prevHighlightedIndex?: number) =>\n        saveFocusedIndex(\n          Math.min(\n            itemCount - 1,\n            (prevHighlightedIndex ?? 0) + displayedItemCount,\n          ),\n        ),\n      );\n    },\n    Home: (event) => {\n      event.preventDefault();\n      setHighlightedIndex(saveFocusedIndex(0));\n    },\n    End: (event) => {\n      event.preventDefault();\n      setHighlightedIndex(saveFocusedIndex(itemCount - 1));\n    },\n    Enter: (event) => {\n      event.preventDefault();\n      handleSelect(\n        event,\n        highlightedIndex,\n        highlightedIndex != null && highlightedIndex > -1\n          ? getItemAtIndex(highlightedIndex)\n          : null,\n      );\n    },\n    \" \": (event) => {\n      event.preventDefault();\n      handleSelect(\n        event,\n        highlightedIndex,\n        highlightedIndex != null && highlightedIndex > -1\n          ? getItemAtIndex(highlightedIndex)\n          : null,\n      );\n    },\n    Tab: (event) => {\n      if (tabToSelect) {\n        handleSelect(\n          event,\n          highlightedIndex,\n          highlightedIndex != null && highlightedIndex > -1\n            ? getItemAtIndex(highlightedIndex)\n            : null,\n        );\n      } else {\n        setHighlightedIndex(undefined);\n      }\n    },\n  };\n\n  const handleKeyDown: keyHandler = (event) => {\n    if (isFocusVisibleRef.current) {\n      setFocusVisible(true);\n    }\n\n    const handler: keyHandler = keyDownHandlers[event.key];\n\n    if (handler) {\n      handler(event);\n    }\n\n    if (onKeyDown) {\n      onKeyDown(event);\n    }\n  };\n\n  const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n    handleFocusVisible(event);\n    if (isFocusVisibleRef.current) {\n      setFocusVisible(true);\n    }\n\n    // Work out the index to highlight\n    if (highlightedIndex === undefined) {\n      const firstSelectedItem = isMultiSelect\n        ? (selectedItem as Item[])[0]\n        : (selectedItem as Item | undefined);\n\n      setHighlightedIndex(\n        Math.max(\n          restoreLastFocus\n            ? lastFocusedIndex\n            : firstSelectedItem\n              ? getItemIndex(firstSelectedItem)\n              : -1,\n          0,\n        ),\n      );\n    }\n\n    if (onFocus) {\n      onFocus(event);\n    }\n  };\n\n  const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n    setHighlightedIndex(undefined);\n    handleBlurVisible();\n    if (!isFocusVisibleRef.current) {\n      setFocusVisible(false);\n    }\n\n    if (onBlur) {\n      onBlur(event);\n    }\n  };\n\n  const handleMouseDown = (event: MouseEvent<HTMLDivElement>) => {\n    if (disableMouseDown) {\n      event.preventDefault();\n    } else if (onMouseDown) {\n      onMouseDown(event);\n    }\n  };\n\n  const handleMouseLeave = (event: MouseEvent<HTMLDivElement>) => {\n    if (focusVisible && id) {\n      // Get the root node of the component if we have access to it otherwise default to current document\n      const rootNode = (\n        rootRef.current || ownerDocument(event.currentTarget)\n      ).getRootNode();\n\n      const listNode = (rootNode as Document).getElementById(id);\n\n      // Safety check as `mouseleave` could have been accidentally triggered by an opening tooltip\n      // when you use keyboard to navigate, hence the focusVisible check earlier\n      if (listNode?.contains(event.target as Node)) {\n        setHighlightedIndex(undefined);\n      }\n    } else {\n      setHighlightedIndex(undefined);\n    }\n\n    if (onMouseLeave) {\n      onMouseLeave(event);\n    }\n  };\n\n  const eventHandlers = {\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    onKeyDown: handleKeyDown,\n    onMouseDown: handleMouseDown,\n    onMouseLeave: handleMouseLeave,\n  };\n\n  const ariaProps: listBoxAriaProps = {\n    role: \"listbox\",\n    \"aria-activedescendant\":\n      highlightedIndex !== undefined && highlightedIndex >= 0\n        ? getItemId(highlightedIndex)\n        : undefined,\n  };\n\n  if (isMultiSelect) {\n    ariaProps[\"aria-multiselectable\"] = true;\n  }\n\n  return {\n    focusedRef: useForkRef(rootRef, focusVisibleRef),\n    state: {\n      id,\n      focusVisible,\n      selectedItem,\n      highlightedIndex,\n      isDeselectable,\n      isMultiSelect,\n      isDisabled: disabled,\n    },\n    helpers: {\n      setFocusVisible,\n      setSelectedItem,\n      setHighlightedIndex,\n      keyDownHandlers,\n      handleSelect,\n    },\n    listProps: {\n      id,\n      source,\n      itemCount,\n      disableMouseDown,\n      displayedItemCount,\n      getItemAtIndex,\n      getItemIndex,\n      getItemId,\n      disabled,\n      ...ariaProps,\n      ...restProps,\n      ...(disabled ? {} : eventHandlers),\n    },\n  };\n}\n\nconst validateProps = <Item, Variant extends ListSelectionVariant>(\n  props: ListProps<Item, Variant>,\n) => {\n  if (process.env.NODE_ENV !== \"production\") {\n    const { source, itemCount, getItemIndex, getItemAtIndex } = props;\n\n    const hasIndexer =\n      typeof getItemIndex === \"function\" &&\n      typeof getItemAtIndex === \"function\";\n\n    const hasNoIndexer =\n      getItemIndex === undefined && getItemAtIndex === undefined;\n\n    const sourceNotArray = !Array.isArray(source);\n\n    useEffect(() => {\n      if (sourceNotArray) {\n        console.error(\"`source` for useList must be an array.\");\n      }\n    }, [sourceNotArray]);\n\n    useEffect(() => {\n      if (!hasNoIndexer && !hasIndexer) {\n        console.error(\n          \"useList needs to have both `getItemIndex` and `getItemAtIndex`.\",\n        );\n      }\n\n      if (!hasNoIndexer && itemCount === undefined) {\n        console.error(\n          \"useList needs to have `itemCount` if an indexer is used.\",\n        );\n      }\n    }, [hasIndexer, hasNoIndexer, itemCount]);\n  }\n};\n"],"names":[],"mappings":"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"}

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

@@ -26,6 +26,11 @@ function useListItem(props) {
     itemHeight = (_a = context.getItemHeight) == null ? void 0 : _a.call(context, index),
     itemToString = context.itemToString,
     itemTextHighlightPattern = context.itemTextHighlightPattern,
+    // An item can be disabled by
+    // 1. Setting disabled attribute on the item object, or
+    // 2. Passing a disabled prop directly or
+    // 3. Using the disabled state in list context
+    //TODO Not sure where disabled needs to be defined
     disabled = item.disabled || isDisabled,
     ariaProps: ariaPropsProp,
     style: styleProp,

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

@@ -1 +1 @@
-{"version":3,"file":"useListItem.js","sources":["../src/list-deprecated/useListItem.ts"],"sourcesContent":["import { type MouseEvent, useCallback, useEffect, useMemo } from \"react\";\nimport type { ListChildComponentProps } from \"react-window\";\n\nimport type { ListItemProps } from \"./ListItem\";\nimport type { ListItemBaseProps } from \"./ListItemBase\";\n\nimport { useListItemContext } from \"./ListItemContext\";\nimport { useListStateContext } from \"./ListStateContext\";\n\ntype UseItemHookReturnType<Item> = {\n  /**\n   * Item data\n   */\n  item: Item;\n  /**\n   * Utility function for converting item data to a string\n   */\n  itemToString: (item: Item) => string;\n  /**\n   * Properties applied to a basic list item component\n   */\n  itemProps: ListItemBaseProps;\n};\n\nexport interface IndexedListItemProps<Item> extends ListItemProps<Item> {\n  ariaProps?: {\n    role?: string;\n    \"aria-disabled\"?: string;\n    \"aria-checked\"?: string;\n    \"aria-posinset\"?: number;\n    \"aria-setsize\"?: number;\n  };\n\n  index: number;\n  itemHeight?: number | string;\n}\n\nexport function useListItem<Item>(\n  props: IndexedListItemProps<Item>,\n): UseItemHookReturnType<Item> {\n  validateProps(props);\n\n  const context = useListItemContext<Item>();\n  const { state, helpers } = useListStateContext();\n  const { setHighlightedIndex, setFocusVisible, handleSelect } = helpers;\n  const {\n    focusVisible,\n    highlightedIndex,\n    selectedItem,\n    isDeselectable,\n    isDisabled,\n    isMultiSelect,\n  } = state;\n  const {\n    index,\n    item,\n    onClick,\n    onMouseDown,\n    onMouseMove,\n    id = context.getItemId(index),\n    itemHeight = context.getItemHeight?.(index),\n    itemToString = context.itemToString,\n    itemTextHighlightPattern = context.itemTextHighlightPattern,\n    // An item can be disabled by\n    // 1. Setting disabled attribute on the item object, or\n    // 2. Passing a disabled prop directly or\n    // 3. Using the disabled state in list context\n    //TODO Not sure where disabled needs to be defined\n    disabled = (item as any).disabled || isDisabled,\n    ariaProps: ariaPropsProp,\n    style: styleProp,\n    ...restProps\n  } = props;\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: JSON.stringify is used to compare objects\n  const style = useMemo(\n    () => ({\n      height: itemHeight,\n      ...styleProp,\n    }),\n    [itemHeight, JSON.stringify(styleProp)],\n  );\n\n  const highlighted = index === highlightedIndex;\n  const selected = isMultiSelect\n    ? selectedItem.indexOf(item) !== -1\n    : item === selectedItem;\n\n  const handleClick = useCallback(\n    (event: MouseEvent<HTMLDivElement>) => {\n      handleSelect(event, index, item);\n\n      if (onClick) {\n        onClick(event);\n      }\n    },\n    [handleSelect, index, item, onClick],\n  );\n\n  const handleMouseMove = useCallback(\n    (event: MouseEvent<HTMLDivElement>) => {\n      setHighlightedIndex(index);\n      setFocusVisible(false);\n\n      if (onMouseMove) {\n        onMouseMove(event);\n      }\n    },\n    [index, setFocusVisible, setHighlightedIndex, onMouseMove],\n  );\n\n  const handleMouseDown = (\n    event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>,\n  ) => {\n    if (context.disableMouseDown) {\n      event.preventDefault();\n    } else if (onMouseDown) {\n      onMouseDown(event);\n    }\n  };\n\n  const eventHandlers = {\n    onClick: handleClick,\n    onMouseMove: handleMouseMove,\n    onMouseDown: handleMouseDown,\n  };\n\n  const ariaProps = {\n    role: \"option\",\n    ...(disabled && { \"aria-disabled\": true }),\n    ...ariaPropsProp,\n  };\n\n  if (selected) {\n    ariaProps[`${isMultiSelect ? \"aria-selected\" : \"aria-checked\"}`] = true;\n  }\n\n  return {\n    item: item!,\n    itemToString,\n    itemProps: {\n      \"data-option-index\": index,\n      id,\n      style,\n      deselectable: isDeselectable || isMultiSelect,\n      disabled,\n      selected,\n      highlighted,\n      itemTextHighlightPattern,\n      focusVisible: focusVisible && highlighted,\n      tooltipText: item ? itemToString(item) : undefined,\n      ...ariaProps,\n      ...restProps,\n      ...(disabled ? {} : eventHandlers),\n    },\n  };\n}\n\ntype VirtualizedListItemProps = Pick<\n  ListChildComponentProps,\n  \"index\" | \"style\" | \"data\"\n>;\n\nexport const useVirtualizedListItem = (props: VirtualizedListItemProps) => {\n  const { index, data, style = {} } = props;\n  // Filter out inline width added by `react-window` so that it can only be defined using css.\n  const { width: _unusedWidth, height: itemHeight, ...restStyle } = style;\n\n  return useListItem({\n    index,\n    itemHeight,\n    style: restStyle,\n    item: data[index],\n    ariaProps: {\n      \"aria-posinset\": index + 1,\n      \"aria-setsize\": data.length,\n    },\n  });\n};\n\nconst validateProps = <Item>(props: IndexedListItemProps<Item>) => {\n  const { index, item } = props;\n\n  /* eslint-disable react-hooks/rules-of-hooks */\n  useEffect(() => {\n    if (item === undefined) {\n      console.warn(\"useListItem needs `item`.\");\n    }\n    if (index === undefined) {\n      console.warn(\"useListItem needs to know item's index.\");\n    }\n  }, [index, item]);\n  /* eslint-enable react-hooks/rules-of-hooks */\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useListItem.js","sources":["../src/list-deprecated/useListItem.ts"],"sourcesContent":["import { type MouseEvent, useCallback, useEffect, useMemo } from \"react\";\nimport type { ListChildComponentProps } from \"react-window\";\n\nimport type { ListItemProps } from \"./ListItem\";\nimport type { ListItemBaseProps } from \"./ListItemBase\";\n\nimport { useListItemContext } from \"./ListItemContext\";\nimport { useListStateContext } from \"./ListStateContext\";\n\ntype UseItemHookReturnType<Item> = {\n  /**\n   * Item data\n   */\n  item: Item;\n  /**\n   * Utility function for converting item data to a string\n   */\n  itemToString: (item: Item) => string;\n  /**\n   * Properties applied to a basic list item component\n   */\n  itemProps: ListItemBaseProps;\n};\n\nexport interface IndexedListItemProps<Item> extends ListItemProps<Item> {\n  ariaProps?: {\n    role?: string;\n    \"aria-disabled\"?: string;\n    \"aria-checked\"?: string;\n    \"aria-posinset\"?: number;\n    \"aria-setsize\"?: number;\n  };\n\n  index: number;\n  itemHeight?: number | string;\n}\n\nexport function useListItem<Item>(\n  props: IndexedListItemProps<Item>,\n): UseItemHookReturnType<Item> {\n  validateProps(props);\n\n  const context = useListItemContext<Item>();\n  const { state, helpers } = useListStateContext();\n  const { setHighlightedIndex, setFocusVisible, handleSelect } = helpers;\n  const {\n    focusVisible,\n    highlightedIndex,\n    selectedItem,\n    isDeselectable,\n    isDisabled,\n    isMultiSelect,\n  } = state;\n  const {\n    index,\n    item,\n    onClick,\n    onMouseDown,\n    onMouseMove,\n    id = context.getItemId(index),\n    itemHeight = context.getItemHeight?.(index),\n    itemToString = context.itemToString,\n    itemTextHighlightPattern = context.itemTextHighlightPattern,\n    // An item can be disabled by\n    // 1. Setting disabled attribute on the item object, or\n    // 2. Passing a disabled prop directly or\n    // 3. Using the disabled state in list context\n    //TODO Not sure where disabled needs to be defined\n    disabled = (item as any).disabled || isDisabled,\n    ariaProps: ariaPropsProp,\n    style: styleProp,\n    ...restProps\n  } = props;\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: JSON.stringify is used to compare objects\n  const style = useMemo(\n    () => ({\n      height: itemHeight,\n      ...styleProp,\n    }),\n    [itemHeight, JSON.stringify(styleProp)],\n  );\n\n  const highlighted = index === highlightedIndex;\n  const selected = isMultiSelect\n    ? selectedItem.indexOf(item) !== -1\n    : item === selectedItem;\n\n  const handleClick = useCallback(\n    (event: MouseEvent<HTMLDivElement>) => {\n      handleSelect(event, index, item);\n\n      if (onClick) {\n        onClick(event);\n      }\n    },\n    [handleSelect, index, item, onClick],\n  );\n\n  const handleMouseMove = useCallback(\n    (event: MouseEvent<HTMLDivElement>) => {\n      setHighlightedIndex(index);\n      setFocusVisible(false);\n\n      if (onMouseMove) {\n        onMouseMove(event);\n      }\n    },\n    [index, setFocusVisible, setHighlightedIndex, onMouseMove],\n  );\n\n  const handleMouseDown = (\n    event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>,\n  ) => {\n    if (context.disableMouseDown) {\n      event.preventDefault();\n    } else if (onMouseDown) {\n      onMouseDown(event);\n    }\n  };\n\n  const eventHandlers = {\n    onClick: handleClick,\n    onMouseMove: handleMouseMove,\n    onMouseDown: handleMouseDown,\n  };\n\n  const ariaProps = {\n    role: \"option\",\n    ...(disabled && { \"aria-disabled\": true }),\n    ...ariaPropsProp,\n  };\n\n  if (selected) {\n    ariaProps[`${isMultiSelect ? \"aria-selected\" : \"aria-checked\"}`] = true;\n  }\n\n  return {\n    item: item!,\n    itemToString,\n    itemProps: {\n      \"data-option-index\": index,\n      id,\n      style,\n      deselectable: isDeselectable || isMultiSelect,\n      disabled,\n      selected,\n      highlighted,\n      itemTextHighlightPattern,\n      focusVisible: focusVisible && highlighted,\n      tooltipText: item ? itemToString(item) : undefined,\n      ...ariaProps,\n      ...restProps,\n      ...(disabled ? {} : eventHandlers),\n    },\n  };\n}\n\ntype VirtualizedListItemProps = Pick<\n  ListChildComponentProps,\n  \"index\" | \"style\" | \"data\"\n>;\n\nexport const useVirtualizedListItem = (props: VirtualizedListItemProps) => {\n  const { index, data, style = {} } = props;\n  // Filter out inline width added by `react-window` so that it can only be defined using css.\n  const { width: _unusedWidth, height: itemHeight, ...restStyle } = style;\n\n  return useListItem({\n    index,\n    itemHeight,\n    style: restStyle,\n    item: data[index],\n    ariaProps: {\n      \"aria-posinset\": index + 1,\n      \"aria-setsize\": data.length,\n    },\n  });\n};\n\nconst validateProps = <Item>(props: IndexedListItemProps<Item>) => {\n  const { index, item } = props;\n\n  /* eslint-disable react-hooks/rules-of-hooks */\n  useEffect(() => {\n    if (item === undefined) {\n      console.warn(\"useListItem needs `item`.\");\n    }\n    if (index === undefined) {\n      console.warn(\"useListItem needs to know item's index.\");\n    }\n  }, [index, item]);\n  /* eslint-enable react-hooks/rules-of-hooks */\n};\n"],"names":[],"mappings":"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"}

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

@@ -68,6 +68,8 @@ function useTypeSelect(options) {
     }, TYPE_SELECT_TIMEOUT);
   };
   return {
+    // Using a capturing listener to catch the keydown event before
+    // other hooks in order to handle the Spacebar event.
     onKeyDownCapture
   };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"useTypeSelect.js","sources":["../src/list-deprecated/useTypeSelect.js"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport { escapeRegExp } from \"../utils\";\n\nimport { itemToString as defaultItemToString } from \"./itemToString\";\n\nconst TYPE_SELECT_TIMEOUT = 1500;\n\nexport function useTypeSelect(options) {\n  const {\n    getItemAtIndex,\n    highlightedIndex,\n    itemCount,\n    itemToString = defaultItemToString,\n    onTypeSelect,\n    setFocusVisible,\n    setHighlightedIndex,\n  } = options;\n\n  const getItemIndexForSearch = useCallback(\n    (searchTerm, fromIndex) => {\n      if (itemCount === 0) {\n        return null;\n      }\n\n      let index = fromIndex || 0;\n      while (index < itemCount) {\n        const item = getItemAtIndex(index);\n        const textValue = itemToString ? itemToString(item) : item;\n        if (textValue?.match(new RegExp(`^${escapeRegExp(searchTerm)}`, \"i\"))) {\n          return index;\n        }\n\n        index = index + 1;\n      }\n\n      return null;\n    },\n    [itemCount, itemToString, getItemAtIndex],\n  );\n\n  const state = useRef({\n    search: \"\",\n    timeout: null,\n  }).current;\n\n  const onKeyDownCapture = (event) => {\n    const character = getStringForKey(event.key);\n    if (!character || event.ctrlKey || event.metaKey) {\n      return;\n    }\n\n    // Do not propagate the Spacebar event if it's meant to be part of the search.\n    // When we time out, the search term becomes empty, hence the check on length.\n    // Trimming is to account for the case of pressing the Spacebar more than once,\n    // which should cycle through the selection/deselection of the focused item.\n    if (character !== \" \" || state.search.trim().length > 0) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n\n    // When typing same character sebsequently and *quickly*, we treat it as cyling through items\n    // starting with that char instead of seaching for double character, because in most cases\n    // there won't be any option having same characters at the beginning. This should be only\n    // impacting beginning of the words because length of `character` would be 1.\n    if (character !== state.search) {\n      state.search += character;\n    }\n\n    // Prioritize items after the currently focused item, falling back to searching the whole list.\n    // We want to cycle through choices when keep typing the same first character, hence the +1\n    // condition. All subsequent characters should stay at the current item otherwise it will\n    // always jumping around.\n    let index = getItemIndexForSearch(\n      state.search,\n      state.search.length > 1 ? highlightedIndex : highlightedIndex + 1,\n    );\n\n    // If no key found, search from the top.\n    if (index == null) {\n      index = getItemIndexForSearch(state.search);\n    }\n\n    if (index != null) {\n      setFocusVisible(true);\n      // TODO: Maybe we can repurpose this setHighlightedIndex so that the user controls it's meant to set\n      // hightlighted index when expanded v.s. selected item when collapsed\n      setHighlightedIndex(index);\n      if (onTypeSelect) {\n        onTypeSelect(index);\n      }\n    }\n\n    clearTimeout(state.timeout);\n    state.timeout = setTimeout(() => {\n      state.search = \"\";\n    }, TYPE_SELECT_TIMEOUT);\n  };\n\n  return {\n    // Using a capturing listener to catch the keydown event before\n    // other hooks in order to handle the Spacebar event.\n    onKeyDownCapture,\n  };\n}\n\nfunction getStringForKey(key) {\n  // If the key is of length 1, it is an ASCII value.\n  // Otherwise, if there are no ASCII characters in the key name,\n  // it is a Unicode character.\n  // See https://www.w3.org/TR/uievents-key/\n  if (key.length === 1 || !/^[A-Z]/i.test(key)) {\n    return key;\n  }\n\n  return \"\";\n}\n"],"names":["itemToString","defaultItemToString"],"mappings":"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"}
+{"version":3,"file":"useTypeSelect.js","sources":["../src/list-deprecated/useTypeSelect.js"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport { escapeRegExp } from \"../utils\";\n\nimport { itemToString as defaultItemToString } from \"./itemToString\";\n\nconst TYPE_SELECT_TIMEOUT = 1500;\n\nexport function useTypeSelect(options) {\n  const {\n    getItemAtIndex,\n    highlightedIndex,\n    itemCount,\n    itemToString = defaultItemToString,\n    onTypeSelect,\n    setFocusVisible,\n    setHighlightedIndex,\n  } = options;\n\n  const getItemIndexForSearch = useCallback(\n    (searchTerm, fromIndex) => {\n      if (itemCount === 0) {\n        return null;\n      }\n\n      let index = fromIndex || 0;\n      while (index < itemCount) {\n        const item = getItemAtIndex(index);\n        const textValue = itemToString ? itemToString(item) : item;\n        if (textValue?.match(new RegExp(`^${escapeRegExp(searchTerm)}`, \"i\"))) {\n          return index;\n        }\n\n        index = index + 1;\n      }\n\n      return null;\n    },\n    [itemCount, itemToString, getItemAtIndex],\n  );\n\n  const state = useRef({\n    search: \"\",\n    timeout: null,\n  }).current;\n\n  const onKeyDownCapture = (event) => {\n    const character = getStringForKey(event.key);\n    if (!character || event.ctrlKey || event.metaKey) {\n      return;\n    }\n\n    // Do not propagate the Spacebar event if it's meant to be part of the search.\n    // When we time out, the search term becomes empty, hence the check on length.\n    // Trimming is to account for the case of pressing the Spacebar more than once,\n    // which should cycle through the selection/deselection of the focused item.\n    if (character !== \" \" || state.search.trim().length > 0) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n\n    // When typing same character sebsequently and *quickly*, we treat it as cyling through items\n    // starting with that char instead of seaching for double character, because in most cases\n    // there won't be any option having same characters at the beginning. This should be only\n    // impacting beginning of the words because length of `character` would be 1.\n    if (character !== state.search) {\n      state.search += character;\n    }\n\n    // Prioritize items after the currently focused item, falling back to searching the whole list.\n    // We want to cycle through choices when keep typing the same first character, hence the +1\n    // condition. All subsequent characters should stay at the current item otherwise it will\n    // always jumping around.\n    let index = getItemIndexForSearch(\n      state.search,\n      state.search.length > 1 ? highlightedIndex : highlightedIndex + 1,\n    );\n\n    // If no key found, search from the top.\n    if (index == null) {\n      index = getItemIndexForSearch(state.search);\n    }\n\n    if (index != null) {\n      setFocusVisible(true);\n      // TODO: Maybe we can repurpose this setHighlightedIndex so that the user controls it's meant to set\n      // hightlighted index when expanded v.s. selected item when collapsed\n      setHighlightedIndex(index);\n      if (onTypeSelect) {\n        onTypeSelect(index);\n      }\n    }\n\n    clearTimeout(state.timeout);\n    state.timeout = setTimeout(() => {\n      state.search = \"\";\n    }, TYPE_SELECT_TIMEOUT);\n  };\n\n  return {\n    // Using a capturing listener to catch the keydown event before\n    // other hooks in order to handle the Spacebar event.\n    onKeyDownCapture,\n  };\n}\n\nfunction getStringForKey(key) {\n  // If the key is of length 1, it is an ASCII value.\n  // Otherwise, if there are no ASCII characters in the key name,\n  // it is a Unicode character.\n  // See https://www.w3.org/TR/uievents-key/\n  if (key.length === 1 || !/^[A-Z]/i.test(key)) {\n    return key;\n  }\n\n  return \"\";\n}\n"],"names":["itemToString","defaultItemToString"],"mappings":"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"}