npm - @chayns-components/core - Versions diffs - 5.0.0-beta.997 → 5.0.0 - Mend

@chayns-components/core 5.0.0-beta.997 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (961) hide show

package/lib/esm/components/search-box/SearchBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchBox.js","names":["getDevice","AnimatePresence","React","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","createPortal","useTheme","calculateContentHeight","searchList","Icon","Input","GroupName","SearchBoxBody","SearchBoxItem","StyledSearchBoxItemImage","StyledSearchBox","StyledSearchBoxIcon","StyledSearchBoxLeftWrapper","SearchBox","_ref","ref","placeholder","leftIcons","lists","onChange","onBlur","onSelect","onKeyDown","selectedId","container","shouldHideFilterButtons","shouldShowRoundImage","shouldShowContentOnEmptyInput","shouldAddInputToList","shouldShowToggleIcon","matchingListsItems","setMatchingListsItems","selectedImage","setSelectedImage","value","setValue","isAnimating","setIsAnimating","height","setHeight","width","setWidth","focusedIndex","setFocusedIndex","hasMultipleGroups","setHasMultipleGroups","length","filteredChildrenArray","setFilteredChildrenArray","inputToListValue","setInputToListValue","groups","setGroups","portal","setPortal","internalCoordinates","setInternalCoordinates","x","y","newContainer","setNewContainer","boxRef","contentRef","inputRef","hasFocusRef","isAnimatingRef","theme","browser","current","el","element","closest","Element","getBoundingClientRect","filterButtons","items","forEach","_ref2","groupName","push","id","text","activeList","newLists","list","includes","newMatchingItems","_ref3","newList","searchString","undefined","filteredMatchingListItems","map","_ref4","filter","item","handleOpen","bodyHeight","handleClose","handleFilterButtonsGroupSelect","keys","handleOutsideClick","event","contains","target","document","addEventListener","window","removeEventListener","textArray","_ref5","_ref6","input","getElementById","getInputWidth","offsetWidth","ResizeObserver","observe","_ref7","selectedItem","find","_ref8","imageUrl","createElement","src","$shouldShowRoundImage","handleFocus","_ref9","_ref10","_ref11","_ref12","_ref13","toLowerCase","handleClick","rightElement","onClick","icons","color","leftElement","handleChange","filteredLists","_ref14","handleBlur","handleSelect","newItem","replace","content","_ref15","index","key","name","_ref16","handleKeyDown","e","preventDefault","children","childrenArray","Array","from","newChildren","child","startsWith","filteredChildren","dataset","isgroupname","newIndex","prevElement","tabIndex","newElement","focus","textContent","attributes","nodeValue","handleKeyPress","keyCode","clear","initial","trim","selectedGroups","coordinates","onGroupSelect","onFocus","displayName"],"sources":["../../../../src/components/search-box/SearchBox.tsx"],"sourcesContent":["import { getDevice } from 'chayns-api';\nimport { AnimatePresence } from 'framer-motion';\nimport React, {\n ChangeEvent,\n ChangeEventHandler,\n FC,\n FocusEvent,\n FocusEventHandler,\n forwardRef,\n KeyboardEventHandler,\n ReactElement,\n ReactPortal,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useTheme } from 'styled-components';\nimport { BrowserName } from '../../types/chayns';\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 { ContextMenuCoordinates } from '../context-menu/ContextMenu';\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 StyledSearchBoxIcon,\n StyledSearchBoxLeftWrapper,\n} from './SearchBox.styles';\n\nexport type SearchBoxRef = {\n clear: VoidFunction;\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 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 The placeholder that should be displayed.\n /\n placeholder?: string;\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 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\nconst SearchBox: FC<SearchBoxProps> = forwardRef<SearchBoxRef, SearchBoxProps>(\n (\n {\n placeholder,\n leftIcons,\n lists,\n onChange,\n onBlur,\n onSelect,\n onKeyDown,\n selectedId,\n container,\n shouldHideFilterButtons = false,\n shouldShowRoundImage,\n shouldShowContentOnEmptyInput = true,\n shouldAddInputToList = true,\n shouldShowToggleIcon = false,\n },\n ref,\n ) => {\n const [matchingListsItems, setMatchingListsItems] = useState<ISearchBoxItems[]>(lists);\n const [selectedImage, setSelectedImage] = useState<ReactElement>();\n const [value, setValue] = useState('');\n const [isAnimating, setIsAnimating] = useState(false);\n const [height, setHeight] = useState<number>(0);\n const [width, setWidth] = useState(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 [portal, setPortal] = useState<ReactPortal>();\n const [internalCoordinates, setInternalCoordinates] = useState<ContextMenuCoordinates>({\n x: 0,\n y: 0,\n });\n const [newContainer, setNewContainer] = useState<Element \| null>(container ?? null);\n\n const boxRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement \| null>(null);\n\n const hasFocusRef = useRef<boolean>(false);\n const isAnimatingRef = useRef<boolean>(false);\n\n const theme = useTheme();\n\n const { browser } = getDevice();\n\n useEffect(() => {\n if (boxRef.current && !container) {\n const el = boxRef.current as HTMLElement;\n\n const element = el.closest('.dialog-inner') \|\| el.closest('body');\n\n setNewContainer(element);\n }\n }, [container]);\n\n useEffect(() => {\n if (container instanceof Element) {\n setNewContainer(container);\n }\n }, [container]);\n\n useEffect(() => {\n if (boxRef.current) {\n const { x, y } = boxRef.current.getBoundingClientRect();\n\n setInternalCoordinates({\n x,\n y,\n });\n }\n }, []);\n\n /\n Checks if Lists are smaller then 1\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(\n (item) => !(newMatchingItems.length === 1 && item.text === value),\n ),\n }));\n\n setMatchingListsItems(filteredMatchingListItems);\n\n return newLists;\n }, [groups, lists, shouldAddInputToList, value]);\n\n const handleOpen = useCallback(() => {\n if (boxRef.current) {\n const { x, y, height: bodyHeight } = boxRef.current.getBoundingClientRect();\n\n setInternalCoordinates({\n x,\n y: y + bodyHeight,\n });\n\n setIsAnimating(true);\n }\n }, []);\n\n const handleClose = useCallback(() => {\n setIsAnimating(false);\n }, []);\n\n const handleFilterButtonsGroupSelect = (keys: string[]) => {\n setGroups(keys.length === 0 ? ['all'] : keys);\n };\n\n /\n This function closes the list of items\n /\n const handleOutsideClick = useCallback(\n (event: MouseEvent) => {\n if (\n boxRef.current &&\n !boxRef.current.contains(event.target as Node) &&\n contentRef.current &&\n !contentRef.current.contains(event.target as Node)\n ) {\n handleClose();\n }\n },\n [handleClose],\n );\n\n /\n This hook listens for clicks\n /\n useEffect(() => {\n document.addEventListener('click', handleOutsideClick);\n window.addEventListener('blur', () => handleClose());\n\n return () => {\n document.removeEventListener('click', handleOutsideClick);\n window.addEventListener('blur', () => handleClose());\n };\n }, [handleOutsideClick, boxRef, handleClose]);\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 /\n This hook calculates the width\n /\n useEffect(() => {\n const input = document.getElementById('search_box_input');\n\n const getInputWidth = () => {\n if (input) {\n setWidth(input.offsetWidth);\n }\n };\n\n if (input) {\n new ResizeObserver(getInputWidth).observe(input);\n }\n }, []);\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) {\n setValue('');\n }\n }, [selectedId]);\n\n useEffect(() => {\n isAnimatingRef.current = isAnimating;\n }, [isAnimating]);\n\n useEffect(() => {\n if (matchingListsItems.length !== 0 && !isAnimatingRef.current && hasFocusRef.current) {\n handleOpen();\n }\n }, [handleOpen, matchingListsItems.length]);\n\n /\n This function sets the items on focus if shouldShowContentOnEmptyInput\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(\n (item) => !(newMatchingItems.length === 1 && item.text === value),\n ),\n }));\n\n setMatchingListsItems(filteredMatchingListItems);\n\n if (filteredMatchingListItems.length !== 0) {\n handleOpen();\n }\n }\n }, [activeList, handleOpen, shouldAddInputToList, shouldShowContentOnEmptyInput, value]);\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 (isAnimating) {\n handleClose();\n } else {\n handleOpen();\n }\n }, [handleClose, handleOpen, isAnimating]);\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 <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\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 /\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 setValue(newItem.text);\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],\n );\n\n const content = useMemo(() => {\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 }) => {\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 />,\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 />,\n );\n }\n\n return items;\n }, [\n matchingListsItems,\n shouldAddInputToList,\n inputToListValue,\n hasMultipleGroups,\n shouldShowRoundImage,\n handleSelect,\n ]);\n\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (!isAnimating \|\| matchingListsItems.length === 0) {\n return;\n }\n\n if (e.key === 'ArrowUp' \|\| e.key === 'ArrowDown') {\n e.preventDefault();\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('searchbox-content__'),\n )?.children;\n\n if (newChildren && newChildren.length > 0) {\n const filteredChildren = Array.from(newChildren).filter(\n (child) => (child as HTMLElement).dataset.isgroupname !== 'true',\n );\n setFilteredChildrenArray(filteredChildren);\n\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 newElement.tabIndex = 0;\n newElement.focus();\n }\n } else if (e.key === 'Enter' && focusedIndex !== null) {\n if (filteredChildrenArray) {\n const element = filteredChildrenArray[focusedIndex];\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 handleSelect({\n id: id.replace('search-box-item__', ''),\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 isAnimating,\n matchingListsItems.length,\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 useEffect(() => {\n if (!newContainer) {\n return;\n }\n\n setPortal(() =>\n createPortal(\n <AnimatePresence initial={false}>\n {isAnimating &&\n matchingListsItems.length !== 0 &&\n (value.trim() !== '' \|\| shouldShowContentOnEmptyInput) && (\n <SearchBoxBody\n filterButtons={filterButtons}\n selectedGroups={groups}\n width={width}\n coordinates={internalCoordinates}\n browser={browser?.name as BrowserName}\n height={height}\n ref={contentRef}\n onGroupSelect={handleFilterButtonsGroupSelect}\n shouldHideFilterButtons={shouldHideFilterButtons}\n >\n {content}\n </SearchBoxBody>\n )}\n </AnimatePresence>,\n newContainer,\n ),\n );\n }, [\n browser?.name,\n newContainer,\n content,\n filterButtons,\n groups,\n height,\n internalCoordinates,\n isAnimating,\n width,\n shouldHideFilterButtons,\n matchingListsItems.length,\n value,\n shouldShowContentOnEmptyInput,\n ]);\n\n return useMemo(\n () => (\n <StyledSearchBox ref={boxRef}>\n <div id=\"search_box_input\">\n <Input\n ref={inputRef}\n onChange={handleChange}\n onBlur={handleBlur}\n onFocus={handleFocus}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n leftElement={leftElement}\n rightElement={rightElement}\n value={value}\n />\n </div>\n {portal}\n </StyledSearchBox>\n ),\n [\n handleBlur,\n handleChange,\n handleFocus,\n leftElement,\n onKeyDown,\n placeholder,\n portal,\n rightElement,\n value,\n ],\n );\n },\n);\n\nSearchBox.displayName = 'SearchBox';\n\nexport default SearchBox;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"SearchBox.js","names":["useDevice","React","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","useTheme","calculateContentHeight","searchList","Icon","Input","GroupName","SearchBoxBody","SearchBoxItem","StyledSearchBoxItemImage","StyledSearchBox","StyledSearchBoxHintText","StyledSearchBoxIcon","StyledSearchBoxLeftWrapper","useUuid","DropdownBodyWrapper","TagInput","SearchBox","container","customFilter","dropdownDirection","isInvalid","leftIcons","lists","onBlur","onChange","onKeyDown","onSelect","placeholder","presetValue","hintText","selectedId","shouldAddInputToList","shouldHideFilterButtons","shouldShowContentOnEmptyInput","shouldShowRoundImage","shouldShowToggleIcon","tagInputSettings","ref","matchingListsItems","setMatchingListsItems","selectedImage","setSelectedImage","value","setValue","height","setHeight","focusedIndex","setFocusedIndex","hasMultipleGroups","setHasMultipleGroups","length","filteredChildrenArray","setFilteredChildrenArray","inputToListValue","setInputToListValue","groups","setGroups","shouldShowBody","setShouldShowBody","uuid","boxRef","contentRef","inputRef","tagInputRef","hasFocusRef","isAnimatingRef","shouldShowPresetValue","theme","isTouch","filterButtons","items","forEach","groupName","push","id","text","activeList","newLists","list","includes","newMatchingItems","newList","searchString","undefined","filteredMatchingListItems","map","filter","item","handleOpen","handleClose","handleFilterButtonsGroupSelect","keys","textArray","selectedItem","find","imageUrl","createElement","src","$shouldShowRoundImage","current","handleFocus","toLowerCase","handleClick","rightElement","onClick","icons","color","leftElement","handleChange","event","filteredLists","target","handleBlur","handleDropdownOutsideClick","blur","handleSelect","newItem","replace","resetValue","content","index","key","name","listIndex","tabIndex","handleKeyDown","e","children","childrenArray","Array","from","newChildren","child","startsWith","filteredChildren","dataset","isgroupname","preventDefault","newIndex","prevElement","newElement","stopPropagation","element","textContent","attributes","nodeValue","newId","document","addEventListener","removeEventListener","handleKeyPress","keyCode","clear","shouldShowDropdown","trim","onAdd","onFocus","onRemove","shouldAllowMultiple","shouldPreventEnter","tags","anchorElement","direction","maxHeight","onClose","onOutsideClick","shouldShow","onGroupSelect","selectedGroups","displayName"],"sources":["../../../../src/components/search-box/SearchBox.tsx"],"sourcesContent":["import { useDevice } from 'chayns-api';\nimport React, {\n ChangeEvent,\n ChangeEventHandler,\n FC,\n FocusEvent,\n FocusEventHandler,\n forwardRef,\n KeyboardEventHandler,\n ReactElement,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useTheme } from 'styled-components';\nimport type { IFilterButtonItem } from '../../types/filterButtons';\nimport type { ISearchBoxItem, ISearchBoxItems } from '../../types/searchBox';\nimport { calculateContentHeight } from '../../utils/calculate';\nimport { searchList } from '../../utils/searchBox';\nimport type { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport Icon from '../icon/Icon';\nimport Input from '../input/Input';\nimport GroupName from './group-name/GroupName';\nimport SearchBoxBody from './search-box-body/SearchBoxBody';\nimport SearchBoxItem from './search-box-item/SearchBoxItem';\nimport { StyledSearchBoxItemImage } from './search-box-item/SearchBoxItem.styles';\nimport {\n StyledSearchBox,\n StyledSearchBoxHintText,\n StyledSearchBoxIcon,\n StyledSearchBoxLeftWrapper,\n} from './SearchBox.styles';\nimport { useUuid } from '../../hooks/uuid';\nimport DropdownBodyWrapper from '../dropdown-body-wrapper/DropdownBodyWrapper';\nimport TagInput, { TagInputProps, TagInputRef } from '../tag-input/TagInput';\nimport type { DropdownDirection } from '../../types/dropdown';\n\nexport interface SearchBoxRef {\n clear: VoidFunction;\n}\n\nexport interface TagInputSettings {\n onAdd?: TagInputProps['onAdd'];\n onRemove?: TagInputProps['onRemove'];\n shouldAllowMultiple?: TagInputProps['shouldAllowMultiple'];\n tags?: TagInputProps['tags'];\n}\n\nexport type SearchBoxProps = {\n /*\n The element where the content of the `ComboBox` should be rendered via React Portal.\n /\n container?: Element;\n /\n An optional callback function to filter the elements to be displayed\n /\n customFilter?: (item: ISearchBoxItem) => boolean;\n /\n The direction in which the dropdown should be displayed. By default, it is displayed below the input.\n /\n dropdownDirection?: DropdownDirection;\n /\n If true, the input field is marked as invalid\n /\n isInvalid?: boolean;\n /\n An optional icon that is displayed inside the left side of the input.\n /\n leftIcons?: string[];\n /\n List of groups with items that can be searched. It is possible to give only one list; if multiple lists are provided, the 'group name' parameter becomes mandatory.\n /\n lists: ISearchBoxItems[];\n /\n Function to be executed when the input lost focus.\n /\n onBlur?: FocusEventHandler<HTMLInputElement>;\n /\n Function to be executed when the input is changed.\n /\n onChange?: ChangeEventHandler<HTMLInputElement>;\n /\n Function that is executed when a letter is pressed\n /\n onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n /\n Function to be executed when an item is selected.\n /\n onSelect?: (item: ISearchBoxItem) => void;\n /\n The placeholder that should be displayed.\n /\n placeholder?: string;\n /\n Set an input for the search box - it is not an item of a list, just a string.\n /\n presetValue?: string;\n /\n Control the selected item. If you use this prop, make sure to update it when the user selects an item.\n /\n selectedId?: string;\n /\n If true, the value in the Input is displayed in the list.\n /\n shouldAddInputToList: boolean;\n /\n If true, the filter buttons are hidden.\n /\n shouldHideFilterButtons?: boolean;\n /\n Whether the full list of items should be displayed if the input is empty.\n /\n shouldShowContentOnEmptyInput?: boolean;\n /\n If true, the images of the items are displayed in a round shape.\n /\n shouldShowRoundImage?: boolean;\n /\n Whether the icon to open and close the list should be displayed.\n /\n shouldShowToggleIcon?: boolean;\n /\n Settings for the TagInput.\n /\n tagInputSettings?: TagInputSettings;\n /\n A text that should be displayed if no results are found.\n /\n hintText?: string;\n};\n\nconst SearchBox: FC<SearchBoxProps> = forwardRef<SearchBoxRef, SearchBoxProps>(\n (\n {\n container,\n customFilter,\n dropdownDirection,\n isInvalid = false,\n leftIcons,\n lists,\n onBlur,\n onChange,\n onKeyDown,\n onSelect,\n placeholder,\n presetValue,\n hintText,\n selectedId,\n shouldAddInputToList = true,\n shouldHideFilterButtons = false,\n shouldShowContentOnEmptyInput = true,\n shouldShowRoundImage,\n shouldShowToggleIcon = false,\n tagInputSettings,\n },\n ref,\n ) => {\n const [matchingListsItems, setMatchingListsItems] = useState<ISearchBoxItems[]>(lists);\n const [selectedImage, setSelectedImage] = useState<ReactElement>();\n const [value, setValue] = useState(\n typeof presetValue === 'string' && presetValue !== '' ? presetValue : '',\n );\n const [height, setHeight] = useState<number>(0);\n const [focusedIndex, setFocusedIndex] = useState<number \| null>(null);\n const [hasMultipleGroups, setHasMultipleGroups] = useState<boolean>(lists.length > 1);\n const [filteredChildrenArray, setFilteredChildrenArray] = useState<Element[]>();\n const [inputToListValue, setInputToListValue] = useState<string>('');\n const [groups, setGroups] = useState<string[]>(['all']);\n const [shouldShowBody, setShouldShowBody] = useState(false);\n\n const uuid = useUuid();\n\n const boxRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const tagInputRef = useRef<TagInputRef>(null);\n\n const hasFocusRef = useRef<boolean>(false);\n const isAnimatingRef = useRef<boolean>(false);\n const shouldShowPresetValue = useRef<boolean>(\n typeof presetValue === 'string' && presetValue !== '',\n );\n\n const theme = useTheme() as Theme;\n\n const { isTouch } = useDevice();\n\n /\n Checks if there are multiple groups in the lists\n /\n useEffect(() => {\n setHasMultipleGroups(lists.length > 1);\n }, [lists]);\n\n const filterButtons = useMemo(() => {\n const items: IFilterButtonItem[] = [];\n\n if (lists.length <= 1) {\n return items;\n }\n\n lists.forEach(({ groupName }) => {\n if (groupName) {\n items.push({\n id: groupName,\n text: groupName,\n });\n }\n });\n\n return items;\n }, [lists]);\n\n /\n Filters the lists by the FilterButtons\n /\n const activeList = useMemo(() => {\n let newLists: ISearchBoxItems[] = [];\n\n if (groups[0] === 'all') {\n newLists = lists;\n } else {\n lists.forEach((list) => {\n if (list.groupName && groups.includes(list.groupName)) {\n newLists.push(list);\n }\n });\n }\n\n const newMatchingItems: ISearchBoxItems[] = [];\n\n newLists.forEach(({ list, groupName }) => {\n const newList = searchList({ items: list, searchString: value });\n\n if (newList.length > 0) {\n newMatchingItems.push({\n groupName,\n list: newList,\n });\n }\n });\n\n if (newMatchingItems.length === 0 && shouldAddInputToList) {\n newMatchingItems.push({\n groupName: undefined,\n list: [],\n });\n }\n\n const filteredMatchingListItems = newMatchingItems.map(({ list, groupName }) => ({\n groupName,\n list: list.filter((item) => {\n if (typeof customFilter === 'function') {\n return customFilter(item);\n }\n return !(newMatchingItems.length === 1 && item.text === value);\n }),\n }));\n\n setMatchingListsItems(filteredMatchingListItems);\n\n return newLists;\n }, [groups, lists, customFilter, shouldAddInputToList, value]);\n\n const handleOpen = useCallback(() => {\n setShouldShowBody(true);\n }, []);\n\n const handleClose = useCallback(() => {\n setShouldShowBody(false);\n }, []);\n\n const handleFilterButtonsGroupSelect = (keys: string[]) => {\n setGroups(keys.length === 0 ? ['all'] : keys);\n };\n\n /\n This hook calculates the height\n /\n useEffect(() => {\n const textArray: string[] = [];\n\n activeList.forEach(({ list, groupName }) => {\n list.forEach(({ text }) => textArray.push(text));\n if (!groupName) {\n return;\n }\n textArray.push(groupName);\n });\n\n if (shouldAddInputToList && inputToListValue !== '') {\n textArray.push(inputToListValue);\n }\n\n setHeight(calculateContentHeight(textArray));\n }, [inputToListValue, activeList, placeholder, shouldAddInputToList]);\n\n useEffect(() => {\n if (selectedId) {\n activeList.forEach(({ list }) => {\n const selectedItem = list.find(({ id }) => id === selectedId);\n if (selectedItem) {\n setValue(selectedItem.text);\n\n if (selectedItem.imageUrl) {\n setSelectedImage(\n <StyledSearchBoxItemImage\n src={selectedItem.imageUrl}\n $shouldShowRoundImage={shouldShowRoundImage}\n />,\n );\n }\n }\n });\n }\n }, [activeList, selectedId, shouldShowRoundImage]);\n\n /\n This hook resets the value if the selectedId changes to undefined. This is an own useEffect because the value\n * should not be reset if the list changes and the selectedId is still undefined.\n /\n useEffect(() => {\n if (!selectedId && !shouldShowPresetValue.current) {\n setValue('');\n }\n }, [selectedId]);\n\n useEffect(() => {\n isAnimatingRef.current = shouldShowBody;\n }, [shouldShowBody]);\n\n useEffect(() => {\n if (\n (matchingListsItems.length !== 0 \|\| hintText) &&\n !isAnimatingRef.current &&\n hasFocusRef.current\n ) {\n handleOpen();\n }\n }, [handleOpen, hintText, matchingListsItems.length]);\n\n /\n This function handles the focus event of the input and opens the dropdown if the input\n * should show content on an empty input\n /\n const handleFocus = useCallback(() => {\n hasFocusRef.current = true;\n\n if (shouldShowContentOnEmptyInput) {\n const newMatchingItems: ISearchBoxItems[] = [];\n\n activeList.forEach(({ list, groupName }) => {\n const newList = searchList({ items: list, searchString: value });\n\n if (newList.length > 0) {\n newMatchingItems.push({\n groupName,\n list: newList,\n });\n }\n });\n\n if (newMatchingItems.length === 0 && shouldAddInputToList) {\n newMatchingItems.push({\n groupName: undefined,\n list: [],\n });\n }\n\n const filteredMatchingListItems = newMatchingItems.map(({ list, groupName }) => ({\n groupName,\n list: list.filter((item) => {\n if (typeof customFilter === 'function') {\n return customFilter(item);\n }\n return !(newMatchingItems.length === 1 && item.text === value);\n }),\n }));\n\n setMatchingListsItems(filteredMatchingListItems);\n\n if (filteredMatchingListItems.length !== 0 \|\| hintText) {\n handleOpen();\n }\n }\n }, [\n shouldShowContentOnEmptyInput,\n activeList,\n shouldAddInputToList,\n hintText,\n value,\n customFilter,\n handleOpen,\n ]);\n\n /\n This function filters the lists by input\n /\n\n useEffect(() => {\n const newMatchingItems: ISearchBoxItems[] = [];\n\n activeList.forEach(({ list, groupName }) => {\n const newList = searchList({ items: list, searchString: value });\n\n if (newList.length > 0) {\n newMatchingItems.push({\n groupName,\n list: newList,\n });\n }\n });\n\n if (newMatchingItems.length === 0 && shouldAddInputToList) {\n newMatchingItems.push({\n groupName: undefined,\n list: [],\n });\n }\n\n if (shouldAddInputToList && inputToListValue !== '') {\n newMatchingItems.forEach(({ list }) => {\n list.forEach(({ text }) => {\n if (text.toLowerCase() === inputToListValue.toLowerCase()) {\n setInputToListValue('');\n }\n });\n });\n }\n }, [\n inputToListValue,\n activeList,\n shouldAddInputToList,\n shouldShowContentOnEmptyInput,\n value,\n ]);\n\n const handleClick = useCallback(() => {\n if (shouldShowBody) {\n handleClose();\n } else {\n handleOpen();\n }\n }, [handleClose, handleOpen, shouldShowBody]);\n\n const rightElement = useMemo(() => {\n if (!shouldShowToggleIcon) {\n return undefined;\n }\n\n return (\n <StyledSearchBoxIcon onClick={handleClick}>\n <Icon icons={['fa fa-chevron-down']} color={theme['006'] as string} />\n </StyledSearchBoxIcon>\n );\n }, [handleClick, shouldShowToggleIcon, theme]);\n\n const leftElement = useMemo(\n () =>\n (leftIcons \|\| selectedImage) && (\n <StyledSearchBoxLeftWrapper>\n {leftIcons && <Icon icons={leftIcons} />}\n {selectedImage && selectedImage}\n </StyledSearchBoxLeftWrapper>\n ),\n [leftIcons, selectedImage],\n );\n\n /\n This function handles changes of the input\n /\n const handleChange = useCallback(\n (event: ChangeEvent<HTMLInputElement>) => {\n const filteredLists: ISearchBoxItems[] = [];\n shouldShowPresetValue.current = false;\n\n activeList.forEach(({ list, groupName }) => {\n const newList = searchList({ items: list, searchString: event.target.value });\n\n if (newList.length > 0) {\n filteredLists.push({\n groupName,\n list: newList,\n });\n }\n });\n\n if (filteredLists.length === 0 && shouldAddInputToList) {\n filteredLists.push({\n groupName: undefined,\n list: [],\n });\n }\n\n setSelectedImage(undefined);\n\n if (!shouldShowContentOnEmptyInput && !event.target.value) {\n setMatchingListsItems([]);\n } else {\n setMatchingListsItems(filteredLists);\n }\n\n if (filteredLists.length !== 0) {\n handleOpen();\n }\n\n setValue(event.target.value);\n setInputToListValue(event.target.value);\n\n if (typeof onChange === 'function') {\n onChange(event);\n }\n },\n [activeList, handleOpen, onChange, shouldAddInputToList, shouldShowContentOnEmptyInput],\n );\n\n /\n This function handles the blur event of the input\n /\n const handleBlur = useCallback(\n (event: FocusEvent<HTMLInputElement>) => {\n hasFocusRef.current = false;\n\n if (typeof onBlur === 'function') {\n onBlur(event);\n }\n },\n [onBlur],\n );\n\n const handleDropdownOutsideClick = useCallback(() => {\n tagInputRef.current?.blur();\n\n return hasFocusRef.current && isTouch;\n }, [isTouch]);\n\n /\n This function handles the item selection\n /\n const handleSelect = useCallback(\n (item: ISearchBoxItem) => {\n const newItem = {\n ...item,\n text: item.text.replace('<b>', '').replace('</b>', '').replace('</b', ''),\n };\n\n if (tagInputSettings) {\n setValue('');\n setInputToListValue('');\n tagInputRef.current?.resetValue();\n } else {\n setValue(newItem.text);\n }\n\n handleClose();\n\n setSelectedImage(\n newItem.imageUrl ? (\n <StyledSearchBoxItemImage\n src={newItem.imageUrl}\n $shouldShowRoundImage={shouldShowRoundImage}\n />\n ) : undefined,\n );\n\n setMatchingListsItems([]);\n\n if (typeof onSelect === 'function') {\n onSelect(newItem);\n }\n },\n [handleClose, onSelect, shouldShowRoundImage, tagInputSettings],\n );\n\n const content = useMemo(() => {\n if (hintText && matchingListsItems.length === 0) {\n return (\n <StyledSearchBoxHintText>\n {hintText.replace('##value##', value)}\n </StyledSearchBoxHintText>\n );\n }\n\n const items: ReactElement[] = [];\n\n matchingListsItems.forEach(({ groupName, list }, index) => {\n if (hasMultipleGroups) {\n if (list.length <= 0) {\n return;\n }\n\n if (index !== 0) {\n items.push(<GroupName key={groupName} name={groupName ?? ''} />);\n }\n }\n\n list.forEach(({ id, text, imageUrl }, listIndex) => {\n items.push(\n <SearchBoxItem\n key={`${id}_${groupName ?? ''}`}\n id={id}\n text={text}\n imageUrl={imageUrl}\n shouldShowRoundImage={shouldShowRoundImage}\n onSelect={handleSelect}\n groupName={groupName}\n tabIndex={index === 0 && listIndex === 0 ? 0 : -1}\n />,\n );\n });\n });\n\n if (shouldAddInputToList && inputToListValue !== '') {\n items.push(\n <SearchBoxItem\n id=\"input-value\"\n onSelect={handleSelect}\n text={`<b>${inputToListValue}</b`}\n tabIndex={items.length === 0 ? 0 : -1}\n />,\n );\n }\n\n return items;\n }, [\n hintText,\n matchingListsItems,\n shouldAddInputToList,\n inputToListValue,\n value,\n hasMultipleGroups,\n shouldShowRoundImage,\n handleSelect,\n ]);\n\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (!shouldShowBody \|\| matchingListsItems.length === 0) {\n return;\n }\n\n const children = contentRef.current?.children;\n\n if (!children) {\n return;\n }\n\n const childrenArray = Array.from(children);\n\n const newChildren = childrenArray.find((child) =>\n child.id.startsWith('searchBoxContent__'),\n )?.children;\n\n if (!(newChildren && newChildren.length > 0)) {\n return;\n }\n\n const filteredChildren = Array.from(newChildren).filter(\n (child) => (child as HTMLElement).dataset.isgroupname !== 'true',\n );\n\n setFilteredChildrenArray(filteredChildren);\n\n if (e.key === 'ArrowUp' \|\| e.key === 'ArrowDown') {\n e.preventDefault();\n\n if (newChildren && newChildren.length > 0) {\n const newIndex =\n focusedIndex !== null\n ? (focusedIndex +\n (e.key === 'ArrowUp' ? -1 : 1) +\n filteredChildren.length) %\n filteredChildren.length\n : 0;\n\n if (focusedIndex !== null) {\n const prevElement = filteredChildren[focusedIndex] as HTMLDivElement;\n prevElement.tabIndex = -1;\n }\n\n setFocusedIndex(newIndex);\n\n const newElement = filteredChildren[newIndex] as HTMLDivElement;\n\n newElement.tabIndex = 0;\n }\n } else if (e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n\n if (filteredChildren) {\n const element = filteredChildren[focusedIndex ?? 0];\n\n if (!element) {\n return;\n }\n\n const { id, textContent } = element;\n\n let imageUrl: string \| undefined;\n\n // Just Ignore, it works\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n if (element.children[0]?.attributes.src) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n imageUrl = element.children[0]?.attributes.src.nodeValue as string;\n }\n\n const newId = id.replace('search-box-item__', '');\n\n handleSelect({\n id: newId === 'input-value' ? textContent : newId,\n text: textContent ?? '',\n imageUrl,\n });\n }\n }\n };\n\n document.addEventListener('keydown', handleKeyDown);\n\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }, [\n filteredChildrenArray,\n focusedIndex,\n handleSelect,\n matchingListsItems.length,\n shouldShowBody,\n ]);\n\n const handleKeyPress = useCallback((event: KeyboardEvent) => {\n if (event.keyCode === 27) {\n setMatchingListsItems([]);\n }\n }, []);\n\n useImperativeHandle(\n ref,\n () => ({\n clear: () => setValue(''),\n }),\n [],\n );\n\n useEffect(() => {\n document.addEventListener('keydown', handleKeyPress);\n\n return () => {\n document.addEventListener('keydown', handleKeyPress);\n };\n }, [handleKeyPress]);\n\n /\n Update the value if preset value changes\n */\n useEffect(() => {\n if (presetValue) {\n setValue(presetValue);\n }\n }, [presetValue]);\n\n const shouldShowDropdown =\n shouldShowBody &&\n (matchingListsItems.length !== 0 \|\| !!hintText) &&\n (value.trim() !== '' \|\| shouldShowContentOnEmptyInput);\n\n return useMemo(\n () => (\n <StyledSearchBox ref={boxRef} key={`search-box-${uuid}`}>\n <div id={`search_box_input${uuid}`}>\n {tagInputSettings ? (\n <TagInput\n leftElement={leftElement}\n onAdd={tagInputSettings.onAdd}\n onBlur={handleBlur}\n onChange={handleChange}\n onFocus={handleFocus}\n onRemove={tagInputSettings.onRemove}\n placeholder={placeholder}\n ref={tagInputRef}\n shouldAllowMultiple={tagInputSettings.shouldAllowMultiple}\n shouldPreventEnter\n tags={tagInputSettings.tags}\n />\n ) : (\n <Input\n isInvalid={isInvalid}\n leftElement={leftElement}\n onBlur={handleBlur}\n onChange={handleChange}\n onFocus={handleFocus}\n onKeyDown={onKeyDown}\n placeholder={placeholder}\n ref={inputRef}\n rightElement={rightElement}\n value={value}\n />\n )}\n </div>\n {boxRef.current && (\n <DropdownBodyWrapper\n anchorElement={boxRef.current}\n container={container}\n direction={dropdownDirection}\n maxHeight={300}\n onClose={handleClose}\n onOutsideClick={handleDropdownOutsideClick}\n shouldShowDropdown={shouldShowDropdown}\n >\n <SearchBoxBody\n filterButtons={filterButtons}\n height={height}\n shouldShow={shouldShowDropdown}\n key={`search-box-body-${uuid}`}\n onGroupSelect={handleFilterButtonsGroupSelect}\n ref={contentRef}\n selectedGroups={groups}\n shouldHideFilterButtons={shouldHideFilterButtons}\n >\n {content}\n </SearchBoxBody>\n </DropdownBodyWrapper>\n )}\n </StyledSearchBox>\n ),\n [\n container,\n content,\n dropdownDirection,\n filterButtons,\n groups,\n handleBlur,\n handleChange,\n handleClose,\n handleDropdownOutsideClick,\n handleFocus,\n height,\n isInvalid,\n leftElement,\n onKeyDown,\n placeholder,\n rightElement,\n shouldHideFilterButtons,\n shouldShowDropdown,\n tagInputSettings,\n uuid,\n value,\n ],\n );\n },\n);\n\nSearchBox.displayName = 'SearchBox';\n\nexport default SearchBox;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/search-box/SearchBox.styles.js CHANGED Viewed

@@ -1,13 +1,10 @@
-import { motion } from 'framer-motion';
+import { motion } from 'motion/react';
 import styled, { css } from 'styled-components';
 export const StyledSearchBox = styled.div``;
 export const StyledMotionSearchBoxBody = styled(motion.div)`
-    background: ${_ref => {
-  let {
-    theme
-  } = _ref;
-  return theme['101'];
-}};
+    background: ${({
+  theme
+}) => theme['000']};
     position: absolute;
     z-index: 4;
     display: flex;
@@ -17,34 +14,23 @@ export const StyledMotionSearchBoxBody = styled(motion.div)`
     border-bottom-right-radius: 3px;
     border-top: none;
     cursor: pointer;
-    width: ${_ref2 => {
-  let {
-    $width
-  } = _ref2;
-  return $width;
-}}px;
+    width: ${({
+  $width
+}) => $width}px;
     max-height: 300px;
-    overflow-y: ${_ref3 => {
-  let {
-    $height
-  } = _ref3;
-  return $height <= 300 ? 'hidden' : 'auto';
-}};
+    overflow-y: ${({
+  $height
+}) => $height <= 300 ? 'hidden' : 'auto'};
     box-shadow: 0 0 0 1px
-        rgba(${_ref4 => {
-  let {
-    theme
-  } = _ref4;
-  return theme['009-rgb'];
-}}, 0.08) inset;
+        rgba(${({
+  theme
+}) => theme['009-rgb']}, 0.08) inset;
     // Styles for custom scrollbar
-    ${_ref5 => {
-  let {
-    $browser,
-    theme
-  } = _ref5;
-  return $browser === 'firefox' ? css`
+    ${({
+  $browser,
+  theme
+}) => $browser === 'firefox' ? css`
                   scrollbar-color: rgba(${theme['text-rgb']}, 0.15) transparent;
                   scrollbar-width: thin;
               ` : css`
@@ -65,8 +51,7 @@ export const StyledMotionSearchBoxBody = styled(motion.div)`
                       background-color: rgba(${theme['text-rgb']}, 0.15);
                       border-radius: 20px;
                   }
-              `;
-}}
+              `}
 `;
 export const StyledSearchBoxIcon = styled.div`
     cursor: pointer;
@@ -77,4 +62,9 @@ export const StyledSearchBoxLeftWrapper = styled.div`
     align-items: center;
     gap: 8px;
 `;
+export const StyledSearchBoxHintText = styled.div`
+    text-align: center;
+    opacity: 0.8;
+    padding: 6px;
+`;
 //# sourceMappingURL=SearchBox.styles.js.map

package/lib/esm/components/search-box/SearchBox.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchBox.styles.js","names":["motion","styled","css","StyledSearchBox","div","StyledMotionSearchBoxBody","~~_ref","~~theme","~~_ref2","~~$width","~~_ref3","~~$height","~~_ref4","_ref5","~~$browser","StyledSearchBoxIcon","StyledSearchBoxLeftWrapper"],"sources":["../../../../src/components/search-box/SearchBox.styles.ts"],"sourcesContent":["import { motion } from '~~framer-~~motion';\nimport styled, { css } from 'styled-components';\nimport { BrowserName } from '../../types/chayns';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledSearchBox = styled.div``;\n\ntype StyledMotionSearchBoxBodyProps = WithTheme<{\n $height: number;\n $width: number;\n $browser: BrowserName;\n}>;\n\nexport const StyledMotionSearchBoxBody = styled(motion.div)<StyledMotionSearchBoxBodyProps>`\n background: ${({ theme }: StyledMotionSearchBoxBodyProps) => theme['~~101~~']};\n position: absolute;\n z-index: 4;\n display: flex;\n flex-direction: column;\n border: 1px solid rgba(160, 160, 160, 0.3);\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n border-top: none;\n cursor: pointer;\n width: ${({ $width }) => $width}px;\n max-height: 300px;\n overflow-y: ${({ $height }) => ($height <= 300 ? 'hidden' : 'auto')};\n box-shadow: 0 0 0 1px\n rgba(${({ theme }: StyledMotionSearchBoxBodyProps) => theme['009-rgb']}, 0.08) inset;\n\n // Styles for custom scrollbar\n ${({ $browser, theme }: StyledMotionSearchBoxBodyProps) =>\n $browser === 'firefox'\n ? css`\n scrollbar-color: rgba(${theme['text-rgb']}, 0.15) transparent;\n scrollbar-width: thin;\n `\n : css`\n &::-webkit-scrollbar {\n width: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-button {\n background-color: transparent;\n height: 5px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(${theme['text-rgb']}, 0.15);\n border-radius: 20px;\n }\n `}\n`;\n\nexport const StyledSearchBoxIcon = styled.div`\n cursor: pointer;\n padding: 0 10px;\n`;\n\nexport const StyledSearchBoxLeftWrapper = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n`;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,~~eAAe~~;~~AACtC~~,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAI/C,OAAO,MAAMC,eAAe,GAAGF,MAAM,CAACG,GAAG,EAAE;AAQ3C,OAAO,MAAMC,yBAAyB,GAAGJ,MAAM,CAACD,MAAM,CAACI,GAAG,CAAiC;AAC3F,~~kBAAkBE~~,~~IAAA~~;~~EAAA,IAAC~~;~~IAAEC;EAAsC~~,CAAC,~~GAAAD~~,~~IAAA;EAAA,OAAKC,~~KAAK,CAAC,KAAK,CAAC;~~AAAA;~~AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,~~aAAaC~~,~~KAAA~~;~~EAAA,IAAC~~;~~IAAEC;EAAO~~,CAAC,~~GAAAD~~,~~KAAA;EAAA,OAAKC,~~MAAM;~~AAAA;~~AACnC;AACA,~~kBAAkBC~~,~~KAAA~~;~~EAAA,IAAC~~;~~IAAEC;EAAQ~~,CAAC,~~GAAAD~~,~~KAAA;EAAA,OAAMC,~~OAAO,IAAI,GAAG,GAAG,QAAQ,GAAG,~~MAAM~~;~~AAAA,CAAC;~~AACvE;AACA,~~eAAeC~~,~~KAAA~~;~~EAAA,IAAC~~;~~IAAEL;EAAsC~~,CAAC,~~GAAAK~~,~~KAAA;EAAA,OAAKL,~~KAAK,CAAC,SAAS,CAAC;~~AAAA;~~AAC9E;AACA;AACA,~~MAAMM~~,~~KAAA~~;~~EAAA~~,~~IAAC;IAAEC,~~QAAQ;~~IAAEP~~;~~EAAsC~~,CAAC,~~GAAAM~~,~~KAAA;EAAA,OAClDC,~~QAAQ,KAAK,SAAS,~~GAChBZ~~,GAAG;AACjB,~~0CAA0CK~~,KAAK,CAAC,UAAU,CAAC;AAC3D;AACA,eAAe,~~GACDL~~,GAAG;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+CK,KAAK,CAAC,UAAU,CAAC;AAChE;AACA;AACA,eAAe;~~AAAA;~~AACf,CAAC;AAED,OAAO,~~MAAMQ~~,mBAAmB,~~GAAGd~~,MAAM,CAACG,GAAG;AAC7C;AACA;AACA,CAAC;AAED,OAAO,~~MAAMY~~,0BAA0B,~~GAAGf~~,MAAM,CAACG,GAAG;AACpD;AACA;AACA;AACA,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"SearchBox.styles.js","names":["motion","styled","css","StyledSearchBox","div","StyledMotionSearchBoxBody","theme","$width","$height","$browser","StyledSearchBoxIcon","StyledSearchBoxLeftWrapper","StyledSearchBoxHintText"],"sources":["../../../../src/components/search-box/SearchBox.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport { BrowserName } from '../../types/chayns';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledSearchBox = styled.div``;\n\ntype StyledMotionSearchBoxBodyProps = WithTheme<{\n $height: number;\n $width: number;\n $browser: BrowserName;\n}>;\n\nexport const StyledMotionSearchBoxBody = styled(motion.div)<StyledMotionSearchBoxBodyProps>`\n background: ${({ theme }: StyledMotionSearchBoxBodyProps) => theme['000']};\n position: absolute;\n z-index: 4;\n display: flex;\n flex-direction: column;\n border: 1px solid rgba(160, 160, 160, 0.3);\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n border-top: none;\n cursor: pointer;\n width: ${({ $width }) => $width}px;\n max-height: 300px;\n overflow-y: ${({ $height }) => ($height <= 300 ? 'hidden' : 'auto')};\n box-shadow: 0 0 0 1px\n rgba(${({ theme }: StyledMotionSearchBoxBodyProps) => theme['009-rgb']}, 0.08) inset;\n\n // Styles for custom scrollbar\n ${({ $browser, theme }: StyledMotionSearchBoxBodyProps) =>\n $browser === 'firefox'\n ? css`\n scrollbar-color: rgba(${theme['text-rgb']}, 0.15) transparent;\n scrollbar-width: thin;\n `\n : css`\n &::-webkit-scrollbar {\n width: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-button {\n background-color: transparent;\n height: 5px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(${theme['text-rgb']}, 0.15);\n border-radius: 20px;\n }\n `}\n`;\n\nexport const StyledSearchBoxIcon = styled.div`\n cursor: pointer;\n padding: 0 10px;\n`;\n\nexport const StyledSearchBoxLeftWrapper = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n`;\n\nexport const StyledSearchBoxHintText = styled.div`\n text-align: center;\n opacity: 0.8;\n padding: 6px;\n`;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,cAAc;AACrC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAI/C,OAAO,MAAMC,eAAe,GAAGF,MAAM,CAACG,GAAG,EAAE;AAQ3C,OAAO,MAAMC,yBAAyB,GAAGJ,MAAM,CAACD,MAAM,CAACI,GAAG,CAAiC;AAC3F,kBAAkB,CAAC;EAAEE;AAAsC,CAAC,KAAKA,KAAK,CAAC,KAAK,CAAC;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,CAAC;EAAEC;AAAO,CAAC,KAAKA,MAAM;AACnC;AACA,kBAAkB,CAAC;EAAEC;AAAQ,CAAC,KAAMA,OAAO,IAAI,GAAG,GAAG,QAAQ,GAAG,MAAO;AACvE;AACA,eAAe,CAAC;EAAEF;AAAsC,CAAC,KAAKA,KAAK,CAAC,SAAS,CAAC;AAC9E;AACA;AACA,MAAM,CAAC;EAAEG,QAAQ;EAAEH;AAAsC,CAAC,KAClDG,QAAQ,KAAK,SAAS,GAChBP,GAAG;AACjB,0CAA0CI,KAAK,CAAC,UAAU,CAAC;AAC3D;AACA,eAAe,GACDJ,GAAG;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+CI,KAAK,CAAC,UAAU,CAAC;AAChE;AACA;AACA,eAAe;AACf,CAAC;AAED,OAAO,MAAMI,mBAAmB,GAAGT,MAAM,CAACG,GAAG;AAC7C;AACA;AACA,CAAC;AAED,OAAO,MAAMO,0BAA0B,GAAGV,MAAM,CAACG,GAAG;AACpD;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMQ,uBAAuB,GAAGX,MAAM,CAACG,GAAG;AACjD;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/search-box/group-name/GroupName.js CHANGED Viewed

@@ -1,15 +1,12 @@
 import React from 'react';
 import { StyledGroupName } from './GroupName.styles';
-const GroupName = _ref => {
-  let {
-    name
-  } = _ref;
-  return /*#__PURE__*/React.createElement(StyledGroupName, {
-    $groupName: name,
-    "data-isgroupname": "true",
-    id: `${name}`
-  }, name);
-};
+const GroupName = ({
+  name
+}) => /*#__PURE__*/React.createElement(StyledGroupName, {
+  $groupName: name,
+  "data-isgroupname": "true",
+  id: `${name}`
+}, name);
 GroupName.displayName = 'GroupName';
 export default GroupName;
 //# sourceMappingURL=GroupName.js.map

package/lib/esm/components/search-box/group-name/GroupName.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GroupName.js","names":["React","StyledGroupName","GroupName","~~_ref","~~name","createElement","$groupName","id","displayName"],"sources":["../../../../../src/components/search-box/group-name/GroupName.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledGroupName } from './GroupName.styles';\n\nexport type GroupNameProps = {\n name: string;\n};\n\nconst GroupName: FC<GroupNameProps> = ({ name }) => (\n <StyledGroupName $groupName={name} data-isgroupname=\"true\" id={`${name}`}>\n {name}\n </StyledGroupName>\n);\n\nGroupName.displayName = 'GroupName';\n\nexport default GroupName;\n"],"mappings":"AAAC,OAAOA,KAAK,MAAc,OAAO;AAClC,SAASC,eAAe,QAAQ,oBAAoB;AAMpD,MAAMC,SAA6B,~~GAAGC~~,~~IAAA~~;~~EAAA,IAAC~~;~~IAAEC;EAAK~~,CAAC,~~GAAAD~~,~~IAAA;EAAA,oBAC3CH,~~KAAA,~~CAAAK~~,aAAA,~~CAACJ~~,eAAe;~~IAACK~~,UAAU,EAAEF,IAAK;~~IAAC~~,oBAAiB,MAAM;~~IAACG~~,EAAE,EAAE,GAAGH,IAAI;~~EAAG~~,GACpEA,IACY,~~CAAC~~;~~AAAA~~,~~CACrB;AAEDF,~~SAAS,~~CAACM~~,WAAW,GAAG,WAAW;AAEnC,~~eAAeN~~,SAAS","ignoreList":[]}
1	+ {"version":3,"file":"GroupName.js","names":["React","StyledGroupName","GroupName","name","createElement","$groupName","id","displayName"],"sources":["../../../../../src/components/search-box/group-name/GroupName.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledGroupName } from './GroupName.styles';\n\nexport type GroupNameProps = {\n name: string;\n};\n\nconst GroupName: FC<GroupNameProps> = ({ name }) => (\n <StyledGroupName $groupName={name} data-isgroupname=\"true\" id={`${name}`}>\n {name}\n </StyledGroupName>\n);\n\nGroupName.displayName = 'GroupName';\n\nexport default GroupName;\n"],"mappings":"AAAC,OAAOA,KAAK,MAAc,OAAO;AAClC,SAASC,eAAe,QAAQ,oBAAoB;AAMpD,MAAMC,SAA6B,GAAGA,CAAC;EAAEC;AAAK,CAAC,kBAC3CH,KAAA,CAAAI,aAAA,CAACH,eAAe;EAACI,UAAU,EAAEF,IAAK;EAAC,oBAAiB,MAAM;EAACG,EAAE,EAAE,GAAGH,IAAI;AAAG,GACpEA,IACY,CACpB;AAEDD,SAAS,CAACK,WAAW,GAAG,WAAW;AAEnC,eAAeL,SAAS","ignoreList":[]}

package/lib/esm/components/search-box/group-name/GroupName.styles.js CHANGED Viewed

@@ -1,28 +1,19 @@
 import styled, { css } from 'styled-components';
 export const StyledGroupName = styled.span`
-    color: ${_ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.text;
-}};
+    color: ${({
+  theme
+}) => theme.text};
     font-weight: bold;
     padding: 4px 10px;
-    ${_ref2 => {
-  let {
-    $groupName
-  } = _ref2;
-  return !$groupName && css`
-            border: 1px ${_ref3 => {
-    let {
-      theme
-    } = _ref3;
-    return theme['103'];
-  }} solid;
+    ${({
+  $groupName
+}) => !$groupName && css`
+            border: 1px ${({
+  theme
+}) => theme['103']} solid;
             padding: 0;
-        `;
-}}
+        `}
     cursor: default;
 `;
 //# sourceMappingURL=GroupName.styles.js.map

package/lib/esm/components/search-box/group-name/GroupName.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GroupName.styles.js","names":["styled","css","StyledGroupName","span","~~_ref","~~theme","text","~~_ref2","~~$groupName"~~,"_ref3"~~],"sources":["../../../../../src/components/search-box/group-name/GroupName.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledGroupNameProps = WithTheme<{ $groupName?: string }>;\n\nexport const StyledGroupName = styled.span<StyledGroupNameProps>`\n color: ${({ theme }: StyledGroupNameProps) => theme.text};\n font-weight: bold;\n\n padding: 4px 10px;\n ${({ $groupName }) =>\n !$groupName &&\n css`\n border: 1px ${({ theme }: StyledGroupNameProps) => theme['103']} solid;\n padding: 0;\n `}\n cursor: default;\n`;\n"],"mappings":"AAAC,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAKhD,OAAO,MAAMC,eAAe,GAAGF,MAAM,CAACG,IAA0B;AAChE,~~aAAaC~~,~~IAAA~~;~~EAAA,IAAC~~;~~IAAEC;EAA4B~~,CAAC,~~GAAAD~~,~~IAAA;EAAA,OAAKC,~~KAAK,CAACC,IAAI;~~AAAA;~~AAC5D;AACA;AACA;AACA,~~MAAMC~~,~~KAAA~~;~~EAAA,IAAC~~;~~IAAEC;EAAW~~,CAAC,~~GAAAD~~,~~KAAA;EAAA~~,~~OACb,CAACC,~~UAAU,~~IACXP~~,GAAG;AACX,~~0BAA0BQ~~,~~KAAA~~;~~IAAA,IAAC~~;~~MAAEJ;IAA4B~~,CAAC,~~GAAAI~~,~~KAAA;IAAA,OAAKJ,~~KAAK,CAAC,KAAK,CAAC;~~EAAA;~~AAC3E;AACA,SAAS;~~AAAA;~~AACT;AACA,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"GroupName.styles.js","names":["styled","css","StyledGroupName","span","theme","text","$groupName"],"sources":["../../../../../src/components/search-box/group-name/GroupName.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledGroupNameProps = WithTheme<{ $groupName?: string }>;\n\nexport const StyledGroupName = styled.span<StyledGroupNameProps>`\n color: ${({ theme }: StyledGroupNameProps) => theme.text};\n font-weight: bold;\n\n padding: 4px 10px;\n ${({ $groupName }) =>\n !$groupName &&\n css`\n border: 1px ${({ theme }: StyledGroupNameProps) => theme['103']} solid;\n padding: 0;\n `}\n cursor: default;\n`;\n"],"mappings":"AAAC,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAKhD,OAAO,MAAMC,eAAe,GAAGF,MAAM,CAACG,IAA0B;AAChE,aAAa,CAAC;EAAEC;AAA4B,CAAC,KAAKA,KAAK,CAACC,IAAI;AAC5D;AACA;AACA;AACA,MAAM,CAAC;EAAEC;AAAW,CAAC,KACb,CAACA,UAAU,IACXL,GAAG;AACX,0BAA0B,CAAC;EAAEG;AAA4B,CAAC,KAAKA,KAAK,CAAC,KAAK,CAAC;AAC3E;AACA,SAAS;AACT;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/search-box/search-box-body/SearchBoxBody.js CHANGED Viewed

@@ -1,35 +1,40 @@
 import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useElementSize } from '../../../hooks/useElementSize';
+import { useElementSize } from '../../../hooks/element';
 import { useUuid } from '../../../hooks/uuid';
 import { getCurrentGroupName } from '../../../utils/searchBox';
 import FilterButtons from '../../filter-buttons/FilterButtons';
-import { StyledMotionSearchBoxBody, StyledSearchBoxBodyContent, StyledSearchBoxBodyHead, StyledSearchBoxBodyHeadGroupName } from './SearchBoxBody.styles';
-const SearchBoxBody = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    filterButtons,
-    coordinates,
-    selectedGroups,
-    width,
-    browser,
-    height,
-    children,
-    onGroupSelect,
-    shouldHideFilterButtons
-  } = _ref;
+import { StyledSearchBoxBody, StyledSearchBoxBodyContent, StyledSearchBoxBodyHead, StyledSearchBoxBodyHeadGroupName } from './SearchBoxBody.styles';
+import { useDevice } from 'chayns-api';
+const SearchBoxBody = /*#__PURE__*/forwardRef(({
+  filterButtons,
+  selectedGroups,
+  height,
+  children,
+  shouldShow,
+  onGroupSelect,
+  shouldHideFilterButtons
+}, ref) => {
   const [hasScrolled, setHasScrolled] = useState(false);
   const [currentGroupName, setCurrentGroupName] = useState('');
   const headRef = useRef(null);
+  const {
+    browser
+  } = useDevice();
   const headSize = useElementSize(headRef);
   const uuid = useUuid();
   const headHeight = useMemo(() => headSize?.height ? headSize.height + 15 : 0, [headSize?.height]);
   useEffect(() => {
-    const element = document.getElementById(`searchbox-content__${uuid}`);
+    const element = document.getElementById(`searchBoxContent__${uuid}`);
     if (element && (selectedGroups?.length === 1 && selectedGroups[0] === 'all' || selectedGroups?.length !== 1)) {
       setCurrentGroupName(getCurrentGroupName(element));
     } else {
       setCurrentGroupName('');
     }
   }, [uuid, children, selectedGroups]);
+  const handlePreventDefault = event => {
+    event.preventDefault();
+    event.stopPropagation();
+  };
   const handleScroll = useCallback(event => {
     const {
       scrollTop
@@ -39,29 +44,10 @@ const SearchBoxBody = /*#__PURE__*/forwardRef((_ref, ref) => {
       setCurrentGroupName(getCurrentGroupName(event.target));
     }
   }, [selectedGroups]);
-  return useMemo(() => /*#__PURE__*/React.createElement(StyledMotionSearchBoxBody, {
+  return useMemo(() => /*#__PURE__*/React.createElement(StyledSearchBoxBody, {
+    onClick: handlePreventDefault,
     ref: ref,
-    $width: width,
-    style: {
-      left: coordinates.x,
-      top: coordinates.y
-    },
-    initial: {
-      height: 0,
-      opacity: 0
-    },
-    exit: {
-      height: 0,
-      opacity: 0
-    },
-    animate: {
-      height: 'fit-content',
-      opacity: 1
-    },
-    transition: {
-      duration: 0.2,
-      type: 'tween'
-    }
+    inert: !shouldShow ? 'true' : undefined
   }, filterButtons && filterButtons?.length > 1 && /*#__PURE__*/React.createElement(StyledSearchBoxBodyHead, {
     ref: headRef,
     $hasScrolled: hasScrolled,
@@ -71,15 +57,15 @@ const SearchBoxBody = /*#__PURE__*/forwardRef((_ref, ref) => {
     size: 0,
     onSelect: onGroupSelect,
     selectedItemIds: selectedGroups
-  }), /*#__PURE__*/React.createElement(StyledSearchBoxBodyHeadGroupName, null, currentGroupName)), /*#__PURE__*/React.createElement(StyledSearchBoxBodyContent, {
+  }), /*#__PURE__*/React.createElement(StyledSearchBoxBodyHeadGroupName, null, currentGroupName.replace('_', ''))), /*#__PURE__*/React.createElement(StyledSearchBoxBodyContent, {
     $height: height,
     $headHeight: headHeight,
     key: "content",
-    id: `searchbox-content__${uuid}`,
-    $browser: browser,
+    id: `searchBoxContent__${uuid}`,
+    $browser: browser?.name,
     tabIndex: 0,
     onScroll: handleScroll
-  }, children)), [browser, children, coordinates.x, coordinates.y, currentGroupName, filterButtons, handleScroll, hasScrolled, headHeight, height, onGroupSelect, ref, selectedGroups, shouldHideFilterButtons, uuid, width]);
+  }, children)), [browser, children, currentGroupName, filterButtons, handleScroll, hasScrolled, headHeight, height, onGroupSelect, ref, selectedGroups, shouldHideFilterButtons, shouldShow, uuid]);
 });
 SearchBoxBody.displayName = 'SearchBoxBody';
 export default SearchBoxBody;

package/lib/esm/components/search-box/search-box-body/SearchBoxBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchBoxBody.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","useState","useElementSize","useUuid","getCurrentGroupName","FilterButtons","~~StyledMotionSearchBoxBody~~","StyledSearchBoxBodyContent","StyledSearchBoxBodyHead","StyledSearchBoxBodyHeadGroupName","~~SearchBoxBody~~","~~_ref~~","~~ref","~~filterButtons","~~coordinates","~~selectedGroups","~~width~~","~~browser~~","~~height~~","~~children~~","~~onGroupSelect~~","~~shouldHideFilterButtons~~","hasScrolled","setHasScrolled","currentGroupName","setCurrentGroupName","headRef","headSize","uuid","headHeight","element","document","getElementById","length","~~handleScroll~~","event","~~scrollTop~~","~~target~~","~~createElement~~","~~$width~~","~~style~~","~~left~~","x","~~top~~","y","~~initial","opacity","exit","animate","transition","duration","type","~~$hasScrolled","$hasGroupName","items","size","onSelect","selectedItemIds","$height","$headHeight","key","id","$browser","tabIndex","onScroll","displayName"],"sources":["../../../../../src/components/search-box/search-box-body/SearchBoxBody.tsx"],"sourcesContent":["import React, {\n forwardRef,\n UIEvent,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n type ReactNode,\n} from 'react';\nimport { useElementSize } from '../../../hooks/~~useElementSize~~';\nimport { useUuid } from '../../../hooks/uuid';\nimport ~~{ BrowserName } from '../../../types/chayns';\nimport~~ type { IFilterButtonItem } from '../../../types/filterButtons';\nimport { getCurrentGroupName } from '../../../utils/searchBox';\nimport FilterButtons from '../../filter-buttons/FilterButtons';\nimport {\n ~~StyledMotionSearchBoxBody~~,\n StyledSearchBoxBodyContent,\n StyledSearchBoxBodyHead,\n StyledSearchBoxBodyHeadGroupName,\n} from './SearchBoxBody.styles';\n\nexport type SearchBoxBodyProps = {\n children: ReactNode;\n filterButtons?: IFilterButtonItem[];\n selectedGroups?: string[];\n height: number;\n ~~width: number;\n browser: BrowserName;\n~~ onGroupSelect?: (keys: string[]) => void;\n ~~coordinates:~~ ~~{ x: number; y: number }~~;\n ~~shouldHideFilterButtons?:~~ boolean;\n};\n\nconst SearchBoxBody = forwardRef<HTMLDivElement, SearchBoxBodyProps>(\n (\n {\n filterButtons,\n ~~coordinates,\n~~ selectedGroups,\n ~~width~~,\n ~~browser~~,\n ~~height~~,\n ~~children,\n~~ onGroupSelect,\n shouldHideFilterButtons,\n },\n ref,\n ) => {\n const [hasScrolled, setHasScrolled] = useState(false);\n const [currentGroupName, setCurrentGroupName] = useState('');\n\n const headRef = useRef<HTMLDivElement>(null);\n\n const headSize = useElementSize(headRef);\n\n const uuid = useUuid();\n\n const headHeight = useMemo(\n () => (headSize?.height ? headSize.height + 15 : 0),\n [headSize?.height],\n );\n\n useEffect(() => {\n const element = document.getElementById(`~~searchbox-content__~~${uuid}`);\n\n if (\n element &&\n ((selectedGroups?.length === 1 && selectedGroups[0] === 'all') \|\|\n selectedGroups?.length !== 1)\n ) {\n setCurrentGroupName(getCurrentGroupName(element));\n } else {\n setCurrentGroupName('');\n }\n }, [uuid, children, selectedGroups]);\n\n const handleScroll = useCallback(\n (event: UIEvent) => {\n const { scrollTop } = event.target as HTMLDivElement;\n\n setHasScrolled(scrollTop > 1);\n\n if (\n (selectedGroups?.length === 1 && selectedGroups[0] === 'all') \|\|\n selectedGroups?.length !== 1\n ) {\n setCurrentGroupName(getCurrentGroupName(event.target as HTMLDivElement));\n }\n },\n [selectedGroups],\n );\n\n return useMemo(\n () => (\n <~~StyledMotionSearchBoxBody~~\n ~~ref~~={~~ref~~}\n ~~$width~~={~~width~~}\n ~~style~~={{ ~~left:~~ ~~coordinates.x, top: coordinates.y }}\n initial={{ height: 0, opacity: 0 }}\n exit={{ height: 0, opacity: 0 }}\n animate={{ height:~~ '~~fit-content~~', ~~opacity~~: 1 }}\n ~~transition={{\n duration: 0.2,\n type: 'tween',\n }}\n~~ >\n {filterButtons && filterButtons?.length > 1 && (\n <StyledSearchBoxBodyHead\n ref={headRef}\n $hasScrolled={hasScrolled}\n $hasGroupName={!!currentGroupName}\n >\n {!shouldHideFilterButtons && (\n <FilterButtons\n items={filterButtons}\n size={0}\n onSelect={onGroupSelect}\n selectedItemIds={selectedGroups}\n />\n )}\n <StyledSearchBoxBodyHeadGroupName>\n {currentGroupName}\n </StyledSearchBoxBodyHeadGroupName>\n </StyledSearchBoxBodyHead>\n )}\n <StyledSearchBoxBodyContent\n $height={height}\n $headHeight={headHeight}\n key=\"content\"\n id={`~~searchbox-content__~~${uuid}`}\n $browser={browser}\n tabIndex={0}\n onScroll={handleScroll}\n >\n {children}\n </StyledSearchBoxBodyContent>\n </~~StyledMotionSearchBoxBody~~>\n ),\n [\n browser,\n children,\n ~~coordinates.x,\n coordinates.y,\n~~ currentGroupName,\n filterButtons,\n handleScroll,\n hasScrolled,\n headHeight,\n height,\n onGroupSelect,\n ref,\n selectedGroups,\n shouldHideFilterButtons,\n ~~uuid~~,\n ~~width~~,\n ],\n );\n },\n);\n\nSearchBoxBody.displayName = 'SearchBoxBody';\n\nexport default SearchBoxBody;\n"],"mappings":"AAAA,OAAOA,KAAK,IACRC,UAAU,~~EAEVC~~,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QAEL,OAAO;AACd,SAASC,cAAc,QAAQ~~,+BAA+B~~;~~AAC9D~~,SAASC,OAAO,QAAQ,qBAAqB;~~AAG7C~~,SAASC,mBAAmB,QAAQ,0BAA0B;AAC9D,OAAOC,aAAa,MAAM,oCAAoC;AAC9D,SACIC,~~yBAAyB~~,~~EACzBC~~,0BAA0B,EAC1BC,uBAAuB,EACvBC,gCAAgC,QAC7B,wBAAwB;~~AAc~~/B,MAAMC,aAAa,~~gBAAGd~~,UAAU,CAC5B,~~CAAAe,IAAA,EAYIC,GAAG,KACF~~;~~EAAA~~,~~IAZD;IACIC,~~aAAa;~~IACbC~~,~~WAAW;IACXC,~~cAAc;~~IACdC~~,~~KAAK~~;~~IACLC~~,~~OAAO~~;~~IACPC~~,~~MAAM~~;~~IACNC~~,~~QAAQ;IACRC,~~aAAa;~~IACbC~~;~~EACJ~~,CAAC,~~GAAAV~~,~~IAAA~~;~~EAGD~~,MAAM,~~CAACW~~,WAAW,EAAEC,cAAc,CAAC,~~GAAGtB~~,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM,~~CAACuB~~,gBAAgB,EAAEC,mBAAmB,CAAC,~~GAAGxB~~,QAAQ,CAAC,EAAE,CAAC;EAE5D,~~MAAMyB~~,OAAO,~~GAAG1B~~,MAAM,CAAiB,IAAI,CAAC;EAE5C,~~MAAM2B~~,QAAQ,~~GAAGzB~~,cAAc,~~CAACwB~~,OAAO,CAAC;EAExC,~~MAAME~~,IAAI,~~GAAGzB~~,OAAO,CAAC,CAAC;EAEtB,~~MAAM0B~~,UAAU,~~GAAG9B~~,OAAO,CACtB,~~MAAO4B~~,QAAQ,~~EAAET~~,MAAM,~~GAAGS~~,QAAQ,~~CAACT~~,MAAM,GAAG,EAAE,GAAG,CAAE,EACnD,~~CAACS~~,QAAQ,~~EAAET~~,MAAM,CACrB,CAAC;~~EAEDpB~~,SAAS,CAAC,MAAM;IACZ,~~MAAMgC~~,OAAO,GAAGC,QAAQ,CAACC,cAAc,CAAC,~~sBAAsBJ~~,IAAI,EAAE,CAAC;~~IAErE~~,IACIE,OAAO,~~KACLf~~,cAAc,~~EAAEkB~~,MAAM,KAAK,CAAC,~~IAAIlB~~,cAAc,CAAC,CAAC,CAAC,KAAK,KAAK,IACzDA,cAAc,~~EAAEkB~~,MAAM,KAAK,CAAC,CAAC,EACnC;~~MACER~~,mBAAmB,~~CAACrB~~,mBAAmB,~~CAAC0B~~,OAAO,CAAC,CAAC;IACrD,CAAC,MAAM;~~MACHL~~,mBAAmB,CAAC,EAAE,CAAC;IAC3B;EACJ,CAAC,EAAE,~~CAACG~~,IAAI,~~EAAET~~,QAAQ,~~EAAEJ~~,cAAc,CAAC,CAAC;EAEpC,~~MAAMmB~~,YAAY,~~GAAGrC~~,WAAW,~~CAC3BsC~~,KAAc,IAAK;IAChB,MAAM;~~MAAEC~~;IAAU,CAAC,~~GAAGD~~,KAAK,~~CAACE~~,MAAwB;~~IAEpDd~~,cAAc,~~CAACa~~,SAAS,GAAG,CAAC,CAAC;IAE7B,~~IACKrB~~,cAAc,~~EAAEkB~~,MAAM,KAAK,CAAC,~~IAAIlB~~,cAAc,CAAC,CAAC,CAAC,KAAK,KAAK,IAC5DA,cAAc,~~EAAEkB~~,MAAM,KAAK,CAAC,EAC9B;~~MACER~~,mBAAmB,~~CAACrB~~,mBAAmB,~~CAAC+B~~,KAAK,~~CAACE~~,MAAwB,CAAC,CAAC;IAC5E;EACJ,CAAC,EACD,~~CAACtB~~,cAAc,CACnB,CAAC;EAED,~~OAAOhB~~,OAAO,CACV,mBACIJ,KAAA,~~CAAA2C~~,aAAA,~~CAAChC~~,~~yBAAyB~~;~~IACtBM~~,~~GAAG~~,~~EAAEA~~,~~GAAI~~;~~IACT2B~~,~~MAAM~~,~~EAAEvB~~,~~KAAM~~;~~IACdwB~~,KAAK,EAAE~~;MAAEC~~,~~IAAI~~,~~EAAE3B~~,~~WAAW,CAAC4B,CAAC;MAAEC,~~GAAG,~~EAAE7B,WAAW,CAAC8B;IAAE,CAAE;IACnDC,OAAO,EAAE;MAAE3B,~~MAAM,~~EAAE,CAAC~~;~~MAAE4B~~,~~OAAO,EAAE;IAAE,CAAE;IACnCC,IAAI,EAAE;MAAE7B,MAAM,EAAE,CAAC;MAAE4B,OAAO,EAAE;IAAE,CAAE;IAChCE,OAAO,EAAE;MAAE9B,MAAM,EAAE,aAAa;MAAE4B,OAAO,EAAE;IAAE,CAAE;IAC~~/CG,~~UAAU,EAAE;MACRC,QAAQ,EAAE,GAAG;MACbC,IAAI,EAAE;IACV;EAAE,GAEDtC,~~aAAa,IAAIA,aAAa,EAAEoB,MAAM,GAAG,CAAC,~~iBACvCtC~~,KAAA,~~CAAA2C~~,aAAA,~~CAAC9B~~,uBAAuB;~~IACpBI~~,GAAG,~~EAAEc~~,OAAQ;~~IACb0B~~,YAAY,~~EAAE9B~~,WAAY;~~IAC1B+B~~,aAAa,EAAE,CAAC,~~CAAC7B~~;EAAiB,GAEjC,~~CAACH~~,uBAAuB,~~iBACrB1B~~,KAAA,~~CAAA2C~~,aAAA,~~CAACjC~~,aAAa;~~IACViD~~,KAAK,~~EAAEzC~~,aAAc;~~IACrB0C~~,IAAI,EAAE,CAAE;IACRC,QAAQ,~~EAAEpC~~,aAAc;~~IACxBqC~~,eAAe,~~EAAE1C~~;EAAe,CACnC,CACJ,~~eACDpB~~,KAAA,~~CAAA2C~~,aAAA,~~CAAC7B~~,gCAAgC,~~QAC5Be~~,~~gBAC6B~~,CACb,CAC5B,~~eACD7B~~,KAAA,~~CAAA2C~~,aAAA,~~CAAC/B~~,0BAA0B;~~IACvBmD~~,OAAO,~~EAAExC~~,MAAO;~~IAChByC~~,WAAW,~~EAAE9B~~,UAAW;~~IACxB+B~~,GAAG,EAAC,SAAS;IACbC,EAAE,EAAE,~~sBAAsBjC~~,IAAI,EAAG;~~IACjCkC~~,QAAQ,~~EAAE7C~~,~~OAAQ~~;~~IAClB8C~~,QAAQ,EAAE,CAAE;IACZC,QAAQ,~~EAAE9B~~;EAAa,~~GAEtBf~~,QACuB,~~CACL~~,~~CAC9B~~,EACD,~~CACIF~~,OAAO,~~EACPE~~,QAAQ,~~EACRL~~,~~WAAW,CAAC4B,CAAC,EACb5B,WAAW,CAAC8B,CAAC,EACbpB,~~gBAAgB,~~EAChBX~~,aAAa,~~EACbqB~~,YAAY,~~EACZZ~~,WAAW,~~EACXO~~,UAAU,~~EACVX~~,MAAM,~~EACNE~~,aAAa,~~EACbR~~,GAAG,~~EACHG~~,cAAc,~~EACdM~~,uBAAuB,~~EACvBO~~,~~IAAI~~,~~EACJZ~~,~~KAAK~~,~~CAEb~~,CAAC;AACL,CACJ,CAAC;~~AAEDN~~,aAAa,~~CAACuD~~,WAAW,GAAG,eAAe;AAE3C,~~eAAevD~~,aAAa","ignoreList":[]}
1	+ {"version":3,"file":"SearchBoxBody.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","useState","useElementSize","useUuid","getCurrentGroupName","FilterButtons","StyledSearchBoxBody","StyledSearchBoxBodyContent","StyledSearchBoxBodyHead","StyledSearchBoxBodyHeadGroupName","useDevice","SearchBoxBody","filterButtons","selectedGroups","height","children","shouldShow","onGroupSelect","shouldHideFilterButtons","ref","hasScrolled","setHasScrolled","currentGroupName","setCurrentGroupName","headRef","browser","headSize","uuid","headHeight","element","document","getElementById","length","handlePreventDefault","event","preventDefault","stopPropagation","handleScroll","scrollTop","target","createElement","onClick","inert","undefined","$hasScrolled","$hasGroupName","items","size","onSelect","selectedItemIds","replace","$height","$headHeight","key","id","$browser","name","tabIndex","onScroll","displayName"],"sources":["../../../../../src/components/search-box/search-box-body/SearchBoxBody.tsx"],"sourcesContent":["import React, {\n forwardRef,\n MouseEvent,\n UIEvent,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n type ReactNode,\n} from 'react';\nimport { useElementSize } from '../../../hooks/element';\nimport { useUuid } from '../../../hooks/uuid';\nimport type { IFilterButtonItem } from '../../../types/filterButtons';\nimport { getCurrentGroupName } from '../../../utils/searchBox';\nimport FilterButtons from '../../filter-buttons/FilterButtons';\nimport {\n StyledSearchBoxBody,\n StyledSearchBoxBodyContent,\n StyledSearchBoxBodyHead,\n StyledSearchBoxBodyHeadGroupName,\n} from './SearchBoxBody.styles';\nimport { useDevice } from 'chayns-api';\nimport { BrowserName } from '../../../types/chayns';\n\nexport type SearchBoxBodyProps = {\n children: ReactNode;\n filterButtons?: IFilterButtonItem[];\n selectedGroups?: string[];\n height: number;\n onGroupSelect?: (keys: string[]) => void;\n shouldHideFilterButtons?: boolean;\n shouldShow: boolean;\n};\n\nconst SearchBoxBody = forwardRef<HTMLDivElement, SearchBoxBodyProps>(\n (\n {\n filterButtons,\n selectedGroups,\n height,\n children,\n shouldShow,\n onGroupSelect,\n shouldHideFilterButtons,\n },\n ref,\n ) => {\n const [hasScrolled, setHasScrolled] = useState(false);\n const [currentGroupName, setCurrentGroupName] = useState('');\n\n const headRef = useRef<HTMLDivElement>(null);\n\n const { browser } = useDevice();\n\n const headSize = useElementSize(headRef);\n\n const uuid = useUuid();\n\n const headHeight = useMemo(\n () => (headSize?.height ? headSize.height + 15 : 0),\n [headSize?.height],\n );\n\n useEffect(() => {\n const element = document.getElementById(`searchBoxContent__${uuid}`);\n\n if (\n element &&\n ((selectedGroups?.length === 1 && selectedGroups[0] === 'all') \|\|\n selectedGroups?.length !== 1)\n ) {\n setCurrentGroupName(getCurrentGroupName(element));\n } else {\n setCurrentGroupName('');\n }\n }, [uuid, children, selectedGroups]);\n\n const handlePreventDefault = (event: MouseEvent) => {\n event.preventDefault();\n event.stopPropagation();\n };\n\n const handleScroll = useCallback(\n (event: UIEvent) => {\n const { scrollTop } = event.target as HTMLDivElement;\n\n setHasScrolled(scrollTop > 1);\n\n if (\n (selectedGroups?.length === 1 && selectedGroups[0] === 'all') \|\|\n selectedGroups?.length !== 1\n ) {\n setCurrentGroupName(getCurrentGroupName(event.target as HTMLDivElement));\n }\n },\n [selectedGroups],\n );\n\n return useMemo(\n () => (\n <StyledSearchBoxBody\n onClick={handlePreventDefault}\n ref={ref}\n inert={!shouldShow ? 'true' : undefined}\n >\n {filterButtons && filterButtons?.length > 1 && (\n <StyledSearchBoxBodyHead\n ref={headRef}\n $hasScrolled={hasScrolled}\n $hasGroupName={!!currentGroupName}\n >\n {!shouldHideFilterButtons && (\n <FilterButtons\n items={filterButtons}\n size={0}\n onSelect={onGroupSelect}\n selectedItemIds={selectedGroups}\n />\n )}\n <StyledSearchBoxBodyHeadGroupName>\n {currentGroupName.replace('_', '')}\n </StyledSearchBoxBodyHeadGroupName>\n </StyledSearchBoxBodyHead>\n )}\n <StyledSearchBoxBodyContent\n $height={height}\n $headHeight={headHeight}\n key=\"content\"\n id={`searchBoxContent__${uuid}`}\n $browser={(browser as { name: BrowserName })?.name}\n tabIndex={0}\n onScroll={handleScroll}\n >\n {children}\n </StyledSearchBoxBodyContent>\n </StyledSearchBoxBody>\n ),\n [\n browser,\n children,\n currentGroupName,\n filterButtons,\n handleScroll,\n hasScrolled,\n headHeight,\n height,\n onGroupSelect,\n ref,\n selectedGroups,\n shouldHideFilterButtons,\n shouldShow,\n uuid,\n ],\n );\n },\n);\n\nSearchBoxBody.displayName = 'SearchBoxBody';\n\nexport default SearchBoxBody;\n"],"mappings":"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","ignoreList":[]}