@activecollab/components 1.0.415 → 1.0.417

package/dist/cjs/components/ComboBox/ComboBox.js

@@ -30,7 +30,7 @@ var _ConditionWrapper = require("../../helpers/ConditionWrapper/ConditionWrapper
 var _classnames = _interopRequireDefault(require("classnames"));
 var _useIsFirstRender = require("../../hooks/useIsFirstRender");
 var _MultiAvatar = require("../MultiAvatar");
-var _excluded = ["options", "selected", "loading", "loadingText", "onChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper", "onClose", "onClear", "onDeselect"];
+var _excluded = ["options", "selected", "loading", "loadingText", "onChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper", "onClose", "onClear", "onDeselect", "defaultValue"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -76,6 +76,7 @@ var ComboBox = function ComboBox(_ref) {
     onClose = _ref.onClose,
     onClear = _ref.onClear,
     onDeselect = _ref.onDeselect,
+    defaultValue = _ref.defaultValue,
     prop = _objectWithoutProperties(_ref, _excluded);
   var selectedName = (0, _react.useMemo)(function () {
     var value = "";
@@ -332,6 +333,9 @@ var ComboBox = function ComboBox(_ref) {
   }, [type, selected, options, open, limitChips, hiddenNumberText, renderChipAdornment, size]);
   var showXIcon = Array.isArray(selected) && type === "multiple" && selected.length > 0;
   var hasSelected = type === "multiple" && Array.isArray(selected) && selected.length > 0;
+  var showMenu = (0, _react.useMemo)(function () {
+    return Boolean(options.length || defaultValue || Number(value.length) > 0);
+  }, [defaultValue, options.length, value]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "c-combo-box"
   }, type === "multiple" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_StyledStyledInputWrapper, {
@@ -376,7 +380,7 @@ var ComboBox = function ComboBox(_ref) {
     onMouseDown: handleMouseDown,
     onClick: handleDeselect,
     "data-testid": "deselect-all"
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledComboBoxCloseSmallIcon, null)), /*#__PURE__*/_react.default.createElement(_Styles.StyledComboBoxCollapseExpandSingleIcon, {
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledComboBoxCloseSmallIcon, null)), showMenu && /*#__PURE__*/_react.default.createElement(_Styles.StyledComboBoxCollapseExpandSingleIcon, {
     $open: open
   }))))) : /*#__PURE__*/_react.default.createElement(_Styles.StyledComboBoxInput, {
     className: (0, _classnames.default)("c-combo-box-input", inputWrapperClassName),
@@ -384,6 +388,7 @@ var ComboBox = function ComboBox(_ref) {
     wrapperClick: onOpen,
     onFocus: function onFocus() {
       setFocused(!focused);
+      onOpen();
     },
     onClick: onOpen,
     wrapRef: comboBoxRef,
@@ -404,7 +409,7 @@ var ComboBox = function ComboBox(_ref) {
       onClick: handleDeselect,
       variant: "text gray",
       size: "small"
-    }, /*#__PURE__*/_react.default.createElement(_Styles.StyledComboBoxCloseSmallIcon, null)) : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledComboBoxCollapseExpandSingleIcon, {
+    }, /*#__PURE__*/_react.default.createElement(_Styles.StyledComboBoxCloseSmallIcon, null)) : null, showMenu && /*#__PURE__*/_react.default.createElement(_Styles.StyledComboBoxCollapseExpandSingleIcon, {
       $open: open
     })) : null
   }), !disabled ? /*#__PURE__*/_react.default.createElement(_ConditionWrapper.ConditionalWrapper, {
@@ -426,7 +431,8 @@ var ComboBox = function ComboBox(_ref) {
     noIsolation: true,
     allowPinchZoom: true
   }, /*#__PURE__*/_react.default.createElement(_Styles.StyledComboBoxList, {
-    $width: (_comboBoxRef$current3 = comboBoxRef.current) === null || _comboBoxRef$current3 === void 0 ? void 0 : _comboBoxRef$current3.clientWidth
+    $width: (_comboBoxRef$current3 = comboBoxRef.current) === null || _comboBoxRef$current3 === void 0 ? void 0 : _comboBoxRef$current3.clientWidth,
+    $hide: !showMenu
   }, /*#__PURE__*/_react.default.createElement(_Autocomplete.Autocomplete, _extends({}, prop, {
     inputEl: childNode,
     selected: selected,
@@ -434,7 +440,8 @@ var ComboBox = function ComboBox(_ref) {
     renderOption: handleRenderOption,
     options: options,
     type: type,
-    handleEmptyAction: emptyAction
+    handleEmptyAction: emptyAction,
+    defaultValue: defaultValue
   })))))) : null);
 };
 exports.ComboBox = ComboBox;

package/dist/cjs/components/ComboBox/ComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","names":["ComboBox","options","selected","loading","loadingText","onChange","placeholder","handleEmptyAction","disabled","size","invalid","type","renderChip","forceCloseMenu","renderOption","limitChips","hiddenNumberText","inPortal","inputWrapperClassName","scrollWrapper","onClose","onClear","onDeselect","prop","selectedName","useMemo","value","map","v","find","q","id","name","useState","setValue","focused","setFocused","handleOnChange","useCallback","e","target","childNode","useRef","elementRef","handleRef","useForkRef","wrapperRef","chipWrapper","comboBoxRef","open","setOpen","isFirstRender","useIsFirstRender","useOnClickOutside","current","contains","handleOnKeyDown","key","stopPropagation","useEffect","focus","blur","emptyAction","handleChange","selectedValue","onOpen","handleRenderOption","option","props","image","color","textColor","handleDeselect","handleMouseDown","preventDefault","handleBlur","renderChipAdornment","index","avatarProps","leftAdornment","undefined","Array","isArray","includes","newSelected","filter","item","showOnClose","chipColor","autoSize","length","startAdornment","elements","total","forEach","isGrouped","isOptionGroup","push","groupedOptions","o","_index","hidden","splice","optionItem","child","avatarSize","showXIcon","hasSelected","classNames","click","display","flex","alignSelf","width","children","zIndex","clientWidth","displayName"],"sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"sourcesContent":["import React, {\n  FC,\n  useCallback,\n  useState,\n  useEffect,\n  useRef,\n  useMemo,\n  Fragment,\n} from \"react\";\nimport { RadioButton } from \"../RadioButton\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport { IconButton } from \"../IconButton\";\nimport {\n  IAutocompleteProps,\n  isOptionGroup,\n} from \"../Autocomplete/Autocomplete\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Popper } from \"../Popper\";\nimport { IOptionGroupProps, IOptionItemProps } from \"../Select\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { SpinnerLoader } from \"../Loaders/Spinner/SpinnerLoader\";\nimport { OptionContent } from \"../Select/OptionContent/OptionContent\";\nimport {\n  StyledComboBoxCloseSmallIcon,\n  StyledComboBoxCollapseExpandSingleIcon,\n  StyledComboBoxInput,\n  StyledComboBoxList,\n  StyledChipWrapper,\n} from \"./Styles\";\nimport { InputSize } from \"../Input/types\";\nimport { InputAdornment } from \"../Input/InputAdornment\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Chip } from \"../Chip\";\nimport { StyledInput, StyledInputWrapper } from \"../Input/Styles\";\nimport { useOnClickOutside } from \"../../hooks/useOnClickOutside\";\nimport { Avatar, AvatarProps } from \"../Avatar\";\nimport { Trigger } from \"../Trigger\";\nimport { Typography } from \"../Typography/Typography\";\nimport tw from \"twin.macro\";\nimport { Portal } from \"../../helpers\";\nimport { ConditionalWrapper } from \"../../helpers/ConditionWrapper/ConditionWrapper\";\nimport classNames from \"classnames\";\nimport { useIsFirstRender } from \"../../hooks/useIsFirstRender\";\nimport { MultiAvatar } from \"../MultiAvatar\";\n\nexport interface IComboBoxProps\n  extends Omit<\n    IAutocompleteProps,\n    \"handleChange\" | \"inputEl\" | \"clearInputOnSelect\"\n  > {\n  /** Set combobox in to loading state */\n  loading?: boolean;\n  /** Text to display while in loading state */\n  loadingText?: string;\n  /** onChange callback */\n  onChange?: (\n    e: (string | number)[] | string | number | null | undefined\n  ) => void;\n  /** Placeholder for Select input */\n  placeholder?: string;\n  /** disable Input element */\n  disabled?: boolean;\n  /** Combobox size */\n  size?: InputSize;\n  /** Invalid state */\n  invalid?: boolean;\n  /** Render Chip */\n  renderChip?: <T extends IOptionItemProps>(\n    item: T,\n    key?: string | number\n  ) => JSX.Element;\n  /** Close menu on change */\n  forceCloseMenu?: boolean;\n  /** Limit chips */\n  limitChips?: number;\n  /** Hidden number text */\n  hiddenNumberText?: (hidden: number) => string;\n  /** Render Autocomplete in <Portal> */\n  inPortal?: boolean;\n  /** inputWrapperClassName */\n  inputWrapperClassName?: string;\n  /** scrollWrapper */\n  scrollWrapper?: boolean;\n  /** onClose (f) will be called when Popper close */\n  onClose?: () => void;\n  /** onClear (f) will be called when user clear input on X icon*/\n  onClear?: () => void;\n  onDeselect?: () => void;\n}\n\nexport const ComboBox: FC<IComboBoxProps> = ({\n  options = [],\n  selected,\n  loading = false,\n  loadingText,\n  onChange,\n  placeholder,\n  handleEmptyAction,\n  disabled = false,\n  size = \"regular\",\n  invalid = false,\n  type = \"single\",\n  renderChip,\n  forceCloseMenu = type === \"single\",\n  renderOption,\n  limitChips = 2,\n  hiddenNumberText,\n  inPortal = false,\n  inputWrapperClassName,\n  scrollWrapper,\n  onClose,\n  onClear,\n  onDeselect,\n  ...prop\n}) => {\n  const selectedName = useMemo(() => {\n    let value = \"\";\n    if (!selected) {\n      return value;\n    }\n    options.map((v) => {\n      if ((v as IOptionGroupProps)?.options) {\n        return (v as IOptionGroupProps).options.find((q) => {\n          if (q.id === selected) {\n            value = q.name;\n            return;\n          }\n        });\n      } else {\n        if (v.id === selected) {\n          value = v.name;\n          return;\n        }\n      }\n    });\n    return value;\n  }, [options, selected]);\n  const [value, setValue] = useState(selectedName);\n  const [focused, setFocused] = useState<boolean>(false);\n  const handleOnChange = useCallback((e) => setValue(e.target.value), []);\n  const childNode = useRef<HTMLInputElement | null>();\n  const elementRef = useRef<HTMLInputElement | null>(null);\n  const handleRef = useForkRef(childNode, elementRef);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const chipWrapper = useRef<HTMLDivElement>(null);\n  const comboBoxRef = useRef<HTMLDivElement | null>(null);\n\n  const [open, setOpen] = useState(false);\n  const isFirstRender = useIsFirstRender();\n\n  useOnClickOutside(wrapperRef, (e) => {\n    if (e.target && comboBoxRef.current?.contains(e.target as Node)) {\n      return;\n    }\n    setOpen(false);\n  });\n\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Escape\" && open) {\n        setOpen(false);\n        setValue(selectedName);\n        e.stopPropagation();\n      }\n\n      if (e.key === \"Enter\" && type === \"multiple\") {\n        setValue(\"\");\n      }\n\n      if (e.key === \"Enter\" && !open && focused) {\n        setOpen(true);\n      }\n    },\n    [focused, open, selectedName, type]\n  );\n\n  useEffect(() => {\n    open && childNode?.current?.focus();\n    !open && childNode?.current?.blur();\n  }, [childNode, open]);\n\n  useEffect(() => {\n    setValue(selectedName);\n  }, [selectedName]);\n\n  useEffect(() => {\n    if (!open && !isFirstRender && !focused) {\n      if (typeof onClose === \"function\") {\n        onClose();\n      }\n    }\n  }, [focused, isFirstRender, onClose, open]);\n\n  const emptyAction = useCallback(\n    (v) => {\n      handleEmptyAction?.(v);\n      setOpen(false);\n    },\n    [handleEmptyAction]\n  );\n\n  const handleChange = useCallback(\n    (selectedValue) => {\n      if (selectedValue !== selected && typeof onChange === \"function\") {\n        onChange(selectedValue);\n      }\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n    },\n    [forceCloseMenu, onChange, selected]\n  );\n\n  const onOpen = useCallback(() => {\n    if (!disabled) {\n      setOpen(true);\n    }\n  }, [disabled]);\n\n  const handleRenderOption = useCallback(\n    (option, props) => {\n      if (typeof renderOption === \"function\") {\n        return renderOption(option, props);\n      }\n      if (type === \"multiple\") {\n        return (\n          <>\n            <OptionContent\n              imageUrl={option.image}\n              color={option.color}\n              textColor={option.textColor}\n              name={option.name}\n            />\n            <Checkbox {...props} />\n          </>\n        );\n      }\n      return (\n        <>\n          <OptionContent\n            imageUrl={option.image}\n            color={option.color}\n            textColor={option.textColor}\n            name={option.name}\n          />\n          <RadioButton {...props} />\n        </>\n      );\n    },\n    [type, renderOption]\n  );\n\n  const handleDeselect = useCallback(\n    (e) => {\n      e.stopPropagation();\n      if (typeof onDeselect === \"function\") {\n        onDeselect();\n      } else if (type === \"multiple\") {\n        onChange?.([]);\n      } else {\n        onChange?.(\"\");\n      }\n\n      onClear?.();\n      setOpen(false);\n    },\n    [type, onChange, onClear, onDeselect]\n  );\n\n  const handleMouseDown = useCallback((e) => {\n    e.preventDefault();\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    setValue(selectedName);\n    setFocused(!focused);\n  }, [focused, selectedName]);\n\n  const renderChipAdornment = useCallback(\n    (option, index) => {\n      if (typeof renderChip === \"function\") {\n        return renderChip(option, index);\n      }\n      const avatarProps: Partial<AvatarProps> = {\n        size: 18,\n      };\n      switch (size) {\n        case \"big\":\n          avatarProps.size = 22;\n          break;\n        case \"small\":\n          avatarProps.size = 14;\n          break;\n      }\n      const leftAdornment = option.image ? (\n        <Avatar\n          css={`\n            ${tw`tw-my-0.5`}\n            ${tw`tw-mr-0.5`}\n          `}\n          url={option.image}\n          {...avatarProps}\n        />\n      ) : undefined;\n\n      const onClose = (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        if (Array.isArray(selected) && selected.includes(option.id)) {\n          if (typeof onChange === \"function\") {\n            const newSelected = selected.filter((item) => item !== option.id);\n            onChange(newSelected);\n          }\n        }\n      };\n\n      let showOnClose = true;\n      if (disabled) {\n        showOnClose = false;\n      }\n      if (option.color) {\n        showOnClose = false;\n      }\n\n      return (\n        <Chip\n          className=\"c-combo-box-chip\"\n          leftAdornment={leftAdornment}\n          label={option.name}\n          key={index}\n          backgroundColor={option.color}\n          color={option.chipColor}\n          onClose={showOnClose ? onClose : undefined}\n          size={size}\n          variant=\"Caption 1\"\n        />\n      );\n    },\n    [disabled, onChange, renderChip, selected, size]\n  );\n\n  const autoSize = useMemo(() => {\n    if (\n      type === \"multiple\" &&\n      open &&\n      Array.isArray(selected) &&\n      selected.length > 1\n    ) {\n      return \"auto\";\n    }\n    return size;\n  }, [open, selected, size, type]);\n\n  const startAdornment = useMemo(() => {\n    if (type === \"multiple\" && Array.isArray(selected) && selected.length > 0) {\n      const elements: JSX.Element[] = [];\n      let total = 0;\n      options.forEach((option, index) => {\n        const isGrouped = isOptionGroup(option);\n        if (selected.includes(option.id) && !isGrouped) {\n          total = total + 1;\n          elements.push(renderChipAdornment(option, index));\n        } else if (isGrouped) {\n          const groupedOptions = option.options.filter((o) =>\n            selected.includes(o.id)\n          );\n          total = total + groupedOptions.length;\n          if (groupedOptions.length > 0) {\n            groupedOptions.forEach((o, _index) => {\n              elements.push(renderChipAdornment(o, `${index}_${_index}`));\n            });\n          }\n        }\n      });\n      let hidden = 0;\n      if (!open && limitChips > 0 && elements.length > limitChips) {\n        hidden = elements.splice(\n          limitChips,\n          elements.length - limitChips\n        ).length;\n      }\n\n      return (\n        <Fragment>\n          {elements}\n          {hidden > 0 && (\n            <Typography\n              variant={\n                size === \"small\"\n                  ? \"Caption 1\"\n                  : size === \"regular\"\n                  ? \"Body 2\"\n                  : \"Body 1\"\n              }\n              css={`\n                display: flex;\n                flex-shrink: 0;\n                align-items: center;\n              `}\n            >\n              {typeof hiddenNumberText === \"function\"\n                ? hiddenNumberText(hidden)\n                : `+${hidden}`}\n            </Typography>\n          )}\n        </Fragment>\n      );\n    }\n    if (type === \"single\" && selected) {\n      let optionItem;\n      options.forEach((option) => {\n        if (isOptionGroup(option)) {\n          optionItem = option.options.find((child) => child.id === selected);\n        } else if (!optionItem && option.id === selected) {\n          optionItem = option;\n        }\n      });\n      if (optionItem && optionItem.image) {\n        const avatarSize = size === \"big\" ? 22 : size === \"regular\" ? 18 : 14;\n        if (Array.isArray(optionItem.image)) {\n          return <MultiAvatar url={optionItem.image} size={avatarSize} />;\n        }\n        return <Avatar url={optionItem.image} size={avatarSize} />;\n      }\n    }\n\n    return undefined;\n  }, [\n    type,\n    selected,\n    options,\n    open,\n    limitChips,\n    hiddenNumberText,\n    renderChipAdornment,\n    size,\n  ]);\n\n  const showXIcon =\n    Array.isArray(selected) && type === \"multiple\" && selected.length > 0;\n\n  const hasSelected =\n    type === \"multiple\" && Array.isArray(selected) && selected.length > 0;\n\n  return (\n    <div className=\"c-combo-box\">\n      {type === \"multiple\" ? (\n        <>\n          <StyledInputWrapper\n            $disabled={disabled}\n            $size={size}\n            $invalid={invalid}\n            ref={comboBoxRef}\n            css={`\n              display: flex;\n              justify-content: space-between;\n              flex: 1;\n              height: ${autoSize === \"auto\" ? \"auto\" : undefined};\n              overflow-y: ${autoSize === \"auto\" && scrollWrapper\n                ? \"scroll\"\n                : undefined};\n              max-height: ${autoSize === \"auto\" && scrollWrapper\n                ? \"80px\"\n                : undefined};\n            `}\n            className={classNames(\n              \"c-combo-box-input-wrapper\",\n              inputWrapperClassName\n            )}\n            onClick={() => {\n              elementRef.current?.click();\n            }}\n          >\n            <StyledChipWrapper\n              $autoSize={autoSize}\n              $open={open}\n              ref={chipWrapper}\n            >\n              {startAdornment}\n              <StyledInput\n                className=\"c-combo-box-input\"\n                onBlur={handleBlur}\n                onFocus={() => {\n                  setFocused(!focused);\n                }}\n                onClick={onOpen}\n                ref={handleRef}\n                value={loading && loadingText ? loadingText : value}\n                onKeyDown={handleOnKeyDown}\n                onChange={handleOnChange}\n                placeholder={!hasSelected ? placeholder : undefined}\n                disabled={disabled}\n                $size={size}\n                $loading={loading}\n                style={{\n                  display: \"flex\",\n                  flex: 1,\n                  alignSelf: \"center\",\n                  width: autoSize === \"auto\" ? \"auto\" : \"100%\",\n                }}\n              />\n            </StyledChipWrapper>\n            {!disabled && (\n              <>\n                {loading ? (\n                  <SpinnerLoader />\n                ) : (\n                  <>\n                    {showXIcon && (\n                      <Trigger\n                        onMouseDown={handleMouseDown}\n                        onClick={handleDeselect}\n                        data-testid=\"deselect-all\"\n                        css={`\n                          display: flex;\n                          justify-content: center;\n                        `}\n                      >\n                        <StyledComboBoxCloseSmallIcon />\n                      </Trigger>\n                    )}\n                    <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n                  </>\n                )}\n              </>\n            )}\n          </StyledInputWrapper>\n        </>\n      ) : (\n        <StyledComboBoxInput\n          className={classNames(\"c-combo-box-input\", inputWrapperClassName)}\n          onBlur={handleBlur}\n          wrapperClick={onOpen}\n          onFocus={() => {\n            setFocused(!focused);\n          }}\n          onClick={onOpen}\n          wrapRef={comboBoxRef}\n          ref={handleRef}\n          value={loading && loadingText ? loadingText : value}\n          onKeyDown={handleOnKeyDown}\n          onChange={handleOnChange}\n          placeholder={placeholder}\n          disabled={disabled}\n          size={size}\n          invalid={invalid}\n          $loading={loading}\n          startAdornment={startAdornment}\n          endAdornment={\n            !disabled ? (\n              <InputAdornment disablePointerEvents={disabled}>\n                {loading ? (\n                  <SpinnerLoader />\n                ) : selected ? (\n                  <IconButton\n                    onMouseDown={handleMouseDown}\n                    onClick={handleDeselect}\n                    variant=\"text gray\"\n                    size=\"small\"\n                  >\n                    <StyledComboBoxCloseSmallIcon />\n                  </IconButton>\n                ) : null}\n                <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n              </InputAdornment>\n            ) : null\n          }\n        />\n      )}\n\n      {!disabled ? (\n        <ConditionalWrapper\n          condition={inPortal}\n          wrap={(children) => <Portal>{children}</Portal>}\n        >\n          <Popper\n            anchorEl={comboBoxRef.current}\n            open={open}\n            placement=\"bottom\"\n            style={{\n              zIndex: 10,\n              width: comboBoxRef.current?.clientWidth,\n            }}\n            ref={wrapperRef}\n            strategy=\"fixed\"\n          >\n            <RemoveScroll noIsolation allowPinchZoom>\n              <StyledComboBoxList $width={comboBoxRef.current?.clientWidth}>\n                <Autocomplete\n                  {...prop}\n                  inputEl={childNode}\n                  selected={selected}\n                  handleChange={handleChange}\n                  renderOption={handleRenderOption}\n                  options={options}\n                  type={type}\n                  handleEmptyAction={emptyAction}\n                />\n              </StyledComboBoxList>\n            </RemoveScroll>\n          </Popper>\n        </ConditionalWrapper>\n      ) : null}\n    </div>\n  );\n};\n\nComboBox.displayName = \"ComboBox\";\n"],"mappings":"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"}
+{"version":3,"file":"ComboBox.js","names":["ComboBox","options","selected","loading","loadingText","onChange","placeholder","handleEmptyAction","disabled","size","invalid","type","renderChip","forceCloseMenu","renderOption","limitChips","hiddenNumberText","inPortal","inputWrapperClassName","scrollWrapper","onClose","onClear","onDeselect","defaultValue","prop","selectedName","useMemo","value","map","v","find","q","id","name","useState","setValue","focused","setFocused","handleOnChange","useCallback","e","target","childNode","useRef","elementRef","handleRef","useForkRef","wrapperRef","chipWrapper","comboBoxRef","open","setOpen","isFirstRender","useIsFirstRender","useOnClickOutside","current","contains","handleOnKeyDown","key","stopPropagation","useEffect","focus","blur","emptyAction","handleChange","selectedValue","onOpen","handleRenderOption","option","props","image","color","textColor","handleDeselect","handleMouseDown","preventDefault","handleBlur","renderChipAdornment","index","avatarProps","leftAdornment","undefined","Array","isArray","includes","newSelected","filter","item","showOnClose","chipColor","autoSize","length","startAdornment","elements","total","forEach","isGrouped","isOptionGroup","push","groupedOptions","o","_index","hidden","splice","optionItem","child","avatarSize","showXIcon","hasSelected","showMenu","Boolean","Number","classNames","click","display","flex","alignSelf","width","children","zIndex","clientWidth","displayName"],"sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"sourcesContent":["import React, {\n  FC,\n  useCallback,\n  useState,\n  useEffect,\n  useRef,\n  useMemo,\n  Fragment,\n} from \"react\";\nimport { RadioButton } from \"../RadioButton\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport { IconButton } from \"../IconButton\";\nimport {\n  IAutocompleteProps,\n  isOptionGroup,\n} from \"../Autocomplete/Autocomplete\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Popper } from \"../Popper\";\nimport { IOptionGroupProps, IOptionItemProps } from \"../Select\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { SpinnerLoader } from \"../Loaders/Spinner/SpinnerLoader\";\nimport { OptionContent } from \"../Select/OptionContent/OptionContent\";\nimport {\n  StyledComboBoxCloseSmallIcon,\n  StyledComboBoxCollapseExpandSingleIcon,\n  StyledComboBoxInput,\n  StyledComboBoxList,\n  StyledChipWrapper,\n} from \"./Styles\";\nimport { InputSize } from \"../Input/types\";\nimport { InputAdornment } from \"../Input/InputAdornment\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Chip } from \"../Chip\";\nimport { StyledInput, StyledInputWrapper } from \"../Input/Styles\";\nimport { useOnClickOutside } from \"../../hooks/useOnClickOutside\";\nimport { Avatar, AvatarProps } from \"../Avatar\";\nimport { Trigger } from \"../Trigger\";\nimport { Typography } from \"../Typography/Typography\";\nimport tw from \"twin.macro\";\nimport { Portal } from \"../../helpers\";\nimport { ConditionalWrapper } from \"../../helpers/ConditionWrapper/ConditionWrapper\";\nimport classNames from \"classnames\";\nimport { useIsFirstRender } from \"../../hooks/useIsFirstRender\";\nimport { MultiAvatar } from \"../MultiAvatar\";\n\nexport interface IComboBoxProps\n  extends Omit<\n    IAutocompleteProps,\n    \"handleChange\" | \"inputEl\" | \"clearInputOnSelect\"\n  > {\n  /** Set combobox in to loading state */\n  loading?: boolean;\n  /** Text to display while in loading state */\n  loadingText?: string;\n  /** onChange callback */\n  onChange?: (\n    e: (string | number)[] | string | number | null | undefined\n  ) => void;\n  /** Placeholder for Select input */\n  placeholder?: string;\n  /** disable Input element */\n  disabled?: boolean;\n  /** Combobox size */\n  size?: InputSize;\n  /** Invalid state */\n  invalid?: boolean;\n  /** Render Chip */\n  renderChip?: <T extends IOptionItemProps>(\n    item: T,\n    key?: string | number\n  ) => JSX.Element;\n  /** Close menu on change */\n  forceCloseMenu?: boolean;\n  /** Limit chips */\n  limitChips?: number;\n  /** Hidden number text */\n  hiddenNumberText?: (hidden: number) => string;\n  /** Render Autocomplete in <Portal> */\n  inPortal?: boolean;\n  /** inputWrapperClassName */\n  inputWrapperClassName?: string;\n  /** scrollWrapper */\n  scrollWrapper?: boolean;\n  /** onClose (f) will be called when Popper close */\n  onClose?: () => void;\n  /** onClear (f) will be called when user clear input on X icon*/\n  onClear?: () => void;\n  onDeselect?: () => void;\n}\n\nexport const ComboBox: FC<IComboBoxProps> = ({\n  options = [],\n  selected,\n  loading = false,\n  loadingText,\n  onChange,\n  placeholder,\n  handleEmptyAction,\n  disabled = false,\n  size = \"regular\",\n  invalid = false,\n  type = \"single\",\n  renderChip,\n  forceCloseMenu = type === \"single\",\n  renderOption,\n  limitChips = 2,\n  hiddenNumberText,\n  inPortal = false,\n  inputWrapperClassName,\n  scrollWrapper,\n  onClose,\n  onClear,\n  onDeselect,\n  defaultValue,\n  ...prop\n}) => {\n  const selectedName = useMemo(() => {\n    let value = \"\";\n    if (!selected) {\n      return value;\n    }\n    options.map((v) => {\n      if ((v as IOptionGroupProps)?.options) {\n        return (v as IOptionGroupProps).options.find((q) => {\n          if (q.id === selected) {\n            value = q.name;\n            return;\n          }\n        });\n      } else {\n        if (v.id === selected) {\n          value = v.name;\n          return;\n        }\n      }\n    });\n    return value;\n  }, [options, selected]);\n  const [value, setValue] = useState(selectedName);\n  const [focused, setFocused] = useState<boolean>(false);\n  const handleOnChange = useCallback((e) => setValue(e.target.value), []);\n  const childNode = useRef<HTMLInputElement | null>();\n  const elementRef = useRef<HTMLInputElement | null>(null);\n  const handleRef = useForkRef(childNode, elementRef);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const chipWrapper = useRef<HTMLDivElement>(null);\n  const comboBoxRef = useRef<HTMLDivElement | null>(null);\n\n  const [open, setOpen] = useState(false);\n  const isFirstRender = useIsFirstRender();\n\n  useOnClickOutside(wrapperRef, (e) => {\n    if (e.target && comboBoxRef.current?.contains(e.target as Node)) {\n      return;\n    }\n    setOpen(false);\n  });\n\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Escape\" && open) {\n        setOpen(false);\n        setValue(selectedName);\n        e.stopPropagation();\n      }\n\n      if (e.key === \"Enter\" && type === \"multiple\") {\n        setValue(\"\");\n      }\n\n      if (e.key === \"Enter\" && !open && focused) {\n        setOpen(true);\n      }\n    },\n    [focused, open, selectedName, type]\n  );\n\n  useEffect(() => {\n    open && childNode?.current?.focus();\n    !open && childNode?.current?.blur();\n  }, [childNode, open]);\n\n  useEffect(() => {\n    setValue(selectedName);\n  }, [selectedName]);\n\n  useEffect(() => {\n    if (!open && !isFirstRender && !focused) {\n      if (typeof onClose === \"function\") {\n        onClose();\n      }\n    }\n  }, [focused, isFirstRender, onClose, open]);\n\n  const emptyAction = useCallback(\n    (v) => {\n      handleEmptyAction?.(v);\n      setOpen(false);\n    },\n    [handleEmptyAction]\n  );\n\n  const handleChange = useCallback(\n    (selectedValue) => {\n      if (selectedValue !== selected && typeof onChange === \"function\") {\n        onChange(selectedValue);\n      }\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n    },\n    [forceCloseMenu, onChange, selected]\n  );\n\n  const onOpen = useCallback(() => {\n    if (!disabled) {\n      setOpen(true);\n    }\n  }, [disabled]);\n\n  const handleRenderOption = useCallback(\n    (option, props) => {\n      if (typeof renderOption === \"function\") {\n        return renderOption(option, props);\n      }\n      if (type === \"multiple\") {\n        return (\n          <>\n            <OptionContent\n              imageUrl={option.image}\n              color={option.color}\n              textColor={option.textColor}\n              name={option.name}\n            />\n            <Checkbox {...props} />\n          </>\n        );\n      }\n      return (\n        <>\n          <OptionContent\n            imageUrl={option.image}\n            color={option.color}\n            textColor={option.textColor}\n            name={option.name}\n          />\n          <RadioButton {...props} />\n        </>\n      );\n    },\n    [type, renderOption]\n  );\n\n  const handleDeselect = useCallback(\n    (e) => {\n      e.stopPropagation();\n      if (typeof onDeselect === \"function\") {\n        onDeselect();\n      } else if (type === \"multiple\") {\n        onChange?.([]);\n      } else {\n        onChange?.(\"\");\n      }\n\n      onClear?.();\n      setOpen(false);\n    },\n    [type, onChange, onClear, onDeselect]\n  );\n\n  const handleMouseDown = useCallback((e) => {\n    e.preventDefault();\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    setValue(selectedName);\n    setFocused(!focused);\n  }, [focused, selectedName]);\n\n  const renderChipAdornment = useCallback(\n    (option, index) => {\n      if (typeof renderChip === \"function\") {\n        return renderChip(option, index);\n      }\n      const avatarProps: Partial<AvatarProps> = {\n        size: 18,\n      };\n      switch (size) {\n        case \"big\":\n          avatarProps.size = 22;\n          break;\n        case \"small\":\n          avatarProps.size = 14;\n          break;\n      }\n      const leftAdornment = option.image ? (\n        <Avatar\n          css={`\n            ${tw`tw-my-0.5`}\n            ${tw`tw-mr-0.5`}\n          `}\n          url={option.image}\n          {...avatarProps}\n        />\n      ) : undefined;\n\n      const onClose = (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        if (Array.isArray(selected) && selected.includes(option.id)) {\n          if (typeof onChange === \"function\") {\n            const newSelected = selected.filter((item) => item !== option.id);\n            onChange(newSelected);\n          }\n        }\n      };\n\n      let showOnClose = true;\n      if (disabled) {\n        showOnClose = false;\n      }\n      if (option.color) {\n        showOnClose = false;\n      }\n\n      return (\n        <Chip\n          className=\"c-combo-box-chip\"\n          leftAdornment={leftAdornment}\n          label={option.name}\n          key={index}\n          backgroundColor={option.color}\n          color={option.chipColor}\n          onClose={showOnClose ? onClose : undefined}\n          size={size}\n          variant=\"Caption 1\"\n        />\n      );\n    },\n    [disabled, onChange, renderChip, selected, size]\n  );\n\n  const autoSize = useMemo(() => {\n    if (\n      type === \"multiple\" &&\n      open &&\n      Array.isArray(selected) &&\n      selected.length > 1\n    ) {\n      return \"auto\";\n    }\n    return size;\n  }, [open, selected, size, type]);\n\n  const startAdornment = useMemo(() => {\n    if (type === \"multiple\" && Array.isArray(selected) && selected.length > 0) {\n      const elements: JSX.Element[] = [];\n      let total = 0;\n      options.forEach((option, index) => {\n        const isGrouped = isOptionGroup(option);\n        if (selected.includes(option.id) && !isGrouped) {\n          total = total + 1;\n          elements.push(renderChipAdornment(option, index));\n        } else if (isGrouped) {\n          const groupedOptions = option.options.filter((o) =>\n            selected.includes(o.id)\n          );\n          total = total + groupedOptions.length;\n          if (groupedOptions.length > 0) {\n            groupedOptions.forEach((o, _index) => {\n              elements.push(renderChipAdornment(o, `${index}_${_index}`));\n            });\n          }\n        }\n      });\n      let hidden = 0;\n      if (!open && limitChips > 0 && elements.length > limitChips) {\n        hidden = elements.splice(\n          limitChips,\n          elements.length - limitChips\n        ).length;\n      }\n\n      return (\n        <Fragment>\n          {elements}\n          {hidden > 0 && (\n            <Typography\n              variant={\n                size === \"small\"\n                  ? \"Caption 1\"\n                  : size === \"regular\"\n                  ? \"Body 2\"\n                  : \"Body 1\"\n              }\n              css={`\n                display: flex;\n                flex-shrink: 0;\n                align-items: center;\n              `}\n            >\n              {typeof hiddenNumberText === \"function\"\n                ? hiddenNumberText(hidden)\n                : `+${hidden}`}\n            </Typography>\n          )}\n        </Fragment>\n      );\n    }\n    if (type === \"single\" && selected) {\n      let optionItem;\n      options.forEach((option) => {\n        if (isOptionGroup(option)) {\n          optionItem = option.options.find((child) => child.id === selected);\n        } else if (!optionItem && option.id === selected) {\n          optionItem = option;\n        }\n      });\n      if (optionItem && optionItem.image) {\n        const avatarSize = size === \"big\" ? 22 : size === \"regular\" ? 18 : 14;\n        if (Array.isArray(optionItem.image)) {\n          return <MultiAvatar url={optionItem.image} size={avatarSize} />;\n        }\n        return <Avatar url={optionItem.image} size={avatarSize} />;\n      }\n    }\n\n    return undefined;\n  }, [\n    type,\n    selected,\n    options,\n    open,\n    limitChips,\n    hiddenNumberText,\n    renderChipAdornment,\n    size,\n  ]);\n\n  const showXIcon =\n    Array.isArray(selected) && type === \"multiple\" && selected.length > 0;\n\n  const hasSelected =\n    type === \"multiple\" && Array.isArray(selected) && selected.length > 0;\n\n  const showMenu = useMemo(\n    () => Boolean(options.length || defaultValue || Number(value.length) > 0),\n    [defaultValue, options.length, value]\n  );\n\n  return (\n    <div className=\"c-combo-box\">\n      {type === \"multiple\" ? (\n        <>\n          <StyledInputWrapper\n            $disabled={disabled}\n            $size={size}\n            $invalid={invalid}\n            ref={comboBoxRef}\n            css={`\n              display: flex;\n              justify-content: space-between;\n              flex: 1;\n              height: ${autoSize === \"auto\" ? \"auto\" : undefined};\n              overflow-y: ${autoSize === \"auto\" && scrollWrapper\n                ? \"scroll\"\n                : undefined};\n              max-height: ${autoSize === \"auto\" && scrollWrapper\n                ? \"80px\"\n                : undefined};\n            `}\n            className={classNames(\n              \"c-combo-box-input-wrapper\",\n              inputWrapperClassName\n            )}\n            onClick={() => {\n              elementRef.current?.click();\n            }}\n          >\n            <StyledChipWrapper\n              $autoSize={autoSize}\n              $open={open}\n              ref={chipWrapper}\n            >\n              {startAdornment}\n              <StyledInput\n                className=\"c-combo-box-input\"\n                onBlur={handleBlur}\n                onFocus={() => {\n                  setFocused(!focused);\n                }}\n                onClick={onOpen}\n                ref={handleRef}\n                value={loading && loadingText ? loadingText : value}\n                onKeyDown={handleOnKeyDown}\n                onChange={handleOnChange}\n                placeholder={!hasSelected ? placeholder : undefined}\n                disabled={disabled}\n                $size={size}\n                $loading={loading}\n                style={{\n                  display: \"flex\",\n                  flex: 1,\n                  alignSelf: \"center\",\n                  width: autoSize === \"auto\" ? \"auto\" : \"100%\",\n                }}\n              />\n            </StyledChipWrapper>\n            {!disabled && (\n              <>\n                {loading ? (\n                  <SpinnerLoader />\n                ) : (\n                  <>\n                    {showXIcon && (\n                      <Trigger\n                        onMouseDown={handleMouseDown}\n                        onClick={handleDeselect}\n                        data-testid=\"deselect-all\"\n                        css={`\n                          display: flex;\n                          justify-content: center;\n                        `}\n                      >\n                        <StyledComboBoxCloseSmallIcon />\n                      </Trigger>\n                    )}\n                    {showMenu && (\n                      <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n                    )}\n                  </>\n                )}\n              </>\n            )}\n          </StyledInputWrapper>\n        </>\n      ) : (\n        <StyledComboBoxInput\n          className={classNames(\"c-combo-box-input\", inputWrapperClassName)}\n          onBlur={handleBlur}\n          wrapperClick={onOpen}\n          onFocus={() => {\n            setFocused(!focused);\n            onOpen();\n          }}\n          onClick={onOpen}\n          wrapRef={comboBoxRef}\n          ref={handleRef}\n          value={loading && loadingText ? loadingText : value}\n          onKeyDown={handleOnKeyDown}\n          onChange={handleOnChange}\n          placeholder={placeholder}\n          disabled={disabled}\n          size={size}\n          invalid={invalid}\n          $loading={loading}\n          startAdornment={startAdornment}\n          endAdornment={\n            !disabled ? (\n              <InputAdornment disablePointerEvents={disabled}>\n                {loading ? (\n                  <SpinnerLoader />\n                ) : selected ? (\n                  <IconButton\n                    onMouseDown={handleMouseDown}\n                    onClick={handleDeselect}\n                    variant=\"text gray\"\n                    size=\"small\"\n                  >\n                    <StyledComboBoxCloseSmallIcon />\n                  </IconButton>\n                ) : null}\n                {showMenu && (\n                  <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n                )}\n              </InputAdornment>\n            ) : null\n          }\n        />\n      )}\n\n      {!disabled ? (\n        <ConditionalWrapper\n          condition={inPortal}\n          wrap={(children) => <Portal>{children}</Portal>}\n        >\n          <Popper\n            anchorEl={comboBoxRef.current}\n            open={open}\n            placement=\"bottom\"\n            style={{\n              zIndex: 10,\n              width: comboBoxRef.current?.clientWidth,\n            }}\n            ref={wrapperRef}\n            strategy=\"fixed\"\n          >\n            <RemoveScroll noIsolation allowPinchZoom>\n              <StyledComboBoxList\n                $width={comboBoxRef.current?.clientWidth}\n                $hide={!showMenu}\n              >\n                <Autocomplete\n                  {...prop}\n                  inputEl={childNode}\n                  selected={selected}\n                  handleChange={handleChange}\n                  renderOption={handleRenderOption}\n                  options={options}\n                  type={type}\n                  handleEmptyAction={emptyAction}\n                  defaultValue={defaultValue}\n                />\n              </StyledComboBoxList>\n            </RemoveScroll>\n          </Popper>\n        </ConditionalWrapper>\n      ) : null}\n    </div>\n  );\n};\n\nComboBox.displayName = \"ComboBox\";\n"],"mappings":"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"}

package/dist/cjs/components/ComboBox/Styles.js

@@ -35,8 +35,11 @@ StyledComboBoxCloseSmallIcon.displayName = "StyledComboBoxCloseSmallIcon";
 var StyledComboBoxList = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledComboBoxList",
   componentId: "sc-5qvkpb-3"
-})(["min-width:260px;background-color:var(--page-paper-main);border-radius:8px;border:1px solid var(--border-primary);box-shadow:var(--shadow-tertiary);margin:8px 0;width:", ";"], function (props) {
+})(["min-width:260px;background-color:var(--page-paper-main);border-radius:8px;border:1px solid var(--border-primary);box-shadow:var(--shadow-tertiary);margin:8px 0;width:", ";", ""], function (props) {
   return "".concat(props.$width, "px");
+}, function (_ref) {
+  var $hide = _ref.$hide;
+  return $hide === true && (0, _styledComponents.css)(["display:none;"]);
 });
 exports.StyledComboBoxList = StyledComboBoxList;
 StyledComboBoxList.displayName = "StyledComboBoxList";
@@ -49,18 +52,18 @@ var StyledChipWrapper = _styledComponents.default.div.withConfig({
   "gap": "0.25rem"
 }, {
   "flex": "1 1 0%"
-}, function (_ref) {
-  var $open = _ref.$open;
-  return $open ? "auto" : "hidden";
 }, function (_ref2) {
-  var $autoSize = _ref2.$autoSize;
+  var $open = _ref2.$open;
+  return $open ? "auto" : "hidden";
+}, function (_ref3) {
+  var $autoSize = _ref3.$autoSize;
   return $autoSize === "auto" && (0, _styledComponents.css)(["", ";", ";"], {
     "flexWrap": "wrap"
   }, {
     "width": "100%"
   });
-}, function (_ref3) {
-  var $autoSize = _ref3.$autoSize;
+}, function (_ref4) {
+  var $autoSize = _ref4.$autoSize;
   return $autoSize !== "auto" && (0, _styledComponents.css)(["align-items:center;"]);
 });
 exports.StyledChipWrapper = StyledChipWrapper;

package/dist/cjs/components/ComboBox/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledComboBoxInput","styled","Input","displayName","StyledIconDefaults","css","StyledComboBoxCollapseExpandSingleIcon","CollapseExpandSingleIcon","props","$open","StyledComboBoxCloseSmallIcon","CloseSmallIcon","StyledInputWrapper","StyledComboBoxList","div","$width","StyledChipWrapper","$autoSize"],"sources":["../../../../src/components/ComboBox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { CollapseExpandSingleIcon, CloseSmallIcon } from \"../Icons/collection\";\nimport { Input } from \"../Input\";\nimport { StyledInputWrapper } from \"../Input/Styles\";\nimport tw from \"twin.macro\";\n\nexport const StyledComboBoxInput = styled(Input)<{ $loading?: boolean }>`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 100%;\n`;\n\nStyledComboBoxInput.displayName = \"StyledComboBoxInput\";\n\nconst StyledIconDefaults = css`\n  flex-shrink: 0;\n  cursor: pointer;\n`;\n\nexport const StyledComboBoxCollapseExpandSingleIcon = styled(\n  CollapseExpandSingleIcon\n)<{ $open?: boolean }>`\n  ${StyledIconDefaults};\n  color: var(--color-theme-600);\n  transform: rotate(180deg);\n\n  ${(props) =>\n    props.$open &&\n    css`\n      transform: rotate(0deg);\n    `}\n`;\n\nStyledComboBoxCollapseExpandSingleIcon.displayName =\n  \"StyledComboBoxCollapseExpandSingleIcon\";\n\nexport const StyledComboBoxCloseSmallIcon = styled(CloseSmallIcon)`\n  ${StyledIconDefaults};\n  opacity: 0;\n  transition-property: all;\n  transition-duration: 0.2s;\n  transition-delay: 0.5s;\n\n  ${StyledComboBoxInput}:hover, ${StyledInputWrapper}:hover & {\n    opacity: 1;\n    transition-delay: 0s;\n  }\n`;\n\nStyledComboBoxCloseSmallIcon.displayName = \"StyledComboBoxCloseSmallIcon\";\n\nexport const StyledComboBoxList = styled.div<{ $width?: number }>`\n  min-width: 260px;\n  background-color: var(--page-paper-main);\n  border-radius: 8px;\n  border: 1px solid var(--border-primary);\n  box-shadow: var(--shadow-tertiary);\n  margin: 8px 0;\n  width: ${(props) => `${props.$width}px`};\n`;\n\nStyledComboBoxList.displayName = \"StyledComboBoxList\";\n\nexport const StyledChipWrapper = styled.div<{\n  $autoSize: string;\n  $open?: boolean;\n}>`\n  ${tw`tw-flex`};\n  ${tw`tw-gap-1`};\n  ${tw`tw-flex-1`};\n\n  overflow: ${({ $open }) => ($open ? \"auto\" : \"hidden\")};\n\n  ${({ $autoSize }) =>\n    $autoSize === \"auto\" &&\n    css`\n      ${tw`tw-flex-wrap`};\n      ${tw`tw-w-full`};\n    `}\n\n  ${({ $autoSize }) =>\n    $autoSize !== \"auto\" &&\n    css`\n      align-items: center;\n    `}\n`;\nStyledChipWrapper.displayName = \"StyledChipWrapper\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAAqD;AAAA;AAG9C,IAAMA,mBAAmB,GAAG,IAAAC,yBAAM,EAACC,YAAK,CAAC;EAAA;EAAA;AAAA,0DAI/C;AAAC;AAEFF,mBAAmB,CAACG,WAAW,GAAG,qBAAqB;AAEvD,IAAMC,kBAAkB,OAAGC,qBAAG,oCAG7B;AAEM,IAAMC,sCAAsC,GAAG,IAAAL,yBAAM,EAC1DM,oCAAwB,CACzB;EAAA;EAAA;AAAA,wEACGH,kBAAkB,EAIlB,UAACI,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,QACXJ,qBAAG,8BAEF;AAAA,EACJ;AAAC;AAEFC,sCAAsC,CAACH,WAAW,GAChD,wCAAwC;AAEnC,IAAMO,4BAA4B,GAAG,IAAAT,yBAAM,EAACU,0BAAc,CAAC;EAAA;EAAA;AAAA,sJAC9DP,kBAAkB,EAMlBJ,mBAAmB,EAAWY,0BAAkB,CAInD;AAAC;AAEFF,4BAA4B,CAACP,WAAW,GAAG,8BAA8B;AAElE,IAAMU,kBAAkB,GAAGZ,yBAAM,CAACa,GAAG;EAAA;EAAA;AAAA,oLAOjC,UAACN,KAAK;EAAA,iBAAQA,KAAK,CAACO,MAAM;AAAA,CAAI,CACxC;AAAC;AAEFF,kBAAkB,CAACV,WAAW,GAAG,oBAAoB;AAE9C,IAAMa,iBAAiB,GAAGf,yBAAM,CAACa,GAAG;EAAA;EAAA;AAAA,+CAIrC;EAAA;AAAQ,CAAC,EACT;EAAA;AAAS,CAAC,EACV;EAAA;AAAU,CAAC,EAEH;EAAA,IAAGL,KAAK,QAALA,KAAK;EAAA,OAAQA,KAAK,GAAG,MAAM,GAAG,QAAQ;AAAA,CAAC,EAEpD;EAAA,IAAGQ,SAAS,SAATA,SAAS;EAAA,OACZA,SAAS,KAAK,MAAM,QACpBZ,qBAAG,kBACG;IAAA;EAAa,CAAC,EACd;IAAA;EAAU,CAAC,CAChB;AAAA,GAED;EAAA,IAAGY,SAAS,SAATA,SAAS;EAAA,OACZA,SAAS,KAAK,MAAM,QACpBZ,qBAAG,0BAEF;AAAA,EACJ;AAAC;AACFW,iBAAiB,CAACb,WAAW,GAAG,mBAAmB"}
+{"version":3,"file":"Styles.js","names":["StyledComboBoxInput","styled","Input","displayName","StyledIconDefaults","css","StyledComboBoxCollapseExpandSingleIcon","CollapseExpandSingleIcon","props","$open","StyledComboBoxCloseSmallIcon","CloseSmallIcon","StyledInputWrapper","StyledComboBoxList","div","$width","$hide","StyledChipWrapper","$autoSize"],"sources":["../../../../src/components/ComboBox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { CollapseExpandSingleIcon, CloseSmallIcon } from \"../Icons/collection\";\nimport { Input } from \"../Input\";\nimport { StyledInputWrapper } from \"../Input/Styles\";\nimport tw from \"twin.macro\";\n\nexport const StyledComboBoxInput = styled(Input)<{ $loading?: boolean }>`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 100%;\n`;\n\nStyledComboBoxInput.displayName = \"StyledComboBoxInput\";\n\nconst StyledIconDefaults = css`\n  flex-shrink: 0;\n  cursor: pointer;\n`;\n\nexport const StyledComboBoxCollapseExpandSingleIcon = styled(\n  CollapseExpandSingleIcon\n)<{ $open?: boolean }>`\n  ${StyledIconDefaults};\n  color: var(--color-theme-600);\n  transform: rotate(180deg);\n\n  ${(props) =>\n    props.$open &&\n    css`\n      transform: rotate(0deg);\n    `}\n`;\n\nStyledComboBoxCollapseExpandSingleIcon.displayName =\n  \"StyledComboBoxCollapseExpandSingleIcon\";\n\nexport const StyledComboBoxCloseSmallIcon = styled(CloseSmallIcon)`\n  ${StyledIconDefaults};\n  opacity: 0;\n  transition-property: all;\n  transition-duration: 0.2s;\n  transition-delay: 0.5s;\n\n  ${StyledComboBoxInput}:hover, ${StyledInputWrapper}:hover & {\n    opacity: 1;\n    transition-delay: 0s;\n  }\n`;\n\nStyledComboBoxCloseSmallIcon.displayName = \"StyledComboBoxCloseSmallIcon\";\n\nexport const StyledComboBoxList = styled.div<{\n  $width?: number;\n  $hide: boolean;\n}>`\n  min-width: 260px;\n  background-color: var(--page-paper-main);\n  border-radius: 8px;\n  border: 1px solid var(--border-primary);\n  box-shadow: var(--shadow-tertiary);\n  margin: 8px 0;\n  width: ${(props) => `${props.$width}px`};\n  ${({ $hide }) =>\n    $hide === true &&\n    css`\n      display: none;\n    `}\n`;\n\nStyledComboBoxList.displayName = \"StyledComboBoxList\";\n\nexport const StyledChipWrapper = styled.div<{\n  $autoSize: string;\n  $open?: boolean;\n}>`\n  ${tw`tw-flex`};\n  ${tw`tw-gap-1`};\n  ${tw`tw-flex-1`};\n\n  overflow: ${({ $open }) => ($open ? \"auto\" : \"hidden\")};\n\n  ${({ $autoSize }) =>\n    $autoSize === \"auto\" &&\n    css`\n      ${tw`tw-flex-wrap`};\n      ${tw`tw-w-full`};\n    `}\n\n  ${({ $autoSize }) =>\n    $autoSize !== \"auto\" &&\n    css`\n      align-items: center;\n    `}\n`;\nStyledChipWrapper.displayName = \"StyledChipWrapper\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAAqD;AAAA;AAG9C,IAAMA,mBAAmB,GAAG,IAAAC,yBAAM,EAACC,YAAK,CAAC;EAAA;EAAA;AAAA,0DAI/C;AAAC;AAEFF,mBAAmB,CAACG,WAAW,GAAG,qBAAqB;AAEvD,IAAMC,kBAAkB,OAAGC,qBAAG,oCAG7B;AAEM,IAAMC,sCAAsC,GAAG,IAAAL,yBAAM,EAC1DM,oCAAwB,CACzB;EAAA;EAAA;AAAA,wEACGH,kBAAkB,EAIlB,UAACI,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,QACXJ,qBAAG,8BAEF;AAAA,EACJ;AAAC;AAEFC,sCAAsC,CAACH,WAAW,GAChD,wCAAwC;AAEnC,IAAMO,4BAA4B,GAAG,IAAAT,yBAAM,EAACU,0BAAc,CAAC;EAAA;EAAA;AAAA,sJAC9DP,kBAAkB,EAMlBJ,mBAAmB,EAAWY,0BAAkB,CAInD;AAAC;AAEFF,4BAA4B,CAACP,WAAW,GAAG,8BAA8B;AAElE,IAAMU,kBAAkB,GAAGZ,yBAAM,CAACa,GAAG;EAAA;EAAA;AAAA,wLAUjC,UAACN,KAAK;EAAA,iBAAQA,KAAK,CAACO,MAAM;AAAA,CAAI,EACrC;EAAA,IAAGC,KAAK,QAALA,KAAK;EAAA,OACRA,KAAK,KAAK,IAAI,QACdX,qBAAG,oBAEF;AAAA,EACJ;AAAC;AAEFQ,kBAAkB,CAACV,WAAW,GAAG,oBAAoB;AAE9C,IAAMc,iBAAiB,GAAGhB,yBAAM,CAACa,GAAG;EAAA;EAAA;AAAA,+CAIrC;EAAA;AAAQ,CAAC,EACT;EAAA;AAAS,CAAC,EACV;EAAA;AAAU,CAAC,EAEH;EAAA,IAAGL,KAAK,SAALA,KAAK;EAAA,OAAQA,KAAK,GAAG,MAAM,GAAG,QAAQ;AAAA,CAAC,EAEpD;EAAA,IAAGS,SAAS,SAATA,SAAS;EAAA,OACZA,SAAS,KAAK,MAAM,QACpBb,qBAAG,kBACG;IAAA;EAAa,CAAC,EACd;IAAA;EAAU,CAAC,CAChB;AAAA,GAED;EAAA,IAAGa,SAAS,SAATA,SAAS;EAAA,OACZA,SAAS,KAAK,MAAM,QACpBb,qBAAG,0BAEF;AAAA,EACJ;AAAC;AACFY,iBAAiB,CAACd,WAAW,GAAG,mBAAmB"}

package/dist/cjs/components/Steppers/DateStepper/Styles.js

@@ -17,7 +17,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var StyledButton = _styledComponents.default.button.withConfig({
   displayName: "Styles__StyledButton",
   componentId: "sc-1v8h7mt-0"
-})(["", " ", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:100%;height:auto;border:none;height:30px;line-height:1;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
+})(["", " ", " ", " color:var(--color-theme-700);margin:0;padding:0;padding-top:0;background:none;width:100%;height:auto;border:none;height:30px;line-height:1;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
   "position": "relative",
   "margin": "0px",
   "display": "inline-block",

package/dist/cjs/components/Steppers/DateStepper/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledButton","styled","button","FontStyle","BoxSizingStyle","StyledMenu","Menu","StyledButtonGroup","ButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","css","$isRounded","screen","md","StyledControl","IconButton","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { screen } from \"../../BreakPoints\";\nimport tw from \"twin.macro\";\nimport { Menu } from \"../../Menu\";\nimport { IconButton } from \"../../IconButton\";\n\nexport const StyledButton = styled.button`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`\n    tw-relative\n    tw-antialiased\n    tw-align-middle\n    tw-font-medium\n    tw-inline-block\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-text-center\n  `}\n\n  color: var(--color-theme-700);\n  margin: 0;\n  padding: 0;\n  background: none;\n  width: 100%;\n  height: auto;\n  border: none;\n  height: 30px;\n  line-height: 1;\n  transition: all 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n`;\n\nexport const StyledMenu = styled(Menu)`\n  ${tw`\n    tw-w-auto\n    tw-h-auto\n    tw-py-4\n    tw-px-2\n  `}\n`;\n\nexport const StyledButtonGroup = styled(ButtonGroup)`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  button:hover {\n    position: relative;\n    z-index: 1;\n  }\n`;\n\nexport const StyledSpan = styled.span`\n  line-height: 30px;\n  color: var(--color-theme-700);\n`;\n\ninterface StyledDiv {\n  $isTargetable: boolean;\n  $isRounded: boolean;\n}\n\nexport const StyledDiv = styled.div<StyledDiv>`\n  ${(props) =>\n    props.$isTargetable &&\n    css`\n      ${tw`tw-pointer-events-none`}\n    `}\n\n  ${(props) =>\n    props.$isRounded &&\n    css`\n      border-radius: var(--ac-br-rounded);\n    `}\n\n  ${tw`\n    tw-relative\n    tw-text-center\n    tw-p-0\n    tw-antialiased\n    tw-align-middle\n    tw-font-medium\n    tw-inline-block\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-border\n    tw-border-solid\n  `}\n\n  height: 32px;\n  transition: all 0.3s ease;\n  background-color: transparent;\n  border: solid 1px var(--color-theme-700);\n  color: var(--color-theme-700);\n  margin-right: -1px;\n  display: none;\n\n  ${screen.md} {\n    display: block;\n  }\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n\n  &:hover {\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n    text-decoration: none;\n  }\n\n  &:active {\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n    background-color: var(--color-primary-200);\n  }\n`;\n\nexport const StyledControl = styled(IconButton)`\n  border-radius: var(--ac-br-8);\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\nStyledControl.displayName = \"StyledControl\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAA8C;AAAA;AAEvC,IAAMA,YAAY,GAAGC,yBAAM,CAACC,MAAM;EAAA;EAAA;AAAA,kVACrCC,oBAAS,EACTC,8BAAc,EAEZ;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAaJ,CAAC,CAkCF;AAAC;AAEK,IAAMC,UAAU,GAAG,IAAAJ,yBAAM,EAACK,UAAI,CAAC;EAAA;EAAA;AAAA,aAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAKJ,CAAC,CACF;AAAC;AAEK,IAAMC,iBAAiB,GAAG,IAAAN,yBAAM,EAACO,wBAAW,CAAC;EAAA;EAAA;AAAA,6DAChDL,oBAAS,EACTC,8BAAc,CAMjB;AAAC;AAEK,IAAMK,UAAU,GAAGR,yBAAM,CAACS,IAAI;EAAA;EAAA;AAAA,sDAGpC;AAAC;AAOK,IAAMC,SAAS,GAAGV,yBAAM,CAACW,GAAG;EAAA;EAAA;AAAA,oiBAC/B,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,aAAa,QACnBC,qBAAG,YACG;IAAA;EAAuB,CAAC,CAC7B;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,UAAU,QAChBD,qBAAG,0CAEF;AAAA,GAEC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAgBJ,CAAC,EAUCE,mBAAM,CAACC,EAAE,CAiCZ;AAAC;AAEK,IAAMC,aAAa,GAAG,IAAAlB,yBAAM,EAACmB,sBAAU,CAAC;EAAA;EAAA;AAAA,qCAE9C;AAAC;AAEFb,iBAAiB,CAACc,WAAW,GAAG,mBAAmB;AACnDZ,UAAU,CAACY,WAAW,GAAG,YAAY;AACrCV,SAAS,CAACU,WAAW,GAAG,WAAW;AACnChB,UAAU,CAACgB,WAAW,GAAG,YAAY;AACrCrB,YAAY,CAACqB,WAAW,GAAG,cAAc;AACzCF,aAAa,CAACE,WAAW,GAAG,eAAe"}
+{"version":3,"file":"Styles.js","names":["StyledButton","styled","button","FontStyle","BoxSizingStyle","StyledMenu","Menu","StyledButtonGroup","ButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","css","$isRounded","screen","md","StyledControl","IconButton","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { screen } from \"../../BreakPoints\";\nimport tw from \"twin.macro\";\nimport { Menu } from \"../../Menu\";\nimport { IconButton } from \"../../IconButton\";\n\nexport const StyledButton = styled.button`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`\n    tw-relative\n    tw-antialiased\n    tw-align-middle\n    tw-font-medium\n    tw-inline-block\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-text-center\n  `}\n\n  color: var(--color-theme-700);\n  margin: 0;\n  padding: 0;\n  padding-top: 0; // @todo - delete\n  background: none;\n  width: 100%;\n  height: auto;\n  border: none;\n  height: 30px;\n  line-height: 1;\n  transition: all 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n`;\n\nexport const StyledMenu = styled(Menu)`\n  ${tw`\n    tw-w-auto\n    tw-h-auto\n    tw-py-4\n    tw-px-2\n  `}\n`;\n\nexport const StyledButtonGroup = styled(ButtonGroup)`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  button:hover {\n    position: relative;\n    z-index: 1;\n  }\n`;\n\nexport const StyledSpan = styled.span`\n  line-height: 30px;\n  color: var(--color-theme-700);\n`;\n\ninterface StyledDiv {\n  $isTargetable: boolean;\n  $isRounded: boolean;\n}\n\nexport const StyledDiv = styled.div<StyledDiv>`\n  ${(props) =>\n    props.$isTargetable &&\n    css`\n      ${tw`tw-pointer-events-none`}\n    `}\n\n  ${(props) =>\n    props.$isRounded &&\n    css`\n      border-radius: var(--ac-br-rounded);\n    `}\n\n  ${tw`\n    tw-relative\n    tw-text-center\n    tw-p-0\n    tw-antialiased\n    tw-align-middle\n    tw-font-medium\n    tw-inline-block\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-border\n    tw-border-solid\n  `}\n\n  height: 32px;\n  transition: all 0.3s ease;\n  background-color: transparent;\n  border: solid 1px var(--color-theme-700);\n  color: var(--color-theme-700);\n  margin-right: -1px;\n  display: none;\n\n  ${screen.md} {\n    display: block;\n  }\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n\n  &:hover {\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n    text-decoration: none;\n  }\n\n  &:active {\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n    background-color: var(--color-primary-200);\n  }\n`;\n\nexport const StyledControl = styled(IconButton)`\n  border-radius: var(--ac-br-8);\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\nStyledControl.displayName = \"StyledControl\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAA8C;AAAA;AAEvC,IAAMA,YAAY,GAAGC,yBAAM,CAACC,MAAM;EAAA;EAAA;AAAA,gWACrCC,oBAAS,EACTC,8BAAc,EAEZ;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAaJ,CAAC,CAmCF;AAAC;AAEK,IAAMC,UAAU,GAAG,IAAAJ,yBAAM,EAACK,UAAI,CAAC;EAAA;EAAA;AAAA,aAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAKJ,CAAC,CACF;AAAC;AAEK,IAAMC,iBAAiB,GAAG,IAAAN,yBAAM,EAACO,wBAAW,CAAC;EAAA;EAAA;AAAA,6DAChDL,oBAAS,EACTC,8BAAc,CAMjB;AAAC;AAEK,IAAMK,UAAU,GAAGR,yBAAM,CAACS,IAAI;EAAA;EAAA;AAAA,sDAGpC;AAAC;AAOK,IAAMC,SAAS,GAAGV,yBAAM,CAACW,GAAG;EAAA;EAAA;AAAA,oiBAC/B,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,aAAa,QACnBC,qBAAG,YACG;IAAA;EAAuB,CAAC,CAC7B;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,UAAU,QAChBD,qBAAG,0CAEF;AAAA,GAEC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAgBJ,CAAC,EAUCE,mBAAM,CAACC,EAAE,CAiCZ;AAAC;AAEK,IAAMC,aAAa,GAAG,IAAAlB,yBAAM,EAACmB,sBAAU,CAAC;EAAA;EAAA;AAAA,qCAE9C;AAAC;AAEFb,iBAAiB,CAACc,WAAW,GAAG,mBAAmB;AACnDZ,UAAU,CAACY,WAAW,GAAG,YAAY;AACrCV,SAAS,CAACU,WAAW,GAAG,WAAW;AACnChB,UAAU,CAACgB,WAAW,GAAG,YAAY;AACrCrB,YAAY,CAACqB,WAAW,GAAG,cAAc;AACzCF,aAAa,CAACE,WAAW,GAAG,eAAe"}

package/dist/esm/components/ComboBox/ComboBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EAOH,MAAM,OAAO,CAAC;AAIf,OAAO,EACL,kBAAkB,EAEnB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAqB,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAWhE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAgB3C,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,kBAAkB,EAClB,cAAc,GAAG,SAAS,GAAG,oBAAoB,CAClD;IACD,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,KACxD,IAAI,CAAC;IACV,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,SAAS,gBAAgB,EACtC,IAAI,EAAE,CAAC,EACP,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,KAClB,GAAG,CAAC,OAAO,CAAC;IACjB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oBAAoB;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAmgBvC,CAAC"}
+{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EAOH,MAAM,OAAO,CAAC;AAIf,OAAO,EACL,kBAAkB,EAEnB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAqB,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAWhE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAgB3C,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,kBAAkB,EAClB,cAAc,GAAG,SAAS,GAAG,oBAAoB,CAClD;IACD,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,KACxD,IAAI,CAAC;IACV,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,SAAS,gBAAgB,EACtC,IAAI,EAAE,CAAC,EACP,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,KAClB,GAAG,CAAC,OAAO,CAAC;IACjB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oBAAoB;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAkhBvC,CAAC"}

package/dist/esm/components/ComboBox/ComboBox.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _styled from "styled-components";
-var _excluded = ["options", "selected", "loading", "loadingText", "onChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper", "onClose", "onClear", "onDeselect"];
+var _excluded = ["options", "selected", "loading", "loadingText", "onChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper", "onClose", "onClear", "onDeselect", "defaultValue"];
 import React, { useCallback, useState, useEffect, useRef, useMemo, Fragment } from "react";
 import { RadioButton } from "../RadioButton";
 import { Autocomplete } from "../Autocomplete";
@@ -59,6 +59,7 @@ export var ComboBox = function ComboBox(_ref) {
     onClose = _ref.onClose,
     onClear = _ref.onClear,
     onDeselect = _ref.onDeselect,
+    defaultValue = _ref.defaultValue,
     prop = _objectWithoutPropertiesLoose(_ref, _excluded);
   var selectedName = useMemo(function () {
     var value = "";
@@ -312,6 +313,9 @@ export var ComboBox = function ComboBox(_ref) {
   }, [type, selected, options, open, limitChips, hiddenNumberText, renderChipAdornment, size]);
   var showXIcon = Array.isArray(selected) && type === "multiple" && selected.length > 0;
   var hasSelected = type === "multiple" && Array.isArray(selected) && selected.length > 0;
+  var showMenu = useMemo(function () {
+    return Boolean(options.length || defaultValue || Number(value.length) > 0);
+  }, [defaultValue, options.length, value]);
   return /*#__PURE__*/React.createElement("div", {
     className: "c-combo-box"
   }, type === "multiple" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_StyledStyledInputWrapper, {
@@ -356,7 +360,7 @@ export var ComboBox = function ComboBox(_ref) {
     onMouseDown: handleMouseDown,
     onClick: handleDeselect,
     "data-testid": "deselect-all"
-  }, /*#__PURE__*/React.createElement(StyledComboBoxCloseSmallIcon, null)), /*#__PURE__*/React.createElement(StyledComboBoxCollapseExpandSingleIcon, {
+  }, /*#__PURE__*/React.createElement(StyledComboBoxCloseSmallIcon, null)), showMenu && /*#__PURE__*/React.createElement(StyledComboBoxCollapseExpandSingleIcon, {
     $open: open
   }))))) : /*#__PURE__*/React.createElement(StyledComboBoxInput, {
     className: classNames("c-combo-box-input", inputWrapperClassName),
@@ -364,6 +368,7 @@ export var ComboBox = function ComboBox(_ref) {
     wrapperClick: onOpen,
     onFocus: function onFocus() {
       setFocused(!focused);
+      onOpen();
     },
     onClick: onOpen,
     wrapRef: comboBoxRef,
@@ -384,7 +389,7 @@ export var ComboBox = function ComboBox(_ref) {
       onClick: handleDeselect,
       variant: "text gray",
       size: "small"
-    }, /*#__PURE__*/React.createElement(StyledComboBoxCloseSmallIcon, null)) : null, /*#__PURE__*/React.createElement(StyledComboBoxCollapseExpandSingleIcon, {
+    }, /*#__PURE__*/React.createElement(StyledComboBoxCloseSmallIcon, null)) : null, showMenu && /*#__PURE__*/React.createElement(StyledComboBoxCollapseExpandSingleIcon, {
       $open: open
     })) : null
   }), !disabled ? /*#__PURE__*/React.createElement(ConditionalWrapper, {
@@ -406,7 +411,8 @@ export var ComboBox = function ComboBox(_ref) {
     noIsolation: true,
     allowPinchZoom: true
   }, /*#__PURE__*/React.createElement(StyledComboBoxList, {
-    $width: (_comboBoxRef$current3 = comboBoxRef.current) == null ? void 0 : _comboBoxRef$current3.clientWidth
+    $width: (_comboBoxRef$current3 = comboBoxRef.current) == null ? void 0 : _comboBoxRef$current3.clientWidth,
+    $hide: !showMenu
   }, /*#__PURE__*/React.createElement(Autocomplete, _extends({}, prop, {
     inputEl: childNode,
     selected: selected,
@@ -414,7 +420,8 @@ export var ComboBox = function ComboBox(_ref) {
     renderOption: handleRenderOption,
     options: options,
     type: type,
-    handleEmptyAction: emptyAction
+    handleEmptyAction: emptyAction,
+    defaultValue: defaultValue
   })))))) : null);
 };
 ComboBox.displayName = "ComboBox";

package/dist/esm/components/ComboBox/ComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","names":["React","useCallback","useState","useEffect","useRef","useMemo","Fragment","RadioButton","Autocomplete","IconButton","isOptionGroup","useForkRef","Popper","RemoveScroll","SpinnerLoader","OptionContent","StyledComboBoxCloseSmallIcon","StyledComboBoxCollapseExpandSingleIcon","StyledComboBoxInput","StyledComboBoxList","StyledChipWrapper","InputAdornment","Checkbox","Chip","StyledInput","StyledInputWrapper","useOnClickOutside","Avatar","Trigger","Typography","Portal","ConditionalWrapper","classNames","useIsFirstRender","MultiAvatar","ComboBox","options","selected","loading","loadingText","onChange","placeholder","handleEmptyAction","disabled","size","invalid","type","renderChip","forceCloseMenu","renderOption","limitChips","hiddenNumberText","inPortal","inputWrapperClassName","scrollWrapper","onClose","onClear","onDeselect","prop","selectedName","value","map","v","find","q","id","name","setValue","focused","setFocused","handleOnChange","e","target","childNode","elementRef","handleRef","wrapperRef","chipWrapper","comboBoxRef","open","setOpen","isFirstRender","current","contains","handleOnKeyDown","key","stopPropagation","focus","blur","emptyAction","handleChange","selectedValue","onOpen","handleRenderOption","option","props","image","color","textColor","handleDeselect","handleMouseDown","preventDefault","handleBlur","renderChipAdornment","index","avatarProps","leftAdornment","undefined","Array","isArray","includes","newSelected","filter","item","showOnClose","chipColor","autoSize","length","startAdornment","elements","total","forEach","isGrouped","push","groupedOptions","o","_index","hidden","splice","optionItem","child","avatarSize","showXIcon","hasSelected","click","display","flex","alignSelf","width","children","zIndex","clientWidth","displayName"],"sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"sourcesContent":["import React, {\n  FC,\n  useCallback,\n  useState,\n  useEffect,\n  useRef,\n  useMemo,\n  Fragment,\n} from \"react\";\nimport { RadioButton } from \"../RadioButton\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport { IconButton } from \"../IconButton\";\nimport {\n  IAutocompleteProps,\n  isOptionGroup,\n} from \"../Autocomplete/Autocomplete\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Popper } from \"../Popper\";\nimport { IOptionGroupProps, IOptionItemProps } from \"../Select\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { SpinnerLoader } from \"../Loaders/Spinner/SpinnerLoader\";\nimport { OptionContent } from \"../Select/OptionContent/OptionContent\";\nimport {\n  StyledComboBoxCloseSmallIcon,\n  StyledComboBoxCollapseExpandSingleIcon,\n  StyledComboBoxInput,\n  StyledComboBoxList,\n  StyledChipWrapper,\n} from \"./Styles\";\nimport { InputSize } from \"../Input/types\";\nimport { InputAdornment } from \"../Input/InputAdornment\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Chip } from \"../Chip\";\nimport { StyledInput, StyledInputWrapper } from \"../Input/Styles\";\nimport { useOnClickOutside } from \"../../hooks/useOnClickOutside\";\nimport { Avatar, AvatarProps } from \"../Avatar\";\nimport { Trigger } from \"../Trigger\";\nimport { Typography } from \"../Typography/Typography\";\nimport tw from \"twin.macro\";\nimport { Portal } from \"../../helpers\";\nimport { ConditionalWrapper } from \"../../helpers/ConditionWrapper/ConditionWrapper\";\nimport classNames from \"classnames\";\nimport { useIsFirstRender } from \"../../hooks/useIsFirstRender\";\nimport { MultiAvatar } from \"../MultiAvatar\";\n\nexport interface IComboBoxProps\n  extends Omit<\n    IAutocompleteProps,\n    \"handleChange\" | \"inputEl\" | \"clearInputOnSelect\"\n  > {\n  /** Set combobox in to loading state */\n  loading?: boolean;\n  /** Text to display while in loading state */\n  loadingText?: string;\n  /** onChange callback */\n  onChange?: (\n    e: (string | number)[] | string | number | null | undefined\n  ) => void;\n  /** Placeholder for Select input */\n  placeholder?: string;\n  /** disable Input element */\n  disabled?: boolean;\n  /** Combobox size */\n  size?: InputSize;\n  /** Invalid state */\n  invalid?: boolean;\n  /** Render Chip */\n  renderChip?: <T extends IOptionItemProps>(\n    item: T,\n    key?: string | number\n  ) => JSX.Element;\n  /** Close menu on change */\n  forceCloseMenu?: boolean;\n  /** Limit chips */\n  limitChips?: number;\n  /** Hidden number text */\n  hiddenNumberText?: (hidden: number) => string;\n  /** Render Autocomplete in <Portal> */\n  inPortal?: boolean;\n  /** inputWrapperClassName */\n  inputWrapperClassName?: string;\n  /** scrollWrapper */\n  scrollWrapper?: boolean;\n  /** onClose (f) will be called when Popper close */\n  onClose?: () => void;\n  /** onClear (f) will be called when user clear input on X icon*/\n  onClear?: () => void;\n  onDeselect?: () => void;\n}\n\nexport const ComboBox: FC<IComboBoxProps> = ({\n  options = [],\n  selected,\n  loading = false,\n  loadingText,\n  onChange,\n  placeholder,\n  handleEmptyAction,\n  disabled = false,\n  size = \"regular\",\n  invalid = false,\n  type = \"single\",\n  renderChip,\n  forceCloseMenu = type === \"single\",\n  renderOption,\n  limitChips = 2,\n  hiddenNumberText,\n  inPortal = false,\n  inputWrapperClassName,\n  scrollWrapper,\n  onClose,\n  onClear,\n  onDeselect,\n  ...prop\n}) => {\n  const selectedName = useMemo(() => {\n    let value = \"\";\n    if (!selected) {\n      return value;\n    }\n    options.map((v) => {\n      if ((v as IOptionGroupProps)?.options) {\n        return (v as IOptionGroupProps).options.find((q) => {\n          if (q.id === selected) {\n            value = q.name;\n            return;\n          }\n        });\n      } else {\n        if (v.id === selected) {\n          value = v.name;\n          return;\n        }\n      }\n    });\n    return value;\n  }, [options, selected]);\n  const [value, setValue] = useState(selectedName);\n  const [focused, setFocused] = useState<boolean>(false);\n  const handleOnChange = useCallback((e) => setValue(e.target.value), []);\n  const childNode = useRef<HTMLInputElement | null>();\n  const elementRef = useRef<HTMLInputElement | null>(null);\n  const handleRef = useForkRef(childNode, elementRef);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const chipWrapper = useRef<HTMLDivElement>(null);\n  const comboBoxRef = useRef<HTMLDivElement | null>(null);\n\n  const [open, setOpen] = useState(false);\n  const isFirstRender = useIsFirstRender();\n\n  useOnClickOutside(wrapperRef, (e) => {\n    if (e.target && comboBoxRef.current?.contains(e.target as Node)) {\n      return;\n    }\n    setOpen(false);\n  });\n\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Escape\" && open) {\n        setOpen(false);\n        setValue(selectedName);\n        e.stopPropagation();\n      }\n\n      if (e.key === \"Enter\" && type === \"multiple\") {\n        setValue(\"\");\n      }\n\n      if (e.key === \"Enter\" && !open && focused) {\n        setOpen(true);\n      }\n    },\n    [focused, open, selectedName, type]\n  );\n\n  useEffect(() => {\n    open && childNode?.current?.focus();\n    !open && childNode?.current?.blur();\n  }, [childNode, open]);\n\n  useEffect(() => {\n    setValue(selectedName);\n  }, [selectedName]);\n\n  useEffect(() => {\n    if (!open && !isFirstRender && !focused) {\n      if (typeof onClose === \"function\") {\n        onClose();\n      }\n    }\n  }, [focused, isFirstRender, onClose, open]);\n\n  const emptyAction = useCallback(\n    (v) => {\n      handleEmptyAction?.(v);\n      setOpen(false);\n    },\n    [handleEmptyAction]\n  );\n\n  const handleChange = useCallback(\n    (selectedValue) => {\n      if (selectedValue !== selected && typeof onChange === \"function\") {\n        onChange(selectedValue);\n      }\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n    },\n    [forceCloseMenu, onChange, selected]\n  );\n\n  const onOpen = useCallback(() => {\n    if (!disabled) {\n      setOpen(true);\n    }\n  }, [disabled]);\n\n  const handleRenderOption = useCallback(\n    (option, props) => {\n      if (typeof renderOption === \"function\") {\n        return renderOption(option, props);\n      }\n      if (type === \"multiple\") {\n        return (\n          <>\n            <OptionContent\n              imageUrl={option.image}\n              color={option.color}\n              textColor={option.textColor}\n              name={option.name}\n            />\n            <Checkbox {...props} />\n          </>\n        );\n      }\n      return (\n        <>\n          <OptionContent\n            imageUrl={option.image}\n            color={option.color}\n            textColor={option.textColor}\n            name={option.name}\n          />\n          <RadioButton {...props} />\n        </>\n      );\n    },\n    [type, renderOption]\n  );\n\n  const handleDeselect = useCallback(\n    (e) => {\n      e.stopPropagation();\n      if (typeof onDeselect === \"function\") {\n        onDeselect();\n      } else if (type === \"multiple\") {\n        onChange?.([]);\n      } else {\n        onChange?.(\"\");\n      }\n\n      onClear?.();\n      setOpen(false);\n    },\n    [type, onChange, onClear, onDeselect]\n  );\n\n  const handleMouseDown = useCallback((e) => {\n    e.preventDefault();\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    setValue(selectedName);\n    setFocused(!focused);\n  }, [focused, selectedName]);\n\n  const renderChipAdornment = useCallback(\n    (option, index) => {\n      if (typeof renderChip === \"function\") {\n        return renderChip(option, index);\n      }\n      const avatarProps: Partial<AvatarProps> = {\n        size: 18,\n      };\n      switch (size) {\n        case \"big\":\n          avatarProps.size = 22;\n          break;\n        case \"small\":\n          avatarProps.size = 14;\n          break;\n      }\n      const leftAdornment = option.image ? (\n        <Avatar\n          css={`\n            ${tw`tw-my-0.5`}\n            ${tw`tw-mr-0.5`}\n          `}\n          url={option.image}\n          {...avatarProps}\n        />\n      ) : undefined;\n\n      const onClose = (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        if (Array.isArray(selected) && selected.includes(option.id)) {\n          if (typeof onChange === \"function\") {\n            const newSelected = selected.filter((item) => item !== option.id);\n            onChange(newSelected);\n          }\n        }\n      };\n\n      let showOnClose = true;\n      if (disabled) {\n        showOnClose = false;\n      }\n      if (option.color) {\n        showOnClose = false;\n      }\n\n      return (\n        <Chip\n          className=\"c-combo-box-chip\"\n          leftAdornment={leftAdornment}\n          label={option.name}\n          key={index}\n          backgroundColor={option.color}\n          color={option.chipColor}\n          onClose={showOnClose ? onClose : undefined}\n          size={size}\n          variant=\"Caption 1\"\n        />\n      );\n    },\n    [disabled, onChange, renderChip, selected, size]\n  );\n\n  const autoSize = useMemo(() => {\n    if (\n      type === \"multiple\" &&\n      open &&\n      Array.isArray(selected) &&\n      selected.length > 1\n    ) {\n      return \"auto\";\n    }\n    return size;\n  }, [open, selected, size, type]);\n\n  const startAdornment = useMemo(() => {\n    if (type === \"multiple\" && Array.isArray(selected) && selected.length > 0) {\n      const elements: JSX.Element[] = [];\n      let total = 0;\n      options.forEach((option, index) => {\n        const isGrouped = isOptionGroup(option);\n        if (selected.includes(option.id) && !isGrouped) {\n          total = total + 1;\n          elements.push(renderChipAdornment(option, index));\n        } else if (isGrouped) {\n          const groupedOptions = option.options.filter((o) =>\n            selected.includes(o.id)\n          );\n          total = total + groupedOptions.length;\n          if (groupedOptions.length > 0) {\n            groupedOptions.forEach((o, _index) => {\n              elements.push(renderChipAdornment(o, `${index}_${_index}`));\n            });\n          }\n        }\n      });\n      let hidden = 0;\n      if (!open && limitChips > 0 && elements.length > limitChips) {\n        hidden = elements.splice(\n          limitChips,\n          elements.length - limitChips\n        ).length;\n      }\n\n      return (\n        <Fragment>\n          {elements}\n          {hidden > 0 && (\n            <Typography\n              variant={\n                size === \"small\"\n                  ? \"Caption 1\"\n                  : size === \"regular\"\n                  ? \"Body 2\"\n                  : \"Body 1\"\n              }\n              css={`\n                display: flex;\n                flex-shrink: 0;\n                align-items: center;\n              `}\n            >\n              {typeof hiddenNumberText === \"function\"\n                ? hiddenNumberText(hidden)\n                : `+${hidden}`}\n            </Typography>\n          )}\n        </Fragment>\n      );\n    }\n    if (type === \"single\" && selected) {\n      let optionItem;\n      options.forEach((option) => {\n        if (isOptionGroup(option)) {\n          optionItem = option.options.find((child) => child.id === selected);\n        } else if (!optionItem && option.id === selected) {\n          optionItem = option;\n        }\n      });\n      if (optionItem && optionItem.image) {\n        const avatarSize = size === \"big\" ? 22 : size === \"regular\" ? 18 : 14;\n        if (Array.isArray(optionItem.image)) {\n          return <MultiAvatar url={optionItem.image} size={avatarSize} />;\n        }\n        return <Avatar url={optionItem.image} size={avatarSize} />;\n      }\n    }\n\n    return undefined;\n  }, [\n    type,\n    selected,\n    options,\n    open,\n    limitChips,\n    hiddenNumberText,\n    renderChipAdornment,\n    size,\n  ]);\n\n  const showXIcon =\n    Array.isArray(selected) && type === \"multiple\" && selected.length > 0;\n\n  const hasSelected =\n    type === \"multiple\" && Array.isArray(selected) && selected.length > 0;\n\n  return (\n    <div className=\"c-combo-box\">\n      {type === \"multiple\" ? (\n        <>\n          <StyledInputWrapper\n            $disabled={disabled}\n            $size={size}\n            $invalid={invalid}\n            ref={comboBoxRef}\n            css={`\n              display: flex;\n              justify-content: space-between;\n              flex: 1;\n              height: ${autoSize === \"auto\" ? \"auto\" : undefined};\n              overflow-y: ${autoSize === \"auto\" && scrollWrapper\n                ? \"scroll\"\n                : undefined};\n              max-height: ${autoSize === \"auto\" && scrollWrapper\n                ? \"80px\"\n                : undefined};\n            `}\n            className={classNames(\n              \"c-combo-box-input-wrapper\",\n              inputWrapperClassName\n            )}\n            onClick={() => {\n              elementRef.current?.click();\n            }}\n          >\n            <StyledChipWrapper\n              $autoSize={autoSize}\n              $open={open}\n              ref={chipWrapper}\n            >\n              {startAdornment}\n              <StyledInput\n                className=\"c-combo-box-input\"\n                onBlur={handleBlur}\n                onFocus={() => {\n                  setFocused(!focused);\n                }}\n                onClick={onOpen}\n                ref={handleRef}\n                value={loading && loadingText ? loadingText : value}\n                onKeyDown={handleOnKeyDown}\n                onChange={handleOnChange}\n                placeholder={!hasSelected ? placeholder : undefined}\n                disabled={disabled}\n                $size={size}\n                $loading={loading}\n                style={{\n                  display: \"flex\",\n                  flex: 1,\n                  alignSelf: \"center\",\n                  width: autoSize === \"auto\" ? \"auto\" : \"100%\",\n                }}\n              />\n            </StyledChipWrapper>\n            {!disabled && (\n              <>\n                {loading ? (\n                  <SpinnerLoader />\n                ) : (\n                  <>\n                    {showXIcon && (\n                      <Trigger\n                        onMouseDown={handleMouseDown}\n                        onClick={handleDeselect}\n                        data-testid=\"deselect-all\"\n                        css={`\n                          display: flex;\n                          justify-content: center;\n                        `}\n                      >\n                        <StyledComboBoxCloseSmallIcon />\n                      </Trigger>\n                    )}\n                    <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n                  </>\n                )}\n              </>\n            )}\n          </StyledInputWrapper>\n        </>\n      ) : (\n        <StyledComboBoxInput\n          className={classNames(\"c-combo-box-input\", inputWrapperClassName)}\n          onBlur={handleBlur}\n          wrapperClick={onOpen}\n          onFocus={() => {\n            setFocused(!focused);\n          }}\n          onClick={onOpen}\n          wrapRef={comboBoxRef}\n          ref={handleRef}\n          value={loading && loadingText ? loadingText : value}\n          onKeyDown={handleOnKeyDown}\n          onChange={handleOnChange}\n          placeholder={placeholder}\n          disabled={disabled}\n          size={size}\n          invalid={invalid}\n          $loading={loading}\n          startAdornment={startAdornment}\n          endAdornment={\n            !disabled ? (\n              <InputAdornment disablePointerEvents={disabled}>\n                {loading ? (\n                  <SpinnerLoader />\n                ) : selected ? (\n                  <IconButton\n                    onMouseDown={handleMouseDown}\n                    onClick={handleDeselect}\n                    variant=\"text gray\"\n                    size=\"small\"\n                  >\n                    <StyledComboBoxCloseSmallIcon />\n                  </IconButton>\n                ) : null}\n                <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n              </InputAdornment>\n            ) : null\n          }\n        />\n      )}\n\n      {!disabled ? (\n        <ConditionalWrapper\n          condition={inPortal}\n          wrap={(children) => <Portal>{children}</Portal>}\n        >\n          <Popper\n            anchorEl={comboBoxRef.current}\n            open={open}\n            placement=\"bottom\"\n            style={{\n              zIndex: 10,\n              width: comboBoxRef.current?.clientWidth,\n            }}\n            ref={wrapperRef}\n            strategy=\"fixed\"\n          >\n            <RemoveScroll noIsolation allowPinchZoom>\n              <StyledComboBoxList $width={comboBoxRef.current?.clientWidth}>\n                <Autocomplete\n                  {...prop}\n                  inputEl={childNode}\n                  selected={selected}\n                  handleChange={handleChange}\n                  renderOption={handleRenderOption}\n                  options={options}\n                  type={type}\n                  handleEmptyAction={emptyAction}\n                />\n              </StyledComboBoxList>\n            </RemoveScroll>\n          </Popper>\n        </ConditionalWrapper>\n      ) : null}\n    </div>\n  );\n};\n\nComboBox.displayName = \"ComboBox\";\n"],"mappings":"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"}
+{"version":3,"file":"ComboBox.js","names":["React","useCallback","useState","useEffect","useRef","useMemo","Fragment","RadioButton","Autocomplete","IconButton","isOptionGroup","useForkRef","Popper","RemoveScroll","SpinnerLoader","OptionContent","StyledComboBoxCloseSmallIcon","StyledComboBoxCollapseExpandSingleIcon","StyledComboBoxInput","StyledComboBoxList","StyledChipWrapper","InputAdornment","Checkbox","Chip","StyledInput","StyledInputWrapper","useOnClickOutside","Avatar","Trigger","Typography","Portal","ConditionalWrapper","classNames","useIsFirstRender","MultiAvatar","ComboBox","options","selected","loading","loadingText","onChange","placeholder","handleEmptyAction","disabled","size","invalid","type","renderChip","forceCloseMenu","renderOption","limitChips","hiddenNumberText","inPortal","inputWrapperClassName","scrollWrapper","onClose","onClear","onDeselect","defaultValue","prop","selectedName","value","map","v","find","q","id","name","setValue","focused","setFocused","handleOnChange","e","target","childNode","elementRef","handleRef","wrapperRef","chipWrapper","comboBoxRef","open","setOpen","isFirstRender","current","contains","handleOnKeyDown","key","stopPropagation","focus","blur","emptyAction","handleChange","selectedValue","onOpen","handleRenderOption","option","props","image","color","textColor","handleDeselect","handleMouseDown","preventDefault","handleBlur","renderChipAdornment","index","avatarProps","leftAdornment","undefined","Array","isArray","includes","newSelected","filter","item","showOnClose","chipColor","autoSize","length","startAdornment","elements","total","forEach","isGrouped","push","groupedOptions","o","_index","hidden","splice","optionItem","child","avatarSize","showXIcon","hasSelected","showMenu","Boolean","Number","click","display","flex","alignSelf","width","children","zIndex","clientWidth","displayName"],"sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"sourcesContent":["import React, {\n  FC,\n  useCallback,\n  useState,\n  useEffect,\n  useRef,\n  useMemo,\n  Fragment,\n} from \"react\";\nimport { RadioButton } from \"../RadioButton\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport { IconButton } from \"../IconButton\";\nimport {\n  IAutocompleteProps,\n  isOptionGroup,\n} from \"../Autocomplete/Autocomplete\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Popper } from \"../Popper\";\nimport { IOptionGroupProps, IOptionItemProps } from \"../Select\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { SpinnerLoader } from \"../Loaders/Spinner/SpinnerLoader\";\nimport { OptionContent } from \"../Select/OptionContent/OptionContent\";\nimport {\n  StyledComboBoxCloseSmallIcon,\n  StyledComboBoxCollapseExpandSingleIcon,\n  StyledComboBoxInput,\n  StyledComboBoxList,\n  StyledChipWrapper,\n} from \"./Styles\";\nimport { InputSize } from \"../Input/types\";\nimport { InputAdornment } from \"../Input/InputAdornment\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Chip } from \"../Chip\";\nimport { StyledInput, StyledInputWrapper } from \"../Input/Styles\";\nimport { useOnClickOutside } from \"../../hooks/useOnClickOutside\";\nimport { Avatar, AvatarProps } from \"../Avatar\";\nimport { Trigger } from \"../Trigger\";\nimport { Typography } from \"../Typography/Typography\";\nimport tw from \"twin.macro\";\nimport { Portal } from \"../../helpers\";\nimport { ConditionalWrapper } from \"../../helpers/ConditionWrapper/ConditionWrapper\";\nimport classNames from \"classnames\";\nimport { useIsFirstRender } from \"../../hooks/useIsFirstRender\";\nimport { MultiAvatar } from \"../MultiAvatar\";\n\nexport interface IComboBoxProps\n  extends Omit<\n    IAutocompleteProps,\n    \"handleChange\" | \"inputEl\" | \"clearInputOnSelect\"\n  > {\n  /** Set combobox in to loading state */\n  loading?: boolean;\n  /** Text to display while in loading state */\n  loadingText?: string;\n  /** onChange callback */\n  onChange?: (\n    e: (string | number)[] | string | number | null | undefined\n  ) => void;\n  /** Placeholder for Select input */\n  placeholder?: string;\n  /** disable Input element */\n  disabled?: boolean;\n  /** Combobox size */\n  size?: InputSize;\n  /** Invalid state */\n  invalid?: boolean;\n  /** Render Chip */\n  renderChip?: <T extends IOptionItemProps>(\n    item: T,\n    key?: string | number\n  ) => JSX.Element;\n  /** Close menu on change */\n  forceCloseMenu?: boolean;\n  /** Limit chips */\n  limitChips?: number;\n  /** Hidden number text */\n  hiddenNumberText?: (hidden: number) => string;\n  /** Render Autocomplete in <Portal> */\n  inPortal?: boolean;\n  /** inputWrapperClassName */\n  inputWrapperClassName?: string;\n  /** scrollWrapper */\n  scrollWrapper?: boolean;\n  /** onClose (f) will be called when Popper close */\n  onClose?: () => void;\n  /** onClear (f) will be called when user clear input on X icon*/\n  onClear?: () => void;\n  onDeselect?: () => void;\n}\n\nexport const ComboBox: FC<IComboBoxProps> = ({\n  options = [],\n  selected,\n  loading = false,\n  loadingText,\n  onChange,\n  placeholder,\n  handleEmptyAction,\n  disabled = false,\n  size = \"regular\",\n  invalid = false,\n  type = \"single\",\n  renderChip,\n  forceCloseMenu = type === \"single\",\n  renderOption,\n  limitChips = 2,\n  hiddenNumberText,\n  inPortal = false,\n  inputWrapperClassName,\n  scrollWrapper,\n  onClose,\n  onClear,\n  onDeselect,\n  defaultValue,\n  ...prop\n}) => {\n  const selectedName = useMemo(() => {\n    let value = \"\";\n    if (!selected) {\n      return value;\n    }\n    options.map((v) => {\n      if ((v as IOptionGroupProps)?.options) {\n        return (v as IOptionGroupProps).options.find((q) => {\n          if (q.id === selected) {\n            value = q.name;\n            return;\n          }\n        });\n      } else {\n        if (v.id === selected) {\n          value = v.name;\n          return;\n        }\n      }\n    });\n    return value;\n  }, [options, selected]);\n  const [value, setValue] = useState(selectedName);\n  const [focused, setFocused] = useState<boolean>(false);\n  const handleOnChange = useCallback((e) => setValue(e.target.value), []);\n  const childNode = useRef<HTMLInputElement | null>();\n  const elementRef = useRef<HTMLInputElement | null>(null);\n  const handleRef = useForkRef(childNode, elementRef);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const chipWrapper = useRef<HTMLDivElement>(null);\n  const comboBoxRef = useRef<HTMLDivElement | null>(null);\n\n  const [open, setOpen] = useState(false);\n  const isFirstRender = useIsFirstRender();\n\n  useOnClickOutside(wrapperRef, (e) => {\n    if (e.target && comboBoxRef.current?.contains(e.target as Node)) {\n      return;\n    }\n    setOpen(false);\n  });\n\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Escape\" && open) {\n        setOpen(false);\n        setValue(selectedName);\n        e.stopPropagation();\n      }\n\n      if (e.key === \"Enter\" && type === \"multiple\") {\n        setValue(\"\");\n      }\n\n      if (e.key === \"Enter\" && !open && focused) {\n        setOpen(true);\n      }\n    },\n    [focused, open, selectedName, type]\n  );\n\n  useEffect(() => {\n    open && childNode?.current?.focus();\n    !open && childNode?.current?.blur();\n  }, [childNode, open]);\n\n  useEffect(() => {\n    setValue(selectedName);\n  }, [selectedName]);\n\n  useEffect(() => {\n    if (!open && !isFirstRender && !focused) {\n      if (typeof onClose === \"function\") {\n        onClose();\n      }\n    }\n  }, [focused, isFirstRender, onClose, open]);\n\n  const emptyAction = useCallback(\n    (v) => {\n      handleEmptyAction?.(v);\n      setOpen(false);\n    },\n    [handleEmptyAction]\n  );\n\n  const handleChange = useCallback(\n    (selectedValue) => {\n      if (selectedValue !== selected && typeof onChange === \"function\") {\n        onChange(selectedValue);\n      }\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n    },\n    [forceCloseMenu, onChange, selected]\n  );\n\n  const onOpen = useCallback(() => {\n    if (!disabled) {\n      setOpen(true);\n    }\n  }, [disabled]);\n\n  const handleRenderOption = useCallback(\n    (option, props) => {\n      if (typeof renderOption === \"function\") {\n        return renderOption(option, props);\n      }\n      if (type === \"multiple\") {\n        return (\n          <>\n            <OptionContent\n              imageUrl={option.image}\n              color={option.color}\n              textColor={option.textColor}\n              name={option.name}\n            />\n            <Checkbox {...props} />\n          </>\n        );\n      }\n      return (\n        <>\n          <OptionContent\n            imageUrl={option.image}\n            color={option.color}\n            textColor={option.textColor}\n            name={option.name}\n          />\n          <RadioButton {...props} />\n        </>\n      );\n    },\n    [type, renderOption]\n  );\n\n  const handleDeselect = useCallback(\n    (e) => {\n      e.stopPropagation();\n      if (typeof onDeselect === \"function\") {\n        onDeselect();\n      } else if (type === \"multiple\") {\n        onChange?.([]);\n      } else {\n        onChange?.(\"\");\n      }\n\n      onClear?.();\n      setOpen(false);\n    },\n    [type, onChange, onClear, onDeselect]\n  );\n\n  const handleMouseDown = useCallback((e) => {\n    e.preventDefault();\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    setValue(selectedName);\n    setFocused(!focused);\n  }, [focused, selectedName]);\n\n  const renderChipAdornment = useCallback(\n    (option, index) => {\n      if (typeof renderChip === \"function\") {\n        return renderChip(option, index);\n      }\n      const avatarProps: Partial<AvatarProps> = {\n        size: 18,\n      };\n      switch (size) {\n        case \"big\":\n          avatarProps.size = 22;\n          break;\n        case \"small\":\n          avatarProps.size = 14;\n          break;\n      }\n      const leftAdornment = option.image ? (\n        <Avatar\n          css={`\n            ${tw`tw-my-0.5`}\n            ${tw`tw-mr-0.5`}\n          `}\n          url={option.image}\n          {...avatarProps}\n        />\n      ) : undefined;\n\n      const onClose = (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        if (Array.isArray(selected) && selected.includes(option.id)) {\n          if (typeof onChange === \"function\") {\n            const newSelected = selected.filter((item) => item !== option.id);\n            onChange(newSelected);\n          }\n        }\n      };\n\n      let showOnClose = true;\n      if (disabled) {\n        showOnClose = false;\n      }\n      if (option.color) {\n        showOnClose = false;\n      }\n\n      return (\n        <Chip\n          className=\"c-combo-box-chip\"\n          leftAdornment={leftAdornment}\n          label={option.name}\n          key={index}\n          backgroundColor={option.color}\n          color={option.chipColor}\n          onClose={showOnClose ? onClose : undefined}\n          size={size}\n          variant=\"Caption 1\"\n        />\n      );\n    },\n    [disabled, onChange, renderChip, selected, size]\n  );\n\n  const autoSize = useMemo(() => {\n    if (\n      type === \"multiple\" &&\n      open &&\n      Array.isArray(selected) &&\n      selected.length > 1\n    ) {\n      return \"auto\";\n    }\n    return size;\n  }, [open, selected, size, type]);\n\n  const startAdornment = useMemo(() => {\n    if (type === \"multiple\" && Array.isArray(selected) && selected.length > 0) {\n      const elements: JSX.Element[] = [];\n      let total = 0;\n      options.forEach((option, index) => {\n        const isGrouped = isOptionGroup(option);\n        if (selected.includes(option.id) && !isGrouped) {\n          total = total + 1;\n          elements.push(renderChipAdornment(option, index));\n        } else if (isGrouped) {\n          const groupedOptions = option.options.filter((o) =>\n            selected.includes(o.id)\n          );\n          total = total + groupedOptions.length;\n          if (groupedOptions.length > 0) {\n            groupedOptions.forEach((o, _index) => {\n              elements.push(renderChipAdornment(o, `${index}_${_index}`));\n            });\n          }\n        }\n      });\n      let hidden = 0;\n      if (!open && limitChips > 0 && elements.length > limitChips) {\n        hidden = elements.splice(\n          limitChips,\n          elements.length - limitChips\n        ).length;\n      }\n\n      return (\n        <Fragment>\n          {elements}\n          {hidden > 0 && (\n            <Typography\n              variant={\n                size === \"small\"\n                  ? \"Caption 1\"\n                  : size === \"regular\"\n                  ? \"Body 2\"\n                  : \"Body 1\"\n              }\n              css={`\n                display: flex;\n                flex-shrink: 0;\n                align-items: center;\n              `}\n            >\n              {typeof hiddenNumberText === \"function\"\n                ? hiddenNumberText(hidden)\n                : `+${hidden}`}\n            </Typography>\n          )}\n        </Fragment>\n      );\n    }\n    if (type === \"single\" && selected) {\n      let optionItem;\n      options.forEach((option) => {\n        if (isOptionGroup(option)) {\n          optionItem = option.options.find((child) => child.id === selected);\n        } else if (!optionItem && option.id === selected) {\n          optionItem = option;\n        }\n      });\n      if (optionItem && optionItem.image) {\n        const avatarSize = size === \"big\" ? 22 : size === \"regular\" ? 18 : 14;\n        if (Array.isArray(optionItem.image)) {\n          return <MultiAvatar url={optionItem.image} size={avatarSize} />;\n        }\n        return <Avatar url={optionItem.image} size={avatarSize} />;\n      }\n    }\n\n    return undefined;\n  }, [\n    type,\n    selected,\n    options,\n    open,\n    limitChips,\n    hiddenNumberText,\n    renderChipAdornment,\n    size,\n  ]);\n\n  const showXIcon =\n    Array.isArray(selected) && type === \"multiple\" && selected.length > 0;\n\n  const hasSelected =\n    type === \"multiple\" && Array.isArray(selected) && selected.length > 0;\n\n  const showMenu = useMemo(\n    () => Boolean(options.length || defaultValue || Number(value.length) > 0),\n    [defaultValue, options.length, value]\n  );\n\n  return (\n    <div className=\"c-combo-box\">\n      {type === \"multiple\" ? (\n        <>\n          <StyledInputWrapper\n            $disabled={disabled}\n            $size={size}\n            $invalid={invalid}\n            ref={comboBoxRef}\n            css={`\n              display: flex;\n              justify-content: space-between;\n              flex: 1;\n              height: ${autoSize === \"auto\" ? \"auto\" : undefined};\n              overflow-y: ${autoSize === \"auto\" && scrollWrapper\n                ? \"scroll\"\n                : undefined};\n              max-height: ${autoSize === \"auto\" && scrollWrapper\n                ? \"80px\"\n                : undefined};\n            `}\n            className={classNames(\n              \"c-combo-box-input-wrapper\",\n              inputWrapperClassName\n            )}\n            onClick={() => {\n              elementRef.current?.click();\n            }}\n          >\n            <StyledChipWrapper\n              $autoSize={autoSize}\n              $open={open}\n              ref={chipWrapper}\n            >\n              {startAdornment}\n              <StyledInput\n                className=\"c-combo-box-input\"\n                onBlur={handleBlur}\n                onFocus={() => {\n                  setFocused(!focused);\n                }}\n                onClick={onOpen}\n                ref={handleRef}\n                value={loading && loadingText ? loadingText : value}\n                onKeyDown={handleOnKeyDown}\n                onChange={handleOnChange}\n                placeholder={!hasSelected ? placeholder : undefined}\n                disabled={disabled}\n                $size={size}\n                $loading={loading}\n                style={{\n                  display: \"flex\",\n                  flex: 1,\n                  alignSelf: \"center\",\n                  width: autoSize === \"auto\" ? \"auto\" : \"100%\",\n                }}\n              />\n            </StyledChipWrapper>\n            {!disabled && (\n              <>\n                {loading ? (\n                  <SpinnerLoader />\n                ) : (\n                  <>\n                    {showXIcon && (\n                      <Trigger\n                        onMouseDown={handleMouseDown}\n                        onClick={handleDeselect}\n                        data-testid=\"deselect-all\"\n                        css={`\n                          display: flex;\n                          justify-content: center;\n                        `}\n                      >\n                        <StyledComboBoxCloseSmallIcon />\n                      </Trigger>\n                    )}\n                    {showMenu && (\n                      <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n                    )}\n                  </>\n                )}\n              </>\n            )}\n          </StyledInputWrapper>\n        </>\n      ) : (\n        <StyledComboBoxInput\n          className={classNames(\"c-combo-box-input\", inputWrapperClassName)}\n          onBlur={handleBlur}\n          wrapperClick={onOpen}\n          onFocus={() => {\n            setFocused(!focused);\n            onOpen();\n          }}\n          onClick={onOpen}\n          wrapRef={comboBoxRef}\n          ref={handleRef}\n          value={loading && loadingText ? loadingText : value}\n          onKeyDown={handleOnKeyDown}\n          onChange={handleOnChange}\n          placeholder={placeholder}\n          disabled={disabled}\n          size={size}\n          invalid={invalid}\n          $loading={loading}\n          startAdornment={startAdornment}\n          endAdornment={\n            !disabled ? (\n              <InputAdornment disablePointerEvents={disabled}>\n                {loading ? (\n                  <SpinnerLoader />\n                ) : selected ? (\n                  <IconButton\n                    onMouseDown={handleMouseDown}\n                    onClick={handleDeselect}\n                    variant=\"text gray\"\n                    size=\"small\"\n                  >\n                    <StyledComboBoxCloseSmallIcon />\n                  </IconButton>\n                ) : null}\n                {showMenu && (\n                  <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n                )}\n              </InputAdornment>\n            ) : null\n          }\n        />\n      )}\n\n      {!disabled ? (\n        <ConditionalWrapper\n          condition={inPortal}\n          wrap={(children) => <Portal>{children}</Portal>}\n        >\n          <Popper\n            anchorEl={comboBoxRef.current}\n            open={open}\n            placement=\"bottom\"\n            style={{\n              zIndex: 10,\n              width: comboBoxRef.current?.clientWidth,\n            }}\n            ref={wrapperRef}\n            strategy=\"fixed\"\n          >\n            <RemoveScroll noIsolation allowPinchZoom>\n              <StyledComboBoxList\n                $width={comboBoxRef.current?.clientWidth}\n                $hide={!showMenu}\n              >\n                <Autocomplete\n                  {...prop}\n                  inputEl={childNode}\n                  selected={selected}\n                  handleChange={handleChange}\n                  renderOption={handleRenderOption}\n                  options={options}\n                  type={type}\n                  handleEmptyAction={emptyAction}\n                  defaultValue={defaultValue}\n                />\n              </StyledComboBoxList>\n            </RemoveScroll>\n          </Popper>\n        </ConditionalWrapper>\n      ) : null}\n    </div>\n  );\n};\n\nComboBox.displayName = \"ComboBox\";\n"],"mappings":"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"}