@chayns-components/core 5.3.9 → 5.3.11-alpha.0

package/lib/cjs/components/color-scheme-provider/ColorSchemeProvider.js

@@ -81,7 +81,8 @@ const ColorSchemeProvider = ({
   siteId,
   style = {},
   iconColor,
-  customVariables
+  customVariables,
+  shouldEnableKeyboardHighlighting
 }) => {
   var _context$designSettin, _context$designSettin2;
   const context = (0, _react.useContext)(ColorSchemeContext);
@@ -93,6 +94,7 @@ const ColorSchemeProvider = ({
   const colorMode = colorModeProp ?? (context === null || context === void 0 || (_context$designSettin2 = context.designSettings) === null || _context$designSettin2 === void 0 ? void 0 : _context$designSettin2.colorMode) ?? internalColorMode;
   const overrideParagraphFormat = color && color !== internalColor || colorMode !== internalColorMode;
   const paragraphFormat = (0, _react.useMemo)(() => overrideParagraphFormat ? [] : undefined, [overrideParagraphFormat]);
+  const resolvedShouldEnableKeyboardHighlighting = shouldEnableKeyboardHighlighting ?? (context === null || context === void 0 ? void 0 : context.shouldEnableKeyboardHighlighting) ?? false;
   const contextValue = (0, _useChaynsTheme.useChaynsTheme)({
     color,
     iconColor,
@@ -106,7 +108,10 @@ const ColorSchemeProvider = ({
   return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
     theme: contextValue.theme
   }, /*#__PURE__*/_react.default.createElement(ColorSchemeContext.Provider, {
-    value: contextValue
+    value: {
+      ...contextValue,
+      shouldEnableKeyboardHighlighting: resolvedShouldEnableKeyboardHighlighting
+    }
   }, /*#__PURE__*/_react.default.createElement(_ColorSchemeProvider.StyledColorSchemeProvider, {
     className: "color-scheme-provider",
     style: style

package/lib/cjs/components/color-scheme-provider/ColorSchemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSchemeProvider.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_styledComponents","_ColorSchemeProvider","_useChaynsTheme","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GlobalStyle","createGlobalStyle","theme","textRgb","css","ColorSchemeContext","exports","createContext","undefined","useColorScheme","useContext","ColorSchemeProvider","children","color","colorProp","colorMode","colorModeProp","secondaryColor","siteId","style","iconColor","customVariables","_context$designSettin","_context$designSettin2","context","internalColor","internalColorMode","useSite","designSettings","overrideParagraphFormat","paragraphFormat","useMemo","contextValue","useChaynsTheme","createElement","ThemeProvider","Provider","value","StyledColorSchemeProvider","className","displayName","_default"],"sources":["../../../../src/components/color-scheme-provider/ColorSchemeProvider.tsx"],"sourcesContent":["import { ChaynsDesignSettings, ChaynsParagraphFormat, ColorMode, useSite } from 'chayns-api';\nimport React, { createContext, FC, ReactNode, useContext, useMemo } from 'react';\nimport { createGlobalStyle, css, ThemeProvider } from 'styled-components';\nimport { StyledColorSchemeProvider } from './ColorSchemeProvider.styles';\nimport { useChaynsTheme } from './hooks/useChaynsTheme';\n\nexport type ColorSchemeProviderProps = {\n    /**\n     * The content of the application or the components for which the styles should be set\n     */\n    children: ReactNode;\n    /**\n     * The hex color to be used for the children\n     */\n    color?: string;\n    /**\n     * The color mode to be used for the children\n     */\n    colorMode?: ColorMode;\n    /**\n     * The secondary hex color to be used for the children\n     */\n    secondaryColor?: string;\n    /**\n     * The site id of the page for which the design settings should be fetched\n     */\n    siteId?: string;\n    /**\n     * Additional styles set on the root element\n     */\n    style?: { [key: string]: string | number };\n    /**\n     * Additional variables to extend the theme\n     */\n    customVariables?: Record<string, string>;\n    /**\n     * An optional color for all icons\n     */\n    iconColor?: string;\n};\n\nexport interface Theme {\n    [key: string]: string;\n}\n\nexport type WithTheme<T> = T & {\n    theme: Theme;\n};\n\nconst GlobalStyle = createGlobalStyle`\n    .ellipsis {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    footer {\n        font-size: 0.85rem;\n        color: #888;\n        margin: 10px 0 0;\n\n        & a {\n            color: #888;\n            letter-spacing: -0.3px;\n        }\n    }\n\n    .chayns-scrollbar {\n        ${({ theme }: WithTheme<unknown>) => {\n            const textRgb = theme['text-rgb'] ?? '';\n\n            return css`\n                @supports selector(::-webkit-scrollbar-button) {\n                    &::-webkit-scrollbar {\n                        width: 10px;\n                        height: 10px;\n                    }\n\n                    &::-webkit-scrollbar-thumb {\n                        background-color: rgba(${textRgb}, 0.15);\n                        border-radius: 20px;\n                        background-clip: padding-box;\n                        border: solid 3px transparent;\n                    }\n\n                    &::-webkit-scrollbar-track {\n                        background-color: transparent;\n                    }\n\n                    &::-webkit-scrollbar-corner {\n                        background-color: transparent;\n                    }\n\n                    &::-webkit-scrollbar-button {\n                        background-color: transparent;\n                        height: 5px;\n                        width: 5px;\n                    }\n                }\n\n                @supports not selector(::-webkit-scrollbar-button) {\n                    scrollbar-color: rgba(${textRgb}, 0.15) transparent;\n                    scrollbar-width: thin;\n                }\n            `;\n        }}\n    }\n`;\n\nexport interface ColorSchemeContextProps {\n    designSettings?: ChaynsDesignSettings;\n    paragraphFormat: ChaynsParagraphFormat[];\n    theme: Theme;\n}\n\nexport const ColorSchemeContext = createContext<ColorSchemeContextProps | undefined>(undefined);\n\nexport const useColorScheme = () => useContext(ColorSchemeContext);\n\nconst ColorSchemeProvider: FC<ColorSchemeProviderProps> = ({\n    children,\n    color: colorProp,\n    colorMode: colorModeProp,\n    secondaryColor,\n    siteId,\n    style = {},\n    iconColor,\n    customVariables,\n}) => {\n    const context = useContext(ColorSchemeContext);\n\n    const { color: internalColor, colorMode: internalColorMode } = useSite();\n\n    const color = colorProp ?? context?.designSettings?.color ?? internalColor;\n    const colorMode = colorModeProp ?? context?.designSettings?.colorMode ?? internalColorMode;\n\n    const overrideParagraphFormat =\n        (color && color !== internalColor) || colorMode !== internalColorMode;\n\n    const paragraphFormat = useMemo(\n        () => (overrideParagraphFormat ? [] : undefined),\n        [overrideParagraphFormat],\n    );\n\n    const contextValue = useChaynsTheme({\n        color,\n        iconColor,\n        colorMode,\n        secondaryColor,\n        siteId,\n        customVariables,\n        // Overrides the paragraphFormat on changed color or colorMode\n        paragraphFormat,\n    });\n\n    return (\n        <ThemeProvider theme={contextValue.theme}>\n            <ColorSchemeContext.Provider value={contextValue}>\n                <StyledColorSchemeProvider className=\"color-scheme-provider\" style={style}>\n                    {children}\n                </StyledColorSchemeProvider>\n                <GlobalStyle />\n            </ColorSchemeContext.Provider>\n        </ThemeProvider>\n    );\n};\n\nColorSchemeProvider.displayName = 'ColorSchemeProvider';\n\nexport default ColorSchemeProvider;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ColorSchemeProvider.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_styledComponents","_ColorSchemeProvider","_useChaynsTheme","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GlobalStyle","createGlobalStyle","theme","textRgb","css","ColorSchemeContext","exports","createContext","undefined","useColorScheme","useContext","ColorSchemeProvider","children","color","colorProp","colorMode","colorModeProp","secondaryColor","siteId","style","iconColor","customVariables","shouldEnableKeyboardHighlighting","_context$designSettin","_context$designSettin2","context","internalColor","internalColorMode","useSite","designSettings","overrideParagraphFormat","paragraphFormat","useMemo","resolvedShouldEnableKeyboardHighlighting","contextValue","useChaynsTheme","createElement","ThemeProvider","Provider","value","StyledColorSchemeProvider","className","displayName","_default"],"sources":["../../../../src/components/color-scheme-provider/ColorSchemeProvider.tsx"],"sourcesContent":["import { ChaynsDesignSettings, ChaynsParagraphFormat, ColorMode, useSite } from 'chayns-api';\nimport React, { createContext, FC, ReactNode, useContext, useMemo } from 'react';\nimport { createGlobalStyle, css, ThemeProvider } from 'styled-components';\nimport { StyledColorSchemeProvider } from './ColorSchemeProvider.styles';\nimport { useChaynsTheme } from './hooks/useChaynsTheme';\n\nexport type ColorSchemeProviderProps = {\n    /**\n     * The content of the application or the components for which the styles should be set\n     */\n    children: ReactNode;\n    /**\n     * The hex color to be used for the children\n     */\n    color?: string;\n    /**\n     * The color mode to be used for the children\n     */\n    colorMode?: ColorMode;\n    /**\n     * The secondary hex color to be used for the children\n     */\n    secondaryColor?: string;\n    /**\n     * The site id of the page for which the design settings should be fetched\n     */\n    siteId?: string;\n    /**\n     * Additional styles set on the root element\n     */\n    style?: { [key: string]: string | number };\n    /**\n     * Additional variables to extend the theme\n     */\n    customVariables?: Record<string, string>;\n    /**\n     * An optional color for all icons\n     */\n    iconColor?: string;\n    /**\n     * Enables keyboard-only focus highlighting globally for child components.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n};\n\nexport interface Theme {\n    [key: string]: string;\n}\n\nexport type WithTheme<T> = T & {\n    theme: Theme;\n};\n\nconst GlobalStyle = createGlobalStyle`\n    .ellipsis {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    footer {\n        font-size: 0.85rem;\n        color: #888;\n        margin: 10px 0 0;\n\n        & a {\n            color: #888;\n            letter-spacing: -0.3px;\n        }\n    }\n\n    .chayns-scrollbar {\n        ${({ theme }: WithTheme<unknown>) => {\n            const textRgb = theme['text-rgb'] ?? '';\n\n            return css`\n                @supports selector(::-webkit-scrollbar-button) {\n                    &::-webkit-scrollbar {\n                        width: 10px;\n                        height: 10px;\n                    }\n\n                    &::-webkit-scrollbar-thumb {\n                        background-color: rgba(${textRgb}, 0.15);\n                        border-radius: 20px;\n                        background-clip: padding-box;\n                        border: solid 3px transparent;\n                    }\n\n                    &::-webkit-scrollbar-track {\n                        background-color: transparent;\n                    }\n\n                    &::-webkit-scrollbar-corner {\n                        background-color: transparent;\n                    }\n\n                    &::-webkit-scrollbar-button {\n                        background-color: transparent;\n                        height: 5px;\n                        width: 5px;\n                    }\n                }\n\n                @supports not selector(::-webkit-scrollbar-button) {\n                    scrollbar-color: rgba(${textRgb}, 0.15) transparent;\n                    scrollbar-width: thin;\n                }\n            `;\n        }}\n    }\n`;\n\nexport interface ColorSchemeContextProps {\n    designSettings?: ChaynsDesignSettings;\n    paragraphFormat: ChaynsParagraphFormat[];\n    theme: Theme;\n    shouldEnableKeyboardHighlighting: boolean;\n}\n\nexport const ColorSchemeContext = createContext<ColorSchemeContextProps | undefined>(undefined);\n\nexport const useColorScheme = (): ColorSchemeContextProps | undefined =>\n    useContext(ColorSchemeContext);\n\nconst ColorSchemeProvider: FC<ColorSchemeProviderProps> = ({\n    children,\n    color: colorProp,\n    colorMode: colorModeProp,\n    secondaryColor,\n    siteId,\n    style = {},\n    iconColor,\n    customVariables,\n    shouldEnableKeyboardHighlighting,\n}) => {\n    const context = useContext(ColorSchemeContext);\n\n    const { color: internalColor, colorMode: internalColorMode } = useSite();\n\n    const color = colorProp ?? context?.designSettings?.color ?? internalColor;\n    const colorMode = colorModeProp ?? context?.designSettings?.colorMode ?? internalColorMode;\n\n    const overrideParagraphFormat =\n        (color && color !== internalColor) || colorMode !== internalColorMode;\n\n    const paragraphFormat = useMemo(\n        () => (overrideParagraphFormat ? [] : undefined),\n        [overrideParagraphFormat],\n    );\n\n    const resolvedShouldEnableKeyboardHighlighting =\n        shouldEnableKeyboardHighlighting ?? context?.shouldEnableKeyboardHighlighting ?? false;\n\n    const contextValue = useChaynsTheme({\n        color,\n        iconColor,\n        colorMode,\n        secondaryColor,\n        siteId,\n        customVariables,\n        // Overrides the paragraphFormat on changed color or colorMode\n        paragraphFormat,\n    });\n\n    return (\n        <ThemeProvider theme={contextValue.theme}>\n            <ColorSchemeContext.Provider\n                value={{\n                    ...contextValue,\n                    shouldEnableKeyboardHighlighting: resolvedShouldEnableKeyboardHighlighting,\n                }}\n            >\n                <StyledColorSchemeProvider className=\"color-scheme-provider\" style={style}>\n                    {children}\n                </StyledColorSchemeProvider>\n                <GlobalStyle />\n            </ColorSchemeContext.Provider>\n        </ThemeProvider>\n    );\n};\n\nColorSchemeProvider.displayName = 'ColorSchemeProvider';\n\nexport default ColorSchemeProvider;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/color-scheme-provider/ColorSchemeProvider.styles.js

@@ -10,17 +10,23 @@ var _styledComponents = require("styled-components");
 const StyledColorSchemeProvider = exports.StyledColorSchemeProvider = _styledComponents.styled.div`
     color: var(--chayns-color--text);
 
+    --focus-color: color-mix(in srgb, currentColor 70%, transparent);
+    --focus-outline: var(--focus-color) solid 2px;
+    --focus-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);
+    --focus-border-radius-circle: 50%;
+    --focus-border-radius: 3px;
+
     ${({
   theme
 }) => (0, _colors.getAvailableColorList)().map(colorName => {
   const colorNameRgb = `${colorName}-rgb`;
-  return [`--chayns-color--${colorName}: ${theme[colorName]};`, `--chayns-color-rgb--${colorName}: ${theme[colorNameRgb]};`];
+  return [`--chayns-color--${colorName}: ${theme[colorName] ?? ''};`, `--chayns-color-rgb--${colorName}: ${theme[colorNameRgb] ?? ''};`];
 })}
 
     ${({
   theme
 }) => `
-        --chayns-color--header-bar: ${theme['header-bar'] ?? theme.primary};
+        --chayns-color--header-bar: ${theme['header-bar'] ?? theme.primary ?? ''};
     `}
 
     // ToDo: Remove .h1...

package/lib/cjs/components/color-scheme-provider/ColorSchemeProvider.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSchemeProvider.styles.js","names":["_colors","require","_styledComponents","StyledColorSchemeProvider","exports","styled","div","theme","getAvailableColorList","map","colorName","colorNameRgb","primary"],"sources":["../../../../src/components/color-scheme-provider/ColorSchemeProvider.styles.ts"],"sourcesContent":["import { getAvailableColorList } from '@chayns/colors';\nimport { styled } from 'styled-components';\nimport type { WithTheme } from './ColorSchemeProvider';\n\ntype ColorSchemeProviderProps = WithTheme<unknown>;\n\n// noinspection CssUnresolvedCustomProperty\nexport const StyledColorSchemeProvider = styled.div<ColorSchemeProviderProps>`\n    color: var(--chayns-color--text);\n\n    ${({ theme }: ColorSchemeProviderProps) =>\n        getAvailableColorList().map((colorName: string) => {\n            const colorNameRgb = `${colorName}-rgb`;\n            return [\n                `--chayns-color--${colorName}: ${theme[colorName]};`,\n                `--chayns-color-rgb--${colorName}: ${theme[colorNameRgb]};`,\n            ];\n        })}\n\n    ${({ theme }: ColorSchemeProviderProps) =>\n        `\n        --chayns-color--header-bar: ${theme['header-bar'] ?? theme.primary};\n    `}\n\n    // ToDo: Remove .h1...\n    .color-scheme-provider :is(h1,.h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6):first-child {\n        margin-top: 0;\n    }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAKA;AACO,MAAME,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAGE,wBAAM,CAACC,GAA6B;AAC7E;AACA;AACA,MAAM,CAAC;EAAEC;AAAgC,CAAC,KAClC,IAAAC,6BAAqB,EAAC,CAAC,CAACC,GAAG,CAAEC,SAAiB,IAAK;EAC/C,MAAMC,YAAY,GAAG,GAAGD,SAAS,MAAM;EACvC,OAAO,CACH,mBAAmBA,SAAS,KAAKH,KAAK,CAACG,SAAS,CAAC,GAAG,EACpD,uBAAuBA,SAAS,KAAKH,KAAK,CAACI,YAAY,CAAC,GAAG,CAC9D;AACL,CAAC,CAAC;AACV;AACA,MAAM,CAAC;EAAEJ;AAAgC,CAAC,KAClC;AACR,sCAAsCA,KAAK,CAAC,YAAY,CAAC,IAAIA,KAAK,CAACK,OAAO;AAC1E,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"ColorSchemeProvider.styles.js","names":["_colors","require","_styledComponents","StyledColorSchemeProvider","exports","styled","div","theme","getAvailableColorList","map","colorName","colorNameRgb","primary"],"sources":["../../../../src/components/color-scheme-provider/ColorSchemeProvider.styles.ts"],"sourcesContent":["import { getAvailableColorList } from '@chayns/colors';\nimport { styled } from 'styled-components';\nimport type { WithTheme } from './ColorSchemeProvider';\n\ntype ColorSchemeProviderProps = WithTheme<unknown>;\n\n// noinspection CssUnresolvedCustomProperty\nexport const StyledColorSchemeProvider = styled.div<ColorSchemeProviderProps>`\n    color: var(--chayns-color--text);\n\n    --focus-color: color-mix(in srgb, currentColor 70%, transparent);\n    --focus-outline: var(--focus-color) solid 2px;\n    --focus-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);\n    --focus-border-radius-circle: 50%;\n    --focus-border-radius: 3px;\n\n    ${({ theme }: ColorSchemeProviderProps) =>\n        getAvailableColorList().map((colorName: string) => {\n            const colorNameRgb = `${colorName}-rgb`;\n            return [\n                `--chayns-color--${colorName}: ${theme[colorName] ?? ''};`,\n                `--chayns-color-rgb--${colorName}: ${theme[colorNameRgb] ?? ''};`,\n            ];\n        })}\n\n    ${({ theme }: ColorSchemeProviderProps) =>\n        `\n        --chayns-color--header-bar: ${theme['header-bar'] ?? theme.primary ?? ''};\n    `}\n\n    // ToDo: Remove .h1...\n    .color-scheme-provider :is(h1,.h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6):first-child {\n        margin-top: 0;\n    }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAKA;AACO,MAAME,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAGE,wBAAM,CAACC,GAA6B;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAEC;AAAgC,CAAC,KAClC,IAAAC,6BAAqB,EAAC,CAAC,CAACC,GAAG,CAAEC,SAAiB,IAAK;EAC/C,MAAMC,YAAY,GAAG,GAAGD,SAAS,MAAM;EACvC,OAAO,CACH,mBAAmBA,SAAS,KAAKH,KAAK,CAACG,SAAS,CAAC,IAAI,EAAE,GAAG,EAC1D,uBAAuBA,SAAS,KAAKH,KAAK,CAACI,YAAY,CAAC,IAAI,EAAE,GAAG,CACpE;AACL,CAAC,CAAC;AACV;AACA,MAAM,CAAC;EAAEJ;AAAgC,CAAC,KAClC;AACR,sCAAsCA,KAAK,CAAC,YAAY,CAAC,IAAIA,KAAK,CAACK,OAAO,IAAI,EAAE;AAChF,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

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

@@ -16,6 +16,7 @@ var _dropdown = require("../../types/dropdown");
 var _element = require("../../hooks/element");
 var _ComboBox2 = require("./ComboBox.types");
 var _ComboBox3 = require("./ComboBox.utils");
+var _useKeyboardFocusHighlighting = require("../../hooks/useKeyboardFocusHighlighting");
 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 = /*#__PURE__*/(0, _react.forwardRef)(({
@@ -44,7 +45,8 @@ const ComboBox = /*#__PURE__*/(0, _react.forwardRef)(({
   onInputBlur,
   shouldShowTransparentBackground = false,
   inputValue,
-  shouldDropDownUseMaxItemWidth = false
+  shouldDropDownUseMaxItemWidth = false,
+  shouldEnableKeyboardHighlighting
 }, ref) => {
   const [internalSelectedItem, setInternalSelectedItem] = (0, _react.useState)();
   const [isAnimating, setIsAnimating] = (0, _react.useState)(false);
@@ -53,6 +55,8 @@ const ComboBox = /*#__PURE__*/(0, _react.forwardRef)(({
   const [focusedIndex, setFocusedIndex] = (0, _react.useState)(null);
   const isInputFocused = (0, _react.useRef)(false);
   const styledComboBoxElementRef = (0, _react.useRef)(null);
+  const comboBoxHeaderRef = (0, _react.useRef)(null);
+  const comboBoxInputRef = (0, _react.useRef)(null);
   const contentRef = (0, _react.useRef)(null);
   const parentSize = (0, _element.useElementSize)(styledComboBoxElementRef, {
     shouldUseParentElement: true
@@ -88,6 +92,7 @@ const ComboBox = /*#__PURE__*/(0, _react.forwardRef)(({
     setBodyMinWidth(calculatedBodyMinWidth);
   }, [functions, internalSelectedItem, lists, parentSize, placeholder, prefix, prefixMinWidth, selectedItem, shouldDropDownUseMaxItemWidth, shouldShowBigImage, shouldShowClearIcon, shouldUseCurrentItemWidth, shouldUseFullWidth, values]);
   const shouldChangeColor = (0, _react.useMemo)(() => areaProvider.shouldChangeColor ?? false, [areaProvider.shouldChangeColor]);
+  const shouldShowKeyboardHighlighting = (0, _useKeyboardFocusHighlighting.useKeyboardFocusHighlighting)(shouldEnableKeyboardHighlighting && !isDisabled);
   const shouldDisableActions = (0, _react.useMemo)(() => {
     if (!selectedItem) {
       return false;
@@ -129,6 +134,18 @@ const ComboBox = /*#__PURE__*/(0, _react.forwardRef)(({
     }
     setIsAnimating(false);
   }, [onHide]);
+  const restoreTriggerFocus = (0, _react.useCallback)(() => {
+    // Delay is needed so focus happens after dropdown close/render cycle.
+    requestAnimationFrame(() => {
+      var _comboBoxHeaderRef$cu;
+      if (typeof inputValue === 'string') {
+        var _comboBoxInputRef$cur;
+        (_comboBoxInputRef$cur = comboBoxInputRef.current) === null || _comboBoxInputRef$cur === void 0 || _comboBoxInputRef$cur.focus();
+        return;
+      }
+      (_comboBoxHeaderRef$cu = comboBoxHeaderRef.current) === null || _comboBoxHeaderRef$cu === void 0 || _comboBoxHeaderRef$cu.focus();
+    });
+  }, [inputValue]);
 
   /**
    * This function sets the selected item
@@ -144,13 +161,15 @@ const ComboBox = /*#__PURE__*/(0, _react.forwardRef)(({
           if (shouldPreventSelection) return;
           setInternalSelectedItem(itemToSelect);
           handleClose();
+          restoreTriggerFocus();
         });
         return;
       }
     }
     setInternalSelectedItem(itemToSelect);
     handleClose();
-  }, [handleClose, onSelect]);
+    restoreTriggerFocus();
+  }, [handleClose, onSelect, restoreTriggerFocus]);
   const handleClear = (0, _react.useCallback)(event => {
     event.preventDefault();
     event.stopPropagation();
@@ -159,6 +178,12 @@ const ComboBox = /*#__PURE__*/(0, _react.forwardRef)(({
   (0, _react.useEffect)(() => {
     const handleKeyDown = e => {
       if (!isAnimating) return;
+      if (e.key === 'Escape') {
+        e.preventDefault();
+        handleClose();
+        restoreTriggerFocus();
+        return;
+      }
       if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
         var _contentRef$current;
         e.preventDefault();
@@ -206,7 +231,7 @@ const ComboBox = /*#__PURE__*/(0, _react.forwardRef)(({
     };
     document.addEventListener('keydown', handleKeyDown);
     return () => document.removeEventListener('keydown', handleKeyDown);
-  }, [focusedIndex, handleSetSelectedItem, isAnimating, lists]);
+  }, [focusedIndex, handleClose, handleSetSelectedItem, isAnimating, lists, restoreTriggerFocus]);
 
   /**
    * This function sets the external selected item
@@ -265,6 +290,21 @@ const ComboBox = /*#__PURE__*/(0, _react.forwardRef)(({
       }
     }
   }, [handleClose, handleOpen, isAnimating, isDisabled]);
+  const handleHeaderKeyDown = (0, _react.useCallback)(event => {
+    if (isDisabled || typeof inputValue === 'string') {
+      return;
+    }
+    if (event.key === 'Escape' && isAnimating) {
+      event.preventDefault();
+      handleClose();
+      restoreTriggerFocus();
+      return;
+    }
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      handleHeaderClick();
+    }
+  }, [handleClose, handleHeaderClick, inputValue, isAnimating, isDisabled, restoreTriggerFocus]);
   (0, _react.useImperativeHandle)(ref, () => ({
     hide: handleClose,
     show: handleOpen
@@ -286,6 +326,7 @@ const ComboBox = /*#__PURE__*/(0, _react.forwardRef)(({
     $minWidth: minWidth,
     $shouldUseFullWidth: shouldUseFullWidth
   }, /*#__PURE__*/_react.default.createElement(_ComboBox.StyledComboBoxHeader, {
+    ref: comboBoxHeaderRef,
     $direction: direction,
     onClick: handleHeaderClick,
     $isOpen: isAnimating,
@@ -294,7 +335,12 @@ const ComboBox = /*#__PURE__*/(0, _react.forwardRef)(({
     $shouldShowTransparentBackground: shouldShowTransparentBackground,
     $isDisabled: isDisabled,
     $shouldChangeColor: shouldChangeColor,
-    $shouldShowBigImage: shouldShowBigImage
+    $shouldShowBigImage: shouldShowBigImage,
+    $shouldShowKeyboardHighlighting: shouldShowKeyboardHighlighting,
+    onKeyDown: handleHeaderKeyDown,
+    tabIndex: !isDisabled && typeof inputValue !== 'string' ? 0 : undefined,
+    role: !isDisabled && typeof inputValue !== 'string' ? 'button' : undefined,
+    "aria-expanded": !isDisabled && typeof inputValue !== 'string' ? isAnimating : undefined
   }, /*#__PURE__*/_react.default.createElement(_ComboBox.StyledComboBoxPrefixAndPlaceholderWrapper, null, prefix && /*#__PURE__*/_react.default.createElement(_ComboBox.StyledComboBoxPrefix, {
     $prefixMinWidth: prefixMinWidth
   }, prefix), /*#__PURE__*/_react.default.createElement(_ComboBox.StyledComboBoxPlaceholder, {
@@ -306,6 +352,7 @@ const ComboBox = /*#__PURE__*/(0, _react.forwardRef)(({
   }), placeholderIcon && /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icons: placeholderIcon
   }), typeof inputValue === 'string' ? /*#__PURE__*/_react.default.createElement(_ComboBox.StyledComboBoxInput, {
+    ref: comboBoxInputRef,
     disabled: isDisabled,
     value: inputValue,
     onChange: onInputChange,
@@ -340,7 +387,7 @@ const ComboBox = /*#__PURE__*/(0, _react.forwardRef)(({
     className: "chayns-scrollbar",
     ref: contentRef,
     tabIndex: 0
-  }, comboBoxGroups))), [bodyMinWidth, bodyWidth, comboBoxGroups, container, contentHeight, direction, handleClear, handleClose, handleHeaderClick, handleInputBlur, handleInputFocus, inputValue, internalSelectedItem, isAnimating, isDisabled, isTouch, maxHeight, minWidth, onInputChange, placeholderIcon, placeholderImageUrl, placeholderText, prefix, prefixMinWidth, selectedItem, shouldChangeColor, shouldDisableActions, shouldCaptureEvents, shouldShowBigImage, shouldShowClearIcon, shouldShowRoundPlaceholderImage, shouldShowTransparentBackground, shouldUseFullWidth, size]);
+  }, comboBoxGroups))), [bodyMinWidth, bodyWidth, comboBoxGroups, container, contentHeight, direction, handleClear, handleClose, handleHeaderClick, handleHeaderKeyDown, handleInputBlur, handleInputFocus, inputValue, internalSelectedItem, isAnimating, isDisabled, isTouch, maxHeight, minWidth, onInputChange, placeholderIcon, placeholderImageUrl, placeholderText, prefix, prefixMinWidth, selectedItem, shouldChangeColor, shouldDisableActions, shouldCaptureEvents, shouldShowKeyboardHighlighting, shouldShowBigImage, shouldShowClearIcon, shouldShowRoundPlaceholderImage, shouldShowTransparentBackground, shouldUseFullWidth, size]);
 });
 ComboBox.displayName = 'ComboBox';
 var _default = exports.default = ComboBox;

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_environment","_AreaContextProvider","_Icon","_interopRequireDefault","_ComboBoxItem","_ComboBox","_DropdownBodyWrapper","_dropdown","_element","_ComboBox2","_ComboBox3","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ComboBox","forwardRef","bodyWidth","direction","DropdownDirection","RIGHT","isDisabled","lists","maxHeight","onSelect","placeholder","prefix","container","shouldCaptureEvents","selectedItem","onHide","onShow","shouldShowBigImage","shouldShowClearIcon","shouldShowRoundImage","onInputFocus","prefixMinWidth","size","ComboBoxSize","NORMAL","shouldUseFullWidth","onInputChange","shouldUseCurrentItemWidth","onInputBlur","shouldShowTransparentBackground","inputValue","shouldDropDownUseMaxItemWidth","ref","internalSelectedItem","setInternalSelectedItem","useState","isAnimating","setIsAnimating","minWidth","setMinWidth","undefined","bodyMinWidth","setBodyMinWidth","focusedIndex","setFocusedIndex","isInputFocused","useRef","styledComboBoxElementRef","contentRef","parentSize","useElementSize","shouldUseParentElement","functions","useFunctions","values","useValues","isTouch","useIsTouch","areaProvider","useContext","AreaContext","useEffect","calculatedMinWidth","calculatedBodyMinWidth","getComboBoxWidthResult","parentWidth","width","shouldChangeColor","useMemo","shouldDisableActions","combinedLists","flatMap","list","length","some","item","value","contentHeight","flatItems","height","reduce","isBigItem","subtext","trim","handleInputFocus","useCallback","event","current","handleInputBlur","handleOpen","handleClose","handleSetSelectedItem","itemToSelect","onSelectResult","Promise","then","shouldPreventSelection","handleClear","preventDefault","stopPropagation","handleKeyDown","key","_contentRef$current","children","stepDirection","newIndex","attempts","newElement","shouldSkip","id","startsWith","endsWith","prevElement","tabIndex","focusedElement","focus","_contentRef$current2","element","newSelectedItem","find","String","replace","document","addEventListener","removeEventListener","placeholderImageUrl","imageUrl","placeholderIcon","icons","placeholderText","text","shouldShowRoundPlaceholderImage","selectedItemList","handleHeaderClick","useImperativeHandle","hide","show","comboBoxGroups","map","createElement","Fragment","groupName","StyledComboBoxTopic","isSelected","StyledComboBox","$minWidth","$shouldUseFullWidth","StyledComboBoxHeader","$direction","onClick","$isOpen","$isTouch","$size","$shouldShowTransparentBackground","$isDisabled","$shouldChangeColor","$shouldShowBigImage","StyledComboBoxPrefixAndPlaceholderWrapper","StyledComboBoxPrefix","$prefixMinWidth","StyledComboBoxPlaceholder","$shouldReduceOpacity","StyledComboBoxPlaceholderImage","src","$shouldShowRoundImage","StyledComboBoxInput","disabled","onChange","onBlur","onFocus","StyledComboBoxPlaceholderText","suffixElement","StyledComboBoxClearIconWrapper","StyledComboBoxIconWrapper","$shouldShowBorderLeft","anchorElement","onClose","shouldShowDropdown","minBodyWidth","StyledComboBoxBody","$maxHeight","className","displayName","_default","exports"],"sources":["../../../../src/components/combobox/ComboBox.tsx"],"sourcesContent":["import { useFunctions, useValues } from 'chayns-api';\nimport React, {\n    FocusEventHandler,\n    forwardRef,\n    Fragment,\n    useCallback,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useIsTouch } from '../../utils/environment';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport Icon from '../icon/Icon';\nimport ComboBoxItem from './combobox-item/ComboBoxItem';\nimport {\n    StyledComboBox,\n    StyledComboBoxBody,\n    StyledComboBoxClearIconWrapper,\n    StyledComboBoxHeader,\n    StyledComboBoxIconWrapper,\n    StyledComboBoxInput,\n    StyledComboBoxPlaceholder,\n    StyledComboBoxPlaceholderImage,\n    StyledComboBoxPlaceholderText,\n    StyledComboBoxPrefix,\n    StyledComboBoxPrefixAndPlaceholderWrapper,\n    StyledComboBoxTopic,\n} from './ComboBox.styles';\nimport DropdownBodyWrapper from '../dropdown-body-wrapper/DropdownBodyWrapper';\nimport { DropdownDirection } from '../../types/dropdown';\nimport { useElementSize } from '../../hooks/element';\nimport { ComboBoxProps, ComboBoxRef, ComboBoxSize, IComboBoxItem } from './ComboBox.types';\nimport { getComboBoxWidthResult } from './ComboBox.utils';\n\nconst ComboBox = forwardRef<ComboBoxRef, ComboBoxProps>(\n    (\n        {\n            bodyWidth,\n            direction = DropdownDirection.RIGHT,\n            isDisabled = false,\n            lists,\n            maxHeight = 280,\n            onSelect,\n            placeholder,\n            prefix,\n            container,\n            shouldCaptureEvents,\n            selectedItem,\n            onHide,\n            onShow,\n            shouldShowBigImage,\n            shouldShowClearIcon,\n            shouldShowRoundImage,\n            onInputFocus,\n            prefixMinWidth,\n            size = ComboBoxSize.NORMAL,\n            shouldUseFullWidth = false,\n            onInputChange,\n            shouldUseCurrentItemWidth = false,\n            onInputBlur,\n            shouldShowTransparentBackground = false,\n            inputValue,\n            shouldDropDownUseMaxItemWidth = false,\n        },\n        ref,\n    ) => {\n        const [internalSelectedItem, setInternalSelectedItem] = useState<IComboBoxItem>();\n        const [isAnimating, setIsAnimating] = useState(false);\n        const [minWidth, setMinWidth] = useState<number | undefined>(undefined);\n        const [bodyMinWidth, setBodyMinWidth] = useState(0);\n        const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n\n        const isInputFocused = useRef(false);\n        const styledComboBoxElementRef = useRef<HTMLDivElement>(null);\n        const contentRef = useRef<HTMLDivElement | null>(null);\n\n        const parentSize = useElementSize(styledComboBoxElementRef, {\n            shouldUseParentElement: true,\n        });\n\n        const functions = useFunctions();\n        const values = useValues();\n        const isTouch = useIsTouch();\n        const areaProvider = useContext(AreaContext);\n\n        useEffect(() => {\n            if (!parentSize) {\n                return;\n            }\n\n            const { minWidth: calculatedMinWidth, bodyMinWidth: calculatedBodyMinWidth } =\n                getComboBoxWidthResult({\n                    functions,\n                    internalSelectedItem,\n                    lists,\n                    parentWidth: parentSize.width,\n                    placeholder,\n                    prefix,\n                    prefixMinWidth,\n                    selectedItem,\n                    shouldDropDownUseMaxItemWidth,\n                    shouldShowBigImage,\n                    shouldShowClearIcon,\n                    shouldUseCurrentItemWidth,\n                    shouldUseFullWidth,\n                    values,\n                });\n\n            setMinWidth(calculatedMinWidth);\n            setBodyMinWidth(calculatedBodyMinWidth);\n        }, [\n            functions,\n            internalSelectedItem,\n            lists,\n            parentSize,\n            placeholder,\n            prefix,\n            prefixMinWidth,\n            selectedItem,\n            shouldDropDownUseMaxItemWidth,\n            shouldShowBigImage,\n            shouldShowClearIcon,\n            shouldUseCurrentItemWidth,\n            shouldUseFullWidth,\n            values,\n        ]);\n\n        const shouldChangeColor = useMemo(\n            () => areaProvider.shouldChangeColor ?? false,\n            [areaProvider.shouldChangeColor],\n        );\n\n        const shouldDisableActions = useMemo(() => {\n            if (!selectedItem) {\n                return false;\n            }\n\n            const combinedLists = lists.flatMap((list) => list.list);\n\n            return (\n                combinedLists.length === 1 &&\n                combinedLists.some((item) => item.value === selectedItem.value)\n            );\n        }, [lists, selectedItem]);\n\n        const contentHeight = useMemo(() => {\n            const flatItems = lists.flatMap((list) => list.list);\n\n            let height = flatItems.reduce((value, item) => {\n                const isBigItem =\n                    shouldShowBigImage ||\n                    (typeof item.subtext === 'string' && item.subtext.trim() !== '');\n\n                return value + (isBigItem ? 56 : 38);\n            }, 0);\n\n            if (lists.length > 1) {\n                height += lists.length * 38;\n            }\n\n            if (maxHeight < height) {\n                height = maxHeight;\n            }\n\n            return height;\n        }, [lists, maxHeight, shouldShowBigImage]);\n\n        const handleInputFocus: FocusEventHandler<HTMLInputElement> = useCallback(\n            (event) => {\n                isInputFocused.current = true;\n                onInputFocus?.(event);\n            },\n            [onInputFocus],\n        );\n\n        const handleInputBlur: FocusEventHandler<HTMLInputElement> = useCallback(\n            (event) => {\n                isInputFocused.current = false;\n                onInputBlur?.(event);\n            },\n            [onInputBlur],\n        );\n\n        const handleOpen = useCallback(() => {\n            if (typeof onShow === 'function') {\n                onShow();\n            }\n\n            setIsAnimating(true);\n        }, [onShow]);\n\n        const handleClose = useCallback(() => {\n            if (typeof onHide === 'function') {\n                onHide();\n            }\n\n            setIsAnimating(false);\n        }, [onHide]);\n\n        /**\n         * This function sets the selected item\n         */\n        const handleSetSelectedItem = useCallback(\n            (itemToSelect?: IComboBoxItem) => {\n                if (typeof onSelect === 'function') {\n                    const onSelectResult = onSelect(itemToSelect);\n\n                    if (onSelectResult === false) {\n                        return;\n                    }\n\n                    if (onSelectResult instanceof Promise) {\n                        void onSelectResult.then((shouldPreventSelection) => {\n                            if (shouldPreventSelection) return;\n\n                            setInternalSelectedItem(itemToSelect);\n                            handleClose();\n                        });\n\n                        return;\n                    }\n                }\n\n                setInternalSelectedItem(itemToSelect);\n                handleClose();\n            },\n            [handleClose, onSelect],\n        );\n\n        const handleClear = useCallback(\n            (event: React.MouseEvent<HTMLDivElement>) => {\n                event.preventDefault();\n                event.stopPropagation();\n\n                handleSetSelectedItem(undefined);\n            },\n            [handleSetSelectedItem],\n        );\n\n        useEffect(() => {\n            const handleKeyDown = (e: KeyboardEvent) => {\n                if (!isAnimating) return;\n\n                if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n                    e.preventDefault();\n\n                    const children = contentRef.current?.children;\n\n                    if (!children || children.length === 0) return;\n\n                    const stepDirection = e.key === 'ArrowUp' ? -1 : 1;\n\n                    let newIndex = focusedIndex ?? -1;\n\n                    let attempts = 0;\n\n                    do {\n                        newIndex = (newIndex + stepDirection + children.length) % children.length;\n\n                        const newElement = children[newIndex] as HTMLDivElement;\n\n                        let shouldSkip = false;\n\n                        if (\n                            newElement.id.startsWith('combobox-group--') ||\n                            newElement.id.endsWith('--disabled-item')\n                        ) {\n                            shouldSkip = true;\n                        }\n\n                        if (!shouldSkip) break;\n\n                        attempts++;\n                    } while (attempts < children.length);\n\n                    if (focusedIndex !== null) {\n                        const prevElement = children[focusedIndex] as HTMLDivElement;\n\n                        prevElement.tabIndex = -1;\n                    }\n\n                    setFocusedIndex(newIndex);\n\n                    const focusedElement = children[newIndex] as HTMLDivElement;\n\n                    focusedElement.tabIndex = 0;\n                    focusedElement.focus();\n                } else if (e.key === 'Enter' && focusedIndex !== null) {\n                    const element = contentRef.current?.children[focusedIndex];\n\n                    if (!element) return;\n\n                    const { id } = element;\n\n                    let newSelectedItem: IComboBoxItem | undefined;\n\n                    lists.some((list) => {\n                        newSelectedItem = list.list.find(\n                            ({ value }) => String(value) === id.replace('combobox-item__', ''),\n                        );\n\n                        return !!newSelectedItem;\n                    });\n\n                    if (newSelectedItem) {\n                        handleSetSelectedItem(newSelectedItem);\n                    }\n                }\n            };\n\n            document.addEventListener('keydown', handleKeyDown);\n\n            return () => document.removeEventListener('keydown', handleKeyDown);\n        }, [focusedIndex, handleSetSelectedItem, isAnimating, lists]);\n\n        /**\n         * This function sets the external selected item\n         */\n        useEffect(() => {\n            setIsAnimating(false);\n            setInternalSelectedItem(selectedItem);\n        }, [selectedItem]);\n\n        const placeholderImageUrl = useMemo(() => {\n            if (selectedItem) {\n                return selectedItem.imageUrl;\n            }\n\n            if (internalSelectedItem) {\n                return internalSelectedItem.imageUrl;\n            }\n\n            return undefined;\n        }, [internalSelectedItem, selectedItem]);\n\n        const placeholderIcon = useMemo(() => {\n            if (selectedItem) {\n                return selectedItem.icons;\n            }\n\n            if (internalSelectedItem) {\n                return internalSelectedItem.icons;\n            }\n\n            return undefined;\n        }, [internalSelectedItem, selectedItem]);\n\n        /**\n         * This function resets the placeholder\n         */\n        const placeholderText = useMemo(() => {\n            let text = placeholder;\n\n            if (selectedItem) {\n                text = selectedItem.text;\n            } else if (internalSelectedItem) {\n                text = internalSelectedItem.text;\n            }\n\n            return text;\n        }, [internalSelectedItem, placeholder, selectedItem]);\n\n        const shouldShowRoundPlaceholderImage = useMemo(() => {\n            const selectedItemList = lists.find((list) =>\n                list.list.some(\n                    ({ value }) => value === (selectedItem?.value ?? internalSelectedItem?.value),\n                ),\n            );\n\n            return selectedItemList?.shouldShowRoundImage ?? shouldShowRoundImage;\n        }, [internalSelectedItem?.value, lists, selectedItem?.value, shouldShowRoundImage]);\n\n        /**\n         * This function opens the content of the combobox\n         */\n        const handleHeaderClick = useCallback(() => {\n            if (!isDisabled && !isInputFocused.current) {\n                if (isAnimating) {\n                    handleClose();\n                } else {\n                    handleOpen();\n                }\n            }\n        }, [handleClose, handleOpen, isAnimating, isDisabled]);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                hide: handleClose,\n                show: handleOpen,\n            }),\n            [handleClose, handleOpen],\n        );\n\n        const comboBoxGroups = useMemo(\n            () =>\n                lists.map((list) => (\n                    <Fragment key={list.groupName ?? 'default-group'}>\n                        {list.groupName && lists.length > 1 && (\n                            <StyledComboBoxTopic id={`combobox-group--${list.groupName}`}>\n                                {list.groupName}\n                            </StyledComboBoxTopic>\n                        )}\n                        {list.list.map((item) => (\n                            <ComboBoxItem\n                                key={`item-${item.text}`}\n                                item={item}\n                                isSelected={\n                                    selectedItem ? item.value === selectedItem.value : false\n                                }\n                                onSelect={handleSetSelectedItem}\n                                shouldShowBigImage={shouldShowBigImage}\n                                shouldShowRoundImage={\n                                    list.shouldShowRoundImage ?? shouldShowRoundImage\n                                }\n                            />\n                        ))}\n                    </Fragment>\n                )),\n            [handleSetSelectedItem, lists, selectedItem, shouldShowBigImage, shouldShowRoundImage],\n        );\n\n        return useMemo(\n            () => (\n                <StyledComboBox\n                    ref={styledComboBoxElementRef}\n                    $minWidth={minWidth}\n                    $shouldUseFullWidth={shouldUseFullWidth}\n                >\n                    <StyledComboBoxHeader\n                        $direction={direction}\n                        onClick={handleHeaderClick}\n                        $isOpen={isAnimating}\n                        $isTouch={isTouch}\n                        $size={size}\n                        $shouldShowTransparentBackground={shouldShowTransparentBackground}\n                        $isDisabled={isDisabled}\n                        $shouldChangeColor={shouldChangeColor}\n                        $shouldShowBigImage={shouldShowBigImage}\n                    >\n                        <StyledComboBoxPrefixAndPlaceholderWrapper>\n                            {prefix && (\n                                <StyledComboBoxPrefix $prefixMinWidth={prefixMinWidth}>\n                                    {prefix}\n                                </StyledComboBoxPrefix>\n                            )}\n                            <StyledComboBoxPlaceholder\n                                $shouldReduceOpacity={!selectedItem && !internalSelectedItem}\n                            >\n                                {placeholderImageUrl && (\n                                    <StyledComboBoxPlaceholderImage\n                                        src={placeholderImageUrl}\n                                        $shouldShowBigImage={shouldShowBigImage}\n                                        $shouldShowRoundImage={shouldShowRoundPlaceholderImage}\n                                    />\n                                )}\n                                {placeholderIcon && <Icon icons={placeholderIcon} />}\n                                {typeof inputValue === 'string' ? (\n                                    <StyledComboBoxInput\n                                        disabled={isDisabled}\n                                        value={inputValue}\n                                        onChange={onInputChange}\n                                        onBlur={handleInputBlur}\n                                        onFocus={handleInputFocus}\n                                        placeholder={placeholderText}\n                                    />\n                                ) : (\n                                    <StyledComboBoxPlaceholderText>\n                                        {placeholderText}\n                                    </StyledComboBoxPlaceholderText>\n                                )}\n                                {internalSelectedItem &&\n                                    internalSelectedItem.suffixElement &&\n                                    internalSelectedItem.suffixElement}\n                            </StyledComboBoxPlaceholder>\n                        </StyledComboBoxPrefixAndPlaceholderWrapper>\n                        {shouldShowClearIcon && internalSelectedItem && (\n                            <StyledComboBoxClearIconWrapper\n                                $isDisabled={isDisabled}\n                                onClick={handleClear}\n                            >\n                                <Icon icons={['fa fa-times']} />\n                            </StyledComboBoxClearIconWrapper>\n                        )}\n                        {!shouldDisableActions && (\n                            <StyledComboBoxIconWrapper\n                                $isDisabled={isDisabled}\n                                $size={size}\n                                $shouldShowBorderLeft={\n                                    shouldShowClearIcon === true &&\n                                    internalSelectedItem !== undefined\n                                }\n                            >\n                                <Icon icons={['fa fa-chevron-down']} isDisabled={isDisabled} />\n                            </StyledComboBoxIconWrapper>\n                        )}\n                    </StyledComboBoxHeader>\n                    {styledComboBoxElementRef.current && (\n                        <DropdownBodyWrapper\n                            anchorElement={styledComboBoxElementRef.current}\n                            bodyWidth={bodyWidth}\n                            contentHeight={contentHeight}\n                            shouldCaptureEvents={shouldCaptureEvents}\n                            onClose={handleClose}\n                            direction={direction}\n                            container={container}\n                            shouldShowDropdown={isAnimating}\n                            minBodyWidth={bodyWidth ?? bodyMinWidth}\n                        >\n                            <StyledComboBoxBody\n                                $maxHeight={maxHeight}\n                                $minWidth={bodyWidth ?? bodyMinWidth}\n                                className=\"chayns-scrollbar\"\n                                ref={contentRef}\n                                tabIndex={0}\n                            >\n                                {comboBoxGroups}\n                            </StyledComboBoxBody>\n                        </DropdownBodyWrapper>\n                    )}\n                </StyledComboBox>\n            ),\n            [\n                bodyMinWidth,\n                bodyWidth,\n                comboBoxGroups,\n                container,\n                contentHeight,\n                direction,\n                handleClear,\n                handleClose,\n                handleHeaderClick,\n                handleInputBlur,\n                handleInputFocus,\n                inputValue,\n                internalSelectedItem,\n                isAnimating,\n                isDisabled,\n                isTouch,\n                maxHeight,\n                minWidth,\n                onInputChange,\n                placeholderIcon,\n                placeholderImageUrl,\n                placeholderText,\n                prefix,\n                prefixMinWidth,\n                selectedItem,\n                shouldChangeColor,\n                shouldDisableActions,\n                shouldCaptureEvents,\n                shouldShowBigImage,\n                shouldShowClearIcon,\n                shouldShowRoundPlaceholderImage,\n                shouldShowTransparentBackground,\n                shouldUseFullWidth,\n                size,\n            ],\n        );\n    },\n);\n\nComboBox.displayName = 'ComboBox';\n\nexport default ComboBox;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ComboBox.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_environment","_AreaContextProvider","_Icon","_interopRequireDefault","_ComboBoxItem","_ComboBox","_DropdownBodyWrapper","_dropdown","_element","_ComboBox2","_ComboBox3","_useKeyboardFocusHighlighting","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ComboBox","forwardRef","bodyWidth","direction","DropdownDirection","RIGHT","isDisabled","lists","maxHeight","onSelect","placeholder","prefix","container","shouldCaptureEvents","selectedItem","onHide","onShow","shouldShowBigImage","shouldShowClearIcon","shouldShowRoundImage","onInputFocus","prefixMinWidth","size","ComboBoxSize","NORMAL","shouldUseFullWidth","onInputChange","shouldUseCurrentItemWidth","onInputBlur","shouldShowTransparentBackground","inputValue","shouldDropDownUseMaxItemWidth","shouldEnableKeyboardHighlighting","ref","internalSelectedItem","setInternalSelectedItem","useState","isAnimating","setIsAnimating","minWidth","setMinWidth","undefined","bodyMinWidth","setBodyMinWidth","focusedIndex","setFocusedIndex","isInputFocused","useRef","styledComboBoxElementRef","comboBoxHeaderRef","comboBoxInputRef","contentRef","parentSize","useElementSize","shouldUseParentElement","functions","useFunctions","values","useValues","isTouch","useIsTouch","areaProvider","useContext","AreaContext","useEffect","calculatedMinWidth","calculatedBodyMinWidth","getComboBoxWidthResult","parentWidth","width","shouldChangeColor","useMemo","shouldShowKeyboardHighlighting","useKeyboardFocusHighlighting","shouldDisableActions","combinedLists","flatMap","list","length","some","item","value","contentHeight","flatItems","height","reduce","isBigItem","subtext","trim","handleInputFocus","useCallback","event","current","handleInputBlur","handleOpen","handleClose","restoreTriggerFocus","requestAnimationFrame","_comboBoxHeaderRef$cu","_comboBoxInputRef$cur","focus","handleSetSelectedItem","itemToSelect","onSelectResult","Promise","then","shouldPreventSelection","handleClear","preventDefault","stopPropagation","handleKeyDown","key","_contentRef$current","children","stepDirection","newIndex","attempts","newElement","shouldSkip","id","startsWith","endsWith","prevElement","tabIndex","focusedElement","_contentRef$current2","element","newSelectedItem","find","String","replace","document","addEventListener","removeEventListener","placeholderImageUrl","imageUrl","placeholderIcon","icons","placeholderText","text","shouldShowRoundPlaceholderImage","selectedItemList","handleHeaderClick","handleHeaderKeyDown","useImperativeHandle","hide","show","comboBoxGroups","map","createElement","Fragment","groupName","StyledComboBoxTopic","isSelected","StyledComboBox","$minWidth","$shouldUseFullWidth","StyledComboBoxHeader","$direction","onClick","$isOpen","$isTouch","$size","$shouldShowTransparentBackground","$isDisabled","$shouldChangeColor","$shouldShowBigImage","$shouldShowKeyboardHighlighting","onKeyDown","role","StyledComboBoxPrefixAndPlaceholderWrapper","StyledComboBoxPrefix","$prefixMinWidth","StyledComboBoxPlaceholder","$shouldReduceOpacity","StyledComboBoxPlaceholderImage","src","$shouldShowRoundImage","StyledComboBoxInput","disabled","onChange","onBlur","onFocus","StyledComboBoxPlaceholderText","suffixElement","StyledComboBoxClearIconWrapper","StyledComboBoxIconWrapper","$shouldShowBorderLeft","anchorElement","onClose","shouldShowDropdown","minBodyWidth","StyledComboBoxBody","$maxHeight","className","displayName","_default","exports"],"sources":["../../../../src/components/combobox/ComboBox.tsx"],"sourcesContent":["import { useFunctions, useValues } from 'chayns-api';\nimport React, {\n    FocusEventHandler,\n    KeyboardEventHandler,\n    forwardRef,\n    Fragment,\n    useCallback,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useIsTouch } from '../../utils/environment';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport Icon from '../icon/Icon';\nimport ComboBoxItem from './combobox-item/ComboBoxItem';\nimport {\n    StyledComboBox,\n    StyledComboBoxBody,\n    StyledComboBoxClearIconWrapper,\n    StyledComboBoxHeader,\n    StyledComboBoxIconWrapper,\n    StyledComboBoxInput,\n    StyledComboBoxPlaceholder,\n    StyledComboBoxPlaceholderImage,\n    StyledComboBoxPlaceholderText,\n    StyledComboBoxPrefix,\n    StyledComboBoxPrefixAndPlaceholderWrapper,\n    StyledComboBoxTopic,\n} from './ComboBox.styles';\nimport DropdownBodyWrapper from '../dropdown-body-wrapper/DropdownBodyWrapper';\nimport { DropdownDirection } from '../../types/dropdown';\nimport { useElementSize } from '../../hooks/element';\nimport { ComboBoxProps, ComboBoxRef, ComboBoxSize, IComboBoxItem } from './ComboBox.types';\nimport { getComboBoxWidthResult } from './ComboBox.utils';\nimport { useKeyboardFocusHighlighting } from '../../hooks/useKeyboardFocusHighlighting';\n\nconst ComboBox = forwardRef<ComboBoxRef, ComboBoxProps>(\n    (\n        {\n            bodyWidth,\n            direction = DropdownDirection.RIGHT,\n            isDisabled = false,\n            lists,\n            maxHeight = 280,\n            onSelect,\n            placeholder,\n            prefix,\n            container,\n            shouldCaptureEvents,\n            selectedItem,\n            onHide,\n            onShow,\n            shouldShowBigImage,\n            shouldShowClearIcon,\n            shouldShowRoundImage,\n            onInputFocus,\n            prefixMinWidth,\n            size = ComboBoxSize.NORMAL,\n            shouldUseFullWidth = false,\n            onInputChange,\n            shouldUseCurrentItemWidth = false,\n            onInputBlur,\n            shouldShowTransparentBackground = false,\n            inputValue,\n            shouldDropDownUseMaxItemWidth = false,\n            shouldEnableKeyboardHighlighting,\n        },\n        ref,\n    ) => {\n        const [internalSelectedItem, setInternalSelectedItem] = useState<IComboBoxItem>();\n        const [isAnimating, setIsAnimating] = useState(false);\n        const [minWidth, setMinWidth] = useState<number | undefined>(undefined);\n        const [bodyMinWidth, setBodyMinWidth] = useState(0);\n        const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n\n        const isInputFocused = useRef(false);\n        const styledComboBoxElementRef = useRef<HTMLDivElement>(null);\n        const comboBoxHeaderRef = useRef<HTMLDivElement>(null);\n        const comboBoxInputRef = useRef<HTMLInputElement>(null);\n        const contentRef = useRef<HTMLDivElement | null>(null);\n\n        const parentSize = useElementSize(styledComboBoxElementRef, {\n            shouldUseParentElement: true,\n        });\n\n        const functions = useFunctions();\n        const values = useValues();\n        const isTouch = useIsTouch();\n        const areaProvider = useContext(AreaContext);\n\n        useEffect(() => {\n            if (!parentSize) {\n                return;\n            }\n\n            const { minWidth: calculatedMinWidth, bodyMinWidth: calculatedBodyMinWidth } =\n                getComboBoxWidthResult({\n                    functions,\n                    internalSelectedItem,\n                    lists,\n                    parentWidth: parentSize.width,\n                    placeholder,\n                    prefix,\n                    prefixMinWidth,\n                    selectedItem,\n                    shouldDropDownUseMaxItemWidth,\n                    shouldShowBigImage,\n                    shouldShowClearIcon,\n                    shouldUseCurrentItemWidth,\n                    shouldUseFullWidth,\n                    values,\n                });\n\n            setMinWidth(calculatedMinWidth);\n            setBodyMinWidth(calculatedBodyMinWidth);\n        }, [\n            functions,\n            internalSelectedItem,\n            lists,\n            parentSize,\n            placeholder,\n            prefix,\n            prefixMinWidth,\n            selectedItem,\n            shouldDropDownUseMaxItemWidth,\n            shouldShowBigImage,\n            shouldShowClearIcon,\n            shouldUseCurrentItemWidth,\n            shouldUseFullWidth,\n            values,\n        ]);\n\n        const shouldChangeColor = useMemo(\n            () => areaProvider.shouldChangeColor ?? false,\n            [areaProvider.shouldChangeColor],\n        );\n\n        const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(\n            shouldEnableKeyboardHighlighting && !isDisabled,\n        );\n\n        const shouldDisableActions = useMemo(() => {\n            if (!selectedItem) {\n                return false;\n            }\n\n            const combinedLists = lists.flatMap((list) => list.list);\n\n            return (\n                combinedLists.length === 1 &&\n                combinedLists.some((item) => item.value === selectedItem.value)\n            );\n        }, [lists, selectedItem]);\n\n        const contentHeight = useMemo(() => {\n            const flatItems = lists.flatMap((list) => list.list);\n\n            let height = flatItems.reduce((value, item) => {\n                const isBigItem =\n                    shouldShowBigImage ||\n                    (typeof item.subtext === 'string' && item.subtext.trim() !== '');\n\n                return value + (isBigItem ? 56 : 38);\n            }, 0);\n\n            if (lists.length > 1) {\n                height += lists.length * 38;\n            }\n\n            if (maxHeight < height) {\n                height = maxHeight;\n            }\n\n            return height;\n        }, [lists, maxHeight, shouldShowBigImage]);\n\n        const handleInputFocus: FocusEventHandler<HTMLInputElement> = useCallback(\n            (event) => {\n                isInputFocused.current = true;\n                onInputFocus?.(event);\n            },\n            [onInputFocus],\n        );\n\n        const handleInputBlur: FocusEventHandler<HTMLInputElement> = useCallback(\n            (event) => {\n                isInputFocused.current = false;\n                onInputBlur?.(event);\n            },\n            [onInputBlur],\n        );\n\n        const handleOpen = useCallback(() => {\n            if (typeof onShow === 'function') {\n                onShow();\n            }\n\n            setIsAnimating(true);\n        }, [onShow]);\n\n        const handleClose = useCallback(() => {\n            if (typeof onHide === 'function') {\n                onHide();\n            }\n\n            setIsAnimating(false);\n        }, [onHide]);\n\n        const restoreTriggerFocus = useCallback(() => {\n            // Delay is needed so focus happens after dropdown close/render cycle.\n            requestAnimationFrame(() => {\n                if (typeof inputValue === 'string') {\n                    comboBoxInputRef.current?.focus();\n                    return;\n                }\n\n                comboBoxHeaderRef.current?.focus();\n            });\n        }, [inputValue]);\n\n        /**\n         * This function sets the selected item\n         */\n        const handleSetSelectedItem = useCallback(\n            (itemToSelect?: IComboBoxItem) => {\n                if (typeof onSelect === 'function') {\n                    const onSelectResult = onSelect(itemToSelect);\n\n                    if (onSelectResult === false) {\n                        return;\n                    }\n\n                    if (onSelectResult instanceof Promise) {\n                        void onSelectResult.then((shouldPreventSelection) => {\n                            if (shouldPreventSelection) return;\n\n                            setInternalSelectedItem(itemToSelect);\n                            handleClose();\n                            restoreTriggerFocus();\n                        });\n\n                        return;\n                    }\n                }\n\n                setInternalSelectedItem(itemToSelect);\n                handleClose();\n                restoreTriggerFocus();\n            },\n            [handleClose, onSelect, restoreTriggerFocus],\n        );\n\n        const handleClear = useCallback(\n            (event: React.MouseEvent<HTMLDivElement>) => {\n                event.preventDefault();\n                event.stopPropagation();\n\n                handleSetSelectedItem(undefined);\n            },\n            [handleSetSelectedItem],\n        );\n\n        useEffect(() => {\n            const handleKeyDown = (e: KeyboardEvent) => {\n                if (!isAnimating) return;\n\n                if (e.key === 'Escape') {\n                    e.preventDefault();\n                    handleClose();\n                    restoreTriggerFocus();\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) return;\n\n                    const stepDirection = e.key === 'ArrowUp' ? -1 : 1;\n\n                    let newIndex = focusedIndex ?? -1;\n\n                    let attempts = 0;\n\n                    do {\n                        newIndex = (newIndex + stepDirection + children.length) % children.length;\n\n                        const newElement = children[newIndex] as HTMLDivElement;\n\n                        let shouldSkip = false;\n\n                        if (\n                            newElement.id.startsWith('combobox-group--') ||\n                            newElement.id.endsWith('--disabled-item')\n                        ) {\n                            shouldSkip = true;\n                        }\n\n                        if (!shouldSkip) break;\n\n                        attempts++;\n                    } while (attempts < children.length);\n\n                    if (focusedIndex !== null) {\n                        const prevElement = children[focusedIndex] as HTMLDivElement;\n\n                        prevElement.tabIndex = -1;\n                    }\n\n                    setFocusedIndex(newIndex);\n\n                    const focusedElement = children[newIndex] as HTMLDivElement;\n\n                    focusedElement.tabIndex = 0;\n                    focusedElement.focus();\n                } else if (e.key === 'Enter' && focusedIndex !== null) {\n                    const element = contentRef.current?.children[focusedIndex];\n\n                    if (!element) return;\n\n                    const { id } = element;\n\n                    let newSelectedItem: IComboBoxItem | undefined;\n\n                    lists.some((list) => {\n                        newSelectedItem = list.list.find(\n                            ({ value }) => String(value) === id.replace('combobox-item__', ''),\n                        );\n\n                        return !!newSelectedItem;\n                    });\n\n                    if (newSelectedItem) {\n                        handleSetSelectedItem(newSelectedItem);\n                    }\n                }\n            };\n\n            document.addEventListener('keydown', handleKeyDown);\n\n            return () => document.removeEventListener('keydown', handleKeyDown);\n        }, [\n            focusedIndex,\n            handleClose,\n            handleSetSelectedItem,\n            isAnimating,\n            lists,\n            restoreTriggerFocus,\n        ]);\n\n        /**\n         * This function sets the external selected item\n         */\n        useEffect(() => {\n            setIsAnimating(false);\n            setInternalSelectedItem(selectedItem);\n        }, [selectedItem]);\n\n        const placeholderImageUrl = useMemo(() => {\n            if (selectedItem) {\n                return selectedItem.imageUrl;\n            }\n\n            if (internalSelectedItem) {\n                return internalSelectedItem.imageUrl;\n            }\n\n            return undefined;\n        }, [internalSelectedItem, selectedItem]);\n\n        const placeholderIcon = useMemo(() => {\n            if (selectedItem) {\n                return selectedItem.icons;\n            }\n\n            if (internalSelectedItem) {\n                return internalSelectedItem.icons;\n            }\n\n            return undefined;\n        }, [internalSelectedItem, selectedItem]);\n\n        /**\n         * This function resets the placeholder\n         */\n        const placeholderText = useMemo(() => {\n            let text = placeholder;\n\n            if (selectedItem) {\n                text = selectedItem.text;\n            } else if (internalSelectedItem) {\n                text = internalSelectedItem.text;\n            }\n\n            return text;\n        }, [internalSelectedItem, placeholder, selectedItem]);\n\n        const shouldShowRoundPlaceholderImage = useMemo(() => {\n            const selectedItemList = lists.find((list) =>\n                list.list.some(\n                    ({ value }) => value === (selectedItem?.value ?? internalSelectedItem?.value),\n                ),\n            );\n\n            return selectedItemList?.shouldShowRoundImage ?? shouldShowRoundImage;\n        }, [internalSelectedItem?.value, lists, selectedItem?.value, shouldShowRoundImage]);\n\n        /**\n         * This function opens the content of the combobox\n         */\n        const handleHeaderClick = useCallback(() => {\n            if (!isDisabled && !isInputFocused.current) {\n                if (isAnimating) {\n                    handleClose();\n                } else {\n                    handleOpen();\n                }\n            }\n        }, [handleClose, handleOpen, isAnimating, isDisabled]);\n\n        const handleHeaderKeyDown: KeyboardEventHandler<HTMLDivElement> = useCallback(\n            (event) => {\n                if (isDisabled || typeof inputValue === 'string') {\n                    return;\n                }\n\n                if (event.key === 'Escape' && isAnimating) {\n                    event.preventDefault();\n                    handleClose();\n                    restoreTriggerFocus();\n                    return;\n                }\n\n                if (event.key === 'Enter' || event.key === ' ') {\n                    event.preventDefault();\n                    handleHeaderClick();\n                }\n            },\n            [\n                handleClose,\n                handleHeaderClick,\n                inputValue,\n                isAnimating,\n                isDisabled,\n                restoreTriggerFocus,\n            ],\n        );\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                hide: handleClose,\n                show: handleOpen,\n            }),\n            [handleClose, handleOpen],\n        );\n\n        const comboBoxGroups = useMemo(\n            () =>\n                lists.map((list) => (\n                    <Fragment key={list.groupName ?? 'default-group'}>\n                        {list.groupName && lists.length > 1 && (\n                            <StyledComboBoxTopic id={`combobox-group--${list.groupName}`}>\n                                {list.groupName}\n                            </StyledComboBoxTopic>\n                        )}\n                        {list.list.map((item) => (\n                            <ComboBoxItem\n                                key={`item-${item.text}`}\n                                item={item}\n                                isSelected={\n                                    selectedItem ? item.value === selectedItem.value : false\n                                }\n                                onSelect={handleSetSelectedItem}\n                                shouldShowBigImage={shouldShowBigImage}\n                                shouldShowRoundImage={\n                                    list.shouldShowRoundImage ?? shouldShowRoundImage\n                                }\n                            />\n                        ))}\n                    </Fragment>\n                )),\n            [handleSetSelectedItem, lists, selectedItem, shouldShowBigImage, shouldShowRoundImage],\n        );\n\n        return useMemo(\n            () => (\n                <StyledComboBox\n                    ref={styledComboBoxElementRef}\n                    $minWidth={minWidth}\n                    $shouldUseFullWidth={shouldUseFullWidth}\n                >\n                    <StyledComboBoxHeader\n                        ref={comboBoxHeaderRef}\n                        $direction={direction}\n                        onClick={handleHeaderClick}\n                        $isOpen={isAnimating}\n                        $isTouch={isTouch}\n                        $size={size}\n                        $shouldShowTransparentBackground={shouldShowTransparentBackground}\n                        $isDisabled={isDisabled}\n                        $shouldChangeColor={shouldChangeColor}\n                        $shouldShowBigImage={shouldShowBigImage}\n                        $shouldShowKeyboardHighlighting={shouldShowKeyboardHighlighting}\n                        onKeyDown={handleHeaderKeyDown}\n                        tabIndex={!isDisabled && typeof inputValue !== 'string' ? 0 : undefined}\n                        role={!isDisabled && typeof inputValue !== 'string' ? 'button' : undefined}\n                        aria-expanded={\n                            !isDisabled && typeof inputValue !== 'string' ? isAnimating : undefined\n                        }\n                    >\n                        <StyledComboBoxPrefixAndPlaceholderWrapper>\n                            {prefix && (\n                                <StyledComboBoxPrefix $prefixMinWidth={prefixMinWidth}>\n                                    {prefix}\n                                </StyledComboBoxPrefix>\n                            )}\n                            <StyledComboBoxPlaceholder\n                                $shouldReduceOpacity={!selectedItem && !internalSelectedItem}\n                            >\n                                {placeholderImageUrl && (\n                                    <StyledComboBoxPlaceholderImage\n                                        src={placeholderImageUrl}\n                                        $shouldShowBigImage={shouldShowBigImage}\n                                        $shouldShowRoundImage={shouldShowRoundPlaceholderImage}\n                                    />\n                                )}\n                                {placeholderIcon && <Icon icons={placeholderIcon} />}\n                                {typeof inputValue === 'string' ? (\n                                    <StyledComboBoxInput\n                                        ref={comboBoxInputRef}\n                                        disabled={isDisabled}\n                                        value={inputValue}\n                                        onChange={onInputChange}\n                                        onBlur={handleInputBlur}\n                                        onFocus={handleInputFocus}\n                                        placeholder={placeholderText}\n                                    />\n                                ) : (\n                                    <StyledComboBoxPlaceholderText>\n                                        {placeholderText}\n                                    </StyledComboBoxPlaceholderText>\n                                )}\n                                {internalSelectedItem &&\n                                    internalSelectedItem.suffixElement &&\n                                    internalSelectedItem.suffixElement}\n                            </StyledComboBoxPlaceholder>\n                        </StyledComboBoxPrefixAndPlaceholderWrapper>\n                        {shouldShowClearIcon && internalSelectedItem && (\n                            <StyledComboBoxClearIconWrapper\n                                $isDisabled={isDisabled}\n                                onClick={handleClear}\n                            >\n                                <Icon icons={['fa fa-times']} />\n                            </StyledComboBoxClearIconWrapper>\n                        )}\n                        {!shouldDisableActions && (\n                            <StyledComboBoxIconWrapper\n                                $isDisabled={isDisabled}\n                                $size={size}\n                                $shouldShowBorderLeft={\n                                    shouldShowClearIcon === true &&\n                                    internalSelectedItem !== undefined\n                                }\n                            >\n                                <Icon icons={['fa fa-chevron-down']} isDisabled={isDisabled} />\n                            </StyledComboBoxIconWrapper>\n                        )}\n                    </StyledComboBoxHeader>\n                    {styledComboBoxElementRef.current && (\n                        <DropdownBodyWrapper\n                            anchorElement={styledComboBoxElementRef.current}\n                            bodyWidth={bodyWidth}\n                            contentHeight={contentHeight}\n                            shouldCaptureEvents={shouldCaptureEvents}\n                            onClose={handleClose}\n                            direction={direction}\n                            container={container}\n                            shouldShowDropdown={isAnimating}\n                            minBodyWidth={bodyWidth ?? bodyMinWidth}\n                        >\n                            <StyledComboBoxBody\n                                $maxHeight={maxHeight}\n                                $minWidth={bodyWidth ?? bodyMinWidth}\n                                className=\"chayns-scrollbar\"\n                                ref={contentRef}\n                                tabIndex={0}\n                            >\n                                {comboBoxGroups}\n                            </StyledComboBoxBody>\n                        </DropdownBodyWrapper>\n                    )}\n                </StyledComboBox>\n            ),\n            [\n                bodyMinWidth,\n                bodyWidth,\n                comboBoxGroups,\n                container,\n                contentHeight,\n                direction,\n                handleClear,\n                handleClose,\n                handleHeaderClick,\n                handleHeaderKeyDown,\n                handleInputBlur,\n                handleInputFocus,\n                inputValue,\n                internalSelectedItem,\n                isAnimating,\n                isDisabled,\n                isTouch,\n                maxHeight,\n                minWidth,\n                onInputChange,\n                placeholderIcon,\n                placeholderImageUrl,\n                placeholderText,\n                prefix,\n                prefixMinWidth,\n                selectedItem,\n                shouldChangeColor,\n                shouldDisableActions,\n                shouldCaptureEvents,\n                shouldShowKeyboardHighlighting,\n                shouldShowBigImage,\n                shouldShowClearIcon,\n                shouldShowRoundPlaceholderImage,\n                shouldShowTransparentBackground,\n                shouldUseFullWidth,\n                size,\n            ],\n        );\n    },\n);\n\nComboBox.displayName = 'ComboBox';\n\nexport default ComboBox;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAaA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,aAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AAcA,IAAAS,oBAAA,GAAAH,sBAAA,CAAAN,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AACA,IAAAW,QAAA,GAAAX,OAAA;AACA,IAAAY,UAAA,GAAAZ,OAAA;AACA,IAAAa,UAAA,GAAAb,OAAA;AACA,IAAAc,6BAAA,GAAAd,OAAA;AAAwF,SAAAM,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAb,wBAAAa,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAjB,uBAAA,YAAAA,CAAAa,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAExF,MAAMgB,QAAQ,gBAAG,IAAAC,iBAAU,EACvB,CACI;EACIC,SAAS;EACTC,SAAS,GAAGC,2BAAiB,CAACC,KAAK;EACnCC,UAAU,GAAG,KAAK;EAClBC,KAAK;EACLC,SAAS,GAAG,GAAG;EACfC,QAAQ;EACRC,WAAW;EACXC,MAAM;EACNC,SAAS;EACTC,mBAAmB;EACnBC,YAAY;EACZC,MAAM;EACNC,MAAM;EACNC,kBAAkB;EAClBC,mBAAmB;EACnBC,oBAAoB;EACpBC,YAAY;EACZC,cAAc;EACdC,IAAI,GAAGC,uBAAY,CAACC,MAAM;EAC1BC,kBAAkB,GAAG,KAAK;EAC1BC,aAAa;EACbC,yBAAyB,GAAG,KAAK;EACjCC,WAAW;EACXC,+BAA+B,GAAG,KAAK;EACvCC,UAAU;EACVC,6BAA6B,GAAG,KAAK;EACrCC;AACJ,CAAC,EACDC,GAAG,KACF;EACD,MAAM,CAACC,oBAAoB,EAAEC,uBAAuB,CAAC,GAAG,IAAAC,eAAQ,EAAgB,CAAC;EACjF,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EACrD,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAJ,eAAQ,EAAqBK,SAAS,CAAC;EACvE,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAP,eAAQ,EAAC,CAAC,CAAC;EACnD,MAAM,CAACQ,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAT,eAAQ,EAAgB,IAAI,CAAC;EAErE,MAAMU,cAAc,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EACpC,MAAMC,wBAAwB,GAAG,IAAAD,aAAM,EAAiB,IAAI,CAAC;EAC7D,MAAME,iBAAiB,GAAG,IAAAF,aAAM,EAAiB,IAAI,CAAC;EACtD,MAAMG,gBAAgB,GAAG,IAAAH,aAAM,EAAmB,IAAI,CAAC;EACvD,MAAMI,UAAU,GAAG,IAAAJ,aAAM,EAAwB,IAAI,CAAC;EAEtD,MAAMK,UAAU,GAAG,IAAAC,uBAAc,EAACL,wBAAwB,EAAE;IACxDM,sBAAsB,EAAE;EAC5B,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,IAAAC,uBAAY,EAAC,CAAC;EAChC,MAAMC,MAAM,GAAG,IAAAC,oBAAS,EAAC,CAAC;EAC1B,MAAMC,OAAO,GAAG,IAAAC,uBAAU,EAAC,CAAC;EAC5B,MAAMC,YAAY,GAAG,IAAAC,iBAAU,EAACC,gCAAW,CAAC;EAE5C,IAAAC,gBAAS,EAAC,MAAM;IACZ,IAAI,CAACZ,UAAU,EAAE;MACb;IACJ;IAEA,MAAM;MAAEb,QAAQ,EAAE0B,kBAAkB;MAAEvB,YAAY,EAAEwB;IAAuB,CAAC,GACxE,IAAAC,iCAAsB,EAAC;MACnBZ,SAAS;MACTrB,oBAAoB;MACpB3B,KAAK;MACL6D,WAAW,EAAEhB,UAAU,CAACiB,KAAK;MAC7B3D,WAAW;MACXC,MAAM;MACNU,cAAc;MACdP,YAAY;MACZiB,6BAA6B;MAC7Bd,kBAAkB;MAClBC,mBAAmB;MACnBS,yBAAyB;MACzBF,kBAAkB;MAClBgC;IACJ,CAAC,CAAC;IAENjB,WAAW,CAACyB,kBAAkB,CAAC;IAC/BtB,eAAe,CAACuB,sBAAsB,CAAC;EAC3C,CAAC,EAAE,CACCX,SAAS,EACTrB,oBAAoB,EACpB3B,KAAK,EACL6C,UAAU,EACV1C,WAAW,EACXC,MAAM,EACNU,cAAc,EACdP,YAAY,EACZiB,6BAA6B,EAC7Bd,kBAAkB,EAClBC,mBAAmB,EACnBS,yBAAyB,EACzBF,kBAAkB,EAClBgC,MAAM,CACT,CAAC;EAEF,MAAMa,iBAAiB,GAAG,IAAAC,cAAO,EAC7B,MAAMV,YAAY,CAACS,iBAAiB,IAAI,KAAK,EAC7C,CAACT,YAAY,CAACS,iBAAiB,CACnC,CAAC;EAED,MAAME,8BAA8B,GAAG,IAAAC,0DAA4B,EAC/DzC,gCAAgC,IAAI,CAAC1B,UACzC,CAAC;EAED,MAAMoE,oBAAoB,GAAG,IAAAH,cAAO,EAAC,MAAM;IACvC,IAAI,CAACzD,YAAY,EAAE;MACf,OAAO,KAAK;IAChB;IAEA,MAAM6D,aAAa,GAAGpE,KAAK,CAACqE,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,KAAKnE,YAAY,CAACmE,KAAK,CAAC;EAEvE,CAAC,EAAE,CAAC1E,KAAK,EAAEO,YAAY,CAAC,CAAC;EAEzB,MAAMoE,aAAa,GAAG,IAAAX,cAAO,EAAC,MAAM;IAChC,MAAMY,SAAS,GAAG5E,KAAK,CAACqE,OAAO,CAAEC,IAAI,IAAKA,IAAI,CAACA,IAAI,CAAC;IAEpD,IAAIO,MAAM,GAAGD,SAAS,CAACE,MAAM,CAAC,CAACJ,KAAK,EAAED,IAAI,KAAK;MAC3C,MAAMM,SAAS,GACXrE,kBAAkB,IACjB,OAAO+D,IAAI,CAACO,OAAO,KAAK,QAAQ,IAAIP,IAAI,CAACO,OAAO,CAACC,IAAI,CAAC,CAAC,KAAK,EAAG;MAEpE,OAAOP,KAAK,IAAIK,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;IACxC,CAAC,EAAE,CAAC,CAAC;IAEL,IAAI/E,KAAK,CAACuE,MAAM,GAAG,CAAC,EAAE;MAClBM,MAAM,IAAI7E,KAAK,CAACuE,MAAM,GAAG,EAAE;IAC/B;IAEA,IAAItE,SAAS,GAAG4E,MAAM,EAAE;MACpBA,MAAM,GAAG5E,SAAS;IACtB;IAEA,OAAO4E,MAAM;EACjB,CAAC,EAAE,CAAC7E,KAAK,EAAEC,SAAS,EAAES,kBAAkB,CAAC,CAAC;EAE1C,MAAMwE,gBAAqD,GAAG,IAAAC,kBAAW,EACpEC,KAAK,IAAK;IACP7C,cAAc,CAAC8C,OAAO,GAAG,IAAI;IAC7BxE,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAGuE,KAAK,CAAC;EACzB,CAAC,EACD,CAACvE,YAAY,CACjB,CAAC;EAED,MAAMyE,eAAoD,GAAG,IAAAH,kBAAW,EACnEC,KAAK,IAAK;IACP7C,cAAc,CAAC8C,OAAO,GAAG,KAAK;IAC9BhE,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAG+D,KAAK,CAAC;EACxB,CAAC,EACD,CAAC/D,WAAW,CAChB,CAAC;EAED,MAAMkE,UAAU,GAAG,IAAAJ,kBAAW,EAAC,MAAM;IACjC,IAAI,OAAO1E,MAAM,KAAK,UAAU,EAAE;MAC9BA,MAAM,CAAC,CAAC;IACZ;IAEAsB,cAAc,CAAC,IAAI,CAAC;EACxB,CAAC,EAAE,CAACtB,MAAM,CAAC,CAAC;EAEZ,MAAM+E,WAAW,GAAG,IAAAL,kBAAW,EAAC,MAAM;IAClC,IAAI,OAAO3E,MAAM,KAAK,UAAU,EAAE;MAC9BA,MAAM,CAAC,CAAC;IACZ;IAEAuB,cAAc,CAAC,KAAK,CAAC;EACzB,CAAC,EAAE,CAACvB,MAAM,CAAC,CAAC;EAEZ,MAAMiF,mBAAmB,GAAG,IAAAN,kBAAW,EAAC,MAAM;IAC1C;IACAO,qBAAqB,CAAC,MAAM;MAAA,IAAAC,qBAAA;MACxB,IAAI,OAAOpE,UAAU,KAAK,QAAQ,EAAE;QAAA,IAAAqE,qBAAA;QAChC,CAAAA,qBAAA,GAAAjD,gBAAgB,CAAC0C,OAAO,cAAAO,qBAAA,eAAxBA,qBAAA,CAA0BC,KAAK,CAAC,CAAC;QACjC;MACJ;MAEA,CAAAF,qBAAA,GAAAjD,iBAAiB,CAAC2C,OAAO,cAAAM,qBAAA,eAAzBA,qBAAA,CAA2BE,KAAK,CAAC,CAAC;IACtC,CAAC,CAAC;EACN,CAAC,EAAE,CAACtE,UAAU,CAAC,CAAC;;EAEhB;AACR;AACA;EACQ,MAAMuE,qBAAqB,GAAG,IAAAX,kBAAW,EACpCY,YAA4B,IAAK;IAC9B,IAAI,OAAO7F,QAAQ,KAAK,UAAU,EAAE;MAChC,MAAM8F,cAAc,GAAG9F,QAAQ,CAAC6F,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;UAE5BvE,uBAAuB,CAACmE,YAAY,CAAC;UACrCP,WAAW,CAAC,CAAC;UACbC,mBAAmB,CAAC,CAAC;QACzB,CAAC,CAAC;QAEF;MACJ;IACJ;IAEA7D,uBAAuB,CAACmE,YAAY,CAAC;IACrCP,WAAW,CAAC,CAAC;IACbC,mBAAmB,CAAC,CAAC;EACzB,CAAC,EACD,CAACD,WAAW,EAAEtF,QAAQ,EAAEuF,mBAAmB,CAC/C,CAAC;EAED,MAAMW,WAAW,GAAG,IAAAjB,kBAAW,EAC1BC,KAAuC,IAAK;IACzCA,KAAK,CAACiB,cAAc,CAAC,CAAC;IACtBjB,KAAK,CAACkB,eAAe,CAAC,CAAC;IAEvBR,qBAAqB,CAAC5D,SAAS,CAAC;EACpC,CAAC,EACD,CAAC4D,qBAAqB,CAC1B,CAAC;EAED,IAAArC,gBAAS,EAAC,MAAM;IACZ,MAAM8C,aAAa,GAAIjI,CAAgB,IAAK;MACxC,IAAI,CAACwD,WAAW,EAAE;MAElB,IAAIxD,CAAC,CAACkI,GAAG,KAAK,QAAQ,EAAE;QACpBlI,CAAC,CAAC+H,cAAc,CAAC,CAAC;QAClBb,WAAW,CAAC,CAAC;QACbC,mBAAmB,CAAC,CAAC;QACrB;MACJ;MAEA,IAAInH,CAAC,CAACkI,GAAG,KAAK,SAAS,IAAIlI,CAAC,CAACkI,GAAG,KAAK,WAAW,EAAE;QAAA,IAAAC,mBAAA;QAC9CnI,CAAC,CAAC+H,cAAc,CAAC,CAAC;QAElB,MAAMK,QAAQ,IAAAD,mBAAA,GAAG7D,UAAU,CAACyC,OAAO,cAAAoB,mBAAA,uBAAlBA,mBAAA,CAAoBC,QAAQ;QAE7C,IAAI,CAACA,QAAQ,IAAIA,QAAQ,CAACnC,MAAM,KAAK,CAAC,EAAE;QAExC,MAAMoC,aAAa,GAAGrI,CAAC,CAACkI,GAAG,KAAK,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC;QAElD,IAAII,QAAQ,GAAGvE,YAAY,IAAI,CAAC,CAAC;QAEjC,IAAIwE,QAAQ,GAAG,CAAC;QAEhB,GAAG;UACCD,QAAQ,GAAG,CAACA,QAAQ,GAAGD,aAAa,GAAGD,QAAQ,CAACnC,MAAM,IAAImC,QAAQ,CAACnC,MAAM;UAEzE,MAAMuC,UAAU,GAAGJ,QAAQ,CAACE,QAAQ,CAAmB;UAEvD,IAAIG,UAAU,GAAG,KAAK;UAEtB,IACID,UAAU,CAACE,EAAE,CAACC,UAAU,CAAC,kBAAkB,CAAC,IAC5CH,UAAU,CAACE,EAAE,CAACE,QAAQ,CAAC,iBAAiB,CAAC,EAC3C;YACEH,UAAU,GAAG,IAAI;UACrB;UAEA,IAAI,CAACA,UAAU,EAAE;UAEjBF,QAAQ,EAAE;QACd,CAAC,QAAQA,QAAQ,GAAGH,QAAQ,CAACnC,MAAM;QAEnC,IAAIlC,YAAY,KAAK,IAAI,EAAE;UACvB,MAAM8E,WAAW,GAAGT,QAAQ,CAACrE,YAAY,CAAmB;UAE5D8E,WAAW,CAACC,QAAQ,GAAG,CAAC,CAAC;QAC7B;QAEA9E,eAAe,CAACsE,QAAQ,CAAC;QAEzB,MAAMS,cAAc,GAAGX,QAAQ,CAACE,QAAQ,CAAmB;QAE3DS,cAAc,CAACD,QAAQ,GAAG,CAAC;QAC3BC,cAAc,CAACxB,KAAK,CAAC,CAAC;MAC1B,CAAC,MAAM,IAAIvH,CAAC,CAACkI,GAAG,KAAK,OAAO,IAAInE,YAAY,KAAK,IAAI,EAAE;QAAA,IAAAiF,oBAAA;QACnD,MAAMC,OAAO,IAAAD,oBAAA,GAAG1E,UAAU,CAACyC,OAAO,cAAAiC,oBAAA,uBAAlBA,oBAAA,CAAoBZ,QAAQ,CAACrE,YAAY,CAAC;QAE1D,IAAI,CAACkF,OAAO,EAAE;QAEd,MAAM;UAAEP;QAAG,CAAC,GAAGO,OAAO;QAEtB,IAAIC,eAA0C;QAE9CxH,KAAK,CAACwE,IAAI,CAAEF,IAAI,IAAK;UACjBkD,eAAe,GAAGlD,IAAI,CAACA,IAAI,CAACmD,IAAI,CAC5B,CAAC;YAAE/C;UAAM,CAAC,KAAKgD,MAAM,CAAChD,KAAK,CAAC,KAAKsC,EAAE,CAACW,OAAO,CAAC,iBAAiB,EAAE,EAAE,CACrE,CAAC;UAED,OAAO,CAAC,CAACH,eAAe;QAC5B,CAAC,CAAC;QAEF,IAAIA,eAAe,EAAE;UACjB1B,qBAAqB,CAAC0B,eAAe,CAAC;QAC1C;MACJ;IACJ,CAAC;IAEDI,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEtB,aAAa,CAAC;IAEnD,OAAO,MAAMqB,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEvB,aAAa,CAAC;EACvE,CAAC,EAAE,CACClE,YAAY,EACZmD,WAAW,EACXM,qBAAqB,EACrBhE,WAAW,EACX9B,KAAK,EACLyF,mBAAmB,CACtB,CAAC;;EAEF;AACR;AACA;EACQ,IAAAhC,gBAAS,EAAC,MAAM;IACZ1B,cAAc,CAAC,KAAK,CAAC;IACrBH,uBAAuB,CAACrB,YAAY,CAAC;EACzC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,MAAMwH,mBAAmB,GAAG,IAAA/D,cAAO,EAAC,MAAM;IACtC,IAAIzD,YAAY,EAAE;MACd,OAAOA,YAAY,CAACyH,QAAQ;IAChC;IAEA,IAAIrG,oBAAoB,EAAE;MACtB,OAAOA,oBAAoB,CAACqG,QAAQ;IACxC;IAEA,OAAO9F,SAAS;EACpB,CAAC,EAAE,CAACP,oBAAoB,EAAEpB,YAAY,CAAC,CAAC;EAExC,MAAM0H,eAAe,GAAG,IAAAjE,cAAO,EAAC,MAAM;IAClC,IAAIzD,YAAY,EAAE;MACd,OAAOA,YAAY,CAAC2H,KAAK;IAC7B;IAEA,IAAIvG,oBAAoB,EAAE;MACtB,OAAOA,oBAAoB,CAACuG,KAAK;IACrC;IAEA,OAAOhG,SAAS;EACpB,CAAC,EAAE,CAACP,oBAAoB,EAAEpB,YAAY,CAAC,CAAC;;EAExC;AACR;AACA;EACQ,MAAM4H,eAAe,GAAG,IAAAnE,cAAO,EAAC,MAAM;IAClC,IAAIoE,IAAI,GAAGjI,WAAW;IAEtB,IAAII,YAAY,EAAE;MACd6H,IAAI,GAAG7H,YAAY,CAAC6H,IAAI;IAC5B,CAAC,MAAM,IAAIzG,oBAAoB,EAAE;MAC7ByG,IAAI,GAAGzG,oBAAoB,CAACyG,IAAI;IACpC;IAEA,OAAOA,IAAI;EACf,CAAC,EAAE,CAACzG,oBAAoB,EAAExB,WAAW,EAAEI,YAAY,CAAC,CAAC;EAErD,MAAM8H,+BAA+B,GAAG,IAAArE,cAAO,EAAC,MAAM;IAClD,MAAMsE,gBAAgB,GAAGtI,KAAK,CAACyH,IAAI,CAAEnD,IAAI,IACrCA,IAAI,CAACA,IAAI,CAACE,IAAI,CACV,CAAC;MAAEE;IAAM,CAAC,KAAKA,KAAK,MAAM,CAAAnE,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEmE,KAAK,MAAI/C,oBAAoB,aAApBA,oBAAoB,uBAApBA,oBAAoB,CAAE+C,KAAK,EAChF,CACJ,CAAC;IAED,OAAO,CAAA4D,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAE1H,oBAAoB,KAAIA,oBAAoB;EACzE,CAAC,EAAE,CAACe,oBAAoB,aAApBA,oBAAoB,uBAApBA,oBAAoB,CAAE+C,KAAK,EAAE1E,KAAK,EAAEO,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEmE,KAAK,EAAE9D,oBAAoB,CAAC,CAAC;;EAEnF;AACR;AACA;EACQ,MAAM2H,iBAAiB,GAAG,IAAApD,kBAAW,EAAC,MAAM;IACxC,IAAI,CAACpF,UAAU,IAAI,CAACwC,cAAc,CAAC8C,OAAO,EAAE;MACxC,IAAIvD,WAAW,EAAE;QACb0D,WAAW,CAAC,CAAC;MACjB,CAAC,MAAM;QACHD,UAAU,CAAC,CAAC;MAChB;IACJ;EACJ,CAAC,EAAE,CAACC,WAAW,EAAED,UAAU,EAAEzD,WAAW,EAAE/B,UAAU,CAAC,CAAC;EAEtD,MAAMyI,mBAAyD,GAAG,IAAArD,kBAAW,EACxEC,KAAK,IAAK;IACP,IAAIrF,UAAU,IAAI,OAAOwB,UAAU,KAAK,QAAQ,EAAE;MAC9C;IACJ;IAEA,IAAI6D,KAAK,CAACoB,GAAG,KAAK,QAAQ,IAAI1E,WAAW,EAAE;MACvCsD,KAAK,CAACiB,cAAc,CAAC,CAAC;MACtBb,WAAW,CAAC,CAAC;MACbC,mBAAmB,CAAC,CAAC;MACrB;IACJ;IAEA,IAAIL,KAAK,CAACoB,GAAG,KAAK,OAAO,IAAIpB,KAAK,CAACoB,GAAG,KAAK,GAAG,EAAE;MAC5CpB,KAAK,CAACiB,cAAc,CAAC,CAAC;MACtBkC,iBAAiB,CAAC,CAAC;IACvB;EACJ,CAAC,EACD,CACI/C,WAAW,EACX+C,iBAAiB,EACjBhH,UAAU,EACVO,WAAW,EACX/B,UAAU,EACV0F,mBAAmB,CAE3B,CAAC;EAED,IAAAgD,0BAAmB,EACf/G,GAAG,EACH,OAAO;IACHgH,IAAI,EAAElD,WAAW;IACjBmD,IAAI,EAAEpD;EACV,CAAC,CAAC,EACF,CAACC,WAAW,EAAED,UAAU,CAC5B,CAAC;EAED,MAAMqD,cAAc,GAAG,IAAA5E,cAAO,EAC1B,MACIhE,KAAK,CAAC6I,GAAG,CAAEvE,IAAI,iBACX9G,MAAA,CAAAgB,OAAA,CAAAsK,aAAA,CAACtL,MAAA,CAAAuL,QAAQ;IAACvC,GAAG,EAAElC,IAAI,CAAC0E,SAAS,IAAI;EAAgB,GAC5C1E,IAAI,CAAC0E,SAAS,IAAIhJ,KAAK,CAACuE,MAAM,GAAG,CAAC,iBAC/B/G,MAAA,CAAAgB,OAAA,CAAAsK,aAAA,CAAC/K,SAAA,CAAAkL,mBAAmB;IAACjC,EAAE,EAAE,mBAAmB1C,IAAI,CAAC0E,SAAS;EAAG,GACxD1E,IAAI,CAAC0E,SACW,CACxB,EACA1E,IAAI,CAACA,IAAI,CAACuE,GAAG,CAAEpE,IAAI,iBAChBjH,MAAA,CAAAgB,OAAA,CAAAsK,aAAA,CAAChL,aAAA,CAAAU,OAAY;IACTgI,GAAG,EAAE,QAAQ/B,IAAI,CAAC2D,IAAI,EAAG;IACzB3D,IAAI,EAAEA,IAAK;IACXyE,UAAU,EACN3I,YAAY,GAAGkE,IAAI,CAACC,KAAK,KAAKnE,YAAY,CAACmE,KAAK,GAAG,KACtD;IACDxE,QAAQ,EAAE4F,qBAAsB;IAChCpF,kBAAkB,EAAEA,kBAAmB;IACvCE,oBAAoB,EAChB0D,IAAI,CAAC1D,oBAAoB,IAAIA;EAChC,CACJ,CACJ,CACK,CACb,CAAC,EACN,CAACkF,qBAAqB,EAAE9F,KAAK,EAAEO,YAAY,EAAEG,kBAAkB,EAAEE,oBAAoB,CACzF,CAAC;EAED,OAAO,IAAAoD,cAAO,EACV,mBACIxG,MAAA,CAAAgB,OAAA,CAAAsK,aAAA,CAAC/K,SAAA,CAAAoL,cAAc;IACXzH,GAAG,EAAEe,wBAAyB;IAC9B2G,SAAS,EAAEpH,QAAS;IACpBqH,mBAAmB,EAAEnI;EAAmB,gBAExC1D,MAAA,CAAAgB,OAAA,CAAAsK,aAAA,CAAC/K,SAAA,CAAAuL,oBAAoB;IACjB5H,GAAG,EAAEgB,iBAAkB;IACvB6G,UAAU,EAAE3J,SAAU;IACtB4J,OAAO,EAAEjB,iBAAkB;IAC3BkB,OAAO,EAAE3H,WAAY;IACrB4H,QAAQ,EAAEtG,OAAQ;IAClBuG,KAAK,EAAE5I,IAAK;IACZ6I,gCAAgC,EAAEtI,+BAAgC;IAClEuI,WAAW,EAAE9J,UAAW;IACxB+J,kBAAkB,EAAE/F,iBAAkB;IACtCgG,mBAAmB,EAAErJ,kBAAmB;IACxCsJ,+BAA+B,EAAE/F,8BAA+B;IAChEgG,SAAS,EAAEzB,mBAAoB;IAC/BpB,QAAQ,EAAE,CAACrH,UAAU,IAAI,OAAOwB,UAAU,KAAK,QAAQ,GAAG,CAAC,GAAGW,SAAU;IACxEgI,IAAI,EAAE,CAACnK,UAAU,IAAI,OAAOwB,UAAU,KAAK,QAAQ,GAAG,QAAQ,GAAGW,SAAU;IAC3E,iBACI,CAACnC,UAAU,IAAI,OAAOwB,UAAU,KAAK,QAAQ,GAAGO,WAAW,GAAGI;EACjE,gBAED1E,MAAA,CAAAgB,OAAA,CAAAsK,aAAA,CAAC/K,SAAA,CAAAoM,yCAAyC,QACrC/J,MAAM,iBACH5C,MAAA,CAAAgB,OAAA,CAAAsK,aAAA,CAAC/K,SAAA,CAAAqM,oBAAoB;IAACC,eAAe,EAAEvJ;EAAe,GACjDV,MACiB,CACzB,eACD5C,MAAA,CAAAgB,OAAA,CAAAsK,aAAA,CAAC/K,SAAA,CAAAuM,yBAAyB;IACtBC,oBAAoB,EAAE,CAAChK,YAAY,IAAI,CAACoB;EAAqB,GAE5DoG,mBAAmB,iBAChBvK,MAAA,CAAAgB,OAAA,CAAAsK,aAAA,CAAC/K,SAAA,CAAAyM,8BAA8B;IAC3BC,GAAG,EAAE1C,mBAAoB;IACzBgC,mBAAmB,EAAErJ,kBAAmB;IACxCgK,qBAAqB,EAAErC;EAAgC,CAC1D,CACJ,EACAJ,eAAe,iBAAIzK,MAAA,CAAAgB,OAAA,CAAAsK,aAAA,CAAClL,KAAA,CAAAY,OAAI;IAAC0J,KAAK,EAAED;EAAgB,CAAE,CAAC,EACnD,OAAO1G,UAAU,KAAK,QAAQ,gBAC3B/D,MAAA,CAAAgB,OAAA,CAAAsK,aAAA,CAAC/K,SAAA,CAAA4M,mBAAmB;IAChBjJ,GAAG,EAAEiB,gBAAiB;IACtBiI,QAAQ,EAAE7K,UAAW;IACrB2E,KAAK,EAAEnD,UAAW;IAClBsJ,QAAQ,EAAE1J,aAAc;IACxB2J,MAAM,EAAExF,eAAgB;IACxByF,OAAO,EAAE7F,gBAAiB;IAC1B/E,WAAW,EAAEgI;EAAgB,CAChC,CAAC,gBAEF3K,MAAA,CAAAgB,OAAA,CAAAsK,aAAA,CAAC/K,SAAA,CAAAiN,6BAA6B,QACzB7C,eAC0B,CAClC,EACAxG,oBAAoB,IACjBA,oBAAoB,CAACsJ,aAAa,IAClCtJ,oBAAoB,CAACsJ,aACF,CACY,CAAC,EAC3CtK,mBAAmB,IAAIgB,oBAAoB,iBACxCnE,MAAA,CAAAgB,OAAA,CAAAsK,aAAA,CAAC/K,SAAA,CAAAmN,8BAA8B;IAC3BrB,WAAW,EAAE9J,UAAW;IACxByJ,OAAO,EAAEpD;EAAY,gBAErB5I,MAAA,CAAAgB,OAAA,CAAAsK,aAAA,CAAClL,KAAA,CAAAY,OAAI;IAAC0J,KAAK,EAAE,CAAC,aAAa;EAAE,CAAE,CACH,CACnC,EACA,CAAC/D,oBAAoB,iBAClB3G,MAAA,CAAAgB,OAAA,CAAAsK,aAAA,CAAC/K,SAAA,CAAAoN,yBAAyB;IACtBtB,WAAW,EAAE9J,UAAW;IACxB4J,KAAK,EAAE5I,IAAK;IACZqK,qBAAqB,EACjBzK,mBAAmB,KAAK,IAAI,IAC5BgB,oBAAoB,KAAKO;EAC5B,gBAED1E,MAAA,CAAAgB,OAAA,CAAAsK,aAAA,CAAClL,KAAA,CAAAY,OAAI;IAAC0J,KAAK,EAAE,CAAC,oBAAoB,CAAE;IAACnI,UAAU,EAAEA;EAAW,CAAE,CACvC,CAEb,CAAC,EACtB0C,wBAAwB,CAAC4C,OAAO,iBAC7B7H,MAAA,CAAAgB,OAAA,CAAAsK,aAAA,CAAC9K,oBAAA,CAAAQ,OAAmB;IAChB6M,aAAa,EAAE5I,wBAAwB,CAAC4C,OAAQ;IAChD1F,SAAS,EAAEA,SAAU;IACrBgF,aAAa,EAAEA,aAAc;IAC7BrE,mBAAmB,EAAEA,mBAAoB;IACzCgL,OAAO,EAAE9F,WAAY;IACrB5F,SAAS,EAAEA,SAAU;IACrBS,SAAS,EAAEA,SAAU;IACrBkL,kBAAkB,EAAEzJ,WAAY;IAChC0J,YAAY,EAAE7L,SAAS,IAAIwC;EAAa,gBAExC3E,MAAA,CAAAgB,OAAA,CAAAsK,aAAA,CAAC/K,SAAA,CAAA0N,kBAAkB;IACfC,UAAU,EAAEzL,SAAU;IACtBmJ,SAAS,EAAEzJ,SAAS,IAAIwC,YAAa;IACrCwJ,SAAS,EAAC,kBAAkB;IAC5BjK,GAAG,EAAEkB,UAAW;IAChBwE,QAAQ,EAAE;EAAE,GAEXwB,cACe,CACH,CAEb,CACnB,EACD,CACIzG,YAAY,EACZxC,SAAS,EACTiJ,cAAc,EACdvI,SAAS,EACTsE,aAAa,EACb/E,SAAS,EACTwG,WAAW,EACXZ,WAAW,EACX+C,iBAAiB,EACjBC,mBAAmB,EACnBlD,eAAe,EACfJ,gBAAgB,EAChB3D,UAAU,EACVI,oBAAoB,EACpBG,WAAW,EACX/B,UAAU,EACVqD,OAAO,EACPnD,SAAS,EACT+B,QAAQ,EACRb,aAAa,EACb8G,eAAe,EACfF,mBAAmB,EACnBI,eAAe,EACf/H,MAAM,EACNU,cAAc,EACdP,YAAY,EACZwD,iBAAiB,EACjBI,oBAAoB,EACpB7D,mBAAmB,EACnB2D,8BAA8B,EAC9BvD,kBAAkB,EAClBC,mBAAmB,EACnB0H,+BAA+B,EAC/B/G,+BAA+B,EAC/BJ,kBAAkB,EAClBH,IAAI,CAEZ,CAAC;AACL,CACJ,CAAC;AAEDtB,QAAQ,CAACmM,WAAW,GAAG,UAAU;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAtN,OAAA,GAEnBiB,QAAQ","ignoreList":[]}

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

@@ -7,6 +7,7 @@ exports.StyledComboBoxTopic = exports.StyledComboBoxPrefixAndPlaceholderWrapper
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _dropdown = require("../../types/dropdown");
 var _ComboBox = require("./ComboBox.types");
+var _keyboardFocusHighlighting = require("../../utils/keyboardFocusHighlighting.styles");
 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 StyledComboBox = exports.StyledComboBox = _styledComponents.default.div`
     min-width: 0;
@@ -122,6 +123,16 @@ const StyledComboBoxHeader = exports.StyledComboBoxHeader = _styledComponents.de
                 background-color: ${theme['secondary-102']};
             }
         `}
+
+    ${({
+  $shouldShowKeyboardHighlighting
+}) => $shouldShowKeyboardHighlighting && (0, _styledComponents.css)`
+            &:focus-visible,
+            &:focus-within {
+                transition: none;
+                ${_keyboardFocusHighlighting.keyboardFocusHighlightingRingCss}
+            }
+        `}
 `;
 const StyledComboBoxPlaceholder = exports.StyledComboBoxPlaceholder = _styledComponents.default.div`
     align-items: center;

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_dropdown","_ComboBox","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledComboBox","exports","styled","div","$shouldUseFullWidth","$minWidth","css","StyledComboBoxHeader","$isDisabled","$size","ComboBoxSize","SMALL","NORMAL","theme","$shouldShowTransparentBackground","$shouldChangeColor","colorMode","$shouldShowBigImage","$isOpen","$direction","DropdownDirection","BOTTOM","BOTTOM_LEFT","BOTTOM_RIGHT","includes","$isTouch","StyledComboBoxPlaceholder","text","$shouldReduceOpacity","StyledComboBoxPlaceholderText","StyledComboBoxPrefixAndPlaceholderWrapper","StyledComboBoxPrefix","$prefixMinWidth","StyledComboBoxInput","input","StyledComboBoxPlaceholderImage","img","$shouldShowRoundImage","StyledComboBoxClearIconWrapper","StyledComboBoxIconWrapper","$shouldShowBorderLeft","StyledComboBoxBody","$maxHeight","StyledComboBoxTopic"],"sources":["../../../../src/components/combobox/ComboBox.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { Theme, WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { DropdownDirection } from '../../types/dropdown';\nimport { ComboBoxProps, ComboBoxSize } from './ComboBox.types';\n\ntype StyledComboBoxProps = WithTheme<{\n    $minWidth?: number;\n    $shouldUseFullWidth: ComboBoxProps['shouldUseFullWidth'];\n}>;\n\nexport const StyledComboBox = styled.div<StyledComboBoxProps>`\n    min-width: 0;\n    user-select: none;\n    position: relative;\n\n    ${({ $shouldUseFullWidth, $minWidth }) => {\n        if ($shouldUseFullWidth) {\n            return css`\n                width: 100%;\n                max-width: 100%;\n                min-width: ${typeof $minWidth === 'number' ? `${$minWidth}px` : '0'};\n            `;\n        }\n\n        if (typeof $minWidth === 'number') {\n            return css`\n                width: fit-content;\n                max-width: 100%;\n                min-width: ${$minWidth}px;\n            `;\n        }\n\n        return css`\n            width: fit-content;\n            max-width: 100%;\n        `;\n    }}\n`;\n\ntype StyledComboBoxHeaderProps = WithTheme<{\n    $isTouch: boolean;\n    $isOpen: boolean;\n    $direction: DropdownDirection;\n    $isDisabled?: boolean;\n    $shouldChangeColor: boolean;\n    $shouldShowBigImage: ComboBoxProps['shouldShowBigImage'];\n    $shouldShowTransparentBackground: boolean;\n    $size: ComboBoxSize;\n}>;\n\nexport const StyledComboBoxHeader = styled.div<StyledComboBoxHeaderProps>`\n    display: flex;\n    min-width: 0;\n    border: 1px solid transparent;\n    cursor: ${({ $isDisabled }) => (!$isDisabled ? 'pointer' : 'default')};\n    justify-content: space-between;\n    opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};\n    transition: background-color 0.2s ease-in-out;\n\n    ${({ $size }) => {\n        switch ($size) {\n            case ComboBoxSize.SMALL:\n                return css`\n                    height: 34px;\n                `;\n            case ComboBoxSize.NORMAL:\n            default:\n                return css`\n                    min-height: 42px;\n                `;\n        }\n    }}\n\n    ${({ theme, $shouldShowTransparentBackground, $shouldChangeColor }) => {\n        if ($shouldShowTransparentBackground) {\n            if (theme.colorMode === 'dark') {\n                return css`\n                    border-color: rgba(255, 255, 255, 0.5);\n                    background-color: transparent;\n                `;\n            }\n\n            return css`\n                border-color: rgba(0, 0, 0, 0.5);\n                background-color: transparent;\n            `;\n        }\n\n        return css`\n            border-color: rgba(160, 160, 160, 0.3);\n            background-color: ${theme.colorMode === 'classic' || $shouldChangeColor\n                ? theme['000']\n                : theme['100']};\n        `;\n    }}\n\n    ${({ $shouldShowBigImage }) =>\n        $shouldShowBigImage &&\n        css`\n            height: 42px;\n        `}\n\n    ${({ $isOpen, $direction }) => {\n        if ($isOpen) {\n            return [\n                DropdownDirection.BOTTOM,\n                DropdownDirection.BOTTOM_LEFT,\n                DropdownDirection.BOTTOM_RIGHT,\n            ].includes($direction)\n                ? css`\n                      border-top-left-radius: 3px;\n                      border-top-right-radius: 3px;\n                  `\n                : css`\n                      border-bottom-left-radius: 3px;\n                      border-bottom-right-radius: 3px;\n                  `;\n        }\n\n        return css`\n            border-radius: 3px;\n        `;\n    }}\n\n    ${({ $isTouch, $isDisabled, theme }: StyledComboBoxHeaderProps) =>\n        !$isTouch &&\n        !$isDisabled &&\n        css`\n            &:hover {\n                background-color: ${theme['secondary-102']};\n            }\n        `}\n`;\n\ntype StyledComboBoxPlaceholderProps = WithTheme<{ $shouldReduceOpacity: boolean }>;\n\nexport const StyledComboBoxPlaceholder = styled.div<StyledComboBoxPlaceholderProps>`\n    align-items: center;\n    color: ${({ theme }: StyledComboBoxPlaceholderProps) => theme.text};\n    display: flex;\n    flex: 1 1 auto;\n    gap: 10px;\n    min-width: 0;\n    opacity: ${({ $shouldReduceOpacity }) => ($shouldReduceOpacity ? 0.5 : 1)};\n`;\n\nexport const StyledComboBoxPlaceholderText = styled.div`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n`;\n\nexport const StyledComboBoxPrefixAndPlaceholderWrapper = styled.div`\n    align-items: center;\n    display: flex;\n    flex: 1 1 auto;\n    min-width: 0;\n    padding: 4px 10px;\n`;\n\ntype StyledComboBoxPrefixProps = {\n    $prefixMinWidth?: number;\n};\n\nexport const StyledComboBoxPrefix = styled.div<StyledComboBoxPrefixProps>`\n    flex: 0 0 auto;\n    min-width: ${({ $prefixMinWidth }) => $prefixMinWidth ?? 0}px;\n    padding-right: 5px;\n`;\n\nexport const StyledComboBoxInput = styled.input`\n    color: ${({ theme }: { theme: Theme }) => theme.text};\n    border: none;\n    background-color: transparent;\n    width: 100%;\n    min-width: 0;\n`;\n\ntype StyledComboBoxPlaceholderImageProps = WithTheme<{\n    $shouldShowBigImage: ComboBoxProps['shouldShowBigImage'];\n    $shouldShowRoundImage: ComboBoxProps['shouldShowRoundImage'];\n}>;\n\nexport const StyledComboBoxPlaceholderImage = styled.img<StyledComboBoxPlaceholderImageProps>`\n    box-shadow: 0 0 0 1px\n        rgba(${({ theme }: StyledComboBoxPlaceholderImageProps) => theme['009-rgb']}, 0.15);\n    height: ${({ $shouldShowBigImage }) => ($shouldShowBigImage ? '32px' : '22px')};\n    width: ${({ $shouldShowBigImage }) => ($shouldShowBigImage ? '32px' : '22px')};\n\n    ${({ $shouldShowRoundImage }) =>\n        $shouldShowRoundImage &&\n        css`\n            border-radius: 50%;\n        `}\n`;\n\ntype StyledComboBoxClearIconWrapperProps = { $isDisabled: boolean };\n\nexport const StyledComboBoxClearIconWrapper = styled.div<StyledComboBoxClearIconWrapperProps>`\n    align-items: center;\n    cursor: ${({ $isDisabled }) => (!$isDisabled ? 'pointer' : 'default')};\n    display: flex;\n    flex: 0 0 auto;\n    height: 40px;\n    justify-content: center;\n    width: 40px;\n`;\n\ntype StyledComboBoxIconWrapperProps = {\n    $shouldShowBorderLeft: boolean;\n    $isDisabled: boolean;\n    $size: ComboBoxSize;\n};\n\nexport const StyledComboBoxIconWrapper = styled.div<StyledComboBoxIconWrapperProps>`\n    align-items: center;\n    border-left: ${({ $shouldShowBorderLeft }) =>\n        $shouldShowBorderLeft ? '1px solid rgba(160, 160, 160, 0.3)' : 'none'};\n    cursor: ${({ $isDisabled }) => (!$isDisabled ? 'pointer' : 'default')};\n    display: flex;\n    flex: 0 0 auto;\n    justify-content: center;\n    width: 40px;\n\n    ${({ $size }) => {\n        switch ($size) {\n            case ComboBoxSize.SMALL:\n                return css`\n                    height: 30px;\n                `;\n            case ComboBoxSize.NORMAL:\n            default:\n                return css`\n                    height: 40px;\n                `;\n        }\n    }}\n`;\n\ntype StyledComboBoxBodyProps = WithTheme<{\n    $maxHeight: number;\n    $minWidth: number;\n}>;\n\nexport const StyledComboBoxBody = styled.div<StyledComboBoxBodyProps>`\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n    min-width: ${({ $minWidth }) => $minWidth}px;\n\n    overflow-x: hidden;\n    overflow-y: auto;\n\n    max-height: ${({ $maxHeight }) => $maxHeight}px;\n`;\n\ntype StyledComboBoxTopicProps = WithTheme<unknown>;\n\nexport const StyledComboBoxTopic = styled.div`\n    align-items: center;\n    background-color: ${({ theme }: StyledComboBoxTopicProps) => theme['secondary-102']};\n    color: rgba(${({ theme }: StyledComboBoxTopicProps) => theme['text-rgb']}, 0.65);\n    cursor: default;\n    display: flex;\n    flex: 0 0 auto;\n    font-weight: bold;\n    min-height: 38px;\n    line-height: normal;\n    padding: 8px 10px;\n    position: sticky;\n    top: 0;\n    z-index: 10;\n`;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ComboBox.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_dropdown","_ComboBox","_keyboardFocusHighlighting","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledComboBox","exports","styled","div","$shouldUseFullWidth","$minWidth","css","StyledComboBoxHeader","$isDisabled","$size","ComboBoxSize","SMALL","NORMAL","theme","$shouldShowTransparentBackground","$shouldChangeColor","colorMode","$shouldShowBigImage","$isOpen","$direction","DropdownDirection","BOTTOM","BOTTOM_LEFT","BOTTOM_RIGHT","includes","$isTouch","$shouldShowKeyboardHighlighting","keyboardFocusHighlightingRingCss","StyledComboBoxPlaceholder","text","$shouldReduceOpacity","StyledComboBoxPlaceholderText","StyledComboBoxPrefixAndPlaceholderWrapper","StyledComboBoxPrefix","$prefixMinWidth","StyledComboBoxInput","input","StyledComboBoxPlaceholderImage","img","$shouldShowRoundImage","StyledComboBoxClearIconWrapper","StyledComboBoxIconWrapper","$shouldShowBorderLeft","StyledComboBoxBody","$maxHeight","StyledComboBoxTopic"],"sources":["../../../../src/components/combobox/ComboBox.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { Theme, WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { DropdownDirection } from '../../types/dropdown';\nimport { ComboBoxProps, ComboBoxSize } from './ComboBox.types';\nimport { keyboardFocusHighlightingRingCss } from '../../utils/keyboardFocusHighlighting.styles';\n\ntype StyledComboBoxProps = WithTheme<{\n    $minWidth?: number;\n    $shouldUseFullWidth: ComboBoxProps['shouldUseFullWidth'];\n}>;\n\nexport const StyledComboBox = styled.div<StyledComboBoxProps>`\n    min-width: 0;\n    user-select: none;\n    position: relative;\n\n    ${({ $shouldUseFullWidth, $minWidth }) => {\n        if ($shouldUseFullWidth) {\n            return css`\n                width: 100%;\n                max-width: 100%;\n                min-width: ${typeof $minWidth === 'number' ? `${$minWidth}px` : '0'};\n            `;\n        }\n\n        if (typeof $minWidth === 'number') {\n            return css`\n                width: fit-content;\n                max-width: 100%;\n                min-width: ${$minWidth}px;\n            `;\n        }\n\n        return css`\n            width: fit-content;\n            max-width: 100%;\n        `;\n    }}\n`;\n\ntype StyledComboBoxHeaderProps = WithTheme<{\n    $isTouch: boolean;\n    $isOpen: boolean;\n    $direction: DropdownDirection;\n    $isDisabled?: boolean;\n    $shouldChangeColor: boolean;\n    $shouldShowBigImage: ComboBoxProps['shouldShowBigImage'];\n    $shouldShowTransparentBackground: boolean;\n    $size: ComboBoxSize;\n    $shouldShowKeyboardHighlighting: boolean;\n}>;\n\nexport const StyledComboBoxHeader = styled.div<StyledComboBoxHeaderProps>`\n    display: flex;\n    min-width: 0;\n    border: 1px solid transparent;\n    cursor: ${({ $isDisabled }) => (!$isDisabled ? 'pointer' : 'default')};\n    justify-content: space-between;\n    opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};\n    transition: background-color 0.2s ease-in-out;\n\n    ${({ $size }) => {\n        switch ($size) {\n            case ComboBoxSize.SMALL:\n                return css`\n                    height: 34px;\n                `;\n            case ComboBoxSize.NORMAL:\n            default:\n                return css`\n                    min-height: 42px;\n                `;\n        }\n    }}\n\n    ${({ theme, $shouldShowTransparentBackground, $shouldChangeColor }) => {\n        if ($shouldShowTransparentBackground) {\n            if (theme.colorMode === 'dark') {\n                return css`\n                    border-color: rgba(255, 255, 255, 0.5);\n                    background-color: transparent;\n                `;\n            }\n\n            return css`\n                border-color: rgba(0, 0, 0, 0.5);\n                background-color: transparent;\n            `;\n        }\n\n        return css`\n            border-color: rgba(160, 160, 160, 0.3);\n            background-color: ${theme.colorMode === 'classic' || $shouldChangeColor\n                ? theme['000']\n                : theme['100']};\n        `;\n    }}\n\n    ${({ $shouldShowBigImage }) =>\n        $shouldShowBigImage &&\n        css`\n            height: 42px;\n        `}\n\n    ${({ $isOpen, $direction }) => {\n        if ($isOpen) {\n            return [\n                DropdownDirection.BOTTOM,\n                DropdownDirection.BOTTOM_LEFT,\n                DropdownDirection.BOTTOM_RIGHT,\n            ].includes($direction)\n                ? css`\n                      border-top-left-radius: 3px;\n                      border-top-right-radius: 3px;\n                  `\n                : css`\n                      border-bottom-left-radius: 3px;\n                      border-bottom-right-radius: 3px;\n                  `;\n        }\n\n        return css`\n            border-radius: 3px;\n        `;\n    }}\n\n    ${({ $isTouch, $isDisabled, theme }: StyledComboBoxHeaderProps) =>\n        !$isTouch &&\n        !$isDisabled &&\n        css`\n            &:hover {\n                background-color: ${theme['secondary-102']};\n            }\n        `}\n\n    ${({ $shouldShowKeyboardHighlighting }) =>\n        $shouldShowKeyboardHighlighting &&\n        css`\n            &:focus-visible,\n            &:focus-within {\n                transition: none;\n                ${keyboardFocusHighlightingRingCss}\n            }\n        `}\n`;\n\ntype StyledComboBoxPlaceholderProps = WithTheme<{ $shouldReduceOpacity: boolean }>;\n\nexport const StyledComboBoxPlaceholder = styled.div<StyledComboBoxPlaceholderProps>`\n    align-items: center;\n    color: ${({ theme }: StyledComboBoxPlaceholderProps) => theme.text};\n    display: flex;\n    flex: 1 1 auto;\n    gap: 10px;\n    min-width: 0;\n    opacity: ${({ $shouldReduceOpacity }) => ($shouldReduceOpacity ? 0.5 : 1)};\n`;\n\nexport const StyledComboBoxPlaceholderText = styled.div`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n`;\n\nexport const StyledComboBoxPrefixAndPlaceholderWrapper = styled.div`\n    align-items: center;\n    display: flex;\n    flex: 1 1 auto;\n    min-width: 0;\n    padding: 4px 10px;\n`;\n\ntype StyledComboBoxPrefixProps = {\n    $prefixMinWidth?: number;\n};\n\nexport const StyledComboBoxPrefix = styled.div<StyledComboBoxPrefixProps>`\n    flex: 0 0 auto;\n    min-width: ${({ $prefixMinWidth }) => $prefixMinWidth ?? 0}px;\n    padding-right: 5px;\n`;\n\nexport const StyledComboBoxInput = styled.input`\n    color: ${({ theme }: { theme: Theme }) => theme.text};\n    border: none;\n    background-color: transparent;\n    width: 100%;\n    min-width: 0;\n`;\n\ntype StyledComboBoxPlaceholderImageProps = WithTheme<{\n    $shouldShowBigImage: ComboBoxProps['shouldShowBigImage'];\n    $shouldShowRoundImage: ComboBoxProps['shouldShowRoundImage'];\n}>;\n\nexport const StyledComboBoxPlaceholderImage = styled.img<StyledComboBoxPlaceholderImageProps>`\n    box-shadow: 0 0 0 1px\n        rgba(${({ theme }: StyledComboBoxPlaceholderImageProps) => theme['009-rgb']}, 0.15);\n    height: ${({ $shouldShowBigImage }) => ($shouldShowBigImage ? '32px' : '22px')};\n    width: ${({ $shouldShowBigImage }) => ($shouldShowBigImage ? '32px' : '22px')};\n\n    ${({ $shouldShowRoundImage }) =>\n        $shouldShowRoundImage &&\n        css`\n            border-radius: 50%;\n        `}\n`;\n\ntype StyledComboBoxClearIconWrapperProps = { $isDisabled: boolean };\n\nexport const StyledComboBoxClearIconWrapper = styled.div<StyledComboBoxClearIconWrapperProps>`\n    align-items: center;\n    cursor: ${({ $isDisabled }) => (!$isDisabled ? 'pointer' : 'default')};\n    display: flex;\n    flex: 0 0 auto;\n    height: 40px;\n    justify-content: center;\n    width: 40px;\n`;\n\ntype StyledComboBoxIconWrapperProps = {\n    $shouldShowBorderLeft: boolean;\n    $isDisabled: boolean;\n    $size: ComboBoxSize;\n};\n\nexport const StyledComboBoxIconWrapper = styled.div<StyledComboBoxIconWrapperProps>`\n    align-items: center;\n    border-left: ${({ $shouldShowBorderLeft }) =>\n        $shouldShowBorderLeft ? '1px solid rgba(160, 160, 160, 0.3)' : 'none'};\n    cursor: ${({ $isDisabled }) => (!$isDisabled ? 'pointer' : 'default')};\n    display: flex;\n    flex: 0 0 auto;\n    justify-content: center;\n    width: 40px;\n\n    ${({ $size }) => {\n        switch ($size) {\n            case ComboBoxSize.SMALL:\n                return css`\n                    height: 30px;\n                `;\n            case ComboBoxSize.NORMAL:\n            default:\n                return css`\n                    height: 40px;\n                `;\n        }\n    }}\n`;\n\ntype StyledComboBoxBodyProps = WithTheme<{\n    $maxHeight: number;\n    $minWidth: number;\n}>;\n\nexport const StyledComboBoxBody = styled.div<StyledComboBoxBodyProps>`\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n    min-width: ${({ $minWidth }) => $minWidth}px;\n\n    overflow-x: hidden;\n    overflow-y: auto;\n\n    max-height: ${({ $maxHeight }) => $maxHeight}px;\n`;\n\ntype StyledComboBoxTopicProps = WithTheme<unknown>;\n\nexport const StyledComboBoxTopic = styled.div`\n    align-items: center;\n    background-color: ${({ theme }: StyledComboBoxTopicProps) => theme['secondary-102']};\n    color: rgba(${({ theme }: StyledComboBoxTopicProps) => theme['text-rgb']}, 0.65);\n    cursor: default;\n    display: flex;\n    flex: 0 0 auto;\n    font-weight: bold;\n    min-height: 38px;\n    line-height: normal;\n    padding: 8px 10px;\n    position: sticky;\n    top: 0;\n    z-index: 10;\n`;\n"],"mappings":"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","ignoreList":[]}