@hitachivantara/uikit-react-lab 3.55.0 → 4.0.1-next.2

package/dist/NotificationPanel/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","names":["dayjs","extend","relativeTime","hideTooltip","evt","target","scrollHeight","clientHeight","wrapperTooltip","Component","label","ComponentFunction","withTooltip","style","Notification","classes","className","notificationId","title","isRead","icon","date","onClick","onKeyPress","rightContainer","isHighlighted","getTime","fromNow","d","format","isSame","Date","now","NotificationWithTooltip","messageContainer","event","clsx","root","notificationWrapperDropdown","read","notificationWrapper","notificationDropdownOpen","clickable","iconContainer","timeContainer","bullet","hide","time","notificationActionWrapper","propTypes","PropTypes","shape","string","isRequired","bool","oneOfType","number","object","element","func","node","withStyles","styles","name"],"sources":["../../../src/NotificationPanel/Notification/Notification.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport dayjs from \"dayjs\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\nimport { HvTypography, withTooltip } from \"@hitachivantara/uikit-react-core\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\ndayjs.extend(relativeTime);\n\nconst hideTooltip = (evt) => evt.target.scrollHeight <= evt.target.clientHeight;\n\nconst wrapperTooltip = (Component, label) => {\n  const ComponentFunction = () => Component;\n  // override thr withTooltip styles as we want to use the styles of the component\n  return withTooltip(ComponentFunction, label, \"top\", hideTooltip, { style: {} });\n};\n\nconst Notification = ({\n  classes,\n  className,\n  notificationId,\n  title,\n  isRead,\n  icon,\n  date,\n  onClick,\n  onKeyPress,\n  rightContainer,\n  isHighlighted,\n}) => {\n  const getTime = () => {\n    if (!isRead) {\n      return dayjs(date).fromNow();\n    }\n\n    const d = dayjs(date);\n    let format = \"D MMMM YYYY, h:mm A\";\n\n    if (d.isSame(Date.now(), \"week\")) {\n      format = \"ddd, h:mm A\";\n    }\n\n    return d.format(format);\n  };\n\n  const NotificationWithTooltip = wrapperTooltip(\n    <div className={classes.messageContainer}>\n      <HvTypography variant={isRead ? \"normalText\" : \"highlightText\"}>{title}</HvTypography>\n    </div>,\n    title\n  );\n\n  return (\n    <div\n      onClick={(event) => onClick?.(event, notificationId)}\n      onKeyPress={(event) => onKeyPress?.(event, notificationId)}\n      className={clsx(className, classes.root, {\n        [classes.notificationWrapperDropdown]: isHighlighted,\n        [classes.read]: isRead,\n      })}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div\n        className={clsx(classes.notificationWrapper, {\n          [classes.notificationDropdownOpen]: isHighlighted,\n          [classes.clickable]: !!onClick,\n        })}\n      >\n        <div className={classes.iconContainer}>{icon}</div>\n        <div>\n          <NotificationWithTooltip />\n          <div className={classes.timeContainer}>\n            <div\n              className={clsx(classes.bullet, {\n                [classes.hide]: isRead,\n              })}\n            />\n            <div className={classes.time}>{getTime()}</div>\n          </div>\n        </div>\n      </div>\n      <div className={classes.notificationActionWrapper}>{rightContainer}</div>\n    </div>\n  );\n};\n\nNotification.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root of the accordion.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the notification wrapper.\n     */\n    notificationWrapper: PropTypes.string,\n\n    /**\n     * Styles applied to the notification wrapper when the actions dropdown is open.\n     */\n    notificationWrapperDropdown: PropTypes.string,\n\n    /**\n     * Styles applied to the notification icon container.\n     */\n    iconContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification message container.\n     */\n    messageContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification time container.\n     */\n    timeContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification bullet.\n     */\n    bullet: PropTypes.string,\n\n    /**\n     * Styles applied to the content when it is hidden.\n     */\n    hide: PropTypes.string,\n\n    /**\n     * Styles applied to the notification time indicator.\n     */\n    time: PropTypes.string,\n    /**\n     * Styles applied to the notification is read.\n     */\n    read: PropTypes.string,\n    /**\n     * Styles applied when the notification dropdown is open.\n     */\n    notificationDropdownOpen: PropTypes.string,\n\n    /**\n     * Styles applied to the notification message actions dropdown.\n     */\n    notificationActionWrapper: PropTypes.string,\n    /**\n     * Styles applied to the notification when clickable\n     */\n    clickable: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Notification id\n   */\n  notificationId: PropTypes.string,\n  /**\n   * Title of the notification\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * 'true' if the notification has been read or 'false' if it has not been read\n   */\n  isRead: PropTypes.bool.isRequired,\n  /**\n   * date the notification was created\n   */\n  date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n  /**\n   * renderable icon that denotes the status of the notification\n   */\n  icon: PropTypes.element,\n  /**\n   * Click action applied to the notification\n   */\n  onClick: PropTypes.func,\n  /**\n   * On Key Press action applied to the notification\n   */\n  onKeyPress: PropTypes.func,\n  /**\n   * Actions to be executed by the notification, available in the dropdown menu\n   */\n  rightContainer: PropTypes.node,\n  /**\n   * Denotes index of clicked notification\n   */\n  isHighlighted: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanelNotification\" })(Notification);\n"],"mappings":"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"}
+{"version":3,"file":"Notification.js","names":["dayjs","extend","relativeTime","hideTooltip","evt","target","scrollHeight","clientHeight","wrapperTooltip","Component","label","ComponentFunction","withTooltip","style","Notification","classes","className","notificationId","title","isRead","icon","date","onClick","onKeyPress","rightContainer","isHighlighted","getTime","fromNow","d","format","isSame","Date","now","NotificationWithTooltip","messageContainer","event","clsx","root","notificationWrapperDropdown","read","notificationWrapper","notificationDropdownOpen","clickable","iconContainer","timeContainer","bullet","hide","time","notificationActionWrapper","propTypes","PropTypes","shape","string","isRequired","bool","oneOfType","number","object","element","func","node","withStyles","styles","name"],"sources":["../../../src/NotificationPanel/Notification/Notification.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport dayjs from \"dayjs\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\nimport { HvTypography, withTooltip } from \"@hitachivantara/uikit-react-core\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\ndayjs.extend(relativeTime);\n\nconst hideTooltip = (evt) => evt.target.scrollHeight <= evt.target.clientHeight;\n\nconst wrapperTooltip = (Component, label) => {\n  const ComponentFunction = () => Component;\n  // override thr withTooltip styles as we want to use the styles of the component\n  return withTooltip(ComponentFunction, label, \"top\", hideTooltip, { style: {} });\n};\n\nconst Notification = ({\n  classes,\n  className,\n  notificationId,\n  title,\n  isRead,\n  icon,\n  date,\n  onClick,\n  onKeyPress,\n  rightContainer,\n  isHighlighted,\n}) => {\n  const getTime = () => {\n    if (!isRead) {\n      return dayjs(date).fromNow();\n    }\n\n    const d = dayjs(date);\n    let format = \"D MMMM YYYY, h:mm A\";\n\n    if (d.isSame(Date.now(), \"week\")) {\n      format = \"ddd, h:mm A\";\n    }\n\n    return d.format(format);\n  };\n\n  const NotificationWithTooltip = wrapperTooltip(\n    <div className={classes.messageContainer}>\n      <HvTypography variant={isRead ? \"normalText\" : \"highlightText\"}>{title}</HvTypography>\n    </div>,\n    title\n  );\n\n  return (\n    <div\n      onClick={(event) => onClick?.(event, notificationId)}\n      onKeyPress={(event) => onKeyPress?.(event, notificationId)}\n      className={clsx(className, classes.root, {\n        [classes.notificationWrapperDropdown]: isHighlighted,\n        [classes.read]: isRead,\n      })}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div\n        className={clsx(classes.notificationWrapper, {\n          [classes.notificationDropdownOpen]: isHighlighted,\n          [classes.clickable]: !!onClick,\n        })}\n      >\n        <div className={classes.iconContainer}>{icon}</div>\n        <div>\n          <NotificationWithTooltip />\n          <div className={classes.timeContainer}>\n            <div\n              className={clsx(classes.bullet, {\n                [classes.hide]: isRead,\n              })}\n            />\n            <div className={classes.time}>{getTime()}</div>\n          </div>\n        </div>\n      </div>\n      <div className={classes.notificationActionWrapper}>{rightContainer}</div>\n    </div>\n  );\n};\n\nNotification.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root of the accordion.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the notification wrapper.\n     */\n    notificationWrapper: PropTypes.string,\n\n    /**\n     * Styles applied to the notification wrapper when the actions dropdown is open.\n     */\n    notificationWrapperDropdown: PropTypes.string,\n\n    /**\n     * Styles applied to the notification icon container.\n     */\n    iconContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification message container.\n     */\n    messageContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification time container.\n     */\n    timeContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification bullet.\n     */\n    bullet: PropTypes.string,\n\n    /**\n     * Styles applied to the content when it is hidden.\n     */\n    hide: PropTypes.string,\n\n    /**\n     * Styles applied to the notification time indicator.\n     */\n    time: PropTypes.string,\n    /**\n     * Styles applied to the notification is read.\n     */\n    read: PropTypes.string,\n    /**\n     * Styles applied when the notification dropdown is open.\n     */\n    notificationDropdownOpen: PropTypes.string,\n\n    /**\n     * Styles applied to the notification message actions dropdown.\n     */\n    notificationActionWrapper: PropTypes.string,\n    /**\n     * Styles applied to the notification when clickable\n     */\n    clickable: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Notification id\n   */\n  notificationId: PropTypes.string,\n  /**\n   * Title of the notification\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * 'true' if the notification has been read or 'false' if it has not been read\n   */\n  isRead: PropTypes.bool.isRequired,\n  /**\n   * date the notification was created\n   */\n  date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n  /**\n   * renderable icon that denotes the status of the notification\n   */\n  icon: PropTypes.element,\n  /**\n   * Click action applied to the notification\n   */\n  onClick: PropTypes.func,\n  /**\n   * On Key Press action applied to the notification\n   */\n  onKeyPress: PropTypes.func,\n  /**\n   * Actions to be executed by the notification, available in the dropdown menu\n   */\n  rightContainer: PropTypes.node,\n  /**\n   * Denotes index of clicked notification\n   */\n  isHighlighted: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanelNotification\" })(Notification);\n"],"mappings":"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"}

package/dist/NotificationPanel/NotificationPanel.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvDropDownMenuProps } from "@hitachivantara/uikit-react-core";
 
 export interface Actions {

package/dist/NotificationPanel/NotificationPanel.js

@@ -1,11 +1,21 @@
 "use strict";
 
-require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.object.keys.js");
 
-require("core-js/modules/es.weak-map.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.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -23,7 +33,7 @@ require("core-js/modules/web.dom-collections.iterator.js");
 
 require("core-js/modules/es.array.map.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
@@ -37,11 +47,13 @@ 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 _uikitReactCore = require("@hitachivantara/uikit-react-core");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 
 var _Notification = _interopRequireDefault(require("./Notification"));
 
@@ -49,12 +61,18 @@ var _EmptyStatePanel = _interopRequireDefault(require("./EmptyStatePanel"));
 
 var _NotificationsIndicator = _interopRequireDefault(require("./NotificationsIndicator"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["id", "className", "classes", "open", "footer", "notifications", "hasNewNotifications", "emptyStatePanelTitle", "emptyStatePanelMessage", "emptyStatePanelIcon", "labels", "newNotificationsButtonAction", "locale"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var DEFAULT_LABELS = {
   notificationGroupHeader: {
     newNotifications: "New",
@@ -105,7 +123,7 @@ var HvNotificationPanel = function HvNotificationPanel(_ref) {
   var generateNotificationsActions = function generateNotificationsActions(notificationId, _onToggle, actions) {
     var expand = notificationId === highlighted;
     var dList = (0, _toConsumableArray2.default)(actions.values);
-    return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvDropDownMenu, (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvDropDownMenu, _objectSpread({
       expanded: expand,
       onClick: function onClick(event, item) {
         var _item$callback;
@@ -131,8 +149,7 @@ var HvNotificationPanel = function HvNotificationPanel(_ref) {
   var notificationElementGenerator = function notificationElementGenerator(notificationsToRender) {
     return notificationsToRender.map(function (notification) {
       var notificationIsHighlighted = highlighted === notification.id;
-      return /*#__PURE__*/_react.default.createElement(_Notification.default, {
-        key: notification.id,
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Notification.default, {
         notificationId: notification.id,
         title: notification.title,
         isRead: notification.isRead,
@@ -143,7 +160,7 @@ var HvNotificationPanel = function HvNotificationPanel(_ref) {
         rightContainer: generateNotificationsActions(notification.id, notification.onToggle, notification.actions),
         isHighlighted: notificationIsHighlighted,
         locale: locale
-      });
+      }, notification.id);
     });
   };
 
@@ -153,27 +170,31 @@ var HvNotificationPanel = function HvNotificationPanel(_ref) {
     return notificationElementGenerator(notificationsToRender);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvPanel, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikitReactCore.HvPanel, _objectSpread(_objectSpread({
     id: id,
     className: (0, _clsx.default)(className, classes.root, open === false && classes.closed, open && classes.open)
-  }, others), hasNewNotifications && /*#__PURE__*/_react.default.createElement(_NotificationsIndicator.default, {
-    labels: labels.notificationIndicator,
-    onClick: newNotificationsButtonAction
-  }), hasNotifications ? /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.panel
-  }, notifications.length > 0 && renderNotifications(notifications)) : /*#__PURE__*/_react.default.createElement(_EmptyStatePanel.default, {
-    id: (0, _uikitReactCore.setId)(id, "empty-state"),
-    title: emptyStatePanelTitle,
-    message: emptyStatePanelMessage,
-    icon: emptyStatePanelIcon,
-    className: classes.emptyState
-  }), footer && /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvActionBar, {
-    id: (0, _uikitReactCore.setId)(id, "action-bar"),
-    classes: {
-      root: classes.actionBarRoot
-    },
-    className: classes.actionBar
-  }, footer));
+  }, others), {}, {
+    children: [hasNewNotifications && /*#__PURE__*/(0, _jsxRuntime.jsx)(_NotificationsIndicator.default, {
+      labels: labels.notificationIndicator,
+      onClick: newNotificationsButtonAction
+    }), hasNotifications ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.panel,
+      children: notifications.length > 0 && renderNotifications(notifications)
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyStatePanel.default, {
+      id: (0, _uikitReactCore.setId)(id, "empty-state"),
+      title: emptyStatePanelTitle,
+      message: emptyStatePanelMessage,
+      icon: emptyStatePanelIcon,
+      className: classes.emptyState
+    }), footer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvActionBar, {
+      id: (0, _uikitReactCore.setId)(id, "action-bar"),
+      classes: {
+        root: classes.actionBarRoot
+      },
+      className: classes.actionBar,
+      children: footer
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
@@ -192,7 +213,7 @@ process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
    *
    * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.
    */
-  open: (0, _core.deprecatedPropType)(_propTypes.default.bool),
+  open: (0, _material.deprecatedPropType)(_propTypes.default.bool),
 
   /**
    * A Jss Object used to override or extend the styles applied.
@@ -316,7 +337,7 @@ process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
   locale: _propTypes.default.string
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvNotificationPanel"
 })(HvNotificationPanel);
 

package/dist/NotificationPanel/NotificationPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationPanel.js","names":["DEFAULT_LABELS","notificationGroupHeader","newNotifications","olderNotifications","notificationIndicator","label","buttonLabel","HvNotificationPanel","id","className","classes","open","footer","notifications","hasNewNotifications","emptyStatePanelTitle","emptyStatePanelMessage","emptyStatePanelIcon","labelsProp","labels","newNotificationsButtonAction","localeProp","locale","others","localeFromProvider","useLocale","useState","undefined","highlighted","setHighlighted","isExpanded","setIsExpanded","useLabels","generateNotificationsActions","notificationId","onToggle","actions","expand","dList","values","event","item","callback","s","dropDownMenuProps","notificationElementGenerator","notificationsToRender","map","notification","notificationIsHighlighted","title","isRead","icon","date","onClick","onKeyPress","hasNotifications","length","renderNotifications","clsx","root","closed","panel","setId","emptyState","actionBarRoot","actionBar","propTypes","PropTypes","string","deprecatedPropType","bool","shape","notificationsIndicator","isRequired","arrayOf","oneOfType","number","object","element","func","action","instanceOf","Object","node","withStyles","styles","name"],"sources":["../../src/NotificationPanel/NotificationPanel.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport {\n  HvPanel,\n  HvActionBar,\n  HvDropDownMenu,\n  setId,\n  useLabels,\n  useLocale,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport Notification from \"./Notification\";\nimport EmptyStatePanel from \"./EmptyStatePanel\";\nimport NotificationsIndicator from \"./NotificationsIndicator\";\n\nconst DEFAULT_LABELS = {\n  notificationGroupHeader: {\n    newNotifications: \"New\",\n    olderNotifications: \"Earlier\",\n  },\n  notificationIndicator: {\n    label: \"You have new notifications\",\n    buttonLabel: \"Update\",\n  },\n};\n\n/**\n * Notification Panel displays all of read and unread notifications. Still in development\n */\nconst HvNotificationPanel = ({\n  id,\n  className,\n  classes,\n  open,\n  footer,\n  notifications,\n  hasNewNotifications = false,\n  emptyStatePanelTitle = \"No notifications\",\n  emptyStatePanelMessage = \"You currently have no notifications.\",\n  emptyStatePanelIcon,\n  labels: labelsProp,\n  newNotificationsButtonAction,\n  locale: localeProp,\n  ...others\n}) => {\n  const localeFromProvider = useLocale();\n\n  const locale = localeProp || localeFromProvider;\n\n  const [highlighted, setHighlighted] = useState(undefined);\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const generateNotificationsActions = (notificationId, onToggle, actions) => {\n    const expand = notificationId === highlighted;\n    const dList = [...actions.values];\n    return (\n      <HvDropDownMenu\n        expanded={expand}\n        onClick={(event, item) => {\n          setHighlighted(undefined);\n          item?.callback?.(event, notificationId);\n        }}\n        dataList={dList}\n        onToggle={(event, s) => {\n          onToggle?.(event, s);\n          if (s) {\n            setHighlighted(notificationId);\n          } else {\n            setHighlighted(undefined);\n          }\n          setIsExpanded(!isExpanded);\n        }}\n        {...actions.dropDownMenuProps}\n      />\n    );\n  };\n\n  const notificationElementGenerator = (notificationsToRender) => {\n    return notificationsToRender.map((notification) => {\n      const notificationIsHighlighted = highlighted === notification.id;\n      return (\n        <Notification\n          key={notification.id}\n          notificationId={notification.id}\n          title={notification.title}\n          isRead={notification.isRead}\n          icon={notification.icon}\n          date={notification.date}\n          onClick={notification.onClick}\n          onKeyPress={notification.onKeyPress}\n          rightContainer={generateNotificationsActions(\n            notification.id,\n            notification.onToggle,\n            notification.actions\n          )}\n          isHighlighted={notificationIsHighlighted}\n          locale={locale}\n        />\n      );\n    });\n  };\n\n  const hasNotifications = notifications.length > 0;\n\n  const renderNotifications = (notificationsToRender) =>\n    notificationElementGenerator(notificationsToRender);\n\n  return (\n    <HvPanel\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.closed]: open === false,\n        [classes.open]: open,\n      })}\n      {...others}\n    >\n      {hasNewNotifications && (\n        <NotificationsIndicator\n          labels={labels.notificationIndicator}\n          onClick={newNotificationsButtonAction}\n        />\n      )}\n      {hasNotifications ? (\n        <div className={classes.panel}>\n          {notifications.length > 0 && renderNotifications(notifications)}\n        </div>\n      ) : (\n        <EmptyStatePanel\n          id={setId(id, \"empty-state\")}\n          title={emptyStatePanelTitle}\n          message={emptyStatePanelMessage}\n          icon={emptyStatePanelIcon}\n          className={classes.emptyState}\n        />\n      )}\n      {footer && (\n        <HvActionBar\n          id={setId(id, \"action-bar\")}\n          classes={{\n            root: classes.actionBarRoot,\n          }}\n          className={classes.actionBar}\n        >\n          {footer}\n        </HvActionBar>\n      )}\n    </HvPanel>\n  );\n};\n\nHvNotificationPanel.propTypes = {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * 'true' if panel is open or 'false' if the panel is not open\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n   */\n  open: deprecatedPropType(PropTypes.bool),\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * styles object applied to the root\n     */\n    root: PropTypes.string,\n    /**\n     * styles object applied to the root when closed\n     */\n    closed: PropTypes.string,\n    /**\n     * styles object applied to the root when open\n     */\n    open: PropTypes.string,\n    /**\n     * styles object applied to the panel\n     */\n    panel: PropTypes.string,\n    /**\n     * styles object applied to the action bar\n     */\n    actionBar: PropTypes.string,\n    /**\n     * styles object applied to the root of the action bar\n     */\n    actionBarRoot: PropTypes.string,\n    /**\n     * styles object applied to the new notification indicator\n     */\n    notificationsIndicator: PropTypes.string,\n    /**\n     * styles object applied to the empty state panel\n     */\n    emptyState: PropTypes.string,\n  }).isRequired,\n  /**\n   * The properties of the notifications to be rendered in the Panel.\n   */\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      isRead: PropTypes.bool.isRequired,\n      date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n      icon: PropTypes.element,\n      onClick: PropTypes.func,\n      onKeyPress: PropTypes.func,\n      onToggle: PropTypes.func,\n      actions: PropTypes.shape({\n        label: PropTypes.bool,\n        action: PropTypes.string,\n        callback: PropTypes.func,\n        dropDownMenuProps: PropTypes.instanceOf(Object),\n      }),\n    })\n  ),\n  /**\n   * Whether to render the new notifications indicator\n   */\n  hasNewNotifications: PropTypes.bool,\n  /**\n   * Action buttons to render in footer\n   */\n  footer: PropTypes.node,\n  /**\n   * Title of the EmptyStatePanel\n   */\n  emptyStatePanelTitle: PropTypes.string,\n  /**\n   * Message of the EmptyStatePanel\n   */\n  emptyStatePanelMessage: PropTypes.string,\n  /**\n   * Empty Panel custom Icon\n   */\n  emptyStatePanelIcon: PropTypes.node,\n  /**\n   * Labels to apply to the Panel\n   */\n  labels: PropTypes.shape({\n    /**\n     * Labels to apply to the groups separating newer and older notifications\n     */\n    notificationGroupHeader: {\n      olderNotifications: PropTypes.string,\n      newNotifications: PropTypes.string,\n    },\n    /**\n     * Labels to apply to the element of the New Notifications Indicator\n     */\n    notificationIndicator: {\n      label: PropTypes.string,\n      buttonLabel: PropTypes.string,\n    },\n  }),\n  /**\n   * Function to be supplied to the notification update button\n   */\n  newNotificationsButtonAction: PropTypes.func,\n  /**\n   * The locale to be used on the notification date, if undefined it will use the one from the HvProvider\n   */\n  locale: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanel\" })(HvNotificationPanel);\n"],"mappings":"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"}
+{"version":3,"file":"NotificationPanel.js","names":["DEFAULT_LABELS","notificationGroupHeader","newNotifications","olderNotifications","notificationIndicator","label","buttonLabel","HvNotificationPanel","id","className","classes","open","footer","notifications","hasNewNotifications","emptyStatePanelTitle","emptyStatePanelMessage","emptyStatePanelIcon","labelsProp","labels","newNotificationsButtonAction","localeProp","locale","others","localeFromProvider","useLocale","useState","undefined","highlighted","setHighlighted","isExpanded","setIsExpanded","useLabels","generateNotificationsActions","notificationId","onToggle","actions","expand","dList","values","event","item","callback","s","dropDownMenuProps","notificationElementGenerator","notificationsToRender","map","notification","notificationIsHighlighted","title","isRead","icon","date","onClick","onKeyPress","hasNotifications","length","renderNotifications","clsx","root","closed","panel","setId","emptyState","actionBarRoot","actionBar","propTypes","PropTypes","string","deprecatedPropType","bool","shape","notificationsIndicator","isRequired","arrayOf","oneOfType","number","object","element","func","action","instanceOf","Object","node","withStyles","styles","name"],"sources":["../../src/NotificationPanel/NotificationPanel.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport {\n  HvPanel,\n  HvActionBar,\n  HvDropDownMenu,\n  setId,\n  useLabels,\n  useLocale,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport Notification from \"./Notification\";\nimport EmptyStatePanel from \"./EmptyStatePanel\";\nimport NotificationsIndicator from \"./NotificationsIndicator\";\n\nconst DEFAULT_LABELS = {\n  notificationGroupHeader: {\n    newNotifications: \"New\",\n    olderNotifications: \"Earlier\",\n  },\n  notificationIndicator: {\n    label: \"You have new notifications\",\n    buttonLabel: \"Update\",\n  },\n};\n\n/**\n * Notification Panel displays all of read and unread notifications. Still in development\n */\nconst HvNotificationPanel = ({\n  id,\n  className,\n  classes,\n  open,\n  footer,\n  notifications,\n  hasNewNotifications = false,\n  emptyStatePanelTitle = \"No notifications\",\n  emptyStatePanelMessage = \"You currently have no notifications.\",\n  emptyStatePanelIcon,\n  labels: labelsProp,\n  newNotificationsButtonAction,\n  locale: localeProp,\n  ...others\n}) => {\n  const localeFromProvider = useLocale();\n\n  const locale = localeProp || localeFromProvider;\n\n  const [highlighted, setHighlighted] = useState(undefined);\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const generateNotificationsActions = (notificationId, onToggle, actions) => {\n    const expand = notificationId === highlighted;\n    const dList = [...actions.values];\n    return (\n      <HvDropDownMenu\n        expanded={expand}\n        onClick={(event, item) => {\n          setHighlighted(undefined);\n          item?.callback?.(event, notificationId);\n        }}\n        dataList={dList}\n        onToggle={(event, s) => {\n          onToggle?.(event, s);\n          if (s) {\n            setHighlighted(notificationId);\n          } else {\n            setHighlighted(undefined);\n          }\n          setIsExpanded(!isExpanded);\n        }}\n        {...actions.dropDownMenuProps}\n      />\n    );\n  };\n\n  const notificationElementGenerator = (notificationsToRender) => {\n    return notificationsToRender.map((notification) => {\n      const notificationIsHighlighted = highlighted === notification.id;\n      return (\n        <Notification\n          key={notification.id}\n          notificationId={notification.id}\n          title={notification.title}\n          isRead={notification.isRead}\n          icon={notification.icon}\n          date={notification.date}\n          onClick={notification.onClick}\n          onKeyPress={notification.onKeyPress}\n          rightContainer={generateNotificationsActions(\n            notification.id,\n            notification.onToggle,\n            notification.actions\n          )}\n          isHighlighted={notificationIsHighlighted}\n          locale={locale}\n        />\n      );\n    });\n  };\n\n  const hasNotifications = notifications.length > 0;\n\n  const renderNotifications = (notificationsToRender) =>\n    notificationElementGenerator(notificationsToRender);\n\n  return (\n    <HvPanel\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.closed]: open === false,\n        [classes.open]: open,\n      })}\n      {...others}\n    >\n      {hasNewNotifications && (\n        <NotificationsIndicator\n          labels={labels.notificationIndicator}\n          onClick={newNotificationsButtonAction}\n        />\n      )}\n      {hasNotifications ? (\n        <div className={classes.panel}>\n          {notifications.length > 0 && renderNotifications(notifications)}\n        </div>\n      ) : (\n        <EmptyStatePanel\n          id={setId(id, \"empty-state\")}\n          title={emptyStatePanelTitle}\n          message={emptyStatePanelMessage}\n          icon={emptyStatePanelIcon}\n          className={classes.emptyState}\n        />\n      )}\n      {footer && (\n        <HvActionBar\n          id={setId(id, \"action-bar\")}\n          classes={{\n            root: classes.actionBarRoot,\n          }}\n          className={classes.actionBar}\n        >\n          {footer}\n        </HvActionBar>\n      )}\n    </HvPanel>\n  );\n};\n\nHvNotificationPanel.propTypes = {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * 'true' if panel is open or 'false' if the panel is not open\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n   */\n  open: deprecatedPropType(PropTypes.bool),\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * styles object applied to the root\n     */\n    root: PropTypes.string,\n    /**\n     * styles object applied to the root when closed\n     */\n    closed: PropTypes.string,\n    /**\n     * styles object applied to the root when open\n     */\n    open: PropTypes.string,\n    /**\n     * styles object applied to the panel\n     */\n    panel: PropTypes.string,\n    /**\n     * styles object applied to the action bar\n     */\n    actionBar: PropTypes.string,\n    /**\n     * styles object applied to the root of the action bar\n     */\n    actionBarRoot: PropTypes.string,\n    /**\n     * styles object applied to the new notification indicator\n     */\n    notificationsIndicator: PropTypes.string,\n    /**\n     * styles object applied to the empty state panel\n     */\n    emptyState: PropTypes.string,\n  }).isRequired,\n  /**\n   * The properties of the notifications to be rendered in the Panel.\n   */\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      isRead: PropTypes.bool.isRequired,\n      date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n      icon: PropTypes.element,\n      onClick: PropTypes.func,\n      onKeyPress: PropTypes.func,\n      onToggle: PropTypes.func,\n      actions: PropTypes.shape({\n        label: PropTypes.bool,\n        action: PropTypes.string,\n        callback: PropTypes.func,\n        dropDownMenuProps: PropTypes.instanceOf(Object),\n      }),\n    })\n  ),\n  /**\n   * Whether to render the new notifications indicator\n   */\n  hasNewNotifications: PropTypes.bool,\n  /**\n   * Action buttons to render in footer\n   */\n  footer: PropTypes.node,\n  /**\n   * Title of the EmptyStatePanel\n   */\n  emptyStatePanelTitle: PropTypes.string,\n  /**\n   * Message of the EmptyStatePanel\n   */\n  emptyStatePanelMessage: PropTypes.string,\n  /**\n   * Empty Panel custom Icon\n   */\n  emptyStatePanelIcon: PropTypes.node,\n  /**\n   * Labels to apply to the Panel\n   */\n  labels: PropTypes.shape({\n    /**\n     * Labels to apply to the groups separating newer and older notifications\n     */\n    notificationGroupHeader: {\n      olderNotifications: PropTypes.string,\n      newNotifications: PropTypes.string,\n    },\n    /**\n     * Labels to apply to the element of the New Notifications Indicator\n     */\n    notificationIndicator: {\n      label: PropTypes.string,\n      buttonLabel: PropTypes.string,\n    },\n  }),\n  /**\n   * Function to be supplied to the notification update button\n   */\n  newNotificationsButtonAction: PropTypes.func,\n  /**\n   * The locale to be used on the notification date, if undefined it will use the one from the HvProvider\n   */\n  locale: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanel\" })(HvNotificationPanel);\n"],"mappings":"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"}

package/dist/NotificationPanel/NotificationsIndicator/NotificationsIndicator.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export interface Labels {
   label: string;

package/dist/NotificationPanel/NotificationsIndicator/NotificationsIndicator.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"));
 
@@ -19,32 +33,42 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
 
-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 = ["classes", "className", "labels", "onClick"];
 
+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 NotificationsIndicator = function NotificationsIndicator(_ref) {
   var classes = _ref.classes,
       className = _ref.className,
       labels = _ref.labels,
       onClick = _ref.onClick,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
     className: (0, _clsx.default)(className, classes.root, classes.notificationsIndicator)
-  }, others), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, {
-    classes: {
-      normalText: classes.semanticColoring
-    }
-  }, labels.label), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
-    category: "semantic",
-    className: classes.newNotificationsFocus,
-    classes: {
-      focusVisible: classes.newNotificationsFocus
-    },
-    onClick: onClick
-  }, labels.buttonLabel));
+  }, others), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, {
+      classes: {
+        normalText: classes.semanticColoring
+      },
+      children: labels.label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvButton, {
+      category: "semantic",
+      className: classes.newNotificationsFocus,
+      classes: {
+        focusVisible: classes.newNotificationsFocus
+      },
+      onClick: onClick,
+      children: labels.buttonLabel
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? NotificationsIndicator.propTypes = {
@@ -99,7 +123,7 @@ process.env.NODE_ENV !== "production" ? NotificationsIndicator.propTypes = {
   onClick: _propTypes.default.func
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvNotificationsIndicator"
 })(NotificationsIndicator);
 

package/dist/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsIndicator.js","names":["NotificationsIndicator","classes","className","labels","onClick","others","clsx","root","notificationsIndicator","normalText","semanticColoring","label","newNotificationsFocus","focusVisible","buttonLabel","propTypes","PropTypes","shape","string","isRequired","func","withStyles","styles","name"],"sources":["../../../src/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { HvButton, HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst NotificationsIndicator = ({ classes, className, labels, onClick, ...others }) => {\n  return (\n    <div className={clsx(className, classes.root, classes.notificationsIndicator)} {...others}>\n      <HvTypography classes={{ normalText: classes.semanticColoring }}>{labels.label}</HvTypography>\n      <HvButton\n        category=\"semantic\"\n        className={classes.newNotificationsFocus}\n        classes={{\n          focusVisible: classes.newNotificationsFocus,\n        }}\n        onClick={onClick}\n      >\n        {labels.buttonLabel}\n      </HvButton>\n    </div>\n  );\n};\n\nNotificationsIndicator.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root of the element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the NotificationsIndicator container.\n     */\n    notificationsIndicator: PropTypes.string,\n\n    /**\n     * Styles applied to the notification focus\n     */\n    newNotificationsFocus: PropTypes.string,\n    /**\n     * Override to text color for usage over semantic background in wicked\n     */\n    semanticColoring: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Labels to apply to component\n   */\n  labels: PropTypes.shape({\n    /**\n     * Notification indicator label\n     */\n    label: PropTypes.string,\n    /**\n     * Label to apply to the button label\n     */\n    buttonLabel: PropTypes.string,\n  }).isRequired,\n  /**\n   * Function passed to the notification panel button\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationsIndicator\" })(NotificationsIndicator);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAAwD;EAAA,IAArDC,OAAqD,QAArDA,OAAqD;EAAA,IAA5CC,SAA4C,QAA5CA,SAA4C;EAAA,IAAjCC,MAAiC,QAAjCA,MAAiC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;EACrF,oBACE;IAAK,SAAS,EAAE,IAAAC,aAAA,EAAKJ,SAAL,EAAgBD,OAAO,CAACM,IAAxB,EAA8BN,OAAO,CAACO,sBAAtC;EAAhB,GAAmFH,MAAnF,gBACE,6BAAC,4BAAD;IAAc,OAAO,EAAE;MAAEI,UAAU,EAAER,OAAO,CAACS;IAAtB;EAAvB,GAAkEP,MAAM,CAACQ,KAAzE,CADF,eAEE,6BAAC,wBAAD;IACE,QAAQ,EAAC,UADX;IAEE,SAAS,EAAEV,OAAO,CAACW,qBAFrB;IAGE,OAAO,EAAE;MACPC,YAAY,EAAEZ,OAAO,CAACW;IADf,CAHX;IAME,OAAO,EAAER;EANX,GAQGD,MAAM,CAACW,WARV,CAFF,CADF;AAeD,CAhBD;;AAkBA,wCAAAd,sBAAsB,CAACe,SAAvB,GAAmC;EACjC;AACF;AACA;EACEd,OAAO,EAAEe,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,IAAI,EAAES,kBAAA,CAAUE,MAJO;;IAKvB;AACJ;AACA;IACIV,sBAAsB,EAAEQ,kBAAA,CAAUE,MARX;;IAUvB;AACJ;AACA;IACIN,qBAAqB,EAAEI,kBAAA,CAAUE,MAbV;;IAcvB;AACJ;AACA;IACIR,gBAAgB,EAAEM,kBAAA,CAAUE;EAjBL,CAAhB,EAkBNC,UAtB8B;;EAwBjC;AACF;AACA;EACEjB,SAAS,EAAEc,kBAAA,CAAUE,MA3BY;;EA4BjC;AACF;AACA;EACEf,MAAM,EAAEa,kBAAA,CAAUC,KAAV,CAAgB;IACtB;AACJ;AACA;IACIN,KAAK,EAAEK,kBAAA,CAAUE,MAJK;;IAKtB;AACJ;AACA;IACIJ,WAAW,EAAEE,kBAAA,CAAUE;EARD,CAAhB,EASLC,UAxC8B;;EAyCjC;AACF;AACA;EACEf,OAAO,EAAEY,kBAAA,CAAUI;AA5Cc,CAAnC;;eA+Ce,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAyDvB,sBAAzD,C"}
+{"version":3,"file":"NotificationsIndicator.js","names":["NotificationsIndicator","classes","className","labels","onClick","others","clsx","root","notificationsIndicator","normalText","semanticColoring","label","newNotificationsFocus","focusVisible","buttonLabel","propTypes","PropTypes","shape","string","isRequired","func","withStyles","styles","name"],"sources":["../../../src/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { HvButton, HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst NotificationsIndicator = ({ classes, className, labels, onClick, ...others }) => {\n  return (\n    <div className={clsx(className, classes.root, classes.notificationsIndicator)} {...others}>\n      <HvTypography classes={{ normalText: classes.semanticColoring }}>{labels.label}</HvTypography>\n      <HvButton\n        category=\"semantic\"\n        className={classes.newNotificationsFocus}\n        classes={{\n          focusVisible: classes.newNotificationsFocus,\n        }}\n        onClick={onClick}\n      >\n        {labels.buttonLabel}\n      </HvButton>\n    </div>\n  );\n};\n\nNotificationsIndicator.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root of the element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the NotificationsIndicator container.\n     */\n    notificationsIndicator: PropTypes.string,\n\n    /**\n     * Styles applied to the notification focus\n     */\n    newNotificationsFocus: PropTypes.string,\n    /**\n     * Override to text color for usage over semantic background in wicked\n     */\n    semanticColoring: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Labels to apply to component\n   */\n  labels: PropTypes.shape({\n    /**\n     * Notification indicator label\n     */\n    label: PropTypes.string,\n    /**\n     * Label to apply to the button label\n     */\n    buttonLabel: PropTypes.string,\n  }).isRequired,\n  /**\n   * Function passed to the notification panel button\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationsIndicator\" })(NotificationsIndicator);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAAwD;EAAA,IAArDC,OAAqD,QAArDA,OAAqD;EAAA,IAA5CC,SAA4C,QAA5CA,SAA4C;EAAA,IAAjCC,MAAiC,QAAjCA,MAAiC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;EACrF,oBACE;IAAK,SAAS,EAAE,IAAAC,aAAA,EAAKJ,SAAL,EAAgBD,OAAO,CAACM,IAAxB,EAA8BN,OAAO,CAACO,sBAAtC;EAAhB,GAAmFH,MAAnF;IAAA,wBACE,qBAAC,4BAAD;MAAc,OAAO,EAAE;QAAEI,UAAU,EAAER,OAAO,CAACS;MAAtB,CAAvB;MAAA,UAAkEP,MAAM,CAACQ;IAAzE,EADF,eAEE,qBAAC,wBAAD;MACE,QAAQ,EAAC,UADX;MAEE,SAAS,EAAEV,OAAO,CAACW,qBAFrB;MAGE,OAAO,EAAE;QACPC,YAAY,EAAEZ,OAAO,CAACW;MADf,CAHX;MAME,OAAO,EAAER,OANX;MAAA,UAQGD,MAAM,CAACW;IARV,EAFF;EAAA,GADF;AAeD,CAhBD;;AAkBA,wCAAAd,sBAAsB,CAACe,SAAvB,GAAmC;EACjC;AACF;AACA;EACEd,OAAO,EAAEe,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,IAAI,EAAES,kBAAA,CAAUE,MAJO;;IAKvB;AACJ;AACA;IACIV,sBAAsB,EAAEQ,kBAAA,CAAUE,MARX;;IAUvB;AACJ;AACA;IACIN,qBAAqB,EAAEI,kBAAA,CAAUE,MAbV;;IAcvB;AACJ;AACA;IACIR,gBAAgB,EAAEM,kBAAA,CAAUE;EAjBL,CAAhB,EAkBNC,UAtB8B;;EAwBjC;AACF;AACA;EACEjB,SAAS,EAAEc,kBAAA,CAAUE,MA3BY;;EA4BjC;AACF;AACA;EACEf,MAAM,EAAEa,kBAAA,CAAUC,KAAV,CAAgB;IACtB;AACJ;AACA;IACIN,KAAK,EAAEK,kBAAA,CAAUE,MAJK;;IAKtB;AACJ;AACA;IACIJ,WAAW,EAAEE,kBAAA,CAAUE;EARD,CAAhB,EASLC,UAxC8B;;EAyCjC;AACF;AACA;EACEf,OAAO,EAAEY,kBAAA,CAAUI;AA5Cc,CAAnC;;eA+Ce,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAyDvB,sBAAzD,C"}

package/dist/StepNavigation/DefaultNavigation/DefaultNavigation.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 import { HvStepNavigationProps } from "../StepNavigation";
 import { HvStepProps } from "./Step";

package/dist/StepNavigation/DefaultNavigation/DefaultNavigation.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,22 +21,32 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var _Step = _interopRequireDefault(require("./Step"));
 
 var _utils = require("./utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["numSteps", "stepSize", "getTitles", "getDynamicValues", "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; }
+
 /**
  * Default Navigation
  */
@@ -33,7 +57,7 @@ var HvDefaultNavigation = function HvDefaultNavigation(_ref) {
       getDynamicValues = _ref.getDynamicValues,
       children = _ref.children,
       other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var theme = (0, _core.useTheme)(); // step values
+  var theme = (0, _material.useTheme)(); // step values
 
   var _stepSizes$stepSize = _utils.stepSizes[stepSize],
       maxSize = _stepSizes$stepSize.container,
@@ -63,21 +87,23 @@ var HvDefaultNavigation = function HvDefaultNavigation(_ref) {
       titleWidth: titleWidth
     };
   });
-  return /*#__PURE__*/_react.default.createElement("div", other, /*#__PURE__*/_react.default.createElement(Steps, {
-    stepsWidth: stepsWidth,
-    navWidth: width,
-    separatorValues: {
-      minWidth: minWidth,
-      maxWidth: maxWidth,
-      getColor: getColor,
-      height: 3
-    },
-    stepValues: {
-      minSize: minSize,
-      maxSize: maxSize,
-      StepComponent: StepComponent
-    }
-  }), titles);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, other), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Steps, {
+      stepsWidth: stepsWidth,
+      navWidth: width,
+      separatorValues: {
+        minWidth: minWidth,
+        maxWidth: maxWidth,
+        getColor: getColor,
+        height: 3
+      },
+      stepValues: {
+        minSize: minSize,
+        maxSize: maxSize,
+        StepComponent: StepComponent
+      }
+    }), titles]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvDefaultNavigation.propTypes = {
@@ -122,7 +148,7 @@ process.env.NODE_ENV !== "production" ? HvDefaultNavigation.propTypes = {
   children: _propTypes.default.elementType.isRequired
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvDefaultNavigation"
 })(HvDefaultNavigation);
 

package/dist/StepNavigation/DefaultNavigation/DefaultNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultNavigation.js","names":["HvDefaultNavigation","numSteps","stepSize","getTitles","getDynamicValues","children","other","theme","useTheme","stepSizes","maxSize","container","minSize","avatar","StepComponent","HvStep","stepsWidth","width","titleWidth","separatorWidth","getColor","state","getStateColor","maxWidth","Math","max","minWidth","Steps","titles","variant","navWidth","separatorValues","height","stepValues","propTypes","className","PropTypes","string","classes","shape","root","isRequired","number","oneOf","func","elementType","withStyles","styles","name"],"sources":["../../../src/StepNavigation/DefaultNavigation/DefaultNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { useTheme, withStyles } from \"@material-ui/core\";\n\nimport HvStep from \"./Step\";\nimport { getColor as getStateColor, stepSizes } from \"./utils\";\nimport styles from \"./styles\";\n\n/**\n * Default Navigation\n */\nconst HvDefaultNavigation = ({\n  numSteps,\n  stepSize,\n  getTitles,\n  getDynamicValues,\n  children,\n  ...other\n}) => {\n  const theme = useTheme();\n\n  // step values\n  const { container: maxSize, avatar: minSize } = stepSizes[stepSize];\n  const StepComponent = HvStep;\n  //\n\n  const stepsWidth = maxSize + minSize * (numSteps - 1);\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const getColor = (state) => getStateColor(state === \"Current\" ? \"Disabled\" : state, theme);\n  const maxWidth = Math.max(titleWidth - minSize, separatorWidth);\n  const minWidth = Math.max(titleWidth - (maxSize + minSize) * 0.5, separatorWidth);\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ state }) => ({\n    variant: state === \"Disabled\" ? \"disabledText\" : \"highlightText\",\n    titleWidth,\n  }));\n\n  return (\n    <div {...other}>\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: 3,\n          },\n          stepValues: {\n            minSize,\n            maxSize,\n            StepComponent,\n          },\n        }}\n      />\n      {titles}\n    </div>\n  );\n};\n\nHvDefaultNavigation.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Number of steps to show on the component.\n   */\n  numSteps: PropTypes.number.isRequired,\n  /**\n   * Sets one of the standard sizes of the steps\n   */\n  stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]).isRequired,\n  /**\n   * Returns dynamic width values of the component (width, titleWidth, separatorWidth).\n   */\n  getDynamicValues: PropTypes.func.isRequired,\n  /**\n   * Returns a JSX.element of the titles container.\n   */\n  getTitles: PropTypes.func.isRequired,\n  /**\n   * Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}\n   */\n  children: PropTypes.elementType.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDefaultNavigation\" })(HvDefaultNavigation);\n"],"mappings":"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"}
+{"version":3,"file":"DefaultNavigation.js","names":["HvDefaultNavigation","numSteps","stepSize","getTitles","getDynamicValues","children","other","theme","useTheme","stepSizes","maxSize","container","minSize","avatar","StepComponent","HvStep","stepsWidth","width","titleWidth","separatorWidth","getColor","state","getStateColor","maxWidth","Math","max","minWidth","Steps","titles","variant","navWidth","separatorValues","height","stepValues","propTypes","className","PropTypes","string","classes","shape","root","isRequired","number","oneOf","func","elementType","withStyles","styles","name"],"sources":["../../../src/StepNavigation/DefaultNavigation/DefaultNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { useTheme } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport HvStep from \"./Step\";\nimport { getColor as getStateColor, stepSizes } from \"./utils\";\nimport styles from \"./styles\";\n\n/**\n * Default Navigation\n */\nconst HvDefaultNavigation = ({\n  numSteps,\n  stepSize,\n  getTitles,\n  getDynamicValues,\n  children,\n  ...other\n}) => {\n  const theme = useTheme();\n\n  // step values\n  const { container: maxSize, avatar: minSize } = stepSizes[stepSize];\n  const StepComponent = HvStep;\n  //\n\n  const stepsWidth = maxSize + minSize * (numSteps - 1);\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const getColor = (state) => getStateColor(state === \"Current\" ? \"Disabled\" : state, theme);\n  const maxWidth = Math.max(titleWidth - minSize, separatorWidth);\n  const minWidth = Math.max(titleWidth - (maxSize + minSize) * 0.5, separatorWidth);\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ state }) => ({\n    variant: state === \"Disabled\" ? \"disabledText\" : \"highlightText\",\n    titleWidth,\n  }));\n\n  return (\n    <div {...other}>\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: 3,\n          },\n          stepValues: {\n            minSize,\n            maxSize,\n            StepComponent,\n          },\n        }}\n      />\n      {titles}\n    </div>\n  );\n};\n\nHvDefaultNavigation.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Number of steps to show on the component.\n   */\n  numSteps: PropTypes.number.isRequired,\n  /**\n   * Sets one of the standard sizes of the steps\n   */\n  stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]).isRequired,\n  /**\n   * Returns dynamic width values of the component (width, titleWidth, separatorWidth).\n   */\n  getDynamicValues: PropTypes.func.isRequired,\n  /**\n   * Returns a JSX.element of the titles container.\n   */\n  getTitles: PropTypes.func.isRequired,\n  /**\n   * Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}\n   */\n  children: PropTypes.elementType.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDefaultNavigation\" })(HvDefaultNavigation);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA;AACA;AACA;AACA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAOtB;EAAA,IANJC,QAMI,QANJA,QAMI;EAAA,IALJC,QAKI,QALJA,QAKI;EAAA,IAJJC,SAII,QAJJA,SAII;EAAA,IAHJC,gBAGI,QAHJA,gBAGI;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADDC,KACC;EACJ,IAAMC,KAAK,GAAG,IAAAC,kBAAA,GAAd,CADI,CAGJ;;EACA,0BAAgDC,gBAAA,CAAUP,QAAV,CAAhD;EAAA,IAAmBQ,OAAnB,uBAAQC,SAAR;EAAA,IAAoCC,OAApC,uBAA4BC,MAA5B;EACA,IAAMC,aAAa,GAAGC,aAAtB,CALI,CAMJ;;EAEA,IAAMC,UAAU,GAAGN,OAAO,GAAGE,OAAO,IAAIX,QAAQ,GAAG,CAAf,CAApC;;EACA,wBAA8CG,gBAAgB,CAACY,UAAD,CAA9D;EAAA,IAAQC,KAAR,qBAAQA,KAAR;EAAA,IAAeC,UAAf,qBAAeA,UAAf;EAAA,IAA2BC,cAA3B,qBAA2BA,cAA3B,CATI,CAWJ;;;EACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD;IAAA,OAAW,IAAAC,eAAA,EAAcD,KAAK,KAAK,SAAV,GAAsB,UAAtB,GAAmCA,KAAjD,EAAwDd,KAAxD,CAAX;EAAA,CAAjB;;EACA,IAAMgB,QAAQ,GAAGC,IAAI,CAACC,GAAL,CAASP,UAAU,GAAGN,OAAtB,EAA+BO,cAA/B,CAAjB;EACA,IAAMO,QAAQ,GAAGF,IAAI,CAACC,GAAL,CAASP,UAAU,GAAG,CAACR,OAAO,GAAGE,OAAX,IAAsB,GAA5C,EAAiDO,cAAjD,CAAjB,CAdI,CAeJ;;EAEA,IAAMQ,KAAK,GAAGtB,QAAd;EAEA,IAAMuB,MAAM,GAAGzB,SAAS,CAAC;IAAA,IAAGkB,KAAH,SAAGA,KAAH;IAAA,OAAgB;MACvCQ,OAAO,EAAER,KAAK,KAAK,UAAV,GAAuB,cAAvB,GAAwC,eADV;MAEvCH,UAAU,EAAVA;IAFuC,CAAhB;EAAA,CAAD,CAAxB;EAKA,oBACE,6DAASZ,KAAT;IAAA,wBACE,qBAAC,KAAD;MAEIU,UAAU,EAAVA,UAFJ;MAGIc,QAAQ,EAAEb,KAHd;MAIIc,eAAe,EAAE;QACfL,QAAQ,EAARA,QADe;QAEfH,QAAQ,EAARA,QAFe;QAGfH,QAAQ,EAARA,QAHe;QAIfY,MAAM,EAAE;MAJO,CAJrB;MAUIC,UAAU,EAAE;QACVrB,OAAO,EAAPA,OADU;QAEVF,OAAO,EAAPA,OAFU;QAGVI,aAAa,EAAbA;MAHU;IAVhB,EADF,EAkBGc,MAlBH;EAAA,GADF;AAsBD,CArDD;;AAuDA,wCAAA5B,mBAAmB,CAACkC,SAApB,GAAgC;EAC9B;AACF;AACA;EACEC,SAAS,EAAEC,kBAAA,CAAUC,MAJS;;EAK9B;AACF;AACA;EACEC,OAAO,EAAEF,kBAAA,CAAUG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIC,IAAI,EAAEJ,kBAAA,CAAUC;EAJO,CAAhB,EAKNI,UAb2B;;EAc9B;AACF;AACA;EACExC,QAAQ,EAAEmC,kBAAA,CAAUM,MAAV,CAAiBD,UAjBG;;EAkB9B;AACF;AACA;EACEvC,QAAQ,EAAEkC,kBAAA,CAAUO,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,CAAhB,EAAgDF,UArB5B;;EAsB9B;AACF;AACA;EACErC,gBAAgB,EAAEgC,kBAAA,CAAUQ,IAAV,CAAeH,UAzBH;;EA0B9B;AACF;AACA;EACEtC,SAAS,EAAEiC,kBAAA,CAAUQ,IAAV,CAAeH,UA7BI;;EA8B9B;AACF;AACA;EACEpC,QAAQ,EAAE+B,kBAAA,CAAUS,WAAV,CAAsBJ;AAjCF,CAAhC;;eAoCe,IAAAK,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAoDhD,mBAApD,C"}

package/dist/StepNavigation/DefaultNavigation/Step/Step.d.ts

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