@carbon/ibm-products 2.0.0-rc.3 → 2.0.0-rc.32

package/es/components/NotificationsPanel/NotificationsPanel.js

@@ -3,31 +3,35 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 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.
-import React, { useEffect, useState, useRef } from 'react'; // Other standard imports.
+import React, { useEffect, useState, useRef } from 'react';
 
+// Other standard imports.
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools';
 import { useClickOutside } from '../../global/js/hooks';
 import { pkg } from '../../settings';
 import { timeAgo } from './utils';
-import { NotificationsEmptyState } from '../EmptyStates/NotificationsEmptyState'; // Carbon and package components we use.
+import { NotificationsEmptyState } from '../EmptyStates/NotificationsEmptyState';
 
+// Carbon and package components we use.
 import { Button, Link, Toggle, IconButton } from '@carbon/react';
 import { ErrorFilled, WarningAltFilled, CheckmarkFilled, InformationSquareFilled, ChevronDown, Close, Settings } from '@carbon/react/icons';
-import { usePreviousValue } from '../../global/js/hooks'; // The block part of our conventional BEM class names (blockClass__E--M).
+import { usePreviousValue } from '../../global/js/hooks';
 
+// The block part of our conventional BEM class names (blockClass__E--M).
 var componentName = 'NotificationsPanel';
-var blockClass = "".concat(pkg.prefix, "--notifications-panel"); // Default values for props
+var blockClass = "".concat(pkg.prefix, "--notifications-panel");
 
+// Default values for props
 var defaults = {
   daysAgoText: function daysAgoText(value) {
     return "".concat(value, " days ago");
@@ -82,79 +86,75 @@ var defaults = {
 };
 export var NotificationsPanel = /*#__PURE__*/React.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 = _objectWithoutProperties(_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 = _objectWithoutProperties(_ref, _excluded);
   var notificationPanelRef = useRef();
-
   var _useState = useState(open),
-      _useState2 = _slicedToArray(_useState, 2),
-      shouldRender = _useState2[0],
-      setRender = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    shouldRender = _useState2[0],
+    setRender = _useState2[1];
   var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      allNotifications = _useState4[0],
-      setAllNotifications = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    allNotifications = _useState4[0],
+    setAllNotifications = _useState4[1];
   var previousState = usePreviousValue({
     open: open
   });
@@ -174,30 +174,26 @@ export var NotificationsPanel = /*#__PURE__*/React.forwardRef(function (_ref, re
       setRender(true);
     }
   }, [open]);
-
   var onAnimationEnd = function onAnimationEnd() {
     // initialize the notification panel to close
     !open && setRender(false);
   };
-
   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();
@@ -214,10 +210,8 @@ export var NotificationsPanel = /*#__PURE__*/React.forwardRef(function (_ref, re
     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];
@@ -245,7 +239,6 @@ export var NotificationsPanel = /*#__PURE__*/React.forwardRef(function (_ref, re
               showAll: !item.showAll
             });
           }
-
           return item;
         });
         setAllNotifications(newData);
@@ -253,7 +246,6 @@ export var NotificationsPanel = /*#__PURE__*/React.forwardRef(function (_ref, re
       className: showMoreButtonClassName
     }, notification.showAll ? readLessLabel : readMoreLabel));
   };
-
   var renderNotification = function renderNotification(group, notification, index) {
     var notificationClassName = cx(["".concat(blockClass, "__notification"), "".concat(blockClass, "__notification-").concat(group)]);
     var notificationHeaderClassName = cx(["".concat(blockClass, "__notification-title"), _defineProperty({}, "".concat(blockClass, "__notification-title-unread"), notification.unread)]);
@@ -271,7 +263,6 @@ export var NotificationsPanel = /*#__PURE__*/React.forwardRef(function (_ref, re
         if (event.target.classList.contains("".concat(blockClass, "__dismiss-single-button"))) {
           return;
         }
-
         event.which === 13 && notification.onNotificationClick(notification);
       }
     }, notification.type === 'error' && /*#__PURE__*/React.createElement(ErrorFilled, {
@@ -322,13 +313,11 @@ export var NotificationsPanel = /*#__PURE__*/React.forwardRef(function (_ref, re
       size: 16
     })));
   };
-
   var dismissSingleNotification = function dismissSingleNotification(event, notification) {
     event.preventDefault();
     event.stopPropagation();
     onDismissSingleNotification(notification);
   };
-
   var mainSectionClassName = cx(["".concat(blockClass, "__main-section"), _defineProperty({}, "".concat(blockClass, "__main-section-empty"), allNotifications && !allNotifications.length)]);
   return shouldRender ? /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     id: blockClass,
@@ -403,21 +392,23 @@ export var NotificationsPanel = /*#__PURE__*/React.forwardRef(function (_ref, re
       return onSettingsClick();
     }
   })) : null) : null;
-}); // Return a placeholder if not released and not enabled by feature flag
+});
 
-NotificationsPanel = pkg.checkComponentEnabled(NotificationsPanel, componentName); // The display name of the component, used by React. Note that displayName
+// Return a placeholder if not released and not enabled by feature flag
+NotificationsPanel = 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.string,
-
   /**
    * Array of data for Notifications component to render
    */
@@ -434,162 +425,130 @@ NotificationsPanel.propTypes = {
     unread: PropTypes.bool,
     onNotificationClick: PropTypes.func
   })).isRequired,
-
   /**
    * Sets the `days ago` label text
    */
   daysAgoText: PropTypes.func,
-
   /**
    * Label for Dismiss all button
    */
   dismissAllLabel: PropTypes.string,
-
   /**
    * Label for Dismiss single notification icon button
    */
   dismissSingleNotificationIconDescription: PropTypes.string,
-
   /**
    * Determines if the `Do not disturb` toggle is on or off when the component is rendered
    */
   doNotDisturbDefaultToggled: PropTypes.bool,
-
   /**
    * Label for Do not disturb toggle
    */
   doNotDisturbLabel: PropTypes.string,
-
   /**
    * Sets the empty state label text when there are no notifications
    */
   emptyStateLabel: PropTypes.string,
-
   /**
    * Sets the `hour ago` label text
    */
   hourAgoText: PropTypes.func,
-
   /**
    * Sets the `hours ago` label text
    */
   hoursAgoText: PropTypes.func,
-
   /**
    * Sets the `minute ago` label text
    */
   minuteAgoText: PropTypes.func,
-
   /**
    * Sets the `minutes ago` label text
    */
   minutesAgoText: PropTypes.func,
-
   /**
    * Sets the `month ago` label text
    */
   monthAgoText: PropTypes.func,
-
   /**
    * Sets the `months ago` label text
    */
   monthsAgoText: PropTypes.func,
-
   /**
    * Sets the `now` label text
    */
   nowText: PropTypes.string,
-
   /**
    * Sets the notifications panel open state
    */
   onClickOutside: PropTypes.func.isRequired,
-
   /**
    * Function that will dismiss all notifications
    */
   onDismissAllNotifications: PropTypes.func,
-
   /**
    * Function that will dismiss a single notification
    */
   onDismissSingleNotification: PropTypes.func,
-
   /**
    * Function that returns the current selected value of the disable notification toggle
    */
   onDoNotDisturbChange: PropTypes.func,
-
   /**
    * Event handler for the View all button
    */
   onSettingsClick: PropTypes.func,
-
   /**
    * Event handler for the View all button
    */
   onViewAllClick: PropTypes.func,
-
   /**
    * Determines whether the notifications panel should render or not
    */
   open: PropTypes.bool.isRequired,
-
   /**
    * Sets the previous label text
    */
   previousLabel: PropTypes.string,
-
   /**
    * Sets the `read less` label text
    */
   readLessLabel: PropTypes.string,
-
   /**
    * Sets the `read more` label text
    */
   readMoreLabel: PropTypes.string,
-
   /**
    * Sets the `seconds ago` label text
    */
   secondsAgoText: PropTypes.func,
-
   /**
    * Sets the settings icon description text
    */
   settingsIconDescription: PropTypes.string,
-
   /**
    * Sets the title for the Notifications panel
    */
   title: PropTypes.string,
-
   /**
    * Sets the today label text
    */
   todayLabel: PropTypes.string,
-
   /**
    * Sets the View all button text
    */
   viewAllLabel: PropTypes.func,
-
   /**
    * Sets the `year ago` label text
    */
   yearAgoText: PropTypes.func,
-
   /**
    * Sets the `years ago` label text
    */
   yearsAgoText: PropTypes.func,
-
   /**
    * Sets the `Yesterday at` label text
    */
   yesterdayAtText: PropTypes.func,
-
   /**
    * Sets the yesterday label text
    */

package/es/components/NotificationsPanel/NotificationsPanel_data.js

@@ -4,6 +4,7 @@
  * 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 { action } from '@storybook/addon-actions';
 import uuidv4 from '../../global/js/utils/uuidv4';
 var currentDate = new Date();

package/es/components/NotificationsPanel/index.js

@@ -4,4 +4,5 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 export { NotificationsPanel } from './NotificationsPanel';

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

@@ -4,8 +4,8 @@
  * 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 React from 'react';
 
+import React from 'react';
 var UnreadNotificationBell = function UnreadNotificationBell() {
   return /*#__PURE__*/React.createElement("svg", {
     width: "18px",
@@ -45,5 +45,4 @@ var UnreadNotificationBell = function UnreadNotificationBell() {
     r: "2.5"
   }))));
 };
-
 export { UnreadNotificationBell };

package/es/components/NotificationsPanel/utils.js

@@ -4,48 +4,42 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 export 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));
   }
 };
-
 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;