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

package/dist/Dialog/Dialog.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 _typeof3 = 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 _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
@@ -37,7 +47,9 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
@@ -47,20 +59,26 @@ var _Button = _interopRequireDefault(require("../Button"));
 
 var _utils = require("../utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 
 var _withTooltip = _interopRequireDefault(require("../withTooltip"));
 
 var _focusableElementFinder = require("../utils/focusableElementFinder");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _Close;
 
-var _excluded = ["classes", "className", "id", "children", "open", "onClose", "firstFocusable", "buttonTitle", "fullscreen"];
+var _excluded = ["classes", "className", "id", "children", "open", "onClose", "firstFocusable", "buttonTitle", "fullscreen", "disableBackdropClick"];
 
 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 || _typeof3(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; }
+
 /**
  * The Dialog component provides a solid foundation for creating dialogs, popovers, lightboxes, etc.
  * It is created by the composition of DialogTitle, DialogContent and DialogActions components, passed as child elements.
@@ -71,18 +89,33 @@ var HvDialog = function HvDialog(_ref) {
       id = _ref.id,
       children = _ref.children,
       open = _ref.open,
-      _onClose = _ref.onClose,
+      onClose = _ref.onClose,
       firstFocusable = _ref.firstFocusable,
       _ref$buttonTitle = _ref.buttonTitle,
       buttonTitle = _ref$buttonTitle === void 0 ? "Close" : _ref$buttonTitle,
       _ref$fullscreen = _ref.fullscreen,
       fullscreen = _ref$fullscreen === void 0 ? false : _ref$fullscreen,
+      _ref$disableBackdropC = _ref.disableBackdropClick,
+      disableBackdropClick = _ref$disableBackdropC === void 0 ? false : _ref$disableBackdropC,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)(null),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       focusableQueue = _useState2[0],
-      setFocusableQueue = _useState2[1];
+      setFocusableQueue = _useState2[1]; // Because the `disableBackdropClick` property was deprecated in MUI5
+  // and we want to maintain that funcionality to the user we're wrapping
+  // the onClose call here to make that check.
+
+
+  var wrappedClose = function wrappedClose(event, reason) {
+    var bypassValidation = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+
+    if (bypassValidation) {
+      onClose === null || onClose === void 0 ? void 0 : onClose(event, reason);
+    } else if (!disableBackdropClick) {
+      onClose === null || onClose === void 0 ? void 0 : onClose(event, reason);
+    }
+  };
 
   var measuredRef = (0, _react.useCallback)(function (node) {
     if (node) {
@@ -122,19 +155,19 @@ var HvDialog = function HvDialog(_ref) {
       if (!others.disableEscapeKeyDown) {
         // Swallow the event, in case someone is listening for the escape key on the body.
         event.stopPropagation();
-        _onClose === null || _onClose === void 0 ? void 0 : _onClose(event, "escapeKeyDown");
+        wrappedClose(event, "escapeKeyDown", true);
       }
     }
   };
 
   var closeButtonDisplay = function closeButtonDisplay() {
-    return _Close || (_Close = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Close, {
+    return _Close || (_Close = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Close, {
       role: "presentation"
     }));
   };
 
   var CloseButtonTooltipWrapper = buttonTitle ? (0, _withTooltip.default)(closeButtonDisplay, buttonTitle, "top") : closeButtonDisplay;
-  return /*#__PURE__*/_react.default.createElement(_core.Dialog, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Dialog, _objectSpread(_objectSpread({
     className: (0, _clsx.default)(classes.root, className),
     id: id,
     ref: measuredRef,
@@ -151,24 +184,26 @@ var HvDialog = function HvDialog(_ref) {
       }
     },
     onClose: function onClose(event, reason) {
-      return _onClose === null || _onClose === void 0 ? void 0 : _onClose(event, reason);
+      return wrappedClose(event, reason);
     },
     onKeyDown: keyDownHandler
-  }, others, {
-    "aria-modal": true
-  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    id: (0, _utils.setId)(id, "close"),
-    className: classes.closeButton,
-    category: "ghost",
-    onClick: function onClick(event) {
-      return _onClose === null || _onClose === void 0 ? void 0 : _onClose(event);
-    },
-    "aria-label": buttonTitle
-  }, /*#__PURE__*/_react.default.createElement(CloseButtonTooltipWrapper, null)), children && (0, _typeof2.default)(children) === "object" ? _react.default.Children.map(children, function (c) {
-    return /*#__PURE__*/_react.default.cloneElement(c, {
-      fullscreen: fullscreen
-    });
-  }) : children);
+  }, others), {}, {
+    "aria-modal": true,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      id: (0, _utils.setId)(id, "close"),
+      className: classes.closeButton,
+      category: "ghost",
+      onClick: function onClick(event) {
+        return wrappedClose(event, undefined, true);
+      },
+      "aria-label": buttonTitle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CloseButtonTooltipWrapper, {})
+    }), children && (0, _typeof2.default)(children) === "object" ? _react.default.Children.map(children, function (c) {
+      return /*#__PURE__*/_react.default.cloneElement(c, {
+        fullscreen: fullscreen
+      });
+    }) : children]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
@@ -235,10 +270,15 @@ process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
   /**
    * Set the dialog to fullscreen mode.
    */
-  fullscreen: _propTypes.default.bool
+  fullscreen: _propTypes.default.bool,
+
+  /**
+   * Prevent closing the dialog when clicking on the backdrop.
+   */
+  disableBackdropClick: _propTypes.default.bool
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvDialog"
 })(HvDialog);
 

package/dist/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","others","useState","focusableQueue","setFocusableQueue","measuredRef","useCallback","node","focusableList","getFocusableList","first","last","length","isNil","focus","element","document","getElementById","console","warn","keyDownHandler","event","isKeypress","KeyboardCodes","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","withTooltip","clsx","root","paper","background","reason","setId","closeButton","React","Children","map","c","cloneElement","propTypes","PropTypes","string","shape","isRequired","bool","func","withStyles","styles","name"],"sources":["../../src/Dialog/Dialog.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog, withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport isNil from \"lodash/isNil\";\nimport Button from \"../Button\";\nimport { isKeypress, KeyboardCodes, setId } from \"../utils\";\nimport styles from \"./styles\";\nimport withTooltip from \"../withTooltip\";\nimport { getFocusableList } from \"../utils/focusableElementFinder\";\n\n/**\n * The Dialog component provides a solid foundation for creating dialogs, popovers, lightboxes, etc.\n * It is created by the composition of DialogTitle, DialogContent and DialogActions components, passed as child elements.\n */\nconst HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        setFocusableQueue({\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        });\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element = document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            // eslint-disable-next-line no-console\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (isKeypress(event, KeyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableQueue)) {\n      if (event.shiftKey && event.target === focusableQueue.first) {\n        focusableQueue.last.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.last) {\n        focusableQueue.first.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, KeyboardCodes.Esc)) {\n      if (others.onEscapeKeyDown) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        onClose?.(event, \"escapeKeyDown\");\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Dialog\n      className={clsx(classes.root, className)}\n      id={id}\n      ref={measuredRef}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: clsx(classes.paper, fullscreen ? \"fullscreen\" : \"\"),\n        },\n      }}\n      fullScreen={fullscreen}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose?.(event, reason)}\n      onKeyDown={keyDownHandler}\n      {...others}\n      aria-modal\n    >\n      <Button\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={(event) => onClose?.(event)}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </Button>\n      {children && typeof children === \"object\"\n        ? React.Children.map(children, (c) => React.cloneElement(c, { fullscreen }))\n        : children}\n    </Dialog>\n  );\n};\n\nHvDialog.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Dialog.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Element id that should be focus when the Dialog opens.\n   */\n  firstFocusable: PropTypes.string,\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n  /**\n   * Set the dialog to fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","names":["HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","useState","focusableQueue","setFocusableQueue","wrappedClose","event","reason","bypassValidation","measuredRef","useCallback","node","focusableList","getFocusableList","first","last","length","isNil","focus","element","document","getElementById","console","warn","keyDownHandler","isKeypress","KeyboardCodes","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","withTooltip","clsx","root","paper","background","setId","closeButton","undefined","React","Children","map","c","cloneElement","propTypes","PropTypes","string","shape","isRequired","bool","func","withStyles","styles","name"],"sources":["../../src/Dialog/Dialog.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport isNil from \"lodash/isNil\";\nimport Button from \"../Button\";\nimport { isKeypress, KeyboardCodes, setId } from \"../utils\";\nimport styles from \"./styles\";\nimport withTooltip from \"../withTooltip\";\nimport { getFocusableList } from \"../utils/focusableElementFinder\";\n\n/**\n * The Dialog component provides a solid foundation for creating dialogs, popovers, lightboxes, etc.\n * It is created by the composition of DialogTitle, DialogContent and DialogActions components, passed as child elements.\n */\nconst HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  disableBackdropClick = false,\n  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\n\n  // Because the `disableBackdropClick` property was deprecated in MUI5\n  // and we want to maintain that funcionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = (event, reason, bypassValidation = false) => {\n    if (bypassValidation) {\n      onClose?.(event, reason);\n    } else if (!disableBackdropClick) {\n      onClose?.(event, reason);\n    }\n  };\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        setFocusableQueue({\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        });\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element = document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            // eslint-disable-next-line no-console\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (isKeypress(event, KeyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableQueue)) {\n      if (event.shiftKey && event.target === focusableQueue.first) {\n        focusableQueue.last.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.last) {\n        focusableQueue.first.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, KeyboardCodes.Esc)) {\n      if (others.onEscapeKeyDown) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        wrappedClose(event, \"escapeKeyDown\", true);\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Dialog\n      className={clsx(classes.root, className)}\n      id={id}\n      ref={measuredRef}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: clsx(classes.paper, fullscreen ? \"fullscreen\" : \"\"),\n        },\n      }}\n      fullScreen={fullscreen}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => wrappedClose(event, reason)}\n      onKeyDown={keyDownHandler}\n      {...others}\n      aria-modal\n    >\n      <Button\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={(event) => wrappedClose(event, undefined, true)}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </Button>\n      {children && typeof children === \"object\"\n        ? React.Children.map(children, (c) => React.cloneElement(c, { fullscreen }))\n        : children}\n    </Dialog>\n  );\n};\n\nHvDialog.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Dialog.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Element id that should be focus when the Dialog opens.\n   */\n  firstFocusable: PropTypes.string,\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n  /**\n   * Set the dialog to fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n  /**\n   * Prevent closing the dialog when clicking on the backdrop.\n   */\n  disableBackdropClick: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"mappings":"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"}

package/dist/Dialog/DialogActions/DialogActions.d.ts

@@ -1,4 +1,4 @@
-import { DialogActionsProps, StandardProps } from "@material-ui/core";
+import { DialogActionsProps, StandardProps } from "@mui/material";
 
 export type HvDialogActionsClassKey = "root" | "spacing";
 

package/dist/Dialog/DialogActions/DialogActions.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,20 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
+
+var _styles2 = _interopRequireDefault(require("./styles"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["classes", "className", "children", "fullscreen"];
 
+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 HvDialogActions = function HvDialogActions(props) {
   var classes = props.classes,
       className = props.className,
@@ -30,13 +52,15 @@ var HvDialogActions = function HvDialogActions(props) {
       _props$fullscreen = props.fullscreen,
       fullscreen = _props$fullscreen === void 0 ? false : _props$fullscreen,
       others = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_core.DialogActions, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogActions, _objectSpread(_objectSpread({
     classes: {
       root: (0, _clsx.default)(classes.root, fullscreen && classes.fullscreen),
       spacing: classes.spacing
     },
     className: className
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvDialogActions.propTypes = {
@@ -76,7 +100,7 @@ process.env.NODE_ENV !== "production" ? HvDialogActions.propTypes = {
   fullscreen: _propTypes.default.bool
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvDialogActions"
 })(HvDialogActions);
 

package/dist/Dialog/DialogActions/DialogActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogActions.js","names":["HvDialogActions","props","classes","className","children","fullscreen","others","root","clsx","spacing","propTypes","PropTypes","string","shape","isRequired","node","bool","withStyles","styles","name"],"sources":["../../../src/Dialog/DialogActions/DialogActions.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { DialogActions, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst HvDialogActions = (props) => {\n  const { classes, className, children, fullscreen = false, ...others } = props;\n  return (\n    <DialogActions\n      classes={{\n        root: clsx(classes.root, fullscreen && classes.fullscreen),\n        spacing: classes.spacing,\n      }}\n      className={className}\n      {...others}\n    >\n      {children}\n    </DialogActions>\n  );\n};\n\nHvDialogActions.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the actions).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component if disableSpacing is off.\n     */\n    spacing: PropTypes.string,\n    /**\n     * Style applied to the root of the component if fullscreen is on.\n     */\n    fullscreen: PropTypes.string,\n  }).isRequired,\n  /**\n   * Actions of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Whether or not the dialog is in fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialogActions\" })(HvDialogActions);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAW;EACjC,IAAQC,OAAR,GAAwED,KAAxE,CAAQC,OAAR;EAAA,IAAiBC,SAAjB,GAAwEF,KAAxE,CAAiBE,SAAjB;EAAA,IAA4BC,QAA5B,GAAwEH,KAAxE,CAA4BG,QAA5B;EAAA,wBAAwEH,KAAxE,CAAsCI,UAAtC;EAAA,IAAsCA,UAAtC,kCAAmD,KAAnD;EAAA,IAA6DC,MAA7D,0CAAwEL,KAAxE;EACA,oBACE,6BAAC,mBAAD;IACE,OAAO,EAAE;MACPM,IAAI,EAAE,IAAAC,aAAA,EAAKN,OAAO,CAACK,IAAb,EAAmBF,UAAnB,IAAiCH,OAAO,CAACG,UAAzC,CADC;MAEPI,OAAO,EAAEP,OAAO,CAACO;IAFV,CADX;IAKE,SAAS,EAAEN;EALb,GAMMG,MANN,GAQGF,QARH,CADF;AAYD,CAdD;;AAgBA,wCAAAJ,eAAe,CAACU,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEP,SAAS,EAAEQ,kBAAA,CAAUC,MAJK;;EAK1B;AACF;AACA;EACEV,OAAO,EAAES,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIH,OAAO,EAAEE,kBAAA,CAAUC,MARI;;IASvB;AACJ;AACA;IACIP,UAAU,EAAEM,kBAAA,CAAUC;EAZC,CAAhB,EAaNE,UArBuB;;EAsB1B;AACF;AACA;EACEV,QAAQ,EAAEO,kBAAA,CAAUI,IAAV,CAAeD,UAzBC;;EA0B1B;AACF;AACA;EACET,UAAU,EAAEM,kBAAA,CAAUK;AA7BI,CAA5B;;eAgCe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAgDnB,eAAhD,C"}
+{"version":3,"file":"DialogActions.js","names":["HvDialogActions","props","classes","className","children","fullscreen","others","root","clsx","spacing","propTypes","PropTypes","string","shape","isRequired","node","bool","withStyles","styles","name"],"sources":["../../../src/Dialog/DialogActions/DialogActions.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { DialogActions } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst HvDialogActions = (props) => {\n  const { classes, className, children, fullscreen = false, ...others } = props;\n  return (\n    <DialogActions\n      classes={{\n        root: clsx(classes.root, fullscreen && classes.fullscreen),\n        spacing: classes.spacing,\n      }}\n      className={className}\n      {...others}\n    >\n      {children}\n    </DialogActions>\n  );\n};\n\nHvDialogActions.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the actions).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component if disableSpacing is off.\n     */\n    spacing: PropTypes.string,\n    /**\n     * Style applied to the root of the component if fullscreen is on.\n     */\n    fullscreen: PropTypes.string,\n  }).isRequired,\n  /**\n   * Actions of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Whether or not the dialog is in fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialogActions\" })(HvDialogActions);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAW;EACjC,IAAQC,OAAR,GAAwED,KAAxE,CAAQC,OAAR;EAAA,IAAiBC,SAAjB,GAAwEF,KAAxE,CAAiBE,SAAjB;EAAA,IAA4BC,QAA5B,GAAwEH,KAAxE,CAA4BG,QAA5B;EAAA,wBAAwEH,KAAxE,CAAsCI,UAAtC;EAAA,IAAsCA,UAAtC,kCAAmD,KAAnD;EAAA,IAA6DC,MAA7D,0CAAwEL,KAAxE;EACA,oBACE,qBAAC,uBAAD;IACE,OAAO,EAAE;MACPM,IAAI,EAAE,IAAAC,aAAA,EAAKN,OAAO,CAACK,IAAb,EAAmBF,UAAnB,IAAiCH,OAAO,CAACG,UAAzC,CADC;MAEPI,OAAO,EAAEP,OAAO,CAACO;IAFV,CADX;IAKE,SAAS,EAAEN;EALb,GAMMG,MANN;IAAA,UAQGF;EARH,GADF;AAYD,CAdD;;AAgBA,wCAAAJ,eAAe,CAACU,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEP,SAAS,EAAEQ,kBAAA,CAAUC,MAJK;;EAK1B;AACF;AACA;EACEV,OAAO,EAAES,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIH,OAAO,EAAEE,kBAAA,CAAUC,MARI;;IASvB;AACJ;AACA;IACIP,UAAU,EAAEM,kBAAA,CAAUC;EAZC,CAAhB,EAaNE,UArBuB;;EAsB1B;AACF;AACA;EACEV,QAAQ,EAAEO,kBAAA,CAAUI,IAAV,CAAeD,UAzBC;;EA0B1B;AACF;AACA;EACET,UAAU,EAAEM,kBAAA,CAAUK;AA7BI,CAA5B;;eAgCe,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAgDnB,eAAhD,C"}

package/dist/Dialog/DialogContent/DialogContent.d.ts

@@ -1,4 +1,4 @@
-import { DialogContentProps, StandardProps } from "@material-ui/core";
+import { DialogContentProps, StandardProps } from "@mui/material";
 
 export type HvDialogContentClassKey = "root" | "textContent";
 

package/dist/Dialog/DialogContent/DialogContent.js

@@ -11,13 +11,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
 var _Typography = _interopRequireDefault(require("../../Typography"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var HvDialogContent = function HvDialogContent(_ref) {
   var classes = _ref.classes,
@@ -25,10 +29,11 @@ var HvDialogContent = function HvDialogContent(_ref) {
       children = _ref.children,
       _ref$indentContent = _ref.indentContent,
       indentContent = _ref$indentContent === void 0 ? false : _ref$indentContent;
-  return /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    component: _core.DialogContent,
-    className: (0, _clsx.default)(className, classes.root, indentContent && classes.textContent)
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+    component: _material.DialogContent,
+    className: (0, _clsx.default)(className, classes.root, indentContent && classes.textContent),
+    children: children
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvDialogContent.propTypes = {
@@ -63,7 +68,7 @@ process.env.NODE_ENV !== "production" ? HvDialogContent.propTypes = {
   children: _propTypes.default.node.isRequired
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvDialogContent"
 })(HvDialogContent);
 

package/dist/Dialog/DialogContent/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.js","names":["HvDialogContent","classes","className","children","indentContent","DialogContent","clsx","root","textContent","propTypes","PropTypes","string","shape","isRequired","bool","node","withStyles","styles","name"],"sources":["../../../src/Dialog/DialogContent/DialogContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { DialogContent, withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\n\nconst HvDialogContent = ({ classes, className, children, indentContent = false }) => {\n  return (\n    <HvTypography\n      component={DialogContent}\n      className={clsx(className, classes.root, { [classes.textContent]: indentContent })}\n    >\n      {children}\n    </HvTypography>\n  );\n};\n\nHvDialogContent.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the content).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied when the content is a string.\n     */\n    textContent: PropTypes.string,\n  }).isRequired,\n  /**\n   * Content should be indented in relationship to the Dialog title.\n   */\n  indentContent: PropTypes.bool,\n  /**\n   * Content to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogContent\" })(HvDialogContent);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAA6D;EAAA,IAA1DC,OAA0D,QAA1DA,OAA0D;EAAA,IAAjDC,SAAiD,QAAjDA,SAAiD;EAAA,IAAtCC,QAAsC,QAAtCA,QAAsC;EAAA,8BAA5BC,aAA4B;EAAA,IAA5BA,aAA4B,mCAAZ,KAAY;EACnF,oBACE,6BAAC,mBAAD;IACE,SAAS,EAAEC,mBADb;IAEE,SAAS,EAAE,IAAAC,aAAA,EAAKJ,SAAL,EAAgBD,OAAO,CAACM,IAAxB,EAAuDH,aAAvD,IAAiCH,OAAO,CAACO,WAAzC;EAFb,GAIGL,QAJH,CADF;AAQD,CATD;;AAWA,wCAAAH,eAAe,CAACS,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEP,SAAS,EAAEQ,kBAAA,CAAUC,MAJK;;EAK1B;AACF;AACA;EACEV,OAAO,EAAES,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEG,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIH,WAAW,EAAEE,kBAAA,CAAUC;EARA,CAAhB,EASNE,UAjBuB;;EAkB1B;AACF;AACA;EACET,aAAa,EAAEM,kBAAA,CAAUI,IArBC;;EAsB1B;AACF;AACA;EACEX,QAAQ,EAAEO,kBAAA,CAAUK,IAAV,CAAeF;AAzBC,CAA5B;;eA4Be,IAAAG,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAgDlB,eAAhD,C"}
+{"version":3,"file":"DialogContent.js","names":["HvDialogContent","classes","className","children","indentContent","DialogContent","clsx","root","textContent","propTypes","PropTypes","string","shape","isRequired","bool","node","withStyles","styles","name"],"sources":["../../../src/Dialog/DialogContent/DialogContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { DialogContent } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\n\nconst HvDialogContent = ({ classes, className, children, indentContent = false }) => {\n  return (\n    <HvTypography\n      component={DialogContent}\n      className={clsx(className, classes.root, { [classes.textContent]: indentContent })}\n    >\n      {children}\n    </HvTypography>\n  );\n};\n\nHvDialogContent.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the content).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied when the content is a string.\n     */\n    textContent: PropTypes.string,\n  }).isRequired,\n  /**\n   * Content should be indented in relationship to the Dialog title.\n   */\n  indentContent: PropTypes.bool,\n  /**\n   * Content to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogContent\" })(HvDialogContent);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAA6D;EAAA,IAA1DC,OAA0D,QAA1DA,OAA0D;EAAA,IAAjDC,SAAiD,QAAjDA,SAAiD;EAAA,IAAtCC,QAAsC,QAAtCA,QAAsC;EAAA,8BAA5BC,aAA4B;EAAA,IAA5BA,aAA4B,mCAAZ,KAAY;EACnF,oBACE,qBAAC,mBAAD;IACE,SAAS,EAAEC,uBADb;IAEE,SAAS,EAAE,IAAAC,aAAA,EAAKJ,SAAL,EAAgBD,OAAO,CAACM,IAAxB,EAAuDH,aAAvD,IAAiCH,OAAO,CAACO,WAAzC,CAFb;IAAA,UAIGL;EAJH,EADF;AAQD,CATD;;AAWA,wCAAAH,eAAe,CAACS,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEP,SAAS,EAAEQ,kBAAA,CAAUC,MAJK;;EAK1B;AACF;AACA;EACEV,OAAO,EAAES,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEG,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIH,WAAW,EAAEE,kBAAA,CAAUC;EARA,CAAhB,EASNE,UAjBuB;;EAkB1B;AACF;AACA;EACET,aAAa,EAAEM,kBAAA,CAAUI,IArBC;;EAsB1B;AACF;AACA;EACEX,QAAQ,EAAEO,kBAAA,CAAUK,IAAV,CAAeF;AAzBC,CAA5B;;eA4Be,IAAAG,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAgDlB,eAAhD,C"}

package/dist/Dialog/DialogTitle/DialogTitle.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { DialogTitleProps, StandardProps } from "@material-ui/core";
+import { DialogTitleProps, StandardProps } from "@mui/material";
 
 export type HvDialogTitleClassKey = "root" | "messageContainer" | "textWithIcon" | "icon";
 

package/dist/Dialog/DialogTitle/DialogTitle.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,16 +31,24 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var _Typography = _interopRequireDefault(require("../../Typography"));
 
 var _iconVariant = _interopRequireDefault(require("../../utils/iconVariant"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["classes", "className", "children", "variant", "showIcon", "customIcon"];
 
+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 HvDialogTitle = function HvDialogTitle(_ref) {
   var classes = _ref.classes,
       className = _ref.className,
@@ -44,16 +66,20 @@ var HvDialogTitle = function HvDialogTitle(_ref) {
 
   delete others.fullscreen;
   var icon = customIcon || showIcon && (0, _iconVariant.default)(variant);
-  return /*#__PURE__*/_react.default.createElement(_core.DialogTitle, (0, _extends2.default)({
-    className: (0, _clsx.default)(classes.root, className, fullscreen && "fullscreen"),
-    disableTypography: true
-  }, others), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.messageContainer
-  }, icon, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(icon && classes.textWithIcon)
-  }, !isString && children, isString && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "xxsTitle"
-  }, children))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogTitle, _objectSpread(_objectSpread({
+    className: (0, _clsx.default)(classes.root, className, fullscreen && "fullscreen")
+  }, others), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classes.messageContainer,
+      children: [icon, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _clsx.default)(icon && classes.textWithIcon),
+        children: [!isString && children, isString && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          variant: "xxsTitle",
+          children: children
+        })]
+      })]
+    })
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvDialogTitle.propTypes = {
@@ -113,7 +139,7 @@ process.env.NODE_ENV !== "production" ? HvDialogTitle.propTypes = {
   children: _propTypes.default.node.isRequired
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvDialogTitle"
 })(HvDialogTitle);
 

package/dist/Dialog/DialogTitle/DialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTitle.js","names":["HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","isString","fullscreen","icon","iconVariant","clsx","root","messageContainer","textWithIcon","propTypes","PropTypes","string","shape","closeButton","isRequired","oneOf","bool","node","withStyles","styles","name"],"sources":["../../../src/Dialog/DialogTitle/DialogTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle, withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../../Typography\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport styles from \"./styles\";\n\nconst HvDialogTitle = ({\n  classes,\n  className,\n  children,\n  variant = \"default\",\n  showIcon = true,\n  customIcon = null,\n  ...others\n}) => {\n  const isString = typeof children === \"string\";\n  const { fullscreen } = others;\n\n  // prevent the `fullscreen` prop from being passed to the `DialogTitle` component\n  // eslint-disable-next-line no-param-reassign\n  delete others.fullscreen;\n\n  const icon = customIcon || (showIcon && iconVariant(variant));\n\n  return (\n    <DialogTitle\n      className={clsx(classes.root, className, fullscreen ? \"fullscreen\" : \"\")}\n      disableTypography\n      {...others}\n    >\n      <div className={classes.messageContainer}>\n        {icon}\n        <div className={clsx({ [classes.textWithIcon]: icon })}>\n          {!isString && children}\n          {isString && <HvTypography variant=\"xxsTitle\">{children}</HvTypography>}\n        </div>\n      </div>\n    </DialogTitle>\n  );\n};\n\nHvDialogTitle.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the title).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container of the title\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Style applied to the text when the icon is present.\n     */\n    textWithIcon: PropTypes.string,\n    /**\n     * Style applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Variant of the Dialog.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * Node to be render.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogTitle\" })(HvDialogTitle);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAQhB;EAAA,IAPJC,OAOI,QAPJA,OAOI;EAAA,IANJC,SAMI,QANJA,SAMI;EAAA,IALJC,QAKI,QALJA,QAKI;EAAA,wBAJJC,OAII;EAAA,IAJJA,OAII,6BAJM,SAIN;EAAA,yBAHJC,QAGI;EAAA,IAHJA,QAGI,8BAHO,IAGP;EAAA,2BAFJC,UAEI;EAAA,IAFJA,UAEI,gCAFS,IAET;EAAA,IADDC,MACC;EACJ,IAAMC,QAAQ,GAAG,OAAOL,QAAP,KAAoB,QAArC;EACA,IAAQM,UAAR,GAAuBF,MAAvB,CAAQE,UAAR,CAFI,CAIJ;EACA;;EACA,OAAOF,MAAM,CAACE,UAAd;EAEA,IAAMC,IAAI,GAAGJ,UAAU,IAAKD,QAAQ,IAAI,IAAAM,oBAAA,EAAYP,OAAZ,CAAxC;EAEA,oBACE,6BAAC,iBAAD;IACE,SAAS,EAAE,IAAAQ,aAAA,EAAKX,OAAO,CAACY,IAAb,EAAmBX,SAAnB,EAA8BO,UAA9B,IAA2C,YAA3C,CADb;IAEE,iBAAiB;EAFnB,GAGMF,MAHN,gBAKE;IAAK,SAAS,EAAEN,OAAO,CAACa;EAAxB,GACGJ,IADH,eAEE;IAAK,SAAS,EAAE,IAAAE,aAAA,EAA+BF,IAA/B,IAAQT,OAAO,CAACc,YAAhB;EAAhB,GACG,CAACP,QAAD,IAAaL,QADhB,EAEGK,QAAQ,iBAAI,6BAAC,mBAAD;IAAc,OAAO,EAAC;EAAtB,GAAkCL,QAAlC,CAFf,CAFF,CALF,CADF;AAeD,CAjCD;;AAmCA,wCAAAH,aAAa,CAACgB,SAAd,GAA0B;EACxB;AACF;AACA;EACEd,SAAS,EAAEe,kBAAA,CAAUC,MAJG;;EAKxB;AACF;AACA;EACEjB,OAAO,EAAEgB,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIJ,gBAAgB,EAAEG,kBAAA,CAAUC,MARL;;IASvB;AACJ;AACA;IACIH,YAAY,EAAEE,kBAAA,CAAUC,MAZD;;IAavB;AACJ;AACA;IACIR,IAAI,EAAEO,kBAAA,CAAUC,MAhBO;;IAiBvB;AACJ;AACA;IACIE,WAAW,EAAEH,kBAAA,CAAUC;EApBA,CAAhB,EAqBNG,UA7BqB;;EA8BxB;AACF;AACA;EACEjB,OAAO,EAAEa,kBAAA,CAAUK,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,OAAvB,EAAgC,MAAhC,EAAwC,SAAxC,CAAhB,CAjCe;;EAkCxB;AACF;AACA;EACEjB,QAAQ,EAAEY,kBAAA,CAAUM,IArCI;;EAsCxB;AACF;AACA;EACEjB,UAAU,EAAEW,kBAAA,CAAUO,IAzCE;;EA0CxB;AACF;AACA;EACErB,QAAQ,EAAEc,kBAAA,CAAUO,IAAV,CAAeH;AA7CD,CAA1B;;eAgDe,IAAAI,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA8C3B,aAA9C,C"}
+{"version":3,"file":"DialogTitle.js","names":["HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","isString","fullscreen","icon","iconVariant","clsx","root","messageContainer","textWithIcon","propTypes","PropTypes","string","shape","closeButton","isRequired","oneOf","bool","node","withStyles","styles","name"],"sources":["../../../src/Dialog/DialogTitle/DialogTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport HvTypography from \"../../Typography\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport styles from \"./styles\";\n\nconst HvDialogTitle = ({\n  classes,\n  className,\n  children,\n  variant = \"default\",\n  showIcon = true,\n  customIcon = null,\n  ...others\n}) => {\n  const isString = typeof children === \"string\";\n  const { fullscreen } = others;\n\n  // prevent the `fullscreen` prop from being passed to the `DialogTitle` component\n  // eslint-disable-next-line no-param-reassign\n  delete others.fullscreen;\n\n  const icon = customIcon || (showIcon && iconVariant(variant));\n\n  return (\n    <DialogTitle\n      className={clsx(classes.root, className, fullscreen ? \"fullscreen\" : \"\")}\n      {...others}\n    >\n      <div className={classes.messageContainer}>\n        {icon}\n        <div className={clsx({ [classes.textWithIcon]: icon })}>\n          {!isString && children}\n          {isString && <HvTypography variant=\"xxsTitle\">{children}</HvTypography>}\n        </div>\n      </div>\n    </DialogTitle>\n  );\n};\n\nHvDialogTitle.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the title).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container of the title\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Style applied to the text when the icon is present.\n     */\n    textWithIcon: PropTypes.string,\n    /**\n     * Style applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Variant of the Dialog.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * Node to be render.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogTitle\" })(HvDialogTitle);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAQhB;EAAA,IAPJC,OAOI,QAPJA,OAOI;EAAA,IANJC,SAMI,QANJA,SAMI;EAAA,IALJC,QAKI,QALJA,QAKI;EAAA,wBAJJC,OAII;EAAA,IAJJA,OAII,6BAJM,SAIN;EAAA,yBAHJC,QAGI;EAAA,IAHJA,QAGI,8BAHO,IAGP;EAAA,2BAFJC,UAEI;EAAA,IAFJA,UAEI,gCAFS,IAET;EAAA,IADDC,MACC;EACJ,IAAMC,QAAQ,GAAG,OAAOL,QAAP,KAAoB,QAArC;EACA,IAAQM,UAAR,GAAuBF,MAAvB,CAAQE,UAAR,CAFI,CAIJ;EACA;;EACA,OAAOF,MAAM,CAACE,UAAd;EAEA,IAAMC,IAAI,GAAGJ,UAAU,IAAKD,QAAQ,IAAI,IAAAM,oBAAA,EAAYP,OAAZ,CAAxC;EAEA,oBACE,qBAAC,qBAAD;IACE,SAAS,EAAE,IAAAQ,aAAA,EAAKX,OAAO,CAACY,IAAb,EAAmBX,SAAnB,EAA8BO,UAA9B,IAA2C,YAA3C;EADb,GAEMF,MAFN;IAAA,uBAIE;MAAK,SAAS,EAAEN,OAAO,CAACa,gBAAxB;MAAA,WACGJ,IADH,eAEE;QAAK,SAAS,EAAE,IAAAE,aAAA,EAA+BF,IAA/B,IAAQT,OAAO,CAACc,YAAhB,CAAhB;QAAA,WACG,CAACP,QAAD,IAAaL,QADhB,EAEGK,QAAQ,iBAAI,qBAAC,mBAAD;UAAc,OAAO,EAAC,UAAtB;UAAA,UAAkCL;QAAlC,EAFf;MAAA,EAFF;IAAA;EAJF,GADF;AAcD,CAhCD;;AAkCA,wCAAAH,aAAa,CAACgB,SAAd,GAA0B;EACxB;AACF;AACA;EACEd,SAAS,EAAEe,kBAAA,CAAUC,MAJG;;EAKxB;AACF;AACA;EACEjB,OAAO,EAAEgB,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIJ,gBAAgB,EAAEG,kBAAA,CAAUC,MARL;;IASvB;AACJ;AACA;IACIH,YAAY,EAAEE,kBAAA,CAAUC,MAZD;;IAavB;AACJ;AACA;IACIR,IAAI,EAAEO,kBAAA,CAAUC,MAhBO;;IAiBvB;AACJ;AACA;IACIE,WAAW,EAAEH,kBAAA,CAAUC;EApBA,CAAhB,EAqBNG,UA7BqB;;EA8BxB;AACF;AACA;EACEjB,OAAO,EAAEa,kBAAA,CAAUK,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,OAAvB,EAAgC,MAAhC,EAAwC,SAAxC,CAAhB,CAjCe;;EAkCxB;AACF;AACA;EACEjB,QAAQ,EAAEY,kBAAA,CAAUM,IArCI;;EAsCxB;AACF;AACA;EACEjB,UAAU,EAAEW,kBAAA,CAAUO,IAzCE;;EA0CxB;AACF;AACA;EACErB,QAAQ,EAAEc,kBAAA,CAAUO,IAAV,CAAeH;AA7CD,CAA1B;;eAgDe,IAAAI,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA8C3B,aAA9C,C"}

package/dist/DotPagination/DotPagination.d.ts

@@ -0,0 +1,26 @@
+import { StandardProps } from "@mui/material";
+import { HvRadioGroupProps } from "..";
+
+export type HvDotPaginationClassKey = "root" | "horizontal" | "radioRoot";
+
+export interface HvDotPaginationProps
+  extends StandardProps<HvRadioGroupProps, HvDotPaginationClassKey> {
+  /**
+   *  The number of pages the component has.
+   */
+  pages?: number;
+  /**
+   * The currently selected page.
+   */
+  page?: number;
+  /**
+   * The callback fired when the page value changes.
+   */
+  onPageChange?: (event: Event, page: number) => void;
+  /**
+   * The callback fired to get the page aria label.
+   */
+  getItemAriaLabel?: (page: number) => string;
+}
+
+export default function HvDotPagination(props: HvDotPaginationProps): JSX.Element | null;