@laerdal/life-react-components 5.0.9 → 5.1.0

package/dist/ChipsInput/ChipDropdownInput.js

@@ -1,10 +1,8 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 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"];
+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; }
@@ -26,121 +24,72 @@ import { Size, States } from '../types';
 import { DropdownContent } from '../Dropdown';
 import { useClickOutsideRef, useFocusOutsideRef } from '../common';
 import { Z_INDEXES } from '../styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var 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);
-export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var list = _ref.list,
-    onInputChange = _ref.onInputChange,
-    disableSorting = _ref.disableSorting,
-    messageOnNoResults = _ref.messageOnNoResults,
-    values = _ref.values,
-    inputId = _ref.inputId,
-    variants = _ref.variants,
-    placeholder = _ref.placeholder,
-    validationMessage = _ref.validationMessage,
-    onValueChange = _ref.onValueChange,
-    suggestion = _ref.suggestion,
-    loading = _ref.loading,
-    maxSelectedItems = _ref.maxSelectedItems,
-    _ref$multiLine = _ref.multiLine,
-    multiLine = _ref$multiLine === void 0 ? true : _ref$multiLine,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? Size.Medium : _ref$size,
-    icon = _ref.icon,
-    disableFiltering = _ref.disableFiltering,
-    disabled = _ref.disabled,
-    altPlaceholder = _ref.altPlaceholder,
-    required = _ref.required,
+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);
+export const ChipDropdownInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      list,
+      onInputChange,
+      disableSorting,
+      messageOnNoResults,
+      values,
+      inputId,
+      variants,
+      placeholder,
+      validationMessage,
+      onValueChange,
+      suggestion,
+      loading,
+      maxSelectedItems,
+      multiLine = true,
+      size = Size.Medium,
+      icon,
+      disableFiltering,
+      disabled,
+      altPlaceholder,
+      required
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   // Initiate states
-  var _React$useState = React.useState([]),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    givenList = _React$useState2[0],
-    setGivenList = _React$useState2[1];
-  var _React$useState3 = React.useState([]),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    chips = _React$useState4[0],
-    setChips = _React$useState4[1];
-  var _React$useState5 = React.useState(),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    activeDescendant = _React$useState6[0],
-    setActiveDescendant = _React$useState6[1];
-  var _React$useState7 = React.useState(''),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    value = _React$useState8[0],
-    setValue = _React$useState8[1];
-  var _React$useState9 = React.useState(false),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    restartFilter = _React$useState10[0],
-    setRestartFilter = _React$useState10[1];
-  var _React$useState11 = React.useState(),
-    _React$useState12 = _slicedToArray(_React$useState11, 2),
-    filteredList = _React$useState12[0],
-    setFilteredList = _React$useState12[1];
-  var _React$useState13 = React.useState(false),
-    _React$useState14 = _slicedToArray(_React$useState13, 2),
-    dropdownIsOpen = _React$useState14[0],
-    setDropdownIsOpen = _React$useState14[1];
-  var _React$useState15 = React.useState([]),
-    _React$useState16 = _slicedToArray(_React$useState15, 2),
-    dropdownList = _React$useState16[0],
-    setDropdownList = _React$useState16[1];
-  var _React$useState17 = React.useState(''),
-    _React$useState18 = _slicedToArray(_React$useState17, 2),
-    dropdownValue = _React$useState18[0],
-    setDropdownValue = _React$useState18[1];
-  var _React$useState19 = React.useState(null),
-    _React$useState20 = _slicedToArray(_React$useState19, 2),
-    focused = _React$useState20[0],
-    setFocused = _React$useState20[1];
-  var containerRef = useClickOutsideRef(function () {
-    return setDropdownIsOpen(false);
-  }, [], useFocusOutsideRef(function () {
-    return setDropdownIsOpen(false);
-  }));
-  var inputRef = React.useRef();
-  React.useImperativeHandle(ref, function () {
-    return inputRef.current;
-  }, [inputRef]);
+  const [givenList, setGivenList] = React.useState([]);
+  const [chips, setChips] = React.useState([]);
+  const [activeDescendant, setActiveDescendant] = React.useState();
+  const [value, setValue] = React.useState('');
+  const [restartFilter, setRestartFilter] = React.useState(false);
+  const [filteredList, setFilteredList] = React.useState();
+  const [dropdownIsOpen, setDropdownIsOpen] = React.useState(false);
+  const [dropdownList, setDropdownList] = React.useState([]);
+  const [dropdownValue, setDropdownValue] = React.useState('');
+  const [focused, setFocused] = React.useState(null);
+  const containerRef = useClickOutsideRef(() => setDropdownIsOpen(false), [], useFocusOutsideRef(() => setDropdownIsOpen(false)));
+  const inputRef = React.useRef();
+  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);
 
   /**
    * Sets initial values for the chips.
    */
-  React.useEffect(function () {
-    var list = values.map(function (a) {
-      return chips.find(function (b) {
-        return b.value === a;
-      }) || givenList.find(function (b) {
-        return b.value === a;
-      }) || {
-        label: a,
-        value: a,
-        icon: icon
-      };
-    }).map(function (a, index) {
-      return _objectSpread(_objectSpread({}, a), {}, {
-        variant: a.variant || variants && variants[index] || States.Default
-      });
-    }).map(function (a, index) {
-      return _objectSpread(_objectSpread({}, a), {}, {
-        icon: a.icon || icon
-      });
-    });
+  React.useEffect(() => {
+    const list = values.map(a => chips.find(b => b.value === a) || givenList.find(b => b.value === a) || {
+      label: a,
+      value: a,
+      icon: icon
+    }).map((a, index) => _objectSpread(_objectSpread({}, a), {}, {
+      variant: a.variant || variants && variants[index] || States.Default
+    })).map((a, index) => _objectSpread(_objectSpread({}, a), {}, {
+      icon: a.icon || icon
+    }));
     setChips(list);
   }, [values, variants, icon, givenList]);
 
   /**
    * Convert string[] to List[] if necessary
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (typeof list[0] === 'string') {
-      var newList = list.map(function (e) {
-        return {
-          label: e,
-          value: e
-        };
-      });
+      const newList = list.map(e => ({
+        label: e,
+        value: e
+      }));
       setGivenList(newList);
     } else {
       setGivenList(list);
@@ -150,11 +99,11 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
   /**
    * filter and sort list if remoteOperations is false
    * */
-  React.useEffect(function () {
-    var options = _toConsumableArray(givenList);
+  React.useEffect(() => {
+    let options = [...givenList];
     if (!disableFiltering) {
       if (!restartFilter && value !== '') {
-        options = options.filter(function (option) {
+        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;
         });
@@ -164,36 +113,26 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
       options = options.sort();
     }
     suggestion && options.push(suggestion);
-    options = options.filter(function (o) {
-      return !chips.find(function (a) {
-        return a.value === o.value;
-      });
-    });
+    options = options.filter(o => !chips.find(a => a.value === o.value));
     setFilteredList(options);
   }, [value, givenList, chips, disableFiltering, disableSorting]);
 
   /**
    * 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) {
-      return !a.disabled;
-    }).length) === 1) {
-      setDropdownValue(dropdownList.find(function (a) {
-        return !a.disabled;
-      }).value);
+  React.useEffect(() => {
+    if (dropdownIsOpen && !!value && (dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.filter(a => !a.disabled).length) === 1) {
+      setDropdownValue(dropdownList.find(a => !a.disabled).value);
     } else {
       setDropdownValue('');
     }
   }, [dropdownList, dropdownIsOpen, value]);
-  var handleClickOutside = function handleClickOutside(e) {
+  const handleClickOutside = e => {
     var _containerRef$current;
     if (!((_containerRef$current = containerRef.current) !== null && _containerRef$current !== void 0 && _containerRef$current.contains(e.target))) {
       if (dropdownIsOpen) {
         setDropdownIsOpen(false);
-        if (!givenList.find(function (e) {
-          return e.value === value;
-        })) {
+        if (!givenList.find(e => e.value === value)) {
           setValue('');
         }
       }
@@ -203,9 +142,9 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
   /**
    * register click outside event listener
    * */
-  React.useEffect(function () {
+  React.useEffect(() => {
     document.addEventListener('click', handleClickOutside);
-    return function () {
+    return () => {
       document.removeEventListener('click', handleClickOutside);
     };
   });
@@ -213,9 +152,9 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
   /**
    * update dropdown items when filtered list changes
    * */
-  React.useEffect(function () {
+  React.useEffect(() => {
     var _filteredList$map;
-    setDropdownList((_filteredList$map = filteredList === null || filteredList === void 0 ? void 0 : filteredList.map(function (x) {
+    setDropdownList((_filteredList$map = filteredList === null || filteredList === void 0 ? void 0 : filteredList.map(x => {
       var _x$icon;
       return {
         value: x.value,
@@ -226,16 +165,14 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
       };
     })) !== null && _filteredList$map !== void 0 ? _filteredList$map : []);
   }, [filteredList]);
-  var addChip = function addChip(newChip) {
-    var newList = [].concat(_toConsumableArray(chips), [newChip]);
+  const addChip = newChip => {
+    const newList = [...chips, newChip];
     // Let's add the chip
     setChips(newList);
-    onValueChange(newList.map(function (a) {
-      return a.value;
-    }));
+    onValueChange(newList.map(a => a.value));
     setValue('');
   };
-  var handleInputValueChange = function handleInputValueChange(value) {
+  const handleInputValueChange = value => {
     setValue(value);
     setRestartFilter(false);
     setDropdownIsOpen(true);
@@ -245,29 +182,23 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
   /**
    * Add chip from dropdown
    * */
-  var handleValueUpdate = function handleValueUpdate(values) {
+  const handleValueUpdate = values => {
     var _inputRef$current;
-    var item = filteredList === null || filteredList === void 0 ? void 0 : filteredList.find(function (a) {
-      return a.value === values[0];
-    });
+    const item = filteredList === null || filteredList === void 0 ? void 0 : filteredList.find(a => a.value === values[0]);
     item && addChip(item);
     setRestartFilter(true);
-    inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+    inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
   };
 
   /**
    * Adds a chip to the chip list.
    * @param event - Event handler from the key down event.
    */
-  var handleInputKeyDown = function handleInputKeyDown(event) {
+  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(function (a) {
-        return !a.disabled;
-      }).length) === 1) {
-        handleValueUpdate([dropdownList.find(function (a) {
-          return !a.disabled;
-        }).value]);
+      if ((dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.filter(a => !a.disabled).length) === 1) {
+        handleValueUpdate([dropdownList.find(a => !a.disabled).value]);
         event.stopPropagation();
       }
     }
@@ -280,19 +211,17 @@ 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.
    */
-  var handleOnChipRemoved = function handleOnChipRemoved(index) {
+  const handleOnChipRemoved = index => {
     // Let's copy the chips
-    var newChips = _toConsumableArray(chips);
+    const newChips = [...chips];
 
     // Let's delete the chip
     // If necessary, let's replace it with a different chip
     newChips.splice(index, 1);
 
     // Let's update the chip list
-    setChips(_toConsumableArray(newChips));
-    onValueChange(newChips.map(function (e) {
-      return e.value;
-    }));
+    setChips([...newChips]);
+    onValueChange(newChips.map(e => e.value));
   };
   return /*#__PURE__*/_jsxs(Wrapper, {
     ref: containerRef,
@@ -311,18 +240,14 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
       multiLine: multiLine,
       validationMessage: validationMessage,
       loading: loading,
-      onRemoveItem: function onRemoveItem(chip, index) {
-        return handleOnChipRemoved(index);
-      },
+      onRemoveItem: (chip, index) => handleOnChipRemoved(index),
       onInputValueChange: handleInputValueChange,
       onInputKeyDown: handleInputKeyDown,
-      onActivationChange: function onActivationChange(value) {
-        return setDropdownIsOpen(value);
-      }
+      onActivationChange: value => setDropdownIsOpen(value)
     }, rest)), /*#__PURE__*/_jsx(DropdownContent, {
       containerRef: containerRef,
       customizationProps: {
-        action: function action() {},
+        action: () => {},
         pinTopItem: true,
         itemsType: 'normal',
         scrollable: true,
@@ -334,12 +259,10 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
       ariaRolesType: "input",
       focused: focused,
       setFocused: setFocused,
-      onActiveDescendantChanged: function onActiveDescendantChanged(e) {
-        return setActiveDescendant(e);
-      },
+      onActiveDescendantChanged: e => setActiveDescendant(e),
       selectedValues: [dropdownValue],
       messageOnNoResults: messageOnNoResults !== null && messageOnNoResults !== void 0 ? messageOnNoResults : '',
-      setSelectedValues: function setSelectedValues() {},
+      setSelectedValues: () => {},
       isOpen: (!maxSelectedItems || !!maxSelectedItems && chips.length < maxSelectedItems) && dropdownIsOpen,
       setIsOpen: setDropdownIsOpen,
       filter: '',

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","_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":["/**\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","_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":[]}