@chayns-components/core 5.0.0-beta.1102 → 5.0.0-beta.1105

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

@@ -19,7 +19,7 @@ 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 ComboBox = ({
   bodyWidth,
-  direction = _comboBox.ComboBoxDirection.BOTTOM,
+  direction = _comboBox.ComboBoxDirection.RIGHT,
   isDisabled = false,
   lists,
   maxHeight = '280px',
@@ -52,6 +52,7 @@ const ComboBox = ({
     y: 0
   });
   const [newContainer, setNewContainer] = (0, _react2.useState)(container ?? null);
+  const [shouldUseTopAlignment, setShouldUseTopAlignment] = (0, _react2.useState)(false);
   const isInputFocused = (0, _react2.useRef)(false);
   const styledComboBoxElementRef = (0, _react2.useRef)(null);
   const contentRef = (0, _react2.useRef)(null);
@@ -70,6 +71,22 @@ const ComboBox = ({
     const combinedLists = lists.flatMap(list => list.list);
     return combinedLists.length === 1 && combinedLists.some(item => item.value === selectedItem.value);
   }, [lists, selectedItem]);
+  const contentHeight = (0, _react2.useMemo)(() => {
+    const flatItems = lists.flatMap(list => list.list);
+    let result = flatItems.length * 36;
+    if (lists.length > 1) {
+      result += lists.length * 36;
+    }
+
+    // ToDo: Implement a better solution to also work with percentage values or other units
+    if (maxHeight.toString().includes('px')) {
+      const maxHeightValue = parseInt(maxHeight.toString().replace('px', ''), 10);
+      if (maxHeightValue < result) {
+        result = maxHeightValue;
+      }
+    }
+    return result;
+  }, [lists, maxHeight]);
   (0, _react2.useEffect)(() => {
     if (styledComboBoxElementRef.current && !container) {
       const el = styledComboBoxElementRef.current;
@@ -107,17 +124,23 @@ const ComboBox = ({
       } = styledComboBoxElementRef.current.getBoundingClientRect();
       const {
         left,
-        top
+        top,
+        height: containerHeight
       } = newContainer.getBoundingClientRect();
       const x = comboBoxLeft - left + newContainer.scrollLeft;
       const y = comboBoxTop - top + newContainer.scrollTop;
+      let useTopAlignment = [_comboBox.ComboBoxDirection.TOP, _comboBox.ComboBoxDirection.TOP_LEFT, _comboBox.ComboBoxDirection.TOP_RIGHT].includes(direction);
+      if (y + height + contentHeight > containerHeight) {
+        useTopAlignment = true;
+        setShouldUseTopAlignment(true);
+      }
       setInternalCoordinates({
         x,
-        y: [_comboBox.ComboBoxDirection.TOP, _comboBox.ComboBoxDirection.TOP_LEFT, _comboBox.ComboBoxDirection.TOP_RIGHT].includes(direction) ? y : y + height
+        y: useTopAlignment ? y : y + height
       });
       setIsAnimating(true);
     }
-  }, [shouldDisableActions, newContainer, direction]);
+  }, [shouldDisableActions, newContainer, contentHeight, direction]);
   const handleClose = (0, _react2.useCallback)(() => {
     setIsAnimating(false);
   }, []);
@@ -273,7 +296,7 @@ const ComboBox = ({
     setInternalSelectedItem(selectedItem);
   }, [selectedItem]);
   (0, _react2.useEffect)(() => {
-    if ([_comboBox.ComboBoxDirection.BOTTOM_LEFT, _comboBox.ComboBoxDirection.TOP_LEFT].includes(direction) && typeof bodyWidth === 'number' && typeof minWidth === 'number') {
+    if ([_comboBox.ComboBoxDirection.BOTTOM_LEFT, _comboBox.ComboBoxDirection.TOP_LEFT, _comboBox.ComboBoxDirection.LEFT].includes(direction) && typeof bodyWidth === 'number' && typeof minWidth === 'number') {
       const difference = minWidth - bodyWidth;
       setTranslateX(`${difference}px`);
     } else {
@@ -358,12 +381,13 @@ const ComboBox = ({
     top: internalCoordinates.y
   }), [internalCoordinates.x, internalCoordinates.y]);
   (0, _react2.useEffect)(() => {
-    if ([_comboBox.ComboBoxDirection.TOP, _comboBox.ComboBoxDirection.TOP_LEFT, _comboBox.ComboBoxDirection.TOP_RIGHT].includes(direction)) {
+    const useTopAlignment = shouldUseTopAlignment || [_comboBox.ComboBoxDirection.TOP, _comboBox.ComboBoxDirection.TOP_LEFT, _comboBox.ComboBoxDirection.TOP_RIGHT].includes(direction);
+    if (useTopAlignment) {
       setTranslateY('-100%');
     } else {
       setTranslateY('0px');
     }
-  }, [direction]);
+  }, [direction, shouldUseTopAlignment]);
   (0, _react2.useEffect)(() => {
     if (!newContainer) {
       return;

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","names":["_chaynsApi","require","_react","_react2","_interopRequireWildcard","_reactDom","_comboBox","_calculate","_environment","_AreaContextProvider","_Icon","_interopRequireDefault","_ComboBoxItem","_ComboBox","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ComboBox","bodyWidth","direction","ComboBoxDirection","BOTTOM","isDisabled","lists","maxHeight","onSelect","placeholder","prefix","container","selectedItem","shouldShowBigImage","shouldShowClearIcon","shouldShowRoundImage","onInputFocus","shouldUseFullWidth","onInputChange","shouldUseCurrentItemWidth","onInputBlur","inputValue","internalSelectedItem","setInternalSelectedItem","useState","isAnimating","setIsAnimating","minWidth","setMinWidth","undefined","bodyMinWidth","setBodyMinWidth","focusedIndex","setFocusedIndex","overflowY","setOverflowY","translateX","setTranslateX","translateY","setTranslateY","portal","setPortal","internalCoordinates","setInternalCoordinates","x","y","newContainer","setNewContainer","isInputFocused","useRef","styledComboBoxElementRef","contentRef","functions","useFunctions","values","useValues","browser","useDevice","isTouch","getIsTouch","areaProvider","useContext","AreaContext","shouldChangeColor","useMemo","shouldDisableActions","combinedLists","flatMap","list","length","some","item","value","useEffect","current","el","element","closest","Element","handleInputFocus","useCallback","event","handleInputBlur","handleClick","contains","target","handleOpen","left","comboBoxLeft","top","comboBoxTop","height","getBoundingClientRect","scrollLeft","scrollTop","TOP","TOP_LEFT","TOP_RIGHT","includes","handleClose","document","addEventListener","removeEventListener","handleSetSelectedItem","itemToSelect","onSelectResult","Promise","then","shouldPreventSelection","handleClear","preventDefault","stopPropagation","currentContent","scrollHeight","maxHeightInPixels","getMaxHeightInPixels","body","handleKeyDown","key","_contentRef$current","children","newIndex","prevElement","tabIndex","newElement","focus","_contentRef$current2","id","newSelectedItem","find","String","replace","_styledComboBoxElemen","allItems","hasImage","imageUrl","hasIcon","icons","parentWidth","parentElement","width","paddingWidth","imageWidth","iconWidth","prefixWidth","prefixTextWidth","calculateContentWidth","text","Math","max","baseWidth","calculatedWidth","tmpMinWidth","tmpBodyMinWidth","itemWidth","BOTTOM_LEFT","difference","placeholderImageUrl","placeholderIcon","placeholderText","shouldShowRoundPlaceholderImage","selectedItemList","handleHeaderClick","comboBoxGroups","map","createElement","groupName","StyledComboBoxTopic","imageBackground","isSelected","rightElement","subtext","suffixElement","textStyles","bodyStyles","createPortal","AnimatePresence","initial","StyledMotionComboBoxBody","$browser","name","animate","opacity","$overflowY","$translateX","$translateY","exit","$maxHeight","$minWidth","style","$direction","$shouldUseCurrentItemWidth","transition","duration","ref","StyledComboBox","$shouldUseFullWidth","StyledComboBoxHeader","onClick","$isOpen","$isTouch","$isDisabled","$shouldChangeColor","$shouldShowBigImage","StyledComboBoxPrefixAndPlaceholderWrapper","StyledComboBoxPrefix","StyledComboBoxPlaceholder","$shouldReduceOpacity","StyledComboBoxPlaceholderImage","src","$shouldShowRoundImage","StyledComboBoxInput","disabled","onChange","onBlur","onFocus","StyledComboBoxPlaceholderText","StyledComboBoxClearIconWrapper","StyledComboBoxIconWrapper","$shouldShowBorderLeft","displayName","_default","exports"],"sources":["../../../../src/components/combobox/ComboBox.tsx"],"sourcesContent":["import { useDevice, useFunctions, useValues } from 'chayns-api';\nimport { AnimatePresence } from 'motion/react';\nimport React, {\n    ChangeEventHandler,\n    type CSSProperties,\n    FC,\n    FocusEventHandler,\n    ReactHTML,\n    type ReactNode,\n    ReactPortal,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { BrowserName } from '../../types/chayns';\nimport { ComboBoxDirection } from '../../types/comboBox';\nimport { calculateContentWidth, getMaxHeightInPixels } from '../../utils/calculate';\nimport { getIsTouch } from '../../utils/environment';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport type { ContextMenuCoordinates } from '../context-menu/ContextMenu';\nimport Icon from '../icon/Icon';\nimport ComboBoxItem from './combobox-item/ComboBoxItem';\nimport {\n    StyledComboBox,\n    StyledComboBoxClearIconWrapper,\n    StyledComboBoxHeader,\n    StyledComboBoxIconWrapper,\n    StyledComboBoxInput,\n    StyledComboBoxPlaceholder,\n    StyledComboBoxPlaceholderImage,\n    StyledComboBoxPlaceholderText,\n    StyledComboBoxPrefix,\n    StyledComboBoxPrefixAndPlaceholderWrapper,\n    StyledComboBoxTopic,\n    StyledMotionComboBoxBody,\n} from './ComboBox.styles';\n\nexport interface IComboBoxItems {\n    groupName?: string;\n    list: Array<IComboBoxItem>;\n    shouldShowRoundImage?: boolean;\n}\n\nexport interface ComboBoxTextStyles {\n    tagName?: keyof ReactHTML;\n    styles?: CSSProperties;\n}\n\nexport interface IComboBoxItem {\n    icons?: string[];\n    imageBackground?: CSSProperties['background'];\n    imageUrl?: string;\n    isDisabled?: boolean;\n    rightElement?: ReactNode;\n    subtext?: string;\n    suffixElement?: ReactNode;\n    text: string;\n    value: string | number;\n    textStyles?: ComboBoxTextStyles;\n}\n\nexport type ComboBoxProps = {\n    bodyWidth?: number;\n    /**\n     * The element where the content of the `ComboBox` should be rendered via React Portal.\n     */\n    container?: Element;\n    /**\n     * The direction in which the combobox should open.\n     */\n    direction?: ComboBoxDirection;\n    /**\n     * The value of the optional input.\n     */\n    inputValue?: string;\n    /**\n     * Whether the combobox should be disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * The list of the items that should be displayed.\n     */\n    lists: IComboBoxItems[];\n    /**\n     * The maximum height of the combobox content.\n     */\n    maxHeight?: CSSProperties['maxHeight'];\n    /**\n     * Function to be executed when the value of the optional input is changed.\n     */\n    onInputChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when the optional input lost its focus.\n     */\n    onInputBlur?: FocusEventHandler<HTMLInputElement> /**\n     * Function to be executed when the optional input gets its focus.\n     */;\n    onInputFocus?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function that should be executed when an item is selected. If the function returns false, the item will not be selected.\n     */\n    onSelect?: (comboboxItem?: IComboBoxItem) => Promise<boolean> | boolean | void;\n    /**\n     * A text that should be displayed when no item is selected.\n     */\n    placeholder: string;\n    /**\n     * A prefix that should be displayed before the placeholder.\n     */\n    prefix?: string;\n    /**\n     * An item that should be preselected.\n     */\n    selectedItem?: IComboBoxItem;\n    /**\n     * If true, the images of the items are displayed in a bigger shape. This prop will automatically be set to true if the subtext of an item is given.\n     */\n    shouldShowBigImage?: boolean;\n    /**\n     * If true, a clear icon is displayed at the end of the combo box if an item is selected.\n     */\n    shouldShowClearIcon?: boolean;\n    /**\n     * If true, the images of the items are displayed in a round shape.\n     */\n    shouldShowRoundImage?: boolean;\n    /**\n     * Whether the width of the ComboBox should be the width of the current item.\n     */\n    shouldUseCurrentItemWidth?: boolean;\n    /**\n     * Whether the width of the 'ComboBox' should be the width of the parent or of the widest item.\n     */\n    shouldUseFullWidth?: boolean;\n};\n\nconst ComboBox: FC<ComboBoxProps> = ({\n    bodyWidth,\n    direction = ComboBoxDirection.BOTTOM,\n    isDisabled = false,\n    lists,\n    maxHeight = '280px',\n    onSelect,\n    placeholder,\n    prefix,\n    container,\n    selectedItem,\n    shouldShowBigImage,\n    shouldShowClearIcon,\n    shouldShowRoundImage,\n    onInputFocus,\n    shouldUseFullWidth = false,\n    onInputChange,\n    shouldUseCurrentItemWidth = false,\n    onInputBlur,\n    inputValue,\n}) => {\n    const [internalSelectedItem, setInternalSelectedItem] = useState<IComboBoxItem>();\n    const [isAnimating, setIsAnimating] = useState(false);\n    const [minWidth, setMinWidth] = useState<number | undefined>(undefined);\n    const [bodyMinWidth, setBodyMinWidth] = useState(0);\n    const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n    const [overflowY, setOverflowY] = useState<CSSProperties['overflowY']>('hidden');\n    const [translateX, setTranslateX] = useState<string>('0px');\n    const [translateY, setTranslateY] = useState<string>('0px');\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 isInputFocused = useRef(false);\n\n    const styledComboBoxElementRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement | null>(null);\n\n    const functions = useFunctions();\n    const values = useValues();\n\n    const { browser } = useDevice();\n\n    const isTouch = getIsTouch();\n\n    const areaProvider = useContext(AreaContext);\n\n    const shouldChangeColor = useMemo(\n        () => areaProvider.shouldChangeColor ?? false,\n        [areaProvider.shouldChangeColor],\n    );\n\n    const shouldDisableActions = useMemo(() => {\n        if (!selectedItem) {\n            return false;\n        }\n\n        const combinedLists = lists.flatMap((list) => list.list);\n\n        return (\n            combinedLists.length === 1 &&\n            combinedLists.some((item) => item.value === selectedItem.value)\n        );\n    }, [lists, selectedItem]);\n\n    useEffect(() => {\n        if (styledComboBoxElementRef.current && !container) {\n            const el = styledComboBoxElementRef.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    const handleInputFocus: FocusEventHandler<HTMLInputElement> = useCallback(\n        (event) => {\n            isInputFocused.current = true;\n            onInputFocus?.(event);\n        },\n        [onInputFocus],\n    );\n\n    const handleInputBlur: FocusEventHandler<HTMLInputElement> = useCallback(\n        (event) => {\n            isInputFocused.current = false;\n            onInputBlur?.(event);\n        },\n        [onInputBlur],\n    );\n\n    const handleClick = useCallback(\n        (event: MouseEvent) => {\n            if (\n                styledComboBoxElementRef.current &&\n                !styledComboBoxElementRef.current.contains(event.target as Node) &&\n                contentRef.current &&\n                !contentRef.current.contains(event.target as Node)\n            ) {\n                setIsAnimating(false);\n            }\n        },\n        [styledComboBoxElementRef],\n    );\n\n    const handleOpen = useCallback(() => {\n        if (shouldDisableActions) {\n            return;\n        }\n\n        if (styledComboBoxElementRef.current && newContainer) {\n            const {\n                left: comboBoxLeft,\n                top: comboBoxTop,\n                height,\n            } = styledComboBoxElementRef.current.getBoundingClientRect();\n\n            const { left, top } = newContainer.getBoundingClientRect();\n\n            const x = comboBoxLeft - left + newContainer.scrollLeft;\n            const y = comboBoxTop - top + newContainer.scrollTop;\n\n            setInternalCoordinates({\n                x,\n                y: [\n                    ComboBoxDirection.TOP,\n                    ComboBoxDirection.TOP_LEFT,\n                    ComboBoxDirection.TOP_RIGHT,\n                ].includes(direction)\n                    ? y\n                    : y + height,\n            });\n\n            setIsAnimating(true);\n        }\n    }, [shouldDisableActions, newContainer, direction]);\n\n    const handleClose = useCallback(() => {\n        setIsAnimating(false);\n    }, []);\n\n    /**\n     * This function adds an event listener to the document to close the combobox when the user clicks outside of it\n     */\n    useEffect(() => {\n        document.addEventListener('click', handleClick);\n\n        return () => {\n            document.removeEventListener('click', handleClick);\n        };\n    }, [handleClick, styledComboBoxElementRef]);\n\n    /**\n     * This function sets the selected item\n     */\n    const handleSetSelectedItem = useCallback(\n        (itemToSelect?: IComboBoxItem) => {\n            if (typeof onSelect === 'function') {\n                const onSelectResult = onSelect(itemToSelect);\n\n                if (onSelectResult === false) {\n                    return;\n                }\n\n                if (onSelectResult instanceof Promise) {\n                    void onSelectResult.then((shouldPreventSelection) => {\n                        if (shouldPreventSelection) return;\n\n                        setInternalSelectedItem(itemToSelect);\n                        setIsAnimating(false);\n                    });\n\n                    return;\n                }\n            }\n\n            setInternalSelectedItem(itemToSelect);\n            setIsAnimating(false);\n        },\n        [onSelect],\n    );\n\n    const handleClear = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            event.preventDefault();\n            event.stopPropagation();\n\n            handleSetSelectedItem(undefined);\n        },\n        [handleSetSelectedItem],\n    );\n\n    useEffect(() => {\n        const currentContent = contentRef.current;\n\n        if (portal && isAnimating && currentContent) {\n            const scrollHeight = currentContent.scrollHeight ?? 0;\n\n            const maxHeightInPixels = getMaxHeightInPixels(\n                maxHeight,\n                styledComboBoxElementRef.current ?? document.body,\n            );\n\n            setOverflowY(scrollHeight > maxHeightInPixels ? 'scroll' : 'hidden');\n        }\n    }, [isAnimating, maxHeight, portal]);\n\n    useEffect(() => {\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (!isAnimating) {\n                return;\n            }\n\n            if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n                e.preventDefault();\n                const children = contentRef.current?.children;\n                if (children && children.length > 0) {\n                    const newIndex =\n                        focusedIndex !== null\n                            ? (focusedIndex + (e.key === 'ArrowUp' ? -1 : 1) + children.length) %\n                              children.length\n                            : 0;\n\n                    if (focusedIndex !== null) {\n                        const prevElement = children[focusedIndex] as HTMLDivElement;\n                        prevElement.tabIndex = -1;\n                    }\n\n                    setFocusedIndex(newIndex);\n\n                    const newElement = children[newIndex] as HTMLDivElement;\n                    newElement.tabIndex = 0;\n                    newElement.focus();\n                }\n            } else if (e.key === 'Enter' && focusedIndex !== null) {\n                const element = contentRef.current?.children[focusedIndex];\n\n                if (!element) {\n                    return;\n                }\n\n                const { id } = element;\n\n                let newSelectedItem: IComboBoxItem | undefined;\n\n                lists.some((list) => {\n                    newSelectedItem = list.list.find(\n                        ({ value }) => String(value) === id.replace('combobox-item__', ''),\n                    );\n                    return !!newSelectedItem;\n                });\n\n                if (!newSelectedItem) {\n                    return;\n                }\n\n                handleSetSelectedItem(newSelectedItem);\n            }\n        };\n\n        document.addEventListener('keydown', handleKeyDown);\n\n        return () => {\n            document.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [focusedIndex, handleSetSelectedItem, isAnimating, lists]);\n\n    /**\n     * This function calculates the greatest width\n     */\n    useEffect(() => {\n        const allItems = lists.flatMap((list) => list.list);\n        const hasImage = [selectedItem, ...allItems].some((item) => item?.imageUrl);\n        const hasIcon = [selectedItem, ...allItems].some((item) => item?.icons);\n\n        const parentWidth =\n            styledComboBoxElementRef.current?.parentElement?.getBoundingClientRect().width ?? 0;\n\n        const paddingWidth = 20 + 2 + 40 + 40; // padding + border + arrow icon + optional clear icon\n        const imageWidth = hasImage ? 32 : 0; // image width + gap if images present\n        const iconWidth = hasIcon ? 40 : 0; // icon width + gap if icons present\n\n        let prefixWidth = 0;\n\n        if (prefix) {\n            const prefixTextWidth =\n                calculateContentWidth([{ text: prefix, value: 'prefix' }], functions, values) + 5;\n\n            prefixWidth = Math.max(prefixTextWidth, 32);\n        }\n\n        const baseWidth = calculateContentWidth(\n            [\n                ...allItems,\n                { text: placeholder, value: 'placeholder' },\n                ...(selectedItem ? [selectedItem] : []),\n            ],\n            functions,\n            values,\n        );\n\n        const calculatedWidth = baseWidth + paddingWidth + imageWidth + iconWidth + prefixWidth;\n\n        let tmpMinWidth = calculatedWidth;\n        let tmpBodyMinWidth = calculatedWidth;\n\n        // Full width settings\n        if (shouldUseFullWidth) {\n            tmpMinWidth = parentWidth;\n\n            tmpBodyMinWidth =\n                parentWidth < calculatedWidth - 20 ? calculatedWidth - 20 : parentWidth;\n        }\n\n        // Current item width settings\n        else if (shouldUseCurrentItemWidth && internalSelectedItem) {\n            const itemWidth =\n                calculateContentWidth([internalSelectedItem], functions, values) +\n                paddingWidth +\n                imageWidth +\n                iconWidth +\n                prefixWidth;\n\n            tmpMinWidth = itemWidth;\n\n            tmpBodyMinWidth = itemWidth < calculatedWidth - 20 ? calculatedWidth - 20 : itemWidth;\n        }\n\n        if (tmpMinWidth > parentWidth) {\n            tmpMinWidth = parentWidth;\n        }\n\n        if (tmpBodyMinWidth > parentWidth) {\n            tmpBodyMinWidth = parentWidth;\n        }\n\n        setMinWidth(tmpMinWidth);\n        setBodyMinWidth(shouldUseCurrentItemWidth ? tmpMinWidth : tmpBodyMinWidth);\n    }, [\n        lists,\n        placeholder,\n        shouldUseFullWidth,\n        shouldUseCurrentItemWidth,\n        internalSelectedItem,\n        prefix,\n        selectedItem,\n        functions,\n        values,\n    ]);\n\n    /**\n     * This function sets the external selected item\n     */\n    useEffect(() => {\n        setIsAnimating(false);\n        setInternalSelectedItem(selectedItem);\n    }, [selectedItem]);\n\n    useEffect(() => {\n        if (\n            [ComboBoxDirection.BOTTOM_LEFT, ComboBoxDirection.TOP_LEFT].includes(direction) &&\n            typeof bodyWidth === 'number' &&\n            typeof minWidth === 'number'\n        ) {\n            const difference = minWidth - bodyWidth;\n\n            setTranslateX(`${difference}px`);\n        } else {\n            setTranslateX('0px');\n        }\n    }, [bodyWidth, direction, minWidth]);\n\n    const placeholderImageUrl = useMemo(() => {\n        if (selectedItem) {\n            return selectedItem.imageUrl;\n        }\n\n        if (internalSelectedItem) {\n            return internalSelectedItem.imageUrl;\n        }\n\n        return undefined;\n    }, [internalSelectedItem, selectedItem]);\n\n    const placeholderIcon = useMemo(() => {\n        if (selectedItem) {\n            return selectedItem.icons;\n        }\n\n        if (internalSelectedItem) {\n            return internalSelectedItem.icons;\n        }\n\n        return undefined;\n    }, [internalSelectedItem, selectedItem]);\n\n    /**\n     * This function resets the placeholder\n     */\n    const placeholderText = useMemo(() => {\n        let text = placeholder;\n\n        if (selectedItem) {\n            text = selectedItem.text;\n        } else if (internalSelectedItem) {\n            text = internalSelectedItem.text;\n        }\n\n        return text;\n    }, [internalSelectedItem, placeholder, selectedItem]);\n\n    const shouldShowRoundPlaceholderImage = useMemo(() => {\n        const selectedItemList = lists.find((list) =>\n            list.list.some(\n                ({ value }) => value === (selectedItem?.value ?? internalSelectedItem?.value),\n            ),\n        );\n\n        return selectedItemList?.shouldShowRoundImage ?? shouldShowRoundImage;\n    }, [internalSelectedItem?.value, lists, selectedItem?.value, shouldShowRoundImage]);\n\n    /**\n     * This function opens the content of the combobox\n     */\n    const handleHeaderClick = useCallback(() => {\n        if (!isDisabled && !isInputFocused.current) {\n            if (isAnimating) {\n                handleClose();\n            } else {\n                handleOpen();\n            }\n        }\n    }, [handleClose, handleOpen, isAnimating, isDisabled]);\n\n    const comboBoxGroups = useMemo(\n        () =>\n            lists.map((list) => (\n                <div key={list.groupName ?? 'default-group'}>\n                    {list.groupName && lists.length > 1 && (\n                        <StyledComboBoxTopic>{list.groupName}</StyledComboBoxTopic>\n                    )}\n                    {list.list.map((item) => (\n                        // ToDo: Cleanup this - item should be given as a prop to avoid full spreading\n                        <ComboBoxItem\n                            icons={item.icons}\n                            id={item.value}\n                            imageBackground={item.imageBackground}\n                            imageUrl={item.imageUrl}\n                            isDisabled={item.isDisabled}\n                            isSelected={selectedItem ? item.value === selectedItem.value : false}\n                            key={item.value}\n                            onSelect={handleSetSelectedItem}\n                            rightElement={item.rightElement}\n                            shouldShowBigImage={shouldShowBigImage}\n                            shouldShowRoundImage={list.shouldShowRoundImage ?? shouldShowRoundImage}\n                            subtext={item.subtext}\n                            suffixElement={item.suffixElement}\n                            text={item.text}\n                            value={item.value}\n                            textStyles={item.textStyles}\n                        />\n                    ))}\n                </div>\n            )),\n        [handleSetSelectedItem, lists, selectedItem, shouldShowBigImage, shouldShowRoundImage],\n    );\n\n    const bodyStyles = useMemo(\n        () => ({ left: internalCoordinates.x, top: internalCoordinates.y }),\n        [internalCoordinates.x, internalCoordinates.y],\n    );\n\n    useEffect(() => {\n        if (\n            [\n                ComboBoxDirection.TOP,\n                ComboBoxDirection.TOP_LEFT,\n                ComboBoxDirection.TOP_RIGHT,\n            ].includes(direction)\n        ) {\n            setTranslateY('-100%');\n        } else {\n            setTranslateY('0px');\n        }\n    }, [direction]);\n\n    useEffect(() => {\n        if (!newContainer) {\n            return;\n        }\n\n        setPortal(() =>\n            createPortal(\n                <AnimatePresence initial={false}>\n                    {isAnimating && (\n                        <StyledMotionComboBoxBody\n                            $browser={browser?.name as BrowserName}\n                            animate={{ height: 'fit-content', opacity: 1 }}\n                            $overflowY={overflowY}\n                            $translateX={translateX}\n                            $translateY={translateY}\n                            initial={{ height: 0, opacity: 0 }}\n                            exit={{ height: 0, opacity: 0 }}\n                            $maxHeight={maxHeight}\n                            $minWidth={bodyWidth ?? bodyMinWidth}\n                            style={bodyStyles}\n                            $direction={direction}\n                            $shouldUseCurrentItemWidth={shouldUseCurrentItemWidth}\n                            transition={{ duration: 0.2 }}\n                            tabIndex={0}\n                            ref={contentRef}\n                        >\n                            {comboBoxGroups}\n                        </StyledMotionComboBoxBody>\n                    )}\n                </AnimatePresence>,\n                newContainer,\n            ),\n        );\n    }, [\n        bodyWidth,\n        bodyMinWidth,\n        bodyStyles,\n        browser?.name,\n        comboBoxGroups,\n        newContainer,\n        direction,\n        isAnimating,\n        maxHeight,\n        minWidth,\n        overflowY,\n        shouldUseCurrentItemWidth,\n        translateX,\n        translateY,\n    ]);\n\n    return useMemo(\n        () => (\n            <StyledComboBox\n                ref={styledComboBoxElementRef}\n                $minWidth={minWidth}\n                $shouldUseFullWidth={shouldUseFullWidth}\n                $shouldUseCurrentItemWidth={shouldUseCurrentItemWidth}\n            >\n                <StyledComboBoxHeader\n                    $direction={direction}\n                    onClick={handleHeaderClick}\n                    $isOpen={isAnimating}\n                    $isTouch={isTouch}\n                    $isDisabled={isDisabled}\n                    $shouldChangeColor={shouldChangeColor}\n                    $shouldShowBigImage={shouldShowBigImage}\n                >\n                    <StyledComboBoxPrefixAndPlaceholderWrapper>\n                        {prefix && <StyledComboBoxPrefix>{prefix}</StyledComboBoxPrefix>}\n                        <StyledComboBoxPlaceholder\n                            $shouldReduceOpacity={!selectedItem && !internalSelectedItem}\n                        >\n                            {placeholderImageUrl && (\n                                <StyledComboBoxPlaceholderImage\n                                    src={placeholderImageUrl}\n                                    $shouldShowBigImage={shouldShowBigImage}\n                                    $shouldShowRoundImage={shouldShowRoundPlaceholderImage}\n                                />\n                            )}\n                            {placeholderIcon && <Icon icons={placeholderIcon} />}\n                            {typeof inputValue === 'string' ? (\n                                <StyledComboBoxInput\n                                    disabled={isDisabled}\n                                    value={inputValue}\n                                    onChange={onInputChange}\n                                    onBlur={handleInputBlur}\n                                    onFocus={handleInputFocus}\n                                    placeholder={placeholderText}\n                                />\n                            ) : (\n                                <StyledComboBoxPlaceholderText>\n                                    {placeholderText}\n                                </StyledComboBoxPlaceholderText>\n                            )}\n                            {internalSelectedItem &&\n                                internalSelectedItem.suffixElement &&\n                                internalSelectedItem.suffixElement}\n                        </StyledComboBoxPlaceholder>\n                    </StyledComboBoxPrefixAndPlaceholderWrapper>\n                    {shouldShowClearIcon && internalSelectedItem && (\n                        <StyledComboBoxClearIconWrapper onClick={handleClear}>\n                            <Icon icons={['fa fa-times']} />\n                        </StyledComboBoxClearIconWrapper>\n                    )}\n                    {!shouldDisableActions && (\n                        <StyledComboBoxIconWrapper\n                            $shouldShowBorderLeft={\n                                shouldShowClearIcon === true && internalSelectedItem !== undefined\n                            }\n                        >\n                            <Icon icons={['fa fa-chevron-down']} />\n                        </StyledComboBoxIconWrapper>\n                    )}\n                </StyledComboBoxHeader>\n                {portal}\n            </StyledComboBox>\n        ),\n        [\n            minWidth,\n            shouldUseFullWidth,\n            shouldUseCurrentItemWidth,\n            direction,\n            handleHeaderClick,\n            isAnimating,\n            isTouch,\n            isDisabled,\n            shouldChangeColor,\n            shouldShowBigImage,\n            prefix,\n            selectedItem,\n            internalSelectedItem,\n            placeholderImageUrl,\n            shouldShowRoundPlaceholderImage,\n            placeholderIcon,\n            inputValue,\n            onInputChange,\n            handleInputBlur,\n            handleInputFocus,\n            placeholderText,\n            shouldShowClearIcon,\n            handleClear,\n            shouldDisableActions,\n            portal,\n        ],\n    );\n};\n\nComboBox.displayName = 'ComboBox';\n\nexport default ComboBox;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ComboBox.js","names":["_chaynsApi","require","_react","_react2","_interopRequireWildcard","_reactDom","_comboBox","_calculate","_environment","_AreaContextProvider","_Icon","_interopRequireDefault","_ComboBoxItem","_ComboBox","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ComboBox","bodyWidth","direction","ComboBoxDirection","RIGHT","isDisabled","lists","maxHeight","onSelect","placeholder","prefix","container","selectedItem","shouldShowBigImage","shouldShowClearIcon","shouldShowRoundImage","onInputFocus","shouldUseFullWidth","onInputChange","shouldUseCurrentItemWidth","onInputBlur","inputValue","internalSelectedItem","setInternalSelectedItem","useState","isAnimating","setIsAnimating","minWidth","setMinWidth","undefined","bodyMinWidth","setBodyMinWidth","focusedIndex","setFocusedIndex","overflowY","setOverflowY","translateX","setTranslateX","translateY","setTranslateY","portal","setPortal","internalCoordinates","setInternalCoordinates","x","y","newContainer","setNewContainer","shouldUseTopAlignment","setShouldUseTopAlignment","isInputFocused","useRef","styledComboBoxElementRef","contentRef","functions","useFunctions","values","useValues","browser","useDevice","isTouch","getIsTouch","areaProvider","useContext","AreaContext","shouldChangeColor","useMemo","shouldDisableActions","combinedLists","flatMap","list","length","some","item","value","contentHeight","flatItems","result","toString","includes","maxHeightValue","parseInt","replace","useEffect","current","el","element","closest","Element","handleInputFocus","useCallback","event","handleInputBlur","handleClick","contains","target","handleOpen","left","comboBoxLeft","top","comboBoxTop","height","getBoundingClientRect","containerHeight","scrollLeft","scrollTop","useTopAlignment","TOP","TOP_LEFT","TOP_RIGHT","handleClose","document","addEventListener","removeEventListener","handleSetSelectedItem","itemToSelect","onSelectResult","Promise","then","shouldPreventSelection","handleClear","preventDefault","stopPropagation","currentContent","scrollHeight","maxHeightInPixels","getMaxHeightInPixels","body","handleKeyDown","key","_contentRef$current","children","newIndex","prevElement","tabIndex","newElement","focus","_contentRef$current2","id","newSelectedItem","find","String","_styledComboBoxElemen","allItems","hasImage","imageUrl","hasIcon","icons","parentWidth","parentElement","width","paddingWidth","imageWidth","iconWidth","prefixWidth","prefixTextWidth","calculateContentWidth","text","Math","max","baseWidth","calculatedWidth","tmpMinWidth","tmpBodyMinWidth","itemWidth","BOTTOM_LEFT","LEFT","difference","placeholderImageUrl","placeholderIcon","placeholderText","shouldShowRoundPlaceholderImage","selectedItemList","handleHeaderClick","comboBoxGroups","map","createElement","groupName","StyledComboBoxTopic","imageBackground","isSelected","rightElement","subtext","suffixElement","textStyles","bodyStyles","createPortal","AnimatePresence","initial","StyledMotionComboBoxBody","$browser","name","animate","opacity","$overflowY","$translateX","$translateY","exit","$maxHeight","$minWidth","style","$direction","$shouldUseCurrentItemWidth","transition","duration","ref","StyledComboBox","$shouldUseFullWidth","StyledComboBoxHeader","onClick","$isOpen","$isTouch","$isDisabled","$shouldChangeColor","$shouldShowBigImage","StyledComboBoxPrefixAndPlaceholderWrapper","StyledComboBoxPrefix","StyledComboBoxPlaceholder","$shouldReduceOpacity","StyledComboBoxPlaceholderImage","src","$shouldShowRoundImage","StyledComboBoxInput","disabled","onChange","onBlur","onFocus","StyledComboBoxPlaceholderText","StyledComboBoxClearIconWrapper","StyledComboBoxIconWrapper","$shouldShowBorderLeft","displayName","_default","exports"],"sources":["../../../../src/components/combobox/ComboBox.tsx"],"sourcesContent":["import { useDevice, useFunctions, useValues } from 'chayns-api';\nimport { AnimatePresence } from 'motion/react';\nimport React, {\n    ChangeEventHandler,\n    type CSSProperties,\n    FC,\n    FocusEventHandler,\n    ReactHTML,\n    type ReactNode,\n    ReactPortal,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { BrowserName } from '../../types/chayns';\nimport { ComboBoxDirection } from '../../types/comboBox';\nimport { calculateContentWidth, getMaxHeightInPixels } from '../../utils/calculate';\nimport { getIsTouch } from '../../utils/environment';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport type { ContextMenuCoordinates } from '../context-menu/ContextMenu';\nimport Icon from '../icon/Icon';\nimport ComboBoxItem from './combobox-item/ComboBoxItem';\nimport {\n    StyledComboBox,\n    StyledComboBoxClearIconWrapper,\n    StyledComboBoxHeader,\n    StyledComboBoxIconWrapper,\n    StyledComboBoxInput,\n    StyledComboBoxPlaceholder,\n    StyledComboBoxPlaceholderImage,\n    StyledComboBoxPlaceholderText,\n    StyledComboBoxPrefix,\n    StyledComboBoxPrefixAndPlaceholderWrapper,\n    StyledComboBoxTopic,\n    StyledMotionComboBoxBody,\n} from './ComboBox.styles';\n\nexport interface IComboBoxItems {\n    groupName?: string;\n    list: Array<IComboBoxItem>;\n    shouldShowRoundImage?: boolean;\n}\n\nexport interface ComboBoxTextStyles {\n    tagName?: keyof ReactHTML;\n    styles?: CSSProperties;\n}\n\nexport interface IComboBoxItem {\n    icons?: string[];\n    imageBackground?: CSSProperties['background'];\n    imageUrl?: string;\n    isDisabled?: boolean;\n    rightElement?: ReactNode;\n    subtext?: string;\n    suffixElement?: ReactNode;\n    text: string;\n    value: string | number;\n    textStyles?: ComboBoxTextStyles;\n}\n\nexport type ComboBoxProps = {\n    bodyWidth?: number;\n    /**\n     * The element where the content of the `ComboBox` should be rendered via React Portal.\n     */\n    container?: Element;\n    /**\n     * The direction in which the combobox should open.\n     */\n    direction?: ComboBoxDirection;\n    /**\n     * The value of the optional input.\n     */\n    inputValue?: string;\n    /**\n     * Whether the combobox should be disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * The list of the items that should be displayed.\n     */\n    lists: IComboBoxItems[];\n    /**\n     * The maximum height of the combobox content.\n     */\n    maxHeight?: CSSProperties['maxHeight'];\n    /**\n     * Function to be executed when the value of the optional input is changed.\n     */\n    onInputChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when the optional input lost its focus.\n     */\n    onInputBlur?: FocusEventHandler<HTMLInputElement> /**\n     * Function to be executed when the optional input gets its focus.\n     */;\n    onInputFocus?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function that should be executed when an item is selected. If the function returns false, the item will not be selected.\n     */\n    onSelect?: (comboboxItem?: IComboBoxItem) => Promise<boolean> | boolean | void;\n    /**\n     * A text that should be displayed when no item is selected.\n     */\n    placeholder: string;\n    /**\n     * A prefix that should be displayed before the placeholder.\n     */\n    prefix?: string;\n    /**\n     * An item that should be preselected.\n     */\n    selectedItem?: IComboBoxItem;\n    /**\n     * If true, the images of the items are displayed in a bigger shape. This prop will automatically be set to true if the subtext of an item is given.\n     */\n    shouldShowBigImage?: boolean;\n    /**\n     * If true, a clear icon is displayed at the end of the combo box if an item is selected.\n     */\n    shouldShowClearIcon?: boolean;\n    /**\n     * If true, the images of the items are displayed in a round shape.\n     */\n    shouldShowRoundImage?: boolean;\n    /**\n     * Whether the width of the ComboBox should be the width of the current item.\n     */\n    shouldUseCurrentItemWidth?: boolean;\n    /**\n     * Whether the width of the 'ComboBox' should be the width of the parent or of the widest item.\n     */\n    shouldUseFullWidth?: boolean;\n};\n\nconst ComboBox: FC<ComboBoxProps> = ({\n    bodyWidth,\n    direction = ComboBoxDirection.RIGHT,\n    isDisabled = false,\n    lists,\n    maxHeight = '280px',\n    onSelect,\n    placeholder,\n    prefix,\n    container,\n    selectedItem,\n    shouldShowBigImage,\n    shouldShowClearIcon,\n    shouldShowRoundImage,\n    onInputFocus,\n    shouldUseFullWidth = false,\n    onInputChange,\n    shouldUseCurrentItemWidth = false,\n    onInputBlur,\n    inputValue,\n}) => {\n    const [internalSelectedItem, setInternalSelectedItem] = useState<IComboBoxItem>();\n    const [isAnimating, setIsAnimating] = useState(false);\n    const [minWidth, setMinWidth] = useState<number | undefined>(undefined);\n    const [bodyMinWidth, setBodyMinWidth] = useState(0);\n    const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n    const [overflowY, setOverflowY] = useState<CSSProperties['overflowY']>('hidden');\n    const [translateX, setTranslateX] = useState<string>('0px');\n    const [translateY, setTranslateY] = useState<string>('0px');\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    const [shouldUseTopAlignment, setShouldUseTopAlignment] = useState(false);\n\n    const isInputFocused = useRef(false);\n\n    const styledComboBoxElementRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement | null>(null);\n\n    const functions = useFunctions();\n    const values = useValues();\n\n    const { browser } = useDevice();\n\n    const isTouch = getIsTouch();\n\n    const areaProvider = useContext(AreaContext);\n\n    const shouldChangeColor = useMemo(\n        () => areaProvider.shouldChangeColor ?? false,\n        [areaProvider.shouldChangeColor],\n    );\n\n    const shouldDisableActions = useMemo(() => {\n        if (!selectedItem) {\n            return false;\n        }\n\n        const combinedLists = lists.flatMap((list) => list.list);\n\n        return (\n            combinedLists.length === 1 &&\n            combinedLists.some((item) => item.value === selectedItem.value)\n        );\n    }, [lists, selectedItem]);\n\n    const contentHeight = useMemo(() => {\n        const flatItems = lists.flatMap((list) => list.list);\n\n        let result = flatItems.length * 36;\n\n        if (lists.length > 1) {\n            result += lists.length * 36;\n        }\n\n        // ToDo: Implement a better solution to also work with percentage values or other units\n        if (maxHeight.toString().includes('px')) {\n            const maxHeightValue = parseInt(maxHeight.toString().replace('px', ''), 10);\n\n            if (maxHeightValue < result) {\n                result = maxHeightValue;\n            }\n        }\n\n        return result;\n    }, [lists, maxHeight]);\n\n    useEffect(() => {\n        if (styledComboBoxElementRef.current && !container) {\n            const el = styledComboBoxElementRef.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    const handleInputFocus: FocusEventHandler<HTMLInputElement> = useCallback(\n        (event) => {\n            isInputFocused.current = true;\n            onInputFocus?.(event);\n        },\n        [onInputFocus],\n    );\n\n    const handleInputBlur: FocusEventHandler<HTMLInputElement> = useCallback(\n        (event) => {\n            isInputFocused.current = false;\n            onInputBlur?.(event);\n        },\n        [onInputBlur],\n    );\n\n    const handleClick = useCallback(\n        (event: MouseEvent) => {\n            if (\n                styledComboBoxElementRef.current &&\n                !styledComboBoxElementRef.current.contains(event.target as Node) &&\n                contentRef.current &&\n                !contentRef.current.contains(event.target as Node)\n            ) {\n                setIsAnimating(false);\n            }\n        },\n        [styledComboBoxElementRef],\n    );\n\n    const handleOpen = useCallback(() => {\n        if (shouldDisableActions) {\n            return;\n        }\n\n        if (styledComboBoxElementRef.current && newContainer) {\n            const {\n                left: comboBoxLeft,\n                top: comboBoxTop,\n                height,\n            } = styledComboBoxElementRef.current.getBoundingClientRect();\n\n            const { left, top, height: containerHeight } = newContainer.getBoundingClientRect();\n\n            const x = comboBoxLeft - left + newContainer.scrollLeft;\n            const y = comboBoxTop - top + newContainer.scrollTop;\n\n            let useTopAlignment = [\n                ComboBoxDirection.TOP,\n                ComboBoxDirection.TOP_LEFT,\n                ComboBoxDirection.TOP_RIGHT,\n            ].includes(direction);\n\n            if (y + height + contentHeight > containerHeight) {\n                useTopAlignment = true;\n\n                setShouldUseTopAlignment(true);\n            }\n\n            setInternalCoordinates({ x, y: useTopAlignment ? y : y + height });\n            setIsAnimating(true);\n        }\n    }, [shouldDisableActions, newContainer, contentHeight, direction]);\n\n    const handleClose = useCallback(() => {\n        setIsAnimating(false);\n    }, []);\n\n    /**\n     * This function adds an event listener to the document to close the combobox when the user clicks outside of it\n     */\n    useEffect(() => {\n        document.addEventListener('click', handleClick);\n\n        return () => {\n            document.removeEventListener('click', handleClick);\n        };\n    }, [handleClick, styledComboBoxElementRef]);\n\n    /**\n     * This function sets the selected item\n     */\n    const handleSetSelectedItem = useCallback(\n        (itemToSelect?: IComboBoxItem) => {\n            if (typeof onSelect === 'function') {\n                const onSelectResult = onSelect(itemToSelect);\n\n                if (onSelectResult === false) {\n                    return;\n                }\n\n                if (onSelectResult instanceof Promise) {\n                    void onSelectResult.then((shouldPreventSelection) => {\n                        if (shouldPreventSelection) return;\n\n                        setInternalSelectedItem(itemToSelect);\n                        setIsAnimating(false);\n                    });\n\n                    return;\n                }\n            }\n\n            setInternalSelectedItem(itemToSelect);\n            setIsAnimating(false);\n        },\n        [onSelect],\n    );\n\n    const handleClear = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            event.preventDefault();\n            event.stopPropagation();\n\n            handleSetSelectedItem(undefined);\n        },\n        [handleSetSelectedItem],\n    );\n\n    useEffect(() => {\n        const currentContent = contentRef.current;\n\n        if (portal && isAnimating && currentContent) {\n            const scrollHeight = currentContent.scrollHeight ?? 0;\n\n            const maxHeightInPixels = getMaxHeightInPixels(\n                maxHeight,\n                styledComboBoxElementRef.current ?? document.body,\n            );\n\n            setOverflowY(scrollHeight > maxHeightInPixels ? 'scroll' : 'hidden');\n        }\n    }, [isAnimating, maxHeight, portal]);\n\n    useEffect(() => {\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (!isAnimating) {\n                return;\n            }\n\n            if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n                e.preventDefault();\n\n                const children = contentRef.current?.children;\n\n                if (children && children.length > 0) {\n                    const newIndex =\n                        focusedIndex !== null\n                            ? (focusedIndex + (e.key === 'ArrowUp' ? -1 : 1) + children.length) %\n                              children.length\n                            : 0;\n\n                    if (focusedIndex !== null) {\n                        const prevElement = children[focusedIndex] as HTMLDivElement;\n\n                        prevElement.tabIndex = -1;\n                    }\n\n                    setFocusedIndex(newIndex);\n\n                    const newElement = children[newIndex] as HTMLDivElement;\n\n                    newElement.tabIndex = 0;\n\n                    newElement.focus();\n                }\n            } else if (e.key === 'Enter' && focusedIndex !== null) {\n                const element = contentRef.current?.children[focusedIndex];\n\n                if (!element) {\n                    return;\n                }\n\n                const { id } = element;\n\n                let newSelectedItem: IComboBoxItem | undefined;\n\n                lists.some((list) => {\n                    newSelectedItem = list.list.find(\n                        ({ value }) => String(value) === id.replace('combobox-item__', ''),\n                    );\n                    return !!newSelectedItem;\n                });\n\n                if (!newSelectedItem) {\n                    return;\n                }\n\n                handleSetSelectedItem(newSelectedItem);\n            }\n        };\n\n        document.addEventListener('keydown', handleKeyDown);\n\n        return () => {\n            document.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [focusedIndex, handleSetSelectedItem, isAnimating, lists]);\n\n    /**\n     * This function calculates the greatest width\n     */\n    useEffect(() => {\n        const allItems = lists.flatMap((list) => list.list);\n        const hasImage = [selectedItem, ...allItems].some((item) => item?.imageUrl);\n        const hasIcon = [selectedItem, ...allItems].some((item) => item?.icons);\n\n        const parentWidth =\n            styledComboBoxElementRef.current?.parentElement?.getBoundingClientRect().width ?? 0;\n\n        const paddingWidth = 20 + 2 + 40 + 40; // padding + border + arrow icon + optional clear icon\n        const imageWidth = hasImage ? 32 : 0; // image width + gap if images present\n        const iconWidth = hasIcon ? 40 : 0; // icon width + gap if icons present\n\n        let prefixWidth = 0;\n\n        if (prefix) {\n            const prefixTextWidth =\n                calculateContentWidth([{ text: prefix, value: 'prefix' }], functions, values) + 5;\n\n            prefixWidth = Math.max(prefixTextWidth, 32);\n        }\n\n        const baseWidth = calculateContentWidth(\n            [\n                ...allItems,\n                { text: placeholder, value: 'placeholder' },\n                ...(selectedItem ? [selectedItem] : []),\n            ],\n            functions,\n            values,\n        );\n\n        const calculatedWidth = baseWidth + paddingWidth + imageWidth + iconWidth + prefixWidth;\n\n        let tmpMinWidth = calculatedWidth;\n        let tmpBodyMinWidth = calculatedWidth;\n\n        // Full width settings\n        if (shouldUseFullWidth) {\n            tmpMinWidth = parentWidth;\n\n            tmpBodyMinWidth =\n                parentWidth < calculatedWidth - 20 ? calculatedWidth - 20 : parentWidth;\n        }\n\n        // Current item width settings\n        else if (shouldUseCurrentItemWidth && internalSelectedItem) {\n            const itemWidth =\n                calculateContentWidth([internalSelectedItem], functions, values) +\n                paddingWidth +\n                imageWidth +\n                iconWidth +\n                prefixWidth;\n\n            tmpMinWidth = itemWidth;\n\n            tmpBodyMinWidth = itemWidth < calculatedWidth - 20 ? calculatedWidth - 20 : itemWidth;\n        }\n\n        if (tmpMinWidth > parentWidth) {\n            tmpMinWidth = parentWidth;\n        }\n\n        if (tmpBodyMinWidth > parentWidth) {\n            tmpBodyMinWidth = parentWidth;\n        }\n\n        setMinWidth(tmpMinWidth);\n        setBodyMinWidth(shouldUseCurrentItemWidth ? tmpMinWidth : tmpBodyMinWidth);\n    }, [\n        lists,\n        placeholder,\n        shouldUseFullWidth,\n        shouldUseCurrentItemWidth,\n        internalSelectedItem,\n        prefix,\n        selectedItem,\n        functions,\n        values,\n    ]);\n\n    /**\n     * This function sets the external selected item\n     */\n    useEffect(() => {\n        setIsAnimating(false);\n        setInternalSelectedItem(selectedItem);\n    }, [selectedItem]);\n\n    useEffect(() => {\n        if (\n            [\n                ComboBoxDirection.BOTTOM_LEFT,\n                ComboBoxDirection.TOP_LEFT,\n                ComboBoxDirection.LEFT,\n            ].includes(direction) &&\n            typeof bodyWidth === 'number' &&\n            typeof minWidth === 'number'\n        ) {\n            const difference = minWidth - bodyWidth;\n\n            setTranslateX(`${difference}px`);\n        } else {\n            setTranslateX('0px');\n        }\n    }, [bodyWidth, direction, minWidth]);\n\n    const placeholderImageUrl = useMemo(() => {\n        if (selectedItem) {\n            return selectedItem.imageUrl;\n        }\n\n        if (internalSelectedItem) {\n            return internalSelectedItem.imageUrl;\n        }\n\n        return undefined;\n    }, [internalSelectedItem, selectedItem]);\n\n    const placeholderIcon = useMemo(() => {\n        if (selectedItem) {\n            return selectedItem.icons;\n        }\n\n        if (internalSelectedItem) {\n            return internalSelectedItem.icons;\n        }\n\n        return undefined;\n    }, [internalSelectedItem, selectedItem]);\n\n    /**\n     * This function resets the placeholder\n     */\n    const placeholderText = useMemo(() => {\n        let text = placeholder;\n\n        if (selectedItem) {\n            text = selectedItem.text;\n        } else if (internalSelectedItem) {\n            text = internalSelectedItem.text;\n        }\n\n        return text;\n    }, [internalSelectedItem, placeholder, selectedItem]);\n\n    const shouldShowRoundPlaceholderImage = useMemo(() => {\n        const selectedItemList = lists.find((list) =>\n            list.list.some(\n                ({ value }) => value === (selectedItem?.value ?? internalSelectedItem?.value),\n            ),\n        );\n\n        return selectedItemList?.shouldShowRoundImage ?? shouldShowRoundImage;\n    }, [internalSelectedItem?.value, lists, selectedItem?.value, shouldShowRoundImage]);\n\n    /**\n     * This function opens the content of the combobox\n     */\n    const handleHeaderClick = useCallback(() => {\n        if (!isDisabled && !isInputFocused.current) {\n            if (isAnimating) {\n                handleClose();\n            } else {\n                handleOpen();\n            }\n        }\n    }, [handleClose, handleOpen, isAnimating, isDisabled]);\n\n    const comboBoxGroups = useMemo(\n        () =>\n            lists.map((list) => (\n                <div key={list.groupName ?? 'default-group'}>\n                    {list.groupName && lists.length > 1 && (\n                        <StyledComboBoxTopic>{list.groupName}</StyledComboBoxTopic>\n                    )}\n                    {list.list.map((item) => (\n                        // ToDo: Cleanup this - item should be given as a prop to avoid full spreading\n                        <ComboBoxItem\n                            icons={item.icons}\n                            id={item.value}\n                            imageBackground={item.imageBackground}\n                            imageUrl={item.imageUrl}\n                            isDisabled={item.isDisabled}\n                            isSelected={selectedItem ? item.value === selectedItem.value : false}\n                            key={item.value}\n                            onSelect={handleSetSelectedItem}\n                            rightElement={item.rightElement}\n                            shouldShowBigImage={shouldShowBigImage}\n                            shouldShowRoundImage={list.shouldShowRoundImage ?? shouldShowRoundImage}\n                            subtext={item.subtext}\n                            suffixElement={item.suffixElement}\n                            text={item.text}\n                            value={item.value}\n                            textStyles={item.textStyles}\n                        />\n                    ))}\n                </div>\n            )),\n        [handleSetSelectedItem, lists, selectedItem, shouldShowBigImage, shouldShowRoundImage],\n    );\n\n    const bodyStyles = useMemo(\n        () => ({ left: internalCoordinates.x, top: internalCoordinates.y }),\n        [internalCoordinates.x, internalCoordinates.y],\n    );\n\n    useEffect(() => {\n        const useTopAlignment =\n            shouldUseTopAlignment ||\n            [\n                ComboBoxDirection.TOP,\n                ComboBoxDirection.TOP_LEFT,\n                ComboBoxDirection.TOP_RIGHT,\n            ].includes(direction);\n\n        if (useTopAlignment) {\n            setTranslateY('-100%');\n        } else {\n            setTranslateY('0px');\n        }\n    }, [direction, shouldUseTopAlignment]);\n\n    useEffect(() => {\n        if (!newContainer) {\n            return;\n        }\n\n        setPortal(() =>\n            createPortal(\n                <AnimatePresence initial={false}>\n                    {isAnimating && (\n                        <StyledMotionComboBoxBody\n                            $browser={browser?.name as BrowserName}\n                            animate={{ height: 'fit-content', opacity: 1 }}\n                            $overflowY={overflowY}\n                            $translateX={translateX}\n                            $translateY={translateY}\n                            initial={{ height: 0, opacity: 0 }}\n                            exit={{ height: 0, opacity: 0 }}\n                            $maxHeight={maxHeight}\n                            $minWidth={bodyWidth ?? bodyMinWidth}\n                            style={bodyStyles}\n                            $direction={direction}\n                            $shouldUseCurrentItemWidth={shouldUseCurrentItemWidth}\n                            transition={{ duration: 0.2 }}\n                            tabIndex={0}\n                            ref={contentRef}\n                        >\n                            {comboBoxGroups}\n                        </StyledMotionComboBoxBody>\n                    )}\n                </AnimatePresence>,\n                newContainer,\n            ),\n        );\n    }, [\n        bodyWidth,\n        bodyMinWidth,\n        bodyStyles,\n        browser?.name,\n        comboBoxGroups,\n        newContainer,\n        direction,\n        isAnimating,\n        maxHeight,\n        minWidth,\n        overflowY,\n        shouldUseCurrentItemWidth,\n        translateX,\n        translateY,\n    ]);\n\n    return useMemo(\n        () => (\n            <StyledComboBox\n                ref={styledComboBoxElementRef}\n                $minWidth={minWidth}\n                $shouldUseFullWidth={shouldUseFullWidth}\n                $shouldUseCurrentItemWidth={shouldUseCurrentItemWidth}\n            >\n                <StyledComboBoxHeader\n                    $direction={direction}\n                    onClick={handleHeaderClick}\n                    $isOpen={isAnimating}\n                    $isTouch={isTouch}\n                    $isDisabled={isDisabled}\n                    $shouldChangeColor={shouldChangeColor}\n                    $shouldShowBigImage={shouldShowBigImage}\n                >\n                    <StyledComboBoxPrefixAndPlaceholderWrapper>\n                        {prefix && <StyledComboBoxPrefix>{prefix}</StyledComboBoxPrefix>}\n                        <StyledComboBoxPlaceholder\n                            $shouldReduceOpacity={!selectedItem && !internalSelectedItem}\n                        >\n                            {placeholderImageUrl && (\n                                <StyledComboBoxPlaceholderImage\n                                    src={placeholderImageUrl}\n                                    $shouldShowBigImage={shouldShowBigImage}\n                                    $shouldShowRoundImage={shouldShowRoundPlaceholderImage}\n                                />\n                            )}\n                            {placeholderIcon && <Icon icons={placeholderIcon} />}\n                            {typeof inputValue === 'string' ? (\n                                <StyledComboBoxInput\n                                    disabled={isDisabled}\n                                    value={inputValue}\n                                    onChange={onInputChange}\n                                    onBlur={handleInputBlur}\n                                    onFocus={handleInputFocus}\n                                    placeholder={placeholderText}\n                                />\n                            ) : (\n                                <StyledComboBoxPlaceholderText>\n                                    {placeholderText}\n                                </StyledComboBoxPlaceholderText>\n                            )}\n                            {internalSelectedItem &&\n                                internalSelectedItem.suffixElement &&\n                                internalSelectedItem.suffixElement}\n                        </StyledComboBoxPlaceholder>\n                    </StyledComboBoxPrefixAndPlaceholderWrapper>\n                    {shouldShowClearIcon && internalSelectedItem && (\n                        <StyledComboBoxClearIconWrapper onClick={handleClear}>\n                            <Icon icons={['fa fa-times']} />\n                        </StyledComboBoxClearIconWrapper>\n                    )}\n                    {!shouldDisableActions && (\n                        <StyledComboBoxIconWrapper\n                            $shouldShowBorderLeft={\n                                shouldShowClearIcon === true && internalSelectedItem !== undefined\n                            }\n                        >\n                            <Icon icons={['fa fa-chevron-down']} />\n                        </StyledComboBoxIconWrapper>\n                    )}\n                </StyledComboBoxHeader>\n                {portal}\n            </StyledComboBox>\n        ),\n        [\n            minWidth,\n            shouldUseFullWidth,\n            shouldUseCurrentItemWidth,\n            direction,\n            handleHeaderClick,\n            isAnimating,\n            isTouch,\n            isDisabled,\n            shouldChangeColor,\n            shouldShowBigImage,\n            prefix,\n            selectedItem,\n            internalSelectedItem,\n            placeholderImageUrl,\n            shouldShowRoundPlaceholderImage,\n            placeholderIcon,\n            inputValue,\n            onInputChange,\n            handleInputBlur,\n            handleInputFocus,\n            placeholderText,\n            shouldShowClearIcon,\n            handleClear,\n            shouldDisableActions,\n            portal,\n        ],\n    );\n};\n\nComboBox.displayName = 'ComboBox';\n\nexport default ComboBox;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/content-card/ContentCard.styles.js

@@ -79,6 +79,19 @@ const StyledContentCard = exports.StyledContentCard = _styledComponents.default.
                         color: #222 !important;
                     }
                 `;
+    case _contentCard.ContentCardType.SiteColor:
+      return (0, _styledComponents.css)`
+                    background-color: ${theme['103']};
+                    border: 1px solid ${theme['104']};
+                    color: ${theme['text-rgb']};
+
+                    --chayns-color--text: ${theme['text-rgb']};
+                    --chayns-color-rgb--text: ${theme['text-rgb']};
+
+                    label {
+                        color: ${theme['text-rgb']} !important;
+                    }
+                `;
     default:
       return (0, _styledComponents.css)`
                     background-color: rgba(

package/lib/cjs/components/content-card/ContentCard.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentCard.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_contentCard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledContentCard","exports","styled","div","theme","cardBorderRadius","$shouldChangeColor","css","cardShadow","text","$type","ContentCardType","Default","cardBackgroundOpacity","Error","Success","Warning"],"sources":["../../../../src/components/content-card/ContentCard.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { ContentCardType } from '../../types/contentCard';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledContentCardProps = WithTheme<{\n    $type: ContentCardType;\n    $shouldChangeColor: boolean;\n}>;\n\nexport const StyledContentCard = styled.div<StyledContentCardProps>`\n    border-radius: ${({ theme }: StyledContentCardProps) => theme.cardBorderRadius}px;\n\n    ${({ theme, $shouldChangeColor }: StyledContentCardProps) =>\n        !$shouldChangeColor &&\n        css`\n            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${theme.cardShadow});\n        `};\n\n    padding: 8px 12px;\n\n    color: ${({ theme }: StyledContentCardProps) => theme.text};\n\n    &:not(:last-child) {\n        margin-bottom: 8px;\n    }\n\n    ${({ $type, theme, $shouldChangeColor }: StyledContentCardProps) => {\n        if ($type === ContentCardType.Default && $shouldChangeColor) {\n            return css`\n                background-color: rgba(${theme['000-rgb']}, ${theme.cardBackgroundOpacity});\n            `;\n        }\n\n        switch ($type) {\n            case ContentCardType.Error:\n                return css`\n                    background-color: ${theme['red-4']};\n                    border: 1px solid ${theme['red-1']};\n                    color: #222;\n\n                    --chayns-color--text: #222;\n                    --chayns-color-rgb--text: rgb(34, 34, 34);\n\n                    label {\n                        color: #222 !important;\n                    }\n                `;\n            case ContentCardType.Success:\n                return css`\n                    background-color: ${theme['green-4']};\n                    border: 1px solid ${theme['green-1']};\n                    color: #222;\n\n                    --chayns-color--text: #222;\n                    --chayns-color-rgb--text: rgb(34, 34, 34);\n\n                    label {\n                        color: #222 !important;\n                    }\n                `;\n            case ContentCardType.Warning:\n                return css`\n                    background-color: ${theme['yellow-4']};\n                    border: 1px solid ${theme['yellow-1']};\n                    color: #222;\n\n                    --chayns-color--text: #222;\n                    --chayns-color-rgb--text: rgb(34, 34, 34);\n\n                    label {\n                        color: #222 !important;\n                    }\n                `;\n            default:\n                return css`\n                    background-color: rgba(\n                        ${theme['secondary-100-rgb']},\n                        ${theme.cardBackgroundOpacity}\n                    );\n                `;\n        }\n    }}\n`;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ContentCard.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_contentCard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledContentCard","exports","styled","div","theme","cardBorderRadius","$shouldChangeColor","css","cardShadow","text","$type","ContentCardType","Default","cardBackgroundOpacity","Error","Success","Warning","SiteColor"],"sources":["../../../../src/components/content-card/ContentCard.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { ContentCardType } from '../../types/contentCard';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledContentCardProps = WithTheme<{\n    $type: ContentCardType;\n    $shouldChangeColor: boolean;\n}>;\n\nexport const StyledContentCard = styled.div<StyledContentCardProps>`\n    border-radius: ${({ theme }: StyledContentCardProps) => theme.cardBorderRadius}px;\n\n    ${({ theme, $shouldChangeColor }: StyledContentCardProps) =>\n        !$shouldChangeColor &&\n        css`\n            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${theme.cardShadow});\n        `};\n\n    padding: 8px 12px;\n\n    color: ${({ theme }: StyledContentCardProps) => theme.text};\n\n    &:not(:last-child) {\n        margin-bottom: 8px;\n    }\n\n    ${({ $type, theme, $shouldChangeColor }: StyledContentCardProps) => {\n        if ($type === ContentCardType.Default && $shouldChangeColor) {\n            return css`\n                background-color: rgba(${theme['000-rgb']}, ${theme.cardBackgroundOpacity});\n            `;\n        }\n\n        switch ($type) {\n            case ContentCardType.Error:\n                return css`\n                    background-color: ${theme['red-4']};\n                    border: 1px solid ${theme['red-1']};\n                    color: #222;\n\n                    --chayns-color--text: #222;\n                    --chayns-color-rgb--text: rgb(34, 34, 34);\n\n                    label {\n                        color: #222 !important;\n                    }\n                `;\n            case ContentCardType.Success:\n                return css`\n                    background-color: ${theme['green-4']};\n                    border: 1px solid ${theme['green-1']};\n                    color: #222;\n\n                    --chayns-color--text: #222;\n                    --chayns-color-rgb--text: rgb(34, 34, 34);\n\n                    label {\n                        color: #222 !important;\n                    }\n                `;\n            case ContentCardType.Warning:\n                return css`\n                    background-color: ${theme['yellow-4']};\n                    border: 1px solid ${theme['yellow-1']};\n                    color: #222;\n\n                    --chayns-color--text: #222;\n                    --chayns-color-rgb--text: rgb(34, 34, 34);\n\n                    label {\n                        color: #222 !important;\n                    }\n                `;\n            case ContentCardType.SiteColor:\n                return css`\n                    background-color: ${theme['103']};\n                    border: 1px solid ${theme['104']};\n                    color: ${theme['text-rgb']};\n\n                    --chayns-color--text: ${theme['text-rgb']};\n                    --chayns-color-rgb--text: ${theme['text-rgb']};\n\n                    label {\n                        color: ${theme['text-rgb']} !important;\n                    }\n                `;\n            default:\n                return css`\n                    background-color: rgba(\n                        ${theme['secondary-100-rgb']},\n                        ${theme.cardBackgroundOpacity}\n                    );\n                `;\n        }\n    }}\n`;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/types/comboBox.js

@@ -11,6 +11,8 @@ let ComboBoxDirection = exports.ComboBoxDirection = /*#__PURE__*/function (Combo
   ComboBoxDirection[ComboBoxDirection["BOTTOM_RIGHT"] = 3] = "BOTTOM_RIGHT";
   ComboBoxDirection[ComboBoxDirection["TOP_LEFT"] = 4] = "TOP_LEFT";
   ComboBoxDirection[ComboBoxDirection["TOP_RIGHT"] = 5] = "TOP_RIGHT";
+  ComboBoxDirection[ComboBoxDirection["LEFT"] = 6] = "LEFT";
+  ComboBoxDirection[ComboBoxDirection["RIGHT"] = 7] = "RIGHT";
   return ComboBoxDirection;
 }({});
 //# sourceMappingURL=comboBox.js.map

package/lib/cjs/types/comboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"comboBox.js","names":["ComboBoxDirection","exports"],"sources":["../../../src/types/comboBox.ts"],"sourcesContent":["export enum ComboBoxDirection {\n    BOTTOM,\n    TOP,\n    BOTTOM_LEFT,\n    BOTTOM_RIGHT,\n    TOP_LEFT,\n    TOP_RIGHT,\n}\n"],"mappings":";;;;;;IAAYA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA","ignoreList":[]}
+{"version":3,"file":"comboBox.js","names":["ComboBoxDirection","exports"],"sources":["../../../src/types/comboBox.ts"],"sourcesContent":["export enum ComboBoxDirection {\n    BOTTOM,\n    TOP,\n    BOTTOM_LEFT,\n    BOTTOM_RIGHT,\n    TOP_LEFT,\n    TOP_RIGHT,\n    LEFT,\n    RIGHT,\n}\n"],"mappings":";;;;;;IAAYA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA","ignoreList":[]}

package/lib/cjs/types/contentCard.js

@@ -9,6 +9,7 @@ let ContentCardType = exports.ContentCardType = /*#__PURE__*/function (ContentCa
   ContentCardType["Error"] = "error";
   ContentCardType["Success"] = "success";
   ContentCardType["Warning"] = "warning";
+  ContentCardType["SiteColor"] = "siteColor";
   return ContentCardType;
 }({});
 //# sourceMappingURL=contentCard.js.map

package/lib/cjs/types/contentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"contentCard.js","names":["ContentCardType","exports"],"sources":["../../../src/types/contentCard.ts"],"sourcesContent":["export enum ContentCardType {\n    Default = 'default',\n    Error = 'error',\n    Success = 'success',\n    Warning = 'warning',\n}\n"],"mappings":";;;;;;IAAYA,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA","ignoreList":[]}
+{"version":3,"file":"contentCard.js","names":["ContentCardType","exports"],"sources":["../../../src/types/contentCard.ts"],"sourcesContent":["export enum ContentCardType {\n    Default = 'default',\n    Error = 'error',\n    Success = 'success',\n    Warning = 'warning',\n    SiteColor = 'siteColor',\n}\n"],"mappings":";;;;;;IAAYA,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA","ignoreList":[]}

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

@@ -12,7 +12,7 @@ import { StyledComboBox, StyledComboBoxClearIconWrapper, StyledComboBoxHeader, S
 const ComboBox = _ref => {
   let {
     bodyWidth,
-    direction = ComboBoxDirection.BOTTOM,
+    direction = ComboBoxDirection.RIGHT,
     isDisabled = false,
     lists,
     maxHeight = '280px',
@@ -45,6 +45,7 @@ const ComboBox = _ref => {
     y: 0
   });
   const [newContainer, setNewContainer] = useState(container ?? null);
+  const [shouldUseTopAlignment, setShouldUseTopAlignment] = useState(false);
   const isInputFocused = useRef(false);
   const styledComboBoxElementRef = useRef(null);
   const contentRef = useRef(null);
@@ -63,6 +64,22 @@ const ComboBox = _ref => {
     const combinedLists = lists.flatMap(list => list.list);
     return combinedLists.length === 1 && combinedLists.some(item => item.value === selectedItem.value);
   }, [lists, selectedItem]);
+  const contentHeight = useMemo(() => {
+    const flatItems = lists.flatMap(list => list.list);
+    let result = flatItems.length * 36;
+    if (lists.length > 1) {
+      result += lists.length * 36;
+    }
+
+    // ToDo: Implement a better solution to also work with percentage values or other units
+    if (maxHeight.toString().includes('px')) {
+      const maxHeightValue = parseInt(maxHeight.toString().replace('px', ''), 10);
+      if (maxHeightValue < result) {
+        result = maxHeightValue;
+      }
+    }
+    return result;
+  }, [lists, maxHeight]);
   useEffect(() => {
     if (styledComboBoxElementRef.current && !container) {
       const el = styledComboBoxElementRef.current;
@@ -100,17 +117,23 @@ const ComboBox = _ref => {
       } = styledComboBoxElementRef.current.getBoundingClientRect();
       const {
         left,
-        top
+        top,
+        height: containerHeight
       } = newContainer.getBoundingClientRect();
       const x = comboBoxLeft - left + newContainer.scrollLeft;
       const y = comboBoxTop - top + newContainer.scrollTop;
+      let useTopAlignment = [ComboBoxDirection.TOP, ComboBoxDirection.TOP_LEFT, ComboBoxDirection.TOP_RIGHT].includes(direction);
+      if (y + height + contentHeight > containerHeight) {
+        useTopAlignment = true;
+        setShouldUseTopAlignment(true);
+      }
       setInternalCoordinates({
         x,
-        y: [ComboBoxDirection.TOP, ComboBoxDirection.TOP_LEFT, ComboBoxDirection.TOP_RIGHT].includes(direction) ? y : y + height
+        y: useTopAlignment ? y : y + height
       });
       setIsAnimating(true);
     }
-  }, [shouldDisableActions, newContainer, direction]);
+  }, [shouldDisableActions, newContainer, contentHeight, direction]);
   const handleClose = useCallback(() => {
     setIsAnimating(false);
   }, []);
@@ -266,7 +289,7 @@ const ComboBox = _ref => {
     setInternalSelectedItem(selectedItem);
   }, [selectedItem]);
   useEffect(() => {
-    if ([ComboBoxDirection.BOTTOM_LEFT, ComboBoxDirection.TOP_LEFT].includes(direction) && typeof bodyWidth === 'number' && typeof minWidth === 'number') {
+    if ([ComboBoxDirection.BOTTOM_LEFT, ComboBoxDirection.TOP_LEFT, ComboBoxDirection.LEFT].includes(direction) && typeof bodyWidth === 'number' && typeof minWidth === 'number') {
       const difference = minWidth - bodyWidth;
       setTranslateX(`${difference}px`);
     } else {
@@ -354,12 +377,13 @@ const ComboBox = _ref => {
     top: internalCoordinates.y
   }), [internalCoordinates.x, internalCoordinates.y]);
   useEffect(() => {
-    if ([ComboBoxDirection.TOP, ComboBoxDirection.TOP_LEFT, ComboBoxDirection.TOP_RIGHT].includes(direction)) {
+    const useTopAlignment = shouldUseTopAlignment || [ComboBoxDirection.TOP, ComboBoxDirection.TOP_LEFT, ComboBoxDirection.TOP_RIGHT].includes(direction);
+    if (useTopAlignment) {
       setTranslateY('-100%');
     } else {
       setTranslateY('0px');
     }
-  }, [direction]);
+  }, [direction, shouldUseTopAlignment]);
   useEffect(() => {
     if (!newContainer) {
       return;

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","names":["useDevice","useFunctions","useValues","AnimatePresence","React","useCallback","useContext","useEffect","useMemo","useRef","useState","createPortal","ComboBoxDirection","calculateContentWidth","getMaxHeightInPixels","getIsTouch","AreaContext","Icon","ComboBoxItem","StyledComboBox","StyledComboBoxClearIconWrapper","StyledComboBoxHeader","StyledComboBoxIconWrapper","StyledComboBoxInput","StyledComboBoxPlaceholder","StyledComboBoxPlaceholderImage","StyledComboBoxPlaceholderText","StyledComboBoxPrefix","StyledComboBoxPrefixAndPlaceholderWrapper","StyledComboBoxTopic","StyledMotionComboBoxBody","ComboBox","_ref","bodyWidth","direction","BOTTOM","isDisabled","lists","maxHeight","onSelect","placeholder","prefix","container","selectedItem","shouldShowBigImage","shouldShowClearIcon","shouldShowRoundImage","onInputFocus","shouldUseFullWidth","onInputChange","shouldUseCurrentItemWidth","onInputBlur","inputValue","internalSelectedItem","setInternalSelectedItem","isAnimating","setIsAnimating","minWidth","setMinWidth","undefined","bodyMinWidth","setBodyMinWidth","focusedIndex","setFocusedIndex","overflowY","setOverflowY","translateX","setTranslateX","translateY","setTranslateY","portal","setPortal","internalCoordinates","setInternalCoordinates","x","y","newContainer","setNewContainer","isInputFocused","styledComboBoxElementRef","contentRef","functions","values","browser","isTouch","areaProvider","shouldChangeColor","shouldDisableActions","combinedLists","flatMap","list","length","some","item","value","current","el","element","closest","Element","handleInputFocus","event","handleInputBlur","handleClick","contains","target","handleOpen","left","comboBoxLeft","top","comboBoxTop","height","getBoundingClientRect","scrollLeft","scrollTop","TOP","TOP_LEFT","TOP_RIGHT","includes","handleClose","document","addEventListener","removeEventListener","handleSetSelectedItem","itemToSelect","onSelectResult","Promise","then","shouldPreventSelection","handleClear","preventDefault","stopPropagation","currentContent","scrollHeight","maxHeightInPixels","body","handleKeyDown","e","key","children","newIndex","prevElement","tabIndex","newElement","focus","id","newSelectedItem","find","_ref2","String","replace","allItems","hasImage","imageUrl","hasIcon","icons","parentWidth","parentElement","width","paddingWidth","imageWidth","iconWidth","prefixWidth","prefixTextWidth","text","Math","max","baseWidth","calculatedWidth","tmpMinWidth","tmpBodyMinWidth","itemWidth","BOTTOM_LEFT","difference","placeholderImageUrl","placeholderIcon","placeholderText","shouldShowRoundPlaceholderImage","selectedItemList","_ref3","handleHeaderClick","comboBoxGroups","map","createElement","groupName","imageBackground","isSelected","rightElement","subtext","suffixElement","textStyles","bodyStyles","initial","$browser","name","animate","opacity","$overflowY","$translateX","$translateY","exit","$maxHeight","$minWidth","style","$direction","$shouldUseCurrentItemWidth","transition","duration","ref","$shouldUseFullWidth","onClick","$isOpen","$isTouch","$isDisabled","$shouldChangeColor","$shouldShowBigImage","$shouldReduceOpacity","src","$shouldShowRoundImage","disabled","onChange","onBlur","onFocus","$shouldShowBorderLeft","displayName"],"sources":["../../../../src/components/combobox/ComboBox.tsx"],"sourcesContent":["import { useDevice, useFunctions, useValues } from 'chayns-api';\nimport { AnimatePresence } from 'motion/react';\nimport React, {\n    ChangeEventHandler,\n    type CSSProperties,\n    FC,\n    FocusEventHandler,\n    ReactHTML,\n    type ReactNode,\n    ReactPortal,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { BrowserName } from '../../types/chayns';\nimport { ComboBoxDirection } from '../../types/comboBox';\nimport { calculateContentWidth, getMaxHeightInPixels } from '../../utils/calculate';\nimport { getIsTouch } from '../../utils/environment';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport type { ContextMenuCoordinates } from '../context-menu/ContextMenu';\nimport Icon from '../icon/Icon';\nimport ComboBoxItem from './combobox-item/ComboBoxItem';\nimport {\n    StyledComboBox,\n    StyledComboBoxClearIconWrapper,\n    StyledComboBoxHeader,\n    StyledComboBoxIconWrapper,\n    StyledComboBoxInput,\n    StyledComboBoxPlaceholder,\n    StyledComboBoxPlaceholderImage,\n    StyledComboBoxPlaceholderText,\n    StyledComboBoxPrefix,\n    StyledComboBoxPrefixAndPlaceholderWrapper,\n    StyledComboBoxTopic,\n    StyledMotionComboBoxBody,\n} from './ComboBox.styles';\n\nexport interface IComboBoxItems {\n    groupName?: string;\n    list: Array<IComboBoxItem>;\n    shouldShowRoundImage?: boolean;\n}\n\nexport interface ComboBoxTextStyles {\n    tagName?: keyof ReactHTML;\n    styles?: CSSProperties;\n}\n\nexport interface IComboBoxItem {\n    icons?: string[];\n    imageBackground?: CSSProperties['background'];\n    imageUrl?: string;\n    isDisabled?: boolean;\n    rightElement?: ReactNode;\n    subtext?: string;\n    suffixElement?: ReactNode;\n    text: string;\n    value: string | number;\n    textStyles?: ComboBoxTextStyles;\n}\n\nexport type ComboBoxProps = {\n    bodyWidth?: number;\n    /**\n     * The element where the content of the `ComboBox` should be rendered via React Portal.\n     */\n    container?: Element;\n    /**\n     * The direction in which the combobox should open.\n     */\n    direction?: ComboBoxDirection;\n    /**\n     * The value of the optional input.\n     */\n    inputValue?: string;\n    /**\n     * Whether the combobox should be disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * The list of the items that should be displayed.\n     */\n    lists: IComboBoxItems[];\n    /**\n     * The maximum height of the combobox content.\n     */\n    maxHeight?: CSSProperties['maxHeight'];\n    /**\n     * Function to be executed when the value of the optional input is changed.\n     */\n    onInputChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when the optional input lost its focus.\n     */\n    onInputBlur?: FocusEventHandler<HTMLInputElement> /**\n     * Function to be executed when the optional input gets its focus.\n     */;\n    onInputFocus?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function that should be executed when an item is selected. If the function returns false, the item will not be selected.\n     */\n    onSelect?: (comboboxItem?: IComboBoxItem) => Promise<boolean> | boolean | void;\n    /**\n     * A text that should be displayed when no item is selected.\n     */\n    placeholder: string;\n    /**\n     * A prefix that should be displayed before the placeholder.\n     */\n    prefix?: string;\n    /**\n     * An item that should be preselected.\n     */\n    selectedItem?: IComboBoxItem;\n    /**\n     * If true, the images of the items are displayed in a bigger shape. This prop will automatically be set to true if the subtext of an item is given.\n     */\n    shouldShowBigImage?: boolean;\n    /**\n     * If true, a clear icon is displayed at the end of the combo box if an item is selected.\n     */\n    shouldShowClearIcon?: boolean;\n    /**\n     * If true, the images of the items are displayed in a round shape.\n     */\n    shouldShowRoundImage?: boolean;\n    /**\n     * Whether the width of the ComboBox should be the width of the current item.\n     */\n    shouldUseCurrentItemWidth?: boolean;\n    /**\n     * Whether the width of the 'ComboBox' should be the width of the parent or of the widest item.\n     */\n    shouldUseFullWidth?: boolean;\n};\n\nconst ComboBox: FC<ComboBoxProps> = ({\n    bodyWidth,\n    direction = ComboBoxDirection.BOTTOM,\n    isDisabled = false,\n    lists,\n    maxHeight = '280px',\n    onSelect,\n    placeholder,\n    prefix,\n    container,\n    selectedItem,\n    shouldShowBigImage,\n    shouldShowClearIcon,\n    shouldShowRoundImage,\n    onInputFocus,\n    shouldUseFullWidth = false,\n    onInputChange,\n    shouldUseCurrentItemWidth = false,\n    onInputBlur,\n    inputValue,\n}) => {\n    const [internalSelectedItem, setInternalSelectedItem] = useState<IComboBoxItem>();\n    const [isAnimating, setIsAnimating] = useState(false);\n    const [minWidth, setMinWidth] = useState<number | undefined>(undefined);\n    const [bodyMinWidth, setBodyMinWidth] = useState(0);\n    const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n    const [overflowY, setOverflowY] = useState<CSSProperties['overflowY']>('hidden');\n    const [translateX, setTranslateX] = useState<string>('0px');\n    const [translateY, setTranslateY] = useState<string>('0px');\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 isInputFocused = useRef(false);\n\n    const styledComboBoxElementRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement | null>(null);\n\n    const functions = useFunctions();\n    const values = useValues();\n\n    const { browser } = useDevice();\n\n    const isTouch = getIsTouch();\n\n    const areaProvider = useContext(AreaContext);\n\n    const shouldChangeColor = useMemo(\n        () => areaProvider.shouldChangeColor ?? false,\n        [areaProvider.shouldChangeColor],\n    );\n\n    const shouldDisableActions = useMemo(() => {\n        if (!selectedItem) {\n            return false;\n        }\n\n        const combinedLists = lists.flatMap((list) => list.list);\n\n        return (\n            combinedLists.length === 1 &&\n            combinedLists.some((item) => item.value === selectedItem.value)\n        );\n    }, [lists, selectedItem]);\n\n    useEffect(() => {\n        if (styledComboBoxElementRef.current && !container) {\n            const el = styledComboBoxElementRef.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    const handleInputFocus: FocusEventHandler<HTMLInputElement> = useCallback(\n        (event) => {\n            isInputFocused.current = true;\n            onInputFocus?.(event);\n        },\n        [onInputFocus],\n    );\n\n    const handleInputBlur: FocusEventHandler<HTMLInputElement> = useCallback(\n        (event) => {\n            isInputFocused.current = false;\n            onInputBlur?.(event);\n        },\n        [onInputBlur],\n    );\n\n    const handleClick = useCallback(\n        (event: MouseEvent) => {\n            if (\n                styledComboBoxElementRef.current &&\n                !styledComboBoxElementRef.current.contains(event.target as Node) &&\n                contentRef.current &&\n                !contentRef.current.contains(event.target as Node)\n            ) {\n                setIsAnimating(false);\n            }\n        },\n        [styledComboBoxElementRef],\n    );\n\n    const handleOpen = useCallback(() => {\n        if (shouldDisableActions) {\n            return;\n        }\n\n        if (styledComboBoxElementRef.current && newContainer) {\n            const {\n                left: comboBoxLeft,\n                top: comboBoxTop,\n                height,\n            } = styledComboBoxElementRef.current.getBoundingClientRect();\n\n            const { left, top } = newContainer.getBoundingClientRect();\n\n            const x = comboBoxLeft - left + newContainer.scrollLeft;\n            const y = comboBoxTop - top + newContainer.scrollTop;\n\n            setInternalCoordinates({\n                x,\n                y: [\n                    ComboBoxDirection.TOP,\n                    ComboBoxDirection.TOP_LEFT,\n                    ComboBoxDirection.TOP_RIGHT,\n                ].includes(direction)\n                    ? y\n                    : y + height,\n            });\n\n            setIsAnimating(true);\n        }\n    }, [shouldDisableActions, newContainer, direction]);\n\n    const handleClose = useCallback(() => {\n        setIsAnimating(false);\n    }, []);\n\n    /**\n     * This function adds an event listener to the document to close the combobox when the user clicks outside of it\n     */\n    useEffect(() => {\n        document.addEventListener('click', handleClick);\n\n        return () => {\n            document.removeEventListener('click', handleClick);\n        };\n    }, [handleClick, styledComboBoxElementRef]);\n\n    /**\n     * This function sets the selected item\n     */\n    const handleSetSelectedItem = useCallback(\n        (itemToSelect?: IComboBoxItem) => {\n            if (typeof onSelect === 'function') {\n                const onSelectResult = onSelect(itemToSelect);\n\n                if (onSelectResult === false) {\n                    return;\n                }\n\n                if (onSelectResult instanceof Promise) {\n                    void onSelectResult.then((shouldPreventSelection) => {\n                        if (shouldPreventSelection) return;\n\n                        setInternalSelectedItem(itemToSelect);\n                        setIsAnimating(false);\n                    });\n\n                    return;\n                }\n            }\n\n            setInternalSelectedItem(itemToSelect);\n            setIsAnimating(false);\n        },\n        [onSelect],\n    );\n\n    const handleClear = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            event.preventDefault();\n            event.stopPropagation();\n\n            handleSetSelectedItem(undefined);\n        },\n        [handleSetSelectedItem],\n    );\n\n    useEffect(() => {\n        const currentContent = contentRef.current;\n\n        if (portal && isAnimating && currentContent) {\n            const scrollHeight = currentContent.scrollHeight ?? 0;\n\n            const maxHeightInPixels = getMaxHeightInPixels(\n                maxHeight,\n                styledComboBoxElementRef.current ?? document.body,\n            );\n\n            setOverflowY(scrollHeight > maxHeightInPixels ? 'scroll' : 'hidden');\n        }\n    }, [isAnimating, maxHeight, portal]);\n\n    useEffect(() => {\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (!isAnimating) {\n                return;\n            }\n\n            if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n                e.preventDefault();\n                const children = contentRef.current?.children;\n                if (children && children.length > 0) {\n                    const newIndex =\n                        focusedIndex !== null\n                            ? (focusedIndex + (e.key === 'ArrowUp' ? -1 : 1) + children.length) %\n                              children.length\n                            : 0;\n\n                    if (focusedIndex !== null) {\n                        const prevElement = children[focusedIndex] as HTMLDivElement;\n                        prevElement.tabIndex = -1;\n                    }\n\n                    setFocusedIndex(newIndex);\n\n                    const newElement = children[newIndex] as HTMLDivElement;\n                    newElement.tabIndex = 0;\n                    newElement.focus();\n                }\n            } else if (e.key === 'Enter' && focusedIndex !== null) {\n                const element = contentRef.current?.children[focusedIndex];\n\n                if (!element) {\n                    return;\n                }\n\n                const { id } = element;\n\n                let newSelectedItem: IComboBoxItem | undefined;\n\n                lists.some((list) => {\n                    newSelectedItem = list.list.find(\n                        ({ value }) => String(value) === id.replace('combobox-item__', ''),\n                    );\n                    return !!newSelectedItem;\n                });\n\n                if (!newSelectedItem) {\n                    return;\n                }\n\n                handleSetSelectedItem(newSelectedItem);\n            }\n        };\n\n        document.addEventListener('keydown', handleKeyDown);\n\n        return () => {\n            document.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [focusedIndex, handleSetSelectedItem, isAnimating, lists]);\n\n    /**\n     * This function calculates the greatest width\n     */\n    useEffect(() => {\n        const allItems = lists.flatMap((list) => list.list);\n        const hasImage = [selectedItem, ...allItems].some((item) => item?.imageUrl);\n        const hasIcon = [selectedItem, ...allItems].some((item) => item?.icons);\n\n        const parentWidth =\n            styledComboBoxElementRef.current?.parentElement?.getBoundingClientRect().width ?? 0;\n\n        const paddingWidth = 20 + 2 + 40 + 40; // padding + border + arrow icon + optional clear icon\n        const imageWidth = hasImage ? 32 : 0; // image width + gap if images present\n        const iconWidth = hasIcon ? 40 : 0; // icon width + gap if icons present\n\n        let prefixWidth = 0;\n\n        if (prefix) {\n            const prefixTextWidth =\n                calculateContentWidth([{ text: prefix, value: 'prefix' }], functions, values) + 5;\n\n            prefixWidth = Math.max(prefixTextWidth, 32);\n        }\n\n        const baseWidth = calculateContentWidth(\n            [\n                ...allItems,\n                { text: placeholder, value: 'placeholder' },\n                ...(selectedItem ? [selectedItem] : []),\n            ],\n            functions,\n            values,\n        );\n\n        const calculatedWidth = baseWidth + paddingWidth + imageWidth + iconWidth + prefixWidth;\n\n        let tmpMinWidth = calculatedWidth;\n        let tmpBodyMinWidth = calculatedWidth;\n\n        // Full width settings\n        if (shouldUseFullWidth) {\n            tmpMinWidth = parentWidth;\n\n            tmpBodyMinWidth =\n                parentWidth < calculatedWidth - 20 ? calculatedWidth - 20 : parentWidth;\n        }\n\n        // Current item width settings\n        else if (shouldUseCurrentItemWidth && internalSelectedItem) {\n            const itemWidth =\n                calculateContentWidth([internalSelectedItem], functions, values) +\n                paddingWidth +\n                imageWidth +\n                iconWidth +\n                prefixWidth;\n\n            tmpMinWidth = itemWidth;\n\n            tmpBodyMinWidth = itemWidth < calculatedWidth - 20 ? calculatedWidth - 20 : itemWidth;\n        }\n\n        if (tmpMinWidth > parentWidth) {\n            tmpMinWidth = parentWidth;\n        }\n\n        if (tmpBodyMinWidth > parentWidth) {\n            tmpBodyMinWidth = parentWidth;\n        }\n\n        setMinWidth(tmpMinWidth);\n        setBodyMinWidth(shouldUseCurrentItemWidth ? tmpMinWidth : tmpBodyMinWidth);\n    }, [\n        lists,\n        placeholder,\n        shouldUseFullWidth,\n        shouldUseCurrentItemWidth,\n        internalSelectedItem,\n        prefix,\n        selectedItem,\n        functions,\n        values,\n    ]);\n\n    /**\n     * This function sets the external selected item\n     */\n    useEffect(() => {\n        setIsAnimating(false);\n        setInternalSelectedItem(selectedItem);\n    }, [selectedItem]);\n\n    useEffect(() => {\n        if (\n            [ComboBoxDirection.BOTTOM_LEFT, ComboBoxDirection.TOP_LEFT].includes(direction) &&\n            typeof bodyWidth === 'number' &&\n            typeof minWidth === 'number'\n        ) {\n            const difference = minWidth - bodyWidth;\n\n            setTranslateX(`${difference}px`);\n        } else {\n            setTranslateX('0px');\n        }\n    }, [bodyWidth, direction, minWidth]);\n\n    const placeholderImageUrl = useMemo(() => {\n        if (selectedItem) {\n            return selectedItem.imageUrl;\n        }\n\n        if (internalSelectedItem) {\n            return internalSelectedItem.imageUrl;\n        }\n\n        return undefined;\n    }, [internalSelectedItem, selectedItem]);\n\n    const placeholderIcon = useMemo(() => {\n        if (selectedItem) {\n            return selectedItem.icons;\n        }\n\n        if (internalSelectedItem) {\n            return internalSelectedItem.icons;\n        }\n\n        return undefined;\n    }, [internalSelectedItem, selectedItem]);\n\n    /**\n     * This function resets the placeholder\n     */\n    const placeholderText = useMemo(() => {\n        let text = placeholder;\n\n        if (selectedItem) {\n            text = selectedItem.text;\n        } else if (internalSelectedItem) {\n            text = internalSelectedItem.text;\n        }\n\n        return text;\n    }, [internalSelectedItem, placeholder, selectedItem]);\n\n    const shouldShowRoundPlaceholderImage = useMemo(() => {\n        const selectedItemList = lists.find((list) =>\n            list.list.some(\n                ({ value }) => value === (selectedItem?.value ?? internalSelectedItem?.value),\n            ),\n        );\n\n        return selectedItemList?.shouldShowRoundImage ?? shouldShowRoundImage;\n    }, [internalSelectedItem?.value, lists, selectedItem?.value, shouldShowRoundImage]);\n\n    /**\n     * This function opens the content of the combobox\n     */\n    const handleHeaderClick = useCallback(() => {\n        if (!isDisabled && !isInputFocused.current) {\n            if (isAnimating) {\n                handleClose();\n            } else {\n                handleOpen();\n            }\n        }\n    }, [handleClose, handleOpen, isAnimating, isDisabled]);\n\n    const comboBoxGroups = useMemo(\n        () =>\n            lists.map((list) => (\n                <div key={list.groupName ?? 'default-group'}>\n                    {list.groupName && lists.length > 1 && (\n                        <StyledComboBoxTopic>{list.groupName}</StyledComboBoxTopic>\n                    )}\n                    {list.list.map((item) => (\n                        // ToDo: Cleanup this - item should be given as a prop to avoid full spreading\n                        <ComboBoxItem\n                            icons={item.icons}\n                            id={item.value}\n                            imageBackground={item.imageBackground}\n                            imageUrl={item.imageUrl}\n                            isDisabled={item.isDisabled}\n                            isSelected={selectedItem ? item.value === selectedItem.value : false}\n                            key={item.value}\n                            onSelect={handleSetSelectedItem}\n                            rightElement={item.rightElement}\n                            shouldShowBigImage={shouldShowBigImage}\n                            shouldShowRoundImage={list.shouldShowRoundImage ?? shouldShowRoundImage}\n                            subtext={item.subtext}\n                            suffixElement={item.suffixElement}\n                            text={item.text}\n                            value={item.value}\n                            textStyles={item.textStyles}\n                        />\n                    ))}\n                </div>\n            )),\n        [handleSetSelectedItem, lists, selectedItem, shouldShowBigImage, shouldShowRoundImage],\n    );\n\n    const bodyStyles = useMemo(\n        () => ({ left: internalCoordinates.x, top: internalCoordinates.y }),\n        [internalCoordinates.x, internalCoordinates.y],\n    );\n\n    useEffect(() => {\n        if (\n            [\n                ComboBoxDirection.TOP,\n                ComboBoxDirection.TOP_LEFT,\n                ComboBoxDirection.TOP_RIGHT,\n            ].includes(direction)\n        ) {\n            setTranslateY('-100%');\n        } else {\n            setTranslateY('0px');\n        }\n    }, [direction]);\n\n    useEffect(() => {\n        if (!newContainer) {\n            return;\n        }\n\n        setPortal(() =>\n            createPortal(\n                <AnimatePresence initial={false}>\n                    {isAnimating && (\n                        <StyledMotionComboBoxBody\n                            $browser={browser?.name as BrowserName}\n                            animate={{ height: 'fit-content', opacity: 1 }}\n                            $overflowY={overflowY}\n                            $translateX={translateX}\n                            $translateY={translateY}\n                            initial={{ height: 0, opacity: 0 }}\n                            exit={{ height: 0, opacity: 0 }}\n                            $maxHeight={maxHeight}\n                            $minWidth={bodyWidth ?? bodyMinWidth}\n                            style={bodyStyles}\n                            $direction={direction}\n                            $shouldUseCurrentItemWidth={shouldUseCurrentItemWidth}\n                            transition={{ duration: 0.2 }}\n                            tabIndex={0}\n                            ref={contentRef}\n                        >\n                            {comboBoxGroups}\n                        </StyledMotionComboBoxBody>\n                    )}\n                </AnimatePresence>,\n                newContainer,\n            ),\n        );\n    }, [\n        bodyWidth,\n        bodyMinWidth,\n        bodyStyles,\n        browser?.name,\n        comboBoxGroups,\n        newContainer,\n        direction,\n        isAnimating,\n        maxHeight,\n        minWidth,\n        overflowY,\n        shouldUseCurrentItemWidth,\n        translateX,\n        translateY,\n    ]);\n\n    return useMemo(\n        () => (\n            <StyledComboBox\n                ref={styledComboBoxElementRef}\n                $minWidth={minWidth}\n                $shouldUseFullWidth={shouldUseFullWidth}\n                $shouldUseCurrentItemWidth={shouldUseCurrentItemWidth}\n            >\n                <StyledComboBoxHeader\n                    $direction={direction}\n                    onClick={handleHeaderClick}\n                    $isOpen={isAnimating}\n                    $isTouch={isTouch}\n                    $isDisabled={isDisabled}\n                    $shouldChangeColor={shouldChangeColor}\n                    $shouldShowBigImage={shouldShowBigImage}\n                >\n                    <StyledComboBoxPrefixAndPlaceholderWrapper>\n                        {prefix && <StyledComboBoxPrefix>{prefix}</StyledComboBoxPrefix>}\n                        <StyledComboBoxPlaceholder\n                            $shouldReduceOpacity={!selectedItem && !internalSelectedItem}\n                        >\n                            {placeholderImageUrl && (\n                                <StyledComboBoxPlaceholderImage\n                                    src={placeholderImageUrl}\n                                    $shouldShowBigImage={shouldShowBigImage}\n                                    $shouldShowRoundImage={shouldShowRoundPlaceholderImage}\n                                />\n                            )}\n                            {placeholderIcon && <Icon icons={placeholderIcon} />}\n                            {typeof inputValue === 'string' ? (\n                                <StyledComboBoxInput\n                                    disabled={isDisabled}\n                                    value={inputValue}\n                                    onChange={onInputChange}\n                                    onBlur={handleInputBlur}\n                                    onFocus={handleInputFocus}\n                                    placeholder={placeholderText}\n                                />\n                            ) : (\n                                <StyledComboBoxPlaceholderText>\n                                    {placeholderText}\n                                </StyledComboBoxPlaceholderText>\n                            )}\n                            {internalSelectedItem &&\n                                internalSelectedItem.suffixElement &&\n                                internalSelectedItem.suffixElement}\n                        </StyledComboBoxPlaceholder>\n                    </StyledComboBoxPrefixAndPlaceholderWrapper>\n                    {shouldShowClearIcon && internalSelectedItem && (\n                        <StyledComboBoxClearIconWrapper onClick={handleClear}>\n                            <Icon icons={['fa fa-times']} />\n                        </StyledComboBoxClearIconWrapper>\n                    )}\n                    {!shouldDisableActions && (\n                        <StyledComboBoxIconWrapper\n                            $shouldShowBorderLeft={\n                                shouldShowClearIcon === true && internalSelectedItem !== undefined\n                            }\n                        >\n                            <Icon icons={['fa fa-chevron-down']} />\n                        </StyledComboBoxIconWrapper>\n                    )}\n                </StyledComboBoxHeader>\n                {portal}\n            </StyledComboBox>\n        ),\n        [\n            minWidth,\n            shouldUseFullWidth,\n            shouldUseCurrentItemWidth,\n            direction,\n            handleHeaderClick,\n            isAnimating,\n            isTouch,\n            isDisabled,\n            shouldChangeColor,\n            shouldShowBigImage,\n            prefix,\n            selectedItem,\n            internalSelectedItem,\n            placeholderImageUrl,\n            shouldShowRoundPlaceholderImage,\n            placeholderIcon,\n            inputValue,\n            onInputChange,\n            handleInputBlur,\n            handleInputFocus,\n            placeholderText,\n            shouldShowClearIcon,\n            handleClear,\n            shouldDisableActions,\n            portal,\n        ],\n    );\n};\n\nComboBox.displayName = 'ComboBox';\n\nexport default ComboBox;\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,YAAY,EAAEC,SAAS,QAAQ,YAAY;AAC/D,SAASC,eAAe,QAAQ,cAAc;AAC9C,OAAOC,KAAK,IAQRC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACL,OAAO;AACd,SAASC,YAAY,QAAQ,WAAW;AAExC,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,qBAAqB,EAAEC,oBAAoB,QAAQ,uBAAuB;AACnF,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,WAAW,QAAQ,sCAAsC;AAElE,OAAOC,IAAI,MAAM,cAAc;AAC/B,OAAOC,YAAY,MAAM,8BAA8B;AACvD,SACIC,cAAc,EACdC,8BAA8B,EAC9BC,oBAAoB,EACpBC,yBAAyB,EACzBC,mBAAmB,EACnBC,yBAAyB,EACzBC,8BAA8B,EAC9BC,6BAA6B,EAC7BC,oBAAoB,EACpBC,yCAAyC,EACzCC,mBAAmB,EACnBC,wBAAwB,QACrB,mBAAmB;AAqG1B,MAAMC,QAA2B,GAAGC,IAAA,IAoB9B;EAAA,IApB+B;IACjCC,SAAS;IACTC,SAAS,GAAGtB,iBAAiB,CAACuB,MAAM;IACpCC,UAAU,GAAG,KAAK;IAClBC,KAAK;IACLC,SAAS,GAAG,OAAO;IACnBC,QAAQ;IACRC,WAAW;IACXC,MAAM;IACNC,SAAS;IACTC,YAAY;IACZC,kBAAkB;IAClBC,mBAAmB;IACnBC,oBAAoB;IACpBC,YAAY;IACZC,kBAAkB,GAAG,KAAK;IAC1BC,aAAa;IACbC,yBAAyB,GAAG,KAAK;IACjCC,WAAW;IACXC;EACJ,CAAC,GAAApB,IAAA;EACG,MAAM,CAACqB,oBAAoB,EAAEC,uBAAuB,CAAC,GAAG5C,QAAQ,CAAgB,CAAC;EACjF,MAAM,CAAC6C,WAAW,EAAEC,cAAc,CAAC,GAAG9C,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM,CAAC+C,QAAQ,EAAEC,WAAW,CAAC,GAAGhD,QAAQ,CAAqBiD,SAAS,CAAC;EACvE,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGnD,QAAQ,CAAC,CAAC,CAAC;EACnD,MAAM,CAACoD,YAAY,EAAEC,eAAe,CAAC,GAAGrD,QAAQ,CAAgB,IAAI,CAAC;EACrE,MAAM,CAACsD,SAAS,EAAEC,YAAY,CAAC,GAAGvD,QAAQ,CAA6B,QAAQ,CAAC;EAChF,MAAM,CAACwD,UAAU,EAAEC,aAAa,CAAC,GAAGzD,QAAQ,CAAS,KAAK,CAAC;EAC3D,MAAM,CAAC0D,UAAU,EAAEC,aAAa,CAAC,GAAG3D,QAAQ,CAAS,KAAK,CAAC;EAC3D,MAAM,CAAC4D,MAAM,EAAEC,SAAS,CAAC,GAAG7D,QAAQ,CAAc,CAAC;EACnD,MAAM,CAAC8D,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG/D,QAAQ,CAAyB;IACnFgE,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE;EACP,CAAC,CAAC;EACF,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGnE,QAAQ,CAAiBgC,SAAS,IAAI,IAAI,CAAC;EAEnF,MAAMoC,cAAc,GAAGrE,MAAM,CAAC,KAAK,CAAC;EAEpC,MAAMsE,wBAAwB,GAAGtE,MAAM,CAAiB,IAAI,CAAC;EAC7D,MAAMuE,UAAU,GAAGvE,MAAM,CAAwB,IAAI,CAAC;EAEtD,MAAMwE,SAAS,GAAGhF,YAAY,CAAC,CAAC;EAChC,MAAMiF,MAAM,GAAGhF,SAAS,CAAC,CAAC;EAE1B,MAAM;IAAEiF;EAAQ,CAAC,GAAGnF,SAAS,CAAC,CAAC;EAE/B,MAAMoF,OAAO,GAAGrE,UAAU,CAAC,CAAC;EAE5B,MAAMsE,YAAY,GAAG/E,UAAU,CAACU,WAAW,CAAC;EAE5C,MAAMsE,iBAAiB,GAAG9E,OAAO,CAC7B,MAAM6E,YAAY,CAACC,iBAAiB,IAAI,KAAK,EAC7C,CAACD,YAAY,CAACC,iBAAiB,CACnC,CAAC;EAED,MAAMC,oBAAoB,GAAG/E,OAAO,CAAC,MAAM;IACvC,IAAI,CAACmC,YAAY,EAAE;MACf,OAAO,KAAK;IAChB;IAEA,MAAM6C,aAAa,GAAGnD,KAAK,CAACoD,OAAO,CAAEC,IAAI,IAAKA,IAAI,CAACA,IAAI,CAAC;IAExD,OACIF,aAAa,CAACG,MAAM,KAAK,CAAC,IAC1BH,aAAa,CAACI,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACC,KAAK,KAAKnD,YAAY,CAACmD,KAAK,CAAC;EAEvE,CAAC,EAAE,CAACzD,KAAK,EAAEM,YAAY,CAAC,CAAC;EAEzBpC,SAAS,CAAC,MAAM;IACZ,IAAIwE,wBAAwB,CAACgB,OAAO,IAAI,CAACrD,SAAS,EAAE;MAChD,MAAMsD,EAAE,GAAGjB,wBAAwB,CAACgB,OAAsB;MAE1D,MAAME,OAAO,GAAGD,EAAE,CAACE,OAAO,CAAC,eAAe,CAAC,IAAIF,EAAE,CAACE,OAAO,CAAC,MAAM,CAAC;MAEjErB,eAAe,CAACoB,OAAO,CAAC;IAC5B;EACJ,CAAC,EAAE,CAACvD,SAAS,CAAC,CAAC;EAEfnC,SAAS,CAAC,MAAM;IACZ,IAAImC,SAAS,YAAYyD,OAAO,EAAE;MAC9BtB,eAAe,CAACnC,SAAS,CAAC;IAC9B;EACJ,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAM0D,gBAAqD,GAAG/F,WAAW,CACpEgG,KAAK,IAAK;IACPvB,cAAc,CAACiB,OAAO,GAAG,IAAI;IAC7BhD,YAAY,GAAGsD,KAAK,CAAC;EACzB,CAAC,EACD,CAACtD,YAAY,CACjB,CAAC;EAED,MAAMuD,eAAoD,GAAGjG,WAAW,CACnEgG,KAAK,IAAK;IACPvB,cAAc,CAACiB,OAAO,GAAG,KAAK;IAC9B5C,WAAW,GAAGkD,KAAK,CAAC;EACxB,CAAC,EACD,CAAClD,WAAW,CAChB,CAAC;EAED,MAAMoD,WAAW,GAAGlG,WAAW,CAC1BgG,KAAiB,IAAK;IACnB,IACItB,wBAAwB,CAACgB,OAAO,IAChC,CAAChB,wBAAwB,CAACgB,OAAO,CAACS,QAAQ,CAACH,KAAK,CAACI,MAAc,CAAC,IAChEzB,UAAU,CAACe,OAAO,IAClB,CAACf,UAAU,CAACe,OAAO,CAACS,QAAQ,CAACH,KAAK,CAACI,MAAc,CAAC,EACpD;MACEjD,cAAc,CAAC,KAAK,CAAC;IACzB;EACJ,CAAC,EACD,CAACuB,wBAAwB,CAC7B,CAAC;EAED,MAAM2B,UAAU,GAAGrG,WAAW,CAAC,MAAM;IACjC,IAAIkF,oBAAoB,EAAE;MACtB;IACJ;IAEA,IAAIR,wBAAwB,CAACgB,OAAO,IAAInB,YAAY,EAAE;MAClD,MAAM;QACF+B,IAAI,EAAEC,YAAY;QAClBC,GAAG,EAAEC,WAAW;QAChBC;MACJ,CAAC,GAAGhC,wBAAwB,CAACgB,OAAO,CAACiB,qBAAqB,CAAC,CAAC;MAE5D,MAAM;QAAEL,IAAI;QAAEE;MAAI,CAAC,GAAGjC,YAAY,CAACoC,qBAAqB,CAAC,CAAC;MAE1D,MAAMtC,CAAC,GAAGkC,YAAY,GAAGD,IAAI,GAAG/B,YAAY,CAACqC,UAAU;MACvD,MAAMtC,CAAC,GAAGmC,WAAW,GAAGD,GAAG,GAAGjC,YAAY,CAACsC,SAAS;MAEpDzC,sBAAsB,CAAC;QACnBC,CAAC;QACDC,CAAC,EAAE,CACC/D,iBAAiB,CAACuG,GAAG,EACrBvG,iBAAiB,CAACwG,QAAQ,EAC1BxG,iBAAiB,CAACyG,SAAS,CAC9B,CAACC,QAAQ,CAACpF,SAAS,CAAC,GACfyC,CAAC,GACDA,CAAC,GAAGoC;MACd,CAAC,CAAC;MAEFvD,cAAc,CAAC,IAAI,CAAC;IACxB;EACJ,CAAC,EAAE,CAAC+B,oBAAoB,EAAEX,YAAY,EAAE1C,SAAS,CAAC,CAAC;EAEnD,MAAMqF,WAAW,GAAGlH,WAAW,CAAC,MAAM;IAClCmD,cAAc,CAAC,KAAK,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;;EAEN;AACJ;AACA;EACIjD,SAAS,CAAC,MAAM;IACZiH,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAElB,WAAW,CAAC;IAE/C,OAAO,MAAM;MACTiB,QAAQ,CAACE,mBAAmB,CAAC,OAAO,EAAEnB,WAAW,CAAC;IACtD,CAAC;EACL,CAAC,EAAE,CAACA,WAAW,EAAExB,wBAAwB,CAAC,CAAC;;EAE3C;AACJ;AACA;EACI,MAAM4C,qBAAqB,GAAGtH,WAAW,CACpCuH,YAA4B,IAAK;IAC9B,IAAI,OAAOrF,QAAQ,KAAK,UAAU,EAAE;MAChC,MAAMsF,cAAc,GAAGtF,QAAQ,CAACqF,YAAY,CAAC;MAE7C,IAAIC,cAAc,KAAK,KAAK,EAAE;QAC1B;MACJ;MAEA,IAAIA,cAAc,YAAYC,OAAO,EAAE;QACnC,KAAKD,cAAc,CAACE,IAAI,CAAEC,sBAAsB,IAAK;UACjD,IAAIA,sBAAsB,EAAE;UAE5B1E,uBAAuB,CAACsE,YAAY,CAAC;UACrCpE,cAAc,CAAC,KAAK,CAAC;QACzB,CAAC,CAAC;QAEF;MACJ;IACJ;IAEAF,uBAAuB,CAACsE,YAAY,CAAC;IACrCpE,cAAc,CAAC,KAAK,CAAC;EACzB,CAAC,EACD,CAACjB,QAAQ,CACb,CAAC;EAED,MAAM0F,WAAW,GAAG5H,WAAW,CAC1BgG,KAAuC,IAAK;IACzCA,KAAK,CAAC6B,cAAc,CAAC,CAAC;IACtB7B,KAAK,CAAC8B,eAAe,CAAC,CAAC;IAEvBR,qBAAqB,CAAChE,SAAS,CAAC;EACpC,CAAC,EACD,CAACgE,qBAAqB,CAC1B,CAAC;EAEDpH,SAAS,CAAC,MAAM;IACZ,MAAM6H,cAAc,GAAGpD,UAAU,CAACe,OAAO;IAEzC,IAAIzB,MAAM,IAAIf,WAAW,IAAI6E,cAAc,EAAE;MACzC,MAAMC,YAAY,GAAGD,cAAc,CAACC,YAAY,IAAI,CAAC;MAErD,MAAMC,iBAAiB,GAAGxH,oBAAoB,CAC1CwB,SAAS,EACTyC,wBAAwB,CAACgB,OAAO,IAAIyB,QAAQ,CAACe,IACjD,CAAC;MAEDtE,YAAY,CAACoE,YAAY,GAAGC,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACxE;EACJ,CAAC,EAAE,CAAC/E,WAAW,EAAEjB,SAAS,EAAEgC,MAAM,CAAC,CAAC;EAEpC/D,SAAS,CAAC,MAAM;IACZ,MAAMiI,aAAa,GAAIC,CAAgB,IAAK;MACxC,IAAI,CAAClF,WAAW,EAAE;QACd;MACJ;MAEA,IAAIkF,CAAC,CAACC,GAAG,KAAK,SAAS,IAAID,CAAC,CAACC,GAAG,KAAK,WAAW,EAAE;QAC9CD,CAAC,CAACP,cAAc,CAAC,CAAC;QAClB,MAAMS,QAAQ,GAAG3D,UAAU,CAACe,OAAO,EAAE4C,QAAQ;QAC7C,IAAIA,QAAQ,IAAIA,QAAQ,CAAChD,MAAM,GAAG,CAAC,EAAE;UACjC,MAAMiD,QAAQ,GACV9E,YAAY,KAAK,IAAI,GACf,CAACA,YAAY,IAAI2E,CAAC,CAACC,GAAG,KAAK,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAGC,QAAQ,CAAChD,MAAM,IAChEgD,QAAQ,CAAChD,MAAM,GACf,CAAC;UAEX,IAAI7B,YAAY,KAAK,IAAI,EAAE;YACvB,MAAM+E,WAAW,GAAGF,QAAQ,CAAC7E,YAAY,CAAmB;YAC5D+E,WAAW,CAACC,QAAQ,GAAG,CAAC,CAAC;UAC7B;UAEA/E,eAAe,CAAC6E,QAAQ,CAAC;UAEzB,MAAMG,UAAU,GAAGJ,QAAQ,CAACC,QAAQ,CAAmB;UACvDG,UAAU,CAACD,QAAQ,GAAG,CAAC;UACvBC,UAAU,CAACC,KAAK,CAAC,CAAC;QACtB;MACJ,CAAC,MAAM,IAAIP,CAAC,CAACC,GAAG,KAAK,OAAO,IAAI5E,YAAY,KAAK,IAAI,EAAE;QACnD,MAAMmC,OAAO,GAAGjB,UAAU,CAACe,OAAO,EAAE4C,QAAQ,CAAC7E,YAAY,CAAC;QAE1D,IAAI,CAACmC,OAAO,EAAE;UACV;QACJ;QAEA,MAAM;UAAEgD;QAAG,CAAC,GAAGhD,OAAO;QAEtB,IAAIiD,eAA0C;QAE9C7G,KAAK,CAACuD,IAAI,CAAEF,IAAI,IAAK;UACjBwD,eAAe,GAAGxD,IAAI,CAACA,IAAI,CAACyD,IAAI,CAC5BC,KAAA;YAAA,IAAC;cAAEtD;YAAM,CAAC,GAAAsD,KAAA;YAAA,OAAKC,MAAM,CAACvD,KAAK,CAAC,KAAKmD,EAAE,CAACK,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC;UAAA,CACtE,CAAC;UACD,OAAO,CAAC,CAACJ,eAAe;QAC5B,CAAC,CAAC;QAEF,IAAI,CAACA,eAAe,EAAE;UAClB;QACJ;QAEAvB,qBAAqB,CAACuB,eAAe,CAAC;MAC1C;IACJ,CAAC;IAED1B,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEe,aAAa,CAAC;IAEnD,OAAO,MAAM;MACThB,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEc,aAAa,CAAC;IAC1D,CAAC;EACL,CAAC,EAAE,CAAC1E,YAAY,EAAE6D,qBAAqB,EAAEpE,WAAW,EAAElB,KAAK,CAAC,CAAC;;EAE7D;AACJ;AACA;EACI9B,SAAS,CAAC,MAAM;IACZ,MAAMgJ,QAAQ,GAAGlH,KAAK,CAACoD,OAAO,CAAEC,IAAI,IAAKA,IAAI,CAACA,IAAI,CAAC;IACnD,MAAM8D,QAAQ,GAAG,CAAC7G,YAAY,EAAE,GAAG4G,QAAQ,CAAC,CAAC3D,IAAI,CAAEC,IAAI,IAAKA,IAAI,EAAE4D,QAAQ,CAAC;IAC3E,MAAMC,OAAO,GAAG,CAAC/G,YAAY,EAAE,GAAG4G,QAAQ,CAAC,CAAC3D,IAAI,CAAEC,IAAI,IAAKA,IAAI,EAAE8D,KAAK,CAAC;IAEvE,MAAMC,WAAW,GACb7E,wBAAwB,CAACgB,OAAO,EAAE8D,aAAa,EAAE7C,qBAAqB,CAAC,CAAC,CAAC8C,KAAK,IAAI,CAAC;IAEvF,MAAMC,YAAY,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;IACvC,MAAMC,UAAU,GAAGR,QAAQ,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IACtC,MAAMS,SAAS,GAAGP,OAAO,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;;IAEpC,IAAIQ,WAAW,GAAG,CAAC;IAEnB,IAAIzH,MAAM,EAAE;MACR,MAAM0H,eAAe,GACjBtJ,qBAAqB,CAAC,CAAC;QAAEuJ,IAAI,EAAE3H,MAAM;QAAEqD,KAAK,EAAE;MAAS,CAAC,CAAC,EAAEb,SAAS,EAAEC,MAAM,CAAC,GAAG,CAAC;MAErFgF,WAAW,GAAGG,IAAI,CAACC,GAAG,CAACH,eAAe,EAAE,EAAE,CAAC;IAC/C;IAEA,MAAMI,SAAS,GAAG1J,qBAAqB,CACnC,CACI,GAAG0I,QAAQ,EACX;MAAEa,IAAI,EAAE5H,WAAW;MAAEsD,KAAK,EAAE;IAAc,CAAC,EAC3C,IAAInD,YAAY,GAAG,CAACA,YAAY,CAAC,GAAG,EAAE,CAAC,CAC1C,EACDsC,SAAS,EACTC,MACJ,CAAC;IAED,MAAMsF,eAAe,GAAGD,SAAS,GAAGR,YAAY,GAAGC,UAAU,GAAGC,SAAS,GAAGC,WAAW;IAEvF,IAAIO,WAAW,GAAGD,eAAe;IACjC,IAAIE,eAAe,GAAGF,eAAe;;IAErC;IACA,IAAIxH,kBAAkB,EAAE;MACpByH,WAAW,GAAGb,WAAW;MAEzBc,eAAe,GACXd,WAAW,GAAGY,eAAe,GAAG,EAAE,GAAGA,eAAe,GAAG,EAAE,GAAGZ,WAAW;IAC/E;;IAEA;IAAA,KACK,IAAI1G,yBAAyB,IAAIG,oBAAoB,EAAE;MACxD,MAAMsH,SAAS,GACX9J,qBAAqB,CAAC,CAACwC,oBAAoB,CAAC,EAAE4B,SAAS,EAAEC,MAAM,CAAC,GAChE6E,YAAY,GACZC,UAAU,GACVC,SAAS,GACTC,WAAW;MAEfO,WAAW,GAAGE,SAAS;MAEvBD,eAAe,GAAGC,SAAS,GAAGH,eAAe,GAAG,EAAE,GAAGA,eAAe,GAAG,EAAE,GAAGG,SAAS;IACzF;IAEA,IAAIF,WAAW,GAAGb,WAAW,EAAE;MAC3Ba,WAAW,GAAGb,WAAW;IAC7B;IAEA,IAAIc,eAAe,GAAGd,WAAW,EAAE;MAC/Bc,eAAe,GAAGd,WAAW;IACjC;IAEAlG,WAAW,CAAC+G,WAAW,CAAC;IACxB5G,eAAe,CAACX,yBAAyB,GAAGuH,WAAW,GAAGC,eAAe,CAAC;EAC9E,CAAC,EAAE,CACCrI,KAAK,EACLG,WAAW,EACXQ,kBAAkB,EAClBE,yBAAyB,EACzBG,oBAAoB,EACpBZ,MAAM,EACNE,YAAY,EACZsC,SAAS,EACTC,MAAM,CACT,CAAC;;EAEF;AACJ;AACA;EACI3E,SAAS,CAAC,MAAM;IACZiD,cAAc,CAAC,KAAK,CAAC;IACrBF,uBAAuB,CAACX,YAAY,CAAC;EACzC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElBpC,SAAS,CAAC,MAAM;IACZ,IACI,CAACK,iBAAiB,CAACgK,WAAW,EAAEhK,iBAAiB,CAACwG,QAAQ,CAAC,CAACE,QAAQ,CAACpF,SAAS,CAAC,IAC/E,OAAOD,SAAS,KAAK,QAAQ,IAC7B,OAAOwB,QAAQ,KAAK,QAAQ,EAC9B;MACE,MAAMoH,UAAU,GAAGpH,QAAQ,GAAGxB,SAAS;MAEvCkC,aAAa,CAAC,GAAG0G,UAAU,IAAI,CAAC;IACpC,CAAC,MAAM;MACH1G,aAAa,CAAC,KAAK,CAAC;IACxB;EACJ,CAAC,EAAE,CAAClC,SAAS,EAAEC,SAAS,EAAEuB,QAAQ,CAAC,CAAC;EAEpC,MAAMqH,mBAAmB,GAAGtK,OAAO,CAAC,MAAM;IACtC,IAAImC,YAAY,EAAE;MACd,OAAOA,YAAY,CAAC8G,QAAQ;IAChC;IAEA,IAAIpG,oBAAoB,EAAE;MACtB,OAAOA,oBAAoB,CAACoG,QAAQ;IACxC;IAEA,OAAO9F,SAAS;EACpB,CAAC,EAAE,CAACN,oBAAoB,EAAEV,YAAY,CAAC,CAAC;EAExC,MAAMoI,eAAe,GAAGvK,OAAO,CAAC,MAAM;IAClC,IAAImC,YAAY,EAAE;MACd,OAAOA,YAAY,CAACgH,KAAK;IAC7B;IAEA,IAAItG,oBAAoB,EAAE;MACtB,OAAOA,oBAAoB,CAACsG,KAAK;IACrC;IAEA,OAAOhG,SAAS;EACpB,CAAC,EAAE,CAACN,oBAAoB,EAAEV,YAAY,CAAC,CAAC;;EAExC;AACJ;AACA;EACI,MAAMqI,eAAe,GAAGxK,OAAO,CAAC,MAAM;IAClC,IAAI4J,IAAI,GAAG5H,WAAW;IAEtB,IAAIG,YAAY,EAAE;MACdyH,IAAI,GAAGzH,YAAY,CAACyH,IAAI;IAC5B,CAAC,MAAM,IAAI/G,oBAAoB,EAAE;MAC7B+G,IAAI,GAAG/G,oBAAoB,CAAC+G,IAAI;IACpC;IAEA,OAAOA,IAAI;EACf,CAAC,EAAE,CAAC/G,oBAAoB,EAAEb,WAAW,EAAEG,YAAY,CAAC,CAAC;EAErD,MAAMsI,+BAA+B,GAAGzK,OAAO,CAAC,MAAM;IAClD,MAAM0K,gBAAgB,GAAG7I,KAAK,CAAC8G,IAAI,CAAEzD,IAAI,IACrCA,IAAI,CAACA,IAAI,CAACE,IAAI,CACVuF,KAAA;MAAA,IAAC;QAAErF;MAAM,CAAC,GAAAqF,KAAA;MAAA,OAAKrF,KAAK,MAAMnD,YAAY,EAAEmD,KAAK,IAAIzC,oBAAoB,EAAEyC,KAAK,CAAC;IAAA,CACjF,CACJ,CAAC;IAED,OAAOoF,gBAAgB,EAAEpI,oBAAoB,IAAIA,oBAAoB;EACzE,CAAC,EAAE,CAACO,oBAAoB,EAAEyC,KAAK,EAAEzD,KAAK,EAAEM,YAAY,EAAEmD,KAAK,EAAEhD,oBAAoB,CAAC,CAAC;;EAEnF;AACJ;AACA;EACI,MAAMsI,iBAAiB,GAAG/K,WAAW,CAAC,MAAM;IACxC,IAAI,CAAC+B,UAAU,IAAI,CAAC0C,cAAc,CAACiB,OAAO,EAAE;MACxC,IAAIxC,WAAW,EAAE;QACbgE,WAAW,CAAC,CAAC;MACjB,CAAC,MAAM;QACHb,UAAU,CAAC,CAAC;MAChB;IACJ;EACJ,CAAC,EAAE,CAACa,WAAW,EAAEb,UAAU,EAAEnD,WAAW,EAAEnB,UAAU,CAAC,CAAC;EAEtD,MAAMiJ,cAAc,GAAG7K,OAAO,CAC1B,MACI6B,KAAK,CAACiJ,GAAG,CAAE5F,IAAI,iBACXtF,KAAA,CAAAmL,aAAA;IAAK7C,GAAG,EAAEhD,IAAI,CAAC8F,SAAS,IAAI;EAAgB,GACvC9F,IAAI,CAAC8F,SAAS,IAAInJ,KAAK,CAACsD,MAAM,GAAG,CAAC,iBAC/BvF,KAAA,CAAAmL,aAAA,CAAC1J,mBAAmB,QAAE6D,IAAI,CAAC8F,SAA+B,CAC7D,EACA9F,IAAI,CAACA,IAAI,CAAC4F,GAAG,CAAEzF,IAAI;EAAA;EAChB;EACAzF,KAAA,CAAAmL,aAAA,CAACrK,YAAY;IACTyI,KAAK,EAAE9D,IAAI,CAAC8D,KAAM;IAClBV,EAAE,EAAEpD,IAAI,CAACC,KAAM;IACf2F,eAAe,EAAE5F,IAAI,CAAC4F,eAAgB;IACtChC,QAAQ,EAAE5D,IAAI,CAAC4D,QAAS;IACxBrH,UAAU,EAAEyD,IAAI,CAACzD,UAAW;IAC5BsJ,UAAU,EAAE/I,YAAY,GAAGkD,IAAI,CAACC,KAAK,KAAKnD,YAAY,CAACmD,KAAK,GAAG,KAAM;IACrE4C,GAAG,EAAE7C,IAAI,CAACC,KAAM;IAChBvD,QAAQ,EAAEoF,qBAAsB;IAChCgE,YAAY,EAAE9F,IAAI,CAAC8F,YAAa;IAChC/I,kBAAkB,EAAEA,kBAAmB;IACvCE,oBAAoB,EAAE4C,IAAI,CAAC5C,oBAAoB,IAAIA,oBAAqB;IACxE8I,OAAO,EAAE/F,IAAI,CAAC+F,OAAQ;IACtBC,aAAa,EAAEhG,IAAI,CAACgG,aAAc;IAClCzB,IAAI,EAAEvE,IAAI,CAACuE,IAAK;IAChBtE,KAAK,EAAED,IAAI,CAACC,KAAM;IAClBgG,UAAU,EAAEjG,IAAI,CAACiG;EAAW,CAC/B,CACJ,CACA,CACR,CAAC,EACN,CAACnE,qBAAqB,EAAEtF,KAAK,EAAEM,YAAY,EAAEC,kBAAkB,EAAEE,oBAAoB,CACzF,CAAC;EAED,MAAMiJ,UAAU,GAAGvL,OAAO,CACtB,OAAO;IAAEmG,IAAI,EAAEnC,mBAAmB,CAACE,CAAC;IAAEmC,GAAG,EAAErC,mBAAmB,CAACG;EAAE,CAAC,CAAC,EACnE,CAACH,mBAAmB,CAACE,CAAC,EAAEF,mBAAmB,CAACG,CAAC,CACjD,CAAC;EAEDpE,SAAS,CAAC,MAAM;IACZ,IACI,CACIK,iBAAiB,CAACuG,GAAG,EACrBvG,iBAAiB,CAACwG,QAAQ,EAC1BxG,iBAAiB,CAACyG,SAAS,CAC9B,CAACC,QAAQ,CAACpF,SAAS,CAAC,EACvB;MACEmC,aAAa,CAAC,OAAO,CAAC;IAC1B,CAAC,MAAM;MACHA,aAAa,CAAC,KAAK,CAAC;IACxB;EACJ,CAAC,EAAE,CAACnC,SAAS,CAAC,CAAC;EAEf3B,SAAS,CAAC,MAAM;IACZ,IAAI,CAACqE,YAAY,EAAE;MACf;IACJ;IAEAL,SAAS,CAAC,mBACN5D,YAAY,cACRP,KAAA,CAAAmL,aAAA,CAACpL,eAAe;MAAC6L,OAAO,EAAE;IAAM,GAC3BzI,WAAW,iBACRnD,KAAA,CAAAmL,aAAA,CAACzJ,wBAAwB;MACrBmK,QAAQ,EAAE9G,OAAO,EAAE+G,IAAoB;MACvCC,OAAO,EAAE;QAAEpF,MAAM,EAAE,aAAa;QAAEqF,OAAO,EAAE;MAAE,CAAE;MAC/CC,UAAU,EAAErI,SAAU;MACtBsI,WAAW,EAAEpI,UAAW;MACxBqI,WAAW,EAAEnI,UAAW;MACxB4H,OAAO,EAAE;QAAEjF,MAAM,EAAE,CAAC;QAAEqF,OAAO,EAAE;MAAE,CAAE;MACnCI,IAAI,EAAE;QAAEzF,MAAM,EAAE,CAAC;QAAEqF,OAAO,EAAE;MAAE,CAAE;MAChCK,UAAU,EAAEnK,SAAU;MACtBoK,SAAS,EAAEzK,SAAS,IAAI2B,YAAa;MACrC+I,KAAK,EAAEZ,UAAW;MAClBa,UAAU,EAAE1K,SAAU;MACtB2K,0BAA0B,EAAE3J,yBAA0B;MACtD4J,UAAU,EAAE;QAAEC,QAAQ,EAAE;MAAI,CAAE;MAC9BjE,QAAQ,EAAE,CAAE;MACZkE,GAAG,EAAEhI;IAAW,GAEfqG,cACqB,CAEjB,CAAC,EAClBzG,YACJ,CACJ,CAAC;EACL,CAAC,EAAE,CACC3C,SAAS,EACT2B,YAAY,EACZmI,UAAU,EACV5G,OAAO,EAAE+G,IAAI,EACbb,cAAc,EACdzG,YAAY,EACZ1C,SAAS,EACTqB,WAAW,EACXjB,SAAS,EACTmB,QAAQ,EACRO,SAAS,EACTd,yBAAyB,EACzBgB,UAAU,EACVE,UAAU,CACb,CAAC;EAEF,OAAO5D,OAAO,CACV,mBACIJ,KAAA,CAAAmL,aAAA,CAACpK,cAAc;IACX6L,GAAG,EAAEjI,wBAAyB;IAC9B2H,SAAS,EAAEjJ,QAAS;IACpBwJ,mBAAmB,EAAEjK,kBAAmB;IACxC6J,0BAA0B,EAAE3J;EAA0B,gBAEtD9C,KAAA,CAAAmL,aAAA,CAAClK,oBAAoB;IACjBuL,UAAU,EAAE1K,SAAU;IACtBgL,OAAO,EAAE9B,iBAAkB;IAC3B+B,OAAO,EAAE5J,WAAY;IACrB6J,QAAQ,EAAEhI,OAAQ;IAClBiI,WAAW,EAAEjL,UAAW;IACxBkL,kBAAkB,EAAEhI,iBAAkB;IACtCiI,mBAAmB,EAAE3K;EAAmB,gBAExCxC,KAAA,CAAAmL,aAAA,CAAC3J,yCAAyC,QACrCa,MAAM,iBAAIrC,KAAA,CAAAmL,aAAA,CAAC5J,oBAAoB,QAAEc,MAA6B,CAAC,eAChErC,KAAA,CAAAmL,aAAA,CAAC/J,yBAAyB;IACtBgM,oBAAoB,EAAE,CAAC7K,YAAY,IAAI,CAACU;EAAqB,GAE5DyH,mBAAmB,iBAChB1K,KAAA,CAAAmL,aAAA,CAAC9J,8BAA8B;IAC3BgM,GAAG,EAAE3C,mBAAoB;IACzByC,mBAAmB,EAAE3K,kBAAmB;IACxC8K,qBAAqB,EAAEzC;EAAgC,CAC1D,CACJ,EACAF,eAAe,iBAAI3K,KAAA,CAAAmL,aAAA,CAACtK,IAAI;IAAC0I,KAAK,EAAEoB;EAAgB,CAAE,CAAC,EACnD,OAAO3H,UAAU,KAAK,QAAQ,gBAC3BhD,KAAA,CAAAmL,aAAA,CAAChK,mBAAmB;IAChBoM,QAAQ,EAAEvL,UAAW;IACrB0D,KAAK,EAAE1C,UAAW;IAClBwK,QAAQ,EAAE3K,aAAc;IACxB4K,MAAM,EAAEvH,eAAgB;IACxBwH,OAAO,EAAE1H,gBAAiB;IAC1B5D,WAAW,EAAEwI;EAAgB,CAChC,CAAC,gBAEF5K,KAAA,CAAAmL,aAAA,CAAC7J,6BAA6B,QACzBsJ,eAC0B,CAClC,EACA3H,oBAAoB,IACjBA,oBAAoB,CAACwI,aAAa,IAClCxI,oBAAoB,CAACwI,aACF,CACY,CAAC,EAC3ChJ,mBAAmB,IAAIQ,oBAAoB,iBACxCjD,KAAA,CAAAmL,aAAA,CAACnK,8BAA8B;IAAC8L,OAAO,EAAEjF;EAAY,gBACjD7H,KAAA,CAAAmL,aAAA,CAACtK,IAAI;IAAC0I,KAAK,EAAE,CAAC,aAAa;EAAE,CAAE,CACH,CACnC,EACA,CAACpE,oBAAoB,iBAClBnF,KAAA,CAAAmL,aAAA,CAACjK,yBAAyB;IACtByM,qBAAqB,EACjBlL,mBAAmB,KAAK,IAAI,IAAIQ,oBAAoB,KAAKM;EAC5D,gBAEDvD,KAAA,CAAAmL,aAAA,CAACtK,IAAI;IAAC0I,KAAK,EAAE,CAAC,oBAAoB;EAAE,CAAE,CACf,CAEb,CAAC,EACtBrF,MACW,CACnB,EACD,CACIb,QAAQ,EACRT,kBAAkB,EAClBE,yBAAyB,EACzBhB,SAAS,EACTkJ,iBAAiB,EACjB7H,WAAW,EACX6B,OAAO,EACPhD,UAAU,EACVkD,iBAAiB,EACjB1C,kBAAkB,EAClBH,MAAM,EACNE,YAAY,EACZU,oBAAoB,EACpByH,mBAAmB,EACnBG,+BAA+B,EAC/BF,eAAe,EACf3H,UAAU,EACVH,aAAa,EACbqD,eAAe,EACfF,gBAAgB,EAChB4E,eAAe,EACfnI,mBAAmB,EACnBoF,WAAW,EACX1C,oBAAoB,EACpBjB,MAAM,CAEd,CAAC;AACL,CAAC;AAEDvC,QAAQ,CAACiM,WAAW,GAAG,UAAU;AAEjC,eAAejM,QAAQ","ignoreList":[]}
+{"version":3,"file":"ComboBox.js","names":["useDevice","useFunctions","useValues","AnimatePresence","React","useCallback","useContext","useEffect","useMemo","useRef","useState","createPortal","ComboBoxDirection","calculateContentWidth","getMaxHeightInPixels","getIsTouch","AreaContext","Icon","ComboBoxItem","StyledComboBox","StyledComboBoxClearIconWrapper","StyledComboBoxHeader","StyledComboBoxIconWrapper","StyledComboBoxInput","StyledComboBoxPlaceholder","StyledComboBoxPlaceholderImage","StyledComboBoxPlaceholderText","StyledComboBoxPrefix","StyledComboBoxPrefixAndPlaceholderWrapper","StyledComboBoxTopic","StyledMotionComboBoxBody","ComboBox","_ref","bodyWidth","direction","RIGHT","isDisabled","lists","maxHeight","onSelect","placeholder","prefix","container","selectedItem","shouldShowBigImage","shouldShowClearIcon","shouldShowRoundImage","onInputFocus","shouldUseFullWidth","onInputChange","shouldUseCurrentItemWidth","onInputBlur","inputValue","internalSelectedItem","setInternalSelectedItem","isAnimating","setIsAnimating","minWidth","setMinWidth","undefined","bodyMinWidth","setBodyMinWidth","focusedIndex","setFocusedIndex","overflowY","setOverflowY","translateX","setTranslateX","translateY","setTranslateY","portal","setPortal","internalCoordinates","setInternalCoordinates","x","y","newContainer","setNewContainer","shouldUseTopAlignment","setShouldUseTopAlignment","isInputFocused","styledComboBoxElementRef","contentRef","functions","values","browser","isTouch","areaProvider","shouldChangeColor","shouldDisableActions","combinedLists","flatMap","list","length","some","item","value","contentHeight","flatItems","result","toString","includes","maxHeightValue","parseInt","replace","current","el","element","closest","Element","handleInputFocus","event","handleInputBlur","handleClick","contains","target","handleOpen","left","comboBoxLeft","top","comboBoxTop","height","getBoundingClientRect","containerHeight","scrollLeft","scrollTop","useTopAlignment","TOP","TOP_LEFT","TOP_RIGHT","handleClose","document","addEventListener","removeEventListener","handleSetSelectedItem","itemToSelect","onSelectResult","Promise","then","shouldPreventSelection","handleClear","preventDefault","stopPropagation","currentContent","scrollHeight","maxHeightInPixels","body","handleKeyDown","e","key","children","newIndex","prevElement","tabIndex","newElement","focus","id","newSelectedItem","find","_ref2","String","allItems","hasImage","imageUrl","hasIcon","icons","parentWidth","parentElement","width","paddingWidth","imageWidth","iconWidth","prefixWidth","prefixTextWidth","text","Math","max","baseWidth","calculatedWidth","tmpMinWidth","tmpBodyMinWidth","itemWidth","BOTTOM_LEFT","LEFT","difference","placeholderImageUrl","placeholderIcon","placeholderText","shouldShowRoundPlaceholderImage","selectedItemList","_ref3","handleHeaderClick","comboBoxGroups","map","createElement","groupName","imageBackground","isSelected","rightElement","subtext","suffixElement","textStyles","bodyStyles","initial","$browser","name","animate","opacity","$overflowY","$translateX","$translateY","exit","$maxHeight","$minWidth","style","$direction","$shouldUseCurrentItemWidth","transition","duration","ref","$shouldUseFullWidth","onClick","$isOpen","$isTouch","$isDisabled","$shouldChangeColor","$shouldShowBigImage","$shouldReduceOpacity","src","$shouldShowRoundImage","disabled","onChange","onBlur","onFocus","$shouldShowBorderLeft","displayName"],"sources":["../../../../src/components/combobox/ComboBox.tsx"],"sourcesContent":["import { useDevice, useFunctions, useValues } from 'chayns-api';\nimport { AnimatePresence } from 'motion/react';\nimport React, {\n    ChangeEventHandler,\n    type CSSProperties,\n    FC,\n    FocusEventHandler,\n    ReactHTML,\n    type ReactNode,\n    ReactPortal,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { BrowserName } from '../../types/chayns';\nimport { ComboBoxDirection } from '../../types/comboBox';\nimport { calculateContentWidth, getMaxHeightInPixels } from '../../utils/calculate';\nimport { getIsTouch } from '../../utils/environment';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport type { ContextMenuCoordinates } from '../context-menu/ContextMenu';\nimport Icon from '../icon/Icon';\nimport ComboBoxItem from './combobox-item/ComboBoxItem';\nimport {\n    StyledComboBox,\n    StyledComboBoxClearIconWrapper,\n    StyledComboBoxHeader,\n    StyledComboBoxIconWrapper,\n    StyledComboBoxInput,\n    StyledComboBoxPlaceholder,\n    StyledComboBoxPlaceholderImage,\n    StyledComboBoxPlaceholderText,\n    StyledComboBoxPrefix,\n    StyledComboBoxPrefixAndPlaceholderWrapper,\n    StyledComboBoxTopic,\n    StyledMotionComboBoxBody,\n} from './ComboBox.styles';\n\nexport interface IComboBoxItems {\n    groupName?: string;\n    list: Array<IComboBoxItem>;\n    shouldShowRoundImage?: boolean;\n}\n\nexport interface ComboBoxTextStyles {\n    tagName?: keyof ReactHTML;\n    styles?: CSSProperties;\n}\n\nexport interface IComboBoxItem {\n    icons?: string[];\n    imageBackground?: CSSProperties['background'];\n    imageUrl?: string;\n    isDisabled?: boolean;\n    rightElement?: ReactNode;\n    subtext?: string;\n    suffixElement?: ReactNode;\n    text: string;\n    value: string | number;\n    textStyles?: ComboBoxTextStyles;\n}\n\nexport type ComboBoxProps = {\n    bodyWidth?: number;\n    /**\n     * The element where the content of the `ComboBox` should be rendered via React Portal.\n     */\n    container?: Element;\n    /**\n     * The direction in which the combobox should open.\n     */\n    direction?: ComboBoxDirection;\n    /**\n     * The value of the optional input.\n     */\n    inputValue?: string;\n    /**\n     * Whether the combobox should be disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * The list of the items that should be displayed.\n     */\n    lists: IComboBoxItems[];\n    /**\n     * The maximum height of the combobox content.\n     */\n    maxHeight?: CSSProperties['maxHeight'];\n    /**\n     * Function to be executed when the value of the optional input is changed.\n     */\n    onInputChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function to be executed when the optional input lost its focus.\n     */\n    onInputBlur?: FocusEventHandler<HTMLInputElement> /**\n     * Function to be executed when the optional input gets its focus.\n     */;\n    onInputFocus?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function that should be executed when an item is selected. If the function returns false, the item will not be selected.\n     */\n    onSelect?: (comboboxItem?: IComboBoxItem) => Promise<boolean> | boolean | void;\n    /**\n     * A text that should be displayed when no item is selected.\n     */\n    placeholder: string;\n    /**\n     * A prefix that should be displayed before the placeholder.\n     */\n    prefix?: string;\n    /**\n     * An item that should be preselected.\n     */\n    selectedItem?: IComboBoxItem;\n    /**\n     * If true, the images of the items are displayed in a bigger shape. This prop will automatically be set to true if the subtext of an item is given.\n     */\n    shouldShowBigImage?: boolean;\n    /**\n     * If true, a clear icon is displayed at the end of the combo box if an item is selected.\n     */\n    shouldShowClearIcon?: boolean;\n    /**\n     * If true, the images of the items are displayed in a round shape.\n     */\n    shouldShowRoundImage?: boolean;\n    /**\n     * Whether the width of the ComboBox should be the width of the current item.\n     */\n    shouldUseCurrentItemWidth?: boolean;\n    /**\n     * Whether the width of the 'ComboBox' should be the width of the parent or of the widest item.\n     */\n    shouldUseFullWidth?: boolean;\n};\n\nconst ComboBox: FC<ComboBoxProps> = ({\n    bodyWidth,\n    direction = ComboBoxDirection.RIGHT,\n    isDisabled = false,\n    lists,\n    maxHeight = '280px',\n    onSelect,\n    placeholder,\n    prefix,\n    container,\n    selectedItem,\n    shouldShowBigImage,\n    shouldShowClearIcon,\n    shouldShowRoundImage,\n    onInputFocus,\n    shouldUseFullWidth = false,\n    onInputChange,\n    shouldUseCurrentItemWidth = false,\n    onInputBlur,\n    inputValue,\n}) => {\n    const [internalSelectedItem, setInternalSelectedItem] = useState<IComboBoxItem>();\n    const [isAnimating, setIsAnimating] = useState(false);\n    const [minWidth, setMinWidth] = useState<number | undefined>(undefined);\n    const [bodyMinWidth, setBodyMinWidth] = useState(0);\n    const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n    const [overflowY, setOverflowY] = useState<CSSProperties['overflowY']>('hidden');\n    const [translateX, setTranslateX] = useState<string>('0px');\n    const [translateY, setTranslateY] = useState<string>('0px');\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    const [shouldUseTopAlignment, setShouldUseTopAlignment] = useState(false);\n\n    const isInputFocused = useRef(false);\n\n    const styledComboBoxElementRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement | null>(null);\n\n    const functions = useFunctions();\n    const values = useValues();\n\n    const { browser } = useDevice();\n\n    const isTouch = getIsTouch();\n\n    const areaProvider = useContext(AreaContext);\n\n    const shouldChangeColor = useMemo(\n        () => areaProvider.shouldChangeColor ?? false,\n        [areaProvider.shouldChangeColor],\n    );\n\n    const shouldDisableActions = useMemo(() => {\n        if (!selectedItem) {\n            return false;\n        }\n\n        const combinedLists = lists.flatMap((list) => list.list);\n\n        return (\n            combinedLists.length === 1 &&\n            combinedLists.some((item) => item.value === selectedItem.value)\n        );\n    }, [lists, selectedItem]);\n\n    const contentHeight = useMemo(() => {\n        const flatItems = lists.flatMap((list) => list.list);\n\n        let result = flatItems.length * 36;\n\n        if (lists.length > 1) {\n            result += lists.length * 36;\n        }\n\n        // ToDo: Implement a better solution to also work with percentage values or other units\n        if (maxHeight.toString().includes('px')) {\n            const maxHeightValue = parseInt(maxHeight.toString().replace('px', ''), 10);\n\n            if (maxHeightValue < result) {\n                result = maxHeightValue;\n            }\n        }\n\n        return result;\n    }, [lists, maxHeight]);\n\n    useEffect(() => {\n        if (styledComboBoxElementRef.current && !container) {\n            const el = styledComboBoxElementRef.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    const handleInputFocus: FocusEventHandler<HTMLInputElement> = useCallback(\n        (event) => {\n            isInputFocused.current = true;\n            onInputFocus?.(event);\n        },\n        [onInputFocus],\n    );\n\n    const handleInputBlur: FocusEventHandler<HTMLInputElement> = useCallback(\n        (event) => {\n            isInputFocused.current = false;\n            onInputBlur?.(event);\n        },\n        [onInputBlur],\n    );\n\n    const handleClick = useCallback(\n        (event: MouseEvent) => {\n            if (\n                styledComboBoxElementRef.current &&\n                !styledComboBoxElementRef.current.contains(event.target as Node) &&\n                contentRef.current &&\n                !contentRef.current.contains(event.target as Node)\n            ) {\n                setIsAnimating(false);\n            }\n        },\n        [styledComboBoxElementRef],\n    );\n\n    const handleOpen = useCallback(() => {\n        if (shouldDisableActions) {\n            return;\n        }\n\n        if (styledComboBoxElementRef.current && newContainer) {\n            const {\n                left: comboBoxLeft,\n                top: comboBoxTop,\n                height,\n            } = styledComboBoxElementRef.current.getBoundingClientRect();\n\n            const { left, top, height: containerHeight } = newContainer.getBoundingClientRect();\n\n            const x = comboBoxLeft - left + newContainer.scrollLeft;\n            const y = comboBoxTop - top + newContainer.scrollTop;\n\n            let useTopAlignment = [\n                ComboBoxDirection.TOP,\n                ComboBoxDirection.TOP_LEFT,\n                ComboBoxDirection.TOP_RIGHT,\n            ].includes(direction);\n\n            if (y + height + contentHeight > containerHeight) {\n                useTopAlignment = true;\n\n                setShouldUseTopAlignment(true);\n            }\n\n            setInternalCoordinates({ x, y: useTopAlignment ? y : y + height });\n            setIsAnimating(true);\n        }\n    }, [shouldDisableActions, newContainer, contentHeight, direction]);\n\n    const handleClose = useCallback(() => {\n        setIsAnimating(false);\n    }, []);\n\n    /**\n     * This function adds an event listener to the document to close the combobox when the user clicks outside of it\n     */\n    useEffect(() => {\n        document.addEventListener('click', handleClick);\n\n        return () => {\n            document.removeEventListener('click', handleClick);\n        };\n    }, [handleClick, styledComboBoxElementRef]);\n\n    /**\n     * This function sets the selected item\n     */\n    const handleSetSelectedItem = useCallback(\n        (itemToSelect?: IComboBoxItem) => {\n            if (typeof onSelect === 'function') {\n                const onSelectResult = onSelect(itemToSelect);\n\n                if (onSelectResult === false) {\n                    return;\n                }\n\n                if (onSelectResult instanceof Promise) {\n                    void onSelectResult.then((shouldPreventSelection) => {\n                        if (shouldPreventSelection) return;\n\n                        setInternalSelectedItem(itemToSelect);\n                        setIsAnimating(false);\n                    });\n\n                    return;\n                }\n            }\n\n            setInternalSelectedItem(itemToSelect);\n            setIsAnimating(false);\n        },\n        [onSelect],\n    );\n\n    const handleClear = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            event.preventDefault();\n            event.stopPropagation();\n\n            handleSetSelectedItem(undefined);\n        },\n        [handleSetSelectedItem],\n    );\n\n    useEffect(() => {\n        const currentContent = contentRef.current;\n\n        if (portal && isAnimating && currentContent) {\n            const scrollHeight = currentContent.scrollHeight ?? 0;\n\n            const maxHeightInPixels = getMaxHeightInPixels(\n                maxHeight,\n                styledComboBoxElementRef.current ?? document.body,\n            );\n\n            setOverflowY(scrollHeight > maxHeightInPixels ? 'scroll' : 'hidden');\n        }\n    }, [isAnimating, maxHeight, portal]);\n\n    useEffect(() => {\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (!isAnimating) {\n                return;\n            }\n\n            if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n                e.preventDefault();\n\n                const children = contentRef.current?.children;\n\n                if (children && children.length > 0) {\n                    const newIndex =\n                        focusedIndex !== null\n                            ? (focusedIndex + (e.key === 'ArrowUp' ? -1 : 1) + children.length) %\n                              children.length\n                            : 0;\n\n                    if (focusedIndex !== null) {\n                        const prevElement = children[focusedIndex] as HTMLDivElement;\n\n                        prevElement.tabIndex = -1;\n                    }\n\n                    setFocusedIndex(newIndex);\n\n                    const newElement = children[newIndex] as HTMLDivElement;\n\n                    newElement.tabIndex = 0;\n\n                    newElement.focus();\n                }\n            } else if (e.key === 'Enter' && focusedIndex !== null) {\n                const element = contentRef.current?.children[focusedIndex];\n\n                if (!element) {\n                    return;\n                }\n\n                const { id } = element;\n\n                let newSelectedItem: IComboBoxItem | undefined;\n\n                lists.some((list) => {\n                    newSelectedItem = list.list.find(\n                        ({ value }) => String(value) === id.replace('combobox-item__', ''),\n                    );\n                    return !!newSelectedItem;\n                });\n\n                if (!newSelectedItem) {\n                    return;\n                }\n\n                handleSetSelectedItem(newSelectedItem);\n            }\n        };\n\n        document.addEventListener('keydown', handleKeyDown);\n\n        return () => {\n            document.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [focusedIndex, handleSetSelectedItem, isAnimating, lists]);\n\n    /**\n     * This function calculates the greatest width\n     */\n    useEffect(() => {\n        const allItems = lists.flatMap((list) => list.list);\n        const hasImage = [selectedItem, ...allItems].some((item) => item?.imageUrl);\n        const hasIcon = [selectedItem, ...allItems].some((item) => item?.icons);\n\n        const parentWidth =\n            styledComboBoxElementRef.current?.parentElement?.getBoundingClientRect().width ?? 0;\n\n        const paddingWidth = 20 + 2 + 40 + 40; // padding + border + arrow icon + optional clear icon\n        const imageWidth = hasImage ? 32 : 0; // image width + gap if images present\n        const iconWidth = hasIcon ? 40 : 0; // icon width + gap if icons present\n\n        let prefixWidth = 0;\n\n        if (prefix) {\n            const prefixTextWidth =\n                calculateContentWidth([{ text: prefix, value: 'prefix' }], functions, values) + 5;\n\n            prefixWidth = Math.max(prefixTextWidth, 32);\n        }\n\n        const baseWidth = calculateContentWidth(\n            [\n                ...allItems,\n                { text: placeholder, value: 'placeholder' },\n                ...(selectedItem ? [selectedItem] : []),\n            ],\n            functions,\n            values,\n        );\n\n        const calculatedWidth = baseWidth + paddingWidth + imageWidth + iconWidth + prefixWidth;\n\n        let tmpMinWidth = calculatedWidth;\n        let tmpBodyMinWidth = calculatedWidth;\n\n        // Full width settings\n        if (shouldUseFullWidth) {\n            tmpMinWidth = parentWidth;\n\n            tmpBodyMinWidth =\n                parentWidth < calculatedWidth - 20 ? calculatedWidth - 20 : parentWidth;\n        }\n\n        // Current item width settings\n        else if (shouldUseCurrentItemWidth && internalSelectedItem) {\n            const itemWidth =\n                calculateContentWidth([internalSelectedItem], functions, values) +\n                paddingWidth +\n                imageWidth +\n                iconWidth +\n                prefixWidth;\n\n            tmpMinWidth = itemWidth;\n\n            tmpBodyMinWidth = itemWidth < calculatedWidth - 20 ? calculatedWidth - 20 : itemWidth;\n        }\n\n        if (tmpMinWidth > parentWidth) {\n            tmpMinWidth = parentWidth;\n        }\n\n        if (tmpBodyMinWidth > parentWidth) {\n            tmpBodyMinWidth = parentWidth;\n        }\n\n        setMinWidth(tmpMinWidth);\n        setBodyMinWidth(shouldUseCurrentItemWidth ? tmpMinWidth : tmpBodyMinWidth);\n    }, [\n        lists,\n        placeholder,\n        shouldUseFullWidth,\n        shouldUseCurrentItemWidth,\n        internalSelectedItem,\n        prefix,\n        selectedItem,\n        functions,\n        values,\n    ]);\n\n    /**\n     * This function sets the external selected item\n     */\n    useEffect(() => {\n        setIsAnimating(false);\n        setInternalSelectedItem(selectedItem);\n    }, [selectedItem]);\n\n    useEffect(() => {\n        if (\n            [\n                ComboBoxDirection.BOTTOM_LEFT,\n                ComboBoxDirection.TOP_LEFT,\n                ComboBoxDirection.LEFT,\n            ].includes(direction) &&\n            typeof bodyWidth === 'number' &&\n            typeof minWidth === 'number'\n        ) {\n            const difference = minWidth - bodyWidth;\n\n            setTranslateX(`${difference}px`);\n        } else {\n            setTranslateX('0px');\n        }\n    }, [bodyWidth, direction, minWidth]);\n\n    const placeholderImageUrl = useMemo(() => {\n        if (selectedItem) {\n            return selectedItem.imageUrl;\n        }\n\n        if (internalSelectedItem) {\n            return internalSelectedItem.imageUrl;\n        }\n\n        return undefined;\n    }, [internalSelectedItem, selectedItem]);\n\n    const placeholderIcon = useMemo(() => {\n        if (selectedItem) {\n            return selectedItem.icons;\n        }\n\n        if (internalSelectedItem) {\n            return internalSelectedItem.icons;\n        }\n\n        return undefined;\n    }, [internalSelectedItem, selectedItem]);\n\n    /**\n     * This function resets the placeholder\n     */\n    const placeholderText = useMemo(() => {\n        let text = placeholder;\n\n        if (selectedItem) {\n            text = selectedItem.text;\n        } else if (internalSelectedItem) {\n            text = internalSelectedItem.text;\n        }\n\n        return text;\n    }, [internalSelectedItem, placeholder, selectedItem]);\n\n    const shouldShowRoundPlaceholderImage = useMemo(() => {\n        const selectedItemList = lists.find((list) =>\n            list.list.some(\n                ({ value }) => value === (selectedItem?.value ?? internalSelectedItem?.value),\n            ),\n        );\n\n        return selectedItemList?.shouldShowRoundImage ?? shouldShowRoundImage;\n    }, [internalSelectedItem?.value, lists, selectedItem?.value, shouldShowRoundImage]);\n\n    /**\n     * This function opens the content of the combobox\n     */\n    const handleHeaderClick = useCallback(() => {\n        if (!isDisabled && !isInputFocused.current) {\n            if (isAnimating) {\n                handleClose();\n            } else {\n                handleOpen();\n            }\n        }\n    }, [handleClose, handleOpen, isAnimating, isDisabled]);\n\n    const comboBoxGroups = useMemo(\n        () =>\n            lists.map((list) => (\n                <div key={list.groupName ?? 'default-group'}>\n                    {list.groupName && lists.length > 1 && (\n                        <StyledComboBoxTopic>{list.groupName}</StyledComboBoxTopic>\n                    )}\n                    {list.list.map((item) => (\n                        // ToDo: Cleanup this - item should be given as a prop to avoid full spreading\n                        <ComboBoxItem\n                            icons={item.icons}\n                            id={item.value}\n                            imageBackground={item.imageBackground}\n                            imageUrl={item.imageUrl}\n                            isDisabled={item.isDisabled}\n                            isSelected={selectedItem ? item.value === selectedItem.value : false}\n                            key={item.value}\n                            onSelect={handleSetSelectedItem}\n                            rightElement={item.rightElement}\n                            shouldShowBigImage={shouldShowBigImage}\n                            shouldShowRoundImage={list.shouldShowRoundImage ?? shouldShowRoundImage}\n                            subtext={item.subtext}\n                            suffixElement={item.suffixElement}\n                            text={item.text}\n                            value={item.value}\n                            textStyles={item.textStyles}\n                        />\n                    ))}\n                </div>\n            )),\n        [handleSetSelectedItem, lists, selectedItem, shouldShowBigImage, shouldShowRoundImage],\n    );\n\n    const bodyStyles = useMemo(\n        () => ({ left: internalCoordinates.x, top: internalCoordinates.y }),\n        [internalCoordinates.x, internalCoordinates.y],\n    );\n\n    useEffect(() => {\n        const useTopAlignment =\n            shouldUseTopAlignment ||\n            [\n                ComboBoxDirection.TOP,\n                ComboBoxDirection.TOP_LEFT,\n                ComboBoxDirection.TOP_RIGHT,\n            ].includes(direction);\n\n        if (useTopAlignment) {\n            setTranslateY('-100%');\n        } else {\n            setTranslateY('0px');\n        }\n    }, [direction, shouldUseTopAlignment]);\n\n    useEffect(() => {\n        if (!newContainer) {\n            return;\n        }\n\n        setPortal(() =>\n            createPortal(\n                <AnimatePresence initial={false}>\n                    {isAnimating && (\n                        <StyledMotionComboBoxBody\n                            $browser={browser?.name as BrowserName}\n                            animate={{ height: 'fit-content', opacity: 1 }}\n                            $overflowY={overflowY}\n                            $translateX={translateX}\n                            $translateY={translateY}\n                            initial={{ height: 0, opacity: 0 }}\n                            exit={{ height: 0, opacity: 0 }}\n                            $maxHeight={maxHeight}\n                            $minWidth={bodyWidth ?? bodyMinWidth}\n                            style={bodyStyles}\n                            $direction={direction}\n                            $shouldUseCurrentItemWidth={shouldUseCurrentItemWidth}\n                            transition={{ duration: 0.2 }}\n                            tabIndex={0}\n                            ref={contentRef}\n                        >\n                            {comboBoxGroups}\n                        </StyledMotionComboBoxBody>\n                    )}\n                </AnimatePresence>,\n                newContainer,\n            ),\n        );\n    }, [\n        bodyWidth,\n        bodyMinWidth,\n        bodyStyles,\n        browser?.name,\n        comboBoxGroups,\n        newContainer,\n        direction,\n        isAnimating,\n        maxHeight,\n        minWidth,\n        overflowY,\n        shouldUseCurrentItemWidth,\n        translateX,\n        translateY,\n    ]);\n\n    return useMemo(\n        () => (\n            <StyledComboBox\n                ref={styledComboBoxElementRef}\n                $minWidth={minWidth}\n                $shouldUseFullWidth={shouldUseFullWidth}\n                $shouldUseCurrentItemWidth={shouldUseCurrentItemWidth}\n            >\n                <StyledComboBoxHeader\n                    $direction={direction}\n                    onClick={handleHeaderClick}\n                    $isOpen={isAnimating}\n                    $isTouch={isTouch}\n                    $isDisabled={isDisabled}\n                    $shouldChangeColor={shouldChangeColor}\n                    $shouldShowBigImage={shouldShowBigImage}\n                >\n                    <StyledComboBoxPrefixAndPlaceholderWrapper>\n                        {prefix && <StyledComboBoxPrefix>{prefix}</StyledComboBoxPrefix>}\n                        <StyledComboBoxPlaceholder\n                            $shouldReduceOpacity={!selectedItem && !internalSelectedItem}\n                        >\n                            {placeholderImageUrl && (\n                                <StyledComboBoxPlaceholderImage\n                                    src={placeholderImageUrl}\n                                    $shouldShowBigImage={shouldShowBigImage}\n                                    $shouldShowRoundImage={shouldShowRoundPlaceholderImage}\n                                />\n                            )}\n                            {placeholderIcon && <Icon icons={placeholderIcon} />}\n                            {typeof inputValue === 'string' ? (\n                                <StyledComboBoxInput\n                                    disabled={isDisabled}\n                                    value={inputValue}\n                                    onChange={onInputChange}\n                                    onBlur={handleInputBlur}\n                                    onFocus={handleInputFocus}\n                                    placeholder={placeholderText}\n                                />\n                            ) : (\n                                <StyledComboBoxPlaceholderText>\n                                    {placeholderText}\n                                </StyledComboBoxPlaceholderText>\n                            )}\n                            {internalSelectedItem &&\n                                internalSelectedItem.suffixElement &&\n                                internalSelectedItem.suffixElement}\n                        </StyledComboBoxPlaceholder>\n                    </StyledComboBoxPrefixAndPlaceholderWrapper>\n                    {shouldShowClearIcon && internalSelectedItem && (\n                        <StyledComboBoxClearIconWrapper onClick={handleClear}>\n                            <Icon icons={['fa fa-times']} />\n                        </StyledComboBoxClearIconWrapper>\n                    )}\n                    {!shouldDisableActions && (\n                        <StyledComboBoxIconWrapper\n                            $shouldShowBorderLeft={\n                                shouldShowClearIcon === true && internalSelectedItem !== undefined\n                            }\n                        >\n                            <Icon icons={['fa fa-chevron-down']} />\n                        </StyledComboBoxIconWrapper>\n                    )}\n                </StyledComboBoxHeader>\n                {portal}\n            </StyledComboBox>\n        ),\n        [\n            minWidth,\n            shouldUseFullWidth,\n            shouldUseCurrentItemWidth,\n            direction,\n            handleHeaderClick,\n            isAnimating,\n            isTouch,\n            isDisabled,\n            shouldChangeColor,\n            shouldShowBigImage,\n            prefix,\n            selectedItem,\n            internalSelectedItem,\n            placeholderImageUrl,\n            shouldShowRoundPlaceholderImage,\n            placeholderIcon,\n            inputValue,\n            onInputChange,\n            handleInputBlur,\n            handleInputFocus,\n            placeholderText,\n            shouldShowClearIcon,\n            handleClear,\n            shouldDisableActions,\n            portal,\n        ],\n    );\n};\n\nComboBox.displayName = 'ComboBox';\n\nexport default ComboBox;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/content-card/ContentCard.styles.js

@@ -82,6 +82,19 @@ export const StyledContentCard = styled.div`
                         color: #222 !important;
                     }
                 `;
+    case ContentCardType.SiteColor:
+      return css`
+                    background-color: ${theme['103']};
+                    border: 1px solid ${theme['104']};
+                    color: ${theme['text-rgb']};
+
+                    --chayns-color--text: ${theme['text-rgb']};
+                    --chayns-color-rgb--text: ${theme['text-rgb']};
+
+                    label {
+                        color: ${theme['text-rgb']} !important;
+                    }
+                `;
     default:
       return css`
                     background-color: rgba(

package/lib/esm/components/content-card/ContentCard.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentCard.styles.js","names":["styled","css","ContentCardType","StyledContentCard","div","_ref","theme","cardBorderRadius","_ref2","$shouldChangeColor","cardShadow","_ref3","text","_ref4","$type","Default","cardBackgroundOpacity","Error","Success","Warning"],"sources":["../../../../src/components/content-card/ContentCard.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { ContentCardType } from '../../types/contentCard';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledContentCardProps = WithTheme<{\n    $type: ContentCardType;\n    $shouldChangeColor: boolean;\n}>;\n\nexport const StyledContentCard = styled.div<StyledContentCardProps>`\n    border-radius: ${({ theme }: StyledContentCardProps) => theme.cardBorderRadius}px;\n\n    ${({ theme, $shouldChangeColor }: StyledContentCardProps) =>\n        !$shouldChangeColor &&\n        css`\n            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${theme.cardShadow});\n        `};\n\n    padding: 8px 12px;\n\n    color: ${({ theme }: StyledContentCardProps) => theme.text};\n\n    &:not(:last-child) {\n        margin-bottom: 8px;\n    }\n\n    ${({ $type, theme, $shouldChangeColor }: StyledContentCardProps) => {\n        if ($type === ContentCardType.Default && $shouldChangeColor) {\n            return css`\n                background-color: rgba(${theme['000-rgb']}, ${theme.cardBackgroundOpacity});\n            `;\n        }\n\n        switch ($type) {\n            case ContentCardType.Error:\n                return css`\n                    background-color: ${theme['red-4']};\n                    border: 1px solid ${theme['red-1']};\n                    color: #222;\n\n                    --chayns-color--text: #222;\n                    --chayns-color-rgb--text: rgb(34, 34, 34);\n\n                    label {\n                        color: #222 !important;\n                    }\n                `;\n            case ContentCardType.Success:\n                return css`\n                    background-color: ${theme['green-4']};\n                    border: 1px solid ${theme['green-1']};\n                    color: #222;\n\n                    --chayns-color--text: #222;\n                    --chayns-color-rgb--text: rgb(34, 34, 34);\n\n                    label {\n                        color: #222 !important;\n                    }\n                `;\n            case ContentCardType.Warning:\n                return css`\n                    background-color: ${theme['yellow-4']};\n                    border: 1px solid ${theme['yellow-1']};\n                    color: #222;\n\n                    --chayns-color--text: #222;\n                    --chayns-color-rgb--text: rgb(34, 34, 34);\n\n                    label {\n                        color: #222 !important;\n                    }\n                `;\n            default:\n                return css`\n                    background-color: rgba(\n                        ${theme['secondary-100-rgb']},\n                        ${theme.cardBackgroundOpacity}\n                    );\n                `;\n        }\n    }}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,eAAe,QAAQ,yBAAyB;AAQzD,OAAO,MAAMC,iBAAiB,GAAGH,MAAM,CAACI,GAA2B;AACnE,qBAAqBC,IAAA;EAAA,IAAC;IAAEC;EAA8B,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,gBAAgB;AAAA;AAClF;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEF,KAAK;IAAEG;EAA2C,CAAC,GAAAD,KAAA;EAAA,OACpD,CAACC,kBAAkB,IACnBR,GAAG;AACX,oDAAoDK,KAAK,CAACI,UAAU;AACpE,SAAS;AAAA;AACT;AACA;AACA;AACA,aAAaC,KAAA;EAAA,IAAC;IAAEL;EAA8B,CAAC,GAAAK,KAAA;EAAA,OAAKL,KAAK,CAACM,IAAI;AAAA;AAC9D;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAA,IAAkE;EAAA,IAAjE;IAAEC,KAAK;IAAER,KAAK;IAAEG;EAA2C,CAAC,GAAAI,KAAA;EAC3D,IAAIC,KAAK,KAAKZ,eAAe,CAACa,OAAO,IAAIN,kBAAkB,EAAE;IACzD,OAAOR,GAAG;AACtB,yCAAyCK,KAAK,CAAC,SAAS,CAAC,KAAKA,KAAK,CAACU,qBAAqB;AACzF,aAAa;EACL;EAEA,QAAQF,KAAK;IACT,KAAKZ,eAAe,CAACe,KAAK;MACtB,OAAOhB,GAAG;AAC1B,wCAAwCK,KAAK,CAAC,OAAO,CAAC;AACtD,wCAAwCA,KAAK,CAAC,OAAO,CAAC;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;IACL,KAAKJ,eAAe,CAACgB,OAAO;MACxB,OAAOjB,GAAG;AAC1B,wCAAwCK,KAAK,CAAC,SAAS,CAAC;AACxD,wCAAwCA,KAAK,CAAC,SAAS,CAAC;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;IACL,KAAKJ,eAAe,CAACiB,OAAO;MACxB,OAAOlB,GAAG;AAC1B,wCAAwCK,KAAK,CAAC,UAAU,CAAC;AACzD,wCAAwCA,KAAK,CAAC,UAAU,CAAC;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;IACL;MACI,OAAOL,GAAG;AAC1B;AACA,0BAA0BK,KAAK,CAAC,mBAAmB,CAAC;AACpD,0BAA0BA,KAAK,CAACU,qBAAqB;AACrD;AACA,iBAAiB;EACT;AACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"ContentCard.styles.js","names":["styled","css","ContentCardType","StyledContentCard","div","_ref","theme","cardBorderRadius","_ref2","$shouldChangeColor","cardShadow","_ref3","text","_ref4","$type","Default","cardBackgroundOpacity","Error","Success","Warning","SiteColor"],"sources":["../../../../src/components/content-card/ContentCard.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { ContentCardType } from '../../types/contentCard';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledContentCardProps = WithTheme<{\n    $type: ContentCardType;\n    $shouldChangeColor: boolean;\n}>;\n\nexport const StyledContentCard = styled.div<StyledContentCardProps>`\n    border-radius: ${({ theme }: StyledContentCardProps) => theme.cardBorderRadius}px;\n\n    ${({ theme, $shouldChangeColor }: StyledContentCardProps) =>\n        !$shouldChangeColor &&\n        css`\n            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${theme.cardShadow});\n        `};\n\n    padding: 8px 12px;\n\n    color: ${({ theme }: StyledContentCardProps) => theme.text};\n\n    &:not(:last-child) {\n        margin-bottom: 8px;\n    }\n\n    ${({ $type, theme, $shouldChangeColor }: StyledContentCardProps) => {\n        if ($type === ContentCardType.Default && $shouldChangeColor) {\n            return css`\n                background-color: rgba(${theme['000-rgb']}, ${theme.cardBackgroundOpacity});\n            `;\n        }\n\n        switch ($type) {\n            case ContentCardType.Error:\n                return css`\n                    background-color: ${theme['red-4']};\n                    border: 1px solid ${theme['red-1']};\n                    color: #222;\n\n                    --chayns-color--text: #222;\n                    --chayns-color-rgb--text: rgb(34, 34, 34);\n\n                    label {\n                        color: #222 !important;\n                    }\n                `;\n            case ContentCardType.Success:\n                return css`\n                    background-color: ${theme['green-4']};\n                    border: 1px solid ${theme['green-1']};\n                    color: #222;\n\n                    --chayns-color--text: #222;\n                    --chayns-color-rgb--text: rgb(34, 34, 34);\n\n                    label {\n                        color: #222 !important;\n                    }\n                `;\n            case ContentCardType.Warning:\n                return css`\n                    background-color: ${theme['yellow-4']};\n                    border: 1px solid ${theme['yellow-1']};\n                    color: #222;\n\n                    --chayns-color--text: #222;\n                    --chayns-color-rgb--text: rgb(34, 34, 34);\n\n                    label {\n                        color: #222 !important;\n                    }\n                `;\n            case ContentCardType.SiteColor:\n                return css`\n                    background-color: ${theme['103']};\n                    border: 1px solid ${theme['104']};\n                    color: ${theme['text-rgb']};\n\n                    --chayns-color--text: ${theme['text-rgb']};\n                    --chayns-color-rgb--text: ${theme['text-rgb']};\n\n                    label {\n                        color: ${theme['text-rgb']} !important;\n                    }\n                `;\n            default:\n                return css`\n                    background-color: rgba(\n                        ${theme['secondary-100-rgb']},\n                        ${theme.cardBackgroundOpacity}\n                    );\n                `;\n        }\n    }}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,eAAe,QAAQ,yBAAyB;AAQzD,OAAO,MAAMC,iBAAiB,GAAGH,MAAM,CAACI,GAA2B;AACnE,qBAAqBC,IAAA;EAAA,IAAC;IAAEC;EAA8B,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,gBAAgB;AAAA;AAClF;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEF,KAAK;IAAEG;EAA2C,CAAC,GAAAD,KAAA;EAAA,OACpD,CAACC,kBAAkB,IACnBR,GAAG;AACX,oDAAoDK,KAAK,CAACI,UAAU;AACpE,SAAS;AAAA;AACT;AACA;AACA;AACA,aAAaC,KAAA;EAAA,IAAC;IAAEL;EAA8B,CAAC,GAAAK,KAAA;EAAA,OAAKL,KAAK,CAACM,IAAI;AAAA;AAC9D;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAA,IAAkE;EAAA,IAAjE;IAAEC,KAAK;IAAER,KAAK;IAAEG;EAA2C,CAAC,GAAAI,KAAA;EAC3D,IAAIC,KAAK,KAAKZ,eAAe,CAACa,OAAO,IAAIN,kBAAkB,EAAE;IACzD,OAAOR,GAAG;AACtB,yCAAyCK,KAAK,CAAC,SAAS,CAAC,KAAKA,KAAK,CAACU,qBAAqB;AACzF,aAAa;EACL;EAEA,QAAQF,KAAK;IACT,KAAKZ,eAAe,CAACe,KAAK;MACtB,OAAOhB,GAAG;AAC1B,wCAAwCK,KAAK,CAAC,OAAO,CAAC;AACtD,wCAAwCA,KAAK,CAAC,OAAO,CAAC;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;IACL,KAAKJ,eAAe,CAACgB,OAAO;MACxB,OAAOjB,GAAG;AAC1B,wCAAwCK,KAAK,CAAC,SAAS,CAAC;AACxD,wCAAwCA,KAAK,CAAC,SAAS,CAAC;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;IACL,KAAKJ,eAAe,CAACiB,OAAO;MACxB,OAAOlB,GAAG;AAC1B,wCAAwCK,KAAK,CAAC,UAAU,CAAC;AACzD,wCAAwCA,KAAK,CAAC,UAAU,CAAC;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;IACL,KAAKJ,eAAe,CAACkB,SAAS;MAC1B,OAAOnB,GAAG;AAC1B,wCAAwCK,KAAK,CAAC,KAAK,CAAC;AACpD,wCAAwCA,KAAK,CAAC,KAAK,CAAC;AACpD,6BAA6BA,KAAK,CAAC,UAAU,CAAC;AAC9C;AACA,4CAA4CA,KAAK,CAAC,UAAU,CAAC;AAC7D,gDAAgDA,KAAK,CAAC,UAAU,CAAC;AACjE;AACA;AACA,iCAAiCA,KAAK,CAAC,UAAU,CAAC;AAClD;AACA,iBAAiB;IACL;MACI,OAAOL,GAAG;AAC1B;AACA,0BAA0BK,KAAK,CAAC,mBAAmB,CAAC;AACpD,0BAA0BA,KAAK,CAACU,qBAAqB;AACrD;AACA,iBAAiB;EACT;AACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/esm/types/comboBox.js

@@ -5,6 +5,8 @@ export let ComboBoxDirection = /*#__PURE__*/function (ComboBoxDirection) {
   ComboBoxDirection[ComboBoxDirection["BOTTOM_RIGHT"] = 3] = "BOTTOM_RIGHT";
   ComboBoxDirection[ComboBoxDirection["TOP_LEFT"] = 4] = "TOP_LEFT";
   ComboBoxDirection[ComboBoxDirection["TOP_RIGHT"] = 5] = "TOP_RIGHT";
+  ComboBoxDirection[ComboBoxDirection["LEFT"] = 6] = "LEFT";
+  ComboBoxDirection[ComboBoxDirection["RIGHT"] = 7] = "RIGHT";
   return ComboBoxDirection;
 }({});
 //# sourceMappingURL=comboBox.js.map

package/lib/esm/types/comboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"comboBox.js","names":["ComboBoxDirection"],"sources":["../../../src/types/comboBox.ts"],"sourcesContent":["export enum ComboBoxDirection {\n    BOTTOM,\n    TOP,\n    BOTTOM_LEFT,\n    BOTTOM_RIGHT,\n    TOP_LEFT,\n    TOP_RIGHT,\n}\n"],"mappings":"AAAA,WAAYA,iBAAiB,0BAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA","ignoreList":[]}
+{"version":3,"file":"comboBox.js","names":["ComboBoxDirection"],"sources":["../../../src/types/comboBox.ts"],"sourcesContent":["export enum ComboBoxDirection {\n    BOTTOM,\n    TOP,\n    BOTTOM_LEFT,\n    BOTTOM_RIGHT,\n    TOP_LEFT,\n    TOP_RIGHT,\n    LEFT,\n    RIGHT,\n}\n"],"mappings":"AAAA,WAAYA,iBAAiB,0BAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA","ignoreList":[]}

package/lib/esm/types/contentCard.js

@@ -3,6 +3,7 @@ export let ContentCardType = /*#__PURE__*/function (ContentCardType) {
   ContentCardType["Error"] = "error";
   ContentCardType["Success"] = "success";
   ContentCardType["Warning"] = "warning";
+  ContentCardType["SiteColor"] = "siteColor";
   return ContentCardType;
 }({});
 //# sourceMappingURL=contentCard.js.map

package/lib/esm/types/contentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"contentCard.js","names":["ContentCardType"],"sources":["../../../src/types/contentCard.ts"],"sourcesContent":["export enum ContentCardType {\n    Default = 'default',\n    Error = 'error',\n    Success = 'success',\n    Warning = 'warning',\n}\n"],"mappings":"AAAA,WAAYA,eAAe,0BAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA","ignoreList":[]}
+{"version":3,"file":"contentCard.js","names":["ContentCardType"],"sources":["../../../src/types/contentCard.ts"],"sourcesContent":["export enum ContentCardType {\n    Default = 'default',\n    Error = 'error',\n    Success = 'success',\n    Warning = 'warning',\n    SiteColor = 'siteColor',\n}\n"],"mappings":"AAAA,WAAYA,eAAe,0BAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA","ignoreList":[]}

package/lib/types/types/comboBox.d.ts

@@ -4,5 +4,7 @@ export declare enum ComboBoxDirection {
     BOTTOM_LEFT = 2,
     BOTTOM_RIGHT = 3,
     TOP_LEFT = 4,
-    TOP_RIGHT = 5
+    TOP_RIGHT = 5,
+    LEFT = 6,
+    RIGHT = 7
 }

package/lib/types/types/contentCard.d.ts

@@ -2,5 +2,6 @@ export declare enum ContentCardType {
     Default = "default",
     Error = "error",
     Success = "success",
-    Warning = "warning"
+    Warning = "warning",
+    SiteColor = "siteColor"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.1102",
+    "version": "5.0.0-beta.1105",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -86,5 +86,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "0ceb964904dc0abfd4604ffde41483a2a3177bdb"
+    "gitHead": "2bb576f866683ed539fa13331c37e2e4737414cd"
 }