@hitachivantara/uikit-react-lab 3.52.2 → 4.0.1-next.0

package/dist/modern/NotificationPanel/NotificationPanel.js

@@ -1,16 +1,24 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "className", "classes", "open", "footer", "notifications", "hasNewNotifications", "emptyStatePanelTitle", "emptyStatePanelMessage", "emptyStatePanelIcon", "labels", "newNotificationsButtonAction", "locale"];
+
+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) { _defineProperty(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; }
+
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useState } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { deprecatedPropType, withStyles } from "@material-ui/core";
+import { deprecatedPropType } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import { HvPanel, HvActionBar, HvDropDownMenu, setId, useLabels, useLocale } from "@hitachivantara/uikit-react-core";
 import styles from "./styles";
 import Notification from "./Notification";
 import EmptyStatePanel from "./EmptyStatePanel";
 import NotificationsIndicator from "./NotificationsIndicator";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_LABELS = {
   notificationGroupHeader: {
     newNotifications: "New",
@@ -52,7 +60,7 @@ const HvNotificationPanel = _ref => {
   const generateNotificationsActions = (notificationId, onToggle, actions) => {
     const expand = notificationId === highlighted;
     const dList = [...actions.values];
-    return /*#__PURE__*/React.createElement(HvDropDownMenu, _extends({
+    return /*#__PURE__*/_jsx(HvDropDownMenu, _objectSpread({
       expanded: expand,
       onClick: (event, item) => {
         var _item$callback;
@@ -78,8 +86,7 @@ const HvNotificationPanel = _ref => {
   const notificationElementGenerator = notificationsToRender => {
     return notificationsToRender.map(notification => {
       const notificationIsHighlighted = highlighted === notification.id;
-      return /*#__PURE__*/React.createElement(Notification, {
-        key: notification.id,
+      return /*#__PURE__*/_jsx(Notification, {
         notificationId: notification.id,
         title: notification.title,
         isRead: notification.isRead,
@@ -90,7 +97,7 @@ const HvNotificationPanel = _ref => {
         rightContainer: generateNotificationsActions(notification.id, notification.onToggle, notification.actions),
         isHighlighted: notificationIsHighlighted,
         locale: locale
-      });
+      }, notification.id);
     });
   };
 
@@ -98,27 +105,31 @@ const HvNotificationPanel = _ref => {
 
   const renderNotifications = notificationsToRender => notificationElementGenerator(notificationsToRender);
 
-  return /*#__PURE__*/React.createElement(HvPanel, _extends({
+  return /*#__PURE__*/_jsxs(HvPanel, _objectSpread(_objectSpread({
     id: id,
     className: clsx(className, classes.root, open === false && classes.closed, open && classes.open)
-  }, others), hasNewNotifications && /*#__PURE__*/React.createElement(NotificationsIndicator, {
-    labels: labels.notificationIndicator,
-    onClick: newNotificationsButtonAction
-  }), hasNotifications ? /*#__PURE__*/React.createElement("div", {
-    className: classes.panel
-  }, notifications.length > 0 && renderNotifications(notifications)) : /*#__PURE__*/React.createElement(EmptyStatePanel, {
-    id: setId(id, "empty-state"),
-    title: emptyStatePanelTitle,
-    message: emptyStatePanelMessage,
-    icon: emptyStatePanelIcon,
-    className: classes.emptyState
-  }), footer && /*#__PURE__*/React.createElement(HvActionBar, {
-    id: setId(id, "action-bar"),
-    classes: {
-      root: classes.actionBarRoot
-    },
-    className: classes.actionBar
-  }, footer));
+  }, others), {}, {
+    children: [hasNewNotifications && /*#__PURE__*/_jsx(NotificationsIndicator, {
+      labels: labels.notificationIndicator,
+      onClick: newNotificationsButtonAction
+    }), hasNotifications ? /*#__PURE__*/_jsx("div", {
+      className: classes.panel,
+      children: notifications.length > 0 && renderNotifications(notifications)
+    }) : /*#__PURE__*/_jsx(EmptyStatePanel, {
+      id: setId(id, "empty-state"),
+      title: emptyStatePanelTitle,
+      message: emptyStatePanelMessage,
+      icon: emptyStatePanelIcon,
+      className: classes.emptyState
+    }), footer && /*#__PURE__*/_jsx(HvActionBar, {
+      id: setId(id, "action-bar"),
+      classes: {
+        root: classes.actionBarRoot
+      },
+      className: classes.actionBar,
+      children: footer
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {

package/dist/modern/NotificationPanel/NotificationPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationPanel.js","names":["React","useState","PropTypes","clsx","deprecatedPropType","withStyles","HvPanel","HvActionBar","HvDropDownMenu","setId","useLabels","useLocale","styles","Notification","EmptyStatePanel","NotificationsIndicator","DEFAULT_LABELS","notificationGroupHeader","newNotifications","olderNotifications","notificationIndicator","label","buttonLabel","HvNotificationPanel","id","className","classes","open","footer","notifications","hasNewNotifications","emptyStatePanelTitle","emptyStatePanelMessage","emptyStatePanelIcon","labels","labelsProp","newNotificationsButtonAction","locale","localeProp","others","localeFromProvider","highlighted","setHighlighted","undefined","isExpanded","setIsExpanded","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","root","closed","panel","emptyState","actionBarRoot","actionBar","propTypes","string","bool","shape","notificationsIndicator","isRequired","arrayOf","oneOfType","number","object","element","func","action","instanceOf","Object","node","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":["React","useState","PropTypes","clsx","deprecatedPropType","withStyles","HvPanel","HvActionBar","HvDropDownMenu","setId","useLabels","useLocale","styles","Notification","EmptyStatePanel","NotificationsIndicator","DEFAULT_LABELS","notificationGroupHeader","newNotifications","olderNotifications","notificationIndicator","label","buttonLabel","HvNotificationPanel","id","className","classes","open","footer","notifications","hasNewNotifications","emptyStatePanelTitle","emptyStatePanelMessage","emptyStatePanelIcon","labels","labelsProp","newNotificationsButtonAction","locale","localeProp","others","localeFromProvider","highlighted","setHighlighted","undefined","isExpanded","setIsExpanded","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","root","closed","panel","emptyState","actionBarRoot","actionBar","propTypes","string","bool","shape","notificationsIndicator","isRequired","arrayOf","oneOfType","number","object","element","func","action","instanceOf","Object","node","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/modern/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/modern/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js

@@ -1,12 +1,19 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _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) { _defineProperty(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; }
+
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
 import { HvButton, HvTypography } from "@hitachivantara/uikit-react-core";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 const NotificationsIndicator = _ref => {
   let {
@@ -17,20 +24,24 @@ const NotificationsIndicator = _ref => {
   } = _ref,
       others = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     className: clsx(className, classes.root, classes.notificationsIndicator)
-  }, others), /*#__PURE__*/React.createElement(HvTypography, {
-    classes: {
-      normalText: classes.semanticColoring
-    }
-  }, labels.label), /*#__PURE__*/React.createElement(HvButton, {
-    category: "semantic",
-    className: classes.newNotificationsFocus,
-    classes: {
-      focusVisible: classes.newNotificationsFocus
-    },
-    onClick: onClick
-  }, labels.buttonLabel));
+  }, others), {}, {
+    children: [/*#__PURE__*/_jsx(HvTypography, {
+      classes: {
+        normalText: classes.semanticColoring
+      },
+      children: labels.label
+    }), /*#__PURE__*/_jsx(HvButton, {
+      category: "semantic",
+      className: classes.newNotificationsFocus,
+      classes: {
+        focusVisible: classes.newNotificationsFocus
+      },
+      onClick: onClick,
+      children: labels.buttonLabel
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? NotificationsIndicator.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationsIndicator.js","names":["React","PropTypes","clsx","HvButton","HvTypography","withStyles","styles","NotificationsIndicator","classes","className","labels","onClick","others","root","notificationsIndicator","normalText","semanticColoring","label","newNotificationsFocus","focusVisible","buttonLabel","propTypes","shape","string","isRequired","func","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,QAAT,EAAmBC,YAAnB,QAAuC,kCAAvC;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,sBAAsB,GAAG,QAAwD;EAAA,IAAvD;IAAEC,OAAF;IAAWC,SAAX;IAAsBC,MAAtB;IAA8BC;EAA9B,CAAuD;EAAA,IAAbC,MAAa;;EACrF,oBACE;IAAK,SAAS,EAAEV,IAAI,CAACO,SAAD,EAAYD,OAAO,CAACK,IAApB,EAA0BL,OAAO,CAACM,sBAAlC;EAApB,GAAmFF,MAAnF,gBACE,oBAAC,YAAD;IAAc,OAAO,EAAE;MAAEG,UAAU,EAAEP,OAAO,CAACQ;IAAtB;EAAvB,GAAkEN,MAAM,CAACO,KAAzE,CADF,eAEE,oBAAC,QAAD;IACE,QAAQ,EAAC,UADX;IAEE,SAAS,EAAET,OAAO,CAACU,qBAFrB;IAGE,OAAO,EAAE;MACPC,YAAY,EAAEX,OAAO,CAACU;IADf,CAHX;IAME,OAAO,EAAEP;EANX,GAQGD,MAAM,CAACU,WARV,CAFF,CADF;AAeD,CAhBD;;AAkBA,wCAAAb,sBAAsB,CAACc,SAAvB,GAAmC;EACjC;AACF;AACA;EACEb,OAAO,EAAEP,SAAS,CAACqB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIT,IAAI,EAAEZ,SAAS,CAACsB,MAJO;;IAKvB;AACJ;AACA;IACIT,sBAAsB,EAAEb,SAAS,CAACsB,MARX;;IAUvB;AACJ;AACA;IACIL,qBAAqB,EAAEjB,SAAS,CAACsB,MAbV;;IAcvB;AACJ;AACA;IACIP,gBAAgB,EAAEf,SAAS,CAACsB;EAjBL,CAAhB,EAkBNC,UAtB8B;;EAwBjC;AACF;AACA;EACEf,SAAS,EAAER,SAAS,CAACsB,MA3BY;;EA4BjC;AACF;AACA;EACEb,MAAM,EAAET,SAAS,CAACqB,KAAV,CAAgB;IACtB;AACJ;AACA;IACIL,KAAK,EAAEhB,SAAS,CAACsB,MAJK;;IAKtB;AACJ;AACA;IACIH,WAAW,EAAEnB,SAAS,CAACsB;EARD,CAAhB,EASLC,UAxC8B;;EAyCjC;AACF;AACA;EACEb,OAAO,EAAEV,SAAS,CAACwB;AA5Cc,CAAnC;AA+CA,eAAepB,UAAU,CAACC,MAAD,EAAS;EAAEoB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyDnB,sBAAzD,CAAf"}
+{"version":3,"file":"NotificationsIndicator.js","names":["React","PropTypes","clsx","HvButton","HvTypography","withStyles","styles","NotificationsIndicator","classes","className","labels","onClick","others","root","notificationsIndicator","normalText","semanticColoring","label","newNotificationsFocus","focusVisible","buttonLabel","propTypes","shape","string","isRequired","func","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,QAAT,EAAmBC,YAAnB,QAAuC,kCAAvC;AAEA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;;AAEA,MAAMC,sBAAsB,GAAG,QAAwD;EAAA,IAAvD;IAAEC,OAAF;IAAWC,SAAX;IAAsBC,MAAtB;IAA8BC;EAA9B,CAAuD;EAAA,IAAbC,MAAa;;EACrF,oBACE;IAAK,SAAS,EAAEV,IAAI,CAACO,SAAD,EAAYD,OAAO,CAACK,IAApB,EAA0BL,OAAO,CAACM,sBAAlC;EAApB,GAAmFF,MAAnF;IAAA,wBACE,KAAC,YAAD;MAAc,OAAO,EAAE;QAAEG,UAAU,EAAEP,OAAO,CAACQ;MAAtB,CAAvB;MAAA,UAAkEN,MAAM,CAACO;IAAzE,EADF,eAEE,KAAC,QAAD;MACE,QAAQ,EAAC,UADX;MAEE,SAAS,EAAET,OAAO,CAACU,qBAFrB;MAGE,OAAO,EAAE;QACPC,YAAY,EAAEX,OAAO,CAACU;MADf,CAHX;MAME,OAAO,EAAEP,OANX;MAAA,UAQGD,MAAM,CAACU;IARV,EAFF;EAAA,GADF;AAeD,CAhBD;;AAkBA,wCAAAb,sBAAsB,CAACc,SAAvB,GAAmC;EACjC;AACF;AACA;EACEb,OAAO,EAAEP,SAAS,CAACqB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIT,IAAI,EAAEZ,SAAS,CAACsB,MAJO;;IAKvB;AACJ;AACA;IACIT,sBAAsB,EAAEb,SAAS,CAACsB,MARX;;IAUvB;AACJ;AACA;IACIL,qBAAqB,EAAEjB,SAAS,CAACsB,MAbV;;IAcvB;AACJ;AACA;IACIP,gBAAgB,EAAEf,SAAS,CAACsB;EAjBL,CAAhB,EAkBNC,UAtB8B;;EAwBjC;AACF;AACA;EACEf,SAAS,EAAER,SAAS,CAACsB,MA3BY;;EA4BjC;AACF;AACA;EACEb,MAAM,EAAET,SAAS,CAACqB,KAAV,CAAgB;IACtB;AACJ;AACA;IACIL,KAAK,EAAEhB,SAAS,CAACsB,MAJK;;IAKtB;AACJ;AACA;IACIH,WAAW,EAAEnB,SAAS,CAACsB;EARD,CAAhB,EASLC,UAxC8B;;EAyCjC;AACF;AACA;EACEb,OAAO,EAAEV,SAAS,CAACwB;AA5Cc,CAAnC;AA+CA,eAAepB,UAAU,CAACC,MAAD,EAAS;EAAEoB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyDnB,sBAAzD,CAAf"}

package/dist/modern/TimeAgo/TimeAgo.d.ts

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

package/dist/modern/TimeAgo/TimeAgo.js

@@ -1,9 +1,14 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "timestamp", "locale", "component", "emptyElement", "disableRefresh", "showSeconds", "justText"];
+
+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) { _defineProperty(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; }
+
 import React from "react";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { HvTypography, useLocale } from "@hitachivantara/uikit-react-core";
 import useTimeAgo from "./useTimeAgo";
 import styles from "./styles";
@@ -11,6 +16,8 @@ import styles from "./styles";
  * The HvTimeAgo component implements the Design System relative time format guidelines.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+
 const HvTimeAgo = _ref => {
   let {
     classes,
@@ -32,9 +39,11 @@ const HvTimeAgo = _ref => {
     showSeconds
   });
   if (justText && timestamp) return timeAgo;
-  return /*#__PURE__*/React.createElement(Component, _extends({
+  return /*#__PURE__*/_jsx(Component, _objectSpread(_objectSpread({
     className: classes.root
-  }, others), !timestamp ? emptyElement : timeAgo);
+  }, others), {}, {
+    children: !timestamp ? emptyElement : timeAgo
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvTimeAgo.propTypes = {

package/dist/modern/TimeAgo/TimeAgo.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeAgo.js","names":["React","PropTypes","withStyles","HvTypography","useLocale","useTimeAgo","styles","HvTimeAgo","classes","timestamp","locale","localeProp","component","Component","emptyElement","disableRefresh","showSeconds","justText","others","contextLocale","timeAgo","root","propTypes","shape","string","number","elementType","node","bool","name"],"sources":["../../../src/TimeAgo/TimeAgo.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography, useLocale } from \"@hitachivantara/uikit-react-core\";\nimport useTimeAgo from \"./useTimeAgo\";\nimport styles from \"./styles\";\n\n/**\n * The HvTimeAgo component implements the Design System relative time format guidelines.\n */\nconst HvTimeAgo = ({\n  classes,\n  timestamp,\n  locale: localeProp,\n  component: Component = HvTypography,\n  emptyElement = \"—\",\n  disableRefresh = false,\n  showSeconds = false,\n  justText = false,\n  ...others\n}) => {\n  const contextLocale = useLocale();\n  const locale = localeProp || contextLocale;\n  const timeAgo = useTimeAgo(timestamp, { locale, disableRefresh, showSeconds });\n\n  if (justText && timestamp) return timeAgo;\n\n  return (\n    <Component className={classes.root} {...others}>\n      {!timestamp ? emptyElement : timeAgo}\n    </Component>\n  );\n};\n\nHvTimeAgo.propTypes = {\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  }),\n  /**\n   * The timestamp to format, in seconds\n   */\n  timestamp: PropTypes.number,\n  /**\n   * The locale to be used. Should be on of the dayjs supported locales\n   * @see https://day.js.org/docs/en/i18n/i18n\n   */\n  locale: PropTypes.string,\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `div`.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The element to render when the timestamp is null or 0\n   * Defaults to `—` (Em Dash)\n   */\n  emptyElement: PropTypes.node,\n  /**\n   * Disables periodic date refreshes\n   */\n  disableRefresh: PropTypes.bool,\n  /**\n   * Whether to show seconds in the rendered time\n   */\n  showSeconds: PropTypes.bool,\n  /**\n   * Whether the component should render just the string\n   * Consider using `useTimeAgo` instead\n   */\n  justText: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvTimeAgo\" })(HvTimeAgo);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,YAAT,EAAuBC,SAAvB,QAAwC,kCAAxC;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,MAAMC,SAAS,GAAG,QAUZ;EAAA,IAVa;IACjBC,OADiB;IAEjBC,SAFiB;IAGjBC,MAAM,EAAEC,UAHS;IAIjBC,SAAS,EAAEC,SAAS,GAAGV,YAJN;IAKjBW,YAAY,GAAG,GALE;IAMjBC,cAAc,GAAG,KANA;IAOjBC,WAAW,GAAG,KAPG;IAQjBC,QAAQ,GAAG;EARM,CAUb;EAAA,IADDC,MACC;;EACJ,MAAMC,aAAa,GAAGf,SAAS,EAA/B;EACA,MAAMM,MAAM,GAAGC,UAAU,IAAIQ,aAA7B;EACA,MAAMC,OAAO,GAAGf,UAAU,CAACI,SAAD,EAAY;IAAEC,MAAF;IAAUK,cAAV;IAA0BC;EAA1B,CAAZ,CAA1B;EAEA,IAAIC,QAAQ,IAAIR,SAAhB,EAA2B,OAAOW,OAAP;EAE3B,oBACE,oBAAC,SAAD;IAAW,SAAS,EAAEZ,OAAO,CAACa;EAA9B,GAAwCH,MAAxC,GACG,CAACT,SAAD,GAAaK,YAAb,GAA4BM,OAD/B,CADF;AAKD,CAtBD;;AAwBA,wCAAAb,SAAS,CAACe,SAAV,GAAsB;EACpB;AACF;AACA;EACEd,OAAO,EAAEP,SAAS,CAACsB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIF,IAAI,EAAEpB,SAAS,CAACuB;EAJO,CAAhB,CAJW;;EAUpB;AACF;AACA;EACEf,SAAS,EAAER,SAAS,CAACwB,MAbD;;EAcpB;AACF;AACA;AACA;EACEf,MAAM,EAAET,SAAS,CAACuB,MAlBE;;EAmBpB;AACF;AACA;AACA;EACEZ,SAAS,EAAEX,SAAS,CAACyB,WAvBD;;EAwBpB;AACF;AACA;AACA;EACEZ,YAAY,EAAEb,SAAS,CAAC0B,IA5BJ;;EA6BpB;AACF;AACA;EACEZ,cAAc,EAAEd,SAAS,CAAC2B,IAhCN;;EAiCpB;AACF;AACA;EACEZ,WAAW,EAAEf,SAAS,CAAC2B,IApCH;;EAqCpB;AACF;AACA;AACA;EACEX,QAAQ,EAAEhB,SAAS,CAAC2B;AAzCA,CAAtB;AA4CA,eAAe1B,UAAU,CAACI,MAAD,EAAS;EAAEuB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA0CtB,SAA1C,CAAf"}
+{"version":3,"file":"TimeAgo.js","names":["React","PropTypes","withStyles","HvTypography","useLocale","useTimeAgo","styles","HvTimeAgo","classes","timestamp","locale","localeProp","component","Component","emptyElement","disableRefresh","showSeconds","justText","others","contextLocale","timeAgo","root","propTypes","shape","string","number","elementType","node","bool","name"],"sources":["../../../src/TimeAgo/TimeAgo.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvTypography, useLocale } from \"@hitachivantara/uikit-react-core\";\nimport useTimeAgo from \"./useTimeAgo\";\nimport styles from \"./styles\";\n\n/**\n * The HvTimeAgo component implements the Design System relative time format guidelines.\n */\nconst HvTimeAgo = ({\n  classes,\n  timestamp,\n  locale: localeProp,\n  component: Component = HvTypography,\n  emptyElement = \"—\",\n  disableRefresh = false,\n  showSeconds = false,\n  justText = false,\n  ...others\n}) => {\n  const contextLocale = useLocale();\n  const locale = localeProp || contextLocale;\n  const timeAgo = useTimeAgo(timestamp, { locale, disableRefresh, showSeconds });\n\n  if (justText && timestamp) return timeAgo;\n\n  return (\n    <Component className={classes.root} {...others}>\n      {!timestamp ? emptyElement : timeAgo}\n    </Component>\n  );\n};\n\nHvTimeAgo.propTypes = {\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  }),\n  /**\n   * The timestamp to format, in seconds\n   */\n  timestamp: PropTypes.number,\n  /**\n   * The locale to be used. Should be on of the dayjs supported locales\n   * @see https://day.js.org/docs/en/i18n/i18n\n   */\n  locale: PropTypes.string,\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `div`.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The element to render when the timestamp is null or 0\n   * Defaults to `—` (Em Dash)\n   */\n  emptyElement: PropTypes.node,\n  /**\n   * Disables periodic date refreshes\n   */\n  disableRefresh: PropTypes.bool,\n  /**\n   * Whether to show seconds in the rendered time\n   */\n  showSeconds: PropTypes.bool,\n  /**\n   * Whether the component should render just the string\n   * Consider using `useTimeAgo` instead\n   */\n  justText: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvTimeAgo\" })(HvTimeAgo);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,SAASC,YAAT,EAAuBC,SAAvB,QAAwC,kCAAxC;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;;;AACA,MAAMC,SAAS,GAAG,QAUZ;EAAA,IAVa;IACjBC,OADiB;IAEjBC,SAFiB;IAGjBC,MAAM,EAAEC,UAHS;IAIjBC,SAAS,EAAEC,SAAS,GAAGV,YAJN;IAKjBW,YAAY,GAAG,GALE;IAMjBC,cAAc,GAAG,KANA;IAOjBC,WAAW,GAAG,KAPG;IAQjBC,QAAQ,GAAG;EARM,CAUb;EAAA,IADDC,MACC;;EACJ,MAAMC,aAAa,GAAGf,SAAS,EAA/B;EACA,MAAMM,MAAM,GAAGC,UAAU,IAAIQ,aAA7B;EACA,MAAMC,OAAO,GAAGf,UAAU,CAACI,SAAD,EAAY;IAAEC,MAAF;IAAUK,cAAV;IAA0BC;EAA1B,CAAZ,CAA1B;EAEA,IAAIC,QAAQ,IAAIR,SAAhB,EAA2B,OAAOW,OAAP;EAE3B,oBACE,KAAC,SAAD;IAAW,SAAS,EAAEZ,OAAO,CAACa;EAA9B,GAAwCH,MAAxC;IAAA,UACG,CAACT,SAAD,GAAaK,YAAb,GAA4BM;EAD/B,GADF;AAKD,CAtBD;;AAwBA,wCAAAb,SAAS,CAACe,SAAV,GAAsB;EACpB;AACF;AACA;EACEd,OAAO,EAAEP,SAAS,CAACsB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIF,IAAI,EAAEpB,SAAS,CAACuB;EAJO,CAAhB,CAJW;;EAUpB;AACF;AACA;EACEf,SAAS,EAAER,SAAS,CAACwB,MAbD;;EAcpB;AACF;AACA;AACA;EACEf,MAAM,EAAET,SAAS,CAACuB,MAlBE;;EAmBpB;AACF;AACA;AACA;EACEZ,SAAS,EAAEX,SAAS,CAACyB,WAvBD;;EAwBpB;AACF;AACA;AACA;EACEZ,YAAY,EAAEb,SAAS,CAAC0B,IA5BJ;;EA6BpB;AACF;AACA;EACEZ,cAAc,EAAEd,SAAS,CAAC2B,IAhCN;;EAiCpB;AACF;AACA;EACEZ,WAAW,EAAEf,SAAS,CAAC2B,IApCH;;EAqCpB;AACF;AACA;AACA;EACEX,QAAQ,EAAEhB,SAAS,CAAC2B;AAzCA,CAAtB;AA4CA,eAAe1B,UAAU,CAACI,MAAD,EAAS;EAAEuB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA0CtB,SAA1C,CAAf"}

package/dist/modern/index.d.ts

@@ -1,8 +1,11 @@
-export { default as HvAppSwitcherPanel } from "./AppSwitcherPanel";
-export * from "./AppSwitcherPanel";
+export { default as HvColorPicker } from "./ColorPicker";
+export * from "./ColorPicker";
+
+export { default as HvDrawer } from "./Drawer";
+export * from "./Drawer";
 
-export { default as HvFormComposer } from "./FormComposer";
-export * from "./FormComposer";
+export { default as HvInlineEditor } from "./InlineEditor";
+export * from "./InlineEditor";
 
 export { default as HvNavigationAnchors } from "./NavigationAnchors";
 export * from "./NavigationAnchors";
@@ -10,38 +13,5 @@ export * from "./NavigationAnchors";
 export { default as HvNotificationPanel } from "./NotificationPanel";
 export * from "./NotificationPanel";
 
-export { default as HvSlider } from "./Slider";
-export * from "./Slider";
-
-export { default as HvTable } from "./Table";
-export * from "./Table";
-
 export { default as HvTimeAgo } from "./TimeAgo";
 export * from "./TimeAgo";
-
-export { default as HvTimePicker } from "./TimePicker";
-export * from "./TimePicker";
-
-export { default as HvTag } from "./Tag";
-export * from "./Tag";
-
-export { default as HvDrawer } from "./Drawer";
-export * from "./Drawer";
-
-export { default as HvColorPicker } from "./ColorPicker";
-export * from "./ColorPicker";
-
-export { default as HvQueryBuilder } from "./QueryBuilder";
-export * from "./QueryBuilder";
-
-export { default as HvInlineEditor } from "./InlineEditor";
-export * from "./InlineEditor";
-
-export { default as HvProgressBar } from "./ProgressBar";
-export * from "./ProgressBar";
-
-export { default as HvDotPagination } from "./DotPagination";
-export * from "./DotPagination";
-
-export { default as HvControls } from "./Controls";
-export * from "./Controls";

package/dist/modern/index.js

@@ -1,23 +1,8 @@
-// components
-export { default as HvAppSwitcherPanel } from "./AppSwitcherPanel";
-export * from "./AppSwitcherPanel";
-export { default as HvFormComposer } from "./FormComposer";
+export { default as HvColorPicker } from "./ColorPicker";
+export { default as HvDrawer } from "./Drawer";
+export { default as HvInlineEditor } from "./InlineEditor";
 export { default as HvNavigationAnchors } from "./NavigationAnchors";
 export { default as HvNotificationPanel } from "./NotificationPanel";
-export { default as HvSlider } from "./Slider";
-export { default as HvTable } from "./Table";
-export * from "./Table";
 export { default as HvTimeAgo } from "./TimeAgo";
 export * from "./TimeAgo";
-export { default as HvTimePicker } from "./TimePicker";
-export { default as HvTag } from "./Tag";
-export { default as HvDrawer } from "./Drawer";
-export { default as HvColorPicker } from "./ColorPicker";
-export { default as HvQueryBuilder } from "./QueryBuilder";
-export { default as HvControls } from "./Controls";
-export * from "./Controls";
-export * from "./QueryBuilder";
-export { default as HvInlineEditor } from "./InlineEditor";
-export { default as HvProgressBar } from "./ProgressBar";
-export { default as HvDotPagination } from "./DotPagination";
 //# sourceMappingURL=index.js.map

package/dist/modern/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","HvAppSwitcherPanel","HvFormComposer","HvNavigationAnchors","HvNotificationPanel","HvSlider","HvTable","HvTimeAgo","HvTimePicker","HvTag","HvDrawer","HvColorPicker","HvQueryBuilder","HvControls","HvInlineEditor","HvProgressBar","HvDotPagination"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvAppSwitcherPanel } from \"./AppSwitcherPanel\";\nexport * from \"./AppSwitcherPanel\";\nexport { default as HvFormComposer } from \"./FormComposer\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvSlider } from \"./Slider\";\nexport { default as HvTable } from \"./Table\";\nexport * from \"./Table\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvQueryBuilder } from \"./QueryBuilder\";\nexport { default as HvControls } from \"./Controls\";\nexport * from \"./Controls\";\nexport * from \"./QueryBuilder\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\nexport { default as HvProgressBar } from \"./ProgressBar\";\nexport { default as HvDotPagination } from \"./DotPagination\";\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,oBAA9C;AACA,cAAc,oBAAd;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,gBAA1C;AACA,SAASF,OAAO,IAAIG,mBAApB,QAA+C,qBAA/C;AACA,SAASH,OAAO,IAAII,mBAApB,QAA+C,qBAA/C;AACA,SAASJ,OAAO,IAAIK,QAApB,QAAoC,UAApC;AACA,SAASL,OAAO,IAAIM,OAApB,QAAmC,SAAnC;AACA,cAAc,SAAd;AACA,SAASN,OAAO,IAAIO,SAApB,QAAqC,WAArC;AACA,cAAc,WAAd;AACA,SAASP,OAAO,IAAIQ,YAApB,QAAwC,cAAxC;AACA,SAASR,OAAO,IAAIS,KAApB,QAAiC,OAAjC;AACA,SAAST,OAAO,IAAIU,QAApB,QAAoC,UAApC;AACA,SAASV,OAAO,IAAIW,aAApB,QAAyC,eAAzC;AACA,SAASX,OAAO,IAAIY,cAApB,QAA0C,gBAA1C;AACA,SAASZ,OAAO,IAAIa,UAApB,QAAsC,YAAtC;AACA,cAAc,YAAd;AACA,cAAc,gBAAd;AACA,SAASb,OAAO,IAAIc,cAApB,QAA0C,gBAA1C;AACA,SAASd,OAAO,IAAIe,aAApB,QAAyC,eAAzC;AACA,SAASf,OAAO,IAAIgB,eAApB,QAA2C,iBAA3C"}
+{"version":3,"file":"index.js","names":["default","HvColorPicker","HvDrawer","HvInlineEditor","HvNavigationAnchors","HvNotificationPanel","HvTimeAgo"],"sources":["../../src/index.js"],"sourcesContent":["export { default as HvColorPicker } from \"./ColorPicker\";\n\nexport { default as HvDrawer } from \"./Drawer\";\n\nexport { default as HvInlineEditor } from \"./InlineEditor\";\n\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\n\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\n\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,aAApB,QAAyC,eAAzC;AAEA,SAASD,OAAO,IAAIE,QAApB,QAAoC,UAApC;AAEA,SAASF,OAAO,IAAIG,cAApB,QAA0C,gBAA1C;AAEA,SAASH,OAAO,IAAII,mBAApB,QAA+C,qBAA/C;AAEA,SAASJ,OAAO,IAAIK,mBAApB,QAA+C,qBAA/C;AAEA,SAASL,OAAO,IAAIM,SAApB,QAAqC,WAArC;AACA,cAAc,WAAd"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-lab",
-  "version": "3.52.2",
+  "version": "4.0.1-next.0",
   "description": "A collection of contributed React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -36,22 +36,20 @@
     "ts-check": "npx tsc -p ."
   },
   "peerDependencies": {
-    "@material-ui/core": "^4.12.3",
+    "@mui/material": "^5.9.0",
+    "@mui/styles": "^5.9.0",
     "react": "^16.13.1 || ^17.0.2",
     "react-dom": "^16.13.1 || ^17.0.2"
   },
   "dependencies": {
-    "@hitachivantara/uikit-react-core": "^3.72.1",
-    "@hitachivantara/uikit-react-icons": "^3.9.6",
-    "@types/react-table": "^7.7.12",
+    "@hitachivantara/uikit-react-core": "^4.0.1-next.0",
+    "@hitachivantara/uikit-react-icons": "^4.0.1-next.0",
     "clsx": "^1.2.1",
-    "dayjs": "^1.11.3",
+    "dayjs": "^1.11.4",
     "lodash": "^4.17.21",
     "prop-types": "^15.8.1",
-    "rc-slider": "9.7.5",
-    "rc-tooltip": "^5.1.1",
-    "react-color": "^2.19.3",
-    "react-table": "^7.8.0"
+    "rc-tooltip": "^5.2.2",
+    "react-color": "^2.19.3"
   },
   "devDependencies": {
     "@types/react": "^17.0.47"
@@ -62,5 +60,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c72ea5321a885deeb4d0eb635a11cfabc4efea04"
+  "gitHead": "befc278ad57b67ffc9046b0729313131ef5ddf4b"
 }

package/dist/AppSwitcherPanel/Action/Action.d.ts

@@ -1,77 +0,0 @@
-import * as React from "react";
-import { StandardProps } from "@material-ui/core";
-
-export interface HvAppSwitcherPanelActionApplication {
-  /**
-   * Id of the application.
-   */
-  id?: string;
-  /**
-   * Name of the application, this is the value that will be displayed on the component.
-   */
-  name: string;
-  /**
-   * The color to be applied to the item's border and to the default icon.
-   * You can use either an HEX or color name from the palette.
-   */
-  color?: string;
-  /**
-   * URL with the icon location to be used to represent the application.
-   * iconUrl will only be used if no iconElement is provided.
-   */
-  iconUrl?: string;
-  /**
-   * Element to be added as the icon representing the application.
-   * The iconElement will be the primary option to be displayed.
-   */
-  iconElement?: React.ReactNode;
-  /**
-   * Small description of the application.
-   */
-  description?: string;
-  /**
-   *  URL where the application is accesible.
-   */
-  url?: string;
-  /**
-   * Defines if the application should be opened in the same tab or in a new one.
-   */
-  target?: "_top" | "_blank";
-  /**
-   * If true, the item will be disabled.
-   */
-  disabled?: boolean;
-  /**
-   * True when the application is selected, false otherwise.
-   */
-  isSelected?: boolean;
-}
-
-export type HvAppSwitcherPanelActionClassKey =
-  | "root"
-  | "typography"
-  | "selected"
-  | "icon"
-  | "iconUrl"
-  | "title"
-  | "iconInfo";
-
-export interface HvAppSwitcherPanelActionProps
-  extends StandardProps<React.HTMLAttributes<HTMLElement>, HvAppSwitcherPanelActionClassKey> {
-  /**
-   * The application data to be used to render the Action object.
-   */
-  application: HvAppSwitcherPanelActionApplication;
-  /**
-   * Callback triggered when the action is clicked.
-   */
-  onClickCallback?: (event: MouseEvent, application?: HvAppSwitcherPanelActionApplication) => void;
-  /**
-   * Must return a boolean stating if the action element is selected or not.
-   */
-  isSelectedCallback?: (application?: HvAppSwitcherPanelActionApplication) => boolean;
-}
-
-export default function HvAppSwitcherPanelAction(
-  props: HvAppSwitcherPanelActionProps
-): JSX.Element | null;