@hitachivantara/uikit-react-core 4.4.2 → 5.0.0-next.2

package/dist/modern/TextArea/TextArea.js

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

package/dist/modern/TextArea/TextArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"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","value","valueProp","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","inputRef","inputRefProp","onBlur","onFocus","inputProps","countCharProps","others","elementId","inputRefOwn","focused","setFocused","isDirty","setValue","isEmptyValue","validationState","setValidationState","standBy","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"],"sources":["../../../src/TextArea/TextArea.js"],"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 \"@mui/styles\";\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"],"mappings":"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"}

package/dist/modern/TextArea/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./TextArea";
-export * from "./TextArea";

package/dist/modern/TextArea/index.js

@@ -1,2 +0,0 @@
-export { default } from "./TextArea";
-//# sourceMappingURL=index.js.map

package/dist/modern/TextArea/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/TextArea/index.js"],"sourcesContent":["export { default } from \"./TextArea\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY"}

package/dist/modern/TextArea/styles.js

@@ -1,46 +0,0 @@
-const styles = {
-  root: {
-    display: "inline-block",
-    width: "100%"
-  },
-  resizable: {
-    width: "auto"
-  },
-  disabled: {},
-  invalid: {},
-  baseInput: {
-    clear: "both",
-    float: "left"
-  },
-  input: {},
-  inputResizable: {
-    resize: "auto",
-    minWidth: "150px",
-    maxWidth: "610px"
-  },
-  labelContainer: {
-    float: "left",
-    display: "flex",
-    alignItems: "flex-start"
-  },
-  label: {
-    display: "block",
-    float: "left",
-    paddingBottom: "6px"
-  },
-  description: {
-    display: "block",
-    float: "left"
-  },
-  characterCounter: {
-    display: "block",
-    float: "right",
-    textAlign: "right",
-    marginBottom: "6px"
-  },
-  error: {
-    float: "left"
-  }
-};
-export default styles;
-//# sourceMappingURL=styles.js.map

package/dist/modern/TextArea/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","root","display","width","resizable","disabled","invalid","baseInput","clear","float","input","inputResizable","resize","minWidth","maxWidth","labelContainer","alignItems","label","paddingBottom","description","characterCounter","textAlign","marginBottom","error"],"sources":["../../../src/TextArea/styles.js"],"sourcesContent":["const styles = {\n  root: {\n    display: \"inline-block\",\n    width: \"100%\",\n  },\n  resizable: {\n    width: \"auto\",\n  },\n  disabled: {},\n  invalid: {},\n\n  baseInput: {\n    clear: \"both\",\n    float: \"left\",\n  },\n\n  input: {},\n  inputResizable: {\n    resize: \"auto\",\n    minWidth: \"150px\",\n    maxWidth: \"610px\",\n  },\n\n  labelContainer: {\n    float: \"left\",\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    display: \"block\",\n    float: \"left\",\n    paddingBottom: \"6px\",\n  },\n  description: {\n    display: \"block\",\n    float: \"left\",\n  },\n  characterCounter: {\n    display: \"block\",\n    float: \"right\",\n    textAlign: \"right\",\n    marginBottom: \"6px\",\n  },\n  error: {\n    float: \"left\",\n  },\n};\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,OAAO,EAAE,cAAc;IACvBC,KAAK,EAAE;EACT,CAAC;EACDC,SAAS,EAAE;IACTD,KAAK,EAAE;EACT,CAAC;EACDE,QAAQ,EAAE,CAAC,CAAC;EACZC,OAAO,EAAE,CAAC,CAAC;EAEXC,SAAS,EAAE;IACTC,KAAK,EAAE,MAAM;IACbC,KAAK,EAAE;EACT,CAAC;EAEDC,KAAK,EAAE,CAAC,CAAC;EACTC,cAAc,EAAE;IACdC,MAAM,EAAE,MAAM;IACdC,QAAQ,EAAE,OAAO;IACjBC,QAAQ,EAAE;EACZ,CAAC;EAEDC,cAAc,EAAE;IACdN,KAAK,EAAE,MAAM;IACbP,OAAO,EAAE,MAAM;IACfc,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLf,OAAO,EAAE,OAAO;IAChBO,KAAK,EAAE,MAAM;IACbS,aAAa,EAAE;EACjB,CAAC;EACDC,WAAW,EAAE;IACXjB,OAAO,EAAE,OAAO;IAChBO,KAAK,EAAE;EACT,CAAC;EACDW,gBAAgB,EAAE;IAChBlB,OAAO,EAAE,OAAO;IAChBO,KAAK,EAAE,OAAO;IACdY,SAAS,EAAE,OAAO;IAClBC,YAAY,EAAE;EAChB,CAAC;EACDC,KAAK,EAAE;IACLd,KAAK,EAAE;EACT;AACF,CAAC;AAED,eAAeT,MAAM"}