@finsemble/finsemble-ui 8.0.2 → 8.1.0-beta.2

package/react/components/processMonitor/ProcessMonitor.js

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import React, { useEffect, useState } from "react";
 import { Title } from "../../hooks/useTitle";
 import { Store, Actions } from "./stores/ProcessMonitorStore";
 import ListHeader from "./components/ListHeader";
@@ -8,91 +8,72 @@ import { EMPTY_TOTALS, SIMPLE_MODE_STATISTICS, ADVANCED_MODE_STATISTICS } from "
 import { statReducer, roundDecimalToPrecision, bytesToSize } from "./helpers";
 import { ViewModeEnums } from "./ProcessMonitorTypes";
 import "../../assets/css/processMonitor.css";
-function isAffinityGroupProcess(proc) {
-    return Object.values(proc.statistics.webContents || {}).some((obj) => /Affinity Group/.test(obj.windowName));
-}
-class ProcessMonitorBase extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            processList: [],
-            viewMode: ViewModeEnums.SIMPLE,
-        };
-        this.bindCorrectContext();
-    }
-    bindCorrectContext() {
-        this.onProcessListChanged = this.onProcessListChanged.bind(this);
-        this.onViewModeChanged = this.onViewModeChanged.bind(this);
-    }
+const isAffinityGroupProcess = (proc) => Object.values(proc.statistics.webContents || {}).some((obj) => /Affinity Group/.test(obj.windowName));
+const ProcessMonitorBase = ({ title = "Finsemble Process Monitor" }) => {
+    const [processList, setProcessList] = useState([]);
+    const [viewMode, setViewMode] = useState(ViewModeEnums.SIMPLE);
     /**
      * Handler for when we go from simple to advanced mode, or the opposite.
      */
-    onViewModeChanged(err, response) {
+    const onViewModeChanged = (err, response) => {
         let { value } = response;
-        this.setState({
-            viewMode: value,
-        });
-    }
+        setViewMode(value);
+    };
     /**
      * Invoked at minimum, once per second. This listener handles updates that we receive from the system.
      */
-    onProcessListChanged(err, response) {
+    const onProcessListChanged = (err, response) => {
         let { value } = response;
-        this.setState({
-            processList: value,
-        });
-    }
-    componentDidMount() {
+        setProcessList(value);
+    };
+    useEffect(() => {
         Actions.initialize(() => {
-            Store === null || Store === void 0 ? void 0 : Store.addListener({ field: "processList" }, this.onProcessListChanged);
-            Store === null || Store === void 0 ? void 0 : Store.addListener({ field: "viewMode" }, this.onViewModeChanged);
+            Store === null || Store === void 0 ? void 0 : Store.addListener({ field: "processList" }, onProcessListChanged);
+            Store === null || Store === void 0 ? void 0 : Store.addListener({ field: "viewMode" }, onViewModeChanged);
         });
-    }
-    componentWillUnmount() {
-        Store === null || Store === void 0 ? void 0 : Store.removeListener({ field: "processList" }, this.onProcessListChanged);
-        Store === null || Store === void 0 ? void 0 : Store.removeListener({ field: "viewMode" }, this.onViewModeChanged);
-    }
-    render() {
-        var _a;
-        if (!Store)
-            return null;
-        // View modes are:
-        // * Simple - Top-level views, showing stats: CPU, Memory
-        // * Advanced - Expanded processes, showing stats: CPU, Memory, Peak Memory, PID
-        // statReducer is an array.reduce function that will sum all of the CPU/memory usage across the app.
-        const totals = this.state.processList.length ? this.state.processList.reduce(statReducer) : EMPTY_TOTALS;
-        return (React.createElement("div", null,
-            React.createElement(Title, { title: (_a = this.props.title) !== null && _a !== void 0 ? _a : "Finsemble Process Monitor" }),
-            React.createElement("div", { className: "process-list-wrapper" },
-                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 && (!isAffinityGroupProcess(proc) || this.state.viewMode === ViewModeEnums.ADVANCED))
-                    .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" }, `${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: () => {
+        return () => {
+            Store === null || Store === void 0 ? void 0 : Store.removeListener({ field: "processList" }, onProcessListChanged);
+            Store === null || Store === void 0 ? void 0 : Store.removeListener({ field: "viewMode" }, onViewModeChanged);
+        };
+    }, []);
+    if (!Store)
+        return null;
+    // View modes are:
+    // * Simple - Top-level views, showing stats: CPU, Memory
+    // * Advanced - Expanded processes, showing stats: CPU, Memory, Peak Memory, PID
+    // 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, { fields: viewMode === ViewModeEnums.SIMPLE ? SIMPLE_MODE_STATISTICS : ADVANCED_MODE_STATISTICS }),
+            React.createElement("div", { className: "process-list" }, processList
+                .filter((proc) => proc.visible && (!isAffinityGroupProcess(proc) || viewMode === ViewModeEnums.ADVANCED))
+                .map((proc, i) => {
+                var _a;
+                return (React.createElement("div", { key: i, className: "process" },
+                    React.createElement(ProcessStatistics, { mode: viewMode, fields: 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: 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" }, `${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();
+                    }, tabIndex: 0, role: "button", onKeyDown: (e) => {
+                        if (e.key === "Enter" || e.key === " ") {
                             Actions.toggleViewMode();
-                        }, tabIndex: 0, role: "button", onKeyDown: (e) => {
-                            if (e.key === "Enter" || e.key === " ") {
-                                Actions.toggleViewMode();
-                            }
-                        } }, this.state.viewMode === ViewModeEnums.ADVANCED ? "Simple" : "Advanced")))));
-    }
-}
+                        }
+                    } }, viewMode === ViewModeEnums.ADVANCED ? "Simple" : "Advanced")))));
+};
 /**
  * The window that shows performance data for applications running in Finsemble, such as CPU and memory usage.
  */

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ChildWindow.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/processMonitor/components/ChildWindow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGxE,UAAU,MAAM;IACf,EAAE,EAAE,eAAe,CAAC;IACpB,QAAQ,EAAE,aAAa,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;gBACnD,KAAK,EAAE,MAAM;IAIzB,MAAM;CA+CN"}
+{"version":3,"file":"ChildWindow.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/processMonitor/components/ChildWindow.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGxE,UAAU,MAAM;IACf,EAAE,EAAE,eAAe,CAAC;IACpB,QAAQ,EAAE,aAAa,CAAC;CACxB;AAED;;;GAGG;AACH,QAAA,MAAM,WAAW,qBAAsB,MAAM,gBA8C5C,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -2,39 +2,36 @@ import React from "react";
 import { ViewModeEnums } from "../ProcessMonitorTypes";
 import { Actions } from "../stores/ProcessMonitorStore";
 /**
- * This file is the react component for an individual window beneath a process. It allows the user to close the window.
+ * This file is the react component for an individual window beneath a process. It allows the user
+ * to close the window.
  */
-export default class ChildWindow extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const { cw, viewMode } = this.props;
-        //If we're in simple mode, onClick does nothing. In advanced mode, we'll identify the window by making it flash.
-        const simpleClickHandler = () => { };
-        const advancedClickHandler = () => {
-            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 cwClickHandler = viewMode === ViewModeEnums.SIMPLE ? simpleClickHandler : advancedClickHandler;
-        const childWindowClasses = `child-window ${viewMode}`;
-        const { windowName } = cw;
-        return (React.createElement("div", { className: childWindowClasses },
-            React.createElement("div", { className: "child-window-actions" }, this.props.cw.type === "window" && (React.createElement("i", { className: "close-window ff-close", onClick: () => {
+const ChildWindow = ({ cw, viewMode }) => {
+    // If we're in simple mode, onClick does nothing. In advanced mode, we'll identify the window
+    // by making it flash.
+    const simpleClickHandler = () => { };
+    const advancedClickHandler = () => {
+        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 cwClickHandler = viewMode === ViewModeEnums.SIMPLE ? simpleClickHandler : advancedClickHandler;
+    const childWindowClasses = `child-window ${viewMode}`;
+    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);
-                }, tabIndex: 0, role: "button", onKeyDown: (e) => {
-                    if (e.key === "Enter" || e.key === " ") {
-                        Actions.closeWindow(windowName);
-                    }
-                } }))),
-            React.createElement("div", { className: "child-window-name", onClick: cwClickHandler }, cw.webContentsName)));
-    }
-}
+                }
+            } }))),
+        React.createElement("div", { className: "child-window-name", onClick: cwClickHandler }, 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/ui/components/processMonitor/components/ChildWindow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAmB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAOxD;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAiB;IAC/D,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;IACd,CAAC;IAED,MAAM;QACL,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEpC,gHAAgH;QAChH,MAAM,kBAAkB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QACpC,MAAM,oBAAoB,GAAG,GAAG,EAAE;YACjC,OAAO,CAAC,gBAAgB,CAAC,CAAC,GAAkB,EAAE,UAAmB,EAAE,EAAE;gBACpE,IAAI,GAAG,EAAE;oBACR,OAAO,CAAC,KAAK,CAAC,iDAAiD,EAAE,GAAG,CAAC,CAAC;iBACtE;gBAED,6CAA6C;gBAC7C,IAAI,CAAC,UAAU,EAAE;oBAChB,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;iBAC3B;YACF,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC;QAEF,MAAM,cAAc,GAAG,QAAQ,KAAK,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAoB,CAAC;QAErG,MAAM,kBAAkB,GAAG,gBAAgB,QAAQ,EAAE,CAAC;QACtD,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;QAC1B,OAAO,CACN,6BAAK,SAAS,EAAE,kBAAkB;YACjC,6BAAK,SAAS,EAAC,sBAAsB,IACnC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,KAAK,QAAQ,IAAI,CACnC,2BACC,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,GAAG,EAAE;oBACb,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;gBACjC,CAAC,EACD,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE;oBACrC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;wBACvC,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;qBAChC;gBACF,CAAC,GACG,CACL,CACI;YACN,6BAAK,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,cAAc,IACxD,EAAE,CAAC,eAAe,CACd,CACD,CACN,CAAC;IACH,CAAC;CACD"}
+{"version":3,"file":"ChildWindow.js","sourceRoot":"","sources":["../../../../../../src/ui/components/processMonitor/components/ChildWindow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAmB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAOxD;;;GAGG;AACH,MAAM,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAU,EAAE,EAAE;IAChD,6FAA6F;IAC7F,sBAAsB;IACtB,MAAM,kBAAkB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IACpC,MAAM,oBAAoB,GAAG,GAAG,EAAE;QACjC,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,cAAc,GAAG,QAAQ,KAAK,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAErG,MAAM,kBAAkB,GAAG,gBAAgB,QAAQ,EAAE,CAAC;IACtD,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,cAAc,IACxD,eAAe,CACX,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,25 +1,13 @@
-import React from "react";
-import { SortObjectType, ModeStatsType } from "../ProcessMonitorTypes";
-import { StandardError } from "../../../../types";
+/// <reference types="react" />
+import { ModeStatsType } from "../ProcessMonitorTypes";
 interface IProps {
     fields: ModeStatsType[];
 }
-interface IState {
-    sort: SortObjectType;
-}
 /**
  * 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.
  **/
-export default class ListHeader extends React.Component<IProps, IState> {
-    constructor(props: IProps);
-    onSortChanged(err: StandardError, response: {
-        value: SortObjectType;
-    }): void;
-    UNSAFE_componentWillMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-}
-export {};
+declare const ListHeader: (props: IProps) => JSX.Element;
+export default ListHeader;
 //# sourceMappingURL=ListHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/processMonitor/components/ListHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,UAAU,MAAM;IACf,MAAM,EAAE,aAAa,EAAE,CAAC;CACxB;AAED,UAAU,MAAM;IACf,IAAI,EAAE,cAAc,CAAC;CACrB;AAED;;;;IAII;AACJ,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;gBAC1D,KAAK,EAAE,MAAM;IASzB,aAAa,CAAC,GAAG,EAAE,aAAa,EAAE,QAAQ,EAAE;QAAE,KAAK,EAAE,cAAc,CAAA;KAAE;IAOrE,yBAAyB;IAIzB,oBAAoB;IAIpB,MAAM;CA6DN"}
+{"version":3,"file":"ListHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/processMonitor/components/ListHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAkB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvE,UAAU,MAAM;IACf,MAAM,EAAE,aAAa,EAAE,CAAC;CACxB;AAED;;;;IAII;AACJ,QAAA,MAAM,UAAU,UAAW,MAAM,gBA2EhC,CAAC;AACF,eAAe,UAAU,CAAC"}

package/react/components/processMonitor/components/ListHeader.js

@@ -5,50 +5,41 @@ import { Store, Actions } from "../stores/ProcessMonitorStore";
  * Since we aren't using an HTML table, this component exists.
  * It handles column display and sorting.
  **/
-export default class ListHeader extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            sort: Store === null || Store === void 0 ? void 0 : Store.getValue({ field: "sort" }),
-        };
-        this.onSortChanged = this.onSortChanged.bind(this);
-    }
+const ListHeader = (props) => {
+    const [sort, setSort] = React.useState(Store === null || Store === void 0 ? void 0 : Store.getValue({ field: "sort" }));
     // When the sort value changes in the store, change it locally, and re-render the direction arrow.
-    onSortChanged(err, response) {
+    const onSortChanged = (err, response) => {
         let { value } = response;
-        this.setState({
-            sort: value,
-        });
-    }
-    UNSAFE_componentWillMount() {
-        Store === null || Store === void 0 ? void 0 : Store.addListener({ field: "sort" }, this.onSortChanged);
-    }
-    componentWillUnmount() {
-        Store === null || Store === void 0 ? void 0 : Store.removeListener({ field: "sort" }, this.onSortChanged);
-    }
-    render() {
-        //Just a list of the things beneath it. name, CPU, mem, etc. drive from store.
-        return (React.createElement("div", { className: "list-header" },
-            React.createElement("div", { className: "list-header-statistic-label list-header-name", onClick: () => {
+        setSort(value);
+    };
+    React.useEffect(() => {
+        Store === null || Store === void 0 ? void 0 : Store.addListener({ field: "sort" }, onSortChanged);
+        return () => {
+            Store === null || Store === void 0 ? void 0 : Store.removeListener({ field: "sort" }, onSortChanged);
+        };
+    }, []);
+    //Just a list of the things beneath it. name, CPU, mem, etc. drive from store.
+    return (React.createElement("div", { className: "list-header" },
+        React.createElement("div", { className: "list-header-statistic-label list-header-name", onClick: () => {
+                Actions.setSort("name");
+            }, tabIndex: 0, role: "button", onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
                     Actions.setSort("name");
+                }
+            } },
+            "Name",
+            sort.field === "name" ? (sort.direction === "ascending" ? (React.createElement("i", { className: "sort-direction ff-arrow-up" })) : (React.createElement("i", { className: "sort-direction ff-arrow-down" }))) : null),
+        React.createElement("div", { className: "list-header-statistic-labels" },
+            props.fields.map((field, i) => (React.createElement("div", { key: i, className: "list-header-statistic-label", onClick: () => {
+                    Actions.setSort(field.value);
                 }, tabIndex: 0, role: "button", onKeyDown: (e) => {
                     if (e.key === "Enter" || e.key === " ") {
-                        Actions.setSort("name");
+                        Actions.setSort(field.value);
                     }
                 } },
-                "Name",
-                this.state.sort.field === "name" ? (this.state.sort.direction === "ascending" ? (React.createElement("i", { className: "sort-direction ff-arrow-up" })) : (React.createElement("i", { className: "sort-direction ff-arrow-down" }))) : null),
-            React.createElement("div", { className: "list-header-statistic-labels" },
-                this.props.fields.map((field, i) => (React.createElement("div", { key: i, className: "list-header-statistic-label", onClick: () => {
-                        Actions.setSort(field.value);
-                    }, tabIndex: 0, role: "button", onKeyDown: (e) => {
-                        if (e.key === "Enter" || e.key === " ") {
-                            Actions.setSort(field.value);
-                        }
-                    } },
-                    field.label,
-                    this.state.sort.field === field.value ? (this.state.sort.direction === "ascending" ? (React.createElement("i", { className: "sort-direction ff-arrow-up" })) : (React.createElement("i", { className: "sort-direction ff-arrow-down" }))) : null))),
-                React.createElement("div", { className: "list-header-statistic-label" }))));
-    }
-}
+                field.label,
+                sort.field === field.value ? (sort.direction === "ascending" ? (React.createElement("i", { className: "sort-direction ff-arrow-up" })) : (React.createElement("i", { className: "sort-direction ff-arrow-down" }))) : null))),
+            React.createElement("div", { className: "list-header-statistic-label" }))));
+};
+export default ListHeader;
 //# sourceMappingURL=ListHeader.js.map

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

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

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

@@ -1,13 +1,10 @@
-import React from "react";
+/// <reference types="react" />
 import { ProcessType, ViewModeEnums, ModeStatsType } from "../ProcessMonitorTypes";
 interface IProps {
     mode: ViewModeEnums;
     fields: ModeStatsType[];
     stats: ProcessType["statistics"];
 }
-export default class ProcessStatistics extends React.Component<IProps> {
-    constructor(props: IProps);
-    render(): JSX.Element;
-}
-export {};
+declare const ProcessStatistics: (props: IProps) => JSX.Element;
+export default ProcessStatistics;
 //# sourceMappingURL=ProcessStatistics.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProcessStatistics.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/processMonitor/components/ProcessStatistics.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGnF,UAAU,MAAM;IACf,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACjC;AA4CD,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;gBACzD,KAAK,EAAE,MAAM;IAIzB,MAAM;CAyCN"}
+{"version":3,"file":"ProcessStatistics.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/processMonitor/components/ProcessStatistics.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGnF,UAAU,MAAM;IACf,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACjC;AA4CD,QAAA,MAAM,iBAAiB,UAAW,MAAM,gBAuCvC,CAAC;AACF,eAAe,iBAAiB,CAAC"}

package/react/components/processMonitor/components/ProcessStatistics.js

@@ -40,28 +40,23 @@ function prettyPrint(number, statType) {
         return number;
     }
 }
-export default class ProcessStatistics extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const { processId, webContents } = this.props.stats;
-        const items = Object.values(webContents !== null && webContents !== void 0 ? webContents : {});
-        // In Advanced mode we always display the process name because it includes the pid
-        const displayName = this.props.stats.name; //this.props.mode === ViewModeEnums.SIMPLE ? simpleName : this.props.stats.name;
-        //simple mode: CPU, memory
-        //Advanced mode: add Peak Memory.
-        return (React.createElement("div", { className: "process-row" },
-            React.createElement("div", { className: "process-name" }, displayName),
-            React.createElement("div", { className: "process-statistics" },
-                this.props.fields.map((field, i) => (React.createElement("div", { key: i, className: getClassesForStat(this.props.stats[field.value], field.label) }, prettyPrint(this.props.stats[field.value], field.label)))),
-                React.createElement("div", { className: "statistic process-actions" }, this.props.stats.type === "Tab" && processId ? (React.createElement("div", { className: " terminate fsbl-button-negative process-action", onClick: () => {
+const ProcessStatistics = (props) => {
+    const { processId, webContents } = props.stats;
+    // In Advanced mode we always display the process name because it includes the pid
+    const displayName = props.stats.name; //this.props.mode === ViewModeEnums.SIMPLE ? simpleName : this.props.stats.name;
+    //simple mode: CPU, memory
+    //Advanced mode: add Peak Memory.
+    return (React.createElement("div", { className: "process-row" },
+        React.createElement("div", { className: "process-name" }, displayName),
+        React.createElement("div", { className: "process-statistics" },
+            props.fields.map((field, i) => (React.createElement("div", { key: i, className: getClassesForStat(props.stats[field.value], field.label) }, prettyPrint(props.stats[field.value], field.label)))),
+            React.createElement("div", { className: "statistic process-actions" }, props.stats.type === "Tab" && processId ? (React.createElement("div", { className: " terminate fsbl-button-negative process-action", onClick: () => {
+                    Actions.terminateProcess(webContents);
+                }, tabIndex: 0, role: "button", onKeyDown: (e) => {
+                    if (e.key === "Enter" || e.key === " ") {
                         Actions.terminateProcess(webContents);
-                    }, tabIndex: 0, role: "button", onKeyDown: (e) => {
-                        if (e.key === "Enter" || e.key === " ") {
-                            Actions.terminateProcess(webContents);
-                        }
-                    } }, "Terminate")) : null))));
-    }
-}
+                    }
+                } }, "Terminate")) : null))));
+};
+export default ProcessStatistics;
 //# sourceMappingURL=ProcessStatistics.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProcessStatistics.js","sourceRoot":"","sources":["../../../../../../src/ui/components/processMonitor/components/ProcessStatistics.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC7G,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAUlE;;GAEG;AACH,SAAS,iBAAiB,CAAC,MAA0B,EAAE,QAAgB;IACtE,IAAI,OAAO,GAAG,WAAW,EACxB,eAAe,GAAG,iBAAiB,GAAG,KAAK,EAC3C,mBAAmB,GAAG,qBAAqB,GAAG,KAAK,CAAC;IAErD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAClC,OAAO,OAAO,CAAC;KACf;IAED,IAAI,QAAQ,KAAK,KAAK,EAAE;QACvB,CAAC,eAAe,GAAG,QAAQ,CAAC,EAAE,CAAC,mBAAmB,GAAG,kBAAkB,CAAC,CAAC;KACzE;IACD,IAAI,MAAM,GAAG,eAAe,EAAE;QAC7B,OAAO,GAAG,GAAG,OAAO,aAAa,CAAC;KAClC;SAAM,IAAI,MAAM,GAAG,mBAAmB,EAAE;QACxC,OAAO,GAAG,GAAG,OAAO,iBAAiB,CAAC;KACtC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC;AAED;;;GAGG;AACH,SAAS,WAAW,CAAC,MAA0B,EAAE,QAAgB;IAChE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAClC,OAAO,EAAE,CAAC;KACV;IAED,IAAI,QAAQ,KAAK,KAAK,EAAE;QACvB,oBAAoB;QACpB,OAAO,GAAG,uBAAuB,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC;KAChD;SAAM,IAAI,QAAQ,KAAK,KAAK,EAAE;QAC9B,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;KAC3B;SAAM;QACN,OAAO,MAAM,CAAC;KACd;AACF,CAAC;AAED,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,KAAK,CAAC,SAAiB;IACrE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;IACd,CAAC;IAED,MAAM;QACL,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QACpD,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC,CAAC;QAE/C,kFAAkF;QAClF,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,gFAAgF;QAC3H,0BAA0B;QAC1B,iCAAiC;QAEjC,OAAO,CACN,6BAAK,SAAS,EAAC,aAAa;YAC3B,6BAAK,SAAS,EAAC,cAAc,IAAE,WAAW,CAAO;YACjD,6BAAK,SAAS,EAAC,oBAAoB;gBACjC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACpC,6BAAK,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,IACnF,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CACnD,CACN,CAAC;gBACF,6BAAK,SAAS,EAAC,2BAA2B,IACxC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CAC/C,6BACC,SAAS,EAAC,gDAAgD,EAC1D,OAAO,EAAE,GAAG,EAAE;wBACb,OAAO,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;oBACvC,CAAC,EACD,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE;wBACrC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;4BACvC,OAAO,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;yBACtC;oBACF,CAAC,gBAGI,CACN,CAAC,CAAC,CAAC,IAAI,CACH,CACD,CACD,CACN,CAAC;IACH,CAAC;CACD"}
+{"version":3,"file":"ProcessStatistics.js","sourceRoot":"","sources":["../../../../../../src/ui/components/processMonitor/components/ProcessStatistics.tsx"],"names":[],"mappings":"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"}

package/react/components/sdd/Dashboard.css

@@ -23,6 +23,7 @@
 	vertical-align: middle;
 	background-color: #22262f;
 	border-radius: 7px;
+	position: relative;
 }
 
 .project-tile.inactive-tile {
@@ -74,3 +75,23 @@
 	margin-top: 0;
 	margin-bottom: 0;
 }
+
+.tileBadge {
+	position: absolute;
+	bottom: 0;
+	right: 5px;
+	font-size: 20px;
+	color: var(--accent-negative);
+	transition: color 0.2s ease-in;
+}
+
+.tileBadge:hover {
+	color: var(--accent-negative-1);
+
+	.footer {
+		position: absolute;
+		bottom: 20px;
+		right: 20px;
+		text-align: end;
+	}
+}