@hitachivantara/uikit-react-lab 4.0.3 → 4.0.4

package/dist/NotificationPanel/NotificationPanel.js

@@ -1,78 +1,43 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.array.map.js");
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _material = require("@mui/material");
-
 var _styles = require("@mui/styles");
-
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _Notification = _interopRequireDefault(require("./Notification"));
-
 var _EmptyStatePanel = _interopRequireDefault(require("./EmptyStatePanel"));
-
 var _NotificationsIndicator = _interopRequireDefault(require("./NotificationsIndicator"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["id", "className", "classes", "open", "footer", "notifications", "hasNewNotifications", "emptyStatePanelTitle", "emptyStatePanelMessage", "emptyStatePanelIcon", "labels", "newNotificationsButtonAction", "locale"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var DEFAULT_LABELS = {
   notificationGroupHeader: {
     newNotifications: "New",
@@ -83,43 +48,39 @@ 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 = (0, _objectWithoutProperties2.default)(_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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var localeFromProvider = (0, _uikitReactCore.useLocale)();
   var locale = localeProp || localeFromProvider;
-
   var _useState = (0, _react.useState)(undefined),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      highlighted = _useState2[0],
-      setHighlighted = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    highlighted = _useState2[0],
+    setHighlighted = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      isExpanded = _useState4[0],
-      setIsExpanded = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isExpanded = _useState4[0],
+    setIsExpanded = _useState4[1];
   var labels = (0, _uikitReactCore.useLabels)(DEFAULT_LABELS, labelsProp);
-
   var generateNotificationsActions = function generateNotificationsActions(notificationId, _onToggle, actions) {
     var expand = notificationId === highlighted;
     var dList = (0, _toConsumableArray2.default)(actions.values);
@@ -127,25 +88,21 @@ var HvNotificationPanel = function HvNotificationPanel(_ref) {
       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;
@@ -163,13 +120,10 @@ var HvNotificationPanel = function HvNotificationPanel(_ref) {
       }, notification.id);
     });
   };
-
   var hasNotifications = notifications.length > 0;
-
   var renderNotifications = function renderNotifications(notificationsToRender) {
     return notificationElementGenerator(notificationsToRender);
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikitReactCore.HvPanel, _objectSpread(_objectSpread({
     id: id,
     className: (0, _clsx.default)(className, classes.root, open === false && classes.closed, open && classes.open)
@@ -196,25 +150,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.default.string,
-
   /**
    * Class names to be applied to the root element.
    */
   className: _propTypes.default.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: (0, _material.deprecatedPropType)(_propTypes.default.bool),
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -223,43 +173,35 @@ process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
      * styles object applied to the root
      */
     root: _propTypes.default.string,
-
     /**
      * styles object applied to the root when closed
      */
     closed: _propTypes.default.string,
-
     /**
      * styles object applied to the root when open
      */
     open: _propTypes.default.string,
-
     /**
      * styles object applied to the panel
      */
     panel: _propTypes.default.string,
-
     /**
      * styles object applied to the action bar
      */
     actionBar: _propTypes.default.string,
-
     /**
      * styles object applied to the root of the action bar
      */
     actionBarRoot: _propTypes.default.string,
-
     /**
      * styles object applied to the new notification indicator
      */
     notificationsIndicator: _propTypes.default.string,
-
     /**
      * styles object applied to the empty state panel
      */
     emptyState: _propTypes.default.string
   }).isRequired,
-
   /**
    * The properties of the notifications to be rendered in the Panel.
    */
@@ -279,32 +221,26 @@ process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
       dropDownMenuProps: _propTypes.default.instanceOf(Object)
     })
   })),
-
   /**
    * Whether to render the new notifications indicator
    */
   hasNewNotifications: _propTypes.default.bool,
-
   /**
    * Action buttons to render in footer
    */
   footer: _propTypes.default.node,
-
   /**
    * Title of the EmptyStatePanel
    */
   emptyStatePanelTitle: _propTypes.default.string,
-
   /**
    * Message of the EmptyStatePanel
    */
   emptyStatePanelMessage: _propTypes.default.string,
-
   /**
    * Empty Panel custom Icon
    */
   emptyStatePanelIcon: _propTypes.default.node,
-
   /**
    * Labels to apply to the Panel
    */
@@ -316,7 +252,6 @@ process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
       olderNotifications: _propTypes.default.string,
       newNotifications: _propTypes.default.string
     },
-
     /**
      * Labels to apply to the element of the New Notifications Indicator
      */
@@ -325,21 +260,17 @@ process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
       buttonLabel: _propTypes.default.string
     }
   }),
-
   /**
    * Function to be supplied to the notification update button
    */
   newNotificationsButtonAction: _propTypes.default.func,
-
   /**
    * The locale to be used on the notification date, if undefined it will use the one from the HvProvider
    */
   locale: _propTypes.default.string
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvNotificationPanel"
 })(HvNotificationPanel);
-
 exports.default = _default;
 //# sourceMappingURL=NotificationPanel.js.map

package/dist/NotificationPanel/NotificationPanel.js.map

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

package/dist/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js

@@ -1,56 +1,35 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-
 var _styles = require("@mui/styles");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["classes", "className", "labels", "onClick"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var NotificationsIndicator = function NotificationsIndicator(_ref) {
   var classes = _ref.classes,
-      className = _ref.className,
-      labels = _ref.labels,
-      onClick = _ref.onClick,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    className = _ref.className,
+    labels = _ref.labels,
+    onClick = _ref.onClick,
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
     className: (0, _clsx.default)(className, classes.root, classes.notificationsIndicator)
   }, others), {}, {
@@ -70,7 +49,6 @@ var NotificationsIndicator = function NotificationsIndicator(_ref) {
     })]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? NotificationsIndicator.propTypes = {
   /**
    * A Jss Object used to override or extend the component styles.
@@ -80,28 +58,23 @@ process.env.NODE_ENV !== "production" ? NotificationsIndicator.propTypes = {
      * Styles applied to the root of the element.
      */
     root: _propTypes.default.string,
-
     /**
      * Styles applied to the NotificationsIndicator container.
      */
     notificationsIndicator: _propTypes.default.string,
-
     /**
      * Styles applied to the notification focus
      */
     newNotificationsFocus: _propTypes.default.string,
-
     /**
      * Override to text color for usage over semantic background in wicked
      */
     semanticColoring: _propTypes.default.string
   }).isRequired,
-
   /**
    * Class names to be applied to the accordion.
    */
   className: _propTypes.default.string,
-
   /**
    * Labels to apply to component
    */
@@ -110,22 +83,18 @@ process.env.NODE_ENV !== "production" ? NotificationsIndicator.propTypes = {
      * Notification indicator label
      */
     label: _propTypes.default.string,
-
     /**
      * Label to apply to the button label
      */
     buttonLabel: _propTypes.default.string
   }).isRequired,
-
   /**
    * Function passed to the notification panel button
    */
   onClick: _propTypes.default.func
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvNotificationsIndicator"
 })(NotificationsIndicator);
-
 exports.default = _default;
 //# sourceMappingURL=NotificationsIndicator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationsIndicator.js","names":["NotificationsIndicator","classes","className","labels","onClick","others","clsx","root","notificationsIndicator","normalText","semanticColoring","label","newNotificationsFocus","focusVisible","buttonLabel","propTypes","PropTypes","shape","string","isRequired","func","withStyles","styles","name"],"sources":["../../../src/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { HvButton, HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst NotificationsIndicator = ({ classes, className, labels, onClick, ...others }) => {\n  return (\n    <div className={clsx(className, classes.root, classes.notificationsIndicator)} {...others}>\n      <HvTypography classes={{ normalText: classes.semanticColoring }}>{labels.label}</HvTypography>\n      <HvButton\n        category=\"semantic\"\n        className={classes.newNotificationsFocus}\n        classes={{\n          focusVisible: classes.newNotificationsFocus,\n        }}\n        onClick={onClick}\n      >\n        {labels.buttonLabel}\n      </HvButton>\n    </div>\n  );\n};\n\nNotificationsIndicator.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root of the element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the NotificationsIndicator container.\n     */\n    notificationsIndicator: PropTypes.string,\n\n    /**\n     * Styles applied to the notification focus\n     */\n    newNotificationsFocus: PropTypes.string,\n    /**\n     * Override to text color for usage over semantic background in wicked\n     */\n    semanticColoring: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Labels to apply to component\n   */\n  labels: PropTypes.shape({\n    /**\n     * Notification indicator label\n     */\n    label: PropTypes.string,\n    /**\n     * Label to apply to the button label\n     */\n    buttonLabel: PropTypes.string,\n  }).isRequired,\n  /**\n   * Function passed to the notification panel button\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationsIndicator\" })(NotificationsIndicator);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAAwD;EAAA,IAArDC,OAAqD,QAArDA,OAAqD;EAAA,IAA5CC,SAA4C,QAA5CA,SAA4C;EAAA,IAAjCC,MAAiC,QAAjCA,MAAiC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;EACrF,oBACE;IAAK,SAAS,EAAE,IAAAC,aAAA,EAAKJ,SAAL,EAAgBD,OAAO,CAACM,IAAxB,EAA8BN,OAAO,CAACO,sBAAtC;EAAhB,GAAmFH,MAAnF;IAAA,wBACE,qBAAC,4BAAD;MAAc,OAAO,EAAE;QAAEI,UAAU,EAAER,OAAO,CAACS;MAAtB,CAAvB;MAAA,UAAkEP,MAAM,CAACQ;IAAzE,EADF,eAEE,qBAAC,wBAAD;MACE,QAAQ,EAAC,UADX;MAEE,SAAS,EAAEV,OAAO,CAACW,qBAFrB;MAGE,OAAO,EAAE;QACPC,YAAY,EAAEZ,OAAO,CAACW;MADf,CAHX;MAME,OAAO,EAAER,OANX;MAAA,UAQGD,MAAM,CAACW;IARV,EAFF;EAAA,GADF;AAeD,CAhBD;;AAkBA,wCAAAd,sBAAsB,CAACe,SAAvB,GAAmC;EACjC;AACF;AACA;EACEd,OAAO,EAAEe,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,IAAI,EAAES,kBAAA,CAAUE,MAJO;;IAKvB;AACJ;AACA;IACIV,sBAAsB,EAAEQ,kBAAA,CAAUE,MARX;;IAUvB;AACJ;AACA;IACIN,qBAAqB,EAAEI,kBAAA,CAAUE,MAbV;;IAcvB;AACJ;AACA;IACIR,gBAAgB,EAAEM,kBAAA,CAAUE;EAjBL,CAAhB,EAkBNC,UAtB8B;;EAwBjC;AACF;AACA;EACEjB,SAAS,EAAEc,kBAAA,CAAUE,MA3BY;;EA4BjC;AACF;AACA;EACEf,MAAM,EAAEa,kBAAA,CAAUC,KAAV,CAAgB;IACtB;AACJ;AACA;IACIN,KAAK,EAAEK,kBAAA,CAAUE,MAJK;;IAKtB;AACJ;AACA;IACIJ,WAAW,EAAEE,kBAAA,CAAUE;EARD,CAAhB,EASLC,UAxC8B;;EAyCjC;AACF;AACA;EACEf,OAAO,EAAEY,kBAAA,CAAUI;AA5Cc,CAAnC;;eA+Ce,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAyDvB,sBAAzD,C"}
+{"version":3,"file":"NotificationsIndicator.js","names":["NotificationsIndicator","classes","className","labels","onClick","others","clsx","root","notificationsIndicator","normalText","semanticColoring","label","newNotificationsFocus","focusVisible","buttonLabel","propTypes","PropTypes","shape","string","isRequired","func","withStyles","styles","name"],"sources":["../../../src/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { HvButton, HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst NotificationsIndicator = ({ classes, className, labels, onClick, ...others }) => {\n  return (\n    <div className={clsx(className, classes.root, classes.notificationsIndicator)} {...others}>\n      <HvTypography classes={{ normalText: classes.semanticColoring }}>{labels.label}</HvTypography>\n      <HvButton\n        category=\"semantic\"\n        className={classes.newNotificationsFocus}\n        classes={{\n          focusVisible: classes.newNotificationsFocus,\n        }}\n        onClick={onClick}\n      >\n        {labels.buttonLabel}\n      </HvButton>\n    </div>\n  );\n};\n\nNotificationsIndicator.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root of the element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the NotificationsIndicator container.\n     */\n    notificationsIndicator: PropTypes.string,\n\n    /**\n     * Styles applied to the notification focus\n     */\n    newNotificationsFocus: PropTypes.string,\n    /**\n     * Override to text color for usage over semantic background in wicked\n     */\n    semanticColoring: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Labels to apply to component\n   */\n  labels: PropTypes.shape({\n    /**\n     * Notification indicator label\n     */\n    label: PropTypes.string,\n    /**\n     * Label to apply to the button label\n     */\n    buttonLabel: PropTypes.string,\n  }).isRequired,\n  /**\n   * Function passed to the notification panel button\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationsIndicator\" })(NotificationsIndicator);\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AAA8B;AAAA;AAAA;AAAA;AAE9B,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsB,OAA2D;EAAA,IAArDC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;IAAEC,MAAM,QAANA,MAAM;IAAEC,OAAO,QAAPA,OAAO;IAAKC,MAAM;EAC9E,oBACE;IAAK,SAAS,EAAE,IAAAC,aAAI,EAACJ,SAAS,EAAED,OAAO,CAACM,IAAI,EAAEN,OAAO,CAACO,sBAAsB;EAAE,GAAKH,MAAM;IAAA,wBACvF,qBAAC,4BAAY;MAAC,OAAO,EAAE;QAAEI,UAAU,EAAER,OAAO,CAACS;MAAiB,CAAE;MAAA,UAAEP,MAAM,CAACQ;IAAK,EAAgB,eAC9F,qBAAC,wBAAQ;MACP,QAAQ,EAAC,UAAU;MACnB,SAAS,EAAEV,OAAO,CAACW,qBAAsB;MACzC,OAAO,EAAE;QACPC,YAAY,EAAEZ,OAAO,CAACW;MACxB,CAAE;MACF,OAAO,EAAER,OAAQ;MAAA,UAEhBD,MAAM,CAACW;IAAW,EACV;EAAA,GACP;AAEV,CAAC;AAED,wCAAAd,sBAAsB,CAACe,SAAS,GAAG;EACjC;AACF;AACA;EACEd,OAAO,EAAEe,kBAAS,CAACC,KAAK,CAAC;IACvB;AACJ;AACA;IACIV,IAAI,EAAES,kBAAS,CAACE,MAAM;IACtB;AACJ;AACA;IACIV,sBAAsB,EAAEQ,kBAAS,CAACE,MAAM;IAExC;AACJ;AACA;IACIN,qBAAqB,EAAEI,kBAAS,CAACE,MAAM;IACvC;AACJ;AACA;IACIR,gBAAgB,EAAEM,kBAAS,CAACE;EAC9B,CAAC,CAAC,CAACC,UAAU;EAEb;AACF;AACA;EACEjB,SAAS,EAAEc,kBAAS,CAACE,MAAM;EAC3B;AACF;AACA;EACEf,MAAM,EAAEa,kBAAS,CAACC,KAAK,CAAC;IACtB;AACJ;AACA;IACIN,KAAK,EAAEK,kBAAS,CAACE,MAAM;IACvB;AACJ;AACA;IACIJ,WAAW,EAAEE,kBAAS,CAACE;EACzB,CAAC,CAAC,CAACC,UAAU;EACb;AACF;AACA;EACEf,OAAO,EAAEY,kBAAS,CAACI;AACrB,CAAC;AAAC,eAEa,IAAAC,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAA2B,CAAC,CAAC,CAACvB,sBAAsB,CAAC;AAAA"}

package/dist/NotificationPanel/NotificationsIndicator/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _NotificationsIndicator.default;
   }
 });
-
 var _NotificationsIndicator = _interopRequireDefault(require("./NotificationsIndicator"));
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/NotificationPanel/NotificationsIndicator/index.js"],"sourcesContent":["export { default } from \"./NotificationsIndicator\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/NotificationPanel/NotificationsIndicator/index.js"],"sourcesContent":["export { default } from \"./NotificationsIndicator\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/NotificationPanel/NotificationsIndicator/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var styles = function styles(theme) {
   return {
     root: {},
@@ -25,7 +24,6 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","notificationsIndicator","height","backgroundColor","hv","palette","semantic","sema7","display","justifyContent","alignItems","padding","spacing","sm","margin","xs","borderRadius","semanticColoring","color","base","base2"],"sources":["../../../src/NotificationPanel/NotificationsIndicator/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {},\n  notificationsIndicator: {\n    height: 32,\n    backgroundColor: theme.hv.palette.semantic.sema7,\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    padding: `0 0 0 ${theme.hv.spacing.sm}px`,\n    \"& button\": {\n      margin: `0 0 0 ${theme.hv.spacing.xs}px`,\n      borderRadius: 0,\n    },\n  },\n\n  semanticColoring: {\n    color: theme.hv.palette.base.base2,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE,EADmB;IAEzBC,sBAAsB,EAAE;MACtBC,MAAM,EAAE,EADc;MAEtBC,eAAe,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC,KAFrB;MAGtBC,OAAO,EAAE,MAHa;MAItBC,cAAc,EAAE,eAJM;MAKtBC,UAAU,EAAE,QALU;MAMtBC,OAAO,kBAAWZ,KAAK,CAACK,EAAN,CAASQ,OAAT,CAAiBC,EAA5B,OANe;MAOtB,YAAY;QACVC,MAAM,kBAAWf,KAAK,CAACK,EAAN,CAASQ,OAAT,CAAiBG,EAA5B,OADI;QAEVC,YAAY,EAAE;MAFJ;IAPU,CAFC;IAezBC,gBAAgB,EAAE;MAChBC,KAAK,EAAEnB,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBc,IAAjB,CAAsBC;IADb;EAfO,CAAZ;AAAA,CAAf;;eAoBetB,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","notificationsIndicator","height","backgroundColor","hv","palette","semantic","sema7","display","justifyContent","alignItems","padding","spacing","sm","margin","xs","borderRadius","semanticColoring","color","base","base2"],"sources":["../../../src/NotificationPanel/NotificationsIndicator/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {},\n  notificationsIndicator: {\n    height: 32,\n    backgroundColor: theme.hv.palette.semantic.sema7,\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    padding: `0 0 0 ${theme.hv.spacing.sm}px`,\n    \"& button\": {\n      margin: `0 0 0 ${theme.hv.spacing.xs}px`,\n      borderRadius: 0,\n    },\n  },\n\n  semanticColoring: {\n    color: theme.hv.palette.base.base2,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE,CAAC,CAAC;IACRC,sBAAsB,EAAE;MACtBC,MAAM,EAAE,EAAE;MACVC,eAAe,EAAEJ,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,QAAQ,CAACC,KAAK;MAChDC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE,eAAe;MAC/BC,UAAU,EAAE,QAAQ;MACpBC,OAAO,kBAAWZ,KAAK,CAACK,EAAE,CAACQ,OAAO,CAACC,EAAE,OAAI;MACzC,UAAU,EAAE;QACVC,MAAM,kBAAWf,KAAK,CAACK,EAAE,CAACQ,OAAO,CAACG,EAAE,OAAI;QACxCC,YAAY,EAAE;MAChB;IACF,CAAC;IAEDC,gBAAgB,EAAE;MAChBC,KAAK,EAAEnB,KAAK,CAACK,EAAE,CAACC,OAAO,CAACc,IAAI,CAACC;IAC/B;EACF,CAAC;AAAA,CAAC;AAAC,eAEYtB,MAAM;AAAA"}

package/dist/NotificationPanel/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _NotificationPanel.default;
   }
 });
-
 var _NotificationPanel = _interopRequireDefault(require("./NotificationPanel"));
 //# sourceMappingURL=index.js.map

package/dist/NotificationPanel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/NotificationPanel/index.js"],"sourcesContent":["export { default } from \"./NotificationPanel\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/NotificationPanel/index.js"],"sourcesContent":["export { default } from \"./NotificationPanel\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/NotificationPanel/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var styles = function styles(theme) {
   return {
     root: {
@@ -43,7 +42,6 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/NotificationPanel/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","padding","width","overflow","closed","open","position","right","boxShadow","hv","shadows","actionBar","marginTop","panel","flexGrow","outline","actionBarRoot","backgroundColor","palette","atmosphere","atmo1","justifyContent","emptyState","height"],"sources":["../../src/NotificationPanel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    padding: 0,\n    width: 320,\n    overflow: \"hidden\",\n  },\n  closed: { display: \"none\" },\n  open: {\n    position: \"absolute\",\n    right: 0,\n    boxShadow: theme.hv.shadows[1],\n  },\n  actionBar: {\n    marginTop: \"auto\",\n  },\n  panel: {\n    flexGrow: 1,\n    overflow: \"auto\",\n    padding: 0,\n    width: \"100%\",\n    \"&.focus-visible\": {\n      outline: \"none\",\n    },\n  },\n\n  actionBarRoot: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    justifyContent: \"space-between\",\n  },\n\n  emptyState: {\n    height: \"500px\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,aAAa,EAAE,QAFX;MAGJC,OAAO,EAAE,CAHL;MAIJC,KAAK,EAAE,GAJH;MAKJC,QAAQ,EAAE;IALN,CADmB;IAQzBC,MAAM,EAAE;MAAEL,OAAO,EAAE;IAAX,CARiB;IASzBM,IAAI,EAAE;MACJC,QAAQ,EAAE,UADN;MAEJC,KAAK,EAAE,CAFH;MAGJC,SAAS,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiB,CAAjB;IAHP,CATmB;IAczBC,SAAS,EAAE;MACTC,SAAS,EAAE;IADF,CAdc;IAiBzBC,KAAK,EAAE;MACLC,QAAQ,EAAE,CADL;MAELX,QAAQ,EAAE,MAFL;MAGLF,OAAO,EAAE,CAHJ;MAILC,KAAK,EAAE,MAJF;MAKL,mBAAmB;QACjBa,OAAO,EAAE;MADQ;IALd,CAjBkB;IA2BzBC,aAAa,EAAE;MACbC,eAAe,EAAEpB,KAAK,CAACY,EAAN,CAASS,OAAT,CAAiBC,UAAjB,CAA4BC,KADhC;MAEbC,cAAc,EAAE;IAFH,CA3BU;IAgCzBC,UAAU,EAAE;MACVC,MAAM,EAAE;IADE;EAhCa,CAAZ;AAAA,CAAf;;eAqCe3B,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","padding","width","overflow","closed","open","position","right","boxShadow","hv","shadows","actionBar","marginTop","panel","flexGrow","outline","actionBarRoot","backgroundColor","palette","atmosphere","atmo1","justifyContent","emptyState","height"],"sources":["../../src/NotificationPanel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    padding: 0,\n    width: 320,\n    overflow: \"hidden\",\n  },\n  closed: { display: \"none\" },\n  open: {\n    position: \"absolute\",\n    right: 0,\n    boxShadow: theme.hv.shadows[1],\n  },\n  actionBar: {\n    marginTop: \"auto\",\n  },\n  panel: {\n    flexGrow: 1,\n    overflow: \"auto\",\n    padding: 0,\n    width: \"100%\",\n    \"&.focus-visible\": {\n      outline: \"none\",\n    },\n  },\n\n  actionBarRoot: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    justifyContent: \"space-between\",\n  },\n\n  emptyState: {\n    height: \"500px\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,QAAQ;MACvBC,OAAO,EAAE,CAAC;MACVC,KAAK,EAAE,GAAG;MACVC,QAAQ,EAAE;IACZ,CAAC;IACDC,MAAM,EAAE;MAAEL,OAAO,EAAE;IAAO,CAAC;IAC3BM,IAAI,EAAE;MACJC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,CAAC;MACRC,SAAS,EAAEX,KAAK,CAACY,EAAE,CAACC,OAAO,CAAC,CAAC;IAC/B,CAAC;IACDC,SAAS,EAAE;MACTC,SAAS,EAAE;IACb,CAAC;IACDC,KAAK,EAAE;MACLC,QAAQ,EAAE,CAAC;MACXX,QAAQ,EAAE,MAAM;MAChBF,OAAO,EAAE,CAAC;MACVC,KAAK,EAAE,MAAM;MACb,iBAAiB,EAAE;QACjBa,OAAO,EAAE;MACX;IACF,CAAC;IAEDC,aAAa,EAAE;MACbC,eAAe,EAAEpB,KAAK,CAACY,EAAE,CAACS,OAAO,CAACC,UAAU,CAACC,KAAK;MAClDC,cAAc,EAAE;IAClB,CAAC;IAEDC,UAAU,EAAE;MACVC,MAAM,EAAE;IACV;EACF,CAAC;AAAA,CAAC;AAAC,eAEY3B,MAAM;AAAA"}