@hitachivantara/uikit-react-core 3.56.0 → 3.56.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/TextArea/TextArea.js +4 -4
- package/dist/TextArea/TextArea.js.map +1 -1
- package/dist/legacy/TextArea/TextArea.js +4 -4
- package/dist/legacy/TextArea/TextArea.js.map +1 -1
- package/dist/modern/TextArea/TextArea.js +4 -4
- package/dist/modern/TextArea/TextArea.js.map +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [3.56.1](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.56.0...@hitachivantara/uikit-react-core@3.56.1) (2022-02-17)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **TextArea:** fixed TextArea scrolling when it shouldn't ([11d8435](https://github.com/lumada-design/hv-uikit-react/commit/11d843593e47d82f3290f62f5527f01367a8632d))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# [3.56.0](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.55.3...@hitachivantara/uikit-react-core@3.56.0) (2022-02-16)
|
|
7
18
|
|
|
8
19
|
|
|
@@ -196,7 +196,7 @@ var HvTextArea = function HvTextArea(props) {
|
|
|
196
196
|
|
|
197
197
|
var isScrolledDown = (0, _react.useCallback)(function () {
|
|
198
198
|
var el = inputRef.current;
|
|
199
|
-
return el == null || el.
|
|
199
|
+
return el == null || el.offsetHeight + el.scrollTop >= el.scrollHeight;
|
|
200
200
|
}, [inputRef]);
|
|
201
201
|
var scrollDown = (0, _react.useCallback)(function () {
|
|
202
202
|
var el = inputRef.current;
|
|
@@ -256,13 +256,13 @@ var HvTextArea = function HvTextArea(props) {
|
|
|
256
256
|
(0, _react.useEffect)(function () {
|
|
257
257
|
if (autoScroll) {
|
|
258
258
|
addScrollListener();
|
|
259
|
-
scrollDown();
|
|
260
259
|
}
|
|
261
|
-
|
|
260
|
+
}, [autoScroll, addScrollListener]);
|
|
261
|
+
(0, _react.useEffect)(function () {
|
|
262
262
|
if (autoScrolling) {
|
|
263
263
|
scrollDown();
|
|
264
264
|
}
|
|
265
|
-
}, [
|
|
265
|
+
}, [valueProp, autoScrolling, scrollDown]); // run initial validation after first render
|
|
266
266
|
// and also when any validation condition changes
|
|
267
267
|
|
|
268
268
|
(0, _react.useEffect)(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/TextArea/TextArea.js"],"names":["HvTextArea","props","classes","className","id","name","valueProp","value","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","placeholder","autoFocus","middleCountLabel","rows","resizable","autoScroll","hideCounter","validationMessages","maxCharQuantity","minCharQuantity","validation","blockMax","inputRefProp","inputRef","onBlur","onFocus","inputProps","countCharProps","others","elementId","inputRefOwn","React","useState","focused","setFocused","isDirty","setValue","isEmptyValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","errorMessages","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","isOverflow","currentValue","length","performValidation","inputValidity","current","validationTypes","none","limitValue","undefined","substring","autoScrolling","setAutoScrolling","isScrolledDown","el","scrollHeight","scrollTop","clientHeight","scrollDown","addScrollListener","scrollHandler","handleEvent","addEventListener","onContainerBlurHandler","event","onFocusHandler","onChangeHandler","limitedValue","hasLabel","hasDescription","hasCounter","canShowError","isStateInvalid","errorMessageId","root","invalid","labelContainer","characterCounter","baseInput","input","inputResizable","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Object","refType","number","styles"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useEffect, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport isNil from \"lodash/isNil\";\n\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { refType, setId, useControlled } from \"../utils\";\n\nimport {\n HvFormElement,\n HvBaseInput,\n HvLabel,\n HvInfoMessage,\n HvWarningText,\n HvCharCounter,\n useUniqueId,\n} from \"..\";\n\nimport validationStates, { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n DEFAULT_ERROR_MESSAGES,\n validationTypes,\n hasBuiltInValidations,\n validateInput,\n computeValidationState,\n computeValidationMessage,\n} from \"../BaseInput/validations\";\n\nimport styles from \"./styles\";\n\n/**\n * A text area is a multiline text input box, with an optional character counter when there is a length limit.\n */\nconst HvTextArea = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n value: valueProp,\n defaultValue = \"\",\n\n required = false,\n readOnly = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n placeholder,\n\n autoFocus = false,\n\n middleCountLabel = \"/\",\n\n rows = 1,\n resizable = false,\n autoScroll = false,\n\n hideCounter = false,\n\n validationMessages,\n\n maxCharQuantity,\n minCharQuantity,\n validation,\n\n blockMax = false,\n\n inputRef: inputRefProp,\n onBlur,\n onFocus,\n\n inputProps = {},\n countCharProps = {},\n\n ...others\n } = props;\n\n const elementId = useUniqueId(id, \"hvtextarea\");\n\n const inputRefOwn = useRef(null);\n const inputRef = inputRefProp || inputRefOwn;\n\n const [focused, setFocused] = React.useState(false);\n\n // signals that the user has manually edited the input value\n const isDirty = useRef(false);\n\n // value related state\n const [value, setValue] = useControlled(valueProp, defaultValue);\n\n const isEmptyValue = value == null || value === \"\";\n\n // validation related state\n const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n\n const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n // validationMessages reference tends to change, as users will not memoize/useState for it;\n // dependencies must be more explicit so we set\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const errorMessages = useMemo(\n () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n validationMessages?.error,\n validationMessages?.requiredError,\n validationMessages?.minCharError,\n validationMessages?.maxCharError,\n ]\n );\n\n const isOverflow = (currentValue) =>\n isNil(maxCharQuantity) ? false : currentValue.length > maxCharQuantity;\n\n // validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n // and returns the validity state of the input.\n const performValidation = useCallback(() => {\n const inputValidity = validateInput(\n inputRef.current,\n value,\n required,\n minCharQuantity,\n maxCharQuantity,\n validationTypes.none,\n validation\n );\n\n // this will only run if status is uncontrolled\n setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n // this will only run if statusMessage is uncontrolled\n setValidationMessage(computeValidationMessage(inputValidity, errorMessages));\n\n return inputValidity;\n }, [\n errorMessages,\n inputRef,\n isEmptyValue,\n maxCharQuantity,\n minCharQuantity,\n required,\n setValidationMessage,\n setValidationState,\n validation,\n value,\n ]);\n\n /**\n * Limit the string to the maxCharQuantity length.\n *\n * @param value - string to evaluate\n * @returns {string|*} - string according the limit\n */\n const limitValue = (currentValue) => {\n if (currentValue === undefined || !blockMax) return currentValue;\n return !isOverflow(currentValue) ? currentValue : currentValue.substring(0, maxCharQuantity);\n };\n\n const [autoScrolling, setAutoScrolling] = useState(autoScroll);\n\n const isScrolledDown = useCallback(() => {\n const el = inputRef.current;\n return el == null || el.scrollHeight - el.scrollTop === el.clientHeight;\n }, [inputRef]);\n\n const scrollDown = useCallback(() => {\n const el = inputRef.current;\n if (el != null) {\n el.scrollTop = el.scrollHeight - el.clientHeight;\n }\n }, [inputRef]);\n\n const addScrollListener = useCallback(() => {\n const scrollHandler = {\n handleEvent: () => {\n setAutoScrolling(isScrolledDown());\n },\n };\n inputRef.current.addEventListener(\"scroll\", scrollHandler);\n }, [inputRef, isScrolledDown]);\n\n /**\n * Validates the text area updating the state and modifying the warning text, also executes\n * the user provided onBlur passing the current validation status and value.\n *\n * @returns {undefined}\n */\n const onContainerBlurHandler = (event) => {\n setFocused(false);\n\n const inputValidity = performValidation();\n\n onBlur?.(event, value, inputValidity);\n };\n\n /**\n * Updates the state putting again the value from the state because the input value is\n * not automatically manage, it also executes the onFocus function from the user passing the value\n */\n const onFocusHandler = (event) => {\n setFocused(true);\n\n // reset validation status to standBy (only when status is uncontrolled)\n setValidationState(validationStates.standBy);\n\n onFocus?.(event, value);\n };\n\n /**\n * Updates the length of the string while is being inputted, also executes the user onChange\n * allowing the customization of the input if required.\n *\n * @param {String} value - The value provided by the HvInput\n */\n const onChangeHandler = (event, currentValue) => {\n isDirty.current = true;\n\n const limitedValue = blockMax ? limitValue(currentValue) : currentValue;\n\n // set the input value (only when value is uncontrolled)\n setValue(limitedValue);\n\n onChange?.(event, limitedValue);\n };\n\n useEffect(() => {\n if (autoScroll) {\n addScrollListener();\n scrollDown();\n }\n if (autoScrolling) {\n scrollDown();\n }\n }, [addScrollListener, autoScroll, autoScrolling, scrollDown]);\n\n // run initial validation after first render\n // and also when any validation condition changes\n useEffect(() => {\n if (focused || (!isDirty.current && isEmptyValue)) {\n // skip validation if currently focused or if empty and\n // the user never manually edited the input value\n return;\n }\n\n performValidation();\n }, [focused, isEmptyValue, performValidation]);\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n const hasCounter = maxCharQuantity != null && !hideCounter;\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and any of the built-in validations are active\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) ||\n (status === undefined &&\n hasBuiltInValidations(\n required,\n validationTypes.none,\n minCharQuantity,\n // if blockMax is true maxCharQuantity will never produce an error\n // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity\n maxCharQuantity != null && (blockMax !== true || value != null) ? maxCharQuantity : null,\n validation,\n inputProps\n )));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(classes.root, className, {\n [classes.resizable]: resizable,\n [classes.disabled]: disabled,\n [classes.invalid]: isStateInvalid,\n })}\n onBlur={onContainerBlurHandler}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel\n className={classes.label}\n id={setId(id, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n\n {hasCounter && (\n <HvCharCounter\n id={setId(elementId, \"charCounter\")}\n className={classes.characterCounter}\n separator={middleCountLabel}\n currentCharQuantity={value.length}\n maxCharQuantity={maxCharQuantity}\n {...countCharProps}\n />\n )}\n\n <HvBaseInput\n classes={{\n root: classes.baseInput,\n input: classes.input,\n inputResizable: classes.inputResizable,\n }}\n id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n name={name}\n value={value}\n required={required}\n readOnly={readOnly}\n disabled={disabled}\n onChange={onChangeHandler}\n autoFocus={autoFocus}\n onFocus={onFocusHandler}\n placeholder={placeholder}\n invalid={isStateInvalid}\n resizable={resizable}\n multiline\n rows={rows}\n inputProps={{\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-describedby\":\n ariaDescribedBy != null\n ? ariaDescribedBy\n : description && setId(elementId, \"description\"),\n \"aria-controls\": maxCharQuantity ? setId(elementId, \"charCounter\") : undefined,\n\n ...inputProps,\n }}\n inputRef={inputRef}\n {...others}\n />\n\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} className={classes.error} disableBorder>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvTextArea.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.PropTypes.shape({\n /**\n * Styles applied to the root container of the textarea.\n */\n root: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n disabled: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n resizable: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n invalid: PropTypes.string,\n\n /**\n * Styles applied to the base input root which is comprising of everything but the labels and descriptions.\n */\n baseInput: PropTypes.string,\n\n /**\n * Style applied on the text area element.\n */\n input: PropTypes.string,\n /**\n * Styles applied to text area element element when it is resizable. Can be used to set max/min width.\n */\n inputResizable: PropTypes.string,\n\n /**\n * Styles applied to text area container that holds the label, description and counter.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n description: PropTypes.string,\n /**\n * Style applied on the character counter.\n */\n characterCounter: PropTypes.string,\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n /**\n * The form element name.\n */\n name: PropTypes.string,\n\n /**\n * The value of the form element.\n */\n value: PropTypes.string,\n /**\n * When uncontrolled, defines the initial input value.\n */\n defaultValue: PropTypes.string,\n\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that the form element is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when `status` is \"invalid\".\n */\n statusMessage: PropTypes.string,\n /**\n * Identifies the element that provides an error message for the textarea.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n\n /**\n * The function that will be executed onChange.\n */\n onChange: PropTypes.func,\n\n /**\n * The placeholder value of the input.\n */\n placeholder: PropTypes.string,\n\n /**\n * Text between the current char counter and max value.\n */\n middleCountLabel: PropTypes.string,\n\n /**\n * An Object containing the various texts associated with the input.\n */\n validationMessages: PropTypes.shape({\n /**\n * The value when a validation fails.\n */\n error: PropTypes.string,\n /**\n * The message that appears when there are too many characters.\n */\n maxCharError: PropTypes.string,\n /**\n * The message that appears when there are too few characters.\n */\n minCharError: PropTypes.string,\n /**\n * The message that appears when the input is empty and required.\n */\n requiredError: PropTypes.string,\n }),\n\n /**\n * Attributes applied to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n /**\n * Allows passing a ref to the underlying input\n */\n inputRef: refType,\n\n /**\n * The function that will be executed onBlur, allows checking the validation state,\n * it receives the value and the validation state (`invalid`, `valid`).\n */\n onBlur: PropTypes.func,\n /**\n * The function that will be executed onBlur, allows checking the value state,\n * it receives the value.\n */\n onFocus: PropTypes.func,\n\n /**\n * The custom validation function, it receives the value and must return\n * either `true` for valid or `false` for invalid, default validations would only\n * occur if this function is null or undefined\n */\n validation: PropTypes.func,\n /**\n * If `true` it should autofocus.\n */\n autoFocus: PropTypes.bool,\n\n /**\n * The maximum allowed length of the characters, if this value is null no check\n * will be performed.\n */\n maxCharQuantity: PropTypes.number,\n /**\n * The minimum allowed length of the characters, if this value is null no check\n * will be perform.\n */\n minCharQuantity: PropTypes.number,\n\n /**\n * The number of rows of the text area\n */\n rows: PropTypes.number,\n /**\n * If `true` the component is resizable.\n */\n resizable: PropTypes.bool,\n /**\n * Auto-scroll: automatically scroll to the end on value changes.\n * Will stop if the user scrolls up and resume if scrolled to the bottom.\n */\n autoScroll: PropTypes.bool,\n /**\n * If `true` it isn't possible to have more characters than the `maxCharQuantity`\n */\n blockMax: PropTypes.bool,\n /**\n * If `true` the character counter isn't shown even if maxCharQuantity is set.\n */\n hideCounter: PropTypes.bool,\n\n /**\n * Props passed to the HvCharCount component.\n */\n countCharProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTextArea\" })(HvTextArea);\n"],"file":"TextArea.js"}
|
|
1
|
+
{"version":3,"sources":["../../src/TextArea/TextArea.js"],"names":["HvTextArea","props","classes","className","id","name","valueProp","value","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","placeholder","autoFocus","middleCountLabel","rows","resizable","autoScroll","hideCounter","validationMessages","maxCharQuantity","minCharQuantity","validation","blockMax","inputRefProp","inputRef","onBlur","onFocus","inputProps","countCharProps","others","elementId","inputRefOwn","React","useState","focused","setFocused","isDirty","setValue","isEmptyValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","errorMessages","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","isOverflow","currentValue","length","performValidation","inputValidity","current","validationTypes","none","limitValue","undefined","substring","autoScrolling","setAutoScrolling","isScrolledDown","el","offsetHeight","scrollTop","scrollHeight","scrollDown","clientHeight","addScrollListener","scrollHandler","handleEvent","addEventListener","onContainerBlurHandler","event","onFocusHandler","onChangeHandler","limitedValue","hasLabel","hasDescription","hasCounter","canShowError","isStateInvalid","errorMessageId","root","invalid","labelContainer","characterCounter","baseInput","input","inputResizable","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Object","refType","number","styles"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useEffect, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport isNil from \"lodash/isNil\";\n\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { refType, setId, useControlled } from \"../utils\";\n\nimport {\n HvFormElement,\n HvBaseInput,\n HvLabel,\n HvInfoMessage,\n HvWarningText,\n HvCharCounter,\n useUniqueId,\n} from \"..\";\n\nimport validationStates, { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n DEFAULT_ERROR_MESSAGES,\n validationTypes,\n hasBuiltInValidations,\n validateInput,\n computeValidationState,\n computeValidationMessage,\n} from \"../BaseInput/validations\";\n\nimport styles from \"./styles\";\n\n/**\n * A text area is a multiline text input box, with an optional character counter when there is a length limit.\n */\nconst HvTextArea = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n value: valueProp,\n defaultValue = \"\",\n\n required = false,\n readOnly = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n placeholder,\n\n autoFocus = false,\n\n middleCountLabel = \"/\",\n\n rows = 1,\n resizable = false,\n autoScroll = false,\n\n hideCounter = false,\n\n validationMessages,\n\n maxCharQuantity,\n minCharQuantity,\n validation,\n\n blockMax = false,\n\n inputRef: inputRefProp,\n onBlur,\n onFocus,\n\n inputProps = {},\n countCharProps = {},\n\n ...others\n } = props;\n\n const elementId = useUniqueId(id, \"hvtextarea\");\n\n const inputRefOwn = useRef(null);\n const inputRef = inputRefProp || inputRefOwn;\n\n const [focused, setFocused] = React.useState(false);\n\n // signals that the user has manually edited the input value\n const isDirty = useRef(false);\n\n // value related state\n const [value, setValue] = useControlled(valueProp, defaultValue);\n\n const isEmptyValue = value == null || value === \"\";\n\n // validation related state\n const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n\n const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n // validationMessages reference tends to change, as users will not memoize/useState for it;\n // dependencies must be more explicit so we set\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const errorMessages = useMemo(\n () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n validationMessages?.error,\n validationMessages?.requiredError,\n validationMessages?.minCharError,\n validationMessages?.maxCharError,\n ]\n );\n\n const isOverflow = (currentValue) =>\n isNil(maxCharQuantity) ? false : currentValue.length > maxCharQuantity;\n\n // validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n // and returns the validity state of the input.\n const performValidation = useCallback(() => {\n const inputValidity = validateInput(\n inputRef.current,\n value,\n required,\n minCharQuantity,\n maxCharQuantity,\n validationTypes.none,\n validation\n );\n\n // this will only run if status is uncontrolled\n setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n // this will only run if statusMessage is uncontrolled\n setValidationMessage(computeValidationMessage(inputValidity, errorMessages));\n\n return inputValidity;\n }, [\n errorMessages,\n inputRef,\n isEmptyValue,\n maxCharQuantity,\n minCharQuantity,\n required,\n setValidationMessage,\n setValidationState,\n validation,\n value,\n ]);\n\n /**\n * Limit the string to the maxCharQuantity length.\n *\n * @param value - string to evaluate\n * @returns {string|*} - string according the limit\n */\n const limitValue = (currentValue) => {\n if (currentValue === undefined || !blockMax) return currentValue;\n return !isOverflow(currentValue) ? currentValue : currentValue.substring(0, maxCharQuantity);\n };\n\n const [autoScrolling, setAutoScrolling] = useState(autoScroll);\n\n const isScrolledDown = useCallback(() => {\n const el = inputRef.current;\n return el == null || el.offsetHeight + el.scrollTop >= el.scrollHeight;\n }, [inputRef]);\n\n const scrollDown = useCallback(() => {\n const el = inputRef.current;\n if (el != null) {\n el.scrollTop = el.scrollHeight - el.clientHeight;\n }\n }, [inputRef]);\n\n const addScrollListener = useCallback(() => {\n const scrollHandler = {\n handleEvent: () => {\n setAutoScrolling(isScrolledDown());\n },\n };\n inputRef.current.addEventListener(\"scroll\", scrollHandler);\n }, [inputRef, isScrolledDown]);\n\n /**\n * Validates the text area updating the state and modifying the warning text, also executes\n * the user provided onBlur passing the current validation status and value.\n *\n * @returns {undefined}\n */\n const onContainerBlurHandler = (event) => {\n setFocused(false);\n\n const inputValidity = performValidation();\n\n onBlur?.(event, value, inputValidity);\n };\n\n /**\n * Updates the state putting again the value from the state because the input value is\n * not automatically manage, it also executes the onFocus function from the user passing the value\n */\n const onFocusHandler = (event) => {\n setFocused(true);\n\n // reset validation status to standBy (only when status is uncontrolled)\n setValidationState(validationStates.standBy);\n\n onFocus?.(event, value);\n };\n\n /**\n * Updates the length of the string while is being inputted, also executes the user onChange\n * allowing the customization of the input if required.\n *\n * @param {String} value - The value provided by the HvInput\n */\n const onChangeHandler = (event, currentValue) => {\n isDirty.current = true;\n\n const limitedValue = blockMax ? limitValue(currentValue) : currentValue;\n\n // set the input value (only when value is uncontrolled)\n setValue(limitedValue);\n\n onChange?.(event, limitedValue);\n };\n\n useEffect(() => {\n if (autoScroll) {\n addScrollListener();\n }\n }, [autoScroll, addScrollListener]);\n\n useEffect(() => {\n if (autoScrolling) {\n scrollDown();\n }\n }, [valueProp, autoScrolling, scrollDown]);\n\n // run initial validation after first render\n // and also when any validation condition changes\n useEffect(() => {\n if (focused || (!isDirty.current && isEmptyValue)) {\n // skip validation if currently focused or if empty and\n // the user never manually edited the input value\n return;\n }\n\n performValidation();\n }, [focused, isEmptyValue, performValidation]);\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n const hasCounter = maxCharQuantity != null && !hideCounter;\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and any of the built-in validations are active\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) ||\n (status === undefined &&\n hasBuiltInValidations(\n required,\n validationTypes.none,\n minCharQuantity,\n // if blockMax is true maxCharQuantity will never produce an error\n // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity\n maxCharQuantity != null && (blockMax !== true || value != null) ? maxCharQuantity : null,\n validation,\n inputProps\n )));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(classes.root, className, {\n [classes.resizable]: resizable,\n [classes.disabled]: disabled,\n [classes.invalid]: isStateInvalid,\n })}\n onBlur={onContainerBlurHandler}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel\n className={classes.label}\n id={setId(id, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n\n {hasCounter && (\n <HvCharCounter\n id={setId(elementId, \"charCounter\")}\n className={classes.characterCounter}\n separator={middleCountLabel}\n currentCharQuantity={value.length}\n maxCharQuantity={maxCharQuantity}\n {...countCharProps}\n />\n )}\n\n <HvBaseInput\n classes={{\n root: classes.baseInput,\n input: classes.input,\n inputResizable: classes.inputResizable,\n }}\n id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n name={name}\n value={value}\n required={required}\n readOnly={readOnly}\n disabled={disabled}\n onChange={onChangeHandler}\n autoFocus={autoFocus}\n onFocus={onFocusHandler}\n placeholder={placeholder}\n invalid={isStateInvalid}\n resizable={resizable}\n multiline\n rows={rows}\n inputProps={{\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-describedby\":\n ariaDescribedBy != null\n ? ariaDescribedBy\n : description && setId(elementId, \"description\"),\n \"aria-controls\": maxCharQuantity ? setId(elementId, \"charCounter\") : undefined,\n\n ...inputProps,\n }}\n inputRef={inputRef}\n {...others}\n />\n\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} className={classes.error} disableBorder>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvTextArea.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.PropTypes.shape({\n /**\n * Styles applied to the root container of the textarea.\n */\n root: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n disabled: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n resizable: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n invalid: PropTypes.string,\n\n /**\n * Styles applied to the base input root which is comprising of everything but the labels and descriptions.\n */\n baseInput: PropTypes.string,\n\n /**\n * Style applied on the text area element.\n */\n input: PropTypes.string,\n /**\n * Styles applied to text area element element when it is resizable. Can be used to set max/min width.\n */\n inputResizable: PropTypes.string,\n\n /**\n * Styles applied to text area container that holds the label, description and counter.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n description: PropTypes.string,\n /**\n * Style applied on the character counter.\n */\n characterCounter: PropTypes.string,\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n /**\n * The form element name.\n */\n name: PropTypes.string,\n\n /**\n * The value of the form element.\n */\n value: PropTypes.string,\n /**\n * When uncontrolled, defines the initial input value.\n */\n defaultValue: PropTypes.string,\n\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that the form element is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when `status` is \"invalid\".\n */\n statusMessage: PropTypes.string,\n /**\n * Identifies the element that provides an error message for the textarea.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n\n /**\n * The function that will be executed onChange.\n */\n onChange: PropTypes.func,\n\n /**\n * The placeholder value of the input.\n */\n placeholder: PropTypes.string,\n\n /**\n * Text between the current char counter and max value.\n */\n middleCountLabel: PropTypes.string,\n\n /**\n * An Object containing the various texts associated with the input.\n */\n validationMessages: PropTypes.shape({\n /**\n * The value when a validation fails.\n */\n error: PropTypes.string,\n /**\n * The message that appears when there are too many characters.\n */\n maxCharError: PropTypes.string,\n /**\n * The message that appears when there are too few characters.\n */\n minCharError: PropTypes.string,\n /**\n * The message that appears when the input is empty and required.\n */\n requiredError: PropTypes.string,\n }),\n\n /**\n * Attributes applied to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n /**\n * Allows passing a ref to the underlying input\n */\n inputRef: refType,\n\n /**\n * The function that will be executed onBlur, allows checking the validation state,\n * it receives the value and the validation state (`invalid`, `valid`).\n */\n onBlur: PropTypes.func,\n /**\n * The function that will be executed onBlur, allows checking the value state,\n * it receives the value.\n */\n onFocus: PropTypes.func,\n\n /**\n * The custom validation function, it receives the value and must return\n * either `true` for valid or `false` for invalid, default validations would only\n * occur if this function is null or undefined\n */\n validation: PropTypes.func,\n /**\n * If `true` it should autofocus.\n */\n autoFocus: PropTypes.bool,\n\n /**\n * The maximum allowed length of the characters, if this value is null no check\n * will be performed.\n */\n maxCharQuantity: PropTypes.number,\n /**\n * The minimum allowed length of the characters, if this value is null no check\n * will be perform.\n */\n minCharQuantity: PropTypes.number,\n\n /**\n * The number of rows of the text area\n */\n rows: PropTypes.number,\n /**\n * If `true` the component is resizable.\n */\n resizable: PropTypes.bool,\n /**\n * Auto-scroll: automatically scroll to the end on value changes.\n * Will stop if the user scrolls up and resume if scrolled to the bottom.\n */\n autoScroll: PropTypes.bool,\n /**\n * If `true` it isn't possible to have more characters than the `maxCharQuantity`\n */\n blockMax: PropTypes.bool,\n /**\n * If `true` the character counter isn't shown even if maxCharQuantity is set.\n */\n hideCounter: PropTypes.bool,\n\n /**\n * Props passed to the HvCharCount component.\n */\n countCharProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTextArea\" })(HvTextArea);\n"],"file":"TextArea.js"}
|
|
@@ -152,7 +152,7 @@ var HvTextArea = function HvTextArea(props) {
|
|
|
152
152
|
|
|
153
153
|
var isScrolledDown = useCallback(function () {
|
|
154
154
|
var el = inputRef.current;
|
|
155
|
-
return el == null || el.
|
|
155
|
+
return el == null || el.offsetHeight + el.scrollTop >= el.scrollHeight;
|
|
156
156
|
}, [inputRef]);
|
|
157
157
|
var scrollDown = useCallback(function () {
|
|
158
158
|
var el = inputRef.current;
|
|
@@ -212,13 +212,13 @@ var HvTextArea = function HvTextArea(props) {
|
|
|
212
212
|
useEffect(function () {
|
|
213
213
|
if (autoScroll) {
|
|
214
214
|
addScrollListener();
|
|
215
|
-
scrollDown();
|
|
216
215
|
}
|
|
217
|
-
|
|
216
|
+
}, [autoScroll, addScrollListener]);
|
|
217
|
+
useEffect(function () {
|
|
218
218
|
if (autoScrolling) {
|
|
219
219
|
scrollDown();
|
|
220
220
|
}
|
|
221
|
-
}, [
|
|
221
|
+
}, [valueProp, autoScrolling, scrollDown]); // run initial validation after first render
|
|
222
222
|
// and also when any validation condition changes
|
|
223
223
|
|
|
224
224
|
useEffect(function () {
|
|
@@ -1 +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":"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","sourcesContent":["import React, { useRef, useState, useEffect, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport isNil from \"lodash/isNil\";\n\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { refType, setId, useControlled } from \"../utils\";\n\nimport {\n HvFormElement,\n HvBaseInput,\n HvLabel,\n HvInfoMessage,\n HvWarningText,\n HvCharCounter,\n useUniqueId,\n} from \"..\";\n\nimport validationStates, { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n DEFAULT_ERROR_MESSAGES,\n validationTypes,\n hasBuiltInValidations,\n validateInput,\n computeValidationState,\n computeValidationMessage,\n} from \"../BaseInput/validations\";\n\nimport styles from \"./styles\";\n\n/**\n * A text area is a multiline text input box, with an optional character counter when there is a length limit.\n */\nconst HvTextArea = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n value: valueProp,\n defaultValue = \"\",\n\n required = false,\n readOnly = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n placeholder,\n\n autoFocus = false,\n\n middleCountLabel = \"/\",\n\n rows = 1,\n resizable = false,\n autoScroll = false,\n\n hideCounter = false,\n\n validationMessages,\n\n maxCharQuantity,\n minCharQuantity,\n validation,\n\n blockMax = false,\n\n inputRef: inputRefProp,\n onBlur,\n onFocus,\n\n inputProps = {},\n countCharProps = {},\n\n ...others\n } = props;\n\n const elementId = useUniqueId(id, \"hvtextarea\");\n\n const inputRefOwn = useRef(null);\n const inputRef = inputRefProp || inputRefOwn;\n\n const [focused, setFocused] = React.useState(false);\n\n // signals that the user has manually edited the input value\n const isDirty = useRef(false);\n\n // value related state\n const [value, setValue] = useControlled(valueProp, defaultValue);\n\n const isEmptyValue = value == null || value === \"\";\n\n // validation related state\n const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n\n const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n // validationMessages reference tends to change, as users will not memoize/useState for it;\n // dependencies must be more explicit so we set\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const errorMessages = useMemo(\n () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n validationMessages?.error,\n validationMessages?.requiredError,\n validationMessages?.minCharError,\n validationMessages?.maxCharError,\n ]\n );\n\n const isOverflow = (currentValue) =>\n isNil(maxCharQuantity) ? false : currentValue.length > maxCharQuantity;\n\n // validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n // and returns the validity state of the input.\n const performValidation = useCallback(() => {\n const inputValidity = validateInput(\n inputRef.current,\n value,\n required,\n minCharQuantity,\n maxCharQuantity,\n validationTypes.none,\n validation\n );\n\n // this will only run if status is uncontrolled\n setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n // this will only run if statusMessage is uncontrolled\n setValidationMessage(computeValidationMessage(inputValidity, errorMessages));\n\n return inputValidity;\n }, [\n errorMessages,\n inputRef,\n isEmptyValue,\n maxCharQuantity,\n minCharQuantity,\n required,\n setValidationMessage,\n setValidationState,\n validation,\n value,\n ]);\n\n /**\n * Limit the string to the maxCharQuantity length.\n *\n * @param value - string to evaluate\n * @returns {string|*} - string according the limit\n */\n const limitValue = (currentValue) => {\n if (currentValue === undefined || !blockMax) return currentValue;\n return !isOverflow(currentValue) ? currentValue : currentValue.substring(0, maxCharQuantity);\n };\n\n const [autoScrolling, setAutoScrolling] = useState(autoScroll);\n\n const isScrolledDown = useCallback(() => {\n const el = inputRef.current;\n return el == null || el.scrollHeight - el.scrollTop === el.clientHeight;\n }, [inputRef]);\n\n const scrollDown = useCallback(() => {\n const el = inputRef.current;\n if (el != null) {\n el.scrollTop = el.scrollHeight - el.clientHeight;\n }\n }, [inputRef]);\n\n const addScrollListener = useCallback(() => {\n const scrollHandler = {\n handleEvent: () => {\n setAutoScrolling(isScrolledDown());\n },\n };\n inputRef.current.addEventListener(\"scroll\", scrollHandler);\n }, [inputRef, isScrolledDown]);\n\n /**\n * Validates the text area updating the state and modifying the warning text, also executes\n * the user provided onBlur passing the current validation status and value.\n *\n * @returns {undefined}\n */\n const onContainerBlurHandler = (event) => {\n setFocused(false);\n\n const inputValidity = performValidation();\n\n onBlur?.(event, value, inputValidity);\n };\n\n /**\n * Updates the state putting again the value from the state because the input value is\n * not automatically manage, it also executes the onFocus function from the user passing the value\n */\n const onFocusHandler = (event) => {\n setFocused(true);\n\n // reset validation status to standBy (only when status is uncontrolled)\n setValidationState(validationStates.standBy);\n\n onFocus?.(event, value);\n };\n\n /**\n * Updates the length of the string while is being inputted, also executes the user onChange\n * allowing the customization of the input if required.\n *\n * @param {String} value - The value provided by the HvInput\n */\n const onChangeHandler = (event, currentValue) => {\n isDirty.current = true;\n\n const limitedValue = blockMax ? limitValue(currentValue) : currentValue;\n\n // set the input value (only when value is uncontrolled)\n setValue(limitedValue);\n\n onChange?.(event, limitedValue);\n };\n\n useEffect(() => {\n if (autoScroll) {\n addScrollListener();\n scrollDown();\n }\n if (autoScrolling) {\n scrollDown();\n }\n }, [addScrollListener, autoScroll, autoScrolling, scrollDown]);\n\n // run initial validation after first render\n // and also when any validation condition changes\n useEffect(() => {\n if (focused || (!isDirty.current && isEmptyValue)) {\n // skip validation if currently focused or if empty and\n // the user never manually edited the input value\n return;\n }\n\n performValidation();\n }, [focused, isEmptyValue, performValidation]);\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n const hasCounter = maxCharQuantity != null && !hideCounter;\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and any of the built-in validations are active\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) ||\n (status === undefined &&\n hasBuiltInValidations(\n required,\n validationTypes.none,\n minCharQuantity,\n // if blockMax is true maxCharQuantity will never produce an error\n // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity\n maxCharQuantity != null && (blockMax !== true || value != null) ? maxCharQuantity : null,\n validation,\n inputProps\n )));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(classes.root, className, {\n [classes.resizable]: resizable,\n [classes.disabled]: disabled,\n [classes.invalid]: isStateInvalid,\n })}\n onBlur={onContainerBlurHandler}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel\n className={classes.label}\n id={setId(id, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n\n {hasCounter && (\n <HvCharCounter\n id={setId(elementId, \"charCounter\")}\n className={classes.characterCounter}\n separator={middleCountLabel}\n currentCharQuantity={value.length}\n maxCharQuantity={maxCharQuantity}\n {...countCharProps}\n />\n )}\n\n <HvBaseInput\n classes={{\n root: classes.baseInput,\n input: classes.input,\n inputResizable: classes.inputResizable,\n }}\n id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n name={name}\n value={value}\n required={required}\n readOnly={readOnly}\n disabled={disabled}\n onChange={onChangeHandler}\n autoFocus={autoFocus}\n onFocus={onFocusHandler}\n placeholder={placeholder}\n invalid={isStateInvalid}\n resizable={resizable}\n multiline\n rows={rows}\n inputProps={{\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-describedby\":\n ariaDescribedBy != null\n ? ariaDescribedBy\n : description && setId(elementId, \"description\"),\n \"aria-controls\": maxCharQuantity ? setId(elementId, \"charCounter\") : undefined,\n\n ...inputProps,\n }}\n inputRef={inputRef}\n {...others}\n />\n\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} className={classes.error} disableBorder>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvTextArea.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.PropTypes.shape({\n /**\n * Styles applied to the root container of the textarea.\n */\n root: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n disabled: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n resizable: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n invalid: PropTypes.string,\n\n /**\n * Styles applied to the base input root which is comprising of everything but the labels and descriptions.\n */\n baseInput: PropTypes.string,\n\n /**\n * Style applied on the text area element.\n */\n input: PropTypes.string,\n /**\n * Styles applied to text area element element when it is resizable. Can be used to set max/min width.\n */\n inputResizable: PropTypes.string,\n\n /**\n * Styles applied to text area container that holds the label, description and counter.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n description: PropTypes.string,\n /**\n * Style applied on the character counter.\n */\n characterCounter: PropTypes.string,\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n /**\n * The form element name.\n */\n name: PropTypes.string,\n\n /**\n * The value of the form element.\n */\n value: PropTypes.string,\n /**\n * When uncontrolled, defines the initial input value.\n */\n defaultValue: PropTypes.string,\n\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that the form element is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when `status` is \"invalid\".\n */\n statusMessage: PropTypes.string,\n /**\n * Identifies the element that provides an error message for the textarea.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n\n /**\n * The function that will be executed onChange.\n */\n onChange: PropTypes.func,\n\n /**\n * The placeholder value of the input.\n */\n placeholder: PropTypes.string,\n\n /**\n * Text between the current char counter and max value.\n */\n middleCountLabel: PropTypes.string,\n\n /**\n * An Object containing the various texts associated with the input.\n */\n validationMessages: PropTypes.shape({\n /**\n * The value when a validation fails.\n */\n error: PropTypes.string,\n /**\n * The message that appears when there are too many characters.\n */\n maxCharError: PropTypes.string,\n /**\n * The message that appears when there are too few characters.\n */\n minCharError: PropTypes.string,\n /**\n * The message that appears when the input is empty and required.\n */\n requiredError: PropTypes.string,\n }),\n\n /**\n * Attributes applied to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n /**\n * Allows passing a ref to the underlying input\n */\n inputRef: refType,\n\n /**\n * The function that will be executed onBlur, allows checking the validation state,\n * it receives the value and the validation state (`invalid`, `valid`).\n */\n onBlur: PropTypes.func,\n /**\n * The function that will be executed onBlur, allows checking the value state,\n * it receives the value.\n */\n onFocus: PropTypes.func,\n\n /**\n * The custom validation function, it receives the value and must return\n * either `true` for valid or `false` for invalid, default validations would only\n * occur if this function is null or undefined\n */\n validation: PropTypes.func,\n /**\n * If `true` it should autofocus.\n */\n autoFocus: PropTypes.bool,\n\n /**\n * The maximum allowed length of the characters, if this value is null no check\n * will be performed.\n */\n maxCharQuantity: PropTypes.number,\n /**\n * The minimum allowed length of the characters, if this value is null no check\n * will be perform.\n */\n minCharQuantity: PropTypes.number,\n\n /**\n * The number of rows of the text area\n */\n rows: PropTypes.number,\n /**\n * If `true` the component is resizable.\n */\n resizable: PropTypes.bool,\n /**\n * Auto-scroll: automatically scroll to the end on value changes.\n * Will stop if the user scrolls up and resume if scrolled to the bottom.\n */\n autoScroll: PropTypes.bool,\n /**\n * If `true` it isn't possible to have more characters than the `maxCharQuantity`\n */\n blockMax: PropTypes.bool,\n /**\n * If `true` the character counter isn't shown even if maxCharQuantity is set.\n */\n hideCounter: PropTypes.bool,\n\n /**\n * Props passed to the HvCharCount component.\n */\n countCharProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTextArea\" })(HvTextArea);\n"],"file":"TextArea.js"}
|
|
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","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"}
|
|
@@ -107,7 +107,7 @@ const HvTextArea = props => {
|
|
|
107
107
|
const [autoScrolling, setAutoScrolling] = useState(autoScroll);
|
|
108
108
|
const isScrolledDown = useCallback(() => {
|
|
109
109
|
const el = inputRef.current;
|
|
110
|
-
return el == null || el.
|
|
110
|
+
return el == null || el.offsetHeight + el.scrollTop >= el.scrollHeight;
|
|
111
111
|
}, [inputRef]);
|
|
112
112
|
const scrollDown = useCallback(() => {
|
|
113
113
|
const el = inputRef.current;
|
|
@@ -167,13 +167,13 @@ const HvTextArea = props => {
|
|
|
167
167
|
useEffect(() => {
|
|
168
168
|
if (autoScroll) {
|
|
169
169
|
addScrollListener();
|
|
170
|
-
scrollDown();
|
|
171
170
|
}
|
|
172
|
-
|
|
171
|
+
}, [autoScroll, addScrollListener]);
|
|
172
|
+
useEffect(() => {
|
|
173
173
|
if (autoScrolling) {
|
|
174
174
|
scrollDown();
|
|
175
175
|
}
|
|
176
|
-
}, [
|
|
176
|
+
}, [valueProp, autoScrolling, scrollDown]); // run initial validation after first render
|
|
177
177
|
// and also when any validation condition changes
|
|
178
178
|
|
|
179
179
|
useEffect(() => {
|
|
@@ -1 +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","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","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":"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","sourcesContent":["import React, { useRef, useState, useEffect, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport isNil from \"lodash/isNil\";\n\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { refType, setId, useControlled } from \"../utils\";\n\nimport {\n HvFormElement,\n HvBaseInput,\n HvLabel,\n HvInfoMessage,\n HvWarningText,\n HvCharCounter,\n useUniqueId,\n} from \"..\";\n\nimport validationStates, { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n DEFAULT_ERROR_MESSAGES,\n validationTypes,\n hasBuiltInValidations,\n validateInput,\n computeValidationState,\n computeValidationMessage,\n} from \"../BaseInput/validations\";\n\nimport styles from \"./styles\";\n\n/**\n * A text area is a multiline text input box, with an optional character counter when there is a length limit.\n */\nconst HvTextArea = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n value: valueProp,\n defaultValue = \"\",\n\n required = false,\n readOnly = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n placeholder,\n\n autoFocus = false,\n\n middleCountLabel = \"/\",\n\n rows = 1,\n resizable = false,\n autoScroll = false,\n\n hideCounter = false,\n\n validationMessages,\n\n maxCharQuantity,\n minCharQuantity,\n validation,\n\n blockMax = false,\n\n inputRef: inputRefProp,\n onBlur,\n onFocus,\n\n inputProps = {},\n countCharProps = {},\n\n ...others\n } = props;\n\n const elementId = useUniqueId(id, \"hvtextarea\");\n\n const inputRefOwn = useRef(null);\n const inputRef = inputRefProp || inputRefOwn;\n\n const [focused, setFocused] = React.useState(false);\n\n // signals that the user has manually edited the input value\n const isDirty = useRef(false);\n\n // value related state\n const [value, setValue] = useControlled(valueProp, defaultValue);\n\n const isEmptyValue = value == null || value === \"\";\n\n // validation related state\n const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n\n const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n // validationMessages reference tends to change, as users will not memoize/useState for it;\n // dependencies must be more explicit so we set\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const errorMessages = useMemo(\n () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n validationMessages?.error,\n validationMessages?.requiredError,\n validationMessages?.minCharError,\n validationMessages?.maxCharError,\n ]\n );\n\n const isOverflow = (currentValue) =>\n isNil(maxCharQuantity) ? false : currentValue.length > maxCharQuantity;\n\n // validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n // and returns the validity state of the input.\n const performValidation = useCallback(() => {\n const inputValidity = validateInput(\n inputRef.current,\n value,\n required,\n minCharQuantity,\n maxCharQuantity,\n validationTypes.none,\n validation\n );\n\n // this will only run if status is uncontrolled\n setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n // this will only run if statusMessage is uncontrolled\n setValidationMessage(computeValidationMessage(inputValidity, errorMessages));\n\n return inputValidity;\n }, [\n errorMessages,\n inputRef,\n isEmptyValue,\n maxCharQuantity,\n minCharQuantity,\n required,\n setValidationMessage,\n setValidationState,\n validation,\n value,\n ]);\n\n /**\n * Limit the string to the maxCharQuantity length.\n *\n * @param value - string to evaluate\n * @returns {string|*} - string according the limit\n */\n const limitValue = (currentValue) => {\n if (currentValue === undefined || !blockMax) return currentValue;\n return !isOverflow(currentValue) ? currentValue : currentValue.substring(0, maxCharQuantity);\n };\n\n const [autoScrolling, setAutoScrolling] = useState(autoScroll);\n\n const isScrolledDown = useCallback(() => {\n const el = inputRef.current;\n return el == null || el.scrollHeight - el.scrollTop === el.clientHeight;\n }, [inputRef]);\n\n const scrollDown = useCallback(() => {\n const el = inputRef.current;\n if (el != null) {\n el.scrollTop = el.scrollHeight - el.clientHeight;\n }\n }, [inputRef]);\n\n const addScrollListener = useCallback(() => {\n const scrollHandler = {\n handleEvent: () => {\n setAutoScrolling(isScrolledDown());\n },\n };\n inputRef.current.addEventListener(\"scroll\", scrollHandler);\n }, [inputRef, isScrolledDown]);\n\n /**\n * Validates the text area updating the state and modifying the warning text, also executes\n * the user provided onBlur passing the current validation status and value.\n *\n * @returns {undefined}\n */\n const onContainerBlurHandler = (event) => {\n setFocused(false);\n\n const inputValidity = performValidation();\n\n onBlur?.(event, value, inputValidity);\n };\n\n /**\n * Updates the state putting again the value from the state because the input value is\n * not automatically manage, it also executes the onFocus function from the user passing the value\n */\n const onFocusHandler = (event) => {\n setFocused(true);\n\n // reset validation status to standBy (only when status is uncontrolled)\n setValidationState(validationStates.standBy);\n\n onFocus?.(event, value);\n };\n\n /**\n * Updates the length of the string while is being inputted, also executes the user onChange\n * allowing the customization of the input if required.\n *\n * @param {String} value - The value provided by the HvInput\n */\n const onChangeHandler = (event, currentValue) => {\n isDirty.current = true;\n\n const limitedValue = blockMax ? limitValue(currentValue) : currentValue;\n\n // set the input value (only when value is uncontrolled)\n setValue(limitedValue);\n\n onChange?.(event, limitedValue);\n };\n\n useEffect(() => {\n if (autoScroll) {\n addScrollListener();\n scrollDown();\n }\n if (autoScrolling) {\n scrollDown();\n }\n }, [addScrollListener, autoScroll, autoScrolling, scrollDown]);\n\n // run initial validation after first render\n // and also when any validation condition changes\n useEffect(() => {\n if (focused || (!isDirty.current && isEmptyValue)) {\n // skip validation if currently focused or if empty and\n // the user never manually edited the input value\n return;\n }\n\n performValidation();\n }, [focused, isEmptyValue, performValidation]);\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n const hasCounter = maxCharQuantity != null && !hideCounter;\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and any of the built-in validations are active\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) ||\n (status === undefined &&\n hasBuiltInValidations(\n required,\n validationTypes.none,\n minCharQuantity,\n // if blockMax is true maxCharQuantity will never produce an error\n // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity\n maxCharQuantity != null && (blockMax !== true || value != null) ? maxCharQuantity : null,\n validation,\n inputProps\n )));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(classes.root, className, {\n [classes.resizable]: resizable,\n [classes.disabled]: disabled,\n [classes.invalid]: isStateInvalid,\n })}\n onBlur={onContainerBlurHandler}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel\n className={classes.label}\n id={setId(id, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n\n {hasCounter && (\n <HvCharCounter\n id={setId(elementId, \"charCounter\")}\n className={classes.characterCounter}\n separator={middleCountLabel}\n currentCharQuantity={value.length}\n maxCharQuantity={maxCharQuantity}\n {...countCharProps}\n />\n )}\n\n <HvBaseInput\n classes={{\n root: classes.baseInput,\n input: classes.input,\n inputResizable: classes.inputResizable,\n }}\n id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n name={name}\n value={value}\n required={required}\n readOnly={readOnly}\n disabled={disabled}\n onChange={onChangeHandler}\n autoFocus={autoFocus}\n onFocus={onFocusHandler}\n placeholder={placeholder}\n invalid={isStateInvalid}\n resizable={resizable}\n multiline\n rows={rows}\n inputProps={{\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-describedby\":\n ariaDescribedBy != null\n ? ariaDescribedBy\n : description && setId(elementId, \"description\"),\n \"aria-controls\": maxCharQuantity ? setId(elementId, \"charCounter\") : undefined,\n\n ...inputProps,\n }}\n inputRef={inputRef}\n {...others}\n />\n\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} className={classes.error} disableBorder>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvTextArea.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.PropTypes.shape({\n /**\n * Styles applied to the root container of the textarea.\n */\n root: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n disabled: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n resizable: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n invalid: PropTypes.string,\n\n /**\n * Styles applied to the base input root which is comprising of everything but the labels and descriptions.\n */\n baseInput: PropTypes.string,\n\n /**\n * Style applied on the text area element.\n */\n input: PropTypes.string,\n /**\n * Styles applied to text area element element when it is resizable. Can be used to set max/min width.\n */\n inputResizable: PropTypes.string,\n\n /**\n * Styles applied to text area container that holds the label, description and counter.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n description: PropTypes.string,\n /**\n * Style applied on the character counter.\n */\n characterCounter: PropTypes.string,\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n /**\n * The form element name.\n */\n name: PropTypes.string,\n\n /**\n * The value of the form element.\n */\n value: PropTypes.string,\n /**\n * When uncontrolled, defines the initial input value.\n */\n defaultValue: PropTypes.string,\n\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that the form element is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when `status` is \"invalid\".\n */\n statusMessage: PropTypes.string,\n /**\n * Identifies the element that provides an error message for the textarea.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n\n /**\n * The function that will be executed onChange.\n */\n onChange: PropTypes.func,\n\n /**\n * The placeholder value of the input.\n */\n placeholder: PropTypes.string,\n\n /**\n * Text between the current char counter and max value.\n */\n middleCountLabel: PropTypes.string,\n\n /**\n * An Object containing the various texts associated with the input.\n */\n validationMessages: PropTypes.shape({\n /**\n * The value when a validation fails.\n */\n error: PropTypes.string,\n /**\n * The message that appears when there are too many characters.\n */\n maxCharError: PropTypes.string,\n /**\n * The message that appears when there are too few characters.\n */\n minCharError: PropTypes.string,\n /**\n * The message that appears when the input is empty and required.\n */\n requiredError: PropTypes.string,\n }),\n\n /**\n * Attributes applied to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n /**\n * Allows passing a ref to the underlying input\n */\n inputRef: refType,\n\n /**\n * The function that will be executed onBlur, allows checking the validation state,\n * it receives the value and the validation state (`invalid`, `valid`).\n */\n onBlur: PropTypes.func,\n /**\n * The function that will be executed onBlur, allows checking the value state,\n * it receives the value.\n */\n onFocus: PropTypes.func,\n\n /**\n * The custom validation function, it receives the value and must return\n * either `true` for valid or `false` for invalid, default validations would only\n * occur if this function is null or undefined\n */\n validation: PropTypes.func,\n /**\n * If `true` it should autofocus.\n */\n autoFocus: PropTypes.bool,\n\n /**\n * The maximum allowed length of the characters, if this value is null no check\n * will be performed.\n */\n maxCharQuantity: PropTypes.number,\n /**\n * The minimum allowed length of the characters, if this value is null no check\n * will be perform.\n */\n minCharQuantity: PropTypes.number,\n\n /**\n * The number of rows of the text area\n */\n rows: PropTypes.number,\n /**\n * If `true` the component is resizable.\n */\n resizable: PropTypes.bool,\n /**\n * Auto-scroll: automatically scroll to the end on value changes.\n * Will stop if the user scrolls up and resume if scrolled to the bottom.\n */\n autoScroll: PropTypes.bool,\n /**\n * If `true` it isn't possible to have more characters than the `maxCharQuantity`\n */\n blockMax: PropTypes.bool,\n /**\n * If `true` the character counter isn't shown even if maxCharQuantity is set.\n */\n hideCounter: PropTypes.bool,\n\n /**\n * Props passed to the HvCharCount component.\n */\n countCharProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTextArea\" })(HvTextArea);\n"],"file":"TextArea.js"}
|
|
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","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"],"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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hitachivantara/uikit-react-core",
|
|
3
|
-
"version": "3.56.
|
|
3
|
+
"version": "3.56.1",
|
|
4
4
|
"description": "A collection of React components for the Hitachi Vantara's Design System.",
|
|
5
5
|
"homepage": "https://github.com/lumada-design/hv-uikit-react",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -104,5 +104,5 @@
|
|
|
104
104
|
"publishConfig": {
|
|
105
105
|
"access": "public"
|
|
106
106
|
},
|
|
107
|
-
"gitHead": "
|
|
107
|
+
"gitHead": "b303fbbc5df8c20ca5aa6864c5174d74be4c56de"
|
|
108
108
|
}
|