@activecollab/components 2.0.209 → 2.0.210

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_OptionContent","_Styles","_useForkRef","_Autocomplete","_Menu","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Select","exports","_ref","_ref$type","type","mode","options","_ref$selected","selected","_ref$mixed","mixed","_ref$position","position","_ref$onChange","onChange","placeholder","_ref$emptyAction","emptyAction","_ref$disableSearch","disableSearch","forceCloseMenu","selectClassName","_ref$keepSameOptionsO","keepSameOptionsOrder","onSelectOpen","onSelectClose","renderOption","handleDefaultOptionChange","_ref$preselectDefault","preselectDefaultValue","startAdornment","endAdornment","_ref$focusInput","focusInput","prop","console","warn","childNode","useRef","elementRef","handleRef","useForkRef","Tag","Menu","formRef","_useState","useState","_useState2","open","setOpen","selectedOptions","useMemo","selectOptions","allOptionValues","reduce","acc","option","isOptionGroup","id","allGroupOptions","map","mixedOptions","removeFromMixedOptions","useCallback","idsToRemove","current","filter","mixedOption","includes","isAllOptionsChecked","every","someOptionsChecked","some","useEffect","_childNode$current","focus","handleChange","selectedValue","undefined","onClose","onOpen","props","menuClassName","classNames","onPopperOpen","_elementRef$current","className","handleEmptyAction","_formRef$current","reset","handleDefaultOptionChangeCallback","handleRenderOption","createElement","Fragment","OptionContent","imageUrl","image","color","textColor","additionalInfo","StyledCheckbox","checked","StyledRadioButton","StyledSelectForm","ref","StyledStartAdornment","StyledSelectInput","StyledEndAdornment","Autocomplete","clearInputOnSelect","inputEl","displayName"],"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, {\n  FC,\n  useCallback,\n  useState,\n  ReactElement,\n  useMemo,\n  useEffect,\n  useRef,\n  Ref,\n  ReactNode,\n} from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classNames from \"classnames\";\n\nimport { OptionContent } from \"./OptionContent/OptionContent\";\nimport {\n  StyledSelectForm,\n  StyledSelectInput,\n  StyledCheckbox,\n  StyledRadioButton,\n  StyledStartAdornment,\n  StyledEndAdornment,\n} from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Autocomplete, isOptionGroup } from \"../Autocomplete\";\nimport { IAutocompleteProps } from \"../Autocomplete/Autocomplete\";\nimport { Menu } from \"../Menu/Menu\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { IOptionGroupProps } from \"../Select/OptionGroup\";\n\nexport interface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport interface ISelectProps\n  extends Omit<\n    IAutocompleteProps,\n    | \"handleChange\"\n    | \"inputEl\"\n    | \"handleEmptyAction\"\n    | \"clearInputOnSelect\"\n    | \"mixedOptions\"\n  > {\n  /** Menu width mode */\n  mode?: \"normal\" | \"wider\" | \"tiny\";\n  /** Set select target element */\n  target?: ElementWithRef<Element>;\n  /** Set Select position */\n  position?: Placement;\n  /** onChange callback */\n  onChange?: (e: (string | number)[] | string | number) => void;\n  /** Placeholder for Select input */\n  placeholder?: string;\n  /** Function that triggers when empty is clicked */\n  emptyAction?: (e: string | undefined) => void;\n  /** Removes input from Select */\n  disableSearch?: boolean;\n  /** Close menu on select */\n  forceCloseMenu?: boolean;\n  /** Set select classNames */\n  selectClassName?: string;\n  /** Callback called when the Select menu is opened */\n  onSelectOpen?: () => void;\n  /** Callback called when the Select menu is closed */\n  onSelectClose?: () => void;\n  /** Node element on the left side */\n  startAdornment?: ReactNode;\n  /** Node element on the right side */\n  endAdornment?: ReactNode;\n  /** Focus search input on inline select */\n  focusInput?: boolean;\n  /** Mixed options values */\n  mixed?: (string | number)[];\n}\n\nexport const Select: FC<ISelectProps> = ({\n  type = \"single\",\n  mode,\n  target,\n  options,\n  selected = [],\n  mixed = [],\n  position = \"bottom-start\",\n  onChange = () => null,\n  placeholder,\n  emptyAction = (): null => null,\n  disableSearch = false,\n  forceCloseMenu,\n  selectClassName,\n  keepSameOptionsOrder = false,\n  onSelectOpen,\n  onSelectClose,\n  renderOption,\n  handleDefaultOptionChange,\n  preselectDefaultValue = type === \"single\",\n  startAdornment,\n  endAdornment,\n  focusInput = false,\n  ...prop\n}) => {\n  if (disableSearch && (startAdornment || endAdornment)) {\n    console.warn(\"Adornments are not visible when search bar is hidden\");\n  }\n  const childNode = useRef<HTMLInputElement | null>();\n  const elementRef = useRef<HTMLInputElement | null>(null);\n\n  const handleRef = useForkRef(childNode, elementRef);\n\n  const Tag = !target ? \"div\" : Menu;\n  const formRef = useRef<HTMLFormElement | null>(null);\n\n  const [open, setOpen] = useState(false);\n\n  const selectedOptions = useMemo(\n    () => (selected instanceof Array ? selected : [selected]),\n    [selected]\n  );\n\n  const selectOptions = useMemo(() => {\n    if (!options) {\n      return [];\n    }\n    return options;\n  }, [options]);\n\n  const allOptionValues = useMemo(() => {\n    return selectOptions.reduce(\n      (\n        acc: (string | number)[],\n        option: IOptionGroupProps | IOptionItemProps\n      ) => {\n        if (!isOptionGroup(option)) {\n          return [...acc, option.id];\n        }\n        const allGroupOptions = option.options.map((option) => option.id);\n        return [...acc, ...allGroupOptions];\n      },\n      []\n    );\n  }, [selectOptions]);\n\n  const mixedOptions = useRef(type === \"multiple\" && mixed.length ? mixed : []);\n\n  const removeFromMixedOptions = useCallback(\n    (idsToRemove: (string | number)[]) => {\n      mixedOptions.current = mixedOptions.current.filter(\n        (mixedOption) => !idsToRemove.includes(mixedOption)\n      );\n    },\n    []\n  );\n\n  const isAllOptionsChecked = useMemo(\n    () => allOptionValues.every((option) => selectedOptions.includes(option)),\n    [allOptionValues, selectedOptions]\n  );\n\n  const someOptionsChecked = useMemo(\n    () => allOptionValues.some((option) => selectedOptions.includes(option)),\n    [allOptionValues, selectedOptions]\n  );\n\n  useEffect(() => {\n    if ((open && target) || (!target && focusInput)) {\n      childNode?.current?.focus();\n    }\n  }, [focusInput, open, target]);\n\n  const handleChange = useCallback(\n    (selectedValue) => {\n      if (forceCloseMenu) {\n        if (typeof onSelectClose === \"function\") onSelectClose();\n        setOpen(false);\n      }\n      if (\n        selectedValue !== undefined &&\n        selectedValue !== selected &&\n        !(selectedValue instanceof Array && selectedValue.includes(undefined))\n      ) {\n        onChange(selectedValue);\n        type === \"multiple\" &&\n          mixedOptions.current.length &&\n          removeFromMixedOptions(selectedValue);\n      }\n    },\n    [\n      forceCloseMenu,\n      selected,\n      onSelectClose,\n      onChange,\n      type,\n      removeFromMixedOptions,\n    ]\n  );\n\n  const onClose = useCallback(() => {\n    setOpen(false);\n    if (onSelectClose) {\n      onSelectClose();\n    }\n  }, [onSelectClose]);\n\n  const onOpen = useCallback(() => {\n    setOpen(true);\n    if (onSelectOpen) {\n      onSelectOpen();\n    }\n  }, [onSelectOpen]);\n\n  const props = useMemo(() => {\n    if (target) {\n      return {\n        menuClassName: classNames(\"c-select\", selectClassName),\n        onClose,\n        onOpen,\n        target,\n        mode,\n        open,\n        position,\n        onPopperOpen: () => elementRef?.current?.focus(),\n      };\n    }\n    return { className: classNames(\"c-select\", selectClassName) };\n  }, [target, selectClassName, onClose, onOpen, mode, open, position]);\n\n  const handleEmptyAction = useCallback(\n    (value) => {\n      emptyAction(value);\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n      formRef.current?.reset();\n    },\n    [emptyAction, forceCloseMenu]\n  );\n\n  const handleDefaultOptionChangeCallback = useCallback(() => {\n    if (type === \"multiple\") {\n      if (selectedOptions.length === allOptionValues.length) {\n        if (typeof handleDefaultOptionChange === \"function\") {\n          handleDefaultOptionChange();\n        } else {\n          onChange([]);\n        }\n      } else {\n        if (typeof handleDefaultOptionChange === \"function\") {\n          handleDefaultOptionChange();\n        } else {\n          onChange(allOptionValues);\n        }\n      }\n    } else {\n      if (typeof handleDefaultOptionChange === \"function\") {\n        handleDefaultOptionChange();\n      } else {\n        onChange(\"\");\n      }\n    }\n    if (forceCloseMenu) {\n      setOpen(false);\n    }\n  }, [\n    onChange,\n    type,\n    forceCloseMenu,\n    selectedOptions.length,\n    allOptionValues,\n    handleDefaultOptionChange,\n  ]);\n\n  const handleRenderOption = useCallback(\n    (option, props) => {\n      if (typeof renderOption === \"function\") {\n        return renderOption(option, props);\n      }\n      return (\n        <>\n          <OptionContent\n            imageUrl={option.image}\n            color={option.color}\n            textColor={option.textColor}\n            name={option.name}\n            additionalInfo={option.additionalInfo}\n          />\n          {option.id === null ? (\n            type === \"multiple\" ? (\n              <StyledCheckbox\n                checked={isAllOptionsChecked}\n                mixed={someOptionsChecked && !isAllOptionsChecked}\n                {...props}\n              />\n            ) : (\n              <StyledRadioButton\n                checked={selectedOptions.length < 1 || !selectedOptions[0]}\n                {...props}\n              />\n            )\n          ) : type === \"multiple\" ? (\n            <StyledCheckbox\n              mixed={mixedOptions.current.includes(option.id)}\n              {...props}\n            />\n          ) : (\n            <StyledRadioButton {...props} />\n          )}\n        </>\n      );\n    },\n    [\n      isAllOptionsChecked,\n      renderOption,\n      type,\n      someOptionsChecked,\n      selectedOptions,\n    ]\n  );\n\n  return (\n    <Tag {...props}>\n      <div>\n        {!disableSearch ? (\n          <StyledSelectForm ref={formRef}>\n            {startAdornment ? (\n              <StyledStartAdornment>{startAdornment}</StyledStartAdornment>\n            ) : null}\n            <StyledSelectInput ref={handleRef} placeholder={placeholder} />\n            {endAdornment ? (\n              <StyledEndAdornment>{endAdornment}</StyledEndAdornment>\n            ) : null}\n          </StyledSelectForm>\n        ) : null}\n        <Autocomplete\n          {...prop}\n          clearInputOnSelect\n          inputEl={childNode}\n          handleEmptyAction={handleEmptyAction}\n          selected={selected}\n          handleChange={handleChange}\n          renderOption={handleRenderOption}\n          options={options}\n          mixedOptions={mixedOptions.current}\n          handleDefaultOptionChange={handleDefaultOptionChangeCallback}\n          type={type}\n          preselectDefaultValue={preselectDefaultValue}\n          keepSameOptionsOrder={keepSameOptionsOrder}\n        />\n      </div>\n    </Tag>\n  );\n};\n\nSelect.displayName = \"Select\";\n"],"mappings":"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"}
+{"version":3,"file":"Select.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_OptionContent","_Styles","_useForkRef","_Autocomplete","_Menu","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Select","exports","_ref","_ref$type","type","mode","options","_ref$selected","selected","_ref$mixed","mixed","_ref$position","position","_ref$onChange","onChange","placeholder","_ref$emptyAction","emptyAction","_ref$disableSearch","disableSearch","forceCloseMenu","selectClassName","_ref$keepSameOptionsO","keepSameOptionsOrder","onSelectOpen","onSelectClose","renderOption","handleDefaultOptionChange","_ref$preselectDefault","preselectDefaultValue","startAdornment","endAdornment","_ref$focusInput","focusInput","disableVirtualization","prop","console","warn","childNode","useRef","elementRef","handleRef","useForkRef","Tag","Menu","formRef","_useState","useState","_useState2","open","setOpen","selectedOptions","useMemo","selectOptions","allOptionValues","reduce","acc","option","isOptionGroup","id","allGroupOptions","map","mixedOptions","removeFromMixedOptions","useCallback","idsToRemove","current","filter","mixedOption","includes","isAllOptionsChecked","every","someOptionsChecked","some","useEffect","_childNode$current","focus","handleChange","selectedValue","undefined","onClose","onOpen","props","menuClassName","classNames","onPopperOpen","_elementRef$current","className","handleEmptyAction","_formRef$current","reset","handleDefaultOptionChangeCallback","handleRenderOption","createElement","Fragment","OptionContent","imageUrl","image","color","textColor","additionalInfo","StyledCheckbox","checked","StyledRadioButton","StyledSelectForm","ref","StyledStartAdornment","StyledSelectInput","StyledEndAdornment","Autocomplete","clearInputOnSelect","inputEl","displayName"],"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, {\n  FC,\n  useCallback,\n  useState,\n  ReactElement,\n  useMemo,\n  useEffect,\n  useRef,\n  Ref,\n  ReactNode,\n} from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classNames from \"classnames\";\n\nimport { OptionContent } from \"./OptionContent/OptionContent\";\nimport {\n  StyledSelectForm,\n  StyledSelectInput,\n  StyledCheckbox,\n  StyledRadioButton,\n  StyledStartAdornment,\n  StyledEndAdornment,\n} from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Autocomplete, isOptionGroup } from \"../Autocomplete\";\nimport { IAutocompleteProps } from \"../Autocomplete/Autocomplete\";\nimport { Menu } from \"../Menu/Menu\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { IOptionGroupProps } from \"../Select/OptionGroup\";\n\nexport interface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport interface ISelectProps\n  extends Omit<\n    IAutocompleteProps,\n    | \"handleChange\"\n    | \"inputEl\"\n    | \"handleEmptyAction\"\n    | \"clearInputOnSelect\"\n    | \"mixedOptions\"\n  > {\n  /** Menu width mode */\n  mode?: \"normal\" | \"wider\" | \"tiny\";\n  /** Set select target element */\n  target?: ElementWithRef<Element>;\n  /** Set Select position */\n  position?: Placement;\n  /** onChange callback */\n  onChange?: (e: (string | number)[] | string | number) => void;\n  /** Placeholder for Select input */\n  placeholder?: string;\n  /** Function that triggers when empty is clicked */\n  emptyAction?: (e: string | undefined) => void;\n  /** Removes input from Select */\n  disableSearch?: boolean;\n  /** Close menu on select */\n  forceCloseMenu?: boolean;\n  /** Set select classNames */\n  selectClassName?: string;\n  /** Callback called when the Select menu is opened */\n  onSelectOpen?: () => void;\n  /** Callback called when the Select menu is closed */\n  onSelectClose?: () => void;\n  /** Node element on the left side */\n  startAdornment?: ReactNode;\n  /** Node element on the right side */\n  endAdornment?: ReactNode;\n  /** Focus search input on inline select */\n  focusInput?: boolean;\n  /** Mixed options values */\n  mixed?: (string | number)[];\n  disableVirtualization?: boolean;\n}\n\nexport const Select: FC<ISelectProps> = ({\n  type = \"single\",\n  mode,\n  target,\n  options,\n  selected = [],\n  mixed = [],\n  position = \"bottom-start\",\n  onChange = () => null,\n  placeholder,\n  emptyAction = (): null => null,\n  disableSearch = false,\n  forceCloseMenu,\n  selectClassName,\n  keepSameOptionsOrder = false,\n  onSelectOpen,\n  onSelectClose,\n  renderOption,\n  handleDefaultOptionChange,\n  preselectDefaultValue = type === \"single\",\n  startAdornment,\n  endAdornment,\n  focusInput = false,\n  disableVirtualization,\n  ...prop\n}) => {\n  if (disableSearch && (startAdornment || endAdornment)) {\n    console.warn(\"Adornments are not visible when search bar is hidden\");\n  }\n  const childNode = useRef<HTMLInputElement | null>();\n  const elementRef = useRef<HTMLInputElement | null>(null);\n\n  const handleRef = useForkRef(childNode, elementRef);\n\n  const Tag = !target ? \"div\" : Menu;\n  const formRef = useRef<HTMLFormElement | null>(null);\n\n  const [open, setOpen] = useState(false);\n\n  const selectedOptions = useMemo(\n    () => (selected instanceof Array ? selected : [selected]),\n    [selected]\n  );\n\n  const selectOptions = useMemo(() => {\n    if (!options) {\n      return [];\n    }\n    return options;\n  }, [options]);\n\n  const allOptionValues = useMemo(() => {\n    return selectOptions.reduce(\n      (\n        acc: (string | number)[],\n        option: IOptionGroupProps | IOptionItemProps\n      ) => {\n        if (!isOptionGroup(option)) {\n          return [...acc, option.id];\n        }\n        const allGroupOptions = option.options.map((option) => option.id);\n        return [...acc, ...allGroupOptions];\n      },\n      []\n    );\n  }, [selectOptions]);\n\n  const mixedOptions = useRef(type === \"multiple\" && mixed.length ? mixed : []);\n\n  const removeFromMixedOptions = useCallback(\n    (idsToRemove: (string | number)[]) => {\n      mixedOptions.current = mixedOptions.current.filter(\n        (mixedOption) => !idsToRemove.includes(mixedOption)\n      );\n    },\n    []\n  );\n\n  const isAllOptionsChecked = useMemo(\n    () => allOptionValues.every((option) => selectedOptions.includes(option)),\n    [allOptionValues, selectedOptions]\n  );\n\n  const someOptionsChecked = useMemo(\n    () => allOptionValues.some((option) => selectedOptions.includes(option)),\n    [allOptionValues, selectedOptions]\n  );\n\n  useEffect(() => {\n    if ((open && target) || (!target && focusInput)) {\n      childNode?.current?.focus();\n    }\n  }, [focusInput, open, target]);\n\n  const handleChange = useCallback(\n    (selectedValue) => {\n      if (forceCloseMenu) {\n        if (typeof onSelectClose === \"function\") onSelectClose();\n        setOpen(false);\n      }\n      if (\n        selectedValue !== undefined &&\n        selectedValue !== selected &&\n        !(selectedValue instanceof Array && selectedValue.includes(undefined))\n      ) {\n        onChange(selectedValue);\n        type === \"multiple\" &&\n          mixedOptions.current.length &&\n          removeFromMixedOptions(selectedValue);\n      }\n    },\n    [\n      forceCloseMenu,\n      selected,\n      onSelectClose,\n      onChange,\n      type,\n      removeFromMixedOptions,\n    ]\n  );\n\n  const onClose = useCallback(() => {\n    setOpen(false);\n    if (onSelectClose) {\n      onSelectClose();\n    }\n  }, [onSelectClose]);\n\n  const onOpen = useCallback(() => {\n    setOpen(true);\n    if (onSelectOpen) {\n      onSelectOpen();\n    }\n  }, [onSelectOpen]);\n\n  const props = useMemo(() => {\n    if (target) {\n      return {\n        menuClassName: classNames(\"c-select\", selectClassName),\n        onClose,\n        onOpen,\n        target,\n        mode,\n        open,\n        position,\n        onPopperOpen: () => elementRef?.current?.focus(),\n      };\n    }\n    return { className: classNames(\"c-select\", selectClassName) };\n  }, [target, selectClassName, onClose, onOpen, mode, open, position]);\n\n  const handleEmptyAction = useCallback(\n    (value) => {\n      emptyAction(value);\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n      formRef.current?.reset();\n    },\n    [emptyAction, forceCloseMenu]\n  );\n\n  const handleDefaultOptionChangeCallback = useCallback(() => {\n    if (type === \"multiple\") {\n      if (selectedOptions.length === allOptionValues.length) {\n        if (typeof handleDefaultOptionChange === \"function\") {\n          handleDefaultOptionChange();\n        } else {\n          onChange([]);\n        }\n      } else {\n        if (typeof handleDefaultOptionChange === \"function\") {\n          handleDefaultOptionChange();\n        } else {\n          onChange(allOptionValues);\n        }\n      }\n    } else {\n      if (typeof handleDefaultOptionChange === \"function\") {\n        handleDefaultOptionChange();\n      } else {\n        onChange(\"\");\n      }\n    }\n    if (forceCloseMenu) {\n      setOpen(false);\n    }\n  }, [\n    onChange,\n    type,\n    forceCloseMenu,\n    selectedOptions.length,\n    allOptionValues,\n    handleDefaultOptionChange,\n  ]);\n\n  const handleRenderOption = useCallback(\n    (option, props) => {\n      if (typeof renderOption === \"function\") {\n        return renderOption(option, props);\n      }\n      return (\n        <>\n          <OptionContent\n            imageUrl={option.image}\n            color={option.color}\n            textColor={option.textColor}\n            name={option.name}\n            additionalInfo={option.additionalInfo}\n          />\n          {option.id === null ? (\n            type === \"multiple\" ? (\n              <StyledCheckbox\n                checked={isAllOptionsChecked}\n                mixed={someOptionsChecked && !isAllOptionsChecked}\n                {...props}\n              />\n            ) : (\n              <StyledRadioButton\n                checked={selectedOptions.length < 1 || !selectedOptions[0]}\n                {...props}\n              />\n            )\n          ) : type === \"multiple\" ? (\n            <StyledCheckbox\n              mixed={mixedOptions.current.includes(option.id)}\n              {...props}\n            />\n          ) : (\n            <StyledRadioButton {...props} />\n          )}\n        </>\n      );\n    },\n    [\n      isAllOptionsChecked,\n      renderOption,\n      type,\n      someOptionsChecked,\n      selectedOptions,\n    ]\n  );\n\n  return (\n    <Tag {...props}>\n      <div>\n        {!disableSearch ? (\n          <StyledSelectForm ref={formRef}>\n            {startAdornment ? (\n              <StyledStartAdornment>{startAdornment}</StyledStartAdornment>\n            ) : null}\n            <StyledSelectInput ref={handleRef} placeholder={placeholder} />\n            {endAdornment ? (\n              <StyledEndAdornment>{endAdornment}</StyledEndAdornment>\n            ) : null}\n          </StyledSelectForm>\n        ) : null}\n        <Autocomplete\n          {...prop}\n          clearInputOnSelect\n          inputEl={childNode}\n          handleEmptyAction={handleEmptyAction}\n          selected={selected}\n          handleChange={handleChange}\n          renderOption={handleRenderOption}\n          options={options}\n          mixedOptions={mixedOptions.current}\n          handleDefaultOptionChange={handleDefaultOptionChangeCallback}\n          type={type}\n          preselectDefaultValue={preselectDefaultValue}\n          keepSameOptionsOrder={keepSameOptionsOrder}\n          disableVirtualization={disableVirtualization}\n        />\n      </div>\n    </Tag>\n  );\n};\n\nSelect.displayName = \"Select\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAaA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAQA,IAAAK,WAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAEA,IAAAO,KAAA,GAAAP,OAAA;AAAoC,IAAAQ,SAAA;AAAA,SAAAN,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAd,wBAAAc,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAAA,SAAAK,eAAAC,GAAA,EAAAZ,CAAA,WAAAa,eAAA,CAAAD,GAAA,KAAAE,qBAAA,CAAAF,GAAA,EAAAZ,CAAA,KAAAe,2BAAA,CAAAH,GAAA,EAAAZ,CAAA,KAAAgB,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAA7B,CAAA,GAAAG,MAAA,CAAAI,SAAA,CAAAwB,QAAA,CAAAtB,IAAA,CAAAmB,CAAA,EAAAI,KAAA,aAAAhC,CAAA,iBAAA4B,CAAA,CAAAK,WAAA,EAAAjC,CAAA,GAAA4B,CAAA,CAAAK,WAAA,CAAAC,IAAA,MAAAlC,CAAA,cAAAA,CAAA,mBAAAmC,KAAA,CAAAC,IAAA,CAAAR,CAAA,OAAA5B,CAAA,+DAAAqC,IAAA,CAAArC,CAAA,UAAA8B,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAR,GAAA,EAAAgB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAhB,GAAA,CAAAL,MAAA,EAAAqB,GAAA,GAAAhB,GAAA,CAAAL,MAAA,WAAAP,CAAA,MAAA6B,IAAA,OAAAJ,KAAA,CAAAG,GAAA,GAAA5B,CAAA,GAAA4B,GAAA,EAAA5B,CAAA,IAAA6B,IAAA,CAAA7B,CAAA,IAAAY,GAAA,CAAAZ,CAAA,UAAA6B,IAAA;AAAA,SAAAf,sBAAA5B,CAAA,EAAA4C,CAAA,QAAA3C,CAAA,WAAAD,CAAA,gCAAA6C,MAAA,IAAA7C,CAAA,CAAA6C,MAAA,CAAAC,QAAA,KAAA9C,CAAA,4BAAAC,CAAA,QAAAH,CAAA,EAAAM,CAAA,EAAAU,CAAA,EAAAJ,CAAA,EAAAJ,CAAA,OAAAyC,CAAA,OAAAf,CAAA,iBAAAlB,CAAA,IAAAb,CAAA,GAAAA,CAAA,CAAAY,IAAA,CAAAb,CAAA,GAAAgD,IAAA,QAAAJ,CAAA,QAAArC,MAAA,CAAAN,CAAA,MAAAA,CAAA,UAAA8C,CAAA,uBAAAA,CAAA,IAAAjD,CAAA,GAAAgB,CAAA,CAAAD,IAAA,CAAAZ,CAAA,GAAAgD,IAAA,MAAA3C,CAAA,CAAA4C,IAAA,CAAApD,CAAA,CAAAqD,KAAA,GAAA7C,CAAA,CAAAe,MAAA,KAAAuB,CAAA,GAAAG,CAAA,iBAAA/C,CAAA,IAAAgC,CAAA,OAAA5B,CAAA,GAAAJ,CAAA,yBAAA+C,CAAA,YAAA9C,CAAA,CAAAmD,MAAA,KAAA1C,CAAA,GAAAT,CAAA,CAAAmD,MAAA,IAAA7C,MAAA,CAAAG,CAAA,MAAAA,CAAA,2BAAAsB,CAAA,QAAA5B,CAAA,aAAAE,CAAA;AAAA,SAAAqB,gBAAAD,GAAA,QAAAa,KAAA,CAAAc,OAAA,CAAA3B,GAAA,UAAAA,GAAA;AAAA,SAAA4B,yBAAAhC,MAAA,EAAAiC,QAAA,QAAAjC,MAAA,yBAAAH,MAAA,GAAAqC,6BAAA,CAAAlC,MAAA,EAAAiC,QAAA,OAAAhC,GAAA,EAAAT,CAAA,MAAAP,MAAA,CAAAkD,qBAAA,QAAAC,gBAAA,GAAAnD,MAAA,CAAAkD,qBAAA,CAAAnC,MAAA,QAAAR,CAAA,MAAAA,CAAA,GAAA4C,gBAAA,CAAArC,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAmC,gBAAA,CAAA5C,CAAA,OAAAyC,QAAA,CAAAI,OAAA,CAAApC,GAAA,uBAAAhB,MAAA,CAAAI,SAAA,CAAAiD,oBAAA,CAAA/C,IAAA,CAAAS,MAAA,EAAAC,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAAqC,8BAAAlC,MAAA,EAAAiC,QAAA,QAAAjC,MAAA,yBAAAH,MAAA,WAAA0C,UAAA,GAAAtD,MAAA,CAAAuD,IAAA,CAAAxC,MAAA,OAAAC,GAAA,EAAAT,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA+C,UAAA,CAAAxC,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAsC,UAAA,CAAA/C,CAAA,OAAAyC,QAAA,CAAAI,OAAA,CAAApC,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAJ,MAAA;AAkD7B,IAAM4C,MAAwB,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAA3BA,MAAwBA,CAAAE,IAAA,EAyB/B;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAxBJE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,QAAQ,GAAAA,SAAA;IACfE,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJjD,MAAM,GAAA8C,IAAA,CAAN9C,MAAM;IACNkD,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,aAAA,GAAAL,IAAA,CACPM,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IAAAE,UAAA,GAAAP,IAAA,CACbQ,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,EAAE,GAAAA,UAAA;IAAAE,aAAA,GAAAT,IAAA,CACVU,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,cAAc,GAAAA,aAAA;IAAAE,aAAA,GAAAX,IAAA,CACzBY,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG;MAAA,OAAM,IAAI;IAAA,IAAAA,aAAA;IACrBE,WAAW,GAAAb,IAAA,CAAXa,WAAW;IAAAC,gBAAA,GAAAd,IAAA,CACXe,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG;MAAA,OAAY,IAAI;IAAA,IAAAA,gBAAA;IAAAE,kBAAA,GAAAhB,IAAA,CAC9BiB,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,KAAK,GAAAA,kBAAA;IACrBE,cAAc,GAAAlB,IAAA,CAAdkB,cAAc;IACdC,eAAe,GAAAnB,IAAA,CAAfmB,eAAe;IAAAC,qBAAA,GAAApB,IAAA,CACfqB,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAC5BE,YAAY,GAAAtB,IAAA,CAAZsB,YAAY;IACZC,aAAa,GAAAvB,IAAA,CAAbuB,aAAa;IACbC,YAAY,GAAAxB,IAAA,CAAZwB,YAAY;IACZC,yBAAyB,GAAAzB,IAAA,CAAzByB,yBAAyB;IAAAC,qBAAA,GAAA1B,IAAA,CACzB2B,qBAAqB;IAArBA,qBAAqB,GAAAD,qBAAA,cAAGxB,IAAI,KAAK,QAAQ,GAAAwB,qBAAA;IACzCE,cAAc,GAAA5B,IAAA,CAAd4B,cAAc;IACdC,YAAY,GAAA7B,IAAA,CAAZ6B,YAAY;IAAAC,eAAA,GAAA9B,IAAA,CACZ+B,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAClBE,qBAAqB,GAAAhC,IAAA,CAArBgC,qBAAqB;IAClBC,IAAI,GAAA5C,wBAAA,CAAAW,IAAA,EAAAxE,SAAA;EAEP,IAAIyF,aAAa,KAAKW,cAAc,IAAIC,YAAY,CAAC,EAAE;IACrDK,OAAO,CAACC,IAAI,CAAC,sDAAsD,CAAC;EACtE;EACA,IAAMC,SAAS,GAAG,IAAAC,aAAM,EAA0B,CAAC;EACnD,IAAMC,UAAU,GAAG,IAAAD,aAAM,EAA0B,IAAI,CAAC;EAExD,IAAME,SAAS,GAAG,IAAAC,mBAAU,EAACJ,SAAS,EAAEE,UAAU,CAAC;EAEnD,IAAMG,GAAG,GAAG,CAACvF,MAAM,GAAG,KAAK,GAAGwF,UAAI;EAClC,IAAMC,OAAO,GAAG,IAAAN,aAAM,EAAyB,IAAI,CAAC;EAEpD,IAAAO,SAAA,GAAwB,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,GAAAtF,cAAA,CAAAoF,SAAA;IAAhCG,IAAI,GAAAD,UAAA;IAAEE,OAAO,GAAAF,UAAA;EAEpB,IAAMG,eAAe,GAAG,IAAAC,cAAO,EAC7B;IAAA,OAAO5C,QAAQ,YAAYhC,KAAK,GAAGgC,QAAQ,GAAG,CAACA,QAAQ,CAAC;EAAA,CAAC,EACzD,CAACA,QAAQ,CACX,CAAC;EAED,IAAM6C,aAAa,GAAG,IAAAD,cAAO,EAAC,YAAM;IAClC,IAAI,CAAC9C,OAAO,EAAE;MACZ,OAAO,EAAE;IACX;IACA,OAAOA,OAAO;EAChB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAMgD,eAAe,GAAG,IAAAF,cAAO,EAAC,YAAM;IACpC,OAAOC,aAAa,CAACE,MAAM,CACzB,UACEC,GAAwB,EACxBC,MAA4C,EACzC;MACH,IAAI,CAAC,IAAAC,2BAAa,EAACD,MAAM,CAAC,EAAE;QAC1B,OAAO,CAAC,GAAGD,GAAG,EAAEC,MAAM,CAACE,EAAE,CAAC;MAC5B;MACA,IAAMC,eAAe,GAAGH,MAAM,CAACnD,OAAO,CAACuD,GAAG,CAAC,UAACJ,MAAM;QAAA,OAAKA,MAAM,CAACE,EAAE;MAAA,EAAC;MACjE,OAAO,CAAC,GAAGH,GAAG,EAAE,GAAGI,eAAe,CAAC;IACrC,CAAC,EACD,EACF,CAAC;EACH,CAAC,EAAE,CAACP,aAAa,CAAC,CAAC;EAEnB,IAAMS,YAAY,GAAG,IAAAvB,aAAM,EAACnC,IAAI,KAAK,UAAU,IAAIM,KAAK,CAACpD,MAAM,GAAGoD,KAAK,GAAG,EAAE,CAAC;EAE7E,IAAMqD,sBAAsB,GAAG,IAAAC,kBAAW,EACxC,UAACC,WAAgC,EAAK;IACpCH,YAAY,CAACI,OAAO,GAAGJ,YAAY,CAACI,OAAO,CAACC,MAAM,CAChD,UAACC,WAAW;MAAA,OAAK,CAACH,WAAW,CAACI,QAAQ,CAACD,WAAW,CAAC;IAAA,CACrD,CAAC;EACH,CAAC,EACD,EACF,CAAC;EAED,IAAME,mBAAmB,GAAG,IAAAlB,cAAO,EACjC;IAAA,OAAME,eAAe,CAACiB,KAAK,CAAC,UAACd,MAAM;MAAA,OAAKN,eAAe,CAACkB,QAAQ,CAACZ,MAAM,CAAC;IAAA,EAAC;EAAA,GACzE,CAACH,eAAe,EAAEH,eAAe,CACnC,CAAC;EAED,IAAMqB,kBAAkB,GAAG,IAAApB,cAAO,EAChC;IAAA,OAAME,eAAe,CAACmB,IAAI,CAAC,UAAChB,MAAM;MAAA,OAAKN,eAAe,CAACkB,QAAQ,CAACZ,MAAM,CAAC;IAAA,EAAC;EAAA,GACxE,CAACH,eAAe,EAAEH,eAAe,CACnC,CAAC;EAED,IAAAuB,gBAAS,EAAC,YAAM;IACd,IAAKzB,IAAI,IAAI7F,MAAM,IAAM,CAACA,MAAM,IAAI6E,UAAW,EAAE;MAAA,IAAA0C,kBAAA;MAC/CrC,SAAS,aAATA,SAAS,gBAAAqC,kBAAA,GAATrC,SAAS,CAAE4B,OAAO,cAAAS,kBAAA,eAAlBA,kBAAA,CAAoBC,KAAK,CAAC,CAAC;IAC7B;EACF,CAAC,EAAE,CAAC3C,UAAU,EAAEgB,IAAI,EAAE7F,MAAM,CAAC,CAAC;EAE9B,IAAMyH,YAAY,GAAG,IAAAb,kBAAW,EAC9B,UAACc,aAAa,EAAK;IACjB,IAAI1D,cAAc,EAAE;MAClB,IAAI,OAAOK,aAAa,KAAK,UAAU,EAAEA,aAAa,CAAC,CAAC;MACxDyB,OAAO,CAAC,KAAK,CAAC;IAChB;IACA,IACE4B,aAAa,KAAKC,SAAS,IAC3BD,aAAa,KAAKtE,QAAQ,IAC1B,EAAEsE,aAAa,YAAYtG,KAAK,IAAIsG,aAAa,CAACT,QAAQ,CAACU,SAAS,CAAC,CAAC,EACtE;MACAjE,QAAQ,CAACgE,aAAa,CAAC;MACvB1E,IAAI,KAAK,UAAU,IACjB0D,YAAY,CAACI,OAAO,CAAC5G,MAAM,IAC3ByG,sBAAsB,CAACe,aAAa,CAAC;IACzC;EACF,CAAC,EACD,CACE1D,cAAc,EACdZ,QAAQ,EACRiB,aAAa,EACbX,QAAQ,EACRV,IAAI,EACJ2D,sBAAsB,CAE1B,CAAC;EAED,IAAMiB,OAAO,GAAG,IAAAhB,kBAAW,EAAC,YAAM;IAChCd,OAAO,CAAC,KAAK,CAAC;IACd,IAAIzB,aAAa,EAAE;MACjBA,aAAa,CAAC,CAAC;IACjB;EACF,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,IAAMwD,MAAM,GAAG,IAAAjB,kBAAW,EAAC,YAAM;IAC/Bd,OAAO,CAAC,IAAI,CAAC;IACb,IAAI1B,YAAY,EAAE;MAChBA,YAAY,CAAC,CAAC;IAChB;EACF,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,IAAM0D,KAAK,GAAG,IAAA9B,cAAO,EAAC,YAAM;IAC1B,IAAIhG,MAAM,EAAE;MACV,OAAO;QACL+H,aAAa,EAAE,IAAAC,mBAAU,EAAC,UAAU,EAAE/D,eAAe,CAAC;QACtD2D,OAAO;QACPC,MAAM;QACN7H,MAAM;QACNiD,IAAI;QACJ4C,IAAI;QACJrC,QAAQ;QACRyE,YAAY,EAAE,SAAAA,aAAA;UAAA,IAAAC,mBAAA;UAAA,OAAM9C,UAAU,aAAVA,UAAU,gBAAA8C,mBAAA,GAAV9C,UAAU,CAAE0B,OAAO,cAAAoB,mBAAA,uBAAnBA,mBAAA,CAAqBV,KAAK,CAAC,CAAC;QAAA;MAClD,CAAC;IACH;IACA,OAAO;MAAEW,SAAS,EAAE,IAAAH,mBAAU,EAAC,UAAU,EAAE/D,eAAe;IAAE,CAAC;EAC/D,CAAC,EAAE,CAACjE,MAAM,EAAEiE,eAAe,EAAE2D,OAAO,EAAEC,MAAM,EAAE5E,IAAI,EAAE4C,IAAI,EAAErC,QAAQ,CAAC,CAAC;EAEpE,IAAM4E,iBAAiB,GAAG,IAAAxB,kBAAW,EACnC,UAAC5E,KAAK,EAAK;IAAA,IAAAqG,gBAAA;IACTxE,WAAW,CAAC7B,KAAK,CAAC;IAClB,IAAIgC,cAAc,EAAE;MAClB8B,OAAO,CAAC,KAAK,CAAC;IAChB;IACA,CAAAuC,gBAAA,GAAA5C,OAAO,CAACqB,OAAO,cAAAuB,gBAAA,eAAfA,gBAAA,CAAiBC,KAAK,CAAC,CAAC;EAC1B,CAAC,EACD,CAACzE,WAAW,EAAEG,cAAc,CAC9B,CAAC;EAED,IAAMuE,iCAAiC,GAAG,IAAA3B,kBAAW,EAAC,YAAM;IAC1D,IAAI5D,IAAI,KAAK,UAAU,EAAE;MACvB,IAAI+C,eAAe,CAAC7F,MAAM,KAAKgG,eAAe,CAAChG,MAAM,EAAE;QACrD,IAAI,OAAOqE,yBAAyB,KAAK,UAAU,EAAE;UACnDA,yBAAyB,CAAC,CAAC;QAC7B,CAAC,MAAM;UACLb,QAAQ,CAAC,EAAE,CAAC;QACd;MACF,CAAC,MAAM;QACL,IAAI,OAAOa,yBAAyB,KAAK,UAAU,EAAE;UACnDA,yBAAyB,CAAC,CAAC;QAC7B,CAAC,MAAM;UACLb,QAAQ,CAACwC,eAAe,CAAC;QAC3B;MACF;IACF,CAAC,MAAM;MACL,IAAI,OAAO3B,yBAAyB,KAAK,UAAU,EAAE;QACnDA,yBAAyB,CAAC,CAAC;MAC7B,CAAC,MAAM;QACLb,QAAQ,CAAC,EAAE,CAAC;MACd;IACF;IACA,IAAIM,cAAc,EAAE;MAClB8B,OAAO,CAAC,KAAK,CAAC;IAChB;EACF,CAAC,EAAE,CACDpC,QAAQ,EACRV,IAAI,EACJgB,cAAc,EACd+B,eAAe,CAAC7F,MAAM,EACtBgG,eAAe,EACf3B,yBAAyB,CAC1B,CAAC;EAEF,IAAMiE,kBAAkB,GAAG,IAAA5B,kBAAW,EACpC,UAACP,MAAM,EAAEyB,KAAK,EAAK;IACjB,IAAI,OAAOxD,YAAY,KAAK,UAAU,EAAE;MACtC,OAAOA,YAAY,CAAC+B,MAAM,EAAEyB,KAAK,CAAC;IACpC;IACA,oBACElK,MAAA,CAAAa,OAAA,CAAAgK,aAAA,CAAA7K,MAAA,CAAAa,OAAA,CAAAiK,QAAA,qBACE9K,MAAA,CAAAa,OAAA,CAAAgK,aAAA,CAACxK,cAAA,CAAA0K,aAAa;MACZC,QAAQ,EAAEvC,MAAM,CAACwC,KAAM;MACvBC,KAAK,EAAEzC,MAAM,CAACyC,KAAM;MACpBC,SAAS,EAAE1C,MAAM,CAAC0C,SAAU;MAC5B5H,IAAI,EAAEkF,MAAM,CAAClF,IAAK;MAClB6H,cAAc,EAAE3C,MAAM,CAAC2C;IAAe,CACvC,CAAC,EACD3C,MAAM,CAACE,EAAE,KAAK,IAAI,GACjBvD,IAAI,KAAK,UAAU,gBACjBpF,MAAA,CAAAa,OAAA,CAAAgK,aAAA,CAACvK,OAAA,CAAA+K,cAAc,EAAApJ,QAAA;MACbqJ,OAAO,EAAEhC,mBAAoB;MAC7B5D,KAAK,EAAE8D,kBAAkB,IAAI,CAACF;IAAoB,GAC9CY,KAAK,CACV,CAAC,gBAEFlK,MAAA,CAAAa,OAAA,CAAAgK,aAAA,CAACvK,OAAA,CAAAiL,iBAAiB,EAAAtJ,QAAA;MAChBqJ,OAAO,EAAEnD,eAAe,CAAC7F,MAAM,GAAG,CAAC,IAAI,CAAC6F,eAAe,CAAC,CAAC;IAAE,GACvD+B,KAAK,CACV,CACF,GACC9E,IAAI,KAAK,UAAU,gBACrBpF,MAAA,CAAAa,OAAA,CAAAgK,aAAA,CAACvK,OAAA,CAAA+K,cAAc,EAAApJ,QAAA;MACbyD,KAAK,EAAEoD,YAAY,CAACI,OAAO,CAACG,QAAQ,CAACZ,MAAM,CAACE,EAAE;IAAE,GAC5CuB,KAAK,CACV,CAAC,gBAEFlK,MAAA,CAAAa,OAAA,CAAAgK,aAAA,CAACvK,OAAA,CAAAiL,iBAAiB,EAAKrB,KAAQ,CAEjC,CAAC;EAEP,CAAC,EACD,CACEZ,mBAAmB,EACnB5C,YAAY,EACZtB,IAAI,EACJoE,kBAAkB,EAClBrB,eAAe,CAEnB,CAAC;EAED,oBACEnI,MAAA,CAAAa,OAAA,CAAAgK,aAAA,CAAClD,GAAG,EAAKuC,KAAK,eACZlK,MAAA,CAAAa,OAAA,CAAAgK,aAAA,cACG,CAAC1E,aAAa,gBACbnG,MAAA,CAAAa,OAAA,CAAAgK,aAAA,CAACvK,OAAA,CAAAkL,gBAAgB;IAACC,GAAG,EAAE5D;EAAQ,GAC5Bf,cAAc,gBACb9G,MAAA,CAAAa,OAAA,CAAAgK,aAAA,CAACvK,OAAA,CAAAoL,oBAAoB,QAAE5E,cAAqC,CAAC,GAC3D,IAAI,eACR9G,MAAA,CAAAa,OAAA,CAAAgK,aAAA,CAACvK,OAAA,CAAAqL,iBAAiB;IAACF,GAAG,EAAEhE,SAAU;IAAC1B,WAAW,EAAEA;EAAY,CAAE,CAAC,EAC9DgB,YAAY,gBACX/G,MAAA,CAAAa,OAAA,CAAAgK,aAAA,CAACvK,OAAA,CAAAsL,kBAAkB,QAAE7E,YAAiC,CAAC,GACrD,IACY,CAAC,GACjB,IAAI,eACR/G,MAAA,CAAAa,OAAA,CAAAgK,aAAA,CAACrK,aAAA,CAAAqL,YAAY,EAAA5J,QAAA,KACPkF,IAAI;IACR2E,kBAAkB;IAClBC,OAAO,EAAEzE,SAAU;IACnBkD,iBAAiB,EAAEA,iBAAkB;IACrChF,QAAQ,EAAEA,QAAS;IACnBqE,YAAY,EAAEA,YAAa;IAC3BnD,YAAY,EAAEkE,kBAAmB;IACjCtF,OAAO,EAAEA,OAAQ;IACjBwD,YAAY,EAAEA,YAAY,CAACI,OAAQ;IACnCvC,yBAAyB,EAAEgE,iCAAkC;IAC7DvF,IAAI,EAAEA,IAAK;IACXyB,qBAAqB,EAAEA,qBAAsB;IAC7CN,oBAAoB,EAAEA,oBAAqB;IAC3CW,qBAAqB,EAAEA;EAAsB,EAC9C,CACE,CACF,CAAC;AAEV,CAAC;AAEDlC,MAAM,CAACgH,WAAW,GAAG,QAAQ"}

package/dist/cjs/hooks/useHighlightText.js

@@ -18,6 +18,7 @@ var useHighlightText = function useHighlightText(text, searchBy) {
   var matchCase = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var textComparator = text;
   var searchByComparator = searchBy;
+  if (!text) return;
   if (!matchCase) {
     textComparator = text.toLowerCase();
     searchByComparator = searchBy.toLowerCase();

package/dist/cjs/hooks/useHighlightText.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHighlightText.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledHiglightedText","styled","span","withConfig","displayName","componentId","useHighlightText","text","searchBy","matchCase","arguments","length","undefined","textComparator","searchByComparator","toLowerCase","indexOf","beforeHighlighted","substring","highLighted","afterHighlighted","createElement","Fragment","replace","className","_default","exports"],"sources":["../../../src/hooks/useHighlightText.tsx"],"sourcesContent":["import React, { Fragment, ReactNode } from \"react\";\n\nimport styled from \"styled-components\";\n\nconst StyledHiglightedText = styled.span`\n  background-color: var(--color-primary-200);\n`;\n\nStyledHiglightedText.displayName = \"StyledHiglightedText\";\n\nconst useHighlightText = (\n  text: string,\n  searchBy: string,\n  matchCase = false\n): ReactNode => {\n  let textComparator = text;\n  let searchByComparator = searchBy;\n\n  if (!matchCase) {\n    textComparator = text.toLowerCase();\n    searchByComparator = searchBy.toLowerCase();\n  }\n\n  if (\n    searchBy &&\n    textComparator &&\n    textComparator.indexOf(searchByComparator) >= 0\n  ) {\n    const beforeHighlighted = text.substring(\n      0,\n      textComparator.indexOf(searchByComparator)\n    );\n    const highLighted = text.substring(\n      textComparator.indexOf(searchByComparator),\n      textComparator.indexOf(searchByComparator) + searchBy.length\n    );\n    const afterHighlighted = text.substring(\n      textComparator.indexOf(searchByComparator) + searchBy.length\n    );\n\n    return (\n      <Fragment>\n        {beforeHighlighted.replace(/ /g, \"\\u00a0\")}\n        <StyledHiglightedText className=\"c-option--text__highlight\">\n          {highLighted.replace(/ /g, \"\\u00a0\")}\n        </StyledHiglightedText>\n        {afterHighlighted.replace(/ /g, \"\\u00a0\")}\n      </Fragment>\n    );\n  }\n\n  return text;\n};\n\nexport default useHighlightText;\n"],"mappings":"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"}
+{"version":3,"file":"useHighlightText.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledHiglightedText","styled","span","withConfig","displayName","componentId","useHighlightText","text","searchBy","matchCase","arguments","length","undefined","textComparator","searchByComparator","toLowerCase","indexOf","beforeHighlighted","substring","highLighted","afterHighlighted","createElement","Fragment","replace","className","_default","exports"],"sources":["../../../src/hooks/useHighlightText.tsx"],"sourcesContent":["import React, { Fragment, ReactNode } from \"react\";\n\nimport styled from \"styled-components\";\n\nconst StyledHiglightedText = styled.span`\n  background-color: var(--color-primary-200);\n`;\n\nStyledHiglightedText.displayName = \"StyledHiglightedText\";\n\nconst useHighlightText = (\n  text: string,\n  searchBy: string,\n  matchCase = false\n): ReactNode => {\n  let textComparator = text;\n  let searchByComparator = searchBy;\n  if (!text) return;\n\n  if (!matchCase) {\n    textComparator = text.toLowerCase();\n    searchByComparator = searchBy.toLowerCase();\n  }\n\n  if (\n    searchBy &&\n    textComparator &&\n    textComparator.indexOf(searchByComparator) >= 0\n  ) {\n    const beforeHighlighted = text.substring(\n      0,\n      textComparator.indexOf(searchByComparator)\n    );\n    const highLighted = text.substring(\n      textComparator.indexOf(searchByComparator),\n      textComparator.indexOf(searchByComparator) + searchBy.length\n    );\n    const afterHighlighted = text.substring(\n      textComparator.indexOf(searchByComparator) + searchBy.length\n    );\n\n    return (\n      <Fragment>\n        {beforeHighlighted.replace(/ /g, \"\\u00a0\")}\n        <StyledHiglightedText className=\"c-option--text__highlight\">\n          {highLighted.replace(/ /g, \"\\u00a0\")}\n        </StyledHiglightedText>\n        {afterHighlighted.replace(/ /g, \"\\u00a0\")}\n      </Fragment>\n    );\n  }\n\n  return text;\n};\n\nexport default useHighlightText;\n"],"mappings":"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"}

package/dist/esm/components/Autocomplete/Autocomplete.d.ts

@@ -1,6 +1,6 @@
-import { FC, ReactNode, ReactElement, MutableRefObject } from "react";
-import { IOptionItemProps } from "../Select/Option";
-import { IOptionGroupProps } from "../Select/OptionGroup";
+import { type FC, type ReactNode, type ReactElement, type MutableRefObject } from "react";
+import { type IOptionItemProps } from "../Select/Option";
+import { type IOptionGroupProps } from "../Select/OptionGroup";
 export declare function isOptionGroup(item: IOptionGroupProps | IOptionItemProps): item is IOptionGroupProps;
 export interface IAutocompleteProps {
     /** Select type: single or multiple */
@@ -43,6 +43,9 @@ export interface IAutocompleteProps {
     autoHeightMax?: number;
     /** Clear input on select - works in single mode */
     clearInputOnSelect?: boolean;
+    /** Custom filter function for additional filtering criteria */
+    filterCriteria?: (option: IOptionItemProps, filter: string) => boolean;
+    disableVirtualization?: boolean;
 }
 export declare const Autocomplete: FC<IAutocompleteProps>;
 //# sourceMappingURL=Autocomplete.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EAMF,SAAS,EACT,YAAY,EACZ,gBAAgB,EACjB,MAAM,OAAO,CAAC;AAUf,OAAO,EAAE,gBAAgB,EAAU,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAe,MAAM,uBAAuB,CAAC;AAEvE,wBAAgB,aAAa,CAC3B,IAAI,EAAE,iBAAiB,GAAG,gBAAgB,GACzC,IAAI,IAAI,iBAAiB,CAE3B;AAED,MAAM,WAAW,kBAAkB;IACjC,sCAAsC;IACtC,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,uCAAuC;IACvC,OAAO,CAAC,EAAE,CAAC,iBAAiB,GAAG,gBAAgB,CAAC,EAAE,CAAC;IACnD,sBAAsB;IACtB,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;IACjD,2BAA2B;IAC3B,YAAY,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACnC,qBAAqB;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAChE,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB;IACpB,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EACjC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC1B,MAAM,GAAG,YAAY,CAAC;IAC3B,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gCAAgC;IAChC,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B,4BAA4B;IAC5B,YAAY,CAAC,EAAE,CACb,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,KACxD,IAAI,CAAC;IACV,kCAAkC;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB;IACxB,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,8BAA8B;IAC9B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,2CAA2C;IAC3C,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,yCAAyC;IACzC,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAC;IACvC,uCAAuC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,0DAA0D;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6CAA6C;IAC7C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAOD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,kBAAkB,CA+f/C,CAAC"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,KAAK,EAAE,EAMP,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACtB,MAAM,OAAO,CAAC;AAWf,OAAO,EAAE,KAAK,gBAAgB,EAAU,MAAM,kBAAkB,CAAC;AAEjE,OAAO,EAAE,KAAK,iBAAiB,EAAe,MAAM,uBAAuB,CAAC;AAE5E,wBAAgB,aAAa,CAC3B,IAAI,EAAE,iBAAiB,GAAG,gBAAgB,GACzC,IAAI,IAAI,iBAAiB,CAE3B;AAED,MAAM,WAAW,kBAAkB;IACjC,sCAAsC;IACtC,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,uCAAuC;IACvC,OAAO,CAAC,EAAE,CAAC,iBAAiB,GAAG,gBAAgB,CAAC,EAAE,CAAC;IACnD,sBAAsB;IACtB,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;IACjD,2BAA2B;IAC3B,YAAY,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACnC,qBAAqB;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAChE,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB;IACpB,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EACjC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC1B,MAAM,GAAG,YAAY,CAAC;IAC3B,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gCAAgC;IAChC,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B,4BAA4B;IAC5B,YAAY,CAAC,EAAE,CACb,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,KACxD,IAAI,CAAC;IACV,kCAAkC;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB;IACxB,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,8BAA8B;IAC9B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,2CAA2C;IAC3C,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,yCAAyC;IACzC,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAC;IACvC,uCAAuC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,0DAA0D;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6CAA6C;IAC7C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,+DAA+D;IAC/D,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACvE,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAcD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,kBAAkB,CA4rB/C,CAAC"}

package/dist/esm/components/Autocomplete/Autocomplete.js

@@ -1,6 +1,6 @@
 import _styled from "styled-components";
 import React, { useCallback, useState, useMemo, useEffect, useRef } from "react";
-import { Scrollbars } from "react-custom-scrollbars-2";
+import { useVirtualizer } from "@tanstack/react-virtual";
 import { handleKeyboardMovement } from "./HandleKeyboard";
 import { StyledAutocompleteBody, StyledAutocompleteNewItem, StyledAutocompleteScrollShadow } from "./Styles";
 import highlightText from "../../hooks/useHighlightText";
@@ -31,10 +31,12 @@ export const Autocomplete = _ref => {
     keepSameOptionsOrder = false,
     autoHeightMax = 340,
     clearInputOnSelect,
-    mixedOptions = []
+    mixedOptions = [],
+    filterCriteria,
+    disableVirtualization
   } = _ref;
+  const listContainerRef = useRef(null);
   const itemRef = useRef(null);
-  const listRef = useRef(null);
   const selectedOptions = useMemo(() => {
     if (Array.isArray(selected)) {
       return selected;
@@ -77,9 +79,9 @@ export const Autocomplete = _ref => {
     } else {
       return opts.sort(sortOptions);
     }
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [mixedOptions, selectedOptions]);
   const sortList = useCallback(options => {
     var _options$;
     if (disabledInternalSort) {
@@ -100,7 +102,11 @@ export const Autocomplete = _ref => {
       return handleSort(sortedOptions);
     }
   }, [sortDirection, disabledInternalSort, handleSort]);
-  const sortedList = useMemo(() => sortList(options), [options, sortList]);
+  const [sortedList, setSortedList] = useState(() => sortList(options));
+  useEffect(() => {
+    setSortedList(sortList(options));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [options]);
   const [hover, setHover] = useState({
     item: undefined,
     by: undefined
@@ -129,22 +135,20 @@ export const Autocomplete = _ref => {
       return option.name.toLowerCase() !== filter.trim().toLowerCase();
     }));
   }, [emptyValue, filter, options]);
-  const renderAddNew = useMemo(() => {
-    return /*#__PURE__*/React.createElement(StyledAutocompleteNewItem, {
-      ref: hover.item === "addNew" ? itemRef : null,
-      key: "emptyValue",
-      hover: hover.item === "addNew",
-      onMouseDown: handleEmpty,
-      onMouseEnter: onAddNewMouseEnter
-    }, emptyValue);
-  }, [emptyValue, handleEmpty, hover, onAddNewMouseEnter]);
   const filterOptions = useCallback((options, filter) => {
     const trimmedFilter = filter.trim();
     const isGrouped = options[0] && isOptionGroup(options[0]);
+    const matchesFilter = option => {
+      const nameMatch = option.name.toLowerCase().includes(trimmedFilter.toLowerCase());
+      if (filterCriteria && trimmedFilter) {
+        return nameMatch || filterCriteria(option, trimmedFilter);
+      }
+      return nameMatch;
+    };
     if (isGrouped) {
       let hovered = false;
       return options.reduce((acc, groupedOption) => {
-        const filteredOptions = groupedOption.options.filter(v => v.name.toLowerCase().includes(trimmedFilter.toLowerCase()));
+        const filteredOptions = groupedOption.options.filter(matchesFilter);
         if (filteredOptions.length > 0) {
           if (!hovered && filter) {
             setHover({
@@ -161,7 +165,7 @@ export const Autocomplete = _ref => {
         return [...acc];
       }, []);
     } else {
-      const filteredOptions = options.filter(v => v.name.toLowerCase().includes(trimmedFilter.toLowerCase()));
+      const filteredOptions = options.filter(matchesFilter);
       if (filter && filteredOptions.length > 0) {
         setHover({
           item: filteredOptions[0].id,
@@ -176,7 +180,7 @@ export const Autocomplete = _ref => {
       }
       return filteredOptions;
     }
-  }, [emptyValue]);
+  }, [emptyValue, filterCriteria]);
   const list = useMemo(() => filterOptions(sortedList, filter), [filter, filterOptions, sortedList]);
   const showDefaultOption = useMemo(() => !!defaultValue && !filter, [defaultValue, filter]);
   const flatOptions = useMemo(() => {
@@ -188,6 +192,61 @@ export const Autocomplete = _ref => {
     }, []);
     return filterOptions(options, filter);
   }, [filter, filterOptions, list]);
+  const showNoResultCondition = useMemo(() => noResultText && !showAddNew && list.length < 1 && (defaultValue && filter || !defaultValue), [noResultText, showAddNew, list.length, defaultValue, filter]);
+  const virtualItems = useMemo(() => {
+    const items = [];
+    if (showDefaultOption) {
+      items.push({
+        type: "default",
+        id: "default"
+      });
+    }
+    list.forEach((item, index) => {
+      if (isOptionGroup(item)) {
+        items.push({
+          type: "group",
+          id: item.id,
+          item
+        });
+        item.options.forEach(option => {
+          items.push({
+            type: "option",
+            id: option.id,
+            item: option,
+            index
+          });
+        });
+      } else {
+        items.push({
+          type: "option",
+          id: item.id,
+          item,
+          index
+        });
+      }
+    });
+    if (showNoResultCondition) {
+      items.push({
+        type: "noResult",
+        id: "noResult"
+      });
+    }
+    if (showAddNew) {
+      items.push({
+        type: "addNew",
+        id: "addNew"
+      });
+    }
+    return items;
+  }, [list, showDefaultOption, showNoResultCondition, showAddNew]);
+  const shouldUseVirtualization = !disableVirtualization && virtualItems.length > 40;
+  const rowVirtualizer = useVirtualizer({
+    count: virtualItems.length,
+    getScrollElement: () => listContainerRef.current,
+    estimateSize: () => 28,
+    overscan: 5,
+    gap: 4
+  });
   const handleInputChange = useCallback(e => {
     if (e.target && !(e.key === "ArrowDown") && !(e.key === "ArrowUp") && !(e.key === "Enter")) {
       setFilter(e.target.value);
@@ -264,7 +323,7 @@ export const Autocomplete = _ref => {
     }
     return /*#__PURE__*/React.createElement(Option, {
       name: item.name,
-      ref: itemRef,
+      ref: hover.item === item.id ? itemRef : null,
       key: index,
       tooltip: item.tooltip,
       onMouseEnter: handleMouseEnter,
@@ -289,23 +348,16 @@ export const Autocomplete = _ref => {
       by: "mouse"
     });
   }, []);
-  const handleScroll = useCallback((list, itemOffset) => {
-    if (list.getClientHeight() + list.getScrollTop() < itemOffset + 40) {
-      return list.scrollTop(itemOffset - list.getClientHeight() + 30);
-    }
-    if (list.getScrollTop() > itemOffset) {
-      return list.scrollTop(itemOffset);
-    }
-  }, []);
   useEffect(() => {
     if (hover.by === "keyboard" && hover.item !== undefined) {
-      const item = itemRef.current;
-      const list = listRef.current;
-      if (itemRef && item && list) {
-        handleScroll(list, item.offsetTop);
+      const index = virtualItems.findIndex(item => item.id === hover.item);
+      if (index !== -1) {
+        rowVirtualizer.scrollToIndex(index, {
+          align: "center"
+        });
       }
     }
-  }, [handleScroll, hover]);
+  }, [hover, rowVirtualizer, virtualItems]);
   const handleOnKeyDown = useCallback(e => {
     if (e.key === "Enter") {
       e.preventDefault();
@@ -348,8 +400,80 @@ export const Autocomplete = _ref => {
       return selectedOptions[0] === null || selectedOptions.length === flatOptions.length;
     }
   }, [flatOptions.length, preselectDefaultValue, selectedOptions]);
-  const showNoResult = useMemo(() => noResultText && !showAddNew && list.length < 1 && (defaultValue && filter || !defaultValue), [noResultText, showAddNew, list.length, defaultValue, filter]);
-  const renderNoResult = useMemo(() => /*#__PURE__*/React.createElement(_StyledStyledOption, null, noResultText), [noResultText]);
+  const renderVirtualItem = useCallback((virtualItem, index) => {
+    switch (virtualItem.type) {
+      case "default":
+        return /*#__PURE__*/React.createElement(Option, {
+          name: String(defaultValue),
+          ref: hover.item === null ? itemRef : null,
+          hover: hover.item === null,
+          onMouseEnter: handleMouseEnter,
+          onClick: e => {
+            e.preventDefault();
+            toggleSelected(null);
+          },
+          renderOption: renderOption({
+            name: defaultValue,
+            id: null
+          }, {
+            checked: isDefaultOptionSelected(),
+            hover: hover.item === null,
+            onChange: () => null
+          })
+        });
+      case "group":
+        if (!virtualItem.item || !isOptionGroup(virtualItem.item)) return null;
+        return /*#__PURE__*/React.createElement(OptionGroup, {
+          checked: selectedOptions,
+          name: virtualItem.item.name,
+          tooltip: virtualItem.item.tooltip,
+          key: virtualItem.item.id,
+          setHover: handleHoverCallback,
+          id: virtualItem.item.id,
+          hover: hover.item,
+          options: virtualItem.item.options,
+          renderOptions: handleRenderOption,
+          type: type,
+          onChange: handleChange,
+          filter: filter,
+          mixedOptions: mixedOptions
+        });
+      case "option":
+        if (!virtualItem.item || isOptionGroup(virtualItem.item)) return null;
+        return /*#__PURE__*/React.createElement(Option, {
+          name: virtualItem.item.name,
+          ref: hover.item === virtualItem.id ? itemRef : null,
+          key: index,
+          tooltip: virtualItem.item.tooltip,
+          onMouseEnter: () => handleMouseEnter(virtualItem.id),
+          onClick: handleClick,
+          id: virtualItem.id,
+          hover: virtualItem.id === hover.item,
+          className: optionClassName,
+          renderOption: renderOption({
+            ...virtualItem.item,
+            name: highlightText(virtualItem.item.name, filter)
+          }, {
+            id: "option_" + virtualItem.id,
+            checked: selectedOptions && selectedOptions.includes(virtualItem.id),
+            hover: hover.item === virtualItem.id,
+            onChange: () => null
+          })
+        });
+      case "noResult":
+        return /*#__PURE__*/React.createElement(_StyledStyledOption, null, noResultText);
+      case "addNew":
+        return /*#__PURE__*/React.createElement(StyledAutocompleteNewItem, {
+          ref: hover.item === "addNew" ? itemRef : null,
+          key: "emptyValue",
+          hover: hover.item === "addNew",
+          onMouseDown: handleEmpty,
+          onMouseEnter: onAddNewMouseEnter
+        }, emptyValue);
+      default:
+        return null;
+    }
+  }, [defaultValue, hover.item, handleMouseEnter, renderOption, isDefaultOptionSelected, selectedOptions, handleHoverCallback, handleRenderOption, type, handleChange, filter, mixedOptions, handleClick, optionClassName, noResultText, handleEmpty, onAddNewMouseEnter, emptyValue, toggleSelected]);
   return /*#__PURE__*/React.createElement(StyledAutocompleteScrollShadow, {
     className: AutocompleteClassName,
     $isHidden: !defaultValue && !emptyValue && !noResultText && list.length < 1
@@ -360,30 +484,37 @@ export const Autocomplete = _ref => {
     return /*#__PURE__*/React.createElement(StyledAutocompleteBody, {
       key: "body",
       onMouseLeave: handleOnMouseLeave
-    }, /*#__PURE__*/React.createElement(Scrollbars, {
-      ref: listRef,
-      key: "scrollBar",
-      autoHeight: true,
-      autoHeightMax: autoHeightMax,
-      onScroll: onScroll
-    }, defaultValue && !filter && /*#__PURE__*/React.createElement(Option, {
-      name: defaultValue,
-      ref: itemRef,
-      hover: hover.item === null,
-      onMouseEnter: handleMouseEnter,
-      onClick: e => {
-        e.preventDefault();
-        toggleSelected(null);
+    }, /*#__PURE__*/React.createElement("div", {
+      ref: listContainerRef,
+      style: {
+        height: Math.min(rowVirtualizer.getTotalSize() + 12, autoHeightMax) + "px",
+        overflow: "auto"
       },
-      renderOption: renderOption({
-        name: defaultValue,
-        id: null
-      }, {
-        checked: isDefaultOptionSelected(),
-        hover: hover.item === null,
-        onChange: () => null
-      })
-    }), list.map((item, index) => handleRenderOption(item, index)), showNoResult && renderNoResult, showAddNew && renderAddNew));
+      onScroll: e => {
+        if (onScroll) onScroll(e);
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        height: rowVirtualizer.getTotalSize() + "px",
+        width: "100%",
+        position: "relative"
+      }
+    }, shouldUseVirtualization ? rowVirtualizer.getVirtualItems().map(virtualRow => {
+      const item = virtualItems[virtualRow.index];
+      return /*#__PURE__*/React.createElement("div", {
+        key: virtualRow.index,
+        "data-index": virtualRow.index,
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          width: "100%",
+          transform: "translateY(" + virtualRow.start + "px)"
+        }
+      }, renderVirtualItem(item, virtualRow.index));
+    }) : virtualItems.map((item, index) => /*#__PURE__*/React.createElement(React.Fragment, {
+      key: index
+    }, renderVirtualItem(item, index))))));
   });
 };
 Autocomplete.displayName = "Autocomplete";