@hitachivantara/uikit-react-core 4.0.3 → 4.1.0

package/dist/MultiButton/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","height","alignItems","transition","background","hv","palette","atmosphere","atmo2","position","zIndex","width","minWidth","maxWidth","padding","flex","borderTop","atmo4","borderBottom","borderLeft","borderRight","borderRadius","typography","normalText","backgroundColor","atmo3","color","atmo5","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","marginLeft","border","accent","acce1","atmo1","highlightText","button","selected","vertical","flexDirection","btnSecondary","marginTop"],"sources":["../../src/MultiButton/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    height: 32,\n    alignItems: \"center\",\n    transition: \"none\",\n    background: theme.hv.palette.atmosphere.atmo2,\n    position: \"relative\",\n    zIndex: 0,\n\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&>.HvIsFocusVisible\": {\n      zIndex: 5,\n    },\n\n    \"& button$button\": {\n      height: 32,\n      width: \"100%\",\n      minWidth: 32,\n      maxWidth: 200,\n      padding: 0,\n      transition: \"none\",\n      flex: \"1 0 0px\",\n      borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderLeft: \"solid 1px transparent\",\n      borderRight: \"solid 1px transparent\",\n      borderRadius: 0,\n      ...theme.hv.typography.normalText,\n      \"&:active\": {\n        backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n      },\n      \"&:disabled\": {\n        color: theme.hv.palette.atmosphere.atmo5,\n        borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        \"&:hover\": {\n          borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderLeft: \"solid 1px transparent\",\n          borderRight: \"solid 1px transparent\",\n        },\n      },\n      \"&:first-child\": {\n        borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTopLeftRadius: \"2px\",\n        borderBottomLeftRadius: \"2px\",\n      },\n      \"&:last-child\": {\n        borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTopRightRadius: \"2px\",\n        borderBottomRightRadius: \"2px\",\n        \"&:disabled:hover\": {\n          borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4} !important`,\n        },\n      },\n      \"&:not(:first-child)\": {\n        marginLeft: \"-1px\",\n      },\n      \"&$selected\": {\n        \"&:hover\": {\n          \"&:not(:disabled)\": {\n            border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n          },\n          \"&:disabled\": {\n            border: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          },\n        },\n        \"&:disabled\": {\n          zIndex: 1,\n          color: theme.hv.palette.atmosphere.atmo5,\n          background: theme.hv.palette.atmosphere.atmo1,\n          border: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        },\n      },\n    },\n    \"& button$button$selected\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n      height: 34,\n      ...theme.hv.typography.highlightText,\n      borderRadius: \"2px\",\n      border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n      zIndex: 2,\n      \"&:hover\": {\n        background: theme.hv.palette.atmosphere.atmo3,\n      },\n      \"&:first-child, &:last-child\": {\n        border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n      },\n\n      // prevent the focus ring to be hidden by sibling hover background\n      // even when selected\n      \"&.HvIsFocusVisible\": {\n        zIndex: 5,\n      },\n    },\n  },\n  button: {},\n  selected: {},\n  // vertical button display Styling\n  vertical: {\n    flexDirection: \"column\",\n    height: \"auto\",\n    btnSecondary: {\n      flex: \"1 1 20px\",\n    },\n    \"& button$button\": {\n      width: \"100%\",\n      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderTop: \"solid 1px transparent\",\n      borderBottom: \"solid 1px transparent\",\n      \"&:disabled\": {\n        color: theme.hv.palette.atmosphere.atmo5,\n        borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTop: \"solid 1px transparent\",\n        borderBottom: \"solid 1px transparent\",\n        \"&:hover\": {\n          borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderTop: \"solid 1px transparent\",\n          borderBottom: \"solid 1px transparent\",\n        },\n      },\n      \"&:first-child\": {\n        borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTopLeftRadius: \"2px\",\n        borderTopRightRadius: \"2px\",\n      },\n      \"&:last-child\": {\n        borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderBottomLeftRadius: \"2px\",\n        borderBottomRightRadius: \"2px\",\n        \"&:disabled:hover\": {\n          borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4} !important`,\n        },\n      },\n      \"&:not(:first-child)\": {\n        marginLeft: 0,\n        marginTop: -1,\n      },\n      \"&$selected\": {\n        height: 32,\n        width: `calc(100% + 2px) !important`,\n        background: theme.hv.palette.atmosphere.atmo1,\n        ...theme.hv.typography.highlightText,\n        borderRadius: \"2px\",\n        border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n        zIndex: 2,\n        \"&:hover, &:focus\": {\n          background: theme.hv.palette.atmosphere.atmo3,\n        },\n        \"&:disabled\": {\n          zIndex: 1,\n          color: theme.hv.palette.atmosphere.atmo5,\n          background: theme.hv.palette.atmosphere.atmo1,\n          border: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        },\n      },\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","height","alignItems","transition","background","hv","palette","atmosphere","atmo2","position","zIndex","width","minWidth","maxWidth","padding","flex","borderTop","atmo4","borderBottom","borderLeft","borderRight","borderRadius","typography","normalText","backgroundColor","atmo3","color","atmo5","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","marginLeft","border","accent","acce1","atmo1","highlightText","button","selected","vertical","flexDirection","btnSecondary","marginTop"],"sources":["../../src/MultiButton/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    height: 32,\n    alignItems: \"center\",\n    transition: \"none\",\n    background: theme.hv.palette.atmosphere.atmo2,\n    position: \"relative\",\n    zIndex: 0,\n\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&>.HvIsFocusVisible\": {\n      zIndex: 5,\n    },\n\n    \"& button$button\": {\n      height: 32,\n      width: \"100%\",\n      minWidth: 32,\n      maxWidth: 200,\n      padding: 0,\n      transition: \"none\",\n      flex: \"1 0 0px\",\n      borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderLeft: \"solid 1px transparent\",\n      borderRight: \"solid 1px transparent\",\n      borderRadius: 0,\n      ...theme.hv.typography.normalText,\n      \"&:active\": {\n        backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n      },\n      \"&:disabled\": {\n        color: theme.hv.palette.atmosphere.atmo5,\n        borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        \"&:hover\": {\n          borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderLeft: \"solid 1px transparent\",\n          borderRight: \"solid 1px transparent\",\n        },\n      },\n      \"&:first-child\": {\n        borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTopLeftRadius: \"2px\",\n        borderBottomLeftRadius: \"2px\",\n      },\n      \"&:last-child\": {\n        borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTopRightRadius: \"2px\",\n        borderBottomRightRadius: \"2px\",\n        \"&:disabled:hover\": {\n          borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4} !important`,\n        },\n      },\n      \"&:not(:first-child)\": {\n        marginLeft: \"-1px\",\n      },\n      \"&$selected\": {\n        \"&:hover\": {\n          \"&:not(:disabled)\": {\n            border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n          },\n          \"&:disabled\": {\n            border: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          },\n        },\n        \"&:disabled\": {\n          zIndex: 1,\n          color: theme.hv.palette.atmosphere.atmo5,\n          background: theme.hv.palette.atmosphere.atmo1,\n          border: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        },\n      },\n    },\n    \"& button$button$selected\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n      height: 34,\n      ...theme.hv.typography.highlightText,\n      borderRadius: \"2px\",\n      border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n      zIndex: 2,\n      \"&:hover\": {\n        background: theme.hv.palette.atmosphere.atmo3,\n      },\n      \"&:first-child, &:last-child\": {\n        border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n      },\n\n      // prevent the focus ring to be hidden by sibling hover background\n      // even when selected\n      \"&.HvIsFocusVisible\": {\n        zIndex: 5,\n      },\n    },\n  },\n  button: {},\n  selected: {},\n  // vertical button display Styling\n  vertical: {\n    flexDirection: \"column\",\n    height: \"auto\",\n    btnSecondary: {\n      flex: \"1 1 20px\",\n    },\n    \"& button$button\": {\n      width: \"100%\",\n      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderTop: \"solid 1px transparent\",\n      borderBottom: \"solid 1px transparent\",\n      \"&:disabled\": {\n        color: theme.hv.palette.atmosphere.atmo5,\n        borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTop: \"solid 1px transparent\",\n        borderBottom: \"solid 1px transparent\",\n        \"&:hover\": {\n          borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderTop: \"solid 1px transparent\",\n          borderBottom: \"solid 1px transparent\",\n        },\n      },\n      \"&:first-child\": {\n        borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTopLeftRadius: \"2px\",\n        borderTopRightRadius: \"2px\",\n      },\n      \"&:last-child\": {\n        borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderBottomLeftRadius: \"2px\",\n        borderBottomRightRadius: \"2px\",\n        \"&:disabled:hover\": {\n          borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4} !important`,\n        },\n      },\n      \"&:not(:first-child)\": {\n        marginLeft: 0,\n        marginTop: -1,\n      },\n      \"&$selected\": {\n        height: 32,\n        width: `calc(100% + 2px) !important`,\n        background: theme.hv.palette.atmosphere.atmo1,\n        ...theme.hv.typography.highlightText,\n        borderRadius: \"2px\",\n        border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n        zIndex: 2,\n        \"&:hover, &:focus\": {\n          background: theme.hv.palette.atmosphere.atmo3,\n        },\n        \"&:disabled\": {\n          zIndex: 1,\n          color: theme.hv.palette.atmosphere.atmo5,\n          background: theme.hv.palette.atmosphere.atmo1,\n          border: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        },\n      },\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/OverflowTooltip/OverflowTooltip.js

@@ -1,64 +1,36 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 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");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.RawOverflowTooltip = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 require("core-js/modules/es.regexp.exec.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.regexp.to-string.js");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactResizeDetector = require("react-resize-detector");
-
 var _styles = require("@mui/styles");
-
 var _ = require("..");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 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; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var styles = (0, _styles.createStyles)({
   tooltipData: {},
   tooltipAnchor: {
@@ -73,41 +45,36 @@ var styles = (0, _styles.createStyles)({
     "-webkit-box-orient": "vertical"
   }
 });
-
 var isParagraph = function isParagraph(children) {
   return /\s/.test(children);
 };
+
 /**
  * This component generates a tooltip whenever the text is overflowed.
  */
-
-
 var HvOverflowTooltip = function HvOverflowTooltip(_ref) {
   var _ref$current;
-
   var id = _ref.id,
-      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;
-
+    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)({
-    refreshMode: "debounce",
-    refreshOptions: {
-      trailing: true
-    },
-    handleHeight: false
-  }),
-      _useResizeDetector$wi = _useResizeDetector.width,
-      width = _useResizeDetector$wi === void 0 ? 0 : _useResizeDetector$wi,
-      ref = _useResizeDetector.ref;
-
-  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
-
+      refreshMode: "debounce",
+      refreshOptions: {
+        trailing: true
+      },
+      handleHeight: false
+    }),
+    _useResizeDetector$wi = _useResizeDetector.width,
+    width = _useResizeDetector$wi === void 0 ? 0 : _useResizeDetector$wi,
+    ref = _useResizeDetector.ref;
+  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());
@@ -133,24 +100,20 @@ var HvOverflowTooltip = function HvOverflowTooltip(_ref) {
     children: content
   })) : content;
 };
-
 exports.RawOverflowTooltip = HvOverflowTooltip;
 process.env.NODE_ENV !== "production" ? HvOverflowTooltip.propTypes = {
   /**
    * Id to be applied to the tooltip.
    */
   id: _propTypes.default.string,
-
   /**
    * The node that will be rendered inside the tooltip.
    */
   data: _propTypes.default.node,
-
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -159,47 +122,38 @@ process.env.NODE_ENV !== "production" ? HvOverflowTooltip.propTypes = {
      * Styles applied to the root of the component.
      */
     root: _propTypes.default.string,
-
     /**
      * Styles applied to the data container in the tooltip.
      */
     tooltipData: _propTypes.default.string,
-
     /**
      * Styles applied to the anchor of the tooltip.
      */
     tooltipAnchor: _propTypes.default.string,
-
     /**
      * Styles applied to the anchor of the when it is a paragraph.
      */
     tooltipAnchorParagraph: _propTypes.default.string
   }).isRequired,
-
   /**
    * If `true` the overflow tooltip will always use the paragraph overflow style.
    */
   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.
    */
   tooltipsProps: _propTypes.default.instanceOf(Object)
 } : void 0;
-
 var _default = (0, _styles.withStyles)(styles, {
   name: "HvOverflowTooltip"
 })( /*#__PURE__*/_react.default.memo(HvOverflowTooltip));
-
 exports.default = _default;
 //# sourceMappingURL=OverflowTooltip.js.map

package/dist/OverflowTooltip/OverflowTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowTooltip.js","names":["styles","createStyles","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display","isParagraph","children","test","HvOverflowTooltip","id","className","classes","data","open","paragraphOverflow","placement","tooltipsProps","useResizeDetector","refreshMode","refreshOptions","trailing","handleHeight","width","ref","scrollWidth","current","isOverflowing","isParag","useMemo","toString","content","clsx","propTypes","PropTypes","string","node","shape","root","isRequired","bool","oneOf","instanceOf","Object","withStyles","name","React","memo"],"sources":["../../src/OverflowTooltip/OverflowTooltip.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { withStyles, createStyles } from \"@mui/styles\";\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"],"mappings":"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"}
+{"version":3,"file":"OverflowTooltip.js","names":["styles","createStyles","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display","isParagraph","children","test","HvOverflowTooltip","id","className","classes","data","open","paragraphOverflow","placement","tooltipsProps","useResizeDetector","refreshMode","refreshOptions","trailing","handleHeight","width","ref","scrollWidth","current","isOverflowing","isParag","useMemo","toString","content","clsx","propTypes","PropTypes","string","node","shape","root","isRequired","bool","oneOf","instanceOf","Object","withStyles","name","React","memo"],"sources":["../../src/OverflowTooltip/OverflowTooltip.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { withStyles, createStyles } from \"@mui/styles\";\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"],"mappings":"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"}

package/dist/OverflowTooltip/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _OverflowTooltip.default;
   }
 });
-
 var _OverflowTooltip = _interopRequireDefault(require("./OverflowTooltip"));
 //# sourceMappingURL=index.js.map

package/dist/OverflowTooltip/index.js.map

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

package/dist/Pagination/ButtonIconTooltip.js

@@ -1,47 +1,30 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ = require("..");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["tooltip", "children"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 // eslint-disable-next-line react/prop-types
 var ButtonIconTooltip = function ButtonIconTooltip(_ref) {
   var tooltip = _ref.tooltip,
-      children = _ref.children,
-      buttonProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    children = _ref.children,
+    buttonProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTooltip, {
     title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
       children: tooltip
@@ -55,7 +38,6 @@ var ButtonIconTooltip = function ButtonIconTooltip(_ref) {
     })
   });
 };
-
 var _default = ButtonIconTooltip;
 exports.default = _default;
 //# sourceMappingURL=ButtonIconTooltip.js.map

package/dist/Pagination/ButtonIconTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIconTooltip.js","names":["ButtonIconTooltip","tooltip","children","buttonProps"],"sources":["../../src/Pagination/ButtonIconTooltip.js"],"sourcesContent":["import React from \"react\";\nimport { HvButton, HvTooltip, HvTypography } from \"..\";\n\n// eslint-disable-next-line react/prop-types\nconst ButtonIconTooltip = ({ tooltip, children, ...buttonProps }) => (\n  <HvTooltip title={<HvTypography>{tooltip}</HvTypography>}>\n    <div>\n      <HvButton icon {...buttonProps}>\n        {children}\n      </HvButton>\n    </div>\n  </HvTooltip>\n);\n\nexport default ButtonIconTooltip;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;;;;;AAEA;AACA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB;EAAA,IAAGC,OAAH,QAAGA,OAAH;EAAA,IAAYC,QAAZ,QAAYA,QAAZ;EAAA,IAAyBC,WAAzB;EAAA,oBACxB,qBAAC,WAAD;IAAW,KAAK,eAAE,qBAAC,cAAD;MAAA,UAAeF;IAAf,EAAlB;IAAA,uBACE;MAAA,uBACE,qBAAC,UAAD;QAAU,IAAI;MAAd,GAAmBE,WAAnB;QAAA,UACGD;MADH;IADF;EADF,EADwB;AAAA,CAA1B;;eAUeF,iB"}
+{"version":3,"file":"ButtonIconTooltip.js","names":["ButtonIconTooltip","tooltip","children","buttonProps"],"sources":["../../src/Pagination/ButtonIconTooltip.js"],"sourcesContent":["import React from \"react\";\nimport { HvButton, HvTooltip, HvTypography } from \"..\";\n\n// eslint-disable-next-line react/prop-types\nconst ButtonIconTooltip = ({ tooltip, children, ...buttonProps }) => (\n  <HvTooltip title={<HvTypography>{tooltip}</HvTypography>}>\n    <div>\n      <HvButton icon {...buttonProps}>\n        {children}\n      </HvButton>\n    </div>\n  </HvTooltip>\n);\n\nexport default ButtonIconTooltip;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AAAuD;AAAA;AAAA;AAAA;AAEvD;AACA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiB;EAAA,IAAMC,OAAO,QAAPA,OAAO;IAAEC,QAAQ,QAARA,QAAQ;IAAKC,WAAW;EAAA,oBAC5D,qBAAC,WAAS;IAAC,KAAK,eAAE,qBAAC,cAAY;MAAA,UAAEF;IAAO,EAAiB;IAAA,uBACvD;MAAA,uBACE,qBAAC,UAAQ;QAAC,IAAI;MAAA,GAAKE,WAAW;QAAA,UAC3BD;MAAQ;IACA;EACP,EACI;AAAA,CACb;AAAC,eAEaF,iBAAiB;AAAA"}