@pega/cosmos-react-core 5.0.0-dev.4.7 → 5.0.0-dev.4.8

package/lib/components/ComboBox/ComboBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAUlB,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAsBhD,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;;;;AAoWlD,wBAAyD"}

package/lib/components/ComboBox/ComboBox.js

@@ -1,195 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import Icon, { registerIcon } from '../Icon';
-import * as caretDownIcon from '../Icon/icons/caret-down.icon';
-import * as caretUpIcon from '../Icon/icons/caret-up.icon';
-import { useConsolidatedRef, useFocusWithin, useI18n, useUID, useElement, useDirection, useTestIds, useEscape } from '../../hooks';
-import Popover from '../Popover';
-import FormField from '../FormField';
-import { StyledFormControl } from '../FormControl';
-import Menu from '../Menu';
-import Button from '../Button';
-import { navigatorIsAvailable, withTestIds, getFocusables } from '../../utils';
-import menuHelpers from '../Menu/helpers';
-import { sameWidth } from '../Popover/modifiers';
-import VisuallyHiddenText from '../VisuallyHiddenText';
-import ComboBoxInput from './ComboBoxInput';
-import { StyledComboBox } from './ComboBox.styles';
-import { getComboBoxTestIds } from './ComboxBox.test-ids';
-registerIcon(caretDownIcon, caretUpIcon);
-const isMobile = navigatorIsAvailable && navigator.userAgent.includes('Mobile');
-const ComboBox = forwardRef(function ComboBox(props, ref) {
-    const uid = useUID();
-    const { testId, additionalInfo, value, required, id = uid, label, labelHidden, info, status, readOnly, disabled, mode = 'single-select', selected, onChange, actions, onFocus, onBlur, onResolveSuggestion, onDropdownButtonClick: onDropdownButtonClickProp, onClick, onKeyDown, menu, ...restProps } = props;
-    const testIds = useTestIds(testId, getComboBoxTestIds);
-    const bodyRef = useRef(document.body);
-    const [pauseMenuDescendantEvaluation, setPauseMenuDescendantEvaluation] = useState(true);
-    const [pauseSelectedDescendantEvaluation, setPauseSelectedDescendantEvaluation] = useState(false);
-    const t = useI18n();
-    const listId = `${id}-list`;
-    const inputRef = useRef(null);
-    const popoverRef = useRef(null);
-    const [open, setOpen] = useState(false);
-    const menuRef = useRef(null);
-    const menuComponentId = `${id}-listbox`;
-    const { start } = useDirection();
-    // Force a re-render to make sure useFocusWithin has valid elements to set listeners on.
-    const [, setContainerEl] = useElement();
-    const containerRef = useConsolidatedRef(ref, setContainerEl);
-    const toggleMenuDescendantsActive = useCallback((bool) => {
-        setPauseMenuDescendantEvaluation(!bool);
-        setPauseSelectedDescendantEvaluation(bool);
-    }, []);
-    const toggleSelectedDescendantsActive = useCallback((bool) => {
-        setPauseSelectedDescendantEvaluation(!bool);
-        setPauseMenuDescendantEvaluation(bool);
-    }, []);
-    const focus = useFocusWithin([containerRef, popoverRef], focused => {
-        if (!focused) {
-            setOpen(false);
-            toggleMenuDescendantsActive(false);
-            onBlur?.(selected?.items);
-        }
-        else {
-            onFocus?.(selected?.items);
-            if (isMobile) {
-                setTimeout(() => {
-                    containerRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' });
-                }, 150); // delay it to let keyboard expand first
-            }
-        }
-    });
-    const handleEscape = useCallback((e) => {
-        e.preventDefault();
-        if (open) {
-            e.stopPropagation();
-            setOpen(false);
-            toggleMenuDescendantsActive(false);
-        }
-    }, [open]);
-    useEscape(handleEscape, containerRef, [handleEscape]);
-    const onInputKeyDown = useCallback((e) => {
-        if (!menu || readOnly)
-            return;
-        if (onKeyDown?.(e) === false) {
-            return;
-        }
-        switch (e.key) {
-            case 'ArrowUp':
-                if (e.altKey) {
-                    e.preventDefault();
-                    if (open) {
-                        setOpen(false);
-                        toggleMenuDescendantsActive(false);
-                    }
-                }
-                break;
-            case 'ArrowDown':
-                e.preventDefault();
-                if (!open) {
-                    setOpen(true);
-                    toggleMenuDescendantsActive(true);
-                }
-                break;
-            case 'Tab': {
-                const forward = !e.shiftKey;
-                if (forward) {
-                    const popoverFocusables = getFocusables(popoverRef);
-                    if (popoverFocusables.length) {
-                        e.preventDefault();
-                        popoverFocusables[0].focus();
-                        break;
-                    }
-                }
-                setOpen(false);
-                toggleMenuDescendantsActive(false);
-                break;
-            }
-            default:
-        }
-    }, [open, readOnly, menu, value, onKeyDown]);
-    const onDropdownButtonClick = useCallback(() => {
-        onDropdownButtonClickProp?.(!open);
-        setOpen(!open);
-    }, [open, onDropdownButtonClickProp]);
-    const dropdownButton = useMemo(() => {
-        return (menu?.items?.length || onDropdownButtonClickProp || !onChange) && !readOnly ? (_jsx(Button, { "aria-label": t(open ? 'combobox_close_list_button_a11y' : 'combobox_open_list_button_a11y'), icon: true, variant: 'simple', onClick: onDropdownButtonClick, onMouseDown: (e) => {
-                e.preventDefault();
-                inputRef.current?.focus();
-            }, disabled: disabled, tabIndex: '-1', children: _jsx(Icon, { name: open ? 'caret-up' : 'caret-down' }) })) : null;
-    }, [onDropdownButtonClick, onChange, readOnly, open, disabled]);
-    const ariaDescribedBy = useMemo(() => {
-        let idString = `${id}-inputDescription`;
-        if (info) {
-            idString = idString.concat(` ${id}-info`);
-        }
-        if (onChange) {
-            idString = idString.concat(` ${id}-searchDescription`);
-        }
-        if (mode === 'multi-select') {
-            idString = idString.concat(` ${id}-multiselectDescription`);
-        }
-        return idString;
-    }, [info, id, mode, onChange]);
-    const onInputClick = useCallback((e) => {
-        if (readOnly)
-            return;
-        setOpen(true);
-        toggleMenuDescendantsActive(true);
-        onClick?.(e);
-    }, [readOnly, onClick]);
-    useEffect(() => {
-        if (focus && menu && value && value.length > 0) {
-            setOpen(true);
-            toggleMenuDescendantsActive(true);
-        }
-    }, [menu, value, focus]);
-    // Workaround for the following error from jsx-ast-utils, fixed in version 3.5.0.
-    // The prop value with an expression type of JSXFragment could not be resolved. Please file issue to get this fixed immediately.
-    const inputActions = (_jsxs(_Fragment, { children: [dropdownButton, actions] }));
-    const Comp = (_jsxs(StyledComboBox, { ref: containerRef, as: StyledFormControl, id: `${id}-combobox`, role: 'combobox', "aria-haspopup": 'listbox', "aria-expanded": !readOnly && !disabled && open, "aria-owns": open && menu !== undefined && !pauseMenuDescendantEvaluation ? listId : undefined, children: [_jsx(ComboBoxInput, { "data-testid": testIds.control, ref: inputRef, role: 'searchbox', "aria-autocomplete": 'list', "aria-controls": open && menu !== undefined && !pauseMenuDescendantEvaluation ? listId : undefined, "aria-describedby": ariaDescribedBy, selected: selected?.items, spellCheck: false, id: id, readOnly: readOnly, disabled: disabled, onChange: onChange, value: value, mode: mode, status: status, onResolveSuggestion: onResolveSuggestion, actions: inputActions, onRemove: selected?.onRemove, onClick: onInputClick, onKeyDown: onInputKeyDown, required: required, pauseDescendantEvaluation: pauseSelectedDescendantEvaluation, onSelectedFocus: () => {
-                    toggleSelectedDescendantsActive(true);
-                }, onSelectedBlur: () => {
-                    toggleSelectedDescendantsActive(false);
-                }, ...restProps }), _jsx(Popover, { ref: popoverRef, show: open && menu !== undefined, target: containerRef.current, placement: 'bottom-start', modifiers: [sameWidth], 
-                // FIXME: Removed absolute strategy for mobile to avoid overflow issues.
-                strategy: 'fixed', onMouseDown: (e) => e.preventDefault(), onKeyDown: (e) => {
-                    if (!inputRef.current)
-                        return;
-                    if (e.key === 'Tab') {
-                        const popoverFocusables = getFocusables(popoverRef);
-                        const currentIndex = popoverFocusables.indexOf(e.target);
-                        const forward = !e.shiftKey;
-                        const isLast = currentIndex === popoverFocusables.length - 1;
-                        if (forward && isLast) {
-                            e.preventDefault();
-                            const allFocusable = getFocusables(bodyRef);
-                            const nextIndex = allFocusable.indexOf(inputRef.current) + 1;
-                            allFocusable[nextIndex]?.focus();
-                            setOpen(false);
-                            toggleMenuDescendantsActive(false);
-                        }
-                        else if (!forward && currentIndex === 0) {
-                            e.preventDefault();
-                            inputRef.current.focus();
-                        }
-                    }
-                    if (e.key === 'Escape') {
-                        handleEscape(e);
-                        inputRef.current.focus();
-                    }
-                }, children: menu && (_jsx(Menu, { ref: menuRef, listId: listId, id: menuComponentId, role: 'listbox', mode: mode, ...menu, items: menu.items, focusControlEl: inputRef.current || undefined, onItemClick: (itemId, e) => {
-                        if (mode === 'single-select') {
-                            setOpen(false);
-                            toggleMenuDescendantsActive(true);
-                        }
-                        menu.onItemClick?.(itemId, e);
-                        const clickedItem = menuHelpers.getItem(menu.items, itemId);
-                        if (clickedItem?.primary && !clickedItem?.selected) {
-                            selected?.onNew?.(clickedItem?.primary);
-                        }
-                    }, "aria-label": t('menu_option_list'), pauseDescendantEvaluation: pauseMenuDescendantEvaluation, arrowNavigationUnsupported: true })) })] }));
-    return (_jsxs(_Fragment, { children: [label ? (_jsx(FormField, { testId: testIds, label: label, labelHidden: labelHidden, id: id, info: info, status: status, required: required, disabled: disabled, onResolveSuggestion: onResolveSuggestion, additionalInfo: additionalInfo, children: Comp })) : (Comp), _jsx(VisuallyHiddenText, { id: `${id}-inputDescription`, "aria-hidden": true, children: `${t('combobox_open_close')} ` }), _jsx(VisuallyHiddenText, { id: `${id}-searchDescription`, "aria-hidden": true, children: t('combobox_search_instructions') }), _jsx(VisuallyHiddenText, { id: `${id}-multiselectDescription`, "aria-hidden": true, children: t('multiselect_instructions', [start]) })] }));
-});
-export default withTestIds(ComboBox, getComboBoxTestIds);
-//# sourceMappingURL=ComboBox.js.map

package/lib/components/ComboBox/ComboBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboBox.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  KeyboardEvent as ReactKeyboardEvent,\n  PropsWithoutRef,\n  Ref,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  MutableRefObject\n} from 'react';\n\nimport Icon, { registerIcon } from '../Icon';\nimport * as caretDownIcon from '../Icon/icons/caret-down.icon';\nimport * as caretUpIcon from '../Icon/icons/caret-up.icon';\nimport type { ForwardProps } from '../../types';\nimport {\n  useConsolidatedRef,\n  useFocusWithin,\n  useI18n,\n  useUID,\n  useElement,\n  useDirection,\n  useTestIds,\n  useEscape\n} from '../../hooks';\nimport Popover from '../Popover';\nimport FormField from '../FormField';\nimport { StyledFormControl } from '../FormControl';\nimport Menu, { MenuProps } from '../Menu';\nimport Button from '../Button';\nimport { navigatorIsAvailable, withTestIds, getFocusables } from '../../utils';\nimport menuHelpers from '../Menu/helpers';\nimport { sameWidth } from '../Popover/modifiers';\nimport VisuallyHiddenText from '../VisuallyHiddenText';\n\nimport ComboBoxInput from './ComboBoxInput';\nimport type ComboBoxProps from './ComboBox.types';\nimport { StyledComboBox } from './ComboBox.styles';\nimport { getComboBoxTestIds } from './ComboxBox.test-ids';\n\nregisterIcon(caretDownIcon, caretUpIcon);\n\nconst isMobile = navigatorIsAvailable && navigator.userAgent.includes('Mobile');\n\nconst ComboBox: FunctionComponent<ComboBoxProps & ForwardProps> = forwardRef(function ComboBox(\n  props: PropsWithoutRef<ComboBoxProps>,\n  ref: Ref<HTMLDivElement>\n) {\n  const uid = useUID();\n  const {\n    testId,\n    additionalInfo,\n    value,\n    required,\n    id = uid,\n    label,\n    labelHidden,\n    info,\n    status,\n    readOnly,\n    disabled,\n    mode = 'single-select',\n    selected,\n    onChange,\n    actions,\n    onFocus,\n    onBlur,\n    onResolveSuggestion,\n    onDropdownButtonClick: onDropdownButtonClickProp,\n    onClick,\n    onKeyDown,\n    menu,\n    ...restProps\n  } = props;\n\n  const testIds = useTestIds(testId, getComboBoxTestIds);\n  const bodyRef = useRef<Element>(document.body);\n\n  const [pauseMenuDescendantEvaluation, setPauseMenuDescendantEvaluation] = useState(true);\n  const [pauseSelectedDescendantEvaluation, setPauseSelectedDescendantEvaluation] = useState(false);\n  const t = useI18n();\n  const listId = `${id}-list`;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const menuRef: MenuProps['ref'] = useRef(null);\n  const menuComponentId = `${id}-listbox`;\n  const { start } = useDirection();\n\n  // Force a re-render to make sure useFocusWithin has valid elements to set listeners on.\n  const [, setContainerEl] = useElement();\n  const containerRef = useConsolidatedRef<HTMLDivElement>(ref, setContainerEl);\n\n  const toggleMenuDescendantsActive = useCallback((bool: boolean) => {\n    setPauseMenuDescendantEvaluation(!bool);\n    setPauseSelectedDescendantEvaluation(bool);\n  }, []);\n\n  const toggleSelectedDescendantsActive = useCallback((bool: boolean) => {\n    setPauseSelectedDescendantEvaluation(!bool);\n    setPauseMenuDescendantEvaluation(bool);\n  }, []);\n\n  const focus = useFocusWithin([containerRef, popoverRef], focused => {\n    if (!focused) {\n      setOpen(false);\n      toggleMenuDescendantsActive(false);\n      onBlur?.(selected?.items);\n    } else {\n      onFocus?.(selected?.items);\n      if (isMobile) {\n        setTimeout(() => {\n          containerRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        }, 150); // delay it to let keyboard expand first\n      }\n    }\n  });\n\n  const handleEscape = useCallback(\n    (e: KeyboardEvent) => {\n      e.preventDefault();\n      if (open) {\n        e.stopPropagation();\n        setOpen(false);\n        toggleMenuDescendantsActive(false);\n      }\n    },\n    [open]\n  );\n\n  useEscape(handleEscape, containerRef, [handleEscape]);\n\n  const onInputKeyDown = useCallback(\n    (e: ReactKeyboardEvent<HTMLInputElement>) => {\n      if (!menu || readOnly) return;\n      if (onKeyDown?.(e) === false) {\n        return;\n      }\n\n      switch (e.key) {\n        case 'ArrowUp':\n          if (e.altKey) {\n            e.preventDefault();\n            if (open) {\n              setOpen(false);\n              toggleMenuDescendantsActive(false);\n            }\n          }\n          break;\n        case 'ArrowDown':\n          e.preventDefault();\n          if (!open) {\n            setOpen(true);\n            toggleMenuDescendantsActive(true);\n          }\n          break;\n        case 'Tab': {\n          const forward = !e.shiftKey;\n\n          if (forward) {\n            const popoverFocusables = getFocusables(popoverRef);\n\n            if (popoverFocusables.length) {\n              e.preventDefault();\n              popoverFocusables[0].focus();\n              break;\n            }\n          }\n\n          setOpen(false);\n          toggleMenuDescendantsActive(false);\n\n          break;\n        }\n        default:\n      }\n    },\n    [open, readOnly, menu, value, onKeyDown]\n  );\n\n  const onDropdownButtonClick = useCallback(() => {\n    onDropdownButtonClickProp?.(!open);\n    setOpen(!open);\n  }, [open, onDropdownButtonClickProp]);\n\n  const dropdownButton = useMemo(() => {\n    return (menu?.items?.length || onDropdownButtonClickProp || !onChange) && !readOnly ? (\n      <Button\n        aria-label={t(open ? 'combobox_close_list_button_a11y' : 'combobox_open_list_button_a11y')}\n        icon\n        variant='simple'\n        onClick={onDropdownButtonClick}\n        onMouseDown={(e: MouseEvent) => {\n          e.preventDefault();\n          inputRef.current?.focus();\n        }}\n        disabled={disabled}\n        tabIndex='-1'\n      >\n        <Icon name={open ? 'caret-up' : 'caret-down'} />\n      </Button>\n    ) : null;\n  }, [onDropdownButtonClick, onChange, readOnly, open, disabled]);\n\n  const ariaDescribedBy = useMemo(() => {\n    let idString = `${id}-inputDescription`;\n\n    if (info) {\n      idString = idString.concat(` ${id}-info`);\n    }\n    if (onChange) {\n      idString = idString.concat(` ${id}-searchDescription`);\n    }\n    if (mode === 'multi-select') {\n      idString = idString.concat(` ${id}-multiselectDescription`);\n    }\n\n    return idString;\n  }, [info, id, mode, onChange]);\n\n  const onInputClick = useCallback(\n    (e: MouseEvent) => {\n      if (readOnly) return;\n      setOpen(true);\n      toggleMenuDescendantsActive(true);\n      onClick?.(e);\n    },\n    [readOnly, onClick]\n  );\n\n  useEffect(() => {\n    if (focus && menu && value && value.length > 0) {\n      setOpen(true);\n      toggleMenuDescendantsActive(true);\n    }\n  }, [menu, value, focus]);\n\n  // Workaround for the following error from jsx-ast-utils, fixed in version 3.5.0.\n  // The prop value with an expression type of JSXFragment could not be resolved. Please file issue to get this fixed immediately.\n  const inputActions = (\n    <>\n      {dropdownButton}\n      {actions}\n    </>\n  );\n\n  const Comp = (\n    <StyledComboBox\n      ref={containerRef}\n      as={StyledFormControl}\n      id={`${id}-combobox`}\n      role='combobox'\n      aria-haspopup='listbox'\n      aria-expanded={!readOnly && !disabled && open}\n      aria-owns={open && menu !== undefined && !pauseMenuDescendantEvaluation ? listId : undefined}\n    >\n      <ComboBoxInput\n        data-testid={testIds.control}\n        ref={inputRef}\n        role='searchbox'\n        aria-autocomplete='list'\n        aria-controls={\n          open && menu !== undefined && !pauseMenuDescendantEvaluation ? listId : undefined\n        }\n        aria-describedby={ariaDescribedBy}\n        selected={selected?.items}\n        spellCheck={false}\n        id={id}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={onChange}\n        value={value}\n        mode={mode}\n        status={status}\n        onResolveSuggestion={onResolveSuggestion}\n        actions={inputActions}\n        onRemove={selected?.onRemove}\n        onClick={onInputClick}\n        onKeyDown={onInputKeyDown}\n        required={required}\n        pauseDescendantEvaluation={pauseSelectedDescendantEvaluation}\n        onSelectedFocus={() => {\n          toggleSelectedDescendantsActive(true);\n        }}\n        onSelectedBlur={() => {\n          toggleSelectedDescendantsActive(false);\n        }}\n        {...restProps}\n      />\n\n      <Popover\n        ref={popoverRef}\n        show={open && menu !== undefined}\n        target={containerRef.current}\n        placement='bottom-start'\n        modifiers={[sameWidth]}\n        // FIXME: Removed absolute strategy for mobile to avoid overflow issues.\n        strategy='fixed'\n        onMouseDown={(e: MouseEvent) => e.preventDefault()}\n        onKeyDown={(e: KeyboardEvent) => {\n          if (!inputRef.current) return;\n\n          if (e.key === 'Tab') {\n            const popoverFocusables = getFocusables(popoverRef);\n            const currentIndex = popoverFocusables.indexOf(e.target as HTMLElement);\n            const forward = !e.shiftKey;\n            const isLast = currentIndex === popoverFocusables.length - 1;\n\n            if (forward && isLast) {\n              e.preventDefault();\n              const allFocusable = getFocusables(bodyRef as MutableRefObject<HTMLElement>);\n              const nextIndex = allFocusable.indexOf(inputRef.current) + 1;\n\n              allFocusable[nextIndex]?.focus();\n              setOpen(false);\n              toggleMenuDescendantsActive(false);\n            } else if (!forward && currentIndex === 0) {\n              e.preventDefault();\n              inputRef.current.focus();\n            }\n          }\n          if (e.key === 'Escape') {\n            handleEscape(e);\n            inputRef.current.focus();\n          }\n        }}\n      >\n        {menu && (\n          <Menu\n            ref={menuRef}\n            listId={listId}\n            id={menuComponentId}\n            role='listbox'\n            mode={mode}\n            {...menu}\n            items={menu.items}\n            focusControlEl={inputRef.current || undefined}\n            onItemClick={(itemId, e) => {\n              if (mode === 'single-select') {\n                setOpen(false);\n                toggleMenuDescendantsActive(true);\n              }\n              menu.onItemClick?.(itemId, e);\n\n              const clickedItem = menuHelpers.getItem(menu.items, itemId);\n\n              if (clickedItem?.primary && !clickedItem?.selected) {\n                selected?.onNew?.(clickedItem?.primary);\n              }\n            }}\n            aria-label={t('menu_option_list')}\n            pauseDescendantEvaluation={pauseMenuDescendantEvaluation}\n            arrowNavigationUnsupported\n          />\n        )}\n      </Popover>\n    </StyledComboBox>\n  );\n\n  return (\n    <>\n      {label ? (\n        <FormField\n          testId={testIds}\n          label={label}\n          labelHidden={labelHidden}\n          id={id}\n          info={info}\n          status={status}\n          required={required}\n          disabled={disabled}\n          onResolveSuggestion={onResolveSuggestion}\n          additionalInfo={additionalInfo}\n        >\n          {Comp}\n        </FormField>\n      ) : (\n        Comp\n      )}\n      <VisuallyHiddenText id={`${id}-inputDescription`} aria-hidden>\n        {`${t('combobox_open_close')} `}\n      </VisuallyHiddenText>\n      <VisuallyHiddenText id={`${id}-searchDescription`} aria-hidden>\n        {t('combobox_search_instructions')}\n      </VisuallyHiddenText>\n      <VisuallyHiddenText id={`${id}-multiselectDescription`} aria-hidden>\n        {t('multiselect_instructions', [start])}\n      </VisuallyHiddenText>\n    </>\n  );\n});\n\nexport default withTestIds(ComboBox, getComboBoxTestIds);\n"]}

package/lib/components/ComboBox/ComboBox.styles.d.ts

@@ -1,5 +0,0 @@
-export declare const StyledSelectInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledComboBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<import("../FormControl").FormControlProps, keyof import("../FormControl").FormControlProps> & Required<Pick<import("../FormControl").FormControlProps, never>> & {
-    hasSuggestion?: boolean | undefined;
-}, never>;
-//# sourceMappingURL=ComboBox.styles.d.ts.map

package/lib/components/ComboBox/ComboBox.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboBox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboBox.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,iBAAiB,yGAuD5B,CAAC;AAIH,eAAO,MAAM,cAAc;;SAczB,CAAC"}

package/lib/components/ComboBox/ComboBox.styles.js

@@ -1,80 +0,0 @@
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '../../theme';
-import { StyledButton } from '../Button';
-import { StyledFormControl } from '../FormControl';
-import { StyledPopover } from '../Popover';
-import { StyledMenu, StyledMenuListWrapper } from '../Menu/Menu.styles';
-export const StyledSelectInput = styled.div(({ theme: { base, components } }) => {
-    return css `
-    @media (pointer: coarse) {
-      min-height: ${base['hit-area']['finger-min']};
-    }
-
-    div {
-      min-height: ${components.input.height};
-    }
-
-    &:focus-within {
-      border-color: ${components['form-control'][':focus']['border-color']};
-      box-shadow: ${components['form-control'][':focus']['box-shadow']};
-    }
-
-    &:hover:not([readonly]):not([disabled]):focus-within {
-      border-color: transparent;
-    }
-
-    input {
-      min-width: 0;
-      width: 100%;
-      height: calc(${components.input.height} - 2 * ${components['form-control']['border-width']});
-      color: ${components['form-control']['foreground-color']};
-      text-overflow: ellipsis;
-      margin-inline: ${base.spacing};
-    }
-
-    input,
-    input:focus {
-      border: none;
-      outline: none;
-      flex-grow: 1;
-      background-color: transparent;
-
-      &:read-only {
-        cursor: default;
-      }
-    }
-
-    & > ${StyledButton} {
-      align-self: stretch;
-      height: auto;
-      margin-block: -0.0625rem;
-      margin-inline-end: -0.0625rem;
-      border-start-start-radius: 0;
-      border-start-end-radius: calc(
-        ${base['border-radius']} * ${components['form-control']['border-radius']}
-      );
-      border-end-start-radius: 0;
-      border-end-end-radius: calc(
-        ${base['border-radius']} * ${components['form-control']['border-radius']}
-      );
-    }
-  `;
-});
-StyledSelectInput.defaultProps = defaultThemeProp;
-export const StyledComboBox = styled(StyledFormControl)(() => {
-    return css `
-    border: 0;
-
-    ${StyledPopover} {
-      border-top-left-radius: 0;
-      border-top-right-radius: 0;
-
-      ${StyledMenu},
-      ${StyledMenuListWrapper} {
-        max-height: inherit;
-      }
-    }
-  `;
-});
-StyledComboBox.defaultProps = defaultThemeProp;
-//# sourceMappingURL=ComboBox.styles.js.map

package/lib/components/ComboBox/ComboBox.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboBox.styles.js","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboBox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAExE,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE;IAC9E,OAAO,GAAG,CAAA;;oBAEQ,IAAI,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC;;;;oBAI9B,UAAU,CAAC,KAAK,CAAC,MAAM;;;;sBAIrB,UAAU,CAAC,cAAc,CAAC,CAAC,QAAQ,CAAC,CAAC,cAAc,CAAC;oBACtD,UAAU,CAAC,cAAc,CAAC,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC;;;;;;;;;;qBAUjD,UAAU,CAAC,KAAK,CAAC,MAAM,UAAU,UAAU,CAAC,cAAc,CAAC,CAAC,cAAc,CAAC;eACjF,UAAU,CAAC,cAAc,CAAC,CAAC,kBAAkB,CAAC;;uBAEtC,IAAI,CAAC,OAAO;;;;;;;;;;;;;;;UAezB,YAAY;;;;;;;UAOZ,IAAI,CAAC,eAAe,CAAC,MAAM,UAAU,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC;;;;UAItE,IAAI,CAAC,eAAe,CAAC,MAAM,UAAU,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC;;;GAG7E,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,iBAAiB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAElD,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,GAAG,EAAE;IAC3D,OAAO,GAAG,CAAA;;;MAGN,aAAa;;;;QAIX,UAAU;QACV,qBAAqB;;;;GAI1B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport { StyledButton } from '../Button';\nimport { StyledFormControl } from '../FormControl';\nimport { StyledPopover } from '../Popover';\nimport { StyledMenu, StyledMenuListWrapper } from '../Menu/Menu.styles';\n\nexport const StyledSelectInput = styled.div(({ theme: { base, components } }) => {\n  return css`\n    @media (pointer: coarse) {\n      min-height: ${base['hit-area']['finger-min']};\n    }\n\n    div {\n      min-height: ${components.input.height};\n    }\n\n    &:focus-within {\n      border-color: ${components['form-control'][':focus']['border-color']};\n      box-shadow: ${components['form-control'][':focus']['box-shadow']};\n    }\n\n    &:hover:not([readonly]):not([disabled]):focus-within {\n      border-color: transparent;\n    }\n\n    input {\n      min-width: 0;\n      width: 100%;\n      height: calc(${components.input.height} - 2 * ${components['form-control']['border-width']});\n      color: ${components['form-control']['foreground-color']};\n      text-overflow: ellipsis;\n      margin-inline: ${base.spacing};\n    }\n\n    input,\n    input:focus {\n      border: none;\n      outline: none;\n      flex-grow: 1;\n      background-color: transparent;\n\n      &:read-only {\n        cursor: default;\n      }\n    }\n\n    & > ${StyledButton} {\n      align-self: stretch;\n      height: auto;\n      margin-block: -0.0625rem;\n      margin-inline-end: -0.0625rem;\n      border-start-start-radius: 0;\n      border-start-end-radius: calc(\n        ${base['border-radius']} * ${components['form-control']['border-radius']}\n      );\n      border-end-start-radius: 0;\n      border-end-end-radius: calc(\n        ${base['border-radius']} * ${components['form-control']['border-radius']}\n      );\n    }\n  `;\n});\n\nStyledSelectInput.defaultProps = defaultThemeProp;\n\nexport const StyledComboBox = styled(StyledFormControl)(() => {\n  return css`\n    border: 0;\n\n    ${StyledPopover} {\n      border-top-left-radius: 0;\n      border-top-right-radius: 0;\n\n      ${StyledMenu},\n      ${StyledMenuListWrapper} {\n        max-height: inherit;\n      }\n    }\n  `;\n});\n\nStyledComboBox.defaultProps = defaultThemeProp;\n"]}

package/lib/components/ComboBox/ComboBox.types.d.ts

@@ -1,86 +0,0 @@
-import { ChangeEvent, ReactNode, Ref, KeyboardEvent as ReactKeyboardEvent } from 'react';
-import type { NoChildrenProp, TestIdProp } from '../../types';
-import { FormControlProps } from '../FormControl';
-import { MenuItemProps, MenuProps } from '../Menu/Menu.types';
-export interface Selected {
-    id: string;
-    text: string;
-}
-export default interface ComboBoxProps extends NoChildrenProp, TestIdProp {
-    /**
-     * Sets DOM id for the control and associates label element via 'for' attribute.
-     * If an id is not pass, a random id will be generated for any render.
-     */
-    id?: FormControlProps['id'];
-    /** Pass a string or a fragment with an Icon and string. */
-    label?: FormControlProps['label'];
-    /** Visually hides the label region. */
-    labelHidden?: FormControlProps['labelHidden'];
-    /** Indicate if the field is required. The browser defaults to false. */
-    required?: FormControlProps['required'];
-    /** Disable the control. The browser defaults to false. */
-    disabled?: FormControlProps['disabled'];
-    /** Makes the component non editable and non clickable. The browser defaults to false. */
-    readOnly?: FormControlProps['readOnly'];
-    /** Sets html name attribute for the underlying control. Useful for mapping to a data field. */
-    name?: FormControlProps['name'];
-    /** Set visual state based on a validation state. */
-    status?: FormControlProps['status'];
-    /** It is recommended to pass a simple string to offer guidance. Text will be styled based on status prop. */
-    info?: FormControlProps['info'];
-    /** Placeholder text */
-    placeholder?: FormControlProps['placeholder'];
-    /**
-     * Whether it is single selection or multi selection combobox.
-     * @default 'single-select'
-     */
-    mode?: 'single-select' | 'multi-select';
-    /** Currently selected option, single for single-select, an array for multi-select. */
-    selected?: {
-        items?: Selected | Selected[];
-        onRemove?: (id: MenuItemProps['id'], index: number) => void;
-        onNew?: (text: string) => void;
-    };
-    /** Value of the combobox filtering input. */
-    value?: FormControlProps['value'];
-    /** Callback fired when the filtering input value changes. */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    /** Callback fired when the ComboBox input gains focus. */
-    onFocus?: (selected?: Selected | Selected[]) => void;
-    /**
-     * Callback fired when the ComboBox looses focus within its containing element.
-     * This is not specific to the input element.
-     * Note, behavior will be enhanced in an upcoming release and the input will be the only focusable element.
-     */
-    onBlur?: (selected?: Selected | Selected[]) => void;
-    /** Callback fired when AI suggestion is accepted/rejected */
-    onResolveSuggestion?: FormControlProps['onResolveSuggestion'];
-    /** Automatically focuses the input on render. */
-    autoFocus?: boolean;
-    /**
-     * Fired when the user clicks on the dropdown icon to initiate opening the menu.
-     * If you want to offer default menu items without an input value, pass this function.
-     * This function can be an appropriate time to fetch menu item data.
-     * Remember to set the loading prop to true when when fetching data for an empty list.
-     *
-     * @param open value defining whether the click opens or closes the menu
-     */
-    onDropdownButtonClick?: (open: boolean) => void;
-    /** Fired when user clicks on the Combobox input. */
-    onClick?: (e: MouseEvent) => void;
-    /** Fired before running default component onKeyDown handler.
-     * Returning `false` from this function prevents default onKeyDown handling.
-     */
-    onKeyDown?: (e: ReactKeyboardEvent) => boolean | void;
-    /** Action Buttons that will render within the input. */
-    actions?: ReactNode;
-    /** Menu related props. @see MenuProps */
-    menu?: MenuProps;
-    /** A visual which represents the selected item. */
-    visual?: ReactNode;
-    /** Pass a heading and content to show additional information on the field. */
-    additionalInfo?: FormControlProps['additionalInfo'];
-    /** Reference to the element. */
-    ref?: Ref<HTMLDivElement>;
-}
-//# sourceMappingURL=ComboBox.types.d.ts.map

package/lib/components/ComboBox/ComboBox.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboBox.types.d.ts","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboBox.types.ts"],"names":[],"mappings":"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"}

package/lib/components/ComboBox/ComboBox.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=ComboBox.types.js.map

package/lib/components/ComboBox/ComboBox.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboBox.types.js","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboBox.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ChangeEvent, ReactNode, Ref, KeyboardEvent as ReactKeyboardEvent } from 'react';\n\nimport type { NoChildrenProp, TestIdProp } from '../../types';\nimport { FormControlProps } from '../FormControl';\nimport { MenuItemProps, MenuProps } from '../Menu/Menu.types';\n\nexport interface Selected {\n  id: string;\n  text: string;\n}\n\nexport default interface ComboBoxProps extends NoChildrenProp, TestIdProp {\n  /**\n   * Sets DOM id for the control and associates label element via 'for' attribute.\n   * If an id is not pass, a random id will be generated for any render.\n   */\n  id?: FormControlProps['id'];\n  /** Pass a string or a fragment with an Icon and string. */\n  label?: FormControlProps['label'];\n  /** Visually hides the label region. */\n  labelHidden?: FormControlProps['labelHidden'];\n  /** Indicate if the field is required. The browser defaults to false. */\n  required?: FormControlProps['required'];\n  /** Disable the control. The browser defaults to false. */\n  disabled?: FormControlProps['disabled'];\n  /** Makes the component non editable and non clickable. The browser defaults to false. */\n  readOnly?: FormControlProps['readOnly'];\n  /** Sets html name attribute for the underlying control. Useful for mapping to a data field. */\n  name?: FormControlProps['name'];\n  /** Set visual state based on a validation state. */\n  status?: FormControlProps['status'];\n  /** It is recommended to pass a simple string to offer guidance. Text will be styled based on status prop. */\n  info?: FormControlProps['info'];\n  /** Placeholder text */\n  placeholder?: FormControlProps['placeholder'];\n  /**\n   * Whether it is single selection or multi selection combobox.\n   * @default 'single-select'\n   */\n  mode?: 'single-select' | 'multi-select';\n  /** Currently selected option, single for single-select, an array for multi-select. */\n  selected?: {\n    items?: Selected | Selected[];\n    onRemove?: (id: MenuItemProps['id'], index: number) => void;\n    onNew?: (text: string) => void;\n  };\n  /** Value of the combobox filtering input. */\n  value?: FormControlProps['value'];\n  /** Callback fired when the filtering input value changes. */\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  /** Callback fired when the ComboBox input gains focus. */\n  onFocus?: (selected?: Selected | Selected[]) => void;\n  /**\n   * Callback fired when the ComboBox looses focus within its containing element.\n   * This is not specific to the input element.\n   * Note, behavior will be enhanced in an upcoming release and the input will be the only focusable element.\n   */\n  onBlur?: (selected?: Selected | Selected[]) => void;\n  /** Callback fired when AI suggestion is accepted/rejected */\n  onResolveSuggestion?: FormControlProps['onResolveSuggestion'];\n  /** Automatically focuses the input on render. */\n  autoFocus?: boolean;\n  /**\n   * Fired when the user clicks on the dropdown icon to initiate opening the menu.\n   * If you want to offer default menu items without an input value, pass this function.\n   * This function can be an appropriate time to fetch menu item data.\n   * Remember to set the loading prop to true when when fetching data for an empty list.\n   *\n   * @param open value defining whether the click opens or closes the menu\n   */\n  onDropdownButtonClick?: (open: boolean) => void;\n  /** Fired when user clicks on the Combobox input. */\n  onClick?: (e: MouseEvent) => void;\n  /** Fired before running default component onKeyDown handler.\n   * Returning `false` from this function prevents default onKeyDown handling.\n   */\n  onKeyDown?: (e: ReactKeyboardEvent) => boolean | void;\n  /** Action Buttons that will render within the input. */\n  actions?: ReactNode;\n  /** Menu related props. @see MenuProps */\n  menu?: MenuProps;\n  /** A visual which represents the selected item. */\n  visual?: ReactNode;\n  /** Pass a heading and content to show additional information on the field. */\n  additionalInfo?: FormControlProps['additionalInfo'];\n  /** Reference to the element. */\n  ref?: Ref<HTMLDivElement>;\n}\n"]}

package/lib/components/ComboBox/ComboBoxInput.d.ts

@@ -1,21 +0,0 @@
-import { FunctionComponent } from 'react';
-import { BaseProps, ForwardProps } from '../../types';
-import { MenuItemProps } from '../Menu/Menu.types';
-import type { MultiSelectInputProps } from './MultiSelectInput/MultiSelectInput.types';
-import ComboBoxProps, { Selected } from './ComboBox.types';
-interface ComboBoxInputProps extends BaseProps {
-    mode?: 'multi-select' | 'single-select';
-    selected?: Selected | Selected[];
-    value?: ComboBoxProps['value'];
-    visual?: ComboBoxProps['visual'];
-    onRemove?: (id: MenuItemProps['id'], index: number) => void;
-    /** Callback on selected item pseudo focus */
-    onSelectedFocus?: MultiSelectInputProps['onSelectedFocus'];
-    /** Callback on selected item pseudo blur */
-    onSelectedBlur?: MultiSelectInputProps['onSelectedBlur'];
-    /** Pause evaluation of selected item descendants */
-    pauseDescendantEvaluation?: MultiSelectInputProps['pauseDescendantEvaluation'];
-}
-declare const ComboBoxInput: FunctionComponent<ComboBoxInputProps & ForwardProps>;
-export default ComboBoxInput;
-//# sourceMappingURL=ComboBoxInput.d.ts.map

package/lib/components/ComboBox/ComboBoxInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboBoxInput.d.ts","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboBoxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAwB,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAInD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,aAAa,EAAE,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE3D,UAAU,kBAAmB,SAAQ,SAAS;IAC5C,IAAI,CAAC,EAAE,cAAc,GAAG,eAAe,CAAC;IACxC,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,EAAE,CAAC;IACjC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,6CAA6C;IAC7C,eAAe,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;IAC3D,4CAA4C;IAC5C,cAAc,CAAC,EAAE,qBAAqB,CAAC,gBAAgB,CAAC,CAAC;IACzD,oDAAoD;IACpD,yBAAyB,CAAC,EAAE,qBAAqB,CAAC,2BAA2B,CAAC,CAAC;CAChF;AAED,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,GAAG,YAAY,CAmCvE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/ComboBox/ComboBoxInput.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import SingleSelectInput from './SingleSelectInput/SingleSelectInput';
-import MultiSelectInput from './MultiSelectInput/MultiSelectInput';
-const ComboBoxInput = forwardRef(function ComboBoxInput(props, ref) {
-    const { value, mode, selected, visual, onRemove, onSelectedFocus, onSelectedBlur, pauseDescendantEvaluation, ...restProps } = props;
-    return mode === 'multi-select' ? (_jsx(MultiSelectInput, { selected: selected, value: value, ref: ref, onRemove: onRemove, onSelectedBlur: onSelectedBlur, onSelectedFocus: onSelectedFocus, pauseDescendantEvaluation: pauseDescendantEvaluation, ...restProps })) : (_jsx(SingleSelectInput, { ref: ref, selected: selected, value: value, visual: visual, ...restProps }));
-});
-export default ComboBoxInput;
-//# sourceMappingURL=ComboBoxInput.js.map

package/lib/components/ComboBox/ComboBoxInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboBoxInput.js","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboBoxInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA2C,MAAM,OAAO,CAAC;AAK5E,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,gBAAgB,MAAM,qCAAqC,CAAC;AAkBnE,MAAM,aAAa,GAAyD,UAAU,CACpF,SAAS,aAAa,CAAC,KAA0C,EAAE,GAA0B;IAC3F,MAAM,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,eAAe,EACf,cAAc,EACd,yBAAyB,EACzB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,OAAO,IAAI,KAAK,cAAc,CAAC,CAAC,CAAC,CAC/B,KAAC,gBAAgB,IACf,QAAQ,EAAE,QAAsB,EAChC,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,yBAAyB,EAAE,yBAAyB,KAChD,SAAS,GACb,CACH,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,IAChB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAoB,EAC9B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,KACV,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, Ref, PropsWithoutRef } from 'react';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport { MenuItemProps } from '../Menu/Menu.types';\n\nimport SingleSelectInput from './SingleSelectInput/SingleSelectInput';\nimport MultiSelectInput from './MultiSelectInput/MultiSelectInput';\nimport type { MultiSelectInputProps } from './MultiSelectInput/MultiSelectInput.types';\nimport ComboBoxProps, { Selected } from './ComboBox.types';\n\ninterface ComboBoxInputProps extends BaseProps {\n  mode?: 'multi-select' | 'single-select';\n  selected?: Selected | Selected[];\n  value?: ComboBoxProps['value'];\n  visual?: ComboBoxProps['visual'];\n  onRemove?: (id: MenuItemProps['id'], index: number) => void;\n  /** Callback on selected item pseudo focus */\n  onSelectedFocus?: MultiSelectInputProps['onSelectedFocus'];\n  /** Callback on selected item pseudo blur */\n  onSelectedBlur?: MultiSelectInputProps['onSelectedBlur'];\n  /** Pause evaluation of selected item descendants */\n  pauseDescendantEvaluation?: MultiSelectInputProps['pauseDescendantEvaluation'];\n}\n\nconst ComboBoxInput: FunctionComponent<ComboBoxInputProps & ForwardProps> = forwardRef(\n  function ComboBoxInput(props: PropsWithoutRef<ComboBoxInputProps>, ref: Ref<HTMLInputElement>) {\n    const {\n      value,\n      mode,\n      selected,\n      visual,\n      onRemove,\n      onSelectedFocus,\n      onSelectedBlur,\n      pauseDescendantEvaluation,\n      ...restProps\n    } = props;\n\n    return mode === 'multi-select' ? (\n      <MultiSelectInput\n        selected={selected as Selected[]}\n        value={value}\n        ref={ref}\n        onRemove={onRemove}\n        onSelectedBlur={onSelectedBlur}\n        onSelectedFocus={onSelectedFocus}\n        pauseDescendantEvaluation={pauseDescendantEvaluation}\n        {...restProps}\n      />\n    ) : (\n      <SingleSelectInput\n        ref={ref}\n        selected={selected as Selected}\n        value={value}\n        visual={visual}\n        {...restProps}\n      />\n    );\n  }\n);\n\nexport default ComboBoxInput;\n"]}

package/lib/components/ComboBox/ComboxBox.test-ids.d.ts

@@ -1,2 +0,0 @@
-export declare const getComboBoxTestIds: (testIdProp?: string | undefined) => import("../..").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
-//# sourceMappingURL=ComboxBox.test-ids.d.ts.map

package/lib/components/ComboBox/ComboxBox.test-ids.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboxBox.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboxBox.test-ids.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,wKAAgE,CAAC"}

package/lib/components/ComboBox/ComboxBox.test-ids.js

@@ -1,4 +0,0 @@
-import { createTestIds } from '../../utils';
-import { elements } from '../FormField/FormField.test-ids';
-export const getComboBoxTestIds = createTestIds('combo-box', ['control', ...elements]);
-//# sourceMappingURL=ComboxBox.test-ids.js.map

package/lib/components/ComboBox/ComboxBox.test-ids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboxBox.test-ids.js","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboxBox.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAC,WAAW,EAAE,CAAC,SAAS,EAAE,GAAG,QAAQ,CAAU,CAAC,CAAC","sourcesContent":["import { createTestIds } from '../../utils';\nimport { elements } from '../FormField/FormField.test-ids';\n\nexport const getComboBoxTestIds = createTestIds('combo-box', ['control', ...elements] as const);\n"]}

package/lib/components/ComboBox/MultiSelectInput/MultiSelectInput.d.ts

@@ -1,7 +0,0 @@
-import { FunctionComponent } from 'react';
-import { ForwardProps } from '../../../types';
-import { MultiSelectInputProps } from './MultiSelectInput.types';
-export declare const StyledMultiSelectInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const MultiSelectInput: FunctionComponent<MultiSelectInputProps & ForwardProps>;
-export default MultiSelectInput;
-//# sourceMappingURL=MultiSelectInput.d.ts.map

package/lib/components/ComboBox/MultiSelectInput/MultiSelectInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelectInput.d.ts","sourceRoot":"","sources":["../../../../src/components/ComboBox/MultiSelectInput/MultiSelectInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAWlB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAiB9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,eAAO,MAAM,sBAAsB,yGA4BjC,CAAC;AAIH,QAAA,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,GAAG,YAAY,CAgO7E,CAAC;AAEF,eAAe,gBAAgB,CAAC"}