@hitachivantara/uikit-react-core 3.57.0 → 3.58.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.58.0](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.57.0...@hitachivantara/uikit-react-core@3.58.0) (2022-03-07)
+
+
+### Features
+
+* **TagsInput:** allow commiting tags with other characters and on blur ([#2687](https://github.com/lumada-design/hv-uikit-react/issues/2687)) ([ee06336](https://github.com/lumada-design/hv-uikit-react/commit/ee063364f5f1f7464fc34fc61b26cf51e1795fcf))
+
+
+
+
+
 # [3.57.0](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.56.2...@hitachivantara/uikit-react-core@3.57.0) (2022-03-02)
 
 

package/dist/TagsInput/TagsInput.d.ts

@@ -143,18 +143,12 @@ export interface HvTagsInputProps
   /**
    * The function that will be executed when the input is blurred.
    */
-   onBlur?: (
-    event: React.FocusEvent<HTMLInputElement>,
-    value: string
-  ) => void;
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>, value: string) => void;
 
   /**
    * The function that will be executed when the input is focused.
    */
-   onFocus?: (
-    event: React.FocusEvent<HTMLInputElement>,
-    value: string
-  ) => void;
+  onFocus?: (event: React.FocusEvent<HTMLInputElement>, value: string) => void;
 
   /**
    * The status of the form element.
@@ -169,6 +163,16 @@ export interface HvTagsInputProps
    * An Object containing the various texts associated with the input.
    */
   validationMessages?: HvBaseInputValidationMessagesProps;
+
+  /**
+   * An array of strings that represent the character used to input a tag.
+   * This character is the string representation of the event.code from the input event.
+   */
+  commitTagOn?: string[];
+  /**
+   * If `true` the tag will be commited when the blur event occurs.
+   */
+  comminOnBlur?: boolean;
 }
 
 export default function HvTagsInput(props: HvTagsInputProps): JSX.Element | null;

package/dist/TagsInput/TagsInput.js

@@ -39,6 +39,10 @@ require("core-js/modules/es.array.concat.js");
 
 require("core-js/modules/es.array.slice.js");
 
+require("core-js/modules/es.array.includes.js");
+
+require("core-js/modules/es.string.includes.js");
+
 require("core-js/modules/es.array.map.js");
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -71,7 +75,7 @@ var _validations = require("../BaseInput/validations");
 
 var _styles = _interopRequireDefault(require("./styles"));
 
-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"],
+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"],
     _excluded2 = ["label", "type"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -128,6 +132,10 @@ var HvTagsInput = function HvTagsInput(props) {
       status = props.status,
       statusMessage = props.statusMessage,
       validationMessages = props.validationMessages,
+      _props$commitTagOn = props.commitTagOn,
+      commitTagOn = _props$commitTagOn === void 0 ? ["Enter"] : _props$commitTagOn,
+      _props$commitOnBlur = props.commitOnBlur,
+      commitOnBlur = _props$commitOnBlur === void 0 ? false : _props$commitOnBlur,
       others = (0, _objectWithoutProperties2.default)(props, _excluded);
   var elementId = (0, _.useUniqueId)(id, "hvTagsInput");
   var hasLabel = textAreaLabel != null;
@@ -209,14 +217,22 @@ var HvTagsInput = function HvTagsInput(props) {
     onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
     skipReset.current = true;
   }, [onChange, onDelete, performValidation, setValue, tagCursorPos, value]);
-  var canShowError = status !== undefined && status === "invalid" && statusMessage !== undefined || !stateValid;
-  /**
-   * Handler for the `onChange` event on the tag input
-   */
+  var addTag = (0, _react.useCallback)(function (event, tag) {
+    event.preventDefault();
 
-  var onChangeHandler = (0, _react.useCallback)(function (event, input) {
-    setTagInput(input);
-  }, []);
+    if (tag !== "") {
+      var newTag = {
+        label: tag,
+        type: "semantic"
+      };
+      var newTagsArr = [].concat((0, _toConsumableArray2.default)(value), [newTag]);
+      setValue(newTagsArr);
+      performValidation(newTagsArr);
+      onAdd === null || onAdd === void 0 ? void 0 : onAdd(event, newTag, newTagsArr.length - 1);
+      onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
+    }
+  }, [onAdd, onChange, performValidation, setValue, value]);
+  var canShowError = status !== undefined && status === "invalid" && statusMessage !== undefined || !stateValid;
   (0, _react.useEffect)(function () {
     if (!multiline) {
       var _containerRef$current;
@@ -241,24 +257,21 @@ var HvTagsInput = function HvTagsInput(props) {
     skipReset.current = false;
   }, [value]);
   /**
-   * Handler for the `onEnter` event on the tag input
+   * Handler for the `onChange` event on the tag input
    */
 
-  var onEnterHandler = (0, _react.useCallback)(function (event, tag) {
-    event.preventDefault();
+  var onChangeHandler = (0, _react.useCallback)(function (event, input) {
+    setTagInput(input);
+  }, []);
+  /**
+   * Handler for the `onKeyDown` event on the form element
+   */
 
-    if (tag !== "") {
-      var newTag = {
-        label: tag,
-        type: "semantic"
-      };
-      var newTagsArr = [].concat((0, _toConsumableArray2.default)(value), [newTag]);
-      setValue(newTagsArr);
-      performValidation(newTagsArr);
-      onAdd === null || onAdd === void 0 ? void 0 : onAdd(event, newTag, newTagsArr.length - 1);
-      onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
+  var onInputKeyDownHandler = (0, _react.useCallback)(function (event) {
+    if (commitTagOn.includes(event.code)) {
+      addTag(event, tagInput);
     }
-  }, [onAdd, onChange, performValidation, setValue, value]);
+  }, [addTag, commitTagOn, tagInput]);
   /**
    * Handler for the `onKeyDown` event on the list container.
    */
@@ -317,6 +330,10 @@ var HvTagsInput = function HvTagsInput(props) {
 
   var onBlurHandler = function onBlurHandler(evt) {
     blurTimeout.current = setTimeout(function () {
+      if (commitOnBlur) {
+        addTag(evt, tagInput);
+      }
+
       onBlur === null || onBlur === void 0 ? void 0 : onBlur(evt, tagInput);
     }, 250);
   };
@@ -402,7 +419,7 @@ var HvTagsInput = function HvTagsInput(props) {
     value: tagInput,
     disableClear: true,
     onChange: onChangeHandler,
-    onEnter: onEnterHandler,
+    onKeyDown: onInputKeyDownHandler,
     placeholder: value.length === 0 ? placeholder : "",
     autoFocus: autoFocus,
     className: (0, _clsx.default)(!multiline && classes.singleLine),
@@ -705,7 +722,18 @@ process.env.NODE_ENV !== "production" ? HvTagsInput.propTypes = {
      * The message that appears when the input is empty and required.
      */
     requiredError: _propTypes.default.string
-  })
+  }),
+
+  /**
+   * An array of strings that represent the character used to input a tag.
+   * This character is the string representation of the event.code from the input event.
+   */
+  commitTagOn: _propTypes.default.arrayOf(_propTypes.default.string),
+
+  /**
+   * If `true` the tag will be commited when the blur event occurs.
+   */
+  commitOnBlur: _propTypes.default.bool
 } : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {

package/dist/TagsInput/TagsInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TagsInput/TagsInput.js"],"names":["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","others","elementId","hasLabel","hasDescription","setValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","tagInput","setTagInput","length","tagCursorPos","setTagCursorPos","stateValid","setStateValid","inputRef","containerRef","skipReset","blurTimeout","isTagSelected","hasCounter","isStateInvalid","errorMessages","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","performValidation","currValue","invalid","valid","deleteTag","tagPos","event","end","newTagsArr","slice","current","focus","canShowError","undefined","onChangeHandler","input","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","onEnterHandler","tag","preventDefault","newTag","type","onKeyDownHandler","code","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","PropTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object","styles"],"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    ...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 canShowError =\n    (status !== undefined && status === \"invalid\" && statusMessage !== undefined) || !stateValid;\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  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 `onEnter` event on the tag input\n   */\n  const onEnterHandler = 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  /**\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      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              onEnter={onEnterHandler}\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\nexport default withStyles(styles, { name: \"HvTagsInput\" })(HvTagsInput);\n"],"file":"TagsInput.js"}
+{"version":3,"sources":["../../src/TagsInput/TagsInput.js"],"names":["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","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","tagInput","setTagInput","length","tagCursorPos","setTagCursorPos","stateValid","setStateValid","inputRef","containerRef","skipReset","blurTimeout","isTagSelected","hasCounter","isStateInvalid","errorMessages","DEFAULT_ERROR_MESSAGES","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","PropTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object","arrayOf","styles"],"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"}

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

@@ -143,18 +143,12 @@ export interface HvTagsInputProps
   /**
    * The function that will be executed when the input is blurred.
    */
-   onBlur?: (
-    event: React.FocusEvent<HTMLInputElement>,
-    value: string
-  ) => void;
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>, value: string) => void;
 
   /**
    * The function that will be executed when the input is focused.
    */
-   onFocus?: (
-    event: React.FocusEvent<HTMLInputElement>,
-    value: string
-  ) => void;
+  onFocus?: (event: React.FocusEvent<HTMLInputElement>, value: string) => void;
 
   /**
    * The status of the form element.
@@ -169,6 +163,16 @@ export interface HvTagsInputProps
    * An Object containing the various texts associated with the input.
    */
   validationMessages?: HvBaseInputValidationMessagesProps;
+
+  /**
+   * An array of strings that represent the character used to input a tag.
+   * This character is the string representation of the event.code from the input event.
+   */
+  commitTagOn?: string[];
+  /**
+   * If `true` the tag will be commited when the blur event occurs.
+   */
+  comminOnBlur?: boolean;
 }
 
 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"],
+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"],
     _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; }
@@ -21,6 +21,8 @@ import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.string.includes.js";
 import "core-js/modules/es.array.map.js";
 import React, { useRef, useState, useCallback, useMemo, useEffect } from "react";
 import PropTypes from "prop-types";
@@ -79,6 +81,10 @@ var HvTagsInput = function HvTagsInput(props) {
       status = props.status,
       statusMessage = props.statusMessage,
       validationMessages = props.validationMessages,
+      _props$commitTagOn = props.commitTagOn,
+      commitTagOn = _props$commitTagOn === void 0 ? ["Enter"] : _props$commitTagOn,
+      _props$commitOnBlur = props.commitOnBlur,
+      commitOnBlur = _props$commitOnBlur === void 0 ? false : _props$commitOnBlur,
       others = _objectWithoutProperties(props, _excluded);
 
   var elementId = useUniqueId(id, "hvTagsInput");
@@ -161,14 +167,22 @@ var HvTagsInput = function HvTagsInput(props) {
     onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
     skipReset.current = true;
   }, [onChange, onDelete, performValidation, setValue, tagCursorPos, value]);
-  var canShowError = status !== undefined && status === "invalid" && statusMessage !== undefined || !stateValid;
-  /**
-   * Handler for the `onChange` event on the tag input
-   */
+  var addTag = useCallback(function (event, tag) {
+    event.preventDefault();
 
-  var onChangeHandler = useCallback(function (event, input) {
-    setTagInput(input);
-  }, []);
+    if (tag !== "") {
+      var newTag = {
+        label: tag,
+        type: "semantic"
+      };
+      var newTagsArr = [].concat(_toConsumableArray(value), [newTag]);
+      setValue(newTagsArr);
+      performValidation(newTagsArr);
+      onAdd === null || onAdd === void 0 ? void 0 : onAdd(event, newTag, newTagsArr.length - 1);
+      onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
+    }
+  }, [onAdd, onChange, performValidation, setValue, value]);
+  var canShowError = status !== undefined && status === "invalid" && statusMessage !== undefined || !stateValid;
   useEffect(function () {
     if (!multiline) {
       var _containerRef$current;
@@ -193,24 +207,21 @@ var HvTagsInput = function HvTagsInput(props) {
     skipReset.current = false;
   }, [value]);
   /**
-   * Handler for the `onEnter` event on the tag input
+   * Handler for the `onChange` event on the tag input
    */
 
-  var onEnterHandler = useCallback(function (event, tag) {
-    event.preventDefault();
+  var onChangeHandler = useCallback(function (event, input) {
+    setTagInput(input);
+  }, []);
+  /**
+   * Handler for the `onKeyDown` event on the form element
+   */
 
-    if (tag !== "") {
-      var newTag = {
-        label: tag,
-        type: "semantic"
-      };
-      var newTagsArr = [].concat(_toConsumableArray(value), [newTag]);
-      setValue(newTagsArr);
-      performValidation(newTagsArr);
-      onAdd === null || onAdd === void 0 ? void 0 : onAdd(event, newTag, newTagsArr.length - 1);
-      onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
+  var onInputKeyDownHandler = useCallback(function (event) {
+    if (commitTagOn.includes(event.code)) {
+      addTag(event, tagInput);
     }
-  }, [onAdd, onChange, performValidation, setValue, value]);
+  }, [addTag, commitTagOn, tagInput]);
   /**
    * Handler for the `onKeyDown` event on the list container.
    */
@@ -269,6 +280,10 @@ var HvTagsInput = function HvTagsInput(props) {
 
   var onBlurHandler = function onBlurHandler(evt) {
     blurTimeout.current = setTimeout(function () {
+      if (commitOnBlur) {
+        addTag(evt, tagInput);
+      }
+
       onBlur === null || onBlur === void 0 ? void 0 : onBlur(evt, tagInput);
     }, 250);
   };
@@ -356,7 +371,7 @@ var HvTagsInput = function HvTagsInput(props) {
     value: tagInput,
     disableClear: true,
     onChange: onChangeHandler,
-    onEnter: onEnterHandler,
+    onKeyDown: onInputKeyDownHandler,
     placeholder: value.length === 0 ? placeholder : "",
     autoFocus: autoFocus,
     className: clsx(!multiline && classes.singleLine),
@@ -659,7 +674,18 @@ process.env.NODE_ENV !== "production" ? HvTagsInput.propTypes = {
      * The message that appears when the input is empty and required.
      */
     requiredError: PropTypes.string
-  })
+  }),
+
+  /**
+   * An array of strings that represent the character used to input a tag.
+   * This character is the string representation of the event.code from the input event.
+   */
+  commitTagOn: PropTypes.arrayOf(PropTypes.string),
+
+  /**
+   * If `true` the tag will be commited when the blur event occurs.
+   */
+  commitOnBlur: PropTypes.bool
 } : 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","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","canShowError","undefined","onChangeHandler","input","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","onEnterHandler","tag","preventDefault","newTag","type","onKeyDownHandler","code","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"],"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    ...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 canShowError =\n    (status !== undefined && status === \"invalid\" && statusMessage !== undefined) || !stateValid;\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  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 `onEnter` event on the tag input\n   */\n  const onEnterHandler = 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  /**\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      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              onEnter={onEnterHandler}\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\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","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"}

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

@@ -143,18 +143,12 @@ export interface HvTagsInputProps
   /**
    * The function that will be executed when the input is blurred.
    */
-   onBlur?: (
-    event: React.FocusEvent<HTMLInputElement>,
-    value: string
-  ) => void;
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>, value: string) => void;
 
   /**
    * The function that will be executed when the input is focused.
    */
-   onFocus?: (
-    event: React.FocusEvent<HTMLInputElement>,
-    value: string
-  ) => void;
+  onFocus?: (event: React.FocusEvent<HTMLInputElement>, value: string) => void;
 
   /**
    * The status of the form element.
@@ -169,6 +163,16 @@ export interface HvTagsInputProps
    * An Object containing the various texts associated with the input.
    */
   validationMessages?: HvBaseInputValidationMessagesProps;
+
+  /**
+   * An array of strings that represent the character used to input a tag.
+   * This character is the string representation of the event.code from the input event.
+   */
+  commitTagOn?: string[];
+  /**
+   * If `true` the tag will be commited when the blur event occurs.
+   */
+  comminOnBlur?: boolean;
 }
 
 export default function HvTagsInput(props: HvTagsInputProps): JSX.Element | null;

package/dist/modern/TagsInput/TagsInput.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _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"],
+const _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"],
       _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; }
@@ -55,7 +55,9 @@ const HvTagsInput = props => {
     multiline = false,
     status,
     statusMessage,
-    validationMessages
+    validationMessages,
+    commitTagOn = ["Enter"],
+    commitOnBlur = false
   } = props,
         others = _objectWithoutProperties(props, _excluded);
 
@@ -112,14 +114,22 @@ const HvTagsInput = props => {
     onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
     skipReset.current = true;
   }, [onChange, onDelete, performValidation, setValue, tagCursorPos, value]);
-  const canShowError = status !== undefined && status === "invalid" && statusMessage !== undefined || !stateValid;
-  /**
-   * Handler for the `onChange` event on the tag input
-   */
+  const addTag = useCallback((event, tag) => {
+    event.preventDefault();
 
-  const onChangeHandler = useCallback((event, input) => {
-    setTagInput(input);
-  }, []);
+    if (tag !== "") {
+      const newTag = {
+        label: tag,
+        type: "semantic"
+      };
+      const newTagsArr = [...value, newTag];
+      setValue(newTagsArr);
+      performValidation(newTagsArr);
+      onAdd === null || onAdd === void 0 ? void 0 : onAdd(event, newTag, newTagsArr.length - 1);
+      onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
+    }
+  }, [onAdd, onChange, performValidation, setValue, value]);
+  const canShowError = status !== undefined && status === "invalid" && statusMessage !== undefined || !stateValid;
   useEffect(() => {
     if (!multiline) {
       var _containerRef$current;
@@ -144,24 +154,21 @@ const HvTagsInput = props => {
     skipReset.current = false;
   }, [value]);
   /**
-   * Handler for the `onEnter` event on the tag input
+   * Handler for the `onChange` event on the tag input
    */
 
-  const onEnterHandler = useCallback((event, tag) => {
-    event.preventDefault();
+  const onChangeHandler = useCallback((event, input) => {
+    setTagInput(input);
+  }, []);
+  /**
+   * Handler for the `onKeyDown` event on the form element
+   */
 
-    if (tag !== "") {
-      const newTag = {
-        label: tag,
-        type: "semantic"
-      };
-      const newTagsArr = [...value, newTag];
-      setValue(newTagsArr);
-      performValidation(newTagsArr);
-      onAdd === null || onAdd === void 0 ? void 0 : onAdd(event, newTag, newTagsArr.length - 1);
-      onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
+  const onInputKeyDownHandler = useCallback(event => {
+    if (commitTagOn.includes(event.code)) {
+      addTag(event, tagInput);
     }
-  }, [onAdd, onChange, performValidation, setValue, value]);
+  }, [addTag, commitTagOn, tagInput]);
   /**
    * Handler for the `onKeyDown` event on the list container.
    */
@@ -220,6 +227,10 @@ const HvTagsInput = props => {
 
   const onBlurHandler = evt => {
     blurTimeout.current = setTimeout(() => {
+      if (commitOnBlur) {
+        addTag(evt, tagInput);
+      }
+
       onBlur === null || onBlur === void 0 ? void 0 : onBlur(evt, tagInput);
     }, 250);
   };
@@ -307,7 +318,7 @@ const HvTagsInput = props => {
     value: tagInput,
     disableClear: true,
     onChange: onChangeHandler,
-    onEnter: onEnterHandler,
+    onKeyDown: onInputKeyDownHandler,
     placeholder: value.length === 0 ? placeholder : "",
     autoFocus: autoFocus,
     className: clsx(!multiline && classes.singleLine),
@@ -610,7 +621,18 @@ process.env.NODE_ENV !== "production" ? HvTagsInput.propTypes = {
      * The message that appears when the input is empty and required.
      */
     requiredError: PropTypes.string
-  })
+  }),
+
+  /**
+   * An array of strings that represent the character used to input a tag.
+   * This character is the string representation of the event.code from the input event.
+   */
+  commitTagOn: PropTypes.arrayOf(PropTypes.string),
+
+  /**
+   * If `true` the tag will be commited when the blur event occurs.
+   */
+  commitOnBlur: PropTypes.bool
 } : void 0;
 export default withStyles(styles, {
   name: "HvTagsInput"

package/dist/modern/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","value","valueProp","defaultValue","readOnly","disabled","required","label","textAreaLabel","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onAdd","onDelete","onBlur","onFocus","placeholder","hideCounter","middleCountLabel","maxTagsQuantity","autoFocus","resizable","inputProps","countCharProps","multiline","status","statusMessage","validationMessages","others","elementId","hasLabel","hasDescription","setValue","validationState","setValidationState","standBy","validationMessage","setValidationMessage","tagInput","setTagInput","tagCursorPos","setTagCursorPos","length","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","canShowError","undefined","onChangeHandler","input","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","onEnterHandler","tag","preventDefault","newTag","type","onKeyDownHandler","code","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"],"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    ...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 canShowError =\n    (status !== undefined && status === \"invalid\" && statusMessage !== undefined) || !stateValid;\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  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 `onEnter` event on the tag input\n   */\n  const onEnterHandler = 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  /**\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      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              onEnter={onEnterHandler}\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\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","HvFormElement","HvListContainer","HvListItem","HvTag","HvInput","HvLabel","HvInfoMessage","HvCharCounter","HvWarningText","useUniqueId","validationStates","DEFAULT_ERROR_MESSAGES","styles","HvTagsInput","props","classes","className","id","name","value","valueProp","defaultValue","readOnly","disabled","required","label","textAreaLabel","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","validationState","setValidationState","standBy","validationMessage","setValidationMessage","tagInput","setTagInput","tagCursorPos","setTagCursorPos","length","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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "3.57.0",
+  "version": "3.58.0",
   "description": "A collection of React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -104,5 +104,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ee518295b16b2b783cde7e742c8970b0f13815ed"
+  "gitHead": "0307d0c01ee7e888079f15ab343a794a95e0d7c9"
 }