| 1 |
- {"version":3,"file":"NotificationsPage.e1bd81fdd81212ec2405.js","mappings":"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","sources":["webpack://grafana/../../opt/drone/yarncache/date-fns-npm-2.28.0-c19c5add1b-a0516b2e4f.zip/node_modules/date-fns/esm/formatDistanceToNow/index.js","webpack://grafana/./public/app/core/components/AppNotifications/StoredNotificationItem.tsx","webpack://grafana/./public/app/features/notifications/StoredNotifications.tsx","webpack://grafana/./public/app/features/notifications/NotificationsPage.tsx","webpack://grafana/../../opt/drone/yarncache/date-fns-npm-2.28.0-c19c5add1b-a0516b2e4f.zip/node_modules/date-fns/esm/_lib/cloneObject/index.js","webpack://grafana/../../opt/drone/yarncache/date-fns-npm-2.28.0-c19c5add1b-a0516b2e4f.zip/node_modules/date-fns/esm/_lib/assign/index.js","webpack://grafana/../../opt/drone/yarncache/date-fns-npm-2.28.0-c19c5add1b-a0516b2e4f.zip/node_modules/date-fns/esm/formatDistance/index.js"],"sourcesContent":["import distanceInWords from \"../formatDistance/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name formatDistanceToNow\n * @category Common Helpers\n * @summary Return the distance between the given date and now in words.\n * @pure false\n *\n * @description\n * Return the distance between the given date and now in words.\n *\n * | Distance to now | Result |\n * |-------------------------------------------------------------------|---------------------|\n * | 0 ... 30 secs | less than a minute |\n * | 30 secs ... 1 min 30 secs | 1 minute |\n * | 1 min 30 secs ... 44 mins 30 secs | [2..44] minutes |\n * | 44 mins ... 30 secs ... 89 mins 30 secs | about 1 hour |\n * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs | about [2..24] hours |\n * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs | 1 day |\n * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs | [2..30] days |\n * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month |\n * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months |\n * | 59 days 23 hrs 59 mins 30 secs ... 1 yr | [2..12] months |\n * | 1 yr ... 1 yr 3 months | about 1 year |\n * | 1 yr 3 months ... 1 yr 9 month s | over 1 year |\n * | 1 yr 9 months ... 2 yrs | almost 2 years |\n * | N yrs ... N yrs 3 months | about N years |\n * | N yrs 3 months ... N yrs 9 months | over N years |\n * | N yrs 9 months ... N+1 yrs | almost N+1 years |\n *\n * With `options.includeSeconds == true`:\n * | Distance to now | Result |\n * |---------------------|----------------------|\n * | 0 secs ... 5 secs | less than 5 seconds |\n * | 5 secs ... 10 secs | less than 10 seconds |\n * | 10 secs ... 20 secs | less than 20 seconds |\n * | 20 secs ... 40 secs | half a minute |\n * | 40 secs ... 60 secs | less than a minute |\n * | 60 secs ... 90 secs | 1 minute |\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * - The function was renamed from `distanceInWordsToNow ` to `formatDistanceToNow`\n * to make its name consistent with `format` and `formatRelative`.\n *\n * ```javascript\n * // Before v2.0.0\n *\n * distanceInWordsToNow(new Date(2014, 6, 2), { addSuffix: true })\n * //=> 'in 6 months'\n *\n * // v2.0.0 onward\n *\n * formatDistanceToNow(new Date(2014, 6, 2), { addSuffix: true })\n * //=> 'in 6 months'\n * ```\n *\n * @param {Date|Number} date - the given date\n * @param {Object} [options] - the object with options\n * @param {Boolean} [options.includeSeconds=false] - distances less than a minute are more detailed\n * @param {Boolean} [options.addSuffix=false] - result specifies if now is earlier or later than the passed date\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @returns {String} the distance in words\n * @throws {TypeError} 1 argument required\n * @throws {RangeError} `date` must not be Invalid Date\n * @throws {RangeError} `options.locale` must contain `formatDistance` property\n *\n * @example\n * // If today is 1 January 2015, what is the distance to 2 July 2014?\n * var result = formatDistanceToNow(\n * new Date(2014, 6, 2)\n * )\n * //=> '6 months'\n *\n * @example\n * // If now is 1 January 2015 00:00:00,\n * // what is the distance to 1 January 2015 00:00:15, including seconds?\n * var result = formatDistanceToNow(\n * new Date(2015, 0, 1, 0, 0, 15),\n * {includeSeconds: true}\n * )\n * //=> 'less than 20 seconds'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 January 2016, with a suffix?\n * var result = formatDistanceToNow(\n * new Date(2016, 0, 1),\n * {addSuffix: true}\n * )\n * //=> 'in about 1 year'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 August 2016 in Esperanto?\n * var eoLocale = require('date-fns/locale/eo')\n * var result = formatDistanceToNow(\n * new Date(2016, 7, 1),\n * {locale: eoLocale}\n * )\n * //=> 'pli ol 1 jaro'\n */\n\nexport default function formatDistanceToNow(dirtyDate, dirtyOptions) {\n requiredArgs(1, arguments);\n return distanceInWords(dirtyDate, Date.now(), dirtyOptions);\n}","import { css } from '@emotion/css';\nimport { formatDistanceToNow } from 'date-fns';\nimport React, { ReactNode } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { config } from '@grafana/runtime';\nimport { Card, Checkbox, useTheme2 } from '@grafana/ui';\n\nexport type AlertVariant = 'success' | 'warning' | 'error' | 'info';\n\nexport interface Props {\n children?: ReactNode;\n className?: string;\n isSelected: boolean;\n onClick: () => void;\n severity?: AlertVariant;\n title: string;\n timestamp?: number;\n traceId?: string;\n}\n\nexport const StoredNotificationItem = ({\n children,\n className,\n isSelected,\n onClick,\n severity = 'error',\n title,\n traceId,\n timestamp,\n}: Props) => {\n const theme = useTheme2();\n const styles = getStyles(theme);\n const showTraceId = config.featureToggles.tracing && traceId;\n\n return (\n <Card className={className} onClick={onClick}>\n <Card.Heading>{title}</Card.Heading>\n <Card.Description>{children}</Card.Description>\n <Card.Figure>\n <Checkbox onChange={onClick} tabIndex={-1} value={isSelected} />\n </Card.Figure>\n <Card.Tags className={styles.trace}>\n {showTraceId && <span>{`Trace ID: ${traceId}`}</span>}\n {timestamp && formatDistanceToNow(timestamp, { addSuffix: true })}\n </Card.Tags>\n </Card>\n );\n};\n\nconst getStyles = (theme: GrafanaTheme2) => {\n return {\n trace: css({\n alignItems: 'flex-end',\n alignSelf: 'flex-end',\n color: theme.colors.text.secondary,\n display: 'flex',\n flexDirection: 'column',\n fontSize: theme.typography.pxToRem(10),\n justifySelf: 'flex-end',\n }),\n };\n};\n","import { css, cx } from '@emotion/css';\nimport React, { useRef, useState } from 'react';\nimport { useEffectOnce } from 'react-use';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { Alert, Button, Checkbox, Icon, useStyles2 } from '@grafana/ui';\nimport { StoredNotificationItem } from 'app/core/components/AppNotifications/StoredNotificationItem';\nimport {\n clearAllNotifications,\n clearNotification,\n readAllNotifications,\n selectWarningsAndErrors,\n selectLastReadTimestamp,\n} from 'app/core/reducers/appNotification';\nimport { useDispatch, useSelector } from 'app/types';\n\nexport function StoredNotifications() {\n const dispatch = useDispatch();\n const notifications = useSelector((state) => selectWarningsAndErrors(state.appNotifications));\n const [selectedNotificationIds, setSelectedNotificationIds] = useState<string[]>([]);\n const allNotificationsSelected = notifications.every((notification) =>\n selectedNotificationIds.includes(notification.id)\n );\n const lastReadTimestamp = useRef(useSelector((state) => selectLastReadTimestamp(state.appNotifications)));\n const styles = useStyles2(getStyles);\n\n useEffectOnce(() => {\n dispatch(readAllNotifications(Date.now()));\n });\n\n const clearSelectedNotifications = () => {\n if (allNotificationsSelected) {\n dispatch(clearAllNotifications());\n } else {\n selectedNotificationIds.forEach((id) => {\n dispatch(clearNotification(id));\n });\n }\n setSelectedNotificationIds([]);\n };\n\n const handleAllCheckboxToggle = (isChecked: boolean) => {\n setSelectedNotificationIds(isChecked ? notifications.map((n) => n.id) : []);\n };\n\n const handleCheckboxToggle = (id: string) => {\n setSelectedNotificationIds((prevState) => {\n if (!prevState.includes(id)) {\n return [...prevState, id];\n } else {\n return prevState.filter((notificationId) => notificationId !== id);\n }\n });\n };\n\n if (notifications.length === 0) {\n return (\n <div className={styles.noNotifsWrapper}>\n <Icon name=\"bell\" size=\"xxl\" />\n <span>Notifications you have received will appear here.</span>\n </div>\n );\n }\n\n return (\n <div className={styles.wrapper}>\n <Alert\n severity=\"info\"\n title=\"This page displays past errors and warnings. Once dismissed, they cannot be retrieved.\"\n />\n <div className={styles.topRow}>\n <Checkbox\n value={allNotificationsSelected}\n onChange={(event: React.ChangeEvent<HTMLInputElement>) => handleAllCheckboxToggle(event.target.checked)}\n />\n <Button disabled={selectedNotificationIds.length === 0} onClick={clearSelectedNotifications}>\n Dismiss notifications\n </Button>\n </div>\n <ul className={styles.list}>\n {notifications.map((notif) => (\n <li key={notif.id} className={styles.listItem}>\n <StoredNotificationItem\n className={cx({ [styles.newItem]: notif.timestamp > lastReadTimestamp.current })}\n isSelected={selectedNotificationIds.includes(notif.id)}\n onClick={() => handleCheckboxToggle(notif.id)}\n severity={notif.severity}\n title={notif.title}\n timestamp={notif.timestamp}\n traceId={notif.traceId}\n >\n <span>{notif.text}</span>\n </StoredNotificationItem>\n </li>\n ))}\n </ul>\n </div>\n );\n}\n\nfunction getStyles(theme: GrafanaTheme2) {\n return {\n topRow: css({\n alignItems: 'center',\n display: 'flex',\n gap: theme.spacing(2),\n }),\n list: css({\n display: 'flex',\n flexDirection: 'column',\n }),\n listItem: css({\n alignItems: 'center',\n display: 'flex',\n gap: theme.spacing(2),\n listStyle: 'none',\n position: 'relative',\n }),\n newItem: css({\n '&::before': {\n content: '\"\"',\n height: '100%',\n position: 'absolute',\n left: '-7px',\n top: 0,\n background: theme.colors.gradients.brandVertical,\n width: theme.spacing(0.5),\n borderRadius: theme.shape.borderRadius(1),\n },\n }),\n noNotifsWrapper: css({\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n gap: theme.spacing(1),\n }),\n wrapper: css({\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(2),\n }),\n };\n}\n","import React from 'react';\nimport { connect, ConnectedProps } from 'react-redux';\n\nimport Page from '../../core/components/Page/Page';\nimport { GrafanaRouteComponentProps } from '../../core/navigation/types';\nimport { getNavModel } from '../../core/selectors/navModel';\nimport { StoreState } from '../../types';\n\nimport { StoredNotifications } from './StoredNotifications';\n\nconst mapStateToProps = (state: StoreState) => ({\n navModel: getNavModel(state.navIndex, 'notifications'),\n});\n\nconst connector = connect(mapStateToProps, undefined);\n\ninterface OwnProps extends GrafanaRouteComponentProps {}\n\ntype Props = OwnProps & ConnectedProps<typeof connector>;\n\nexport const NotificationsPage = ({ navModel }: Props) => {\n return (\n <Page navModel={navModel}>\n <Page.Contents>\n <StoredNotifications />\n </Page.Contents>\n </Page>\n );\n};\n\nexport default connect(mapStateToProps)(NotificationsPage);\n","import assign from \"../assign/index.js\";\nexport default function cloneObject(dirtyObject) {\n return assign({}, dirtyObject);\n}","export default function assign(target, dirtyObject) {\n if (target == null) {\n throw new TypeError('assign requires that input parameter not be null or undefined');\n }\n\n dirtyObject = dirtyObject || {};\n\n for (var property in dirtyObject) {\n if (Object.prototype.hasOwnProperty.call(dirtyObject, property)) {\n target[property] = dirtyObject[property];\n }\n }\n\n return target;\n}","import compareAsc from \"../compareAsc/index.js\";\nimport differenceInMonths from \"../differenceInMonths/index.js\";\nimport differenceInSeconds from \"../differenceInSeconds/index.js\";\nimport defaultLocale from \"../locale/en-US/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport cloneObject from \"../_lib/cloneObject/index.js\";\nimport getTimezoneOffsetInMilliseconds from \"../_lib/getTimezoneOffsetInMilliseconds/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nvar MINUTES_IN_DAY = 1440;\nvar MINUTES_IN_ALMOST_TWO_DAYS = 2520;\nvar MINUTES_IN_MONTH = 43200;\nvar MINUTES_IN_TWO_MONTHS = 86400;\n/**\n * @name formatDistance\n * @category Common Helpers\n * @summary Return the distance between the given dates in words.\n *\n * @description\n * Return the distance between the given dates in words.\n *\n * | Distance between dates | Result |\n * |-------------------------------------------------------------------|---------------------|\n * | 0 ... 30 secs | less than a minute |\n * | 30 secs ... 1 min 30 secs | 1 minute |\n * | 1 min 30 secs ... 44 mins 30 secs | [2..44] minutes |\n * | 44 mins ... 30 secs ... 89 mins 30 secs | about 1 hour |\n * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs | about [2..24] hours |\n * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs | 1 day |\n * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs | [2..30] days |\n * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month |\n * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months |\n * | 59 days 23 hrs 59 mins 30 secs ... 1 yr | [2..12] months |\n * | 1 yr ... 1 yr 3 months | about 1 year |\n * | 1 yr 3 months ... 1 yr 9 month s | over 1 year |\n * | 1 yr 9 months ... 2 yrs | almost 2 years |\n * | N yrs ... N yrs 3 months | about N years |\n * | N yrs 3 months ... N yrs 9 months | over N years |\n * | N yrs 9 months ... N+1 yrs | almost N+1 years |\n *\n * With `options.includeSeconds == true`:\n * | Distance between dates | Result |\n * |------------------------|----------------------|\n * | 0 secs ... 5 secs | less than 5 seconds |\n * | 5 secs ... 10 secs | less than 10 seconds |\n * | 10 secs ... 20 secs | less than 20 seconds |\n * | 20 secs ... 40 secs | half a minute |\n * | 40 secs ... 60 secs | less than a minute |\n * | 60 secs ... 90 secs | 1 minute |\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * - The function was renamed from `distanceInWords ` to `formatDistance`\n * to make its name consistent with `format` and `formatRelative`.\n *\n * - The order of arguments is swapped to make the function\n * consistent with `differenceIn...` functions.\n *\n * ```javascript\n * // Before v2.0.0\n *\n * distanceInWords(\n * new Date(1986, 3, 4, 10, 32, 0),\n * new Date(1986, 3, 4, 11, 32, 0),\n * { addSuffix: true }\n * ) //=> 'in about 1 hour'\n *\n * // v2.0.0 onward\n *\n * formatDistance(\n * new Date(1986, 3, 4, 11, 32, 0),\n * new Date(1986, 3, 4, 10, 32, 0),\n * { addSuffix: true }\n * ) //=> 'in about 1 hour'\n * ```\n *\n * @param {Date|Number} date - the date\n * @param {Date|Number} baseDate - the date to compare with\n * @param {Object} [options] - an object with options.\n * @param {Boolean} [options.includeSeconds=false] - distances less than a minute are more detailed\n * @param {Boolean} [options.addSuffix=false] - result indicates if the second date is earlier or later than the first\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @returns {String} the distance in words\n * @throws {TypeError} 2 arguments required\n * @throws {RangeError} `date` must not be Invalid Date\n * @throws {RangeError} `baseDate` must not be Invalid Date\n * @throws {RangeError} `options.locale` must contain `formatDistance` property\n *\n * @example\n * // What is the distance between 2 July 2014 and 1 January 2015?\n * const result = formatDistance(new Date(2014, 6, 2), new Date(2015, 0, 1))\n * //=> '6 months'\n *\n * @example\n * // What is the distance between 1 January 2015 00:00:15\n * // and 1 January 2015 00:00:00, including seconds?\n * const result = formatDistance(\n * new Date(2015, 0, 1, 0, 0, 15),\n * new Date(2015, 0, 1, 0, 0, 0),\n * { includeSeconds: true }\n * )\n * //=> 'less than 20 seconds'\n *\n * @example\n * // What is the distance from 1 January 2016\n * // to 1 January 2015, with a suffix?\n * const result = formatDistance(new Date(2015, 0, 1), new Date(2016, 0, 1), {\n * addSuffix: true\n * })\n * //=> 'about 1 year ago'\n *\n * @example\n * // What is the distance between 1 August 2016 and 1 January 2015 in Esperanto?\n * import { eoLocale } from 'date-fns/locale/eo'\n * const result = formatDistance(new Date(2016, 7, 1), new Date(2015, 0, 1), {\n * locale: eoLocale\n * })\n * //=> 'pli ol 1 jaro'\n */\n\nexport default function formatDistance(dirtyDate, dirtyBaseDate) {\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n requiredArgs(2, arguments);\n var locale = options.locale || defaultLocale;\n\n if (!locale.formatDistance) {\n throw new RangeError('locale must contain formatDistance property');\n }\n\n var comparison = compareAsc(dirtyDate, dirtyBaseDate);\n\n if (isNaN(comparison)) {\n throw new RangeError('Invalid time value');\n }\n\n var localizeOptions = cloneObject(options);\n localizeOptions.addSuffix = Boolean(options.addSuffix);\n localizeOptions.comparison = comparison;\n var dateLeft;\n var dateRight;\n\n if (comparison > 0) {\n dateLeft = toDate(dirtyBaseDate);\n dateRight = toDate(dirtyDate);\n } else {\n dateLeft = toDate(dirtyDate);\n dateRight = toDate(dirtyBaseDate);\n }\n\n var seconds = differenceInSeconds(dateRight, dateLeft);\n var offsetInSeconds = (getTimezoneOffsetInMilliseconds(dateRight) - getTimezoneOffsetInMilliseconds(dateLeft)) / 1000;\n var minutes = Math.round((seconds - offsetInSeconds) / 60);\n var months; // 0 up to 2 mins\n\n if (minutes < 2) {\n if (options.includeSeconds) {\n if (seconds < 5) {\n return locale.formatDistance('lessThanXSeconds', 5, localizeOptions);\n } else if (seconds < 10) {\n return locale.formatDistance('lessThanXSeconds', 10, localizeOptions);\n } else if (seconds < 20) {\n return locale.formatDistance('lessThanXSeconds', 20, localizeOptions);\n } else if (seconds < 40) {\n return locale.formatDistance('halfAMinute', null, localizeOptions);\n } else if (seconds < 60) {\n return locale.formatDistance('lessThanXMinutes', 1, localizeOptions);\n } else {\n return locale.formatDistance('xMinutes', 1, localizeOptions);\n }\n } else {\n if (minutes === 0) {\n return locale.formatDistance('lessThanXMinutes', 1, localizeOptions);\n } else {\n return locale.formatDistance('xMinutes', minutes, localizeOptions);\n }\n } // 2 mins up to 0.75 hrs\n\n } else if (minutes < 45) {\n return locale.formatDistance('xMinutes', minutes, localizeOptions); // 0.75 hrs up to 1.5 hrs\n } else if (minutes < 90) {\n return locale.formatDistance('aboutXHours', 1, localizeOptions); // 1.5 hrs up to 24 hrs\n } else if (minutes < MINUTES_IN_DAY) {\n var hours = Math.round(minutes / 60);\n return locale.formatDistance('aboutXHours', hours, localizeOptions); // 1 day up to 1.75 days\n } else if (minutes < MINUTES_IN_ALMOST_TWO_DAYS) {\n return locale.formatDistance('xDays', 1, localizeOptions); // 1.75 days up to 30 days\n } else if (minutes < MINUTES_IN_MONTH) {\n var days = Math.round(minutes / MINUTES_IN_DAY);\n return locale.formatDistance('xDays', days, localizeOptions); // 1 month up to 2 months\n } else if (minutes < MINUTES_IN_TWO_MONTHS) {\n months = Math.round(minutes / MINUTES_IN_MONTH);\n return locale.formatDistance('aboutXMonths', months, localizeOptions);\n }\n\n months = differenceInMonths(dateRight, dateLeft); // 2 months up to 12 months\n\n if (months < 12) {\n var nearestMonth = Math.round(minutes / MINUTES_IN_MONTH);\n return locale.formatDistance('xMonths', nearestMonth, localizeOptions); // 1 year up to max Date\n } else {\n var monthsSinceStartOfYear = months % 12;\n var years = Math.floor(months / 12); // N years up to 1 years 3 months\n\n if (monthsSinceStartOfYear < 3) {\n return locale.formatDistance('aboutXYears', years, localizeOptions); // N years 3 months up to N years 9 months\n } else if (monthsSinceStartOfYear < 9) {\n return locale.formatDistance('overXYears', years, localizeOptions); // N years 9 months up to N year 12 months\n } else {\n return locale.formatDistance('almostXYears', years + 1, localizeOptions);\n }\n }\n}"],"names":["formatDistanceToNow","dirtyDate","dirtyOptions","requiredArgs","arguments","Date","now","StoredNotificationItem","children","className","isSelected","onClick","severity","title","traceId","timestamp","theme","useTheme2","styles","getStyles","showTraceId","config","Card","Checkbox","onChange","tabIndex","value","trace","addSuffix","css","alignItems","alignSelf","color","colors","text","secondary","display","flexDirection","fontSize","typography","pxToRem","justifySelf","StoredNotifications","dispatch","useDispatch","notifications","useSelector","state","selectWarningsAndErrors","appNotifications","selectedNotificationIds","setSelectedNotificationIds","useState","allNotificationsSelected","every","notification","includes","id","lastReadTimestamp","useRef","selectLastReadTimestamp","useStyles2","useEffectOnce","readAllNotifications","length","noNotifsWrapper","Icon","name","size","wrapper","Alert","topRow","event","handleAllCheckboxToggle","isChecked","target","checked","map","n","Button","disabled","clearAllNotifications","forEach","clearNotification","list","notif","listItem","cx","newItem","current","handleCheckboxToggle","prevState","filter","notificationId","gap","spacing","listStyle","position","content","height","left","top","background","gradients","brandVertical","width","borderRadius","shape","mapStateToProps","navModel","getNavModel","navIndex","NotificationsPage","connect","undefined","Page","cloneObject","dirtyObject","TypeError","property","Object","prototype","hasOwnProperty","call","MINUTES_IN_DAY","MINUTES_IN_MONTH","formatDistance","dirtyBaseDate","options","locale","RangeError","comparison","compareAsc","isNaN","dateLeft","dateRight","localizeOptions","Boolean","toDate","months","seconds","differenceInSeconds","offsetInSeconds","getTimezoneOffsetInMilliseconds","minutes","Math","round","includeSeconds","hours","days","differenceInMonths","nearestMonth","monthsSinceStartOfYear","years","floor"],"sourceRoot":""}
|
