@chayns-components/core 5.3.12-alpha.0 → 5.4.5-alpha.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","shouldEnableKeyboardHighlighting","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     * Enables keyboard-only focus highlighting.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\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            shouldEnableKeyboardHighlighting,\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                                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\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                                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\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                shouldEnableKeyboardHighlighting,\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","shouldEnableKeyboardHighlighting","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","handleContainerBlur","_contentRef$current","nextFocusedElement","relatedTarget","currentContainer","currentTarget","contains","handleSelect","newItem","replace","_tagInputRef$current2","resetValue","content","StyledSearchBoxHintText","index","key","name","listIndex","tabIndex","handleKeyDown","_contentRef$current2","_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     * Enables keyboard-only focus highlighting.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\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            shouldEnableKeyboardHighlighting,\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        const handleContainerBlur = useCallback(\n            (event: React.FocusEvent<HTMLDivElement>) => {\n                const nextFocusedElement = event.relatedTarget as Node | null;\n                const currentContainer = event.currentTarget as HTMLElement;\n\n                // Check if focus is moving outside the SearchBox container\n                // Also check the dropdown content (contentRef) since it's rendered in a portal\n                if (\n                    !nextFocusedElement ||\n                    (!currentContainer.contains(nextFocusedElement) &&\n                        !contentRef.current?.contains(nextFocusedElement))\n                ) {\n                    handleClose();\n                }\n            },\n            [handleClose],\n        );\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\n                    ref={boxRef}\n                    key={`search-box-${uuid}`}\n                    onBlur={handleContainerBlur}\n                >\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                                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\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                                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\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                shouldEnableKeyboardHighlighting,\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/cjs/components/search-input/SearchInput.js

@@ -30,6 +30,7 @@ const SearchInput = /*#__PURE__*/(0, _react2.forwardRef)(({
   const [isSearchInputActive, setIsSearchInputActive] = (0, _react2.useState)(isActive ?? (typeof value === 'string' && value.trim() !== ''));
   const inputRef = (0, _react2.useRef)(null);
   const pseudoRef = (0, _react2.useRef)(null);
+  const iconTriggerRef = (0, _react2.useRef)(null);
   const parentWidth = (0, _element.useElementSize)(pseudoRef);
   const theme = (0, _styledComponents.useTheme)();
   const shouldShowKeyboardHighlighting = (0, _useKeyboardFocusHighlighting.useKeyboardFocusHighlighting)(shouldEnableKeyboardHighlighting);
@@ -48,6 +49,17 @@ const SearchInput = /*#__PURE__*/(0, _react2.forwardRef)(({
       handleIconTriggerClick();
     }
   }, [handleIconTriggerClick]);
+  const handleInputKeyDown = (0, _react2.useCallback)(event => {
+    if (event.key === 'Escape') {
+      var _iconTriggerRef$curre;
+      event.preventDefault();
+      setIsSearchInputActive(false);
+      (_iconTriggerRef$curre = iconTriggerRef.current) === null || _iconTriggerRef$curre === void 0 || _iconTriggerRef$curre.focus();
+    }
+    if (typeof onKeyDown === 'function') {
+      onKeyDown(event);
+    }
+  }, [onActiveChange, onKeyDown]);
   (0, _react2.useEffect)(() => {
     if (typeof onActiveChange === 'function') {
       onActiveChange(isSearchInputActive);
@@ -103,7 +115,7 @@ const SearchInput = /*#__PURE__*/(0, _react2.forwardRef)(({
     }
   }, /*#__PURE__*/_react2.default.createElement(_Input.default, {
     onChange: onChange,
-    onKeyDown: onKeyDown,
+    onKeyDown: handleInputKeyDown,
     placeholder: placeholder,
     ref: inputRef,
     shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting,
@@ -111,6 +123,7 @@ const SearchInput = /*#__PURE__*/(0, _react2.forwardRef)(({
     size: size,
     value: value
   })), /*#__PURE__*/_react2.default.createElement(_SearchInput.StyledSearchInputIconTrigger, {
+    ref: iconTriggerRef,
     id: isSearchInputActive ? 'search-input-backIcon' : 'search-input-searchIcon',
     tabIndex: 0,
     onClick: handleIconTriggerClick,
@@ -140,6 +153,7 @@ const SearchInput = /*#__PURE__*/(0, _react2.forwardRef)(({
   })))) : /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement(_SearchInput.StyledMotionSearchInputIconWrapper, null, /*#__PURE__*/_react2.default.createElement(_react.AnimatePresence, {
     initial: false
   }, /*#__PURE__*/_react2.default.createElement(_SearchInput.StyledSearchInputIconTrigger, {
+    ref: iconTriggerRef,
     id: isSearchInputActive ? 'search-input-backIcon' : 'search-input-searchIcon',
     tabIndex: 0,
     onClick: handleIconTriggerClick,
@@ -194,7 +208,7 @@ const SearchInput = /*#__PURE__*/(0, _react2.forwardRef)(({
       icons: ['far fa-search']
     }),
     onChange: onChange,
-    onKeyDown: onKeyDown,
+    onKeyDown: handleInputKeyDown,
     placeholder: placeholder,
     ref: inputRef,
     shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting,

package/lib/cjs/components/search-input/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","names":["_react","require","_react2","_interopRequireWildcard","_Icon","_interopRequireDefault","_Input","_SearchInput","_styledComponents","_element","_useKeyboardFocusHighlighting","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SearchInput","forwardRef","iconColor","isActive","onActiveChange","onChange","onKeyDown","placeholder","shouldUseAbsolutePositioning","size","InputSize","Medium","value","shouldEnableKeyboardHighlighting","width","widthValue","ref","isSearchInputActive","setIsSearchInputActive","useState","trim","inputRef","useRef","pseudoRef","parentWidth","useElementSize","theme","useTheme","shouldShowKeyboardHighlighting","useKeyboardFocusHighlighting","handleBackIconClick","useCallback","handleSearchIconClick","handleIconTriggerClick","handleIconTriggerKeyDown","event","key","preventDefault","useEffect","_inputRef$current","current","focus","useImperativeHandle","_inputRef$current2","blur","_inputRef$current3","useMemo","createElement","Fragment","StyledSearchInput","className","$size","$shouldUseAbsolutePositioning","AnimatePresence","initial","StyledMotionSearchInputContentWrapper","$shouldShowKeyboardHighlighting","animate","opacity","exit","transition","duration","type","shouldShowClearIcon","StyledSearchInputIconTrigger","id","tabIndex","onClick","StyledMotionSearchInputIconWrapperContent","position","color","icons","StyledMotionSearchInputIconWrapper","leftElement","text","StyledSearchInputPseudoElement","displayName","_default","exports"],"sources":["../../../../src/components/search-input/SearchInput.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n    ChangeEventHandler,\n    CSSProperties,\n    forwardRef,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport Icon from '../icon/Icon';\nimport Input, { InputRef, InputSize } from '../input/Input';\nimport {\n    StyledMotionSearchInputContentWrapper,\n    StyledMotionSearchInputIconWrapper,\n    StyledMotionSearchInputIconWrapperContent,\n    StyledSearchInput,\n    StyledSearchInputIconTrigger,\n    StyledSearchInputPseudoElement,\n} from './SearchInput.styles';\nimport { useTheme } from 'styled-components';\nimport type { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { useElementSize } from '../../hooks/element';\nimport { useKeyboardFocusHighlighting } from '../../hooks/useKeyboardFocusHighlighting';\n\nexport type SearchInputProps = {\n    /**\n     * Color of the icon\n     */\n    iconColor?: CSSProperties['color'];\n    /**\n     * Force the active state of the input and override the internal state\n     */\n    isActive?: boolean;\n    /**\n     * Function that is executed when the active state of the input changes\n     */\n    onActiveChange?: (isActive: boolean) => void;\n    /**\n     * Function that is executed when the text of the input changes\n     */\n    onChange: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when a key is pressed\n     */\n    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n    /**\n     * Placeholder for the input field\n     */\n    placeholder?: string;\n    /**\n     * Whether the SearchInput should be positioned absolute.\n     */\n    shouldUseAbsolutePositioning?: boolean;\n    /**\n     * The size of the input field\n     */\n    size?: InputSize;\n    /**\n     * Value if the input field should be controlled\n     */\n    value?: string;\n    /**\n     * Enables keyboard-only focus highlighting.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n    /**\n     * The width of the parent.\n     */\n    width?: number;\n};\n\nconst SearchInput = forwardRef<InputRef, SearchInputProps>(\n    (\n        {\n            iconColor,\n            isActive,\n            onActiveChange,\n            onChange,\n            onKeyDown,\n            placeholder,\n            shouldUseAbsolutePositioning = false,\n            size = InputSize.Medium,\n            value,\n            shouldEnableKeyboardHighlighting,\n            width: widthValue,\n        },\n        ref,\n    ) => {\n        const [isSearchInputActive, setIsSearchInputActive] = useState(\n            isActive ?? (typeof value === 'string' && value.trim() !== ''),\n        );\n\n        const inputRef = useRef<InputRef>(null);\n        const pseudoRef = useRef<HTMLDivElement>(null);\n\n        const parentWidth = useElementSize(pseudoRef);\n\n        const theme = useTheme() as Theme;\n\n        const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(\n            shouldEnableKeyboardHighlighting,\n        );\n\n        const handleBackIconClick = useCallback(() => setIsSearchInputActive(false), []);\n\n        const handleSearchIconClick = useCallback(() => setIsSearchInputActive(true), []);\n\n        const handleIconTriggerClick = useCallback(() => {\n            if (isSearchInputActive) {\n                handleBackIconClick();\n                return;\n            }\n\n            handleSearchIconClick();\n        }, [handleBackIconClick, handleSearchIconClick, isSearchInputActive]);\n\n        const handleIconTriggerKeyDown = useCallback(\n            (event: React.KeyboardEvent<HTMLDivElement>) => {\n                if (event.key === 'Enter' || event.key === ' ') {\n                    event.preventDefault();\n                    handleIconTriggerClick();\n                }\n            },\n            [handleIconTriggerClick],\n        );\n\n        useEffect(() => {\n            if (typeof onActiveChange === 'function') {\n                onActiveChange(isSearchInputActive);\n            }\n        }, [isSearchInputActive, onActiveChange]);\n\n        useEffect(() => {\n            if (isSearchInputActive) {\n                inputRef.current?.focus();\n            }\n        }, [isSearchInputActive]);\n\n        useEffect(() => {\n            if (typeof isActive === 'boolean') {\n                setIsSearchInputActive(isActive);\n            }\n        }, [isActive]);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                focus: () => inputRef.current?.focus(),\n                blur: () => inputRef.current?.blur(),\n            }),\n            [],\n        );\n\n        const width = useMemo(\n            () => widthValue ?? parentWidth?.width,\n            [parentWidth?.width, widthValue],\n        );\n\n        return (\n            <>\n                <StyledSearchInput\n                    className=\"beta-chayns-search-input\"\n                    $size={size}\n                    $shouldUseAbsolutePositioning={shouldUseAbsolutePositioning}\n                >\n                    {shouldUseAbsolutePositioning ? (\n                        <AnimatePresence initial={false}>\n                            {isSearchInputActive && (\n                                <StyledMotionSearchInputContentWrapper\n                                    $shouldUseAbsolutePositioning={shouldUseAbsolutePositioning}\n                                    $shouldShowKeyboardHighlighting={shouldShowKeyboardHighlighting}\n                                    animate={{ opacity: 1, width }}\n                                    exit={{ opacity: 0, width: 0 }}\n                                    initial={{ opacity: 0, width: 0 }}\n                                    key=\"searchInputContentWrapper\"\n                                    transition={{ duration: 0.25, type: 'tween' }}\n                                >\n                                    <Input\n                                        onChange={onChange}\n                                        onKeyDown={onKeyDown}\n                                        placeholder={placeholder}\n                                        ref={inputRef}\n                                        shouldEnableKeyboardHighlighting={\n                                            shouldEnableKeyboardHighlighting\n                                        }\n                                        shouldShowClearIcon\n                                        size={size}\n                                        value={value}\n                                    />\n                                </StyledMotionSearchInputContentWrapper>\n                            )}\n                            <StyledSearchInputIconTrigger\n                                id={\n                                    isSearchInputActive\n                                        ? 'search-input-backIcon'\n                                        : 'search-input-searchIcon'\n                                }\n                                tabIndex={0}\n                                onClick={handleIconTriggerClick}\n                                onKeyDown={handleIconTriggerKeyDown}\n                                $shouldShowKeyboardHighlighting={shouldShowKeyboardHighlighting}\n                            >\n                                <StyledMotionSearchInputIconWrapperContent\n                                    animate={{ opacity: 1 }}\n                                    exit={{ opacity: 0, position: 'absolute' }}\n                                    initial={{ opacity: 0 }}\n                                    key={isSearchInputActive ? 'backIcon' : 'searchIcon'}\n                                    transition={{ duration: 0.3 }}\n                                    $shouldShowKeyboardHighlighting={shouldShowKeyboardHighlighting}\n                                >\n                                    <Icon\n                                        key=\"icon\"\n                                        color={iconColor}\n                                        tabIndex={-1}\n                                        icons={\n                                            isSearchInputActive ? ['fa fa-xmark'] : ['fa fa-search']\n                                        }\n                                    />\n                                </StyledMotionSearchInputIconWrapperContent>\n                            </StyledSearchInputIconTrigger>\n                        </AnimatePresence>\n                    ) : (\n                        <>\n                            <StyledMotionSearchInputIconWrapper>\n                                <AnimatePresence initial={false}>\n                                    <StyledSearchInputIconTrigger\n                                        id={\n                                            isSearchInputActive\n                                                ? 'search-input-backIcon'\n                                                : 'search-input-searchIcon'\n                                        }\n                                        tabIndex={0}\n                                        onClick={handleIconTriggerClick}\n                                        onKeyDown={handleIconTriggerKeyDown}\n                                        $shouldShowKeyboardHighlighting={\n                                            shouldShowKeyboardHighlighting\n                                        }\n                                    >\n                                        <StyledMotionSearchInputIconWrapperContent\n                                            animate={{ opacity: 1 }}\n                                            exit={{ opacity: 0, position: 'absolute' }}\n                                            initial={{ opacity: 0 }}\n                                            key={isSearchInputActive ? 'backIcon' : 'searchIcon'}\n                                            transition={{ duration: 0.3 }}\n                                            $shouldShowKeyboardHighlighting={\n                                                shouldShowKeyboardHighlighting\n                                            }\n                                        >\n                                            <Icon\n                                                key=\"icon\"\n                                                color={iconColor}\n                                                tabIndex={-1}\n                                                icons={\n                                                    isSearchInputActive\n                                                        ? ['fa fa-arrow-left']\n                                                        : ['fa fa-search']\n                                                }\n                                            />\n                                        </StyledMotionSearchInputIconWrapperContent>\n                                    </StyledSearchInputIconTrigger>\n                                </AnimatePresence>\n                            </StyledMotionSearchInputIconWrapper>\n                            <AnimatePresence initial={false}>\n                                {isSearchInputActive && (\n                                    <StyledMotionSearchInputContentWrapper\n                                        $shouldUseAbsolutePositioning={shouldUseAbsolutePositioning}\n                                        $shouldShowKeyboardHighlighting={\n                                            shouldShowKeyboardHighlighting\n                                        }\n                                        animate={{ opacity: 1, width: '100%' }}\n                                        exit={{ opacity: 0, width: 0 }}\n                                        initial={{ opacity: 0, width: 0 }}\n                                        key=\"searchInputContentWrapper\"\n                                        transition={{ duration: 0.3 }}\n                                    >\n                                        <Input\n                                            key=\"input\"\n                                            leftElement={\n                                                <Icon\n                                                    color={theme.text}\n                                                    icons={['far fa-search']}\n                                                />\n                                            }\n                                            onChange={onChange}\n                                            onKeyDown={onKeyDown}\n                                            placeholder={placeholder}\n                                            ref={inputRef}\n                                            shouldEnableKeyboardHighlighting={\n                                                shouldEnableKeyboardHighlighting\n                                            }\n                                            shouldShowClearIcon\n                                            size={size}\n                                            value={value}\n                                        />\n                                    </StyledMotionSearchInputContentWrapper>\n                                )}\n                            </AnimatePresence>\n                        </>\n                    )}\n                </StyledSearchInput>\n                <StyledSearchInputPseudoElement ref={pseudoRef} />\n            </>\n        );\n    },\n);\n\nSearchInput.displayName = 'SearchInput';\n\nexport default SearchInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SearchInput.js","names":["_react","require","_react2","_interopRequireWildcard","_Icon","_interopRequireDefault","_Input","_SearchInput","_styledComponents","_element","_useKeyboardFocusHighlighting","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SearchInput","forwardRef","iconColor","isActive","onActiveChange","onChange","onKeyDown","placeholder","shouldUseAbsolutePositioning","size","InputSize","Medium","value","shouldEnableKeyboardHighlighting","width","widthValue","ref","isSearchInputActive","setIsSearchInputActive","useState","trim","inputRef","useRef","pseudoRef","iconTriggerRef","parentWidth","useElementSize","theme","useTheme","shouldShowKeyboardHighlighting","useKeyboardFocusHighlighting","handleBackIconClick","useCallback","handleSearchIconClick","handleIconTriggerClick","handleIconTriggerKeyDown","event","key","preventDefault","handleInputKeyDown","_iconTriggerRef$curre","current","focus","useEffect","_inputRef$current","useImperativeHandle","_inputRef$current2","blur","_inputRef$current3","useMemo","createElement","Fragment","StyledSearchInput","className","$size","$shouldUseAbsolutePositioning","AnimatePresence","initial","StyledMotionSearchInputContentWrapper","$shouldShowKeyboardHighlighting","animate","opacity","exit","transition","duration","type","shouldShowClearIcon","StyledSearchInputIconTrigger","id","tabIndex","onClick","StyledMotionSearchInputIconWrapperContent","position","color","icons","StyledMotionSearchInputIconWrapper","leftElement","text","StyledSearchInputPseudoElement","displayName","_default","exports"],"sources":["../../../../src/components/search-input/SearchInput.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n    ChangeEventHandler,\n    CSSProperties,\n    forwardRef,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport Icon from '../icon/Icon';\nimport Input, { InputRef, InputSize } from '../input/Input';\nimport {\n    StyledMotionSearchInputContentWrapper,\n    StyledMotionSearchInputIconWrapper,\n    StyledMotionSearchInputIconWrapperContent,\n    StyledSearchInput,\n    StyledSearchInputIconTrigger,\n    StyledSearchInputPseudoElement,\n} from './SearchInput.styles';\nimport { useTheme } from 'styled-components';\nimport type { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { useElementSize } from '../../hooks/element';\nimport { useKeyboardFocusHighlighting } from '../../hooks/useKeyboardFocusHighlighting';\n\nexport type SearchInputProps = {\n    /**\n     * Color of the icon\n     */\n    iconColor?: CSSProperties['color'];\n    /**\n     * Force the active state of the input and override the internal state\n     */\n    isActive?: boolean;\n    /**\n     * Function that is executed when the active state of the input changes\n     */\n    onActiveChange?: (isActive: boolean) => void;\n    /**\n     * Function that is executed when the text of the input changes\n     */\n    onChange: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when a key is pressed\n     */\n    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n    /**\n     * Placeholder for the input field\n     */\n    placeholder?: string;\n    /**\n     * Whether the SearchInput should be positioned absolute.\n     */\n    shouldUseAbsolutePositioning?: boolean;\n    /**\n     * The size of the input field\n     */\n    size?: InputSize;\n    /**\n     * Value if the input field should be controlled\n     */\n    value?: string;\n    /**\n     * Enables keyboard-only focus highlighting.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n    /**\n     * The width of the parent.\n     */\n    width?: number;\n};\n\nconst SearchInput = forwardRef<InputRef, SearchInputProps>(\n    (\n        {\n            iconColor,\n            isActive,\n            onActiveChange,\n            onChange,\n            onKeyDown,\n            placeholder,\n            shouldUseAbsolutePositioning = false,\n            size = InputSize.Medium,\n            value,\n            shouldEnableKeyboardHighlighting,\n            width: widthValue,\n        },\n        ref,\n    ) => {\n        const [isSearchInputActive, setIsSearchInputActive] = useState(\n            isActive ?? (typeof value === 'string' && value.trim() !== ''),\n        );\n\n        const inputRef = useRef<InputRef>(null);\n        const pseudoRef = useRef<HTMLDivElement>(null);\n        const iconTriggerRef = useRef<HTMLDivElement>(null);\n\n        const parentWidth = useElementSize(pseudoRef);\n\n        const theme = useTheme() as Theme;\n\n        const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(\n            shouldEnableKeyboardHighlighting,\n        );\n\n        const handleBackIconClick = useCallback(() => setIsSearchInputActive(false), []);\n\n        const handleSearchIconClick = useCallback(() => setIsSearchInputActive(true), []);\n\n        const handleIconTriggerClick = useCallback(() => {\n            if (isSearchInputActive) {\n                handleBackIconClick();\n                return;\n            }\n\n            handleSearchIconClick();\n        }, [handleBackIconClick, handleSearchIconClick, isSearchInputActive]);\n\n        const handleIconTriggerKeyDown = useCallback(\n            (event: React.KeyboardEvent<HTMLDivElement>) => {\n                if (event.key === 'Enter' || event.key === ' ') {\n                    event.preventDefault();\n                    handleIconTriggerClick();\n                }\n            },\n            [handleIconTriggerClick],\n        );\n\n        const handleInputKeyDown = useCallback(\n            (event: React.KeyboardEvent<HTMLInputElement>) => {\n                if (event.key === 'Escape') {\n                    event.preventDefault();\n                    setIsSearchInputActive(false);\n                    iconTriggerRef.current?.focus();\n                }\n\n                if (typeof onKeyDown === 'function') {\n                    onKeyDown(event);\n                }\n            },\n            [onActiveChange, onKeyDown],\n        );\n\n        useEffect(() => {\n            if (typeof onActiveChange === 'function') {\n                onActiveChange(isSearchInputActive);\n            }\n        }, [isSearchInputActive, onActiveChange]);\n\n        useEffect(() => {\n            if (isSearchInputActive) {\n                inputRef.current?.focus();\n            }\n        }, [isSearchInputActive]);\n\n        useEffect(() => {\n            if (typeof isActive === 'boolean') {\n                setIsSearchInputActive(isActive);\n            }\n        }, [isActive]);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                focus: () => inputRef.current?.focus(),\n                blur: () => inputRef.current?.blur(),\n            }),\n            [],\n        );\n\n        const width = useMemo(\n            () => widthValue ?? parentWidth?.width,\n            [parentWidth?.width, widthValue],\n        );\n\n        return (\n            <>\n                <StyledSearchInput\n                    className=\"beta-chayns-search-input\"\n                    $size={size}\n                    $shouldUseAbsolutePositioning={shouldUseAbsolutePositioning}\n                >\n                    {shouldUseAbsolutePositioning ? (\n                        <AnimatePresence initial={false}>\n                            {isSearchInputActive && (\n                                <StyledMotionSearchInputContentWrapper\n                                    $shouldUseAbsolutePositioning={shouldUseAbsolutePositioning}\n                                    $shouldShowKeyboardHighlighting={shouldShowKeyboardHighlighting}\n                                    animate={{ opacity: 1, width }}\n                                    exit={{ opacity: 0, width: 0 }}\n                                    initial={{ opacity: 0, width: 0 }}\n                                    key=\"searchInputContentWrapper\"\n                                    transition={{ duration: 0.25, type: 'tween' }}\n                                >\n                                    <Input\n                                        onChange={onChange}\n                                        onKeyDown={handleInputKeyDown}\n                                        placeholder={placeholder}\n                                        ref={inputRef}\n                                        shouldEnableKeyboardHighlighting={\n                                            shouldEnableKeyboardHighlighting\n                                        }\n                                        shouldShowClearIcon\n                                        size={size}\n                                        value={value}\n                                    />\n                                </StyledMotionSearchInputContentWrapper>\n                            )}\n                            <StyledSearchInputIconTrigger\n                                ref={iconTriggerRef}\n                                id={\n                                    isSearchInputActive\n                                        ? 'search-input-backIcon'\n                                        : 'search-input-searchIcon'\n                                }\n                                tabIndex={0}\n                                onClick={handleIconTriggerClick}\n                                onKeyDown={handleIconTriggerKeyDown}\n                                $shouldShowKeyboardHighlighting={shouldShowKeyboardHighlighting}\n                            >\n                                <StyledMotionSearchInputIconWrapperContent\n                                    animate={{ opacity: 1 }}\n                                    exit={{ opacity: 0, position: 'absolute' }}\n                                    initial={{ opacity: 0 }}\n                                    key={isSearchInputActive ? 'backIcon' : 'searchIcon'}\n                                    transition={{ duration: 0.3 }}\n                                    $shouldShowKeyboardHighlighting={shouldShowKeyboardHighlighting}\n                                >\n                                    <Icon\n                                        key=\"icon\"\n                                        color={iconColor}\n                                        tabIndex={-1}\n                                        icons={\n                                            isSearchInputActive ? ['fa fa-xmark'] : ['fa fa-search']\n                                        }\n                                    />\n                                </StyledMotionSearchInputIconWrapperContent>\n                            </StyledSearchInputIconTrigger>\n                        </AnimatePresence>\n                    ) : (\n                        <>\n                            <StyledMotionSearchInputIconWrapper>\n                                <AnimatePresence initial={false}>\n                                    <StyledSearchInputIconTrigger\n                                        ref={iconTriggerRef}\n                                        id={\n                                            isSearchInputActive\n                                                ? 'search-input-backIcon'\n                                                : 'search-input-searchIcon'\n                                        }\n                                        tabIndex={0}\n                                        onClick={handleIconTriggerClick}\n                                        onKeyDown={handleIconTriggerKeyDown}\n                                        $shouldShowKeyboardHighlighting={\n                                            shouldShowKeyboardHighlighting\n                                        }\n                                    >\n                                        <StyledMotionSearchInputIconWrapperContent\n                                            animate={{ opacity: 1 }}\n                                            exit={{ opacity: 0, position: 'absolute' }}\n                                            initial={{ opacity: 0 }}\n                                            key={isSearchInputActive ? 'backIcon' : 'searchIcon'}\n                                            transition={{ duration: 0.3 }}\n                                            $shouldShowKeyboardHighlighting={\n                                                shouldShowKeyboardHighlighting\n                                            }\n                                        >\n                                            <Icon\n                                                key=\"icon\"\n                                                color={iconColor}\n                                                tabIndex={-1}\n                                                icons={\n                                                    isSearchInputActive\n                                                        ? ['fa fa-arrow-left']\n                                                        : ['fa fa-search']\n                                                }\n                                            />\n                                        </StyledMotionSearchInputIconWrapperContent>\n                                    </StyledSearchInputIconTrigger>\n                                </AnimatePresence>\n                            </StyledMotionSearchInputIconWrapper>\n                            <AnimatePresence initial={false}>\n                                {isSearchInputActive && (\n                                    <StyledMotionSearchInputContentWrapper\n                                        $shouldUseAbsolutePositioning={shouldUseAbsolutePositioning}\n                                        $shouldShowKeyboardHighlighting={\n                                            shouldShowKeyboardHighlighting\n                                        }\n                                        animate={{ opacity: 1, width: '100%' }}\n                                        exit={{ opacity: 0, width: 0 }}\n                                        initial={{ opacity: 0, width: 0 }}\n                                        key=\"searchInputContentWrapper\"\n                                        transition={{ duration: 0.3 }}\n                                    >\n                                        <Input\n                                            key=\"input\"\n                                            leftElement={\n                                                <Icon\n                                                    color={theme.text}\n                                                    icons={['far fa-search']}\n                                                />\n                                            }\n                                            onChange={onChange}\n                                            onKeyDown={handleInputKeyDown}\n                                            placeholder={placeholder}\n                                            ref={inputRef}\n                                            shouldEnableKeyboardHighlighting={\n                                                shouldEnableKeyboardHighlighting\n                                            }\n                                            shouldShowClearIcon\n                                            size={size}\n                                            value={value}\n                                        />\n                                    </StyledMotionSearchInputContentWrapper>\n                                )}\n                            </AnimatePresence>\n                        </>\n                    )}\n                </StyledSearchInput>\n                <StyledSearchInputPseudoElement ref={pseudoRef} />\n            </>\n        );\n    },\n);\n\nSearchInput.displayName = 'SearchInput';\n\nexport default SearchInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/search-input/SearchInput.styles.js

@@ -74,6 +74,7 @@ const StyledSearchInputIconTrigger = exports.StyledSearchInputIconTrigger = _sty
             &:focus-visible {
                 transition: none;
                 ${_keyboardFocusHighlighting.keyboardFocusHighlightingRingCss}
+                border-radius: 50%;
                 box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.35);
                 outline-offset: 2px;
             }

package/lib/cjs/components/search-input/SearchInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.styles.js","names":["_react","require","_styledComponents","_interopRequireWildcard","_keyboardFocusHighlighting","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledSearchInput","exports","styled","div","$size","$shouldUseAbsolutePositioning","theme","css","StyledSearchInputPseudoElement","StyledMotionSearchInputContentWrapper","motion","$shouldShowKeyboardHighlighting","StyledMotionSearchInputIconWrapperContent","StyledSearchInputIconTrigger","keyboardFocusHighlightingRingCss","StyledMotionSearchInputIconWrapper"],"sources":["../../../../src/components/search-input/SearchInput.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport type { InputSize } from '../input/Input';\nimport { keyboardFocusHighlightingRingCss } from '../../utils/keyboardFocusHighlighting.styles';\n\ntype StyledSearchInputProps = WithTheme<{\n    $size: InputSize;\n    $shouldUseAbsolutePositioning: boolean;\n}>;\n\nexport const StyledSearchInput = styled.div<StyledSearchInputProps>`\n    display: flex;\n    align-items: center;\n\n    height: ${({ $size }: StyledSearchInputProps) => ($size === 'medium' ? '42px' : '32px')};\n\n    ${({ $shouldUseAbsolutePositioning, theme }: StyledSearchInputProps) =>\n        $shouldUseAbsolutePositioning\n            ? css`\n                  justify-content: center;\n                  aspect-ratio: 1;\n                  border-radius: 3px;\n                  position: relative;\n                  cursor: pointer;\n\n                  @media (pointer: fine) {\n                      &:hover {\n                          background-color: ${theme[201]};\n                      }\n                  }\n              `\n            : css`\n                  gap: 8px;\n                  justify-content: flex-end;\n                  width: 100%;\n              `}\n`;\n\nexport const StyledSearchInputPseudoElement = styled.div`\n    position: absolute;\n    right: 0;\n    left: 0;\n`;\n\ntype StyledMotionSearchInputContentWrapperProps = {\n    $shouldUseAbsolutePositioning: boolean;\n    $shouldShowKeyboardHighlighting: boolean;\n};\n\nexport const StyledMotionSearchInputContentWrapper = styled(\n    motion.div,\n)<StyledMotionSearchInputContentWrapperProps>`\n    ${({ $shouldUseAbsolutePositioning }) =>\n        $shouldUseAbsolutePositioning &&\n        css`\n            position: absolute;\n            top: 0;\n            right: 0;\n        `}\n\n    overflow: ${({ $shouldShowKeyboardHighlighting }) =>\n        $shouldShowKeyboardHighlighting ? 'visible' : 'hidden'};\n`;\n\ntype StyledMotionSearchInputIconWrapperContentProps = {\n    $shouldShowKeyboardHighlighting: boolean;\n};\n\nexport const StyledMotionSearchInputIconWrapperContent = styled(\n    motion.div,\n)<StyledMotionSearchInputIconWrapperContentProps>`\n    display: flex;\n    cursor: pointer;\n`;\n\ntype StyledSearchInputIconTriggerProps = {\n    $shouldShowKeyboardHighlighting: boolean;\n};\n\nexport const StyledSearchInputIconTrigger = styled.div<StyledSearchInputIconTriggerProps>`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 6px;\n    cursor: pointer;\n\n    ${({ $shouldShowKeyboardHighlighting }) =>\n        $shouldShowKeyboardHighlighting &&\n        css`\n            &:focus-visible {\n                transition: none;\n                ${keyboardFocusHighlightingRingCss}\n                box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.35);\n                outline-offset: 2px;\n            }\n        `}\n`;\n\nexport const StyledMotionSearchInputIconWrapper = styled.div`\n    width: 18px;\n`;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SearchInput.styles.js","names":["_react","require","_styledComponents","_interopRequireWildcard","_keyboardFocusHighlighting","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledSearchInput","exports","styled","div","$size","$shouldUseAbsolutePositioning","theme","css","StyledSearchInputPseudoElement","StyledMotionSearchInputContentWrapper","motion","$shouldShowKeyboardHighlighting","StyledMotionSearchInputIconWrapperContent","StyledSearchInputIconTrigger","keyboardFocusHighlightingRingCss","StyledMotionSearchInputIconWrapper"],"sources":["../../../../src/components/search-input/SearchInput.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport type { InputSize } from '../input/Input';\nimport { keyboardFocusHighlightingRingCss } from '../../utils/keyboardFocusHighlighting.styles';\n\ntype StyledSearchInputProps = WithTheme<{\n    $size: InputSize;\n    $shouldUseAbsolutePositioning: boolean;\n}>;\n\nexport const StyledSearchInput = styled.div<StyledSearchInputProps>`\n    display: flex;\n    align-items: center;\n\n    height: ${({ $size }: StyledSearchInputProps) => ($size === 'medium' ? '42px' : '32px')};\n\n    ${({ $shouldUseAbsolutePositioning, theme }: StyledSearchInputProps) =>\n        $shouldUseAbsolutePositioning\n            ? css`\n                  justify-content: center;\n                  aspect-ratio: 1;\n                  border-radius: 3px;\n                  position: relative;\n                  cursor: pointer;\n\n                  @media (pointer: fine) {\n                      &:hover {\n                          background-color: ${theme[201]};\n                      }\n                  }\n              `\n            : css`\n                  gap: 8px;\n                  justify-content: flex-end;\n                  width: 100%;\n              `}\n`;\n\nexport const StyledSearchInputPseudoElement = styled.div`\n    position: absolute;\n    right: 0;\n    left: 0;\n`;\n\ntype StyledMotionSearchInputContentWrapperProps = {\n    $shouldUseAbsolutePositioning: boolean;\n    $shouldShowKeyboardHighlighting: boolean;\n};\n\nexport const StyledMotionSearchInputContentWrapper = styled(\n    motion.div,\n)<StyledMotionSearchInputContentWrapperProps>`\n    ${({ $shouldUseAbsolutePositioning }) =>\n        $shouldUseAbsolutePositioning &&\n        css`\n            position: absolute;\n            top: 0;\n            right: 0;\n        `}\n\n    overflow: ${({ $shouldShowKeyboardHighlighting }) =>\n        $shouldShowKeyboardHighlighting ? 'visible' : 'hidden'};\n`;\n\ntype StyledMotionSearchInputIconWrapperContentProps = {\n    $shouldShowKeyboardHighlighting: boolean;\n};\n\nexport const StyledMotionSearchInputIconWrapperContent = styled(\n    motion.div,\n)<StyledMotionSearchInputIconWrapperContentProps>`\n    display: flex;\n    cursor: pointer;\n`;\n\ntype StyledSearchInputIconTriggerProps = {\n    $shouldShowKeyboardHighlighting: boolean;\n};\n\nexport const StyledSearchInputIconTrigger = styled.div<StyledSearchInputIconTriggerProps>`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 6px;\n    cursor: pointer;\n\n    ${({ $shouldShowKeyboardHighlighting }) =>\n        $shouldShowKeyboardHighlighting &&\n        css`\n            &:focus-visible {\n                transition: none;\n                ${keyboardFocusHighlightingRingCss}\n                border-radius: 50%;\n                box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.35);\n                outline-offset: 2px;\n            }\n        `}\n`;\n\nexport const StyledMotionSearchInputIconWrapper = styled.div`\n    width: 18px;\n`;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/setup-wizard/SetupWizard.js

@@ -7,6 +7,7 @@ exports.default = exports.SetupWizardContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _AccordionGroup = _interopRequireDefault(require("../accordion/accordion-group/AccordionGroup"));
 var _SetupWizard = require("./SetupWizard.styles");
+var _ColorSchemeProvider = require("../color-scheme-provider/ColorSchemeProvider");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const SetupWizardContext = exports.SetupWizardContext = /*#__PURE__*/_react.default.createContext({
@@ -20,8 +21,10 @@ SetupWizardContext.displayName = 'SetupWizardContext';
 const SetupWizard = /*#__PURE__*/(0, _react.forwardRef)(({
   children,
   isWrapped,
-  shouldEnableKeyboardHighlighting = false
+  shouldEnableKeyboardHighlighting
 }, ref) => {
+  const colorScheme = (0, _ColorSchemeProvider.useColorScheme)();
+  const shouldEnableKeyboardHighlightingEffective = shouldEnableKeyboardHighlighting ?? (colorScheme === null || colorScheme === void 0 ? void 0 : colorScheme.shouldEnableKeyboardHighlighting) ?? false;
   const [selectedId, setSelectedId] = (0, _react.useState)(0);
   const [activeId, setActiveId] = (0, _react.useState)(0);
   const [allIds, setAllIds] = (0, _react.useState)([]);
@@ -70,8 +73,8 @@ const SetupWizard = /*#__PURE__*/(0, _react.forwardRef)(({
     updateSelectedId,
     activeId,
     updateActiveId,
-    shouldEnableKeyboardHighlighting
-  }), [activeId, selectedId, shouldEnableKeyboardHighlighting, updateActiveId, updateSelectedId]);
+    shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlightingEffective
+  }), [activeId, selectedId, shouldEnableKeyboardHighlightingEffective, updateActiveId, updateSelectedId]);
   return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(SetupWizardContext.Provider, {
     value: providerValue
   }, /*#__PURE__*/_react.default.createElement(_SetupWizard.StyledSetupWizard, null, /*#__PURE__*/_react.default.createElement(_AccordionGroup.default, {

package/lib/cjs/components/setup-wizard/SetupWizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetupWizard.js","names":["_react","_interopRequireWildcard","require","_AccordionGroup","_interopRequireDefault","_SetupWizard","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SetupWizardContext","exports","React","createContext","selectedId","undefined","updateSelectedId","activeId","updateActiveId","shouldEnableKeyboardHighlighting","displayName","SetupWizard","forwardRef","children","isWrapped","ref","setSelectedId","useState","setActiveId","allIds","setAllIds","useEffect","Children","map","child","prevState","props","id","useCallback","handleNext","stepId","index","findIndex","numberAtIndex","handleReset","useImperativeHandle","next","reset","providerValue","useMemo","createElement","Provider","value","StyledSetupWizard","_default"],"sources":["../../../../src/components/setup-wizard/SetupWizard.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useState,\n} from 'react';\nimport AccordionGroup from '../accordion/accordion-group/AccordionGroup';\nimport type { SetupWizardItemProps } from './setup-wizard-item/SetupWizardItem';\nimport { StyledSetupWizard } from './SetupWizard.styles';\n\ntype UpdateSelectedId = (id: number) => void;\ntype UpdateActiveId = (id: number) => void;\n\ninterface SetupWizardContextProps {\n    selectedId: number | undefined;\n    updateSelectedId?: UpdateSelectedId;\n    activeId: number | undefined;\n    updateActiveId?: UpdateActiveId;\n    shouldEnableKeyboardHighlighting: boolean;\n}\n\nexport const SetupWizardContext = React.createContext<SetupWizardContextProps>({\n    selectedId: undefined,\n    updateSelectedId: undefined,\n    activeId: undefined,\n    updateActiveId: undefined,\n    shouldEnableKeyboardHighlighting: false,\n});\n\nSetupWizardContext.displayName = 'SetupWizardContext';\n\nexport interface SetupWizardRef {\n    next: (stepId?: number) => void;\n    reset: () => void;\n}\n\nexport type SetupWizardProps = {\n    /**\n     * The steps of the setup. Use the SetupWizardItem component.\n     */\n    children: ReactElement<SetupWizardItemProps> | ReactElement<SetupWizardItemProps>[];\n    /**\n     * This value must be set if the SetupWizard is inside an Accordion.\n     */\n    isWrapped?: boolean;\n    /**\n     * Enables keyboard-only focus highlighting for setup wizard items.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n};\n\nconst SetupWizard = forwardRef<SetupWizardRef, SetupWizardProps>(\n    ({ children, isWrapped, shouldEnableKeyboardHighlighting = false }, ref) => {\n        const [selectedId, setSelectedId] = useState<SetupWizardContextProps['selectedId']>(0);\n        const [activeId, setActiveId] = useState<SetupWizardContextProps['activeId']>(0);\n        const [allIds, setAllIds] = useState<number[]>([]);\n\n        useEffect(() => {\n            React.Children.map(children, (child: ReactElement<SetupWizardItemProps>) => {\n                setAllIds((prevState) => [...prevState, child.props.id]);\n            });\n        }, [children]);\n\n        const updateSelectedId = useCallback<UpdateSelectedId>(\n            (id) => {\n                setSelectedId(id);\n            },\n            [setSelectedId],\n        );\n\n        const updateActiveId = useCallback<UpdateSelectedId>(\n            (id) => {\n                setActiveId(id);\n            },\n            [setActiveId],\n        );\n\n        const handleNext = useCallback(\n            (stepId: number | undefined) => {\n                if (typeof stepId === 'number') {\n                    updateSelectedId(stepId);\n\n                    if (typeof activeId === 'number' && stepId > activeId) {\n                        updateActiveId(stepId);\n                    }\n                } else {\n                    const index = allIds.findIndex((id) => id === selectedId);\n\n                    if (index < 0) {\n                        return;\n                    }\n\n                    const numberAtIndex = allIds[index + 1];\n\n                    if (!numberAtIndex) {\n                        return;\n                    }\n\n                    updateSelectedId(numberAtIndex);\n\n                    if (typeof activeId === 'number' && numberAtIndex > activeId) {\n                        updateActiveId(numberAtIndex);\n                    }\n                }\n            },\n            [activeId, allIds, selectedId, updateActiveId, updateSelectedId],\n        );\n\n        const handleReset = useCallback(() => {\n            updateSelectedId(0);\n            updateActiveId(0);\n        }, [updateActiveId, updateSelectedId]);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                next: handleNext,\n                reset: handleReset,\n            }),\n            [handleNext, handleReset],\n        );\n\n        const providerValue = useMemo<SetupWizardContextProps>(\n            () => ({\n                selectedId,\n                updateSelectedId,\n                activeId,\n                updateActiveId,\n                shouldEnableKeyboardHighlighting,\n            }),\n            [\n                activeId,\n                selectedId,\n                shouldEnableKeyboardHighlighting,\n                updateActiveId,\n                updateSelectedId,\n            ],\n        );\n\n        return useMemo(\n            () => (\n                <SetupWizardContext.Provider value={providerValue}>\n                    <StyledSetupWizard>\n                        <AccordionGroup isWrapped={isWrapped}>{children}</AccordionGroup>\n                    </StyledSetupWizard>\n                </SetupWizardContext.Provider>\n            ),\n            [children, isWrapped, providerValue],\n        );\n    },\n);\n\nSetupWizard.displayName = 'SetupWizard';\n\nexport default SetupWizard;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SetupWizard.js","names":["_react","_interopRequireWildcard","require","_AccordionGroup","_interopRequireDefault","_SetupWizard","_ColorSchemeProvider","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SetupWizardContext","exports","React","createContext","selectedId","undefined","updateSelectedId","activeId","updateActiveId","shouldEnableKeyboardHighlighting","displayName","SetupWizard","forwardRef","children","isWrapped","ref","colorScheme","useColorScheme","shouldEnableKeyboardHighlightingEffective","setSelectedId","useState","setActiveId","allIds","setAllIds","useEffect","Children","map","child","prevState","props","id","useCallback","handleNext","stepId","index","findIndex","numberAtIndex","handleReset","useImperativeHandle","next","reset","providerValue","useMemo","createElement","Provider","value","StyledSetupWizard","_default"],"sources":["../../../../src/components/setup-wizard/SetupWizard.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useState,\n} from 'react';\nimport AccordionGroup from '../accordion/accordion-group/AccordionGroup';\nimport type { SetupWizardItemProps } from './setup-wizard-item/SetupWizardItem';\nimport { StyledSetupWizard } from './SetupWizard.styles';\nimport { useColorScheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype UpdateSelectedId = (id: number) => void;\ntype UpdateActiveId = (id: number) => void;\n\ninterface SetupWizardContextProps {\n    selectedId: number | undefined;\n    updateSelectedId?: UpdateSelectedId;\n    activeId: number | undefined;\n    updateActiveId?: UpdateActiveId;\n    shouldEnableKeyboardHighlighting: boolean;\n}\n\nexport const SetupWizardContext = React.createContext<SetupWizardContextProps>({\n    selectedId: undefined,\n    updateSelectedId: undefined,\n    activeId: undefined,\n    updateActiveId: undefined,\n    shouldEnableKeyboardHighlighting: false,\n});\n\nSetupWizardContext.displayName = 'SetupWizardContext';\n\nexport interface SetupWizardRef {\n    next: (stepId?: number) => void;\n    reset: () => void;\n}\n\nexport type SetupWizardProps = {\n    /**\n     * The steps of the setup. Use the SetupWizardItem component.\n     */\n    children: ReactElement<SetupWizardItemProps> | ReactElement<SetupWizardItemProps>[];\n    /**\n     * This value must be set if the SetupWizard is inside an Accordion.\n     */\n    isWrapped?: boolean;\n    /**\n     * Enables keyboard-only focus highlighting for setup wizard items.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n};\n\nconst SetupWizard = forwardRef<SetupWizardRef, SetupWizardProps>(\n    ({ children, isWrapped, shouldEnableKeyboardHighlighting }, ref) => {\n        const colorScheme = useColorScheme();\n        const shouldEnableKeyboardHighlightingEffective =\n            shouldEnableKeyboardHighlighting ??\n            colorScheme?.shouldEnableKeyboardHighlighting ??\n            false;\n\n        const [selectedId, setSelectedId] = useState<SetupWizardContextProps['selectedId']>(0);\n        const [activeId, setActiveId] = useState<SetupWizardContextProps['activeId']>(0);\n        const [allIds, setAllIds] = useState<number[]>([]);\n\n        useEffect(() => {\n            React.Children.map(children, (child: ReactElement<SetupWizardItemProps>) => {\n                setAllIds((prevState) => [...prevState, child.props.id]);\n            });\n        }, [children]);\n\n        const updateSelectedId = useCallback<UpdateSelectedId>(\n            (id) => {\n                setSelectedId(id);\n            },\n            [setSelectedId],\n        );\n\n        const updateActiveId = useCallback<UpdateSelectedId>(\n            (id) => {\n                setActiveId(id);\n            },\n            [setActiveId],\n        );\n\n        const handleNext = useCallback(\n            (stepId: number | undefined) => {\n                if (typeof stepId === 'number') {\n                    updateSelectedId(stepId);\n\n                    if (typeof activeId === 'number' && stepId > activeId) {\n                        updateActiveId(stepId);\n                    }\n                } else {\n                    const index = allIds.findIndex((id) => id === selectedId);\n\n                    if (index < 0) {\n                        return;\n                    }\n\n                    const numberAtIndex = allIds[index + 1];\n\n                    if (!numberAtIndex) {\n                        return;\n                    }\n\n                    updateSelectedId(numberAtIndex);\n\n                    if (typeof activeId === 'number' && numberAtIndex > activeId) {\n                        updateActiveId(numberAtIndex);\n                    }\n                }\n            },\n            [activeId, allIds, selectedId, updateActiveId, updateSelectedId],\n        );\n\n        const handleReset = useCallback(() => {\n            updateSelectedId(0);\n            updateActiveId(0);\n        }, [updateActiveId, updateSelectedId]);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                next: handleNext,\n                reset: handleReset,\n            }),\n            [handleNext, handleReset],\n        );\n\n        const providerValue = useMemo<SetupWizardContextProps>(\n            () => ({\n                selectedId,\n                updateSelectedId,\n                activeId,\n                updateActiveId,\n                shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlightingEffective,\n            }),\n            [\n                activeId,\n                selectedId,\n                shouldEnableKeyboardHighlightingEffective,\n                updateActiveId,\n                updateSelectedId,\n            ],\n        );\n\n        return useMemo(\n            () => (\n                <SetupWizardContext.Provider value={providerValue}>\n                    <StyledSetupWizard>\n                        <AccordionGroup isWrapped={isWrapped}>{children}</AccordionGroup>\n                    </StyledSetupWizard>\n                </SetupWizardContext.Provider>\n            ),\n            [children, isWrapped, providerValue],\n        );\n    },\n);\n\nSetupWizard.displayName = 'SetupWizard';\n\nexport default SetupWizard;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/sharing-bar/SharingBar.js

@@ -50,7 +50,7 @@ const SharingBar = ({
     role: shouldEnableKeyboardHighlightingEffective ? 'button' : undefined,
     "data-should-show-keyboard-highlighting": shouldShowKeyboardHighlighting ? 'true' : undefined
   }, /*#__PURE__*/_react.default.createElement(_SharingBar.StyledSharingBarIconWrapper, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icons: ['fa-solid fa-share-nodes']
+    icons: ['fa fa-share-nodes']
   })), /*#__PURE__*/_react.default.createElement(_SharingContextMenu.default, {
     link: link,
     ref: contextMenuRef,