@hitachivantara/uikit-react-core 3.56.1 → 3.56.2

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.56.2](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.56.1...@hitachivantara/uikit-react-core@3.56.2) (2022-02-21)
+
+
+### Bug Fixes
+
+* **overflow-tooltip:** tooltip is appearing when not needed ([9c92d8d](https://github.com/lumada-design/hv-uikit-react/commit/9c92d8d26ddbda7742c531d9977a25b8be91028d))
+* **tooltip:** proptype is node when should be enum of strings ([a7139ea](https://github.com/lumada-design/hv-uikit-react/commit/a7139ea2a35d5d4acd93a787ba237f06eb7b478e))
+
+
+
+
+
 ## [3.56.1](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.56.0...@hitachivantara/uikit-react-core@3.56.1) (2022-02-17)
 
 

package/dist/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/OverflowTooltip/OverflowTooltip.js

@@ -1,7 +1,19 @@
 "use strict";
 
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,7 +27,7 @@ require("core-js/modules/es.object.to-string.js");
 
 require("core-js/modules/es.regexp.to-string.js");
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
@@ -27,6 +39,10 @@ var _core = require("@material-ui/core");
 
 var _ = require("..");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var styles = (0, _core.createStyles)({
   tooltipData: {},
   tooltipAnchor: {
@@ -57,7 +73,10 @@ var HvOverflowTooltip = function HvOverflowTooltip(_ref) {
       className = _ref.className,
       classes = _ref.classes,
       data = _ref.data,
+      open = _ref.open,
       paragraphOverflow = _ref.paragraphOverflow,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? "top-start" : _ref$placement,
       tooltipsProps = _ref.tooltipsProps;
 
   var _useResizeDetector = (0, _reactResizeDetector.useResizeDetector)({
@@ -71,20 +90,28 @@ var HvOverflowTooltip = function HvOverflowTooltip(_ref) {
       width = _useResizeDetector$wi === void 0 ? 0 : _useResizeDetector$wi,
       ref = _useResizeDetector.ref;
 
-  var isOverflowing = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollWidth) > width;
-  var isParag = paragraphOverflow && isParagraph(data.toString());
-  return /*#__PURE__*/_react.default.createElement(_.HvTooltip, (0, _extends2.default)({
+  var 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
+
+  var isOverflowing = scrollWidth - width >= 1;
+  var isParag = (0, _react.useMemo)(function () {
+    return paragraphOverflow && isParagraph(data.toString());
+  }, [data, paragraphOverflow]);
+  var content = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      ref: ref,
+      className: (0, _clsx.default)(className, isParag ? classes.tooltipAnchorParagraph : classes.tooltipAnchor)
+    }, data);
+  }, [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, data, isParag, ref]);
+  return open || isOverflowing ? /*#__PURE__*/_react.default.createElement(_.HvTooltip, (0, _extends2.default)({
     id: id,
     disableHoverListener: !isOverflowing,
-    placement: "top-start",
+    open: open,
+    placement: placement,
     title: /*#__PURE__*/_react.default.createElement(_.HvTypography, {
       className: classes.tooltipData,
       variant: "normalText"
     }, data)
-  }, tooltipsProps), /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
-    className: (0, _clsx.default)(className, isParag ? classes.tooltipAnchorParagraph : classes.tooltipAnchor)
-  }, data));
+  }, tooltipsProps), content) : content;
 };
 
 exports.RawOverflowTooltip = HvOverflowTooltip;
@@ -134,6 +161,16 @@ process.env.NODE_ENV !== "production" ? HvOverflowTooltip.propTypes = {
    */
   paragraphOverflow: _propTypes.default.bool,
 
+  /**
+   * Tooltip placement.
+   */
+  placement: _propTypes.default.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.default.bool,
+
   /**
    * Extra properties to add to the tooltip.
    */

package/dist/OverflowTooltip/OverflowTooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/OverflowTooltip/OverflowTooltip.js"],"names":["styles","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display","isParagraph","children","test","HvOverflowTooltip","id","className","classes","data","paragraphOverflow","tooltipsProps","refreshMode","refreshOptions","trailing","handleHeight","width","ref","isOverflowing","current","scrollWidth","isParag","toString","propTypes","PropTypes","string","node","shape","root","isRequired","bool","instanceOf","Object","name","React","memo"],"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":["styles","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display","isParagraph","children","test","HvOverflowTooltip","id","className","classes","data","open","paragraphOverflow","placement","tooltipsProps","refreshMode","refreshOptions","trailing","handleHeight","width","ref","scrollWidth","current","isOverflowing","isParag","toString","content","propTypes","PropTypes","string","node","shape","root","isRequired","bool","oneOf","instanceOf","Object","name","React","memo"],"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/Tooltip/Tooltip.js

@@ -133,7 +133,7 @@ process.env.NODE_ENV !== "production" ? HvTooltip.propTypes = {
   /**
    * Tooltip placement.
    */
-  placement: _propTypes.default.node,
+  placement: _propTypes.default.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/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tooltip/Tooltip.js"],"names":["HvTooltip","React","forwardRef","props","ref","className","classes","open","enterDelay","placement","useSingle","children","title","TransitionComponent","Fade","TransitionProps","timeout","others","undefined","tooltip","tooltipMulti","popper","propTypes","PropTypes","string","shape","root","valuesContainer","values","color","separatorColor","separator","valueWrapper","isRequired","bool","node","number","any","object","styles","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":["HvTooltip","React","forwardRef","props","ref","className","classes","open","enterDelay","placement","useSingle","children","title","TransitionComponent","Fade","TransitionProps","timeout","others","undefined","tooltip","tooltipMulti","popper","propTypes","PropTypes","string","shape","root","valuesContainer","values","color","separatorColor","separator","valueWrapper","isRequired","bool","oneOf","number","node","any","object","styles","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/dist/legacy/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/legacy/OverflowTooltip/OverflowTooltip.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.regexp.to-string.js";
-import React from "react";
+import React, { useMemo } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
 import { useResizeDetector } from "react-resize-detector";
@@ -38,7 +38,10 @@ var HvOverflowTooltip = function HvOverflowTooltip(_ref) {
       className = _ref.className,
       classes = _ref.classes,
       data = _ref.data,
+      open = _ref.open,
       paragraphOverflow = _ref.paragraphOverflow,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? "top-start" : _ref$placement,
       tooltipsProps = _ref.tooltipsProps;
 
   var _useResizeDetector = useResizeDetector({
@@ -52,20 +55,28 @@ var HvOverflowTooltip = function HvOverflowTooltip(_ref) {
       width = _useResizeDetector$wi === void 0 ? 0 : _useResizeDetector$wi,
       ref = _useResizeDetector.ref;
 
-  var isOverflowing = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollWidth) > width;
-  var isParag = paragraphOverflow && isParagraph(data.toString());
-  return /*#__PURE__*/React.createElement(HvTooltip, _extends({
+  var 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
+
+  var isOverflowing = scrollWidth - width >= 1;
+  var isParag = useMemo(function () {
+    return paragraphOverflow && isParagraph(data.toString());
+  }, [data, paragraphOverflow]);
+  var content = useMemo(function () {
+    return /*#__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 = {
@@ -114,6 +125,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/legacy/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","refreshMode","refreshOptions","trailing","handleHeight","width","ref","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","refreshMode","refreshOptions","trailing","handleHeight","width","ref","scrollWidth","current","isOverflowing","isParag","toString","content","propTypes","string","node","shape","root","isRequired","bool","oneOf","instanceOf","Object","name","memo","RawOverflowTooltip"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,iBAAT,QAAkC,uBAAlC;AAEA,SAASC,YAAT,EAAuBC,UAAvB,QAAyC,mBAAzC;AAEA,SAASC,SAAT,EAAoBC,YAApB,QAAwC,IAAxC;AAEA,IAAMC,MAAM,GAAGJ,YAAY,CAAC;AAC1BK,EAAAA,WAAW,EAAE,EADa;AAE1BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,UAAU,EAAE,QADC;AAEbC,IAAAA,QAAQ,EAAE,QAFG;AAGbC,IAAAA,YAAY,EAAE;AAHD,GAFW;AAO1BC,EAAAA,sBAAsB,EAAE;AACtBF,IAAAA,QAAQ,EAAE,QADY;AAEtBG,IAAAA,OAAO,EAAE,aAFa;AAGtB,0BAAsB,CAHA;AAItB,0BAAsB;AAJA;AAPE,CAAD,CAA3B;;AAeA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD;AAAA,SAAc,KAAKC,IAAL,CAAUD,QAAV,CAAd;AAAA,CAApB;AAEA;AACA;AACA;;;AACA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB,OASpB;AAAA;;AAAA,MARJC,EAQI,QARJA,EAQI;AAAA,MAPJC,SAOI,QAPJA,SAOI;AAAA,MANJC,OAMI,QANJA,OAMI;AAAA,MALJC,IAKI,QALJA,IAKI;AAAA,MAJJC,IAII,QAJJA,IAII;AAAA,MAHJC,iBAGI,QAHJA,iBAGI;AAAA,4BAFJC,SAEI;AAAA,MAFJA,SAEI,+BAFQ,WAER;AAAA,MADJC,aACI,QADJA,aACI;;AACJ,2BAA2BxB,iBAAiB,CAAC;AAC3CyB,IAAAA,WAAW,EAAE,UAD8B;AAE3CC,IAAAA,cAAc,EAAE;AACdC,MAAAA,QAAQ,EAAE;AADI,KAF2B;AAK3CC,IAAAA,YAAY,EAAE;AAL6B,GAAD,CAA5C;AAAA,iDAAQC,KAAR;AAAA,MAAQA,KAAR,sCAAgB,CAAhB;AAAA,MAAmBC,GAAnB,sBAAmBA,GAAnB;;AAOA,MAAMC,WAAW,GAAG,iBAAAD,GAAG,CAACE,OAAJ,8DAAaD,WAAb,KAA4B,CAAhD,CARI,CASJ;;AACA,MAAME,aAAa,GAAGF,WAAW,GAAGF,KAAd,IAAuB,CAA7C;AAEA,MAAMK,OAAO,GAAGrC,OAAO,CACrB;AAAA,WAAMyB,iBAAiB,IAAIT,WAAW,CAACO,IAAI,CAACe,QAAL,EAAD,CAAtC;AAAA,GADqB,EAErB,CAACf,IAAD,EAAOE,iBAAP,CAFqB,CAAvB;AAKA,MAAMc,OAAO,GAAGvC,OAAO,CACrB;AAAA,wBACE;AACE,MAAA,GAAG,EAAEiC,GADP;AAEE,MAAA,SAAS,EAAEhC,IAAI,CAACoB,SAAD,EAEqBgB,OAFrB,GAEZf,OAAO,CAACR,sBAFI,GACZQ,OAAO,CAACZ,aADI;AAFjB,OAOGa,IAPH,CADF;AAAA,GADqB,EAYrB,CAACF,SAAD,EAAYC,OAAO,CAACZ,aAApB,EAAmCY,OAAO,CAACR,sBAA3C,EAAmES,IAAnE,EAAyEc,OAAzE,EAAkFJ,GAAlF,CAZqB,CAAvB;AAeA,SAAOT,IAAI,IAAIY,aAAR,gBACL,oBAAC,SAAD;AACE,IAAA,EAAE,EAAEhB,EADN;AAEE,IAAA,oBAAoB,EAAE,CAACgB,aAFzB;AAGE,IAAA,IAAI,EAAEZ,IAHR;AAIE,IAAA,SAAS,EAAEE,SAJb;AAKE,IAAA,KAAK,eACH,oBAAC,YAAD;AAAc,MAAA,SAAS,EAAEJ,OAAO,CAACb,WAAjC;AAA8C,MAAA,OAAO,EAAC;AAAtD,OACGc,IADH;AANJ,KAUMI,aAVN,GAYGY,OAZH,CADK,GAgBLA,OAhBF;AAkBD,CA3DD;;AA6DA,wCAAApB,iBAAiB,CAACqB,SAAlB,GAA8B;AAC5B;AACF;AACA;AACEpB,EAAAA,EAAE,EAAElB,SAAS,CAACuC,MAJc;;AAK5B;AACF;AACA;AACElB,EAAAA,IAAI,EAAErB,SAAS,CAACwC,IARY;;AAS5B;AACF;AACA;AACErB,EAAAA,SAAS,EAAEnB,SAAS,CAACuC,MAZO;;AAa5B;AACF;AACA;AACEnB,EAAAA,OAAO,EAAEpB,SAAS,CAACyC,KAAV,CAAgB;AACvB;AACJ;AACA;AACIC,IAAAA,IAAI,EAAE1C,SAAS,CAACuC,MAJO;;AAKvB;AACJ;AACA;AACIhC,IAAAA,WAAW,EAAEP,SAAS,CAACuC,MARA;;AASvB;AACJ;AACA;AACI/B,IAAAA,aAAa,EAAER,SAAS,CAACuC,MAZF;;AAavB;AACJ;AACA;AACI3B,IAAAA,sBAAsB,EAAEZ,SAAS,CAACuC;AAhBX,GAAhB,EAiBNI,UAjCyB;;AAkC5B;AACF;AACA;AACEpB,EAAAA,iBAAiB,EAAEvB,SAAS,CAAC4C,IArCD;;AAsC5B;AACF;AACA;AACEpB,EAAAA,SAAS,EAAExB,SAAS,CAAC6C,KAAV,CAAgB,CACzB,YADyB,EAEzB,cAFyB,EAGzB,QAHyB,EAIzB,UAJyB,EAKzB,YALyB,EAMzB,MANyB,EAOzB,WAPyB,EAQzB,aARyB,EASzB,OATyB,EAUzB,SAVyB,EAWzB,WAXyB,EAYzB,KAZyB,CAAhB,CAzCiB;;AAuD5B;AACF;AACA;AACEvB,EAAAA,IAAI,EAAEtB,SAAS,CAAC4C,IA1DY;;AA2D5B;AACF;AACA;AACEnB,EAAAA,aAAa,EAAEzB,SAAS,CAAC8C,UAAV,CAAqBC,MAArB;AA9Da,CAA9B;AAiEA,eAAe5C,UAAU,CAACG,MAAD,EAAS;AAChC0C,EAAAA,IAAI,EAAE;AAD0B,CAAT,CAAV,eAEZnD,KAAK,CAACoD,IAAN,CAAWhC,iBAAX,CAFY,CAAf;AAIA,SAASA,iBAAiB,IAAIiC,kBAA9B","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/legacy/Tooltip/Tooltip.js

@@ -118,7 +118,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/legacy/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/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/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.1",
+  "version": "3.56.2",
   "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": "b303fbbc5df8c20ca5aa6864c5174d74be4c56de"
+  "gitHead": "457e24072340a316789a0cc391835ab73917b7ed"
 }