@salt-ds/lab 1.0.0-alpha.5 → 1.0.0-alpha.51

package/dist-cjs/packages/lab/src/list-deprecated/ListItem.js

@@ -1,34 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var helpers = require('./internal/helpers.js');
-var DescendantContext = require('./internal/DescendantContext.js');
-var useListItem = require('./useListItem.js');
-var ListItemBase = require('./ListItemBase.js');
-
-function ListItem(props, ref) {
-  const {
-    children,
-    item = props.item === void 0 && !helpers.isPlainObject(children) ? children : props.item,
-    ...restProps
-  } = props;
-  const { itemToString, itemProps } = useListItem.useListItem({
-    index: DescendantContext.useDescendant(item),
-    item,
-    ...restProps
-  });
-  const itemText = itemToString(item);
-  return /* @__PURE__ */ jsxRuntime.jsx(ListItemBase.ListItemBase, {
-    tooltipText: itemText,
-    ...itemProps,
-    ref,
-    children: children !== void 0 ? children : itemText
-  });
-}
-const _ListItem = React.forwardRef(ListItem);
-
-exports.ListItem = _ListItem;
-//# sourceMappingURL=ListItem.js.map

package/dist-cjs/packages/lab/src/list-deprecated/ListItem.js.map

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

package/dist-cjs/packages/lab/src/list-deprecated/ListItemBase.js

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

package/dist-cjs/packages/lab/src/list-deprecated/ListItemBase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemBase.js","sources":["../src/list-deprecated/ListItemBase.tsx"],"sourcesContent":["import { makePrefixer, Tooltip, useForkRef } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { ForwardedRef, forwardRef, HTMLAttributes, memo, useRef } from \"react\";\n\nimport { useOverflowDetection } from \"../utils\";\nimport { Highlighter } from \"./internal/Highlighter\";\n\nimport \"./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 { current: detectTruncation } = useRef(typeof children === \"string\");\n\n    const [overflowRef, isOverflowed] = useOverflowDetection<HTMLDivElement>();\n    const setItemRef = useForkRef(overflowRef, ref);\n\n    return (\n      <Tooltip disabled={!isOverflowed} content={tooltipText}>\n        <div\n          aria-label={typeof children === \"string\" ? children : undefined}\n          ref={detectTruncation ? ref : setItemRef}\n          {...restProps}\n          className={clsx(\n            withBaseName(),\n            {\n              [withBaseName(\"deselectable\")]: deselectable,\n              [withBaseName(\"highlighted\")]: highlighted,\n              [withBaseName(\"selected\")]: selected,\n              [withBaseName(\"focusVisible\")]: focusVisible,\n              [withBaseName(\"disabled\")]: disabled,\n            },\n            className\n          )}\n        >\n          {detectTruncation ? (\n            <span className={withBaseName(\"textWrapper\")} ref={overflowRef}>\n              {itemTextHighlightPattern == null ? (\n                children\n              ) : (\n                <Highlighter\n                  matchPattern={itemTextHighlightPattern}\n                  text={children}\n                />\n              )}\n            </span>\n          ) : (\n            children\n          )}\n        </div>\n      </Tooltip>\n    );\n  })\n);\n"],"names":["makePrefixer","memo","forwardRef","ListItemBase","useRef","useOverflowDetection","useForkRef","jsx","Tooltip","clsx","Highlighter"],"mappings":";;;;;;;;;;;;;AAoBA,MAAM,YAAA,GAAeA,kBAAa,wBAAwB,CAAA,CAAA;AAInD,MAAM,YAAe,GAAAC,UAAA;AAAA,EAC1BC,gBAAW,CAAA,SAASC,aAClB,CAAA,KAAA,EACA,GACA,EAAA;AACA,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAc,GAAA,KAAA;AAAA,MACd,YAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,wBAAA;AAAA,MACG,GAAA,SAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,EAAE,OAAS,EAAA,gBAAA,KAAqBC,YAAO,CAAA,OAAO,aAAa,QAAQ,CAAA,CAAA;AAEzE,IAAA,MAAM,CAAC,WAAA,EAAa,YAAY,CAAA,GAAIC,yCAAqC,EAAA,CAAA;AACzE,IAAM,MAAA,UAAA,GAAaC,eAAW,CAAA,WAAA,EAAa,GAAG,CAAA,CAAA;AAE9C,IAAA,uBACGC,cAAA,CAAAC,YAAA,EAAA;AAAA,MAAQ,UAAU,CAAC,YAAA;AAAA,MAAc,OAAS,EAAA,WAAA;AAAA,MACzC,QAAC,kBAAAD,cAAA,CAAA,KAAA,EAAA;AAAA,QACC,YAAY,EAAA,OAAO,QAAa,KAAA,QAAA,GAAW,QAAW,GAAA,KAAA,CAAA;AAAA,QACtD,GAAA,EAAK,mBAAmB,GAAM,GAAA,UAAA;AAAA,QAC7B,GAAG,SAAA;AAAA,QACJ,SAAW,EAAAE,SAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb;AAAA,YACE,CAAC,YAAa,CAAA,cAAc,CAAI,GAAA,YAAA;AAAA,YAChC,CAAC,YAAa,CAAA,aAAa,CAAI,GAAA,WAAA;AAAA,YAC/B,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,YAC5B,CAAC,YAAa,CAAA,cAAc,CAAI,GAAA,YAAA;AAAA,YAChC,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,WAC9B;AAAA,UACA,SAAA;AAAA,SACF;AAAA,QAEC,6CACEF,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAA,EAAW,aAAa,aAAa,CAAA;AAAA,UAAG,GAAK,EAAA,WAAA;AAAA,UAChD,QAAA,EAAA,wBAAA,IAA4B,IAC3B,GAAA,QAAA,mBAECA,cAAA,CAAAG,uBAAA,EAAA;AAAA,YACC,YAAc,EAAA,wBAAA;AAAA,YACd,IAAM,EAAA,QAAA;AAAA,WACR,CAAA;AAAA,SAEJ,CAEA,GAAA,QAAA;AAAA,OAEJ,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEH,CAAA;AACH;;;;"}

package/dist-cjs/packages/lab/src/list-deprecated/ListItemContext.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const ListItemContext = React.createContext(void 0);
-const useListItemContext = function() {
-  const contextValue = React.useContext(ListItemContext);
-  if (contextValue === void 0) {
-    throw new Error(
-      "useListItemContext must be used inside of a List or ListBase component."
-    );
-  }
-  return contextValue;
-};
-
-exports.ListItemContext = ListItemContext;
-exports.useListItemContext = useListItemContext;
-//# sourceMappingURL=ListItemContext.js.map

package/dist-cjs/packages/lab/src/list-deprecated/ListItemContext.js.map

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

package/dist-cjs/packages/lab/src/list-deprecated/ListStateContext.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const ListStateContext = React.createContext();
-const useListStateContext = () => {
-  const context = React.useContext(ListStateContext);
-  if (!context) {
-    throw new Error(
-      "useListStateContext must be used inside of a ListStateContext Provider."
-    );
-  }
-  return context;
-};
-
-exports.ListStateContext = ListStateContext;
-exports.useListStateContext = useListStateContext;
-//# sourceMappingURL=ListStateContext.js.map

package/dist-cjs/packages/lab/src/list-deprecated/ListStateContext.js.map

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

package/dist-cjs/packages/lab/src/list-deprecated/internal/DescendantContext.js

@@ -1,45 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@salt-ds/core');
-
-const DescendantContext = React.createContext();
-function DescendantProvider({ items, ...props }) {
-  const assigning = React.useRef(true);
-  const [, forceUpdate] = React.useState();
-  core.useIsomorphicLayoutEffect(() => {
-    if (assigning.current) {
-      assigning.current = false;
-      forceUpdate({});
-    } else {
-      assigning.current = true;
-    }
-    return () => {
-      if (assigning.current) {
-        items.current = [];
-      }
-    };
-  }, [items]);
-  return /* @__PURE__ */ jsxRuntime.jsx(DescendantContext.Provider, {
-    ...props,
-    value: { items, assigning }
-  });
-}
-function useDescendant(descendant) {
-  const { assigning, items } = React.useContext(DescendantContext);
-  const index = React.useRef(-1);
-  core.useIsomorphicLayoutEffect(() => {
-    if (assigning.current) {
-      index.current = items.current.push(descendant) - 1;
-    }
-  });
-  return index.current;
-}
-
-exports.DescendantContext = DescendantContext;
-exports.DescendantProvider = DescendantProvider;
-exports.useDescendant = useDescendant;
-//# sourceMappingURL=DescendantContext.js.map

package/dist-cjs/packages/lab/src/list-deprecated/internal/DescendantContext.js.map

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

package/dist-cjs/packages/lab/src/list-deprecated/internal/Highlighter.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltHighlighter-highlight {\n  font-weight: 700; /* TODO: Use text characteristic when aligned */\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=Highlighter.css.js.map

package/dist-cjs/packages/lab/src/list-deprecated/internal/Highlighter.css.js.map

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

package/dist-cjs/packages/lab/src/list-deprecated/internal/Highlighter.js

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

package/dist-cjs/packages/lab/src/list-deprecated/internal/Highlighter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Highlighter.js","sources":["../src/list-deprecated/internal/Highlighter.jsx"],"sourcesContent":["import React from \"react\";\nimport { escapeRegExp } from \"../../utils\";\n\nimport \"./Highlighter.css\";\n\nconst baseName = \"saltHighlighter\";\n\nexport const Highlighter = (props) => {\n  const { matchPattern, text = \"\" } = props;\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":["escapeRegExp","jsx","Fragment"],"mappings":";;;;;;;;;;;AAKA,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,EAAM,MAAA,UAAA,GACJ,OAAO,YAAA,KAAiB,QACpB,GAAA,IAAI,MAAO,CAAA,CAAA,CAAA,EAAIA,yBAAa,CAAA,YAAY,CAAM,CAAA,CAAA,CAAA,EAAA,IAAI,CAClD,GAAA,YAAA,CAAA;AACN,EACE,uBAAAC,cAAA,CAAAC,mBAAA,EAAA;AAAA,IACG,QAAA,EAAA,IAAA,CAAK,KAAM,CAAA,UAAU,CAAE,CAAA,GAAA;AAAA,MAAI,CAAC,IAAM,EAAA,KAAA,KACjC,KAAK,KAAM,CAAA,UAAU,oBAClBD,cAAA,CAAA,QAAA,EAAA;AAAA,QAAO,WAAW,CAAG,EAAA,QAAA,CAAA,UAAA,CAAA;AAAA,QACnB,QAAA,EAAA,IAAA;AAAA,OAD8C,EAAA,CAAA,EAAG,KAAS,CAAA,CAAA,EAAA,IAAA,CAAA,CAE7D,CAEA,GAAA,IAAA;AAAA,KAEJ;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/packages/lab/src/list-deprecated/internal/calcPreferredListHeight.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const calcPreferredListHeight = (props = {}) => {
-  const {
-    borderless,
-    displayedItemCount = 0,
-    itemCount = 0,
-    itemHeight = 0,
-    getItemHeight,
-    gapSize = 1
-  } = props;
-  let preferredHeight = borderless ? 0 : 2;
-  const preferredItemCount = itemCount === 0 ? displayedItemCount : Math.min(displayedItemCount, itemCount);
-  if (typeof getItemHeight === "function") {
-    preferredHeight += Array.from({ length: preferredItemCount }).reduce(
-      (total, _, index) => total + Number(getItemHeight(index)) + gapSize,
-      0
-    ) - gapSize;
-  } else {
-    preferredHeight += preferredItemCount * Number(itemHeight) + (preferredItemCount - 1) * gapSize;
-  }
-  return isNaN(preferredHeight) ? void 0 : preferredHeight;
-};
-
-exports.calcPreferredListHeight = calcPreferredListHeight;
-//# sourceMappingURL=calcPreferredListHeight.js.map

package/dist-cjs/packages/lab/src/list-deprecated/internal/calcPreferredListHeight.js.map

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

package/dist-cjs/packages/lab/src/list-deprecated/internal/helpers.js.map

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

package/dist-cjs/packages/lab/src/list-deprecated/internal/useListAutoSizer.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var core = require('@salt-ds/core');
-
-function useListAutoSizer(props) {
-  const { responsive, width, height } = props;
-  const [size, setSize] = React.useState({ width, height });
-  const ref = React.useRef(null);
-  const handleResize = React.useCallback(function handleResize2(contentRect) {
-    if (contentRect.width > 0 && contentRect.height > 0) {
-      setSize({
-        width: contentRect.width,
-        height: contentRect.height
-      });
-    }
-  }, []);
-  core.useIsomorphicLayoutEffect(() => {
-    setSize({ width, height });
-  }, [width, height]);
-  core.useIsomorphicLayoutEffect(() => {
-    if (responsive) {
-      let observer;
-      if (ref.current) {
-        handleResize(ref.current.getBoundingClientRect());
-        observer = new ResizeObserver(
-          ([{ contentRect }]) => {
-            handleResize(contentRect);
-          }
-        );
-        observer.observe(ref.current);
-      }
-      return () => {
-        if (observer) {
-          observer.disconnect();
-        }
-      };
-    }
-  }, [handleResize, responsive]);
-  return [ref, size];
-}
-
-exports.useListAutoSizer = useListAutoSizer;
-//# sourceMappingURL=useListAutoSizer.js.map

package/dist-cjs/packages/lab/src/list-deprecated/internal/useListAutoSizer.js.map

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

package/dist-cjs/packages/lab/src/list-deprecated/internal/useWidth.js

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@salt-ds/core');
-var React = require('react');
-
-function useWidth(responsive) {
-  const [width, setWidth] = React.useState();
-  const ref = React.useRef();
-  const handleResize = React.useCallback(function handleResize2(contentRect) {
-    setWidth(contentRect.width);
-  }, []);
-  core.useIsomorphicLayoutEffect(() => {
-    if (!ref.current) {
-      return void 0;
-    }
-    handleResize(ref.current.getBoundingClientRect());
-    if (responsive) {
-      const observer = new ResizeObserver(
-        ([{ contentRect }]) => {
-          handleResize(contentRect);
-        }
-      );
-      observer.observe(ref.current);
-      return () => {
-        observer.disconnect();
-      };
-    }
-  }, [handleResize, responsive]);
-  return [ref, width];
-}
-
-exports.useWidth = useWidth;
-//# sourceMappingURL=useWidth.js.map

package/dist-cjs/packages/lab/src/list-deprecated/internal/useWidth.js.map

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

package/dist-cjs/packages/lab/src/list-deprecated/itemToString.js.map

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