@finsemble/finsemble-ui 10.0.0-beta.2 → 10.0.0-iocd-3

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

@@ -0,0 +1,9 @@
+export { NotificationsCenter } from "./components/notificationsCenter/NotificationsCenter";
+export { NotificationsToasts } from "./components/notificationsToasts/NotificationsToasts";
+export { NotificationCardShell, NotificationCardPropType } from "./components/shared/NotificationCardShell";
+export { NotificationCardHeaderShell } from "./components/shared/notificationCard/NotificationCardHeaderShell";
+export { NotificationCardHeaderLogo } from "./components/shared/notificationCard/NotificationCardHeaderLogo";
+export { NotificationCardBodyShell } from "./components/shared/notificationCard/NotificationCardBodyShell";
+export { NotificationCardBodyContentLogo } from "./components/shared/notificationCard/NotificationCardBodyContentLogo";
+export { NotificationListRowShell, NotificationListRowPropType, } from "./components/notificationsCenter/components/ListView";
+//# sourceMappingURL=index.d.ts.map

package/react/components/notifications/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/notifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC5G,OAAO,EAAE,2BAA2B,EAAE,MAAM,kEAAkE,CAAC;AAC/G,OAAO,EAAE,0BAA0B,EAAE,MAAM,iEAAiE,CAAC;AAC7G,OAAO,EAAE,yBAAyB,EAAE,MAAM,gEAAgE,CAAC;AAC3G,OAAO,EAAE,+BAA+B,EAAE,MAAM,sEAAsE,CAAC;AACvH,OAAO,EACN,wBAAwB,EACxB,2BAA2B,GAC3B,MAAM,sDAAsD,CAAC"}

package/react/components/notifications/index.js

@@ -0,0 +1,9 @@
+export { NotificationsCenter } from "./components/notificationsCenter/NotificationsCenter";
+export { NotificationsToasts } from "./components/notificationsToasts/NotificationsToasts";
+export { NotificationCardShell } from "./components/shared/NotificationCardShell";
+export { NotificationCardHeaderShell } from "./components/shared/notificationCard/NotificationCardHeaderShell";
+export { NotificationCardHeaderLogo } from "./components/shared/notificationCard/NotificationCardHeaderLogo";
+export { NotificationCardBodyShell } from "./components/shared/notificationCard/NotificationCardBodyShell";
+export { NotificationCardBodyContentLogo } from "./components/shared/notificationCard/NotificationCardBodyContentLogo";
+export { NotificationListRowShell, } from "./components/notificationsCenter/components/ListView";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/notifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAA4B,MAAM,2CAA2C,CAAC;AAC5G,OAAO,EAAE,2BAA2B,EAAE,MAAM,kEAAkE,CAAC;AAC/G,OAAO,EAAE,0BAA0B,EAAE,MAAM,iEAAiE,CAAC;AAC7G,OAAO,EAAE,yBAAyB,EAAE,MAAM,gEAAgE,CAAC;AAC3G,OAAO,EAAE,+BAA+B,EAAE,MAAM,sEAAsE,CAAC;AACvH,OAAO,EACN,wBAAwB,GAExB,MAAM,sDAAsD,CAAC"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { NotificationsContextType } from "./types";
+/**
+ * We initialize our context with an empty object.
+ * The NotificationsCenter will properly initialize our context at runtime (during the first render).
+ */
+export declare const NotificationsContext: import("react").Context<NotificationsContextType>;
+//# sourceMappingURL=notificationsContext.d.ts.map

package/react/components/notifications/notificationsContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notificationsContext.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/notifications/notificationsContext.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEnD;;;GAGG;AACH,eAAO,MAAM,oBAAoB,mDAA0E,CAAC"}

package/react/components/notifications/notificationsContext.js

@@ -0,0 +1,7 @@
+import { createContext } from "react";
+/**
+ * We initialize our context with an empty object.
+ * The NotificationsCenter will properly initialize our context at runtime (during the first render).
+ */
+export const NotificationsContext = createContext({});
+//# sourceMappingURL=notificationsContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notificationsContext.js","sourceRoot":"","sources":["../../../../../src/ui/components/notifications/notificationsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAA2B,EAA8B,CAAC,CAAC"}

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

@@ -0,0 +1,91 @@
+/**
+ * Notification types
+ */
+import React from "react";
+import { ViewMode, SelectionMode } from "./constants";
+import { INotification, IMuteFilter, INotificationHistoryOptions, IFilter } from "../../../platform/services/notification/types";
+import { SpawnParams } from "../../../platform/services/window/types";
+export interface Control {
+    action: string;
+    label: string;
+    run?: Function;
+}
+export interface NotificationCenterControlsProps {
+    controls: Array<Control>;
+    active?: Control["action"];
+}
+export interface INotificationCenterProps {
+    controls?: NotificationCenterControlsProps;
+    notificationCard?: React.ComponentType<any>;
+    notificationHeaderRow?: React.ComponentType<any>;
+    notificationListRow?: React.ComponentType<any>;
+    title?: string;
+}
+export interface INotificationToastsProps {
+    notificationCard?: React.ComponentType<any>;
+    title?: string;
+}
+export interface INotificationDetailProps {
+    notification: INotification;
+}
+export declare type NotificationListViewProps = {
+    notifications: INotification[];
+    notificationListRow?: React.ComponentType<INotificationDetailProps>;
+    notificationHeaderRow?: React.ComponentType<any>;
+};
+export declare type NotificationCardViewProps = {
+    notifications: INotification[];
+    notificationCard?: React.ComponentType<any>;
+};
+export declare type NotificationsContextType = {
+    viewMode: ViewMode;
+    setViewMode: React.Dispatch<React.SetStateAction<ViewMode>>;
+    selectionMode: SelectionMode;
+    setSelectionMode: React.Dispatch<React.SetStateAction<SelectionMode>>;
+    isSelectAll: boolean;
+    setSelectAll: React.Dispatch<React.SetStateAction<boolean>>;
+    drawerControlProps: NotificationCenterControlsProps;
+    setDrawerControlProps: React.Dispatch<React.SetStateAction<NotificationCenterControlsProps>>;
+    selectedNotification: INotification | null;
+    setSelectedNotification: React.Dispatch<React.SetStateAction<INotification | null>>;
+    searchString: string;
+    setSearchString: React.Dispatch<React.SetStateAction<string>>;
+    filteredNotifications: INotification[];
+    checkedNotifications: INotification[];
+    setCheckedNotifications: React.Dispatch<React.SetStateAction<INotification[]>>;
+    setFilteredNotifications: React.Dispatch<React.SetStateAction<INotification[]>>;
+    muteFilters: IMuteFilter[];
+    setMuteFilters: React.Dispatch<React.SetStateAction<IMuteFilter[]>>;
+};
+export interface NotificationsConfig {
+    filter?: {
+        include?: [];
+        exclude?: [];
+    };
+    position?: {};
+    animation?: {
+        displayDuration: number;
+        animateIn: string;
+        animateOut: string;
+    };
+    isTransparent?: boolean;
+    notificationsHistory?: {
+        since?: string;
+        filter?: IFilter;
+        options?: INotificationHistoryOptions;
+    } | boolean;
+    applyMuteFilters?: boolean;
+    windowName: string;
+}
+export interface WindowConfig {
+    window: SpawnParams & NotificationsConfig;
+}
+export declare type ContextMenuAction = {
+    id?: string;
+    name: string;
+    icon: React.ReactElement;
+    action?: (name: any) => void;
+    label: string;
+    display: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/notifications/types.ts"],"names":[],"mappings":"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"}

package/react/components/notifications/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/ui/components/notifications/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,13 @@
+import { Control, NotificationCenterControlsProps } from "./types";
+import { INotification, IMuteFilter, IPerformedAction } from "../../../platform/services/notification/types";
+/**
+ * Simplify this function with optional chaining
+return notification?.actionsHistory?.sort((a: IPerformedAction, b: IPerformedAction) => Date.parse(b.datePerformed) - Date.parse(a.datePerformed))?.[0]
+ */
+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 searchNotifications: (notifications: INotification[], searchTerm: string) => INotification[];
+export declare const getMuteFilterFromNotification: (notification: INotification) => IMuteFilter;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/notifications/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AAE7G;;;GAGG;AACH,eAAO,MAAM,mBAAmB,iBAAkB,aAAa,KAAG,gBAAgB,GAAG,IAcpF,CAAC;AAEF,eAAO,MAAM,iBAAiB,iBAAkB,aAAa,oCAAoC,MAAM,YAWtG,CAAC;AAEF,eAAO,MAAM,gBAAgB,iBAAkB,aAAa,oCAAoC,MAAM,YAMrG,CAAC;AAEF,eAAO,MAAM,eAAe,uBAAwB,+BAA+B,KAAG,OACoB,CAAC;AAkB3G,eAAO,MAAM,mBAAmB,kBAAmB,aAAa,EAAE,cAAc,MAAM,KAAG,aAAa,EAanG,CAAC;AAEJ,eAAO,MAAM,6BAA6B,iBAAkB,aAAa,KAAG,WAS3E,CAAC"}

package/react/components/notifications/utils.js

@@ -0,0 +1,71 @@
+import { parseISO, differenceInSeconds } from "date-fns";
+/**
+ * Simplify this function with optional chaining
+return notification?.actionsHistory?.sort((a: IPerformedAction, b: IPerformedAction) => Date.parse(b.datePerformed) - Date.parse(a.datePerformed))?.[0]
+ */
+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") ||
+        notification.isRead ||
+        (notification.actionsHistory && notification.actionsHistory.length > 1)) {
+        return false;
+    }
+    return differenceInSeconds(Date.now(), parseISO(notification.issuedAt)) < newNotificationHaloPeriodSeconds;
+};
+export const isReNotification = (notification, newNotificationHaloPeriodSeconds) => {
+    const mostRecentAction = getMostRecentAction(notification);
+    if (!mostRecentAction || mostRecentAction.type !== "FINSEMBLE:WAKE")
+        return false;
+    return differenceInSeconds(Date.now(), parseISO(mostRecentAction.datePerformed)) < newNotificationHaloPeriodSeconds;
+};
+export const getActiveFilter = (drawerControlProps) => drawerControlProps.controls.filter((control) => control.action === drawerControlProps.active)[0];
+const search = (notification, searchField, searchString) => {
+    var _a, _b, _c, _d;
+    if (searchField) {
+        return !!((_a = notification[searchField]) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchString.toLowerCase()));
+    }
+    else {
+        return !!(((_b = notification["title"]) === null || _b === void 0 ? void 0 : _b.toLowerCase().includes(searchString.toLowerCase())) ||
+            ((_c = notification["details"]) === null || _c === void 0 ? void 0 : _c.toLowerCase().includes(searchString.toLowerCase())) ||
+            ((_d = notification["source"]) === null || _d === void 0 ? void 0 : _d.toLowerCase().includes(searchString.toLowerCase())));
+    }
+};
+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 {
+            return search(notification, null, searchTermSplit[1].trim());
+        }
+    }
+});
+export const getMuteFilterFromNotification = (notification) => {
+    const muteFilter = {};
+    if (notification.source) {
+        muteFilter.source = notification.source;
+    }
+    if (notification.type) {
+        muteFilter.type = notification.type;
+    }
+    return muteFilter;
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/ui/components/notifications/utils.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1,7 @@
-export function ProcessMonitor(): JSX.Element;
+/// <reference types="react" />
+import "../../assets/css/processMonitor.css";
+/**
+ * The window that shows performance data for applications running in Finsemble, such as CPU and memory usage.
+ */
+export declare const ProcessMonitor: () => JSX.Element;
+//# sourceMappingURL=ProcessMonitor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessMonitor.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/processMonitor/ProcessMonitor.tsx"],"names":[],"mappings":";AAQA,OAAO,qCAAqC,CAAC;AAoF7C;;GAEG;AACH,eAAO,MAAM,cAAc,mBAO1B,CAAC"}

package/react/components/processMonitor/ProcessMonitor.js

@@ -1,73 +1,65 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
+import { Title } from "../../hooks/useTitle";
 import { Store, Actions } from "./stores/ProcessMonitorStore";
 import ListHeader from "./components/ListHeader";
-import ProcessStatistics from "./components/ProcessStatistics";
-import ChildWindows from "./components/ChildWindows";
-import { EMPTY_TOTALS, SIMPLE_MODE_STATISTICS, ADVANCED_MODE_STATISTICS } from "./constants.js";
-import { statReducer, round, bytesToSize } from "./helpers.js";
-import "../../ui-assets/css/processMonitor.css";
-class ProcessMonitorBase extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            processList: [],
-            viewMode: "simple",
-        };
-        this.bindCorrectContext();
-    }
-    bindCorrectContext() {
-        this.onProcessListChanged = this.onProcessListChanged.bind(this);
-        this.onViewModeChanged = this.onViewModeChanged.bind(this);
-    }
-    onViewModeChanged(err, response) {
-        let { value } = response;
-        this.setState({
-            viewMode: value,
-        });
-    }
-    onProcessListChanged(err, response) {
-        let { value } = response;
-        this.setState({
-            processList: value,
-        });
-    }
-    componentDidMount() {
+import { EMPTY_TOTALS } from "./constants";
+import { statReducer, roundDecimalToPrecision, bytesToSize } from "./helpers";
+import "../../assets/css/processMonitor.css";
+import Process from "./components/Process";
+const ProcessMonitorBase = ({ title = "Finsemble Process Monitor" }) => {
+    const [processList, setProcessList] = useState([]);
+    const [collapsedList, setCollapsedList] = useState(new Map());
+    /**
+     * Invoked at minimum, once per second. This listener handles updates that we receive from the system.
+     */
+    const onProcessListChanged = (err, response) => {
+        const { value } = response;
+        setProcessList(value);
+    };
+    useEffect(() => {
         Actions.initialize(() => {
-            Store.addListener({ field: "processList" }, this.onProcessListChanged);
-            Store.addListener({ field: "viewMode" }, this.onViewModeChanged);
+            Store === null || Store === void 0 ? void 0 : Store.addListener({ field: "processList" }, onProcessListChanged);
         });
-    }
-    componentWillUnmount() {
-        Store.removeListener({ field: "processList" }, this.onProcessListChanged);
-        Store.removeListener({ field: "viewMode" }, this.onViewModeChanged);
-    }
-    render() {
-        if (!Store)
-            return null;
-        let 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("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 })))))),
-            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)}%`))),
-                        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")))));
-    }
-}
-export const ProcessMonitor = () => React.createElement(ProcessMonitorBase, null);
+        return () => {
+            Store === null || Store === void 0 ? void 0 : Store.removeListener({ field: "processList" }, onProcessListChanged);
+        };
+    }, []);
+    if (!Store)
+        return null;
+    // statReducer is an array.reduce function that will sum all of the CPU/memory usage across the app.
+    const totals = processList.length ? processList.reduce(statReducer) : EMPTY_TOTALS;
+    return (React.createElement("div", null,
+        React.createElement(Title, { title: title }),
+        React.createElement("div", { className: "process-list-wrapper" },
+            React.createElement(ListHeader, null),
+            React.createElement("div", { className: "process-list" }, processList
+                .filter((proc) => proc.visible)
+                .map((proc) => (React.createElement(Process, { proc: proc, onClick: () => {
+                    const list = Object.assign({}, collapsedList);
+                    const { processId } = proc.statistics;
+                    if (processId)
+                        list[processId] = !list[processId];
+                    setCollapsedList(list);
+                }, collapsed: !!collapsedList[proc.statistics.processId || 0], key: proc.statistics.processId }))))),
+        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" }, `${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)))))))));
+};
+/**
+ * The window that shows performance data for applications running in Finsemble, such as CPU and memory usage.
+ */
+export const ProcessMonitor = () => {
+    // Add styles to the process monitor window's body.
+    useEffect(() => {
+        document.body.classList.add("process-monitor");
+    }, []);
+    return React.createElement(ProcessMonitorBase, null);
+};
 //# sourceMappingURL=ProcessMonitor.js.map

package/react/components/processMonitor/ProcessMonitor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProcessMonitor.js","sourceRoot":"","sources":["../../../src/components/processMonitor/ProcessMonitor.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport { Store, Actions } from \"./stores/ProcessMonitorStore\";\r\nimport ListHeader from \"./components/ListHeader\";\r\nimport ProcessStatistics from \"./components/ProcessStatistics\";\r\nimport ChildWindows from \"./components/ChildWindows\";\r\nimport { EMPTY_TOTALS, SIMPLE_MODE_STATISTICS, ADVANCED_MODE_STATISTICS } from \"./constants.js\";\r\nimport { statReducer, round, bytesToSize } from \"./helpers.js\";\r\nimport \"../../ui-assets/css/processMonitor.css\";\r\nclass ProcessMonitorBase extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tprocessList: [],\r\n\t\t\tviewMode: \"simple\",\r\n\t\t};\r\n\t\tthis.bindCorrectContext();\r\n\t}\r\n\r\n\tbindCorrectContext() {\r\n\t\tthis.onProcessListChanged = this.onProcessListChanged.bind(this);\r\n\t\tthis.onViewModeChanged = this.onViewModeChanged.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Handler for when we go from simple to advanced mode, or the opposite.\r\n\t * @param {} err\r\n\t * @param {*} response\r\n\t */\r\n\tonViewModeChanged(err, response) {\r\n\t\tlet { value } = response;\r\n\t\tthis.setState({\r\n\t\t\tviewMode: value,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Invoked at minimum, once per second. This listener handles updates that we receive from the system.\r\n\t * @param {*} err\r\n\t * @param {*} response\r\n\t */\r\n\tonProcessListChanged(err, response) {\r\n\t\tlet { value } = response;\r\n\t\tthis.setState({\r\n\t\t\tprocessList: value,\r\n\t\t});\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tActions.initialize(() => {\r\n\t\t\tStore.addListener({ field: \"processList\" }, this.onProcessListChanged);\r\n\t\t\tStore.addListener({ field: \"viewMode\" }, this.onViewModeChanged);\r\n\t\t});\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tStore.removeListener({ field: \"processList\" }, this.onProcessListChanged);\r\n\t\tStore.removeListener({ field: \"viewMode\" }, this.onViewModeChanged);\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (!Store) return null;\r\n\t\t// simple mode: CPU, memory\r\n\t\t// Advanced mode: add more.\r\n\t\t// Use helpers.bytesToSize.\r\n\t\t// Array of process components.\r\n\t\t// statReducer is an array.reduce function that will sum all of the CPU/memory usage across the app.\r\n\t\tlet totals = this.state.processList.length ? this.state.processList.reduce(statReducer) : EMPTY_TOTALS;\r\n\t\treturn (\r\n\t\t\t<div>\r\n\t\t\t\t<div className=\"process-list-wrapper\">\r\n\t\t\t\t\t<ListHeader fields={this.state.viewMode === \"simple\" ? SIMPLE_MODE_STATISTICS : ADVANCED_MODE_STATISTICS} />\r\n\t\t\t\t\t<div className=\"process-list\">\r\n\t\t\t\t\t\t{/* Filter will remove the hidden processes. Afterwards, map will render the remaining processes in turn. */}\r\n\t\t\t\t\t\t{this.state.processList\r\n\t\t\t\t\t\t\t.filter((proc) => proc.visible)\r\n\t\t\t\t\t\t\t.map((proc, i) => (\r\n\t\t\t\t\t\t\t\t<div key={i} className=\"process\">\r\n\t\t\t\t\t\t\t\t\t{/* Process statistics is the meat of this component. It's the statistics and the child windows. */}\r\n\t\t\t\t\t\t\t\t\t<ProcessStatistics\r\n\t\t\t\t\t\t\t\t\t\tmode={this.state.viewMode}\r\n\t\t\t\t\t\t\t\t\t\tfields={this.state.viewMode === \"simple\" ? SIMPLE_MODE_STATISTICS : ADVANCED_MODE_STATISTICS}\r\n\t\t\t\t\t\t\t\t\t\tstats={proc.statistics}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t<ChildWindows viewMode={this.state.viewMode} childWindows={proc.childWindows} />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div className=\"bottom-section\">\r\n\t\t\t\t\t<div className=\"summary-statistics-wrapper\">\r\n\t\t\t\t\t\t<div className=\"summary-statistics-header\">Finsemble Total Usage</div>\r\n\t\t\t\t\t\t<div className=\"summary-statistics\">\r\n\t\t\t\t\t\t\t{typeof totals.statistics.cpuUsage !== \"undefined\" && (\r\n\t\t\t\t\t\t\t\t<div className=\"summary-statistic\">\r\n\t\t\t\t\t\t\t\t\t<div className=\"summary-statistic-label\">CPU</div>\r\n\t\t\t\t\t\t\t\t\t<div className=\"summary-statistic-number\">{`${round(totals.statistics.cpuUsage, 2)}%`}</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t{typeof totals.statistics.workingSetSize !== \"undefined\" && (\r\n\t\t\t\t\t\t\t\t<div className=\"summary-statistic\">\r\n\t\t\t\t\t\t\t\t\t<div className=\"summary-statistic-label\">Memory</div>\r\n\t\t\t\t\t\t\t\t\t<div className=\"summary-statistic-number\">{bytesToSize(totals.statistics.workingSetSize)}</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"advanced-button-wrapper\">\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclassName=\"fsbl-button advanced-button\"\r\n\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\tActions.toggleViewMode();\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{this.state.viewMode === \"advanced\" ? \"Simple\" : \"Advanced\"}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n\r\n/**\r\n * The window that shows performance data for applications running in Finsemble, such as CPU and memory usage.\r\n */\r\nexport const ProcessMonitor = () => <ProcessMonitorBase />;\r\n"]}
+{"version":3,"file":"ProcessMonitor.js","sourceRoot":"","sources":["../../../../../src/ui/components/processMonitor/ProcessMonitor.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+import { ProcessInfo } from "../../../FEA";
+export declare type ModeStatsType = {
+    label: string;
+    value: "cpuUsage" | "workingSetSize" | "peakWorkingSetSize" | "processId";
+};
+export declare type ProcessStatisticsType = {
+    statistics: Partial<ProcessInfo>;
+};
+export declare type ProcessType = {
+    visible: boolean;
+    type?: string;
+    childWindows?: ChildWindowType[];
+} & ProcessStatisticsType;
+export declare type ChildWindowType = {
+    type: string;
+    windowName: string;
+    webContentsName: string;
+};
+export declare type SortObjectType = {
+    field: keyof ProcessStatisticsType["statistics"];
+    direction: "ascending" | "descending";
+};
+//# sourceMappingURL=ProcessMonitorTypes.d.ts.map

package/react/components/processMonitor/ProcessMonitorTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessMonitorTypes.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/processMonitor/ProcessMonitorTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,oBAAY,aAAa,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,GAAG,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,CAAC;CAC1E,CAAC;AAEF,oBAAY,qBAAqB,GAAG;IACnC,UAAU,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CACjC,CAAC;AAEF,oBAAY,WAAW,GAAG;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;CACjC,GAAG,qBAAqB,CAAC;AAE1B,oBAAY,eAAe,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,oBAAY,cAAc,GAAG;IAC5B,KAAK,EAAE,MAAM,qBAAqB,CAAC,YAAY,CAAC,CAAC;IACjD,SAAS,EAAE,WAAW,GAAG,YAAY,CAAC;CACtC,CAAC"}

package/react/components/processMonitor/ProcessMonitorTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ProcessMonitorTypes.js.map

package/react/components/processMonitor/ProcessMonitorTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessMonitorTypes.js","sourceRoot":"","sources":["../../../../../src/ui/components/processMonitor/ProcessMonitorTypes.ts"],"names":[],"mappings":""}

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

@@ -1,5 +1,12 @@
-export default class ChildWindow extends React.Component<any, any, any> {
-    constructor(props: any);
-    render(): JSX.Element;
+/// <reference types="react" />
+import { ChildWindowType } from "../ProcessMonitorTypes";
+interface IProps {
+    cw: ChildWindowType;
 }
-import React from "react";
+/**
+ * This file is the react component for an individual window beneath a process. It allows the user
+ * to close the window.
+ */
+declare const ChildWindow: ({ cw }: IProps) => JSX.Element;
+export default ChildWindow;
+//# sourceMappingURL=ChildWindow.d.ts.map

package/react/components/processMonitor/components/ChildWindow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChildWindow.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/processMonitor/components/ChildWindow.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGzD,UAAU,MAAM;IACf,EAAE,EAAE,eAAe,CAAC;CACpB;AAED;;;GAGG;AACH,QAAA,MAAM,WAAW,WAAY,MAAM,gBA0ClC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/react/components/processMonitor/components/ChildWindow.js

@@ -1,22 +1,33 @@
 import React from "react";
 import { Actions } from "../stores/ProcessMonitorStore";
-export default class ChildWindow extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        let cwClickHandler = this.props.viewMode === "simple"
-            ? Function.prototype
-            : () => {
-                Actions.identifyWindow(this.props.cw);
-            };
-        let childWindowClasses = `child-window ${this.props.viewMode}`;
-        return (React.createElement("div", { className: childWindowClasses },
-            React.createElement("div", { className: "child-window-actions" },
-                React.createElement("i", { className: "close-window ff-close", onClick: () => {
-                        Actions.closeWindow(this.props.cw);
-                    } })),
-            React.createElement("div", { className: "child-window-name", onClick: cwClickHandler }, this.props.cw.name)));
-    }
-}
+/**
+ * This file is the react component for an individual window beneath a process. It allows the user
+ * to close the window.
+ */
+const ChildWindow = ({ cw }) => {
+    // identify the window by making it flash.
+    const clickHandler = () => {
+        Actions.getFlashingState((err, flashState) => {
+            if (err) {
+                console.error("Error getting current flashing state of window.", err);
+            }
+            // Only begin flashing if not already started
+            if (!flashState) {
+                Actions.identifyWindow(cw);
+            }
+        });
+    };
+    const childWindowClasses = `child-window`;
+    const { windowName, type, webContentsName } = cw;
+    return (React.createElement("div", { className: childWindowClasses },
+        React.createElement("div", { className: "child-window-actions" }, type === "window" && (React.createElement("i", { className: "close-window ff-close", onClick: () => {
+                Actions.closeWindow(windowName);
+            }, tabIndex: 0, role: "button", onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                    Actions.closeWindow(windowName);
+                }
+            } }))),
+        React.createElement("div", { className: "child-window-name", onClick: clickHandler }, webContentsName)));
+};
+export default ChildWindow;
 //# sourceMappingURL=ChildWindow.js.map

package/react/components/processMonitor/components/ChildWindow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChildWindow.js","sourceRoot":"","sources":["../../../../src/components/processMonitor/components/ChildWindow.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAIxD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAS;IACvD,YAAY,KAAK;QAChB,KAAK,CAAC,KAAK,CAAC,CAAC;IACd,CAAC;IACD,MAAM;QAEL,IAAI,cAAc,GACjB,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,QAAQ;YAC/B,CAAC,CAAC,QAAQ,CAAC,SAAS;YACpB,CAAC,CAAC,GAAG,EAAE;gBACL,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YACtC,CAAC,CAAC;QACN,IAAI,kBAAkB,GAAG,gBAAgB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC/D,OAAO,CACN,6BAAK,SAAS,EAAE,kBAAkB;YACjC,6BAAK,SAAS,EAAC,sBAAsB;gBACpC,2BACC,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,GAAG,EAAE;wBACb,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;oBACpC,CAAC,GACG,CACA;YACN,6BAAK,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,cAAc,IACxD,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CACd,CACD,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["import React from \"react\";\r\nimport { Actions } from \"../stores/ProcessMonitorStore\";\r\n/**\r\n * This file is the react component for an individual window beneath a process. It allows the user to close the window.\r\n */\r\nexport default class ChildWindow extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\trender() {\r\n\t\t//If we're in simple mode, onClick does nothing. In advanced mode, we'll identify the window by making it flash.\r\n\t\tlet cwClickHandler =\r\n\t\t\tthis.props.viewMode === \"simple\"\r\n\t\t\t\t? Function.prototype\r\n\t\t\t\t: () => {\r\n\t\t\t\t\t\tActions.identifyWindow(this.props.cw);\r\n\t\t\t\t  };\r\n\t\tlet childWindowClasses = `child-window ${this.props.viewMode}`;\r\n\t\treturn (\r\n\t\t\t<div className={childWindowClasses}>\r\n\t\t\t\t<div className=\"child-window-actions\">\r\n\t\t\t\t\t<i\r\n\t\t\t\t\t\tclassName=\"close-window ff-close\"\r\n\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\tActions.closeWindow(this.props.cw);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t></i>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"child-window-name\" onClick={cwClickHandler}>\r\n\t\t\t\t\t{this.props.cw.name}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"ChildWindow.js","sourceRoot":"","sources":["../../../../../../src/ui/components/processMonitor/components/ChildWindow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAMxD;;;GAGG;AACH,MAAM,WAAW,GAAG,CAAC,EAAE,EAAE,EAAU,EAAE,EAAE;IACtC,0CAA0C;IAC1C,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,OAAO,CAAC,gBAAgB,CAAC,CAAC,GAAkB,EAAE,UAAmB,EAAE,EAAE;YACpE,IAAI,GAAG,EAAE;gBACR,OAAO,CAAC,KAAK,CAAC,iDAAiD,EAAE,GAAG,CAAC,CAAC;aACtE;YAED,6CAA6C;YAC7C,IAAI,CAAC,UAAU,EAAE;gBAChB,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;aAC3B;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,cAAc,CAAC;IAC1C,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC;IAEjD,OAAO,CACN,6BAAK,SAAS,EAAE,kBAAkB;QACjC,6BAAK,SAAS,EAAC,sBAAsB,IACnC,IAAI,KAAK,QAAQ,IAAI,CACrB,2BACC,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,GAAG,EAAE;gBACb,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YACjC,CAAC,EACD,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE;gBACrC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;oBACvC,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;iBAChC;YACF,CAAC,GACG,CACL,CACI;QACN,6BAAK,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,YAAY,IACtD,eAAe,CACX,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,11 +1,9 @@
-export default class ListHeader extends React.Component<any, any, any> {
-    constructor(props: any);
-    state: {
-        sort: any;
-    };
-    onSortChanged(err: any, response: any): void;
-    UNSAFE_componentWillMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-}
-import React from "react";
+/// <reference types="react" />
+/**
+ * This is the "table header" that shows which columns are visible.
+ * Since we aren't using an HTML table, this component exists.
+ * It handles column display and sorting.
+ **/
+declare const ListHeader: () => JSX.Element;
+export default ListHeader;
+//# sourceMappingURL=ListHeader.d.ts.map

package/react/components/processMonitor/components/ListHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/processMonitor/components/ListHeader.tsx"],"names":[],"mappings":";AAMA;;;;IAII;AACJ,QAAA,MAAM,UAAU,mBAkFf,CAAC;AACF,eAAe,UAAU,CAAC"}