@hitachivantara/uikit-react-lab 4.0.3 → 4.1.0

package/dist/legacy/NotificationPanel/Notification/Notification.js

@@ -9,50 +9,41 @@ import styles from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 dayjs.extend(relativeTime);
-
 var hideTooltip = function hideTooltip(evt) {
   return evt.target.scrollHeight <= evt.target.clientHeight;
 };
-
 var wrapperTooltip = function wrapperTooltip(Component, label) {
   var ComponentFunction = function ComponentFunction() {
     return Component;
-  }; // override thr withTooltip styles as we want to use the styles of the component
-
-
+  };
+  // override thr withTooltip styles as we want to use the styles of the component
   return withTooltip(ComponentFunction, label, "top", hideTooltip, {
     style: {}
   });
 };
-
 var Notification = function Notification(_ref) {
   var classes = _ref.classes,
-      className = _ref.className,
-      notificationId = _ref.notificationId,
-      title = _ref.title,
-      isRead = _ref.isRead,
-      icon = _ref.icon,
-      date = _ref.date,
-      _onClick = _ref.onClick,
-      _onKeyPress = _ref.onKeyPress,
-      rightContainer = _ref.rightContainer,
-      isHighlighted = _ref.isHighlighted;
-
+    className = _ref.className,
+    notificationId = _ref.notificationId,
+    title = _ref.title,
+    isRead = _ref.isRead,
+    icon = _ref.icon,
+    date = _ref.date,
+    _onClick = _ref.onClick,
+    _onKeyPress = _ref.onKeyPress,
+    rightContainer = _ref.rightContainer,
+    isHighlighted = _ref.isHighlighted;
   var getTime = function getTime() {
     if (!isRead) {
       return dayjs(date).fromNow();
     }
-
     var d = dayjs(date);
     var format = "D MMMM YYYY, h:mm A";
-
     if (d.isSame(Date.now(), "week")) {
       format = "ddd, h:mm A";
     }
-
     return d.format(format);
   };
-
   var NotificationWithTooltip = wrapperTooltip( /*#__PURE__*/_jsx("div", {
     className: classes.messageContainer,
     children: /*#__PURE__*/_jsx(HvTypography, {
@@ -92,7 +83,6 @@ var Notification = function Notification(_ref) {
     })]
   });
 };
-
 process.env.NODE_ENV !== "production" ? Notification.propTypes = {
   /**
    * A Jss Object used to override or extend the component styles.
@@ -102,113 +92,91 @@ process.env.NODE_ENV !== "production" ? Notification.propTypes = {
      * Styles applied to the component root of the accordion.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the notification wrapper.
      */
     notificationWrapper: PropTypes.string,
-
     /**
      * Styles applied to the notification wrapper when the actions dropdown is open.
      */
     notificationWrapperDropdown: PropTypes.string,
-
     /**
      * Styles applied to the notification icon container.
      */
     iconContainer: PropTypes.string,
-
     /**
      * Styles applied to the notification message container.
      */
     messageContainer: PropTypes.string,
-
     /**
      * Styles applied to the notification time container.
      */
     timeContainer: PropTypes.string,
-
     /**
      * Styles applied to the notification bullet.
      */
     bullet: PropTypes.string,
-
     /**
      * Styles applied to the content when it is hidden.
      */
     hide: PropTypes.string,
-
     /**
      * Styles applied to the notification time indicator.
      */
     time: PropTypes.string,
-
     /**
      * Styles applied to the notification is read.
      */
     read: PropTypes.string,
-
     /**
      * Styles applied when the notification dropdown is open.
      */
     notificationDropdownOpen: PropTypes.string,
-
     /**
      * Styles applied to the notification message actions dropdown.
      */
     notificationActionWrapper: PropTypes.string,
-
     /**
      * Styles applied to the notification when clickable
      */
     clickable: PropTypes.string
   }).isRequired,
-
   /**
    * Class names to be applied to the accordion.
    */
   className: PropTypes.string,
-
   /**
    * Notification id
    */
   notificationId: PropTypes.string,
-
   /**
    * Title of the notification
    */
   title: PropTypes.string.isRequired,
-
   /**
    * 'true' if the notification has been read or 'false' if it has not been read
    */
   isRead: PropTypes.bool.isRequired,
-
   /**
    * date the notification was created
    */
   date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,
-
   /**
    * renderable icon that denotes the status of the notification
    */
   icon: PropTypes.element,
-
   /**
    * Click action applied to the notification
    */
   onClick: PropTypes.func,
-
   /**
    * On Key Press action applied to the notification
    */
   onKeyPress: PropTypes.func,
-
   /**
    * Actions to be executed by the notification, available in the dropdown menu
    */
   rightContainer: PropTypes.node,
-
   /**
    * Denotes index of clicked notification
    */

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","names":["React","PropTypes","clsx","dayjs","relativeTime","HvTypography","withTooltip","withStyles","styles","extend","hideTooltip","evt","target","scrollHeight","clientHeight","wrapperTooltip","Component","label","ComponentFunction","style","Notification","classes","className","notificationId","title","isRead","icon","date","onClick","onKeyPress","rightContainer","isHighlighted","getTime","fromNow","d","format","isSame","Date","now","NotificationWithTooltip","messageContainer","event","root","notificationWrapperDropdown","read","notificationWrapper","notificationDropdownOpen","clickable","iconContainer","timeContainer","bullet","hide","time","notificationActionWrapper","propTypes","shape","string","isRequired","bool","oneOfType","number","object","element","func","node","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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"}
+{"version":3,"file":"Notification.js","names":["React","PropTypes","clsx","dayjs","relativeTime","HvTypography","withTooltip","withStyles","styles","extend","hideTooltip","evt","target","scrollHeight","clientHeight","wrapperTooltip","Component","label","ComponentFunction","style","Notification","classes","className","notificationId","title","isRead","icon","date","onClick","onKeyPress","rightContainer","isHighlighted","getTime","fromNow","d","format","isSame","Date","now","NotificationWithTooltip","messageContainer","event","root","notificationWrapperDropdown","read","notificationWrapper","notificationDropdownOpen","clickable","iconContainer","timeContainer","bullet","hide","time","notificationActionWrapper","propTypes","shape","string","isRequired","bool","oneOfType","number","object","element","func","node","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/legacy/NotificationPanel/Notification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/NotificationPanel/Notification/index.js"],"sourcesContent":["export { default } from \"./Notification\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/NotificationPanel/Notification/index.js"],"sourcesContent":["export { default } from \"./Notification\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,gBAAgB"}

package/dist/legacy/NotificationPanel/Notification/styles.js

@@ -6,11 +6,8 @@ import "core-js/modules/es.object.get-own-property-descriptor.js";
 import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 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; }
-
 var outlineStyles = {
   outlineColor: "#52A8EC",
   outlineStyle: "solid",
@@ -18,7 +15,6 @@ var outlineStyles = {
   outlineOffset: "-1px",
   boxShadow: "0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)"
 };
-
 var styles = function styles(theme) {
   return {
     root: {
@@ -129,6 +125,5 @@ var styles = function styles(theme) {
     }
   };
 };
-
 export default styles;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","styles","theme","root","display","backgroundColor","hv","palette","atmosphere","atmo1","margin","outline","atmo3","atmo2","notificationWrapper","minHeight","marginRight","spacing","xs","color","accent","acce1","padding","paddingRight","cursor","iconContainer","width","minWidth","sm","messageContainer","maxWidth","lineClamp","boxOrient","overflow","wordBreak","title","typography","highlightText","marginBottom","timeContainer","vizText","alignItems","bullet","height","borderRadius","hide","read","clickable","notificationWrapperDropdown","notificationDropdownOpen","notificationActionWrapper","marginTop"],"sources":["../../../../src/NotificationPanel/Notification/styles.js"],"sourcesContent":["const outlineStyles = {\n  outlineColor: \"#52A8EC\",\n  outlineStyle: \"solid\",\n  outlineWidth: \"0px\",\n  outlineOffset: \"-1px\",\n  boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n};\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    margin: \"3px 3px 6px 3px\",\n    \"&:hover\": {\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n    \"&$read\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo2,\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n      \"&:hover\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n\n        \"&.focus-visible\": {\n          ...outlineStyles,\n        },\n      },\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"&$read\": {\n        ...outlineStyles,\n      },\n\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n  },\n  notificationWrapper: {\n    display: \"flex\",\n    minHeight: \"72px\",\n    marginRight: theme.hv.spacing.xs,\n    color: theme.hv.palette.accent.acce1,\n    padding: \"17px\",\n    paddingRight: 0,\n\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: `5px solid ${theme.hv.palette.atmosphere.atmo3}`,\n      boxShadow: \"none\",\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n\n    \"&$clickable\": {\n      cursor: \"pointer\",\n    },\n  },\n\n  iconContainer: {\n    width: \"32px\",\n    minWidth: \"32px\",\n    marginRight: `${theme.hv.spacing.sm}px`,\n  },\n\n  messageContainer: {\n    width: \"196px\",\n    maxWidth: \"196px\",\n    display: \"-webkit-box\",\n    lineClamp: 2,\n    boxOrient: \"vertical\",\n    overflow: \"hidden\",\n    wordBreak: \"break-all\",\n  },\n\n  title: {\n    ...theme.hv.typography.highlightText,\n    marginBottom: \"5px\",\n  },\n  timeContainer: {\n    ...theme.hv.typography.vizText,\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    width: \"8px\",\n    height: \"8px\",\n    borderRadius: \"50%\",\n    marginRight: \"4px\",\n    backgroundColor: theme.hv.palette.accent.acce1,\n\n    \"&$hide\": {\n      display: \"none\",\n    },\n  },\n  hide: {},\n  read: {},\n  clickable: {},\n  notificationWrapperDropdown: {\n    outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    \"& $notificationActionWrapper\": {\n      display: \"block\",\n    },\n    \"&$read\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    },\n  },\n\n  notificationDropdownOpen: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n  },\n\n  notificationActionWrapper: {\n    \"& > div\": {\n      marginTop: 17,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["outlineStyles","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","styles","theme","root","display","backgroundColor","hv","palette","atmosphere","atmo1","margin","outline","atmo3","atmo2","notificationWrapper","minHeight","marginRight","spacing","xs","color","accent","acce1","padding","paddingRight","cursor","iconContainer","width","minWidth","sm","messageContainer","maxWidth","lineClamp","boxOrient","overflow","wordBreak","title","typography","highlightText","marginBottom","timeContainer","vizText","alignItems","bullet","height","borderRadius","hide","read","clickable","notificationWrapperDropdown","notificationDropdownOpen","notificationActionWrapper","marginTop"],"sources":["../../../../src/NotificationPanel/Notification/styles.js"],"sourcesContent":["const outlineStyles = {\n  outlineColor: \"#52A8EC\",\n  outlineStyle: \"solid\",\n  outlineWidth: \"0px\",\n  outlineOffset: \"-1px\",\n  boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n};\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    margin: \"3px 3px 6px 3px\",\n    \"&:hover\": {\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n    \"&$read\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo2,\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n      \"&:hover\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n\n        \"&.focus-visible\": {\n          ...outlineStyles,\n        },\n      },\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"&$read\": {\n        ...outlineStyles,\n      },\n\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n  },\n  notificationWrapper: {\n    display: \"flex\",\n    minHeight: \"72px\",\n    marginRight: theme.hv.spacing.xs,\n    color: theme.hv.palette.accent.acce1,\n    padding: \"17px\",\n    paddingRight: 0,\n\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: `5px solid ${theme.hv.palette.atmosphere.atmo3}`,\n      boxShadow: \"none\",\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n\n    \"&$clickable\": {\n      cursor: \"pointer\",\n    },\n  },\n\n  iconContainer: {\n    width: \"32px\",\n    minWidth: \"32px\",\n    marginRight: `${theme.hv.spacing.sm}px`,\n  },\n\n  messageContainer: {\n    width: \"196px\",\n    maxWidth: \"196px\",\n    display: \"-webkit-box\",\n    lineClamp: 2,\n    boxOrient: \"vertical\",\n    overflow: \"hidden\",\n    wordBreak: \"break-all\",\n  },\n\n  title: {\n    ...theme.hv.typography.highlightText,\n    marginBottom: \"5px\",\n  },\n  timeContainer: {\n    ...theme.hv.typography.vizText,\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    width: \"8px\",\n    height: \"8px\",\n    borderRadius: \"50%\",\n    marginRight: \"4px\",\n    backgroundColor: theme.hv.palette.accent.acce1,\n\n    \"&$hide\": {\n      display: \"none\",\n    },\n  },\n  hide: {},\n  read: {},\n  clickable: {},\n  notificationWrapperDropdown: {\n    outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    \"& $notificationActionWrapper\": {\n      display: \"block\",\n    },\n    \"&$read\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    },\n  },\n\n  notificationDropdownOpen: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n  },\n\n  notificationActionWrapper: {\n    \"& > div\": {\n      marginTop: 17,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/legacy/NotificationPanel/NotificationPanel.js

@@ -9,11 +9,8 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _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/es.array.iterator.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/web.dom-collections.iterator.js";
@@ -40,72 +37,61 @@ var DEFAULT_LABELS = {
     buttonLabel: "Update"
   }
 };
+
 /**
  * Notification Panel displays all of read and unread notifications. Still in development
  */
-
 var HvNotificationPanel = function HvNotificationPanel(_ref) {
   var id = _ref.id,
-      className = _ref.className,
-      classes = _ref.classes,
-      open = _ref.open,
-      footer = _ref.footer,
-      notifications = _ref.notifications,
-      _ref$hasNewNotificati = _ref.hasNewNotifications,
-      hasNewNotifications = _ref$hasNewNotificati === void 0 ? false : _ref$hasNewNotificati,
-      _ref$emptyStatePanelT = _ref.emptyStatePanelTitle,
-      emptyStatePanelTitle = _ref$emptyStatePanelT === void 0 ? "No notifications" : _ref$emptyStatePanelT,
-      _ref$emptyStatePanelM = _ref.emptyStatePanelMessage,
-      emptyStatePanelMessage = _ref$emptyStatePanelM === void 0 ? "You currently have no notifications." : _ref$emptyStatePanelM,
-      emptyStatePanelIcon = _ref.emptyStatePanelIcon,
-      labelsProp = _ref.labels,
-      newNotificationsButtonAction = _ref.newNotificationsButtonAction,
-      localeProp = _ref.locale,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+    className = _ref.className,
+    classes = _ref.classes,
+    open = _ref.open,
+    footer = _ref.footer,
+    notifications = _ref.notifications,
+    _ref$hasNewNotificati = _ref.hasNewNotifications,
+    hasNewNotifications = _ref$hasNewNotificati === void 0 ? false : _ref$hasNewNotificati,
+    _ref$emptyStatePanelT = _ref.emptyStatePanelTitle,
+    emptyStatePanelTitle = _ref$emptyStatePanelT === void 0 ? "No notifications" : _ref$emptyStatePanelT,
+    _ref$emptyStatePanelM = _ref.emptyStatePanelMessage,
+    emptyStatePanelMessage = _ref$emptyStatePanelM === void 0 ? "You currently have no notifications." : _ref$emptyStatePanelM,
+    emptyStatePanelIcon = _ref.emptyStatePanelIcon,
+    labelsProp = _ref.labels,
+    newNotificationsButtonAction = _ref.newNotificationsButtonAction,
+    localeProp = _ref.locale,
+    others = _objectWithoutProperties(_ref, _excluded);
   var localeFromProvider = useLocale();
   var locale = localeProp || localeFromProvider;
-
   var _useState = useState(undefined),
-      _useState2 = _slicedToArray(_useState, 2),
-      highlighted = _useState2[0],
-      setHighlighted = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    highlighted = _useState2[0],
+    setHighlighted = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isExpanded = _useState4[0],
-      setIsExpanded = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    isExpanded = _useState4[0],
+    setIsExpanded = _useState4[1];
   var labels = useLabels(DEFAULT_LABELS, labelsProp);
-
   var generateNotificationsActions = function generateNotificationsActions(notificationId, _onToggle, actions) {
     var expand = notificationId === highlighted;
-
     var dList = _toConsumableArray(actions.values);
-
     return /*#__PURE__*/_jsx(HvDropDownMenu, _objectSpread({
       expanded: expand,
       onClick: function onClick(event, item) {
         var _item$callback;
-
         setHighlighted(undefined);
         item === null || item === void 0 ? void 0 : (_item$callback = item.callback) === null || _item$callback === void 0 ? void 0 : _item$callback.call(item, event, notificationId);
       },
       dataList: dList,
       onToggle: function onToggle(event, s) {
         _onToggle === null || _onToggle === void 0 ? void 0 : _onToggle(event, s);
-
         if (s) {
           setHighlighted(notificationId);
         } else {
           setHighlighted(undefined);
         }
-
         setIsExpanded(!isExpanded);
       }
     }, actions.dropDownMenuProps));
   };
-
   var notificationElementGenerator = function notificationElementGenerator(notificationsToRender) {
     return notificationsToRender.map(function (notification) {
       var notificationIsHighlighted = highlighted === notification.id;
@@ -123,13 +109,10 @@ var HvNotificationPanel = function HvNotificationPanel(_ref) {
       }, notification.id);
     });
   };
-
   var hasNotifications = notifications.length > 0;
-
   var renderNotifications = function renderNotifications(notificationsToRender) {
     return notificationElementGenerator(notificationsToRender);
   };
-
   return /*#__PURE__*/_jsxs(HvPanel, _objectSpread(_objectSpread({
     id: id,
     className: clsx(className, classes.root, open === false && classes.closed, open && classes.open)
@@ -156,25 +139,21 @@ var HvNotificationPanel = function HvNotificationPanel(_ref) {
     })]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
   /**
    * Id to be applied to the root node of the panel.
    */
   id: PropTypes.string,
-
   /**
    * Class names to be applied to the root element.
    */
   className: PropTypes.string,
-
   /**
    * 'true' if panel is open or 'false' if the panel is not open
    *
    * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.
    */
   open: deprecatedPropType(PropTypes.bool),
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -183,43 +162,35 @@ process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
      * styles object applied to the root
      */
     root: PropTypes.string,
-
     /**
      * styles object applied to the root when closed
      */
     closed: PropTypes.string,
-
     /**
      * styles object applied to the root when open
      */
     open: PropTypes.string,
-
     /**
      * styles object applied to the panel
      */
     panel: PropTypes.string,
-
     /**
      * styles object applied to the action bar
      */
     actionBar: PropTypes.string,
-
     /**
      * styles object applied to the root of the action bar
      */
     actionBarRoot: PropTypes.string,
-
     /**
      * styles object applied to the new notification indicator
      */
     notificationsIndicator: PropTypes.string,
-
     /**
      * styles object applied to the empty state panel
      */
     emptyState: PropTypes.string
   }).isRequired,
-
   /**
    * The properties of the notifications to be rendered in the Panel.
    */
@@ -239,32 +210,26 @@ process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
       dropDownMenuProps: PropTypes.instanceOf(Object)
     })
   })),
-
   /**
    * Whether to render the new notifications indicator
    */
   hasNewNotifications: PropTypes.bool,
-
   /**
    * Action buttons to render in footer
    */
   footer: PropTypes.node,
-
   /**
    * Title of the EmptyStatePanel
    */
   emptyStatePanelTitle: PropTypes.string,
-
   /**
    * Message of the EmptyStatePanel
    */
   emptyStatePanelMessage: PropTypes.string,
-
   /**
    * Empty Panel custom Icon
    */
   emptyStatePanelIcon: PropTypes.node,
-
   /**
    * Labels to apply to the Panel
    */
@@ -276,7 +241,6 @@ process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
       olderNotifications: PropTypes.string,
       newNotifications: PropTypes.string
     },
-
     /**
      * Labels to apply to the element of the New Notifications Indicator
      */
@@ -285,12 +249,10 @@ process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
       buttonLabel: PropTypes.string
     }
   }),
-
   /**
    * Function to be supplied to the notification update button
    */
   newNotificationsButtonAction: PropTypes.func,
-
   /**
    * The locale to be used on the notification date, if undefined it will use the one from the HvProvider
    */

package/dist/legacy/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","labelsProp","labels","newNotificationsButtonAction","localeProp","locale","others","localeFromProvider","undefined","highlighted","setHighlighted","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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"}
+{"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","labelsProp","labels","newNotificationsButtonAction","localeProp","locale","others","localeFromProvider","undefined","highlighted","setHighlighted","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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"}