@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

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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"}

package/dist/Pagination/ButtonIconTooltip.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"));
 
@@ -15,18 +29,31 @@ 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);
-  return /*#__PURE__*/_react.default.createElement(_.HvTooltip, {
-    title: /*#__PURE__*/_react.default.createElement(_.HvTypography, null, tooltip)
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_.HvButton, (0, _extends2.default)({
-    icon: true
-  }, buttonProps), children)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTooltip, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+      children: tooltip
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvButton, _objectSpread(_objectSpread({
+        icon: true
+      }, buttonProps), {}, {
+        children: children
+      }))
+    })
+  });
 };
 
 var _default = ButtonIconTooltip;

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,6BAAC,WAAD;IAAW,KAAK,eAAE,6BAAC,cAAD,QAAeF,OAAf;EAAlB,gBACE,uDACE,6BAAC,UAAD;IAAU,IAAI;EAAd,GAAmBE,WAAnB,GACGD,QADH,CADF,CADF,CADwB;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;;;;;;;;;;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"}

package/dist/Pagination/Pagination.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvInputProps } from "../Input";
 
 export interface PaginationLabelsProp {