@finsemble/finsemble-ui 1.0.0-beta-1

package/react/components/userPreferences/components/content/DashbarEditor.js

@@ -0,0 +1,132 @@
+import React from "react";
+import "../../../../assets/css/userPreferences.css";
+import DashbarEditorItem from "./DashbarEditorItem";
+export default class DashbarEditor extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            dashbarStore: null,
+            dashbarConfigPath: "finsemble.availableDashbarItems",
+            dashbarStorePath: "Finsemble-Dashbar-Store",
+            // props.availableItems is for the DashbarEditor story
+            availableItems: props.availableItems ? props.availableItems : [],
+        };
+        this.updateDashbarItems = this.updateDashbarItems.bind(this);
+    }
+    async componentDidMount() {
+        try {
+            const { data: availableDashbarItems } = await FSBL.Clients.ConfigClient.getValue({
+                field: "finsemble.availableDashbarItems",
+            });
+            FSBL.Clients.DistributedStoreClient.getStore({
+                store: this.state.dashbarStorePath,
+                global: true,
+            }, (error, store) => {
+                const DashbarStore = store;
+                const { dashbaritems } = DashbarStore.values;
+                DashbarStore.addListener({
+                    field: "dashbaritems",
+                }, this.updateDashbarItems);
+                const newDashbarItems = [];
+                const hasEnabledItems = dashbaritems && Array.isArray(dashbaritems) && dashbaritems.length > 0;
+                availableDashbarItems &&
+                    Object.keys(availableDashbarItems).map((dashbarItemName) => {
+                        const newItem = availableDashbarItems[dashbarItemName];
+                        if (hasEnabledItems && dashbaritems.includes(dashbarItemName)) {
+                            newItem.enabled = true;
+                        }
+                        else {
+                            newItem.enabled = false;
+                        }
+                        newItem.id = dashbarItemName;
+                        newDashbarItems.push(newItem);
+                    });
+                this.setState({
+                    dashbarStore: DashbarStore,
+                    availableItems: newDashbarItems,
+                });
+            });
+        }
+        catch (errorInitializingDashbarItems) {
+            FSBL.Clients.Logger.system.error("Error initializing dashbar preferences", errorInitializingDashbarItems);
+        }
+    }
+    componentWillUnmount() {
+        try {
+            this.state.dashbarStore.removeListener({ field: "dashbaritems" }, this.updateDashbarItems);
+        }
+        catch (_a) {
+            FSBL.Clients.Logger.system.error("Error unmounting component");
+        }
+    }
+    async updateDashbarItems(err, data) {
+        try {
+            const { data: availableDashbarItems } = await FSBL.Clients.ConfigClient.getValue({
+                field: "finsemble.availableDashbarItems",
+            });
+            const hasEnabledItems = data.value && Array.isArray(data.value) && data.value.length > 0;
+            const newDashbarItems = [];
+            availableDashbarItems &&
+                Object.keys(availableDashbarItems).map((dashbarItemName) => {
+                    const newItem = availableDashbarItems[dashbarItemName];
+                    if (hasEnabledItems && data.value.includes(dashbarItemName)) {
+                        newItem.enabled = true;
+                    }
+                    else {
+                        newItem.enabled = false;
+                    }
+                    newItem.id = dashbarItemName;
+                    newDashbarItems.push(newItem);
+                });
+            this.setState({
+                availableItems: newDashbarItems,
+            });
+        }
+        catch (errorUpdatingDashbarItems) {
+            FSBL.Clients.Logger.system.error("Error updating dashbar items", errorUpdatingDashbarItems);
+        }
+    }
+    removeItem(itemId) {
+        // Removes a key from the store, dashbar will update the UI
+        this.state.dashbarStore.getValue({ field: "dashbaritems" }, (error, dashbaritems) => {
+            const indexToRemove = dashbaritems.findIndex((name) => name === itemId);
+            dashbaritems.splice(indexToRemove, 1);
+            this.state.dashbarStore.setValue({ field: "dashbaritems", value: dashbaritems });
+        });
+    }
+    addItem(itemId) {
+        // Update the store with new item, dashbar will parse these values and apply them
+        this.state.dashbarStore.getValue({ field: "dashbaritems" }, (error, dashbaritems) => {
+            dashbaritems.push(itemId);
+            this.state.dashbarStore.setValue({ field: "dashbaritems", value: dashbaritems });
+        });
+    }
+    render() {
+        const { availableItems: items, dashbarConfigPath: configPath } = this.state;
+        if (items.length > 0) {
+            return (React.createElement("div", { className: `dashbar-preferences ${this.props.className || ""}`, style: { paddingLeft: 20, paddingTop: 3 } },
+                React.createElement("table", { className: "dashbar-items-table" },
+                    React.createElement("colgroup", null,
+                        React.createElement("col", { className: "db-col-1" }),
+                        React.createElement("col", { className: "db-col-2" }),
+                        React.createElement("col", { className: "db-col-3" }),
+                        React.createElement("col", { className: "db-col-4" })),
+                    React.createElement("thead", null,
+                        React.createElement("tr", { className: "items-header" },
+                            React.createElement("th", null),
+                            React.createElement("th", null, "Title:"),
+                            React.createElement("th", null, "Url:"),
+                            React.createElement("th", null, "Width:"))),
+                    React.createElement("tbody", null, items.map((item, index) => {
+                        const buttonAction = item.enabled
+                            ? this.removeItem.bind(this, item.id)
+                            : this.addItem.bind(this, item.id);
+                        return (React.createElement(DashbarEditorItem, { key: index, buttonAction: buttonAction, index: index, id: item.id, title: item.title, enabled: item.enabled, url: item.url, width: item.width }));
+                    })))));
+        }
+        else {
+            return (React.createElement("div", { id: "no-dashbar-items", style: { paddingLeft: 20 } }, `You don't seem to have any dashbar items enabled or defined. Define some in ${configPath}`));
+        }
+    }
+}
+//# sourceMappingURL=DashbarEditor.js.map

package/react/components/userPreferences/components/content/DashbarEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashbarEditor.js","sourceRoot":"","sources":["../../../../../src/components/userPreferences/components/content/DashbarEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport \"../../../../assets/css/userPreferences.css\";\nimport DashbarEditorItem from \"./DashbarEditorItem\";\n\ntype DashbarEditorProps = {\n\tavailableItems?: Array<any>;\n\tclassName?: string;\n};\n\ntype DashbarEditorState = {\n\tdashbarStore: any;\n\tdashbarConfigPath: string;\n\tdashbarStorePath: string;\n\tavailableItems: Array<any>;\n};\n\nexport default class DashbarEditor extends React.Component<DashbarEditorProps, DashbarEditorState> {\n\tconstructor(props: DashbarEditorProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tdashbarStore: null,\n\t\t\tdashbarConfigPath: \"finsemble.availableDashbarItems\",\n\t\t\tdashbarStorePath: \"Finsemble-Dashbar-Store\",\n\t\t\t// props.availableItems is for the DashbarEditor story\n\t\t\tavailableItems: props.availableItems ? props.availableItems : [],\n\t\t};\n\t\tthis.updateDashbarItems = this.updateDashbarItems.bind(this);\n\t}\n\n\tasync componentDidMount() {\n\t\ttry {\n\t\t\tconst { data: availableDashbarItems } = await FSBL.Clients.ConfigClient.getValue({\n\t\t\t\tfield: \"finsemble.availableDashbarItems\",\n\t\t\t});\n\t\t\tFSBL.Clients.DistributedStoreClient.getStore(\n\t\t\t\t{\n\t\t\t\t\tstore: this.state.dashbarStorePath,\n\t\t\t\t\tglobal: true,\n\t\t\t\t},\n\t\t\t\t(error: any, store: any) => {\n\t\t\t\t\tconst DashbarStore = store;\n\n\t\t\t\t\tconst { dashbaritems } = DashbarStore.values;\n\n\t\t\t\t\tDashbarStore.addListener(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tfield: \"dashbaritems\",\n\t\t\t\t\t\t},\n\t\t\t\t\t\tthis.updateDashbarItems\n\t\t\t\t\t);\n\n\t\t\t\t\tconst newDashbarItems: Array<any> = [];\n\n\t\t\t\t\tconst hasEnabledItems = dashbaritems && Array.isArray(dashbaritems) && dashbaritems.length > 0;\n\n\t\t\t\t\tavailableDashbarItems &&\n\t\t\t\t\t\tObject.keys(availableDashbarItems).map((dashbarItemName) => {\n\t\t\t\t\t\t\tconst newItem = availableDashbarItems[dashbarItemName];\n\t\t\t\t\t\t\tif (hasEnabledItems && dashbaritems.includes(dashbarItemName)) {\n\t\t\t\t\t\t\t\tnewItem.enabled = true;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tnewItem.enabled = false;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tnewItem.id = dashbarItemName;\n\t\t\t\t\t\t\tnewDashbarItems.push(newItem);\n\t\t\t\t\t\t});\n\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tdashbarStore: DashbarStore,\n\t\t\t\t\t\tavailableItems: newDashbarItems,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t);\n\t\t} catch (errorInitializingDashbarItems) {\n\t\t\tFSBL.Clients.Logger.system.error(\"Error initializing dashbar preferences\", errorInitializingDashbarItems);\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\ttry {\n\t\t\tthis.state.dashbarStore.removeListener({ field: \"dashbaritems\" }, this.updateDashbarItems);\n\t\t} catch {\n\t\t\tFSBL.Clients.Logger.system.error(\"Error unmounting component\");\n\t\t}\n\t}\n\n\tasync updateDashbarItems(err: any, data: any) {\n\t\ttry {\n\t\t\tconst { data: availableDashbarItems } = await FSBL.Clients.ConfigClient.getValue({\n\t\t\t\tfield: \"finsemble.availableDashbarItems\",\n\t\t\t});\n\n\t\t\tconst hasEnabledItems = data.value && Array.isArray(data.value) && data.value.length > 0;\n\n\t\t\tconst newDashbarItems: Array<any> = [];\n\t\t\tavailableDashbarItems &&\n\t\t\t\tObject.keys(availableDashbarItems).map((dashbarItemName) => {\n\t\t\t\t\tconst newItem = availableDashbarItems[dashbarItemName];\n\t\t\t\t\tif (hasEnabledItems && data.value.includes(dashbarItemName)) {\n\t\t\t\t\t\tnewItem.enabled = true;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnewItem.enabled = false;\n\t\t\t\t\t}\n\t\t\t\t\tnewItem.id = dashbarItemName;\n\t\t\t\t\tnewDashbarItems.push(newItem);\n\t\t\t\t});\n\n\t\t\tthis.setState({\n\t\t\t\tavailableItems: newDashbarItems,\n\t\t\t});\n\t\t} catch (errorUpdatingDashbarItems) {\n\t\t\tFSBL.Clients.Logger.system.error(\"Error updating dashbar items\", errorUpdatingDashbarItems);\n\t\t}\n\t}\n\n\tremoveItem(itemId: number) {\n\t\t// Removes a key from the store, dashbar will update the UI\n\t\tthis.state.dashbarStore.getValue({ field: \"dashbaritems\" }, (error: any, dashbaritems: Array<any>) => {\n\t\t\tconst indexToRemove = dashbaritems.findIndex((name) => name === itemId);\n\t\t\tdashbaritems.splice(indexToRemove, 1);\n\t\t\tthis.state.dashbarStore.setValue({ field: \"dashbaritems\", value: dashbaritems });\n\t\t});\n\t}\n\n\taddItem(itemId: number) {\n\t\t// Update the store with new item, dashbar will parse these values and apply them\n\t\tthis.state.dashbarStore.getValue({ field: \"dashbaritems\" }, (error: any, dashbaritems: Array<any>) => {\n\t\t\tdashbaritems.push(itemId);\n\t\t\tthis.state.dashbarStore.setValue({ field: \"dashbaritems\", value: dashbaritems });\n\t\t});\n\t}\n\n\trender() {\n\t\tconst { availableItems: items, dashbarConfigPath: configPath } = this.state;\n\n\t\tif (items.length > 0) {\n\t\t\treturn (\n\t\t\t\t<div className={`dashbar-preferences ${this.props.className || \"\"}`} style={{ paddingLeft: 20, paddingTop: 3 }}>\n\t\t\t\t\t<table className=\"dashbar-items-table\">\n\t\t\t\t\t\t<colgroup>\n\t\t\t\t\t\t\t<col className=\"db-col-1\" />\n\t\t\t\t\t\t\t<col className=\"db-col-2\" />\n\t\t\t\t\t\t\t<col className=\"db-col-3\" />\n\t\t\t\t\t\t\t<col className=\"db-col-4\" />\n\t\t\t\t\t\t</colgroup>\n\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t\t<tr className=\"items-header\">\n\t\t\t\t\t\t\t\t<th></th>\n\t\t\t\t\t\t\t\t<th>Title:</th>\n\t\t\t\t\t\t\t\t<th>Url:</th>\n\t\t\t\t\t\t\t\t<th>Width:</th>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</thead>\n\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t{items.map((item: any, index: number) => {\n\t\t\t\t\t\t\t\tconst buttonAction = item.enabled\n\t\t\t\t\t\t\t\t\t? this.removeItem.bind(this, item.id)\n\t\t\t\t\t\t\t\t\t: this.addItem.bind(this, item.id);\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<DashbarEditorItem\n\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\tbuttonAction={buttonAction}\n\t\t\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\t\t\tid={item.id}\n\t\t\t\t\t\t\t\t\t\ttitle={item.title}\n\t\t\t\t\t\t\t\t\t\tenabled={item.enabled}\n\t\t\t\t\t\t\t\t\t\turl={item.url}\n\t\t\t\t\t\t\t\t\t\twidth={item.width}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</tbody>\n\t\t\t\t\t</table>\n\t\t\t\t</div>\n\t\t\t);\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t<div id=\"no-dashbar-items\" style={{ paddingLeft: 20 }}>\n\t\t\t\t\t{`You don't seem to have any dashbar items enabled or defined. Define some in ${configPath}`}\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\t}\n}\n"]}

package/react/components/userPreferences/components/content/DashbarEditorItem.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export default function DashbarEditorItem({ index, title, enabled, url, width, buttonAction, id, }: {
+    index: number;
+    title: string;
+    enabled: boolean;
+    url: string;
+    width: number;
+    buttonAction: (selected: boolean) => void;
+    id: string;
+}): JSX.Element;

package/react/components/userPreferences/components/content/DashbarEditorItem.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { FinsembleToggle } from "../../../common/FinsembleToggle";
+export default function DashbarEditorItem({ index, title, enabled, url, width, buttonAction, id, }) {
+    return (React.createElement("tr", { id: id, key: index, className: "dashbar-preferences-item" },
+        React.createElement("td", { id: `${title}-toggle` },
+            React.createElement(FinsembleToggle, { checked: enabled, onChange: buttonAction })),
+        React.createElement("td", null, title),
+        React.createElement("td", { title: url }, url),
+        React.createElement("td", null, width ? width : "")));
+}
+//# sourceMappingURL=DashbarEditorItem.js.map

package/react/components/userPreferences/components/content/DashbarEditorItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashbarEditorItem.js","sourceRoot":"","sources":["../../../../../src/components/userPreferences/components/content/DashbarEditorItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACzC,KAAK,EACL,KAAK,EACL,OAAO,EACP,GAAG,EACH,KAAK,EACL,YAAY,EACZ,EAAE,GASF;IACA,OAAO,CACN,4BAAI,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,0BAA0B;QAC3D,4BAAI,EAAE,EAAE,GAAG,KAAK,SAAS;YACxB,oBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,GAAI,CACzD;QACL,gCAAK,KAAK,CAAM;QAChB,4BAAI,KAAK,EAAE,GAAG,IAAG,GAAG,CAAM;QAC1B,gCAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAM,CACzB,CACL,CAAC;AACH,CAAC","sourcesContent":["import React from \"react\";\nimport { FinsembleToggle } from \"../../../common/FinsembleToggle\";\n\nexport default function DashbarEditorItem({\n\tindex,\n\ttitle,\n\tenabled,\n\turl,\n\twidth,\n\tbuttonAction,\n\tid,\n}: {\n\tindex: number;\n\ttitle: string;\n\tenabled: boolean;\n\turl: string;\n\twidth: number;\n\tbuttonAction: (selected: boolean) => void;\n\tid: string;\n}) {\n\treturn (\n\t\t<tr id={id} key={index} className=\"dashbar-preferences-item\">\n\t\t\t<td id={`${title}-toggle`}>\n\t\t\t\t<FinsembleToggle checked={enabled} onChange={buttonAction} />\n\t\t\t</td>\n\t\t\t<td>{title}</td>\n\t\t\t<td title={url}>{url}</td>\n\t\t\t<td>{width ? width : \"\"}</td>\n\t\t</tr>\n\t);\n}\n"]}

package/react/components/userPreferences/components/content/General.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+declare type GeneralProps = {
+    addListener: Function;
+    removeListener: Function;
+    getValue: Function;
+};
+declare const General: React.FunctionComponent<GeneralProps>;
+export default General;

package/react/components/userPreferences/components/content/General.js

@@ -0,0 +1,32 @@
+import React, { useEffect, useState } from "react";
+import ScheduledClose from "../general/ScheduledClose";
+import { Actions } from "../../stores/UserPreferencesStore";
+import { Checkbox } from "../../../common/Checkbox";
+const General = () => {
+    const [discardUnsavedChanges, setDiscardUnsavedChanges] = useState(false);
+    const toggleDiscardUnsavedChanges = () => {
+        setDiscardUnsavedChanges(!discardUnsavedChanges);
+        Actions.setDiscardUnsavedChangesPreference(!discardUnsavedChanges);
+    };
+    const setDiscardValue = (err, response) => {
+        var _a;
+        let value = false;
+        if (err) {
+            FSBL.Clients.Logger.system.error("Error fetching user preferences data: ", err);
+        }
+        else {
+            value = (_a = response === null || response === void 0 ? void 0 : response["finsemble.scheduledCloseDiscardUnsavedChanges"]) !== null && _a !== void 0 ? _a : false;
+        }
+        setDiscardUnsavedChanges(value);
+    };
+    useEffect(() => {
+        Actions.getPreferences(setDiscardValue);
+    }, []);
+    return (React.createElement("div", { style: { marginTop: -7 } },
+        React.createElement(ScheduledClose, { getPreferences: Actions.getPreferences, setPreferences: Actions.setScheduledClose, configKey: "finsemble.scheduledRestart", label: "Restart" }),
+        React.createElement(ScheduledClose, { getPreferences: Actions.getPreferences, setPreferences: Actions.setScheduledClose, configKey: "finsemble.scheduledShutdown", label: "Shutdown" }),
+        React.createElement("span", { className: "general-row" },
+            React.createElement(Checkbox, { onClick: toggleDiscardUnsavedChanges, checked: discardUnsavedChanges, label: "Discard unsaved workspace changes" }))));
+};
+export default General;
+//# sourceMappingURL=General.js.map

package/react/components/userPreferences/components/content/General.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"General.js","sourceRoot":"","sources":["../../../../../src/components/userPreferences/components/content/General.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AASpD,MAAM,OAAO,GAA0C,GAAG,EAAE;IAC3D,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1E,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACxC,wBAAwB,CAAC,CAAC,qBAAqB,CAAC,CAAC;QACjD,OAAO,CAAC,kCAAkC,CAAC,CAAC,qBAAqB,CAAC,CAAC;IACpE,CAAC,CAAC;IAEF,MAAM,eAAe,GAAqB,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;;QAC3D,IAAI,KAAK,GAAG,KAAK,CAAC;QAClB,IAAI,GAAG,EAAE;YACR,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,wCAAwC,EAAE,GAAG,CAAC,CAAC;SAChF;aAAM;YACN,KAAK,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,+CAA+C,CAAC,mCAAI,KAAK,CAAC;SAC7E;QACD,wBAAwB,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,OAAO,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE;QAC5B,oBAAC,cAAc,IACd,cAAc,EAAE,OAAO,CAAC,cAAc,EACtC,cAAc,EAAE,OAAO,CAAC,iBAAiB,EACzC,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAC,SAAS,GACd;QACF,oBAAC,cAAc,IACd,cAAc,EAAE,OAAO,CAAC,cAAc,EACtC,cAAc,EAAE,OAAO,CAAC,iBAAiB,EACzC,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAC,UAAU,GACf;QACF,8BAAM,SAAS,EAAC,aAAa;YAC5B,oBAAC,QAAQ,IACR,OAAO,EAAE,2BAA2B,EACpC,OAAO,EAAE,qBAAqB,EAC9B,KAAK,EAAC,mCAAmC,GACxC,CACI,CACF,CACN,CAAC;AACH,CAAC,CAAC;AACF,eAAe,OAAO,CAAC","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport ScheduledClose from \"../general/ScheduledClose\";\nimport { Actions } from \"../../stores/UserPreferencesStore\";\nimport { Checkbox } from \"../../../common/Checkbox\";\nimport { StandardCallback } from \"@finsemble/finsemble-api/types/types\";\n\ntype GeneralProps = {\n\taddListener: Function;\n\tremoveListener: Function;\n\tgetValue: Function;\n};\n\nconst General: React.FunctionComponent<GeneralProps> = () => {\n\tconst [discardUnsavedChanges, setDiscardUnsavedChanges] = useState(false);\n\n\tconst toggleDiscardUnsavedChanges = () => {\n\t\tsetDiscardUnsavedChanges(!discardUnsavedChanges);\n\t\tActions.setDiscardUnsavedChangesPreference(!discardUnsavedChanges);\n\t};\n\n\tconst setDiscardValue: StandardCallback = (err, response) => {\n\t\tlet value = false;\n\t\tif (err) {\n\t\t\tFSBL.Clients.Logger.system.error(\"Error fetching user preferences data: \", err);\n\t\t} else {\n\t\t\tvalue = response?.[\"finsemble.scheduledCloseDiscardUnsavedChanges\"] ?? false;\n\t\t}\n\t\tsetDiscardUnsavedChanges(value);\n\t};\n\n\tuseEffect(() => {\n\t\tActions.getPreferences(setDiscardValue);\n\t}, []);\n\n\treturn (\n\t\t<div style={{ marginTop: -7 }}>\n\t\t\t<ScheduledClose\n\t\t\t\tgetPreferences={Actions.getPreferences}\n\t\t\t\tsetPreferences={Actions.setScheduledClose}\n\t\t\t\tconfigKey=\"finsemble.scheduledRestart\"\n\t\t\t\tlabel=\"Restart\"\n\t\t\t/>\n\t\t\t<ScheduledClose\n\t\t\t\tgetPreferences={Actions.getPreferences}\n\t\t\t\tsetPreferences={Actions.setScheduledClose}\n\t\t\t\tconfigKey=\"finsemble.scheduledShutdown\"\n\t\t\t\tlabel=\"Shutdown\"\n\t\t\t/>\n\t\t\t<span className=\"general-row\">\n\t\t\t\t<Checkbox\n\t\t\t\t\tonClick={toggleDiscardUnsavedChanges}\n\t\t\t\t\tchecked={discardUnsavedChanges}\n\t\t\t\t\tlabel=\"Discard unsaved workspace changes\"\n\t\t\t\t/>\n\t\t\t</span>\n\t\t</div>\n\t);\n};\nexport default General;\n"]}

package/react/components/userPreferences/components/content/Notifications.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface IType {
+    name: string;
+    muted: boolean;
+}
+export interface INotificationSources {
+    source: string;
+    icon: string;
+    types: IType[];
+}
+export default function Notifications(): JSX.Element;

package/react/components/userPreferences/components/content/Notifications.js

@@ -0,0 +1,36 @@
+import React, { useState } from "react";
+// Types
+// Context
+import { NotificationsPreferencesContext, } from "../../NotificationsPreferencesContext";
+// Components
+import NotificationsPreferencesHome from "./notificationViews/NotificationsPreferencesHome";
+import NotificationsSourcesPreferences from "./notificationViews/NotificationsSourcesPreferences";
+import NotificationsSourceTypes from "./notificationViews/NotificationsSourceTypes";
+const renderView = (viewName) => {
+    switch (viewName) {
+        case "Home":
+            return React.createElement(NotificationsPreferencesHome, null);
+        case "Sources":
+            return React.createElement(NotificationsSourcesPreferences, null);
+        case "Details":
+            return React.createElement(NotificationsSourceTypes, null);
+        default:
+            return;
+    }
+};
+export default function Notifications() {
+    const [currentView, setCurrentView] = useState("Home");
+    const [selectedNotificationSource, setSelectedNotificationSource] = useState(null);
+    const [notificationSources, setNotificationSources] = useState([]);
+    const notificationsPreferencesContextValues = {
+        currentNotificationsPreferencesView: currentView,
+        setCurrentNotificationsPreferencesView: setCurrentView,
+        selectedNotificationSource: selectedNotificationSource,
+        setSelectedNotificationSource: setSelectedNotificationSource,
+        notificationSources: notificationSources,
+        setNotificationSources: setNotificationSources,
+    };
+    return (React.createElement("div", { className: "notifications-main-preferences__container" },
+        React.createElement(NotificationsPreferencesContext.Provider, { value: notificationsPreferencesContextValues }, renderView(currentView))));
+}
+//# sourceMappingURL=Notifications.js.map

package/react/components/userPreferences/components/content/Notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../../src/components/userPreferences/components/content/Notifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,QAAQ;AAER,UAAU;AACV,OAAO,EACN,+BAA+B,GAE/B,MAAM,uCAAuC,CAAC;AAE/C,aAAa;AACb,OAAO,4BAA4B,MAAM,kDAAkD,CAAC;AAC5F,OAAO,+BAA+B,MAAM,qDAAqD,CAAC;AAClG,OAAO,wBAAwB,MAAM,8CAA8C,CAAC;AAYpF,MAAM,UAAU,GAAG,CAAC,QAAwC,EAAE,EAAE;IAC/D,QAAQ,QAAQ,EAAE;QACjB,KAAK,MAAM;YACV,OAAO,oBAAC,4BAA4B,OAAG,CAAC;QAEzC,KAAK,SAAS;YACb,OAAO,oBAAC,+BAA+B,OAAG,CAAC;QAE5C,KAAK,SAAS;YACb,OAAO,oBAAC,wBAAwB,OAAG,CAAC;QACrC;YACC,OAAO;KACR;AACF,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa;IACpC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAiC,MAAM,CAAC,CAAC;IACvF,MAAM,CAAC,0BAA0B,EAAE,6BAA6B,CAAC,GAAG,QAAQ,CAA8B,IAAI,CAAC,CAAC;IAChH,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAyB,EAAE,CAAC,CAAC;IAE3F,MAAM,qCAAqC,GAAwC;QAClF,mCAAmC,EAAE,WAAW;QAChD,sCAAsC,EAAE,cAAc;QACtD,0BAA0B,EAAE,0BAA0B;QACtD,6BAA6B,EAAE,6BAA6B;QAC5D,mBAAmB,EAAE,mBAAmB;QACxC,sBAAsB,EAAE,sBAAsB;KAC9C,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,2CAA2C;QACzD,oBAAC,+BAA+B,CAAC,QAAQ,IAAC,KAAK,EAAE,qCAAqC,IACpF,UAAU,CAAC,WAAW,CAAC,CACkB,CACtC,CACN,CAAC;AACH,CAAC","sourcesContent":["import React, { useState } from \"react\";\n\n// Types\n\n// Context\nimport {\n\tNotificationsPreferencesContext,\n\tNotificationsPreferencesContextType,\n} from \"../../NotificationsPreferencesContext\";\n\n// Components\nimport NotificationsPreferencesHome from \"./notificationViews/NotificationsPreferencesHome\";\nimport NotificationsSourcesPreferences from \"./notificationViews/NotificationsSourcesPreferences\";\nimport NotificationsSourceTypes from \"./notificationViews/NotificationsSourceTypes\";\n\nexport interface IType {\n\tname: string;\n\tmuted: boolean;\n}\nexport interface INotificationSources {\n\tsource: string;\n\ticon: string;\n\ttypes: IType[];\n}\n\nconst renderView = (viewName: \"Home\" | \"Sources\" | \"Details\") => {\n\tswitch (viewName) {\n\t\tcase \"Home\":\n\t\t\treturn <NotificationsPreferencesHome />;\n\n\t\tcase \"Sources\":\n\t\t\treturn <NotificationsSourcesPreferences />;\n\n\t\tcase \"Details\":\n\t\t\treturn <NotificationsSourceTypes />;\n\t\tdefault:\n\t\t\treturn;\n\t}\n};\n\nexport default function Notifications() {\n\tconst [currentView, setCurrentView] = useState<\"Home\" | \"Sources\" | \"Details\">(\"Home\");\n\tconst [selectedNotificationSource, setSelectedNotificationSource] = useState<INotificationSources | null>(null);\n\tconst [notificationSources, setNotificationSources] = useState<INotificationSources[]>([]);\n\n\tconst notificationsPreferencesContextValues: NotificationsPreferencesContextType = {\n\t\tcurrentNotificationsPreferencesView: currentView,\n\t\tsetCurrentNotificationsPreferencesView: setCurrentView,\n\t\tselectedNotificationSource: selectedNotificationSource,\n\t\tsetSelectedNotificationSource: setSelectedNotificationSource,\n\t\tnotificationSources: notificationSources,\n\t\tsetNotificationSources: setNotificationSources,\n\t};\n\n\treturn (\n\t\t<div className=\"notifications-main-preferences__container\">\n\t\t\t<NotificationsPreferencesContext.Provider value={notificationsPreferencesContextValues}>\n\t\t\t\t{renderView(currentView)}\n\t\t\t</NotificationsPreferencesContext.Provider>\n\t\t</div>\n\t);\n}\n"]}

package/react/components/userPreferences/components/content/Workspaces.d.ts

@@ -0,0 +1,83 @@
+import React from "react";
+import { StandardError } from "@finsemble/finsemble-api/types/types";
+import { Workspace, WorkspaceTemplate } from "../../../../types/workspaceTypes";
+interface IProps {
+    addListener: (fieldListener: {
+        field: string;
+    }, cb: (err: StandardError, data: any) => void) => void;
+    getValue: (fieldName: {
+        field: string;
+    }, cb: (err: StandardError, data: Workspace[]) => void) => void;
+    removeListener: (fieldName: {
+        field: string;
+    }, cb: (err: StandardError, data: any) => void) => void;
+}
+interface IState {
+    initialAlwaysOnTop: boolean;
+    alwaysOnTop: boolean;
+    workspaceList: Workspace[];
+    focusedWorkspace: string;
+    editing: boolean;
+    workspaceBeingEdited: string;
+    templateName: string;
+    adding: boolean;
+    workspaceToLoadOnStart: string | null;
+    focusedWorkspaceComponentList: string[];
+    promptUserOnDirtyWorkspace: boolean;
+    discardUnsavedChanges: boolean;
+}
+export default class Workspaces extends React.Component<IProps, IState> {
+    addWorkspace?: () => void;
+    constructor(props: IProps);
+    resetState(): void;
+    bindCorrectContext(): void;
+    setWorkspaceList(err: StandardError, data: {
+        value: Workspace[];
+    }): void;
+    addListeners(): void;
+    /**
+     * Sets the windowOptions.alwaysOnTop to the value supplied. The preferences component should
+     * not be always on top when a file dialog is open.
+     * @param {boolean} alwaysOnTop The value to set finsembleWindow.options.alwaysOnTop
+     */
+    changePreferencesAlwaysOnTop(alwaysOnTop: boolean): void;
+    onDragEnd({ oldIndex, newIndex }: {
+        oldIndex: number;
+        newIndex: number;
+    }): void;
+    getComponentTypes(templateObject: WorkspaceTemplate): string[];
+    setFocusedWorkspace(workspace: string): void;
+    cancelEdit(): void;
+    renameWorkspace(newName: string): void;
+    startEditingWorkspace(e: React.SyntheticEvent, workspaceName?: string): void;
+    startExportingTemplate(): void;
+    startImportingTemplate(): void;
+    deleteWorkspace(workspaceName?: string): void;
+    setUIPreferencesState(err: StandardError, data: any): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    setPreference(field: string, value: any, cb?: Function): void;
+    setWorkspaceToLoadOnStart(eventOrCb: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement> | (() => void)): void;
+    openFileDialog(): void;
+    /**
+     * If the event is being listened to, when the preferences component is focused
+     * it will set always on top to true, and remove the event listener
+     *
+     * This is to handle bringing alwaysOnTop back to true when file dialogs are closed
+     * without changes (also handles bringing back to front after exporting)
+     */
+    preferencesFocused(): void;
+    importWorkspace(evt: Event & {
+        target: {
+            files: File[];
+            value?: string | string[];
+        };
+    }): void;
+    exportWorkspace(): void;
+    handleButtonClicks(e: React.MouseEvent<HTMLDivElement>): void;
+    getFocusedWorkspaceComponentList(): Promise<never[] | undefined>;
+    toggleDiscardUnsavedChanges(): void;
+    togglePromptUserOnDirtyWorkspace(): void;
+    render(): JSX.Element;
+}
+export {};