@finsemble/finsemble-ui 6.1.4 → 6.3.0-beta.20211008

package/react/components/notifications/components/views/CardView.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardView.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/views/CardView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useEffect } from \"react\";\r\nimport { isToday, isYesterday, isThisWeek } from \"date-fns\";\r\n\r\n// Types\r\nimport { INotification } from \"common/notifications/definitions/INotification\";\r\nimport { NotificationCardViewProps } from \"../../types\";\r\n\r\n// Context\r\nimport { NotificationsContext } from \"../../notificationsContext\";\r\n\r\n// Components\r\nimport { NotificationCardShell } from \"../shared/NotificationCardShell\";\r\nimport NoNotifications from \"../NoNotifications\";\r\n\r\n// Utils\r\nimport { getActiveFilter, searchNotifications } from \"../../utils\";\r\n\r\nenum Periods {\r\n\tTODAY = \"today\",\r\n\tTHIS_WEEK = \"thisWeek\",\r\n\tYESTERDAY = \"yesterday\",\r\n\tOLDER = \"older\",\r\n}\r\n\r\nconst isEmpty = (byPeriodNotifications: Record<Periods, INotification[]>, accountForSnooze: boolean) => {\r\n\tif (accountForSnooze) {\r\n\t\treturn Object.values(byPeriodNotifications).every((value: INotification[]) => {\r\n\t\t\treturn value.length === 0;\r\n\t\t});\r\n\t} else {\r\n\t\treturn Object.values(byPeriodNotifications).every((value: INotification[]) => {\r\n\t\t\treturn value.length === 0 || value.filter((notification: INotification) => !notification.isSnoozed).length === 0;\r\n\t\t});\r\n\t}\r\n};\r\n\r\nexport const CardView: React.FunctionComponent<NotificationCardViewProps> = (props: NotificationCardViewProps) => {\r\n\tconst { notifications } = props;\r\n\r\n\tconst notificationsContext = useContext(NotificationsContext);\r\n\tconst { drawerControlProps, searchString, filteredNotifications, setFilteredNotifications } = notificationsContext;\r\n\tconst activeFilter = getActiveFilter(drawerControlProps);\r\n\r\n\tconst byPeriodNotifications: Record<Periods, INotification[]> = {\r\n\t\ttoday: [],\r\n\t\tyesterday: [],\r\n\t\tthisWeek: [],\r\n\t\tolder: [],\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tif (searchString === \"\") {\r\n\t\t\tsetFilteredNotifications(notifications);\r\n\t\t} else {\r\n\t\t\tsetFilteredNotifications(searchNotifications(notifications, searchString));\r\n\t\t}\r\n\t}, [searchString, notifications]);\r\n\r\n\tconst controlFilteredNotifications = activeFilter ? activeFilter.run?.(filteredNotifications) : [];\r\n\r\n\tcontrolFilteredNotifications.reduce((accumulator: any, notification: INotification) => {\r\n\t\tconst notificationDate: number = Date.parse(notification.issuedAt);\r\n\t\tif (isToday(notificationDate)) {\r\n\t\t\taccumulator.today.push(notification);\r\n\t\t} else if (isYesterday(notificationDate)) {\r\n\t\t\taccumulator.yesterday.push(notification);\r\n\t\t} else if (isThisWeek(notificationDate)) {\r\n\t\t\taccumulator.thisWeek.push(notification);\r\n\t\t} else {\r\n\t\t\taccumulator.older.push(notification);\r\n\t\t}\r\n\t\treturn accumulator;\r\n\t}, byPeriodNotifications);\r\n\r\n\tconst NotificationCardComponent = props.notificationCard ? props.notificationCard : NotificationCardShell;\r\n\r\n\tconst renderSeparatorLabel = (period: string) => {\r\n\t\tif (period === Periods.TODAY) {\r\n\t\t\treturn <p className=\"notification-day\">Today</p>;\r\n\t\t} else if (period === Periods.YESTERDAY) {\r\n\t\t\treturn <p className=\"notification-day\">Yesterday</p>;\r\n\t\t} else if (period === Periods.THIS_WEEK) {\r\n\t\t\treturn <p className=\"notification-day\">This Week</p>;\r\n\t\t} else {\r\n\t\t\treturn <p className=\"notification-day\">Older</p>;\r\n\t\t}\r\n\t};\r\n\r\n\tconst renderNotificationsBlock = (period: Periods) => {\r\n\t\treturn byPeriodNotifications[period]\r\n\t\t\t.sort((a: INotification, b: INotification) => {\r\n\t\t\t\treturn Date.parse(b.issuedAt) - Date.parse(a.issuedAt);\r\n\t\t\t})\r\n\t\t\t.filter((notification) => (activeFilter.action === \"snoozed\" ? notification.isSnoozed : !notification.isSnoozed))\r\n\t\t\t.map((notification, index) => {\r\n\t\t\t\tconst id = notification.id || index.toString();\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<div key={id}>\r\n\t\t\t\t\t\t{index === 0 ? renderSeparatorLabel(period) : null}\r\n\t\t\t\t\t\t<NotificationCardComponent notification={notification} removeNotification={() => {}} uiContext={\"center\"} />\r\n\t\t\t\t\t\t<div className=\"divider\">&nbsp;</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t};\r\n\r\n\treturn isEmpty(byPeriodNotifications, activeFilter.action === \"snoozed\") ? (\r\n\t\t<NoNotifications />\r\n\t) : (\r\n\t\t<>\r\n\t\t\t{Object.keys(byPeriodNotifications).map((period) => {\r\n\t\t\t\treturn renderNotificationsBlock(period as Periods);\r\n\t\t\t})}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default CardView;\r\n"]}
+{"version":3,"file":"CardView.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/views/CardView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useEffect } from \"react\";\r\nimport { isToday, isYesterday, isThisWeek } from \"date-fns\";\r\n\r\n// Types\r\nimport { NotificationCardViewProps } from \"../../types\";\r\n\r\n// Context\r\nimport { NotificationsContext } from \"../../notificationsContext\";\r\n\r\n// Components\r\nimport { NotificationCardShell } from \"../shared/NotificationCardShell\";\r\nimport NoNotifications from \"../NoNotifications\";\r\n\r\n// Utils\r\nimport { getActiveFilter, searchNotifications } from \"../../utils\";\r\n\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype INotification = services.notification.types.INotification;\r\n\r\nenum Periods {\r\n\tTODAY = \"today\",\r\n\tTHIS_WEEK = \"thisWeek\",\r\n\tYESTERDAY = \"yesterday\",\r\n\tOLDER = \"older\",\r\n}\r\n\r\nconst isEmpty = (byPeriodNotifications: Record<Periods, INotification[]>, accountForSnooze: boolean) => {\r\n\tif (accountForSnooze) {\r\n\t\treturn Object.values(byPeriodNotifications).every((value: INotification[]) => value.length === 0);\r\n\t} else {\r\n\t\treturn Object.values(byPeriodNotifications).every(\r\n\t\t\t(value: INotification[]) =>\r\n\t\t\t\tvalue.length === 0 || value.filter((notification: INotification) => !notification.isSnoozed).length === 0\r\n\t\t);\r\n\t}\r\n};\r\n\r\nexport const CardView: React.FunctionComponent<NotificationCardViewProps> = (props: NotificationCardViewProps) => {\r\n\tconst { notifications } = props;\r\n\r\n\tconst notificationsContext = useContext(NotificationsContext);\r\n\tconst { drawerControlProps, searchString, filteredNotifications, setFilteredNotifications } = notificationsContext;\r\n\tconst activeFilter = getActiveFilter(drawerControlProps);\r\n\r\n\tconst byPeriodNotifications: Record<Periods, INotification[]> = {\r\n\t\ttoday: [],\r\n\t\tyesterday: [],\r\n\t\tthisWeek: [],\r\n\t\tolder: [],\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tif (searchString === \"\") {\r\n\t\t\tsetFilteredNotifications(notifications);\r\n\t\t} else {\r\n\t\t\tsetFilteredNotifications(searchNotifications(notifications, searchString));\r\n\t\t}\r\n\t}, [searchString, notifications]);\r\n\r\n\tconst controlFilteredNotifications = activeFilter ? activeFilter.run?.(filteredNotifications) : [];\r\n\r\n\tcontrolFilteredNotifications.reduce((accumulator: any, notification: INotification) => {\r\n\t\tconst notificationDate: number = Date.parse(notification.issuedAt);\r\n\t\tif (isToday(notificationDate)) {\r\n\t\t\taccumulator.today.push(notification);\r\n\t\t} else if (isYesterday(notificationDate)) {\r\n\t\t\taccumulator.yesterday.push(notification);\r\n\t\t} else if (isThisWeek(notificationDate)) {\r\n\t\t\taccumulator.thisWeek.push(notification);\r\n\t\t} else {\r\n\t\t\taccumulator.older.push(notification);\r\n\t\t}\r\n\t\treturn accumulator;\r\n\t}, byPeriodNotifications);\r\n\r\n\tconst NotificationCardComponent = props.notificationCard ? props.notificationCard : NotificationCardShell;\r\n\r\n\tconst renderSeparatorLabel = (period: string) => {\r\n\t\tif (period === Periods.TODAY) {\r\n\t\t\treturn <p className=\"notification-day\">Today</p>;\r\n\t\t} else if (period === Periods.YESTERDAY) {\r\n\t\t\treturn <p className=\"notification-day\">Yesterday</p>;\r\n\t\t} else if (period === Periods.THIS_WEEK) {\r\n\t\t\treturn <p className=\"notification-day\">This Week</p>;\r\n\t\t} else {\r\n\t\t\treturn <p className=\"notification-day\">Older</p>;\r\n\t\t}\r\n\t};\r\n\r\n\tconst renderNotificationsBlock = (period: Periods) =>\r\n\t\tbyPeriodNotifications[period]\r\n\t\t\t.sort((a: INotification, b: INotification) => Date.parse(b.issuedAt) - Date.parse(a.issuedAt))\r\n\t\t\t.filter((notification) => (activeFilter.action === \"snoozed\" ? notification.isSnoozed : !notification.isSnoozed))\r\n\t\t\t.map((notification, index) => {\r\n\t\t\t\tconst id = notification.id || index.toString();\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<div key={id}>\r\n\t\t\t\t\t\t{index === 0 ? renderSeparatorLabel(period) : null}\r\n\t\t\t\t\t\t<NotificationCardComponent notification={notification} removeNotification={() => {}} uiContext={\"center\"} />\r\n\t\t\t\t\t\t<div className=\"divider\">&nbsp;</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t});\r\n\r\n\treturn isEmpty(byPeriodNotifications, activeFilter.action === \"snoozed\") ? (\r\n\t\t<NoNotifications />\r\n\t) : (\r\n\t\t<>{Object.keys(byPeriodNotifications).map((period) => renderNotificationsBlock(period as Periods))}</>\r\n\t);\r\n};\r\n\r\nexport default CardView;\r\n"]}

package/react/components/notifications/components/views/ListView.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="finsemble-core" />
 import React from "react";
-import { INotification } from "common/notifications/definitions/INotification";
 import { NotificationListViewProps } from "../../types";
+import { services } from "@finsemble/finsemble-core";
+declare type INotification = services.notification.types.INotification;
 export declare type NotificationListRowPropType = {
     notification: INotification;
     newNotificationHaloPeriodSeconds: number;

package/react/components/notifications/components/views/ListView.js

@@ -6,8 +6,8 @@ import NoNotifications from "../NoNotifications";
 import OverflowMenu, { OverflowMenuActions, renderOverflowMenuAction } from "../shared/OverflowMenu";
 import { CheckButton } from "../shared/CheckButton";
 import { getActiveFilter, getMostRecentAction, isNewNotification, isReNotification, searchNotifications, } from "../../utils";
-import { SelectionMode } from "../../constants";
 import { NotificationCardHeaderLogo } from "../shared/notificationCard/NotificationCardHeaderLogo";
+import { SelectionMode } from "../../constants";
 const ListHeaderComponent = () => (React.createElement("div", { className: "list-header__container" },
     React.createElement("div", { className: "list-header_cell" }, "Received"),
     React.createElement("div", { className: "list-header_cell" }, "App"),
@@ -15,9 +15,9 @@ const ListHeaderComponent = () => (React.createElement("div", { className: "list
     React.createElement("div", { className: "list-header_cell" }, "")));
 export const NotificationListRowShell = ({ notification, newNotificationHaloPeriodSeconds, children, }) => {
     const notificationsContext = useContext(NotificationsContext);
-    const { setSelectedNotification, muteFilters, selectionMode, checkedNotifications } = notificationsContext;
+    const { setSelectedNotification, muteFilters, selectionMode } = notificationsContext;
     const [overflowMenuOpen, setOverflowMenuOpen] = useState(false);
-    const toggleOverflowMenu = (event) => {
+    const toggleOverflowMenu = () => {
         setOverflowMenuOpen(!overflowMenuOpen);
     };
     const [isNew, setIsNew] = useState(isNewNotification(notification, newNotificationHaloPeriodSeconds));
@@ -50,10 +50,11 @@ export const NotificationListRowShell = ({ notification, newNotificationHaloPeri
         if (isReNotification(notification, newNotificationHaloPeriodSeconds)) {
             const mostRecentAction = getMostRecentAction(notification);
             if (mostRecentAction) {
+                const { datePerformed } = mostRecentAction;
                 setWokeFromSnooze(true);
                 isRenotificationTimerId = setTimeout(() => {
                     setWokeFromSnooze(false);
-                }, differenceInMilliseconds(addSeconds(parseISO(mostRecentAction.datePerformed), newNotificationHaloPeriodSeconds), Date.now()));
+                }, differenceInMilliseconds(addSeconds(parseISO(datePerformed), newNotificationHaloPeriodSeconds), Date.now()));
             }
         }
         else {
@@ -65,8 +66,8 @@ export const NotificationListRowShell = ({ notification, newNotificationHaloPeri
         };
     }, [newNotificationHaloPeriodSeconds, notification]);
     const overFlowActions = Object.assign({}, OverflowMenuActions);
-    overFlowActions.DETAILS.action = (notification) => {
-        setSelectedNotification(notification);
+    overFlowActions.DETAILS.action = (detailNotification) => {
+        setSelectedNotification(detailNotification);
     };
     delete overFlowActions.DISMISS;
     useEffect(() => {
@@ -102,6 +103,7 @@ export const NotificationListRowShell = ({ notification, newNotificationHaloPeri
                 React.createElement(IconButton, { iconName: "ff-dots-vert", tooltip: "Options", clickHandler: toggleOverflowMenu }, overflowMenuOpen ? React.createElement(OverflowMenu, { closeSelf: setOverflowMenuOpen }, menuActions) : null)))));
 };
 const ListView = ({ notificationHeaderRow, notificationListRow, notifications, }) => {
+    var _a;
     const notificationsContext = useContext(NotificationsContext);
     const { drawerControlProps, searchString, filteredNotifications, setFilteredNotifications } = notificationsContext;
     const activeFilter = getActiveFilter(drawerControlProps);
@@ -124,10 +126,8 @@ const ListView = ({ notificationHeaderRow, notificationListRow, notifications, }
             setFilteredNotifications(searchNotifications(notifications, searchString));
         }
     }, [searchString, notifications]);
-    let controlFilteredNotifications = activeFilter ? activeFilter.run?.(filteredNotifications) : [];
-    controlFilteredNotifications.sort((a, b) => {
-        return Date.parse(b.issuedAt) - Date.parse(a.issuedAt);
-    });
+    let controlFilteredNotifications = activeFilter ? (_a = activeFilter.run) === null || _a === void 0 ? void 0 : _a.call(activeFilter, filteredNotifications) : [];
+    controlFilteredNotifications.sort((a, b) => Date.parse(b.issuedAt) - Date.parse(a.issuedAt));
     controlFilteredNotifications = controlFilteredNotifications.filter((notification) => activeFilter.action === "snoozed" ? notification.isSnoozed : !notification.isSnoozed);
     return controlFilteredNotifications.length === 0 ? (React.createElement(NoNotifications, null)) : (React.createElement(React.Fragment, null,
         React.createElement(NotificationHeaderRow, null),

package/react/components/notifications/components/views/ListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/views/ListView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useState, useEffect } from \"react\";\r\nimport { format, differenceInMilliseconds, parseISO, addSeconds } from \"date-fns\";\r\n\r\n// types\r\nimport { INotification } from \"common/notifications/definitions/INotification\";\r\nimport { NotificationListViewProps } from \"../../types\";\r\nimport IPerformedAction from \"common/notifications/definitions/IPerformedAction\";\r\n\r\n// Context\r\nimport { NotificationsContext } from \"../../notificationsContext\";\r\n\r\n// Components\r\nimport IconButton from \"../shared/IconButton\";\r\nimport NoNotifications from \"../NoNotifications\";\r\nimport OverflowMenu, { OverflowMenuActions, renderOverflowMenuAction } from \"../shared/OverflowMenu\";\r\nimport { CheckButton } from \"../shared/CheckButton\";\r\n\r\n// Utils\r\nimport {\r\n\tgetActiveFilter,\r\n\tgetMostRecentAction,\r\n\tisNewNotification,\r\n\tisReNotification,\r\n\tsearchNotifications,\r\n} from \"../../utils\";\r\n\r\n// Constants\r\nimport { SelectionMode } from \"../../constants\";\r\n\r\nimport { NotificationCardHeaderLogo } from \"../shared/notificationCard/NotificationCardHeaderLogo\";\r\n\r\nconst ListHeaderComponent = () => (\r\n\t<div className=\"list-header__container\">\r\n\t\t<div className=\"list-header_cell\">Received</div>\r\n\t\t<div className=\"list-header_cell\">App</div>\r\n\t\t<div className=\"list-header_cell\">Content</div>\r\n\t\t<div className=\"list-header_cell\">{\"\"}</div>\r\n\t</div>\r\n);\r\n\r\nexport type NotificationListRowPropType = {\r\n\tnotification: INotification;\r\n\tnewNotificationHaloPeriodSeconds: number;\r\n};\r\n\r\nexport const NotificationListRowShell: React.FunctionComponent<NotificationListRowPropType> = ({\r\n\tnotification,\r\n\tnewNotificationHaloPeriodSeconds,\r\n\tchildren,\r\n}: any) => {\r\n\tconst notificationsContext = useContext(NotificationsContext);\r\n\tconst { setSelectedNotification, muteFilters, selectionMode, checkedNotifications } = notificationsContext;\r\n\tconst [overflowMenuOpen, setOverflowMenuOpen] = useState(false);\r\n\tconst toggleOverflowMenu = (event: React.MouseEvent) => {\r\n\t\tsetOverflowMenuOpen(!overflowMenuOpen);\r\n\t};\r\n\r\n\tconst [isNew, setIsNew] = useState(isNewNotification(notification, newNotificationHaloPeriodSeconds));\r\n\tconst [wokeFromSnooze, setWokeFromSnooze] = useState(\r\n\t\tisReNotification(notification, newNotificationHaloPeriodSeconds)\r\n\t);\r\n\tconst [isMuteFilterApplied, setIsMuteFilterApplied] = useState(\r\n\t\tmuteFilters\r\n\t\t\t? muteFilters.some((filter) => filter.source === notification.source && filter.type === notification.type)\r\n\t\t\t: false\r\n\t);\r\n\r\n\t// effect needed as the newNotificationHaloPeriodSeconds is fecthed asynchronously in the parent component\r\n\t// and sometimes at the first render, this value is still 0\r\n\tuseEffect(() => {\r\n\t\tsetIsNew(isNewNotification(notification, newNotificationHaloPeriodSeconds));\r\n\t}, [newNotificationHaloPeriodSeconds]);\r\n\r\n\tuseEffect(() => {\r\n\t\tlet isNewTimerId: any;\r\n\t\tif (isNew) {\r\n\t\t\tif (notification.isRead) {\r\n\t\t\t\tsetIsNew(false);\r\n\t\t\t\tclearTimeout(isNewTimerId);\r\n\t\t\t} else {\r\n\t\t\t\tisNewTimerId = setTimeout(() => {\r\n\t\t\t\t\tsetIsNew(false);\r\n\t\t\t\t}, differenceInMilliseconds(addSeconds(parseISO(notification.issuedAt), newNotificationHaloPeriodSeconds), Date.now()));\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn () => {\r\n\t\t\tclearTimeout(isNewTimerId);\r\n\t\t};\r\n\t}, [isNew, notification]);\r\n\r\n\tuseEffect(() => {\r\n\t\tlet isRenotificationTimerId: any;\r\n\t\tif (isReNotification(notification, newNotificationHaloPeriodSeconds)) {\r\n\t\t\tconst mostRecentAction: IPerformedAction | null = getMostRecentAction(notification);\r\n\t\t\tif (mostRecentAction) {\r\n\t\t\t\tsetWokeFromSnooze(true);\r\n\t\t\t\tisRenotificationTimerId = setTimeout(() => {\r\n\t\t\t\t\tsetWokeFromSnooze(false);\r\n\t\t\t\t}, differenceInMilliseconds(addSeconds(parseISO(mostRecentAction.datePerformed), newNotificationHaloPeriodSeconds), Date.now()));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tsetWokeFromSnooze(false);\r\n\t\t\tclearTimeout(isRenotificationTimerId);\r\n\t\t}\r\n\t\treturn () => {\r\n\t\t\tclearTimeout(isRenotificationTimerId);\r\n\t\t};\r\n\t}, [newNotificationHaloPeriodSeconds, notification]);\r\n\r\n\tconst overFlowActions = Object.assign({}, OverflowMenuActions);\r\n\toverFlowActions.DETAILS.action = (notification: INotification) => {\r\n\t\tsetSelectedNotification(notification);\r\n\t};\r\n\r\n\tdelete overFlowActions.DISMISS;\r\n\r\n\tuseEffect(() => {\r\n\t\tfunction listenMuteStateChanged(error: any, response: any) {\r\n\t\t\tif (error) {\r\n\t\t\t\tconsole.error(\"FinsembleNotificationsMuteStateChannel: \", error);\r\n\t\t\t} else {\r\n\t\t\t\tconst { data } = response;\r\n\t\t\t\tif (notification.source === data.source && notification.type === data.type) {\r\n\t\t\t\t\tsetIsMuteFilterApplied(data.isMuted);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\r\n\t\treturn () => {\r\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\r\n\t\t};\r\n\t}, []);\r\n\r\n\tconst menuActions = Object.values(overFlowActions).map((value) =>\r\n\t\trenderOverflowMenuAction(notification, value, isMuteFilterApplied)\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={`list-row__container notification-item ${notification.isRead ? \"is-read\" : \"\"} ${\r\n\t\t\t\tisNew || wokeFromSnooze ? \"new\" : \"\"\r\n\t\t\t}\r\n\t\t\t\t${notification.cssClassName ? notification.cssClassName : \"\"}`}\r\n\t\t>\r\n\t\t\t{children ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t{selectionMode === SelectionMode.SELECTION ? (\r\n\t\t\t\t\t\t<div className=\"list-row__cell\">\r\n\t\t\t\t\t\t\t<CheckButton notification={notification} />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<></>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{children}\r\n\t\t\t\t</>\r\n\t\t\t) : (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<div className=\"list-row__cell\">{format(Date.parse(notification.issuedAt), \"dd-MM-yyyy HH:mm\")}</div>\r\n\t\t\t\t\t<div className=\"list-row__cell\">\r\n\t\t\t\t\t\t{selectionMode === SelectionMode.SELECTION ? (\r\n\t\t\t\t\t\t\t<div className=\"list-row__cell\">\r\n\t\t\t\t\t\t\t\t<CheckButton notification={notification} />\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<NotificationCardHeaderLogo headerLogo={notification.headerLogo} />\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"list-row__cell\">{`${notification.title} - ${notification.details}`}</div>\r\n\t\t\t\t</>\r\n\t\t\t)}\r\n\t\t\t<div className=\"list-row__cell\">\r\n\t\t\t\t<span>\r\n\t\t\t\t\t<IconButton iconName=\"ff-dots-vert\" tooltip=\"Options\" clickHandler={toggleOverflowMenu}>\r\n\t\t\t\t\t\t{overflowMenuOpen ? <OverflowMenu closeSelf={setOverflowMenuOpen}>{menuActions}</OverflowMenu> : null}\r\n\t\t\t\t\t</IconButton>\r\n\t\t\t\t</span>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nconst ListView: React.FunctionComponent<NotificationListViewProps> = ({\r\n\tnotificationHeaderRow,\r\n\tnotificationListRow,\r\n\tnotifications,\r\n}) => {\r\n\tconst notificationsContext = useContext(NotificationsContext);\r\n\t// The context will be used to filter the notifications\r\n\tconst { drawerControlProps, searchString, filteredNotifications, setFilteredNotifications } = notificationsContext;\r\n\r\n\tconst activeFilter = getActiveFilter(drawerControlProps);\r\n\r\n\tconst [newNotificationHaloPeriodSeconds, setNotificationHaloPeriodSeconds] = useState(0);\r\n\r\n\tconst NotificationHeaderRow = notificationHeaderRow || ListHeaderComponent;\r\n\tconst NotificationListRow = notificationListRow || NotificationListRowShell;\r\n\r\n\t// Sets the current default preference\r\n\tuseEffect(() => {\r\n\t\tasync function getNotificationsPreferences() {\r\n\t\t\treturn await FSBL.Clients.NotificationClient.getPreferences();\r\n\t\t}\r\n\r\n\t\tgetNotificationsPreferences().then((preferences: any) => {\r\n\t\t\tsetNotificationHaloPeriodSeconds(preferences.newNotificationHaloPeriodSeconds);\r\n\t\t});\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (searchString === \"\") {\r\n\t\t\tsetFilteredNotifications(notifications);\r\n\t\t} else {\r\n\t\t\tsetFilteredNotifications(searchNotifications(notifications, searchString));\r\n\t\t}\r\n\t}, [searchString, notifications]);\r\n\r\n\tlet controlFilteredNotifications = activeFilter ? activeFilter.run?.(filteredNotifications) : [];\r\n\tcontrolFilteredNotifications.sort((a: INotification, b: INotification) => {\r\n\t\treturn Date.parse(b.issuedAt) - Date.parse(a.issuedAt);\r\n\t});\r\n\r\n\tcontrolFilteredNotifications = controlFilteredNotifications.filter((notification: INotification) =>\r\n\t\tactiveFilter.action === \"snoozed\" ? notification.isSnoozed : !notification.isSnoozed\r\n\t);\r\n\r\n\treturn controlFilteredNotifications.length === 0 ? (\r\n\t\t<NoNotifications />\r\n\t) : (\r\n\t\t<>\r\n\t\t\t<NotificationHeaderRow />\r\n\t\t\t{controlFilteredNotifications.map((notification: INotification, index: number) => {\r\n\t\t\t\tconst key = `${index}_${notification.id ? notification.id : notification.issuedAt}`;\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<NotificationListRow\r\n\t\t\t\t\t\tkey={key}\r\n\t\t\t\t\t\tnotification={notification}\r\n\t\t\t\t\t\tnewNotificationHaloPeriodSeconds={newNotificationHaloPeriodSeconds}\r\n\t\t\t\t\t/>\r\n\t\t\t\t);\r\n\t\t\t})}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default ListView;\r\n"]}
+{"version":3,"file":"ListView.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/views/ListView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useState, useEffect } from \"react\";\r\nimport { format, differenceInMilliseconds, parseISO, addSeconds } from \"date-fns\";\r\n\r\n// types\r\nimport { NotificationListViewProps } from \"../../types\";\r\n\r\n// Context\r\nimport { NotificationsContext } from \"../../notificationsContext\";\r\n\r\n// Components\r\nimport IconButton from \"../shared/IconButton\";\r\nimport NoNotifications from \"../NoNotifications\";\r\nimport OverflowMenu, { OverflowMenuActions, renderOverflowMenuAction } from \"../shared/OverflowMenu\";\r\nimport { CheckButton } from \"../shared/CheckButton\";\r\n\r\n// Utils\r\nimport {\r\n\tgetActiveFilter,\r\n\tgetMostRecentAction,\r\n\tisNewNotification,\r\n\tisReNotification,\r\n\tsearchNotifications,\r\n} from \"../../utils\";\r\n\r\nimport { NotificationCardHeaderLogo } from \"../shared/notificationCard/NotificationCardHeaderLogo\";\r\n\r\n// Constants\r\nimport { SelectionMode } from \"../../constants\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype INotification = services.notification.types.INotification;\r\ntype IPerformedAction = services.notification.types.IPerformedAction;\r\n\r\nconst ListHeaderComponent = () => (\r\n\t<div className=\"list-header__container\">\r\n\t\t<div className=\"list-header_cell\">Received</div>\r\n\t\t<div className=\"list-header_cell\">App</div>\r\n\t\t<div className=\"list-header_cell\">Content</div>\r\n\t\t<div className=\"list-header_cell\">{\"\"}</div>\r\n\t</div>\r\n);\r\n\r\nexport type NotificationListRowPropType = {\r\n\tnotification: INotification;\r\n\tnewNotificationHaloPeriodSeconds: number;\r\n};\r\n\r\nexport const NotificationListRowShell: React.FunctionComponent<NotificationListRowPropType> = ({\r\n\tnotification,\r\n\tnewNotificationHaloPeriodSeconds,\r\n\tchildren,\r\n}: any) => {\r\n\tconst notificationsContext = useContext(NotificationsContext);\r\n\tconst { setSelectedNotification, muteFilters, selectionMode } = notificationsContext;\r\n\tconst [overflowMenuOpen, setOverflowMenuOpen] = useState(false);\r\n\tconst toggleOverflowMenu = () => {\r\n\t\tsetOverflowMenuOpen(!overflowMenuOpen);\r\n\t};\r\n\r\n\tconst [isNew, setIsNew] = useState(isNewNotification(notification, newNotificationHaloPeriodSeconds));\r\n\tconst [wokeFromSnooze, setWokeFromSnooze] = useState(\r\n\t\tisReNotification(notification, newNotificationHaloPeriodSeconds)\r\n\t);\r\n\tconst [isMuteFilterApplied, setIsMuteFilterApplied] = useState(\r\n\t\tmuteFilters\r\n\t\t\t? muteFilters.some((filter) => filter.source === notification.source && filter.type === notification.type)\r\n\t\t\t: false\r\n\t);\r\n\r\n\t// effect needed as the newNotificationHaloPeriodSeconds is fecthed asynchronously in the parent component\r\n\t// and sometimes at the first render, this value is still 0\r\n\tuseEffect(() => {\r\n\t\tsetIsNew(isNewNotification(notification, newNotificationHaloPeriodSeconds));\r\n\t}, [newNotificationHaloPeriodSeconds]);\r\n\r\n\tuseEffect(() => {\r\n\t\tlet isNewTimerId: any;\r\n\t\tif (isNew) {\r\n\t\t\tif (notification.isRead) {\r\n\t\t\t\tsetIsNew(false);\r\n\t\t\t\tclearTimeout(isNewTimerId);\r\n\t\t\t} else {\r\n\t\t\t\tisNewTimerId = setTimeout(() => {\r\n\t\t\t\t\tsetIsNew(false);\r\n\t\t\t\t}, differenceInMilliseconds(addSeconds(parseISO(notification.issuedAt), newNotificationHaloPeriodSeconds), Date.now()));\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn () => {\r\n\t\t\tclearTimeout(isNewTimerId);\r\n\t\t};\r\n\t}, [isNew, notification]);\r\n\r\n\tuseEffect(() => {\r\n\t\tlet isRenotificationTimerId: any;\r\n\t\tif (isReNotification(notification, newNotificationHaloPeriodSeconds)) {\r\n\t\t\tconst mostRecentAction: IPerformedAction | null = getMostRecentAction(notification);\r\n\t\t\tif (mostRecentAction) {\r\n\t\t\t\tconst { datePerformed } = mostRecentAction;\r\n\t\t\t\tsetWokeFromSnooze(true);\r\n\t\t\t\tisRenotificationTimerId = setTimeout(() => {\r\n\t\t\t\t\tsetWokeFromSnooze(false);\r\n\t\t\t\t}, differenceInMilliseconds(addSeconds(parseISO(datePerformed), newNotificationHaloPeriodSeconds), Date.now()));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tsetWokeFromSnooze(false);\r\n\t\t\tclearTimeout(isRenotificationTimerId);\r\n\t\t}\r\n\t\treturn () => {\r\n\t\t\tclearTimeout(isRenotificationTimerId);\r\n\t\t};\r\n\t}, [newNotificationHaloPeriodSeconds, notification]);\r\n\r\n\tconst overFlowActions = Object.assign({}, OverflowMenuActions);\r\n\toverFlowActions.DETAILS.action = (detailNotification: INotification) => {\r\n\t\tsetSelectedNotification(detailNotification);\r\n\t};\r\n\r\n\tdelete overFlowActions.DISMISS;\r\n\r\n\tuseEffect(() => {\r\n\t\tfunction listenMuteStateChanged(error: any, response: any) {\r\n\t\t\tif (error) {\r\n\t\t\t\tconsole.error(\"FinsembleNotificationsMuteStateChannel: \", error);\r\n\t\t\t} else {\r\n\t\t\t\tconst { data } = response;\r\n\t\t\t\tif (notification.source === data.source && notification.type === data.type) {\r\n\t\t\t\t\tsetIsMuteFilterApplied(data.isMuted);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\r\n\t\treturn () => {\r\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\r\n\t\t};\r\n\t}, []);\r\n\r\n\tconst menuActions = Object.values(overFlowActions).map((value) =>\r\n\t\trenderOverflowMenuAction(notification, value, isMuteFilterApplied)\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={`list-row__container notification-item ${notification.isRead ? \"is-read\" : \"\"} ${\r\n\t\t\t\tisNew || wokeFromSnooze ? \"new\" : \"\"\r\n\t\t\t}\r\n\t\t\t\t${notification.cssClassName ? notification.cssClassName : \"\"}`}\r\n\t\t>\r\n\t\t\t{children ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t{selectionMode === SelectionMode.SELECTION ? (\r\n\t\t\t\t\t\t<div className=\"list-row__cell\">\r\n\t\t\t\t\t\t\t<CheckButton notification={notification} />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<></>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{children}\r\n\t\t\t\t</>\r\n\t\t\t) : (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<div className=\"list-row__cell\">{format(Date.parse(notification.issuedAt), \"dd-MM-yyyy HH:mm\")}</div>\r\n\t\t\t\t\t<div className=\"list-row__cell\">\r\n\t\t\t\t\t\t{selectionMode === SelectionMode.SELECTION ? (\r\n\t\t\t\t\t\t\t<div className=\"list-row__cell\">\r\n\t\t\t\t\t\t\t\t<CheckButton notification={notification} />\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<NotificationCardHeaderLogo headerLogo={notification.headerLogo} />\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"list-row__cell\">{`${notification.title} - ${notification.details}`}</div>\r\n\t\t\t\t</>\r\n\t\t\t)}\r\n\t\t\t<div className=\"list-row__cell\">\r\n\t\t\t\t<span>\r\n\t\t\t\t\t<IconButton iconName=\"ff-dots-vert\" tooltip=\"Options\" clickHandler={toggleOverflowMenu}>\r\n\t\t\t\t\t\t{overflowMenuOpen ? <OverflowMenu closeSelf={setOverflowMenuOpen}>{menuActions}</OverflowMenu> : null}\r\n\t\t\t\t\t</IconButton>\r\n\t\t\t\t</span>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nconst ListView: React.FunctionComponent<NotificationListViewProps> = ({\r\n\tnotificationHeaderRow,\r\n\tnotificationListRow,\r\n\tnotifications,\r\n}) => {\r\n\tconst notificationsContext = useContext(NotificationsContext);\r\n\t// The context will be used to filter the notifications\r\n\tconst { drawerControlProps, searchString, filteredNotifications, setFilteredNotifications } = notificationsContext;\r\n\r\n\tconst activeFilter = getActiveFilter(drawerControlProps);\r\n\r\n\tconst [newNotificationHaloPeriodSeconds, setNotificationHaloPeriodSeconds] = useState(0);\r\n\r\n\tconst NotificationHeaderRow = notificationHeaderRow || ListHeaderComponent;\r\n\tconst NotificationListRow = notificationListRow || NotificationListRowShell;\r\n\r\n\t// Sets the current default preference\r\n\tuseEffect(() => {\r\n\t\tasync function getNotificationsPreferences() {\r\n\t\t\treturn await FSBL.Clients.NotificationClient.getPreferences();\r\n\t\t}\r\n\r\n\t\tgetNotificationsPreferences().then((preferences: any) => {\r\n\t\t\tsetNotificationHaloPeriodSeconds(preferences.newNotificationHaloPeriodSeconds);\r\n\t\t});\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (searchString === \"\") {\r\n\t\t\tsetFilteredNotifications(notifications);\r\n\t\t} else {\r\n\t\t\tsetFilteredNotifications(searchNotifications(notifications, searchString));\r\n\t\t}\r\n\t}, [searchString, notifications]);\r\n\r\n\tlet controlFilteredNotifications = activeFilter ? activeFilter.run?.(filteredNotifications) : [];\r\n\tcontrolFilteredNotifications.sort(\r\n\t\t(a: INotification, b: INotification) => Date.parse(b.issuedAt) - Date.parse(a.issuedAt)\r\n\t);\r\n\r\n\tcontrolFilteredNotifications = controlFilteredNotifications.filter((notification: INotification) =>\r\n\t\tactiveFilter.action === \"snoozed\" ? notification.isSnoozed : !notification.isSnoozed\r\n\t);\r\n\r\n\treturn controlFilteredNotifications.length === 0 ? (\r\n\t\t<NoNotifications />\r\n\t) : (\r\n\t\t<>\r\n\t\t\t<NotificationHeaderRow />\r\n\t\t\t{controlFilteredNotifications.map((notification: INotification, index: number) => {\r\n\t\t\t\tconst key = `${index}_${notification.id ? notification.id : notification.issuedAt}`;\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<NotificationListRow\r\n\t\t\t\t\t\tkey={key}\r\n\t\t\t\t\t\tnotification={notification}\r\n\t\t\t\t\t\tnewNotificationHaloPeriodSeconds={newNotificationHaloPeriodSeconds}\r\n\t\t\t\t\t/>\r\n\t\t\t\t);\r\n\t\t\t})}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default ListView;\r\n"]}

package/react/components/notifications/components/views/NotificationDetailsView.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="finsemble-core" />
 import React from "react";
-import { INotification } from "common/notifications/definitions/INotification";
+import { services } from "@finsemble/finsemble-core";
+declare type INotification = services.notification.types.INotification;
 declare const NotificationDetailsView: React.FunctionComponent<{
     notification: INotification | null;
 }>;

package/react/components/notifications/components/views/NotificationDetailsView.js

@@ -1,7 +1,7 @@
 import React, { useContext, useState } from "react";
 import { format } from "date-fns";
 import { NotificationsContext } from "../../notificationsContext";
-import NavigationButton from "../../../shared/NavigationButton";
+import { Button } from "../../../common/Button";
 const translateAction = (actionType) => {
     switch (actionType) {
         case "FINSEMBLE:RECEIVED":
@@ -20,18 +20,14 @@ const translateAction = (actionType) => {
             return actionType;
     }
 };
-const formatTimeStamp = (timestamp, dateFormat = "dd-MM-yyyy HH:mm") => {
-    return format(Date.parse(timestamp), dateFormat);
-};
+const formatTimeStamp = (timestamp, dateFormat = "dd-MM-yyyy HH:mm") => format(Date.parse(timestamp), dateFormat);
 const renderActionHistoryItems = (notificationActionsHistory) => {
     if (!notificationActionsHistory || notificationActionsHistory.length === 0) {
         return React.createElement("span", null, "No actions to display");
     }
     else {
         return notificationActionsHistory
-            .sort((a, b) => {
-            return Date.parse(b.datePerformed) - Date.parse(a.datePerformed);
-        })
+            .sort((a, b) => Date.parse(b.datePerformed) - Date.parse(a.datePerformed))
             .map((actionHistoryItem, index) => {
             const performedAction = actionHistoryItem;
             return (React.createElement("div", { key: performedAction.id || index, className: "notification-details__performed-action" },
@@ -47,7 +43,8 @@ const NotificationDetailsView = ({ notification }) => {
         notificationsContext.setSelectedNotification(null);
     };
     return notification ? (React.createElement("div", { className: "notifications-details__container" },
-        React.createElement(NavigationButton, { clickHandler: () => goBack(), buttonLabel: "Back", caretLocation: "left", direction: "left" }),
+        React.createElement("div", { style: { paddingRight: 8, marginLeft: -3 } },
+            React.createElement(Button, { onClick: () => goBack(), fashion: "primary", iconBefore: "chevron-left", text: "Back" })),
         React.createElement("div", { className: "notification-details__header" },
             React.createElement("img", { src: notification.headerLogo, style: showDefaultIcon ? { display: "none" } : {}, onError: () => setShowDefaultIcon(true) }),
             showDefaultIcon ? React.createElement("i", { className: "ff-finsemble default-img" }) : null,

package/react/components/notifications/components/views/NotificationDetailsView.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationDetailsView.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/views/NotificationDetailsView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useState } from \"react\";\r\nimport { format } from \"date-fns\";\r\n\r\nimport { INotification } from \"common/notifications/definitions/INotification\";\r\nimport { NotificationsContext } from \"../../notificationsContext\";\r\nimport IPerformedAction from \"common/notifications/definitions/IPerformedAction\";\r\nimport NavigationButton from \"../../../shared/NavigationButton\";\r\n\r\nconst translateAction = (actionType: string): string => {\r\n\t// TODO: Make these constants or type\r\n\tswitch (actionType) {\r\n\t\tcase \"FINSEMBLE:RECEIVED\":\r\n\t\t\treturn \"Notification received\";\r\n\r\n\t\tcase \"FINSEMBLE:READ\":\r\n\t\t\treturn \"Notification marked as read\";\r\n\r\n\t\tcase \"FINSEMBLE:UNREAD\":\r\n\t\t\treturn \"Notification marked as unread\";\r\n\r\n\t\tcase \"SNOOZE\":\r\n\t\t\treturn \"Snoozed\";\r\n\r\n\t\tcase \"FINSEMBLE:WAKE\":\r\n\t\t\treturn \"Renotified\";\r\n\r\n\t\tcase \"SPAWN\":\r\n\t\t\treturn \"Action: Spawn\";\r\n\r\n\t\tdefault:\r\n\t\t\treturn actionType;\r\n\t}\r\n};\r\n\r\nconst formatTimeStamp = (timestamp: string, dateFormat = \"dd-MM-yyyy HH:mm\") => {\r\n\treturn format(Date.parse(timestamp), dateFormat);\r\n};\r\n\r\nconst renderActionHistoryItems = (notificationActionsHistory: IPerformedAction[] | undefined) => {\r\n\tif (!notificationActionsHistory || notificationActionsHistory.length === 0) {\r\n\t\treturn <span>No actions to display</span>;\r\n\t} else {\r\n\t\treturn notificationActionsHistory\r\n\t\t\t.sort((a: IPerformedAction, b: IPerformedAction) => {\r\n\t\t\t\treturn Date.parse(b.datePerformed) - Date.parse(a.datePerformed);\r\n\t\t\t})\r\n\t\t\t.map((actionHistoryItem, index) => {\r\n\t\t\t\tconst performedAction = actionHistoryItem as IPerformedAction;\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<div key={performedAction.id || index} className=\"notification-details__performed-action\">\r\n\t\t\t\t\t\t<span className=\"notification-details__performed-action-timestamp\">\r\n\t\t\t\t\t\t\t{formatTimeStamp(performedAction.datePerformed, \"HH:mm dd-MM-yyyy\")}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span className=\"notification-details__performed-action-translated\">\r\n\t\t\t\t\t\t\t{translateAction(performedAction.type)}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t}\r\n};\r\n\r\nconst NotificationDetailsView: React.FunctionComponent<{ notification: INotification | null }> = ({ notification }) => {\r\n\tconst notificationsContext = useContext(NotificationsContext);\r\n\tconst [showDefaultIcon, setShowDefaultIcon] = useState(false);\r\n\r\n\tconst goBack = () => {\r\n\t\tnotificationsContext.setSelectedNotification(null);\r\n\t};\r\n\r\n\treturn notification ? (\r\n\t\t<div className=\"notifications-details__container\">\r\n\t\t\t<NavigationButton clickHandler={() => goBack()} buttonLabel=\"Back\" caretLocation=\"left\" direction=\"left\" />\r\n\t\t\t<div className=\"notification-details__header\">\r\n\t\t\t\t<img\r\n\t\t\t\t\tsrc={notification.headerLogo}\r\n\t\t\t\t\tstyle={showDefaultIcon ? { display: \"none\" } : {}}\r\n\t\t\t\t\tonError={() => setShowDefaultIcon(true)}\r\n\t\t\t\t/>\r\n\t\t\t\t{showDefaultIcon ? <i className=\"ff-finsemble default-img\" /> : null}\r\n\t\t\t\t<div className=\"notification-card__title\">{notification.title}</div>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"notification-details__body\">{notification.details}</div>\r\n\t\t\t<div className=\"notification-details__section\">\r\n\t\t\t\t<div className=\"notification-details__section-title\">History</div>\r\n\t\t\t\t{renderActionHistoryItems(notification.actionsHistory)}\r\n\t\t\t</div>\r\n\t\t\t<div className=\"notification-details__section\">\r\n\t\t\t\t<div className=\"notification-details__section-title\">App</div>\r\n\t\t\t\t{notification.source ? notification.source : \"Uknown\"}\r\n\t\t\t</div>\r\n\t\t\t{notification.type ? (\r\n\t\t\t\t<div className=\"notification-details__section\">\r\n\t\t\t\t\t<div className=\"notification-details__section-title\">Type</div>\r\n\t\t\t\t\t<span className=\"notification-details__section-type-label\">{notification.type}</span>\r\n\t\t\t\t</div>\r\n\t\t\t) : null}\r\n\t\t</div>\r\n\t) : null;\r\n};\r\n\r\nexport default NotificationDetailsView;\r\n"]}
+{"version":3,"file":"NotificationDetailsView.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/views/NotificationDetailsView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useState } from \"react\";\r\nimport { format } from \"date-fns\";\r\n\r\nimport { NotificationsContext } from \"../../notificationsContext\";\r\nimport { Button } from \"../../../common/Button\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype INotification = services.notification.types.INotification;\r\ntype IPerformedAction = services.notification.types.IPerformedAction;\r\n\r\nconst translateAction = (actionType: string): string => {\r\n\t// TODO: Make these constants or type\r\n\tswitch (actionType) {\r\n\t\tcase \"FINSEMBLE:RECEIVED\":\r\n\t\t\treturn \"Notification received\";\r\n\r\n\t\tcase \"FINSEMBLE:READ\":\r\n\t\t\treturn \"Notification marked as read\";\r\n\r\n\t\tcase \"FINSEMBLE:UNREAD\":\r\n\t\t\treturn \"Notification marked as unread\";\r\n\r\n\t\tcase \"SNOOZE\":\r\n\t\t\treturn \"Snoozed\";\r\n\r\n\t\tcase \"FINSEMBLE:WAKE\":\r\n\t\t\treturn \"Renotified\";\r\n\r\n\t\tcase \"SPAWN\":\r\n\t\t\treturn \"Action: Spawn\";\r\n\r\n\t\tdefault:\r\n\t\t\treturn actionType;\r\n\t}\r\n};\r\n\r\nconst formatTimeStamp = (timestamp: string, dateFormat = \"dd-MM-yyyy HH:mm\") =>\r\n\tformat(Date.parse(timestamp), dateFormat);\r\n\r\nconst renderActionHistoryItems = (notificationActionsHistory: IPerformedAction[] | undefined) => {\r\n\tif (!notificationActionsHistory || notificationActionsHistory.length === 0) {\r\n\t\treturn <span>No actions to display</span>;\r\n\t} else {\r\n\t\treturn notificationActionsHistory\r\n\t\t\t.sort((a: IPerformedAction, b: IPerformedAction) => Date.parse(b.datePerformed) - Date.parse(a.datePerformed))\r\n\t\t\t.map((actionHistoryItem, index) => {\r\n\t\t\t\tconst performedAction = actionHistoryItem as IPerformedAction;\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<div key={performedAction.id || index} className=\"notification-details__performed-action\">\r\n\t\t\t\t\t\t<span className=\"notification-details__performed-action-timestamp\">\r\n\t\t\t\t\t\t\t{formatTimeStamp(performedAction.datePerformed, \"HH:mm dd-MM-yyyy\")}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span className=\"notification-details__performed-action-translated\">\r\n\t\t\t\t\t\t\t{translateAction(performedAction.type)}\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t}\r\n};\r\n\r\nconst NotificationDetailsView: React.FunctionComponent<{ notification: INotification | null }> = ({ notification }) => {\r\n\tconst notificationsContext = useContext(NotificationsContext);\r\n\tconst [showDefaultIcon, setShowDefaultIcon] = useState(false);\r\n\r\n\tconst goBack = () => {\r\n\t\tnotificationsContext.setSelectedNotification(null);\r\n\t};\r\n\r\n\treturn notification ? (\r\n\t\t<div className=\"notifications-details__container\">\r\n\t\t\t<div style={{ paddingRight: 8, marginLeft: -3 }}>\r\n\t\t\t\t<Button onClick={() => goBack()} fashion=\"primary\" iconBefore=\"chevron-left\" text=\"Back\" />\r\n\t\t\t</div>\r\n\t\t\t<div className=\"notification-details__header\">\r\n\t\t\t\t<img\r\n\t\t\t\t\tsrc={notification.headerLogo}\r\n\t\t\t\t\tstyle={showDefaultIcon ? { display: \"none\" } : {}}\r\n\t\t\t\t\tonError={() => setShowDefaultIcon(true)}\r\n\t\t\t\t/>\r\n\t\t\t\t{showDefaultIcon ? <i className=\"ff-finsemble default-img\" /> : null}\r\n\t\t\t\t<div className=\"notification-card__title\">{notification.title}</div>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"notification-details__body\">{notification.details}</div>\r\n\t\t\t<div className=\"notification-details__section\">\r\n\t\t\t\t<div className=\"notification-details__section-title\">History</div>\r\n\t\t\t\t{renderActionHistoryItems(notification.actionsHistory)}\r\n\t\t\t</div>\r\n\t\t\t<div className=\"notification-details__section\">\r\n\t\t\t\t<div className=\"notification-details__section-title\">App</div>\r\n\t\t\t\t{notification.source ? notification.source : \"Uknown\"}\r\n\t\t\t</div>\r\n\t\t\t{notification.type ? (\r\n\t\t\t\t<div className=\"notification-details__section\">\r\n\t\t\t\t\t<div className=\"notification-details__section-title\">Type</div>\r\n\t\t\t\t\t<span className=\"notification-details__section-type-label\">{notification.type}</span>\r\n\t\t\t\t</div>\r\n\t\t\t) : null}\r\n\t\t</div>\r\n\t) : null;\r\n};\r\n\r\nexport default NotificationDetailsView;\r\n"]}

package/react/components/notifications/constants.d.ts

@@ -7,3 +7,16 @@ export declare enum SelectionMode {
     SELECTION = 0,
     NO_SELECTION = 1
 }
+export declare type NotificationServiceState = {
+    showDrawer: boolean;
+    showCenter: boolean;
+    poppedOut: boolean;
+    position: number;
+    toasterMonitor: string;
+    mostRecentWindowName?: string;
+    overFlowMenu: {
+        notification: boolean;
+        overflowCount: boolean;
+        clickCoordinates: boolean;
+    };
+};

package/react/components/notifications/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/notifications/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG,iBAAiB,CAAC;AAE5D,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IACnB,uCAAI,CAAA;IACJ,uCAAI,CAAA;AACL,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAED,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACxB,2DAAS,CAAA;IACT,iEAAY,CAAA;AACb,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB","sourcesContent":["export const NOTIFICATIONS_PUBSUB_TOPIC = \"notification-ui\";\r\n\r\nexport enum ViewMode {\r\n\tLIST,\r\n\tCARD,\r\n}\r\n\r\nexport enum SelectionMode {\r\n\tSELECTION,\r\n\tNO_SELECTION,\r\n}\r\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/notifications/constants.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,0BAA0B,GAAG,iBAAiB,CAAC;AAE5D,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IACnB,uCAAI,CAAA;IACJ,uCAAI,CAAA;AACL,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAED,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACxB,2DAAS,CAAA;IACT,iEAAY,CAAA;AACb,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB","sourcesContent":["// @todo, import from core notificationService.ts when that is possible\r\nexport const NOTIFICATIONS_PUBSUB_TOPIC = \"notification-ui\";\r\n\r\nexport enum ViewMode {\r\n\tLIST,\r\n\tCARD,\r\n}\r\n\r\nexport enum SelectionMode {\r\n\tSELECTION,\r\n\tNO_SELECTION,\r\n}\r\n\r\n// @todo, import from core notificationService.ts when that's possible\r\nexport type NotificationServiceState = {\r\n\tshowDrawer: boolean;\r\n\tshowCenter: boolean;\r\n\tpoppedOut: boolean;\r\n\tposition: number;\r\n\ttoasterMonitor: string;\r\n\t/**\r\n\t * Contains the windowName of the most recent UI state change call.\r\n\t */\r\n\tmostRecentWindowName?: string;\r\n\toverFlowMenu: {\r\n\t\tnotification: boolean;\r\n\t\toverflowCount: boolean;\r\n\t\tclickCoordinates: boolean;\r\n\t};\r\n};\r\n"]}

package/react/components/notifications/types.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="finsemble-core" />
 import React from "react";
-import { INotification } from "common/notifications/definitions/INotification";
-import { SpawnParams } from "services/window/Launcher/launcher";
 import { ViewMode, SelectionMode } from "./constants";
-import { INotificationHistoryOptions } from "common/notifications/definitions/INotificationHistoryOptions";
-import IFilter from "common/notifications/definitions/IFilter";
-import IMuteFilter from "common/notifications/definitions/IMuteFilter";
+import { services } from "@finsemble/finsemble-core";
+declare type INotification = services.notification.types.INotification;
+declare type INotificationHistoryOptions = services.notification.types.INotificationHistoryOptions;
+declare type IMuteFilter = services.notification.types.IMuteFilter;
+declare type IFilter = services.notification.types.IFilter;
+declare type SpawnParams = services.window.types.SpawnParams;
 export interface Control {
     action: string;
     label: string;
@@ -82,3 +82,4 @@ export declare type OverFlowMenuAction = {
     action: (notification: INotification) => void;
     label: string;
 };
+export {};

package/react/components/notifications/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/notifications/types.ts"],"names":[],"mappings":"","sourcesContent":["/**\r\n * Notification types\r\n */\r\nimport React from \"react\";\r\nimport { INotification } from \"common/notifications/definitions/INotification\";\r\nimport { SpawnParams } from \"services/window/Launcher/launcher\";\r\nimport { ViewMode, SelectionMode } from \"./constants\";\r\nimport { INotificationHistoryOptions } from \"common/notifications/definitions/INotificationHistoryOptions\";\r\nimport IFilter from \"common/notifications/definitions/IFilter\";\r\nimport IMuteFilter from \"common/notifications/definitions/IMuteFilter\";\r\n\r\nexport interface Control {\r\n\taction: string;\r\n\tlabel: string;\r\n\trun?: Function;\r\n}\r\n\r\nexport interface NotificationCenterControlsProps {\r\n\tcontrols: Array<Control>;\r\n\tactive?: Control[\"action\"];\r\n}\r\n\r\nexport interface INotificationCenterProps {\r\n\tcontrols?: NotificationCenterControlsProps;\r\n\tnotificationCard?: React.ComponentType<any>;\r\n\tnotificationHeaderRow?: React.ComponentType<any>;\r\n\tnotificationListRow?: React.ComponentType<any>;\r\n}\r\n\r\nexport interface INotificationToastsProps {\r\n\tnotificationCard?: React.ComponentType<any>;\r\n}\r\n\r\nexport interface INotificationDetailProps {\r\n\tnotification: INotification;\r\n}\r\n\r\nexport type NotificationListViewProps = {\r\n\tnotifications: INotification[];\r\n\tnotificationListRow?: React.ComponentType<INotificationDetailProps>;\r\n\tnotificationHeaderRow?: React.ComponentType<any>;\r\n};\r\n\r\nexport type NotificationCardViewProps = {\r\n\tnotifications: INotification[];\r\n\tnotificationCard?: React.ComponentType<any>; // A custom component used to render a notification\r\n};\r\n\r\nexport type NotificationsContextType = {\r\n\tviewMode: ViewMode;\r\n\tsetViewMode: React.Dispatch<React.SetStateAction<ViewMode>>;\r\n\tselectionMode: SelectionMode;\r\n\tsetSelectionMode: React.Dispatch<React.SetStateAction<SelectionMode>>;\r\n\tdrawerControlProps: NotificationCenterControlsProps;\r\n\tsetDrawerControlProps: React.Dispatch<React.SetStateAction<NotificationCenterControlsProps>>;\r\n\tselectedNotification: INotification | null;\r\n\tsetSelectedNotification: React.Dispatch<React.SetStateAction<INotification | null>>;\r\n\tsearchString: string;\r\n\tsetSearchString: React.Dispatch<React.SetStateAction<string>>;\r\n\tfilteredNotifications: INotification[];\r\n\tcheckedNotifications: INotification[];\r\n\tsetFilteredNotifications: React.Dispatch<React.SetStateAction<INotification[]>>;\r\n\tmuteFilters: IMuteFilter[];\r\n\tsetMuteFilters: React.Dispatch<React.SetStateAction<IMuteFilter[]>>;\r\n};\r\n\r\n// TODO: Review the fields below when implementing the core notifications functionality.\r\nexport interface NotificationsConfig {\r\n\tfilter?: {\r\n\t\tinclude?: [];\r\n\t\texclude?: [];\r\n\t};\r\n\tposition?: {};\r\n\tanimation?: {\r\n\t\tdisplayDuration: number;\r\n\t\tanimateIn: string;\r\n\t\tanimateOut: string;\r\n\t};\r\n\tisTransparent?: boolean;\r\n\tnotificationsHistory?: { since?: string; filter?: IFilter; options?: INotificationHistoryOptions } | boolean;\r\n\tapplyMuteFilters?: boolean;\r\n\twindowName: string;\r\n}\r\n\r\nexport interface WindowConfig {\r\n\twindow: SpawnParams & NotificationsConfig;\r\n}\r\n\r\nexport type OverFlowMenuAction = {\r\n\tname: string;\r\n\ticon: React.ReactElement;\r\n\taction: (notification: INotification) => void;\r\n\tlabel: string;\r\n};\r\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/notifications/types.ts"],"names":[],"mappings":"","sourcesContent":["/**\r\n * Notification types\r\n */\r\nimport React from \"react\";\r\nimport { ViewMode, SelectionMode } from \"./constants\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype INotification = services.notification.types.INotification;\r\ntype INotificationHistoryOptions = services.notification.types.INotificationHistoryOptions;\r\ntype IMuteFilter = services.notification.types.IMuteFilter;\r\ntype IFilter = services.notification.types.IFilter;\r\ntype SpawnParams = services.window.types.SpawnParams;\r\n\r\nexport interface Control {\r\n\taction: string;\r\n\tlabel: string;\r\n\trun?: Function;\r\n}\r\n\r\nexport interface NotificationCenterControlsProps {\r\n\tcontrols: Array<Control>;\r\n\tactive?: Control[\"action\"];\r\n}\r\n\r\nexport interface INotificationCenterProps {\r\n\tcontrols?: NotificationCenterControlsProps;\r\n\tnotificationCard?: React.ComponentType<any>;\r\n\tnotificationHeaderRow?: React.ComponentType<any>;\r\n\tnotificationListRow?: React.ComponentType<any>;\r\n}\r\n\r\nexport interface INotificationToastsProps {\r\n\tnotificationCard?: React.ComponentType<any>;\r\n}\r\n\r\nexport interface INotificationDetailProps {\r\n\tnotification: INotification;\r\n}\r\n\r\nexport type NotificationListViewProps = {\r\n\tnotifications: INotification[];\r\n\tnotificationListRow?: React.ComponentType<INotificationDetailProps>;\r\n\tnotificationHeaderRow?: React.ComponentType<any>;\r\n};\r\n\r\nexport type NotificationCardViewProps = {\r\n\tnotifications: INotification[];\r\n\tnotificationCard?: React.ComponentType<any>; // A custom component used to render a notification\r\n};\r\n\r\nexport type NotificationsContextType = {\r\n\tviewMode: ViewMode;\r\n\tsetViewMode: React.Dispatch<React.SetStateAction<ViewMode>>;\r\n\tselectionMode: SelectionMode;\r\n\tsetSelectionMode: React.Dispatch<React.SetStateAction<SelectionMode>>;\r\n\tdrawerControlProps: NotificationCenterControlsProps;\r\n\tsetDrawerControlProps: React.Dispatch<React.SetStateAction<NotificationCenterControlsProps>>;\r\n\tselectedNotification: INotification | null;\r\n\tsetSelectedNotification: React.Dispatch<React.SetStateAction<INotification | null>>;\r\n\tsearchString: string;\r\n\tsetSearchString: React.Dispatch<React.SetStateAction<string>>;\r\n\tfilteredNotifications: INotification[];\r\n\tcheckedNotifications: INotification[];\r\n\tsetFilteredNotifications: React.Dispatch<React.SetStateAction<INotification[]>>;\r\n\tmuteFilters: IMuteFilter[];\r\n\tsetMuteFilters: React.Dispatch<React.SetStateAction<IMuteFilter[]>>;\r\n};\r\n\r\n// TODO: Review the fields below when implementing the core notifications functionality.\r\nexport interface NotificationsConfig {\r\n\tfilter?: {\r\n\t\tinclude?: [];\r\n\t\texclude?: [];\r\n\t};\r\n\tposition?: {};\r\n\tanimation?: {\r\n\t\tdisplayDuration: number;\r\n\t\tanimateIn: string;\r\n\t\tanimateOut: string;\r\n\t};\r\n\tisTransparent?: boolean;\r\n\tnotificationsHistory?: { since?: string; filter?: IFilter; options?: INotificationHistoryOptions } | boolean;\r\n\tapplyMuteFilters?: boolean;\r\n\twindowName: string;\r\n}\r\n\r\nexport interface WindowConfig {\r\n\twindow: SpawnParams & NotificationsConfig;\r\n}\r\n\r\nexport type OverFlowMenuAction = {\r\n\tname: string;\r\n\ticon: React.ReactElement;\r\n\taction: (notification: INotification) => void;\r\n\tlabel: string;\r\n};\r\n"]}

package/react/components/notifications/utils.d.ts

@@ -1,10 +1,12 @@
-import { INotification } from "common/notifications/definitions/INotification";
 import { Control, NotificationCenterControlsProps } from "./types";
-import IPerformedAction from "common/notifications/definitions/IPerformedAction";
-import IMuteFilter from "common/notifications/definitions/IMuteFilter";
+import { services } from "@finsemble/finsemble-core";
+declare type INotification = services.notification.types.INotification;
+declare type IMuteFilter = services.notification.types.IMuteFilter;
+declare type IPerformedAction = services.notification.types.IPerformedAction;
+export declare const getMostRecentAction: (notification: INotification) => IPerformedAction | null;
 export declare const isNewNotification: (notification: INotification, newNotificationHaloPeriodSeconds: number) => boolean;
 export declare const isReNotification: (notification: INotification, newNotificationHaloPeriodSeconds: number) => boolean;
 export declare const getActiveFilter: (drawerControlProps: NotificationCenterControlsProps) => Control;
-export declare const getMostRecentAction: (notification: INotification) => IPerformedAction | null;
 export declare const searchNotifications: (notifications: INotification[], searchTerm: string) => INotification[];
 export declare const getMuteFilterFromNotification: (notification: INotification) => IMuteFilter;
+export {};

package/react/components/notifications/utils.js

@@ -1,4 +1,17 @@
 import { parseISO, differenceInSeconds } from "date-fns";
+export const getMostRecentAction = (notification) => {
+    if (!notification || !notification.actionsHistory)
+        return null;
+    let actionHistoryArray = [
+        ...notification.actionsHistory.sort((a, b) => Date.parse(b.datePerformed) - Date.parse(a.datePerformed)),
+    ];
+    if (actionHistoryArray.length > 0) {
+        return actionHistoryArray[0];
+    }
+    else {
+        return null;
+    }
+};
 export const isNewNotification = (notification, newNotificationHaloPeriodSeconds) => {
     const mostRecentAction = getMostRecentAction(notification);
     if ((mostRecentAction && mostRecentAction.type === "FINSEMBLE:READ") ||
@@ -14,24 +27,7 @@ export const isReNotification = (notification, newNotificationHaloPeriodSeconds)
         return false;
     return differenceInSeconds(Date.now(), parseISO(mostRecentAction.datePerformed)) < newNotificationHaloPeriodSeconds;
 };
-export const getActiveFilter = (drawerControlProps) => {
-    return drawerControlProps.controls.filter((control) => control.action === drawerControlProps.active)[0];
-};
-export const getMostRecentAction = (notification) => {
-    if (!notification || !notification.actionsHistory)
-        return null;
-    let actionHistoryArray = [
-        ...notification.actionsHistory.sort((a, b) => {
-            return Date.parse(b.datePerformed) - Date.parse(a.datePerformed);
-        }),
-    ];
-    if (actionHistoryArray.length > 0) {
-        return actionHistoryArray[0];
-    }
-    else {
-        return null;
-    }
-};
+export const getActiveFilter = (drawerControlProps) => drawerControlProps.controls.filter((control) => control.action === drawerControlProps.active)[0];
 const search = (notification, searchField, searchString) => {
     if (searchField) {
         return notification[searchField].toLowerCase().includes(searchString.toLowerCase());
@@ -43,23 +39,21 @@ const search = (notification, searchField, searchString) => {
     }
     return false;
 };
-export const searchNotifications = (notifications, searchTerm) => {
-    return [...notifications].filter((notification) => {
-        const searchTermSplit = searchTerm.split(":");
-        if (searchTermSplit.length === 1) {
-            return search(notification, null, searchTermSplit[0].trim());
+export const searchNotifications = (notifications, searchTerm) => [...notifications].filter((notification) => {
+    const searchTermSplit = searchTerm.split(":");
+    if (searchTermSplit.length === 1) {
+        return search(notification, null, searchTermSplit[0].trim());
+    }
+    else {
+        const field = searchTermSplit[0].trim();
+        if (["title", "details", "source"].includes(field) && notification.hasOwnProperty(field)) {
+            return search(notification, field, searchTermSplit[1].trim());
         }
         else {
-            const field = searchTermSplit[0].trim();
-            if (["title", "details", "source"].includes(field) && notification.hasOwnProperty(field)) {
-                return search(notification, field, searchTermSplit[1].trim());
-            }
-            else {
-                return search(notification, null, searchTermSplit[1].trim());
-            }
+            return search(notification, null, searchTermSplit[1].trim());
         }
-    });
-};
+    }
+});
 export const getMuteFilterFromNotification = (notification) => {
     const muteFilter = {};
     if (notification.source) {

package/react/components/notifications/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/notifications/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { parseISO, differenceInSeconds } from \"date-fns\";\r\n\r\n// Types\r\nimport { INotification } from \"common/notifications/definitions/INotification\";\r\nimport { Control, NotificationCenterControlsProps } from \"./types\";\r\nimport IPerformedAction from \"common/notifications/definitions/IPerformedAction\";\r\nimport IMuteFilter from \"common/notifications/definitions/IMuteFilter\";\r\n\r\nexport const isNewNotification = (notification: INotification, newNotificationHaloPeriodSeconds: number) => {\r\n\tconst mostRecentAction = getMostRecentAction(notification);\r\n\r\n\tif (\r\n\t\t(mostRecentAction && mostRecentAction.type === \"FINSEMBLE:READ\") ||\r\n\t\tnotification.isRead ||\r\n\t\t(notification.actionsHistory && notification.actionsHistory.length > 1)\r\n\t) {\r\n\t\treturn false;\r\n\t}\r\n\treturn differenceInSeconds(Date.now(), parseISO(notification.issuedAt)) < newNotificationHaloPeriodSeconds;\r\n};\r\n\r\nexport const isReNotification = (notification: INotification, newNotificationHaloPeriodSeconds: number) => {\r\n\tconst mostRecentAction = getMostRecentAction(notification);\r\n\r\n\tif (!mostRecentAction || mostRecentAction.type !== \"FINSEMBLE:WAKE\") return false;\r\n\r\n\treturn differenceInSeconds(Date.now(), parseISO(mostRecentAction.datePerformed)) < newNotificationHaloPeriodSeconds;\r\n};\r\n\r\nexport const getActiveFilter = (drawerControlProps: NotificationCenterControlsProps): Control => {\r\n\treturn drawerControlProps.controls.filter((control: Control) => control.action === drawerControlProps.active)[0];\r\n};\r\n\r\nexport const getMostRecentAction = (notification: INotification): IPerformedAction | null => {\r\n\tif (!notification || !notification.actionsHistory) return null;\r\n\r\n\tlet actionHistoryArray = [\r\n\t\t...notification.actionsHistory.sort((a: IPerformedAction, b: IPerformedAction) => {\r\n\t\t\treturn Date.parse(b.datePerformed) - Date.parse(a.datePerformed);\r\n\t\t}),\r\n\t];\r\n\r\n\tif (actionHistoryArray.length > 0) {\r\n\t\treturn actionHistoryArray[0];\r\n\t} else {\r\n\t\treturn null;\r\n\t}\r\n};\r\n\r\nconst search = (\r\n\tnotification: INotification,\r\n\tsearchField: \"title\" | \"details\" | \"source\" | null,\r\n\tsearchString: string\r\n): boolean => {\r\n\tif (searchField) {\r\n\t\treturn (notification[searchField] as string).toLowerCase().includes(searchString.toLowerCase());\r\n\t} else {\r\n\t\treturn (\r\n\t\t\t(notification[\"title\"] as string).toLowerCase().includes(searchString.toLowerCase()) ||\r\n\t\t\t(notification[\"details\"] as string).toLowerCase().includes(searchString.toLowerCase()) ||\r\n\t\t\t(notification[\"source\"] as string).toLowerCase().includes(searchString.toLowerCase())\r\n\t\t);\r\n\t}\r\n\treturn false;\r\n};\r\n\r\nexport const searchNotifications = (notifications: INotification[], searchTerm: string): INotification[] => {\r\n\treturn [...notifications].filter((notification) => {\r\n\t\tconst searchTermSplit = searchTerm.split(\":\");\r\n\t\tif (searchTermSplit.length === 1) {\r\n\t\t\treturn search(notification, null, searchTermSplit[0].trim());\r\n\t\t} else {\r\n\t\t\tconst field = searchTermSplit[0].trim();\r\n\t\t\tif ([\"title\", \"details\", \"source\"].includes(field) && notification.hasOwnProperty(field)) {\r\n\t\t\t\treturn search(notification, field as \"title\" | \"details\" | \"source\" | null, searchTermSplit[1].trim());\r\n\t\t\t} else {\r\n\t\t\t\treturn search(notification, null, searchTermSplit[1].trim());\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n};\r\n\r\nexport const getMuteFilterFromNotification = (notification: INotification): IMuteFilter => {\r\n\tconst muteFilter: IMuteFilter = {};\r\n\tif (notification.source) {\r\n\t\tmuteFilter.source = notification.source;\r\n\t}\r\n\tif (notification.type) {\r\n\t\tmuteFilter.type = notification.type;\r\n\t}\r\n\treturn muteFilter;\r\n};\r\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/notifications/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { parseISO, differenceInSeconds } from \"date-fns\";\r\n\r\n// Types\r\nimport { Control, NotificationCenterControlsProps } from \"./types\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype INotification = services.notification.types.INotification;\r\ntype IMuteFilter = services.notification.types.IMuteFilter;\r\ntype IPerformedAction = services.notification.types.IPerformedAction;\r\n\r\n/**\r\n * @todo Ian says Simplify this function with optional chaining\r\nreturn notification?.actionsHistory?.sort((a: IPerformedAction, b: IPerformedAction) => Date.parse(b.datePerformed) - Date.parse(a.datePerformed))?.[0]\r\n */\r\nexport const getMostRecentAction = (notification: INotification): IPerformedAction | null => {\r\n\tif (!notification || !notification.actionsHistory) return null;\r\n\r\n\tlet actionHistoryArray = [\r\n\t\t...notification.actionsHistory.sort(\r\n\t\t\t(a: IPerformedAction, b: IPerformedAction) => Date.parse(b.datePerformed) - Date.parse(a.datePerformed)\r\n\t\t),\r\n\t];\r\n\r\n\tif (actionHistoryArray.length > 0) {\r\n\t\treturn actionHistoryArray[0];\r\n\t} else {\r\n\t\treturn null;\r\n\t}\r\n};\r\n\r\nexport const isNewNotification = (notification: INotification, newNotificationHaloPeriodSeconds: number) => {\r\n\tconst mostRecentAction = getMostRecentAction(notification);\r\n\r\n\tif (\r\n\t\t(mostRecentAction && mostRecentAction.type === \"FINSEMBLE:READ\") ||\r\n\t\tnotification.isRead ||\r\n\t\t(notification.actionsHistory && notification.actionsHistory.length > 1)\r\n\t) {\r\n\t\treturn false;\r\n\t}\r\n\treturn differenceInSeconds(Date.now(), parseISO(notification.issuedAt)) < newNotificationHaloPeriodSeconds;\r\n};\r\n\r\nexport const isReNotification = (notification: INotification, newNotificationHaloPeriodSeconds: number) => {\r\n\tconst mostRecentAction = getMostRecentAction(notification);\r\n\r\n\tif (!mostRecentAction || mostRecentAction.type !== \"FINSEMBLE:WAKE\") return false;\r\n\r\n\treturn differenceInSeconds(Date.now(), parseISO(mostRecentAction.datePerformed)) < newNotificationHaloPeriodSeconds;\r\n};\r\n\r\nexport const getActiveFilter = (drawerControlProps: NotificationCenterControlsProps): Control =>\r\n\tdrawerControlProps.controls.filter((control: Control) => control.action === drawerControlProps.active)[0];\r\n\r\nconst search = (\r\n\tnotification: INotification,\r\n\tsearchField: \"title\" | \"details\" | \"source\" | null,\r\n\tsearchString: string\r\n): boolean => {\r\n\tif (searchField) {\r\n\t\treturn (notification[searchField] as string).toLowerCase().includes(searchString.toLowerCase());\r\n\t} else {\r\n\t\treturn (\r\n\t\t\t(notification[\"title\"] as string).toLowerCase().includes(searchString.toLowerCase()) ||\r\n\t\t\t(notification[\"details\"] as string).toLowerCase().includes(searchString.toLowerCase()) ||\r\n\t\t\t(notification[\"source\"] as string).toLowerCase().includes(searchString.toLowerCase())\r\n\t\t);\r\n\t}\r\n\treturn false;\r\n};\r\n\r\nexport const searchNotifications = (notifications: INotification[], searchTerm: string): INotification[] =>\r\n\t[...notifications].filter((notification) => {\r\n\t\tconst searchTermSplit = searchTerm.split(\":\");\r\n\t\tif (searchTermSplit.length === 1) {\r\n\t\t\treturn search(notification, null, searchTermSplit[0].trim());\r\n\t\t} else {\r\n\t\t\tconst field = searchTermSplit[0].trim();\r\n\t\t\tif ([\"title\", \"details\", \"source\"].includes(field) && notification.hasOwnProperty(field)) {\r\n\t\t\t\treturn search(notification, field as \"title\" | \"details\" | \"source\" | null, searchTermSplit[1].trim());\r\n\t\t\t} else {\r\n\t\t\t\treturn search(notification, null, searchTermSplit[1].trim());\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\r\nexport const getMuteFilterFromNotification = (notification: INotification): IMuteFilter => {\r\n\tconst muteFilter: IMuteFilter = {};\r\n\tif (notification.source) {\r\n\t\tmuteFilter.source = notification.source;\r\n\t}\r\n\tif (notification.type) {\r\n\t\tmuteFilter.type = notification.type;\r\n\t}\r\n\treturn muteFilter;\r\n};\r\n"]}

package/react/components/processMonitor/ProcessMonitor.d.ts

@@ -1 +1,3 @@
-export function ProcessMonitor(): JSX.Element;
+/// <reference types="react" />
+import "../../assets/css/processMonitor.css";
+export declare const ProcessMonitor: () => JSX.Element;

package/react/components/processMonitor/ProcessMonitor.js

@@ -2,16 +2,17 @@ import React from "react";
 import { Store, Actions } from "./stores/ProcessMonitorStore";
 import ListHeader from "./components/ListHeader";
 import ProcessStatistics from "./components/ProcessStatistics";
-import ChildWindows from "./components/ChildWindows";
+import ChildWindow from "./components/ChildWindow";
 import { EMPTY_TOTALS, SIMPLE_MODE_STATISTICS, ADVANCED_MODE_STATISTICS } from "./constants.js";
-import { statReducer, round, bytesToSize } from "./helpers.js";
+import { statReducer, roundDecimalToPrecision, bytesToSize } from "./helpers.js";
 import "../../assets/css/processMonitor.css";
+import { ViewModeEnums } from "./ProcessMonitorTypes";
 class ProcessMonitorBase extends React.Component {
     constructor(props) {
         super(props);
         this.state = {
             processList: [],
-            viewMode: "simple",
+            viewMode: ViewModeEnums.SIMPLE,
         };
         this.bindCorrectContext();
     }
@@ -44,29 +45,35 @@ class ProcessMonitorBase extends React.Component {
     render() {
         if (!Store)
             return null;
-        let totals = this.state.processList.length ? this.state.processList.reduce(statReducer) : EMPTY_TOTALS;
+        const totals = this.state.processList.length
+            ?
+                this.state.processList.reduce(statReducer)
+            : EMPTY_TOTALS;
         return (React.createElement("div", null,
             React.createElement("div", { className: "process-list-wrapper" },
-                React.createElement(ListHeader, { fields: this.state.viewMode === "simple" ? SIMPLE_MODE_STATISTICS : ADVANCED_MODE_STATISTICS }),
+                React.createElement(ListHeader, { fields: this.state.viewMode === ViewModeEnums.SIMPLE ? SIMPLE_MODE_STATISTICS : ADVANCED_MODE_STATISTICS }),
                 React.createElement("div", { className: "process-list" }, this.state.processList
                     .filter((proc) => proc.visible)
-                    .map((proc, i) => (React.createElement("div", { key: i, className: "process" },
-                    React.createElement(ProcessStatistics, { mode: this.state.viewMode, fields: this.state.viewMode === "simple" ? SIMPLE_MODE_STATISTICS : ADVANCED_MODE_STATISTICS, stats: proc.statistics }),
-                    React.createElement(ChildWindows, { viewMode: this.state.viewMode, childWindows: proc.childWindows })))))),
+                    .map((proc, i) => {
+                    var _a;
+                    return (React.createElement("div", { key: i, className: "process" },
+                        React.createElement(ProcessStatistics, { mode: this.state.viewMode, fields: this.state.viewMode === ViewModeEnums.SIMPLE ? SIMPLE_MODE_STATISTICS : ADVANCED_MODE_STATISTICS, stats: proc.statistics }), (_a = proc.childWindows) === null || _a === void 0 ? void 0 :
+                        _a.map((cw, j) => (React.createElement(ChildWindow, { key: j, viewMode: this.state.viewMode, cw: cw })))));
+                }))),
             React.createElement("div", { className: "bottom-section" },
                 React.createElement("div", { className: "summary-statistics-wrapper" },
                     React.createElement("div", { className: "summary-statistics-header" }, "Finsemble Total Usage"),
                     React.createElement("div", { className: "summary-statistics" },
                         typeof totals.statistics.cpuUsage !== "undefined" && (React.createElement("div", { className: "summary-statistic" },
                             React.createElement("div", { className: "summary-statistic-label" }, "CPU"),
-                            React.createElement("div", { className: "summary-statistic-number" }, `${round(totals.statistics.cpuUsage, 2)}%`))),
+                            React.createElement("div", { className: "summary-statistic-number" }, `${roundDecimalToPrecision(totals.statistics.cpuUsage, 2)}%`))),
                         typeof totals.statistics.workingSetSize !== "undefined" && (React.createElement("div", { className: "summary-statistic" },
                             React.createElement("div", { className: "summary-statistic-label" }, "Memory"),
                             React.createElement("div", { className: "summary-statistic-number" }, bytesToSize(totals.statistics.workingSetSize)))))),
                 React.createElement("div", { className: "advanced-button-wrapper" },
                     React.createElement("div", { className: "fsbl-button advanced-button", onClick: () => {
                             Actions.toggleViewMode();
-                        } }, this.state.viewMode === "advanced" ? "Simple" : "Advanced")))));
+                        } }, this.state.viewMode === ViewModeEnums.ADVANCED ? "Simple" : "Advanced")))));
     }
 }
 export const ProcessMonitor = () => React.createElement(ProcessMonitorBase, null);