@laerdal/life-react-components 5.0.6-dev.2 → 5.0.6

package/dist/ChipsInput/ChipDropdownInput.js

@@ -8,18 +8,18 @@ var _excluded = ["list", "onInputChange", "disableSorting", "messageOnNoResults"
 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; }
-/**
- * Import React libraries.
+/**
+ * Import React libraries.
  */
 import * as React from 'react';
 
-/**
- * Import third-party libraries.
+/**
+ * Import third-party libraries.
  */
 import styled from 'styled-components';
 
-/**
- * Import custom components.
+/**
+ * Import custom components.
  */
 import { ChipInputContainer, ChipInputField } from './ChipInputField';
 import { Size, States } from '../types';
@@ -104,8 +104,8 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
     return inputRef.current;
   }, [inputRef]);
 
-  /**
-   * Sets initial values for the chips.
+  /**
+   * Sets initial values for the chips.
    */
   React.useEffect(function () {
     var list = values.map(function (a) {
@@ -130,8 +130,8 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
     setChips(list);
   }, [values, variants, icon, givenList]);
 
-  /**
-   * Convert string[] to List[] if necessary
+  /**
+   * Convert string[] to List[] if necessary
    */
   React.useEffect(function () {
     if (typeof list[0] === 'string') {
@@ -147,8 +147,8 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
     }
   }, [list]);
 
-  /**
-   * filter and sort list if remoteOperations is false
+  /**
+   * filter and sort list if remoteOperations is false
    * */
   React.useEffect(function () {
     var options = _toConsumableArray(givenList);
@@ -172,8 +172,8 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
     setFilteredList(options);
   }, [value, givenList, chips, disableFiltering, disableSorting]);
 
-  /**
-   * if there is only one active item in dropdown mark it as focused
+  /**
+   * if there is only one active item in dropdown mark it as focused
    * */
   React.useEffect(function () {
     if (dropdownIsOpen && !!value && (dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.filter(function (a) {
@@ -200,8 +200,8 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
     }
   };
 
-  /**
-   * register click outside event listener
+  /**
+   * register click outside event listener
    * */
   React.useEffect(function () {
     document.addEventListener('click', handleClickOutside);
@@ -210,8 +210,8 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
     };
   }, []);
 
-  /**
-   * update dropdown items when filtered list changes
+  /**
+   * update dropdown items when filtered list changes
    * */
   React.useEffect(function () {
     var _filteredList$map;
@@ -242,8 +242,8 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
     onInputChange && onInputChange(value);
   };
 
-  /**
-   * Add chip from dropdown
+  /**
+   * Add chip from dropdown
    * */
   var handleValueUpdate = function handleValueUpdate(values) {
     var _inputRef$current;
@@ -255,9 +255,9 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
     inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
   };
 
-  /**
-   * Adds a chip to the chip list.
-   * @param event - Event handler from the key down event.
+  /**
+   * Adds a chip to the chip list.
+   * @param event - Event handler from the key down event.
    */
   var handleInputKeyDown = function handleInputKeyDown(event) {
     // Let's trigger only on enter, comma and space key press
@@ -276,9 +276,9 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
     }
   };
 
-  /**
-   * Removes a specific chip from the chip list.
-   * @param index - Index of the chip that needs to be removed.
+  /**
+   * Removes a specific chip from the chip list.
+   * @param index - Index of the chip that needs to be removed.
    */
   var handleOnChipRemoved = function handleOnChipRemoved(index) {
     // Let's copy the chips

package/dist/ChipsInput/ChipDropdownInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipDropdownInput.js","names":["React","styled","ChipInputContainer","ChipInputField","Size","States","DropdownContent","useClickOutsideRef","useFocusOutsideRef","Z_INDEXES","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","_ref$multiLine","multiLine","_ref$size","size","Medium","icon","disableFiltering","disabled","altPlaceholder","required","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","givenList","setGivenList","_React$useState3","_React$useState4","chips","setChips","_React$useState5","_React$useState6","activeDescendant","setActiveDescendant","_React$useState7","_React$useState8","value","setValue","_React$useState9","_React$useState10","restartFilter","setRestartFilter","_React$useState11","_React$useState12","filteredList","setFilteredList","_React$useState13","_React$useState14","dropdownIsOpen","setDropdownIsOpen","_React$useState15","_React$useState16","dropdownList","setDropdownList","_React$useState17","_React$useState18","dropdownValue","setDropdownValue","_React$useState19","_React$useState20","focused","setFocused","containerRef","inputRef","useRef","useImperativeHandle","current","useEffect","map","a","find","b","label","index","_objectSpread","variant","Default","newList","e","options","_toConsumableArray","filter","option","_option$secondaryLabe","toUpperCase","indexOf","secondaryLabel","sort","push","o","length","handleClickOutside","_containerRef$current","contains","target","document","addEventListener","removeEventListener","_filteredList$map","x","_x$icon","displayLabel","noteLabel","addChip","newChip","concat","handleInputValueChange","handleValueUpdate","_inputRef$current","item","focus","handleInputKeyDown","event","key","stopPropagation","handleOnChipRemoved","newChips","splice","children","items","inputValue","role","onRemoveItem","chip","onInputValueChange","onInputKeyDown","onActivationChange","customizationProps","action","pinTopItem","itemsType","scrollable","actionLabel","multiSelect","onValueUpdate","ariaRolesType","onActiveDescendantChanged","selectedValues","setSelectedValues","isOpen","setIsOpen","isButton","id","propTypes","_pt","oneOfType","arrayOf","shape","string","isRequired","func","bool","number"],"sources":["../../src/ChipsInput/ChipDropdownInput.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom components.\n */\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\nimport {Size, States} from '../types';\nimport {DropdownContent, DropdownItem} from '../Dropdown';\nimport {SystemIcons} from '../icons';\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\nimport {useClickOutsideRef, useFocusOutsideRef} from '../common';\nimport {Z_INDEXES} from '../styles';\n\nconst Wrapper = styled.div`\n  position: relative;\n  display: inline-block;\n  width: 100%;\n\n  ${ChipInputContainer} {\n    position: relative;\n\n    &:focus, &.focus-visible-within {\n      z-index: ${Z_INDEXES.dropdown + 1} !important;\n    }\n  }\n`;\n\n\ninterface ListItem extends ChipItem {\n  secondaryLabel?: string;\n  value: string;\n}\n\nexport interface ChipDropdownInputProps extends Omit<ChipInputProps, 'autoSave'> {\n  /** Array of items available. */\n  list: ListItem[] | string[];\n  /** On input selected/unselected. */\n  onInputChange?: (input: string) => void;\n  /** Message to show in the dropdown if none of the chips fits user input. */\n  messageOnNoResults?: string;\n  /** Message to show in the dropdown if none of the chips fits user input. */\n  suggestion?: ListItem;\n  /** If flag is set then loader will be shown in the input field. */\n  loading?: boolean;\n  /** Max number of chips that user can select. */\n  maxSelectedItems?: number;\n  /** Disable sorting of options in the dropdown. */\n  disableSorting?: boolean;\n  /** Disable filtering of options depending on user input in the dropdown. */\n  disableFiltering?: boolean;\n}\n\nexport const ChipDropdownInput = React.forwardRef<HTMLInputElement | undefined, ChipDropdownInputProps>(({\n                                                                                               list,\n                                                                                               onInputChange,\n                                                                                               disableSorting,\n                                                                                               messageOnNoResults,\n                                                                                               values,\n                                                                                               inputId,\n                                                                                               variants,\n                                                                                               placeholder,\n                                                                                               validationMessage,\n                                                                                               onValueChange,\n                                                                                               suggestion,\n                                                                                               loading,\n                                                                                               maxSelectedItems,\n                                                                                               multiLine = true,\n                                                                                               size = Size.Medium,\n                                                                                               icon,\n                                                                                               disableFiltering,\n                                                                                               disabled,\n                                                                                               altPlaceholder,\n                                                                                               required,\n                                                                                               ...rest\n                                                                                             }: ChipDropdownInputProps, ref) => {\n  // Initiate states\n  const [givenList, setGivenList] = React.useState<ListItem[]>([]);\n  const [chips, setChips] = React.useState<ListItem[]>([]);\n\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\n  const [value, setValue] = React.useState<string>('');\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\n  const [filteredList, setFilteredList] = React.useState<ListItem[]>();\n\n  const [dropdownIsOpen, setDropdownIsOpen] = React.useState<boolean>(false);\n  const [dropdownList, setDropdownList] = React.useState<DropdownItem[]>([]);\n  const [dropdownValue, setDropdownValue] = React.useState<string>('');\n\n  const [focused, setFocused] = React.useState<number | null>(null);\n\n  const containerRef = useClickOutsideRef(() => setDropdownIsOpen(false), [], useFocusOutsideRef(() => setDropdownIsOpen(false)));\n  const inputRef = React.useRef<any>();\n\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\n\n\n  /**\n   * Sets initial values for the chips.\n   */\n  React.useEffect(() => {\n\n    const list =\n      values.map((a) => chips.find(b => b.value === a) || givenList.find(b => b.value === a) || {\n        label: a,\n        value: a,\n        icon: icon\n      })\n        .map((a, index) => ({...a, variant: a.variant || (variants && variants[index]) || States.Default}))\n        .map((a, index) => ({...a, icon: a.icon || icon}));\n\n    setChips(list);\n  }, [values, variants, icon, givenList]);\n\n  /**\n   * Convert string[] to List[] if necessary\n   */\n  React.useEffect(() => {\n    if (typeof list[0] === 'string') {\n      const newList: ListItem[] = (list as string[]).map((e: string) => ({label: e, value: e}));\n      setGivenList(newList);\n    } else {\n      setGivenList(list as ListItem[]);\n    }\n  }, [list]);\n\n  /**\n   * filter and sort list if remoteOperations is false\n   * */\n  React.useEffect(() => {\n    let options = [...givenList];\n    if (!disableFiltering) {\n      if (!restartFilter && value !== '') {\n        options = options.filter((option) => option.label.toUpperCase().indexOf(value.toUpperCase()) !== -1 ||\n          (option.secondaryLabel && option.secondaryLabel?.toUpperCase().indexOf(value.toUpperCase()) !== -1));\n      }\n    }\n\n    if (!disableSorting) {\n      options = options.sort();\n    }\n\n    suggestion && options.push(suggestion);\n\n    options = options.filter((o) => !chips.find(a => a.value === o.value));\n    setFilteredList(options);\n  }, [value, givenList, chips, disableFiltering, disableSorting]);\n\n  /**\n   * if there is only one active item in dropdown mark it as focused\n   * */\n  React.useEffect(() => {\n    if (dropdownIsOpen && !!value && dropdownList?.filter(a => !a.disabled).length === 1) {\n      setDropdownValue(dropdownList.find(a => !a.disabled)!.value);\n    } else {\n      setDropdownValue('');\n    }\n  }, [dropdownList, dropdownIsOpen, value]);\n\n  const handleClickOutside = (e: any) => {\n    if (!containerRef.current?.contains(e.target)) {\n      if (dropdownIsOpen) {\n        setDropdownIsOpen(false);\n        if (!givenList.find((e) => e.value === value)) {\n          setValue('');\n        }\n      }\n    }\n  };\n\n  /**\n   * register click outside event listener\n   * */\n  React.useEffect(() => {\n    document.addEventListener('click', handleClickOutside);\n    return () => {\n      document.removeEventListener('click', handleClickOutside);\n    };\n  }, []);\n\n  /**\n   * update dropdown items when filtered list changes\n   * */\n  React.useEffect(() => {\n    setDropdownList(filteredList?.map(x => ({\n      value: x.value,\n      displayLabel: x.label,\n      noteLabel: x.secondaryLabel,\n      icon: (x.icon ?? icon),\n      disabled: x.disabled,\n    })) ?? []);\n  }, [filteredList]);\n\n  const addChip = (newChip: ListItem) => {\n    const newList = [...chips, newChip];\n    // Let's add the chip\n    setChips(newList);\n    onValueChange(newList.map(a => a.value));\n\n    setValue('');\n  };\n\n  const handleInputValueChange = (value: string) => {\n    setValue(value);\n    setRestartFilter(false);\n    setDropdownIsOpen(true);\n    onInputChange && onInputChange(value);\n  }\n\n  /**\n   * Add chip from dropdown\n   * */\n  const handleValueUpdate = (values: string[]) => {\n    const item = filteredList?.find(a => a.value === values[0]);\n    item && addChip(item);\n    setRestartFilter(true);\n    inputRef?.current?.focus();\n  }\n\n  /**\n   * Adds a chip to the chip list.\n   * @param event - Event handler from the key down event.\n   */\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n    // Let's trigger only on enter, comma and space key press\n    if ((event.key === 'Enter' || event.key === ' ') && value) {\n      if (dropdownList?.filter(a => !a.disabled).length === 1) {\n        handleValueUpdate([dropdownList!.find(a => !a.disabled)!.value]);\n        event.stopPropagation();\n      }\n    }\n\n    if ((event.key === 'ArrowDown' || event.key === 'Down' || event.key === 'ArrowUp' || event.key === 'Up') && !!dropdownList?.length) {\n      setDropdownIsOpen(true);\n    }\n  };\n\n  /**\n   * Removes a specific chip from the chip list.\n   * @param index - Index of the chip that needs to be removed.\n   */\n  const handleOnChipRemoved = (index: number): void => {\n    // Let's copy the chips\n    const newChips = [...chips];\n\n    // Let's delete the chip\n    // If necessary, let's replace it with a different chip\n    newChips.splice(index, 1);\n\n    // Let's update the chip list\n    setChips([...newChips]);\n    onValueChange(newChips.map((e) => e.value));\n  };\n\n  return (\n    <Wrapper ref={containerRef}>\n      <ChipInputField inputId={inputId}\n                      ref={inputRef}\n                      items={chips}\n                      required={required}\n                      inputValue={value}\n                      role=\"combobox\"\n                      aria-activedescendant={activeDescendant}\n                      size={size}\n                      placeholder={placeholder}\n                      altPlaceholder={altPlaceholder}\n                      disabled={disabled}\n                      multiLine={multiLine}\n                      validationMessage={validationMessage}\n                      loading={loading}\n                      onRemoveItem={(chip, index) => handleOnChipRemoved(index)}\n                      onInputValueChange={handleInputValueChange}\n                      onInputKeyDown={handleInputKeyDown}\n                      onActivationChange={(value) => setDropdownIsOpen(value)}\n                      {...rest}/>\n      <DropdownContent\n        containerRef={containerRef}\n        customizationProps={{\n          action: () => {\n          },\n          pinTopItem: true,\n\n          itemsType: 'normal',\n          scrollable: true,\n          actionLabel: '',\n          multiSelect: false,\n          onValueUpdate: handleValueUpdate,\n          items: dropdownList,\n        }}\n        ariaRolesType=\"input\"\n        focused={focused}\n        setFocused={setFocused}\n        onActiveDescendantChanged={(e) => setActiveDescendant(e)}\n        selectedValues={[dropdownValue]}\n        messageOnNoResults={messageOnNoResults ?? ''}\n        setSelectedValues={() => {\n        }}\n        isOpen={(!maxSelectedItems || (!!maxSelectedItems && chips.length < maxSelectedItems)) && dropdownIsOpen}\n        setIsOpen={setDropdownIsOpen}\n        filter={''}\n        isButton={false}\n        id={`${inputId}_dropdowncontent`}/>\n\n    </Wrapper>\n  );\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/ChipsInput/ChipInput.cjs

@@ -15,11 +15,11 @@ var _types = require("../types");
 var _ChipInputField = require("./ChipInputField");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["values", "inputId", "variants", "icon", "placeholder", "disabled", "altPlaceholder", "validationMessage", "onValueChange", "multiLine", "size", "autoSave"];
-/**
- * Import React libraries.
+/**
+ * Import React libraries.
  */
-/**
- * Import custom components.
+/**
+ * Import custom components.
  */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -55,16 +55,16 @@ var ChipInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     chipItems = _React$useState6[0],
     setChipItems = _React$useState6[1];
 
-  /**
-   * Sets initial values for the chips.
+  /**
+   * Sets initial values for the chips.
    */
   React.useEffect(function () {
     // Let's add initial chip values
     setChips(values);
   }, [values]);
 
-  /**
-   * Set chip items for chip input field
+  /**
+   * Set chip items for chip input field
    * */
   React.useEffect(function () {
     setChipItems(chips.map(function (chip, index) {
@@ -85,9 +85,9 @@ var ChipInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   };
 
-  /**
-   * Adds a chip to the chip list.
-   * @param event - Event handler from the key down event.
+  /**
+   * Adds a chip to the chip list.
+   * @param event - Event handler from the key down event.
    */
   var handleInputKeyDown = function handleInputKeyDown(event) {
     if ((event.key === 'Enter' || event.key === ' ') && value) {
@@ -98,9 +98,9 @@ var ChipInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   };
 
-  /**
-   * Removes a specific chip from the chip list.
-   * @param index - Index of the chip that needs to be removed.
+  /**
+   * Removes a specific chip from the chip list.
+   * @param index - Index of the chip that needs to be removed.
    */
   var onRemoveChip = function onRemoveChip(index) {
     var newChips = (0, _toConsumableArray2["default"])(chips);
@@ -109,8 +109,8 @@ var ChipInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onValueChange(newChips);
   };
 
-  /**
-   * Return Chip Input component.
+  /**
+   * Return Chip Input component.
    */
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipInputField.ChipInputField, _objectSpread({
     inputId: inputId,

package/dist/ChipsInput/ChipInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInput.cjs","names":["React","_interopRequireWildcard","require","_types","_ChipInputField","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ChipInput","forwardRef","_ref","ref","values","inputId","variants","icon","placeholder","disabled","altPlaceholder","validationMessage","onValueChange","_ref$multiLine","multiLine","_ref$size","size","Size","Medium","_ref$autoSave","autoSave","rest","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","chips","setChips","_React$useState3","_React$useState4","value","setValue","_React$useState5","_React$useState6","chipItems","setChipItems","useEffect","map","chip","index","label","variant","handleInputBlur","event","_event$target","_event$target$closest","target","closest","concat","ChipInputContainer","contains","relatedTarget","_toConsumableArray2","handleInputKeyDown","key","preventDefault","onRemoveChip","newChips","splice","jsx","ChipInputField","items","onRemoveItem","item","inputValue","onInputValueChange","onInputKeyDown","onBlur","_default","exports"],"sources":["../../src/ChipsInput/ChipInput.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {Size} from '../types';\r\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\r\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\r\n\r\n\r\nconst ChipInput = React.forwardRef<HTMLInputElement, ChipInputProps>(({\r\n                                                                        values,\r\n                                                                        inputId,\r\n                                                                        variants,\r\n                                                                        icon,\r\n                                                                        placeholder,\r\n                                                                        disabled,\r\n                                                                        altPlaceholder,\r\n                                                                        validationMessage,\r\n                                                                        onValueChange,\r\n                                                                        multiLine = true,\r\n                                                                        size = Size.Medium,\r\n                                                                        autoSave = false,\r\n                                                                        ...rest\r\n                                                                      }: ChipInputProps, ref) => {\r\n\r\n  const [chips, setChips] = React.useState<string[]>([]);\r\n  const [value, setValue] = React.useState<string>('');\r\n  const [chipItems, setChipItems] = React.useState<ChipItem[]>([]);\r\n\r\n  /**\r\n   * Sets initial values for the chips.\r\n   */\r\n  React.useEffect(() => {\r\n    // Let's add initial chip values\r\n    setChips(values);\r\n  }, [values]);\r\n\r\n  /**\r\n   * Set chip items for chip input field\r\n   * */\r\n  React.useEffect(() => {\r\n    setChipItems(chips.map((chip, index) => ({\r\n      label: chip,\r\n      icon: icon,\r\n      disabled: false,\r\n      variant: variants && variants[index],\r\n    })));\r\n  }, [chips, variants, icon, size]);\r\n\r\n\r\n  const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    if (autoSave && value && !event.target?.closest(`${ChipInputContainer}`)?.contains(event.relatedTarget as Node)) {\r\n      setChips([...chips, value]);\r\n      onValueChange([...chips, value]);\r\n\r\n      setValue('');\r\n    }\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    if ((event.key === 'Enter' || event.key === ' ') && value) {\r\n      event.preventDefault();\r\n\r\n      setChips([...chips, value]);\r\n      onValueChange([...chips, value]);\r\n\r\n      setValue('');\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 onRemoveChip = (index: number): void => {\r\n    const newChips = [...chips];\r\n    newChips.splice(index, 1);\r\n\r\n    setChips(newChips);\r\n    onValueChange(newChips);\r\n  };\r\n\r\n  /**\r\n   * Return Chip Input component.\r\n   */\r\n  return (\r\n    <ChipInputField inputId={inputId}\r\n                    ref={ref}\r\n                    items={chipItems}\r\n                    onRemoveItem={(item, index) => onRemoveChip(index)}\r\n                    inputValue={value}\r\n                    onInputValueChange={value => setValue(value)}\r\n                    onInputKeyDown={handleInputKeyDown}\r\n                    placeholder={placeholder}\r\n                    altPlaceholder={altPlaceholder}\r\n                    disabled={disabled}\r\n                    validationMessage={validationMessage}\r\n                    multiLine={multiLine}\r\n                    size={size}\r\n                    onBlur={handleInputBlur}\r\n                    {...rest}\r\n    />\r\n  );\r\n});\r\n\r\nexport default ChipInput;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ChipInput.cjs","names":["React","_interopRequireWildcard","require","_types","_ChipInputField","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ChipInput","forwardRef","_ref","ref","values","inputId","variants","icon","placeholder","disabled","altPlaceholder","validationMessage","onValueChange","_ref$multiLine","multiLine","_ref$size","size","Size","Medium","_ref$autoSave","autoSave","rest","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","chips","setChips","_React$useState3","_React$useState4","value","setValue","_React$useState5","_React$useState6","chipItems","setChipItems","useEffect","map","chip","index","label","variant","handleInputBlur","event","_event$target","_event$target$closest","target","closest","concat","ChipInputContainer","contains","relatedTarget","_toConsumableArray2","handleInputKeyDown","key","preventDefault","onRemoveChip","newChips","splice","jsx","ChipInputField","items","onRemoveItem","item","inputValue","onInputValueChange","onInputKeyDown","onBlur","_default","exports"],"sources":["../../src/ChipsInput/ChipInput.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom components.\n */\nimport {Size} from '../types';\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\n\n\nconst ChipInput = React.forwardRef<HTMLInputElement, ChipInputProps>(({\n                                                                        values,\n                                                                        inputId,\n                                                                        variants,\n                                                                        icon,\n                                                                        placeholder,\n                                                                        disabled,\n                                                                        altPlaceholder,\n                                                                        validationMessage,\n                                                                        onValueChange,\n                                                                        multiLine = true,\n                                                                        size = Size.Medium,\n                                                                        autoSave = false,\n                                                                        ...rest\n                                                                      }: ChipInputProps, ref) => {\n\n  const [chips, setChips] = React.useState<string[]>([]);\n  const [value, setValue] = React.useState<string>('');\n  const [chipItems, setChipItems] = React.useState<ChipItem[]>([]);\n\n  /**\n   * Sets initial values for the chips.\n   */\n  React.useEffect(() => {\n    // Let's add initial chip values\n    setChips(values);\n  }, [values]);\n\n  /**\n   * Set chip items for chip input field\n   * */\n  React.useEffect(() => {\n    setChipItems(chips.map((chip, index) => ({\n      label: chip,\n      icon: icon,\n      disabled: false,\n      variant: variants && variants[index],\n    })));\n  }, [chips, variants, icon, size]);\n\n\n  const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (autoSave && value && !event.target?.closest(`${ChipInputContainer}`)?.contains(event.relatedTarget as Node)) {\n      setChips([...chips, value]);\n      onValueChange([...chips, value]);\n\n      setValue('');\n    }\n  };\n\n  /**\n   * Adds a chip to the chip list.\n   * @param event - Event handler from the key down event.\n   */\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n    if ((event.key === 'Enter' || event.key === ' ') && value) {\n      event.preventDefault();\n\n      setChips([...chips, value]);\n      onValueChange([...chips, value]);\n\n      setValue('');\n    }\n  };\n\n  /**\n   * Removes a specific chip from the chip list.\n   * @param index - Index of the chip that needs to be removed.\n   */\n  const onRemoveChip = (index: number): void => {\n    const newChips = [...chips];\n    newChips.splice(index, 1);\n\n    setChips(newChips);\n    onValueChange(newChips);\n  };\n\n  /**\n   * Return Chip Input component.\n   */\n  return (\n    <ChipInputField inputId={inputId}\n                    ref={ref}\n                    items={chipItems}\n                    onRemoveItem={(item, index) => onRemoveChip(index)}\n                    inputValue={value}\n                    onInputValueChange={value => setValue(value)}\n                    onInputKeyDown={handleInputKeyDown}\n                    placeholder={placeholder}\n                    altPlaceholder={altPlaceholder}\n                    disabled={disabled}\n                    validationMessage={validationMessage}\n                    multiLine={multiLine}\n                    size={size}\n                    onBlur={handleInputBlur}\n                    {...rest}\n    />\n  );\n});\n\nexport default ChipInput;\n"],"mappings":"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","ignoreList":[]}

package/dist/ChipsInput/ChipInput.d.ts

@@ -1,7 +1,7 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-import { ChipInputProps } from './ChipInputTypes';
-declare const ChipInput: React.ForwardRefExoticComponent<ChipInputProps & React.RefAttributes<HTMLInputElement>>;
-export default ChipInput;
+/**
+ * Import React libraries.
+ */
+import * as React from 'react';
+import { ChipInputProps } from './ChipInputTypes';
+declare const ChipInput: React.ForwardRefExoticComponent<ChipInputProps & React.RefAttributes<HTMLInputElement>>;
+export default ChipInput;

package/dist/ChipsInput/ChipInput.js

@@ -5,13 +5,13 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["values", "inputId", "variants", "icon", "placeholder", "disabled", "altPlaceholder", "validationMessage", "onValueChange", "multiLine", "size", "autoSave"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/**
- * Import React libraries.
+/**
+ * Import React libraries.
  */
 import * as React from 'react';
 
-/**
- * Import custom components.
+/**
+ * Import custom components.
  */
 import { Size } from '../types';
 import { ChipInputContainer, ChipInputField } from './ChipInputField';
@@ -46,16 +46,16 @@ var ChipInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     chipItems = _React$useState6[0],
     setChipItems = _React$useState6[1];
 
-  /**
-   * Sets initial values for the chips.
+  /**
+   * Sets initial values for the chips.
    */
   React.useEffect(function () {
     // Let's add initial chip values
     setChips(values);
   }, [values]);
 
-  /**
-   * Set chip items for chip input field
+  /**
+   * Set chip items for chip input field
    * */
   React.useEffect(function () {
     setChipItems(chips.map(function (chip, index) {
@@ -76,9 +76,9 @@ var ChipInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   };
 
-  /**
-   * Adds a chip to the chip list.
-   * @param event - Event handler from the key down event.
+  /**
+   * Adds a chip to the chip list.
+   * @param event - Event handler from the key down event.
    */
   var handleInputKeyDown = function handleInputKeyDown(event) {
     if ((event.key === 'Enter' || event.key === ' ') && value) {
@@ -89,9 +89,9 @@ var ChipInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   };
 
-  /**
-   * Removes a specific chip from the chip list.
-   * @param index - Index of the chip that needs to be removed.
+  /**
+   * Removes a specific chip from the chip list.
+   * @param index - Index of the chip that needs to be removed.
    */
   var onRemoveChip = function onRemoveChip(index) {
     var newChips = _toConsumableArray(chips);
@@ -100,8 +100,8 @@ var ChipInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onValueChange(newChips);
   };
 
-  /**
-   * Return Chip Input component.
+  /**
+   * Return Chip Input component.
    */
   return /*#__PURE__*/_jsx(ChipInputField, _objectSpread({
     inputId: inputId,

package/dist/ChipsInput/ChipInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInput.js","names":["React","Size","ChipInputContainer","ChipInputField","jsx","_jsx","ChipInput","forwardRef","_ref","ref","values","inputId","variants","icon","placeholder","disabled","altPlaceholder","validationMessage","onValueChange","_ref$multiLine","multiLine","_ref$size","size","Medium","_ref$autoSave","autoSave","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","chips","setChips","_React$useState3","_React$useState4","value","setValue","_React$useState5","_React$useState6","chipItems","setChipItems","useEffect","map","chip","index","label","variant","handleInputBlur","event","_event$target","_event$target$closest","target","closest","concat","contains","relatedTarget","_toConsumableArray","handleInputKeyDown","key","preventDefault","onRemoveChip","newChips","splice","_objectSpread","items","onRemoveItem","item","inputValue","onInputValueChange","onInputKeyDown","onBlur"],"sources":["../../src/ChipsInput/ChipInput.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {Size} from '../types';\r\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\r\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\r\n\r\n\r\nconst ChipInput = React.forwardRef<HTMLInputElement, ChipInputProps>(({\r\n                                                                        values,\r\n                                                                        inputId,\r\n                                                                        variants,\r\n                                                                        icon,\r\n                                                                        placeholder,\r\n                                                                        disabled,\r\n                                                                        altPlaceholder,\r\n                                                                        validationMessage,\r\n                                                                        onValueChange,\r\n                                                                        multiLine = true,\r\n                                                                        size = Size.Medium,\r\n                                                                        autoSave = false,\r\n                                                                        ...rest\r\n                                                                      }: ChipInputProps, ref) => {\r\n\r\n  const [chips, setChips] = React.useState<string[]>([]);\r\n  const [value, setValue] = React.useState<string>('');\r\n  const [chipItems, setChipItems] = React.useState<ChipItem[]>([]);\r\n\r\n  /**\r\n   * Sets initial values for the chips.\r\n   */\r\n  React.useEffect(() => {\r\n    // Let's add initial chip values\r\n    setChips(values);\r\n  }, [values]);\r\n\r\n  /**\r\n   * Set chip items for chip input field\r\n   * */\r\n  React.useEffect(() => {\r\n    setChipItems(chips.map((chip, index) => ({\r\n      label: chip,\r\n      icon: icon,\r\n      disabled: false,\r\n      variant: variants && variants[index],\r\n    })));\r\n  }, [chips, variants, icon, size]);\r\n\r\n\r\n  const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    if (autoSave && value && !event.target?.closest(`${ChipInputContainer}`)?.contains(event.relatedTarget as Node)) {\r\n      setChips([...chips, value]);\r\n      onValueChange([...chips, value]);\r\n\r\n      setValue('');\r\n    }\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    if ((event.key === 'Enter' || event.key === ' ') && value) {\r\n      event.preventDefault();\r\n\r\n      setChips([...chips, value]);\r\n      onValueChange([...chips, value]);\r\n\r\n      setValue('');\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 onRemoveChip = (index: number): void => {\r\n    const newChips = [...chips];\r\n    newChips.splice(index, 1);\r\n\r\n    setChips(newChips);\r\n    onValueChange(newChips);\r\n  };\r\n\r\n  /**\r\n   * Return Chip Input component.\r\n   */\r\n  return (\r\n    <ChipInputField inputId={inputId}\r\n                    ref={ref}\r\n                    items={chipItems}\r\n                    onRemoveItem={(item, index) => onRemoveChip(index)}\r\n                    inputValue={value}\r\n                    onInputValueChange={value => setValue(value)}\r\n                    onInputKeyDown={handleInputKeyDown}\r\n                    placeholder={placeholder}\r\n                    altPlaceholder={altPlaceholder}\r\n                    disabled={disabled}\r\n                    validationMessage={validationMessage}\r\n                    multiLine={multiLine}\r\n                    size={size}\r\n                    onBlur={handleInputBlur}\r\n                    {...rest}\r\n    />\r\n  );\r\n});\r\n\r\nexport default ChipInput;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ChipInput.js","names":["React","Size","ChipInputContainer","ChipInputField","jsx","_jsx","ChipInput","forwardRef","_ref","ref","values","inputId","variants","icon","placeholder","disabled","altPlaceholder","validationMessage","onValueChange","_ref$multiLine","multiLine","_ref$size","size","Medium","_ref$autoSave","autoSave","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","chips","setChips","_React$useState3","_React$useState4","value","setValue","_React$useState5","_React$useState6","chipItems","setChipItems","useEffect","map","chip","index","label","variant","handleInputBlur","event","_event$target","_event$target$closest","target","closest","concat","contains","relatedTarget","_toConsumableArray","handleInputKeyDown","key","preventDefault","onRemoveChip","newChips","splice","_objectSpread","items","onRemoveItem","item","inputValue","onInputValueChange","onInputKeyDown","onBlur"],"sources":["../../src/ChipsInput/ChipInput.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom components.\n */\nimport {Size} from '../types';\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\n\n\nconst ChipInput = React.forwardRef<HTMLInputElement, ChipInputProps>(({\n                                                                        values,\n                                                                        inputId,\n                                                                        variants,\n                                                                        icon,\n                                                                        placeholder,\n                                                                        disabled,\n                                                                        altPlaceholder,\n                                                                        validationMessage,\n                                                                        onValueChange,\n                                                                        multiLine = true,\n                                                                        size = Size.Medium,\n                                                                        autoSave = false,\n                                                                        ...rest\n                                                                      }: ChipInputProps, ref) => {\n\n  const [chips, setChips] = React.useState<string[]>([]);\n  const [value, setValue] = React.useState<string>('');\n  const [chipItems, setChipItems] = React.useState<ChipItem[]>([]);\n\n  /**\n   * Sets initial values for the chips.\n   */\n  React.useEffect(() => {\n    // Let's add initial chip values\n    setChips(values);\n  }, [values]);\n\n  /**\n   * Set chip items for chip input field\n   * */\n  React.useEffect(() => {\n    setChipItems(chips.map((chip, index) => ({\n      label: chip,\n      icon: icon,\n      disabled: false,\n      variant: variants && variants[index],\n    })));\n  }, [chips, variants, icon, size]);\n\n\n  const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (autoSave && value && !event.target?.closest(`${ChipInputContainer}`)?.contains(event.relatedTarget as Node)) {\n      setChips([...chips, value]);\n      onValueChange([...chips, value]);\n\n      setValue('');\n    }\n  };\n\n  /**\n   * Adds a chip to the chip list.\n   * @param event - Event handler from the key down event.\n   */\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n    if ((event.key === 'Enter' || event.key === ' ') && value) {\n      event.preventDefault();\n\n      setChips([...chips, value]);\n      onValueChange([...chips, value]);\n\n      setValue('');\n    }\n  };\n\n  /**\n   * Removes a specific chip from the chip list.\n   * @param index - Index of the chip that needs to be removed.\n   */\n  const onRemoveChip = (index: number): void => {\n    const newChips = [...chips];\n    newChips.splice(index, 1);\n\n    setChips(newChips);\n    onValueChange(newChips);\n  };\n\n  /**\n   * Return Chip Input component.\n   */\n  return (\n    <ChipInputField inputId={inputId}\n                    ref={ref}\n                    items={chipItems}\n                    onRemoveItem={(item, index) => onRemoveChip(index)}\n                    inputValue={value}\n                    onInputValueChange={value => setValue(value)}\n                    onInputKeyDown={handleInputKeyDown}\n                    placeholder={placeholder}\n                    altPlaceholder={altPlaceholder}\n                    disabled={disabled}\n                    validationMessage={validationMessage}\n                    multiLine={multiLine}\n                    size={size}\n                    onBlur={handleInputBlur}\n                    {...rest}\n    />\n  );\n});\n\nexport default ChipInput;\n"],"mappings":"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","ignoreList":[]}

package/dist/ChipsInput/ChipInputField.cjs

@@ -89,8 +89,8 @@ var ChipInputField = /*#__PURE__*/_react["default"].forwardRef(function (_ref, r
     return inputRef.current;
   }, [inputRef]);
 
-  /**
-   * Scroll container to last item on change
+  /**
+   * Scroll container to last item on change
    * */
   _react["default"].useEffect(function () {
     if (inputRef.current && document.activeElement === inputRef.current) {
@@ -101,8 +101,8 @@ var ChipInputField = /*#__PURE__*/_react["default"].forwardRef(function (_ref, r
     }
   }, [containerRef, inputRef, items]);
 
-  /**
-   * Remove last cheap on backspace
+  /**
+   * Remove last cheap on backspace
    * */
   var handleInputKeyDown = function handleInputKeyDown(e) {
     var _inputRef$current;