@hitachivantara/uikit-react-core 3.58.1 → 3.60.0

package/dist/legacy/TagsInput/TagsInput.d.ts

@@ -6,6 +6,12 @@ import { HvFormStatus } from "../Forms/FormElement";
 import { HvInputProps } from "..";
 import { HvBaseInputValidationMessagesProps } from "../BaseInput";
 
+export interface TagSuggestion {
+  id: string;
+  label: string;
+  value: string;
+}
+
 export type HvTagsInputClassKey =
   | "root"
   | "disabled"
@@ -15,7 +21,10 @@ export type HvTagsInputClassKey =
   | "label"
   | "characterCounter"
   | "description"
-  | "error";
+  | "error"
+  | "inputExtension"
+  | "suggestionsContainer"
+  | "suggestionList";
 
 export interface HvTagsInputProps
   extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange" | "onBlur" | "onFocus"> {
@@ -173,6 +182,10 @@ export interface HvTagsInputProps
    * If `true` the tag will be commited when the blur event occurs.
    */
   commitOnBlur?: boolean;
+  /**
+   * The function that will be executed to received an array of objects that has a label and id to create list of suggestion
+   */
+  suggestionListCallback?: (value: string) => TagSuggestion[];
 }
 
 export default function HvTagsInput(props: HvTagsInputProps): JSX.Element | null;

package/dist/legacy/TagsInput/TagsInput.js

@@ -9,7 +9,7 @@ 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";
-var _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "readOnly", "disabled", "required", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onAdd", "onDelete", "onBlur", "onFocus", "placeholder", "hideCounter", "middleCountLabel", "maxTagsQuantity", "autoFocus", "resizable", "inputProps", "countCharProps", "multiline", "status", "statusMessage", "validationMessages", "commitTagOn", "commitOnBlur"],
+var _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "readOnly", "disabled", "required", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onAdd", "onDelete", "onBlur", "onFocus", "placeholder", "hideCounter", "middleCountLabel", "maxTagsQuantity", "autoFocus", "resizable", "inputProps", "countCharProps", "multiline", "status", "statusMessage", "validationMessages", "commitTagOn", "commitOnBlur", "suggestionListCallback"],
     _excluded2 = ["label", "type"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -29,8 +29,8 @@ import PropTypes from "prop-types";
 import clsx from "clsx";
 import isNil from "lodash/isNil";
 import { withStyles } from "@material-ui/core";
-import { setId, useControlled } from "../utils";
-import { HvFormElement, HvListContainer, HvListItem, HvTag, HvInput, HvLabel, HvInfoMessage, HvCharCounter, HvWarningText, useUniqueId } from "..";
+import { setId, useControlled, isKeypress, KeyboardCodes } from "../utils";
+import { HvFormElement, HvListContainer, HvListItem, HvTag, HvInput, HvLabel, HvInfoMessage, HvCharCounter, HvSuggestions, HvWarningText, useUniqueId, useIsMounted } from "..";
 import validationStates from "../Forms/FormElement/validationStates";
 import { DEFAULT_ERROR_MESSAGES } from "../BaseInput/validations";
 import styles from "./styles";
@@ -39,6 +39,8 @@ import styles from "./styles";
  */
 
 var HvTagsInput = function HvTagsInput(props) {
+  var _containerRef$current2;
+
   var classes = props.classes,
       className = props.className,
       id = props.id,
@@ -85,6 +87,7 @@ var HvTagsInput = function HvTagsInput(props) {
       commitTagOn = _props$commitTagOn === void 0 ? ["Enter"] : _props$commitTagOn,
       _props$commitOnBlur = props.commitOnBlur,
       commitOnBlur = _props$commitOnBlur === void 0 ? false : _props$commitOnBlur,
+      suggestionListCallback = props.suggestionListCallback,
       others = _objectWithoutProperties(props, _excluded);
 
   var elementId = useUniqueId(id, "hvTagsInput");
@@ -125,11 +128,20 @@ var HvTagsInput = function HvTagsInput(props) {
   var containerRef = useRef();
   var skipReset = useRef(false);
   var blurTimeout = useRef();
+  var materialInputRef = useRef(null);
   var isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;
-  var hasCounter = maxTagsQuantity != null && !hideCounter;
+  var hasCounter = maxTagsQuantity != null && !hideCounter; // suggestions related state
+
+  var _useState7 = useState(null),
+      _useState8 = _slicedToArray(_useState7, 2),
+      suggestionValues = _useState8[0],
+      setSuggestionValues = _useState8[1];
+
   var isStateInvalid = useMemo(function () {
     return hasCounter && value.length > maxTagsQuantity;
   }, [hasCounter, maxTagsQuantity, value.length]);
+  var canShowSuggestions = suggestionListCallback != null;
+  var hasSuggestions = !!suggestionValues;
   var errorMessages = useMemo(function () {
     return _objectSpread(_objectSpread({}, DEFAULT_ERROR_MESSAGES), validationMessages);
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -167,6 +179,14 @@ var HvTagsInput = function HvTagsInput(props) {
     onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
     skipReset.current = true;
   }, [onChange, onDelete, performValidation, setValue, tagCursorPos, value]);
+  /**
+   * Adds a Tag to the array of tags.
+   * Also executes the user provided onAdd and onDelete events.
+   *
+   * @param {Event}   event  - whatever event triggered adding a tag
+   * @param {string}  tag    - the string for the tag
+   */
+
   var addTag = useCallback(function (event, tag) {
     event.preventDefault();
 
@@ -206,27 +226,104 @@ var HvTagsInput = function HvTagsInput(props) {
 
     skipReset.current = false;
   }, [value]);
+  var isMounted = useIsMounted();
+  /**
+   * Looks for the node that represent the input inside the material tree and focus it.
+   */
+
+  var focusInput = function focusInput() {
+    materialInputRef.current.focus();
+  };
+
+  var getSuggestions = useCallback(function (li) {
+    var _listEl$getElementsBy;
+
+    // TODO Replace with ref
+    var listEl = document.getElementById(setId(elementId, "suggestions-list"));
+    return li != null ? listEl === null || listEl === void 0 ? void 0 : (_listEl$getElementsBy = listEl.getElementsByTagName("li")) === null || _listEl$getElementsBy === void 0 ? void 0 : _listEl$getElementsBy[li] : listEl;
+  }, [elementId]);
+  /**
+   * Clears the suggestion array.
+   */
+
+  var suggestionClearHandler = useCallback(function () {
+    if (isMounted.current) {
+      setSuggestionValues(null);
+    }
+  }, [isMounted]);
+  /**
+   * Fills of the suggestion array.
+   */
+
+  var suggestionHandler = useCallback(function (val) {
+    var _suggestionsArray$;
+
+    var suggestionsArray = suggestionListCallback === null || suggestionListCallback === void 0 ? void 0 : suggestionListCallback(val);
+
+    if (suggestionsArray !== null && suggestionsArray !== void 0 && (_suggestionsArray$ = suggestionsArray[0]) !== null && _suggestionsArray$ !== void 0 && _suggestionsArray$.label) {
+      setSuggestionValues(suggestionsArray);
+    } else {
+      suggestionClearHandler();
+    }
+  }, [suggestionClearHandler, suggestionListCallback]);
+  /**
+   * Executes the user callback adds the selection to the state and clears the suggestions.
+   */
+
+  var suggestionSelectedHandler = function suggestionSelectedHandler(event, item) {
+    addTag(event, item.value || item.label); // set the input value (only when value is uncontrolled)
+
+    setTagInput(item.value || item.label);
+    focusInput();
+    suggestionClearHandler();
+  };
+  /**
+   * Handler for the `onKeyDown` event on the suggestions component
+   */
+
+
+  var onSuggestionKeyDown = function onSuggestionKeyDown(event) {
+    if (isKeypress(event, KeyboardCodes.Esc)) {
+      suggestionClearHandler();
+      focusInput();
+    } else if (isKeypress(event, KeyboardCodes.Tab)) {
+      suggestionClearHandler();
+    }
+  };
   /**
    * Handler for the `onChange` event on the tag input
    */
 
+
   var onChangeHandler = useCallback(function (event, input) {
     setTagInput(input);
-  }, []);
+
+    if (canShowSuggestions) {
+      // an edge case might be a controlled input whose onChange callback
+      // doesn't change the value (or sets another): the suggestionListCallback
+      // callback will still receive the original rejected value.
+      // a refactor is needed so the suggestionListCallback might be called only
+      // when the input is uncontrolled, providing a way to externally control
+      // the suggestion values.
+      suggestionHandler(input);
+    }
+  }, [canShowSuggestions, suggestionHandler]);
   /**
    * Handler for the `onKeyDown` event on the form element
    */
 
   var onInputKeyDownHandler = useCallback(function (event) {
-    if (commitTagOn.includes(event.code)) {
+    if (!canShowSuggestions && commitTagOn.includes(event.code)) {
       addTag(event, tagInput);
     }
-  }, [addTag, commitTagOn, tagInput]);
+  }, [addTag, canShowSuggestions, commitTagOn, tagInput]);
   /**
    * Handler for the `onKeyDown` event on the list container.
    */
 
   var onKeyDownHandler = useCallback(function (event) {
+    var _getSuggestions;
+
     if (tagInput === "") {
       switch (event.code) {
         case "ArrowLeft":
@@ -253,11 +350,20 @@ var HvTagsInput = function HvTagsInput(props) {
 
           break;
 
+        default:
+          break;
+      }
+    } else {
+      switch (event.code) {
+        case "ArrowDown":
+          (_getSuggestions = getSuggestions(0)) === null || _getSuggestions === void 0 ? void 0 : _getSuggestions.focus();
+          break;
+
         default:
           break;
       }
     }
-  }, [deleteTag, isTagSelected, tagCursorPos, tagInput, value.length]);
+  }, [deleteTag, getSuggestions, isTagSelected, tagCursorPos, tagInput, value.length]);
   /**
    * Handler for the `onDelete` event on the tag component
    */
@@ -384,12 +490,28 @@ var HvTagsInput = function HvTagsInput(props) {
     disabled: disabled,
     readOnly: readOnly || isTagSelected,
     inputProps: _objectSpread({
+      ref: materialInputRef,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
       "aria-describedby": ariaDescribedBy != null ? ariaDescribedBy : description && setId(elementId, "description")
     }, inputProps),
     inputRef: inputRef
-  }, others)))), canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
+  }, others)))), canShowSuggestions && /*#__PURE__*/React.createElement(React.Fragment, null, hasSuggestions && /*#__PURE__*/React.createElement("div", {
+    role: "presentation",
+    className: classes.inputExtension
+  }), /*#__PURE__*/React.createElement(HvSuggestions, {
+    id: setId(elementId, "suggestions"),
+    classes: {
+      root: classes.suggestionsContainer,
+      list: classes.suggestionList
+    },
+    expanded: hasSuggestions,
+    anchorEl: containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.parentElement,
+    onClose: suggestionClearHandler,
+    onKeyDown: onSuggestionKeyDown,
+    onSuggestionSelected: suggestionSelectedHandler,
+    suggestionValues: suggestionValues
+  })), canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
     id: setId(elementId, "error"),
     disableBorder: true,
     className: classes.error
@@ -504,7 +626,22 @@ process.env.NODE_ENV !== "production" ? HvTagsInput.propTypes = {
     /**
      * Styles applied to the tags list when an error occurred.
      */
-    error: PropTypes.string
+    error: PropTypes.string,
+
+    /**
+     * Styles applied to the input extension shown when the suggestions list is visible.
+     */
+    inputExtension: PropTypes.string,
+
+    /**
+     * Styles applied to the container of the suggestions list.
+     */
+    suggestionsContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the suggestions list.
+     */
+    suggestionList: PropTypes.string
   }).isRequired,
 
   /**
@@ -685,7 +822,12 @@ process.env.NODE_ENV !== "production" ? HvTagsInput.propTypes = {
   /**
    * If `true` the tag will be commited when the blur event occurs.
    */
-  commitOnBlur: PropTypes.bool
+  commitOnBlur: PropTypes.bool,
+
+  /**
+   * The function that will be executed to received an array of objects that has a label and id to create list of suggestion
+   */
+  suggestionListCallback: PropTypes.func
 } : void 0;
 export default withStyles(styles, {
   name: "HvTagsInput"

package/dist/legacy/TagsInput/TagsInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/TagsInput/TagsInput.js"],"names":["React","useRef","useState","useCallback","useMemo","useEffect","PropTypes","clsx","isNil","withStyles","setId","useControlled","HvFormElement","HvListContainer","HvListItem","HvTag","HvInput","HvLabel","HvInfoMessage","HvCharCounter","HvWarningText","useUniqueId","validationStates","DEFAULT_ERROR_MESSAGES","styles","HvTagsInput","props","classes","className","id","name","valueProp","value","defaultValue","readOnly","disabled","required","textAreaLabel","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onAdd","onDelete","onBlur","onFocus","placeholder","hideCounter","middleCountLabel","maxTagsQuantity","autoFocus","resizable","inputProps","countCharProps","multiline","status","statusMessage","validationMessages","commitTagOn","commitOnBlur","others","elementId","hasLabel","hasDescription","setValue","standBy","validationState","setValidationState","validationMessage","setValidationMessage","tagInput","setTagInput","length","tagCursorPos","setTagCursorPos","stateValid","setStateValid","inputRef","containerRef","skipReset","blurTimeout","isTagSelected","hasCounter","isStateInvalid","errorMessages","error","requiredError","minCharError","maxCharError","performValidation","currValue","invalid","valid","deleteTag","tagPos","event","end","newTagsArr","slice","current","focus","addTag","tag","preventDefault","newTag","type","canShowError","undefined","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","onChangeHandler","input","onInputKeyDownHandler","includes","code","onKeyDownHandler","onDeleteTagHandler","i","onContainerClickHandler","clearTimeout","onBlurHandler","evt","onFocusHandler","root","labelContainer","characterCounter","tagsList","singleLine","map","t","otherProps","gutters","listItemGutters","listItemRoot","tagSelected","chipRoot","tabIndex","tagInputContainerRoot","tagInputRoot","inputBorderContainer","tagInputBorderContainer","inputRootFocused","tagInputRootFocused","propTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object","arrayOf"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useCallback, useMemo, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useControlled } from \"../utils\";\nimport {\n  HvFormElement,\n  HvListContainer,\n  HvListItem,\n  HvTag,\n  HvInput,\n  HvLabel,\n  HvInfoMessage,\n  HvCharCounter,\n  HvWarningText,\n  useUniqueId,\n} from \"..\";\nimport validationStates from \"../Forms/FormElement/validationStates\";\nimport { DEFAULT_ERROR_MESSAGES } from \"../BaseInput/validations\";\nimport styles from \"./styles\";\n\n/**\n * A tags input is a single or multiline control that allows the input of tags.\n */\nconst HvTagsInput = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    value: valueProp,\n    defaultValue = [],\n\n    readOnly = false,\n    disabled = false,\n    required = false,\n\n    label: textAreaLabel,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n    onAdd,\n    onDelete,\n    onBlur,\n    onFocus,\n\n    placeholder,\n\n    hideCounter = false,\n    middleCountLabel = \"/\",\n    maxTagsQuantity,\n\n    autoFocus = false,\n    resizable = true,\n\n    inputProps = {},\n    countCharProps = {},\n\n    multiline = false,\n\n    status,\n    statusMessage,\n\n    validationMessages,\n\n    commitTagOn = [\"Enter\"],\n    commitOnBlur = false,\n\n    ...others\n  } = props;\n  const elementId = useUniqueId(id, \"hvTagsInput\");\n\n  const hasLabel = textAreaLabel != null;\n  const hasDescription = description != null;\n\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n  const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n  const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n  const [tagInput, setTagInput] = useState(\"\");\n  const [tagCursorPos, setTagCursorPos] = useState(value.length);\n  const [stateValid, setStateValid] = useState(true);\n\n  const inputRef = useRef();\n  const containerRef = useRef();\n  const skipReset = useRef(false);\n  const blurTimeout = useRef();\n\n  const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;\n  const hasCounter = maxTagsQuantity != null && !hideCounter;\n\n  const isStateInvalid = useMemo(() => {\n    return hasCounter && value.length > maxTagsQuantity;\n  }, [hasCounter, maxTagsQuantity, value.length]);\n\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      validationMessages?.error,\n      validationMessages?.requiredError,\n      validationMessages?.minCharError,\n      validationMessages?.maxCharError,\n    ]\n  );\n\n  const performValidation = useCallback(\n    (currValue) => {\n      if (maxTagsQuantity !== null && currValue.length > maxTagsQuantity) {\n        setValidationState(validationStates.invalid);\n        setValidationMessage(errorMessages.maxCharError);\n        setStateValid(false);\n      } else {\n        setValidationState(validationStates.valid);\n        setValidationMessage(\"\");\n        setStateValid(true);\n      }\n    },\n    [errorMessages.maxCharError, maxTagsQuantity, setValidationMessage, setValidationState]\n  );\n\n  /**\n   * Deletes a Tag from the array of tags and sets the new position for the tag cursor.\n   * Also executes the user provided onDelete and onChange events.\n   *\n   * @param {number}  tagPos - the position at which to remove the tag\n   * @param {Event}   event  - the event associated with the delete\n   * @param {boolean} end    - whether or not to set the cursor at the end of the array\n   */\n  const deleteTag = useCallback(\n    (tagPos, event, end) => {\n      const newTagsArr = [...value.slice(0, tagPos), ...value.slice(tagPos + 1)];\n      setValue(newTagsArr);\n      // eslint-disable-next-line no-nested-ternary\n      setTagCursorPos(end ? newTagsArr.length : tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n      inputRef.current?.focus();\n      performValidation(newTagsArr);\n      onDelete?.(event, value[tagPos], tagPos);\n      onChange?.(event, newTagsArr);\n      skipReset.current = true;\n    },\n    [onChange, onDelete, performValidation, setValue, tagCursorPos, value]\n  );\n\n  const addTag = useCallback(\n    (event, tag) => {\n      event.preventDefault();\n      if (tag !== \"\") {\n        const newTag = { label: tag, type: \"semantic\" };\n        const newTagsArr = [...value, newTag];\n        setValue(newTagsArr);\n        performValidation(newTagsArr);\n        onAdd?.(event, newTag, newTagsArr.length - 1);\n        onChange?.(event, newTagsArr);\n      }\n    },\n    [onAdd, onChange, performValidation, setValue, value]\n  );\n\n  const canShowError =\n    (status !== undefined && status === \"invalid\" && statusMessage !== undefined) || !stateValid;\n\n  useEffect(() => {\n    if (!multiline) {\n      const element = containerRef?.current?.children[tagCursorPos];\n      // this setTimeout is a workaround for Firefox not properly dealing\n      // with setting the scrollLeft value.\n      setTimeout(() => {\n        const container = containerRef.current;\n        if (isNil(container)) return;\n        container.scrollLeft = element\n          ? element.offsetLeft -\n            container.getBoundingClientRect().width / 2 +\n            element.getBoundingClientRect().width / 2\n          : 0;\n      }, 50);\n\n      element?.focus();\n    }\n  }, [multiline, tagCursorPos]);\n\n  useEffect(() => {\n    if (!skipReset.current) {\n      setTagInput(\"\");\n      setTagCursorPos(value.length);\n    }\n    skipReset.current = false;\n  }, [value]);\n\n  /**\n   * Handler for the `onChange` event on the tag input\n   */\n  const onChangeHandler = useCallback((event, input) => {\n    setTagInput(input);\n  }, []);\n\n  /**\n   * Handler for the `onKeyDown` event on the form element\n   */\n  const onInputKeyDownHandler = useCallback(\n    (event) => {\n      if (commitTagOn.includes(event.code)) {\n        addTag(event, tagInput);\n      }\n    },\n    [addTag, commitTagOn, tagInput]\n  );\n\n  /**\n   * Handler for the `onKeyDown` event on the list container.\n   */\n  const onKeyDownHandler = useCallback(\n    (event) => {\n      if (tagInput === \"\") {\n        switch (event.code) {\n          case \"ArrowLeft\":\n            setTagCursorPos(tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n            break;\n          case \"ArrowRight\":\n            setTagCursorPos(tagCursorPos < value.length ? tagCursorPos + 1 : value.length);\n            break;\n          case \"Backspace\":\n            if (isTagSelected) {\n              deleteTag(tagCursorPos, event, false);\n            } else {\n              setTagCursorPos(value.length - 1);\n            }\n            break;\n          case \"Delete\":\n            if (isTagSelected) {\n              deleteTag(tagCursorPos, event, false);\n            }\n            break;\n          default:\n            break;\n        }\n      }\n    },\n    [deleteTag, isTagSelected, tagCursorPos, tagInput, value.length]\n  );\n\n  /**\n   * Handler for the `onDelete` event on the tag component\n   */\n  const onDeleteTagHandler = useCallback(\n    (event, i) => {\n      deleteTag(i, event, true);\n      setValidationState(validationStates.standBy);\n    },\n    [deleteTag, setValidationState]\n  );\n\n  /**\n   * Handler for the `onClick` event on the list container\n   */\n  const onContainerClickHandler = useCallback(() => {\n    inputRef.current?.focus();\n    clearTimeout(blurTimeout.current);\n    setTagCursorPos(value.length);\n  }, [value.length]);\n\n  const onBlurHandler = (evt) => {\n    blurTimeout.current = setTimeout(() => {\n      if (commitOnBlur) {\n        addTag(evt, tagInput);\n      }\n      onBlur?.(evt, tagInput);\n    }, 250);\n  };\n\n  const onFocusHandler = (evt) => {\n    clearTimeout(blurTimeout.current);\n    onFocus?.(evt, tagInput);\n  };\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      disabled={disabled}\n      readOnly={readOnly}\n      status={validationState}\n      required={required}\n      onBlur={onBlurHandler}\n      onFocus={onFocusHandler}\n      className={clsx(classes.root, className, {\n        [classes.disabled]: disabled,\n      })}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              className={classes.label}\n              id={setId(id, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={textAreaLabel}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n\n      {hasCounter && (\n        <HvCharCounter\n          id={setId(elementId, \"charCounter\")}\n          className={classes.characterCounter}\n          separator={middleCountLabel}\n          currentCharQuantity={value.length}\n          maxCharQuantity={maxTagsQuantity}\n          {...countCharProps}\n        />\n      )}\n\n      <HvListContainer\n        className={clsx(\n          classes.tagsList,\n          canShowError && classes.error,\n          resizable && multiline && classes.resizable,\n          isStateInvalid && classes.invalid,\n          !multiline && classes.singleLine\n        )}\n        onKeyDown={onKeyDownHandler}\n        onClick={onContainerClickHandler}\n        ref={containerRef}\n      >\n        {value &&\n          value.map((t, i) => {\n            const tag =\n              typeof t === \"string\"\n                ? {\n                    label: t,\n                    type: \"semantic\",\n                  }\n                : t;\n            const { label, type, ...otherProps } = tag;\n            return (\n              <HvListItem\n                // eslint-disable-next-line react/no-array-index-key\n                key={`${tag.label}-${i}`}\n                tabIndex={-1}\n                className={clsx(!multiline && classes.singleLine)}\n                classes={{\n                  gutters: classes.listItemGutters,\n                  root: classes.listItemRoot,\n                }}\n                id={`tag-${i}`}\n              >\n                <HvTag\n                  label={label}\n                  className={clsx(i === tagCursorPos && classes.tagSelected)}\n                  classes={{\n                    chipRoot: classes.chipRoot,\n                  }}\n                  type={type}\n                  {...(!(readOnly || disabled || type === \"categorical\") && {\n                    onDelete: (event) => onDeleteTagHandler(event, i),\n                  })}\n                  deleteButtonProps={{\n                    tabIndex: -1,\n                  }}\n                  {...otherProps}\n                />\n              </HvListItem>\n            );\n          })}\n        {!(disabled || readOnly) && (\n          <HvListItem\n            className={clsx(!multiline && classes.singleLine)}\n            classes={{\n              root: classes.tagInputContainerRoot,\n              gutters: classes.listItemGutters,\n            }}\n            id={`tag-${value.length}`}\n          >\n            <HvInput\n              value={tagInput}\n              disableClear\n              onChange={onChangeHandler}\n              onKeyDown={onInputKeyDownHandler}\n              placeholder={value.length === 0 ? placeholder : \"\"}\n              autoFocus={autoFocus}\n              className={clsx(!multiline && classes.singleLine)}\n              classes={{\n                root: classes.tagInputRoot,\n                input: classes.input,\n                inputBorderContainer: classes.tagInputBorderContainer,\n                inputRootFocused: classes.tagInputRootFocused,\n              }}\n              disabled={disabled}\n              readOnly={readOnly || isTagSelected}\n              inputProps={{\n                \"aria-label\": ariaLabel,\n                \"aria-labelledby\": ariaLabelledBy,\n                \"aria-describedby\":\n                  ariaDescribedBy != null\n                    ? ariaDescribedBy\n                    : description && setId(elementId, \"description\"),\n\n                ...inputProps,\n              }}\n              inputRef={inputRef}\n              {...others}\n            />\n          </HvListItem>\n        )}\n      </HvListContainer>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvTagsInput.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * Styles applied to the input element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to the list item gutters.\n     */\n    listItemGutters: PropTypes.string,\n    /**\n     * Styles applied to the list item element.\n     */\n    listItemRoot: PropTypes.string,\n    /**\n     * Styles applied to the root container of the textarea.\n     */\n    root: PropTypes.string,\n    /**\n     *\n     */\n    chipRoot: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    resizable: PropTypes.string,\n    /**\n     * Style applied to the root when invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to text area container that holds the label, description and counter.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    description: PropTypes.string,\n    /**\n     * Style applied on the character counter.\n     */\n    characterCounter: PropTypes.string,\n    /**\n     * Styles applied to the tags list container element.\n     */\n    tagsList: PropTypes.string,\n    /**\n     * Styles applied to the tag input container element.\n     */\n    tagInputContainerRoot: PropTypes.string,\n    /**\n     * Styles applied to the tag input element.\n     */\n    tagInputRoot: PropTypes.string,\n    /**\n     * Styles applied to a tag element when selected\n     */\n    tagSelected: PropTypes.string,\n    /**\n     * Styles applied to the input element border.\n     */\n    tagInputBorderContainer: PropTypes.string,\n    /**\n     * Styles applied to the input element when focused.\n     */\n    tagInputRootFocused: PropTypes.string,\n    /**\n     * Styles applied to the container when in single line mode.\n     */\n    singleLine: PropTypes.string,\n    /**\n     * Styles applied to the tags list when an error occurred.\n     */\n    error: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element.\n   */\n  value: PropTypes.array,\n  /**\n   * When uncontrolled, defines the initial input value.\n   */\n  defaultValue: PropTypes.array,\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the form element is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * The function that will be executed onChange.\n   */\n  onChange: PropTypes.func,\n  /**\n   * The function that will be executed when the element is focused.\n   */\n  onFocus: PropTypes.func,\n  /**\n   * The function that will be executed when the element is blurred.\n   */\n  onBlur: PropTypes.func,\n  /**\n   * The function that will be executed when a tag is deleted.\n   */\n  onDelete: PropTypes.func,\n  /**\n   * The function that will be executed when a tag is added.\n   */\n  onAdd: PropTypes.func,\n  /**\n   * The placeholder value of the input.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * If `true` the character counter isn't shown even if maxTagsQuantity is set.\n   */\n  hideCounter: PropTypes.bool,\n  /**\n   * Text between the current char counter and max value.\n   */\n  middleCountLabel: PropTypes.string,\n  /**\n   * The maximum allowed length of the characters, if this value is null no check\n   * will be performed.\n   */\n  maxTagsQuantity: PropTypes.number,\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n  /**\n   * If `true` it should autofocus.\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * If `true` the component is resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Props passed to the HvCharCount component.\n   */\n  countCharProps: PropTypes.instanceOf(Object),\n  /**\n   * If `true` the component is in multiline mode.\n   */\n  multiline: PropTypes.bool,\n  /**\n   * The status of the form element.\n   */\n  status: PropTypes.string,\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n\n  /**\n   * An Object containing the various texts associated with the input.\n   */\n  validationMessages: PropTypes.shape({\n    /**\n     * The value when a validation fails.\n     */\n    error: PropTypes.string,\n    /**\n     * The message that appears when there are too many characters.\n     */\n    maxCharError: PropTypes.string,\n    /**\n     * The message that appears when there are too few characters.\n     */\n    minCharError: PropTypes.string,\n    /**\n     * The message that appears when the input is empty and required.\n     */\n    requiredError: PropTypes.string,\n  }),\n  /**\n   * An array of strings that represent the character used to input a tag.\n   * This character is the string representation of the event.code from the input event.\n   */\n  commitTagOn: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * If `true` the tag will be commited when the blur event occurs.\n   */\n  commitOnBlur: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvTagsInput\" })(HvTagsInput);\n"],"file":"TagsInput.js"}
+{"version":3,"sources":["../../../src/TagsInput/TagsInput.js"],"names":["React","useRef","useState","useCallback","useMemo","useEffect","PropTypes","clsx","isNil","withStyles","setId","useControlled","isKeypress","KeyboardCodes","HvFormElement","HvListContainer","HvListItem","HvTag","HvInput","HvLabel","HvInfoMessage","HvCharCounter","HvSuggestions","HvWarningText","useUniqueId","useIsMounted","validationStates","DEFAULT_ERROR_MESSAGES","styles","HvTagsInput","props","classes","className","id","name","valueProp","value","defaultValue","readOnly","disabled","required","textAreaLabel","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onAdd","onDelete","onBlur","onFocus","placeholder","hideCounter","middleCountLabel","maxTagsQuantity","autoFocus","resizable","inputProps","countCharProps","multiline","status","statusMessage","validationMessages","commitTagOn","commitOnBlur","suggestionListCallback","others","elementId","hasLabel","hasDescription","setValue","standBy","validationState","setValidationState","validationMessage","setValidationMessage","tagInput","setTagInput","length","tagCursorPos","setTagCursorPos","stateValid","setStateValid","inputRef","containerRef","skipReset","blurTimeout","materialInputRef","isTagSelected","hasCounter","suggestionValues","setSuggestionValues","isStateInvalid","canShowSuggestions","hasSuggestions","errorMessages","error","requiredError","minCharError","maxCharError","performValidation","currValue","invalid","valid","deleteTag","tagPos","event","end","newTagsArr","slice","current","focus","addTag","tag","preventDefault","newTag","type","canShowError","undefined","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","isMounted","focusInput","getSuggestions","li","listEl","document","getElementById","getElementsByTagName","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","onSuggestionKeyDown","Esc","Tab","onChangeHandler","input","onInputKeyDownHandler","includes","code","onKeyDownHandler","onDeleteTagHandler","i","onContainerClickHandler","clearTimeout","onBlurHandler","evt","onFocusHandler","root","labelContainer","characterCounter","tagsList","singleLine","map","t","otherProps","gutters","listItemGutters","listItemRoot","tagSelected","chipRoot","tabIndex","tagInputContainerRoot","tagInputRoot","inputBorderContainer","tagInputBorderContainer","inputRootFocused","tagInputRootFocused","ref","inputExtension","suggestionsContainer","list","suggestionList","parentElement","propTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object","arrayOf"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useCallback, useMemo, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useControlled, isKeypress, KeyboardCodes } from \"../utils\";\nimport {\n  HvFormElement,\n  HvListContainer,\n  HvListItem,\n  HvTag,\n  HvInput,\n  HvLabel,\n  HvInfoMessage,\n  HvCharCounter,\n  HvSuggestions,\n  HvWarningText,\n  useUniqueId,\n  useIsMounted,\n} from \"..\";\nimport validationStates from \"../Forms/FormElement/validationStates\";\nimport { DEFAULT_ERROR_MESSAGES } from \"../BaseInput/validations\";\nimport styles from \"./styles\";\n\n/**\n * A tags input is a single or multiline control that allows the input of tags.\n */\nconst HvTagsInput = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    value: valueProp,\n    defaultValue = [],\n\n    readOnly = false,\n    disabled = false,\n    required = false,\n\n    label: textAreaLabel,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n    onAdd,\n    onDelete,\n    onBlur,\n    onFocus,\n\n    placeholder,\n\n    hideCounter = false,\n    middleCountLabel = \"/\",\n    maxTagsQuantity,\n\n    autoFocus = false,\n    resizable = true,\n\n    inputProps = {},\n    countCharProps = {},\n\n    multiline = false,\n\n    status,\n    statusMessage,\n\n    validationMessages,\n\n    commitTagOn = [\"Enter\"],\n    commitOnBlur = false,\n\n    suggestionListCallback,\n\n    ...others\n  } = props;\n  const elementId = useUniqueId(id, \"hvTagsInput\");\n\n  const hasLabel = textAreaLabel != null;\n  const hasDescription = description != null;\n\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n  const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n  const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n  const [tagInput, setTagInput] = useState(\"\");\n  const [tagCursorPos, setTagCursorPos] = useState(value.length);\n  const [stateValid, setStateValid] = useState(true);\n\n  const inputRef = useRef();\n  const containerRef = useRef();\n  const skipReset = useRef(false);\n  const blurTimeout = useRef();\n  const materialInputRef = useRef(null);\n\n  const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;\n  const hasCounter = maxTagsQuantity != null && !hideCounter;\n\n  // suggestions related state\n  const [suggestionValues, setSuggestionValues] = useState(null);\n\n  const isStateInvalid = useMemo(() => {\n    return hasCounter && value.length > maxTagsQuantity;\n  }, [hasCounter, maxTagsQuantity, value.length]);\n\n  const canShowSuggestions = suggestionListCallback != null;\n  const hasSuggestions = !!suggestionValues;\n\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      validationMessages?.error,\n      validationMessages?.requiredError,\n      validationMessages?.minCharError,\n      validationMessages?.maxCharError,\n    ]\n  );\n\n  const performValidation = useCallback(\n    (currValue) => {\n      if (maxTagsQuantity !== null && currValue.length > maxTagsQuantity) {\n        setValidationState(validationStates.invalid);\n        setValidationMessage(errorMessages.maxCharError);\n        setStateValid(false);\n      } else {\n        setValidationState(validationStates.valid);\n        setValidationMessage(\"\");\n        setStateValid(true);\n      }\n    },\n    [errorMessages.maxCharError, maxTagsQuantity, setValidationMessage, setValidationState]\n  );\n\n  /**\n   * Deletes a Tag from the array of tags and sets the new position for the tag cursor.\n   * Also executes the user provided onDelete and onChange events.\n   *\n   * @param {number}  tagPos - the position at which to remove the tag\n   * @param {Event}   event  - the event associated with the delete\n   * @param {boolean} end    - whether or not to set the cursor at the end of the array\n   */\n  const deleteTag = useCallback(\n    (tagPos, event, end) => {\n      const newTagsArr = [...value.slice(0, tagPos), ...value.slice(tagPos + 1)];\n      setValue(newTagsArr);\n      // eslint-disable-next-line no-nested-ternary\n      setTagCursorPos(end ? newTagsArr.length : tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n      inputRef.current?.focus();\n      performValidation(newTagsArr);\n      onDelete?.(event, value[tagPos], tagPos);\n      onChange?.(event, newTagsArr);\n      skipReset.current = true;\n    },\n    [onChange, onDelete, performValidation, setValue, tagCursorPos, value]\n  );\n\n  /**\n   * Adds a Tag to the array of tags.\n   * Also executes the user provided onAdd and onDelete events.\n   *\n   * @param {Event}   event  - whatever event triggered adding a tag\n   * @param {string}  tag    - the string for the tag\n   */\n  const addTag = useCallback(\n    (event, tag) => {\n      event.preventDefault();\n      if (tag !== \"\") {\n        const newTag = { label: tag, type: \"semantic\" };\n        const newTagsArr = [...value, newTag];\n        setValue(newTagsArr);\n        performValidation(newTagsArr);\n        onAdd?.(event, newTag, newTagsArr.length - 1);\n        onChange?.(event, newTagsArr);\n      }\n    },\n    [onAdd, onChange, performValidation, setValue, value]\n  );\n\n  const canShowError =\n    (status !== undefined && status === \"invalid\" && statusMessage !== undefined) || !stateValid;\n\n  useEffect(() => {\n    if (!multiline) {\n      const element = containerRef?.current?.children[tagCursorPos];\n      // this setTimeout is a workaround for Firefox not properly dealing\n      // with setting the scrollLeft value.\n      setTimeout(() => {\n        const container = containerRef.current;\n        if (isNil(container)) return;\n        container.scrollLeft = element\n          ? element.offsetLeft -\n            container.getBoundingClientRect().width / 2 +\n            element.getBoundingClientRect().width / 2\n          : 0;\n      }, 50);\n\n      element?.focus();\n    }\n  }, [multiline, tagCursorPos]);\n\n  useEffect(() => {\n    if (!skipReset.current) {\n      setTagInput(\"\");\n      setTagCursorPos(value.length);\n    }\n    skipReset.current = false;\n  }, [value]);\n\n  const isMounted = useIsMounted();\n\n  /**\n   * Looks for the node that represent the input inside the material tree and focus it.\n   */\n  const focusInput = () => {\n    materialInputRef.current.focus();\n  };\n\n  const getSuggestions = useCallback(\n    (li) => {\n      // TODO Replace with ref\n      const listEl = document.getElementById(setId(elementId, \"suggestions-list\"));\n      return li != null ? listEl?.getElementsByTagName(\"li\")?.[li] : listEl;\n    },\n    [elementId]\n  );\n\n  /**\n   * Clears the suggestion array.\n   */\n  const suggestionClearHandler = useCallback(() => {\n    if (isMounted.current) {\n      setSuggestionValues(null);\n    }\n  }, [isMounted]);\n\n  /**\n   * Fills of the suggestion array.\n   */\n  const suggestionHandler = useCallback(\n    (val) => {\n      const suggestionsArray = suggestionListCallback?.(val);\n      if (suggestionsArray?.[0]?.label) {\n        setSuggestionValues(suggestionsArray);\n      } else {\n        suggestionClearHandler();\n      }\n    },\n    [suggestionClearHandler, suggestionListCallback]\n  );\n\n  /**\n   * Executes the user callback adds the selection to the state and clears the suggestions.\n   */\n  const suggestionSelectedHandler = (event, item) => {\n    addTag(event, item.value || item.label);\n\n    // set the input value (only when value is uncontrolled)\n    setTagInput(item.value || item.label);\n\n    focusInput();\n    suggestionClearHandler();\n  };\n\n  /**\n   * Handler for the `onKeyDown` event on the suggestions component\n   */\n  const onSuggestionKeyDown = (event) => {\n    if (isKeypress(event, KeyboardCodes.Esc)) {\n      suggestionClearHandler();\n      focusInput();\n    } else if (isKeypress(event, KeyboardCodes.Tab)) {\n      suggestionClearHandler();\n    }\n  };\n\n  /**\n   * Handler for the `onChange` event on the tag input\n   */\n  const onChangeHandler = useCallback(\n    (event, input) => {\n      setTagInput(input);\n\n      if (canShowSuggestions) {\n        // an edge case might be a controlled input whose onChange callback\n        // doesn't change the value (or sets another): the suggestionListCallback\n        // callback will still receive the original rejected value.\n        // a refactor is needed so the suggestionListCallback might be called only\n        // when the input is uncontrolled, providing a way to externally control\n        // the suggestion values.\n        suggestionHandler(input);\n      }\n    },\n    [canShowSuggestions, suggestionHandler]\n  );\n\n  /**\n   * Handler for the `onKeyDown` event on the form element\n   */\n  const onInputKeyDownHandler = useCallback(\n    (event) => {\n      if (!canShowSuggestions && commitTagOn.includes(event.code)) {\n        addTag(event, tagInput);\n      }\n    },\n    [addTag, canShowSuggestions, commitTagOn, tagInput]\n  );\n\n  /**\n   * Handler for the `onKeyDown` event on the list container.\n   */\n  const onKeyDownHandler = useCallback(\n    (event) => {\n      if (tagInput === \"\") {\n        switch (event.code) {\n          case \"ArrowLeft\":\n            setTagCursorPos(tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n            break;\n          case \"ArrowRight\":\n            setTagCursorPos(tagCursorPos < value.length ? tagCursorPos + 1 : value.length);\n            break;\n          case \"Backspace\":\n            if (isTagSelected) {\n              deleteTag(tagCursorPos, event, false);\n            } else {\n              setTagCursorPos(value.length - 1);\n            }\n            break;\n          case \"Delete\":\n            if (isTagSelected) {\n              deleteTag(tagCursorPos, event, false);\n            }\n            break;\n          default:\n            break;\n        }\n      } else {\n        switch (event.code) {\n          case \"ArrowDown\":\n            getSuggestions(0)?.focus();\n            break;\n          default:\n            break;\n        }\n      }\n    },\n    [deleteTag, getSuggestions, isTagSelected, tagCursorPos, tagInput, value.length]\n  );\n\n  /**\n   * Handler for the `onDelete` event on the tag component\n   */\n  const onDeleteTagHandler = useCallback(\n    (event, i) => {\n      deleteTag(i, event, true);\n      setValidationState(validationStates.standBy);\n    },\n    [deleteTag, setValidationState]\n  );\n\n  /**\n   * Handler for the `onClick` event on the list container\n   */\n  const onContainerClickHandler = useCallback(() => {\n    inputRef.current?.focus();\n    clearTimeout(blurTimeout.current);\n    setTagCursorPos(value.length);\n  }, [value.length]);\n\n  const onBlurHandler = (evt) => {\n    blurTimeout.current = setTimeout(() => {\n      if (commitOnBlur) {\n        addTag(evt, tagInput);\n      }\n      onBlur?.(evt, tagInput);\n    }, 250);\n  };\n\n  const onFocusHandler = (evt) => {\n    clearTimeout(blurTimeout.current);\n    onFocus?.(evt, tagInput);\n  };\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      disabled={disabled}\n      readOnly={readOnly}\n      status={validationState}\n      required={required}\n      onBlur={onBlurHandler}\n      onFocus={onFocusHandler}\n      className={clsx(classes.root, className, {\n        [classes.disabled]: disabled,\n      })}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              className={classes.label}\n              id={setId(id, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={textAreaLabel}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n\n      {hasCounter && (\n        <HvCharCounter\n          id={setId(elementId, \"charCounter\")}\n          className={classes.characterCounter}\n          separator={middleCountLabel}\n          currentCharQuantity={value.length}\n          maxCharQuantity={maxTagsQuantity}\n          {...countCharProps}\n        />\n      )}\n\n      <HvListContainer\n        className={clsx(\n          classes.tagsList,\n          canShowError && classes.error,\n          resizable && multiline && classes.resizable,\n          isStateInvalid && classes.invalid,\n          !multiline && classes.singleLine\n        )}\n        onKeyDown={onKeyDownHandler}\n        onClick={onContainerClickHandler}\n        ref={containerRef}\n      >\n        {value &&\n          value.map((t, i) => {\n            const tag =\n              typeof t === \"string\"\n                ? {\n                    label: t,\n                    type: \"semantic\",\n                  }\n                : t;\n            const { label, type, ...otherProps } = tag;\n            return (\n              <HvListItem\n                // eslint-disable-next-line react/no-array-index-key\n                key={`${tag.label}-${i}`}\n                tabIndex={-1}\n                className={clsx(!multiline && classes.singleLine)}\n                classes={{\n                  gutters: classes.listItemGutters,\n                  root: classes.listItemRoot,\n                }}\n                id={`tag-${i}`}\n              >\n                <HvTag\n                  label={label}\n                  className={clsx(i === tagCursorPos && classes.tagSelected)}\n                  classes={{\n                    chipRoot: classes.chipRoot,\n                  }}\n                  type={type}\n                  {...(!(readOnly || disabled || type === \"categorical\") && {\n                    onDelete: (event) => onDeleteTagHandler(event, i),\n                  })}\n                  deleteButtonProps={{\n                    tabIndex: -1,\n                  }}\n                  {...otherProps}\n                />\n              </HvListItem>\n            );\n          })}\n        {!(disabled || readOnly) && (\n          <HvListItem\n            className={clsx(!multiline && classes.singleLine)}\n            classes={{\n              root: classes.tagInputContainerRoot,\n              gutters: classes.listItemGutters,\n            }}\n            id={`tag-${value.length}`}\n          >\n            <HvInput\n              value={tagInput}\n              disableClear\n              onChange={onChangeHandler}\n              onKeyDown={onInputKeyDownHandler}\n              placeholder={value.length === 0 ? placeholder : \"\"}\n              autoFocus={autoFocus}\n              className={clsx(!multiline && classes.singleLine)}\n              classes={{\n                root: classes.tagInputRoot,\n                input: classes.input,\n                inputBorderContainer: classes.tagInputBorderContainer,\n                inputRootFocused: classes.tagInputRootFocused,\n              }}\n              disabled={disabled}\n              readOnly={readOnly || isTagSelected}\n              inputProps={{\n                ref: materialInputRef,\n                \"aria-label\": ariaLabel,\n                \"aria-labelledby\": ariaLabelledBy,\n                \"aria-describedby\":\n                  ariaDescribedBy != null\n                    ? ariaDescribedBy\n                    : description && setId(elementId, \"description\"),\n\n                ...inputProps,\n              }}\n              inputRef={inputRef}\n              {...others}\n            />\n          </HvListItem>\n        )}\n      </HvListContainer>\n      {canShowSuggestions && (\n        <>\n          {hasSuggestions && <div role=\"presentation\" className={classes.inputExtension} />}\n          <HvSuggestions\n            id={setId(elementId, \"suggestions\")}\n            classes={{\n              root: classes.suggestionsContainer,\n              list: classes.suggestionList,\n            }}\n            expanded={hasSuggestions}\n            anchorEl={containerRef?.current?.parentElement}\n            onClose={suggestionClearHandler}\n            onKeyDown={onSuggestionKeyDown}\n            onSuggestionSelected={suggestionSelectedHandler}\n            suggestionValues={suggestionValues}\n          />\n        </>\n      )}\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvTagsInput.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * Styles applied to the input element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to the list item gutters.\n     */\n    listItemGutters: PropTypes.string,\n    /**\n     * Styles applied to the list item element.\n     */\n    listItemRoot: PropTypes.string,\n    /**\n     * Styles applied to the root container of the textarea.\n     */\n    root: PropTypes.string,\n    /**\n     *\n     */\n    chipRoot: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    resizable: PropTypes.string,\n    /**\n     * Style applied to the root when invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to text area container that holds the label, description and counter.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    description: PropTypes.string,\n    /**\n     * Style applied on the character counter.\n     */\n    characterCounter: PropTypes.string,\n    /**\n     * Styles applied to the tags list container element.\n     */\n    tagsList: PropTypes.string,\n    /**\n     * Styles applied to the tag input container element.\n     */\n    tagInputContainerRoot: PropTypes.string,\n    /**\n     * Styles applied to the tag input element.\n     */\n    tagInputRoot: PropTypes.string,\n    /**\n     * Styles applied to a tag element when selected\n     */\n    tagSelected: PropTypes.string,\n    /**\n     * Styles applied to the input element border.\n     */\n    tagInputBorderContainer: PropTypes.string,\n    /**\n     * Styles applied to the input element when focused.\n     */\n    tagInputRootFocused: PropTypes.string,\n    /**\n     * Styles applied to the container when in single line mode.\n     */\n    singleLine: PropTypes.string,\n    /**\n     * Styles applied to the tags list when an error occurred.\n     */\n    error: PropTypes.string,\n    /**\n     * Styles applied to the input extension shown when the suggestions list is visible.\n     */\n    inputExtension: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the suggestions list.\n     */\n    suggestionsContainer: PropTypes.string,\n    /**\n     * Styles applied to the suggestions list.\n     */\n    suggestionList: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element.\n   */\n  value: PropTypes.array,\n  /**\n   * When uncontrolled, defines the initial input value.\n   */\n  defaultValue: PropTypes.array,\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the form element is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * The function that will be executed onChange.\n   */\n  onChange: PropTypes.func,\n  /**\n   * The function that will be executed when the element is focused.\n   */\n  onFocus: PropTypes.func,\n  /**\n   * The function that will be executed when the element is blurred.\n   */\n  onBlur: PropTypes.func,\n  /**\n   * The function that will be executed when a tag is deleted.\n   */\n  onDelete: PropTypes.func,\n  /**\n   * The function that will be executed when a tag is added.\n   */\n  onAdd: PropTypes.func,\n  /**\n   * The placeholder value of the input.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * If `true` the character counter isn't shown even if maxTagsQuantity is set.\n   */\n  hideCounter: PropTypes.bool,\n  /**\n   * Text between the current char counter and max value.\n   */\n  middleCountLabel: PropTypes.string,\n  /**\n   * The maximum allowed length of the characters, if this value is null no check\n   * will be performed.\n   */\n  maxTagsQuantity: PropTypes.number,\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n  /**\n   * If `true` it should autofocus.\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * If `true` the component is resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Props passed to the HvCharCount component.\n   */\n  countCharProps: PropTypes.instanceOf(Object),\n  /**\n   * If `true` the component is in multiline mode.\n   */\n  multiline: PropTypes.bool,\n  /**\n   * The status of the form element.\n   */\n  status: PropTypes.string,\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n\n  /**\n   * An Object containing the various texts associated with the input.\n   */\n  validationMessages: PropTypes.shape({\n    /**\n     * The value when a validation fails.\n     */\n    error: PropTypes.string,\n    /**\n     * The message that appears when there are too many characters.\n     */\n    maxCharError: PropTypes.string,\n    /**\n     * The message that appears when there are too few characters.\n     */\n    minCharError: PropTypes.string,\n    /**\n     * The message that appears when the input is empty and required.\n     */\n    requiredError: PropTypes.string,\n  }),\n  /**\n   * An array of strings that represent the character used to input a tag.\n   * This character is the string representation of the event.code from the input event.\n   */\n  commitTagOn: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * If `true` the tag will be commited when the blur event occurs.\n   */\n  commitOnBlur: PropTypes.bool,\n  /**\n   * The function that will be executed to received an array of objects that has a label and id to create list of suggestion\n   */\n  suggestionListCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvTagsInput\" })(HvTagsInput);\n"],"file":"TagsInput.js"}

package/dist/legacy/TagsInput/styles.js

@@ -148,7 +148,24 @@ var styles = function styles(theme) {
       border: "none",
       background: "none"
     },
-    singleLine: {}
+    singleLine: {},
+    // suggestions
+    suggestionsContainer: {
+      width: "100%",
+      position: "relative",
+      top: 45
+    },
+    suggestionList: {
+      // ensure more specificity than .HvSuggestions-root .HvSuggestions-list
+      "$root $suggestionsContainer &": {
+        width: "100%"
+      }
+    },
+    inputExtension: {
+      height: theme.hv.spacing.xs,
+      backgroundColor: theme.hv.palette.atmosphere.atmo1,
+      boxShadow: "0px 8px 0px ".concat(theme.hv.palette.atmosphere.atmo1, ", 0px 0px 9px 0px rgba(65,65,65,.12)")
+    }
   };
 };
 

package/dist/legacy/TagsInput/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/TagsInput/styles.js"],"names":["styles","theme","root","display","maxWidth","chipRoot","resizable","width","resize","overflow","disabled","error","float","invalid","border","hv","palette","semantic","sema4","input","marginLeft","marginRight","flex","minWidth","height","lineHeight","padding","listItemGutters","listItemRoot","marginBottom","paddingTop","labelContainer","alignItems","label","paddingBottom","description","characterCounter","textAlign","tagsList","alignContent","clear","position","flexDirection","flexWrap","backgroundColor","atmosphere","atmo1","atmo4","borderRadius","cursor","accent","acce1","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","atmo3","overflowX","overflowY","paddingLeft","tagInputContainerRoot","flexGrow","verticalAlign","tagInputRoot","background","tagInputRootFocused","outline","tagSelected","tagInputBorderContainer","singleLine"],"mappings":"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","sourcesContent":["const styles = (theme) => {\n  return {\n    root: {\n      display: \"inline-block\",\n      maxWidth: \"100%\",\n    },\n    chipRoot: {\n      maxWidth: \"none\",\n    },\n    resizable: {\n      width: \"auto\",\n      resize: \"both\",\n      overflow: \"auto\",\n    },\n    disabled: {},\n    error: {\n      float: \"left\",\n    },\n    invalid: {\n      border: `1px solid ${theme.hv.palette.semantic.sema4}!important`,\n    },\n    input: {\n      marginLeft: 0,\n      marginRight: 0,\n      width: 0,\n      flex: \"1 1 auto\",\n      minWidth: 48,\n      height: 24,\n      lineHeight: \"24px\",\n      padding: 0,\n    },\n    listItemGutters: {\n      padding: \"0 5px\",\n    },\n    listItemRoot: {\n      marginBottom: 2,\n      height: 24,\n      lineHeight: \"24px\",\n      \"&:not(:last-child)\": {\n        marginBottom: 2,\n      },\n      \"&$singleLine\": {\n        display: \"table-cell\",\n        paddingTop: 2,\n      },\n    },\n    labelContainer: {\n      float: \"left\",\n      display: \"flex\",\n      alignItems: \"flex-start\",\n    },\n    label: {\n      display: \"block\",\n      float: \"left\",\n      paddingBottom: \"6px\",\n    },\n    description: {\n      display: \"block\",\n      float: \"left\",\n    },\n    characterCounter: {\n      display: \"block\",\n      float: \"right\",\n      textAlign: \"right\",\n      marginBottom: \"6px\",\n    },\n    tagsList: {\n      display: \"flex\",\n      alignContent: \"flex-start\",\n      float: \"left\",\n      clear: \"both\",\n      width: \"100%\",\n      maxWidth: \"100%\",\n      height: \"100%\",\n      padding: 5,\n      overflow: \"auto\",\n      position: \"relative\",\n\n      flexDirection: \"row\",\n      flexWrap: \"wrap\",\n\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRadius: \"2px\",\n\n      \"&:hover\": {\n        cursor: \"text\",\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n\n      \"&:focus, &:focus-within, &:focus-visible\": {\n        outlineColor: \"#52A8EC\",\n        outlineStyle: \"solid\",\n        outlineWidth: \"0px\",\n        outlineOffset: \"-1px\",\n        boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n      },\n\n      \"&$disabled\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n        \"&:focus-within, &:hover\": {\n          border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n        },\n      },\n\n      \"&$singleLine\": {\n        overflowX: \"hidden\",\n        overflowY: \"hidden\",\n        height: 32,\n        display: \"table-row\",\n        paddingTop: 0,\n        paddingLeft: 4,\n      },\n\n      \"&$error\": {\n        border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n      },\n    },\n    tagInputContainerRoot: {\n      display: \"flex\",\n      flexGrow: 1,\n      height: 24,\n      lineHeight: \"24px\",\n      \"&$singleLine\": {\n        display: \"table-cell\",\n        minWidth: 100,\n        width: \"100%\",\n        paddingTop: 3,\n        verticalAlign: \"middle\",\n      },\n    },\n    tagInputRoot: {\n      width: \"100%\",\n      \"&:hover $tagInputBorderContainer\": {\n        background: \"none\",\n      },\n      \"&:focus-within $tagInputBorderContainer\": {\n        background: \"none\",\n      },\n      \"&$singleLine\": {},\n    },\n    tagInputRootFocused: {\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    tagSelected: {\n      outlineColor: \"#52A8EC\",\n      outlineStyle: \"solid\",\n      outlineWidth: \"0px\",\n      outlineOffset: \"-1px\",\n      boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n    },\n    tagInputBorderContainer: {\n      border: \"none\",\n      background: \"none\",\n    },\n    singleLine: {},\n  };\n};\n\nexport default styles;\n"],"file":"styles.js"}
+{"version":3,"sources":["../../../src/TagsInput/styles.js"],"names":["styles","theme","root","display","maxWidth","chipRoot","resizable","width","resize","overflow","disabled","error","float","invalid","border","hv","palette","semantic","sema4","input","marginLeft","marginRight","flex","minWidth","height","lineHeight","padding","listItemGutters","listItemRoot","marginBottom","paddingTop","labelContainer","alignItems","label","paddingBottom","description","characterCounter","textAlign","tagsList","alignContent","clear","position","flexDirection","flexWrap","backgroundColor","atmosphere","atmo1","atmo4","borderRadius","cursor","accent","acce1","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","atmo3","overflowX","overflowY","paddingLeft","tagInputContainerRoot","flexGrow","verticalAlign","tagInputRoot","background","tagInputRootFocused","outline","tagSelected","tagInputBorderContainer","singleLine","suggestionsContainer","top","suggestionList","inputExtension","spacing","xs"],"mappings":"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","sourcesContent":["const styles = (theme) => {\n  return {\n    root: {\n      display: \"inline-block\",\n      maxWidth: \"100%\",\n    },\n    chipRoot: {\n      maxWidth: \"none\",\n    },\n    resizable: {\n      width: \"auto\",\n      resize: \"both\",\n      overflow: \"auto\",\n    },\n    disabled: {},\n    error: {\n      float: \"left\",\n    },\n    invalid: {\n      border: `1px solid ${theme.hv.palette.semantic.sema4}!important`,\n    },\n    input: {\n      marginLeft: 0,\n      marginRight: 0,\n      width: 0,\n      flex: \"1 1 auto\",\n      minWidth: 48,\n      height: 24,\n      lineHeight: \"24px\",\n      padding: 0,\n    },\n    listItemGutters: {\n      padding: \"0 5px\",\n    },\n    listItemRoot: {\n      marginBottom: 2,\n      height: 24,\n      lineHeight: \"24px\",\n      \"&:not(:last-child)\": {\n        marginBottom: 2,\n      },\n      \"&$singleLine\": {\n        display: \"table-cell\",\n        paddingTop: 2,\n      },\n    },\n    labelContainer: {\n      float: \"left\",\n      display: \"flex\",\n      alignItems: \"flex-start\",\n    },\n    label: {\n      display: \"block\",\n      float: \"left\",\n      paddingBottom: \"6px\",\n    },\n    description: {\n      display: \"block\",\n      float: \"left\",\n    },\n    characterCounter: {\n      display: \"block\",\n      float: \"right\",\n      textAlign: \"right\",\n      marginBottom: \"6px\",\n    },\n    tagsList: {\n      display: \"flex\",\n      alignContent: \"flex-start\",\n      float: \"left\",\n      clear: \"both\",\n      width: \"100%\",\n      maxWidth: \"100%\",\n      height: \"100%\",\n      padding: 5,\n      overflow: \"auto\",\n      position: \"relative\",\n\n      flexDirection: \"row\",\n      flexWrap: \"wrap\",\n\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRadius: \"2px\",\n\n      \"&:hover\": {\n        cursor: \"text\",\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n\n      \"&:focus, &:focus-within, &:focus-visible\": {\n        outlineColor: \"#52A8EC\",\n        outlineStyle: \"solid\",\n        outlineWidth: \"0px\",\n        outlineOffset: \"-1px\",\n        boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n      },\n\n      \"&$disabled\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n        \"&:focus-within, &:hover\": {\n          border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n        },\n      },\n\n      \"&$singleLine\": {\n        overflowX: \"hidden\",\n        overflowY: \"hidden\",\n        height: 32,\n        display: \"table-row\",\n        paddingTop: 0,\n        paddingLeft: 4,\n      },\n\n      \"&$error\": {\n        border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n      },\n    },\n    tagInputContainerRoot: {\n      display: \"flex\",\n      flexGrow: 1,\n      height: 24,\n      lineHeight: \"24px\",\n      \"&$singleLine\": {\n        display: \"table-cell\",\n        minWidth: 100,\n        width: \"100%\",\n        paddingTop: 3,\n        verticalAlign: \"middle\",\n      },\n    },\n    tagInputRoot: {\n      width: \"100%\",\n      \"&:hover $tagInputBorderContainer\": {\n        background: \"none\",\n      },\n      \"&:focus-within $tagInputBorderContainer\": {\n        background: \"none\",\n      },\n      \"&$singleLine\": {},\n    },\n    tagInputRootFocused: {\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    tagSelected: {\n      outlineColor: \"#52A8EC\",\n      outlineStyle: \"solid\",\n      outlineWidth: \"0px\",\n      outlineOffset: \"-1px\",\n      boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n    },\n    tagInputBorderContainer: {\n      border: \"none\",\n      background: \"none\",\n    },\n    singleLine: {},\n\n    // suggestions\n    suggestionsContainer: {\n      width: \"100%\",\n      position: \"relative\",\n      top: 45,\n    },\n    suggestionList: {\n      // ensure more specificity than .HvSuggestions-root .HvSuggestions-list\n      \"$root $suggestionsContainer &\": {\n        width: \"100%\",\n      },\n    },\n\n    inputExtension: {\n      height: theme.hv.spacing.xs,\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n    },\n  };\n};\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/TagsInput/TagsInput.d.ts

@@ -6,6 +6,12 @@ import { HvFormStatus } from "../Forms/FormElement";
 import { HvInputProps } from "..";
 import { HvBaseInputValidationMessagesProps } from "../BaseInput";
 
+export interface TagSuggestion {
+  id: string;
+  label: string;
+  value: string;
+}
+
 export type HvTagsInputClassKey =
   | "root"
   | "disabled"
@@ -15,7 +21,10 @@ export type HvTagsInputClassKey =
   | "label"
   | "characterCounter"
   | "description"
-  | "error";
+  | "error"
+  | "inputExtension"
+  | "suggestionsContainer"
+  | "suggestionList";
 
 export interface HvTagsInputProps
   extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange" | "onBlur" | "onFocus"> {
@@ -173,6 +182,10 @@ export interface HvTagsInputProps
    * If `true` the tag will be commited when the blur event occurs.
    */
   commitOnBlur?: boolean;
+  /**
+   * The function that will be executed to received an array of objects that has a label and id to create list of suggestion
+   */
+  suggestionListCallback?: (value: string) => TagSuggestion[];
 }
 
 export default function HvTagsInput(props: HvTagsInputProps): JSX.Element | null;