@salt-ds/lab 1.0.0-alpha.0

package/dist-cjs/packages/lab/src/combo-box-deprecated/ComboBoxDeprecated.js

@@ -0,0 +1,103 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var cx = require('classnames');
+var React = require('react');
+var DefaultComboBox = require('./internal/DefaultComboBox.js');
+var MultiSelectComboBox = require('./internal/MultiSelectComboBox.js');
+var useWidth = require('../list-deprecated/internal/useWidth.js');
+require('../form-field-context/FormFieldContext.js');
+var useFormFieldProps = require('../form-field-context/useFormFieldProps.js');
+require('./ComboBox.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const withBaseName = core.makePrefixer("saltComboBox");
+function getMultiSelect({
+  multiSelect,
+  initialSelectedItem,
+  selectedItem
+}) {
+  return multiSelect || Array.isArray(initialSelectedItem) || Array.isArray(selectedItem);
+}
+const validateProps = ({
+  isMultiSelect,
+  delimiter
+}) => {
+  if (process.env.NODE_ENV !== "production") {
+    if (!isMultiSelect && delimiter) {
+      console.warn("Delimiter can only be used for a multi-select combo-box.");
+    }
+  }
+};
+const ComboBoxDeprecated = React.forwardRef(function ComboBox(props, ref) {
+  const {
+    inFormField,
+    a11yProps: {
+      "aria-labelledby": ariaLabelledBy,
+      "aria-required": ariaRequired,
+      disabled: formFieldDisabled
+    } = {}
+  } = useFormFieldProps.useFormFieldProps();
+  const { current: isMultiSelect } = React.useRef(getMultiSelect(props));
+  validateProps({ isMultiSelect, ...props });
+  const {
+    inputRef,
+    listRef,
+    className,
+    disabled = formFieldDisabled,
+    source = [],
+    multiSelect,
+    initialSelectedItem,
+    selectedItem,
+    width,
+    listWidth,
+    id: idProp,
+    "aria-label": ariaLabel,
+    ...restProps
+  } = props;
+  const id = core.useId(idProp);
+  const [rootRef, rootWidth] = useWidth.useWidth(
+    width == null && listWidth == null
+  );
+  const ComboBoxComponent = isMultiSelect ? MultiSelectComboBox.MultiSelectComboBox : DefaultComboBox.DefaultComboBox;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    className: cx__default["default"](
+      withBaseName(),
+      {
+        [withBaseName("disabled")]: disabled,
+        [withBaseName(`field`)]: inFormField
+      },
+      className
+    ),
+    id,
+    ref: core.useForkRef(ref, rootRef),
+    style: { width },
+    children: /* @__PURE__ */ jsxRuntime.jsx(ComboBoxComponent, {
+      ...{
+        ...restProps,
+        id,
+        source,
+        disabled,
+        rootRef,
+        rootWidth,
+        inputRef,
+        listRef,
+        listWidth,
+        initialSelectedItem,
+        selectedItem,
+        "aria-label": cx__default["default"](ariaLabel),
+        "aria-labelledby": ariaLabelledBy,
+        "aria-required": ariaRequired
+      }
+    })
+  });
+});
+
+exports.ComboBoxDeprecated = ComboBoxDeprecated;
+//# sourceMappingURL=ComboBoxDeprecated.js.map

package/dist-cjs/packages/lab/src/combo-box-deprecated/ComboBoxDeprecated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBoxDeprecated.js","sources":["../src/combo-box-deprecated/ComboBoxDeprecated.tsx"],"sourcesContent":["import { makePrefixer, useForkRef, useId } from \"@salt-ds/core\";\nimport classnames from \"classnames\";\nimport { ComponentType, forwardRef, Ref, useRef } from \"react\";\n\nimport {\n  DefaultComboBox,\n  DefaultComboBoxProps,\n} from \"./internal/DefaultComboBox\";\nimport {\n  MultiSelectComboBox,\n  MultiSelectComboBoxProps,\n} from \"./internal/MultiSelectComboBox\";\nimport { useWidth } from \"../list-deprecated/internal/useWidth\";\nimport { useFormFieldProps } from \"../form-field-context\";\nimport \"./ComboBox.css\";\n\nconst withBaseName = makePrefixer(\"saltComboBox\");\n\nfunction getMultiSelect<Item>({\n  multiSelect,\n  initialSelectedItem,\n  selectedItem,\n}: {\n  multiSelect?: boolean;\n  initialSelectedItem?: Item | Item[];\n  selectedItem?: Item | Item[];\n}) {\n  return (\n    multiSelect ||\n    Array.isArray(initialSelectedItem) ||\n    Array.isArray(selectedItem)\n  );\n}\n\nconst validateProps = ({\n  isMultiSelect,\n  delimiter,\n}: {\n  isMultiSelect: boolean;\n  delimiter?: string | string[];\n}) => {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!isMultiSelect && delimiter) {\n      console.warn(\"Delimiter can only be used for a multi-select combo-box.\");\n    }\n  }\n};\n\nexport type ComboBoxDeprecatedProps = Omit<\n  DefaultComboBoxProps<any> | MultiSelectComboBoxProps<any>,\n  \"rootRef\"\n> & {\n  rootRef?: Ref<HTMLElement>;\n  delimiter?: string | string[];\n};\n\nexport const ComboBoxDeprecated = forwardRef<\n  HTMLDivElement,\n  ComboBoxDeprecatedProps\n>(function ComboBox(props, ref) {\n  const {\n    inFormField,\n    a11yProps: {\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-required\": ariaRequired,\n      disabled: formFieldDisabled,\n    } = {},\n  } = useFormFieldProps();\n\n  const { current: isMultiSelect } = useRef(getMultiSelect(props));\n  validateProps({ isMultiSelect, ...props });\n\n  const {\n    inputRef,\n    listRef,\n    className,\n    disabled = formFieldDisabled,\n    source = [],\n    multiSelect,\n    initialSelectedItem,\n    selectedItem,\n    width,\n    listWidth,\n    id: idProp,\n    \"aria-label\": ariaLabel,\n    ...restProps\n  } = props;\n\n  const id = useId(idProp);\n  const [rootRef, rootWidth] = useWidth<HTMLDivElement>(\n    width == null && listWidth == null\n  );\n\n  const ComboBoxComponent = (\n    isMultiSelect ? MultiSelectComboBox : DefaultComboBox\n  ) as ComponentType<ComboBoxDeprecatedProps>;\n\n  return (\n    <div\n      className={classnames(\n        withBaseName(),\n        {\n          [withBaseName(\"disabled\")]: disabled,\n          [withBaseName(`field`)]: inFormField,\n        },\n        className\n      )}\n      id={id}\n      ref={useForkRef(ref, rootRef)}\n      style={{ width }}\n    >\n      <ComboBoxComponent\n        {...{\n          ...restProps,\n          id,\n          source,\n          disabled,\n          rootRef,\n          rootWidth,\n          inputRef,\n          listRef,\n          listWidth,\n          initialSelectedItem,\n          selectedItem,\n          \"aria-label\": classnames(ariaLabel),\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-required\": ariaRequired,\n        }}\n      />\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","useFormFieldProps","useRef","useId","useWidth","MultiSelectComboBox","DefaultComboBox","jsx","classnames","useForkRef"],"mappings":"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"}

package/dist-cjs/packages/lab/src/combo-box-deprecated/filterHelpers.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var escapeRegExp = require('../utils/escapeRegExp.js');
+require('react');
+require('@salt-ds/core');
+
+const leftTrim = (value) => value ? value.replace(/^\s+/g, "") : value;
+const getDefaultFilterRegex = (value) => new RegExp(`(${escapeRegExp.escapeRegExp(leftTrim(value))})`, "gi");
+const getDefaultFilter = (inputValue = "", getFilterRegex = getDefaultFilterRegex) => (itemValue = "") => Boolean(itemValue.length) && Boolean(inputValue.length) && itemValue.match(getFilterRegex(inputValue)) !== null;
+
+exports.getDefaultFilter = getDefaultFilter;
+exports.getDefaultFilterRegex = getDefaultFilterRegex;
+//# sourceMappingURL=filterHelpers.js.map

package/dist-cjs/packages/lab/src/combo-box-deprecated/filterHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterHelpers.js","sources":["../src/combo-box-deprecated/filterHelpers.ts"],"sourcesContent":["import { escapeRegExp } from \"../utils\";\n\nexport type GetFilterRegex = (inputValue: string) => RegExp;\n\nconst leftTrim = (value: string) =>\n  value ? value.replace(/^\\s+/g, \"\") : value;\n\nexport const getDefaultFilterRegex: GetFilterRegex = (value) =>\n  new RegExp(`(${escapeRegExp(leftTrim(value))})`, \"gi\");\n\nexport const getDefaultFilter =\n  (inputValue = \"\", getFilterRegex: GetFilterRegex = getDefaultFilterRegex) =>\n  (itemValue = \"\"): boolean =>\n    Boolean(itemValue.length) &&\n    Boolean(inputValue.length) &&\n    itemValue.match(getFilterRegex(inputValue)) !== null;\n"],"names":["escapeRegExp"],"mappings":";;;;;;;;AAIA,MAAM,QAAA,GAAW,CAAC,KAChB,KAAA,KAAA,GAAQ,MAAM,OAAQ,CAAA,OAAA,EAAS,EAAE,CAAI,GAAA,KAAA,CAAA;AAE1B,MAAA,qBAAA,GAAwC,CAAC,KAAA,KACpD,IAAI,MAAA,CAAO,CAAI,CAAA,EAAAA,yBAAA,CAAa,QAAS,CAAA,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA,EAAM,IAAI,EAAA;AAE1C,MAAA,gBAAA,GACX,CAAC,UAAa,GAAA,EAAA,EAAI,iBAAiC,qBACnD,KAAA,CAAC,SAAY,GAAA,EAAA,KACX,OAAQ,CAAA,SAAA,CAAU,MAAM,CACxB,IAAA,OAAA,CAAQ,WAAW,MAAM,CAAA,IACzB,UAAU,KAAM,CAAA,cAAA,CAAe,UAAU,CAAC,CAAM,KAAA;;;;;"}

package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/DefaultComboBox.js

@@ -0,0 +1,140 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactDomInteractions = require('@floating-ui/react-dom-interactions');
+var core = require('@salt-ds/core');
+var React = require('react');
+require('../../list-deprecated/List.js');
+var ListBase = require('../../list-deprecated/ListBase.js');
+require('../../list-deprecated/ListItemBase.js');
+require('../../list-deprecated/ListItem.js');
+require('../../list-deprecated/ListItemContext.js');
+var ListStateContext = require('../../list-deprecated/ListStateContext.js');
+var getAnnouncement = require('./getAnnouncement.js');
+var useComboBox = require('./useComboBox.js');
+var WindowContext = require('../../window/WindowContext.js');
+require('../../window/ElectronWindow.js');
+require('../../tooltip/Tooltip.js');
+var TooltipContext = require('../../tooltip/TooltipContext.js');
+var useFloatingUI = require('../../popper/useFloatingUI.js');
+var Input = require('../../input/Input.js');
+require('../../input/StaticInputAdornment.js');
+var Portal = require('../../portal/Portal.js');
+
+const DefaultComboBox = function DefaultComboBox2(props) {
+  const {
+    ListItem,
+    Tooltip,
+    WindowProps: WindowProps2 = {},
+    tooltipEnterDelay,
+    tooltipLeaveDelay,
+    tooltipPlacement,
+    rootRef,
+    listRef: listRefProp,
+    inputRef: inputRefProp,
+    rootWidth,
+    listWidth,
+    ...restProps
+  } = props;
+  const inputRef = React.useRef(null);
+  const listRef = React.useRef(null);
+  const setInputRef = core.useForkRef(inputRef, inputRefProp);
+  const setListRef = core.useForkRef(listRef, listRefProp);
+  const { announce } = core.useAriaAnnouncer({ debounce: 1e3 });
+  const tooltipContext = React.useMemo(
+    () => ({
+      Tooltip,
+      enterDelay: tooltipEnterDelay,
+      leaveDelay: tooltipLeaveDelay,
+      placement: tooltipPlacement
+    }),
+    [Tooltip, tooltipEnterDelay, tooltipLeaveDelay, tooltipPlacement]
+  );
+  const {
+    inputRef: setHookInputRef,
+    listContext,
+    inputProps,
+    listProps
+  } = useComboBox.useComboBox(restProps);
+  const { allowAnnouncement, disabled, value, ...restInputProps } = inputProps;
+  const { isListOpen, itemCount, itemToString, source, ...restListProps } = listProps;
+  const firstItem = null;
+  const allowAnnouncementRef = React.useRef(allowAnnouncement);
+  React.useEffect(() => {
+    allowAnnouncementRef.current = allowAnnouncement;
+  }, [allowAnnouncement]);
+  React.useEffect(() => {
+    if (allowAnnouncementRef.current && value && firstItem) {
+      announce(getAnnouncement.getAnnouncement(itemCount, firstItem));
+    }
+  }, [firstItem, value, itemCount, announce]);
+  const [maxListHeight, setMaxListHeight] = React.useState(
+    void 0
+  );
+  const middleware = WindowContext.isDesktop ? [] : [
+    reactDomInteractions.flip({
+      fallbackPlacements: ["bottom-start", "top-start"]
+    }),
+    reactDomInteractions.shift({ limiter: reactDomInteractions.limitShift() }),
+    reactDomInteractions.size({
+      apply({ availableHeight }) {
+        setMaxListHeight(availableHeight);
+      }
+    })
+  ];
+  const { reference, floating, x, y, strategy } = useFloatingUI.useFloatingUI({
+    placement: "bottom-start",
+    middleware
+  });
+  React.useEffect(() => {
+    if (rootRef.current) {
+      reference(rootRef.current);
+    }
+  }, [rootRef, reference]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Input.Input, {
+        disabled,
+        ref: core.useForkRef(setInputRef, setHookInputRef),
+        value,
+        ...restInputProps
+      }),
+      rootRef.current && isListOpen && /* @__PURE__ */ jsxRuntime.jsx(Portal.Portal, {
+        children: /* @__PURE__ */ jsxRuntime.jsx(WindowContext.Window, {
+          style: {
+            top: y != null ? y : "",
+            left: x != null ? x : "",
+            position: strategy,
+            maxHeight: maxListHeight != null ? maxListHeight : ""
+          },
+          ...WindowProps2,
+          ref: floating,
+          children: /* @__PURE__ */ jsxRuntime.jsx(TooltipContext.TooltipContext.Provider, {
+            value: tooltipContext,
+            children: /* @__PURE__ */ jsxRuntime.jsx(ListStateContext.ListStateContext.Provider, {
+              value: listContext,
+              children: /* @__PURE__ */ jsxRuntime.jsx(ListBase.ListBase, {
+                ...{
+                  ListItem,
+                  disabled,
+                  itemCount,
+                  itemToString,
+                  width: listWidth || rootWidth,
+                  source,
+                  ...restListProps,
+                  listRef: setListRef
+                },
+                maxHeight: maxListHeight || listProps.maxHeight
+              })
+            })
+          })
+        })
+      })
+    ]
+  });
+};
+
+exports.DefaultComboBox = DefaultComboBox;
+//# sourceMappingURL=DefaultComboBox.js.map

package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/DefaultComboBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultComboBox.js","sources":["../src/combo-box-deprecated/internal/DefaultComboBox.tsx"],"sourcesContent":["import {\n  flip,\n  limitShift,\n  shift,\n  size,\n} from \"@floating-ui/react-dom-interactions\";\nimport { useAriaAnnouncer, useForkRef } from \"@salt-ds/core\";\nimport {\n  ComponentType,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  IndexedListItemProps,\n  ListBase,\n  ListProps,\n  ListSelectionVariant,\n  ListStateContext,\n} from \"../../list-deprecated\";\nimport { GetFilterRegex } from \"../filterHelpers\";\nimport { getAnnouncement } from \"./getAnnouncement\";\nimport { useComboBox } from \"./useComboBox\";\nimport { Window, WindowProps, isDesktop } from \"../../window\";\nimport { TooltipContext, TooltipContextProps } from \"../../tooltip\";\nimport { Input, InputProps } from \"../../input\";\nimport { useFloatingUI } from \"../../popper\";\nimport { Portal } from \"../../portal\";\n\nexport type BaseComboBoxProps<\n  Item,\n  Variant extends ListSelectionVariant = \"default\"\n> = Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"children\" | \"onChange\" | \"onSelect\" | \"onFocus\" | \"onBlur\" | \"onClick\"\n> &\n  Pick<\n    ListProps<Item, Variant>,\n    | \"displayedItemCount\"\n    | \"itemToString\"\n    | \"listRef\"\n    | \"onChange\"\n    | \"onSelect\"\n    | \"overscanCount\"\n    | \"tooltipEnterDelay\"\n    | \"tooltipLeaveDelay\"\n    | \"tooltipPlacement\"\n    | \"virtualized\"\n    | \"width\"\n  > & {\n    ListItem?: ComponentType<IndexedListItemProps<Item>>;\n    ListProps?: Partial<ListProps<Item, Variant>>;\n    Tooltip?: TooltipContextProps[\"Tooltip\"];\n    WindowProps?: Partial<WindowProps>;\n    allowFreeText?: boolean;\n    disabled?: boolean;\n    getFilterRegex?: GetFilterRegex;\n    initialOpen?: boolean;\n    inputRef?: Ref<HTMLInputElement>;\n    inputValue?: string;\n    listWidth?: number | string;\n\n    rootWidth?: string | number;\n    rootRef: RefObject<HTMLElement>;\n    disabledPortal?: boolean;\n    source: ReadonlyArray<Item>;\n  };\n\nexport interface DefaultComboBoxProps<Item>\n  extends BaseComboBoxProps<Item>,\n    Pick<InputProps, \"onFocus\" | \"onBlur\"> {\n  InputProps?: InputProps;\n  initialSelectedItem?: Item;\n  selectedItem?: Item;\n  multiSelect?: false;\n  onInputFocus?: InputProps[\"onFocus\"];\n  onInputBlur?: InputProps[\"onBlur\"];\n  onInputChange?: InputProps[\"onChange\"];\n  onInputSelect?: InputProps[\"onSelect\"];\n  stringToItem?: (value?: string) => Item | null | undefined;\n}\n\nexport const DefaultComboBox = function DefaultComboBox<Item>(\n  props: DefaultComboBoxProps<Item>\n): ReactNode {\n  const {\n    ListItem,\n    Tooltip,\n    WindowProps = {},\n    tooltipEnterDelay,\n    tooltipLeaveDelay,\n    tooltipPlacement,\n    rootRef,\n    listRef: listRefProp,\n    inputRef: inputRefProp,\n    rootWidth,\n    listWidth,\n    ...restProps\n  } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef(null);\n\n  const setInputRef = useForkRef(inputRef, inputRefProp);\n  // Use callback ref as listRef could be null when it's closed\n  const setListRef = useForkRef(listRef, listRefProp);\n\n  const { announce } = useAriaAnnouncer({ debounce: 1000 });\n\n  const tooltipContext = useMemo(\n    () => ({\n      Tooltip,\n      enterDelay: tooltipEnterDelay,\n      leaveDelay: tooltipLeaveDelay,\n      placement: tooltipPlacement,\n    }),\n    [Tooltip, tooltipEnterDelay, tooltipLeaveDelay, tooltipPlacement]\n  );\n\n  const {\n    inputRef: setHookInputRef,\n    listContext,\n    inputProps,\n    listProps,\n  } = useComboBox(restProps);\n\n  const { allowAnnouncement, disabled, value, ...restInputProps } = inputProps;\n  const { isListOpen, itemCount, itemToString, source, ...restListProps } =\n    listProps;\n\n  const firstItem = null;\n\n  const allowAnnouncementRef = useRef(allowAnnouncement);\n  useEffect(() => {\n    allowAnnouncementRef.current = allowAnnouncement;\n  }, [allowAnnouncement]);\n\n  useEffect(() => {\n    if (allowAnnouncementRef.current && value && firstItem) {\n      announce(getAnnouncement(itemCount, firstItem));\n    }\n  }, [firstItem, value, itemCount, announce]);\n\n  const [maxListHeight, setMaxListHeight] = useState<number | undefined>(\n    undefined\n  );\n  const middleware = isDesktop\n    ? []\n    : [\n        flip({\n          fallbackPlacements: [\"bottom-start\", \"top-start\"],\n        }),\n        shift({ limiter: limitShift() }),\n        size({\n          apply({ availableHeight }) {\n            setMaxListHeight(availableHeight);\n          },\n        }),\n      ];\n  const { reference, floating, x, y, strategy } = useFloatingUI({\n    placement: \"bottom-start\",\n    middleware,\n  });\n\n  useEffect(() => {\n    if (rootRef.current) {\n      reference(rootRef.current);\n    }\n  }, [rootRef, reference]);\n\n  return (\n    <>\n      <Input\n        disabled={disabled}\n        ref={useForkRef(setInputRef, setHookInputRef)}\n        value={value}\n        {...restInputProps}\n      />\n      {rootRef.current && isListOpen && (\n        <Portal>\n          <Window\n            style={{\n              top: y ?? \"\",\n              left: x ?? \"\",\n              position: strategy,\n              maxHeight: maxListHeight ?? \"\",\n            }}\n            {...WindowProps}\n            ref={floating}\n          >\n            <TooltipContext.Provider value={tooltipContext}>\n              <ListStateContext.Provider value={listContext}>\n                <ListBase\n                  {...{\n                    ListItem,\n                    disabled,\n                    itemCount,\n                    itemToString,\n                    width: listWidth || rootWidth,\n                    source,\n                    ...restListProps,\n                    listRef: setListRef,\n                  }}\n                  maxHeight={maxListHeight || listProps.maxHeight}\n                />\n              </ListStateContext.Provider>\n            </TooltipContext.Provider>\n          </Window>\n        </Portal>\n      )}\n    </>\n  );\n};\n"],"names":["DefaultComboBox","WindowProps","useRef","useForkRef","useAriaAnnouncer","useMemo","useComboBox","useEffect","getAnnouncement","useState","isDesktop","flip","shift","limitShift","size","useFloatingUI","jsxs","Fragment","jsx","Input","Portal","Window","TooltipContext","ListStateContext","ListBase"],"mappings":"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"}

package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/MultiSelectComboBox.js

@@ -0,0 +1,145 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactDomInteractions = require('@floating-ui/react-dom-interactions');
+var core = require('@salt-ds/core');
+var React = require('react');
+require('../../list-deprecated/List.js');
+var ListBase = require('../../list-deprecated/ListBase.js');
+require('../../list-deprecated/ListItemBase.js');
+require('../../list-deprecated/ListItem.js');
+require('../../list-deprecated/ListItemContext.js');
+var ListStateContext = require('../../list-deprecated/ListStateContext.js');
+require('../../tokenized-input/TokenizedInput.js');
+var TokenizedInputBase = require('../../tokenized-input/TokenizedInputBase.js');
+require('clipboard-copy');
+require('../../form-field-context/FormFieldContext.js');
+var getAnnouncement = require('./getAnnouncement.js');
+var useMultiSelectComboBox = require('./useMultiSelectComboBox.js');
+var WindowContext = require('../../window/WindowContext.js');
+require('../../window/ElectronWindow.js');
+var Portal = require('../../portal/Portal.js');
+var useFloatingUI = require('../../popper/useFloatingUI.js');
+require('../../tooltip/Tooltip.js');
+var TooltipContext = require('../../tooltip/TooltipContext.js');
+
+function MultiSelectComboBox(props) {
+  const {
+    ListItem,
+    Tooltip,
+    WindowProps,
+    tooltipEnterDelay,
+    tooltipLeaveDelay,
+    tooltipPlacement,
+    rootRef,
+    listRef: listRefProp,
+    rootWidth,
+    listWidth,
+    inputRef: inputRefProp,
+    ...restProps
+  } = props;
+  const { announce } = core.useAriaAnnouncer({ debounce: 1e3 });
+  const expandButtonRef = React.useRef(null);
+  const listRef = React.useRef(null);
+  const setListRef = core.useForkRef(listRef, listRefProp);
+  const { inputRef, listContext, inputProps, listProps, inputHelpers } = useMultiSelectComboBox.useMultiSelectComboBox({
+    ...restProps,
+    expandButtonRef
+  });
+  const { allowAnnouncement, disabled, value, ...restInputProps } = inputProps;
+  const { isListOpen, itemCount, itemToString, source, ...restListProps } = listProps;
+  const tooltipContext = React.useMemo(
+    () => ({
+      Tooltip,
+      enterDelay: tooltipEnterDelay,
+      leaveDelay: tooltipLeaveDelay,
+      placement: tooltipPlacement
+    }),
+    [Tooltip, tooltipEnterDelay, tooltipLeaveDelay, tooltipPlacement]
+  );
+  const firstItem = null;
+  const allowAnnouncementRef = React.useRef(allowAnnouncement);
+  React.useEffect(() => {
+    allowAnnouncementRef.current = allowAnnouncement;
+  }, [allowAnnouncement]);
+  React.useEffect(() => {
+    if (allowAnnouncementRef.current && value && firstItem) {
+      announce(getAnnouncement.getAnnouncement(itemCount, firstItem));
+    }
+  }, [value, firstItem, itemCount, announce]);
+  const [maxListHeight, setMaxListHeight] = React.useState(
+    void 0
+  );
+  const middleware = WindowContext.isDesktop ? [] : [
+    reactDomInteractions.flip({
+      fallbackPlacements: ["bottom-start", "top-start"]
+    }),
+    reactDomInteractions.shift({ limiter: reactDomInteractions.limitShift() }),
+    reactDomInteractions.size({
+      apply({ availableHeight }) {
+        setMaxListHeight(availableHeight);
+      }
+    })
+  ];
+  const { reference, floating, x, y, strategy } = useFloatingUI.useFloatingUI({
+    placement: "bottom-start",
+    middleware
+  });
+  React.useEffect(() => {
+    if (rootRef.current) {
+      reference(rootRef.current);
+    }
+  }, [rootRef, reference]);
+  const Window = WindowContext.useWindow();
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipContext.TooltipContext.Provider, {
+        value: tooltipContext,
+        children: /* @__PURE__ */ jsxRuntime.jsx(TokenizedInputBase.TokenizedInputBase, {
+          disabled,
+          expandButtonRef,
+          inputRef: core.useForkRef(inputRef, inputRefProp),
+          value,
+          helpers: inputHelpers,
+          ...restInputProps
+        })
+      }),
+      rootRef.current && isListOpen && /* @__PURE__ */ jsxRuntime.jsx(Portal.Portal, {
+        children: /* @__PURE__ */ jsxRuntime.jsx(Window, {
+          style: {
+            top: y != null ? y : "",
+            left: x != null ? x : "",
+            position: strategy,
+            maxHeight: maxListHeight != null ? maxListHeight : ""
+          },
+          ...WindowProps,
+          ref: floating,
+          children: /* @__PURE__ */ jsxRuntime.jsx(TooltipContext.TooltipContext.Provider, {
+            value: tooltipContext,
+            children: /* @__PURE__ */ jsxRuntime.jsx(ListStateContext.ListStateContext.Provider, {
+              value: listContext,
+              children: /* @__PURE__ */ jsxRuntime.jsx(ListBase.ListBase, {
+                ...{
+                  ListItem,
+                  disabled,
+                  itemCount,
+                  itemToString,
+                  width: listWidth || rootWidth,
+                  source,
+                  ...restListProps,
+                  listRef: setListRef
+                },
+                maxHeight: maxListHeight || listProps.maxHeight
+              })
+            })
+          })
+        })
+      })
+    ]
+  });
+}
+
+exports.MultiSelectComboBox = MultiSelectComboBox;
+//# sourceMappingURL=MultiSelectComboBox.js.map

package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/MultiSelectComboBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectComboBox.js","sources":["../src/combo-box-deprecated/internal/MultiSelectComboBox.tsx"],"sourcesContent":["import {\n  flip,\n  limitShift,\n  shift,\n  size,\n} from \"@floating-ui/react-dom-interactions\";\nimport { useAriaAnnouncer, useForkRef } from \"@salt-ds/core\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { ListBase, ListStateContext } from \"../../list-deprecated\";\nimport { TokenizedInputBase, TokenizedInputProps } from \"../../tokenized-input\";\nimport { BaseComboBoxProps } from \"./DefaultComboBox\";\nimport { getAnnouncement } from \"./getAnnouncement\";\nimport { useMultiSelectComboBox } from \"./useMultiSelectComboBox\";\nimport { useWindow, isDesktop } from \"../../window\";\nimport { Portal } from \"../../portal\";\nimport { useFloatingUI } from \"../../popper\";\nimport { TooltipContext } from \"../../tooltip\";\n\nexport type MultiSelectComboBoxProps<Item> = BaseComboBoxProps<\n  Item,\n  \"multiple\"\n> &\n  Pick<\n    TokenizedInputProps<Item>,\n    | \"onFocus\"\n    | \"onBlur\"\n    | \"onInputFocus\"\n    | \"onInputBlur\"\n    | \"onInputChange\"\n    | \"onInputSelect\"\n    | \"stringToItem\"\n  > & {\n    InputProps?: Partial<TokenizedInputProps<Item>>;\n    initialSelectedItem?: Item[];\n    selectedItem?: Item[];\n    multiSelect: true;\n    delimiter?: string | string[];\n  };\n\nexport function MultiSelectComboBox<Item>(\n  props: MultiSelectComboBoxProps<Item>\n) {\n  const {\n    ListItem,\n    Tooltip,\n    WindowProps,\n    tooltipEnterDelay,\n    tooltipLeaveDelay,\n    tooltipPlacement,\n    rootRef,\n    listRef: listRefProp,\n    rootWidth,\n    listWidth,\n    inputRef: inputRefProp,\n    ...restProps\n  } = props;\n\n  const { announce } = useAriaAnnouncer({ debounce: 1000 });\n\n  const expandButtonRef = useRef(null);\n  const listRef = useRef(null);\n  // Use callback ref as listRef could be null when it's closed\n  const setListRef = useForkRef(listRef, listRefProp);\n\n  const { inputRef, listContext, inputProps, listProps, inputHelpers } =\n    useMultiSelectComboBox({\n      ...restProps,\n      expandButtonRef,\n    });\n\n  const { allowAnnouncement, disabled, value, ...restInputProps } = inputProps;\n  const { isListOpen, itemCount, itemToString, source, ...restListProps } =\n    listProps;\n\n  const tooltipContext = useMemo(\n    () => ({\n      Tooltip,\n      enterDelay: tooltipEnterDelay,\n      leaveDelay: tooltipLeaveDelay,\n      placement: tooltipPlacement,\n    }),\n    [Tooltip, tooltipEnterDelay, tooltipLeaveDelay, tooltipPlacement]\n  );\n\n  const firstItem = null;\n\n  const allowAnnouncementRef = useRef(allowAnnouncement);\n  useEffect(() => {\n    allowAnnouncementRef.current = allowAnnouncement;\n  }, [allowAnnouncement]);\n\n  useEffect(() => {\n    if (allowAnnouncementRef.current && value && firstItem) {\n      announce(getAnnouncement(itemCount, firstItem));\n    }\n  }, [value, firstItem, itemCount, announce]);\n\n  const [maxListHeight, setMaxListHeight] = useState<number | undefined>(\n    undefined\n  );\n  const middleware = isDesktop\n    ? []\n    : [\n        flip({\n          fallbackPlacements: [\"bottom-start\", \"top-start\"],\n        }),\n        shift({ limiter: limitShift() }),\n        size({\n          apply({ availableHeight }) {\n            setMaxListHeight(availableHeight);\n          },\n        }),\n      ];\n  const { reference, floating, x, y, strategy } = useFloatingUI({\n    placement: \"bottom-start\",\n    middleware,\n  });\n\n  useEffect(() => {\n    if (rootRef.current) {\n      reference(rootRef.current);\n    }\n  }, [rootRef, reference]);\n\n  const Window = useWindow();\n\n  return (\n    <>\n      <TooltipContext.Provider value={tooltipContext}>\n        <TokenizedInputBase\n          disabled={disabled}\n          expandButtonRef={expandButtonRef}\n          inputRef={useForkRef(inputRef, inputRefProp)}\n          value={value}\n          helpers={inputHelpers}\n          {...restInputProps}\n        />\n      </TooltipContext.Provider>\n      {rootRef.current && isListOpen && (\n        <Portal>\n          <Window\n            style={{\n              top: y ?? \"\",\n              left: x ?? \"\",\n              position: strategy,\n              maxHeight: maxListHeight ?? \"\",\n            }}\n            {...WindowProps}\n            ref={floating}\n          >\n            <TooltipContext.Provider value={tooltipContext}>\n              <ListStateContext.Provider value={listContext}>\n                <ListBase\n                  {...{\n                    ListItem,\n                    disabled,\n                    itemCount,\n                    itemToString,\n                    width: listWidth || rootWidth,\n                    source,\n                    ...restListProps,\n                    listRef: setListRef,\n                  }}\n                  maxHeight={maxListHeight || listProps.maxHeight}\n                />\n              </ListStateContext.Provider>\n            </TooltipContext.Provider>\n          </Window>\n        </Portal>\n      )}\n    </>\n  );\n}\n"],"names":["useAriaAnnouncer","useRef","useForkRef","useMultiSelectComboBox","useMemo","useEffect","getAnnouncement","useState","isDesktop","flip","shift","limitShift","size","useFloatingUI","useWindow","jsxs","Fragment","jsx","TooltipContext","TokenizedInputBase","Portal","ListStateContext","ListBase"],"mappings":"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"}

package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/getAnnouncement.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function getAnnouncement(itemCount = 0, firstItem) {
+  return itemCount === 0 ? "no results" : `${itemCount} ${itemCount > 1 ? "results" : "result"}${firstItem ? `, ${firstItem}` : ""}`;
+}
+
+exports.getAnnouncement = getAnnouncement;
+//# sourceMappingURL=getAnnouncement.js.map

package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/getAnnouncement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAnnouncement.js","sources":["../src/combo-box-deprecated/internal/getAnnouncement.ts"],"sourcesContent":["export function getAnnouncement(\n  itemCount = 0,\n  firstItem: string | null\n): string {\n  return itemCount === 0\n    ? \"no results\"\n    : `${itemCount} ${itemCount > 1 ? \"results\" : \"result\"}${\n        firstItem ? `, ${firstItem}` : \"\"\n      }`;\n}\n"],"names":[],"mappings":";;;;AAAgB,SAAA,eAAA,CACd,SAAY,GAAA,CAAA,EACZ,SACQ,EAAA;AACR,EAAO,OAAA,SAAA,KAAc,CACjB,GAAA,YAAA,GACA,CAAG,EAAA,SAAA,CAAA,CAAA,EAAa,SAAY,GAAA,CAAA,GAAI,SAAY,GAAA,QAAA,CAAA,EAC1C,SAAY,GAAA,CAAA,EAAA,EAAK,SAAc,CAAA,CAAA,GAAA,EAAA,CAAA,CAAA,CAAA;AAEvC;;;;"}