@chayns-components/core 5.2.8 → 5.3.0

package/lib/cjs/components/search-box/SearchBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBox.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_styledComponents","_calculate","_searchBox","_Icon","_interopRequireDefault","_Input","_GroupName","_SearchBoxBody","_SearchBoxItem","_SearchBoxItem2","_SearchBox","_uuid","_DropdownBodyWrapper","_TagInput","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SearchBox","forwardRef","container","customFilter","dropdownDirection","isInvalid","leftIcons","lists","onBlur","onChange","onKeyDown","onSelect","placeholder","presetValue","hintText","selectedId","shouldAddInputToList","shouldHideFilterButtons","shouldShowContentOnEmptyInput","shouldShowRoundImage","shouldShowToggleIcon","tagInputSettings","ref","matchingListsItems","setMatchingListsItems","useState","selectedImage","setSelectedImage","value","setValue","height","setHeight","focusedIndex","setFocusedIndex","hasMultipleGroups","setHasMultipleGroups","length","filteredChildrenArray","setFilteredChildrenArray","inputToListValue","setInputToListValue","groups","setGroups","shouldShowBody","setShouldShowBody","uuid","useUuid","boxRef","useRef","contentRef","inputRef","tagInputRef","hasFocusRef","isAnimatingRef","shouldShowPresetValue","theme","useTheme","isTouch","useDevice","useEffect","filterButtons","useMemo","items","forEach","groupName","push","id","text","activeList","newLists","list","includes","newMatchingItems","newList","searchList","searchString","undefined","filteredMatchingListItems","map","filter","item","handleOpen","useCallback","handleClose","handleFilterButtonsGroupSelect","keys","textArray","calculateContentHeight","selectedItem","find","imageUrl","createElement","StyledSearchBoxItemImage","src","$shouldShowRoundImage","current","handleFocus","toLowerCase","handleClick","rightElement","StyledSearchBoxIcon","onClick","icons","color","leftElement","StyledSearchBoxLeftWrapper","handleChange","event","filteredLists","target","handleBlur","handleDropdownOutsideClick","_tagInputRef$current","blur","handleSelect","newItem","replace","_tagInputRef$current2","resetValue","content","StyledSearchBoxHintText","index","key","name","listIndex","tabIndex","handleKeyDown","_contentRef$current","_childrenArray$find","children","childrenArray","Array","from","newChildren","child","startsWith","filteredChildren","dataset","isgroupname","preventDefault","newIndex","prevElement","newElement","stopPropagation","_element$children$","element","textContent","attributes","_element$children$2","nodeValue","newId","document","addEventListener","removeEventListener","handleKeyPress","keyCode","useImperativeHandle","clear","shouldShowDropdown","trim","StyledSearchBox","onAdd","onFocus","onRemove","shouldAllowMultiple","shouldPreventEnter","tags","anchorElement","direction","maxHeight","onClose","onOutsideClick","shouldShow","onGroupSelect","selectedGroups","displayName","_default","exports"],"sources":["../../../../src/components/search-box/SearchBox.tsx"],"sourcesContent":["import { useDevice } from 'chayns-api';\nimport React, {\n    ChangeEvent,\n    ChangeEventHandler,\n    FC,\n    FocusEvent,\n    FocusEventHandler,\n    forwardRef,\n    KeyboardEventHandler,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useTheme } from 'styled-components';\nimport type { IFilterButtonItem } from '../../types/filterButtons';\nimport type { ISearchBoxItem, ISearchBoxItems } from '../../types/searchBox';\nimport { calculateContentHeight } from '../../utils/calculate';\nimport { searchList } from '../../utils/searchBox';\nimport type { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport Icon from '../icon/Icon';\nimport Input from '../input/Input';\nimport GroupName from './group-name/GroupName';\nimport SearchBoxBody from './search-box-body/SearchBoxBody';\nimport SearchBoxItem from './search-box-item/SearchBoxItem';\nimport { StyledSearchBoxItemImage } from './search-box-item/SearchBoxItem.styles';\nimport {\n    StyledSearchBox,\n    StyledSearchBoxHintText,\n    StyledSearchBoxIcon,\n    StyledSearchBoxLeftWrapper,\n} from './SearchBox.styles';\nimport { useUuid } from '../../hooks/uuid';\nimport DropdownBodyWrapper from '../dropdown-body-wrapper/DropdownBodyWrapper';\nimport TagInput, { TagInputProps, TagInputRef } from '../tag-input/TagInput';\nimport type { DropdownDirection } from '../../types/dropdown';\n\nexport interface SearchBoxRef {\n    clear: VoidFunction;\n}\n\nexport interface TagInputSettings {\n    onAdd?: TagInputProps['onAdd'];\n    onRemove?: TagInputProps['onRemove'];\n    shouldAllowMultiple?: TagInputProps['shouldAllowMultiple'];\n    tags?: TagInputProps['tags'];\n}\n\nexport type SearchBoxProps = {\n    /**\n     * The element where the content of the `ComboBox` should be rendered via React Portal.\n     */\n    container?: Element;\n    /**\n     * An optional callback function to filter the elements to be displayed\n     */\n    customFilter?: (item: ISearchBoxItem) => boolean;\n    /**\n     * The direction in which the dropdown should be displayed. By default, it is displayed below the input.\n     */\n    dropdownDirection?: DropdownDirection;\n    /**\n     * If true, the input field is marked as invalid\n     */\n    isInvalid?: boolean;\n    /**\n     * An optional icon that is displayed inside the left side of the input.\n     */\n    leftIcons?: string[];\n    /**\n     * List of groups with items that can be searched. It is possible to give only one list; if multiple lists are provided, the 'group name' parameter becomes mandatory.\n     */\n    lists: ISearchBoxItems[];\n    /**\n     * Function to be executed when the input lost focus.\n     */\n    onBlur?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when the input is changed.\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when a letter is pressed\n     */\n    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when an item is selected.\n     */\n    onSelect?: (item: ISearchBoxItem) => void;\n    /**\n     * The placeholder that should be displayed.\n     */\n    placeholder?: string;\n    /**\n     * Set an input for the search box - it is not an item of a list, just a string.\n     */\n    presetValue?: string;\n    /**\n     * Control the selected item. If you use this prop, make sure to update it when the user selects an item.\n     */\n    selectedId?: string;\n    /**\n     * If true, the value in the Input is displayed in the list.\n     */\n    shouldAddInputToList: boolean;\n    /**\n     * If true, the filter buttons are hidden.\n     */\n    shouldHideFilterButtons?: boolean;\n    /**\n     * Whether the full list of items should be displayed if the input is empty.\n     */\n    shouldShowContentOnEmptyInput?: boolean;\n    /**\n     * If true, the images of the items are displayed in a round shape.\n     */\n    shouldShowRoundImage?: boolean;\n    /**\n     * Whether the icon to open and close the list should be displayed.\n     */\n    shouldShowToggleIcon?: boolean;\n    /**\n     * Settings for the TagInput.\n     */\n    tagInputSettings?: TagInputSettings;\n    /**\n     * A text that should be displayed if no results are found.\n     */\n    hintText?: string;\n};\n\nconst SearchBox: FC<SearchBoxProps> = forwardRef<SearchBoxRef, SearchBoxProps>(\n    (\n        {\n            container,\n            customFilter,\n            dropdownDirection,\n            isInvalid = false,\n            leftIcons,\n            lists,\n            onBlur,\n            onChange,\n            onKeyDown,\n            onSelect,\n            placeholder,\n            presetValue,\n            hintText,\n            selectedId,\n            shouldAddInputToList = true,\n            shouldHideFilterButtons = false,\n            shouldShowContentOnEmptyInput = true,\n            shouldShowRoundImage,\n            shouldShowToggleIcon = false,\n            tagInputSettings,\n        },\n        ref,\n    ) => {\n        const [matchingListsItems, setMatchingListsItems] = useState<ISearchBoxItems[]>(lists);\n        const [selectedImage, setSelectedImage] = useState<ReactElement>();\n        const [value, setValue] = useState(\n            typeof presetValue === 'string' && presetValue !== '' ? presetValue : '',\n        );\n        const [height, setHeight] = useState<number>(0);\n        const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n        const [hasMultipleGroups, setHasMultipleGroups] = useState<boolean>(lists.length > 1);\n        const [filteredChildrenArray, setFilteredChildrenArray] = useState<Element[]>();\n        const [inputToListValue, setInputToListValue] = useState<string>('');\n        const [groups, setGroups] = useState<string[]>(['all']);\n        const [shouldShowBody, setShouldShowBody] = useState(false);\n\n        const uuid = useUuid();\n\n        const boxRef = useRef<HTMLDivElement>(null);\n        const contentRef = useRef<HTMLDivElement>(null);\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const tagInputRef = useRef<TagInputRef>(null);\n\n        const hasFocusRef = useRef<boolean>(false);\n        const isAnimatingRef = useRef<boolean>(false);\n        const shouldShowPresetValue = useRef<boolean>(\n            typeof presetValue === 'string' && presetValue !== '',\n        );\n\n        const theme = useTheme() as Theme;\n\n        const { isTouch } = useDevice();\n\n        /**\n         * Checks if there are multiple groups in the lists\n         */\n        useEffect(() => {\n            setHasMultipleGroups(lists.length > 1);\n        }, [lists]);\n\n        const filterButtons = useMemo(() => {\n            const items: IFilterButtonItem[] = [];\n\n            if (lists.length <= 1) {\n                return items;\n            }\n\n            lists.forEach(({ groupName }) => {\n                if (groupName) {\n                    items.push({\n                        id: groupName,\n                        text: groupName,\n                    });\n                }\n            });\n\n            return items;\n        }, [lists]);\n\n        /**\n         * Filters the lists by the FilterButtons\n         */\n        const activeList = useMemo(() => {\n            let newLists: ISearchBoxItems[] = [];\n\n            if (groups[0] === 'all') {\n                newLists = lists;\n            } else {\n                lists.forEach((list) => {\n                    if (list.groupName && groups.includes(list.groupName)) {\n                        newLists.push(list);\n                    }\n                });\n            }\n\n            const newMatchingItems: ISearchBoxItems[] = [];\n\n            newLists.forEach(({ list, groupName }) => {\n                const newList = searchList({ items: list, searchString: value });\n\n                if (newList.length > 0) {\n                    newMatchingItems.push({\n                        groupName,\n                        list: newList,\n                    });\n                }\n            });\n\n            if (newMatchingItems.length === 0 && shouldAddInputToList) {\n                newMatchingItems.push({\n                    groupName: undefined,\n                    list: [],\n                });\n            }\n\n            const filteredMatchingListItems = newMatchingItems.map(({ list, groupName }) => ({\n                groupName,\n                list: list.filter((item) => {\n                    if (typeof customFilter === 'function') {\n                        return customFilter(item);\n                    }\n                    return !(newMatchingItems.length === 1 && item.text === value);\n                }),\n            }));\n\n            setMatchingListsItems(filteredMatchingListItems);\n\n            return newLists;\n        }, [groups, lists, customFilter, shouldAddInputToList, value]);\n\n        const handleOpen = useCallback(() => {\n            setShouldShowBody(true);\n        }, []);\n\n        const handleClose = useCallback(() => {\n            setShouldShowBody(false);\n        }, []);\n\n        const handleFilterButtonsGroupSelect = (keys: string[]) => {\n            setGroups(keys.length === 0 ? ['all'] : keys);\n        };\n\n        /**\n         * This hook calculates the height\n         */\n        useEffect(() => {\n            const textArray: string[] = [];\n\n            activeList.forEach(({ list, groupName }) => {\n                list.forEach(({ text }) => textArray.push(text));\n                if (!groupName) {\n                    return;\n                }\n                textArray.push(groupName);\n            });\n\n            if (shouldAddInputToList && inputToListValue !== '') {\n                textArray.push(inputToListValue);\n            }\n\n            setHeight(calculateContentHeight(textArray));\n        }, [inputToListValue, activeList, placeholder, shouldAddInputToList]);\n\n        useEffect(() => {\n            if (selectedId) {\n                activeList.forEach(({ list }) => {\n                    const selectedItem = list.find(({ id }) => id === selectedId);\n                    if (selectedItem) {\n                        setValue(selectedItem.text);\n\n                        if (selectedItem.imageUrl) {\n                            setSelectedImage(\n                                <StyledSearchBoxItemImage\n                                    src={selectedItem.imageUrl}\n                                    $shouldShowRoundImage={shouldShowRoundImage}\n                                />,\n                            );\n                        }\n                    }\n                });\n            }\n        }, [activeList, selectedId, shouldShowRoundImage]);\n\n        /**\n         * This hook resets the value if the selectedId changes to undefined. This is an own useEffect because the value\n         * should not be reset if the list changes and the selectedId is still undefined.\n         */\n        useEffect(() => {\n            if (!selectedId && !shouldShowPresetValue.current) {\n                setValue('');\n            }\n        }, [selectedId]);\n\n        useEffect(() => {\n            isAnimatingRef.current = shouldShowBody;\n        }, [shouldShowBody]);\n\n        useEffect(() => {\n            if (\n                (matchingListsItems.length !== 0 || hintText) &&\n                !isAnimatingRef.current &&\n                hasFocusRef.current\n            ) {\n                handleOpen();\n            }\n        }, [handleOpen, hintText, matchingListsItems.length]);\n\n        /**\n         * This function handles the focus event of the input and opens the dropdown if the input\n         * should show content on an empty input\n         */\n        const handleFocus = useCallback(() => {\n            hasFocusRef.current = true;\n\n            if (shouldShowContentOnEmptyInput) {\n                const newMatchingItems: ISearchBoxItems[] = [];\n\n                activeList.forEach(({ list, groupName }) => {\n                    const newList = searchList({ items: list, searchString: value });\n\n                    if (newList.length > 0) {\n                        newMatchingItems.push({\n                            groupName,\n                            list: newList,\n                        });\n                    }\n                });\n\n                if (newMatchingItems.length === 0 && shouldAddInputToList) {\n                    newMatchingItems.push({\n                        groupName: undefined,\n                        list: [],\n                    });\n                }\n\n                const filteredMatchingListItems = newMatchingItems.map(({ list, groupName }) => ({\n                    groupName,\n                    list: list.filter((item) => {\n                        if (typeof customFilter === 'function') {\n                            return customFilter(item);\n                        }\n                        return !(newMatchingItems.length === 1 && item.text === value);\n                    }),\n                }));\n\n                setMatchingListsItems(filteredMatchingListItems);\n\n                if (filteredMatchingListItems.length !== 0 || hintText) {\n                    handleOpen();\n                }\n            }\n        }, [\n            shouldShowContentOnEmptyInput,\n            activeList,\n            shouldAddInputToList,\n            hintText,\n            value,\n            customFilter,\n            handleOpen,\n        ]);\n\n        /**\n         * This function filters the lists by input\n         */\n\n        useEffect(() => {\n            const newMatchingItems: ISearchBoxItems[] = [];\n\n            activeList.forEach(({ list, groupName }) => {\n                const newList = searchList({ items: list, searchString: value });\n\n                if (newList.length > 0) {\n                    newMatchingItems.push({\n                        groupName,\n                        list: newList,\n                    });\n                }\n            });\n\n            if (newMatchingItems.length === 0 && shouldAddInputToList) {\n                newMatchingItems.push({\n                    groupName: undefined,\n                    list: [],\n                });\n            }\n\n            if (shouldAddInputToList && inputToListValue !== '') {\n                newMatchingItems.forEach(({ list }) => {\n                    list.forEach(({ text }) => {\n                        if (text.toLowerCase() === inputToListValue.toLowerCase()) {\n                            setInputToListValue('');\n                        }\n                    });\n                });\n            }\n        }, [\n            inputToListValue,\n            activeList,\n            shouldAddInputToList,\n            shouldShowContentOnEmptyInput,\n            value,\n        ]);\n\n        const handleClick = useCallback(() => {\n            if (shouldShowBody) {\n                handleClose();\n            } else {\n                handleOpen();\n            }\n        }, [handleClose, handleOpen, shouldShowBody]);\n\n        const rightElement = useMemo(() => {\n            if (!shouldShowToggleIcon) {\n                return undefined;\n            }\n\n            return (\n                <StyledSearchBoxIcon onClick={handleClick}>\n                    <Icon icons={['fa fa-chevron-down']} color={theme['006'] as string} />\n                </StyledSearchBoxIcon>\n            );\n        }, [handleClick, shouldShowToggleIcon, theme]);\n\n        const leftElement = useMemo(\n            () =>\n                (leftIcons || selectedImage) && (\n                    <StyledSearchBoxLeftWrapper>\n                        {leftIcons && <Icon icons={leftIcons} />}\n                        {selectedImage && selectedImage}\n                    </StyledSearchBoxLeftWrapper>\n                ),\n            [leftIcons, selectedImage],\n        );\n\n        /**\n         * This function handles changes of the input\n         */\n        const handleChange = useCallback(\n            (event: ChangeEvent<HTMLInputElement>) => {\n                const filteredLists: ISearchBoxItems[] = [];\n                shouldShowPresetValue.current = false;\n\n                activeList.forEach(({ list, groupName }) => {\n                    const newList = searchList({ items: list, searchString: event.target.value });\n\n                    if (newList.length > 0) {\n                        filteredLists.push({\n                            groupName,\n                            list: newList,\n                        });\n                    }\n                });\n\n                if (filteredLists.length === 0 && shouldAddInputToList) {\n                    filteredLists.push({\n                        groupName: undefined,\n                        list: [],\n                    });\n                }\n\n                setSelectedImage(undefined);\n\n                if (!shouldShowContentOnEmptyInput && !event.target.value) {\n                    setMatchingListsItems([]);\n                } else {\n                    setMatchingListsItems(filteredLists);\n                }\n\n                if (filteredLists.length !== 0) {\n                    handleOpen();\n                }\n\n                setValue(event.target.value);\n                setInputToListValue(event.target.value);\n\n                if (typeof onChange === 'function') {\n                    onChange(event);\n                }\n            },\n            [activeList, handleOpen, onChange, shouldAddInputToList, shouldShowContentOnEmptyInput],\n        );\n\n        /**\n         * This function handles the blur event of the input\n         */\n        const handleBlur = useCallback(\n            (event: FocusEvent<HTMLInputElement>) => {\n                hasFocusRef.current = false;\n\n                if (typeof onBlur === 'function') {\n                    onBlur(event);\n                }\n            },\n            [onBlur],\n        );\n\n        const handleDropdownOutsideClick = useCallback(() => {\n            tagInputRef.current?.blur();\n\n            return hasFocusRef.current && isTouch;\n        }, [isTouch]);\n\n        /**\n         * This function handles the item selection\n         */\n        const handleSelect = useCallback(\n            (item: ISearchBoxItem) => {\n                const newItem = {\n                    ...item,\n                    text: item.text.replace('<b>', '').replace('</b>', '').replace('</b', ''),\n                };\n\n                if (tagInputSettings) {\n                    setValue('');\n                    setInputToListValue('');\n                    tagInputRef.current?.resetValue();\n                } else {\n                    setValue(newItem.text);\n                }\n\n                handleClose();\n\n                setSelectedImage(\n                    newItem.imageUrl ? (\n                        <StyledSearchBoxItemImage\n                            src={newItem.imageUrl}\n                            $shouldShowRoundImage={shouldShowRoundImage}\n                        />\n                    ) : undefined,\n                );\n\n                setMatchingListsItems([]);\n\n                if (typeof onSelect === 'function') {\n                    onSelect(newItem);\n                }\n            },\n            [handleClose, onSelect, shouldShowRoundImage, tagInputSettings],\n        );\n\n        const content = useMemo(() => {\n            if (hintText && matchingListsItems.length === 0) {\n                return (\n                    <StyledSearchBoxHintText>\n                        {hintText.replace('##value##', value)}\n                    </StyledSearchBoxHintText>\n                );\n            }\n\n            const items: ReactElement[] = [];\n\n            matchingListsItems.forEach(({ groupName, list }, index) => {\n                if (hasMultipleGroups) {\n                    if (list.length <= 0) {\n                        return;\n                    }\n\n                    if (index !== 0) {\n                        items.push(<GroupName key={groupName} name={groupName ?? ''} />);\n                    }\n                }\n\n                list.forEach(({ id, text, imageUrl }, listIndex) => {\n                    items.push(\n                        <SearchBoxItem\n                            key={`${id}_${groupName ?? ''}`}\n                            id={id}\n                            text={text}\n                            imageUrl={imageUrl}\n                            shouldShowRoundImage={shouldShowRoundImage}\n                            onSelect={handleSelect}\n                            groupName={groupName}\n                            tabIndex={index === 0 && listIndex === 0 ? 0 : -1}\n                        />,\n                    );\n                });\n            });\n\n            if (shouldAddInputToList && inputToListValue !== '') {\n                items.push(\n                    <SearchBoxItem\n                        id=\"input-value\"\n                        onSelect={handleSelect}\n                        text={`<b>${inputToListValue}</b`}\n                        tabIndex={items.length === 0 ? 0 : -1}\n                    />,\n                );\n            }\n\n            return items;\n        }, [\n            hintText,\n            matchingListsItems,\n            shouldAddInputToList,\n            inputToListValue,\n            value,\n            hasMultipleGroups,\n            shouldShowRoundImage,\n            handleSelect,\n        ]);\n\n        useEffect(() => {\n            const handleKeyDown = (e: KeyboardEvent) => {\n                if (!shouldShowBody || matchingListsItems.length === 0) {\n                    return;\n                }\n\n                const children = contentRef.current?.children;\n\n                if (!children) {\n                    return;\n                }\n\n                const childrenArray = Array.from(children);\n\n                const newChildren = childrenArray.find((child) =>\n                    child.id.startsWith('searchBoxContent__'),\n                )?.children;\n\n                if (!(newChildren && newChildren.length > 0)) {\n                    return;\n                }\n\n                const filteredChildren = Array.from(newChildren).filter(\n                    (child) => (child as HTMLElement).dataset.isgroupname !== 'true',\n                );\n\n                setFilteredChildrenArray(filteredChildren);\n\n                if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n                    e.preventDefault();\n\n                    if (newChildren && newChildren.length > 0) {\n                        const newIndex =\n                            focusedIndex !== null\n                                ? (focusedIndex +\n                                      (e.key === 'ArrowUp' ? -1 : 1) +\n                                      filteredChildren.length) %\n                                  filteredChildren.length\n                                : 0;\n\n                        if (focusedIndex !== null) {\n                            const prevElement = filteredChildren[focusedIndex] as HTMLDivElement;\n                            prevElement.tabIndex = -1;\n                        }\n\n                        setFocusedIndex(newIndex);\n\n                        const newElement = filteredChildren[newIndex] as HTMLDivElement;\n\n                        newElement.tabIndex = 0;\n                    }\n                } else if (e.key === 'Enter') {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    if (filteredChildren) {\n                        const element = filteredChildren[focusedIndex ?? 0];\n\n                        if (!element) {\n                            return;\n                        }\n\n                        const { id, textContent } = element;\n\n                        let imageUrl: string | undefined;\n\n                        // Just Ignore, it works\n                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                        // @ts-ignore\n                        if (element.children[0]?.attributes.src) {\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n                            imageUrl = element.children[0]?.attributes.src.nodeValue as string;\n                        }\n\n                        const newId = id.replace('search-box-item__', '');\n\n                        handleSelect({\n                            id: newId === 'input-value' ? textContent : newId,\n                            text: textContent ?? '',\n                            imageUrl,\n                        });\n                    }\n                }\n            };\n\n            document.addEventListener('keydown', handleKeyDown);\n\n            return () => {\n                document.removeEventListener('keydown', handleKeyDown);\n            };\n        }, [\n            filteredChildrenArray,\n            focusedIndex,\n            handleSelect,\n            matchingListsItems.length,\n            shouldShowBody,\n        ]);\n\n        const handleKeyPress = useCallback((event: KeyboardEvent) => {\n            if (event.keyCode === 27) {\n                setMatchingListsItems([]);\n            }\n        }, []);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                clear: () => setValue(''),\n            }),\n            [],\n        );\n\n        useEffect(() => {\n            document.addEventListener('keydown', handleKeyPress);\n\n            return () => {\n                document.addEventListener('keydown', handleKeyPress);\n            };\n        }, [handleKeyPress]);\n\n        /**\n         * Update the value if preset value changes\n         */\n        useEffect(() => {\n            if (presetValue) {\n                setValue(presetValue);\n            }\n        }, [presetValue]);\n\n        const shouldShowDropdown =\n            shouldShowBody &&\n            (matchingListsItems.length !== 0 || !!hintText) &&\n            (value.trim() !== '' || shouldShowContentOnEmptyInput);\n\n        return useMemo(\n            () => (\n                <StyledSearchBox ref={boxRef} key={`search-box-${uuid}`}>\n                    <div id={`search_box_input${uuid}`}>\n                        {tagInputSettings ? (\n                            <TagInput\n                                leftElement={leftElement}\n                                onAdd={tagInputSettings.onAdd}\n                                onBlur={handleBlur}\n                                onChange={handleChange}\n                                onFocus={handleFocus}\n                                onRemove={tagInputSettings.onRemove}\n                                placeholder={placeholder}\n                                ref={tagInputRef}\n                                shouldAllowMultiple={tagInputSettings.shouldAllowMultiple}\n                                shouldPreventEnter\n                                tags={tagInputSettings.tags}\n                            />\n                        ) : (\n                            <Input\n                                isInvalid={isInvalid}\n                                leftElement={leftElement}\n                                onBlur={handleBlur}\n                                onChange={handleChange}\n                                onFocus={handleFocus}\n                                onKeyDown={onKeyDown}\n                                placeholder={placeholder}\n                                ref={inputRef}\n                                rightElement={rightElement}\n                                value={value}\n                            />\n                        )}\n                    </div>\n                    {boxRef.current && (\n                        <DropdownBodyWrapper\n                            anchorElement={boxRef.current}\n                            container={container}\n                            direction={dropdownDirection}\n                            maxHeight={300}\n                            onClose={handleClose}\n                            onOutsideClick={handleDropdownOutsideClick}\n                            shouldShowDropdown={shouldShowDropdown}\n                        >\n                            <SearchBoxBody\n                                filterButtons={filterButtons}\n                                height={height}\n                                shouldShow={shouldShowDropdown}\n                                key={`search-box-body-${uuid}`}\n                                onGroupSelect={handleFilterButtonsGroupSelect}\n                                ref={contentRef}\n                                selectedGroups={groups}\n                                shouldHideFilterButtons={shouldHideFilterButtons}\n                            >\n                                {content}\n                            </SearchBoxBody>\n                        </DropdownBodyWrapper>\n                    )}\n                </StyledSearchBox>\n            ),\n            [\n                container,\n                content,\n                dropdownDirection,\n                filterButtons,\n                groups,\n                handleBlur,\n                handleChange,\n                handleClose,\n                handleDropdownOutsideClick,\n                handleFocus,\n                height,\n                isInvalid,\n                leftElement,\n                onKeyDown,\n                placeholder,\n                rightElement,\n                shouldHideFilterButtons,\n                shouldShowDropdown,\n                tagInputSettings,\n                uuid,\n                value,\n            ],\n        );\n    },\n);\n\nSearchBox.displayName = 'SearchBox';\n\nexport default SearchBox;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SearchBox.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_styledComponents","_calculate","_searchBox","_Icon","_interopRequireDefault","_Input","_GroupName","_SearchBoxBody","_SearchBoxItem","_SearchBoxItem2","_SearchBox","_uuid","_DropdownBodyWrapper","_TagInput","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SearchBox","forwardRef","container","customFilter","dropdownDirection","isInvalid","leftIcons","lists","onBlur","onChange","onKeyDown","onSelect","placeholder","presetValue","hintText","selectedId","shouldAddInputToList","shouldHideFilterButtons","shouldShowContentOnEmptyInput","shouldShowRoundImage","shouldShowToggleIcon","tagInputSettings","ref","matchingListsItems","setMatchingListsItems","useState","selectedImage","setSelectedImage","value","setValue","height","setHeight","focusedIndex","setFocusedIndex","hasMultipleGroups","setHasMultipleGroups","length","filteredChildrenArray","setFilteredChildrenArray","inputToListValue","setInputToListValue","groups","setGroups","shouldShowBody","setShouldShowBody","uuid","useUuid","boxRef","useRef","contentRef","inputRef","tagInputRef","hasFocusRef","isAnimatingRef","shouldShowPresetValue","theme","useTheme","isTouch","useDevice","useEffect","filterButtons","useMemo","items","forEach","groupName","push","id","text","activeList","newLists","list","includes","newMatchingItems","newList","searchList","searchString","undefined","filteredMatchingListItems","map","filter","item","handleOpen","useCallback","handleClose","handleFilterButtonsGroupSelect","keys","textArray","calculateContentHeight","selectedItem","find","imageUrl","createElement","StyledSearchBoxItemImage","src","$shouldShowRoundImage","current","handleFocus","toLowerCase","handleClick","rightElement","StyledSearchBoxIcon","onClick","icons","color","leftElement","StyledSearchBoxLeftWrapper","handleChange","event","filteredLists","target","handleBlur","handleDropdownOutsideClick","_tagInputRef$current","blur","handleSelect","newItem","replace","_tagInputRef$current2","resetValue","content","StyledSearchBoxHintText","index","key","name","listIndex","tabIndex","handleKeyDown","_contentRef$current","_childrenArray$find","children","childrenArray","Array","from","newChildren","child","startsWith","filteredChildren","dataset","isgroupname","preventDefault","newIndex","prevElement","newElement","stopPropagation","_element$children$","element","textContent","attributes","_element$children$2","nodeValue","newId","document","addEventListener","removeEventListener","handleKeyPress","keyCode","useImperativeHandle","clear","shouldShowDropdown","trim","StyledSearchBox","onAdd","onFocus","onRemove","shouldAllowMultiple","shouldPreventEnter","tags","anchorElement","direction","onClose","onOutsideClick","shouldShow","onGroupSelect","selectedGroups","displayName","_default","exports"],"sources":["../../../../src/components/search-box/SearchBox.tsx"],"sourcesContent":["import { useDevice } from 'chayns-api';\nimport React, {\n    ChangeEvent,\n    ChangeEventHandler,\n    FC,\n    FocusEvent,\n    FocusEventHandler,\n    forwardRef,\n    KeyboardEventHandler,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useTheme } from 'styled-components';\nimport type { IFilterButtonItem } from '../../types/filterButtons';\nimport type { ISearchBoxItem, ISearchBoxItems } from '../../types/searchBox';\nimport { calculateContentHeight } from '../../utils/calculate';\nimport { searchList } from '../../utils/searchBox';\nimport type { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport Icon from '../icon/Icon';\nimport Input from '../input/Input';\nimport GroupName from './group-name/GroupName';\nimport SearchBoxBody from './search-box-body/SearchBoxBody';\nimport SearchBoxItem from './search-box-item/SearchBoxItem';\nimport { StyledSearchBoxItemImage } from './search-box-item/SearchBoxItem.styles';\nimport {\n    StyledSearchBox,\n    StyledSearchBoxHintText,\n    StyledSearchBoxIcon,\n    StyledSearchBoxLeftWrapper,\n} from './SearchBox.styles';\nimport { useUuid } from '../../hooks/uuid';\nimport DropdownBodyWrapper from '../dropdown-body-wrapper/DropdownBodyWrapper';\nimport TagInput, { TagInputProps, TagInputRef } from '../tag-input/TagInput';\nimport type { DropdownDirection } from '../../types/dropdown';\n\nexport interface SearchBoxRef {\n    clear: VoidFunction;\n}\n\nexport interface TagInputSettings {\n    onAdd?: TagInputProps['onAdd'];\n    onRemove?: TagInputProps['onRemove'];\n    shouldAllowMultiple?: TagInputProps['shouldAllowMultiple'];\n    tags?: TagInputProps['tags'];\n}\n\nexport type SearchBoxProps = {\n    /**\n     * The element where the content of the `ComboBox` should be rendered via React Portal.\n     */\n    container?: Element;\n    /**\n     * An optional callback function to filter the elements to be displayed\n     */\n    customFilter?: (item: ISearchBoxItem) => boolean;\n    /**\n     * The direction in which the dropdown should be displayed. By default, it is displayed below the input.\n     */\n    dropdownDirection?: DropdownDirection;\n    /**\n     * If true, the input field is marked as invalid\n     */\n    isInvalid?: boolean;\n    /**\n     * An optional icon that is displayed inside the left side of the input.\n     */\n    leftIcons?: string[];\n    /**\n     * List of groups with items that can be searched. It is possible to give only one list; if multiple lists are provided, the 'group name' parameter becomes mandatory.\n     */\n    lists: ISearchBoxItems[];\n    /**\n     * Function to be executed when the input lost focus.\n     */\n    onBlur?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when the input is changed.\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when a letter is pressed\n     */\n    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when an item is selected.\n     */\n    onSelect?: (item: ISearchBoxItem) => void;\n    /**\n     * The placeholder that should be displayed.\n     */\n    placeholder?: string;\n    /**\n     * Set an input for the search box - it is not an item of a list, just a string.\n     */\n    presetValue?: string;\n    /**\n     * Control the selected item. If you use this prop, make sure to update it when the user selects an item.\n     */\n    selectedId?: string;\n    /**\n     * If true, the value in the Input is displayed in the list.\n     */\n    shouldAddInputToList: boolean;\n    /**\n     * If true, the filter buttons are hidden.\n     */\n    shouldHideFilterButtons?: boolean;\n    /**\n     * Whether the full list of items should be displayed if the input is empty.\n     */\n    shouldShowContentOnEmptyInput?: boolean;\n    /**\n     * If true, the images of the items are displayed in a round shape.\n     */\n    shouldShowRoundImage?: boolean;\n    /**\n     * Whether the icon to open and close the list should be displayed.\n     */\n    shouldShowToggleIcon?: boolean;\n    /**\n     * Settings for the TagInput.\n     */\n    tagInputSettings?: TagInputSettings;\n    /**\n     * A text that should be displayed if no results are found.\n     */\n    hintText?: string;\n};\n\nconst SearchBox: FC<SearchBoxProps> = forwardRef<SearchBoxRef, SearchBoxProps>(\n    (\n        {\n            container,\n            customFilter,\n            dropdownDirection,\n            isInvalid = false,\n            leftIcons,\n            lists,\n            onBlur,\n            onChange,\n            onKeyDown,\n            onSelect,\n            placeholder,\n            presetValue,\n            hintText,\n            selectedId,\n            shouldAddInputToList = true,\n            shouldHideFilterButtons = false,\n            shouldShowContentOnEmptyInput = true,\n            shouldShowRoundImage,\n            shouldShowToggleIcon = false,\n            tagInputSettings,\n        },\n        ref,\n    ) => {\n        const [matchingListsItems, setMatchingListsItems] = useState<ISearchBoxItems[]>(lists);\n        const [selectedImage, setSelectedImage] = useState<ReactElement>();\n        const [value, setValue] = useState(\n            typeof presetValue === 'string' && presetValue !== '' ? presetValue : '',\n        );\n        const [height, setHeight] = useState<number>(0);\n        const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n        const [hasMultipleGroups, setHasMultipleGroups] = useState<boolean>(lists.length > 1);\n        const [filteredChildrenArray, setFilteredChildrenArray] = useState<Element[]>();\n        const [inputToListValue, setInputToListValue] = useState<string>('');\n        const [groups, setGroups] = useState<string[]>(['all']);\n        const [shouldShowBody, setShouldShowBody] = useState(false);\n\n        const uuid = useUuid();\n\n        const boxRef = useRef<HTMLDivElement>(null);\n        const contentRef = useRef<HTMLDivElement>(null);\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const tagInputRef = useRef<TagInputRef>(null);\n\n        const hasFocusRef = useRef<boolean>(false);\n        const isAnimatingRef = useRef<boolean>(false);\n        const shouldShowPresetValue = useRef<boolean>(\n            typeof presetValue === 'string' && presetValue !== '',\n        );\n\n        const theme = useTheme() as Theme;\n\n        const { isTouch } = useDevice();\n\n        /**\n         * Checks if there are multiple groups in the lists\n         */\n        useEffect(() => {\n            setHasMultipleGroups(lists.length > 1);\n        }, [lists]);\n\n        const filterButtons = useMemo(() => {\n            const items: IFilterButtonItem[] = [];\n\n            if (lists.length <= 1) {\n                return items;\n            }\n\n            lists.forEach(({ groupName }) => {\n                if (groupName) {\n                    items.push({\n                        id: groupName,\n                        text: groupName,\n                    });\n                }\n            });\n\n            return items;\n        }, [lists]);\n\n        /**\n         * Filters the lists by the FilterButtons\n         */\n        const activeList = useMemo(() => {\n            let newLists: ISearchBoxItems[] = [];\n\n            if (groups[0] === 'all') {\n                newLists = lists;\n            } else {\n                lists.forEach((list) => {\n                    if (list.groupName && groups.includes(list.groupName)) {\n                        newLists.push(list);\n                    }\n                });\n            }\n\n            const newMatchingItems: ISearchBoxItems[] = [];\n\n            newLists.forEach(({ list, groupName }) => {\n                const newList = searchList({ items: list, searchString: value });\n\n                if (newList.length > 0) {\n                    newMatchingItems.push({\n                        groupName,\n                        list: newList,\n                    });\n                }\n            });\n\n            if (newMatchingItems.length === 0 && shouldAddInputToList) {\n                newMatchingItems.push({\n                    groupName: undefined,\n                    list: [],\n                });\n            }\n\n            const filteredMatchingListItems = newMatchingItems.map(({ list, groupName }) => ({\n                groupName,\n                list: list.filter((item) => {\n                    if (typeof customFilter === 'function') {\n                        return customFilter(item);\n                    }\n                    return !(newMatchingItems.length === 1 && item.text === value);\n                }),\n            }));\n\n            setMatchingListsItems(filteredMatchingListItems);\n\n            return newLists;\n        }, [groups, lists, customFilter, shouldAddInputToList, value]);\n\n        const handleOpen = useCallback(() => {\n            setShouldShowBody(true);\n        }, []);\n\n        const handleClose = useCallback(() => {\n            setShouldShowBody(false);\n        }, []);\n\n        const handleFilterButtonsGroupSelect = (keys: string[]) => {\n            setGroups(keys.length === 0 ? ['all'] : keys);\n        };\n\n        /**\n         * This hook calculates the height\n         */\n        useEffect(() => {\n            const textArray: string[] = [];\n\n            activeList.forEach(({ list, groupName }) => {\n                list.forEach(({ text }) => textArray.push(text));\n                if (!groupName) {\n                    return;\n                }\n                textArray.push(groupName);\n            });\n\n            if (shouldAddInputToList && inputToListValue !== '') {\n                textArray.push(inputToListValue);\n            }\n\n            setHeight(calculateContentHeight(textArray));\n        }, [inputToListValue, activeList, placeholder, shouldAddInputToList]);\n\n        useEffect(() => {\n            if (selectedId) {\n                activeList.forEach(({ list }) => {\n                    const selectedItem = list.find(({ id }) => id === selectedId);\n                    if (selectedItem) {\n                        setValue(selectedItem.text);\n\n                        if (selectedItem.imageUrl) {\n                            setSelectedImage(\n                                <StyledSearchBoxItemImage\n                                    src={selectedItem.imageUrl}\n                                    $shouldShowRoundImage={shouldShowRoundImage}\n                                />,\n                            );\n                        }\n                    }\n                });\n            }\n        }, [activeList, selectedId, shouldShowRoundImage]);\n\n        /**\n         * This hook resets the value if the selectedId changes to undefined. This is an own useEffect because the value\n         * should not be reset if the list changes and the selectedId is still undefined.\n         */\n        useEffect(() => {\n            if (!selectedId && !shouldShowPresetValue.current) {\n                setValue('');\n            }\n        }, [selectedId]);\n\n        useEffect(() => {\n            isAnimatingRef.current = shouldShowBody;\n        }, [shouldShowBody]);\n\n        useEffect(() => {\n            if (\n                (matchingListsItems.length !== 0 || hintText) &&\n                !isAnimatingRef.current &&\n                hasFocusRef.current\n            ) {\n                handleOpen();\n            }\n        }, [handleOpen, hintText, matchingListsItems.length]);\n\n        /**\n         * This function handles the focus event of the input and opens the dropdown if the input\n         * should show content on an empty input\n         */\n        const handleFocus = useCallback(() => {\n            hasFocusRef.current = true;\n\n            if (shouldShowContentOnEmptyInput) {\n                const newMatchingItems: ISearchBoxItems[] = [];\n\n                activeList.forEach(({ list, groupName }) => {\n                    const newList = searchList({ items: list, searchString: value });\n\n                    if (newList.length > 0) {\n                        newMatchingItems.push({\n                            groupName,\n                            list: newList,\n                        });\n                    }\n                });\n\n                if (newMatchingItems.length === 0 && shouldAddInputToList) {\n                    newMatchingItems.push({\n                        groupName: undefined,\n                        list: [],\n                    });\n                }\n\n                const filteredMatchingListItems = newMatchingItems.map(({ list, groupName }) => ({\n                    groupName,\n                    list: list.filter((item) => {\n                        if (typeof customFilter === 'function') {\n                            return customFilter(item);\n                        }\n                        return !(newMatchingItems.length === 1 && item.text === value);\n                    }),\n                }));\n\n                setMatchingListsItems(filteredMatchingListItems);\n\n                if (filteredMatchingListItems.length !== 0 || hintText) {\n                    handleOpen();\n                }\n            }\n        }, [\n            shouldShowContentOnEmptyInput,\n            activeList,\n            shouldAddInputToList,\n            hintText,\n            value,\n            customFilter,\n            handleOpen,\n        ]);\n\n        /**\n         * This function filters the lists by input\n         */\n\n        useEffect(() => {\n            const newMatchingItems: ISearchBoxItems[] = [];\n\n            activeList.forEach(({ list, groupName }) => {\n                const newList = searchList({ items: list, searchString: value });\n\n                if (newList.length > 0) {\n                    newMatchingItems.push({\n                        groupName,\n                        list: newList,\n                    });\n                }\n            });\n\n            if (newMatchingItems.length === 0 && shouldAddInputToList) {\n                newMatchingItems.push({\n                    groupName: undefined,\n                    list: [],\n                });\n            }\n\n            if (shouldAddInputToList && inputToListValue !== '') {\n                newMatchingItems.forEach(({ list }) => {\n                    list.forEach(({ text }) => {\n                        if (text.toLowerCase() === inputToListValue.toLowerCase()) {\n                            setInputToListValue('');\n                        }\n                    });\n                });\n            }\n        }, [\n            inputToListValue,\n            activeList,\n            shouldAddInputToList,\n            shouldShowContentOnEmptyInput,\n            value,\n        ]);\n\n        const handleClick = useCallback(() => {\n            if (shouldShowBody) {\n                handleClose();\n            } else {\n                handleOpen();\n            }\n        }, [handleClose, handleOpen, shouldShowBody]);\n\n        const rightElement = useMemo(() => {\n            if (!shouldShowToggleIcon) {\n                return undefined;\n            }\n\n            return (\n                <StyledSearchBoxIcon onClick={handleClick}>\n                    <Icon icons={['fa fa-chevron-down']} color={theme['006'] as string} />\n                </StyledSearchBoxIcon>\n            );\n        }, [handleClick, shouldShowToggleIcon, theme]);\n\n        const leftElement = useMemo(\n            () =>\n                (leftIcons || selectedImage) && (\n                    <StyledSearchBoxLeftWrapper>\n                        {leftIcons && <Icon icons={leftIcons} />}\n                        {selectedImage && selectedImage}\n                    </StyledSearchBoxLeftWrapper>\n                ),\n            [leftIcons, selectedImage],\n        );\n\n        /**\n         * This function handles changes of the input\n         */\n        const handleChange = useCallback(\n            (event: ChangeEvent<HTMLInputElement>) => {\n                const filteredLists: ISearchBoxItems[] = [];\n                shouldShowPresetValue.current = false;\n\n                activeList.forEach(({ list, groupName }) => {\n                    const newList = searchList({ items: list, searchString: event.target.value });\n\n                    if (newList.length > 0) {\n                        filteredLists.push({\n                            groupName,\n                            list: newList,\n                        });\n                    }\n                });\n\n                if (filteredLists.length === 0 && shouldAddInputToList) {\n                    filteredLists.push({\n                        groupName: undefined,\n                        list: [],\n                    });\n                }\n\n                setSelectedImage(undefined);\n\n                if (!shouldShowContentOnEmptyInput && !event.target.value) {\n                    setMatchingListsItems([]);\n                } else {\n                    setMatchingListsItems(filteredLists);\n                }\n\n                if (filteredLists.length !== 0) {\n                    handleOpen();\n                }\n\n                setValue(event.target.value);\n                setInputToListValue(event.target.value);\n\n                if (typeof onChange === 'function') {\n                    onChange(event);\n                }\n            },\n            [activeList, handleOpen, onChange, shouldAddInputToList, shouldShowContentOnEmptyInput],\n        );\n\n        /**\n         * This function handles the blur event of the input\n         */\n        const handleBlur = useCallback(\n            (event: FocusEvent<HTMLInputElement>) => {\n                hasFocusRef.current = false;\n\n                if (typeof onBlur === 'function') {\n                    onBlur(event);\n                }\n            },\n            [onBlur],\n        );\n\n        const handleDropdownOutsideClick = useCallback(() => {\n            tagInputRef.current?.blur();\n\n            return hasFocusRef.current && isTouch;\n        }, [isTouch]);\n\n        /**\n         * This function handles the item selection\n         */\n        const handleSelect = useCallback(\n            (item: ISearchBoxItem) => {\n                const newItem = {\n                    ...item,\n                    text: item.text.replace('<b>', '').replace('</b>', '').replace('</b', ''),\n                };\n\n                if (tagInputSettings) {\n                    setValue('');\n                    setInputToListValue('');\n                    tagInputRef.current?.resetValue();\n                } else {\n                    setValue(newItem.text);\n                }\n\n                handleClose();\n\n                setSelectedImage(\n                    newItem.imageUrl ? (\n                        <StyledSearchBoxItemImage\n                            src={newItem.imageUrl}\n                            $shouldShowRoundImage={shouldShowRoundImage}\n                        />\n                    ) : undefined,\n                );\n\n                setMatchingListsItems([]);\n\n                if (typeof onSelect === 'function') {\n                    onSelect(newItem);\n                }\n            },\n            [handleClose, onSelect, shouldShowRoundImage, tagInputSettings],\n        );\n\n        const content = useMemo(() => {\n            if (hintText && matchingListsItems.length === 0) {\n                return (\n                    <StyledSearchBoxHintText>\n                        {hintText.replace('##value##', value)}\n                    </StyledSearchBoxHintText>\n                );\n            }\n\n            const items: ReactElement[] = [];\n\n            matchingListsItems.forEach(({ groupName, list }, index) => {\n                if (hasMultipleGroups) {\n                    if (list.length <= 0) {\n                        return;\n                    }\n\n                    if (index !== 0) {\n                        items.push(<GroupName key={groupName} name={groupName ?? ''} />);\n                    }\n                }\n\n                list.forEach(({ id, text, imageUrl }, listIndex) => {\n                    items.push(\n                        <SearchBoxItem\n                            key={`${id}_${groupName ?? ''}`}\n                            id={id}\n                            text={text}\n                            imageUrl={imageUrl}\n                            shouldShowRoundImage={shouldShowRoundImage}\n                            onSelect={handleSelect}\n                            groupName={groupName}\n                            tabIndex={index === 0 && listIndex === 0 ? 0 : -1}\n                        />,\n                    );\n                });\n            });\n\n            if (shouldAddInputToList && inputToListValue !== '') {\n                items.push(\n                    <SearchBoxItem\n                        id=\"input-value\"\n                        onSelect={handleSelect}\n                        text={`<b>${inputToListValue}</b`}\n                        tabIndex={items.length === 0 ? 0 : -1}\n                    />,\n                );\n            }\n\n            return items;\n        }, [\n            hintText,\n            matchingListsItems,\n            shouldAddInputToList,\n            inputToListValue,\n            value,\n            hasMultipleGroups,\n            shouldShowRoundImage,\n            handleSelect,\n        ]);\n\n        useEffect(() => {\n            const handleKeyDown = (e: KeyboardEvent) => {\n                if (!shouldShowBody || matchingListsItems.length === 0) {\n                    return;\n                }\n\n                const children = contentRef.current?.children;\n\n                if (!children) {\n                    return;\n                }\n\n                const childrenArray = Array.from(children);\n\n                const newChildren = childrenArray.find((child) =>\n                    child.id.startsWith('searchBoxContent__'),\n                )?.children;\n\n                if (!(newChildren && newChildren.length > 0)) {\n                    return;\n                }\n\n                const filteredChildren = Array.from(newChildren).filter(\n                    (child) => (child as HTMLElement).dataset.isgroupname !== 'true',\n                );\n\n                setFilteredChildrenArray(filteredChildren);\n\n                if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n                    e.preventDefault();\n\n                    if (newChildren && newChildren.length > 0) {\n                        const newIndex =\n                            focusedIndex !== null\n                                ? (focusedIndex +\n                                      (e.key === 'ArrowUp' ? -1 : 1) +\n                                      filteredChildren.length) %\n                                  filteredChildren.length\n                                : 0;\n\n                        if (focusedIndex !== null) {\n                            const prevElement = filteredChildren[focusedIndex] as HTMLDivElement;\n                            prevElement.tabIndex = -1;\n                        }\n\n                        setFocusedIndex(newIndex);\n\n                        const newElement = filteredChildren[newIndex] as HTMLDivElement;\n\n                        newElement.tabIndex = 0;\n                    }\n                } else if (e.key === 'Enter') {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    if (filteredChildren) {\n                        const element = filteredChildren[focusedIndex ?? 0];\n\n                        if (!element) {\n                            return;\n                        }\n\n                        const { id, textContent } = element;\n\n                        let imageUrl: string | undefined;\n\n                        // Just Ignore, it works\n                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                        // @ts-ignore\n                        if (element.children[0]?.attributes.src) {\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n                            imageUrl = element.children[0]?.attributes.src.nodeValue as string;\n                        }\n\n                        const newId = id.replace('search-box-item__', '');\n\n                        handleSelect({\n                            id: newId === 'input-value' ? textContent : newId,\n                            text: textContent ?? '',\n                            imageUrl,\n                        });\n                    }\n                }\n            };\n\n            document.addEventListener('keydown', handleKeyDown);\n\n            return () => {\n                document.removeEventListener('keydown', handleKeyDown);\n            };\n        }, [\n            filteredChildrenArray,\n            focusedIndex,\n            handleSelect,\n            matchingListsItems.length,\n            shouldShowBody,\n        ]);\n\n        const handleKeyPress = useCallback((event: KeyboardEvent) => {\n            if (event.keyCode === 27) {\n                setMatchingListsItems([]);\n            }\n        }, []);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                clear: () => setValue(''),\n            }),\n            [],\n        );\n\n        useEffect(() => {\n            document.addEventListener('keydown', handleKeyPress);\n\n            return () => {\n                document.addEventListener('keydown', handleKeyPress);\n            };\n        }, [handleKeyPress]);\n\n        /**\n         * Update the value if preset value changes\n         */\n        useEffect(() => {\n            if (presetValue) {\n                setValue(presetValue);\n            }\n        }, [presetValue]);\n\n        const shouldShowDropdown =\n            shouldShowBody &&\n            (matchingListsItems.length !== 0 || !!hintText) &&\n            (value.trim() !== '' || shouldShowContentOnEmptyInput);\n\n        return useMemo(\n            () => (\n                <StyledSearchBox ref={boxRef} key={`search-box-${uuid}`}>\n                    <div id={`search_box_input${uuid}`}>\n                        {tagInputSettings ? (\n                            <TagInput\n                                leftElement={leftElement}\n                                onAdd={tagInputSettings.onAdd}\n                                onBlur={handleBlur}\n                                onChange={handleChange}\n                                onFocus={handleFocus}\n                                onRemove={tagInputSettings.onRemove}\n                                placeholder={placeholder}\n                                ref={tagInputRef}\n                                shouldAllowMultiple={tagInputSettings.shouldAllowMultiple}\n                                shouldPreventEnter\n                                tags={tagInputSettings.tags}\n                            />\n                        ) : (\n                            <Input\n                                isInvalid={isInvalid}\n                                leftElement={leftElement}\n                                onBlur={handleBlur}\n                                onChange={handleChange}\n                                onFocus={handleFocus}\n                                onKeyDown={onKeyDown}\n                                placeholder={placeholder}\n                                ref={inputRef}\n                                rightElement={rightElement}\n                                value={value}\n                            />\n                        )}\n                    </div>\n                    {boxRef.current && (\n                        <DropdownBodyWrapper\n                            anchorElement={boxRef.current}\n                            container={container}\n                            direction={dropdownDirection}\n                            onClose={handleClose}\n                            onOutsideClick={handleDropdownOutsideClick}\n                            shouldShowDropdown={shouldShowDropdown}\n                        >\n                            <SearchBoxBody\n                                filterButtons={filterButtons}\n                                height={height}\n                                shouldShow={shouldShowDropdown}\n                                key={`search-box-body-${uuid}`}\n                                onGroupSelect={handleFilterButtonsGroupSelect}\n                                ref={contentRef}\n                                selectedGroups={groups}\n                                shouldHideFilterButtons={shouldHideFilterButtons}\n                            >\n                                {content}\n                            </SearchBoxBody>\n                        </DropdownBodyWrapper>\n                    )}\n                </StyledSearchBox>\n            ),\n            [\n                container,\n                content,\n                dropdownDirection,\n                filterButtons,\n                groups,\n                handleBlur,\n                handleChange,\n                handleClose,\n                handleDropdownOutsideClick,\n                handleFocus,\n                height,\n                isInvalid,\n                leftElement,\n                onKeyDown,\n                placeholder,\n                rightElement,\n                shouldHideFilterButtons,\n                shouldShowDropdown,\n                tagInputSettings,\n                uuid,\n                value,\n            ],\n        );\n    },\n);\n\nSearchBox.displayName = 'SearchBox';\n\nexport default SearchBox;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/combobox/ComboBox.js

@@ -323,8 +323,7 @@ const ComboBox = /*#__PURE__*/forwardRef(({
     direction: direction,
     container: container,
     shouldShowDropdown: isAnimating,
-    minBodyWidth: bodyWidth ?? bodyMinWidth,
-    maxHeight: maxHeight
+    minBodyWidth: bodyWidth ?? bodyMinWidth
   }, /*#__PURE__*/React.createElement(StyledComboBoxBody, {
     $maxHeight: maxHeight,
     $minWidth: bodyWidth ?? bodyMinWidth,

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","names":["useFunctions","useValues","React","forwardRef","Fragment","useCallback","useContext","useEffect","useImperativeHandle","useMemo","useRef","useState","useIsTouch","AreaContext","Icon","ComboBoxItem","StyledComboBox","StyledComboBoxBody","StyledComboBoxClearIconWrapper","StyledComboBoxHeader","StyledComboBoxIconWrapper","StyledComboBoxInput","StyledComboBoxPlaceholder","StyledComboBoxPlaceholderImage","StyledComboBoxPlaceholderText","StyledComboBoxPrefix","StyledComboBoxPrefixAndPlaceholderWrapper","StyledComboBoxTopic","DropdownBodyWrapper","DropdownDirection","useElementSize","ComboBoxSize","getComboBoxWidthResult","ComboBox","bodyWidth","direction","RIGHT","isDisabled","lists","maxHeight","onSelect","placeholder","prefix","container","shouldCaptureEvents","selectedItem","onHide","onShow","shouldShowBigImage","shouldShowClearIcon","shouldShowRoundImage","onInputFocus","prefixMinWidth","size","NORMAL","shouldUseFullWidth","onInputChange","shouldUseCurrentItemWidth","onInputBlur","shouldShowTransparentBackground","inputValue","shouldDropDownUseMaxItemWidth","ref","internalSelectedItem","setInternalSelectedItem","isAnimating","setIsAnimating","minWidth","setMinWidth","undefined","bodyMinWidth","setBodyMinWidth","focusedIndex","setFocusedIndex","isInputFocused","styledComboBoxElementRef","contentRef","parentSize","shouldUseParentElement","functions","values","isTouch","areaProvider","calculatedMinWidth","calculatedBodyMinWidth","parentWidth","width","shouldChangeColor","shouldDisableActions","combinedLists","flatMap","list","length","some","item","value","contentHeight","flatItems","height","reduce","isBigItem","subtext","trim","handleInputFocus","event","current","handleInputBlur","handleOpen","handleClose","handleSetSelectedItem","itemToSelect","onSelectResult","Promise","then","shouldPreventSelection","handleClear","preventDefault","stopPropagation","handleKeyDown","e","key","children","stepDirection","newIndex","attempts","newElement","shouldSkip","id","startsWith","endsWith","prevElement","tabIndex","focusedElement","focus","element","newSelectedItem","find","String","replace","document","addEventListener","removeEventListener","placeholderImageUrl","imageUrl","placeholderIcon","icons","placeholderText","text","shouldShowRoundPlaceholderImage","selectedItemList","handleHeaderClick","hide","show","comboBoxGroups","map","createElement","groupName","isSelected","$minWidth","$shouldUseFullWidth","$direction","onClick","$isOpen","$isTouch","$size","$shouldShowTransparentBackground","$isDisabled","$shouldChangeColor","$shouldShowBigImage","$prefixMinWidth","$shouldReduceOpacity","src","$shouldShowRoundImage","disabled","onChange","onBlur","onFocus","suffixElement","$shouldShowBorderLeft","anchorElement","onClose","shouldShowDropdown","minBodyWidth","$maxHeight","className","displayName"],"sources":["../../../../src/components/combobox/ComboBox.tsx"],"sourcesContent":["import { useFunctions, useValues } from 'chayns-api';\nimport React, {\n    FocusEventHandler,\n    forwardRef,\n    Fragment,\n    useCallback,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useIsTouch } from '../../utils/environment';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport Icon from '../icon/Icon';\nimport ComboBoxItem from './combobox-item/ComboBoxItem';\nimport {\n    StyledComboBox,\n    StyledComboBoxBody,\n    StyledComboBoxClearIconWrapper,\n    StyledComboBoxHeader,\n    StyledComboBoxIconWrapper,\n    StyledComboBoxInput,\n    StyledComboBoxPlaceholder,\n    StyledComboBoxPlaceholderImage,\n    StyledComboBoxPlaceholderText,\n    StyledComboBoxPrefix,\n    StyledComboBoxPrefixAndPlaceholderWrapper,\n    StyledComboBoxTopic,\n} from './ComboBox.styles';\nimport DropdownBodyWrapper from '../dropdown-body-wrapper/DropdownBodyWrapper';\nimport { DropdownDirection } from '../../types/dropdown';\nimport { useElementSize } from '../../hooks/element';\nimport { ComboBoxProps, ComboBoxRef, ComboBoxSize, IComboBoxItem } from './ComboBox.types';\nimport { getComboBoxWidthResult } from './ComboBox.utils';\n\nconst ComboBox = forwardRef<ComboBoxRef, ComboBoxProps>(\n    (\n        {\n            bodyWidth,\n            direction = DropdownDirection.RIGHT,\n            isDisabled = false,\n            lists,\n            maxHeight = 280,\n            onSelect,\n            placeholder,\n            prefix,\n            container,\n            shouldCaptureEvents,\n            selectedItem,\n            onHide,\n            onShow,\n            shouldShowBigImage,\n            shouldShowClearIcon,\n            shouldShowRoundImage,\n            onInputFocus,\n            prefixMinWidth,\n            size = ComboBoxSize.NORMAL,\n            shouldUseFullWidth = false,\n            onInputChange,\n            shouldUseCurrentItemWidth = false,\n            onInputBlur,\n            shouldShowTransparentBackground = false,\n            inputValue,\n            shouldDropDownUseMaxItemWidth = false,\n        },\n        ref,\n    ) => {\n        const [internalSelectedItem, setInternalSelectedItem] = useState<IComboBoxItem>();\n        const [isAnimating, setIsAnimating] = useState(false);\n        const [minWidth, setMinWidth] = useState<number | undefined>(undefined);\n        const [bodyMinWidth, setBodyMinWidth] = useState(0);\n        const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n\n        const isInputFocused = useRef(false);\n        const styledComboBoxElementRef = useRef<HTMLDivElement>(null);\n        const contentRef = useRef<HTMLDivElement | null>(null);\n\n        const parentSize = useElementSize(styledComboBoxElementRef, {\n            shouldUseParentElement: true,\n        });\n\n        const functions = useFunctions();\n        const values = useValues();\n        const isTouch = useIsTouch();\n        const areaProvider = useContext(AreaContext);\n\n        useEffect(() => {\n            if (!parentSize) {\n                return;\n            }\n\n            const { minWidth: calculatedMinWidth, bodyMinWidth: calculatedBodyMinWidth } =\n                getComboBoxWidthResult({\n                    functions,\n                    internalSelectedItem,\n                    lists,\n                    parentWidth: parentSize.width,\n                    placeholder,\n                    prefix,\n                    prefixMinWidth,\n                    selectedItem,\n                    shouldDropDownUseMaxItemWidth,\n                    shouldShowBigImage,\n                    shouldShowClearIcon,\n                    shouldUseCurrentItemWidth,\n                    shouldUseFullWidth,\n                    values,\n                });\n\n            setMinWidth(calculatedMinWidth);\n            setBodyMinWidth(calculatedBodyMinWidth);\n        }, [\n            functions,\n            internalSelectedItem,\n            lists,\n            parentSize,\n            placeholder,\n            prefix,\n            prefixMinWidth,\n            selectedItem,\n            shouldDropDownUseMaxItemWidth,\n            shouldShowBigImage,\n            shouldShowClearIcon,\n            shouldUseCurrentItemWidth,\n            shouldUseFullWidth,\n            values,\n        ]);\n\n        const shouldChangeColor = useMemo(\n            () => areaProvider.shouldChangeColor ?? false,\n            [areaProvider.shouldChangeColor],\n        );\n\n        const shouldDisableActions = useMemo(() => {\n            if (!selectedItem) {\n                return false;\n            }\n\n            const combinedLists = lists.flatMap((list) => list.list);\n\n            return (\n                combinedLists.length === 1 &&\n                combinedLists.some((item) => item.value === selectedItem.value)\n            );\n        }, [lists, selectedItem]);\n\n        const contentHeight = useMemo(() => {\n            const flatItems = lists.flatMap((list) => list.list);\n\n            let height = flatItems.reduce((value, item) => {\n                const isBigItem =\n                    shouldShowBigImage ||\n                    (typeof item.subtext === 'string' && item.subtext.trim() !== '');\n\n                return value + (isBigItem ? 56 : 38);\n            }, 0);\n\n            if (lists.length > 1) {\n                height += lists.length * 38;\n            }\n\n            if (maxHeight < height) {\n                height = maxHeight;\n            }\n\n            return height;\n        }, [lists, maxHeight, shouldShowBigImage]);\n\n        const handleInputFocus: FocusEventHandler<HTMLInputElement> = useCallback(\n            (event) => {\n                isInputFocused.current = true;\n                onInputFocus?.(event);\n            },\n            [onInputFocus],\n        );\n\n        const handleInputBlur: FocusEventHandler<HTMLInputElement> = useCallback(\n            (event) => {\n                isInputFocused.current = false;\n                onInputBlur?.(event);\n            },\n            [onInputBlur],\n        );\n\n        const handleOpen = useCallback(() => {\n            if (typeof onShow === 'function') {\n                onShow();\n            }\n\n            setIsAnimating(true);\n        }, [onShow]);\n\n        const handleClose = useCallback(() => {\n            if (typeof onHide === 'function') {\n                onHide();\n            }\n\n            setIsAnimating(false);\n        }, [onHide]);\n\n        /**\n         * This function sets the selected item\n         */\n        const handleSetSelectedItem = useCallback(\n            (itemToSelect?: IComboBoxItem) => {\n                if (typeof onSelect === 'function') {\n                    const onSelectResult = onSelect(itemToSelect);\n\n                    if (onSelectResult === false) {\n                        return;\n                    }\n\n                    if (onSelectResult instanceof Promise) {\n                        void onSelectResult.then((shouldPreventSelection) => {\n                            if (shouldPreventSelection) return;\n\n                            setInternalSelectedItem(itemToSelect);\n                            handleClose();\n                        });\n\n                        return;\n                    }\n                }\n\n                setInternalSelectedItem(itemToSelect);\n                handleClose();\n            },\n            [handleClose, onSelect],\n        );\n\n        const handleClear = useCallback(\n            (event: React.MouseEvent<HTMLDivElement>) => {\n                event.preventDefault();\n                event.stopPropagation();\n\n                handleSetSelectedItem(undefined);\n            },\n            [handleSetSelectedItem],\n        );\n\n        useEffect(() => {\n            const handleKeyDown = (e: KeyboardEvent) => {\n                if (!isAnimating) return;\n\n                if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n                    e.preventDefault();\n\n                    const children = contentRef.current?.children;\n\n                    if (!children || children.length === 0) return;\n\n                    const stepDirection = e.key === 'ArrowUp' ? -1 : 1;\n\n                    let newIndex = focusedIndex ?? -1;\n\n                    let attempts = 0;\n\n                    do {\n                        newIndex = (newIndex + stepDirection + children.length) % children.length;\n\n                        const newElement = children[newIndex] as HTMLDivElement;\n\n                        let shouldSkip = false;\n\n                        if (\n                            newElement.id.startsWith('combobox-group--') ||\n                            newElement.id.endsWith('--disabled-item')\n                        ) {\n                            shouldSkip = true;\n                        }\n\n                        if (!shouldSkip) break;\n\n                        attempts++;\n                    } while (attempts < children.length);\n\n                    if (focusedIndex !== null) {\n                        const prevElement = children[focusedIndex] as HTMLDivElement;\n\n                        prevElement.tabIndex = -1;\n                    }\n\n                    setFocusedIndex(newIndex);\n\n                    const focusedElement = children[newIndex] as HTMLDivElement;\n\n                    focusedElement.tabIndex = 0;\n                    focusedElement.focus();\n                } else if (e.key === 'Enter' && focusedIndex !== null) {\n                    const element = contentRef.current?.children[focusedIndex];\n\n                    if (!element) return;\n\n                    const { id } = element;\n\n                    let newSelectedItem: IComboBoxItem | undefined;\n\n                    lists.some((list) => {\n                        newSelectedItem = list.list.find(\n                            ({ value }) => String(value) === id.replace('combobox-item__', ''),\n                        );\n\n                        return !!newSelectedItem;\n                    });\n\n                    if (newSelectedItem) {\n                        handleSetSelectedItem(newSelectedItem);\n                    }\n                }\n            };\n\n            document.addEventListener('keydown', handleKeyDown);\n\n            return () => document.removeEventListener('keydown', handleKeyDown);\n        }, [focusedIndex, handleSetSelectedItem, isAnimating, lists]);\n\n        /**\n         * This function sets the external selected item\n         */\n        useEffect(() => {\n            setIsAnimating(false);\n            setInternalSelectedItem(selectedItem);\n        }, [selectedItem]);\n\n        const placeholderImageUrl = useMemo(() => {\n            if (selectedItem) {\n                return selectedItem.imageUrl;\n            }\n\n            if (internalSelectedItem) {\n                return internalSelectedItem.imageUrl;\n            }\n\n            return undefined;\n        }, [internalSelectedItem, selectedItem]);\n\n        const placeholderIcon = useMemo(() => {\n            if (selectedItem) {\n                return selectedItem.icons;\n            }\n\n            if (internalSelectedItem) {\n                return internalSelectedItem.icons;\n            }\n\n            return undefined;\n        }, [internalSelectedItem, selectedItem]);\n\n        /**\n         * This function resets the placeholder\n         */\n        const placeholderText = useMemo(() => {\n            let text = placeholder;\n\n            if (selectedItem) {\n                text = selectedItem.text;\n            } else if (internalSelectedItem) {\n                text = internalSelectedItem.text;\n            }\n\n            return text;\n        }, [internalSelectedItem, placeholder, selectedItem]);\n\n        const shouldShowRoundPlaceholderImage = useMemo(() => {\n            const selectedItemList = lists.find((list) =>\n                list.list.some(\n                    ({ value }) => value === (selectedItem?.value ?? internalSelectedItem?.value),\n                ),\n            );\n\n            return selectedItemList?.shouldShowRoundImage ?? shouldShowRoundImage;\n        }, [internalSelectedItem?.value, lists, selectedItem?.value, shouldShowRoundImage]);\n\n        /**\n         * This function opens the content of the combobox\n         */\n        const handleHeaderClick = useCallback(() => {\n            if (!isDisabled && !isInputFocused.current) {\n                if (isAnimating) {\n                    handleClose();\n                } else {\n                    handleOpen();\n                }\n            }\n        }, [handleClose, handleOpen, isAnimating, isDisabled]);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                hide: handleClose,\n                show: handleOpen,\n            }),\n            [handleClose, handleOpen],\n        );\n\n        const comboBoxGroups = useMemo(\n            () =>\n                lists.map((list) => (\n                    <Fragment key={list.groupName ?? 'default-group'}>\n                        {list.groupName && lists.length > 1 && (\n                            <StyledComboBoxTopic id={`combobox-group--${list.groupName}`}>\n                                {list.groupName}\n                            </StyledComboBoxTopic>\n                        )}\n                        {list.list.map((item) => (\n                            <ComboBoxItem\n                                key={`item-${item.text}`}\n                                item={item}\n                                isSelected={\n                                    selectedItem ? item.value === selectedItem.value : false\n                                }\n                                onSelect={handleSetSelectedItem}\n                                shouldShowBigImage={shouldShowBigImage}\n                                shouldShowRoundImage={\n                                    list.shouldShowRoundImage ?? shouldShowRoundImage\n                                }\n                            />\n                        ))}\n                    </Fragment>\n                )),\n            [handleSetSelectedItem, lists, selectedItem, shouldShowBigImage, shouldShowRoundImage],\n        );\n\n        return useMemo(\n            () => (\n                <StyledComboBox\n                    ref={styledComboBoxElementRef}\n                    $minWidth={minWidth}\n                    $shouldUseFullWidth={shouldUseFullWidth}\n                >\n                    <StyledComboBoxHeader\n                        $direction={direction}\n                        onClick={handleHeaderClick}\n                        $isOpen={isAnimating}\n                        $isTouch={isTouch}\n                        $size={size}\n                        $shouldShowTransparentBackground={shouldShowTransparentBackground}\n                        $isDisabled={isDisabled}\n                        $shouldChangeColor={shouldChangeColor}\n                        $shouldShowBigImage={shouldShowBigImage}\n                    >\n                        <StyledComboBoxPrefixAndPlaceholderWrapper>\n                            {prefix && (\n                                <StyledComboBoxPrefix $prefixMinWidth={prefixMinWidth}>\n                                    {prefix}\n                                </StyledComboBoxPrefix>\n                            )}\n                            <StyledComboBoxPlaceholder\n                                $shouldReduceOpacity={!selectedItem && !internalSelectedItem}\n                            >\n                                {placeholderImageUrl && (\n                                    <StyledComboBoxPlaceholderImage\n                                        src={placeholderImageUrl}\n                                        $shouldShowBigImage={shouldShowBigImage}\n                                        $shouldShowRoundImage={shouldShowRoundPlaceholderImage}\n                                    />\n                                )}\n                                {placeholderIcon && <Icon icons={placeholderIcon} />}\n                                {typeof inputValue === 'string' ? (\n                                    <StyledComboBoxInput\n                                        disabled={isDisabled}\n                                        value={inputValue}\n                                        onChange={onInputChange}\n                                        onBlur={handleInputBlur}\n                                        onFocus={handleInputFocus}\n                                        placeholder={placeholderText}\n                                    />\n                                ) : (\n                                    <StyledComboBoxPlaceholderText>\n                                        {placeholderText}\n                                    </StyledComboBoxPlaceholderText>\n                                )}\n                                {internalSelectedItem &&\n                                    internalSelectedItem.suffixElement &&\n                                    internalSelectedItem.suffixElement}\n                            </StyledComboBoxPlaceholder>\n                        </StyledComboBoxPrefixAndPlaceholderWrapper>\n                        {shouldShowClearIcon && internalSelectedItem && (\n                            <StyledComboBoxClearIconWrapper\n                                $isDisabled={isDisabled}\n                                onClick={handleClear}\n                            >\n                                <Icon icons={['fa fa-times']} />\n                            </StyledComboBoxClearIconWrapper>\n                        )}\n                        {!shouldDisableActions && (\n                            <StyledComboBoxIconWrapper\n                                $isDisabled={isDisabled}\n                                $size={size}\n                                $shouldShowBorderLeft={\n                                    shouldShowClearIcon === true &&\n                                    internalSelectedItem !== undefined\n                                }\n                            >\n                                <Icon icons={['fa fa-chevron-down']} isDisabled={isDisabled} />\n                            </StyledComboBoxIconWrapper>\n                        )}\n                    </StyledComboBoxHeader>\n                    {styledComboBoxElementRef.current && (\n                        <DropdownBodyWrapper\n                            anchorElement={styledComboBoxElementRef.current}\n                            bodyWidth={bodyWidth}\n                            contentHeight={contentHeight}\n                            shouldCaptureEvents={shouldCaptureEvents}\n                            onClose={handleClose}\n                            direction={direction}\n                            container={container}\n                            shouldShowDropdown={isAnimating}\n                            minBodyWidth={bodyWidth ?? bodyMinWidth}\n                            maxHeight={maxHeight}\n                        >\n                            <StyledComboBoxBody\n                                $maxHeight={maxHeight}\n                                $minWidth={bodyWidth ?? bodyMinWidth}\n                                className=\"chayns-scrollbar\"\n                                ref={contentRef}\n                                tabIndex={0}\n                            >\n                                {comboBoxGroups}\n                            </StyledComboBoxBody>\n                        </DropdownBodyWrapper>\n                    )}\n                </StyledComboBox>\n            ),\n            [\n                bodyMinWidth,\n                bodyWidth,\n                comboBoxGroups,\n                container,\n                contentHeight,\n                direction,\n                handleClear,\n                handleClose,\n                handleHeaderClick,\n                handleInputBlur,\n                handleInputFocus,\n                inputValue,\n                internalSelectedItem,\n                isAnimating,\n                isDisabled,\n                isTouch,\n                maxHeight,\n                minWidth,\n                onInputChange,\n                placeholderIcon,\n                placeholderImageUrl,\n                placeholderText,\n                prefix,\n                prefixMinWidth,\n                selectedItem,\n                shouldChangeColor,\n                shouldDisableActions,\n                shouldCaptureEvents,\n                shouldShowBigImage,\n                shouldShowClearIcon,\n                shouldShowRoundPlaceholderImage,\n                shouldShowTransparentBackground,\n                shouldUseFullWidth,\n                size,\n            ],\n        );\n    },\n);\n\nComboBox.displayName = 'ComboBox';\n\nexport default ComboBox;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ComboBox.js","names":["useFunctions","useValues","React","forwardRef","Fragment","useCallback","useContext","useEffect","useImperativeHandle","useMemo","useRef","useState","useIsTouch","AreaContext","Icon","ComboBoxItem","StyledComboBox","StyledComboBoxBody","StyledComboBoxClearIconWrapper","StyledComboBoxHeader","StyledComboBoxIconWrapper","StyledComboBoxInput","StyledComboBoxPlaceholder","StyledComboBoxPlaceholderImage","StyledComboBoxPlaceholderText","StyledComboBoxPrefix","StyledComboBoxPrefixAndPlaceholderWrapper","StyledComboBoxTopic","DropdownBodyWrapper","DropdownDirection","useElementSize","ComboBoxSize","getComboBoxWidthResult","ComboBox","bodyWidth","direction","RIGHT","isDisabled","lists","maxHeight","onSelect","placeholder","prefix","container","shouldCaptureEvents","selectedItem","onHide","onShow","shouldShowBigImage","shouldShowClearIcon","shouldShowRoundImage","onInputFocus","prefixMinWidth","size","NORMAL","shouldUseFullWidth","onInputChange","shouldUseCurrentItemWidth","onInputBlur","shouldShowTransparentBackground","inputValue","shouldDropDownUseMaxItemWidth","ref","internalSelectedItem","setInternalSelectedItem","isAnimating","setIsAnimating","minWidth","setMinWidth","undefined","bodyMinWidth","setBodyMinWidth","focusedIndex","setFocusedIndex","isInputFocused","styledComboBoxElementRef","contentRef","parentSize","shouldUseParentElement","functions","values","isTouch","areaProvider","calculatedMinWidth","calculatedBodyMinWidth","parentWidth","width","shouldChangeColor","shouldDisableActions","combinedLists","flatMap","list","length","some","item","value","contentHeight","flatItems","height","reduce","isBigItem","subtext","trim","handleInputFocus","event","current","handleInputBlur","handleOpen","handleClose","handleSetSelectedItem","itemToSelect","onSelectResult","Promise","then","shouldPreventSelection","handleClear","preventDefault","stopPropagation","handleKeyDown","e","key","children","stepDirection","newIndex","attempts","newElement","shouldSkip","id","startsWith","endsWith","prevElement","tabIndex","focusedElement","focus","element","newSelectedItem","find","String","replace","document","addEventListener","removeEventListener","placeholderImageUrl","imageUrl","placeholderIcon","icons","placeholderText","text","shouldShowRoundPlaceholderImage","selectedItemList","handleHeaderClick","hide","show","comboBoxGroups","map","createElement","groupName","isSelected","$minWidth","$shouldUseFullWidth","$direction","onClick","$isOpen","$isTouch","$size","$shouldShowTransparentBackground","$isDisabled","$shouldChangeColor","$shouldShowBigImage","$prefixMinWidth","$shouldReduceOpacity","src","$shouldShowRoundImage","disabled","onChange","onBlur","onFocus","suffixElement","$shouldShowBorderLeft","anchorElement","onClose","shouldShowDropdown","minBodyWidth","$maxHeight","className","displayName"],"sources":["../../../../src/components/combobox/ComboBox.tsx"],"sourcesContent":["import { useFunctions, useValues } from 'chayns-api';\nimport React, {\n    FocusEventHandler,\n    forwardRef,\n    Fragment,\n    useCallback,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useIsTouch } from '../../utils/environment';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport Icon from '../icon/Icon';\nimport ComboBoxItem from './combobox-item/ComboBoxItem';\nimport {\n    StyledComboBox,\n    StyledComboBoxBody,\n    StyledComboBoxClearIconWrapper,\n    StyledComboBoxHeader,\n    StyledComboBoxIconWrapper,\n    StyledComboBoxInput,\n    StyledComboBoxPlaceholder,\n    StyledComboBoxPlaceholderImage,\n    StyledComboBoxPlaceholderText,\n    StyledComboBoxPrefix,\n    StyledComboBoxPrefixAndPlaceholderWrapper,\n    StyledComboBoxTopic,\n} from './ComboBox.styles';\nimport DropdownBodyWrapper from '../dropdown-body-wrapper/DropdownBodyWrapper';\nimport { DropdownDirection } from '../../types/dropdown';\nimport { useElementSize } from '../../hooks/element';\nimport { ComboBoxProps, ComboBoxRef, ComboBoxSize, IComboBoxItem } from './ComboBox.types';\nimport { getComboBoxWidthResult } from './ComboBox.utils';\n\nconst ComboBox = forwardRef<ComboBoxRef, ComboBoxProps>(\n    (\n        {\n            bodyWidth,\n            direction = DropdownDirection.RIGHT,\n            isDisabled = false,\n            lists,\n            maxHeight = 280,\n            onSelect,\n            placeholder,\n            prefix,\n            container,\n            shouldCaptureEvents,\n            selectedItem,\n            onHide,\n            onShow,\n            shouldShowBigImage,\n            shouldShowClearIcon,\n            shouldShowRoundImage,\n            onInputFocus,\n            prefixMinWidth,\n            size = ComboBoxSize.NORMAL,\n            shouldUseFullWidth = false,\n            onInputChange,\n            shouldUseCurrentItemWidth = false,\n            onInputBlur,\n            shouldShowTransparentBackground = false,\n            inputValue,\n            shouldDropDownUseMaxItemWidth = false,\n        },\n        ref,\n    ) => {\n        const [internalSelectedItem, setInternalSelectedItem] = useState<IComboBoxItem>();\n        const [isAnimating, setIsAnimating] = useState(false);\n        const [minWidth, setMinWidth] = useState<number | undefined>(undefined);\n        const [bodyMinWidth, setBodyMinWidth] = useState(0);\n        const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n\n        const isInputFocused = useRef(false);\n        const styledComboBoxElementRef = useRef<HTMLDivElement>(null);\n        const contentRef = useRef<HTMLDivElement | null>(null);\n\n        const parentSize = useElementSize(styledComboBoxElementRef, {\n            shouldUseParentElement: true,\n        });\n\n        const functions = useFunctions();\n        const values = useValues();\n        const isTouch = useIsTouch();\n        const areaProvider = useContext(AreaContext);\n\n        useEffect(() => {\n            if (!parentSize) {\n                return;\n            }\n\n            const { minWidth: calculatedMinWidth, bodyMinWidth: calculatedBodyMinWidth } =\n                getComboBoxWidthResult({\n                    functions,\n                    internalSelectedItem,\n                    lists,\n                    parentWidth: parentSize.width,\n                    placeholder,\n                    prefix,\n                    prefixMinWidth,\n                    selectedItem,\n                    shouldDropDownUseMaxItemWidth,\n                    shouldShowBigImage,\n                    shouldShowClearIcon,\n                    shouldUseCurrentItemWidth,\n                    shouldUseFullWidth,\n                    values,\n                });\n\n            setMinWidth(calculatedMinWidth);\n            setBodyMinWidth(calculatedBodyMinWidth);\n        }, [\n            functions,\n            internalSelectedItem,\n            lists,\n            parentSize,\n            placeholder,\n            prefix,\n            prefixMinWidth,\n            selectedItem,\n            shouldDropDownUseMaxItemWidth,\n            shouldShowBigImage,\n            shouldShowClearIcon,\n            shouldUseCurrentItemWidth,\n            shouldUseFullWidth,\n            values,\n        ]);\n\n        const shouldChangeColor = useMemo(\n            () => areaProvider.shouldChangeColor ?? false,\n            [areaProvider.shouldChangeColor],\n        );\n\n        const shouldDisableActions = useMemo(() => {\n            if (!selectedItem) {\n                return false;\n            }\n\n            const combinedLists = lists.flatMap((list) => list.list);\n\n            return (\n                combinedLists.length === 1 &&\n                combinedLists.some((item) => item.value === selectedItem.value)\n            );\n        }, [lists, selectedItem]);\n\n        const contentHeight = useMemo(() => {\n            const flatItems = lists.flatMap((list) => list.list);\n\n            let height = flatItems.reduce((value, item) => {\n                const isBigItem =\n                    shouldShowBigImage ||\n                    (typeof item.subtext === 'string' && item.subtext.trim() !== '');\n\n                return value + (isBigItem ? 56 : 38);\n            }, 0);\n\n            if (lists.length > 1) {\n                height += lists.length * 38;\n            }\n\n            if (maxHeight < height) {\n                height = maxHeight;\n            }\n\n            return height;\n        }, [lists, maxHeight, shouldShowBigImage]);\n\n        const handleInputFocus: FocusEventHandler<HTMLInputElement> = useCallback(\n            (event) => {\n                isInputFocused.current = true;\n                onInputFocus?.(event);\n            },\n            [onInputFocus],\n        );\n\n        const handleInputBlur: FocusEventHandler<HTMLInputElement> = useCallback(\n            (event) => {\n                isInputFocused.current = false;\n                onInputBlur?.(event);\n            },\n            [onInputBlur],\n        );\n\n        const handleOpen = useCallback(() => {\n            if (typeof onShow === 'function') {\n                onShow();\n            }\n\n            setIsAnimating(true);\n        }, [onShow]);\n\n        const handleClose = useCallback(() => {\n            if (typeof onHide === 'function') {\n                onHide();\n            }\n\n            setIsAnimating(false);\n        }, [onHide]);\n\n        /**\n         * This function sets the selected item\n         */\n        const handleSetSelectedItem = useCallback(\n            (itemToSelect?: IComboBoxItem) => {\n                if (typeof onSelect === 'function') {\n                    const onSelectResult = onSelect(itemToSelect);\n\n                    if (onSelectResult === false) {\n                        return;\n                    }\n\n                    if (onSelectResult instanceof Promise) {\n                        void onSelectResult.then((shouldPreventSelection) => {\n                            if (shouldPreventSelection) return;\n\n                            setInternalSelectedItem(itemToSelect);\n                            handleClose();\n                        });\n\n                        return;\n                    }\n                }\n\n                setInternalSelectedItem(itemToSelect);\n                handleClose();\n            },\n            [handleClose, onSelect],\n        );\n\n        const handleClear = useCallback(\n            (event: React.MouseEvent<HTMLDivElement>) => {\n                event.preventDefault();\n                event.stopPropagation();\n\n                handleSetSelectedItem(undefined);\n            },\n            [handleSetSelectedItem],\n        );\n\n        useEffect(() => {\n            const handleKeyDown = (e: KeyboardEvent) => {\n                if (!isAnimating) return;\n\n                if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n                    e.preventDefault();\n\n                    const children = contentRef.current?.children;\n\n                    if (!children || children.length === 0) return;\n\n                    const stepDirection = e.key === 'ArrowUp' ? -1 : 1;\n\n                    let newIndex = focusedIndex ?? -1;\n\n                    let attempts = 0;\n\n                    do {\n                        newIndex = (newIndex + stepDirection + children.length) % children.length;\n\n                        const newElement = children[newIndex] as HTMLDivElement;\n\n                        let shouldSkip = false;\n\n                        if (\n                            newElement.id.startsWith('combobox-group--') ||\n                            newElement.id.endsWith('--disabled-item')\n                        ) {\n                            shouldSkip = true;\n                        }\n\n                        if (!shouldSkip) break;\n\n                        attempts++;\n                    } while (attempts < children.length);\n\n                    if (focusedIndex !== null) {\n                        const prevElement = children[focusedIndex] as HTMLDivElement;\n\n                        prevElement.tabIndex = -1;\n                    }\n\n                    setFocusedIndex(newIndex);\n\n                    const focusedElement = children[newIndex] as HTMLDivElement;\n\n                    focusedElement.tabIndex = 0;\n                    focusedElement.focus();\n                } else if (e.key === 'Enter' && focusedIndex !== null) {\n                    const element = contentRef.current?.children[focusedIndex];\n\n                    if (!element) return;\n\n                    const { id } = element;\n\n                    let newSelectedItem: IComboBoxItem | undefined;\n\n                    lists.some((list) => {\n                        newSelectedItem = list.list.find(\n                            ({ value }) => String(value) === id.replace('combobox-item__', ''),\n                        );\n\n                        return !!newSelectedItem;\n                    });\n\n                    if (newSelectedItem) {\n                        handleSetSelectedItem(newSelectedItem);\n                    }\n                }\n            };\n\n            document.addEventListener('keydown', handleKeyDown);\n\n            return () => document.removeEventListener('keydown', handleKeyDown);\n        }, [focusedIndex, handleSetSelectedItem, isAnimating, lists]);\n\n        /**\n         * This function sets the external selected item\n         */\n        useEffect(() => {\n            setIsAnimating(false);\n            setInternalSelectedItem(selectedItem);\n        }, [selectedItem]);\n\n        const placeholderImageUrl = useMemo(() => {\n            if (selectedItem) {\n                return selectedItem.imageUrl;\n            }\n\n            if (internalSelectedItem) {\n                return internalSelectedItem.imageUrl;\n            }\n\n            return undefined;\n        }, [internalSelectedItem, selectedItem]);\n\n        const placeholderIcon = useMemo(() => {\n            if (selectedItem) {\n                return selectedItem.icons;\n            }\n\n            if (internalSelectedItem) {\n                return internalSelectedItem.icons;\n            }\n\n            return undefined;\n        }, [internalSelectedItem, selectedItem]);\n\n        /**\n         * This function resets the placeholder\n         */\n        const placeholderText = useMemo(() => {\n            let text = placeholder;\n\n            if (selectedItem) {\n                text = selectedItem.text;\n            } else if (internalSelectedItem) {\n                text = internalSelectedItem.text;\n            }\n\n            return text;\n        }, [internalSelectedItem, placeholder, selectedItem]);\n\n        const shouldShowRoundPlaceholderImage = useMemo(() => {\n            const selectedItemList = lists.find((list) =>\n                list.list.some(\n                    ({ value }) => value === (selectedItem?.value ?? internalSelectedItem?.value),\n                ),\n            );\n\n            return selectedItemList?.shouldShowRoundImage ?? shouldShowRoundImage;\n        }, [internalSelectedItem?.value, lists, selectedItem?.value, shouldShowRoundImage]);\n\n        /**\n         * This function opens the content of the combobox\n         */\n        const handleHeaderClick = useCallback(() => {\n            if (!isDisabled && !isInputFocused.current) {\n                if (isAnimating) {\n                    handleClose();\n                } else {\n                    handleOpen();\n                }\n            }\n        }, [handleClose, handleOpen, isAnimating, isDisabled]);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                hide: handleClose,\n                show: handleOpen,\n            }),\n            [handleClose, handleOpen],\n        );\n\n        const comboBoxGroups = useMemo(\n            () =>\n                lists.map((list) => (\n                    <Fragment key={list.groupName ?? 'default-group'}>\n                        {list.groupName && lists.length > 1 && (\n                            <StyledComboBoxTopic id={`combobox-group--${list.groupName}`}>\n                                {list.groupName}\n                            </StyledComboBoxTopic>\n                        )}\n                        {list.list.map((item) => (\n                            <ComboBoxItem\n                                key={`item-${item.text}`}\n                                item={item}\n                                isSelected={\n                                    selectedItem ? item.value === selectedItem.value : false\n                                }\n                                onSelect={handleSetSelectedItem}\n                                shouldShowBigImage={shouldShowBigImage}\n                                shouldShowRoundImage={\n                                    list.shouldShowRoundImage ?? shouldShowRoundImage\n                                }\n                            />\n                        ))}\n                    </Fragment>\n                )),\n            [handleSetSelectedItem, lists, selectedItem, shouldShowBigImage, shouldShowRoundImage],\n        );\n\n        return useMemo(\n            () => (\n                <StyledComboBox\n                    ref={styledComboBoxElementRef}\n                    $minWidth={minWidth}\n                    $shouldUseFullWidth={shouldUseFullWidth}\n                >\n                    <StyledComboBoxHeader\n                        $direction={direction}\n                        onClick={handleHeaderClick}\n                        $isOpen={isAnimating}\n                        $isTouch={isTouch}\n                        $size={size}\n                        $shouldShowTransparentBackground={shouldShowTransparentBackground}\n                        $isDisabled={isDisabled}\n                        $shouldChangeColor={shouldChangeColor}\n                        $shouldShowBigImage={shouldShowBigImage}\n                    >\n                        <StyledComboBoxPrefixAndPlaceholderWrapper>\n                            {prefix && (\n                                <StyledComboBoxPrefix $prefixMinWidth={prefixMinWidth}>\n                                    {prefix}\n                                </StyledComboBoxPrefix>\n                            )}\n                            <StyledComboBoxPlaceholder\n                                $shouldReduceOpacity={!selectedItem && !internalSelectedItem}\n                            >\n                                {placeholderImageUrl && (\n                                    <StyledComboBoxPlaceholderImage\n                                        src={placeholderImageUrl}\n                                        $shouldShowBigImage={shouldShowBigImage}\n                                        $shouldShowRoundImage={shouldShowRoundPlaceholderImage}\n                                    />\n                                )}\n                                {placeholderIcon && <Icon icons={placeholderIcon} />}\n                                {typeof inputValue === 'string' ? (\n                                    <StyledComboBoxInput\n                                        disabled={isDisabled}\n                                        value={inputValue}\n                                        onChange={onInputChange}\n                                        onBlur={handleInputBlur}\n                                        onFocus={handleInputFocus}\n                                        placeholder={placeholderText}\n                                    />\n                                ) : (\n                                    <StyledComboBoxPlaceholderText>\n                                        {placeholderText}\n                                    </StyledComboBoxPlaceholderText>\n                                )}\n                                {internalSelectedItem &&\n                                    internalSelectedItem.suffixElement &&\n                                    internalSelectedItem.suffixElement}\n                            </StyledComboBoxPlaceholder>\n                        </StyledComboBoxPrefixAndPlaceholderWrapper>\n                        {shouldShowClearIcon && internalSelectedItem && (\n                            <StyledComboBoxClearIconWrapper\n                                $isDisabled={isDisabled}\n                                onClick={handleClear}\n                            >\n                                <Icon icons={['fa fa-times']} />\n                            </StyledComboBoxClearIconWrapper>\n                        )}\n                        {!shouldDisableActions && (\n                            <StyledComboBoxIconWrapper\n                                $isDisabled={isDisabled}\n                                $size={size}\n                                $shouldShowBorderLeft={\n                                    shouldShowClearIcon === true &&\n                                    internalSelectedItem !== undefined\n                                }\n                            >\n                                <Icon icons={['fa fa-chevron-down']} isDisabled={isDisabled} />\n                            </StyledComboBoxIconWrapper>\n                        )}\n                    </StyledComboBoxHeader>\n                    {styledComboBoxElementRef.current && (\n                        <DropdownBodyWrapper\n                            anchorElement={styledComboBoxElementRef.current}\n                            bodyWidth={bodyWidth}\n                            contentHeight={contentHeight}\n                            shouldCaptureEvents={shouldCaptureEvents}\n                            onClose={handleClose}\n                            direction={direction}\n                            container={container}\n                            shouldShowDropdown={isAnimating}\n                            minBodyWidth={bodyWidth ?? bodyMinWidth}\n                        >\n                            <StyledComboBoxBody\n                                $maxHeight={maxHeight}\n                                $minWidth={bodyWidth ?? bodyMinWidth}\n                                className=\"chayns-scrollbar\"\n                                ref={contentRef}\n                                tabIndex={0}\n                            >\n                                {comboBoxGroups}\n                            </StyledComboBoxBody>\n                        </DropdownBodyWrapper>\n                    )}\n                </StyledComboBox>\n            ),\n            [\n                bodyMinWidth,\n                bodyWidth,\n                comboBoxGroups,\n                container,\n                contentHeight,\n                direction,\n                handleClear,\n                handleClose,\n                handleHeaderClick,\n                handleInputBlur,\n                handleInputFocus,\n                inputValue,\n                internalSelectedItem,\n                isAnimating,\n                isDisabled,\n                isTouch,\n                maxHeight,\n                minWidth,\n                onInputChange,\n                placeholderIcon,\n                placeholderImageUrl,\n                placeholderText,\n                prefix,\n                prefixMinWidth,\n                selectedItem,\n                shouldChangeColor,\n                shouldDisableActions,\n                shouldCaptureEvents,\n                shouldShowBigImage,\n                shouldShowClearIcon,\n                shouldShowRoundPlaceholderImage,\n                shouldShowTransparentBackground,\n                shouldUseFullWidth,\n                size,\n            ],\n        );\n    },\n);\n\nComboBox.displayName = 'ComboBox';\n\nexport default ComboBox;\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,SAAS,QAAQ,YAAY;AACpD,OAAOC,KAAK,IAERC,UAAU,EACVC,QAAQ,EACRC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,mBAAmB,EACnBC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACL,OAAO;AACd,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,WAAW,QAAQ,sCAAsC;AAClE,OAAOC,IAAI,MAAM,cAAc;AAC/B,OAAOC,YAAY,MAAM,8BAA8B;AACvD,SACIC,cAAc,EACdC,kBAAkB,EAClBC,8BAA8B,EAC9BC,oBAAoB,EACpBC,yBAAyB,EACzBC,mBAAmB,EACnBC,yBAAyB,EACzBC,8BAA8B,EAC9BC,6BAA6B,EAC7BC,oBAAoB,EACpBC,yCAAyC,EACzCC,mBAAmB,QAChB,mBAAmB;AAC1B,OAAOC,mBAAmB,MAAM,8CAA8C;AAC9E,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,cAAc,QAAQ,qBAAqB;AACpD,SAAqCC,YAAY,QAAuB,kBAAkB;AAC1F,SAASC,sBAAsB,QAAQ,kBAAkB;AAEzD,MAAMC,QAAQ,gBAAG9B,UAAU,CACvB,CACI;EACI+B,SAAS;EACTC,SAAS,GAAGN,iBAAiB,CAACO,KAAK;EACnCC,UAAU,GAAG,KAAK;EAClBC,KAAK;EACLC,SAAS,GAAG,GAAG;EACfC,QAAQ;EACRC,WAAW;EACXC,MAAM;EACNC,SAAS;EACTC,mBAAmB;EACnBC,YAAY;EACZC,MAAM;EACNC,MAAM;EACNC,kBAAkB;EAClBC,mBAAmB;EACnBC,oBAAoB;EACpBC,YAAY;EACZC,cAAc;EACdC,IAAI,GAAGtB,YAAY,CAACuB,MAAM;EAC1BC,kBAAkB,GAAG,KAAK;EAC1BC,aAAa;EACbC,yBAAyB,GAAG,KAAK;EACjCC,WAAW;EACXC,+BAA+B,GAAG,KAAK;EACvCC,UAAU;EACVC,6BAA6B,GAAG;AACpC,CAAC,EACDC,GAAG,KACF;EACD,MAAM,CAACC,oBAAoB,EAAEC,uBAAuB,CAAC,GAAGrD,QAAQ,CAAgB,CAAC;EACjF,MAAM,CAACsD,WAAW,EAAEC,cAAc,CAAC,GAAGvD,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM,CAACwD,QAAQ,EAAEC,WAAW,CAAC,GAAGzD,QAAQ,CAAqB0D,SAAS,CAAC;EACvE,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG5D,QAAQ,CAAC,CAAC,CAAC;EACnD,MAAM,CAAC6D,YAAY,EAAEC,eAAe,CAAC,GAAG9D,QAAQ,CAAgB,IAAI,CAAC;EAErE,MAAM+D,cAAc,GAAGhE,MAAM,CAAC,KAAK,CAAC;EACpC,MAAMiE,wBAAwB,GAAGjE,MAAM,CAAiB,IAAI,CAAC;EAC7D,MAAMkE,UAAU,GAAGlE,MAAM,CAAwB,IAAI,CAAC;EAEtD,MAAMmE,UAAU,GAAG/C,cAAc,CAAC6C,wBAAwB,EAAE;IACxDG,sBAAsB,EAAE;EAC5B,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG/E,YAAY,CAAC,CAAC;EAChC,MAAMgF,MAAM,GAAG/E,SAAS,CAAC,CAAC;EAC1B,MAAMgF,OAAO,GAAGrE,UAAU,CAAC,CAAC;EAC5B,MAAMsE,YAAY,GAAG5E,UAAU,CAACO,WAAW,CAAC;EAE5CN,SAAS,CAAC,MAAM;IACZ,IAAI,CAACsE,UAAU,EAAE;MACb;IACJ;IAEA,MAAM;MAAEV,QAAQ,EAAEgB,kBAAkB;MAAEb,YAAY,EAAEc;IAAuB,CAAC,GACxEpD,sBAAsB,CAAC;MACnB+C,SAAS;MACThB,oBAAoB;MACpBzB,KAAK;MACL+C,WAAW,EAAER,UAAU,CAACS,KAAK;MAC7B7C,WAAW;MACXC,MAAM;MACNU,cAAc;MACdP,YAAY;MACZgB,6BAA6B;MAC7Bb,kBAAkB;MAClBC,mBAAmB;MACnBQ,yBAAyB;MACzBF,kBAAkB;MAClByB;IACJ,CAAC,CAAC;IAENZ,WAAW,CAACe,kBAAkB,CAAC;IAC/BZ,eAAe,CAACa,sBAAsB,CAAC;EAC3C,CAAC,EAAE,CACCL,SAAS,EACThB,oBAAoB,EACpBzB,KAAK,EACLuC,UAAU,EACVpC,WAAW,EACXC,MAAM,EACNU,cAAc,EACdP,YAAY,EACZgB,6BAA6B,EAC7Bb,kBAAkB,EAClBC,mBAAmB,EACnBQ,yBAAyB,EACzBF,kBAAkB,EAClByB,MAAM,CACT,CAAC;EAEF,MAAMO,iBAAiB,GAAG9E,OAAO,CAC7B,MAAMyE,YAAY,CAACK,iBAAiB,IAAI,KAAK,EAC7C,CAACL,YAAY,CAACK,iBAAiB,CACnC,CAAC;EAED,MAAMC,oBAAoB,GAAG/E,OAAO,CAAC,MAAM;IACvC,IAAI,CAACoC,YAAY,EAAE;MACf,OAAO,KAAK;IAChB;IAEA,MAAM4C,aAAa,GAAGnD,KAAK,CAACoD,OAAO,CAAEC,IAAI,IAAKA,IAAI,CAACA,IAAI,CAAC;IAExD,OACIF,aAAa,CAACG,MAAM,KAAK,CAAC,IAC1BH,aAAa,CAACI,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACC,KAAK,KAAKlD,YAAY,CAACkD,KAAK,CAAC;EAEvE,CAAC,EAAE,CAACzD,KAAK,EAAEO,YAAY,CAAC,CAAC;EAEzB,MAAMmD,aAAa,GAAGvF,OAAO,CAAC,MAAM;IAChC,MAAMwF,SAAS,GAAG3D,KAAK,CAACoD,OAAO,CAAEC,IAAI,IAAKA,IAAI,CAACA,IAAI,CAAC;IAEpD,IAAIO,MAAM,GAAGD,SAAS,CAACE,MAAM,CAAC,CAACJ,KAAK,EAAED,IAAI,KAAK;MAC3C,MAAMM,SAAS,GACXpD,kBAAkB,IACjB,OAAO8C,IAAI,CAACO,OAAO,KAAK,QAAQ,IAAIP,IAAI,CAACO,OAAO,CAACC,IAAI,CAAC,CAAC,KAAK,EAAG;MAEpE,OAAOP,KAAK,IAAIK,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;IACxC,CAAC,EAAE,CAAC,CAAC;IAEL,IAAI9D,KAAK,CAACsD,MAAM,GAAG,CAAC,EAAE;MAClBM,MAAM,IAAI5D,KAAK,CAACsD,MAAM,GAAG,EAAE;IAC/B;IAEA,IAAIrD,SAAS,GAAG2D,MAAM,EAAE;MACpBA,MAAM,GAAG3D,SAAS;IACtB;IAEA,OAAO2D,MAAM;EACjB,CAAC,EAAE,CAAC5D,KAAK,EAAEC,SAAS,EAAES,kBAAkB,CAAC,CAAC;EAE1C,MAAMuD,gBAAqD,GAAGlG,WAAW,CACpEmG,KAAK,IAAK;IACP9B,cAAc,CAAC+B,OAAO,GAAG,IAAI;IAC7BtD,YAAY,GAAGqD,KAAK,CAAC;EACzB,CAAC,EACD,CAACrD,YAAY,CACjB,CAAC;EAED,MAAMuD,eAAoD,GAAGrG,WAAW,CACnEmG,KAAK,IAAK;IACP9B,cAAc,CAAC+B,OAAO,GAAG,KAAK;IAC9B/C,WAAW,GAAG8C,KAAK,CAAC;EACxB,CAAC,EACD,CAAC9C,WAAW,CAChB,CAAC;EAED,MAAMiD,UAAU,GAAGtG,WAAW,CAAC,MAAM;IACjC,IAAI,OAAO0C,MAAM,KAAK,UAAU,EAAE;MAC9BA,MAAM,CAAC,CAAC;IACZ;IAEAmB,cAAc,CAAC,IAAI,CAAC;EACxB,CAAC,EAAE,CAACnB,MAAM,CAAC,CAAC;EAEZ,MAAM6D,WAAW,GAAGvG,WAAW,CAAC,MAAM;IAClC,IAAI,OAAOyC,MAAM,KAAK,UAAU,EAAE;MAC9BA,MAAM,CAAC,CAAC;IACZ;IAEAoB,cAAc,CAAC,KAAK,CAAC;EACzB,CAAC,EAAE,CAACpB,MAAM,CAAC,CAAC;;EAEZ;AACR;AACA;EACQ,MAAM+D,qBAAqB,GAAGxG,WAAW,CACpCyG,YAA4B,IAAK;IAC9B,IAAI,OAAOtE,QAAQ,KAAK,UAAU,EAAE;MAChC,MAAMuE,cAAc,GAAGvE,QAAQ,CAACsE,YAAY,CAAC;MAE7C,IAAIC,cAAc,KAAK,KAAK,EAAE;QAC1B;MACJ;MAEA,IAAIA,cAAc,YAAYC,OAAO,EAAE;QACnC,KAAKD,cAAc,CAACE,IAAI,CAAEC,sBAAsB,IAAK;UACjD,IAAIA,sBAAsB,EAAE;UAE5BlD,uBAAuB,CAAC8C,YAAY,CAAC;UACrCF,WAAW,CAAC,CAAC;QACjB,CAAC,CAAC;QAEF;MACJ;IACJ;IAEA5C,uBAAuB,CAAC8C,YAAY,CAAC;IACrCF,WAAW,CAAC,CAAC;EACjB,CAAC,EACD,CAACA,WAAW,EAAEpE,QAAQ,CAC1B,CAAC;EAED,MAAM2E,WAAW,GAAG9G,WAAW,CAC1BmG,KAAuC,IAAK;IACzCA,KAAK,CAACY,cAAc,CAAC,CAAC;IACtBZ,KAAK,CAACa,eAAe,CAAC,CAAC;IAEvBR,qBAAqB,CAACxC,SAAS,CAAC;EACpC,CAAC,EACD,CAACwC,qBAAqB,CAC1B,CAAC;EAEDtG,SAAS,CAAC,MAAM;IACZ,MAAM+G,aAAa,GAAIC,CAAgB,IAAK;MACxC,IAAI,CAACtD,WAAW,EAAE;MAElB,IAAIsD,CAAC,CAACC,GAAG,KAAK,SAAS,IAAID,CAAC,CAACC,GAAG,KAAK,WAAW,EAAE;QAC9CD,CAAC,CAACH,cAAc,CAAC,CAAC;QAElB,MAAMK,QAAQ,GAAG7C,UAAU,CAAC6B,OAAO,EAAEgB,QAAQ;QAE7C,IAAI,CAACA,QAAQ,IAAIA,QAAQ,CAAC7B,MAAM,KAAK,CAAC,EAAE;QAExC,MAAM8B,aAAa,GAAGH,CAAC,CAACC,GAAG,KAAK,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC;QAElD,IAAIG,QAAQ,GAAGnD,YAAY,IAAI,CAAC,CAAC;QAEjC,IAAIoD,QAAQ,GAAG,CAAC;QAEhB,GAAG;UACCD,QAAQ,GAAG,CAACA,QAAQ,GAAGD,aAAa,GAAGD,QAAQ,CAAC7B,MAAM,IAAI6B,QAAQ,CAAC7B,MAAM;UAEzE,MAAMiC,UAAU,GAAGJ,QAAQ,CAACE,QAAQ,CAAmB;UAEvD,IAAIG,UAAU,GAAG,KAAK;UAEtB,IACID,UAAU,CAACE,EAAE,CAACC,UAAU,CAAC,kBAAkB,CAAC,IAC5CH,UAAU,CAACE,EAAE,CAACE,QAAQ,CAAC,iBAAiB,CAAC,EAC3C;YACEH,UAAU,GAAG,IAAI;UACrB;UAEA,IAAI,CAACA,UAAU,EAAE;UAEjBF,QAAQ,EAAE;QACd,CAAC,QAAQA,QAAQ,GAAGH,QAAQ,CAAC7B,MAAM;QAEnC,IAAIpB,YAAY,KAAK,IAAI,EAAE;UACvB,MAAM0D,WAAW,GAAGT,QAAQ,CAACjD,YAAY,CAAmB;UAE5D0D,WAAW,CAACC,QAAQ,GAAG,CAAC,CAAC;QAC7B;QAEA1D,eAAe,CAACkD,QAAQ,CAAC;QAEzB,MAAMS,cAAc,GAAGX,QAAQ,CAACE,QAAQ,CAAmB;QAE3DS,cAAc,CAACD,QAAQ,GAAG,CAAC;QAC3BC,cAAc,CAACC,KAAK,CAAC,CAAC;MAC1B,CAAC,MAAM,IAAId,CAAC,CAACC,GAAG,KAAK,OAAO,IAAIhD,YAAY,KAAK,IAAI,EAAE;QACnD,MAAM8D,OAAO,GAAG1D,UAAU,CAAC6B,OAAO,EAAEgB,QAAQ,CAACjD,YAAY,CAAC;QAE1D,IAAI,CAAC8D,OAAO,EAAE;QAEd,MAAM;UAAEP;QAAG,CAAC,GAAGO,OAAO;QAEtB,IAAIC,eAA0C;QAE9CjG,KAAK,CAACuD,IAAI,CAAEF,IAAI,IAAK;UACjB4C,eAAe,GAAG5C,IAAI,CAACA,IAAI,CAAC6C,IAAI,CAC5B,CAAC;YAAEzC;UAAM,CAAC,KAAK0C,MAAM,CAAC1C,KAAK,CAAC,KAAKgC,EAAE,CAACW,OAAO,CAAC,iBAAiB,EAAE,EAAE,CACrE,CAAC;UAED,OAAO,CAAC,CAACH,eAAe;QAC5B,CAAC,CAAC;QAEF,IAAIA,eAAe,EAAE;UACjB1B,qBAAqB,CAAC0B,eAAe,CAAC;QAC1C;MACJ;IACJ,CAAC;IAEDI,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEtB,aAAa,CAAC;IAEnD,OAAO,MAAMqB,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEvB,aAAa,CAAC;EACvE,CAAC,EAAE,CAAC9C,YAAY,EAAEqC,qBAAqB,EAAE5C,WAAW,EAAE3B,KAAK,CAAC,CAAC;;EAE7D;AACR;AACA;EACQ/B,SAAS,CAAC,MAAM;IACZ2D,cAAc,CAAC,KAAK,CAAC;IACrBF,uBAAuB,CAACnB,YAAY,CAAC;EACzC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,MAAMiG,mBAAmB,GAAGrI,OAAO,CAAC,MAAM;IACtC,IAAIoC,YAAY,EAAE;MACd,OAAOA,YAAY,CAACkG,QAAQ;IAChC;IAEA,IAAIhF,oBAAoB,EAAE;MACtB,OAAOA,oBAAoB,CAACgF,QAAQ;IACxC;IAEA,OAAO1E,SAAS;EACpB,CAAC,EAAE,CAACN,oBAAoB,EAAElB,YAAY,CAAC,CAAC;EAExC,MAAMmG,eAAe,GAAGvI,OAAO,CAAC,MAAM;IAClC,IAAIoC,YAAY,EAAE;MACd,OAAOA,YAAY,CAACoG,KAAK;IAC7B;IAEA,IAAIlF,oBAAoB,EAAE;MACtB,OAAOA,oBAAoB,CAACkF,KAAK;IACrC;IAEA,OAAO5E,SAAS;EACpB,CAAC,EAAE,CAACN,oBAAoB,EAAElB,YAAY,CAAC,CAAC;;EAExC;AACR;AACA;EACQ,MAAMqG,eAAe,GAAGzI,OAAO,CAAC,MAAM;IAClC,IAAI0I,IAAI,GAAG1G,WAAW;IAEtB,IAAII,YAAY,EAAE;MACdsG,IAAI,GAAGtG,YAAY,CAACsG,IAAI;IAC5B,CAAC,MAAM,IAAIpF,oBAAoB,EAAE;MAC7BoF,IAAI,GAAGpF,oBAAoB,CAACoF,IAAI;IACpC;IAEA,OAAOA,IAAI;EACf,CAAC,EAAE,CAACpF,oBAAoB,EAAEtB,WAAW,EAAEI,YAAY,CAAC,CAAC;EAErD,MAAMuG,+BAA+B,GAAG3I,OAAO,CAAC,MAAM;IAClD,MAAM4I,gBAAgB,GAAG/G,KAAK,CAACkG,IAAI,CAAE7C,IAAI,IACrCA,IAAI,CAACA,IAAI,CAACE,IAAI,CACV,CAAC;MAAEE;IAAM,CAAC,KAAKA,KAAK,MAAMlD,YAAY,EAAEkD,KAAK,IAAIhC,oBAAoB,EAAEgC,KAAK,CAChF,CACJ,CAAC;IAED,OAAOsD,gBAAgB,EAAEnG,oBAAoB,IAAIA,oBAAoB;EACzE,CAAC,EAAE,CAACa,oBAAoB,EAAEgC,KAAK,EAAEzD,KAAK,EAAEO,YAAY,EAAEkD,KAAK,EAAE7C,oBAAoB,CAAC,CAAC;;EAEnF;AACR;AACA;EACQ,MAAMoG,iBAAiB,GAAGjJ,WAAW,CAAC,MAAM;IACxC,IAAI,CAACgC,UAAU,IAAI,CAACqC,cAAc,CAAC+B,OAAO,EAAE;MACxC,IAAIxC,WAAW,EAAE;QACb2C,WAAW,CAAC,CAAC;MACjB,CAAC,MAAM;QACHD,UAAU,CAAC,CAAC;MAChB;IACJ;EACJ,CAAC,EAAE,CAACC,WAAW,EAAED,UAAU,EAAE1C,WAAW,EAAE5B,UAAU,CAAC,CAAC;EAEtD7B,mBAAmB,CACfsD,GAAG,EACH,OAAO;IACHyF,IAAI,EAAE3C,WAAW;IACjB4C,IAAI,EAAE7C;EACV,CAAC,CAAC,EACF,CAACC,WAAW,EAAED,UAAU,CAC5B,CAAC;EAED,MAAM8C,cAAc,GAAGhJ,OAAO,CAC1B,MACI6B,KAAK,CAACoH,GAAG,CAAE/D,IAAI,iBACXzF,KAAA,CAAAyJ,aAAA,CAACvJ,QAAQ;IAACoH,GAAG,EAAE7B,IAAI,CAACiE,SAAS,IAAI;EAAgB,GAC5CjE,IAAI,CAACiE,SAAS,IAAItH,KAAK,CAACsD,MAAM,GAAG,CAAC,iBAC/B1F,KAAA,CAAAyJ,aAAA,CAAChI,mBAAmB;IAACoG,EAAE,EAAE,mBAAmBpC,IAAI,CAACiE,SAAS;EAAG,GACxDjE,IAAI,CAACiE,SACW,CACxB,EACAjE,IAAI,CAACA,IAAI,CAAC+D,GAAG,CAAE5D,IAAI,iBAChB5F,KAAA,CAAAyJ,aAAA,CAAC5I,YAAY;IACTyG,GAAG,EAAE,QAAQ1B,IAAI,CAACqD,IAAI,EAAG;IACzBrD,IAAI,EAAEA,IAAK;IACX+D,UAAU,EACNhH,YAAY,GAAGiD,IAAI,CAACC,KAAK,KAAKlD,YAAY,CAACkD,KAAK,GAAG,KACtD;IACDvD,QAAQ,EAAEqE,qBAAsB;IAChC7D,kBAAkB,EAAEA,kBAAmB;IACvCE,oBAAoB,EAChByC,IAAI,CAACzC,oBAAoB,IAAIA;EAChC,CACJ,CACJ,CACK,CACb,CAAC,EACN,CAAC2D,qBAAqB,EAAEvE,KAAK,EAAEO,YAAY,EAAEG,kBAAkB,EAAEE,oBAAoB,CACzF,CAAC;EAED,OAAOzC,OAAO,CACV,mBACIP,KAAA,CAAAyJ,aAAA,CAAC3I,cAAc;IACX8C,GAAG,EAAEa,wBAAyB;IAC9BmF,SAAS,EAAE3F,QAAS;IACpB4F,mBAAmB,EAAExG;EAAmB,gBAExCrD,KAAA,CAAAyJ,aAAA,CAACxI,oBAAoB;IACjB6I,UAAU,EAAE7H,SAAU;IACtB8H,OAAO,EAAEX,iBAAkB;IAC3BY,OAAO,EAAEjG,WAAY;IACrBkG,QAAQ,EAAElF,OAAQ;IAClBmF,KAAK,EAAE/G,IAAK;IACZgH,gCAAgC,EAAE1G,+BAAgC;IAClE2G,WAAW,EAAEjI,UAAW;IACxBkI,kBAAkB,EAAEhF,iBAAkB;IACtCiF,mBAAmB,EAAExH;EAAmB,gBAExC9C,KAAA,CAAAyJ,aAAA,CAACjI,yCAAyC,QACrCgB,MAAM,iBACHxC,KAAA,CAAAyJ,aAAA,CAAClI,oBAAoB;IAACgJ,eAAe,EAAErH;EAAe,GACjDV,MACiB,CACzB,eACDxC,KAAA,CAAAyJ,aAAA,CAACrI,yBAAyB;IACtBoJ,oBAAoB,EAAE,CAAC7H,YAAY,IAAI,CAACkB;EAAqB,GAE5D+E,mBAAmB,iBAChB5I,KAAA,CAAAyJ,aAAA,CAACpI,8BAA8B;IAC3BoJ,GAAG,EAAE7B,mBAAoB;IACzB0B,mBAAmB,EAAExH,kBAAmB;IACxC4H,qBAAqB,EAAExB;EAAgC,CAC1D,CACJ,EACAJ,eAAe,iBAAI9I,KAAA,CAAAyJ,aAAA,CAAC7I,IAAI;IAACmI,KAAK,EAAED;EAAgB,CAAE,CAAC,EACnD,OAAOpF,UAAU,KAAK,QAAQ,gBAC3B1D,KAAA,CAAAyJ,aAAA,CAACtI,mBAAmB;IAChBwJ,QAAQ,EAAExI,UAAW;IACrB0D,KAAK,EAAEnC,UAAW;IAClBkH,QAAQ,EAAEtH,aAAc;IACxBuH,MAAM,EAAErE,eAAgB;IACxBsE,OAAO,EAAEzE,gBAAiB;IAC1B9D,WAAW,EAAEyG;EAAgB,CAChC,CAAC,gBAEFhJ,KAAA,CAAAyJ,aAAA,CAACnI,6BAA6B,QACzB0H,eAC0B,CAClC,EACAnF,oBAAoB,IACjBA,oBAAoB,CAACkH,aAAa,IAClClH,oBAAoB,CAACkH,aACF,CACY,CAAC,EAC3ChI,mBAAmB,IAAIc,oBAAoB,iBACxC7D,KAAA,CAAAyJ,aAAA,CAACzI,8BAA8B;IAC3BoJ,WAAW,EAAEjI,UAAW;IACxB4H,OAAO,EAAE9C;EAAY,gBAErBjH,KAAA,CAAAyJ,aAAA,CAAC7I,IAAI;IAACmI,KAAK,EAAE,CAAC,aAAa;EAAE,CAAE,CACH,CACnC,EACA,CAACzD,oBAAoB,iBAClBtF,KAAA,CAAAyJ,aAAA,CAACvI,yBAAyB;IACtBkJ,WAAW,EAAEjI,UAAW;IACxB+H,KAAK,EAAE/G,IAAK;IACZ6H,qBAAqB,EACjBjI,mBAAmB,KAAK,IAAI,IAC5Bc,oBAAoB,KAAKM;EAC5B,gBAEDnE,KAAA,CAAAyJ,aAAA,CAAC7I,IAAI;IAACmI,KAAK,EAAE,CAAC,oBAAoB,CAAE;IAAC5G,UAAU,EAAEA;EAAW,CAAE,CACvC,CAEb,CAAC,EACtBsC,wBAAwB,CAAC8B,OAAO,iBAC7BvG,KAAA,CAAAyJ,aAAA,CAAC/H,mBAAmB;IAChBuJ,aAAa,EAAExG,wBAAwB,CAAC8B,OAAQ;IAChDvE,SAAS,EAAEA,SAAU;IACrB8D,aAAa,EAAEA,aAAc;IAC7BpD,mBAAmB,EAAEA,mBAAoB;IACzCwI,OAAO,EAAExE,WAAY;IACrBzE,SAAS,EAAEA,SAAU;IACrBQ,SAAS,EAAEA,SAAU;IACrB0I,kBAAkB,EAAEpH,WAAY;IAChCqH,YAAY,EAAEpJ,SAAS,IAAIoC;EAAa,gBAExCpE,KAAA,CAAAyJ,aAAA,CAAC1I,kBAAkB;IACfsK,UAAU,EAAEhJ,SAAU;IACtBuH,SAAS,EAAE5H,SAAS,IAAIoC,YAAa;IACrCkH,SAAS,EAAC,kBAAkB;IAC5B1H,GAAG,EAAEc,UAAW;IAChBuD,QAAQ,EAAE;EAAE,GAEXsB,cACe,CACH,CAEb,CACnB,EACD,CACInF,YAAY,EACZpC,SAAS,EACTuH,cAAc,EACd9G,SAAS,EACTqD,aAAa,EACb7D,SAAS,EACTgF,WAAW,EACXP,WAAW,EACX0C,iBAAiB,EACjB5C,eAAe,EACfH,gBAAgB,EAChB3C,UAAU,EACVG,oBAAoB,EACpBE,WAAW,EACX5B,UAAU,EACV4C,OAAO,EACP1C,SAAS,EACT4B,QAAQ,EACRX,aAAa,EACbwF,eAAe,EACfF,mBAAmB,EACnBI,eAAe,EACfxG,MAAM,EACNU,cAAc,EACdP,YAAY,EACZ0C,iBAAiB,EACjBC,oBAAoB,EACpB5C,mBAAmB,EACnBI,kBAAkB,EAClBC,mBAAmB,EACnBmG,+BAA+B,EAC/BzF,+BAA+B,EAC/BJ,kBAAkB,EAClBF,IAAI,CAEZ,CAAC;AACL,CACJ,CAAC;AAEDpB,QAAQ,CAACwJ,WAAW,GAAG,UAAU;AAEjC,eAAexJ,QAAQ","ignoreList":[]}

package/lib/esm/components/dropdown-body-wrapper/DropdownBodyWrapper.js

@@ -1,30 +1,30 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { StyledDropdownBodyWrapper, StyledDropdownBodyWrapperContent } from './DropdownBodyWrapper.styles';
 import { createPortal } from 'react-dom';
 import { DropdownDirection } from '../../types/dropdown';
 import DelayedDropdownContent from './delayed-dropdown-content/DelayedDropdownContent';
 import { useDropdown, useDropdownListener } from '../../hooks/dropdown';
 import { ContainerAnchor, useContainer } from '../../hooks/container';
-const DropdownBodyWrapper = ({
+const DropdownBodyWrapper = /*#__PURE__*/forwardRef(({
   anchorElement,
   bodyWidth,
   children,
   container: containerProp,
   contentHeight = 0,
   direction = DropdownDirection.BOTTOM_RIGHT,
-  maxHeight = 300,
+  maxHeight,
   minBodyWidth = 0,
   onClose,
   onOutsideClick,
   onMeasure,
   shouldCaptureEvents = true,
   shouldShowDropdown
-}) => {
+}, ref) => {
   const isInChaynsWalletRef = useRef(false);
   const [measuredContentHeight, setMeasuredContentHeight] = useState(0);
   const [measuredContentWidth, setMeasuredContentWidth] = useState(0);
   const [portal, setPortal] = useState();
-  const ref = useRef(null);
+  const contentRef = useRef(null);
   const shouldPreventClickRef = useRef(false);
   const touchTimeoutRef = useRef(undefined);
   const container = useContainer({
@@ -53,7 +53,7 @@ const DropdownBodyWrapper = ({
    * This function closes the body
    */
   const handleClick = useCallback(event => {
-    if (ref.current && shouldShowDropdown && !anchorElement.contains(event.target) && !ref.current.contains(event.target)) {
+    if (contentRef.current && shouldShowDropdown && !anchorElement.contains(event.target) && !contentRef.current.contains(event.target)) {
       event.preventDefault();
       event.stopPropagation();
       const shouldPreventCloseOnClick = onOutsideClick?.() ?? false;
@@ -135,11 +135,14 @@ const DropdownBodyWrapper = ({
       $minWidth: minBodyWidth,
       $maxHeight: maxHeight,
       $direction: direction,
-      ref: ref
+      ref: contentRef,
+      className: typeof maxHeight === 'number' ? 'chayns-scrollbar' : undefined,
+      tabIndex: 0
     }, children)), container));
   }, [children, container, coordinates, direction, handleContentMeasure, maxHeight, minBodyWidth, shouldShowDropdown, transform, width]);
+  useImperativeHandle(ref, () => contentRef.current, []);
   return /*#__PURE__*/React.createElement(StyledDropdownBodyWrapper, null, portal);
-};
+});
 DropdownBodyWrapper.displayName = 'DropdownBodyWrapper';
 export default DropdownBodyWrapper;
 //# sourceMappingURL=DropdownBodyWrapper.js.map