@activecollab/components 2.0.304 → 2.0.305

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

@@ -37,41 +37,50 @@ const sizeMap = {
 };
 export const ComboBox = _ref => {
   var _comboBoxRef$current2, _comboBoxRef$current3;
-  let {
-      options = [],
-      selected,
-      loading = false,
-      loadingText,
-      onChange,
-      onInputChange,
-      placeholder,
-      handleEmptyAction,
-      disabled = false,
-      size = "regular",
-      invalid = false,
-      type = "single",
-      renderChip,
-      forceCloseMenu = type === "single",
-      renderOption,
-      limitChips = 2,
-      hiddenNumberText,
-      inPortal = false,
-      inputWrapperClassName,
-      scrollWrapper,
-      onClose,
-      onClear,
-      onDeselect,
-      defaultValue,
-      open: defaultOpen = false,
-      onOpen,
-      triggerMode,
-      noResultText,
-      emptyValue,
-      disableVirtualization,
-      hideClearButton = false,
-      errorMessage,
-      onCancel
-    } = _ref,
+  let _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    selected = _ref.selected,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    loadingText = _ref.loadingText,
+    onChange = _ref.onChange,
+    onInputChange = _ref.onInputChange,
+    placeholder = _ref.placeholder,
+    handleEmptyAction = _ref.handleEmptyAction,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "regular" : _ref$size,
+    _ref$invalid = _ref.invalid,
+    invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "single" : _ref$type,
+    renderChip = _ref.renderChip,
+    _ref$forceCloseMenu = _ref.forceCloseMenu,
+    forceCloseMenu = _ref$forceCloseMenu === void 0 ? type === "single" : _ref$forceCloseMenu,
+    renderOption = _ref.renderOption,
+    _ref$limitChips = _ref.limitChips,
+    limitChips = _ref$limitChips === void 0 ? 2 : _ref$limitChips,
+    hiddenNumberText = _ref.hiddenNumberText,
+    _ref$inPortal = _ref.inPortal,
+    inPortal = _ref$inPortal === void 0 ? false : _ref$inPortal,
+    inputWrapperClassName = _ref.inputWrapperClassName,
+    scrollWrapper = _ref.scrollWrapper,
+    onClose = _ref.onClose,
+    onClear = _ref.onClear,
+    onDeselect = _ref.onDeselect,
+    defaultValue = _ref.defaultValue,
+    _ref$open = _ref.open,
+    defaultOpen = _ref$open === void 0 ? false : _ref$open,
+    onOpen = _ref.onOpen,
+    triggerMode = _ref.triggerMode,
+    noResultText = _ref.noResultText,
+    emptyValue = _ref.emptyValue,
+    disableVirtualization = _ref.disableVirtualization,
+    _ref$hideClearButton = _ref.hideClearButton,
+    hideClearButton = _ref$hideClearButton === void 0 ? false : _ref$hideClearButton,
+    errorMessage = _ref.errorMessage,
+    onCancel = _ref.onCancel,
     prop = _objectWithoutPropertiesLoose(_ref, _excluded);
   const selectedName = useMemo(() => {
     let value = "";
@@ -95,8 +104,12 @@ export const ComboBox = _ref => {
     });
     return value;
   }, [options, selected]);
-  const [value, setValue] = useState(selectedName);
-  const [focused, setFocused] = useState(false);
+  const _useState = useState(selectedName),
+    value = _useState[0],
+    setValue = _useState[1];
+  const _useState2 = useState(false),
+    focused = _useState2[0],
+    setFocused = _useState2[1];
   const handleOnChange = useCallback(e => {
     setValue(e.target.value);
     onInputChange == null || onInputChange(e.target.value);
@@ -107,7 +120,9 @@ export const ComboBox = _ref => {
   const wrapperRef = useRef(null);
   const chipWrapper = useRef(null);
   const comboBoxRef = useRef(null);
-  const [open, setOpen] = useState(defaultOpen);
+  const _useState3 = useState(defaultOpen),
+    open = _useState3[0],
+    setOpen = _useState3[1];
   const isFirstRender = useIsFirstRender();
   useOnClickOutside(wrapperRef, e => {
     var _comboBoxRef$current;

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","names":["React","useCallback","useState","useEffect","useRef","useMemo","Fragment","RemoveScroll","classNames","StyledComboBoxCloseSmallIcon","StyledComboBoxCollapseExpandSingleIcon","StyledComboBoxInput","StyledComboBoxList","StyledChipWrapper","StyledInfoIcon","StyledInfoSmallIcon","Portal","ConditionalWrapper","useIsFirstRender","useOnClickOutside","useForkRef","Autocomplete","isOptionGroup","Avatar","Checkbox","Chip","IconButton","InputAdornment","StyledInput","StyledInputWrapper","SpinnerLoader","MultiAvatar","Popper","RadioButton","OptionContent","Tooltip","Trigger","Typography","sizeMap","small","regular","big","biggest","ComboBox","_ref","_comboBoxRef$current2","_comboBoxRef$current3","options","selected","loading","loadingText","onChange","onInputChange","placeholder","handleEmptyAction","disabled","size","invalid","type","renderChip","forceCloseMenu","renderOption","limitChips","hiddenNumberText","inPortal","inputWrapperClassName","scrollWrapper","onClose","onClear","onDeselect","defaultValue","open","defaultOpen","onOpen","triggerMode","noResultText","emptyValue","disableVirtualization","hideClearButton","errorMessage","onCancel","prop","_objectWithoutPropertiesLoose","_excluded","selectedName","value","map","v","find","q","id","name","setValue","focused","setFocused","handleOnChange","e","target","childNode","elementRef","handleRef","wrapperRef","chipWrapper","comboBoxRef","setOpen","isFirstRender","_comboBoxRef$current","current","contains","handleOnKeyDown","key","stopPropagation","emptyAction","handleChange","selectedValue","handleOpen","handleRenderOption","option","props","createElement","imageUrl","image","color","textColor","handleDeselect","handleMouseDown","preventDefault","handleBlur","_wrapperRef$current","relatedTarget","renderChipAdornment","index","avatarProps","startAdornment","_StyledAvatar","_extends","url","$_css","$_css2","undefined","Array","isArray","includes","newSelected","filter","item","showOnClose","className","label","backgroundColor","chipColor","autoSize","length","elements","total","forEach","isGrouped","push","groupedOptions","o","_index","hidden","splice","_StyledTypography","variant","optionItem","child","avatarSize","showXIcon","hasSelected","showMenu","hasOptions","valueExists","toString","isValueInOptions","some","_StyledStyledInputWrapper","$disabled","$size","$invalid","ref","$mode","onClick","_elementRef$current","click","$_css3","$_css4","_StyledStyledChipWrapper","$autoSize","$open","$_css5","onBlur","onFocus","matches","_error","onKeyDown","$loading","style","display","flex","alignSelf","width","_StyledTrigger","onMouseDown","tabIndex","title","wrapperClick","mode","wrapRef","endAdornment","disablePointerEvents","condition","wrap","children","anchorEl","placement","zIndex","clientWidth","strategy","noIsolation","allowPinchZoom","$width","$hide","inputEl","displayName","_styled","_templateObject","_taggedTemplateLiteralLoose","p","_styled2","_templateObject2","_styled3","_templateObject3","_styled4","_templateObject4","_styled5","withConfig","componentId"],"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 { RemoveScroll } from \"react-remove-scroll\";\n\nimport classNames from \"classnames\";\nimport tw from \"twin.macro\";\n\nimport {\n  StyledComboBoxCloseSmallIcon,\n  StyledComboBoxCollapseExpandSingleIcon,\n  StyledComboBoxInput,\n  StyledComboBoxList,\n  StyledChipWrapper,\n  StyledInfoIcon,\n  StyledInfoSmallIcon,\n} from \"./Styles\";\nimport { Portal } from \"../../helpers\";\nimport { ConditionalWrapper } from \"../../helpers/ConditionWrapper/ConditionWrapper\";\nimport { useIsFirstRender } from \"../../hooks/useIsFirstRender\";\nimport { useOnClickOutside } from \"../../hooks/useOnClickOutside\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport {\n  IAutocompleteProps,\n  isOptionGroup,\n} from \"../Autocomplete/Autocomplete\";\nimport { Avatar, AvatarProps } from \"../Avatar\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Chip } from \"../Chip\";\nimport { IconButton } from \"../IconButton\";\nimport { InputAdornment } from \"../Input/InputAdornment\";\nimport { StyledInput, StyledInputWrapper } from \"../Input/Styles\";\nimport { InputMode, InputSize } from \"../Input/types\";\nimport { SpinnerLoader } from \"../Loaders/Spinner/SpinnerLoader\";\nimport { MultiAvatar } from \"../MultiAvatar\";\nimport { Popper } from \"../Popper\";\nimport { RadioButton } from \"../RadioButton\";\nimport { IOptionGroupProps, IOptionItemProps } from \"../Select\";\nimport { OptionContent } from \"../Select/OptionContent/OptionContent\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Trigger } from \"../Trigger\";\nimport { Typography } from \"../Typography/Typography\";\n\nconst sizeMap = {\n  small: 18,\n  regular: 24,\n  big: 30,\n  biggest: 40,\n};\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  /** onInputChange callback */\n  onInputChange?: (text: string) => 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 closes */\n  onClose?: () => void;\n  /** onOpen (f) will be called when Popper opens */\n  onOpen?: () => void;\n  /** onClear (f) will be called when user clear input on X icon*/\n  onClear?: () => void;\n  onCancel?: (value?: string) => void;\n  onDeselect?: () => void;\n  /** Open state */\n  open?: boolean;\n  /** Trigger mode */\n  triggerMode?: InputMode;\n  /** Hide clear button */\n  hideClearButton?: boolean;\n  /** Error message to display */\n  errorMessage?: string;\n}\n\nexport const ComboBox: FC<IComboBoxProps> = ({\n  options = [],\n  selected,\n  loading = false,\n  loadingText,\n  onChange,\n  onInputChange,\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  open: defaultOpen = false,\n  onOpen,\n  triggerMode,\n  noResultText,\n  emptyValue,\n  disableVirtualization,\n  hideClearButton = false,\n  errorMessage,\n  onCancel,\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(\n    (e) => {\n      setValue(e.target.value);\n      onInputChange?.(e.target.value);\n    },\n    [onInputChange]\n  );\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(defaultOpen);\n  const isFirstRender = useIsFirstRender();\n\n  useOnClickOutside(wrapperRef, (e) => {\n    if (e.target && comboBoxRef.current?.contains(e.target as Node)) {\n      return;\n    }\n    onCancel?.(selectedName);\n    setOpen(false);\n  });\n\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Tab\" && open) {\n        setOpen(false);\n      }\n\n      if (e.key === \"Escape\" && open) {\n        setOpen(false);\n        setValue(selectedName);\n        onCancel?.(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        onOpen?.();\n      }\n    },\n    [focused, onCancel, onOpen, open, selectedName, type]\n  );\n\n  useEffect(() => {\n    if (!open && !isFirstRender) {\n      onClose?.();\n    }\n  }, [open, onClose, isFirstRender]);\n\n  useEffect(() => {\n    setValue(selectedName);\n  }, [selectedName]);\n\n  useEffect(() => {\n    if (open !== defaultOpen) setOpen(defaultOpen);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [defaultOpen]);\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      setValue(\"\");\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n    },\n    [forceCloseMenu, onChange, selected]\n  );\n\n  const handleOpen = useCallback(() => {\n    if (!disabled) {\n      setOpen(true);\n      onOpen?.();\n    }\n  }, [disabled, onOpen]);\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    (e) => {\n      if (\n        e.relatedTarget &&\n        wrapperRef.current?.contains(e.relatedTarget as Node)\n      ) {\n        return;\n      }\n      setValue(selectedName);\n      setFocused(false);\n    },\n    [selectedName]\n  );\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 startAdornment = 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          startAdornment={startAdornment}\n          label={option.name}\n          key={index}\n          backgroundColor={option.color}\n          color={option.chipColor}\n          onClose={showOnClose ? onClose : undefined}\n          size={size}\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) &&\n    type === \"multiple\" &&\n    selected.length > 0 &&\n    !hideClearButton;\n\n  const hasSelected =\n    type === \"multiple\" && Array.isArray(selected) && selected.length > 0;\n\n  const showMenu = useMemo(() => {\n    const hasOptions = options?.length > 0;\n\n    const valueExists = (option: IOptionItemProps) =>\n      (option.id.toString().includes(value) || option.name.includes(value)) &&\n      !option?.hidden;\n\n    const isValueInOptions = options?.some((option) =>\n      isOptionGroup(option)\n        ? option.options.some(valueExists)\n        : valueExists(option)\n    );\n    return (\n      (hasOptions && (!!defaultValue || !value)) ||\n      (value &&\n        (isValueInOptions ||\n          (emptyValue && !!handleEmptyAction) ||\n          noResultText))\n    );\n  }, [\n    defaultValue,\n    emptyValue,\n    handleEmptyAction,\n    noResultText,\n    options,\n    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            $mode={triggerMode}\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            `}\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              css={`\n                max-height: ${autoSize === \"auto\" && scrollWrapper\n                  ? sizeMap[size] * 3 + 8 + \"px\"\n                  : undefined};\n              `}\n            >\n              {startAdornment}\n              <StyledInput\n                className=\"c-combo-box-input\"\n                onBlur={handleBlur}\n                onFocus={(e) => {\n                  try {\n                    if (e.target.matches(\":focus-visible\")) {\n                      setOpen(true);\n                      onOpen?.();\n                    }\n                    // eslint-disable-next-line no-empty\n                  } catch (_error) {}\n                  setFocused(true);\n                }}\n                onClick={handleOpen}\n                ref={handleRef}\n                value={loading && loadingText ? loadingText : value}\n                onKeyDown={handleOnKeyDown}\n                onChange={handleOnChange}\n                placeholder={!hasSelected ? placeholder : undefined}\n                $mode={triggerMode}\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                        tabIndex={-1}\n                        css={`\n                          display: flex;\n                          justify-content: center;\n                        `}\n                      >\n                        <StyledComboBoxCloseSmallIcon />\n                      </Trigger>\n                    )}\n                    {invalid && errorMessage && (\n                      <Tooltip title={errorMessage}>\n                        {size === \"regular\" ? (\n                          <StyledInfoSmallIcon />\n                        ) : (\n                          <StyledInfoIcon />\n                        )}\n                      </Tooltip>\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={handleOpen}\n          onFocus={(e) => {\n            if (e.target.matches(\":focus-visible\")) {\n              setOpen(true);\n              onOpen?.();\n            }\n            setFocused(true);\n          }}\n          onClick={handleOpen}\n          mode={triggerMode}\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 && <SpinnerLoader />}\n                {!loading && selected && !hideClearButton ? (\n                  <IconButton\n                    onMouseDown={handleMouseDown}\n                    onClick={handleDeselect}\n                    variant=\"text gray\"\n                    size=\"small\"\n                    tabIndex={-1}\n                  >\n                    <StyledComboBoxCloseSmallIcon />\n                  </IconButton>\n                ) : null}\n                {invalid && errorMessage && (\n                  <Tooltip title={errorMessage}>\n                    {size === \"regular\" ? (\n                      <StyledInfoSmallIcon />\n                    ) : (\n                      <StyledInfoIcon />\n                    )}\n                  </Tooltip>\n                )}\n                {showMenu && (\n                  <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n                )}\n              </InputAdornment>\n            ) : null\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                className=\"c-combo-box--list\"\n                $width={comboBoxRef.current?.clientWidth}\n                $hide={!showMenu}\n              >\n                <Autocomplete\n                  {...prop}\n                  emptyValue={emptyValue}\n                  noResultText={noResultText}\n                  inputEl={childNode}\n                  selected={selected}\n                  handleChange={handleChange}\n                  renderOption={handleRenderOption}\n                  options={options}\n                  type={type}\n                  defaultValue={defaultValue}\n                  handleEmptyAction={emptyAction}\n                  disableVirtualization={disableVirtualization}\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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","ignoreList":[]}
+{"version":3,"file":"ComboBox.js","names":["React","useCallback","useState","useEffect","useRef","useMemo","Fragment","RemoveScroll","classNames","StyledComboBoxCloseSmallIcon","StyledComboBoxCollapseExpandSingleIcon","StyledComboBoxInput","StyledComboBoxList","StyledChipWrapper","StyledInfoIcon","StyledInfoSmallIcon","Portal","ConditionalWrapper","useIsFirstRender","useOnClickOutside","useForkRef","Autocomplete","isOptionGroup","Avatar","Checkbox","Chip","IconButton","InputAdornment","StyledInput","StyledInputWrapper","SpinnerLoader","MultiAvatar","Popper","RadioButton","OptionContent","Tooltip","Trigger","Typography","sizeMap","small","regular","big","biggest","ComboBox","_ref","_comboBoxRef$current2","_comboBoxRef$current3","_ref$options","options","selected","_ref$loading","loading","loadingText","onChange","onInputChange","placeholder","handleEmptyAction","_ref$disabled","disabled","_ref$size","size","_ref$invalid","invalid","_ref$type","type","renderChip","_ref$forceCloseMenu","forceCloseMenu","renderOption","_ref$limitChips","limitChips","hiddenNumberText","_ref$inPortal","inPortal","inputWrapperClassName","scrollWrapper","onClose","onClear","onDeselect","defaultValue","_ref$open","open","defaultOpen","onOpen","triggerMode","noResultText","emptyValue","disableVirtualization","_ref$hideClearButton","hideClearButton","errorMessage","onCancel","prop","_objectWithoutPropertiesLoose","_excluded","selectedName","value","map","v","find","q","id","name","_useState","setValue","_useState2","focused","setFocused","handleOnChange","e","target","childNode","elementRef","handleRef","wrapperRef","chipWrapper","comboBoxRef","_useState3","setOpen","isFirstRender","_comboBoxRef$current","current","contains","handleOnKeyDown","key","stopPropagation","emptyAction","handleChange","selectedValue","handleOpen","handleRenderOption","option","props","createElement","imageUrl","image","color","textColor","handleDeselect","handleMouseDown","preventDefault","handleBlur","_wrapperRef$current","relatedTarget","renderChipAdornment","index","avatarProps","startAdornment","_StyledAvatar","_extends","url","$_css","$_css2","undefined","Array","isArray","includes","newSelected","filter","item","showOnClose","className","label","backgroundColor","chipColor","autoSize","length","elements","total","forEach","isGrouped","push","groupedOptions","o","_index","hidden","splice","_StyledTypography","variant","optionItem","child","avatarSize","showXIcon","hasSelected","showMenu","hasOptions","valueExists","toString","isValueInOptions","some","_StyledStyledInputWrapper","$disabled","$size","$invalid","ref","$mode","onClick","_elementRef$current","click","$_css3","$_css4","_StyledStyledChipWrapper","$autoSize","$open","$_css5","onBlur","onFocus","matches","_error","onKeyDown","$loading","style","display","flex","alignSelf","width","_StyledTrigger","onMouseDown","tabIndex","title","wrapperClick","mode","wrapRef","endAdornment","disablePointerEvents","condition","wrap","children","anchorEl","placement","zIndex","clientWidth","strategy","noIsolation","allowPinchZoom","$width","$hide","inputEl","displayName","_styled","_templateObject","_taggedTemplateLiteralLoose","p","_styled2","_templateObject2","_styled3","_templateObject3","_styled4","_templateObject4","_styled5","withConfig","componentId"],"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 { RemoveScroll } from \"react-remove-scroll\";\n\nimport classNames from \"classnames\";\nimport tw from \"twin.macro\";\n\nimport {\n  StyledComboBoxCloseSmallIcon,\n  StyledComboBoxCollapseExpandSingleIcon,\n  StyledComboBoxInput,\n  StyledComboBoxList,\n  StyledChipWrapper,\n  StyledInfoIcon,\n  StyledInfoSmallIcon,\n} from \"./Styles\";\nimport { Portal } from \"../../helpers\";\nimport { ConditionalWrapper } from \"../../helpers/ConditionWrapper/ConditionWrapper\";\nimport { useIsFirstRender } from \"../../hooks/useIsFirstRender\";\nimport { useOnClickOutside } from \"../../hooks/useOnClickOutside\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport {\n  IAutocompleteProps,\n  isOptionGroup,\n} from \"../Autocomplete/Autocomplete\";\nimport { Avatar, AvatarProps } from \"../Avatar\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Chip } from \"../Chip\";\nimport { IconButton } from \"../IconButton\";\nimport { InputAdornment } from \"../Input/InputAdornment\";\nimport { StyledInput, StyledInputWrapper } from \"../Input/Styles\";\nimport { InputMode, InputSize } from \"../Input/types\";\nimport { SpinnerLoader } from \"../Loaders/Spinner/SpinnerLoader\";\nimport { MultiAvatar } from \"../MultiAvatar\";\nimport { Popper } from \"../Popper\";\nimport { RadioButton } from \"../RadioButton\";\nimport { IOptionGroupProps, IOptionItemProps } from \"../Select\";\nimport { OptionContent } from \"../Select/OptionContent/OptionContent\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Trigger } from \"../Trigger\";\nimport { Typography } from \"../Typography/Typography\";\n\nconst sizeMap = {\n  small: 18,\n  regular: 24,\n  big: 30,\n  biggest: 40,\n};\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  /** onInputChange callback */\n  onInputChange?: (text: string) => 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 closes */\n  onClose?: () => void;\n  /** onOpen (f) will be called when Popper opens */\n  onOpen?: () => void;\n  /** onClear (f) will be called when user clear input on X icon*/\n  onClear?: () => void;\n  onCancel?: (value?: string) => void;\n  onDeselect?: () => void;\n  /** Open state */\n  open?: boolean;\n  /** Trigger mode */\n  triggerMode?: InputMode;\n  /** Hide clear button */\n  hideClearButton?: boolean;\n  /** Error message to display */\n  errorMessage?: string;\n}\n\nexport const ComboBox: FC<IComboBoxProps> = ({\n  options = [],\n  selected,\n  loading = false,\n  loadingText,\n  onChange,\n  onInputChange,\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  open: defaultOpen = false,\n  onOpen,\n  triggerMode,\n  noResultText,\n  emptyValue,\n  disableVirtualization,\n  hideClearButton = false,\n  errorMessage,\n  onCancel,\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(\n    (e) => {\n      setValue(e.target.value);\n      onInputChange?.(e.target.value);\n    },\n    [onInputChange]\n  );\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(defaultOpen);\n  const isFirstRender = useIsFirstRender();\n\n  useOnClickOutside(wrapperRef, (e) => {\n    if (e.target && comboBoxRef.current?.contains(e.target as Node)) {\n      return;\n    }\n    onCancel?.(selectedName);\n    setOpen(false);\n  });\n\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Tab\" && open) {\n        setOpen(false);\n      }\n\n      if (e.key === \"Escape\" && open) {\n        setOpen(false);\n        setValue(selectedName);\n        onCancel?.(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        onOpen?.();\n      }\n    },\n    [focused, onCancel, onOpen, open, selectedName, type]\n  );\n\n  useEffect(() => {\n    if (!open && !isFirstRender) {\n      onClose?.();\n    }\n  }, [open, onClose, isFirstRender]);\n\n  useEffect(() => {\n    setValue(selectedName);\n  }, [selectedName]);\n\n  useEffect(() => {\n    if (open !== defaultOpen) setOpen(defaultOpen);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [defaultOpen]);\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      setValue(\"\");\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n    },\n    [forceCloseMenu, onChange, selected]\n  );\n\n  const handleOpen = useCallback(() => {\n    if (!disabled) {\n      setOpen(true);\n      onOpen?.();\n    }\n  }, [disabled, onOpen]);\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    (e) => {\n      if (\n        e.relatedTarget &&\n        wrapperRef.current?.contains(e.relatedTarget as Node)\n      ) {\n        return;\n      }\n      setValue(selectedName);\n      setFocused(false);\n    },\n    [selectedName]\n  );\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 startAdornment = 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          startAdornment={startAdornment}\n          label={option.name}\n          key={index}\n          backgroundColor={option.color}\n          color={option.chipColor}\n          onClose={showOnClose ? onClose : undefined}\n          size={size}\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) &&\n    type === \"multiple\" &&\n    selected.length > 0 &&\n    !hideClearButton;\n\n  const hasSelected =\n    type === \"multiple\" && Array.isArray(selected) && selected.length > 0;\n\n  const showMenu = useMemo(() => {\n    const hasOptions = options?.length > 0;\n\n    const valueExists = (option: IOptionItemProps) =>\n      (option.id.toString().includes(value) || option.name.includes(value)) &&\n      !option?.hidden;\n\n    const isValueInOptions = options?.some((option) =>\n      isOptionGroup(option)\n        ? option.options.some(valueExists)\n        : valueExists(option)\n    );\n    return (\n      (hasOptions && (!!defaultValue || !value)) ||\n      (value &&\n        (isValueInOptions ||\n          (emptyValue && !!handleEmptyAction) ||\n          noResultText))\n    );\n  }, [\n    defaultValue,\n    emptyValue,\n    handleEmptyAction,\n    noResultText,\n    options,\n    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            $mode={triggerMode}\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            `}\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              css={`\n                max-height: ${autoSize === \"auto\" && scrollWrapper\n                  ? sizeMap[size] * 3 + 8 + \"px\"\n                  : undefined};\n              `}\n            >\n              {startAdornment}\n              <StyledInput\n                className=\"c-combo-box-input\"\n                onBlur={handleBlur}\n                onFocus={(e) => {\n                  try {\n                    if (e.target.matches(\":focus-visible\")) {\n                      setOpen(true);\n                      onOpen?.();\n                    }\n                    // eslint-disable-next-line no-empty\n                  } catch (_error) {}\n                  setFocused(true);\n                }}\n                onClick={handleOpen}\n                ref={handleRef}\n                value={loading && loadingText ? loadingText : value}\n                onKeyDown={handleOnKeyDown}\n                onChange={handleOnChange}\n                placeholder={!hasSelected ? placeholder : undefined}\n                $mode={triggerMode}\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                        tabIndex={-1}\n                        css={`\n                          display: flex;\n                          justify-content: center;\n                        `}\n                      >\n                        <StyledComboBoxCloseSmallIcon />\n                      </Trigger>\n                    )}\n                    {invalid && errorMessage && (\n                      <Tooltip title={errorMessage}>\n                        {size === \"regular\" ? (\n                          <StyledInfoSmallIcon />\n                        ) : (\n                          <StyledInfoIcon />\n                        )}\n                      </Tooltip>\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={handleOpen}\n          onFocus={(e) => {\n            if (e.target.matches(\":focus-visible\")) {\n              setOpen(true);\n              onOpen?.();\n            }\n            setFocused(true);\n          }}\n          onClick={handleOpen}\n          mode={triggerMode}\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 && <SpinnerLoader />}\n                {!loading && selected && !hideClearButton ? (\n                  <IconButton\n                    onMouseDown={handleMouseDown}\n                    onClick={handleDeselect}\n                    variant=\"text gray\"\n                    size=\"small\"\n                    tabIndex={-1}\n                  >\n                    <StyledComboBoxCloseSmallIcon />\n                  </IconButton>\n                ) : null}\n                {invalid && errorMessage && (\n                  <Tooltip title={errorMessage}>\n                    {size === \"regular\" ? (\n                      <StyledInfoSmallIcon />\n                    ) : (\n                      <StyledInfoIcon />\n                    )}\n                  </Tooltip>\n                )}\n                {showMenu && (\n                  <StyledComboBoxCollapseExpandSingleIcon $open={open} />\n                )}\n              </InputAdornment>\n            ) : null\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                className=\"c-combo-box--list\"\n                $width={comboBoxRef.current?.clientWidth}\n                $hide={!showMenu}\n              >\n                <Autocomplete\n                  {...prop}\n                  emptyValue={emptyValue}\n                  noResultText={noResultText}\n                  inputEl={childNode}\n                  selected={selected}\n                  handleChange={handleChange}\n                  renderOption={handleRenderOption}\n                  options={options}\n                  type={type}\n                  defaultValue={defaultValue}\n                  handleEmptyAction={emptyAction}\n                  disableVirtualization={disableVirtualization}\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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","ignoreList":[]}

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

@@ -22,9 +22,7 @@ export const StyledComboBoxList = styled.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:", ";", ""], props => props.$width + "px", _ref => {
-  let {
-    $hide
-  } = _ref;
+  let $hide = _ref.$hide;
   return $hide === true && css(["display:none;"]);
 });
 StyledComboBoxList.displayName = "StyledComboBoxList";
@@ -38,23 +36,17 @@ export const StyledChipWrapper = styled.div.withConfig({
 }, {
   "flex": "1 1 0%"
 }, _ref2 => {
-  let {
-    $open
-  } = _ref2;
+  let $open = _ref2.$open;
   return !$open && css(["overflow:hidden;"]);
 }, _ref3 => {
-  let {
-    $autoSize
-  } = _ref3;
+  let $autoSize = _ref3.$autoSize;
   return $autoSize === "auto" && css(["", ";", ";"], {
     "flexWrap": "wrap"
   }, {
     "width": "100%"
   });
 }, _ref4 => {
-  let {
-    $autoSize
-  } = _ref4;
+  let $autoSize = _ref4.$autoSize;
   return $autoSize !== "auto" && css(["align-items:center;"]);
 });
 StyledChipWrapper.displayName = "StyledChipWrapper";

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","CollapseExpandSingleIcon","CloseSmallIcon","InfoIcon","InfoSmallIcon","Input","StyledInputWrapper","StyledComboBoxInput","withConfig","displayName","componentId","StyledIconDefaults","StyledComboBoxCollapseExpandSingleIcon","props","$open","StyledComboBoxCloseSmallIcon","StyledComboBoxList","div","$width","_ref","$hide","StyledChipWrapper","_ref2","_ref3","$autoSize","_ref4","StyledInfoIcon","StyledInfoSmallIcon"],"sources":["../../../../src/components/ComboBox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n  CollapseExpandSingleIcon,\n  CloseSmallIcon,\n  InfoIcon,\n  InfoSmallIcon,\n} from \"../Icons/collection\";\nimport { Input } from \"../Input/Input\";\nimport { StyledInputWrapper } from \"../Input/Styles\";\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\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  ${({ $open }) =>\n    !$open &&\n    css`\n      overflow: hidden;\n    `}\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\nexport const StyledInfoIcon = styled(InfoIcon)`\n  ${tw`tw-cursor-help tw-fill-alert`}\n`;\n\nStyledInfoIcon.displayName = \"StyledInfoIcon\";\n\nexport const StyledInfoSmallIcon = styled(InfoSmallIcon)`\n  ${tw`tw-cursor-help tw-fill-alert`}\n`;\n\nStyledInfoSmallIcon.displayName = \"StyledInfoSmallIcon\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SACEC,wBAAwB,EACxBC,cAAc,EACdC,QAAQ,EACRC,aAAa,QACR,qBAAqB;AAC5B,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,kBAAkB,QAAQ,iBAAiB;AAEpD,OAAO,MAAMC,mBAAmB,GAAGR,MAAM,CAACM,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0DAI/C;AAEDH,mBAAmB,CAACE,WAAW,GAAG,qBAAqB;AAEvD,MAAME,kBAAkB,GAAGX,GAAG,mCAG7B;AAED,OAAO,MAAMY,sCAAsC,GAAGb,MAAM,CAC1DE,wBACF,CAAC,CAAAO,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wEACGC,kBAAkB,EAIjBE,KAAK,IACNA,KAAK,CAACC,KAAK,IACXd,GAAG,6BAEF,CACJ;AAEDY,sCAAsC,CAACH,WAAW,GAChD,wCAAwC;AAE1C,OAAO,MAAMM,4BAA4B,GAAGhB,MAAM,CAACG,cAAc,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sJAC9DC,kBAAkB,EAMlBJ,mBAAmB,EAAWD,kBAAkB,CAInD;AAEDS,4BAA4B,CAACN,WAAW,GAAG,8BAA8B;AAEzE,OAAO,MAAMO,kBAAkB,GAAGjB,MAAM,CAACkB,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wLAUhCG,KAAK,IAAQA,KAAK,CAACK,MAAM,OAAI,EAErCC,IAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAAA,OACVC,KAAK,KAAK,IAAI,IACdpB,GAAG,mBAEF;AAAA,EACJ;AAEDgB,kBAAkB,CAACP,WAAW,GAAG,oBAAoB;AAErD,OAAO,MAAMY,iBAAiB,GAAGtB,MAAM,CAACkB,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sCAIrC;EAAA;AAAQ,CAAC,EACT;EAAA;AAAS,CAAC,EACV;EAAA;AAAU,CAAC,EAEbY,KAAA;EAAA,IAAC;IAAER;EAAM,CAAC,GAAAQ,KAAA;EAAA,OACV,CAACR,KAAK,IACNd,GAAG,sBAEF;AAAA,GAEDuB,KAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,KAAA;EAAA,OACdC,SAAS,KAAK,MAAM,IACpBxB,GAAG,iBACG;IAAA;EAAa,CAAC,EACd;IAAA;EAAU,CAAC,CAChB;AAAA,GAEDyB,KAAA;EAAA,IAAC;IAAED;EAAU,CAAC,GAAAC,KAAA;EAAA,OACdD,SAAS,KAAK,MAAM,IACpBxB,GAAG,yBAEF;AAAA,EACJ;AACDqB,iBAAiB,CAACZ,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMiB,cAAc,GAAG3B,MAAM,CAACI,QAAQ,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACxC;EAAA;EAAA;AAA6B,CAAC,CACnC;AAEDgB,cAAc,CAACjB,WAAW,GAAG,gBAAgB;AAE7C,OAAO,MAAMkB,mBAAmB,GAAG5B,MAAM,CAACK,aAAa,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAClD;EAAA;EAAA;AAA6B,CAAC,CACnC;AAEDiB,mBAAmB,CAAClB,WAAW,GAAG,qBAAqB","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["styled","css","CollapseExpandSingleIcon","CloseSmallIcon","InfoIcon","InfoSmallIcon","Input","StyledInputWrapper","StyledComboBoxInput","withConfig","displayName","componentId","StyledIconDefaults","StyledComboBoxCollapseExpandSingleIcon","props","$open","StyledComboBoxCloseSmallIcon","StyledComboBoxList","div","$width","_ref","$hide","StyledChipWrapper","_ref2","_ref3","$autoSize","_ref4","StyledInfoIcon","StyledInfoSmallIcon"],"sources":["../../../../src/components/ComboBox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n  CollapseExpandSingleIcon,\n  CloseSmallIcon,\n  InfoIcon,\n  InfoSmallIcon,\n} from \"../Icons/collection\";\nimport { Input } from \"../Input/Input\";\nimport { StyledInputWrapper } from \"../Input/Styles\";\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\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  ${({ $open }) =>\n    !$open &&\n    css`\n      overflow: hidden;\n    `}\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\nexport const StyledInfoIcon = styled(InfoIcon)`\n  ${tw`tw-cursor-help tw-fill-alert`}\n`;\n\nStyledInfoIcon.displayName = \"StyledInfoIcon\";\n\nexport const StyledInfoSmallIcon = styled(InfoSmallIcon)`\n  ${tw`tw-cursor-help tw-fill-alert`}\n`;\n\nStyledInfoSmallIcon.displayName = \"StyledInfoSmallIcon\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SACEC,wBAAwB,EACxBC,cAAc,EACdC,QAAQ,EACRC,aAAa,QACR,qBAAqB;AAC5B,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,kBAAkB,QAAQ,iBAAiB;AAEpD,OAAO,MAAMC,mBAAmB,GAAGR,MAAM,CAACM,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0DAI/C;AAEDH,mBAAmB,CAACE,WAAW,GAAG,qBAAqB;AAEvD,MAAME,kBAAkB,GAAGX,GAAG,mCAG7B;AAED,OAAO,MAAMY,sCAAsC,GAAGb,MAAM,CAC1DE,wBACF,CAAC,CAAAO,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wEACGC,kBAAkB,EAIjBE,KAAK,IACNA,KAAK,CAACC,KAAK,IACXd,GAAG,6BAEF,CACJ;AAEDY,sCAAsC,CAACH,WAAW,GAChD,wCAAwC;AAE1C,OAAO,MAAMM,4BAA4B,GAAGhB,MAAM,CAACG,cAAc,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sJAC9DC,kBAAkB,EAMlBJ,mBAAmB,EAAWD,kBAAkB,CAInD;AAEDS,4BAA4B,CAACN,WAAW,GAAG,8BAA8B;AAEzE,OAAO,MAAMO,kBAAkB,GAAGjB,MAAM,CAACkB,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wLAUhCG,KAAK,IAAQA,KAAK,CAACK,MAAM,OAAI,EAErCC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OACRA,KAAK,KAAK,IAAI,IACdpB,GAAG,mBAEF;AAAA,EACJ;AAEDgB,kBAAkB,CAACP,WAAW,GAAG,oBAAoB;AAErD,OAAO,MAAMY,iBAAiB,GAAGtB,MAAM,CAACkB,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sCAIrC;EAAA;AAAQ,CAAC,EACT;EAAA;AAAS,CAAC,EACV;EAAA;AAAU,CAAC,EAEbY,KAAA;EAAA,IAAGR,KAAK,GAAAQ,KAAA,CAALR,KAAK;EAAA,OACR,CAACA,KAAK,IACNd,GAAG,sBAEF;AAAA,GAEDuB,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZA,SAAS,KAAK,MAAM,IACpBxB,GAAG,iBACG;IAAA;EAAa,CAAC,EACd;IAAA;EAAU,CAAC,CAChB;AAAA,GAEDyB,KAAA;EAAA,IAAGD,SAAS,GAAAC,KAAA,CAATD,SAAS;EAAA,OACZA,SAAS,KAAK,MAAM,IACpBxB,GAAG,yBAEF;AAAA,EACJ;AACDqB,iBAAiB,CAACZ,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMiB,cAAc,GAAG3B,MAAM,CAACI,QAAQ,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACxC;EAAA;EAAA;AAA6B,CAAC,CACnC;AAEDgB,cAAc,CAACjB,WAAW,GAAG,gBAAgB;AAE7C,OAAO,MAAMkB,mBAAmB,GAAG5B,MAAM,CAACK,aAAa,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAClD;EAAA;EAAA;AAA6B,CAAC,CACnC;AAEDiB,mBAAmB,CAAClB,WAAW,GAAG,qBAAqB","ignoreList":[]}

package/dist/esm/components/CommandPalette/CommandPalette.js

@@ -11,17 +11,18 @@ import { ModeContextProvider, SelectedContextProvider, SearchContextProvider } f
 import { deepMap } from "../../utils/deepChildrenMap";
 import { Dialog } from "../Dialog";
 export const _CommandPalette = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      onChangeSearch,
-      search,
-      mode,
-      setMode,
-      loading,
-      idModeEnabled = false
-    } = _ref,
+  let children = _ref.children,
+    onChangeSearch = _ref.onChangeSearch,
+    search = _ref.search,
+    mode = _ref.mode,
+    setMode = _ref.setMode,
+    loading = _ref.loading,
+    _ref$idModeEnabled = _ref.idModeEnabled,
+    idModeEnabled = _ref$idModeEnabled === void 0 ? false : _ref$idModeEnabled,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const [selected, setSelected] = useState(0);
+  const _useState = useState(0),
+    selected = _useState[0],
+    setSelected = _useState[1];
   const listWrapperRef = useRef(null);
   const scrollToTop = () => {
     var _listWrapperRef$curre;

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPalette.js","names":["React","cloneElement","forwardRef","useMemo","useRef","useState","StyledCommandPalette","StyledCommandPaletteWrapper","CommandPaletteCommandItem","CommandPaletteHeader","CommandPaletteItem","CommandPaletteList","ModeContextProvider","SelectedContextProvider","SearchContextProvider","deepMap","Dialog","_CommandPalette","_ref","ref","children","onChangeSearch","search","mode","setMode","loading","idModeEnabled","rest","_objectWithoutPropertiesLoose","_excluded","selected","setSelected","listWrapperRef","scrollToTop","_listWrapperRef$curre","current","scrollTo","top","behavior","scrollToBottom","_listWrapperRef$curre2","scrollHeight","filterChildren","itemsLength","commandsLength","items","child","item","clonedElement","type","_extends","props","index","handleChangeSelected","direction","document","querySelectorAll","newIndex","newItem","forEach","_","i","length","scrollIntoView","block","createElement","animate","value","onKeyDown","e","key","preventDefault","displayName","CommandPalette","Object","assign","List","Item","CommandItem"],"sources":["../../../../src/components/CommandPalette/CommandPalette.tsx"],"sourcesContent":["import React, {\n  cloneElement,\n  forwardRef,\n  PropsWithChildren,\n  ReactElement,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  StyledCommandPalette,\n  StyledCommandPaletteWrapper,\n} from \"./CommandPalette.styles\";\nimport { CommandPaletteCommandItem } from \"./CommandPaletteCommandItem\";\nimport { CommandPaletteHeader } from \"./CommandPaletteHeader\";\nimport {\n  CommandPaletteItem,\n  CommandPaletteItemProps,\n} from \"./CommandPaletteItem\";\nimport { CommandPaletteList } from \"./CommandPaletteList\";\nimport {\n  ModeContextProvider,\n  SelectedContextProvider,\n  SearchContextProvider,\n} from \"./context\";\nimport { deepMap } from \"../../utils/deepChildrenMap\";\nimport { Dialog, DialogProps } from \"../Dialog\";\n\nexport interface SearchContext {\n  name: string;\n  class: string;\n}\n\nexport interface CommandPaletteProps extends DialogProps {\n  onChangeSearch: (search: string) => void;\n  search: string;\n  mode: string | SearchContext;\n  setMode: (value: string) => void;\n  loading?: boolean;\n  idModeEnabled?: boolean;\n}\n\nexport const _CommandPalette = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<CommandPaletteProps>\n>(\n  (\n    {\n      children,\n      onChangeSearch,\n      search,\n      mode,\n      setMode,\n      loading,\n      idModeEnabled = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const [selected, setSelected] = useState<number>(0);\n    const listWrapperRef = useRef<HTMLDivElement>(null);\n\n    const scrollToTop = () => {\n      listWrapperRef.current?.scrollTo({ top: 0, behavior: \"smooth\" });\n    };\n\n    const scrollToBottom = () => {\n      listWrapperRef.current?.scrollTo({\n        top: listWrapperRef.current.scrollHeight,\n        behavior: \"smooth\",\n      });\n    };\n\n    const filterChildren = useMemo(() => {\n      let itemsLength = 0;\n      let commandsLength = 0;\n\n      const items = deepMap(children, (child) => {\n        const item = child as ReactElement<CommandPaletteItemProps>;\n        let clonedElement;\n\n        if (item && item.type === CommandPaletteList) {\n          clonedElement = cloneElement(item, {\n            ...item.props,\n          });\n        }\n\n        if (item && item.type === CommandPaletteCommandItem) {\n          clonedElement = cloneElement(item, {\n            ...item.props,\n            index: itemsLength,\n            selected,\n          });\n\n          itemsLength++;\n          commandsLength++;\n        }\n\n        if (item && item.type === CommandPaletteItem) {\n          clonedElement = cloneElement(item, {\n            ...item.props,\n            index: itemsLength,\n            selected,\n          });\n\n          itemsLength++;\n        }\n\n        return clonedElement;\n      });\n\n      return { items, itemsLength, commandsLength };\n    }, [children, selected]);\n\n    const handleChangeSelected = (direction?: \"up\" | \"down\") => {\n      const items = document.querySelectorAll(\".cp-item\");\n\n      let index = 0;\n      let newIndex = 0;\n      let newItem: Element | null = null;\n\n      if (direction === \"down\") {\n        items.forEach((_, i) => {\n          if (i === selected) {\n            index = i;\n          }\n        });\n\n        newIndex = index === items.length - 1 ? 0 : index + 1;\n      } else if (direction === \"up\") {\n        items.forEach((_, i) => {\n          if (i === selected) {\n            index = i;\n          }\n        });\n\n        newIndex = !index ? items.length - 1 : index - 1;\n      } else {\n        setSelected(0);\n      }\n\n      newItem = items[newIndex];\n\n      if (newItem && typeof newIndex === \"number\") {\n        setSelected(newIndex);\n\n        newItem.scrollIntoView({\n          behavior: \"smooth\",\n          block: newIndex ? \"center\" : \"end\",\n        });\n      }\n    };\n\n    return (\n      <Dialog {...rest} ref={ref} animate=\"fade\">\n        <SearchContextProvider value={{ search, onChangeSearch }}>\n          <SelectedContextProvider value={{ selected: selected, setSelected }}>\n            <StyledCommandPalette\n              onKeyDown={(e) => {\n                if (e.key === \"ArrowDown\") {\n                  e.preventDefault();\n                  handleChangeSelected(\"down\");\n                }\n\n                if (e.key === \"ArrowUp\") {\n                  e.preventDefault();\n                  handleChangeSelected(\"up\");\n                }\n\n                if (e.key === \"End\") {\n                  e.preventDefault();\n                  scrollToBottom();\n                  setSelected(filterChildren.itemsLength - 1);\n                }\n\n                if (e.key === \"Home\") {\n                  e.preventDefault();\n                  scrollToTop();\n                  setSelected(0);\n                }\n              }}\n            >\n              <ModeContextProvider value={{ mode, setMode, idModeEnabled }}>\n                <CommandPaletteHeader\n                  commandsLength={filterChildren.commandsLength}\n                  itemsLength={filterChildren.itemsLength}\n                  loading={loading}\n                />\n              </ModeContextProvider>\n\n              <StyledCommandPaletteWrapper ref={listWrapperRef}>\n                {filterChildren.items}\n              </StyledCommandPaletteWrapper>\n            </StyledCommandPalette>\n          </SelectedContextProvider>\n        </SearchContextProvider>\n      </Dialog>\n    );\n  }\n);\n\n_CommandPalette.displayName = \"CommandPalette\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const CommandPalette = Object.assign({}, _CommandPalette, {\n  List: CommandPaletteList,\n  Item: CommandPaletteItem,\n  CommandItem: CommandPaletteCommandItem,\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CommandPalette.js","names":["React","cloneElement","forwardRef","useMemo","useRef","useState","StyledCommandPalette","StyledCommandPaletteWrapper","CommandPaletteCommandItem","CommandPaletteHeader","CommandPaletteItem","CommandPaletteList","ModeContextProvider","SelectedContextProvider","SearchContextProvider","deepMap","Dialog","_CommandPalette","_ref","ref","children","onChangeSearch","search","mode","setMode","loading","_ref$idModeEnabled","idModeEnabled","rest","_objectWithoutPropertiesLoose","_excluded","_useState","selected","setSelected","listWrapperRef","scrollToTop","_listWrapperRef$curre","current","scrollTo","top","behavior","scrollToBottom","_listWrapperRef$curre2","scrollHeight","filterChildren","itemsLength","commandsLength","items","child","item","clonedElement","type","_extends","props","index","handleChangeSelected","direction","document","querySelectorAll","newIndex","newItem","forEach","_","i","length","scrollIntoView","block","createElement","animate","value","onKeyDown","e","key","preventDefault","displayName","CommandPalette","Object","assign","List","Item","CommandItem"],"sources":["../../../../src/components/CommandPalette/CommandPalette.tsx"],"sourcesContent":["import React, {\n  cloneElement,\n  forwardRef,\n  PropsWithChildren,\n  ReactElement,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  StyledCommandPalette,\n  StyledCommandPaletteWrapper,\n} from \"./CommandPalette.styles\";\nimport { CommandPaletteCommandItem } from \"./CommandPaletteCommandItem\";\nimport { CommandPaletteHeader } from \"./CommandPaletteHeader\";\nimport {\n  CommandPaletteItem,\n  CommandPaletteItemProps,\n} from \"./CommandPaletteItem\";\nimport { CommandPaletteList } from \"./CommandPaletteList\";\nimport {\n  ModeContextProvider,\n  SelectedContextProvider,\n  SearchContextProvider,\n} from \"./context\";\nimport { deepMap } from \"../../utils/deepChildrenMap\";\nimport { Dialog, DialogProps } from \"../Dialog\";\n\nexport interface SearchContext {\n  name: string;\n  class: string;\n}\n\nexport interface CommandPaletteProps extends DialogProps {\n  onChangeSearch: (search: string) => void;\n  search: string;\n  mode: string | SearchContext;\n  setMode: (value: string) => void;\n  loading?: boolean;\n  idModeEnabled?: boolean;\n}\n\nexport const _CommandPalette = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<CommandPaletteProps>\n>(\n  (\n    {\n      children,\n      onChangeSearch,\n      search,\n      mode,\n      setMode,\n      loading,\n      idModeEnabled = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const [selected, setSelected] = useState<number>(0);\n    const listWrapperRef = useRef<HTMLDivElement>(null);\n\n    const scrollToTop = () => {\n      listWrapperRef.current?.scrollTo({ top: 0, behavior: \"smooth\" });\n    };\n\n    const scrollToBottom = () => {\n      listWrapperRef.current?.scrollTo({\n        top: listWrapperRef.current.scrollHeight,\n        behavior: \"smooth\",\n      });\n    };\n\n    const filterChildren = useMemo(() => {\n      let itemsLength = 0;\n      let commandsLength = 0;\n\n      const items = deepMap(children, (child) => {\n        const item = child as ReactElement<CommandPaletteItemProps>;\n        let clonedElement;\n\n        if (item && item.type === CommandPaletteList) {\n          clonedElement = cloneElement(item, {\n            ...item.props,\n          });\n        }\n\n        if (item && item.type === CommandPaletteCommandItem) {\n          clonedElement = cloneElement(item, {\n            ...item.props,\n            index: itemsLength,\n            selected,\n          });\n\n          itemsLength++;\n          commandsLength++;\n        }\n\n        if (item && item.type === CommandPaletteItem) {\n          clonedElement = cloneElement(item, {\n            ...item.props,\n            index: itemsLength,\n            selected,\n          });\n\n          itemsLength++;\n        }\n\n        return clonedElement;\n      });\n\n      return { items, itemsLength, commandsLength };\n    }, [children, selected]);\n\n    const handleChangeSelected = (direction?: \"up\" | \"down\") => {\n      const items = document.querySelectorAll(\".cp-item\");\n\n      let index = 0;\n      let newIndex = 0;\n      let newItem: Element | null = null;\n\n      if (direction === \"down\") {\n        items.forEach((_, i) => {\n          if (i === selected) {\n            index = i;\n          }\n        });\n\n        newIndex = index === items.length - 1 ? 0 : index + 1;\n      } else if (direction === \"up\") {\n        items.forEach((_, i) => {\n          if (i === selected) {\n            index = i;\n          }\n        });\n\n        newIndex = !index ? items.length - 1 : index - 1;\n      } else {\n        setSelected(0);\n      }\n\n      newItem = items[newIndex];\n\n      if (newItem && typeof newIndex === \"number\") {\n        setSelected(newIndex);\n\n        newItem.scrollIntoView({\n          behavior: \"smooth\",\n          block: newIndex ? \"center\" : \"end\",\n        });\n      }\n    };\n\n    return (\n      <Dialog {...rest} ref={ref} animate=\"fade\">\n        <SearchContextProvider value={{ search, onChangeSearch }}>\n          <SelectedContextProvider value={{ selected: selected, setSelected }}>\n            <StyledCommandPalette\n              onKeyDown={(e) => {\n                if (e.key === \"ArrowDown\") {\n                  e.preventDefault();\n                  handleChangeSelected(\"down\");\n                }\n\n                if (e.key === \"ArrowUp\") {\n                  e.preventDefault();\n                  handleChangeSelected(\"up\");\n                }\n\n                if (e.key === \"End\") {\n                  e.preventDefault();\n                  scrollToBottom();\n                  setSelected(filterChildren.itemsLength - 1);\n                }\n\n                if (e.key === \"Home\") {\n                  e.preventDefault();\n                  scrollToTop();\n                  setSelected(0);\n                }\n              }}\n            >\n              <ModeContextProvider value={{ mode, setMode, idModeEnabled }}>\n                <CommandPaletteHeader\n                  commandsLength={filterChildren.commandsLength}\n                  itemsLength={filterChildren.itemsLength}\n                  loading={loading}\n                />\n              </ModeContextProvider>\n\n              <StyledCommandPaletteWrapper ref={listWrapperRef}>\n                {filterChildren.items}\n              </StyledCommandPaletteWrapper>\n            </StyledCommandPalette>\n          </SelectedContextProvider>\n        </SearchContextProvider>\n      </Dialog>\n    );\n  }\n);\n\n_CommandPalette.displayName = \"CommandPalette\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const CommandPalette = Object.assign({}, _CommandPalette, {\n  List: CommandPaletteList,\n  Item: CommandPaletteItem,\n  CommandItem: CommandPaletteCommandItem,\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/CommandPalette/CommandPalette.styles.js

@@ -48,14 +48,10 @@ export const StyledCommandPaletteItem = styled.a.withConfig({
   displayName: "CommandPalettestyles__StyledCommandPaletteItem",
   componentId: "sc-na3mad-10"
 })(["align-items:center;cursor:pointer;display:flex;padding-bottom:12px;padding-left:18px;padding-right:18px;padding-top:12px;position:relative;background-color:", ";&:focus{background-color:var(--color-theme-200);}&::before{display:", ";background-color:var(--color-primary);content:\"\";height:100%;left:0;position:absolute;width:2px;}&:focus{outline:none;}"], _ref => {
-  let {
-    $selected
-  } = _ref;
+  let $selected = _ref.$selected;
   return $selected ? "var(--color-theme-200)" : "transparent";
 }, _ref2 => {
-  let {
-    $selected
-  } = _ref2;
+  let $selected = _ref2.$selected;
   return $selected ? "block" : "none";
 });
 export const StyledCommandPaletteCommandItem = styled(StyledCommandPaletteItem).withConfig({

package/dist/esm/components/CommandPalette/CommandPalette.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPalette.styles.js","names":["styled","screen","FontStyle","SpinnerLoader","StyledCommandPalette","div","withConfig","displayName","componentId","StyledCommandPaletteWrapper","StyledCommandPaletteHeader","StyledSearchIcon","StyledInput","input","sm","StyledParameter","span","StyledActionWrapper","StyledIcon","StyledCommandPaletteList","ul","StyledHeading","p","StyledCommandPaletteItem","a","_ref","$selected","_ref2","StyledCommandPaletteCommandItem","StyledSpinnerLoader","StyledCommandPaletteItemLoader"],"sources":["../../../../src/components/CommandPalette/CommandPalette.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { screen } from \"../BreakPoints\";\nimport { FontStyle } from \"../FontStyle\";\nimport { SpinnerLoader } from \"../Loaders\";\n\nexport const StyledCommandPalette = styled.div`\n  ${FontStyle}\n  background-color: var(--page-paper-main);\n  border-radius: 10px;\n  box-sizing: border-box;\n  max-width: 600px;\n\n  mark {\n    background-color: var(--color-primary-300);\n    color: var(--color-theme-900);\n  }\n`;\n\nexport const StyledCommandPaletteWrapper = styled.div`\n  overflow-x: hidden;\n  overflow-y: auto;\n  max-height: 450px;\n\n  &:not(:empty) {\n    border-top: 1px solid var(--color-theme-400);\n    padding-bottom: 8px;\n    padding-top: 8px;\n  }\n`;\n\nexport const StyledCommandPaletteHeader = styled.div`\n  align-items: center;\n  display: flex;\n  padding-bottom: 12px;\n  padding-left: 16px;\n  padding-right: 16px;\n  padding-top: 12px;\n`;\n\nexport const StyledSearchIcon = styled.div`\n  margin-right: 8px;\n\n  svg {\n    vertical-align: middle;\n  }\n`;\n\nexport const StyledInput = styled.input`\n  all: unset;\n  caret-color: var(--color-primary);\n  color: var(--color-theme-900);\n  width: 100%;\n\n  ${screen.sm} {\n    font-size: 32px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    line-height: 44px;\n  }\n\n  ::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  &[type=\"search\"]::-webkit-search-decoration,\n  &[type=\"search\"]::-webkit-search-cancel-button,\n  &[type=\"search\"]::-webkit-search-results-button,\n  &[type=\"search\"]::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  &[type=\"number\"] {\n    -moz-appearance: textfield;\n  }\n\n  ::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ::selection {\n    background: var(--color-primary-300);\n  }\n`;\n\nexport const StyledParameter = styled.span`\n  color: var(--color-theme-transparent-500);\n  margin-right: 8px;\n  flex-shrink: 0;\n\n  ${screen.sm} {\n    font-size: 32px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    line-height: 44px;\n  }\n`;\n\nexport const StyledActionWrapper = styled.div`\n  align-items: center;\n  display: flex;\n  gap: 8px;\n`;\n\nexport const StyledIcon = styled.div`\n  margin-right: 8px;\n\n  svg {\n    vertical-align: middle;\n  }\n`;\n\nexport const StyledCommandPaletteList = styled.ul`\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n\n  &:not(:first-child) {\n    border-top: 1px solid var(--color-theme-400);\n  }\n`;\n\nexport const StyledHeading = styled.p`\n  font-size: 12px;\n  margin-top: 12px;\n  margin-bottom: 4px;\n  font-weight: bold;\n  padding-left: 18px;\n  letter-spacing: 0.5px;\n  color: var(--color-theme-600);\n`;\n\n// prettier-ignore\nexport const StyledCommandPaletteItem = styled.a<{$selected: boolean}>`\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  padding-bottom: 12px;\n  padding-left: 18px;\n  padding-right: 18px;\n  padding-top: 12px;\n  position: relative;\n  background-color: ${({$selected}) => $selected ? \"var(--color-theme-200)\" : \"transparent\"};\n\n  &:focus {\n    background-color: var(--color-theme-200);\n  }\n\n  &::before {\n    display: ${({$selected}) => $selected ? \"block\" : \"none\"};\n    background-color: var(--color-primary);\n    content: \"\";\n    height: 100%;\n    left: 0;\n    position: absolute;\n    width: 2px;\n    }\n\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const StyledCommandPaletteCommandItem = styled(StyledCommandPaletteItem)`\n  user-select: none;\n`;\n\nexport const StyledSpinnerLoader = styled(SpinnerLoader)`\n  margin-right: 4px;\n`;\n\nexport const StyledCommandPaletteItemLoader = styled.div`\n  align-items: center;\n  display: flex;\n  gap: 8px;\n  padding-bottom: 12px;\n  padding-left: 18px;\n  padding-right: 18px;\n  padding-top: 12px;\n  pointer-events: none;\n  user-select: none;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,aAAa,QAAQ,YAAY;AAE1C,OAAO,MAAMC,oBAAoB,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4LAC1CN,SAAS,CAUZ;AAED,OAAO,MAAMO,2BAA2B,GAAGT,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yJAUpD;AAED,OAAO,MAAME,0BAA0B,GAAGV,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kHAOnD;AAED,OAAO,MAAMG,gBAAgB,GAAGX,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAMzC;AAED,OAAO,MAAMI,WAAW,GAAGZ,MAAM,CAACa,KAAK,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wnBAMnCP,MAAM,CAACa,EAAE,CA+BZ;AAED,OAAO,MAAMC,eAAe,GAAGf,MAAM,CAACgB,IAAI,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4JAKtCP,MAAM,CAACa,EAAE,CAMZ;AAED,OAAO,MAAMG,mBAAmB,GAAGjB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDAI5C;AAED,OAAO,MAAMU,UAAU,GAAGlB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAMnC;AAED,OAAO,MAAMW,wBAAwB,GAAGnB,MAAM,CAACoB,EAAE,CAAAd,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iIAShD;AAED,OAAO,MAAMa,aAAa,GAAGrB,MAAM,CAACsB,CAAC,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8IAQpC;;AAED;AACA,OAAO,MAAMe,wBAAwB,GAAGvB,MAAM,CAACwB,CAAC,CAAAlB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2WAS1BiB,IAAA;EAAA,IAAC;IAACC;EAAS,CAAC,GAAAD,IAAA;EAAA,OAAKC,SAAS,GAAG,wBAAwB,GAAG,aAAa;AAAA,GAO5EC,KAAA;EAAA,IAAC;IAACD;EAAS,CAAC,GAAAC,KAAA;EAAA,OAAKD,SAAS,GAAG,OAAO,GAAG,MAAM;AAAA,EAY3D;AAED,OAAO,MAAME,+BAA+B,GAAG5B,MAAM,CAACuB,wBAAwB,CAAC,CAAAjB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAE9E;AAED,OAAO,MAAMqB,mBAAmB,GAAG7B,MAAM,CAACG,aAAa,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAEvD;AAED,OAAO,MAAMsB,8BAA8B,GAAG9B,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+JAUvD","ignoreList":[]}
+{"version":3,"file":"CommandPalette.styles.js","names":["styled","screen","FontStyle","SpinnerLoader","StyledCommandPalette","div","withConfig","displayName","componentId","StyledCommandPaletteWrapper","StyledCommandPaletteHeader","StyledSearchIcon","StyledInput","input","sm","StyledParameter","span","StyledActionWrapper","StyledIcon","StyledCommandPaletteList","ul","StyledHeading","p","StyledCommandPaletteItem","a","_ref","$selected","_ref2","StyledCommandPaletteCommandItem","StyledSpinnerLoader","StyledCommandPaletteItemLoader"],"sources":["../../../../src/components/CommandPalette/CommandPalette.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { screen } from \"../BreakPoints\";\nimport { FontStyle } from \"../FontStyle\";\nimport { SpinnerLoader } from \"../Loaders\";\n\nexport const StyledCommandPalette = styled.div`\n  ${FontStyle}\n  background-color: var(--page-paper-main);\n  border-radius: 10px;\n  box-sizing: border-box;\n  max-width: 600px;\n\n  mark {\n    background-color: var(--color-primary-300);\n    color: var(--color-theme-900);\n  }\n`;\n\nexport const StyledCommandPaletteWrapper = styled.div`\n  overflow-x: hidden;\n  overflow-y: auto;\n  max-height: 450px;\n\n  &:not(:empty) {\n    border-top: 1px solid var(--color-theme-400);\n    padding-bottom: 8px;\n    padding-top: 8px;\n  }\n`;\n\nexport const StyledCommandPaletteHeader = styled.div`\n  align-items: center;\n  display: flex;\n  padding-bottom: 12px;\n  padding-left: 16px;\n  padding-right: 16px;\n  padding-top: 12px;\n`;\n\nexport const StyledSearchIcon = styled.div`\n  margin-right: 8px;\n\n  svg {\n    vertical-align: middle;\n  }\n`;\n\nexport const StyledInput = styled.input`\n  all: unset;\n  caret-color: var(--color-primary);\n  color: var(--color-theme-900);\n  width: 100%;\n\n  ${screen.sm} {\n    font-size: 32px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    line-height: 44px;\n  }\n\n  ::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  &[type=\"search\"]::-webkit-search-decoration,\n  &[type=\"search\"]::-webkit-search-cancel-button,\n  &[type=\"search\"]::-webkit-search-results-button,\n  &[type=\"search\"]::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  &[type=\"number\"] {\n    -moz-appearance: textfield;\n  }\n\n  ::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ::selection {\n    background: var(--color-primary-300);\n  }\n`;\n\nexport const StyledParameter = styled.span`\n  color: var(--color-theme-transparent-500);\n  margin-right: 8px;\n  flex-shrink: 0;\n\n  ${screen.sm} {\n    font-size: 32px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    line-height: 44px;\n  }\n`;\n\nexport const StyledActionWrapper = styled.div`\n  align-items: center;\n  display: flex;\n  gap: 8px;\n`;\n\nexport const StyledIcon = styled.div`\n  margin-right: 8px;\n\n  svg {\n    vertical-align: middle;\n  }\n`;\n\nexport const StyledCommandPaletteList = styled.ul`\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n\n  &:not(:first-child) {\n    border-top: 1px solid var(--color-theme-400);\n  }\n`;\n\nexport const StyledHeading = styled.p`\n  font-size: 12px;\n  margin-top: 12px;\n  margin-bottom: 4px;\n  font-weight: bold;\n  padding-left: 18px;\n  letter-spacing: 0.5px;\n  color: var(--color-theme-600);\n`;\n\n// prettier-ignore\nexport const StyledCommandPaletteItem = styled.a<{$selected: boolean}>`\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  padding-bottom: 12px;\n  padding-left: 18px;\n  padding-right: 18px;\n  padding-top: 12px;\n  position: relative;\n  background-color: ${({$selected}) => $selected ? \"var(--color-theme-200)\" : \"transparent\"};\n\n  &:focus {\n    background-color: var(--color-theme-200);\n  }\n\n  &::before {\n    display: ${({$selected}) => $selected ? \"block\" : \"none\"};\n    background-color: var(--color-primary);\n    content: \"\";\n    height: 100%;\n    left: 0;\n    position: absolute;\n    width: 2px;\n    }\n\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const StyledCommandPaletteCommandItem = styled(StyledCommandPaletteItem)`\n  user-select: none;\n`;\n\nexport const StyledSpinnerLoader = styled(SpinnerLoader)`\n  margin-right: 4px;\n`;\n\nexport const StyledCommandPaletteItemLoader = styled.div`\n  align-items: center;\n  display: flex;\n  gap: 8px;\n  padding-bottom: 12px;\n  padding-left: 18px;\n  padding-right: 18px;\n  padding-top: 12px;\n  pointer-events: none;\n  user-select: none;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,aAAa,QAAQ,YAAY;AAE1C,OAAO,MAAMC,oBAAoB,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4LAC1CN,SAAS,CAUZ;AAED,OAAO,MAAMO,2BAA2B,GAAGT,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yJAUpD;AAED,OAAO,MAAME,0BAA0B,GAAGV,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kHAOnD;AAED,OAAO,MAAMG,gBAAgB,GAAGX,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAMzC;AAED,OAAO,MAAMI,WAAW,GAAGZ,MAAM,CAACa,KAAK,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wnBAMnCP,MAAM,CAACa,EAAE,CA+BZ;AAED,OAAO,MAAMC,eAAe,GAAGf,MAAM,CAACgB,IAAI,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4JAKtCP,MAAM,CAACa,EAAE,CAMZ;AAED,OAAO,MAAMG,mBAAmB,GAAGjB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDAI5C;AAED,OAAO,MAAMU,UAAU,GAAGlB,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAMnC;AAED,OAAO,MAAMW,wBAAwB,GAAGnB,MAAM,CAACoB,EAAE,CAAAd,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iIAShD;AAED,OAAO,MAAMa,aAAa,GAAGrB,MAAM,CAACsB,CAAC,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8IAQpC;;AAED;AACA,OAAO,MAAMe,wBAAwB,GAAGvB,MAAM,CAACwB,CAAC,CAAAlB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2WAS1BiB,IAAA;EAAA,IAAEC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OAAMA,SAAS,GAAG,wBAAwB,GAAG,aAAa;AAAA,GAO5EC,KAAA;EAAA,IAAED,SAAS,GAAAC,KAAA,CAATD,SAAS;EAAA,OAAMA,SAAS,GAAG,OAAO,GAAG,MAAM;AAAA,EAY3D;AAED,OAAO,MAAME,+BAA+B,GAAG5B,MAAM,CAACuB,wBAAwB,CAAC,CAAAjB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAE9E;AAED,OAAO,MAAMqB,mBAAmB,GAAG7B,MAAM,CAACG,aAAa,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAEvD;AAED,OAAO,MAAMsB,8BAA8B,GAAG9B,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+JAUvD","ignoreList":[]}

package/dist/esm/components/CommandPalette/CommandPaletteCommandItem.js

@@ -9,20 +9,17 @@ import { useSelectedContext } from "./context";
 import { ArrowRightIcon } from "../Icons";
 import { Typography } from "../Typography/Typography";
 export const CommandPaletteCommandItem = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      title,
-      renderIcon,
-      className,
-      index,
-      as
-    } = _ref,
+  let title = _ref.title,
+    renderIcon = _ref.renderIcon,
+    className = _ref.className,
+    index = _ref.index,
+    as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   const Component = as || "a";
   const icon = renderIcon();
-  const {
-    selected,
-    setSelected
-  } = useSelectedContext();
+  const _useSelectedContext = useSelectedContext(),
+    selected = _useSelectedContext.selected,
+    setSelected = _useSelectedContext.setSelected;
   const onMouseEnter = () => {
     setSelected(index);
   };

package/dist/esm/components/CommandPalette/CommandPaletteCommandItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteCommandItem.js","names":["React","forwardRef","classNames","StyledCommandPaletteCommandItem","StyledIcon","useSelectedContext","ArrowRightIcon","Typography","CommandPaletteCommandItem","_ref","ref","title","renderIcon","className","index","as","rest","_objectWithoutPropertiesLoose","_excluded","Component","icon","selected","setSelected","onMouseEnter","createElement","_extends","tabIndex","$selected","_StyledTypography","overflow","whitespace","variant","color","displayName","_styled","withConfig","componentId"],"sources":["../../../../src/components/CommandPalette/CommandPaletteCommandItem.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, ReactElement, ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledCommandPaletteCommandItem,\n  StyledIcon,\n} from \"./CommandPalette.styles\";\nimport { CommandPaletteItemProps } from \"./CommandPaletteItem\";\nimport { useSelectedContext } from \"./context\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface CommandPaletteCommandItemProps\n  extends CommandPaletteItemProps {\n  title: string;\n  renderIcon: () => ReactNode;\n}\n\nexport type PolymorphicCommandPaletteCommandItemProps<C extends ElementType> =\n  PolymorphicComponentPropsWithRef<C, CommandPaletteCommandItemProps>;\n\nexport type CommandPaletteComponent = <\n  C extends ElementType = typeof CommandPaletteCommandItem\n>(\n  props: PolymorphicCommandPaletteCommandItemProps<C>\n) => ReactElement | ReactNode | null;\n\nexport const CommandPaletteCommandItem: CommandPaletteComponent & {\n  displayName?: string;\n} = forwardRef(\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore - due to @node/types making ts more strict\n  <C extends ElementType = typeof CommandPaletteCommandItem>(\n    {\n      title,\n      renderIcon,\n      className,\n      index,\n      as,\n      ...rest\n    }: PolymorphicCommandPaletteCommandItemProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"a\";\n    const icon = renderIcon();\n    const { selected, setSelected } = useSelectedContext();\n\n    const onMouseEnter = () => {\n      setSelected(index as number);\n    };\n\n    return (\n      <li>\n        <StyledCommandPaletteCommandItem\n          {...rest}\n          as={Component}\n          ref={ref}\n          className={classNames(\"cp-item cp-command\", className)}\n          tabIndex={1}\n          aria-selected={selected === index}\n          onMouseEnter={onMouseEnter}\n          $selected={index === selected}\n        >\n          <StyledIcon>{icon}</StyledIcon>\n          <Typography\n            overflow=\"truncate\"\n            whitespace=\"no-wrap\"\n            variant=\"Body 1\"\n            color=\"primary\"\n            css={`\n              flex: 1;\n            `}\n          >\n            {title}\n          </Typography>\n          <ArrowRightIcon />\n        </StyledCommandPaletteCommandItem>\n      </li>\n    );\n  }\n);\n\nCommandPaletteCommandItem.displayName = \"CommandPaletteCommandItem\";\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAiBC,UAAU,QAAiC,OAAO;AAE/E,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,+BAA+B,EAC/BC,UAAU,QACL,yBAAyB;AAEhC,SAASC,kBAAkB,QAAQ,WAAW;AAK9C,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,UAAU,QAAQ,0BAA0B;AAiBrD,OAAO,MAAMC,yBAEZ,gBAAGP,UAAU,CAGZ,CAAAQ,IAAA,EASEC,GAAuB,KACpB;EAAA,IATH;MACEC,KAAK;MACLC,UAAU;MACVC,SAAS;MACTC,KAAK;MACLC;IAE4C,CAAC,GAAAN,IAAA;IAD1CO,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAIT,MAAMC,SAAS,GAAGJ,EAAE,IAAI,GAAG;EAC3B,MAAMK,IAAI,GAAGR,UAAU,CAAC,CAAC;EACzB,MAAM;IAAES,QAAQ;IAAEC;EAAY,CAAC,GAAGjB,kBAAkB,CAAC,CAAC;EAEtD,MAAMkB,YAAY,GAAGA,CAAA,KAAM;IACzBD,WAAW,CAACR,KAAe,CAAC;EAC9B,CAAC;EAED,oBACEd,KAAA,CAAAwB,aAAA,0BACExB,KAAA,CAAAwB,aAAA,CAACrB,+BAA+B,EAAAsB,QAAA,KAC1BT,IAAI;IACRD,EAAE,EAAEI,SAAU;IACdT,GAAG,EAAEA,GAAI;IACTG,SAAS,EAAEX,UAAU,CAAC,oBAAoB,EAAEW,SAAS,CAAE;IACvDa,QAAQ,EAAE,CAAE;IACZ,iBAAeL,QAAQ,KAAKP,KAAM;IAClCS,YAAY,EAAEA,YAAa;IAC3BI,SAAS,EAAEb,KAAK,KAAKO;EAAS,iBAE9BrB,KAAA,CAAAwB,aAAA,CAACpB,UAAU,QAAEgB,IAAiB,CAAC,eAC/BpB,KAAA,CAAAwB,aAAA,CAAAI,iBAAA;IACEC,QAAQ,EAAC,UAAU;IACnBC,UAAU,EAAC,SAAS;IACpBC,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAC;EAAS,GAKdrB,KACS,CAAC,eACbX,KAAA,CAAAwB,aAAA,CAAClB,cAAc,MAAE,CACc,CAC/B,CAAC;AAET,CACF,CAAC;AAEDE,yBAAyB,CAACyB,WAAW,GAAG,2BAA2B;AAAC,IAAAL,iBAAA,GAAAM,OAAA,CAAA3B,UAAA,EAAA4B,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"CommandPaletteCommandItem.js","names":["React","forwardRef","classNames","StyledCommandPaletteCommandItem","StyledIcon","useSelectedContext","ArrowRightIcon","Typography","CommandPaletteCommandItem","_ref","ref","title","renderIcon","className","index","as","rest","_objectWithoutPropertiesLoose","_excluded","Component","icon","_useSelectedContext","selected","setSelected","onMouseEnter","createElement","_extends","tabIndex","$selected","_StyledTypography","overflow","whitespace","variant","color","displayName","_styled","withConfig","componentId"],"sources":["../../../../src/components/CommandPalette/CommandPaletteCommandItem.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, ReactElement, ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledCommandPaletteCommandItem,\n  StyledIcon,\n} from \"./CommandPalette.styles\";\nimport { CommandPaletteItemProps } from \"./CommandPaletteItem\";\nimport { useSelectedContext } from \"./context\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface CommandPaletteCommandItemProps\n  extends CommandPaletteItemProps {\n  title: string;\n  renderIcon: () => ReactNode;\n}\n\nexport type PolymorphicCommandPaletteCommandItemProps<C extends ElementType> =\n  PolymorphicComponentPropsWithRef<C, CommandPaletteCommandItemProps>;\n\nexport type CommandPaletteComponent = <\n  C extends ElementType = typeof CommandPaletteCommandItem\n>(\n  props: PolymorphicCommandPaletteCommandItemProps<C>\n) => ReactElement | ReactNode | null;\n\nexport const CommandPaletteCommandItem: CommandPaletteComponent & {\n  displayName?: string;\n} = forwardRef(\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore - due to @node/types making ts more strict\n  <C extends ElementType = typeof CommandPaletteCommandItem>(\n    {\n      title,\n      renderIcon,\n      className,\n      index,\n      as,\n      ...rest\n    }: PolymorphicCommandPaletteCommandItemProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"a\";\n    const icon = renderIcon();\n    const { selected, setSelected } = useSelectedContext();\n\n    const onMouseEnter = () => {\n      setSelected(index as number);\n    };\n\n    return (\n      <li>\n        <StyledCommandPaletteCommandItem\n          {...rest}\n          as={Component}\n          ref={ref}\n          className={classNames(\"cp-item cp-command\", className)}\n          tabIndex={1}\n          aria-selected={selected === index}\n          onMouseEnter={onMouseEnter}\n          $selected={index === selected}\n        >\n          <StyledIcon>{icon}</StyledIcon>\n          <Typography\n            overflow=\"truncate\"\n            whitespace=\"no-wrap\"\n            variant=\"Body 1\"\n            color=\"primary\"\n            css={`\n              flex: 1;\n            `}\n          >\n            {title}\n          </Typography>\n          <ArrowRightIcon />\n        </StyledCommandPaletteCommandItem>\n      </li>\n    );\n  }\n);\n\nCommandPaletteCommandItem.displayName = \"CommandPaletteCommandItem\";\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAiBC,UAAU,QAAiC,OAAO;AAE/E,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,+BAA+B,EAC/BC,UAAU,QACL,yBAAyB;AAEhC,SAASC,kBAAkB,QAAQ,WAAW;AAK9C,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,UAAU,QAAQ,0BAA0B;AAiBrD,OAAO,MAAMC,yBAEZ,gBAAGP,UAAU,CAGZ,CAAAQ,IAAA,EASEC,GAAuB,KACpB;EAAA,IARDC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,EAAE,GAAAN,IAAA,CAAFM,EAAE;IACCC,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAIT,MAAMC,SAAS,GAAGJ,EAAE,IAAI,GAAG;EAC3B,MAAMK,IAAI,GAAGR,UAAU,CAAC,CAAC;EACzB,MAAAS,mBAAA,GAAkChB,kBAAkB,CAAC,CAAC;IAA9CiB,QAAQ,GAAAD,mBAAA,CAARC,QAAQ;IAAEC,WAAW,GAAAF,mBAAA,CAAXE,WAAW;EAE7B,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzBD,WAAW,CAACT,KAAe,CAAC;EAC9B,CAAC;EAED,oBACEd,KAAA,CAAAyB,aAAA,0BACEzB,KAAA,CAAAyB,aAAA,CAACtB,+BAA+B,EAAAuB,QAAA,KAC1BV,IAAI;IACRD,EAAE,EAAEI,SAAU;IACdT,GAAG,EAAEA,GAAI;IACTG,SAAS,EAAEX,UAAU,CAAC,oBAAoB,EAAEW,SAAS,CAAE;IACvDc,QAAQ,EAAE,CAAE;IACZ,iBAAeL,QAAQ,KAAKR,KAAM;IAClCU,YAAY,EAAEA,YAAa;IAC3BI,SAAS,EAAEd,KAAK,KAAKQ;EAAS,iBAE9BtB,KAAA,CAAAyB,aAAA,CAACrB,UAAU,QAAEgB,IAAiB,CAAC,eAC/BpB,KAAA,CAAAyB,aAAA,CAAAI,iBAAA;IACEC,QAAQ,EAAC,UAAU;IACnBC,UAAU,EAAC,SAAS;IACpBC,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAC;EAAS,GAKdtB,KACS,CAAC,eACbX,KAAA,CAAAyB,aAAA,CAACnB,cAAc,MAAE,CACc,CAC/B,CAAC;AAET,CACF,CAAC;AAEDE,yBAAyB,CAAC0B,WAAW,GAAG,2BAA2B;AAAC,IAAAL,iBAAA,GAAAM,OAAA,CAAA5B,UAAA,EAAA6B,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA","ignoreList":[]}