@hitachivantara/uikit-react-core 3.56.0 → 3.57.0

package/dist/modern/FilterGroup/FilterGroupContext.js

@@ -19,6 +19,7 @@ export const FilterGroupContext = /*#__PURE__*/React.createContext({
 const groups = filters => filters.map(() => []);
 
 export const FilterGroupProvider = ({
+  defaultValue,
   value,
   filters,
   children
@@ -26,12 +27,15 @@ export const FilterGroupProvider = ({
   const [group, setActiveGroup] = useState(0);
   const [filterValues, setFilterValues, rollbackFilters, appliedFilters] = useSavedState(value || groups(filters));
   const [applyDisabled, setApplyDisabled] = useState(false);
+  useEffect(() => {
+    setFilterValues(value, true);
+  }, [value, setFilterValues]);
   useEffect(() => {
     setApplyDisabled(isEqual(filterValues, appliedFilters));
   }, [filterValues, appliedFilters]);
   const clearFilters = useCallback(() => {
-    setFilterValues(groups(filters));
-  }, [filters, setFilterValues]);
+    setFilterValues(defaultValue || groups(filters));
+  }, [filters, setFilterValues, defaultValue]);
   const applyFilters = useCallback(() => {
     setFilterValues(filterValues, true);
   }, [filterValues, setFilterValues]);
@@ -45,13 +49,15 @@ export const FilterGroupProvider = ({
     rollbackFilters,
     clearFilters,
     applyFilters,
-    applyDisabled
-  }), [appliedFilters, applyDisabled, applyFilters, clearFilters, filterValues, filters, group, rollbackFilters, setFilterValues]);
+    applyDisabled,
+    defaultValue
+  }), [appliedFilters, applyDisabled, applyFilters, clearFilters, filterValues, filters, group, rollbackFilters, setFilterValues, defaultValue]);
   return /*#__PURE__*/React.createElement(FilterGroupContext.Provider, {
     value: contextValue
   }, children);
 };
 process.env.NODE_ENV !== "production" ? FilterGroupProvider.propTypes = {
+  defaultValue: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))),
   value: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))),
   filters: PropTypes.arrayOf(PropTypes.shape({
     id: PropTypes.string.isRequired,

package/dist/modern/FilterGroup/FilterGroupContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/FilterGroup/FilterGroupContext.js"],"names":["React","useState","useEffect","useMemo","useCallback","PropTypes","isEqual","useSavedState","FilterGroupContext","createContext","activeGroup","setActiveGroup","filterOptions","setFilterOptions","filterValues","setFilterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","groups","filters","map","FilterGroupProvider","value","children","group","appliedFilters","setApplyDisabled","contextValue","propTypes","arrayOf","oneOfType","string","number","shape","id","isRequired","name","data","node"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useMemo, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport isEqual from \"lodash/isEqual\";\nimport { useSavedState } from \"../utils\";\n\nexport const FilterGroupContext = React.createContext({\n  activeGroup: 0,\n  setActiveGroup: () => {},\n  filterOptions: [],\n  setFilterOptions: () => {},\n  filterValues: [],\n  setFilterValues: () => {},\n  rollbackFilters: () => {},\n  clearFilters: () => {},\n  applyFilters: () => {},\n  applyDisabled: false,\n});\n\nconst groups = (filters) => filters.map(() => []);\n\nexport const FilterGroupProvider = ({ value, filters, children }) => {\n  const [group, setActiveGroup] = useState(0);\n  const [filterValues, setFilterValues, rollbackFilters, appliedFilters] = useSavedState(\n    value || groups(filters)\n  );\n  const [applyDisabled, setApplyDisabled] = useState(false);\n\n  useEffect(() => {\n    setApplyDisabled(isEqual(filterValues, appliedFilters));\n  }, [filterValues, appliedFilters]);\n\n  const clearFilters = useCallback(() => {\n    setFilterValues(groups(filters));\n  }, [filters, setFilterValues]);\n\n  const applyFilters = useCallback(() => {\n    setFilterValues(filterValues, true);\n  }, [filterValues, setFilterValues]);\n\n  const contextValue = useMemo(\n    () => ({\n      activeGroup: group,\n      setActiveGroup,\n      filterOptions: filters,\n      filterValues,\n      setFilterValues,\n      appliedFilters,\n      rollbackFilters,\n      clearFilters,\n      applyFilters,\n      applyDisabled,\n    }),\n    [\n      appliedFilters,\n      applyDisabled,\n      applyFilters,\n      clearFilters,\n      filterValues,\n      filters,\n      group,\n      rollbackFilters,\n      setFilterValues,\n    ]\n  );\n\n  return <FilterGroupContext.Provider value={contextValue}>{children}</FilterGroupContext.Provider>;\n};\n\nFilterGroupProvider.propTypes = {\n  value: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string.isRequired,\n      data: PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n          name: PropTypes.string.isRequired,\n        })\n      ).isRequired,\n    })\n  ),\n  children: PropTypes.node.isRequired,\n};\n"],"file":"FilterGroupContext.js"}
+{"version":3,"sources":["../../../src/FilterGroup/FilterGroupContext.js"],"names":["React","useState","useEffect","useMemo","useCallback","PropTypes","isEqual","useSavedState","FilterGroupContext","createContext","activeGroup","setActiveGroup","filterOptions","setFilterOptions","filterValues","setFilterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","groups","filters","map","FilterGroupProvider","defaultValue","value","children","group","appliedFilters","setApplyDisabled","contextValue","propTypes","arrayOf","oneOfType","string","number","shape","id","isRequired","name","data","node"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useMemo, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport isEqual from \"lodash/isEqual\";\nimport { useSavedState } from \"../utils\";\n\nexport const FilterGroupContext = React.createContext({\n  activeGroup: 0,\n  setActiveGroup: () => {},\n  filterOptions: [],\n  setFilterOptions: () => {},\n  filterValues: [],\n  setFilterValues: () => {},\n  rollbackFilters: () => {},\n  clearFilters: () => {},\n  applyFilters: () => {},\n  applyDisabled: false,\n});\n\nconst groups = (filters) => filters.map(() => []);\n\nexport const FilterGroupProvider = ({ defaultValue, value, filters, children }) => {\n  const [group, setActiveGroup] = useState(0);\n  const [filterValues, setFilterValues, rollbackFilters, appliedFilters] = useSavedState(\n    value || groups(filters)\n  );\n  const [applyDisabled, setApplyDisabled] = useState(false);\n\n  useEffect(() => {\n    setFilterValues(value, true);\n  }, [value, setFilterValues]);\n\n  useEffect(() => {\n    setApplyDisabled(isEqual(filterValues, appliedFilters));\n  }, [filterValues, appliedFilters]);\n\n  const clearFilters = useCallback(() => {\n    setFilterValues(defaultValue || groups(filters));\n  }, [filters, setFilterValues, defaultValue]);\n\n  const applyFilters = useCallback(() => {\n    setFilterValues(filterValues, true);\n  }, [filterValues, setFilterValues]);\n\n  const contextValue = useMemo(\n    () => ({\n      activeGroup: group,\n      setActiveGroup,\n      filterOptions: filters,\n      filterValues,\n      setFilterValues,\n      appliedFilters,\n      rollbackFilters,\n      clearFilters,\n      applyFilters,\n      applyDisabled,\n      defaultValue,\n    }),\n    [\n      appliedFilters,\n      applyDisabled,\n      applyFilters,\n      clearFilters,\n      filterValues,\n      filters,\n      group,\n      rollbackFilters,\n      setFilterValues,\n      defaultValue,\n    ]\n  );\n\n  return <FilterGroupContext.Provider value={contextValue}>{children}</FilterGroupContext.Provider>;\n};\n\nFilterGroupProvider.propTypes = {\n  defaultValue: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n  value: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string.isRequired,\n      data: PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n          name: PropTypes.string.isRequired,\n        })\n      ).isRequired,\n    })\n  ),\n  children: PropTypes.node.isRequired,\n};\n"],"file":"FilterGroupContext.js"}

package/dist/modern/OverflowTooltip/OverflowTooltip.d.ts

@@ -4,9 +4,9 @@ export type HvOverflowTooltipKey = "tooltipData" | "tooltipAnchor" | "tooltipAnc
 
 export interface HvOverflowTooltipProps
   extends StandardProps<React.HTMLAttributes<HTMLElement>, HvOverflowTooltipKey> {
-  /**
-   * Id to be applied to the tooltip.
-   */
+   /**
+    * Id to be applied to the tooltip.
+    */
    id?: string;
    /**
     * The node that will be rendered inside the tooltip.
@@ -20,9 +20,29 @@ export interface HvOverflowTooltipProps
     * If `true` the overflow tooltip will always use the paragraph overflow style.
     */
    paragraphOverflow?: boolean;
-  /**
-   * Extra properties to add to the tooltip.
-   */
+   /**
+    * If true, the tooltip is shown.
+    */
+   open?: boolean;
+   /**
+    * Tooltip placement.
+    */
+   placement?:
+   | 'bottom-end'
+   | 'bottom-start'
+   | 'bottom'
+   | 'left-end'
+   | 'left-start'
+   | 'left'
+   | 'right-end'
+   | 'right-start'
+   | 'right'
+   | 'top-end'
+   | 'top-start'
+   | 'top';
+   /**
+    * Extra properties to add to the tooltip.
+    */
    tooltipsProps?: TooltipProps;
 }
 

package/dist/modern/OverflowTooltip/OverflowTooltip.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import React from "react";
+import React, { useMemo } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
 import { useResizeDetector } from "react-resize-detector";
@@ -31,7 +31,9 @@ const HvOverflowTooltip = ({
   className,
   classes,
   data,
+  open,
   paragraphOverflow,
+  placement = "top-start",
   tooltipsProps
 }) => {
   var _ref$current;
@@ -46,20 +48,24 @@ const HvOverflowTooltip = ({
     },
     handleHeight: false
   });
-  const isOverflowing = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollWidth) > width;
-  const isParag = paragraphOverflow && isParagraph(data.toString());
-  return /*#__PURE__*/React.createElement(HvTooltip, _extends({
+  const scrollWidth = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollWidth) || 0; // The difference should be higher than a pixel to be considered as overflowing
+
+  const isOverflowing = scrollWidth - width >= 1;
+  const isParag = useMemo(() => paragraphOverflow && isParagraph(data.toString()), [data, paragraphOverflow]);
+  const content = useMemo(() => /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: clsx(className, isParag ? classes.tooltipAnchorParagraph : classes.tooltipAnchor)
+  }, data), [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, data, isParag, ref]);
+  return open || isOverflowing ? /*#__PURE__*/React.createElement(HvTooltip, _extends({
     id: id,
     disableHoverListener: !isOverflowing,
-    placement: "top-start",
+    open: open,
+    placement: placement,
     title: /*#__PURE__*/React.createElement(HvTypography, {
       className: classes.tooltipData,
       variant: "normalText"
     }, data)
-  }, tooltipsProps), /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    className: clsx(className, isParag ? classes.tooltipAnchorParagraph : classes.tooltipAnchor)
-  }, data));
+  }, tooltipsProps), content) : content;
 };
 
 process.env.NODE_ENV !== "production" ? HvOverflowTooltip.propTypes = {
@@ -108,6 +114,16 @@ process.env.NODE_ENV !== "production" ? HvOverflowTooltip.propTypes = {
    */
   paragraphOverflow: PropTypes.bool,
 
+  /**
+   * Tooltip placement.
+   */
+  placement: PropTypes.oneOf(["bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
+
+  /**
+   * If true, the tooltip is shown.
+   */
+  open: PropTypes.bool,
+
   /**
    * Extra properties to add to the tooltip.
    */

package/dist/modern/OverflowTooltip/OverflowTooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/OverflowTooltip/OverflowTooltip.js"],"names":["React","clsx","PropTypes","useResizeDetector","createStyles","withStyles","HvTooltip","HvTypography","styles","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display","isParagraph","children","test","HvOverflowTooltip","id","className","classes","data","paragraphOverflow","tooltipsProps","width","ref","refreshMode","refreshOptions","trailing","handleHeight","isOverflowing","current","scrollWidth","isParag","toString","propTypes","string","node","shape","root","isRequired","bool","instanceOf","Object","name","memo","RawOverflowTooltip"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { createStyles, withStyles } from \"@material-ui/core\";\n\nimport { HvTooltip, HvTypography } from \"..\";\n\nconst styles = createStyles({\n  tooltipData: {},\n  tooltipAnchor: {\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  tooltipAnchorParagraph: {\n    overflow: \"hidden\",\n    display: \"-webkit-box\",\n    \"-webkit-line-clamp\": 2,\n    \"-webkit-box-orient\": \"vertical\",\n  },\n});\n\nconst isParagraph = (children) => /\\s/.test(children);\n\n/**\n * This component generates a tooltip whenever the text is overflowed.\n */\nconst HvOverflowTooltip = ({ id, className, classes, data, paragraphOverflow, tooltipsProps }) => {\n  const { width = 0, ref } = useResizeDetector({\n    refreshMode: \"debounce\",\n    refreshOptions: {\n      trailing: true,\n    },\n    handleHeight: false,\n  });\n\n  const isOverflowing = ref.current?.scrollWidth > width;\n\n  const isParag = paragraphOverflow && isParagraph(data.toString());\n  return (\n    <HvTooltip\n      id={id}\n      disableHoverListener={!isOverflowing}\n      placement=\"top-start\"\n      title={\n        <HvTypography className={classes.tooltipData} variant=\"normalText\">\n          {data}\n        </HvTypography>\n      }\n      {...tooltipsProps}\n    >\n      <div\n        ref={ref}\n        className={clsx(className, {\n          [classes.tooltipAnchor]: !isParag,\n          [classes.tooltipAnchorParagraph]: isParag,\n        })}\n      >\n        {data}\n      </div>\n    </HvTooltip>\n  );\n};\n\nHvOverflowTooltip.propTypes = {\n  /**\n   * Id to be applied to the tooltip.\n   */\n  id: PropTypes.string,\n  /**\n   * The node that will be rendered inside the tooltip.\n   */\n  data: PropTypes.node,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the data container in the tooltip.\n     */\n    tooltipData: PropTypes.string,\n    /**\n     * Styles applied to the anchor of the tooltip.\n     */\n    tooltipAnchor: PropTypes.string,\n    /**\n     * Styles applied to the anchor of the when it is a paragraph.\n     */\n    tooltipAnchorParagraph: PropTypes.string,\n  }).isRequired,\n  /**\n   * If `true` the overflow tooltip will always use the paragraph overflow style.\n   */\n  paragraphOverflow: PropTypes.bool,\n  /**\n   * Extra properties to add to the tooltip.\n   */\n  tooltipsProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, {\n  name: \"HvOverflowTooltip\",\n})(React.memo(HvOverflowTooltip));\n\nexport { HvOverflowTooltip as RawOverflowTooltip };\n"],"file":"OverflowTooltip.js"}
+{"version":3,"sources":["../../../src/OverflowTooltip/OverflowTooltip.js"],"names":["React","useMemo","clsx","PropTypes","useResizeDetector","createStyles","withStyles","HvTooltip","HvTypography","styles","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display","isParagraph","children","test","HvOverflowTooltip","id","className","classes","data","open","paragraphOverflow","placement","tooltipsProps","width","ref","refreshMode","refreshOptions","trailing","handleHeight","scrollWidth","current","isOverflowing","isParag","toString","content","propTypes","string","node","shape","root","isRequired","bool","oneOf","instanceOf","Object","name","memo","RawOverflowTooltip"],"mappings":"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","sourcesContent":["import React, { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { createStyles, withStyles } from \"@material-ui/core\";\n\nimport { HvTooltip, HvTypography } from \"..\";\n\nconst styles = createStyles({\n  tooltipData: {},\n  tooltipAnchor: {\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  tooltipAnchorParagraph: {\n    overflow: \"hidden\",\n    display: \"-webkit-box\",\n    \"-webkit-line-clamp\": 2,\n    \"-webkit-box-orient\": \"vertical\",\n  },\n});\n\nconst isParagraph = (children) => /\\s/.test(children);\n\n/**\n * This component generates a tooltip whenever the text is overflowed.\n */\nconst HvOverflowTooltip = ({\n  id,\n  className,\n  classes,\n  data,\n  open,\n  paragraphOverflow,\n  placement = \"top-start\",\n  tooltipsProps,\n}) => {\n  const { width = 0, ref } = useResizeDetector({\n    refreshMode: \"debounce\",\n    refreshOptions: {\n      trailing: true,\n    },\n    handleHeight: false,\n  });\n  const scrollWidth = ref.current?.scrollWidth || 0;\n  // The difference should be higher than a pixel to be considered as overflowing\n  const isOverflowing = scrollWidth - width >= 1;\n\n  const isParag = useMemo(\n    () => paragraphOverflow && isParagraph(data.toString()),\n    [data, paragraphOverflow]\n  );\n\n  const content = useMemo(\n    () => (\n      <div\n        ref={ref}\n        className={clsx(className, {\n          [classes.tooltipAnchor]: !isParag,\n          [classes.tooltipAnchorParagraph]: isParag,\n        })}\n      >\n        {data}\n      </div>\n    ),\n    [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, data, isParag, ref]\n  );\n\n  return open || isOverflowing ? (\n    <HvTooltip\n      id={id}\n      disableHoverListener={!isOverflowing}\n      open={open}\n      placement={placement}\n      title={\n        <HvTypography className={classes.tooltipData} variant=\"normalText\">\n          {data}\n        </HvTypography>\n      }\n      {...tooltipsProps}\n    >\n      {content}\n    </HvTooltip>\n  ) : (\n    content\n  );\n};\n\nHvOverflowTooltip.propTypes = {\n  /**\n   * Id to be applied to the tooltip.\n   */\n  id: PropTypes.string,\n  /**\n   * The node that will be rendered inside the tooltip.\n   */\n  data: PropTypes.node,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the data container in the tooltip.\n     */\n    tooltipData: PropTypes.string,\n    /**\n     * Styles applied to the anchor of the tooltip.\n     */\n    tooltipAnchor: PropTypes.string,\n    /**\n     * Styles applied to the anchor of the when it is a paragraph.\n     */\n    tooltipAnchorParagraph: PropTypes.string,\n  }).isRequired,\n  /**\n   * If `true` the overflow tooltip will always use the paragraph overflow style.\n   */\n  paragraphOverflow: PropTypes.bool,\n  /**\n   * Tooltip placement.\n   */\n  placement: PropTypes.oneOf([\n    \"bottom-end\",\n    \"bottom-start\",\n    \"bottom\",\n    \"left-end\",\n    \"left-start\",\n    \"left\",\n    \"right-end\",\n    \"right-start\",\n    \"right\",\n    \"top-end\",\n    \"top-start\",\n    \"top\",\n  ]),\n  /**\n   * If true, the tooltip is shown.\n   */\n  open: PropTypes.bool,\n  /**\n   * Extra properties to add to the tooltip.\n   */\n  tooltipsProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, {\n  name: \"HvOverflowTooltip\",\n})(React.memo(HvOverflowTooltip));\n\nexport { HvOverflowTooltip as RawOverflowTooltip };\n"],"file":"OverflowTooltip.js"}

package/dist/modern/TextArea/TextArea.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/TextArea/TextArea.js"],"names":["React","useRef","useState","useEffect","useCallback","useMemo","PropTypes","isNil","clsx","withStyles","refType","setId","useControlled","HvFormElement","HvBaseInput","HvLabel","HvInfoMessage","HvWarningText","HvCharCounter","useUniqueId","validationStates","isInvalid","DEFAULT_ERROR_MESSAGES","validationTypes","hasBuiltInValidations","validateInput","computeValidationState","computeValidationMessage","styles","HvTextArea","props","classes","className","id","name","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"}
+{"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/dist/modern/Tooltip/Tooltip.js

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

package/dist/modern/Tooltip/Tooltip.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "3.56.0",
+  "version": "3.57.0",
   "description": "A collection of React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -104,5 +104,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9f12e1cd68edd434f8c37746968d64ca8dacd8d3"
+  "gitHead": "ee518295b16b2b783cde7e742c8970b0f13815ed"
 }