@hitachivantara/uikit-react-core 3.55.1 → 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.
Files changed (38) hide show
  1. package/CHANGELOG.md +57 -0
  2. package/dist/AssetInventory/AssetInventory.d.ts +1 -1
  3. package/dist/AssetInventory/AssetInventory.js +17 -10
  4. package/dist/AssetInventory/AssetInventory.js.map +1 -1
  5. package/dist/AssetInventory/CardView/CardView.js +2 -1
  6. package/dist/AssetInventory/CardView/CardView.js.map +1 -1
  7. package/dist/Barchart/barchartPlotlyOverrides.js +1 -0
  8. package/dist/Barchart/barchartPlotlyOverrides.js.map +1 -1
  9. package/dist/TagsInput/TagsInput.d.ts +17 -1
  10. package/dist/TagsInput/TagsInput.js +34 -5
  11. package/dist/TagsInput/TagsInput.js.map +1 -1
  12. package/dist/TextArea/TextArea.js +4 -4
  13. package/dist/TextArea/TextArea.js.map +1 -1
  14. package/dist/legacy/AssetInventory/AssetInventory.d.ts +1 -1
  15. package/dist/legacy/AssetInventory/AssetInventory.js +17 -10
  16. package/dist/legacy/AssetInventory/AssetInventory.js.map +1 -1
  17. package/dist/legacy/AssetInventory/CardView/CardView.js +2 -1
  18. package/dist/legacy/AssetInventory/CardView/CardView.js.map +1 -1
  19. package/dist/legacy/Barchart/barchartPlotlyOverrides.js +1 -0
  20. package/dist/legacy/Barchart/barchartPlotlyOverrides.js.map +1 -1
  21. package/dist/legacy/TagsInput/TagsInput.d.ts +17 -1
  22. package/dist/legacy/TagsInput/TagsInput.js +34 -5
  23. package/dist/legacy/TagsInput/TagsInput.js.map +1 -1
  24. package/dist/legacy/TextArea/TextArea.js +4 -4
  25. package/dist/legacy/TextArea/TextArea.js.map +1 -1
  26. package/dist/modern/AssetInventory/AssetInventory.d.ts +1 -1
  27. package/dist/modern/AssetInventory/AssetInventory.js +15 -9
  28. package/dist/modern/AssetInventory/AssetInventory.js.map +1 -1
  29. package/dist/modern/AssetInventory/CardView/CardView.js +1 -1
  30. package/dist/modern/AssetInventory/CardView/CardView.js.map +1 -1
  31. package/dist/modern/Barchart/barchartPlotlyOverrides.js +1 -0
  32. package/dist/modern/Barchart/barchartPlotlyOverrides.js.map +1 -1
  33. package/dist/modern/TagsInput/TagsInput.d.ts +17 -1
  34. package/dist/modern/TagsInput/TagsInput.js +34 -5
  35. package/dist/modern/TagsInput/TagsInput.js.map +1 -1
  36. package/dist/modern/TextArea/TextArea.js +4 -4
  37. package/dist/modern/TextArea/TextArea.js.map +1 -1
  38. package/package.json +2 -2
@@ -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.scrollHeight - el.scrollTop === el.clientHeight;
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
- }, [addScrollListener, autoScroll, autoScrolling, scrollDown]); // run initial validation after first render
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.55.1",
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": "e5fc10f26f06ed20b9fa4203b5a8f0a0c905391c"
107
+ "gitHead": "b303fbbc5df8c20ca5aa6864c5174d74be4c56de"
108
108
  }