@hitachivantara/uikit-react-core 3.55.2 → 3.56.2

package/dist/TagsInput/TagsInput.d.ts

@@ -18,7 +18,7 @@ export type HvTagsInputClassKey =
   | "error";
 
 export interface HvTagsInputProps
-  extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange"> {
+  extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange" | "onBlur" | "onFocus"> {
   /**
    * The label of the form element.
    *
@@ -140,6 +140,22 @@ export interface HvTagsInputProps
     value: HvTagProps[]
   ) => void;
 
+  /**
+   * The function that will be executed when the input is blurred.
+   */
+   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;
+
   /**
    * The status of the form element.
    */

package/dist/TagsInput/TagsInput.js

@@ -71,7 +71,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", "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"],
     _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); }
@@ -107,6 +107,8 @@ var HvTagsInput = function HvTagsInput(props) {
       onChange = props.onChange,
       onAdd = props.onAdd,
       onDelete = props.onDelete,
+      onBlur = props.onBlur,
+      onFocus = props.onFocus,
       placeholder = props.placeholder,
       _props$hideCounter = props.hideCounter,
       hideCounter = _props$hideCounter === void 0 ? false : _props$hideCounter,
@@ -163,7 +165,8 @@ var HvTagsInput = function HvTagsInput(props) {
 
   var inputRef = (0, _react.useRef)();
   var containerRef = (0, _react.useRef)();
-  var resetInput = (0, _react.useRef)(false);
+  var skipReset = (0, _react.useRef)(false);
+  var blurTimeout = (0, _react.useRef)();
   var isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;
   var hasCounter = maxTagsQuantity != null && !hideCounter;
   var isStateInvalid = (0, _react.useMemo)(function () {
@@ -204,6 +207,7 @@ var HvTagsInput = function HvTagsInput(props) {
     performValidation(newTagsArr);
     onDelete === null || onDelete === void 0 ? void 0 : onDelete(event, value[tagPos], tagPos);
     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;
   /**
@@ -229,11 +233,12 @@ var HvTagsInput = function HvTagsInput(props) {
     }
   }, [multiline, tagCursorPos]);
   (0, _react.useEffect)(function () {
-    if (resetInput.current) {
+    if (!skipReset.current) {
       setTagInput("");
       setTagCursorPos(value.length);
-      resetInput.current = false;
     }
+
+    skipReset.current = false;
   }, [value]);
   /**
    * Handler for the `onEnter` event on the tag input
@@ -249,7 +254,6 @@ var HvTagsInput = function HvTagsInput(props) {
       };
       var newTagsArr = [].concat((0, _toConsumableArray2.default)(value), [newTag]);
       setValue(newTagsArr);
-      resetInput.current = true;
       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);
@@ -307,8 +311,21 @@ var HvTagsInput = function HvTagsInput(props) {
     var _inputRef$current2;
 
     (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+    clearTimeout(blurTimeout.current);
     setTagCursorPos(value.length);
   }, [value.length]);
+
+  var onBlurHandler = function onBlurHandler(evt) {
+    blurTimeout.current = setTimeout(function () {
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(evt, tagInput);
+    }, 250);
+  };
+
+  var onFocusHandler = function onFocusHandler(evt) {
+    clearTimeout(blurTimeout.current);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(evt, tagInput);
+  };
+
   return /*#__PURE__*/_react.default.createElement(_.HvFormElement, {
     id: id,
     name: name,
@@ -316,6 +333,8 @@ var HvTagsInput = function HvTagsInput(props) {
     readOnly: readOnly,
     status: validationState,
     required: required,
+    onBlur: onBlurHandler,
+    onFocus: onFocusHandler,
     className: (0, _clsx.default)(classes.root, className, disabled && classes.disabled)
   }, (hasLabel || hasDescription) && /*#__PURE__*/_react.default.createElement("div", {
     className: classes.labelContainer
@@ -587,6 +606,16 @@ process.env.NODE_ENV !== "production" ? HvTagsInput.propTypes = {
    */
   onChange: _propTypes.default.func,
 
+  /**
+   * The function that will be executed when the element is focused.
+   */
+  onFocus: _propTypes.default.func,
+
+  /**
+   * The function that will be executed when the element is blurred.
+   */
+  onBlur: _propTypes.default.func,
+
   /**
    * The function that will be executed when a tag is deleted.
    */

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","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","resetInput","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","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\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 resetInput = useRef(false);\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    },\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 (resetInput.current) {\n      setTagInput(\"\");\n      setTagCursorPos(value.length);\n      resetInput.current = false;\n    }\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        resetInput.current = true;\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    setTagCursorPos(value.length);\n  }, [value.length]);\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      disabled={disabled}\n      readOnly={readOnly}\n      status={validationState}\n      required={required}\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 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","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"}

package/dist/TextArea/TextArea.js

@@ -196,7 +196,7 @@ var HvTextArea = function HvTextArea(props) {
 
   var isScrolledDown = (0, _react.useCallback)(function () {
     var el = inputRef.current;
-    return el == null || el.scrollHeight - el.scrollTop === el.clientHeight;
+    return el == null || el.offsetHeight + el.scrollTop >= el.scrollHeight;
   }, [inputRef]);
   var scrollDown = (0, _react.useCallback)(function () {
     var el = inputRef.current;
@@ -256,13 +256,13 @@ var HvTextArea = function HvTextArea(props) {
   (0, _react.useEffect)(function () {
     if (autoScroll) {
       addScrollListener();
-      scrollDown();
     }
-
+  }, [autoScroll, addScrollListener]);
+  (0, _react.useEffect)(function () {
     if (autoScrolling) {
       scrollDown();
     }
-  }, [addScrollListener, autoScroll, autoScrolling, scrollDown]); // run initial validation after first render
+  }, [valueProp, autoScrolling, scrollDown]); // run initial validation after first render
   // and also when any validation condition changes
 
   (0, _react.useEffect)(function () {

package/dist/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TextArea/TextArea.js"],"names":["HvTextArea","props","classes","className","id","name","valueProp","value","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","placeholder","autoFocus","middleCountLabel","rows","resizable","autoScroll","hideCounter","validationMessages","maxCharQuantity","minCharQuantity","validation","blockMax","inputRefProp","inputRef","onBlur","onFocus","inputProps","countCharProps","others","elementId","inputRefOwn","React","useState","focused","setFocused","isDirty","setValue","isEmptyValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","errorMessages","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","isOverflow","currentValue","length","performValidation","inputValidity","current","validationTypes","none","limitValue","undefined","substring","autoScrolling","setAutoScrolling","isScrolledDown","el","scrollHeight","scrollTop","clientHeight","scrollDown","addScrollListener","scrollHandler","handleEvent","addEventListener","onContainerBlurHandler","event","onFocusHandler","onChangeHandler","limitedValue","hasLabel","hasDescription","hasCounter","canShowError","isStateInvalid","errorMessageId","root","invalid","labelContainer","characterCounter","baseInput","input","inputResizable","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Object","refType","number","styles"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useEffect, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport isNil from \"lodash/isNil\";\n\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { refType, setId, useControlled } from \"../utils\";\n\nimport {\n  HvFormElement,\n  HvBaseInput,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvCharCounter,\n  useUniqueId,\n} from \"..\";\n\nimport validationStates, { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n  DEFAULT_ERROR_MESSAGES,\n  validationTypes,\n  hasBuiltInValidations,\n  validateInput,\n  computeValidationState,\n  computeValidationMessage,\n} from \"../BaseInput/validations\";\n\nimport styles from \"./styles\";\n\n/**\n * A text area is a multiline text input box, with an optional character counter when there is a length limit.\n */\nconst HvTextArea = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    value: valueProp,\n    defaultValue = \"\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    placeholder,\n\n    autoFocus = false,\n\n    middleCountLabel = \"/\",\n\n    rows = 1,\n    resizable = false,\n    autoScroll = false,\n\n    hideCounter = false,\n\n    validationMessages,\n\n    maxCharQuantity,\n    minCharQuantity,\n    validation,\n\n    blockMax = false,\n\n    inputRef: inputRefProp,\n    onBlur,\n    onFocus,\n\n    inputProps = {},\n    countCharProps = {},\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvtextarea\");\n\n  const inputRefOwn = useRef(null);\n  const inputRef = inputRefProp || inputRefOwn;\n\n  const [focused, setFocused] = React.useState(false);\n\n  // signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n\n  // value related state\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n\n  const isEmptyValue = value == null || value === \"\";\n\n  // validation related state\n  const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n\n  const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n  // validationMessages reference tends to change, as users will not memoize/useState for it;\n  // dependencies must be more explicit so we set\n  // eslint-disable-next-line react-hooks/exhaustive-deps\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 isOverflow = (currentValue) =>\n    isNil(maxCharQuantity) ? false : currentValue.length > maxCharQuantity;\n\n  // validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n  // and returns the validity state of the input.\n  const performValidation = useCallback(() => {\n    const inputValidity = validateInput(\n      inputRef.current,\n      value,\n      required,\n      minCharQuantity,\n      maxCharQuantity,\n      validationTypes.none,\n      validation\n    );\n\n    // this will only run if status is uncontrolled\n    setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n    // this will only run if statusMessage is uncontrolled\n    setValidationMessage(computeValidationMessage(inputValidity, errorMessages));\n\n    return inputValidity;\n  }, [\n    errorMessages,\n    inputRef,\n    isEmptyValue,\n    maxCharQuantity,\n    minCharQuantity,\n    required,\n    setValidationMessage,\n    setValidationState,\n    validation,\n    value,\n  ]);\n\n  /**\n   * Limit the string to the maxCharQuantity length.\n   *\n   * @param value - string to evaluate\n   * @returns {string|*} - string according the limit\n   */\n  const limitValue = (currentValue) => {\n    if (currentValue === undefined || !blockMax) return currentValue;\n    return !isOverflow(currentValue) ? currentValue : currentValue.substring(0, maxCharQuantity);\n  };\n\n  const [autoScrolling, setAutoScrolling] = useState(autoScroll);\n\n  const isScrolledDown = useCallback(() => {\n    const el = inputRef.current;\n    return el == null || el.scrollHeight - el.scrollTop === el.clientHeight;\n  }, [inputRef]);\n\n  const scrollDown = useCallback(() => {\n    const el = inputRef.current;\n    if (el != null) {\n      el.scrollTop = el.scrollHeight - el.clientHeight;\n    }\n  }, [inputRef]);\n\n  const addScrollListener = useCallback(() => {\n    const scrollHandler = {\n      handleEvent: () => {\n        setAutoScrolling(isScrolledDown());\n      },\n    };\n    inputRef.current.addEventListener(\"scroll\", scrollHandler);\n  }, [inputRef, isScrolledDown]);\n\n  /**\n   * Validates the text area updating the state and modifying the warning text, also executes\n   * the user provided onBlur passing the current validation status and value.\n   *\n   * @returns {undefined}\n   */\n  const onContainerBlurHandler = (event) => {\n    setFocused(false);\n\n    const inputValidity = performValidation();\n\n    onBlur?.(event, value, inputValidity);\n  };\n\n  /**\n   * Updates the state putting again the value from the state because the input value is\n   * not automatically manage, it also executes the onFocus function from the user passing the value\n   */\n  const onFocusHandler = (event) => {\n    setFocused(true);\n\n    // reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    onFocus?.(event, value);\n  };\n\n  /**\n   * Updates the length of the string while is being inputted, also executes the user onChange\n   * allowing the customization of the input if required.\n   *\n   * @param {String} value - The value provided by the HvInput\n   */\n  const onChangeHandler = (event, currentValue) => {\n    isDirty.current = true;\n\n    const limitedValue = blockMax ? limitValue(currentValue) : currentValue;\n\n    // set the input value (only when value is uncontrolled)\n    setValue(limitedValue);\n\n    onChange?.(event, limitedValue);\n  };\n\n  useEffect(() => {\n    if (autoScroll) {\n      addScrollListener();\n      scrollDown();\n    }\n    if (autoScrolling) {\n      scrollDown();\n    }\n  }, [addScrollListener, autoScroll, autoScrolling, scrollDown]);\n\n  // run initial validation after first render\n  // and also when any validation condition changes\n  useEffect(() => {\n    if (focused || (!isDirty.current && isEmptyValue)) {\n      // skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [focused, isEmptyValue, performValidation]);\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n  const hasCounter = maxCharQuantity != null && !hideCounter;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and any of the built-in validations are active\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined &&\n        hasBuiltInValidations(\n          required,\n          validationTypes.none,\n          minCharQuantity,\n          // if blockMax is true maxCharQuantity will never produce an error\n          // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity\n          maxCharQuantity != null && (blockMax !== true || value != null) ? maxCharQuantity : null,\n          validation,\n          inputProps\n        )));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(classes.root, className, {\n        [classes.resizable]: resizable,\n        [classes.disabled]: disabled,\n        [classes.invalid]: isStateInvalid,\n      })}\n      onBlur={onContainerBlurHandler}\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={label}\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={maxCharQuantity}\n          {...countCharProps}\n        />\n      )}\n\n      <HvBaseInput\n        classes={{\n          root: classes.baseInput,\n          input: classes.input,\n          inputResizable: classes.inputResizable,\n        }}\n        id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n        name={name}\n        value={value}\n        required={required}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={onChangeHandler}\n        autoFocus={autoFocus}\n        onFocus={onFocusHandler}\n        placeholder={placeholder}\n        invalid={isStateInvalid}\n        resizable={resizable}\n        multiline\n        rows={rows}\n        inputProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-invalid\": isStateInvalid ? true : undefined,\n          \"aria-errormessage\": errorMessageId,\n          \"aria-describedby\":\n            ariaDescribedBy != null\n              ? ariaDescribedBy\n              : description && setId(elementId, \"description\"),\n          \"aria-controls\": maxCharQuantity ? setId(elementId, \"charCounter\") : undefined,\n\n          ...inputProps,\n        }}\n        inputRef={inputRef}\n        {...others}\n      />\n\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} className={classes.error} disableBorder>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvTextArea.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 root container of the textarea.\n     */\n    root: 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 resizable is `true`.\n     */\n    invalid: PropTypes.string,\n\n    /**\n     * Styles applied to the base input root which is comprising of everything but the labels and descriptions.\n     */\n    baseInput: PropTypes.string,\n\n    /**\n     * Style applied on the text area element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to text area element element when it is resizable. Can be used to set max/min width.\n     */\n    inputResizable: PropTypes.string,\n\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 error area.\n     */\n    error: PropTypes.string,\n  }).isRequired,\n\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  /**\n   * The value of the form element.\n   */\n  value: PropTypes.string,\n  /**\n   * When uncontrolled, defines the initial input value.\n   */\n  defaultValue: PropTypes.string,\n\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  /**\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 user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the textarea.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The function that will be executed onChange.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The placeholder value of the input.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Text between the current char counter and max value.\n   */\n  middleCountLabel: 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  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n  /**\n   * Allows passing a ref to the underlying input\n   */\n  inputRef: refType,\n\n  /**\n   * The function that will be executed onBlur, allows checking the validation state,\n   * it receives the value and the validation state (`invalid`, `valid`).\n   */\n  onBlur: PropTypes.func,\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus: PropTypes.func,\n\n  /**\n   * The custom validation function, it receives the value and must return\n   * either `true` for valid or `false` for invalid, default validations would only\n   * occur if this function is null or undefined\n   */\n  validation: PropTypes.func,\n  /**\n   * If `true` it should autofocus.\n   */\n  autoFocus: PropTypes.bool,\n\n  /**\n   * The maximum allowed length of the characters, if this value is null no check\n   * will be performed.\n   */\n  maxCharQuantity: PropTypes.number,\n  /**\n   * The minimum allowed length of the characters, if this value is null no check\n   * will be perform.\n   */\n  minCharQuantity: PropTypes.number,\n\n  /**\n   * The number of rows of the text area\n   */\n  rows: PropTypes.number,\n  /**\n   * If `true` the component is resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Auto-scroll: automatically scroll to the end on value changes.\n   * Will stop if the user scrolls up and resume if scrolled to the bottom.\n   */\n  autoScroll: PropTypes.bool,\n  /**\n   * If `true` it isn't possible to have more characters than the `maxCharQuantity`\n   */\n  blockMax: PropTypes.bool,\n  /**\n   * If `true` the character counter isn't shown even if maxCharQuantity is set.\n   */\n  hideCounter: PropTypes.bool,\n\n  /**\n   * Props passed to the HvCharCount component.\n   */\n  countCharProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTextArea\" })(HvTextArea);\n"],"file":"TextArea.js"}
+{"version":3,"sources":["../../src/TextArea/TextArea.js"],"names":["HvTextArea","props","classes","className","id","name","valueProp","value","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","placeholder","autoFocus","middleCountLabel","rows","resizable","autoScroll","hideCounter","validationMessages","maxCharQuantity","minCharQuantity","validation","blockMax","inputRefProp","inputRef","onBlur","onFocus","inputProps","countCharProps","others","elementId","inputRefOwn","React","useState","focused","setFocused","isDirty","setValue","isEmptyValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","errorMessages","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","isOverflow","currentValue","length","performValidation","inputValidity","current","validationTypes","none","limitValue","undefined","substring","autoScrolling","setAutoScrolling","isScrolledDown","el","offsetHeight","scrollTop","scrollHeight","scrollDown","clientHeight","addScrollListener","scrollHandler","handleEvent","addEventListener","onContainerBlurHandler","event","onFocusHandler","onChangeHandler","limitedValue","hasLabel","hasDescription","hasCounter","canShowError","isStateInvalid","errorMessageId","root","invalid","labelContainer","characterCounter","baseInput","input","inputResizable","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Object","refType","number","styles"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useEffect, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport isNil from \"lodash/isNil\";\n\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { refType, setId, useControlled } from \"../utils\";\n\nimport {\n  HvFormElement,\n  HvBaseInput,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvCharCounter,\n  useUniqueId,\n} from \"..\";\n\nimport validationStates, { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n  DEFAULT_ERROR_MESSAGES,\n  validationTypes,\n  hasBuiltInValidations,\n  validateInput,\n  computeValidationState,\n  computeValidationMessage,\n} from \"../BaseInput/validations\";\n\nimport styles from \"./styles\";\n\n/**\n * A text area is a multiline text input box, with an optional character counter when there is a length limit.\n */\nconst HvTextArea = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    value: valueProp,\n    defaultValue = \"\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    placeholder,\n\n    autoFocus = false,\n\n    middleCountLabel = \"/\",\n\n    rows = 1,\n    resizable = false,\n    autoScroll = false,\n\n    hideCounter = false,\n\n    validationMessages,\n\n    maxCharQuantity,\n    minCharQuantity,\n    validation,\n\n    blockMax = false,\n\n    inputRef: inputRefProp,\n    onBlur,\n    onFocus,\n\n    inputProps = {},\n    countCharProps = {},\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvtextarea\");\n\n  const inputRefOwn = useRef(null);\n  const inputRef = inputRefProp || inputRefOwn;\n\n  const [focused, setFocused] = React.useState(false);\n\n  // signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n\n  // value related state\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n\n  const isEmptyValue = value == null || value === \"\";\n\n  // validation related state\n  const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n\n  const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n  // validationMessages reference tends to change, as users will not memoize/useState for it;\n  // dependencies must be more explicit so we set\n  // eslint-disable-next-line react-hooks/exhaustive-deps\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 isOverflow = (currentValue) =>\n    isNil(maxCharQuantity) ? false : currentValue.length > maxCharQuantity;\n\n  // validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n  // and returns the validity state of the input.\n  const performValidation = useCallback(() => {\n    const inputValidity = validateInput(\n      inputRef.current,\n      value,\n      required,\n      minCharQuantity,\n      maxCharQuantity,\n      validationTypes.none,\n      validation\n    );\n\n    // this will only run if status is uncontrolled\n    setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n    // this will only run if statusMessage is uncontrolled\n    setValidationMessage(computeValidationMessage(inputValidity, errorMessages));\n\n    return inputValidity;\n  }, [\n    errorMessages,\n    inputRef,\n    isEmptyValue,\n    maxCharQuantity,\n    minCharQuantity,\n    required,\n    setValidationMessage,\n    setValidationState,\n    validation,\n    value,\n  ]);\n\n  /**\n   * Limit the string to the maxCharQuantity length.\n   *\n   * @param value - string to evaluate\n   * @returns {string|*} - string according the limit\n   */\n  const limitValue = (currentValue) => {\n    if (currentValue === undefined || !blockMax) return currentValue;\n    return !isOverflow(currentValue) ? currentValue : currentValue.substring(0, maxCharQuantity);\n  };\n\n  const [autoScrolling, setAutoScrolling] = useState(autoScroll);\n\n  const isScrolledDown = useCallback(() => {\n    const el = inputRef.current;\n    return el == null || el.offsetHeight + el.scrollTop >= el.scrollHeight;\n  }, [inputRef]);\n\n  const scrollDown = useCallback(() => {\n    const el = inputRef.current;\n    if (el != null) {\n      el.scrollTop = el.scrollHeight - el.clientHeight;\n    }\n  }, [inputRef]);\n\n  const addScrollListener = useCallback(() => {\n    const scrollHandler = {\n      handleEvent: () => {\n        setAutoScrolling(isScrolledDown());\n      },\n    };\n    inputRef.current.addEventListener(\"scroll\", scrollHandler);\n  }, [inputRef, isScrolledDown]);\n\n  /**\n   * Validates the text area updating the state and modifying the warning text, also executes\n   * the user provided onBlur passing the current validation status and value.\n   *\n   * @returns {undefined}\n   */\n  const onContainerBlurHandler = (event) => {\n    setFocused(false);\n\n    const inputValidity = performValidation();\n\n    onBlur?.(event, value, inputValidity);\n  };\n\n  /**\n   * Updates the state putting again the value from the state because the input value is\n   * not automatically manage, it also executes the onFocus function from the user passing the value\n   */\n  const onFocusHandler = (event) => {\n    setFocused(true);\n\n    // reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    onFocus?.(event, value);\n  };\n\n  /**\n   * Updates the length of the string while is being inputted, also executes the user onChange\n   * allowing the customization of the input if required.\n   *\n   * @param {String} value - The value provided by the HvInput\n   */\n  const onChangeHandler = (event, currentValue) => {\n    isDirty.current = true;\n\n    const limitedValue = blockMax ? limitValue(currentValue) : currentValue;\n\n    // set the input value (only when value is uncontrolled)\n    setValue(limitedValue);\n\n    onChange?.(event, limitedValue);\n  };\n\n  useEffect(() => {\n    if (autoScroll) {\n      addScrollListener();\n    }\n  }, [autoScroll, addScrollListener]);\n\n  useEffect(() => {\n    if (autoScrolling) {\n      scrollDown();\n    }\n  }, [valueProp, autoScrolling, scrollDown]);\n\n  // run initial validation after first render\n  // and also when any validation condition changes\n  useEffect(() => {\n    if (focused || (!isDirty.current && isEmptyValue)) {\n      // skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [focused, isEmptyValue, performValidation]);\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n  const hasCounter = maxCharQuantity != null && !hideCounter;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and any of the built-in validations are active\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined &&\n        hasBuiltInValidations(\n          required,\n          validationTypes.none,\n          minCharQuantity,\n          // if blockMax is true maxCharQuantity will never produce an error\n          // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity\n          maxCharQuantity != null && (blockMax !== true || value != null) ? maxCharQuantity : null,\n          validation,\n          inputProps\n        )));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(classes.root, className, {\n        [classes.resizable]: resizable,\n        [classes.disabled]: disabled,\n        [classes.invalid]: isStateInvalid,\n      })}\n      onBlur={onContainerBlurHandler}\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={label}\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={maxCharQuantity}\n          {...countCharProps}\n        />\n      )}\n\n      <HvBaseInput\n        classes={{\n          root: classes.baseInput,\n          input: classes.input,\n          inputResizable: classes.inputResizable,\n        }}\n        id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n        name={name}\n        value={value}\n        required={required}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={onChangeHandler}\n        autoFocus={autoFocus}\n        onFocus={onFocusHandler}\n        placeholder={placeholder}\n        invalid={isStateInvalid}\n        resizable={resizable}\n        multiline\n        rows={rows}\n        inputProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-invalid\": isStateInvalid ? true : undefined,\n          \"aria-errormessage\": errorMessageId,\n          \"aria-describedby\":\n            ariaDescribedBy != null\n              ? ariaDescribedBy\n              : description && setId(elementId, \"description\"),\n          \"aria-controls\": maxCharQuantity ? setId(elementId, \"charCounter\") : undefined,\n\n          ...inputProps,\n        }}\n        inputRef={inputRef}\n        {...others}\n      />\n\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} className={classes.error} disableBorder>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvTextArea.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 root container of the textarea.\n     */\n    root: 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 resizable is `true`.\n     */\n    invalid: PropTypes.string,\n\n    /**\n     * Styles applied to the base input root which is comprising of everything but the labels and descriptions.\n     */\n    baseInput: PropTypes.string,\n\n    /**\n     * Style applied on the text area element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to text area element element when it is resizable. Can be used to set max/min width.\n     */\n    inputResizable: PropTypes.string,\n\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 error area.\n     */\n    error: PropTypes.string,\n  }).isRequired,\n\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  /**\n   * The value of the form element.\n   */\n  value: PropTypes.string,\n  /**\n   * When uncontrolled, defines the initial input value.\n   */\n  defaultValue: PropTypes.string,\n\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  /**\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 user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the textarea.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The function that will be executed onChange.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The placeholder value of the input.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Text between the current char counter and max value.\n   */\n  middleCountLabel: 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  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n  /**\n   * Allows passing a ref to the underlying input\n   */\n  inputRef: refType,\n\n  /**\n   * The function that will be executed onBlur, allows checking the validation state,\n   * it receives the value and the validation state (`invalid`, `valid`).\n   */\n  onBlur: PropTypes.func,\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus: PropTypes.func,\n\n  /**\n   * The custom validation function, it receives the value and must return\n   * either `true` for valid or `false` for invalid, default validations would only\n   * occur if this function is null or undefined\n   */\n  validation: PropTypes.func,\n  /**\n   * If `true` it should autofocus.\n   */\n  autoFocus: PropTypes.bool,\n\n  /**\n   * The maximum allowed length of the characters, if this value is null no check\n   * will be performed.\n   */\n  maxCharQuantity: PropTypes.number,\n  /**\n   * The minimum allowed length of the characters, if this value is null no check\n   * will be perform.\n   */\n  minCharQuantity: PropTypes.number,\n\n  /**\n   * The number of rows of the text area\n   */\n  rows: PropTypes.number,\n  /**\n   * If `true` the component is resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Auto-scroll: automatically scroll to the end on value changes.\n   * Will stop if the user scrolls up and resume if scrolled to the bottom.\n   */\n  autoScroll: PropTypes.bool,\n  /**\n   * If `true` it isn't possible to have more characters than the `maxCharQuantity`\n   */\n  blockMax: PropTypes.bool,\n  /**\n   * If `true` the character counter isn't shown even if maxCharQuantity is set.\n   */\n  hideCounter: PropTypes.bool,\n\n  /**\n   * Props passed to the HvCharCount component.\n   */\n  countCharProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTextArea\" })(HvTextArea);\n"],"file":"TextArea.js"}

package/dist/Tooltip/Tooltip.js

@@ -133,7 +133,7 @@ process.env.NODE_ENV !== "production" ? HvTooltip.propTypes = {
   /**
    * Tooltip placement.
    */
-  placement: _propTypes.default.node,
+  placement: _propTypes.default.oneOf(["bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
 
   /**
    * The number of milliseconds to wait before showing the tooltip.

package/dist/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tooltip/Tooltip.js"],"names":["HvTooltip","React","forwardRef","props","ref","className","classes","open","enterDelay","placement","useSingle","children","title","TransitionComponent","Fade","TransitionProps","timeout","others","undefined","tooltip","tooltipMulti","popper","propTypes","PropTypes","string","shape","root","valuesContainer","values","color","separatorColor","separator","valueWrapper","isRequired","bool","node","number","any","object","styles","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Fade, Tooltip, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * Tooltips display informative text when users hover over, focus on, or tap an element.\n */\n\nconst HvTooltip = React.forwardRef((props, ref) => {\n  const {\n    className,\n    classes,\n    open,\n    enterDelay = 300,\n    placement = \"top\",\n    useSingle = true,\n    children,\n    title,\n    TransitionComponent = Fade,\n    TransitionProps = { timeout: 400 },\n    ...others\n  } = props;\n\n  return (\n    <Tooltip\n      ref={ref}\n      open={open ?? undefined}\n      enterDelay={enterDelay}\n      placement={placement}\n      TransitionComponent={TransitionComponent}\n      TransitionProps={TransitionProps}\n      className={className}\n      classes={{\n        tooltip: useSingle ? classes.tooltip : classes.tooltipMulti,\n        popper: classes.popper,\n      }}\n      title={title}\n      {...others}\n    >\n      {children}\n    </Tooltip>\n  );\n});\n\nHvTooltip.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the tooltip root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the tooltip class when it is single\n     *  */\n    tooltip: PropTypes.string,\n    /**\n     * Styles applied to the tooltip class when it is multi\n     *  */\n    tooltipMulti: PropTypes.string,\n    /**\n     * Styles applied to the popper component\n     *  */\n    popper: PropTypes.string,\n    /**\n     * Styles applied to the title.\n     */\n    title: PropTypes.string,\n    /**\n     * Styles applied to the values container.\n     */\n    valuesContainer: PropTypes.string,\n    /**\n     * Styles applied to the values.\n     */\n    values: PropTypes.string,\n    /**\n     * Styles applied to the color.\n     */\n    color: PropTypes.string,\n    /**\n     * Styles applied to the separator between color and title.\n     */\n    separatorColor: PropTypes.string,\n    /**\n     * Styles applied to the separator.\n     */\n    separator: PropTypes.string,\n    /**\n     * Styles applied to the values wrapper.\n     */\n    valueWrapper: PropTypes.string,\n  }).isRequired,\n  /**\n   * If true, the tooltip is shown.\n   */\n  open: PropTypes.bool,\n  /**\n   * Tooltip placement.\n   */\n  placement: PropTypes.node,\n  /**\n   * The number of milliseconds to wait before showing the tooltip.\n   * This property won't impact the enter touch delay (enterTouchDelay).\n   */\n  enterDelay: PropTypes.number,\n  /**\n   * Tooltip title. Zero-length titles string are never displayed.\n   */\n  title: PropTypes.node.isRequired,\n  /**\n   * The component used for the transition\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  TransitionComponent: PropTypes.any,\n  /**\n   * Properties applied to the Transition element.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  TransitionProps: PropTypes.object,\n  /**\n   * Defines if should use a single or multiline tooltip.\n   */\n  useSingle: PropTypes.bool,\n  /**\n   * Node to apply the tooltip.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTooltip\" })(HvTooltip);\n"],"file":"Tooltip.js"}
+{"version":3,"sources":["../../src/Tooltip/Tooltip.js"],"names":["HvTooltip","React","forwardRef","props","ref","className","classes","open","enterDelay","placement","useSingle","children","title","TransitionComponent","Fade","TransitionProps","timeout","others","undefined","tooltip","tooltipMulti","popper","propTypes","PropTypes","string","shape","root","valuesContainer","values","color","separatorColor","separator","valueWrapper","isRequired","bool","oneOf","number","node","any","object","styles","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Fade, Tooltip, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * Tooltips display informative text when users hover over, focus on, or tap an element.\n */\n\nconst HvTooltip = React.forwardRef((props, ref) => {\n  const {\n    className,\n    classes,\n    open,\n    enterDelay = 300,\n    placement = \"top\",\n    useSingle = true,\n    children,\n    title,\n    TransitionComponent = Fade,\n    TransitionProps = { timeout: 400 },\n    ...others\n  } = props;\n\n  return (\n    <Tooltip\n      ref={ref}\n      open={open ?? undefined}\n      enterDelay={enterDelay}\n      placement={placement}\n      TransitionComponent={TransitionComponent}\n      TransitionProps={TransitionProps}\n      className={className}\n      classes={{\n        tooltip: useSingle ? classes.tooltip : classes.tooltipMulti,\n        popper: classes.popper,\n      }}\n      title={title}\n      {...others}\n    >\n      {children}\n    </Tooltip>\n  );\n});\n\nHvTooltip.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the tooltip root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the tooltip class when it is single\n     *  */\n    tooltip: PropTypes.string,\n    /**\n     * Styles applied to the tooltip class when it is multi\n     *  */\n    tooltipMulti: PropTypes.string,\n    /**\n     * Styles applied to the popper component\n     *  */\n    popper: PropTypes.string,\n    /**\n     * Styles applied to the title.\n     */\n    title: PropTypes.string,\n    /**\n     * Styles applied to the values container.\n     */\n    valuesContainer: PropTypes.string,\n    /**\n     * Styles applied to the values.\n     */\n    values: PropTypes.string,\n    /**\n     * Styles applied to the color.\n     */\n    color: PropTypes.string,\n    /**\n     * Styles applied to the separator between color and title.\n     */\n    separatorColor: PropTypes.string,\n    /**\n     * Styles applied to the separator.\n     */\n    separator: PropTypes.string,\n    /**\n     * Styles applied to the values wrapper.\n     */\n    valueWrapper: PropTypes.string,\n  }).isRequired,\n  /**\n   * If true, the tooltip is shown.\n   */\n  open: PropTypes.bool,\n  /**\n   * Tooltip placement.\n   */\n  placement: PropTypes.oneOf([\n    \"bottom-end\",\n    \"bottom-start\",\n    \"bottom\",\n    \"left-end\",\n    \"left-start\",\n    \"left\",\n    \"right-end\",\n    \"right-start\",\n    \"right\",\n    \"top-end\",\n    \"top-start\",\n    \"top\",\n  ]),\n  /**\n   * The number of milliseconds to wait before showing the tooltip.\n   * This property won't impact the enter touch delay (enterTouchDelay).\n   */\n  enterDelay: PropTypes.number,\n  /**\n   * Tooltip title. Zero-length titles string are never displayed.\n   */\n  title: PropTypes.node.isRequired,\n  /**\n   * The component used for the transition\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  TransitionComponent: PropTypes.any,\n  /**\n   * Properties applied to the Transition element.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  TransitionProps: PropTypes.object,\n  /**\n   * Defines if should use a single or multiline tooltip.\n   */\n  useSingle: PropTypes.bool,\n  /**\n   * Node to apply the tooltip.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTooltip\" })(HvTooltip);\n"],"file":"Tooltip.js"}

package/dist/legacy/AssetInventory/AssetInventory.d.ts

@@ -104,7 +104,7 @@ export interface HvAssetInventoryProps
   /**
    * Callback evoked in the selection of the card.
    */
-  onSelection?: (event: React.FormEvent<HTMLDivElement>, payload: object) => void;
+  onSelection?: (event: React.FormEvent<HTMLDivElement>, selection: string[]) => void;
   /**
    * Extra filters
    */