@finsemble/finsemble-ui 7.3.0 → 8.0.0-alpha-1

package/react/components/userPreferences/components/LeftNav.js

@@ -1,60 +1,42 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
 import ButtonRow from "../../common/ButtonRow";
-export default class LeftNav extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            activeSection: "General",
-            headerImgUrl: "",
-        };
-    }
-    setActiveSection(name) {
-        let activeSection = this.props.getValue({
-            field: "activeSection",
-        });
-        if (activeSection !== name) {
-            this.setState({
-                activeSection: name,
-            });
-            this.props.setValue({ field: "activeSection", value: name });
-            this.props.setActiveEntry(name);
+import { FEAGlobals } from "../../../../common/Globals";
+const LeftNav = (props) => {
+    const [activeSection, setActiveSection] = useState("General");
+    const [headerImgUrl, setHeaderImgUrl] = useState("");
+    const doSetActiveSection = (name) => {
+        const tmpActiveSection = props.getValue({ field: "activeSection" });
+        if (tmpActiveSection !== name) {
+            setActiveSection(name);
+            props.setValue({ field: "activeSection", value: name });
+            props.setActiveEntry(name);
         }
-    }
-    componentDidMount() {
-        FSBL.Clients.ConfigClient.getValues(null, (err, config) => {
-            if (config.startup_app && config.startup_app.applicationIcon) {
-                this.setState({
-                    headerImgUrl: config.startup_app.applicationIcon,
-                });
+    };
+    useEffect(() => {
+        FEAGlobals.FSBL.Clients.ConfigClient.getValues(null, (err, config) => {
+            var _a;
+            if ((_a = config === null || config === void 0 ? void 0 : config.startup_app) === null || _a === void 0 ? void 0 : _a.applicationIcon) {
+                setHeaderImgUrl(config.startup_app.applicationIcon);
             }
         });
-    }
-    static getDerivedStateFromProps(nextProps, prevState) {
-        if (nextProps.activeSection !== prevState.activeSection) {
-            return {
-                activeSection: nextProps.activeSection,
-            };
-        }
-        return null;
-    }
-    componentDidUpdate(prevProps) {
-        if (this.props.activeSection !== prevProps.activeSection) {
-            this.setActiveSection(this.props.activeSection);
+    }, []);
+    useEffect(() => {
+        if (props.activeSection !== activeSection) {
+            doSetActiveSection(props.activeSection);
         }
-    }
-    render() {
-        return (React.createElement("div", { className: "complex-menu-left-nav-preference", role: "tablist" },
-            React.createElement("div", { className: "complex-menu-left-nav-header", role: "header", "aria-level": 1 }, "Preferences"),
-            this.props.entries.map((entry) => {
-                let sectionToggleClasses = "complex-menu-section-toggle";
-                if (entry === this.state.activeSection) {
-                    sectionToggleClasses = `${sectionToggleClasses} active-section-toggle`;
-                }
-                return (React.createElement("div", { key: entry, style: { height: 35 } },
-                    React.createElement(ButtonRow, { className: sectionToggleClasses, label: entry, role: "tab", ariaSelected: entry === this.state.activeSection, onClick: () => {
-                            this.setActiveSection(entry);
-                        } })));
-            })));
-    }
-}
+    }, [props.activeSection]);
+    return (React.createElement("div", { className: "complex-menu-left-nav-preference", role: "tablist" },
+        React.createElement("div", { className: "complex-menu-left-nav-header", role: "header", "aria-level": 1 }, "Preferences"),
+        props.entries.map((entry) => {
+            let sectionToggleClasses = "complex-menu-section-toggle";
+            if (entry === activeSection) {
+                sectionToggleClasses = `${sectionToggleClasses} active-section-toggle`;
+            }
+            return (React.createElement("div", { key: entry, style: { height: 35 } },
+                React.createElement(ButtonRow, { className: sectionToggleClasses, label: entry, role: "tab", ariaSelected: entry === activeSection, onClick: () => {
+                        doSetActiveSection(entry);
+                    } })));
+        })));
+};
+export default LeftNav;
 //# sourceMappingURL=LeftNav.js.map

package/react/components/userPreferences/components/LeftNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftNav.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/components/LeftNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAmB/C,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAqC;IAC/E,YAAY,KAAmB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,aAAa,EAAE,SAAS;YACxB,YAAY,EAAE,EAAE;SAChB,CAAC;IACH,CAAC;IAED,gBAAgB,CAAC,IAAY;QAC5B,IAAI,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YACvC,KAAK,EAAE,eAAe;SACtB,CAAC,CAAC;QACH,IAAI,aAAa,KAAK,IAAI,EAAE;YAC3B,IAAI,CAAC,QAAQ,CAAC;gBACb,aAAa,EAAE,IAAI;aACnB,CAAC,CAAC;YACH,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;YAC7D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;SAChC;IACF,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,GAAQ,EAAE,MAAW,EAAE,EAAE;YACnE,IAAI,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,WAAW,CAAC,eAAe,EAAE;gBAC7D,IAAI,CAAC,QAAQ,CAAC;oBACb,YAAY,EAAE,MAAM,CAAC,WAAW,CAAC,eAAe;iBAChD,CAAC,CAAC;aACH;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,SAAc,EAAE,SAAc;QAC7D,IAAI,SAAS,CAAC,aAAa,KAAK,SAAS,CAAC,aAAa,EAAE;YACxD,OAAO;gBACN,aAAa,EAAE,SAAS,CAAC,aAAa;aACtC,CAAC;SACF;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,kBAAkB,CAAC,SAAc;QAChC,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,KAAK,SAAS,CAAC,aAAa,EAAE;YACzD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;SAChD;IACF,CAAC;IAED,MAAM;QACL,OAAO,CACN,6BAAK,SAAS,EAAC,kCAAkC,EAAC,IAAI,EAAC,SAAS;YAC/D,6BAAK,SAAS,EAAC,8BAA8B,EAAC,IAAI,EAAC,QAAQ,gBAAa,CAAC,kBAEnE;YACL,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,EAAE;gBACtC,IAAI,oBAAoB,GAAG,6BAA6B,CAAC;gBACzD,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;oBACvC,oBAAoB,GAAG,GAAG,oBAAoB,wBAAwB,CAAC;iBACvE;gBACD,OAAO,CACN,6BAAK,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;oBACrC,oBAAC,SAAS,IACT,SAAS,EAAE,oBAAoB,EAC/B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,KAAK,EACV,YAAY,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,aAAa,EAChD,OAAO,EAAE,GAAG,EAAE;4BACb,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;wBAC9B,CAAC,GACW,CACR,CACN,CAAC;YACH,CAAC,CAAC,CACG,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["import React from \"react\";\nimport ButtonRow from \"../../common/ButtonRow\";\n\n/**\n * The left section of the UserPreference menu. It contains all the preference section buttons for the user\n * to select and go to different user preference sections.\n */\n\ntype LeftNavProps = {\n\tgetValue: Function;\n\tsetValue: Function;\n\tsetActiveEntry: Function;\n\tactiveSection: string;\n\tentries: Array<string>;\n};\n\ntype LeftNavState = {\n\tactiveSection: string;\n\theaderImgUrl: string;\n};\nexport default class LeftNav extends React.Component<LeftNavProps, LeftNavState> {\n\tconstructor(props: LeftNavProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tactiveSection: \"General\",\n\t\t\theaderImgUrl: \"\",\n\t\t};\n\t}\n\n\tsetActiveSection(name: string) {\n\t\tlet activeSection = this.props.getValue({\n\t\t\tfield: \"activeSection\",\n\t\t});\n\t\tif (activeSection !== name) {\n\t\t\tthis.setState({\n\t\t\t\tactiveSection: name,\n\t\t\t});\n\t\t\tthis.props.setValue({ field: \"activeSection\", value: name });\n\t\t\tthis.props.setActiveEntry(name);\n\t\t}\n\t}\n\n\tcomponentDidMount() {\n\t\tFSBL.Clients.ConfigClient.getValues(null, (err: any, config: any) => {\n\t\t\tif (config.startup_app && config.startup_app.applicationIcon) {\n\t\t\t\tthis.setState({\n\t\t\t\t\theaderImgUrl: config.startup_app.applicationIcon,\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tstatic getDerivedStateFromProps(nextProps: any, prevState: any) {\n\t\tif (nextProps.activeSection !== prevState.activeSection) {\n\t\t\treturn {\n\t\t\t\tactiveSection: nextProps.activeSection,\n\t\t\t};\n\t\t}\n\t\treturn null;\n\t}\n\n\tcomponentDidUpdate(prevProps: any) {\n\t\tif (this.props.activeSection !== prevProps.activeSection) {\n\t\t\tthis.setActiveSection(this.props.activeSection);\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div className=\"complex-menu-left-nav-preference\" role=\"tablist\">\n\t\t\t\t<div className=\"complex-menu-left-nav-header\" role=\"header\" aria-level={1}>\n\t\t\t\t\tPreferences\n\t\t\t\t</div>\n\t\t\t\t{this.props.entries.map((entry: any) => {\n\t\t\t\t\tlet sectionToggleClasses = \"complex-menu-section-toggle\";\n\t\t\t\t\tif (entry === this.state.activeSection) {\n\t\t\t\t\t\tsectionToggleClasses = `${sectionToggleClasses} active-section-toggle`;\n\t\t\t\t\t}\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div key={entry} style={{ height: 35 }}>\n\t\t\t\t\t\t\t<ButtonRow\n\t\t\t\t\t\t\t\tclassName={sectionToggleClasses}\n\t\t\t\t\t\t\t\tlabel={entry}\n\t\t\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\t\t\tariaSelected={entry === this.state.activeSection}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tthis.setActiveSection(entry);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t></ButtonRow>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"LeftNav.js","sourceRoot":"","sources":["../../../../../../src/ui/components/userPreferences/components/LeftNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAexD,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACvC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC9D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAErD,MAAM,kBAAkB,GAAG,CAAC,IAAY,EAAE,EAAE;QAC3C,MAAM,gBAAgB,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,CAAC;QACpE,IAAI,gBAAgB,KAAK,IAAI,EAAE;YAC9B,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;YACxD,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;SAC3B;IACF,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,GAAQ,EAAE,MAAW,EAAE,EAAE;;YAC9E,IAAI,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,0CAAE,eAAe,EAAE;gBACzC,eAAe,CAAC,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;aACpD;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,KAAK,CAAC,aAAa,KAAK,aAAa,EAAE;YAC1C,kBAAkB,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;SACxC;IACF,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;IAE1B,OAAO,CACN,6BAAK,SAAS,EAAC,kCAAkC,EAAC,IAAI,EAAC,SAAS;QAC/D,6BAAK,SAAS,EAAC,8BAA8B,EAAC,IAAI,EAAC,QAAQ,gBAAa,CAAC,kBAEnE;QACL,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,EAAE;YACjC,IAAI,oBAAoB,GAAG,6BAA6B,CAAC;YACzD,IAAI,KAAK,KAAK,aAAa,EAAE;gBAC5B,oBAAoB,GAAG,GAAG,oBAAoB,wBAAwB,CAAC;aACvE;YACD,OAAO,CACN,6BAAK,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;gBACrC,oBAAC,SAAS,IACT,SAAS,EAAE,oBAAoB,EAC/B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,KAAK,EACV,YAAY,EAAE,KAAK,KAAK,aAAa,EACrC,OAAO,EAAE,GAAG,EAAE;wBACb,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC3B,CAAC,GACW,CACR,CACN,CAAC;QACH,CAAC,CAAC,CACG,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,5 @@
+import React from "react";
+import "./bloomberg.css";
+declare const Bloomberg: React.FunctionComponent;
+export default Bloomberg;
+//# sourceMappingURL=BloombergPreferences.d.ts.map

package/react/components/userPreferences/components/content/BloombergPreferences.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BloombergPreferences.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/userPreferences/components/content/BloombergPreferences.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,iBAAiB,CAAC;AAEzB,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAsHtB,CAAC;AACF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,97 @@
+import React, { useEffect, useState } from "react";
+import { FEAGlobals } from "../../../../../common";
+import { Checkbox } from "../../../common/Checkbox";
+import { BloombergStatusBadge } from "../../../toolbar/bloomberg/BloombergStatus";
+import "./bloomberg.css";
+const Bloomberg = () => {
+    const [isEnabled, setIsEnabled] = useState(false);
+    const [bbgRemoteAddress, setBbgRemoteAddress] = useState("");
+    const [isRemote, setIsRemote] = useState(false);
+    const [showBloomberg, setShowBloomberg] = useState(false);
+    useEffect(() => {
+        let enabledHandler = (err, enabled) => {
+            if (err) {
+                FEAGlobals.FSBL.Clients.Logger.debug("Error received when checking bloomberg bridge config", err);
+            }
+            else {
+                let bbgEnabled = typeof enabled.value == "undefined" ? true : enabled.value;
+                setIsEnabled(bbgEnabled);
+            }
+        };
+        FEAGlobals.FSBL.Clients.ConfigClient.getValue({ field: "finsemble.custom.bloomberg.enabled" }, enabledHandler);
+        FEAGlobals.FSBL.Clients.ConfigClient.addListener({ field: "finsemble.custom.bloomberg.enabled" }, enabledHandler);
+        let statusHandler = (err, status) => {
+            if (err) {
+                FEAGlobals.FSBL.Clients.Logger.debug("Error received when checking bloomberg bridge config", err);
+            }
+            else {
+                let bbgStatus = !!(typeof status.value == "undefined" || status.value);
+                setShowBloomberg(bbgStatus);
+            }
+        };
+        FEAGlobals.FSBL.Clients.ConfigClient.getValue({ field: "finsemble.custom.bloomberg.showStatus" }, statusHandler);
+        FEAGlobals.FSBL.Clients.ConfigClient.addListener({ field: "finsemble.custom.bloomberg.showStatus" }, statusHandler);
+        let remoteAddressHandler = (err, address) => {
+            if (err) {
+                FEAGlobals.FSBL.Clients.Logger.debug("Error received when checking bloomberg bridge config", err);
+            }
+            else {
+                let remoteAddress = typeof address.value == "undefined" ? address : address.value;
+                if (remoteAddress !== bbgRemoteAddress) {
+                    setBbgRemoteAddress(remoteAddress);
+                }
+            }
+        };
+        FEAGlobals.FSBL.Clients.ConfigClient.getValue({ field: "finsemble.custom.bloomberg.remoteAddress" }, remoteAddressHandler);
+        FEAGlobals.FSBL.Clients.ConfigClient.addListener({ field: "finsemble.custom.bloomberg.remoteAddress" }, remoteAddressHandler);
+        let remoteHandler = (err, remote) => {
+            if (err) {
+                FEAGlobals.FSBL.Clients.Logger.debug("Error received when checking bloomberg bridge config", err);
+            }
+            else {
+                let bbgRemote = typeof remote.value == "undefined" ? remote : remote.value;
+                setIsRemote(bbgRemote);
+            }
+        };
+        FEAGlobals.FSBL.Clients.ConfigClient.getValue({ field: "finsemble.custom.bloomberg.remote" }, remoteHandler);
+        FEAGlobals.FSBL.Clients.ConfigClient.addListener({ field: "finsemble.custom.bloomberg.remote" }, remoteHandler);
+    }, []);
+    const doToggleShowBloomberg = () => {
+        const newShowBloomberg = !showBloomberg;
+        setShowBloomberg(newShowBloomberg);
+        FEAGlobals.FSBL.Clients.ConfigClient.setPreference({
+            field: "finsemble.custom.bloomberg.showStatus",
+            value: newShowBloomberg,
+        });
+    };
+    const doToggleIsRemote = () => {
+        const newIsRemote = !isRemote;
+        setIsRemote(newIsRemote);
+        FEAGlobals.FSBL.Clients.ConfigClient.setPreference({
+            field: "finsemble.custom.bloomberg.remote",
+            value: newIsRemote,
+        });
+    };
+    const doSetBbgRemoteAddress = (address) => {
+        setBbgRemoteAddress(address);
+        FEAGlobals.FSBL.Clients.ConfigClient.setPreference({
+            field: "finsemble.custom.bloomberg.remoteAddress",
+            value: address,
+        });
+    };
+    return (React.createElement("div", { className: "bloomberg-config" }, isEnabled ? (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "status-config" },
+            React.createElement(Checkbox, { label: "Show status in Toolbar", checked: showBloomberg, onClick: doToggleShowBloomberg }),
+            showBloomberg && React.createElement(BloombergStatusBadge, null)),
+        React.createElement("div", { className: "remote-config" },
+            React.createElement(Checkbox, { label: "Remote", checked: isRemote, onClick: doToggleIsRemote })),
+        isRemote && (React.createElement("div", { className: "hostname-config" },
+            React.createElement("label", null, "Hostname"),
+            React.createElement("input", { type: "text", value: bbgRemoteAddress, onChange: (e) => {
+                    doSetBbgRemoteAddress(e.target.value);
+                } }))))) : (React.createElement(React.Fragment, null,
+        React.createElement("h1", null, "Bloomberg is not enabled"),
+        React.createElement("p", null, "Please enable Bloomberg in the Smart Desktop Designer")))));
+};
+export default Bloomberg;
+//# sourceMappingURL=BloombergPreferences.js.map

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

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

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

@@ -1,22 +1,9 @@
-import React from "react";
+/// <reference types="react" />
 import "../../../../assets/css/userPreferences.css";
 declare type DashbarEditorProps = {
     availableItems?: Array<any>;
     className?: string;
 };
-declare type DashbarEditorState = {
-    dashbarStore: any;
-    dashbarConfigPath: string;
-    dashbarStorePath: string;
-    availableItems: Array<any>;
-};
-export default class DashbarEditor extends React.Component<DashbarEditorProps, DashbarEditorState> {
-    constructor(props: DashbarEditorProps);
-    componentDidMount(): Promise<void>;
-    componentWillUnmount(): void;
-    updateDashbarItems(err: any, data: any): Promise<void>;
-    removeItem(itemId: number): void;
-    addItem(itemId: number): void;
-    render(): JSX.Element;
-}
-export {};
+declare const DashbarEditor: (props: DashbarEditorProps) => JSX.Element;
+export default DashbarEditor;
+//# sourceMappingURL=DashbarEditor.d.ts.map

package/react/components/userPreferences/components/content/DashbarEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashbarEditor.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/userPreferences/components/content/DashbarEditor.tsx"],"names":[],"mappings":";AAEA,OAAO,4CAA4C,CAAC;AAIpD,aAAK,kBAAkB,GAAG;IACzB,cAAc,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAKF,QAAA,MAAM,aAAa,UAAW,kBAAkB,gBAiK/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,67 +1,16 @@
-import React from "react";
+import React, { useState, useEffect } 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() {
+import { FEAGlobals } from "../../../../../common/Globals";
+const dashbarConfigPath = "finsemble.availableDashbarItems";
+const dashbarStorePath = "Finsemble-Dashbar-Store";
+const DashbarEditor = (props) => {
+    var _a;
+    const [dashbarStore, setDashbarStore] = useState(null);
+    const [availableItems, setAvailableItems] = useState((_a = props.availableItems) !== null && _a !== void 0 ? _a : []);
+    const updateDashbarItems = async (err, data) => {
         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({
+            const { data: availableDashbarItems } = await FEAGlobals.FSBL.Clients.ConfigClient.getValue({
                 field: "finsemble.availableDashbarItems",
             });
             const hasEnabledItems = data.value && Array.isArray(data.value) && data.value.length > 0;
@@ -78,55 +27,103 @@ export default class DashbarEditor extends React.Component {
                     newItem.id = dashbarItemName;
                     newDashbarItems.push(newItem);
                 });
-            this.setState({
-                availableItems: newDashbarItems,
-            });
+            setAvailableItems(newDashbarItems);
         }
         catch (errorUpdatingDashbarItems) {
-            FSBL.Clients.Logger.system.error("Error updating dashbar items", errorUpdatingDashbarItems);
+            FEAGlobals.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 removeItem = (itemId) => {
+        dashbarStore === null || dashbarStore === void 0 ? void 0 : dashbarStore.getValue({ field: "dashbaritems" }, (error, dashbaritems) => {
+            if (!Array.isArray(dashbaritems)) {
+                return;
+            }
             const indexToRemove = dashbaritems.findIndex((name) => name === itemId);
             dashbaritems.splice(indexToRemove, 1);
-            this.state.dashbarStore.setValue({ field: "dashbaritems", value: dashbaritems });
+            dashbarStore.setValue({ field: "dashbaritems", value: dashbaritems });
         });
-    }
-    addItem(itemId) {
+    };
+    const addItem = (itemId) => {
         // Update the store with new item, dashbar will parse these values and apply them
-        this.state.dashbarStore.getValue({ field: "dashbaritems" }, (error, dashbaritems) => {
+        dashbarStore === null || dashbarStore === void 0 ? void 0 : dashbarStore.getValue({ field: "dashbaritems" }, (error, dashbaritems) => {
+            if (!Array.isArray(dashbaritems)) {
+                dashbaritems = [];
+            }
             dashbaritems.push(itemId);
-            this.state.dashbarStore.setValue({ field: "dashbaritems", value: dashbaritems });
+            dashbarStore.setValue({ field: "dashbaritems", value: dashbaritems });
         });
+    };
+    useEffect(() => {
+        (async () => {
+            try {
+                const { data: availableDashbarItems } = await FEAGlobals.FSBL.Clients.ConfigClient.getValue({
+                    field: "finsemble.availableDashbarItems",
+                });
+                FEAGlobals.FSBL.Clients.DistributedStoreClient.getStore({
+                    store: dashbarStorePath,
+                    global: true,
+                }, (error, store) => {
+                    if (!store) {
+                        return;
+                    }
+                    const DashbarStore = store;
+                    const { dashbaritems } = DashbarStore.values;
+                    DashbarStore.addListener({
+                        field: "dashbaritems",
+                    }, 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);
+                        });
+                    setDashbarStore(DashbarStore);
+                    setAvailableItems(newDashbarItems);
+                });
+            }
+            catch (errorInitializingDashbarItems) {
+                FEAGlobals.FSBL.Clients.Logger.system.error("Error initializing dashbar preferences", errorInitializingDashbarItems);
+            }
+        })();
+        return () => {
+            try {
+                dashbarStore === null || dashbarStore === void 0 ? void 0 : dashbarStore.removeListener({ field: "dashbaritems" }, updateDashbarItems);
+            }
+            catch (error) {
+                FEAGlobals.FSBL.Clients.Logger.system.error("Error unmounting component", error);
+            }
+        };
+    }, []);
+    if (availableItems.length > 0) {
+        return (React.createElement("div", { className: `dashbar-preferences ${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, availableItems.map((item, index) => {
+                    const buttonAction = item.enabled ? () => removeItem(item.id) : () => addItem(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 }));
+                })))));
     }
-    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}`));
-        }
+    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 ${dashbarConfigPath}`));
     }
-}
+};
+export default DashbarEditor;
 //# sourceMappingURL=DashbarEditor.js.map

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

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

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

@@ -8,3 +8,4 @@ export default function DashbarEditorItem({ index, title, enabled, url, width, b
     buttonAction: (selected: boolean) => void;
     id: string;
 }): JSX.Element;
+//# sourceMappingURL=DashbarEditorItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashbarEditorItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/userPreferences/components/content/DashbarEditorItem.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACzC,KAAK,EACL,KAAK,EACL,OAAO,EACP,GAAG,EACH,KAAK,EACL,YAAY,EACZ,EAAE,GACF,EAAE;IACF,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,EAAE,EAAE,MAAM,CAAC;CACX,eAWA"}

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

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

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

@@ -6,3 +6,4 @@ declare type GeneralProps = {
 };
 declare const General: React.FunctionComponent<GeneralProps>;
 export default General;
+//# sourceMappingURL=General.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"General.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/userPreferences/components/content/General.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,aAAK,YAAY,GAAG;IACnB,WAAW,EAAE,QAAQ,CAAC;IACtB,cAAc,EAAE,QAAQ,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAiDlD,CAAC;AACF,eAAe,OAAO,CAAC"}

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

@@ -2,6 +2,8 @@ import React, { useEffect, useState } from "react";
 import ScheduledClose from "../general/ScheduledClose";
 import { Actions } from "../../stores/UserPreferencesStore";
 import { Checkbox } from "../../../common/Checkbox";
+import { FEAGlobals } from "../../../../../common/Globals";
+import ResetPreferences from "../general/ResetPreferences";
 const General = () => {
     const [discardUnsavedChanges, setDiscardUnsavedChanges] = useState(false);
     const toggleDiscardUnsavedChanges = () => {
@@ -12,7 +14,7 @@ const General = () => {
         var _a;
         let value = false;
         if (err) {
-            FSBL.Clients.Logger.system.error("Error fetching user preferences data: ", err);
+            FEAGlobals.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;
@@ -26,7 +28,9 @@ const General = () => {
         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" }))));
+            React.createElement(Checkbox, { onClick: toggleDiscardUnsavedChanges, checked: discardUnsavedChanges, label: "Discard unsaved workspace changes" })),
+        React.createElement("span", { className: "general-row" },
+            React.createElement(ResetPreferences, null))));
 };
 export default General;
 //# sourceMappingURL=General.js.map

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

@@ -1 +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"]}
+{"version":3,"file":"General.js","sourceRoot":"","sources":["../../../../../../../src/ui/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;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,gBAAgB,MAAM,6BAA6B,CAAC;AAQ3D,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,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,wCAAwC,EAAE,GAAG,CAAC,CAAC;SAC3F;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;QAEP,8BAAM,SAAS,EAAC,aAAa;YAC5B,oBAAC,gBAAgB,OAAG,CACd,CACF,CACN,CAAC;AACH,CAAC,CAAC;AACF,eAAe,OAAO,CAAC"}

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

@@ -9,3 +9,4 @@ export interface INotificationSources {
     types: IType[];
 }
 export default function Notifications(): JSX.Element;
+//# sourceMappingURL=Notifications.d.ts.map