@hitachivantara/uikit-react-core 3.71.0 → 4.0.1-next.0

package/dist/ListContainer/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","React","cloneElement","clsx","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","interactiveProp","interactive","condensedProp","condensed","disableGuttersProp","disableGutters","startAdornment","endAdornment","children","tabIndex","others","useContext","HvListContext","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","handleOnClick","useCallback","clonedStartAdornment","useMemo","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","root","gutters","withStartAdornment","withEndAdornment","focus","propTypes","PropTypes","string","shape","isRequired","bool","node","func","number","withStyles","styles","name"],"sources":["../../../src/ListContainer/ListItem/ListItem.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, { useCallback, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nimport Focus from \"../../Focus\";\n\nimport HvListContext from \"../ListContext\";\n\nconst applyClassNameAndStateToElement = (element, selected, disabled, onClick, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nconst HvListItem = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    role,\n    selected,\n    disabled,\n\n    interactive: interactiveProp,\n    condensed: condensedProp,\n    disableGutters: disableGuttersProp,\n\n    startAdornment,\n    endAdornment,\n\n    onClick,\n\n    children,\n\n    tabIndex,\n\n    ...others\n  } = props;\n\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters = disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive = interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        classes.startAdornment\n      ),\n    [classes.startAdornment, disabled, handleOnClick, selected, startAdornment]\n  );\n  const clonedEndAdornment = useMemo(\n    () => applyClassNameToElement(endAdornment, classes.endAdornment),\n    [classes.endAdornment, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <li\n      id={id}\n      role={role}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(className, classes.root, {\n        [classes.gutters]: !disableGutters,\n        [classes.condensed]: condensed,\n        [classes.interactive]: interactive,\n        [classes.selected]: selected,\n        [classes.disabled]: disabled,\n        [classes.withStartAdornment]: startAdornment != null,\n        [classes.withEndAdornment]: endAdornment != null,\n      })}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </li>\n  );\n\n  return interactive ? (\n    <Focus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: classes.focus }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </Focus>\n  ) : (\n    listItem\n  );\n};\n\nHvListItem.propTypes = {\n  /**\n   * The id of the root element\n   */\n  id: PropTypes.string,\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 component root class.\n     */\n    root: PropTypes.string,\n    gutters: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when it's focusable and reacts to mouse over events.\n     */\n    interactive: PropTypes.string,\n\n    /**\n     * Styles applied to the selected list item.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the list item when disabled.\n     */\n    disabled: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when condensed.\n     */\n    condensed: PropTypes.string,\n\n    /**\n     * @ignore\n     */\n    withStartAdornment: PropTypes.string,\n    /**\n     * @ignore\n     */\n    withEndAdornment: PropTypes.string,\n\n    /**\n     * Styles applied to the start adornment.\n     */\n    startAdornment: PropTypes.string,\n    /**\n     * Styles applied to the end adornment.\n     */\n    endAdornment: PropTypes.string,\n\n    /**\n     * Styles applied when the item is focused.\n     */\n    focus: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role: PropTypes.string,\n  /**\n   * Indicates if the list item is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * If true, the list item will be disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive: PropTypes.bool,\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters: PropTypes.bool,\n\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment: PropTypes.node,\n\n  /**\n   * The function executed when the item is pressed.\n   * @param event React.MouseEvent<HTMLElement>\n   */\n  onClick: PropTypes.func,\n\n  /**\n   * The list item content.\n   */\n  children: PropTypes.node,\n\n  /**\n   * @ignore\n   */\n  tabIndex: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvListItem\" })(HvListItem);\n"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","React","cloneElement","clsx","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","interactiveProp","interactive","condensedProp","condensed","disableGuttersProp","disableGutters","startAdornment","endAdornment","children","tabIndex","others","useContext","HvListContext","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","handleOnClick","useCallback","clonedStartAdornment","useMemo","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","root","gutters","withStartAdornment","withEndAdornment","focus","propTypes","PropTypes","string","shape","isRequired","bool","node","func","number","withStyles","styles","name"],"sources":["../../../src/ListContainer/ListItem/ListItem.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, { useCallback, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nimport Focus from \"../../Focus\";\n\nimport HvListContext from \"../ListContext\";\n\nconst applyClassNameAndStateToElement = (element, selected, disabled, onClick, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nconst HvListItem = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    role,\n    selected,\n    disabled,\n\n    interactive: interactiveProp,\n    condensed: condensedProp,\n    disableGutters: disableGuttersProp,\n\n    startAdornment,\n    endAdornment,\n\n    onClick,\n\n    children,\n\n    tabIndex,\n\n    ...others\n  } = props;\n\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters = disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive = interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        classes.startAdornment\n      ),\n    [classes.startAdornment, disabled, handleOnClick, selected, startAdornment]\n  );\n  const clonedEndAdornment = useMemo(\n    () => applyClassNameToElement(endAdornment, classes.endAdornment),\n    [classes.endAdornment, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <li\n      id={id}\n      role={role}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(className, classes.root, {\n        [classes.gutters]: !disableGutters,\n        [classes.condensed]: condensed,\n        [classes.interactive]: interactive,\n        [classes.selected]: selected,\n        [classes.disabled]: disabled,\n        [classes.withStartAdornment]: startAdornment != null,\n        [classes.withEndAdornment]: endAdornment != null,\n      })}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </li>\n  );\n\n  return interactive ? (\n    <Focus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: classes.focus }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </Focus>\n  ) : (\n    listItem\n  );\n};\n\nHvListItem.propTypes = {\n  /**\n   * The id of the root element\n   */\n  id: PropTypes.string,\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 component root class.\n     */\n    root: PropTypes.string,\n    gutters: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when it's focusable and reacts to mouse over events.\n     */\n    interactive: PropTypes.string,\n\n    /**\n     * Styles applied to the selected list item.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the list item when disabled.\n     */\n    disabled: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when condensed.\n     */\n    condensed: PropTypes.string,\n\n    /**\n     * @ignore\n     */\n    withStartAdornment: PropTypes.string,\n    /**\n     * @ignore\n     */\n    withEndAdornment: PropTypes.string,\n\n    /**\n     * Styles applied to the start adornment.\n     */\n    startAdornment: PropTypes.string,\n    /**\n     * Styles applied to the end adornment.\n     */\n    endAdornment: PropTypes.string,\n\n    /**\n     * Styles applied when the item is focused.\n     */\n    focus: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role: PropTypes.string,\n  /**\n   * Indicates if the list item is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * If true, the list item will be disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive: PropTypes.bool,\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters: PropTypes.bool,\n\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment: PropTypes.node,\n\n  /**\n   * The function executed when the item is pressed.\n   * @param event React.MouseEvent<HTMLElement>\n   */\n  onClick: PropTypes.func,\n\n  /**\n   * The list item content.\n   */\n  children: PropTypes.node,\n\n  /**\n   * @ignore\n   */\n  tabIndex: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvListItem\" })(HvListItem);\n"],"mappings":"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"}

package/dist/Loading/Loading.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvLoadingClassKey =
   | "root"

package/dist/Loading/Loading.js

@@ -1,5 +1,19 @@
 "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", {
@@ -13,7 +27,7 @@ require("core-js/modules/es.array.concat.js");
 
 require("core-js/modules/es.array.map.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -25,14 +39,20 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _range = _interopRequireDefault(require("lodash/range"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _ = require("..");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["className", "classes", "small", "label", "hidden", "color"];
 
+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; }
+
 /**
  * Loading provides feedback about a process that is taking place in the application.
  */
@@ -46,7 +66,7 @@ var HvLoading = function HvLoading(_ref) {
       hidden = _ref$hidden === void 0 ? false : _ref$hidden,
       color = _ref.color,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var theme = (0, _core.useTheme)();
+  var theme = (0, _styles.useTheme)();
 
   var getColor = function getColor(colorName) {
     return color ? theme.palette[color] || color : theme.palette[colorName];
@@ -58,19 +78,22 @@ var HvLoading = function HvLoading(_ref) {
   var inline = {
     backgroundColor: getColor(small ? "acce1" : "acce3")
   };
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
     className: (0, _clsx.default)(className, classes.root, hidden && classes.hidden)
-  }, others), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.barContainer
-  }, (0, _range.default)(0, 3).map(function (e) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: e,
-      style: inline,
-      className: (0, _clsx.default)(classes.loadingBar, classes[variant])
-    });
-  })), label && /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-    className: classes.label
-  }, label));
+  }, others), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.barContainer,
+      children: (0, _range.default)(0, 3).map(function (e) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: inline,
+          className: (0, _clsx.default)(classes.loadingBar, classes[variant])
+        }, e);
+      })
+    }), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+      className: classes.label,
+      children: label
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvLoading.propTypes = {
@@ -140,7 +163,7 @@ process.env.NODE_ENV !== "production" ? HvLoading.propTypes = {
   color: _propTypes.default.string
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvLoading"
 })(HvLoading);
 

package/dist/Loading/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","names":["HvLoading","className","classes","small","label","hidden","color","others","theme","useTheme","getColor","colorName","palette","size","colorVariant","variant","inline","backgroundColor","clsx","root","barContainer","range","map","e","loadingBar","propTypes","PropTypes","string","shape","overlay","blur","isRequired","bool","node","withStyles","styles","name"],"sources":["../../src/Loading/Loading.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { useTheme, withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"..\";\nimport styles from \"./styles\";\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nconst HvLoading = ({\n  className,\n  classes,\n  small = false,\n  label,\n  hidden = false,\n  color,\n  ...others\n}) => {\n  const theme = useTheme();\n\n  const getColor = (colorName) =>\n    color ? theme.palette[color] || color : theme.palette[colorName];\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"acce1\" : \"acce3\") };\n\n  return (\n    <div className={clsx(className, classes.root, { [classes.hidden]: hidden })} {...others}>\n      <div className={classes.barContainer}>\n        {range(0, 3).map((e) => (\n          <div key={e} style={inline} className={clsx(classes.loadingBar, classes[variant])} />\n        ))}\n      </div>\n      {label && <HvTypography className={classes.label}>{label}</HvTypography>}\n    </div>\n  );\n};\n\nHvLoading.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * Style applied to the root of the component\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container.\n     */\n    barContainer: PropTypes.string,\n    /**\n     * Style applied to the loading bar.\n     */\n    loadingBar: PropTypes.string,\n    /**\n     * Style applied to the label text.\n     */\n    label: PropTypes.string,\n    /**\n     * Style applied to the overlay\n     */\n    overlay: PropTypes.string,\n    /**\n     * Style to display overlay.\n     */\n    blur: PropTypes.string,\n    /**\n     * Style applied when when animation is hidden.\n     */\n    hidden: PropTypes.string,\n  }).isRequired,\n  /**\n   * Indicates if the component should be render in a small size.\n   */\n  small: PropTypes.bool,\n  /**\n   * The label to be displayed.\n   */\n  label: PropTypes.node,\n  /**\n   * Whether the loading animation is hidden.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Color applied to the bars.\n   */\n  color: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLoading\" })(HvLoading);\n"],"mappings":"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"}
+{"version":3,"file":"Loading.js","names":["HvLoading","className","classes","small","label","hidden","color","others","theme","useTheme","getColor","colorName","palette","size","colorVariant","variant","inline","backgroundColor","clsx","root","barContainer","range","map","e","loadingBar","propTypes","PropTypes","string","shape","overlay","blur","isRequired","bool","node","withStyles","styles","name"],"sources":["../../src/Loading/Loading.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport { HvTypography } from \"..\";\nimport styles from \"./styles\";\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nconst HvLoading = ({\n  className,\n  classes,\n  small = false,\n  label,\n  hidden = false,\n  color,\n  ...others\n}) => {\n  const theme = useTheme();\n\n  const getColor = (colorName) =>\n    color ? theme.palette[color] || color : theme.palette[colorName];\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"acce1\" : \"acce3\") };\n\n  return (\n    <div className={clsx(className, classes.root, { [classes.hidden]: hidden })} {...others}>\n      <div className={classes.barContainer}>\n        {range(0, 3).map((e) => (\n          <div key={e} style={inline} className={clsx(classes.loadingBar, classes[variant])} />\n        ))}\n      </div>\n      {label && <HvTypography className={classes.label}>{label}</HvTypography>}\n    </div>\n  );\n};\n\nHvLoading.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * Style applied to the root of the component\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container.\n     */\n    barContainer: PropTypes.string,\n    /**\n     * Style applied to the loading bar.\n     */\n    loadingBar: PropTypes.string,\n    /**\n     * Style applied to the label text.\n     */\n    label: PropTypes.string,\n    /**\n     * Style applied to the overlay\n     */\n    overlay: PropTypes.string,\n    /**\n     * Style to display overlay.\n     */\n    blur: PropTypes.string,\n    /**\n     * Style applied when when animation is hidden.\n     */\n    hidden: PropTypes.string,\n  }).isRequired,\n  /**\n   * Indicates if the component should be render in a small size.\n   */\n  small: PropTypes.bool,\n  /**\n   * The label to be displayed.\n   */\n  label: PropTypes.node,\n  /**\n   * Whether the loading animation is hidden.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Color applied to the bars.\n   */\n  color: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLoading\" })(HvLoading);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA;AACA;AACA;AACA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAQZ;EAAA,IAPJC,SAOI,QAPJA,SAOI;EAAA,IANJC,OAMI,QANJA,OAMI;EAAA,sBALJC,KAKI;EAAA,IALJA,KAKI,2BALI,KAKJ;EAAA,IAJJC,KAII,QAJJA,KAII;EAAA,uBAHJC,MAGI;EAAA,IAHJA,MAGI,4BAHK,KAGL;EAAA,IAFJC,KAEI,QAFJA,KAEI;EAAA,IADDC,MACC;EACJ,IAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;;EAEA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,SAAD;IAAA,OACfL,KAAK,GAAGE,KAAK,CAACI,OAAN,CAAcN,KAAd,KAAwBA,KAA3B,GAAmCE,KAAK,CAACI,OAAN,CAAcD,SAAd,CADzB;EAAA,CAAjB;;EAGA,IAAME,IAAI,GAAGV,KAAK,GAAG,OAAH,GAAa,SAA/B;EACA,IAAMW,YAAY,GAAGR,KAAK,GAAG,OAAH,GAAa,EAAvC;EACA,IAAMS,OAAO,aAAMF,IAAN,SAAaC,YAAb,CAAb;EAEA,IAAME,MAAM,GAAG;IAAEC,eAAe,EAAEP,QAAQ,CAACP,KAAK,GAAG,OAAH,GAAa,OAAnB;EAA3B,CAAf;EAEA,oBACE;IAAK,SAAS,EAAE,IAAAe,aAAA,EAAKjB,SAAL,EAAgBC,OAAO,CAACiB,IAAxB,EAAkDd,MAAlD,IAAiCH,OAAO,CAACG,MAAzC;EAAhB,GAAiFE,MAAjF;IAAA,wBACE;MAAK,SAAS,EAAEL,OAAO,CAACkB,YAAxB;MAAA,UACG,IAAAC,cAAA,EAAM,CAAN,EAAS,CAAT,EAAYC,GAAZ,CAAgB,UAACC,CAAD;QAAA,oBACf;UAAa,KAAK,EAAEP,MAApB;UAA4B,SAAS,EAAE,IAAAE,aAAA,EAAKhB,OAAO,CAACsB,UAAb,EAAyBtB,OAAO,CAACa,OAAD,CAAhC;QAAvC,GAAUQ,CAAV,CADe;MAAA,CAAhB;IADH,EADF,EAMGnB,KAAK,iBAAI,qBAAC,cAAD;MAAc,SAAS,EAAEF,OAAO,CAACE,KAAjC;MAAA,UAAyCA;IAAzC,EANZ;EAAA,GADF;AAUD,CA9BD;;AAgCA,wCAAAJ,SAAS,CAACyB,SAAV,GAAsB;EACpB;AACF;AACA;EACExB,SAAS,EAAEyB,kBAAA,CAAUC,MAJD;;EAKpB;AACF;AACA;EACEzB,OAAO,EAAEwB,kBAAA,CAAUA,SAAV,CAAoBE,KAApB,CAA0B;IACjC;AACJ;AACA;IACIT,IAAI,EAAEO,kBAAA,CAAUC,MAJiB;;IAKjC;AACJ;AACA;IACIP,YAAY,EAAEM,kBAAA,CAAUC,MARS;;IASjC;AACJ;AACA;IACIH,UAAU,EAAEE,kBAAA,CAAUC,MAZW;;IAajC;AACJ;AACA;IACIvB,KAAK,EAAEsB,kBAAA,CAAUC,MAhBgB;;IAiBjC;AACJ;AACA;IACIE,OAAO,EAAEH,kBAAA,CAAUC,MApBc;;IAqBjC;AACJ;AACA;IACIG,IAAI,EAAEJ,kBAAA,CAAUC,MAxBiB;;IAyBjC;AACJ;AACA;IACItB,MAAM,EAAEqB,kBAAA,CAAUC;EA5Be,CAA1B,EA6BNI,UArCiB;;EAsCpB;AACF;AACA;EACE5B,KAAK,EAAEuB,kBAAA,CAAUM,IAzCG;;EA0CpB;AACF;AACA;EACE5B,KAAK,EAAEsB,kBAAA,CAAUO,IA7CG;;EA8CpB;AACF;AACA;EACE5B,MAAM,EAAEqB,kBAAA,CAAUM,IAjDE;;EAkDpB;AACF;AACA;EACE1B,KAAK,EAAEoB,kBAAA,CAAUC;AArDG,CAAtB;;eAwDe,IAAAO,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA0CpC,SAA1C,C"}

package/dist/Login/Login.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvLoginClassKey = "container" | "item" | "formContainer";
 

package/dist/Login/Login.js

@@ -1,5 +1,19 @@
 "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", {
@@ -7,7 +21,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -17,12 +31,18 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
+
+var _styles2 = _interopRequireDefault(require("./styles"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["id", "className", "classes", "children", "background"];
 
+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; }
+
 /**
  * Container layout for the login form.
  */
@@ -33,15 +53,18 @@ var HvLogin = function HvLogin(_ref) {
       children = _ref.children,
       background = _ref.background,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     id: id,
     className: (0, _clsx.default)(className, classes.root),
     style: {
       backgroundImage: background && "url(".concat(background, ")")
     }
-  }, others), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.formContainer
-  }, children));
+  }, others), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.formContainer,
+      children: children
+    })
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvLogin.propTypes = {
@@ -81,7 +104,7 @@ process.env.NODE_ENV !== "production" ? HvLogin.propTypes = {
   background: _propTypes.default.string
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvLogin"
 })(HvLogin);
 

package/dist/Login/Login.js.map

@@ -1 +1 @@
-{"version":3,"file":"Login.js","names":["HvLogin","id","className","classes","children","background","others","clsx","root","backgroundImage","formContainer","propTypes","PropTypes","string","shape","isRequired","node","withStyles","styles","name"],"sources":["../../src/Login/Login.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * Container layout for the login form.\n */\nconst HvLogin = ({ id, className, classes, children, background, ...others }) => {\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root)}\n      style={{\n        backgroundImage: background && `url(${background})`,\n      }}\n      {...others}\n    >\n      <div className={classes.formContainer}>{children}</div>\n    </div>\n  );\n};\n\nHvLogin.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\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 root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the form container.\n     */\n    formContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The form to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   *  The path for the background image.\n   */\n  background: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLogin\" })(HvLogin);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAiE;EAAA,IAA9DC,EAA8D,QAA9DA,EAA8D;EAAA,IAA1DC,SAA0D,QAA1DA,SAA0D;EAAA,IAA/CC,OAA+C,QAA/CA,OAA+C;EAAA,IAAtCC,QAAsC,QAAtCA,QAAsC;EAAA,IAA5BC,UAA4B,QAA5BA,UAA4B;EAAA,IAAbC,MAAa;EAC/E,oBACE;IACE,EAAE,EAAEL,EADN;IAEE,SAAS,EAAE,IAAAM,aAAA,EAAKL,SAAL,EAAgBC,OAAO,CAACK,IAAxB,CAFb;IAGE,KAAK,EAAE;MACLC,eAAe,EAAEJ,UAAU,kBAAWA,UAAX;IADtB;EAHT,GAMMC,MANN,gBAQE;IAAK,SAAS,EAAEH,OAAO,CAACO;EAAxB,GAAwCN,QAAxC,CARF,CADF;AAYD,CAbD;;AAeA,wCAAAJ,OAAO,CAACW,SAAR,GAAoB;EAClB;AACF;AACA;EACEV,EAAE,EAAEW,kBAAA,CAAUC,MAJI;;EAKlB;AACF;AACA;EACEX,SAAS,EAAEU,kBAAA,CAAUC,MARH;;EASlB;AACF;AACA;EACEV,OAAO,EAAES,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIH,aAAa,EAAEE,kBAAA,CAAUC;EARF,CAAhB,EASNE,UArBe;;EAsBlB;AACF;AACA;EACEX,QAAQ,EAAEQ,kBAAA,CAAUI,IAAV,CAAeD,UAzBP;;EA0BlB;AACF;AACA;EACEV,UAAU,EAAEO,kBAAA,CAAUC;AA7BJ,CAApB;;eAgCe,IAAAI,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAwCnB,OAAxC,C"}
+{"version":3,"file":"Login.js","names":["HvLogin","id","className","classes","children","background","others","clsx","root","backgroundImage","formContainer","propTypes","PropTypes","string","shape","isRequired","node","withStyles","styles","name"],"sources":["../../src/Login/Login.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\n/**\n * Container layout for the login form.\n */\nconst HvLogin = ({ id, className, classes, children, background, ...others }) => {\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root)}\n      style={{\n        backgroundImage: background && `url(${background})`,\n      }}\n      {...others}\n    >\n      <div className={classes.formContainer}>{children}</div>\n    </div>\n  );\n};\n\nHvLogin.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\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 root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the form container.\n     */\n    formContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The form to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   *  The path for the background image.\n   */\n  background: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLogin\" })(HvLogin);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAiE;EAAA,IAA9DC,EAA8D,QAA9DA,EAA8D;EAAA,IAA1DC,SAA0D,QAA1DA,SAA0D;EAAA,IAA/CC,OAA+C,QAA/CA,OAA+C;EAAA,IAAtCC,QAAsC,QAAtCA,QAAsC;EAAA,IAA5BC,UAA4B,QAA5BA,UAA4B;EAAA,IAAbC,MAAa;EAC/E,oBACE;IACE,EAAE,EAAEL,EADN;IAEE,SAAS,EAAE,IAAAM,aAAA,EAAKL,SAAL,EAAgBC,OAAO,CAACK,IAAxB,CAFb;IAGE,KAAK,EAAE;MACLC,eAAe,EAAEJ,UAAU,kBAAWA,UAAX;IADtB;EAHT,GAMMC,MANN;IAAA,uBAQE;MAAK,SAAS,EAAEH,OAAO,CAACO,aAAxB;MAAA,UAAwCN;IAAxC;EARF,GADF;AAYD,CAbD;;AAeA,wCAAAJ,OAAO,CAACW,SAAR,GAAoB;EAClB;AACF;AACA;EACEV,EAAE,EAAEW,kBAAA,CAAUC,MAJI;;EAKlB;AACF;AACA;EACEX,SAAS,EAAEU,kBAAA,CAAUC,MARH;;EASlB;AACF;AACA;EACEV,OAAO,EAAES,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIH,aAAa,EAAEE,kBAAA,CAAUC;EARF,CAAhB,EASNE,UArBe;;EAsBlB;AACF;AACA;EACEX,QAAQ,EAAEQ,kBAAA,CAAUI,IAAV,CAAeD,UAzBP;;EA0BlB;AACF;AACA;EACEV,UAAU,EAAEO,kBAAA,CAAUC;AA7BJ,CAApB;;eAgCe,IAAAI,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAwCnB,OAAxC,C"}

package/dist/MultiButton/MultiButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvButtonCategories } from "../Button";
 
 export type HvMultiButtonClassKey =

package/dist/MultiButton/MultiButton.js

@@ -1,17 +1,27 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
+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");
+
+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");
@@ -23,7 +33,7 @@ exports.default = void 0;
 
 require("core-js/modules/es.array.map.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -33,9 +43,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["className", "children", "classes", "disabled", "vertical", "category"];
 
@@ -43,6 +55,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
+
 /**
  * Multi-buttons are grouped sets of buttons displayed horizontal or vertically in the same container.
  */
@@ -57,16 +73,18 @@ var HvMultiButton = function HvMultiButton(props) {
       _props$category = props.category,
       category = _props$category === void 0 ? "ghost" : _props$category,
       others = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     className: (0, _clsx.default)(className, classes.root, vertical && classes.vertical)
-  }, others), _react.default.Children.map(children, function (child) {
-    var childIsSelected = !!child.props.selected;
-    return /*#__PURE__*/(0, _react.cloneElement)(child, {
-      category: category,
-      disabled: disabled || child.props.disabled,
-      className: (0, _clsx.default)(child.props.className, classes.button, childIsSelected && classes.selected),
-      "aria-pressed": childIsSelected
-    });
+  }, others), {}, {
+    children: _react.default.Children.map(children, function (child) {
+      var childIsSelected = !!child.props.selected;
+      return /*#__PURE__*/(0, _react.cloneElement)(child, {
+        category: category,
+        disabled: disabled || child.props.disabled,
+        className: (0, _clsx.default)(child.props.className, classes.button, childIsSelected && classes.selected),
+        "aria-pressed": childIsSelected
+      });
+    })
   }));
 };
 
@@ -122,7 +140,7 @@ process.env.NODE_ENV !== "production" ? HvMultiButton.propTypes = {
   category: _propTypes.default.oneOf(["ghost", "icon", "primary", "secondary", "semantic"])
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvMultiButton"
 })(HvMultiButton);
 

package/dist/MultiButton/MultiButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiButton.js","names":["HvMultiButton","props","className","children","classes","disabled","vertical","category","others","clsx","root","React","Children","map","child","childIsSelected","selected","cloneElement","button","propTypes","PropTypes","string","node","shape","isRequired","bool","oneOf","withStyles","styles","name"],"sources":["../../src/MultiButton/MultiButton.js"],"sourcesContent":["import React, { cloneElement } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * Multi-buttons are grouped sets of buttons displayed horizontal or vertically in the same container.\n */\nconst HvMultiButton = (props) => {\n  const {\n    className,\n    children,\n    classes,\n    disabled = false,\n    vertical = false,\n    category = \"ghost\",\n    ...others\n  } = props;\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.vertical]: vertical,\n      })}\n      {...others}\n    >\n      {React.Children.map(children, (child) => {\n        const childIsSelected = !!child.props.selected;\n\n        return cloneElement(child, {\n          category,\n          disabled: disabled || child.props.disabled,\n          className: clsx(child.props.className, classes.button, {\n            [classes.selected]: childIsSelected,\n          }),\n          \"aria-pressed\": childIsSelected,\n        });\n      })}\n    </div>\n  );\n};\n\nHvMultiButton.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The MultiButton's buttons.\n   */\n  children: PropTypes.node,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the MultiButton root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the MultiButton when it's vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the each button.\n     */\n    button: PropTypes.string,\n    /**\n     * Styles applied to the button when it's selected.\n     */\n    selected: PropTypes.string,\n  }).isRequired,\n  /**\n   * If all the buttons are disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If the MultiButton is to be displayed vertically.\n   */\n  vertical: PropTypes.bool,\n  /**\n   * Category of button to use\n   */\n  category: PropTypes.oneOf([\"ghost\", \"icon\", \"primary\", \"secondary\", \"semantic\"]),\n};\n\nexport default withStyles(styles, { name: \"HvMultiButton\" })(HvMultiButton);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;EAC/B,IACEC,SADF,GAQID,KARJ,CACEC,SADF;EAAA,IAEEC,QAFF,GAQIF,KARJ,CAEEE,QAFF;EAAA,IAGEC,OAHF,GAQIH,KARJ,CAGEG,OAHF;EAAA,sBAQIH,KARJ,CAIEI,QAJF;EAAA,IAIEA,QAJF,gCAIa,KAJb;EAAA,sBAQIJ,KARJ,CAKEK,QALF;EAAA,IAKEA,QALF,gCAKa,KALb;EAAA,sBAQIL,KARJ,CAMEM,QANF;EAAA,IAMEA,QANF,gCAMa,OANb;EAAA,IAOKC,MAPL,0CAQIP,KARJ;EAUA,oBACE;IACE,SAAS,EAAE,IAAAQ,aAAA,EAAKP,SAAL,EAAgBE,OAAO,CAACM,IAAxB,EACWJ,QADX,IACRF,OAAO,CAACE,QADA;EADb,GAIME,MAJN,GAMGG,cAAA,CAAMC,QAAN,CAAeC,GAAf,CAAmBV,QAAnB,EAA6B,UAACW,KAAD,EAAW;IACvC,IAAMC,eAAe,GAAG,CAAC,CAACD,KAAK,CAACb,KAAN,CAAYe,QAAtC;IAEA,oBAAO,IAAAC,mBAAA,EAAaH,KAAb,EAAoB;MACzBP,QAAQ,EAARA,QADyB;MAEzBF,QAAQ,EAAEA,QAAQ,IAAIS,KAAK,CAACb,KAAN,CAAYI,QAFT;MAGzBH,SAAS,EAAE,IAAAO,aAAA,EAAKK,KAAK,CAACb,KAAN,CAAYC,SAAjB,EAA4BE,OAAO,CAACc,MAApC,EACWH,eADX,IACRX,OAAO,CAACY,QADA,CAHc;MAMzB,gBAAgBD;IANS,CAApB,CAAP;EAQD,CAXA,CANH,CADF;AAqBD,CAhCD;;AAkCA,wCAAAf,aAAa,CAACmB,SAAd,GAA0B;EACxB;AACF;AACA;EACEjB,SAAS,EAAEkB,kBAAA,CAAUC,MAJG;;EAKxB;AACF;AACA;EACElB,QAAQ,EAAEiB,kBAAA,CAAUE,IARI;;EASxB;AACF;AACA;EACElB,OAAO,EAAEgB,kBAAA,CAAUG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIb,IAAI,EAAEU,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIf,QAAQ,EAAEc,kBAAA,CAAUC,MARG;;IASvB;AACJ;AACA;IACIH,MAAM,EAAEE,kBAAA,CAAUC,MAZK;;IAavB;AACJ;AACA;IACIL,QAAQ,EAAEI,kBAAA,CAAUC;EAhBG,CAAhB,EAiBNG,UA7BqB;;EA8BxB;AACF;AACA;EACEnB,QAAQ,EAAEe,kBAAA,CAAUK,IAjCI;;EAkCxB;AACF;AACA;EACEnB,QAAQ,EAAEc,kBAAA,CAAUK,IArCI;;EAsCxB;AACF;AACA;EACElB,QAAQ,EAAEa,kBAAA,CAAUM,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,EAAkB,SAAlB,EAA6B,WAA7B,EAA0C,UAA1C,CAAhB;AAzCc,CAA1B;;eA4Ce,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA8C7B,aAA9C,C"}
+{"version":3,"file":"MultiButton.js","names":["HvMultiButton","props","className","children","classes","disabled","vertical","category","others","clsx","root","React","Children","map","child","childIsSelected","selected","cloneElement","button","propTypes","PropTypes","string","node","shape","isRequired","bool","oneOf","withStyles","styles","name"],"sources":["../../src/MultiButton/MultiButton.js"],"sourcesContent":["import React, { cloneElement } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\n/**\n * Multi-buttons are grouped sets of buttons displayed horizontal or vertically in the same container.\n */\nconst HvMultiButton = (props) => {\n  const {\n    className,\n    children,\n    classes,\n    disabled = false,\n    vertical = false,\n    category = \"ghost\",\n    ...others\n  } = props;\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.vertical]: vertical,\n      })}\n      {...others}\n    >\n      {React.Children.map(children, (child) => {\n        const childIsSelected = !!child.props.selected;\n\n        return cloneElement(child, {\n          category,\n          disabled: disabled || child.props.disabled,\n          className: clsx(child.props.className, classes.button, {\n            [classes.selected]: childIsSelected,\n          }),\n          \"aria-pressed\": childIsSelected,\n        });\n      })}\n    </div>\n  );\n};\n\nHvMultiButton.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The MultiButton's buttons.\n   */\n  children: PropTypes.node,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the MultiButton root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the MultiButton when it's vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the each button.\n     */\n    button: PropTypes.string,\n    /**\n     * Styles applied to the button when it's selected.\n     */\n    selected: PropTypes.string,\n  }).isRequired,\n  /**\n   * If all the buttons are disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If the MultiButton is to be displayed vertically.\n   */\n  vertical: PropTypes.bool,\n  /**\n   * Category of button to use\n   */\n  category: PropTypes.oneOf([\"ghost\", \"icon\", \"primary\", \"secondary\", \"semantic\"]),\n};\n\nexport default withStyles(styles, { name: \"HvMultiButton\" })(HvMultiButton);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;EAC/B,IACEC,SADF,GAQID,KARJ,CACEC,SADF;EAAA,IAEEC,QAFF,GAQIF,KARJ,CAEEE,QAFF;EAAA,IAGEC,OAHF,GAQIH,KARJ,CAGEG,OAHF;EAAA,sBAQIH,KARJ,CAIEI,QAJF;EAAA,IAIEA,QAJF,gCAIa,KAJb;EAAA,sBAQIJ,KARJ,CAKEK,QALF;EAAA,IAKEA,QALF,gCAKa,KALb;EAAA,sBAQIL,KARJ,CAMEM,QANF;EAAA,IAMEA,QANF,gCAMa,OANb;EAAA,IAOKC,MAPL,0CAQIP,KARJ;EAUA,oBACE;IACE,SAAS,EAAE,IAAAQ,aAAA,EAAKP,SAAL,EAAgBE,OAAO,CAACM,IAAxB,EACWJ,QADX,IACRF,OAAO,CAACE,QADA;EADb,GAIME,MAJN;IAAA,UAMGG,cAAA,CAAMC,QAAN,CAAeC,GAAf,CAAmBV,QAAnB,EAA6B,UAACW,KAAD,EAAW;MACvC,IAAMC,eAAe,GAAG,CAAC,CAACD,KAAK,CAACb,KAAN,CAAYe,QAAtC;MAEA,oBAAO,IAAAC,mBAAA,EAAaH,KAAb,EAAoB;QACzBP,QAAQ,EAARA,QADyB;QAEzBF,QAAQ,EAAEA,QAAQ,IAAIS,KAAK,CAACb,KAAN,CAAYI,QAFT;QAGzBH,SAAS,EAAE,IAAAO,aAAA,EAAKK,KAAK,CAACb,KAAN,CAAYC,SAAjB,EAA4BE,OAAO,CAACc,MAApC,EACWH,eADX,IACRX,OAAO,CAACY,QADA,CAHc;QAMzB,gBAAgBD;MANS,CAApB,CAAP;IAQD,CAXA;EANH,GADF;AAqBD,CAhCD;;AAkCA,wCAAAf,aAAa,CAACmB,SAAd,GAA0B;EACxB;AACF;AACA;EACEjB,SAAS,EAAEkB,kBAAA,CAAUC,MAJG;;EAKxB;AACF;AACA;EACElB,QAAQ,EAAEiB,kBAAA,CAAUE,IARI;;EASxB;AACF;AACA;EACElB,OAAO,EAAEgB,kBAAA,CAAUG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIb,IAAI,EAAEU,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIf,QAAQ,EAAEc,kBAAA,CAAUC,MARG;;IASvB;AACJ;AACA;IACIH,MAAM,EAAEE,kBAAA,CAAUC,MAZK;;IAavB;AACJ;AACA;IACIL,QAAQ,EAAEI,kBAAA,CAAUC;EAhBG,CAAhB,EAiBNG,UA7BqB;;EA8BxB;AACF;AACA;EACEnB,QAAQ,EAAEe,kBAAA,CAAUK,IAjCI;;EAkCxB;AACF;AACA;EACEnB,QAAQ,EAAEc,kBAAA,CAAUK,IArCI;;EAsCxB;AACF;AACA;EACElB,QAAQ,EAAEa,kBAAA,CAAUM,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,EAAkB,SAAlB,EAA6B,WAA7B,EAA0C,UAA1C,CAAhB;AAzCc,CAA1B;;eA4Ce,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA8C7B,aAA9C,C"}

package/dist/OverflowTooltip/OverflowTooltip.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps, TooltipProps } from "@material-ui/core";
+import { StandardProps, TooltipProps } from "@mui/material";
 
 export type HvOverflowTooltipKey = "tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph";
 

package/dist/OverflowTooltip/OverflowTooltip.js

@@ -1,5 +1,17 @@
 "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");
@@ -8,8 +20,6 @@ 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");
@@ -19,7 +29,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.RawOverflowTooltip = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 require("core-js/modules/es.regexp.exec.js");
 
@@ -35,15 +45,21 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _reactResizeDetector = require("react-resize-detector");
 
-var _core = require("@material-ui/core");
+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; }
 
-var styles = (0, _core.createStyles)({
+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: {
     whiteSpace: "nowrap",
@@ -97,21 +113,25 @@ var HvOverflowTooltip = function HvOverflowTooltip(_ref) {
     return paragraphOverflow && isParagraph(data.toString());
   }, [data, paragraphOverflow]);
   var content = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: ref,
-      className: (0, _clsx.default)(className, isParag ? classes.tooltipAnchorParagraph : classes.tooltipAnchor)
-    }, data);
+      className: (0, _clsx.default)(className, isParag ? classes.tooltipAnchorParagraph : classes.tooltipAnchor),
+      children: data
+    });
   }, [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, data, isParag, ref]);
-  return open || isOverflowing ? /*#__PURE__*/_react.default.createElement(_.HvTooltip, (0, _extends2.default)({
+  return open || isOverflowing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTooltip, _objectSpread(_objectSpread({
     id: id,
     disableHoverListener: !isOverflowing,
     open: open,
     placement: placement,
-    title: /*#__PURE__*/_react.default.createElement(_.HvTypography, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
       className: classes.tooltipData,
-      variant: "normalText"
-    }, data)
-  }, tooltipsProps), content) : content;
+      variant: "normalText",
+      children: data
+    })
+  }, tooltipsProps), {}, {
+    children: content
+  })) : content;
 };
 
 exports.RawOverflowTooltip = HvOverflowTooltip;
@@ -177,7 +197,7 @@ process.env.NODE_ENV !== "production" ? HvOverflowTooltip.propTypes = {
   tooltipsProps: _propTypes.default.instanceOf(Object)
 } : void 0;
 
-var _default = (0, _core.withStyles)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: "HvOverflowTooltip"
 })( /*#__PURE__*/_react.default.memo(HvOverflowTooltip));
 

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 { 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"],"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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"}