@laerdal/life-react-components 5.1.0 → 6.0.0-dev.1

package/dist/ChipsInput/ChipDropdownInput.cjs

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.ChipDropdownInput = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -18,7 +17,6 @@ var _common = require("../common");
 var _styles = require("../styles");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["list", "onInputChange", "disableSorting", "messageOnNoResults", "values", "inputId", "variants", "placeholder", "validationMessage", "onValueChange", "suggestion", "loading", "maxSelectedItems", "multiLine", "size", "icon", "disableFiltering", "disabled", "altPlaceholder", "required"];
-var _templateObject;
 /**
  * Import React libraries.
  */
@@ -32,7 +30,19 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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; }
-const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  display: inline-block;\n  width: 100%;\n\n  ", " {\n    position: relative;\n\n    &:focus, &.focus-visible-within {\n      z-index: ", " !important;\n    }\n  }\n"])), _ChipInputField.ChipInputContainer, _styles.Z_INDEXES.dropdown + 1);
+const Wrapper = _styledComponents.default.div`
+  position: relative;
+  display: inline-block;
+  width: 100%;
+
+  ${_ChipInputField.ChipInputContainer} {
+    position: relative;
+
+    &:focus, &.focus-visible-within {
+      z-index: ${_styles.Z_INDEXES.dropdown + 1} !important;
+    }
+  }
+`;
 const ChipDropdownInput = exports.ChipDropdownInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
       list,
@@ -69,7 +79,7 @@ const ChipDropdownInput = exports.ChipDropdownInput = /*#__PURE__*/React.forward
   const [dropdownValue, setDropdownValue] = React.useState('');
   const [focused, setFocused] = React.useState(null);
   const containerRef = (0, _common.useClickOutsideRef)(() => setDropdownIsOpen(false), [], (0, _common.useFocusOutsideRef)(() => setDropdownIsOpen(false)));
-  const inputRef = React.useRef();
+  const inputRef = React.useRef(undefined);
   React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);
 
   /**
@@ -110,10 +120,7 @@ const ChipDropdownInput = exports.ChipDropdownInput = /*#__PURE__*/React.forward
     let options = [...givenList];
     if (!disableFiltering) {
       if (!restartFilter && value !== '') {
-        options = options.filter(option => {
-          var _option$secondaryLabe;
-          return option.label.toUpperCase().indexOf(value.toUpperCase()) !== -1 || option.secondaryLabel && ((_option$secondaryLabe = option.secondaryLabel) === null || _option$secondaryLabe === void 0 ? void 0 : _option$secondaryLabe.toUpperCase().indexOf(value.toUpperCase())) !== -1;
-        });
+        options = options.filter(option => option.label.toUpperCase().indexOf(value.toUpperCase()) !== -1 || option.secondaryLabel && option.secondaryLabel?.toUpperCase().indexOf(value.toUpperCase()) !== -1);
       }
     }
     if (!disableSorting) {
@@ -128,15 +135,14 @@ const ChipDropdownInput = exports.ChipDropdownInput = /*#__PURE__*/React.forward
    * if there is only one active item in dropdown mark it as focused
    * */
   React.useEffect(() => {
-    if (dropdownIsOpen && !!value && (dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.filter(a => !a.disabled).length) === 1) {
+    if (dropdownIsOpen && !!value && dropdownList?.filter(a => !a.disabled).length === 1) {
       setDropdownValue(dropdownList.find(a => !a.disabled).value);
     } else {
       setDropdownValue('');
     }
   }, [dropdownList, dropdownIsOpen, value]);
   const handleClickOutside = e => {
-    var _containerRef$current;
-    if (!((_containerRef$current = containerRef.current) !== null && _containerRef$current !== void 0 && _containerRef$current.contains(e.target))) {
+    if (!containerRef.current?.contains(e.target)) {
       if (dropdownIsOpen) {
         setDropdownIsOpen(false);
         if (!givenList.find(e => e.value === value)) {
@@ -160,17 +166,13 @@ const ChipDropdownInput = exports.ChipDropdownInput = /*#__PURE__*/React.forward
    * update dropdown items when filtered list changes
    * */
   React.useEffect(() => {
-    var _filteredList$map;
-    setDropdownList((_filteredList$map = filteredList === null || filteredList === void 0 ? void 0 : filteredList.map(x => {
-      var _x$icon;
-      return {
-        value: x.value,
-        displayLabel: x.label,
-        noteLabel: x.secondaryLabel,
-        icon: (_x$icon = x.icon) !== null && _x$icon !== void 0 ? _x$icon : icon,
-        disabled: x.disabled
-      };
-    })) !== null && _filteredList$map !== void 0 ? _filteredList$map : []);
+    setDropdownList(filteredList?.map(x => ({
+      value: x.value,
+      displayLabel: x.label,
+      noteLabel: x.secondaryLabel,
+      icon: x.icon ?? icon,
+      disabled: x.disabled
+    })) ?? []);
   }, [filteredList]);
   const addChip = newChip => {
     const newList = [...chips, newChip];
@@ -190,11 +192,10 @@ const ChipDropdownInput = exports.ChipDropdownInput = /*#__PURE__*/React.forward
    * Add chip from dropdown
    * */
   const handleValueUpdate = values => {
-    var _inputRef$current;
-    const item = filteredList === null || filteredList === void 0 ? void 0 : filteredList.find(a => a.value === values[0]);
+    const item = filteredList?.find(a => a.value === values[0]);
     item && addChip(item);
     setRestartFilter(true);
-    inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+    inputRef?.current?.focus();
   };
 
   /**
@@ -204,12 +205,12 @@ const ChipDropdownInput = exports.ChipDropdownInput = /*#__PURE__*/React.forward
   const handleInputKeyDown = event => {
     // Let's trigger only on enter, comma and space key press
     if ((event.key === 'Enter' || event.key === ' ') && value) {
-      if ((dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.filter(a => !a.disabled).length) === 1) {
+      if (dropdownList?.filter(a => !a.disabled).length === 1) {
         handleValueUpdate([dropdownList.find(a => !a.disabled).value]);
         event.stopPropagation();
       }
     }
-    if ((event.key === 'ArrowDown' || event.key === 'Down' || event.key === 'ArrowUp' || event.key === 'Up') && !!(dropdownList !== null && dropdownList !== void 0 && dropdownList.length)) {
+    if ((event.key === 'ArrowDown' || event.key === 'Down' || event.key === 'ArrowUp' || event.key === 'Up') && !!dropdownList?.length) {
       setDropdownIsOpen(true);
     }
   };
@@ -268,13 +269,13 @@ const ChipDropdownInput = exports.ChipDropdownInput = /*#__PURE__*/React.forward
       setFocused: setFocused,
       onActiveDescendantChanged: e => setActiveDescendant(e),
       selectedValues: [dropdownValue],
-      messageOnNoResults: messageOnNoResults !== null && messageOnNoResults !== void 0 ? messageOnNoResults : '',
+      messageOnNoResults: messageOnNoResults ?? '',
       setSelectedValues: () => {},
       isOpen: (!maxSelectedItems || !!maxSelectedItems && chips.length < maxSelectedItems) && dropdownIsOpen,
       setIsOpen: setDropdownIsOpen,
       filter: '',
       isButton: false,
-      id: "".concat(inputId, "_dropdowncontent")
+      id: `${inputId}_dropdowncontent`
     })]
   });
 });

package/dist/ChipsInput/ChipDropdownInput.cjs.map

@@ -1 +1 @@
-{"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","default","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","exports","forwardRef","_ref","ref","list","onInputChange","disableSorting","messageOnNoResults","values","inputId","variants","placeholder","validationMessage","onValueChange","suggestion","loading","maxSelectedItems","multiLine","size","Size","Medium","icon","disableFiltering","disabled","altPlaceholder","required","rest","_objectWithoutProperties2","givenList","setGivenList","useState","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","find","b","label","index","variant","States","Default","newList","options","option","_option$secondaryLabe","toUpperCase","indexOf","secondaryLabel","sort","handleClickOutside","_containerRef$current","contains","target","document","addEventListener","removeEventListener","_filteredList$map","x","_x$icon","displayLabel","noteLabel","addChip","newChip","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","concat","propTypes","_propTypes","oneOfType","arrayOf","shape","string","isRequired","func","bool","number"],"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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","ignoreList":[]}
+{"version":3,"file":"ChipDropdownInput.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_ChipInputField","_types","_Dropdown","_common","_styles","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","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","ChipInputContainer","Z_INDEXES","dropdown","ChipDropdownInput","exports","forwardRef","_ref","ref","list","onInputChange","disableSorting","messageOnNoResults","values","inputId","variants","placeholder","validationMessage","onValueChange","suggestion","loading","maxSelectedItems","multiLine","size","Size","Medium","icon","disableFiltering","disabled","altPlaceholder","required","rest","_objectWithoutProperties2","givenList","setGivenList","useState","chips","setChips","activeDescendant","setActiveDescendant","value","setValue","restartFilter","setRestartFilter","filteredList","setFilteredList","dropdownIsOpen","setDropdownIsOpen","dropdownList","setDropdownList","dropdownValue","setDropdownValue","focused","setFocused","containerRef","useClickOutsideRef","useFocusOutsideRef","inputRef","useRef","undefined","useImperativeHandle","current","useEffect","map","find","b","label","index","variant","States","Default","newList","options","option","toUpperCase","indexOf","secondaryLabel","sort","handleClickOutside","contains","target","document","addEventListener","removeEventListener","x","displayLabel","noteLabel","addChip","newChip","handleInputValueChange","handleValueUpdate","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","propTypes","_propTypes","oneOfType","arrayOf","shape","string","isRequired","func","bool","number"],"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>(undefined);\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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","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

@@ -1,9 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
 const _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(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; }
 /**
@@ -25,7 +23,19 @@ import { DropdownContent } from '../Dropdown';
 import { useClickOutsideRef, useFocusOutsideRef } from '../common';
 import { Z_INDEXES } from '../styles';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  display: inline-block;\n  width: 100%;\n\n  ", " {\n    position: relative;\n\n    &:focus, &.focus-visible-within {\n      z-index: ", " !important;\n    }\n  }\n"])), ChipInputContainer, Z_INDEXES.dropdown + 1);
+const Wrapper = styled.div`
+  position: relative;
+  display: inline-block;
+  width: 100%;
+
+  ${ChipInputContainer} {
+    position: relative;
+
+    &:focus, &.focus-visible-within {
+      z-index: ${Z_INDEXES.dropdown + 1} !important;
+    }
+  }
+`;
 export const ChipDropdownInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
       list,
@@ -62,7 +72,7 @@ export const ChipDropdownInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   const [dropdownValue, setDropdownValue] = React.useState('');
   const [focused, setFocused] = React.useState(null);
   const containerRef = useClickOutsideRef(() => setDropdownIsOpen(false), [], useFocusOutsideRef(() => setDropdownIsOpen(false)));
-  const inputRef = React.useRef();
+  const inputRef = React.useRef(undefined);
   React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);
 
   /**
@@ -103,10 +113,7 @@ export const ChipDropdownInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     let options = [...givenList];
     if (!disableFiltering) {
       if (!restartFilter && value !== '') {
-        options = options.filter(option => {
-          var _option$secondaryLabe;
-          return option.label.toUpperCase().indexOf(value.toUpperCase()) !== -1 || option.secondaryLabel && ((_option$secondaryLabe = option.secondaryLabel) === null || _option$secondaryLabe === void 0 ? void 0 : _option$secondaryLabe.toUpperCase().indexOf(value.toUpperCase())) !== -1;
-        });
+        options = options.filter(option => option.label.toUpperCase().indexOf(value.toUpperCase()) !== -1 || option.secondaryLabel && option.secondaryLabel?.toUpperCase().indexOf(value.toUpperCase()) !== -1);
       }
     }
     if (!disableSorting) {
@@ -121,15 +128,14 @@ export const ChipDropdownInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
    * if there is only one active item in dropdown mark it as focused
    * */
   React.useEffect(() => {
-    if (dropdownIsOpen && !!value && (dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.filter(a => !a.disabled).length) === 1) {
+    if (dropdownIsOpen && !!value && dropdownList?.filter(a => !a.disabled).length === 1) {
       setDropdownValue(dropdownList.find(a => !a.disabled).value);
     } else {
       setDropdownValue('');
     }
   }, [dropdownList, dropdownIsOpen, value]);
   const handleClickOutside = e => {
-    var _containerRef$current;
-    if (!((_containerRef$current = containerRef.current) !== null && _containerRef$current !== void 0 && _containerRef$current.contains(e.target))) {
+    if (!containerRef.current?.contains(e.target)) {
       if (dropdownIsOpen) {
         setDropdownIsOpen(false);
         if (!givenList.find(e => e.value === value)) {
@@ -153,17 +159,13 @@ export const ChipDropdownInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
    * update dropdown items when filtered list changes
    * */
   React.useEffect(() => {
-    var _filteredList$map;
-    setDropdownList((_filteredList$map = filteredList === null || filteredList === void 0 ? void 0 : filteredList.map(x => {
-      var _x$icon;
-      return {
-        value: x.value,
-        displayLabel: x.label,
-        noteLabel: x.secondaryLabel,
-        icon: (_x$icon = x.icon) !== null && _x$icon !== void 0 ? _x$icon : icon,
-        disabled: x.disabled
-      };
-    })) !== null && _filteredList$map !== void 0 ? _filteredList$map : []);
+    setDropdownList(filteredList?.map(x => ({
+      value: x.value,
+      displayLabel: x.label,
+      noteLabel: x.secondaryLabel,
+      icon: x.icon ?? icon,
+      disabled: x.disabled
+    })) ?? []);
   }, [filteredList]);
   const addChip = newChip => {
     const newList = [...chips, newChip];
@@ -183,11 +185,10 @@ export const ChipDropdownInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
    * Add chip from dropdown
    * */
   const handleValueUpdate = values => {
-    var _inputRef$current;
-    const item = filteredList === null || filteredList === void 0 ? void 0 : filteredList.find(a => a.value === values[0]);
+    const item = filteredList?.find(a => a.value === values[0]);
     item && addChip(item);
     setRestartFilter(true);
-    inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+    inputRef?.current?.focus();
   };
 
   /**
@@ -197,12 +198,12 @@ export const ChipDropdownInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   const handleInputKeyDown = event => {
     // Let's trigger only on enter, comma and space key press
     if ((event.key === 'Enter' || event.key === ' ') && value) {
-      if ((dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.filter(a => !a.disabled).length) === 1) {
+      if (dropdownList?.filter(a => !a.disabled).length === 1) {
         handleValueUpdate([dropdownList.find(a => !a.disabled).value]);
         event.stopPropagation();
       }
     }
-    if ((event.key === 'ArrowDown' || event.key === 'Down' || event.key === 'ArrowUp' || event.key === 'Up') && !!(dropdownList !== null && dropdownList !== void 0 && dropdownList.length)) {
+    if ((event.key === 'ArrowDown' || event.key === 'Down' || event.key === 'ArrowUp' || event.key === 'Up') && !!dropdownList?.length) {
       setDropdownIsOpen(true);
     }
   };
@@ -261,13 +262,13 @@ export const ChipDropdownInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       setFocused: setFocused,
       onActiveDescendantChanged: e => setActiveDescendant(e),
       selectedValues: [dropdownValue],
-      messageOnNoResults: messageOnNoResults !== null && messageOnNoResults !== void 0 ? messageOnNoResults : '',
+      messageOnNoResults: messageOnNoResults ?? '',
       setSelectedValues: () => {},
       isOpen: (!maxSelectedItems || !!maxSelectedItems && chips.length < maxSelectedItems) && dropdownIsOpen,
       setIsOpen: setDropdownIsOpen,
       filter: '',
       isButton: false,
-      id: "".concat(inputId, "_dropdowncontent")
+      id: `${inputId}_dropdowncontent`
     })]
   });
 });

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","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","multiLine","size","Medium","icon","disableFiltering","disabled","altPlaceholder","required","rest","_objectWithoutProperties","_excluded","givenList","setGivenList","useState","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","_objectSpread","variant","Default","newList","e","options","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","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","concat","propTypes","_pt","oneOfType","arrayOf","shape","string","isRequired","func","bool","number"],"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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","ignoreList":[]}
+{"version":3,"file":"ChipDropdownInput.js","names":["React","styled","ChipInputContainer","ChipInputField","Size","States","DropdownContent","useClickOutsideRef","useFocusOutsideRef","Z_INDEXES","jsx","_jsx","jsxs","_jsxs","Wrapper","div","dropdown","ChipDropdownInput","forwardRef","_ref","ref","list","onInputChange","disableSorting","messageOnNoResults","values","inputId","variants","placeholder","validationMessage","onValueChange","suggestion","loading","maxSelectedItems","multiLine","size","Medium","icon","disableFiltering","disabled","altPlaceholder","required","rest","_objectWithoutProperties","_excluded","givenList","setGivenList","useState","chips","setChips","activeDescendant","setActiveDescendant","value","setValue","restartFilter","setRestartFilter","filteredList","setFilteredList","dropdownIsOpen","setDropdownIsOpen","dropdownList","setDropdownList","dropdownValue","setDropdownValue","focused","setFocused","containerRef","inputRef","useRef","undefined","useImperativeHandle","current","useEffect","map","a","find","b","label","index","_objectSpread","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","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":["/**\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>(undefined);\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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","ignoreList":[]}

package/dist/ChipsInput/ChipInput.cjs

@@ -62,8 +62,7 @@ const ChipInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     })));
   }, [chips, variants, icon, size]);
   const handleInputBlur = event => {
-    var _event$target;
-    if (autoSave && value && !((_event$target = event.target) !== null && _event$target !== void 0 && (_event$target = _event$target.closest("".concat(_ChipInputField.ChipInputContainer))) !== null && _event$target !== void 0 && _event$target.contains(event.relatedTarget))) {
+    if (autoSave && value && !event.target?.closest(`${_ChipInputField.ChipInputContainer}`)?.contains(event.relatedTarget)) {
       setChips([...chips, value]);
       onValueChange([...chips, value]);
       setValue('');