@laerdal/life-react-components 5.0.5-dev.3 → 5.0.5-dev.4.full

package/dist/ChipsInput/ChipDropdownInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChipDropdownInput.cjs","names":["Wrapper","styled","div","ChipInputContainer","Z_INDEXES","dropdown","ChipDropdownInput","React","forwardRef","ref","list","onInputChange","disableSorting","messageOnNoResults","values","inputId","variants","placeholder","validationMessage","onValueChange","suggestion","loading","maxSelectedItems","multiLine","size","Size","Medium","icon","disableFiltering","disabled","altPlaceholder","required","rest","useState","givenList","setGivenList","chips","setChips","activeDescendant","setActiveDescendant","value","setValue","restartFilter","setRestartFilter","filteredList","setFilteredList","dropdownIsOpen","setDropdownIsOpen","dropdownList","setDropdownList","dropdownValue","setDropdownValue","focused","setFocused","containerRef","useClickOutsideRef","useFocusOutsideRef","inputRef","useRef","useImperativeHandle","current","useEffect","map","a","find","b","label","index","variant","States","Default","newList","e","options","filter","option","toUpperCase","indexOf","secondaryLabel","sort","push","o","length","handleClickOutside","contains","target","document","addEventListener","removeEventListener","x","displayLabel","noteLabel","addChip","newChip","handleInputValueChange","handleValueUpdate","item","focus","handleInputKeyDown","event","key","stopPropagation","handleOnChipRemoved","newChips","splice","chip","action","pinTopItem","itemsType","scrollable","actionLabel","multiSelect","onValueUpdate","items"],"sources":["../../src/ChipsInput/ChipDropdownInput.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\r\nimport {Size, States} from '../types';\r\nimport {DropdownContent, DropdownItem} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\r\nimport {useClickOutsideRef, useFocusOutsideRef} from '../common';\r\nimport {Z_INDEXES} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  position: relative;\r\n  display: inline-block;\r\n  width: 100%;\r\n\r\n  ${ChipInputContainer} {\r\n    position: relative;\r\n\r\n    &:focus, &.focus-visible-within {\r\n      z-index: ${Z_INDEXES.dropdown + 1} !important;\r\n    }\r\n  }\r\n`;\r\n\r\n\r\ninterface ListItem extends ChipItem {\r\n  secondaryLabel?: string;\r\n  value: string;\r\n}\r\n\r\nexport interface ChipDropdownInputProps extends Omit<ChipInputProps, 'autoSave'> {\r\n  /** Array of items available. */\r\n  list: ListItem[] | string[];\r\n  /** On input selected/unselected. */\r\n  onInputChange?: (input: string) => void;\r\n  /** Message to show in the dropdown if none of the chips fits user input. */\r\n  messageOnNoResults?: string;\r\n  /** Message to show in the dropdown if none of the chips fits user input. */\r\n  suggestion?: ListItem;\r\n  /** If flag is set then loader will be shown in the input field. */\r\n  loading?: boolean;\r\n  /** Max number of chips that user can select. */\r\n  maxSelectedItems?: number;\r\n  /** Disable sorting of options in the dropdown. */\r\n  disableSorting?: boolean;\r\n  /** Disable filtering of options depending on user input in the dropdown. */\r\n  disableFiltering?: boolean;\r\n}\r\n\r\nexport const ChipDropdownInput = React.forwardRef<HTMLInputElement | undefined, ChipDropdownInputProps>(({\r\n                                                                                               list,\r\n                                                                                               onInputChange,\r\n                                                                                               disableSorting,\r\n                                                                                               messageOnNoResults,\r\n                                                                                               values,\r\n                                                                                               inputId,\r\n                                                                                               variants,\r\n                                                                                               placeholder,\r\n                                                                                               validationMessage,\r\n                                                                                               onValueChange,\r\n                                                                                               suggestion,\r\n                                                                                               loading,\r\n                                                                                               maxSelectedItems,\r\n                                                                                               multiLine = true,\r\n                                                                                               size = Size.Medium,\r\n                                                                                               icon,\r\n                                                                                               disableFiltering,\r\n                                                                                               disabled,\r\n                                                                                               altPlaceholder,\r\n                                                                                               required,\r\n                                                                                               ...rest\r\n                                                                                             }: ChipDropdownInputProps, ref) => {\r\n  // Initiate states\r\n  const [givenList, setGivenList] = React.useState<ListItem[]>([]);\r\n  const [chips, setChips] = React.useState<ListItem[]>([]);\r\n\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [value, setValue] = React.useState<string>('');\r\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\r\n  const [filteredList, setFilteredList] = React.useState<ListItem[]>();\r\n\r\n  const [dropdownIsOpen, setDropdownIsOpen] = React.useState<boolean>(false);\r\n  const [dropdownList, setDropdownList] = React.useState<DropdownItem[]>([]);\r\n  const [dropdownValue, setDropdownValue] = React.useState<string>('');\r\n\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n\r\n  const containerRef = useClickOutsideRef(() => setDropdownIsOpen(false), [], useFocusOutsideRef(() => setDropdownIsOpen(false)));\r\n  const inputRef = React.useRef<any>();\r\n\r\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n\r\n  /**\r\n   * Sets initial values for the chips.\r\n   */\r\n  React.useEffect(() => {\r\n\r\n    const list =\r\n      values.map((a) => chips.find(b => b.value === a) || givenList.find(b => b.value === a) || {\r\n        label: a,\r\n        value: a,\r\n        icon: icon\r\n      })\r\n        .map((a, index) => ({...a, variant: a.variant || (variants && variants[index]) || States.Default}))\r\n        .map((a, index) => ({...a, icon: a.icon || icon}));\r\n\r\n    setChips(list);\r\n  }, [values, variants, icon, givenList]);\r\n\r\n  /**\r\n   * Convert string[] to List[] if necessary\r\n   */\r\n  React.useEffect(() => {\r\n    if (typeof list[0] === 'string') {\r\n      const newList: ListItem[] = (list as string[]).map((e: string) => ({label: e, value: e}));\r\n      setGivenList(newList);\r\n    } else {\r\n      setGivenList(list as ListItem[]);\r\n    }\r\n  }, [list]);\r\n\r\n  /**\r\n   * filter and sort list if remoteOperations is false\r\n   * */\r\n  React.useEffect(() => {\r\n    let options = [...givenList];\r\n    if (!disableFiltering) {\r\n      if (!restartFilter && value !== '') {\r\n        options = options.filter((option) => option.label.toUpperCase().indexOf(value.toUpperCase()) !== -1 ||\r\n          (option.secondaryLabel && option.secondaryLabel?.toUpperCase().indexOf(value.toUpperCase()) !== -1));\r\n      }\r\n    }\r\n\r\n    if (!disableSorting) {\r\n      options = options.sort();\r\n    }\r\n\r\n    suggestion && options.push(suggestion);\r\n\r\n    options = options.filter((o) => !chips.find(a => a.value === o.value));\r\n    setFilteredList(options);\r\n  }, [value, givenList, chips, disableFiltering, disableSorting]);\r\n\r\n  /**\r\n   * if there is only one active item in dropdown mark it as focused\r\n   * */\r\n  React.useEffect(() => {\r\n    if (dropdownIsOpen && !!value && dropdownList?.filter(a => !a.disabled).length === 1) {\r\n      setDropdownValue(dropdownList.find(a => !a.disabled)!.value);\r\n    } else {\r\n      setDropdownValue('');\r\n    }\r\n  }, [dropdownList, dropdownIsOpen, value]);\r\n\r\n  const handleClickOutside = (e: any) => {\r\n    if (!containerRef.current?.contains(e.target)) {\r\n      if (dropdownIsOpen) {\r\n        setDropdownIsOpen(false);\r\n        if (!givenList.find((e) => e.value === value)) {\r\n          setValue('');\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  /**\r\n   * register click outside event listener\r\n   * */\r\n  React.useEffect(() => {\r\n    document.addEventListener('click', handleClickOutside);\r\n    return () => {\r\n      document.removeEventListener('click', handleClickOutside);\r\n    };\r\n  }, []);\r\n\r\n  /**\r\n   * update dropdown items when filtered list changes\r\n   * */\r\n  React.useEffect(() => {\r\n    setDropdownList(filteredList?.map(x => ({\r\n      value: x.value,\r\n      displayLabel: x.label,\r\n      noteLabel: x.secondaryLabel,\r\n      icon: (x.icon ?? icon),\r\n      disabled: x.disabled,\r\n    })) ?? []);\r\n  }, [filteredList]);\r\n\r\n  const addChip = (newChip: ListItem) => {\r\n    const newList = [...chips, newChip];\r\n    // Let's add the chip\r\n    setChips(newList);\r\n    onValueChange(newList.map(a => a.value));\r\n\r\n    setValue('');\r\n  };\r\n\r\n  const handleInputValueChange = (value: string) => {\r\n    setValue(value);\r\n    setRestartFilter(false);\r\n    setDropdownIsOpen(true);\r\n    onInputChange && onInputChange(value);\r\n  }\r\n\r\n  /**\r\n   * Add chip from dropdown\r\n   * */\r\n  const handleValueUpdate = (values: string[]) => {\r\n    const item = filteredList?.find(a => a.value === values[0]);\r\n    item && addChip(item);\r\n    setRestartFilter(true);\r\n    inputRef?.current?.focus();\r\n  }\r\n\r\n  /**\r\n   * Adds a chip to the chip list.\r\n   * @param event - Event handler from the key down event.\r\n   */\r\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\r\n    // Let's trigger only on enter, comma and space key press\r\n    if ((event.key === 'Enter' || event.key === ' ') && value) {\r\n      if (dropdownList?.filter(a => !a.disabled).length === 1) {\r\n        handleValueUpdate([dropdownList!.find(a => !a.disabled)!.value]);\r\n        event.stopPropagation();\r\n      }\r\n    }\r\n\r\n    if ((event.key === 'ArrowDown' || event.key === 'Down' || event.key === 'ArrowUp' || event.key === 'Up') && !!dropdownList?.length) {\r\n      setDropdownIsOpen(true);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Removes a specific chip from the chip list.\r\n   * @param index - Index of the chip that needs to be removed.\r\n   */\r\n  const handleOnChipRemoved = (index: number): void => {\r\n    // Let's copy the chips\r\n    const newChips = [...chips];\r\n\r\n    // Let's delete the chip\r\n    // If necessary, let's replace it with a different chip\r\n    newChips.splice(index, 1);\r\n\r\n    // Let's update the chip list\r\n    setChips([...newChips]);\r\n    onValueChange(newChips.map((e) => e.value));\r\n  };\r\n\r\n  return (\r\n    <Wrapper ref={containerRef}>\r\n      <ChipInputField inputId={inputId}\r\n                      ref={inputRef}\r\n                      items={chips}\r\n                      required={required}\r\n                      inputValue={value}\r\n                      role=\"combobox\"\r\n                      aria-activedescendant={activeDescendant}\r\n                      size={size}\r\n                      placeholder={placeholder}\r\n                      altPlaceholder={altPlaceholder}\r\n                      disabled={disabled}\r\n                      multiLine={multiLine}\r\n                      validationMessage={validationMessage}\r\n                      loading={loading}\r\n                      onRemoveItem={(chip, index) => handleOnChipRemoved(index)}\r\n                      onInputValueChange={handleInputValueChange}\r\n                      onInputKeyDown={handleInputKeyDown}\r\n                      onActivationChange={(value) => setDropdownIsOpen(value)}\r\n                      {...rest}/>\r\n      <DropdownContent\r\n        containerRef={containerRef}\r\n        customizationProps={{\r\n          action: () => {\r\n          },\r\n          pinTopItem: true,\r\n\r\n          itemsType: 'normal',\r\n          scrollable: true,\r\n          actionLabel: '',\r\n          multiSelect: false,\r\n          onValueUpdate: handleValueUpdate,\r\n          items: dropdownList,\r\n        }}\r\n        ariaRolesType=\"input\"\r\n        focused={focused}\r\n        setFocused={setFocused}\r\n        onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n        selectedValues={[dropdownValue]}\r\n        messageOnNoResults={messageOnNoResults ?? ''}\r\n        setSelectedValues={() => {\r\n        }}\r\n        isOpen={(!maxSelectedItems || (!!maxSelectedItems && chips.length < maxSelectedItems)) && dropdownIsOpen}\r\n        setIsOpen={setDropdownIsOpen}\r\n        filter={''}\r\n        isButton={false}\r\n        id={`${inputId}_dropdowncontent`}/>\r\n\r\n    </Wrapper>\r\n  );\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"ChipDropdownInput.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_ChipInputField","_types","_Dropdown","_common","_styles","_jsxRuntime","_excluded","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Wrapper","styled","div","_taggedTemplateLiteral2","ChipInputContainer","Z_INDEXES","dropdown","ChipDropdownInput","forwardRef","_ref","ref","list","onInputChange","disableSorting","messageOnNoResults","values","inputId","variants","placeholder","validationMessage","onValueChange","suggestion","loading","maxSelectedItems","_ref$multiLine","multiLine","_ref$size","size","Size","Medium","icon","disableFiltering","disabled","altPlaceholder","required","rest","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","givenList","setGivenList","_React$useState3","_React$useState4","chips","setChips","_React$useState5","_React$useState6","activeDescendant","setActiveDescendant","_React$useState7","_React$useState8","value","setValue","_React$useState9","_React$useState10","restartFilter","setRestartFilter","_React$useState11","_React$useState12","filteredList","setFilteredList","_React$useState13","_React$useState14","dropdownIsOpen","setDropdownIsOpen","_React$useState15","_React$useState16","dropdownList","setDropdownList","_React$useState17","_React$useState18","dropdownValue","setDropdownValue","_React$useState19","_React$useState20","focused","setFocused","containerRef","useClickOutsideRef","useFocusOutsideRef","inputRef","useRef","useImperativeHandle","current","useEffect","map","find","b","label","index","variant","States","Default","newList","options","_toConsumableArray2","option","_option$secondaryLabe","toUpperCase","indexOf","secondaryLabel","sort","handleClickOutside","_containerRef$current","contains","target","document","addEventListener","removeEventListener","_filteredList$map","x","_x$icon","displayLabel","noteLabel","addChip","newChip","concat","handleInputValueChange","handleValueUpdate","_inputRef$current","item","focus","handleInputKeyDown","event","key","stopPropagation","handleOnChipRemoved","newChips","splice","jsxs","children","jsx","ChipInputField","items","inputValue","role","onRemoveItem","chip","onInputValueChange","onInputKeyDown","onActivationChange","DropdownContent","customizationProps","action","pinTopItem","itemsType","scrollable","actionLabel","multiSelect","onValueUpdate","ariaRolesType","onActiveDescendantChanged","selectedValues","setSelectedValues","isOpen","setIsOpen","isButton","id","exports","propTypes","_propTypes","oneOfType","arrayOf","shape","string","isRequired","func","bool","number"],"sources":["../../src/ChipsInput/ChipDropdownInput.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom components.\n */\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\nimport {Size, States} from '../types';\nimport {DropdownContent, DropdownItem} from '../Dropdown';\nimport {SystemIcons} from '../icons';\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\nimport {useClickOutsideRef, useFocusOutsideRef} from '../common';\nimport {Z_INDEXES} from '../styles';\n\nconst Wrapper = styled.div`\n  position: relative;\n  display: inline-block;\n  width: 100%;\n\n  ${ChipInputContainer} {\n    position: relative;\n\n    &:focus, &.focus-visible-within {\n      z-index: ${Z_INDEXES.dropdown + 1} !important;\n    }\n  }\n`;\n\n\ninterface ListItem extends ChipItem {\n  secondaryLabel?: string;\n  value: string;\n}\n\nexport interface ChipDropdownInputProps extends Omit<ChipInputProps, 'autoSave'> {\n  /** Array of items available. */\n  list: ListItem[] | string[];\n  /** On input selected/unselected. */\n  onInputChange?: (input: string) => void;\n  /** Message to show in the dropdown if none of the chips fits user input. */\n  messageOnNoResults?: string;\n  /** Message to show in the dropdown if none of the chips fits user input. */\n  suggestion?: ListItem;\n  /** If flag is set then loader will be shown in the input field. */\n  loading?: boolean;\n  /** Max number of chips that user can select. */\n  maxSelectedItems?: number;\n  /** Disable sorting of options in the dropdown. */\n  disableSorting?: boolean;\n  /** Disable filtering of options depending on user input in the dropdown. */\n  disableFiltering?: boolean;\n}\n\nexport const ChipDropdownInput = React.forwardRef<HTMLInputElement | undefined, ChipDropdownInputProps>(({\n                                                                                               list,\n                                                                                               onInputChange,\n                                                                                               disableSorting,\n                                                                                               messageOnNoResults,\n                                                                                               values,\n                                                                                               inputId,\n                                                                                               variants,\n                                                                                               placeholder,\n                                                                                               validationMessage,\n                                                                                               onValueChange,\n                                                                                               suggestion,\n                                                                                               loading,\n                                                                                               maxSelectedItems,\n                                                                                               multiLine = true,\n                                                                                               size = Size.Medium,\n                                                                                               icon,\n                                                                                               disableFiltering,\n                                                                                               disabled,\n                                                                                               altPlaceholder,\n                                                                                               required,\n                                                                                               ...rest\n                                                                                             }: ChipDropdownInputProps, ref) => {\n  // Initiate states\n  const [givenList, setGivenList] = React.useState<ListItem[]>([]);\n  const [chips, setChips] = React.useState<ListItem[]>([]);\n\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\n  const [value, setValue] = React.useState<string>('');\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\n  const [filteredList, setFilteredList] = React.useState<ListItem[]>();\n\n  const [dropdownIsOpen, setDropdownIsOpen] = React.useState<boolean>(false);\n  const [dropdownList, setDropdownList] = React.useState<DropdownItem[]>([]);\n  const [dropdownValue, setDropdownValue] = React.useState<string>('');\n\n  const [focused, setFocused] = React.useState<number | null>(null);\n\n  const containerRef = useClickOutsideRef(() => setDropdownIsOpen(false), [], useFocusOutsideRef(() => setDropdownIsOpen(false)));\n  const inputRef = React.useRef<any>();\n\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\n\n\n  /**\n   * Sets initial values for the chips.\n   */\n  React.useEffect(() => {\n\n    const list =\n      values.map((a) => chips.find(b => b.value === a) || givenList.find(b => b.value === a) || {\n        label: a,\n        value: a,\n        icon: icon\n      })\n        .map((a, index) => ({...a, variant: a.variant || (variants && variants[index]) || States.Default}))\n        .map((a, index) => ({...a, icon: a.icon || icon}));\n\n    setChips(list);\n  }, [values, variants, icon, givenList]);\n\n  /**\n   * Convert string[] to List[] if necessary\n   */\n  React.useEffect(() => {\n    if (typeof list[0] === 'string') {\n      const newList: ListItem[] = (list as string[]).map((e: string) => ({label: e, value: e}));\n      setGivenList(newList);\n    } else {\n      setGivenList(list as ListItem[]);\n    }\n  }, [list]);\n\n  /**\n   * filter and sort list if remoteOperations is false\n   * */\n  React.useEffect(() => {\n    let options = [...givenList];\n    if (!disableFiltering) {\n      if (!restartFilter && value !== '') {\n        options = options.filter((option) => option.label.toUpperCase().indexOf(value.toUpperCase()) !== -1 ||\n          (option.secondaryLabel && option.secondaryLabel?.toUpperCase().indexOf(value.toUpperCase()) !== -1));\n      }\n    }\n\n    if (!disableSorting) {\n      options = options.sort();\n    }\n\n    suggestion && options.push(suggestion);\n\n    options = options.filter((o) => !chips.find(a => a.value === o.value));\n    setFilteredList(options);\n  }, [value, givenList, chips, disableFiltering, disableSorting]);\n\n  /**\n   * if there is only one active item in dropdown mark it as focused\n   * */\n  React.useEffect(() => {\n    if (dropdownIsOpen && !!value && dropdownList?.filter(a => !a.disabled).length === 1) {\n      setDropdownValue(dropdownList.find(a => !a.disabled)!.value);\n    } else {\n      setDropdownValue('');\n    }\n  }, [dropdownList, dropdownIsOpen, value]);\n\n  const handleClickOutside = (e: any) => {\n    if (!containerRef.current?.contains(e.target)) {\n      if (dropdownIsOpen) {\n        setDropdownIsOpen(false);\n        if (!givenList.find((e) => e.value === value)) {\n          setValue('');\n        }\n      }\n    }\n  };\n\n  /**\n   * register click outside event listener\n   * */\n  React.useEffect(() => {\n    document.addEventListener('click', handleClickOutside);\n    return () => {\n      document.removeEventListener('click', handleClickOutside);\n    };\n  }, []);\n\n  /**\n   * update dropdown items when filtered list changes\n   * */\n  React.useEffect(() => {\n    setDropdownList(filteredList?.map(x => ({\n      value: x.value,\n      displayLabel: x.label,\n      noteLabel: x.secondaryLabel,\n      icon: (x.icon ?? icon),\n      disabled: x.disabled,\n    })) ?? []);\n  }, [filteredList]);\n\n  const addChip = (newChip: ListItem) => {\n    const newList = [...chips, newChip];\n    // Let's add the chip\n    setChips(newList);\n    onValueChange(newList.map(a => a.value));\n\n    setValue('');\n  };\n\n  const handleInputValueChange = (value: string) => {\n    setValue(value);\n    setRestartFilter(false);\n    setDropdownIsOpen(true);\n    onInputChange && onInputChange(value);\n  }\n\n  /**\n   * Add chip from dropdown\n   * */\n  const handleValueUpdate = (values: string[]) => {\n    const item = filteredList?.find(a => a.value === values[0]);\n    item && addChip(item);\n    setRestartFilter(true);\n    inputRef?.current?.focus();\n  }\n\n  /**\n   * Adds a chip to the chip list.\n   * @param event - Event handler from the key down event.\n   */\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n    // Let's trigger only on enter, comma and space key press\n    if ((event.key === 'Enter' || event.key === ' ') && value) {\n      if (dropdownList?.filter(a => !a.disabled).length === 1) {\n        handleValueUpdate([dropdownList!.find(a => !a.disabled)!.value]);\n        event.stopPropagation();\n      }\n    }\n\n    if ((event.key === 'ArrowDown' || event.key === 'Down' || event.key === 'ArrowUp' || event.key === 'Up') && !!dropdownList?.length) {\n      setDropdownIsOpen(true);\n    }\n  };\n\n  /**\n   * Removes a specific chip from the chip list.\n   * @param index - Index of the chip that needs to be removed.\n   */\n  const handleOnChipRemoved = (index: number): void => {\n    // Let's copy the chips\n    const newChips = [...chips];\n\n    // Let's delete the chip\n    // If necessary, let's replace it with a different chip\n    newChips.splice(index, 1);\n\n    // Let's update the chip list\n    setChips([...newChips]);\n    onValueChange(newChips.map((e) => e.value));\n  };\n\n  return (\n    <Wrapper ref={containerRef}>\n      <ChipInputField inputId={inputId}\n                      ref={inputRef}\n                      items={chips}\n                      required={required}\n                      inputValue={value}\n                      role=\"combobox\"\n                      aria-activedescendant={activeDescendant}\n                      size={size}\n                      placeholder={placeholder}\n                      altPlaceholder={altPlaceholder}\n                      disabled={disabled}\n                      multiLine={multiLine}\n                      validationMessage={validationMessage}\n                      loading={loading}\n                      onRemoveItem={(chip, index) => handleOnChipRemoved(index)}\n                      onInputValueChange={handleInputValueChange}\n                      onInputKeyDown={handleInputKeyDown}\n                      onActivationChange={(value) => setDropdownIsOpen(value)}\n                      {...rest}/>\n      <DropdownContent\n        containerRef={containerRef}\n        customizationProps={{\n          action: () => {\n          },\n          pinTopItem: true,\n\n          itemsType: 'normal',\n          scrollable: true,\n          actionLabel: '',\n          multiSelect: false,\n          onValueUpdate: handleValueUpdate,\n          items: dropdownList,\n        }}\n        ariaRolesType=\"input\"\n        focused={focused}\n        setFocused={setFocused}\n        onActiveDescendantChanged={(e) => setActiveDescendant(e)}\n        selectedValues={[dropdownValue]}\n        messageOnNoResults={messageOnNoResults ?? ''}\n        setSelectedValues={() => {\n        }}\n        isOpen={(!maxSelectedItems || (!!maxSelectedItems && chips.length < maxSelectedItems)) && dropdownIsOpen}\n        setIsOpen={setDropdownIsOpen}\n        filter={''}\n        isButton={false}\n        id={`${inputId}_dropdowncontent`}/>\n\n    </Wrapper>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;AAGA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAKA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAGA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAAoC,IAAAQ,WAAA,GAAAR,OAAA;AAAA,IAAAS,SAAA;AAAA,IAAAC,eAAA;AAnBpC;AACA;AACA;AAGA;AACA;AACA;AAGA;AACA;AACA;AAFA,SAAAC,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,SAAAb,wBAAAa,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,QAAAnB,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAS,IAAA,CAAApB,CAAA,OAAAW,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAArB,CAAA,GAAAE,CAAA,KAAAoB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAArB,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAsB,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAC,KAAA,CAAAvB,CAAA,EAAAmB,CAAA,YAAAnB,CAAA;AAAA,SAAAwB,cAAA3B,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAA0B,SAAA,CAAAC,MAAA,EAAA3B,CAAA,UAAAC,CAAA,WAAAyB,SAAA,CAAA1B,CAAA,IAAA0B,SAAA,CAAA1B,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAR,MAAA,CAAAR,CAAA,OAAA2B,OAAA,WAAA5B,CAAA,QAAA6B,gBAAA,aAAA/B,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAjC,CAAA,EAAAW,MAAA,CAAAqB,yBAAA,CAAA7B,CAAA,KAAAgB,OAAA,CAAAR,MAAA,CAAAR,CAAA,GAAA2B,OAAA,WAAA5B,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAWA,IAAMkC,OAAO,GAAGC,4BAAM,CAACC,GAAG,CAAAtC,eAAA,KAAAA,eAAA,OAAAuC,uBAAA,mNAKtBC,kCAAkB,EAILC,iBAAS,CAACC,QAAQ,GAAG,CAAC,CAGtC;AA2BM,IAAMC,iBAAiB,gBAAGvD,KAAK,CAACwD,UAAU,CAAuD,UAAAC,IAAA,EAsBgBC,GAAG,EAAK;EAAA,IArBjCC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB;IAClBC,MAAM,GAAAN,IAAA,CAANM,MAAM;IACNC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,WAAW,GAAAT,IAAA,CAAXS,WAAW;IACXC,iBAAiB,GAAAV,IAAA,CAAjBU,iBAAiB;IACjBC,aAAa,GAAAX,IAAA,CAAbW,aAAa;IACbC,UAAU,GAAAZ,IAAA,CAAVY,UAAU;IACVC,OAAO,GAAAb,IAAA,CAAPa,OAAO;IACPC,gBAAgB,GAAAd,IAAA,CAAhBc,gBAAgB;IAAAC,cAAA,GAAAf,IAAA,CAChBgB,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,IAAI,GAAAA,cAAA;IAAAE,SAAA,GAAAjB,IAAA,CAChBkB,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGE,WAAI,CAACC,MAAM,GAAAH,SAAA;IAClBI,IAAI,GAAArB,IAAA,CAAJqB,IAAI;IACJC,gBAAgB,GAAAtB,IAAA,CAAhBsB,gBAAgB;IAChBC,QAAQ,GAAAvB,IAAA,CAARuB,QAAQ;IACRC,cAAc,GAAAxB,IAAA,CAAdwB,cAAc;IACdC,QAAQ,GAAAzB,IAAA,CAARyB,QAAQ;IACLC,IAAI,OAAAC,yBAAA,aAAA3B,IAAA,EAAA9C,SAAA;EAEpG;EACA,IAAA0E,eAAA,GAAkCrF,KAAK,CAACsF,QAAQ,CAAa,EAAE,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAH,eAAA;IAAzDI,SAAS,GAAAF,gBAAA;IAAEG,YAAY,GAAAH,gBAAA;EAC9B,IAAAI,gBAAA,GAA0B3F,KAAK,CAACsF,QAAQ,CAAa,EAAE,CAAC;IAAAM,gBAAA,OAAAJ,eAAA,aAAAG,gBAAA;IAAjDE,KAAK,GAAAD,gBAAA;IAAEE,QAAQ,GAAAF,gBAAA;EAEtB,IAAAG,gBAAA,GAAgD/F,KAAK,CAACsF,QAAQ,CAAS,CAAC;IAAAU,gBAAA,OAAAR,eAAA,aAAAO,gBAAA;IAAjEE,gBAAgB,GAAAD,gBAAA;IAAEE,mBAAmB,GAAAF,gBAAA;EAC5C,IAAAG,gBAAA,GAA0BnG,KAAK,CAACsF,QAAQ,CAAS,EAAE,CAAC;IAAAc,gBAAA,OAAAZ,eAAA,aAAAW,gBAAA;IAA7CE,KAAK,GAAAD,gBAAA;IAAEE,QAAQ,GAAAF,gBAAA;EACtB,IAAAG,gBAAA,GAA0CvG,KAAK,CAACsF,QAAQ,CAAU,KAAK,CAAC;IAAAkB,iBAAA,OAAAhB,eAAA,aAAAe,gBAAA;IAAjEE,aAAa,GAAAD,iBAAA;IAAEE,gBAAgB,GAAAF,iBAAA;EACtC,IAAAG,iBAAA,GAAwC3G,KAAK,CAACsF,QAAQ,CAAa,CAAC;IAAAsB,iBAAA,OAAApB,eAAA,aAAAmB,iBAAA;IAA7DE,YAAY,GAAAD,iBAAA;IAAEE,eAAe,GAAAF,iBAAA;EAEpC,IAAAG,iBAAA,GAA4C/G,KAAK,CAACsF,QAAQ,CAAU,KAAK,CAAC;IAAA0B,iBAAA,OAAAxB,eAAA,aAAAuB,iBAAA;IAAnEE,cAAc,GAAAD,iBAAA;IAAEE,iBAAiB,GAAAF,iBAAA;EACxC,IAAAG,iBAAA,GAAwCnH,KAAK,CAACsF,QAAQ,CAAiB,EAAE,CAAC;IAAA8B,iBAAA,OAAA5B,eAAA,aAAA2B,iBAAA;IAAnEE,YAAY,GAAAD,iBAAA;IAAEE,eAAe,GAAAF,iBAAA;EACpC,IAAAG,iBAAA,GAA0CvH,KAAK,CAACsF,QAAQ,CAAS,EAAE,CAAC;IAAAkC,iBAAA,OAAAhC,eAAA,aAAA+B,iBAAA;IAA7DE,aAAa,GAAAD,iBAAA;IAAEE,gBAAgB,GAAAF,iBAAA;EAEtC,IAAAG,iBAAA,GAA8B3H,KAAK,CAACsF,QAAQ,CAAgB,IAAI,CAAC;IAAAsC,iBAAA,OAAApC,eAAA,aAAAmC,iBAAA;IAA1DE,OAAO,GAAAD,iBAAA;IAAEE,UAAU,GAAAF,iBAAA;EAE1B,IAAMG,YAAY,GAAG,IAAAC,0BAAkB,EAAC;IAAA,OAAMd,iBAAiB,CAAC,KAAK,CAAC;EAAA,GAAE,EAAE,EAAE,IAAAe,0BAAkB,EAAC;IAAA,OAAMf,iBAAiB,CAAC,KAAK,CAAC;EAAA,EAAC,CAAC;EAC/H,IAAMgB,QAAQ,GAAGlI,KAAK,CAACmI,MAAM,CAAM,CAAC;EAEpCnI,KAAK,CAACoI,mBAAmB,CAAC1E,GAAG,EAAE;IAAA,OAAMwE,QAAQ,CAACG,OAAO;EAAA,GAAE,CAACH,QAAQ,CAAC,CAAC;;EAGlE;AACF;AACA;EACElI,KAAK,CAACsI,SAAS,CAAC,YAAM;IAEpB,IAAM3E,IAAI,GACRI,MAAM,CAACwE,GAAG,CAAC,UAAC/G,CAAC;MAAA,OAAKqE,KAAK,CAAC2C,IAAI,CAAC,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACpC,KAAK,KAAK7E,CAAC;MAAA,EAAC,IAAIiE,SAAS,CAAC+C,IAAI,CAAC,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACpC,KAAK,KAAK7E,CAAC;MAAA,EAAC,IAAI;QACxFkH,KAAK,EAAElH,CAAC;QACR6E,KAAK,EAAE7E,CAAC;QACRsD,IAAI,EAAEA;MACR,CAAC;IAAA,EAAC,CACCyD,GAAG,CAAC,UAAC/G,CAAC,EAAEmH,KAAK;MAAA,OAAAlG,aAAA,CAAAA,aAAA,KAAUjB,CAAC;QAAEoH,OAAO,EAAEpH,CAAC,CAACoH,OAAO,IAAK3E,QAAQ,IAAIA,QAAQ,CAAC0E,KAAK,CAAE,IAAIE,aAAM,CAACC;MAAO;IAAA,CAAE,CAAC,CAClGP,GAAG,CAAC,UAAC/G,CAAC,EAAEmH,KAAK;MAAA,OAAAlG,aAAA,CAAAA,aAAA,KAAUjB,CAAC;QAAEsD,IAAI,EAAEtD,CAAC,CAACsD,IAAI,IAAIA;MAAI;IAAA,CAAE,CAAC;IAEtDgB,QAAQ,CAACnC,IAAI,CAAC;EAChB,CAAC,EAAE,CAACI,MAAM,EAAEE,QAAQ,EAAEa,IAAI,EAAEW,SAAS,CAAC,CAAC;;EAEvC;AACF;AACA;EACEzF,KAAK,CAACsI,SAAS,CAAC,YAAM;IACpB,IAAI,OAAO3E,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE;MAC/B,IAAMoF,OAAmB,GAAIpF,IAAI,CAAc4E,GAAG,CAAC,UAACzH,CAAS;QAAA,OAAM;UAAC4H,KAAK,EAAE5H,CAAC;UAAEuF,KAAK,EAAEvF;QAAC,CAAC;MAAA,CAAC,CAAC;MACzF4E,YAAY,CAACqD,OAAO,CAAC;IACvB,CAAC,MAAM;MACLrD,YAAY,CAAC/B,IAAkB,CAAC;IAClC;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;;EAEV;AACF;AACA;EACE3D,KAAK,CAACsI,SAAS,CAAC,YAAM;IACpB,IAAIU,OAAO,OAAAC,mBAAA,aAAOxD,SAAS,CAAC;IAC5B,IAAI,CAACV,gBAAgB,EAAE;MACrB,IAAI,CAAC0B,aAAa,IAAIJ,KAAK,KAAK,EAAE,EAAE;QAClC2C,OAAO,GAAGA,OAAO,CAAC3G,MAAM,CAAC,UAAC6G,MAAM;UAAA,IAAAC,qBAAA;UAAA,OAAKD,MAAM,CAACR,KAAK,CAACU,WAAW,CAAC,CAAC,CAACC,OAAO,CAAChD,KAAK,CAAC+C,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAChGF,MAAM,CAACI,cAAc,IAAI,EAAAH,qBAAA,GAAAD,MAAM,CAACI,cAAc,cAAAH,qBAAA,uBAArBA,qBAAA,CAAuBC,WAAW,CAAC,CAAC,CAACC,OAAO,CAAChD,KAAK,CAAC+C,WAAW,CAAC,CAAC,CAAC,MAAK,CAAC,CAAE;QAAA,EAAC;MACxG;IACF;IAEA,IAAI,CAACvF,cAAc,EAAE;MACnBmF,OAAO,GAAGA,OAAO,CAACO,IAAI,CAAC,CAAC;IAC1B;IAEAlF,UAAU,IAAI2E,OAAO,CAACzG,IAAI,CAAC8B,UAAU,CAAC;IAEtC2E,OAAO,GAAGA,OAAO,CAAC3G,MAAM,CAAC,UAACD,CAAC;MAAA,OAAK,CAACyD,KAAK,CAAC2C,IAAI,CAAC,UAAAhH,CAAC;QAAA,OAAIA,CAAC,CAAC6E,KAAK,KAAKjE,CAAC,CAACiE,KAAK;MAAA,EAAC;IAAA,EAAC;IACtES,eAAe,CAACkC,OAAO,CAAC;EAC1B,CAAC,EAAE,CAAC3C,KAAK,EAAEZ,SAAS,EAAEI,KAAK,EAAEd,gBAAgB,EAAElB,cAAc,CAAC,CAAC;;EAE/D;AACF;AACA;EACE7D,KAAK,CAACsI,SAAS,CAAC,YAAM;IACpB,IAAIrB,cAAc,IAAI,CAAC,CAACZ,KAAK,IAAI,CAAAgB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEhF,MAAM,CAAC,UAAAb,CAAC;MAAA,OAAI,CAACA,CAAC,CAACwD,QAAQ;IAAA,EAAC,CAACrC,MAAM,MAAK,CAAC,EAAE;MACpF+E,gBAAgB,CAACL,YAAY,CAACmB,IAAI,CAAC,UAAAhH,CAAC;QAAA,OAAI,CAACA,CAAC,CAACwD,QAAQ;MAAA,EAAC,CAAEqB,KAAK,CAAC;IAC9D,CAAC,MAAM;MACLqB,gBAAgB,CAAC,EAAE,CAAC;IACtB;EACF,CAAC,EAAE,CAACL,YAAY,EAAEJ,cAAc,EAAEZ,KAAK,CAAC,CAAC;EAEzC,IAAMmD,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAI1I,CAAM,EAAK;IAAA,IAAA2I,qBAAA;IACrC,IAAI,GAAAA,qBAAA,GAAC1B,YAAY,CAACM,OAAO,cAAAoB,qBAAA,eAApBA,qBAAA,CAAsBC,QAAQ,CAAC5I,CAAC,CAAC6I,MAAM,CAAC,GAAE;MAC7C,IAAI1C,cAAc,EAAE;QAClBC,iBAAiB,CAAC,KAAK,CAAC;QACxB,IAAI,CAACzB,SAAS,CAAC+C,IAAI,CAAC,UAAC1H,CAAC;UAAA,OAAKA,CAAC,CAACuF,KAAK,KAAKA,KAAK;QAAA,EAAC,EAAE;UAC7CC,QAAQ,CAAC,EAAE,CAAC;QACd;MACF;IACF;EACF,CAAC;;EAED;AACF;AACA;EACEtG,KAAK,CAACsI,SAAS,CAAC,YAAM;IACpBsB,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAEL,kBAAkB,CAAC;IACtD,OAAO,YAAM;MACXI,QAAQ,CAACE,mBAAmB,CAAC,OAAO,EAAEN,kBAAkB,CAAC;IAC3D,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;;EAEN;AACF;AACA;EACExJ,KAAK,CAACsI,SAAS,CAAC,YAAM;IAAA,IAAAyB,iBAAA;IACpBzC,eAAe,EAAAyC,iBAAA,GAAClD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAE0B,GAAG,CAAC,UAAAyB,CAAC;MAAA,IAAAC,OAAA;MAAA,OAAK;QACtC5D,KAAK,EAAE2D,CAAC,CAAC3D,KAAK;QACd6D,YAAY,EAAEF,CAAC,CAACtB,KAAK;QACrByB,SAAS,EAAEH,CAAC,CAACV,cAAc;QAC3BxE,IAAI,GAAAmF,OAAA,GAAGD,CAAC,CAAClF,IAAI,cAAAmF,OAAA,cAAAA,OAAA,GAAInF,IAAK;QACtBE,QAAQ,EAAEgF,CAAC,CAAChF;MACd,CAAC;IAAA,CAAC,CAAC,cAAA+E,iBAAA,cAAAA,iBAAA,GAAI,EAAE,CAAC;EACZ,CAAC,EAAE,CAAClD,YAAY,CAAC,CAAC;EAElB,IAAMuD,OAAO,GAAG,SAAVA,OAAOA,CAAIC,OAAiB,EAAK;IACrC,IAAMtB,OAAO,MAAAuB,MAAA,KAAArB,mBAAA,aAAOpD,KAAK,IAAEwE,OAAO,EAAC;IACnC;IACAvE,QAAQ,CAACiD,OAAO,CAAC;IACjB3E,aAAa,CAAC2E,OAAO,CAACR,GAAG,CAAC,UAAA/G,CAAC;MAAA,OAAIA,CAAC,CAAC6E,KAAK;IAAA,EAAC,CAAC;IAExCC,QAAQ,CAAC,EAAE,CAAC;EACd,CAAC;EAED,IAAMiE,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIlE,KAAa,EAAK;IAChDC,QAAQ,CAACD,KAAK,CAAC;IACfK,gBAAgB,CAAC,KAAK,CAAC;IACvBQ,iBAAiB,CAAC,IAAI,CAAC;IACvBtD,aAAa,IAAIA,aAAa,CAACyC,KAAK,CAAC;EACvC,CAAC;;EAED;AACF;AACA;EACE,IAAMmE,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIzG,MAAgB,EAAK;IAAA,IAAA0G,iBAAA;IAC9C,IAAMC,IAAI,GAAG7D,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAE2B,IAAI,CAAC,UAAAhH,CAAC;MAAA,OAAIA,CAAC,CAAC6E,KAAK,KAAKtC,MAAM,CAAC,CAAC,CAAC;IAAA,EAAC;IAC3D2G,IAAI,IAAIN,OAAO,CAACM,IAAI,CAAC;IACrBhE,gBAAgB,CAAC,IAAI,CAAC;IACtBwB,QAAQ,aAARA,QAAQ,wBAAAuC,iBAAA,GAARvC,QAAQ,CAAEG,OAAO,cAAAoC,iBAAA,uBAAjBA,iBAAA,CAAmBE,KAAK,CAAC,CAAC;EAC5B,CAAC;;EAED;AACF;AACA;AACA;EACE,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAA4C,EAAW;IACjF;IACA,IAAI,CAACA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,KAAKzE,KAAK,EAAE;MACzD,IAAI,CAAAgB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEhF,MAAM,CAAC,UAAAb,CAAC;QAAA,OAAI,CAACA,CAAC,CAACwD,QAAQ;MAAA,EAAC,CAACrC,MAAM,MAAK,CAAC,EAAE;QACvD6H,iBAAiB,CAAC,CAACnD,YAAY,CAAEmB,IAAI,CAAC,UAAAhH,CAAC;UAAA,OAAI,CAACA,CAAC,CAACwD,QAAQ;QAAA,EAAC,CAAEqB,KAAK,CAAC,CAAC;QAChEwE,KAAK,CAACE,eAAe,CAAC,CAAC;MACzB;IACF;IAEA,IAAI,CAACF,KAAK,CAACC,GAAG,KAAK,WAAW,IAAID,KAAK,CAACC,GAAG,KAAK,MAAM,IAAID,KAAK,CAACC,GAAG,KAAK,SAAS,IAAID,KAAK,CAACC,GAAG,KAAK,IAAI,KAAK,CAAC,EAACzD,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAE1E,MAAM,GAAE;MAClIuE,iBAAiB,CAAC,IAAI,CAAC;IACzB;EACF,CAAC;;EAED;AACF;AACA;AACA;EACE,IAAM8D,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIrC,KAAa,EAAW;IACnD;IACA,IAAMsC,QAAQ,OAAAhC,mBAAA,aAAOpD,KAAK,CAAC;;IAE3B;IACA;IACAoF,QAAQ,CAACC,MAAM,CAACvC,KAAK,EAAE,CAAC,CAAC;;IAEzB;IACA7C,QAAQ,KAAAmD,mBAAA,aAAKgC,QAAQ,CAAC,CAAC;IACvB7G,aAAa,CAAC6G,QAAQ,CAAC1C,GAAG,CAAC,UAACzH,CAAC;MAAA,OAAKA,CAAC,CAACuF,KAAK;IAAA,EAAC,CAAC;EAC7C,CAAC;EAED,oBACE,IAAA3F,WAAA,CAAAyK,IAAA,EAACnI,OAAO;IAACU,GAAG,EAAEqE,YAAa;IAAAqD,QAAA,gBACzB,IAAA1K,WAAA,CAAA2K,GAAA,EAAChL,eAAA,CAAAiL,cAAc,EAAA7I,aAAA;MAACuB,OAAO,EAAEA,OAAQ;MACjBN,GAAG,EAAEwE,QAAS;MACdqD,KAAK,EAAE1F,KAAM;MACbX,QAAQ,EAAEA,QAAS;MACnBsG,UAAU,EAAEnF,KAAM;MAClBoF,IAAI,EAAC,UAAU;MACf,yBAAuBxF,gBAAiB;MACxCtB,IAAI,EAAEA,IAAK;MACXT,WAAW,EAAEA,WAAY;MACzBe,cAAc,EAAEA,cAAe;MAC/BD,QAAQ,EAAEA,QAAS;MACnBP,SAAS,EAAEA,SAAU;MACrBN,iBAAiB,EAAEA,iBAAkB;MACrCG,OAAO,EAAEA,OAAQ;MACjBoH,YAAY,EAAE,SAAAA,aAACC,IAAI,EAAEhD,KAAK;QAAA,OAAKqC,mBAAmB,CAACrC,KAAK,CAAC;MAAA,CAAC;MAC1DiD,kBAAkB,EAAErB,sBAAuB;MAC3CsB,cAAc,EAAEjB,kBAAmB;MACnCkB,kBAAkB,EAAE,SAAAA,mBAACzF,KAAK;QAAA,OAAKa,iBAAiB,CAACb,KAAK,CAAC;MAAA;IAAC,GACpDlB,IAAI,CAAE,CAAC,eAC3B,IAAAzE,WAAA,CAAA2K,GAAA,EAAC9K,SAAA,CAAAwL,eAAe;MACdhE,YAAY,EAAEA,YAAa;MAC3BiE,kBAAkB,EAAE;QAClBC,MAAM,EAAE,SAAAA,OAAA,EAAM,CACd,CAAC;QACDC,UAAU,EAAE,IAAI;QAEhBC,SAAS,EAAE,QAAQ;QACnBC,UAAU,EAAE,IAAI;QAChBC,WAAW,EAAE,EAAE;QACfC,WAAW,EAAE,KAAK;QAClBC,aAAa,EAAE/B,iBAAiB;QAChCe,KAAK,EAAElE;MACT,CAAE;MACFmF,aAAa,EAAC,OAAO;MACrB3E,OAAO,EAAEA,OAAQ;MACjBC,UAAU,EAAEA,UAAW;MACvB2E,yBAAyB,EAAE,SAAAA,0BAAC3L,CAAC;QAAA,OAAKoF,mBAAmB,CAACpF,CAAC,CAAC;MAAA,CAAC;MACzD4L,cAAc,EAAE,CAACjF,aAAa,CAAE;MAChC3D,kBAAkB,EAAEA,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,EAAG;MAC7C6I,iBAAiB,EAAE,SAAAA,kBAAA,EAAM,CACzB,CAAE;MACFC,MAAM,EAAE,CAAC,CAACrI,gBAAgB,IAAK,CAAC,CAACA,gBAAgB,IAAIsB,KAAK,CAAClD,MAAM,GAAG4B,gBAAiB,KAAK0C,cAAe;MACzG4F,SAAS,EAAE3F,iBAAkB;MAC7B7E,MAAM,EAAE,EAAG;MACXyK,QAAQ,EAAE,KAAM;MAChBC,EAAE,KAAAzC,MAAA,CAAKtG,OAAO;IAAmB,CAAC,CAAC;EAAA,CAE9B,CAAC;AAEd,CAAC,CAAC;AAACgJ,OAAA,CAAAzJ,iBAAA,GAAAA,iBAAA;AAAAA,iBAAA,CAAA0J,SAAA;EA7QDtJ,IAAI,EAAAuJ,UAAA,YAAAC,SAAA,EAAAD,UAAA,YAAAE,OAAA,CAAAF,UAAA,YAAAG,KAAA;IANJ/D,cAAc,EAAA4D,UAAA,YAAAI,MAAA;IACdjH,KAAK,EAAA6G,UAAA,YAAAI,MAAA,CAAAC;EAAA,KAAAL,UAAA,YAAAE,OAAA,CAAAF,UAAA,YAAAI,MAAA,IAAAC,UAAA;EAOL3J,aAAa,EAAAsJ,UAAA,YAAAM,IAAA;EAEb1J,kBAAkB,EAAAoJ,UAAA,YAAAI,MAAA;EAElBjJ,UAAU,EAAA6I,UAAA,YAAAG,KAAA;IAZV/D,cAAc,EAAA4D,UAAA,YAAAI,MAAA;IACdjH,KAAK,EAAA6G,UAAA,YAAAI,MAAA,CAAAC;EAAA;EAaLjJ,OAAO,EAAA4I,UAAA,YAAAO,IAAA;EAEPlJ,gBAAgB,EAAA2I,UAAA,YAAAQ,MAAA;EAEhB7J,cAAc,EAAAqJ,UAAA,YAAAO,IAAA;EAEd1I,gBAAgB,EAAAmI,UAAA,YAAAO;AAAA","ignoreList":[]}

package/dist/ChipsInput/ChipDropdownInput.d.ts

@@ -1,29 +1,29 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-import { ChipInputProps, ChipItem } from './ChipInputTypes';
-interface ListItem extends ChipItem {
-    secondaryLabel?: string;
-    value: string;
-}
-export interface ChipDropdownInputProps extends Omit<ChipInputProps, 'autoSave'> {
-    /** Array of items available. */
-    list: ListItem[] | string[];
-    /** On input selected/unselected. */
-    onInputChange?: (input: string) => void;
-    /** Message to show in the dropdown if none of the chips fits user input. */
-    messageOnNoResults?: string;
-    /** Message to show in the dropdown if none of the chips fits user input. */
-    suggestion?: ListItem;
-    /** If flag is set then loader will be shown in the input field. */
-    loading?: boolean;
-    /** Max number of chips that user can select. */
-    maxSelectedItems?: number;
-    /** Disable sorting of options in the dropdown. */
-    disableSorting?: boolean;
-    /** Disable filtering of options depending on user input in the dropdown. */
-    disableFiltering?: boolean;
-}
-export declare const ChipDropdownInput: React.ForwardRefExoticComponent<ChipDropdownInputProps & React.RefAttributes<HTMLInputElement | undefined>>;
-export {};
+/**
+ * Import React libraries.
+ */
+import * as React from 'react';
+import { ChipInputProps, ChipItem } from './ChipInputTypes';
+interface ListItem extends ChipItem {
+    secondaryLabel?: string;
+    value: string;
+}
+export interface ChipDropdownInputProps extends Omit<ChipInputProps, 'autoSave'> {
+    /** Array of items available. */
+    list: ListItem[] | string[];
+    /** On input selected/unselected. */
+    onInputChange?: (input: string) => void;
+    /** Message to show in the dropdown if none of the chips fits user input. */
+    messageOnNoResults?: string;
+    /** Message to show in the dropdown if none of the chips fits user input. */
+    suggestion?: ListItem;
+    /** If flag is set then loader will be shown in the input field. */
+    loading?: boolean;
+    /** Max number of chips that user can select. */
+    maxSelectedItems?: number;
+    /** Disable sorting of options in the dropdown. */
+    disableSorting?: boolean;
+    /** Disable filtering of options depending on user input in the dropdown. */
+    disableFiltering?: boolean;
+}
+export declare const ChipDropdownInput: React.ForwardRefExoticComponent<ChipDropdownInputProps & React.RefAttributes<HTMLInputElement | undefined>>;
+export {};

package/dist/ChipsInput/ChipDropdownInput.js

@@ -6,20 +6,20 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 import _pt from "prop-types";
 var _excluded = ["list", "onInputChange", "disableSorting", "messageOnNoResults", "values", "inputId", "variants", "placeholder", "validationMessage", "onValueChange", "suggestion", "loading", "maxSelectedItems", "multiLine", "size", "icon", "disableFiltering", "disabled", "altPlaceholder", "required"];
 var _templateObject;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-/**
- * Import React libraries.
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * Import React libraries.
  */
 import * as React from 'react';
 
-/**
- * Import third-party libraries.
+/**
+ * Import third-party libraries.
  */
 import styled from 'styled-components';
 
-/**
- * Import custom components.
+/**
+ * Import custom components.
  */
 import { ChipInputContainer, ChipInputField } from './ChipInputField';
 import { Size, States } from '../types';
@@ -104,8 +104,8 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
     return inputRef.current;
   }, [inputRef]);
 
-  /**
-   * Sets initial values for the chips.
+  /**
+   * Sets initial values for the chips.
    */
   React.useEffect(function () {
     var list = values.map(function (a) {
@@ -130,8 +130,8 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
     setChips(list);
   }, [values, variants, icon, givenList]);
 
-  /**
-   * Convert string[] to List[] if necessary
+  /**
+   * Convert string[] to List[] if necessary
    */
   React.useEffect(function () {
     if (typeof list[0] === 'string') {
@@ -147,8 +147,8 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
     }
   }, [list]);
 
-  /**
-   * filter and sort list if remoteOperations is false
+  /**
+   * filter and sort list if remoteOperations is false
    * */
   React.useEffect(function () {
     var options = _toConsumableArray(givenList);
@@ -172,8 +172,8 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
     setFilteredList(options);
   }, [value, givenList, chips, disableFiltering, disableSorting]);
 
-  /**
-   * if there is only one active item in dropdown mark it as focused
+  /**
+   * if there is only one active item in dropdown mark it as focused
    * */
   React.useEffect(function () {
     if (dropdownIsOpen && !!value && (dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.filter(function (a) {
@@ -200,8 +200,8 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
     }
   };
 
-  /**
-   * register click outside event listener
+  /**
+   * register click outside event listener
    * */
   React.useEffect(function () {
     document.addEventListener('click', handleClickOutside);
@@ -210,8 +210,8 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
     };
   }, []);
 
-  /**
-   * update dropdown items when filtered list changes
+  /**
+   * update dropdown items when filtered list changes
    * */
   React.useEffect(function () {
     var _filteredList$map;
@@ -242,8 +242,8 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
     onInputChange && onInputChange(value);
   };
 
-  /**
-   * Add chip from dropdown
+  /**
+   * Add chip from dropdown
    * */
   var handleValueUpdate = function handleValueUpdate(values) {
     var _inputRef$current;
@@ -255,9 +255,9 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
     inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
   };
 
-  /**
-   * Adds a chip to the chip list.
-   * @param event - Event handler from the key down event.
+  /**
+   * Adds a chip to the chip list.
+   * @param event - Event handler from the key down event.
    */
   var handleInputKeyDown = function handleInputKeyDown(event) {
     // Let's trigger only on enter, comma and space key press
@@ -276,9 +276,9 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
     }
   };
 
-  /**
-   * Removes a specific chip from the chip list.
-   * @param index - Index of the chip that needs to be removed.
+  /**
+   * Removes a specific chip from the chip list.
+   * @param index - Index of the chip that needs to be removed.
    */
   var handleOnChipRemoved = function handleOnChipRemoved(index) {
     // Let's copy the chips

package/dist/ChipsInput/ChipDropdownInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipDropdownInput.js","names":["React","styled","ChipInputContainer","ChipInputField","Size","States","DropdownContent","useClickOutsideRef","useFocusOutsideRef","Z_INDEXES","Wrapper","div","dropdown","ChipDropdownInput","forwardRef","ref","list","onInputChange","disableSorting","messageOnNoResults","values","inputId","variants","placeholder","validationMessage","onValueChange","suggestion","loading","maxSelectedItems","multiLine","size","Medium","icon","disableFiltering","disabled","altPlaceholder","required","rest","useState","givenList","setGivenList","chips","setChips","activeDescendant","setActiveDescendant","value","setValue","restartFilter","setRestartFilter","filteredList","setFilteredList","dropdownIsOpen","setDropdownIsOpen","dropdownList","setDropdownList","dropdownValue","setDropdownValue","focused","setFocused","containerRef","inputRef","useRef","useImperativeHandle","current","useEffect","map","a","find","b","label","index","variant","Default","newList","e","options","filter","option","toUpperCase","indexOf","secondaryLabel","sort","push","o","length","handleClickOutside","contains","target","document","addEventListener","removeEventListener","x","displayLabel","noteLabel","addChip","newChip","handleInputValueChange","handleValueUpdate","item","focus","handleInputKeyDown","event","key","stopPropagation","handleOnChipRemoved","newChips","splice","chip","action","pinTopItem","itemsType","scrollable","actionLabel","multiSelect","onValueUpdate","items"],"sources":["../../src/ChipsInput/ChipDropdownInput.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\r\nimport {Size, States} from '../types';\r\nimport {DropdownContent, DropdownItem} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\r\nimport {useClickOutsideRef, useFocusOutsideRef} from '../common';\r\nimport {Z_INDEXES} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  position: relative;\r\n  display: inline-block;\r\n  width: 100%;\r\n\r\n  ${ChipInputContainer} {\r\n    position: relative;\r\n\r\n    &:focus, &.focus-visible-within {\r\n      z-index: ${Z_INDEXES.dropdown + 1} !important;\r\n    }\r\n  }\r\n`;\r\n\r\n\r\ninterface ListItem extends ChipItem {\r\n  secondaryLabel?: string;\r\n  value: string;\r\n}\r\n\r\nexport interface ChipDropdownInputProps extends Omit<ChipInputProps, 'autoSave'> {\r\n  /** Array of items available. */\r\n  list: ListItem[] | string[];\r\n  /** On input selected/unselected. */\r\n  onInputChange?: (input: string) => void;\r\n  /** Message to show in the dropdown if none of the chips fits user input. */\r\n  messageOnNoResults?: string;\r\n  /** Message to show in the dropdown if none of the chips fits user input. */\r\n  suggestion?: ListItem;\r\n  /** If flag is set then loader will be shown in the input field. */\r\n  loading?: boolean;\r\n  /** Max number of chips that user can select. */\r\n  maxSelectedItems?: number;\r\n  /** Disable sorting of options in the dropdown. */\r\n  disableSorting?: boolean;\r\n  /** Disable filtering of options depending on user input in the dropdown. */\r\n  disableFiltering?: boolean;\r\n}\r\n\r\nexport const ChipDropdownInput = React.forwardRef<HTMLInputElement | undefined, ChipDropdownInputProps>(({\r\n                                                                                               list,\r\n                                                                                               onInputChange,\r\n                                                                                               disableSorting,\r\n                                                                                               messageOnNoResults,\r\n                                                                                               values,\r\n                                                                                               inputId,\r\n                                                                                               variants,\r\n                                                                                               placeholder,\r\n                                                                                               validationMessage,\r\n                                                                                               onValueChange,\r\n                                                                                               suggestion,\r\n                                                                                               loading,\r\n                                                                                               maxSelectedItems,\r\n                                                                                               multiLine = true,\r\n                                                                                               size = Size.Medium,\r\n                                                                                               icon,\r\n                                                                                               disableFiltering,\r\n                                                                                               disabled,\r\n                                                                                               altPlaceholder,\r\n                                                                                               required,\r\n                                                                                               ...rest\r\n                                                                                             }: ChipDropdownInputProps, ref) => {\r\n  // Initiate states\r\n  const [givenList, setGivenList] = React.useState<ListItem[]>([]);\r\n  const [chips, setChips] = React.useState<ListItem[]>([]);\r\n\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [value, setValue] = React.useState<string>('');\r\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\r\n  const [filteredList, setFilteredList] = React.useState<ListItem[]>();\r\n\r\n  const [dropdownIsOpen, setDropdownIsOpen] = React.useState<boolean>(false);\r\n  const [dropdownList, setDropdownList] = React.useState<DropdownItem[]>([]);\r\n  const [dropdownValue, setDropdownValue] = React.useState<string>('');\r\n\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n\r\n  const containerRef = useClickOutsideRef(() => setDropdownIsOpen(false), [], useFocusOutsideRef(() => setDropdownIsOpen(false)));\r\n  const inputRef = React.useRef<any>();\r\n\r\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n\r\n  /**\r\n   * Sets initial values for the chips.\r\n   */\r\n  React.useEffect(() => {\r\n\r\n    const list =\r\n      values.map((a) => chips.find(b => b.value === a) || givenList.find(b => b.value === a) || {\r\n        label: a,\r\n        value: a,\r\n        icon: icon\r\n      })\r\n        .map((a, index) => ({...a, variant: a.variant || (variants && variants[index]) || States.Default}))\r\n        .map((a, index) => ({...a, icon: a.icon || icon}));\r\n\r\n    setChips(list);\r\n  }, [values, variants, icon, givenList]);\r\n\r\n  /**\r\n   * Convert string[] to List[] if necessary\r\n   */\r\n  React.useEffect(() => {\r\n    if (typeof list[0] === 'string') {\r\n      const newList: ListItem[] = (list as string[]).map((e: string) => ({label: e, value: e}));\r\n      setGivenList(newList);\r\n    } else {\r\n      setGivenList(list as ListItem[]);\r\n    }\r\n  }, [list]);\r\n\r\n  /**\r\n   * filter and sort list if remoteOperations is false\r\n   * */\r\n  React.useEffect(() => {\r\n    let options = [...givenList];\r\n    if (!disableFiltering) {\r\n      if (!restartFilter && value !== '') {\r\n        options = options.filter((option) => option.label.toUpperCase().indexOf(value.toUpperCase()) !== -1 ||\r\n          (option.secondaryLabel && option.secondaryLabel?.toUpperCase().indexOf(value.toUpperCase()) !== -1));\r\n      }\r\n    }\r\n\r\n    if (!disableSorting) {\r\n      options = options.sort();\r\n    }\r\n\r\n    suggestion && options.push(suggestion);\r\n\r\n    options = options.filter((o) => !chips.find(a => a.value === o.value));\r\n    setFilteredList(options);\r\n  }, [value, givenList, chips, disableFiltering, disableSorting]);\r\n\r\n  /**\r\n   * if there is only one active item in dropdown mark it as focused\r\n   * */\r\n  React.useEffect(() => {\r\n    if (dropdownIsOpen && !!value && dropdownList?.filter(a => !a.disabled).length === 1) {\r\n      setDropdownValue(dropdownList.find(a => !a.disabled)!.value);\r\n    } else {\r\n      setDropdownValue('');\r\n    }\r\n  }, [dropdownList, dropdownIsOpen, value]);\r\n\r\n  const handleClickOutside = (e: any) => {\r\n    if (!containerRef.current?.contains(e.target)) {\r\n      if (dropdownIsOpen) {\r\n        setDropdownIsOpen(false);\r\n        if (!givenList.find((e) => e.value === value)) {\r\n          setValue('');\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  /**\r\n   * register click outside event listener\r\n   * */\r\n  React.useEffect(() => {\r\n    document.addEventListener('click', handleClickOutside);\r\n    return () => {\r\n      document.removeEventListener('click', handleClickOutside);\r\n    };\r\n  }, []);\r\n\r\n  /**\r\n   * update dropdown items when filtered list changes\r\n   * */\r\n  React.useEffect(() => {\r\n    setDropdownList(filteredList?.map(x => ({\r\n      value: x.value,\r\n      displayLabel: x.label,\r\n      noteLabel: x.secondaryLabel,\r\n      icon: (x.icon ?? icon),\r\n      disabled: x.disabled,\r\n    })) ?? []);\r\n  }, [filteredList]);\r\n\r\n  const addChip = (newChip: ListItem) => {\r\n    const newList = [...chips, newChip];\r\n    // Let's add the chip\r\n    setChips(newList);\r\n    onValueChange(newList.map(a => a.value));\r\n\r\n    setValue('');\r\n  };\r\n\r\n  const handleInputValueChange = (value: string) => {\r\n    setValue(value);\r\n    setRestartFilter(false);\r\n    setDropdownIsOpen(true);\r\n    onInputChange && onInputChange(value);\r\n  }\r\n\r\n  /**\r\n   * Add chip from dropdown\r\n   * */\r\n  const handleValueUpdate = (values: string[]) => {\r\n    const item = filteredList?.find(a => a.value === values[0]);\r\n    item && addChip(item);\r\n    setRestartFilter(true);\r\n    inputRef?.current?.focus();\r\n  }\r\n\r\n  /**\r\n   * Adds a chip to the chip list.\r\n   * @param event - Event handler from the key down event.\r\n   */\r\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\r\n    // Let's trigger only on enter, comma and space key press\r\n    if ((event.key === 'Enter' || event.key === ' ') && value) {\r\n      if (dropdownList?.filter(a => !a.disabled).length === 1) {\r\n        handleValueUpdate([dropdownList!.find(a => !a.disabled)!.value]);\r\n        event.stopPropagation();\r\n      }\r\n    }\r\n\r\n    if ((event.key === 'ArrowDown' || event.key === 'Down' || event.key === 'ArrowUp' || event.key === 'Up') && !!dropdownList?.length) {\r\n      setDropdownIsOpen(true);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Removes a specific chip from the chip list.\r\n   * @param index - Index of the chip that needs to be removed.\r\n   */\r\n  const handleOnChipRemoved = (index: number): void => {\r\n    // Let's copy the chips\r\n    const newChips = [...chips];\r\n\r\n    // Let's delete the chip\r\n    // If necessary, let's replace it with a different chip\r\n    newChips.splice(index, 1);\r\n\r\n    // Let's update the chip list\r\n    setChips([...newChips]);\r\n    onValueChange(newChips.map((e) => e.value));\r\n  };\r\n\r\n  return (\r\n    <Wrapper ref={containerRef}>\r\n      <ChipInputField inputId={inputId}\r\n                      ref={inputRef}\r\n                      items={chips}\r\n                      required={required}\r\n                      inputValue={value}\r\n                      role=\"combobox\"\r\n                      aria-activedescendant={activeDescendant}\r\n                      size={size}\r\n                      placeholder={placeholder}\r\n                      altPlaceholder={altPlaceholder}\r\n                      disabled={disabled}\r\n                      multiLine={multiLine}\r\n                      validationMessage={validationMessage}\r\n                      loading={loading}\r\n                      onRemoveItem={(chip, index) => handleOnChipRemoved(index)}\r\n                      onInputValueChange={handleInputValueChange}\r\n                      onInputKeyDown={handleInputKeyDown}\r\n                      onActivationChange={(value) => setDropdownIsOpen(value)}\r\n                      {...rest}/>\r\n      <DropdownContent\r\n        containerRef={containerRef}\r\n        customizationProps={{\r\n          action: () => {\r\n          },\r\n          pinTopItem: true,\r\n\r\n          itemsType: 'normal',\r\n          scrollable: true,\r\n          actionLabel: '',\r\n          multiSelect: false,\r\n          onValueUpdate: handleValueUpdate,\r\n          items: dropdownList,\r\n        }}\r\n        ariaRolesType=\"input\"\r\n        focused={focused}\r\n        setFocused={setFocused}\r\n        onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n        selectedValues={[dropdownValue]}\r\n        messageOnNoResults={messageOnNoResults ?? ''}\r\n        setSelectedValues={() => {\r\n        }}\r\n        isOpen={(!maxSelectedItems || (!!maxSelectedItems && chips.length < maxSelectedItems)) && dropdownIsOpen}\r\n        setIsOpen={setDropdownIsOpen}\r\n        filter={''}\r\n        isButton={false}\r\n        id={`${inputId}_dropdowncontent`}/>\r\n\r\n    </Wrapper>\r\n  );\r\n});\r\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;AACA,OAAOC,MAAM,MAAM,mBAAmB;;AAEtC;AACA;AACA;AACA,SAAQC,kBAAkB,EAAEC,cAAc,QAAO,kBAAkB;AACnE,SAAQC,IAAI,EAAEC,MAAM,QAAO,UAAU;AACrC,SAAQC,eAAe,QAAqB,aAAa;AAGzD,SAAQC,kBAAkB,EAAEC,kBAAkB,QAAO,WAAW;AAChE,SAAQC,SAAS,QAAO,WAAW;AAAC;AAAA;AAEpC,IAAMC,OAAO,GAAGT,MAAM,CAACU,GAAG,oQAKtBT,kBAAkB,EAILO,SAAS,CAACG,QAAQ,GAAG,CAAC,CAGtC;AA2BD,OAAO,IAAMC,iBAAiB,gBAAGb,KAAK,CAACc,UAAU,CAAuD,gBAsBgBC,GAAG,EAAK;EAAA,IArBjCC,IAAI,QAAJA,IAAI;IACJC,aAAa,QAAbA,aAAa;IACbC,cAAc,QAAdA,cAAc;IACdC,kBAAkB,QAAlBA,kBAAkB;IAClBC,MAAM,QAANA,MAAM;IACNC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,WAAW,QAAXA,WAAW;IACXC,iBAAiB,QAAjBA,iBAAiB;IACjBC,aAAa,QAAbA,aAAa;IACbC,UAAU,QAAVA,UAAU;IACVC,OAAO,QAAPA,OAAO;IACPC,gBAAgB,QAAhBA,gBAAgB;IAAA,sBAChBC,SAAS;IAATA,SAAS,+BAAG,IAAI;IAAA,iBAChBC,IAAI;IAAJA,IAAI,0BAAG1B,IAAI,CAAC2B,MAAM;IAClBC,IAAI,QAAJA,IAAI;IACJC,gBAAgB,QAAhBA,gBAAgB;IAChBC,QAAQ,QAARA,QAAQ;IACRC,cAAc,QAAdA,cAAc;IACdC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEpG;EACA,sBAAkCrC,KAAK,CAACsC,QAAQ,CAAa,EAAE,CAAC;IAAA;IAAzDC,SAAS;IAAEC,YAAY;EAC9B,uBAA0BxC,KAAK,CAACsC,QAAQ,CAAa,EAAE,CAAC;IAAA;IAAjDG,KAAK;IAAEC,QAAQ;EAEtB,uBAAgD1C,KAAK,CAACsC,QAAQ,EAAU;IAAA;IAAjEK,gBAAgB;IAAEC,mBAAmB;EAC5C,uBAA0B5C,KAAK,CAACsC,QAAQ,CAAS,EAAE,CAAC;IAAA;IAA7CO,KAAK;IAAEC,QAAQ;EACtB,uBAA0C9C,KAAK,CAACsC,QAAQ,CAAU,KAAK,CAAC;IAAA;IAAjES,aAAa;IAAEC,gBAAgB;EACtC,wBAAwChD,KAAK,CAACsC,QAAQ,EAAc;IAAA;IAA7DW,YAAY;IAAEC,eAAe;EAEpC,wBAA4ClD,KAAK,CAACsC,QAAQ,CAAU,KAAK,CAAC;IAAA;IAAnEa,cAAc;IAAEC,iBAAiB;EACxC,wBAAwCpD,KAAK,CAACsC,QAAQ,CAAiB,EAAE,CAAC;IAAA;IAAnEe,YAAY;IAAEC,eAAe;EACpC,wBAA0CtD,KAAK,CAACsC,QAAQ,CAAS,EAAE,CAAC;IAAA;IAA7DiB,aAAa;IAAEC,gBAAgB;EAEtC,wBAA8BxD,KAAK,CAACsC,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAA1DmB,OAAO;IAAEC,UAAU;EAE1B,IAAMC,YAAY,GAAGpD,kBAAkB,CAAC;IAAA,OAAM6C,iBAAiB,CAAC,KAAK,CAAC;EAAA,GAAE,EAAE,EAAE5C,kBAAkB,CAAC;IAAA,OAAM4C,iBAAiB,CAAC,KAAK,CAAC;EAAA,EAAC,CAAC;EAC/H,IAAMQ,QAAQ,GAAG5D,KAAK,CAAC6D,MAAM,EAAO;EAEpC7D,KAAK,CAAC8D,mBAAmB,CAAC/C,GAAG,EAAE;IAAA,OAAM6C,QAAQ,CAACG,OAAO;EAAA,GAAE,CAACH,QAAQ,CAAC,CAAC;;EAGlE;AACF;AACA;EACE5D,KAAK,CAACgE,SAAS,CAAC,YAAM;IAEpB,IAAMhD,IAAI,GACRI,MAAM,CAAC6C,GAAG,CAAC,UAACC,CAAC;MAAA,OAAKzB,KAAK,CAAC0B,IAAI,CAAC,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACvB,KAAK,KAAKqB,CAAC;MAAA,EAAC,IAAI3B,SAAS,CAAC4B,IAAI,CAAC,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACvB,KAAK,KAAKqB,CAAC;MAAA,EAAC,IAAI;QACxFG,KAAK,EAAEH,CAAC;QACRrB,KAAK,EAAEqB,CAAC;QACRlC,IAAI,EAAEA;MACR,CAAC;IAAA,EAAC,CACCiC,GAAG,CAAC,UAACC,CAAC,EAAEI,KAAK;MAAA,uCAAUJ,CAAC;QAAEK,OAAO,EAAEL,CAAC,CAACK,OAAO,IAAKjD,QAAQ,IAAIA,QAAQ,CAACgD,KAAK,CAAE,IAAIjE,MAAM,CAACmE;MAAO;IAAA,CAAE,CAAC,CAClGP,GAAG,CAAC,UAACC,CAAC,EAAEI,KAAK;MAAA,uCAAUJ,CAAC;QAAElC,IAAI,EAAEkC,CAAC,CAAClC,IAAI,IAAIA;MAAI;IAAA,CAAE,CAAC;IAEtDU,QAAQ,CAAC1B,IAAI,CAAC;EAChB,CAAC,EAAE,CAACI,MAAM,EAAEE,QAAQ,EAAEU,IAAI,EAAEO,SAAS,CAAC,CAAC;;EAEvC;AACF;AACA;EACEvC,KAAK,CAACgE,SAAS,CAAC,YAAM;IACpB,IAAI,OAAOhD,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE;MAC/B,IAAMyD,OAAmB,GAAIzD,IAAI,CAAciD,GAAG,CAAC,UAACS,CAAS;QAAA,OAAM;UAACL,KAAK,EAAEK,CAAC;UAAE7B,KAAK,EAAE6B;QAAC,CAAC;MAAA,CAAC,CAAC;MACzFlC,YAAY,CAACiC,OAAO,CAAC;IACvB,CAAC,MAAM;MACLjC,YAAY,CAACxB,IAAI,CAAe;IAClC;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;;EAEV;AACF;AACA;EACEhB,KAAK,CAACgE,SAAS,CAAC,YAAM;IACpB,IAAIW,OAAO,sBAAOpC,SAAS,CAAC;IAC5B,IAAI,CAACN,gBAAgB,EAAE;MACrB,IAAI,CAACc,aAAa,IAAIF,KAAK,KAAK,EAAE,EAAE;QAClC8B,OAAO,GAAGA,OAAO,CAACC,MAAM,CAAC,UAACC,MAAM;UAAA;UAAA,OAAKA,MAAM,CAACR,KAAK,CAACS,WAAW,EAAE,CAACC,OAAO,CAAClC,KAAK,CAACiC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,IAChGD,MAAM,CAACG,cAAc,IAAI,0BAAAH,MAAM,CAACG,cAAc,0DAArB,sBAAuBF,WAAW,EAAE,CAACC,OAAO,CAAClC,KAAK,CAACiC,WAAW,EAAE,CAAC,MAAK,CAAC,CAAE;QAAA,EAAC;MACxG;IACF;IAEA,IAAI,CAAC5D,cAAc,EAAE;MACnByD,OAAO,GAAGA,OAAO,CAACM,IAAI,EAAE;IAC1B;IAEAvD,UAAU,IAAIiD,OAAO,CAACO,IAAI,CAACxD,UAAU,CAAC;IAEtCiD,OAAO,GAAGA,OAAO,CAACC,MAAM,CAAC,UAACO,CAAC;MAAA,OAAK,CAAC1C,KAAK,CAAC0B,IAAI,CAAC,UAAAD,CAAC;QAAA,OAAIA,CAAC,CAACrB,KAAK,KAAKsC,CAAC,CAACtC,KAAK;MAAA,EAAC;IAAA,EAAC;IACtEK,eAAe,CAACyB,OAAO,CAAC;EAC1B,CAAC,EAAE,CAAC9B,KAAK,EAAEN,SAAS,EAAEE,KAAK,EAAER,gBAAgB,EAAEf,cAAc,CAAC,CAAC;;EAE/D;AACF;AACA;EACElB,KAAK,CAACgE,SAAS,CAAC,YAAM;IACpB,IAAIb,cAAc,IAAI,CAAC,CAACN,KAAK,IAAI,CAAAQ,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEuB,MAAM,CAAC,UAAAV,CAAC;MAAA,OAAI,CAACA,CAAC,CAAChC,QAAQ;IAAA,EAAC,CAACkD,MAAM,MAAK,CAAC,EAAE;MACpF5B,gBAAgB,CAACH,YAAY,CAACc,IAAI,CAAC,UAAAD,CAAC;QAAA,OAAI,CAACA,CAAC,CAAChC,QAAQ;MAAA,EAAC,CAAEW,KAAK,CAAC;IAC9D,CAAC,MAAM;MACLW,gBAAgB,CAAC,EAAE,CAAC;IACtB;EACF,CAAC,EAAE,CAACH,YAAY,EAAEF,cAAc,EAAEN,KAAK,CAAC,CAAC;EAEzC,IAAMwC,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIX,CAAM,EAAK;IAAA;IACrC,IAAI,2BAACf,YAAY,CAACI,OAAO,kDAApB,sBAAsBuB,QAAQ,CAACZ,CAAC,CAACa,MAAM,CAAC,GAAE;MAC7C,IAAIpC,cAAc,EAAE;QAClBC,iBAAiB,CAAC,KAAK,CAAC;QACxB,IAAI,CAACb,SAAS,CAAC4B,IAAI,CAAC,UAACO,CAAC;UAAA,OAAKA,CAAC,CAAC7B,KAAK,KAAKA,KAAK;QAAA,EAAC,EAAE;UAC7CC,QAAQ,CAAC,EAAE,CAAC;QACd;MACF;IACF;EACF,CAAC;;EAED;AACF;AACA;EACE9C,KAAK,CAACgE,SAAS,CAAC,YAAM;IACpBwB,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAEJ,kBAAkB,CAAC;IACtD,OAAO,YAAM;MACXG,QAAQ,CAACE,mBAAmB,CAAC,OAAO,EAAEL,kBAAkB,CAAC;IAC3D,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;;EAEN;AACF;AACA;EACErF,KAAK,CAACgE,SAAS,CAAC,YAAM;IAAA;IACpBV,eAAe,sBAACL,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEgB,GAAG,CAAC,UAAA0B,CAAC;MAAA;MAAA,OAAK;QACtC9C,KAAK,EAAE8C,CAAC,CAAC9C,KAAK;QACd+C,YAAY,EAAED,CAAC,CAACtB,KAAK;QACrBwB,SAAS,EAAEF,CAAC,CAACX,cAAc;QAC3BhD,IAAI,aAAG2D,CAAC,CAAC3D,IAAI,6CAAIA,IAAK;QACtBE,QAAQ,EAAEyD,CAAC,CAACzD;MACd,CAAC;IAAA,CAAC,CAAC,iEAAI,EAAE,CAAC;EACZ,CAAC,EAAE,CAACe,YAAY,CAAC,CAAC;EAElB,IAAM6C,OAAO,GAAG,SAAVA,OAAO,CAAIC,OAAiB,EAAK;IACrC,IAAMtB,OAAO,gCAAOhC,KAAK,IAAEsD,OAAO,EAAC;IACnC;IACArD,QAAQ,CAAC+B,OAAO,CAAC;IACjBhD,aAAa,CAACgD,OAAO,CAACR,GAAG,CAAC,UAAAC,CAAC;MAAA,OAAIA,CAAC,CAACrB,KAAK;IAAA,EAAC,CAAC;IAExCC,QAAQ,CAAC,EAAE,CAAC;EACd,CAAC;EAED,IAAMkD,sBAAsB,GAAG,SAAzBA,sBAAsB,CAAInD,KAAa,EAAK;IAChDC,QAAQ,CAACD,KAAK,CAAC;IACfG,gBAAgB,CAAC,KAAK,CAAC;IACvBI,iBAAiB,CAAC,IAAI,CAAC;IACvBnC,aAAa,IAAIA,aAAa,CAAC4B,KAAK,CAAC;EACvC,CAAC;;EAED;AACF;AACA;EACE,IAAMoD,iBAAiB,GAAG,SAApBA,iBAAiB,CAAI7E,MAAgB,EAAK;IAAA;IAC9C,IAAM8E,IAAI,GAAGjD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEkB,IAAI,CAAC,UAAAD,CAAC;MAAA,OAAIA,CAAC,CAACrB,KAAK,KAAKzB,MAAM,CAAC,CAAC,CAAC;IAAA,EAAC;IAC3D8E,IAAI,IAAIJ,OAAO,CAACI,IAAI,CAAC;IACrBlD,gBAAgB,CAAC,IAAI,CAAC;IACtBY,QAAQ,aAARA,QAAQ,4CAARA,QAAQ,CAAEG,OAAO,sDAAjB,kBAAmBoC,KAAK,EAAE;EAC5B,CAAC;;EAED;AACF;AACA;AACA;EACE,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAA4C,EAAW;IACjF;IACA,IAAI,CAACA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,KAAKzD,KAAK,EAAE;MACzD,IAAI,CAAAQ,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEuB,MAAM,CAAC,UAAAV,CAAC;QAAA,OAAI,CAACA,CAAC,CAAChC,QAAQ;MAAA,EAAC,CAACkD,MAAM,MAAK,CAAC,EAAE;QACvDa,iBAAiB,CAAC,CAAC5C,YAAY,CAAEc,IAAI,CAAC,UAAAD,CAAC;UAAA,OAAI,CAACA,CAAC,CAAChC,QAAQ;QAAA,EAAC,CAAEW,KAAK,CAAC,CAAC;QAChEwD,KAAK,CAACE,eAAe,EAAE;MACzB;IACF;IAEA,IAAI,CAACF,KAAK,CAACC,GAAG,KAAK,WAAW,IAAID,KAAK,CAACC,GAAG,KAAK,MAAM,IAAID,KAAK,CAACC,GAAG,KAAK,SAAS,IAAID,KAAK,CAACC,GAAG,KAAK,IAAI,KAAK,CAAC,EAACjD,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAE+B,MAAM,GAAE;MAClIhC,iBAAiB,CAAC,IAAI,CAAC;IACzB;EACF,CAAC;;EAED;AACF;AACA;AACA;EACE,IAAMoD,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIlC,KAAa,EAAW;IACnD;IACA,IAAMmC,QAAQ,sBAAOhE,KAAK,CAAC;;IAE3B;IACA;IACAgE,QAAQ,CAACC,MAAM,CAACpC,KAAK,EAAE,CAAC,CAAC;;IAEzB;IACA5B,QAAQ,oBAAK+D,QAAQ,EAAE;IACvBhF,aAAa,CAACgF,QAAQ,CAACxC,GAAG,CAAC,UAACS,CAAC;MAAA,OAAKA,CAAC,CAAC7B,KAAK;IAAA,EAAC,CAAC;EAC7C,CAAC;EAED,oBACE,MAAC,OAAO;IAAC,GAAG,EAAEc,YAAa;IAAA,wBACzB,KAAC,cAAc;MAAC,OAAO,EAAEtC,OAAQ;MACjB,GAAG,EAAEuC,QAAS;MACd,KAAK,EAAEnB,KAAM;MACb,QAAQ,EAAEL,QAAS;MACnB,UAAU,EAAES,KAAM;MAClB,IAAI,EAAC,UAAU;MACf,yBAAuBF,gBAAiB;MACxC,IAAI,EAAEb,IAAK;MACX,WAAW,EAAEP,WAAY;MACzB,cAAc,EAAEY,cAAe;MAC/B,QAAQ,EAAED,QAAS;MACnB,SAAS,EAAEL,SAAU;MACrB,iBAAiB,EAAEL,iBAAkB;MACrC,OAAO,EAAEG,OAAQ;MACjB,YAAY,EAAE,sBAACgF,IAAI,EAAErC,KAAK;QAAA,OAAKkC,mBAAmB,CAAClC,KAAK,CAAC;MAAA,CAAC;MAC1D,kBAAkB,EAAE0B,sBAAuB;MAC3C,cAAc,EAAEI,kBAAmB;MACnC,kBAAkB,EAAE,4BAACvD,KAAK;QAAA,OAAKO,iBAAiB,CAACP,KAAK,CAAC;MAAA;IAAC,GACpDR,IAAI,EAAG,eAC3B,KAAC,eAAe;MACd,YAAY,EAAEsB,YAAa;MAC3B,kBAAkB,EAAE;QAClBiD,MAAM,EAAE,kBAAM,CACd,CAAC;QACDC,UAAU,EAAE,IAAI;QAEhBC,SAAS,EAAE,QAAQ;QACnBC,UAAU,EAAE,IAAI;QAChBC,WAAW,EAAE,EAAE;QACfC,WAAW,EAAE,KAAK;QAClBC,aAAa,EAAEjB,iBAAiB;QAChCkB,KAAK,EAAE9D;MACT,CAAE;MACF,aAAa,EAAC,OAAO;MACrB,OAAO,EAAEI,OAAQ;MACjB,UAAU,EAAEC,UAAW;MACvB,yBAAyB,EAAE,mCAACgB,CAAC;QAAA,OAAK9B,mBAAmB,CAAC8B,CAAC,CAAC;MAAA,CAAC;MACzD,cAAc,EAAE,CAACnB,aAAa,CAAE;MAChC,kBAAkB,EAAEpC,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,EAAG;MAC7C,iBAAiB,EAAE,6BAAM,CACzB,CAAE;MACF,MAAM,EAAE,CAAC,CAACS,gBAAgB,IAAK,CAAC,CAACA,gBAAgB,IAAIa,KAAK,CAAC2C,MAAM,GAAGxD,gBAAiB,KAAKuB,cAAe;MACzG,SAAS,EAAEC,iBAAkB;MAC7B,MAAM,EAAE,EAAG;MACX,QAAQ,EAAE,KAAM;MAChB,EAAE,YAAK/B,OAAO;IAAmB,EAAE;EAAA,EAE7B;AAEd,CAAC,CAAC;AAAC;EA7QDL,IAAI;IANJgE,cAAc;IACdnC,KAAK;EAAA;EAOL5B,aAAa;EAEbE,kBAAkB;EAElBO,UAAU;IAZVsD,cAAc;IACdnC,KAAK;EAAA;EAaLlB,OAAO;EAEPC,gBAAgB;EAEhBV,cAAc;EAEde,gBAAgB;AAAA"}
+{"version":3,"file":"ChipDropdownInput.js","names":["React","styled","ChipInputContainer","ChipInputField","Size","States","DropdownContent","useClickOutsideRef","useFocusOutsideRef","Z_INDEXES","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","dropdown","ChipDropdownInput","forwardRef","_ref","ref","list","onInputChange","disableSorting","messageOnNoResults","values","inputId","variants","placeholder","validationMessage","onValueChange","suggestion","loading","maxSelectedItems","_ref$multiLine","multiLine","_ref$size","size","Medium","icon","disableFiltering","disabled","altPlaceholder","required","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","givenList","setGivenList","_React$useState3","_React$useState4","chips","setChips","_React$useState5","_React$useState6","activeDescendant","setActiveDescendant","_React$useState7","_React$useState8","value","setValue","_React$useState9","_React$useState10","restartFilter","setRestartFilter","_React$useState11","_React$useState12","filteredList","setFilteredList","_React$useState13","_React$useState14","dropdownIsOpen","setDropdownIsOpen","_React$useState15","_React$useState16","dropdownList","setDropdownList","_React$useState17","_React$useState18","dropdownValue","setDropdownValue","_React$useState19","_React$useState20","focused","setFocused","containerRef","inputRef","useRef","useImperativeHandle","current","useEffect","map","a","find","b","label","index","_objectSpread","variant","Default","newList","e","options","_toConsumableArray","filter","option","_option$secondaryLabe","toUpperCase","indexOf","secondaryLabel","sort","push","o","length","handleClickOutside","_containerRef$current","contains","target","document","addEventListener","removeEventListener","_filteredList$map","x","_x$icon","displayLabel","noteLabel","addChip","newChip","concat","handleInputValueChange","handleValueUpdate","_inputRef$current","item","focus","handleInputKeyDown","event","key","stopPropagation","handleOnChipRemoved","newChips","splice","children","items","inputValue","role","onRemoveItem","chip","onInputValueChange","onInputKeyDown","onActivationChange","customizationProps","action","pinTopItem","itemsType","scrollable","actionLabel","multiSelect","onValueUpdate","ariaRolesType","onActiveDescendantChanged","selectedValues","setSelectedValues","isOpen","setIsOpen","isButton","id","propTypes","_pt","oneOfType","arrayOf","shape","string","isRequired","func","bool","number"],"sources":["../../src/ChipsInput/ChipDropdownInput.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom components.\n */\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\nimport {Size, States} from '../types';\nimport {DropdownContent, DropdownItem} from '../Dropdown';\nimport {SystemIcons} from '../icons';\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\nimport {useClickOutsideRef, useFocusOutsideRef} from '../common';\nimport {Z_INDEXES} from '../styles';\n\nconst Wrapper = styled.div`\n  position: relative;\n  display: inline-block;\n  width: 100%;\n\n  ${ChipInputContainer} {\n    position: relative;\n\n    &:focus, &.focus-visible-within {\n      z-index: ${Z_INDEXES.dropdown + 1} !important;\n    }\n  }\n`;\n\n\ninterface ListItem extends ChipItem {\n  secondaryLabel?: string;\n  value: string;\n}\n\nexport interface ChipDropdownInputProps extends Omit<ChipInputProps, 'autoSave'> {\n  /** Array of items available. */\n  list: ListItem[] | string[];\n  /** On input selected/unselected. */\n  onInputChange?: (input: string) => void;\n  /** Message to show in the dropdown if none of the chips fits user input. */\n  messageOnNoResults?: string;\n  /** Message to show in the dropdown if none of the chips fits user input. */\n  suggestion?: ListItem;\n  /** If flag is set then loader will be shown in the input field. */\n  loading?: boolean;\n  /** Max number of chips that user can select. */\n  maxSelectedItems?: number;\n  /** Disable sorting of options in the dropdown. */\n  disableSorting?: boolean;\n  /** Disable filtering of options depending on user input in the dropdown. */\n  disableFiltering?: boolean;\n}\n\nexport const ChipDropdownInput = React.forwardRef<HTMLInputElement | undefined, ChipDropdownInputProps>(({\n                                                                                               list,\n                                                                                               onInputChange,\n                                                                                               disableSorting,\n                                                                                               messageOnNoResults,\n                                                                                               values,\n                                                                                               inputId,\n                                                                                               variants,\n                                                                                               placeholder,\n                                                                                               validationMessage,\n                                                                                               onValueChange,\n                                                                                               suggestion,\n                                                                                               loading,\n                                                                                               maxSelectedItems,\n                                                                                               multiLine = true,\n                                                                                               size = Size.Medium,\n                                                                                               icon,\n                                                                                               disableFiltering,\n                                                                                               disabled,\n                                                                                               altPlaceholder,\n                                                                                               required,\n                                                                                               ...rest\n                                                                                             }: ChipDropdownInputProps, ref) => {\n  // Initiate states\n  const [givenList, setGivenList] = React.useState<ListItem[]>([]);\n  const [chips, setChips] = React.useState<ListItem[]>([]);\n\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\n  const [value, setValue] = React.useState<string>('');\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\n  const [filteredList, setFilteredList] = React.useState<ListItem[]>();\n\n  const [dropdownIsOpen, setDropdownIsOpen] = React.useState<boolean>(false);\n  const [dropdownList, setDropdownList] = React.useState<DropdownItem[]>([]);\n  const [dropdownValue, setDropdownValue] = React.useState<string>('');\n\n  const [focused, setFocused] = React.useState<number | null>(null);\n\n  const containerRef = useClickOutsideRef(() => setDropdownIsOpen(false), [], useFocusOutsideRef(() => setDropdownIsOpen(false)));\n  const inputRef = React.useRef<any>();\n\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\n\n\n  /**\n   * Sets initial values for the chips.\n   */\n  React.useEffect(() => {\n\n    const list =\n      values.map((a) => chips.find(b => b.value === a) || givenList.find(b => b.value === a) || {\n        label: a,\n        value: a,\n        icon: icon\n      })\n        .map((a, index) => ({...a, variant: a.variant || (variants && variants[index]) || States.Default}))\n        .map((a, index) => ({...a, icon: a.icon || icon}));\n\n    setChips(list);\n  }, [values, variants, icon, givenList]);\n\n  /**\n   * Convert string[] to List[] if necessary\n   */\n  React.useEffect(() => {\n    if (typeof list[0] === 'string') {\n      const newList: ListItem[] = (list as string[]).map((e: string) => ({label: e, value: e}));\n      setGivenList(newList);\n    } else {\n      setGivenList(list as ListItem[]);\n    }\n  }, [list]);\n\n  /**\n   * filter and sort list if remoteOperations is false\n   * */\n  React.useEffect(() => {\n    let options = [...givenList];\n    if (!disableFiltering) {\n      if (!restartFilter && value !== '') {\n        options = options.filter((option) => option.label.toUpperCase().indexOf(value.toUpperCase()) !== -1 ||\n          (option.secondaryLabel && option.secondaryLabel?.toUpperCase().indexOf(value.toUpperCase()) !== -1));\n      }\n    }\n\n    if (!disableSorting) {\n      options = options.sort();\n    }\n\n    suggestion && options.push(suggestion);\n\n    options = options.filter((o) => !chips.find(a => a.value === o.value));\n    setFilteredList(options);\n  }, [value, givenList, chips, disableFiltering, disableSorting]);\n\n  /**\n   * if there is only one active item in dropdown mark it as focused\n   * */\n  React.useEffect(() => {\n    if (dropdownIsOpen && !!value && dropdownList?.filter(a => !a.disabled).length === 1) {\n      setDropdownValue(dropdownList.find(a => !a.disabled)!.value);\n    } else {\n      setDropdownValue('');\n    }\n  }, [dropdownList, dropdownIsOpen, value]);\n\n  const handleClickOutside = (e: any) => {\n    if (!containerRef.current?.contains(e.target)) {\n      if (dropdownIsOpen) {\n        setDropdownIsOpen(false);\n        if (!givenList.find((e) => e.value === value)) {\n          setValue('');\n        }\n      }\n    }\n  };\n\n  /**\n   * register click outside event listener\n   * */\n  React.useEffect(() => {\n    document.addEventListener('click', handleClickOutside);\n    return () => {\n      document.removeEventListener('click', handleClickOutside);\n    };\n  }, []);\n\n  /**\n   * update dropdown items when filtered list changes\n   * */\n  React.useEffect(() => {\n    setDropdownList(filteredList?.map(x => ({\n      value: x.value,\n      displayLabel: x.label,\n      noteLabel: x.secondaryLabel,\n      icon: (x.icon ?? icon),\n      disabled: x.disabled,\n    })) ?? []);\n  }, [filteredList]);\n\n  const addChip = (newChip: ListItem) => {\n    const newList = [...chips, newChip];\n    // Let's add the chip\n    setChips(newList);\n    onValueChange(newList.map(a => a.value));\n\n    setValue('');\n  };\n\n  const handleInputValueChange = (value: string) => {\n    setValue(value);\n    setRestartFilter(false);\n    setDropdownIsOpen(true);\n    onInputChange && onInputChange(value);\n  }\n\n  /**\n   * Add chip from dropdown\n   * */\n  const handleValueUpdate = (values: string[]) => {\n    const item = filteredList?.find(a => a.value === values[0]);\n    item && addChip(item);\n    setRestartFilter(true);\n    inputRef?.current?.focus();\n  }\n\n  /**\n   * Adds a chip to the chip list.\n   * @param event - Event handler from the key down event.\n   */\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n    // Let's trigger only on enter, comma and space key press\n    if ((event.key === 'Enter' || event.key === ' ') && value) {\n      if (dropdownList?.filter(a => !a.disabled).length === 1) {\n        handleValueUpdate([dropdownList!.find(a => !a.disabled)!.value]);\n        event.stopPropagation();\n      }\n    }\n\n    if ((event.key === 'ArrowDown' || event.key === 'Down' || event.key === 'ArrowUp' || event.key === 'Up') && !!dropdownList?.length) {\n      setDropdownIsOpen(true);\n    }\n  };\n\n  /**\n   * Removes a specific chip from the chip list.\n   * @param index - Index of the chip that needs to be removed.\n   */\n  const handleOnChipRemoved = (index: number): void => {\n    // Let's copy the chips\n    const newChips = [...chips];\n\n    // Let's delete the chip\n    // If necessary, let's replace it with a different chip\n    newChips.splice(index, 1);\n\n    // Let's update the chip list\n    setChips([...newChips]);\n    onValueChange(newChips.map((e) => e.value));\n  };\n\n  return (\n    <Wrapper ref={containerRef}>\n      <ChipInputField inputId={inputId}\n                      ref={inputRef}\n                      items={chips}\n                      required={required}\n                      inputValue={value}\n                      role=\"combobox\"\n                      aria-activedescendant={activeDescendant}\n                      size={size}\n                      placeholder={placeholder}\n                      altPlaceholder={altPlaceholder}\n                      disabled={disabled}\n                      multiLine={multiLine}\n                      validationMessage={validationMessage}\n                      loading={loading}\n                      onRemoveItem={(chip, index) => handleOnChipRemoved(index)}\n                      onInputValueChange={handleInputValueChange}\n                      onInputKeyDown={handleInputKeyDown}\n                      onActivationChange={(value) => setDropdownIsOpen(value)}\n                      {...rest}/>\n      <DropdownContent\n        containerRef={containerRef}\n        customizationProps={{\n          action: () => {\n          },\n          pinTopItem: true,\n\n          itemsType: 'normal',\n          scrollable: true,\n          actionLabel: '',\n          multiSelect: false,\n          onValueUpdate: handleValueUpdate,\n          items: dropdownList,\n        }}\n        ariaRolesType=\"input\"\n        focused={focused}\n        setFocused={setFocused}\n        onActiveDescendantChanged={(e) => setActiveDescendant(e)}\n        selectedValues={[dropdownValue]}\n        messageOnNoResults={messageOnNoResults ?? ''}\n        setSelectedValues={() => {\n        }}\n        isOpen={(!maxSelectedItems || (!!maxSelectedItems && chips.length < maxSelectedItems)) && dropdownIsOpen}\n        setIsOpen={setDropdownIsOpen}\n        filter={''}\n        isButton={false}\n        id={`${inputId}_dropdowncontent`}/>\n\n    </Wrapper>\n  );\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/ChipsInput/ChipInput.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -15,10 +15,16 @@ var _types = require("../types");
 var _ChipInputField = require("./ChipInputField");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["values", "inputId", "variants", "icon", "placeholder", "disabled", "altPlaceholder", "validationMessage", "onValueChange", "multiLine", "size", "autoSave"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+/**
+ * Import React libraries.
+ */
+/**
+ * Import custom components.
+ */
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ChipInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var values = _ref.values,
     inputId = _ref.inputId,
@@ -35,30 +41,30 @@ var ChipInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     size = _ref$size === void 0 ? _types.Size.Medium : _ref$size,
     _ref$autoSave = _ref.autoSave,
     autoSave = _ref$autoSave === void 0 ? false : _ref$autoSave,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var _React$useState = React.useState([]),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     chips = _React$useState2[0],
     setChips = _React$useState2[1];
   var _React$useState3 = React.useState(''),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
     value = _React$useState4[0],
     setValue = _React$useState4[1];
   var _React$useState5 = React.useState([]),
-    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
+    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
     chipItems = _React$useState6[0],
     setChipItems = _React$useState6[1];
 
-  /**
-   * Sets initial values for the chips.
+  /**
+   * Sets initial values for the chips.
    */
   React.useEffect(function () {
     // Let's add initial chip values
     setChips(values);
   }, [values]);
 
-  /**
-   * Set chip items for chip input field
+  /**
+   * Set chip items for chip input field
    * */
   React.useEffect(function () {
     setChipItems(chips.map(function (chip, index) {
@@ -73,38 +79,38 @@ var ChipInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var handleInputBlur = function handleInputBlur(event) {
     var _event$target, _event$target$closest;
     if (autoSave && value && !((_event$target = event.target) !== null && _event$target !== void 0 && (_event$target$closest = _event$target.closest("".concat(_ChipInputField.ChipInputContainer))) !== null && _event$target$closest !== void 0 && _event$target$closest.contains(event.relatedTarget))) {
-      setChips([].concat((0, _toConsumableArray2.default)(chips), [value]));
-      onValueChange([].concat((0, _toConsumableArray2.default)(chips), [value]));
+      setChips([].concat((0, _toConsumableArray2["default"])(chips), [value]));
+      onValueChange([].concat((0, _toConsumableArray2["default"])(chips), [value]));
       setValue('');
     }
   };
 
-  /**
-   * Adds a chip to the chip list.
-   * @param event - Event handler from the key down event.
+  /**
+   * Adds a chip to the chip list.
+   * @param event - Event handler from the key down event.
    */
   var handleInputKeyDown = function handleInputKeyDown(event) {
     if ((event.key === 'Enter' || event.key === ' ') && value) {
       event.preventDefault();
-      setChips([].concat((0, _toConsumableArray2.default)(chips), [value]));
-      onValueChange([].concat((0, _toConsumableArray2.default)(chips), [value]));
+      setChips([].concat((0, _toConsumableArray2["default"])(chips), [value]));
+      onValueChange([].concat((0, _toConsumableArray2["default"])(chips), [value]));
       setValue('');
     }
   };
 
-  /**
-   * Removes a specific chip from the chip list.
-   * @param index - Index of the chip that needs to be removed.
+  /**
+   * Removes a specific chip from the chip list.
+   * @param index - Index of the chip that needs to be removed.
    */
   var onRemoveChip = function onRemoveChip(index) {
-    var newChips = (0, _toConsumableArray2.default)(chips);
+    var newChips = (0, _toConsumableArray2["default"])(chips);
     newChips.splice(index, 1);
     setChips(newChips);
     onValueChange(newChips);
   };
 
-  /**
-   * Return Chip Input component.
+  /**
+   * Return Chip Input component.
    */
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipInputField.ChipInputField, _objectSpread({
     inputId: inputId,
@@ -128,5 +134,5 @@ var ChipInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, rest));
 });
 var _default = ChipInput;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=ChipInput.cjs.map