@finsemble/finsemble-ui 10.0.0-iocd.8 → 10.0.3-beta.2

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

@@ -1,65 +1,65 @@
-import React from "react";
-import { Actions } from "../stores/ProcessMonitorStore";
-import { STATISTICS, HIGH_CPU, HIGH_MEMORY_USAGE, MODERATE_CPU_USAGE, MODERATE_MEMORY_USAGE, TO_MB, } from "../constants";
-import { bytesToSize, roundDecimalToPrecision } from "../helpers";
-import { FinsembleIcon } from "../../common/FinsembleIcon";
-/**
- * Given a number, will return modifier classes that change the background. High usage === red. Moderate === orange.
- */
-function getClassesForStat(number, statType) {
-    let classes = "statistic", high_comparison = HIGH_MEMORY_USAGE * TO_MB, moderate_comparison = MODERATE_MEMORY_USAGE * TO_MB;
-    if (typeof number === "undefined") {
-        return classes;
-    }
-    if (statType === "CPU") {
-        (high_comparison = HIGH_CPU), (moderate_comparison = MODERATE_CPU_USAGE);
-    }
-    if (number > high_comparison) {
-        classes = `${classes} high-usage`;
-    }
-    else if (number > moderate_comparison) {
-        classes = `${classes} moderate-usage`;
-    }
-    return classes;
-}
-/**
- * Outputs something nice. 102423465243 outputs whatever that number is in KB/MB/GB.
- * 0.35123 will output 0.35% for CPU.
- */
-function prettyPrint(number, statType) {
-    if (typeof number === "undefined") {
-        return "";
-    }
-    if (statType === "CPU") {
-        //make it a percent.
-        return `${roundDecimalToPrecision(number, 2)}%`;
-    }
-    else if (statType !== "PID") {
-        return bytesToSize(number);
-    }
-    else {
-        return number;
-    }
-}
-const ProcessStatistics = (props) => {
-    const { processId, webContents } = props.stats;
-    const displayName = props.stats.name;
-    const collapseIndicator = props.collapsed ? (React.createElement(FinsembleIcon, { icon: "chevron-down" })) : (React.createElement(FinsembleIcon, { icon: "chevron-up" }));
-    const className = `process-name${props.collapsible ? " process-name-collapsible" : ""}`;
-    return (React.createElement("div", { className: "process-row" },
-        React.createElement("div", { className: className, onClick: props.onClick },
-            displayName,
-            " ",
-            props.collapsible && collapseIndicator),
-        React.createElement("div", { className: "process-statistics" },
-            STATISTICS.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);
-                    }
-                } }, "Terminate")) : null))));
-};
-export default ProcessStatistics;
+import React from "react";
+import { Actions } from "../stores/ProcessMonitorStore";
+import { STATISTICS, HIGH_CPU, HIGH_MEMORY_USAGE, MODERATE_CPU_USAGE, MODERATE_MEMORY_USAGE, TO_MB, } from "../constants";
+import { bytesToSize, roundDecimalToPrecision } from "../helpers";
+import { FinsembleIcon } from "../../common/FinsembleIcon";
+/**
+ * Given a number, will return modifier classes that change the background. High usage === red. Moderate === orange.
+ */
+function getClassesForStat(number, statType) {
+    let classes = "statistic", high_comparison = HIGH_MEMORY_USAGE * TO_MB, moderate_comparison = MODERATE_MEMORY_USAGE * TO_MB;
+    if (typeof number === "undefined") {
+        return classes;
+    }
+    if (statType === "CPU") {
+        ((high_comparison = HIGH_CPU), (moderate_comparison = MODERATE_CPU_USAGE));
+    }
+    if (number > high_comparison) {
+        classes = `${classes} high-usage`;
+    }
+    else if (number > moderate_comparison) {
+        classes = `${classes} moderate-usage`;
+    }
+    return classes;
+}
+/**
+ * Outputs something nice. 102423465243 outputs whatever that number is in KB/MB/GB.
+ * 0.35123 will output 0.35% for CPU.
+ */
+function prettyPrint(number, statType) {
+    if (typeof number === "undefined") {
+        return "";
+    }
+    if (statType === "CPU") {
+        //make it a percent.
+        return `${roundDecimalToPrecision(number, 2)}%`;
+    }
+    else if (statType !== "PID") {
+        return bytesToSize(number);
+    }
+    else {
+        return number;
+    }
+}
+const ProcessStatistics = (props) => {
+    const { processId, webContents } = props.stats;
+    const displayName = props.stats.name;
+    const collapseIndicator = props.collapsed ? (React.createElement(FinsembleIcon, { icon: "chevron-down" })) : (React.createElement(FinsembleIcon, { icon: "chevron-up" }));
+    const className = `process-name${props.collapsible ? " process-name-collapsible" : ""}`;
+    return (React.createElement("div", { className: "process-row" },
+        React.createElement("div", { className: className, onClick: props.onClick },
+            displayName,
+            " ",
+            props.collapsible && collapseIndicator),
+        React.createElement("div", { className: "process-statistics" },
+            STATISTICS.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);
+                    }
+                } }, "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":"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"}
+{"version":3,"file":"ProcessStatistics.js","sourceRoot":"","sources":["../../../../../../src/ui/components/processMonitor/components/ProcessStatistics.tsx"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,9 @@
-import { ProcessType, ModeStatsType } from "./ProcessMonitorTypes";
-export declare const STATISTICS: ModeStatsType[];
-export declare const HIGH_CPU = 10;
-export declare const MODERATE_CPU_USAGE = 5;
-export declare const MODERATE_MEMORY_USAGE = 250;
-export declare const HIGH_MEMORY_USAGE = 400;
-export declare const TO_MB = 1000000;
-export declare const EMPTY_TOTALS: ProcessType;
+import { ProcessType, ModeStatsType } from "./ProcessMonitorTypes";
+export declare const STATISTICS: ModeStatsType[];
+export declare const HIGH_CPU = 10;
+export declare const MODERATE_CPU_USAGE = 5;
+export declare const MODERATE_MEMORY_USAGE = 250;
+export declare const HIGH_MEMORY_USAGE = 400;
+export declare const TO_MB = 1000000;
+export declare const EMPTY_TOTALS: ProcessType;
 //# sourceMappingURL=constants.d.ts.map

package/react/components/processMonitor/constants.js

@@ -1,24 +1,24 @@
-export const STATISTICS = [
-    { label: "CPU", value: "cpuUsage" },
-    { label: "Memory", value: "workingSetSize" },
-    { label: "Peak Memory", value: "peakWorkingSetSize" },
-    { label: "PID", value: "processId" },
-];
-// These are percentages
-export const HIGH_CPU = 10;
-export const MODERATE_CPU_USAGE = 5;
-// Usage in MB
-export const MODERATE_MEMORY_USAGE = 250;
-export const HIGH_MEMORY_USAGE = 400;
-// Constant to convert megabytes (250) to bytes (250,000,000). Conversion is approximate.
-export const TO_MB = 1000000;
-const emptyTotals = {
-    visible: false,
-    statistics: {},
-};
-// Just an object to hold the UI over until we get real information from the system.
-STATISTICS.forEach((stat) => {
-    emptyTotals.statistics[stat.value] = 0;
-});
-export const EMPTY_TOTALS = emptyTotals;
+export const STATISTICS = [
+    { label: "CPU", value: "cpuUsage" },
+    { label: "Memory", value: "workingSetSize" },
+    { label: "Peak Memory", value: "peakWorkingSetSize" },
+    { label: "PID", value: "processId" },
+];
+// These are percentages
+export const HIGH_CPU = 10;
+export const MODERATE_CPU_USAGE = 5;
+// Usage in MB
+export const MODERATE_MEMORY_USAGE = 250;
+export const HIGH_MEMORY_USAGE = 400;
+// Constant to convert megabytes (250) to bytes (250,000,000). Conversion is approximate.
+export const TO_MB = 1000000;
+const emptyTotals = {
+    visible: false,
+    statistics: {},
+};
+// Just an object to hold the UI over until we get real information from the system.
+STATISTICS.forEach((stat) => {
+    emptyTotals.statistics[stat.value] = 0;
+});
+export const EMPTY_TOTALS = emptyTotals;
 //# sourceMappingURL=constants.js.map

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

@@ -1,18 +1,18 @@
-import { ProcessType } from "./ProcessMonitorTypes";
-/**
- * Given a number, will return a nice string, 1,024 will return 1KB, 100 will return 100 Bytes, and so on.
- *
- * The result is displayed with 2 decimal points of precision.
- */
-export declare function bytesToSize(bytes: number): string;
-/**
- * Handler for Array.reduce. It takes the array of statistics and sums each value.
- * This outputs an object that has total CPU and memory consumption.
- */
-export declare const statReducer: (prev: ProcessType, curr: ProcessType) => ProcessType;
-/**
- * Convenience function for rounding decimals to a given precision
- * Note that "precision" here means "number of digits to the right of the decimal point"
- */
-export declare const roundDecimalToPrecision: (number: number, precision: number) => number;
+import { ProcessType } from "./ProcessMonitorTypes";
+/**
+ * Given a number, will return a nice string, 1,024 will return 1KB, 100 will return 100 Bytes, and so on.
+ *
+ * The result is displayed with 2 decimal points of precision.
+ */
+export declare function bytesToSize(bytes: number): string;
+/**
+ * Handler for Array.reduce. It takes the array of statistics and sums each value.
+ * This outputs an object that has total CPU and memory consumption.
+ */
+export declare const statReducer: (prev: ProcessType, curr: ProcessType) => ProcessType;
+/**
+ * Convenience function for rounding decimals to a given precision
+ * Note that "precision" here means "number of digits to the right of the decimal point"
+ */
+export declare const roundDecimalToPrecision: (number: number, precision: number) => number;
 //# sourceMappingURL=helpers.d.ts.map

package/react/components/processMonitor/helpers.js

@@ -1,49 +1,49 @@
-import { STATISTICS } from "./constants";
-/**
- * Given a number, will return a nice string, 1,024 will return 1KB, 100 will return 100 Bytes, and so on.
- *
- * The result is displayed with 2 decimal points of precision.
- */
-export function bytesToSize(bytes) {
-    if (bytes === 0)
-        return "0 Bytes";
-    // Size powers, in English
-    const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
-    // Determine the size power for the number of bytes
-    const i = Math.floor(Math.log(bytes) / Math.log(1024));
-    // Adjusted down to how many KB, MB, GB, etc...
-    const bytesByScale = bytes / Math.pow(1024, i);
-    // Return the size, rounded, with 2 decimal points of precision
-    return `${Math.round(bytesByScale * 100) / 100} ${sizes[i]}`;
-}
-/**
- * Handler for Array.reduce. It takes the array of statistics and sums each value.
- * This outputs an object that has total CPU and memory consumption.
- */
-export const statReducer = (prev, curr) => {
-    const statistics = {};
-    STATISTICS.forEach((stat) => {
-        var _a, _b;
-        if (typeof prev.statistics[stat.value] === "undefined" || typeof curr.statistics[stat.value] === "undefined") {
-            statistics[stat.value] = undefined;
-            return;
-        }
-        statistics[stat.value] = ((_a = prev.statistics[stat.value]) !== null && _a !== void 0 ? _a : 0) + ((_b = curr.statistics[stat.value]) !== null && _b !== void 0 ? _b : 0);
-    });
-    statistics.name = "Totals";
-    return {
-        visible: curr.visible,
-        statistics,
-    };
-};
-/**
- * Convenience function for rounding decimals to a given precision
- * Note that "precision" here means "number of digits to the right of the decimal point"
- */
-export const roundDecimalToPrecision = (number, precision) => {
-    // Example: number = .12345, precision = 2
-    const shiftedNumber = number * Math.pow(10, precision); // example: 12.345
-    const roundedShiftedNumber = Math.round(shiftedNumber); // example: 12
-    return roundedShiftedNumber / Math.pow(10, precision); // example: .12
-};
+import { STATISTICS } from "./constants";
+/**
+ * Given a number, will return a nice string, 1,024 will return 1KB, 100 will return 100 Bytes, and so on.
+ *
+ * The result is displayed with 2 decimal points of precision.
+ */
+export function bytesToSize(bytes) {
+    if (bytes === 0)
+        return "0 Bytes";
+    // Size powers, in English
+    const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
+    // Determine the size power for the number of bytes
+    const i = Math.floor(Math.log(bytes) / Math.log(1024));
+    // Adjusted down to how many KB, MB, GB, etc...
+    const bytesByScale = bytes / Math.pow(1024, i);
+    // Return the size, rounded, with 2 decimal points of precision
+    return `${Math.round(bytesByScale * 100) / 100} ${sizes[i]}`;
+}
+/**
+ * Handler for Array.reduce. It takes the array of statistics and sums each value.
+ * This outputs an object that has total CPU and memory consumption.
+ */
+export const statReducer = (prev, curr) => {
+    const statistics = {};
+    STATISTICS.forEach((stat) => {
+        var _a, _b;
+        if (typeof prev.statistics[stat.value] === "undefined" || typeof curr.statistics[stat.value] === "undefined") {
+            statistics[stat.value] = undefined;
+            return;
+        }
+        statistics[stat.value] = ((_a = prev.statistics[stat.value]) !== null && _a !== void 0 ? _a : 0) + ((_b = curr.statistics[stat.value]) !== null && _b !== void 0 ? _b : 0);
+    });
+    statistics.name = "Totals";
+    return {
+        visible: curr.visible,
+        statistics,
+    };
+};
+/**
+ * Convenience function for rounding decimals to a given precision
+ * Note that "precision" here means "number of digits to the right of the decimal point"
+ */
+export const roundDecimalToPrecision = (number, precision) => {
+    // Example: number = .12345, precision = 2
+    const shiftedNumber = number * Math.pow(10, precision); // example: 12.345
+    const roundedShiftedNumber = Math.round(shiftedNumber); // example: 12
+    return roundedShiftedNumber / Math.pow(10, precision); // example: .12
+};
 //# sourceMappingURL=helpers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../../src/ui/components/processMonitor/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGzC;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,KAAa;IACxC,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,SAAS,CAAC;IAElC,0BAA0B;IAC1B,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAEhD,mDAAmD;IACnD,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IAEvD,+CAA+C;IAC/C,MAAM,YAAY,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAE/C,+DAA+D;IAC/D,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,CAAC,GAAG,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AAC9D,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAiB,EAAE,IAAiB,EAAe,EAAE;IAChF,MAAM,UAAU,GAAwC,EAAE,CAAC;IAC3D,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;;QAC3B,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,WAAW,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,WAAW,EAAE;YAC7G,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;YACnC,OAAO;SACP;QAED,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,mCAAI,CAAC,CAAC,CAAC;IAClG,CAAC,CAAC,CAAC;IAEH,UAAU,CAAC,IAAI,GAAG,QAAQ,CAAC;IAE3B,OAAO;QACN,OAAO,EAAE,IAAI,CAAC,OAAO;QACrB,UAAU;KACV,CAAC;AACH,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,MAAc,EAAE,SAAiB,EAAU,EAAE;IACpF,0CAA0C;IAC1C,MAAM,aAAa,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,kBAAkB;IAC1E,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc;IACtE,OAAO,oBAAoB,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,eAAe;AACvE,CAAC,CAAC"}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../../src/ui/components/processMonitor/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGzC;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,KAAa;IACxC,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,SAAS,CAAC;IAElC,0BAA0B;IAC1B,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAEhD,mDAAmD;IACnD,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IAEvD,+CAA+C;IAC/C,MAAM,YAAY,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAE/C,+DAA+D;IAC/D,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,CAAC,GAAG,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AAC9D,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAiB,EAAE,IAAiB,EAAe,EAAE;IAChF,MAAM,UAAU,GAAwC,EAAE,CAAC;IAC3D,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;;QAC3B,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,WAAW,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,WAAW,EAAE,CAAC;YAC9G,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;YACnC,OAAO;QACR,CAAC;QAED,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,mCAAI,CAAC,CAAC,CAAC;IAClG,CAAC,CAAC,CAAC;IAEH,UAAU,CAAC,IAAI,GAAG,QAAQ,CAAC;IAE3B,OAAO;QACN,OAAO,EAAE,IAAI,CAAC,OAAO;QACrB,UAAU;KACV,CAAC;AACH,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,MAAc,EAAE,SAAiB,EAAU,EAAE;IACpF,0CAA0C;IAC1C,MAAM,aAAa,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,kBAAkB;IAC1E,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc;IACtE,OAAO,oBAAoB,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,eAAe;AACvE,CAAC,CAAC"}

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

@@ -1,2 +1,2 @@
-export { ProcessMonitor } from "./ProcessMonitor";
+export { ProcessMonitor } from "./ProcessMonitor";
 //# sourceMappingURL=index.d.ts.map

package/react/components/processMonitor/index.js

@@ -1,2 +1,2 @@
-export { ProcessMonitor } from "./ProcessMonitor";
+export { ProcessMonitor } from "./ProcessMonitor";
 //# sourceMappingURL=index.js.map

package/react/components/processMonitor/stores/ProcessMonitorStore.d.ts

@@ -1,59 +1,59 @@
-import { ChildWindowType, ProcessType } from "../ProcessMonitorTypes";
-import { StoreModel } from "../../../../clients/StoreModel";
-import { StandardCallback } from "../../../../types";
-import { ProcessInfo } from "../../../../FEA";
-declare let ProcessMonitorStore: StoreModel | undefined;
-declare type VoidCallback = () => void;
-export declare let storeWrapper: StoreModel | null | undefined;
-declare const Actions: {
-    /**
-     * Creates the local store, then gets the first cut at stats for the process list.
-     */
-    initialize: (cb: VoidCallback) => void;
-    /**
-     * Gets the process list, pulls the statistics out, and renders the app. Also sets up an interval where we'll retrieve more stats from the system.
-     */
-    getInitialData: () => void;
-    /**
-     * Sets the sort field; if it's the same field as we had previously, we flip the sort direction.
-     */
-    setSort: (field: string) => Promise<void>;
-    /**
-     * Extracts data from the process list (via the createDataModel function), and then sets the processList value on the store. This causes the UI to re-render.
-     */
-    extractData: (processes: ProcessInfo[]) => void;
-    /**
-     * Converts the system.getProcessList response into something that's easily render-able.
-     */
-    createDataModel: (processes: ProcessInfo[], cb: (procs: ProcessType[]) => void) => Promise<void>;
-    /**
-     * Sorting function. Handles ascending and descending.
-     */
-    sortProcesses: (procs: ProcessType[]) => Promise<ProcessType[]>;
-    /**
-     * Gets the current "flashing" state - whether the process monitor is currently flashing a window
-     */
-    getFlashingState: (cb?: StandardCallback) => Promise<void>;
-    /**
-     * Gets the current "flashing" state for the process monitor
-     */
-    setFlashingState: (value: boolean, cb?: StandardCallback) => Promise<void>;
-    /**
-     * Make the window flash a couple of times so that the user can identify it.
-     */
-    identifyWindow: (winID: ChildWindowType) => void;
-    /**
-     * Terminates a process group. Containing windows for browser views will be closed.
-     */
-    terminateProcess: (webContents: ProcessType["statistics"]["webContents"]) => void;
-    /**
-     * This function exists to make the UI feel snappy. May take a second or so for the window to close properly and for the change to flow to system.getProcessList. To make that lag go away, we immediately render the change.
-     */
-    removeWindowLocally: (windowName: string) => Promise<void>;
-    /**
-     * Try to close the window. If that fails, try to force close the window. If that fails, ask if they'd like to terminate the parent process.
-     */
-    closeWindow: (windowName: string, force?: boolean) => void;
-};
-export { ProcessMonitorStore as Store, Actions };
+import { ChildWindowType, ProcessType } from "../ProcessMonitorTypes";
+import { StoreModel } from "../../../../clients/StoreModel";
+import { StandardCallback } from "../../../../types";
+import { ProcessInfo } from "../../../../FEA";
+declare let ProcessMonitorStore: StoreModel | undefined;
+type VoidCallback = () => void;
+export declare let storeWrapper: StoreModel | null | undefined;
+declare const Actions: {
+    /**
+     * Creates the local store, then gets the first cut at stats for the process list.
+     */
+    initialize: (cb: VoidCallback) => void;
+    /**
+     * Gets the process list, pulls the statistics out, and renders the app. Also sets up an interval where we'll retrieve more stats from the system.
+     */
+    getInitialData: () => void;
+    /**
+     * Sets the sort field; if it's the same field as we had previously, we flip the sort direction.
+     */
+    setSort: (field: string) => Promise<void>;
+    /**
+     * Extracts data from the process list (via the createDataModel function), and then sets the processList value on the store. This causes the UI to re-render.
+     */
+    extractData: (processes: ProcessInfo[]) => void;
+    /**
+     * Converts the system.getProcessList response into something that's easily render-able.
+     */
+    createDataModel: (processes: ProcessInfo[], cb: (procs: ProcessType[]) => void) => Promise<void>;
+    /**
+     * Sorting function. Handles ascending and descending.
+     */
+    sortProcesses: (procs: ProcessType[]) => Promise<ProcessType[]>;
+    /**
+     * Gets the current "flashing" state - whether the process monitor is currently flashing a window
+     */
+    getFlashingState: (cb?: StandardCallback) => Promise<void>;
+    /**
+     * Gets the current "flashing" state for the process monitor
+     */
+    setFlashingState: (value: boolean, cb?: StandardCallback) => Promise<void>;
+    /**
+     * Make the window flash a couple of times so that the user can identify it.
+     */
+    identifyWindow: (winID: ChildWindowType) => void;
+    /**
+     * Terminates a process group. Containing windows for browser views will be closed.
+     */
+    terminateProcess: (webContents: ProcessType["statistics"]["webContents"]) => void;
+    /**
+     * This function exists to make the UI feel snappy. May take a second or so for the window to close properly and for the change to flow to system.getProcessList. To make that lag go away, we immediately render the change.
+     */
+    removeWindowLocally: (windowName: string) => Promise<void>;
+    /**
+     * Try to close the window. If that fails, try to force close the window. If that fails, ask if they'd like to terminate the parent process.
+     */
+    closeWindow: (windowName: string, force?: boolean) => void;
+};
+export { ProcessMonitorStore as Store, Actions };
 //# sourceMappingURL=ProcessMonitorStore.d.ts.map

package/react/components/processMonitor/stores/ProcessMonitorStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProcessMonitorStore.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/processMonitor/stores/ProcessMonitorStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAkB,MAAM,wBAAwB,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAiB,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAK9C,QAAA,IAAI,mBAAmB,EAAE,UAAU,GAAG,SAAS,CAAC;AAEhD,aAAK,YAAY,GAAG,MAAM,IAAI,CAAC;AAY/B,eAAO,IAAI,YAAY,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;AAgBvD,QAAA,MAAM,OAAO;IACZ;;OAEG;qBACc,YAAY;IAO7B;;OAEG;;IAQH;;OAEG;qBACoB,MAAM;IA6B7B;;OAEG;6BACsB,WAAW,EAAE;IAOtC;;OAEG;iCACgC,WAAW,EAAE,cAAc,WAAW,EAAE,KAAK,IAAI;IAiCpF;;OAEG;2BAC0B,WAAW,EAAE;IAgC1C;;OAEG;4BAC2B,gBAAgB;IAI9C;;OAEG;8BAC6B,OAAO,OAAO,gBAAgB;IAI9D;;OAEG;4BAC8B,eAAe;IAwChD;;OAEG;oCAC6B,WAAW,CAAC,YAAY,CAAC,CAAC,aAAa,CAAC;IA2BxE;;OAEG;sCAC8C,MAAM;IAavD;;OAEG;8BACgC,MAAM;CAwBzC,CAAC;AAEF,OAAO,EAAE,mBAAmB,IAAI,KAAK,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"ProcessMonitorStore.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/processMonitor/stores/ProcessMonitorStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAkB,MAAM,wBAAwB,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAiB,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAK9C,QAAA,IAAI,mBAAmB,EAAE,UAAU,GAAG,SAAS,CAAC;AAEhD,KAAK,YAAY,GAAG,MAAM,IAAI,CAAC;AAY/B,eAAO,IAAI,YAAY,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;AAgBvD,QAAA,MAAM,OAAO;IACZ;;OAEG;qBACc,YAAY;IAO7B;;OAEG;;IAQH;;OAEG;qBACoB,MAAM;IA6B7B;;OAEG;6BACsB,WAAW,EAAE;IAOtC;;OAEG;iCACgC,WAAW,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI;IAiCpF;;OAEG;2BAC0B,WAAW,EAAE;IAgC1C;;OAEG;4BAC2B,gBAAgB;IAI9C;;OAEG;8BAC6B,OAAO,OAAO,gBAAgB;IAI9D;;OAEG;4BAC8B,eAAe;IAwChD;;OAEG;oCAC6B,WAAW,CAAC,YAAY,CAAC,CAAC,aAAa,CAAC;IA2BxE;;OAEG;sCAC8C,MAAM;IAavD;;OAEG;8BACgC,MAAM;CAwBzC,CAAC;AAEF,OAAO,EAAE,mBAAmB,IAAI,KAAK,EAAE,OAAO,EAAE,CAAC"}