@carbon/ibm-products 2.0.0-rc.9 → 2.0.1

package/lib/components/NotificationsPanel/NotificationsPanel.js

@@ -1,52 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NotificationsPanel = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _devtools = require("../../global/js/utils/devtools");
-
 var _hooks = require("../../global/js/hooks");
-
 var _settings = require("../../settings");
-
 var _utils = require("./utils");
-
 var _NotificationsEmptyState = require("../EmptyStates/NotificationsEmptyState");
-
 var _react2 = require("@carbon/react");
-
 var _icons = require("@carbon/react/icons");
-
 var _excluded = ["className", "data", "daysAgoText", "dismissAllLabel", "dismissSingleNotificationIconDescription", "doNotDisturbDefaultToggled", "doNotDisturbLabel", "emptyStateLabel", "hourAgoText", "hoursAgoText", "minuteAgoText", "minutesAgoText", "monthAgoText", "monthsAgoText", "nowText", "onClickOutside", "onDismissAllNotifications", "onDismissSingleNotification", "onDoNotDisturbChange", "onSettingsClick", "onViewAllClick", "open", "previousLabel", "readLessLabel", "readMoreLabel", "secondsAgoText", "settingsIconDescription", "title", "todayLabel", "viewAllLabel", "yearAgoText", "yearsAgoText", "yesterdayAtText", "yesterdayLabel"];
-
+/**
+ * Copyright IBM Corp. 2020, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+// Import portions of React that are needed.
+// Other standard imports.
+// Carbon and package components we use.
 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; }
-
 // The block part of our conventional BEM class names (blockClass__E--M).
 var componentName = 'NotificationsPanel';
-var blockClass = "".concat(_settings.pkg.prefix, "--notifications-panel"); // Default values for props
+var blockClass = "".concat(_settings.pkg.prefix, "--notifications-panel");
 
+// Default values for props
 var defaults = {
   daysAgoText: function daysAgoText(value) {
     return "".concat(value, " days ago");
@@ -99,81 +89,77 @@ var defaults = {
   },
   yesterdayLabel: 'Yesterday'
 };
-
 var NotificationsPanel = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      data = _ref.data,
-      _ref$daysAgoText = _ref.daysAgoText,
-      daysAgoText = _ref$daysAgoText === void 0 ? defaults.daysAgoText : _ref$daysAgoText,
-      _ref$dismissAllLabel = _ref.dismissAllLabel,
-      dismissAllLabel = _ref$dismissAllLabel === void 0 ? defaults.dismissAllLabel : _ref$dismissAllLabel,
-      _ref$dismissSingleNot = _ref.dismissSingleNotificationIconDescription,
-      dismissSingleNotificationIconDescription = _ref$dismissSingleNot === void 0 ? defaults.dismissSingleNotificationIconDescription : _ref$dismissSingleNot,
-      doNotDisturbDefaultToggled = _ref.doNotDisturbDefaultToggled,
-      _ref$doNotDisturbLabe = _ref.doNotDisturbLabel,
-      doNotDisturbLabel = _ref$doNotDisturbLabe === void 0 ? defaults.doNotDisturbLabel : _ref$doNotDisturbLabe,
-      _ref$emptyStateLabel = _ref.emptyStateLabel,
-      emptyStateLabel = _ref$emptyStateLabel === void 0 ? defaults.emptyStateLabel : _ref$emptyStateLabel,
-      _ref$hourAgoText = _ref.hourAgoText,
-      hourAgoText = _ref$hourAgoText === void 0 ? defaults.hourAgoText : _ref$hourAgoText,
-      _ref$hoursAgoText = _ref.hoursAgoText,
-      hoursAgoText = _ref$hoursAgoText === void 0 ? defaults.hoursAgoText : _ref$hoursAgoText,
-      _ref$minuteAgoText = _ref.minuteAgoText,
-      minuteAgoText = _ref$minuteAgoText === void 0 ? defaults.minuteAgoText : _ref$minuteAgoText,
-      _ref$minutesAgoText = _ref.minutesAgoText,
-      minutesAgoText = _ref$minutesAgoText === void 0 ? defaults.minutesAgoText : _ref$minutesAgoText,
-      _ref$monthAgoText = _ref.monthAgoText,
-      monthAgoText = _ref$monthAgoText === void 0 ? defaults.monthAgoText : _ref$monthAgoText,
-      _ref$monthsAgoText = _ref.monthsAgoText,
-      monthsAgoText = _ref$monthsAgoText === void 0 ? defaults.monthsAgoText : _ref$monthsAgoText,
-      _ref$nowText = _ref.nowText,
-      nowText = _ref$nowText === void 0 ? defaults.nowText : _ref$nowText,
-      onClickOutside = _ref.onClickOutside,
-      _ref$onDismissAllNoti = _ref.onDismissAllNotifications,
-      onDismissAllNotifications = _ref$onDismissAllNoti === void 0 ? defaults.onDismissAllNotifications : _ref$onDismissAllNoti,
-      _ref$onDismissSingleN = _ref.onDismissSingleNotification,
-      onDismissSingleNotification = _ref$onDismissSingleN === void 0 ? defaults.onDismissSingleNotification : _ref$onDismissSingleN,
-      onDoNotDisturbChange = _ref.onDoNotDisturbChange,
-      onSettingsClick = _ref.onSettingsClick,
-      onViewAllClick = _ref.onViewAllClick,
-      open = _ref.open,
-      _ref$previousLabel = _ref.previousLabel,
-      previousLabel = _ref$previousLabel === void 0 ? defaults.previousLabel : _ref$previousLabel,
-      _ref$readLessLabel = _ref.readLessLabel,
-      readLessLabel = _ref$readLessLabel === void 0 ? defaults.readLessLabel : _ref$readLessLabel,
-      _ref$readMoreLabel = _ref.readMoreLabel,
-      readMoreLabel = _ref$readMoreLabel === void 0 ? defaults.readMoreLabel : _ref$readMoreLabel,
-      _ref$secondsAgoText = _ref.secondsAgoText,
-      secondsAgoText = _ref$secondsAgoText === void 0 ? defaults.secondsAgoText : _ref$secondsAgoText,
-      _ref$settingsIconDesc = _ref.settingsIconDescription,
-      settingsIconDescription = _ref$settingsIconDesc === void 0 ? defaults.settingsIconDescription : _ref$settingsIconDesc,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? defaults.title : _ref$title,
-      _ref$todayLabel = _ref.todayLabel,
-      todayLabel = _ref$todayLabel === void 0 ? defaults.todayLabel : _ref$todayLabel,
-      _ref$viewAllLabel = _ref.viewAllLabel,
-      viewAllLabel = _ref$viewAllLabel === void 0 ? defaults.viewAllLabel : _ref$viewAllLabel,
-      _ref$yearAgoText = _ref.yearAgoText,
-      yearAgoText = _ref$yearAgoText === void 0 ? defaults.yearAgoText : _ref$yearAgoText,
-      _ref$yearsAgoText = _ref.yearsAgoText,
-      yearsAgoText = _ref$yearsAgoText === void 0 ? defaults.yearsAgoText : _ref$yearsAgoText,
-      _ref$yesterdayAtText = _ref.yesterdayAtText,
-      yesterdayAtText = _ref$yesterdayAtText === void 0 ? defaults.yesterdayAtText : _ref$yesterdayAtText,
-      _ref$yesterdayLabel = _ref.yesterdayLabel,
-      yesterdayLabel = _ref$yesterdayLabel === void 0 ? defaults.yesterdayLabel : _ref$yesterdayLabel,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    data = _ref.data,
+    _ref$daysAgoText = _ref.daysAgoText,
+    daysAgoText = _ref$daysAgoText === void 0 ? defaults.daysAgoText : _ref$daysAgoText,
+    _ref$dismissAllLabel = _ref.dismissAllLabel,
+    dismissAllLabel = _ref$dismissAllLabel === void 0 ? defaults.dismissAllLabel : _ref$dismissAllLabel,
+    _ref$dismissSingleNot = _ref.dismissSingleNotificationIconDescription,
+    dismissSingleNotificationIconDescription = _ref$dismissSingleNot === void 0 ? defaults.dismissSingleNotificationIconDescription : _ref$dismissSingleNot,
+    doNotDisturbDefaultToggled = _ref.doNotDisturbDefaultToggled,
+    _ref$doNotDisturbLabe = _ref.doNotDisturbLabel,
+    doNotDisturbLabel = _ref$doNotDisturbLabe === void 0 ? defaults.doNotDisturbLabel : _ref$doNotDisturbLabe,
+    _ref$emptyStateLabel = _ref.emptyStateLabel,
+    emptyStateLabel = _ref$emptyStateLabel === void 0 ? defaults.emptyStateLabel : _ref$emptyStateLabel,
+    _ref$hourAgoText = _ref.hourAgoText,
+    hourAgoText = _ref$hourAgoText === void 0 ? defaults.hourAgoText : _ref$hourAgoText,
+    _ref$hoursAgoText = _ref.hoursAgoText,
+    hoursAgoText = _ref$hoursAgoText === void 0 ? defaults.hoursAgoText : _ref$hoursAgoText,
+    _ref$minuteAgoText = _ref.minuteAgoText,
+    minuteAgoText = _ref$minuteAgoText === void 0 ? defaults.minuteAgoText : _ref$minuteAgoText,
+    _ref$minutesAgoText = _ref.minutesAgoText,
+    minutesAgoText = _ref$minutesAgoText === void 0 ? defaults.minutesAgoText : _ref$minutesAgoText,
+    _ref$monthAgoText = _ref.monthAgoText,
+    monthAgoText = _ref$monthAgoText === void 0 ? defaults.monthAgoText : _ref$monthAgoText,
+    _ref$monthsAgoText = _ref.monthsAgoText,
+    monthsAgoText = _ref$monthsAgoText === void 0 ? defaults.monthsAgoText : _ref$monthsAgoText,
+    _ref$nowText = _ref.nowText,
+    nowText = _ref$nowText === void 0 ? defaults.nowText : _ref$nowText,
+    onClickOutside = _ref.onClickOutside,
+    _ref$onDismissAllNoti = _ref.onDismissAllNotifications,
+    onDismissAllNotifications = _ref$onDismissAllNoti === void 0 ? defaults.onDismissAllNotifications : _ref$onDismissAllNoti,
+    _ref$onDismissSingleN = _ref.onDismissSingleNotification,
+    onDismissSingleNotification = _ref$onDismissSingleN === void 0 ? defaults.onDismissSingleNotification : _ref$onDismissSingleN,
+    onDoNotDisturbChange = _ref.onDoNotDisturbChange,
+    onSettingsClick = _ref.onSettingsClick,
+    onViewAllClick = _ref.onViewAllClick,
+    open = _ref.open,
+    _ref$previousLabel = _ref.previousLabel,
+    previousLabel = _ref$previousLabel === void 0 ? defaults.previousLabel : _ref$previousLabel,
+    _ref$readLessLabel = _ref.readLessLabel,
+    readLessLabel = _ref$readLessLabel === void 0 ? defaults.readLessLabel : _ref$readLessLabel,
+    _ref$readMoreLabel = _ref.readMoreLabel,
+    readMoreLabel = _ref$readMoreLabel === void 0 ? defaults.readMoreLabel : _ref$readMoreLabel,
+    _ref$secondsAgoText = _ref.secondsAgoText,
+    secondsAgoText = _ref$secondsAgoText === void 0 ? defaults.secondsAgoText : _ref$secondsAgoText,
+    _ref$settingsIconDesc = _ref.settingsIconDescription,
+    settingsIconDescription = _ref$settingsIconDesc === void 0 ? defaults.settingsIconDescription : _ref$settingsIconDesc,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? defaults.title : _ref$title,
+    _ref$todayLabel = _ref.todayLabel,
+    todayLabel = _ref$todayLabel === void 0 ? defaults.todayLabel : _ref$todayLabel,
+    _ref$viewAllLabel = _ref.viewAllLabel,
+    viewAllLabel = _ref$viewAllLabel === void 0 ? defaults.viewAllLabel : _ref$viewAllLabel,
+    _ref$yearAgoText = _ref.yearAgoText,
+    yearAgoText = _ref$yearAgoText === void 0 ? defaults.yearAgoText : _ref$yearAgoText,
+    _ref$yearsAgoText = _ref.yearsAgoText,
+    yearsAgoText = _ref$yearsAgoText === void 0 ? defaults.yearsAgoText : _ref$yearsAgoText,
+    _ref$yesterdayAtText = _ref.yesterdayAtText,
+    yesterdayAtText = _ref$yesterdayAtText === void 0 ? defaults.yesterdayAtText : _ref$yesterdayAtText,
+    _ref$yesterdayLabel = _ref.yesterdayLabel,
+    yesterdayLabel = _ref$yesterdayLabel === void 0 ? defaults.yesterdayLabel : _ref$yesterdayLabel,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var notificationPanelRef = (0, _react.useRef)();
-
   var _useState = (0, _react.useState)(open),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      shouldRender = _useState2[0],
-      setRender = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    shouldRender = _useState2[0],
+    setRender = _useState2[1];
   var _useState3 = (0, _react.useState)([]),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      allNotifications = _useState4[0],
-      setAllNotifications = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    allNotifications = _useState4[0],
+    setAllNotifications = _useState4[1];
   var previousState = (0, _hooks.usePreviousValue)({
     open: open
   });
@@ -193,30 +179,26 @@ var NotificationsPanel = /*#__PURE__*/_react.default.forwardRef(function (_ref,
       setRender(true);
     }
   }, [open]);
-
   var onAnimationEnd = function onAnimationEnd() {
     // initialize the notification panel to close
     !open && setRender(false);
   };
-
   (0, _react.useEffect)(function () {
     if (!open && previousState !== null && previousState !== void 0 && previousState.open && reducedMotion.matches) {
       setRender(false);
     }
   }, [open, reducedMotion.matches, previousState === null || previousState === void 0 ? void 0 : previousState.open]);
-
   var sortChronologically = function sortChronologically(arr) {
     if (!arr || arr && !arr.length) {
       return;
     }
-
     return arr.sort(function (a, b) {
       return b.timestamp - a.timestamp;
     });
-  }; // Notifications should be grouped by "Today", "Yesterday", and "Previous", the variables
-  // below filter the notifications based on those conditions and then render them in those groups
-
+  };
 
+  // Notifications should be grouped by "Today", "Yesterday", and "Previous", the variables
+  // below filter the notifications based on those conditions and then render them in those groups
   var yesterdayDate = new Date();
   yesterdayDate = new Date(yesterdayDate.setDate(yesterdayDate.getDate() - 1));
   var dayBeforeYesterdayDate = new Date();
@@ -233,10 +215,8 @@ var NotificationsPanel = /*#__PURE__*/_react.default.forwardRef(function (_ref,
     return item.timestamp.getTime() < dayBeforeYesterdayDate.getTime();
   });
   previousNotifications = sortChronologically(previousNotifications);
-
   var renderDescription = function renderDescription(id) {
     var _ref2, _ref3;
-
     var notification = allNotifications && allNotifications.length && allNotifications.filter(function (item) {
       return item.id === id;
     })[0];
@@ -264,7 +244,6 @@ var NotificationsPanel = /*#__PURE__*/_react.default.forwardRef(function (_ref,
               showAll: !item.showAll
             });
           }
-
           return item;
         });
         setAllNotifications(newData);
@@ -272,7 +251,6 @@ var NotificationsPanel = /*#__PURE__*/_react.default.forwardRef(function (_ref,
       className: showMoreButtonClassName
     }, notification.showAll ? readLessLabel : readMoreLabel));
   };
-
   var renderNotification = function renderNotification(group, notification, index) {
     var notificationClassName = (0, _classnames.default)(["".concat(blockClass, "__notification"), "".concat(blockClass, "__notification-").concat(group)]);
     var notificationHeaderClassName = (0, _classnames.default)(["".concat(blockClass, "__notification-title"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__notification-title-unread"), notification.unread)]);
@@ -290,7 +268,6 @@ var NotificationsPanel = /*#__PURE__*/_react.default.forwardRef(function (_ref,
         if (event.target.classList.contains("".concat(blockClass, "__dismiss-single-button"))) {
           return;
         }
-
         event.which === 13 && notification.onNotificationClick(notification);
       }
     }, notification.type === 'error' && /*#__PURE__*/_react.default.createElement(_icons.ErrorFilled, {
@@ -341,13 +318,11 @@ var NotificationsPanel = /*#__PURE__*/_react.default.forwardRef(function (_ref,
       size: 16
     })));
   };
-
   var dismissSingleNotification = function dismissSingleNotification(event, notification) {
     event.preventDefault();
     event.stopPropagation();
     onDismissSingleNotification(notification);
   };
-
   var mainSectionClassName = (0, _classnames.default)(["".concat(blockClass, "__main-section"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__main-section-empty"), allNotifications && !allNotifications.length)]);
   return shouldRender ? /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
     id: blockClass,
@@ -422,23 +397,24 @@ var NotificationsPanel = /*#__PURE__*/_react.default.forwardRef(function (_ref,
       return onSettingsClick();
     }
   })) : null) : null;
-}); // Return a placeholder if not released and not enabled by feature flag
-
+});
 
+// Return a placeholder if not released and not enabled by feature flag
 exports.NotificationsPanel = NotificationsPanel;
-exports.NotificationsPanel = NotificationsPanel = _settings.pkg.checkComponentEnabled(NotificationsPanel, componentName); // The display name of the component, used by React. Note that displayName
+exports.NotificationsPanel = NotificationsPanel = _settings.pkg.checkComponentEnabled(NotificationsPanel, componentName);
+
+// The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
+NotificationsPanel.displayName = componentName;
 
-NotificationsPanel.displayName = componentName; // The types and DocGen commentary for the component props,
+// The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
-
 NotificationsPanel.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
   className: _propTypes.default.string,
-
   /**
    * Array of data for Notifications component to render
    */
@@ -455,162 +431,130 @@ NotificationsPanel.propTypes = {
     unread: _propTypes.default.bool,
     onNotificationClick: _propTypes.default.func
   })).isRequired,
-
   /**
    * Sets the `days ago` label text
    */
   daysAgoText: _propTypes.default.func,
-
   /**
    * Label for Dismiss all button
    */
   dismissAllLabel: _propTypes.default.string,
-
   /**
    * Label for Dismiss single notification icon button
    */
   dismissSingleNotificationIconDescription: _propTypes.default.string,
-
   /**
    * Determines if the `Do not disturb` toggle is on or off when the component is rendered
    */
   doNotDisturbDefaultToggled: _propTypes.default.bool,
-
   /**
    * Label for Do not disturb toggle
    */
   doNotDisturbLabel: _propTypes.default.string,
-
   /**
    * Sets the empty state label text when there are no notifications
    */
   emptyStateLabel: _propTypes.default.string,
-
   /**
    * Sets the `hour ago` label text
    */
   hourAgoText: _propTypes.default.func,
-
   /**
    * Sets the `hours ago` label text
    */
   hoursAgoText: _propTypes.default.func,
-
   /**
    * Sets the `minute ago` label text
    */
   minuteAgoText: _propTypes.default.func,
-
   /**
    * Sets the `minutes ago` label text
    */
   minutesAgoText: _propTypes.default.func,
-
   /**
    * Sets the `month ago` label text
    */
   monthAgoText: _propTypes.default.func,
-
   /**
    * Sets the `months ago` label text
    */
   monthsAgoText: _propTypes.default.func,
-
   /**
    * Sets the `now` label text
    */
   nowText: _propTypes.default.string,
-
   /**
    * Sets the notifications panel open state
    */
   onClickOutside: _propTypes.default.func.isRequired,
-
   /**
    * Function that will dismiss all notifications
    */
   onDismissAllNotifications: _propTypes.default.func,
-
   /**
    * Function that will dismiss a single notification
    */
   onDismissSingleNotification: _propTypes.default.func,
-
   /**
    * Function that returns the current selected value of the disable notification toggle
    */
   onDoNotDisturbChange: _propTypes.default.func,
-
   /**
    * Event handler for the View all button
    */
   onSettingsClick: _propTypes.default.func,
-
   /**
    * Event handler for the View all button
    */
   onViewAllClick: _propTypes.default.func,
-
   /**
    * Determines whether the notifications panel should render or not
    */
   open: _propTypes.default.bool.isRequired,
-
   /**
    * Sets the previous label text
    */
   previousLabel: _propTypes.default.string,
-
   /**
    * Sets the `read less` label text
    */
   readLessLabel: _propTypes.default.string,
-
   /**
    * Sets the `read more` label text
    */
   readMoreLabel: _propTypes.default.string,
-
   /**
    * Sets the `seconds ago` label text
    */
   secondsAgoText: _propTypes.default.func,
-
   /**
    * Sets the settings icon description text
    */
   settingsIconDescription: _propTypes.default.string,
-
   /**
    * Sets the title for the Notifications panel
    */
   title: _propTypes.default.string,
-
   /**
    * Sets the today label text
    */
   todayLabel: _propTypes.default.string,
-
   /**
    * Sets the View all button text
    */
   viewAllLabel: _propTypes.default.func,
-
   /**
    * Sets the `year ago` label text
    */
   yearAgoText: _propTypes.default.func,
-
   /**
    * Sets the `years ago` label text
    */
   yearsAgoText: _propTypes.default.func,
-
   /**
    * Sets the `Yesterday at` label text
    */
   yesterdayAtText: _propTypes.default.func,
-
   /**
    * Sets the yesterday label text
    */

package/lib/components/NotificationsPanel/NotificationsPanel_data.js

@@ -1,22 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _addonActions = require("@storybook/addon-actions");
-
 var _uuidv = _interopRequireDefault(require("../../global/js/utils/uuidv4"));
-
 /**
  * Copyright IBM Corp. 2020, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 var currentDate = new Date();
 var yesterdayDate = new Date();
 yesterdayDate.setDate(yesterdayDate.getDate() - 1);

package/lib/components/NotificationsPanel/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "NotificationsPanel", {
     return _NotificationsPanel.NotificationsPanel;
   }
 });
-
 var _NotificationsPanel = require("./NotificationsPanel");

package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js

@@ -1,20 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UnreadNotificationBell = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 /**
  * Copyright IBM Corp. 2020, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 var UnreadNotificationBell = function UnreadNotificationBell() {
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: "18px",
@@ -54,5 +52,4 @@ var UnreadNotificationBell = function UnreadNotificationBell() {
     r: "2.5"
   }))));
 };
-
 exports.UnreadNotificationBell = UnreadNotificationBell;

package/lib/components/NotificationsPanel/utils.js

@@ -4,57 +4,49 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.timeAgo = void 0;
-
 /**
  * Copyright IBM Corp. 2020, 2021
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 var timeAgo = function timeAgo(_ref) {
   var previousTime = _ref.previousTime,
-      secondsAgoText = _ref.secondsAgoText,
-      minuteAgoText = _ref.minuteAgoText,
-      minutesAgoText = _ref.minutesAgoText,
-      hoursAgoText = _ref.hoursAgoText,
-      hourAgoText = _ref.hourAgoText,
-      daysAgoText = _ref.daysAgoText,
-      yesterdayAtText = _ref.yesterdayAtText,
-      monthsAgoText = _ref.monthsAgoText,
-      monthAgoText = _ref.monthAgoText,
-      yearsAgoText = _ref.yearsAgoText,
-      yearAgoText = _ref.yearAgoText,
-      nowText = _ref.nowText;
+    secondsAgoText = _ref.secondsAgoText,
+    minuteAgoText = _ref.minuteAgoText,
+    minutesAgoText = _ref.minutesAgoText,
+    hoursAgoText = _ref.hoursAgoText,
+    hourAgoText = _ref.hourAgoText,
+    daysAgoText = _ref.daysAgoText,
+    yesterdayAtText = _ref.yesterdayAtText,
+    monthsAgoText = _ref.monthsAgoText,
+    monthAgoText = _ref.monthAgoText,
+    yearsAgoText = _ref.yearsAgoText,
+    yearAgoText = _ref.yearAgoText,
+    nowText = _ref.nowText;
   var msPerMinute = 60 * 1000;
   var msPerHour = msPerMinute * 60;
   var msPerDay = msPerHour * 24;
   var msPerMonth = msPerDay * 30;
   var msPerYear = msPerDay * 365;
   var elapsed = new Date() - previousTime;
-
   switch (true) {
     case elapsed < msPerMinute:
       return Math.round(elapsed / 1000) > 10 ? secondsAgoText(Math.round(elapsed / 1000)) : nowText;
-
     case elapsed < msPerHour:
       return Math.round(elapsed / msPerMinute) > 1 ? minutesAgoText(Math.round(elapsed / msPerMinute)) : minuteAgoText(Math.round(elapsed / msPerMinute));
-
     case elapsed < msPerDay:
       return Math.round(elapsed / msPerHour) > 1 ? hoursAgoText(Math.round(elapsed / msPerHour)) : hourAgoText(Math.round(elapsed / msPerHour));
-
     case elapsed < msPerMonth:
       return Math.round(elapsed / msPerDay) > 1 ? daysAgoText(Math.round(elapsed / msPerDay)) : yesterdayAtText(new Date(previousTime).toLocaleTimeString(getBrowserLocales[0]));
-
     case elapsed < msPerYear:
       return Math.round(elapsed / msPerMonth) > 1 ? monthsAgoText(Math.round(elapsed / msPerMonth)) : monthAgoText(Math.round(elapsed / msPerMonth));
-
     default:
       return Math.round(elapsed / msPerYear) > 1 ? yearsAgoText(Math.round(elapsed / msPerYear)) : yearAgoText(Math.round(elapsed / msPerYear));
   }
 };
-
 exports.timeAgo = timeAgo;
-
 var getBrowserLocales = function getBrowserLocales() {
   var browserLocales = navigator.languages === undefined ? [navigator.language, 'en'] // add fallback 'en' if we can't get locale value from browser
   : navigator.languages;