@hitachivantara/uikit-react-core 3.55.1 → 3.56.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/TagsInput/TagsInput.js"],"names":["React","useRef","useState","useCallback","useMemo","useEffect","PropTypes","clsx","isNil","withStyles","setId","useControlled","HvFormElement","HvListContainer","HvListItem","HvTag","HvInput","HvLabel","HvInfoMessage","HvCharCounter","HvWarningText","useUniqueId","validationStates","DEFAULT_ERROR_MESSAGES","styles","HvTagsInput","props","classes","className","id","name","valueProp","value","defaultValue","readOnly","disabled","required","textAreaLabel","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onAdd","onDelete","placeholder","hideCounter","middleCountLabel","maxTagsQuantity","autoFocus","resizable","inputProps","countCharProps","multiline","status","statusMessage","validationMessages","others","elementId","hasLabel","hasDescription","setValue","standBy","validationState","setValidationState","validationMessage","setValidationMessage","tagInput","setTagInput","length","tagCursorPos","setTagCursorPos","stateValid","setStateValid","inputRef","containerRef","resetInput","isTagSelected","hasCounter","isStateInvalid","errorMessages","error","requiredError","minCharError","maxCharError","performValidation","currValue","invalid","valid","deleteTag","tagPos","event","end","newTagsArr","slice","current","focus","canShowError","undefined","onChangeHandler","input","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","onEnterHandler","tag","preventDefault","newTag","type","onKeyDownHandler","code","onDeleteTagHandler","i","onContainerClickHandler","root","labelContainer","characterCounter","tagsList","singleLine","map","t","otherProps","gutters","listItemGutters","listItemRoot","tagSelected","chipRoot","tabIndex","tagInputContainerRoot","tagInputRoot","inputBorderContainer","tagInputBorderContainer","inputRootFocused","tagInputRootFocused","propTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useCallback, useMemo, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useControlled } from \"../utils\";\nimport {\n  HvFormElement,\n  HvListContainer,\n  HvListItem,\n  HvTag,\n  HvInput,\n  HvLabel,\n  HvInfoMessage,\n  HvCharCounter,\n  HvWarningText,\n  useUniqueId,\n} from \"..\";\nimport validationStates from \"../Forms/FormElement/validationStates\";\nimport { DEFAULT_ERROR_MESSAGES } from \"../BaseInput/validations\";\nimport styles from \"./styles\";\n\n/**\n * A tags input is a single or multiline control that allows the input of tags.\n */\nconst HvTagsInput = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    value: valueProp,\n    defaultValue = [],\n\n    readOnly = false,\n    disabled = false,\n    required = false,\n\n    label: textAreaLabel,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n    onAdd,\n    onDelete,\n\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":["React","useRef","useState","useCallback","useMemo","useEffect","PropTypes","clsx","isNil","withStyles","setId","useControlled","HvFormElement","HvListContainer","HvListItem","HvTag","HvInput","HvLabel","HvInfoMessage","HvCharCounter","HvWarningText","useUniqueId","validationStates","DEFAULT_ERROR_MESSAGES","styles","HvTagsInput","props","classes","className","id","name","valueProp","value","defaultValue","readOnly","disabled","required","textAreaLabel","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onAdd","onDelete","onBlur","onFocus","placeholder","hideCounter","middleCountLabel","maxTagsQuantity","autoFocus","resizable","inputProps","countCharProps","multiline","status","statusMessage","validationMessages","others","elementId","hasLabel","hasDescription","setValue","standBy","validationState","setValidationState","validationMessage","setValidationMessage","tagInput","setTagInput","length","tagCursorPos","setTagCursorPos","stateValid","setStateValid","inputRef","containerRef","skipReset","blurTimeout","isTagSelected","hasCounter","isStateInvalid","errorMessages","error","requiredError","minCharError","maxCharError","performValidation","currValue","invalid","valid","deleteTag","tagPos","event","end","newTagsArr","slice","current","focus","canShowError","undefined","onChangeHandler","input","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","onEnterHandler","tag","preventDefault","newTag","type","onKeyDownHandler","code","onDeleteTagHandler","i","onContainerClickHandler","clearTimeout","onBlurHandler","evt","onFocusHandler","root","labelContainer","characterCounter","tagsList","singleLine","map","t","otherProps","gutters","listItemGutters","listItemRoot","tagSelected","chipRoot","tabIndex","tagInputContainerRoot","tagInputRoot","inputBorderContainer","tagInputBorderContainer","inputRootFocused","tagInputRootFocused","propTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useCallback, useMemo, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useControlled } from \"../utils\";\nimport {\n  HvFormElement,\n  HvListContainer,\n  HvListItem,\n  HvTag,\n  HvInput,\n  HvLabel,\n  HvInfoMessage,\n  HvCharCounter,\n  HvWarningText,\n  useUniqueId,\n} from \"..\";\nimport validationStates from \"../Forms/FormElement/validationStates\";\nimport { DEFAULT_ERROR_MESSAGES } from \"../BaseInput/validations\";\nimport styles from \"./styles\";\n\n/**\n * A tags input is a single or multiline control that allows the input of tags.\n */\nconst HvTagsInput = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    value: valueProp,\n    defaultValue = [],\n\n    readOnly = false,\n    disabled = false,\n    required = false,\n\n    label: textAreaLabel,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n    onAdd,\n    onDelete,\n    onBlur,\n    onFocus,\n\n    placeholder,\n\n    hideCounter = false,\n    middleCountLabel = \"/\",\n    maxTagsQuantity,\n\n    autoFocus = false,\n    resizable = true,\n\n    inputProps = {},\n    countCharProps = {},\n\n    multiline = false,\n\n    status,\n    statusMessage,\n\n    validationMessages,\n\n    ...others\n  } = props;\n  const elementId = useUniqueId(id, \"hvTagsInput\");\n\n  const hasLabel = textAreaLabel != null;\n  const hasDescription = description != null;\n\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n  const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n  const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n  const [tagInput, setTagInput] = useState(\"\");\n  const [tagCursorPos, setTagCursorPos] = useState(value.length);\n  const [stateValid, setStateValid] = useState(true);\n\n  const inputRef = useRef();\n  const containerRef = useRef();\n  const skipReset = useRef(false);\n  const blurTimeout = useRef();\n\n  const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;\n  const hasCounter = maxTagsQuantity != null && !hideCounter;\n\n  const isStateInvalid = useMemo(() => {\n    return hasCounter && value.length > maxTagsQuantity;\n  }, [hasCounter, maxTagsQuantity, value.length]);\n\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      validationMessages?.error,\n      validationMessages?.requiredError,\n      validationMessages?.minCharError,\n      validationMessages?.maxCharError,\n    ]\n  );\n\n  const performValidation = useCallback(\n    (currValue) => {\n      if (maxTagsQuantity !== null && currValue.length > maxTagsQuantity) {\n        setValidationState(validationStates.invalid);\n        setValidationMessage(errorMessages.maxCharError);\n        setStateValid(false);\n      } else {\n        setValidationState(validationStates.valid);\n        setValidationMessage(\"\");\n        setStateValid(true);\n      }\n    },\n    [errorMessages.maxCharError, maxTagsQuantity, setValidationMessage, setValidationState]\n  );\n\n  /**\n   * Deletes a Tag from the array of tags and sets the new position for the tag cursor.\n   * Also executes the user provided onDelete and onChange events.\n   *\n   * @param {number}  tagPos - the position at which to remove the tag\n   * @param {Event}   event  - the event associated with the delete\n   * @param {boolean} end    - whether or not to set the cursor at the end of the array\n   */\n  const deleteTag = useCallback(\n    (tagPos, event, end) => {\n      const newTagsArr = [...value.slice(0, tagPos), ...value.slice(tagPos + 1)];\n      setValue(newTagsArr);\n      // eslint-disable-next-line no-nested-ternary\n      setTagCursorPos(end ? newTagsArr.length : tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n      inputRef.current?.focus();\n      performValidation(newTagsArr);\n      onDelete?.(event, value[tagPos], tagPos);\n      onChange?.(event, newTagsArr);\n      skipReset.current = true;\n    },\n    [onChange, onDelete, performValidation, setValue, tagCursorPos, value]\n  );\n\n  const canShowError =\n    (status !== undefined && status === \"invalid\" && statusMessage !== undefined) || !stateValid;\n\n  /**\n   * Handler for the `onChange` event on the tag input\n   */\n  const onChangeHandler = useCallback((event, input) => {\n    setTagInput(input);\n  }, []);\n\n  useEffect(() => {\n    if (!multiline) {\n      const element = containerRef?.current?.children[tagCursorPos];\n      // this setTimeout is a workaround for Firefox not properly dealing\n      // with setting the scrollLeft value.\n      setTimeout(() => {\n        const container = containerRef.current;\n        if (isNil(container)) return;\n        container.scrollLeft = element\n          ? element.offsetLeft -\n            container.getBoundingClientRect().width / 2 +\n            element.getBoundingClientRect().width / 2\n          : 0;\n      }, 50);\n\n      element?.focus();\n    }\n  }, [multiline, tagCursorPos]);\n\n  useEffect(() => {\n    if (!skipReset.current) {\n      setTagInput(\"\");\n      setTagCursorPos(value.length);\n    }\n    skipReset.current = false;\n  }, [value]);\n\n  /**\n   * Handler for the `onEnter` event on the tag input\n   */\n  const onEnterHandler = useCallback(\n    (event, tag) => {\n      event.preventDefault();\n      if (tag !== \"\") {\n        const newTag = { label: tag, type: \"semantic\" };\n        const newTagsArr = [...value, newTag];\n        setValue(newTagsArr);\n        performValidation(newTagsArr);\n        onAdd?.(event, newTag, newTagsArr.length - 1);\n        onChange?.(event, newTagsArr);\n      }\n    },\n    [onAdd, onChange, performValidation, setValue, value]\n  );\n\n  /**\n   * Handler for the `onKeyDown` event on the list container.\n   */\n  const onKeyDownHandler = useCallback(\n    (event) => {\n      if (tagInput === \"\") {\n        switch (event.code) {\n          case \"ArrowLeft\":\n            setTagCursorPos(tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n            break;\n          case \"ArrowRight\":\n            setTagCursorPos(tagCursorPos < value.length ? tagCursorPos + 1 : value.length);\n            break;\n          case \"Backspace\":\n            if (isTagSelected) {\n              deleteTag(tagCursorPos, event, false);\n            } else {\n              setTagCursorPos(value.length - 1);\n            }\n            break;\n          case \"Delete\":\n            if (isTagSelected) {\n              deleteTag(tagCursorPos, event, false);\n            }\n            break;\n          default:\n            break;\n        }\n      }\n    },\n    [deleteTag, isTagSelected, tagCursorPos, tagInput, value.length]\n  );\n\n  /**\n   * Handler for the `onDelete` event on the tag component\n   */\n  const onDeleteTagHandler = useCallback(\n    (event, i) => {\n      deleteTag(i, event, true);\n      setValidationState(validationStates.standBy);\n    },\n    [deleteTag, setValidationState]\n  );\n\n  /**\n   * Handler for the `onClick` event on the list container\n   */\n  const onContainerClickHandler = useCallback(() => {\n    inputRef.current?.focus();\n    clearTimeout(blurTimeout.current);\n    setTagCursorPos(value.length);\n  }, [value.length]);\n\n  const onBlurHandler = (evt) => {\n    blurTimeout.current = setTimeout(() => {\n      onBlur?.(evt, tagInput);\n    }, 250);\n  };\n\n  const onFocusHandler = (evt) => {\n    clearTimeout(blurTimeout.current);\n    onFocus?.(evt, tagInput);\n  };\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      disabled={disabled}\n      readOnly={readOnly}\n      status={validationState}\n      required={required}\n      onBlur={onBlurHandler}\n      onFocus={onFocusHandler}\n      className={clsx(classes.root, className, {\n        [classes.disabled]: disabled,\n      })}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              className={classes.label}\n              id={setId(id, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={textAreaLabel}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n\n      {hasCounter && (\n        <HvCharCounter\n          id={setId(elementId, \"charCounter\")}\n          className={classes.characterCounter}\n          separator={middleCountLabel}\n          currentCharQuantity={value.length}\n          maxCharQuantity={maxTagsQuantity}\n          {...countCharProps}\n        />\n      )}\n\n      <HvListContainer\n        className={clsx(\n          classes.tagsList,\n          canShowError && classes.error,\n          resizable && multiline && classes.resizable,\n          isStateInvalid && classes.invalid,\n          !multiline && classes.singleLine\n        )}\n        onKeyDown={onKeyDownHandler}\n        onClick={onContainerClickHandler}\n        ref={containerRef}\n      >\n        {value &&\n          value.map((t, i) => {\n            const tag =\n              typeof t === \"string\"\n                ? {\n                    label: t,\n                    type: \"semantic\",\n                  }\n                : t;\n            const { label, type, ...otherProps } = tag;\n            return (\n              <HvListItem\n                // eslint-disable-next-line react/no-array-index-key\n                key={`${tag.label}-${i}`}\n                tabIndex={-1}\n                className={clsx(!multiline && classes.singleLine)}\n                classes={{\n                  gutters: classes.listItemGutters,\n                  root: classes.listItemRoot,\n                }}\n                id={`tag-${i}`}\n              >\n                <HvTag\n                  label={label}\n                  className={clsx(i === tagCursorPos && classes.tagSelected)}\n                  classes={{\n                    chipRoot: classes.chipRoot,\n                  }}\n                  type={type}\n                  {...(!(readOnly || disabled || type === \"categorical\") && {\n                    onDelete: (event) => onDeleteTagHandler(event, i),\n                  })}\n                  deleteButtonProps={{\n                    tabIndex: -1,\n                  }}\n                  {...otherProps}\n                />\n              </HvListItem>\n            );\n          })}\n        {!(disabled || readOnly) && (\n          <HvListItem\n            className={clsx(!multiline && classes.singleLine)}\n            classes={{\n              root: classes.tagInputContainerRoot,\n              gutters: classes.listItemGutters,\n            }}\n            id={`tag-${value.length}`}\n          >\n            <HvInput\n              value={tagInput}\n              disableClear\n              onChange={onChangeHandler}\n              onEnter={onEnterHandler}\n              placeholder={value.length === 0 ? placeholder : \"\"}\n              autoFocus={autoFocus}\n              className={clsx(!multiline && classes.singleLine)}\n              classes={{\n                root: classes.tagInputRoot,\n                input: classes.input,\n                inputBorderContainer: classes.tagInputBorderContainer,\n                inputRootFocused: classes.tagInputRootFocused,\n              }}\n              disabled={disabled}\n              readOnly={readOnly || isTagSelected}\n              inputProps={{\n                \"aria-label\": ariaLabel,\n                \"aria-labelledby\": ariaLabelledBy,\n                \"aria-describedby\":\n                  ariaDescribedBy != null\n                    ? ariaDescribedBy\n                    : description && setId(elementId, \"description\"),\n\n                ...inputProps,\n              }}\n              inputRef={inputRef}\n              {...others}\n            />\n          </HvListItem>\n        )}\n      </HvListContainer>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvTagsInput.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * Styles applied to the input element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to the list item gutters.\n     */\n    listItemGutters: PropTypes.string,\n    /**\n     * Styles applied to the list item element.\n     */\n    listItemRoot: PropTypes.string,\n    /**\n     * Styles applied to the root container of the textarea.\n     */\n    root: PropTypes.string,\n    /**\n     *\n     */\n    chipRoot: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Style applied to the root when resizable is `true`.\n     */\n    resizable: PropTypes.string,\n    /**\n     * Style applied to the root when invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to text area container that holds the label, description and counter.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    description: PropTypes.string,\n    /**\n     * Style applied on the character counter.\n     */\n    characterCounter: PropTypes.string,\n    /**\n     * Styles applied to the tags list container element.\n     */\n    tagsList: PropTypes.string,\n    /**\n     * Styles applied to the tag input container element.\n     */\n    tagInputContainerRoot: PropTypes.string,\n    /**\n     * Styles applied to the tag input element.\n     */\n    tagInputRoot: PropTypes.string,\n    /**\n     * Styles applied to a tag element when selected\n     */\n    tagSelected: PropTypes.string,\n    /**\n     * Styles applied to the input element border.\n     */\n    tagInputBorderContainer: PropTypes.string,\n    /**\n     * Styles applied to the input element when focused.\n     */\n    tagInputRootFocused: PropTypes.string,\n    /**\n     * Styles applied to the container when in single line mode.\n     */\n    singleLine: PropTypes.string,\n    /**\n     * Styles applied to the tags list when an error occurred.\n     */\n    error: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element.\n   */\n  value: PropTypes.array,\n  /**\n   * When uncontrolled, defines the initial input value.\n   */\n  defaultValue: PropTypes.array,\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the form element is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * The function that will be executed onChange.\n   */\n  onChange: PropTypes.func,\n  /**\n   * The function that will be executed when the element is focused.\n   */\n  onFocus: PropTypes.func,\n  /**\n   * The function that will be executed when the element is blurred.\n   */\n  onBlur: PropTypes.func,\n  /**\n   * The function that will be executed when a tag is deleted.\n   */\n  onDelete: PropTypes.func,\n  /**\n   * The function that will be executed when a tag is added.\n   */\n  onAdd: PropTypes.func,\n  /**\n   * The placeholder value of the input.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * If `true` the character counter isn't shown even if maxTagsQuantity is set.\n   */\n  hideCounter: PropTypes.bool,\n  /**\n   * Text between the current char counter and max value.\n   */\n  middleCountLabel: PropTypes.string,\n  /**\n   * The maximum allowed length of the characters, if this value is null no check\n   * will be performed.\n   */\n  maxTagsQuantity: PropTypes.number,\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n  /**\n   * If `true` it should autofocus.\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * If `true` the component is resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Props passed to the HvCharCount component.\n   */\n  countCharProps: PropTypes.instanceOf(Object),\n  /**\n   * If `true` the component is in multiline mode.\n   */\n  multiline: PropTypes.bool,\n  /**\n   * The status of the form element.\n   */\n  status: PropTypes.string,\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n\n  /**\n   * An Object containing the various texts associated with the input.\n   */\n  validationMessages: PropTypes.shape({\n    /**\n     * The value when a validation fails.\n     */\n    error: PropTypes.string,\n    /**\n     * The message that appears when there are too many characters.\n     */\n    maxCharError: PropTypes.string,\n    /**\n     * The message that appears when there are too few characters.\n     */\n    minCharError: PropTypes.string,\n    /**\n     * The message that appears when the input is empty and required.\n     */\n    requiredError: PropTypes.string,\n  }),\n};\n\nexport default withStyles(styles, { name: \"HvTagsInput\" })(HvTagsInput);\n"],"file":"TagsInput.js"}

package/dist/legacy/TextArea/TextArea.js

@@ -152,7 +152,7 @@ var HvTextArea = function HvTextArea(props) {
 
   var isScrolledDown = 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 = useCallback(function () {
     var el = inputRef.current;
@@ -212,13 +212,13 @@ var HvTextArea = function HvTextArea(props) {
   useEffect(function () {
     if (autoScroll) {
       addScrollListener();
-      scrollDown();
     }
-
+  }, [autoScroll, addScrollListener]);
+  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
 
   useEffect(function () {

package/dist/legacy/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/TextArea/TextArea.js"],"names":["React","useRef","useState","useEffect","useCallback","useMemo","PropTypes","isNil","clsx","withStyles","refType","setId","useControlled","HvFormElement","HvBaseInput","HvLabel","HvInfoMessage","HvWarningText","HvCharCounter","useUniqueId","validationStates","isInvalid","DEFAULT_ERROR_MESSAGES","validationTypes","hasBuiltInValidations","validateInput","computeValidationState","computeValidationMessage","styles","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","focused","setFocused","isDirty","setValue","isEmptyValue","standBy","validationState","setValidationState","validationMessage","setValidationMessage","errorMessages","error","requiredError","minCharError","maxCharError","isOverflow","currentValue","length","performValidation","inputValidity","current","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","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Object","number"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,MAAhB,EAAwBC,QAAxB,EAAkCC,SAAlC,EAA6CC,WAA7C,EAA0DC,OAA1D,QAAyE,OAAzE;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,KAAP,MAAkB,cAAlB;AAEA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AAEA,SAASC,OAAT,EAAkBC,KAAlB,EAAyBC,aAAzB,QAA8C,UAA9C;AAEA,SACEC,aADF,EAEEC,WAFF,EAGEC,OAHF,EAIEC,aAJF,EAKEC,aALF,EAMEC,aANF,EAOEC,WAPF,QAQO,IARP;AAUA,OAAOC,gBAAP,IAA2BC,SAA3B,QAA4C,uCAA5C;AACA,SACEC,sBADF,EAEEC,eAFF,EAGEC,qBAHF,EAIEC,aAJF,EAKEC,sBALF,EAMEC,wBANF,QAOO,0BAPP;AASA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;AAC5B,MACEC,OADF,GAsDID,KAtDJ,CACEC,OADF;AAAA,MAEEC,SAFF,GAsDIF,KAtDJ,CAEEE,SAFF;AAAA,MAIEC,EAJF,GAsDIH,KAtDJ,CAIEG,EAJF;AAAA,MAKEC,IALF,GAsDIJ,KAtDJ,CAKEI,IALF;AAAA,MAOSC,SAPT,GAsDIL,KAtDJ,CAOEM,KAPF;AAAA,4BAsDIN,KAtDJ,CAQEO,YARF;AAAA,MAQEA,YARF,oCAQiB,EARjB;AAAA,wBAsDIP,KAtDJ,CAUEQ,QAVF;AAAA,MAUEA,QAVF,gCAUa,KAVb;AAAA,wBAsDIR,KAtDJ,CAWES,QAXF;AAAA,MAWEA,QAXF,gCAWa,KAXb;AAAA,wBAsDIT,KAtDJ,CAYEU,QAZF;AAAA,MAYEA,QAZF,gCAYa,KAZb;AAAA,MAcEC,KAdF,GAsDIX,KAtDJ,CAcEW,KAdF;AAAA,MAegBC,SAfhB,GAsDIZ,KAtDJ,CAeE,YAfF;AAAA,MAgBqBa,cAhBrB,GAsDIb,KAtDJ,CAgBE,iBAhBF;AAAA,MAiBEc,WAjBF,GAsDId,KAtDJ,CAiBEc,WAjBF;AAAA,MAkBsBC,eAlBtB,GAsDIf,KAtDJ,CAkBE,kBAlBF;AAAA,MAoBEgB,QApBF,GAsDIhB,KAtDJ,CAoBEgB,QApBF;AAAA,MAsBEC,MAtBF,GAsDIjB,KAtDJ,CAsBEiB,MAtBF;AAAA,MAuBEC,aAvBF,GAsDIlB,KAtDJ,CAuBEkB,aAvBF;AAAA,MAwBuBC,gBAxBvB,GAsDInB,KAtDJ,CAwBE,mBAxBF;AAAA,MA0BEoB,WA1BF,GAsDIpB,KAtDJ,CA0BEoB,WA1BF;AAAA,yBAsDIpB,KAtDJ,CA4BEqB,SA5BF;AAAA,MA4BEA,SA5BF,iCA4Bc,KA5Bd;AAAA,8BAsDIrB,KAtDJ,CA8BEsB,gBA9BF;AAAA,MA8BEA,gBA9BF,sCA8BqB,GA9BrB;AAAA,oBAsDItB,KAtDJ,CAgCEuB,IAhCF;AAAA,MAgCEA,IAhCF,4BAgCS,CAhCT;AAAA,yBAsDIvB,KAtDJ,CAiCEwB,SAjCF;AAAA,MAiCEA,SAjCF,iCAiCc,KAjCd;AAAA,0BAsDIxB,KAtDJ,CAkCEyB,UAlCF;AAAA,MAkCEA,UAlCF,kCAkCe,KAlCf;AAAA,2BAsDIzB,KAtDJ,CAoCE0B,WApCF;AAAA,MAoCEA,WApCF,mCAoCgB,KApChB;AAAA,MAsCEC,kBAtCF,GAsDI3B,KAtDJ,CAsCE2B,kBAtCF;AAAA,MAwCEC,eAxCF,GAsDI5B,KAtDJ,CAwCE4B,eAxCF;AAAA,MAyCEC,eAzCF,GAsDI7B,KAtDJ,CAyCE6B,eAzCF;AAAA,MA0CEC,UA1CF,GAsDI9B,KAtDJ,CA0CE8B,UA1CF;AAAA,wBAsDI9B,KAtDJ,CA4CE+B,QA5CF;AAAA,MA4CEA,QA5CF,gCA4Ca,KA5Cb;AAAA,MA8CYC,YA9CZ,GAsDIhC,KAtDJ,CA8CEiC,QA9CF;AAAA,MA+CEC,MA/CF,GAsDIlC,KAtDJ,CA+CEkC,MA/CF;AAAA,MAgDEC,OAhDF,GAsDInC,KAtDJ,CAgDEmC,OAhDF;AAAA,0BAsDInC,KAtDJ,CAkDEoC,UAlDF;AAAA,MAkDEA,UAlDF,kCAkDe,EAlDf;AAAA,8BAsDIpC,KAtDJ,CAmDEqC,cAnDF;AAAA,MAmDEA,cAnDF,sCAmDmB,EAnDnB;AAAA,MAqDKC,MArDL,4BAsDItC,KAtDJ;;AAwDA,MAAMuC,SAAS,GAAGlD,WAAW,CAACc,EAAD,EAAK,YAAL,CAA7B;AAEA,MAAMqC,WAAW,GAAGrE,MAAM,CAAC,IAAD,CAA1B;AACA,MAAM8D,QAAQ,GAAGD,YAAY,IAAIQ,WAAjC;;AAEA,wBAA8BtE,KAAK,CAACE,QAAN,CAAe,KAAf,CAA9B;AAAA;AAAA,MAAOqE,OAAP;AAAA,MAAgBC,UAAhB,uBA9D4B,CAgE5B;;;AACA,MAAMC,OAAO,GAAGxE,MAAM,CAAC,KAAD,CAAtB,CAjE4B,CAmE5B;;AACA,uBAA0BW,aAAa,CAACuB,SAAD,EAAYE,YAAZ,CAAvC;AAAA;AAAA,MAAOD,KAAP;AAAA,MAAcsC,QAAd;;AAEA,MAAMC,YAAY,GAAGvC,KAAK,IAAI,IAAT,IAAiBA,KAAK,KAAK,EAAhD,CAtE4B,CAwE5B;;AACA,wBAA8CxB,aAAa,CAACmC,MAAD,EAAS3B,gBAAgB,CAACwD,OAA1B,CAA3D;AAAA;AAAA,MAAOC,eAAP;AAAA,MAAwBC,kBAAxB;;AAEA,wBAAkDlE,aAAa,CAACoC,aAAD,EAAgB,EAAhB,CAA/D;AAAA;AAAA,MAAO+B,iBAAP;AAAA,MAA0BC,oBAA1B,sBA3E4B,CA6E5B;AACA;AACA;;;AACA,MAAMC,aAAa,GAAG5E,OAAO,CAC3B;AAAA,2CAAYiB,sBAAZ,GAAuCmC,kBAAvC;AAAA,GAD2B,EAE3B;AACA,GACEA,kBADF,aACEA,kBADF,uBACEA,kBAAkB,CAAEyB,KADtB,EAEEzB,kBAFF,aAEEA,kBAFF,uBAEEA,kBAAkB,CAAE0B,aAFtB,EAGE1B,kBAHF,aAGEA,kBAHF,uBAGEA,kBAAkB,CAAE2B,YAHtB,EAIE3B,kBAJF,aAIEA,kBAJF,uBAIEA,kBAAkB,CAAE4B,YAJtB,CAH2B,CAA7B;;AAWA,MAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,YAAD;AAAA,WACjBhF,KAAK,CAACmD,eAAD,CAAL,GAAyB,KAAzB,GAAiC6B,YAAY,CAACC,MAAb,GAAsB9B,eADtC;AAAA,GAAnB,CA3F4B,CA8F5B;AACA;;;AACA,MAAM+B,iBAAiB,GAAGrF,WAAW,CAAC,YAAM;AAC1C,QAAMsF,aAAa,GAAGjE,aAAa,CACjCsC,QAAQ,CAAC4B,OADwB,EAEjCvD,KAFiC,EAGjCE,QAHiC,EAIjCqB,eAJiC,EAKjCD,eALiC,EAMjCnC,eAAe,CAACqE,IANiB,EAOjChC,UAPiC,CAAnC,CAD0C,CAW1C;;AACAkB,IAAAA,kBAAkB,CAACpD,sBAAsB,CAACgE,aAAD,EAAgBf,YAAhB,CAAvB,CAAlB,CAZ0C,CAc1C;;AACAK,IAAAA,oBAAoB,CAACrD,wBAAwB,CAAC+D,aAAD,EAAgBT,aAAhB,CAAzB,CAApB;AAEA,WAAOS,aAAP;AACD,GAlBoC,EAkBlC,CACDT,aADC,EAEDlB,QAFC,EAGDY,YAHC,EAIDjB,eAJC,EAKDC,eALC,EAMDrB,QANC,EAOD0C,oBAPC,EAQDF,kBARC,EASDlB,UATC,EAUDxB,KAVC,CAlBkC,CAArC;AA+BA;AACF;AACA;AACA;AACA;AACA;;AACE,MAAMyD,UAAU,GAAG,SAAbA,UAAa,CAACN,YAAD,EAAkB;AACnC,QAAIA,YAAY,KAAKO,SAAjB,IAA8B,CAACjC,QAAnC,EAA6C,OAAO0B,YAAP;AAC7C,WAAO,CAACD,UAAU,CAACC,YAAD,CAAX,GAA4BA,YAA5B,GAA2CA,YAAY,CAACQ,SAAb,CAAuB,CAAvB,EAA0BrC,eAA1B,CAAlD;AACD,GAHD;;AAKA,kBAA0CxD,QAAQ,CAACqD,UAAD,CAAlD;AAAA;AAAA,MAAOyC,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMC,cAAc,GAAG9F,WAAW,CAAC,YAAM;AACvC,QAAM+F,EAAE,GAAGpC,QAAQ,CAAC4B,OAApB;AACA,WAAOQ,EAAE,IAAI,IAAN,IAAcA,EAAE,CAACC,YAAH,GAAkBD,EAAE,CAACE,SAArB,KAAmCF,EAAE,CAACG,YAA3D;AACD,GAHiC,EAG/B,CAACvC,QAAD,CAH+B,CAAlC;AAKA,MAAMwC,UAAU,GAAGnG,WAAW,CAAC,YAAM;AACnC,QAAM+F,EAAE,GAAGpC,QAAQ,CAAC4B,OAApB;;AACA,QAAIQ,EAAE,IAAI,IAAV,EAAgB;AACdA,MAAAA,EAAE,CAACE,SAAH,GAAeF,EAAE,CAACC,YAAH,GAAkBD,EAAE,CAACG,YAApC;AACD;AACF,GAL6B,EAK3B,CAACvC,QAAD,CAL2B,CAA9B;AAOA,MAAMyC,iBAAiB,GAAGpG,WAAW,CAAC,YAAM;AAC1C,QAAMqG,aAAa,GAAG;AACpBC,MAAAA,WAAW,EAAE,uBAAM;AACjBT,QAAAA,gBAAgB,CAACC,cAAc,EAAf,CAAhB;AACD;AAHmB,KAAtB;AAKAnC,IAAAA,QAAQ,CAAC4B,OAAT,CAAiBgB,gBAAjB,CAAkC,QAAlC,EAA4CF,aAA5C;AACD,GAPoC,EAOlC,CAAC1C,QAAD,EAAWmC,cAAX,CAPkC,CAArC;AASA;AACF;AACA;AACA;AACA;AACA;;AACE,MAAMU,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,KAAD,EAAW;AACxCrC,IAAAA,UAAU,CAAC,KAAD,CAAV;AAEA,QAAMkB,aAAa,GAAGD,iBAAiB,EAAvC;AAEAzB,IAAAA,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAG6C,KAAH,EAAUzE,KAAV,EAAiBsD,aAAjB,CAAN;AACD,GAND;AAQA;AACF;AACA;AACA;;;AACE,MAAMoB,cAAc,GAAG,SAAjBA,cAAiB,CAACD,KAAD,EAAW;AAChCrC,IAAAA,UAAU,CAAC,IAAD,CAAV,CADgC,CAGhC;;AACAM,IAAAA,kBAAkB,CAAC1D,gBAAgB,CAACwD,OAAlB,CAAlB;AAEAX,IAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAG4C,KAAH,EAAUzE,KAAV,CAAP;AACD,GAPD;AASA;AACF;AACA;AACA;AACA;AACA;;;AACE,MAAM2E,eAAe,GAAG,SAAlBA,eAAkB,CAACF,KAAD,EAAQtB,YAAR,EAAyB;AAC/Cd,IAAAA,OAAO,CAACkB,OAAR,GAAkB,IAAlB;AAEA,QAAMqB,YAAY,GAAGnD,QAAQ,GAAGgC,UAAU,CAACN,YAAD,CAAb,GAA8BA,YAA3D,CAH+C,CAK/C;;AACAb,IAAAA,QAAQ,CAACsC,YAAD,CAAR;AAEAlE,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAG+D,KAAH,EAAUG,YAAV,CAAR;AACD,GATD;;AAWA7G,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIoD,UAAJ,EAAgB;AACdiD,MAAAA,iBAAiB;AACjBD,MAAAA,UAAU;AACX;;AACD,QAAIP,aAAJ,EAAmB;AACjBO,MAAAA,UAAU;AACX;AACF,GARQ,EAQN,CAACC,iBAAD,EAAoBjD,UAApB,EAAgCyC,aAAhC,EAA+CO,UAA/C,CARM,CAAT,CA7M4B,CAuN5B;AACA;;AACApG,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIoE,OAAO,IAAK,CAACE,OAAO,CAACkB,OAAT,IAAoBhB,YAApC,EAAmD;AACjD;AACA;AACA;AACD;;AAEDc,IAAAA,iBAAiB;AAClB,GARQ,EAQN,CAAClB,OAAD,EAAUI,YAAV,EAAwBc,iBAAxB,CARM,CAAT;AAUA,MAAMwB,QAAQ,GAAGxE,KAAK,IAAI,IAA1B;AACA,MAAMyE,cAAc,GAAGtE,WAAW,IAAI,IAAtC;AACA,MAAMuE,UAAU,GAAGzD,eAAe,IAAI,IAAnB,IAA2B,CAACF,WAA/C,CArO4B,CAuO5B;AACA;AACA;AACA;;AACA,MAAM4D,YAAY,GAChBnE,gBAAgB,IAAI,IAApB,KACEF,MAAM,KAAK+C,SAAX,IAAwB9C,aAAa,KAAK8C,SAA3C,IACE/C,MAAM,KAAK+C,SAAX,IACCtE,qBAAqB,CACnBc,QADmB,EAEnBf,eAAe,CAACqE,IAFG,EAGnBjC,eAHmB,EAInB;AACA;AACAD,EAAAA,eAAe,IAAI,IAAnB,KAA4BG,QAAQ,KAAK,IAAb,IAAqBzB,KAAK,IAAI,IAA1D,IAAkEsB,eAAlE,GAAoF,IANjE,EAOnBE,UAPmB,EAQnBM,UARmB,CAHzB,CADF;AAeA,MAAMmD,cAAc,GAAGhG,SAAS,CAACwD,eAAD,CAAhC;AAEA,MAAIyC,cAAJ;;AACA,MAAID,cAAJ,EAAoB;AAClBC,IAAAA,cAAc,GAAGF,YAAY,GAAGzG,KAAK,CAAC0D,SAAD,EAAY,OAAZ,CAAR,GAA+BpB,gBAA5D;AACD;;AAED,sBACE,oBAAC,aAAD;AACE,IAAA,EAAE,EAAEhB,EADN;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,MAAM,EAAE2C,eAHV;AAIE,IAAA,QAAQ,EAAErC,QAJZ;AAKE,IAAA,QAAQ,EAAEF,QALZ;AAME,IAAA,QAAQ,EAAEC,QANZ;AAOE,IAAA,SAAS,EAAE/B,IAAI,CAACuB,OAAO,CAACwF,IAAT,EAAevF,SAAf,EACQsB,SADR,IACZvB,OAAO,CAACuB,SADI,EAEOd,QAFP,IAEZT,OAAO,CAACS,QAFI,EAGM6E,cAHN,IAGZtF,OAAO,CAACyF,OAHI,CAPjB;AAYE,IAAA,MAAM,EAAEZ;AAZV,KAcG,CAACK,QAAQ,IAAIC,cAAb,kBACC;AAAK,IAAA,SAAS,EAAEnF,OAAO,CAAC0F;AAAxB,KACGR,QAAQ,iBACP,oBAAC,OAAD;AACE,IAAA,SAAS,EAAElF,OAAO,CAACU,KADrB;AAEE,IAAA,EAAE,EAAE9B,KAAK,CAACsB,EAAD,EAAK,OAAL,CAFX;AAGE,IAAA,OAAO,EAAEtB,KAAK,CAAC0D,SAAD,EAAY,OAAZ,CAHhB;AAIE,IAAA,KAAK,EAAE5B;AAJT,IAFJ,EAUGyE,cAAc,iBACb,oBAAC,aAAD;AAAe,IAAA,SAAS,EAAEnF,OAAO,CAACa,WAAlC;AAA+C,IAAA,EAAE,EAAEjC,KAAK,CAAC0D,SAAD,EAAY,aAAZ;AAAxD,KACGzB,WADH,CAXJ,CAfJ,EAiCGuE,UAAU,iBACT,oBAAC,aAAD;AACE,IAAA,EAAE,EAAExG,KAAK,CAAC0D,SAAD,EAAY,aAAZ,CADX;AAEE,IAAA,SAAS,EAAEtC,OAAO,CAAC2F,gBAFrB;AAGE,IAAA,SAAS,EAAEtE,gBAHb;AAIE,IAAA,mBAAmB,EAAEhB,KAAK,CAACoD,MAJ7B;AAKE,IAAA,eAAe,EAAE9B;AALnB,KAMMS,cANN,EAlCJ,eA4CE,oBAAC,WAAD;AACE,IAAA,OAAO,EAAE;AACPoD,MAAAA,IAAI,EAAExF,OAAO,CAAC4F,SADP;AAEPC,MAAAA,KAAK,EAAE7F,OAAO,CAAC6F,KAFR;AAGPC,MAAAA,cAAc,EAAE9F,OAAO,CAAC8F;AAHjB,KADX;AAME,IAAA,EAAE,EAAEZ,QAAQ,GAAGtG,KAAK,CAAC0D,SAAD,EAAY,OAAZ,CAAR,GAA+B1D,KAAK,CAACsB,EAAD,EAAK,OAAL,CANlD;AAOE,IAAA,IAAI,EAAEC,IAPR;AAQE,IAAA,KAAK,EAAEE,KART;AASE,IAAA,QAAQ,EAAEE,QATZ;AAUE,IAAA,QAAQ,EAAEC,QAVZ;AAWE,IAAA,QAAQ,EAAEC,QAXZ;AAYE,IAAA,QAAQ,EAAEuE,eAZZ;AAaE,IAAA,SAAS,EAAE5D,SAbb;AAcE,IAAA,OAAO,EAAE2D,cAdX;AAeE,IAAA,WAAW,EAAE5D,WAff;AAgBE,IAAA,OAAO,EAAEmE,cAhBX;AAiBE,IAAA,SAAS,EAAE/D,SAjBb;AAkBE,IAAA,SAAS,MAlBX;AAmBE,IAAA,IAAI,EAAED,IAnBR;AAoBE,IAAA,UAAU;AACR,oBAAcX,SADN;AAER,yBAAmBC,cAFX;AAGR,sBAAgB0E,cAAc,GAAG,IAAH,GAAUvB,SAHhC;AAIR,2BAAqBwB,cAJb;AAKR,0BACEzE,eAAe,IAAI,IAAnB,GACIA,eADJ,GAEID,WAAW,IAAIjC,KAAK,CAAC0D,SAAD,EAAY,aAAZ,CARlB;AASR,uBAAiBX,eAAe,GAAG/C,KAAK,CAAC0D,SAAD,EAAY,aAAZ,CAAR,GAAqCyB;AAT7D,OAWL5B,UAXK,CApBZ;AAiCE,IAAA,QAAQ,EAAEH;AAjCZ,KAkCMK,MAlCN,EA5CF,EAiFGgD,YAAY,iBACX,oBAAC,aAAD;AAAe,IAAA,EAAE,EAAEzG,KAAK,CAAC0D,SAAD,EAAY,OAAZ,CAAxB;AAA8C,IAAA,SAAS,EAAEtC,OAAO,CAACmD,KAAjE;AAAwE,IAAA,aAAa;AAArF,KACGH,iBADH,CAlFJ,CADF;AAyFD,CA1VD;;AA4VA,wCAAAlD,UAAU,CAACiG,SAAX,GAAuB;AACrB;AACF;AACA;AACE9F,EAAAA,SAAS,EAAE1B,SAAS,CAACyH,MAJA;;AAKrB;AACF;AACA;AACEhG,EAAAA,OAAO,EAAEzB,SAAS,CAACA,SAAV,CAAoB0H,KAApB,CAA0B;AACjC;AACJ;AACA;AACIT,IAAAA,IAAI,EAAEjH,SAAS,CAACyH,MAJiB;;AAKjC;AACJ;AACA;AACIvF,IAAAA,QAAQ,EAAElC,SAAS,CAACyH,MARa;;AASjC;AACJ;AACA;AACIzE,IAAAA,SAAS,EAAEhD,SAAS,CAACyH,MAZY;;AAajC;AACJ;AACA;AACIP,IAAAA,OAAO,EAAElH,SAAS,CAACyH,MAhBc;;AAkBjC;AACJ;AACA;AACIJ,IAAAA,SAAS,EAAErH,SAAS,CAACyH,MArBY;;AAuBjC;AACJ;AACA;AACIH,IAAAA,KAAK,EAAEtH,SAAS,CAACyH,MA1BgB;;AA2BjC;AACJ;AACA;AACIF,IAAAA,cAAc,EAAEvH,SAAS,CAACyH,MA9BO;;AAgCjC;AACJ;AACA;AACIN,IAAAA,cAAc,EAAEnH,SAAS,CAACyH,MAnCO;;AAoCjC;AACJ;AACA;AACItF,IAAAA,KAAK,EAAEnC,SAAS,CAACyH,MAvCgB;;AAwCjC;AACJ;AACA;AACInF,IAAAA,WAAW,EAAEtC,SAAS,CAACyH,MA3CU;;AA4CjC;AACJ;AACA;AACIL,IAAAA,gBAAgB,EAAEpH,SAAS,CAACyH,MA/CK;;AAgDjC;AACJ;AACA;AACI7C,IAAAA,KAAK,EAAE5E,SAAS,CAACyH;AAnDgB,GAA1B,EAoDNE,UA5DkB;;AA8DrB;AACF;AACA;AACEhG,EAAAA,EAAE,EAAE3B,SAAS,CAACyH,MAjEO;;AAkErB;AACF;AACA;AACE7F,EAAAA,IAAI,EAAE5B,SAAS,CAACyH,MArEK;;AAuErB;AACF;AACA;AACE3F,EAAAA,KAAK,EAAE9B,SAAS,CAACyH,MA1EI;;AA2ErB;AACF;AACA;AACE1F,EAAAA,YAAY,EAAE/B,SAAS,CAACyH,MA9EH;;AAgFrB;AACF;AACA;AACA;AACA;AACA;AACEtF,EAAAA,KAAK,EAAEnC,SAAS,CAAC4H,IAtFI;;AAuFrB;AACF;AACA;AACE,gBAAc5H,SAAS,CAACyH,MA1FH;;AA2FrB;AACF;AACA;AACE,qBAAmBzH,SAAS,CAACyH,MA9FR;;AA+FrB;AACF;AACA;AACEnF,EAAAA,WAAW,EAAEtC,SAAS,CAAC4H,IAlGF;;AAmGrB;AACF;AACA;AACE,sBAAoB5H,SAAS,CAACyH,MAtGT;;AAwGrB;AACF;AACA;AACEvF,EAAAA,QAAQ,EAAElC,SAAS,CAAC6H,IA3GC;;AA4GrB;AACF;AACA;AACE5F,EAAAA,QAAQ,EAAEjC,SAAS,CAAC6H,IA/GC;;AAgHrB;AACF;AACA;AACE7F,EAAAA,QAAQ,EAAEhC,SAAS,CAAC6H,IAnHC;;AAqHrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACEpF,EAAAA,MAAM,EAAEzC,SAAS,CAAC8H,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CA7Ha;;AA8HrB;AACF;AACA;AACEpF,EAAAA,aAAa,EAAE1C,SAAS,CAACyH,MAjIJ;;AAkIrB;AACF;AACA;AACA;AACA;AACE,uBAAqBzH,SAAS,CAACyH,MAvIV;;AAyIrB;AACF;AACA;AACEjF,EAAAA,QAAQ,EAAExC,SAAS,CAAC+H,IA5IC;;AA8IrB;AACF;AACA;AACEnF,EAAAA,WAAW,EAAE5C,SAAS,CAACyH,MAjJF;;AAmJrB;AACF;AACA;AACE3E,EAAAA,gBAAgB,EAAE9C,SAAS,CAACyH,MAtJP;;AAwJrB;AACF;AACA;AACEtE,EAAAA,kBAAkB,EAAEnD,SAAS,CAAC0H,KAAV,CAAgB;AAClC;AACJ;AACA;AACI9C,IAAAA,KAAK,EAAE5E,SAAS,CAACyH,MAJiB;;AAKlC;AACJ;AACA;AACI1C,IAAAA,YAAY,EAAE/E,SAAS,CAACyH,MARU;;AASlC;AACJ;AACA;AACI3C,IAAAA,YAAY,EAAE9E,SAAS,CAACyH,MAZU;;AAalC;AACJ;AACA;AACI5C,IAAAA,aAAa,EAAE7E,SAAS,CAACyH;AAhBS,GAAhB,CA3JC;;AA8KrB;AACF;AACA;AACE7D,EAAAA,UAAU,EAAE5D,SAAS,CAACgI,UAAV,CAAqBC,MAArB,CAjLS;;AAkLrB;AACF;AACA;AACExE,EAAAA,QAAQ,EAAErD,OArLW;;AAuLrB;AACF;AACA;AACA;AACEsD,EAAAA,MAAM,EAAE1D,SAAS,CAAC+H,IA3LG;;AA4LrB;AACF;AACA;AACA;AACEpE,EAAAA,OAAO,EAAE3D,SAAS,CAAC+H,IAhME;;AAkMrB;AACF;AACA;AACA;AACA;AACEzE,EAAAA,UAAU,EAAEtD,SAAS,CAAC+H,IAvMD;;AAwMrB;AACF;AACA;AACElF,EAAAA,SAAS,EAAE7C,SAAS,CAAC6H,IA3MA;;AA6MrB;AACF;AACA;AACA;AACEzE,EAAAA,eAAe,EAAEpD,SAAS,CAACkI,MAjNN;;AAkNrB;AACF;AACA;AACA;AACE7E,EAAAA,eAAe,EAAErD,SAAS,CAACkI,MAtNN;;AAwNrB;AACF;AACA;AACEnF,EAAAA,IAAI,EAAE/C,SAAS,CAACkI,MA3NK;;AA4NrB;AACF;AACA;AACElF,EAAAA,SAAS,EAAEhD,SAAS,CAAC6H,IA/NA;;AAgOrB;AACF;AACA;AACA;AACE5E,EAAAA,UAAU,EAAEjD,SAAS,CAAC6H,IApOD;;AAqOrB;AACF;AACA;AACEtE,EAAAA,QAAQ,EAAEvD,SAAS,CAAC6H,IAxOC;;AAyOrB;AACF;AACA;AACE3E,EAAAA,WAAW,EAAElD,SAAS,CAAC6H,IA5OF;;AA8OrB;AACF;AACA;AACEhE,EAAAA,cAAc,EAAE7D,SAAS,CAACgI,UAAV,CAAqBC,MAArB;AAjPK,CAAvB;AAoPA,eAAe9H,UAAU,CAACmB,MAAD,EAAS;AAAEM,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA2CL,UAA3C,CAAf","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":["React","useRef","useState","useEffect","useCallback","useMemo","PropTypes","isNil","clsx","withStyles","refType","setId","useControlled","HvFormElement","HvBaseInput","HvLabel","HvInfoMessage","HvWarningText","HvCharCounter","useUniqueId","validationStates","isInvalid","DEFAULT_ERROR_MESSAGES","validationTypes","hasBuiltInValidations","validateInput","computeValidationState","computeValidationMessage","styles","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","focused","setFocused","isDirty","setValue","isEmptyValue","standBy","validationState","setValidationState","validationMessage","setValidationMessage","errorMessages","error","requiredError","minCharError","maxCharError","isOverflow","currentValue","length","performValidation","inputValidity","current","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","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Object","number"],"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/modern/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
    */

package/dist/modern/AssetInventory/AssetInventory.js

@@ -114,9 +114,11 @@ const HvAssetInventory = props => {
     setSelectedView(viewIndex);
   };
 
-  const changePageValues = useCallback(returnedPageValues => {
-    setPageValues(getPaginationData(hasPagination, paginationServerSide, returnedPageValues, pageSize, page));
-  }, [hasPagination, paginationServerSide, pageSize, page]);
+  const changePageValues = useCallback((returnedPageValues, p = page) => {
+    setPageValues(getPaginationData(hasPagination, paginationServerSide, returnedPageValues, pageSize, p));
+  }, [hasPagination, paginationServerSide, pageSize, page]); // TODO: we must revisit this section in the future. Right now, sorting the results will
+  //       reset the array of values which means that we can't sort a filtered result set.
+
   useEffect(() => {
     if (!(selectedSort !== null && selectedSort !== void 0 && selectedSort.sortId && selectedSort !== null && selectedSort !== void 0 && selectedSort.sortFunc)) return;
     const sortedValues = [...valuesProp].sort(selectedSort.sortFunc);
@@ -128,7 +130,7 @@ const HvAssetInventory = props => {
     setValues(results);
     setPage(0);
     setSearchString(value);
-    changePageValues(results);
+    changePageValues(results, 0);
   };
   /**
    * Show the search component.
@@ -213,19 +215,23 @@ const HvAssetInventory = props => {
   };
 
   const handleSelectPage = (e, checked = false) => {
-    setSelectedValues(checked ? [] : pageValues.map(v => v.id));
+    const selection = pageValues.map(v => v.id);
+    setSelectedValues(checked ? selection : []);
+    onSelection === null || onSelection === void 0 ? void 0 : onSelection(e, checked ? selection : []);
   };
 
-  const handleSelectAll = () => {
+  const handleSelectAll = e => {
     const allSelected = selectedValues.length === values.length;
-    setSelectedValues(allSelected ? [] : values.map(v => v.id));
+    const selection = values.map(v => v.id);
+    setSelectedValues(allSelected ? [] : selection);
+    onSelection === null || onSelection === void 0 ? void 0 : onSelection(e, allSelected ? [] : selection);
   };
 
   const innerOnSelection = onSelectionFn => event => {
     const valueId = event.target.value;
     const list = event.target.checked && [...selectedValues, valueId] || selectedValues.includes(valueId) && selectedValues.filter(item => item !== valueId) || [];
     setSelectedValues(list);
-    onSelectionFn === null || onSelectionFn === void 0 ? void 0 : onSelectionFn(event);
+    onSelectionFn === null || onSelectionFn === void 0 ? void 0 : onSelectionFn(event, list);
   };
 
   const propsFillerManager = (source, target, propObj) => {
@@ -466,7 +472,7 @@ process.env.NODE_ENV !== "production" ? HvAssetInventory.propTypes = {
   }).isRequired,
 
   /**
-   * Callback evoked in the selection of the card.
+   * Callback evoked in the selection of the card. Receives the event and the current selection of the asset inventory
    */
   onSelection: PropTypes.func,