@finsemble/finsemble-ui 6.1.4 → 6.3.0-beta.20211008

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

@@ -1 +1 @@
-{"version":3,"file":"LeftNav.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/components/LeftNav.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAMtE,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAS;IACnD,YAAY,KAAK;QAChB,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,IAAI;QACpB,IAAI,aAAa,GAAG,oBAAoB,CAAC,QAAQ,CAAC;YACjD,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,oBAAoB,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;YACvE,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,GAAG,EAAE,MAAM,EAAE,EAAE;YACzD,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,SAAS,EAAE,SAAS;QACnD,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,SAAS,EAAE,SAAS;QACtC,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,UAAU;YAChE,6BAAK,SAAS,EAAC,8BAA8B,EAAC,IAAI,EAAC,QAAQ,gBAAY,GAAG,kBAEpE;YACL,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACjC,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,6BACC,SAAS,EAAE,oBAAoB,EAC/B,GAAG,EAAE,KAAK,EACV,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,GAAG,EAAE;wBACb,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;oBAC9B,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;wBAChB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;4BACvC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;yBAC7B;oBACF,CAAC,IAEA,KAAK,CACD,CACN,CAAC;YACH,CAAC,CAAC,CACG,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["import React from \"react\";\r\nimport { UserPreferencesStore } from \"../stores/UserPreferencesStore\";\r\n\r\n/**\r\n * The left section of the UserPreference menu. It contains all the preference section buttons for the user\r\n * to select and go to different user preference sections.\r\n */\r\nexport default class LeftNav extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tactiveSection: \"General\",\r\n\t\t\theaderImgUrl: \"\",\r\n\t\t};\r\n\t}\r\n\r\n\tsetActiveSection(name) {\r\n\t\tlet activeSection = UserPreferencesStore.getValue({\r\n\t\t\tfield: \"activeSection\",\r\n\t\t});\r\n\t\tif (activeSection !== name) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tactiveSection: name,\r\n\t\t\t});\r\n\t\t\tUserPreferencesStore.setValue({ field: \"activeSection\", value: name });\r\n\t\t\tthis.props.setActiveEntry(name);\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tFSBL.Clients.ConfigClient.getValues(null, (err, config) => {\r\n\t\t\tif (config.startup_app && config.startup_app.applicationIcon) {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\theaderImgUrl: config.startup_app.applicationIcon,\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tstatic getDerivedStateFromProps(nextProps, prevState) {\r\n\t\tif (nextProps.activeSection !== prevState.activeSection) {\r\n\t\t\treturn {\r\n\t\t\t\tactiveSection: nextProps.activeSection,\r\n\t\t\t};\r\n\t\t}\r\n\t\treturn null;\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tif (this.props.activeSection !== prevProps.activeSection) {\r\n\t\t\tthis.setActiveSection(this.props.activeSection);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div className=\"complex-menu-left-nav-preference\" role=\"tabgroup\">\r\n\t\t\t\t<div className=\"complex-menu-left-nav-header\" role=\"header\" aria-level=\"1\">\r\n\t\t\t\t\tPreferences\r\n\t\t\t\t</div>\r\n\t\t\t\t{this.props.entries.map((entry) => {\r\n\t\t\t\t\tlet sectionToggleClasses = \"complex-menu-section-toggle\";\r\n\t\t\t\t\tif (entry === this.state.activeSection) {\r\n\t\t\t\t\t\tsectionToggleClasses = `${sectionToggleClasses} active-section-toggle`;\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclassName={sectionToggleClasses}\r\n\t\t\t\t\t\t\tkey={entry}\r\n\t\t\t\t\t\t\trole=\"tab\"\r\n\t\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\tthis.setActiveSection(entry);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\r\n\t\t\t\t\t\t\t\t\tthis.setActiveSection(entry);\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{entry}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t);\r\n\t\t\t\t})}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"LeftNav.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/components/LeftNav.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport ButtonRow from \"../../common/ButtonRow\";\r\n\r\n/**\r\n * The left section of the UserPreference menu. It contains all the preference section buttons for the user\r\n * to select and go to different user preference sections.\r\n */\r\n\r\ntype LeftNavProps = {\r\n\tgetValue: Function;\r\n\tsetValue: Function;\r\n\tsetActiveEntry: Function;\r\n\tactiveSection: string;\r\n\tentries: Array<string>;\r\n};\r\n\r\ntype LeftNavState = {\r\n\tactiveSection: string;\r\n\theaderImgUrl: string;\r\n};\r\nexport default class LeftNav extends React.Component<LeftNavProps, LeftNavState> {\r\n\tconstructor(props: LeftNavProps) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tactiveSection: \"General\",\r\n\t\t\theaderImgUrl: \"\",\r\n\t\t};\r\n\t}\r\n\r\n\tsetActiveSection(name: string) {\r\n\t\tlet activeSection = this.props.getValue({\r\n\t\t\tfield: \"activeSection\",\r\n\t\t});\r\n\t\tif (activeSection !== name) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tactiveSection: name,\r\n\t\t\t});\r\n\t\t\tthis.props.setValue({ field: \"activeSection\", value: name });\r\n\t\t\tthis.props.setActiveEntry(name);\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tFSBL.Clients.ConfigClient.getValues(null, (err: any, config: any) => {\r\n\t\t\tif (config.startup_app && config.startup_app.applicationIcon) {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\theaderImgUrl: config.startup_app.applicationIcon,\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tstatic getDerivedStateFromProps(nextProps: any, prevState: any) {\r\n\t\tif (nextProps.activeSection !== prevState.activeSection) {\r\n\t\t\treturn {\r\n\t\t\t\tactiveSection: nextProps.activeSection,\r\n\t\t\t};\r\n\t\t}\r\n\t\treturn null;\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps: any) {\r\n\t\tif (this.props.activeSection !== prevProps.activeSection) {\r\n\t\t\tthis.setActiveSection(this.props.activeSection);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div className=\"complex-menu-left-nav-preference\" role=\"tabgroup\">\r\n\t\t\t\t<div className=\"complex-menu-left-nav-header\" role=\"header\" aria-level={1}>\r\n\t\t\t\t\tPreferences\r\n\t\t\t\t</div>\r\n\t\t\t\t{this.props.entries.map((entry: any) => {\r\n\t\t\t\t\tlet sectionToggleClasses = \"complex-menu-section-toggle\";\r\n\t\t\t\t\tif (entry === this.state.activeSection) {\r\n\t\t\t\t\t\tsectionToggleClasses = `${sectionToggleClasses} active-section-toggle`;\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<div key={entry} style={{ height: 35 }}>\r\n\t\t\t\t\t\t\t<ButtonRow\r\n\t\t\t\t\t\t\t\tclassName={sectionToggleClasses}\r\n\t\t\t\t\t\t\t\tlabel={entry}\r\n\t\t\t\t\t\t\t\trole=\"tab\"\r\n\t\t\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\tthis.setActiveSection(entry);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tonKeyDown={(e: KeyboardEvent) => {\r\n\t\t\t\t\t\t\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\r\n\t\t\t\t\t\t\t\t\t\tthis.setActiveSection(entry);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t></ButtonRow>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t);\r\n\t\t\t\t})}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}

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

@@ -1,7 +1,22 @@
-export default class DashbarEditor extends React.Component<any, any, any> {
-    constructor(props: any);
+import React from "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: any): void;
-    addItem(itemId: any): void;
+    removeItem(itemId: number): void;
+    addItem(itemId: number): void;
+    render(): JSX.Element;
 }
-import React from "react";
+export {};

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

@@ -1,6 +1,6 @@
 import React from "react";
 import "../../../../assets/css/userPreferences.css";
-import { FinsembleToggle } from "../../../common/FinsembleToggle";
+import DashbarEditorItem from "./DashbarEditorItem";
 export default class DashbarEditor extends React.Component {
     constructor(props) {
         super(props);
@@ -8,7 +8,7 @@ export default class DashbarEditor extends React.Component {
             dashbarStore: null,
             dashbarConfigPath: "finsemble.availableDashbarItems",
             dashbarStorePath: "Finsemble-Dashbar-Store",
-            availableItems: [],
+            availableItems: props.availableItems ? props.availableItems : [],
         };
         this.updateDashbarItems = this.updateDashbarItems.bind(this);
     }
@@ -51,7 +51,12 @@ export default class DashbarEditor extends React.Component {
         }
     }
     componentWillUnmount() {
-        this.state.dashbarStore.removeListener({ field: "dashbaritems" }, this.updateDashbarItems);
+        try {
+            this.state.dashbarStore.removeListener({ field: "dashbaritems" }, this.updateDashbarItems);
+        }
+        catch (_a) {
+            FSBL.Clients.Logger.error("Error unmounting component");
+        }
     }
     async updateDashbarItems(err, data) {
         try {
@@ -96,7 +101,7 @@ export default class DashbarEditor extends React.Component {
     render() {
         const { availableItems: items, dashbarConfigPath: configPath } = this.state;
         if (items.length > 0) {
-            return (React.createElement("div", { className: `dashbar-preferences ${this.props.className || ""}` },
+            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" }),
@@ -113,16 +118,11 @@ export default class DashbarEditor extends React.Component {
                         const buttonAction = item.enabled
                             ? this.removeItem.bind(this, item.id)
                             : this.addItem.bind(this, item.id);
-                        return (React.createElement("tr", { key: index, className: "dashbar-preferences-item" },
-                            React.createElement("td", { id: `${item.title}-toggle` },
-                                React.createElement(FinsembleToggle, { checked: item.enabled, onChange: buttonAction })),
-                            React.createElement("td", null, item.title),
-                            React.createElement("td", { title: item.url }, item.url),
-                            React.createElement("td", null, item.width ? item.width : "")));
+                        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" }, `You don't seem to have any dashbar items enabled or defined. Define some in ${configPath}`));
+            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}`));
         }
     }
 }

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

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

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

@@ -1,4 +1,11 @@
-export default class General extends React.Component<any, any, any> {
-    constructor(props: any);
-}
 import React from "react";
+declare type GeneralProps = {
+    addListener: Function;
+    removeListener: Function;
+    getValue: Function;
+};
+export default class General extends React.Component<GeneralProps> {
+    constructor(props: GeneralProps);
+    render(): JSX.Element;
+}
+export {};

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

@@ -5,8 +5,8 @@ export default class General extends React.Component {
         super(props);
     }
     render() {
-        return (React.createElement("div", null,
-            React.createElement(ScheduledRestart, null)));
+        return (React.createElement("div", { style: { marginTop: -7 } },
+            React.createElement(ScheduledRestart, { addListener: this.props.addListener, removeListener: this.props.removeListener, getValue: this.props.getValue })));
     }
 }
 //# 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.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,6BAA6B,CAAC;AAC3D,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAS;IACnD,YAAY,KAAK;QAChB,KAAK,CAAC,KAAK,CAAC,CAAC;IACd,CAAC;IAED,MAAM;QACL,OAAO,CACN;YACC,oBAAC,gBAAgB,OAAG,CACf,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["import React from \"react\";\r\nimport ScheduledRestart from \"../general/ScheduledRestart\";\r\nexport default class General extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div>\r\n\t\t\t\t<ScheduledRestart />\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"General.js","sourceRoot":"","sources":["../../../../../src/components/userPreferences/components/content/General.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,6BAA6B,CAAC;AAO3D,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAuB;IACjE,YAAY,KAAmB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;IACd,CAAC;IAED,MAAM;QACL,OAAO,CACN,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE;YAC5B,oBAAC,gBAAgB,IAChB,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EACzC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAC5B,CACG,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["import React from \"react\";\r\nimport ScheduledRestart from \"../general/ScheduledRestart\";\r\n\r\ntype GeneralProps = {\r\n\taddListener: Function;\r\n\tremoveListener: Function;\r\n\tgetValue: Function;\r\n};\r\nexport default class General extends React.Component<GeneralProps> {\r\n\tconstructor(props: GeneralProps) {\r\n\t\tsuper(props);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div style={{ marginTop: -7 }}>\r\n\t\t\t\t<ScheduledRestart\r\n\t\t\t\t\taddListener={this.props.addListener}\r\n\t\t\t\t\tremoveListener={this.props.removeListener}\r\n\t\t\t\t\tgetValue={this.props.getValue}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}

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

@@ -11,6 +11,8 @@ const renderView = (viewName) => {
             return React.createElement(NotificationsSourcesPreferences, null);
         case "Details":
             return React.createElement(NotificationsSourceTypes, null);
+        default:
+            return;
     }
 };
 export default function Notifications() {

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

@@ -1 +1 @@
-{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../../src/components/userPreferences/components/content/Notifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAOnD,OAAO,EACN,+BAA+B,GAE/B,MAAM,uCAAuC,CAAC;AAG/C,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;KACrC;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, { useEffect, useState } from \"react\";\r\n\r\n// Types\r\nimport IMuteFilter from \"common/notifications/definitions/IMuteFilter\";\r\nimport { type } from \"os\";\r\n\r\n// Context\r\nimport {\r\n\tNotificationsPreferencesContext,\r\n\tNotificationsPreferencesContextType,\r\n} from \"../../NotificationsPreferencesContext\";\r\n\r\n// Components\r\nimport NotificationsPreferencesHome from \"./notificationViews/NotificationsPreferencesHome\";\r\nimport NotificationsSourcesPreferences from \"./notificationViews/NotificationsSourcesPreferences\";\r\nimport NotificationsSourceTypes from \"./notificationViews/NotificationsSourceTypes\";\r\n\r\nexport interface IType {\r\n\tname: string;\r\n\tmuted: boolean;\r\n}\r\nexport interface INotificationSources {\r\n\tsource: string;\r\n\ticon: string;\r\n\ttypes: IType[];\r\n}\r\n\r\nconst renderView = (viewName: \"Home\" | \"Sources\" | \"Details\") => {\r\n\tswitch (viewName) {\r\n\t\tcase \"Home\":\r\n\t\t\treturn <NotificationsPreferencesHome />;\r\n\r\n\t\tcase \"Sources\":\r\n\t\t\treturn <NotificationsSourcesPreferences />;\r\n\r\n\t\tcase \"Details\":\r\n\t\t\treturn <NotificationsSourceTypes />;\r\n\t}\r\n};\r\n\r\nexport default function Notifications() {\r\n\tconst [currentView, setCurrentView] = useState<\"Home\" | \"Sources\" | \"Details\">(\"Home\");\r\n\tconst [selectedNotificationSource, setSelectedNotificationSource] = useState<INotificationSources | null>(null);\r\n\tconst [notificationSources, setNotificationSources] = useState<INotificationSources[]>([]);\r\n\r\n\tconst notificationsPreferencesContextValues: NotificationsPreferencesContextType = {\r\n\t\tcurrentNotificationsPreferencesView: currentView,\r\n\t\tsetCurrentNotificationsPreferencesView: setCurrentView,\r\n\t\tselectedNotificationSource: selectedNotificationSource,\r\n\t\tsetSelectedNotificationSource: setSelectedNotificationSource,\r\n\t\tnotificationSources: notificationSources,\r\n\t\tsetNotificationSources: setNotificationSources,\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className=\"notifications-main-preferences__container\">\r\n\t\t\t<NotificationsPreferencesContext.Provider value={notificationsPreferencesContextValues}>\r\n\t\t\t\t{renderView(currentView)}\r\n\t\t\t</NotificationsPreferencesContext.Provider>\r\n\t\t</div>\r\n\t);\r\n}\r\n"]}
+{"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;AAKxC,OAAO,EACN,+BAA+B,GAE/B,MAAM,uCAAuC,CAAC;AAG/C,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\";\r\n\r\n// Types\r\n\r\n// Context\r\nimport {\r\n\tNotificationsPreferencesContext,\r\n\tNotificationsPreferencesContextType,\r\n} from \"../../NotificationsPreferencesContext\";\r\n\r\n// Components\r\nimport NotificationsPreferencesHome from \"./notificationViews/NotificationsPreferencesHome\";\r\nimport NotificationsSourcesPreferences from \"./notificationViews/NotificationsSourcesPreferences\";\r\nimport NotificationsSourceTypes from \"./notificationViews/NotificationsSourceTypes\";\r\n\r\nexport interface IType {\r\n\tname: string;\r\n\tmuted: boolean;\r\n}\r\nexport interface INotificationSources {\r\n\tsource: string;\r\n\ticon: string;\r\n\ttypes: IType[];\r\n}\r\n\r\nconst renderView = (viewName: \"Home\" | \"Sources\" | \"Details\") => {\r\n\tswitch (viewName) {\r\n\t\tcase \"Home\":\r\n\t\t\treturn <NotificationsPreferencesHome />;\r\n\r\n\t\tcase \"Sources\":\r\n\t\t\treturn <NotificationsSourcesPreferences />;\r\n\r\n\t\tcase \"Details\":\r\n\t\t\treturn <NotificationsSourceTypes />;\r\n\t\tdefault:\r\n\t\t\treturn;\r\n\t}\r\n};\r\n\r\nexport default function Notifications() {\r\n\tconst [currentView, setCurrentView] = useState<\"Home\" | \"Sources\" | \"Details\">(\"Home\");\r\n\tconst [selectedNotificationSource, setSelectedNotificationSource] = useState<INotificationSources | null>(null);\r\n\tconst [notificationSources, setNotificationSources] = useState<INotificationSources[]>([]);\r\n\r\n\tconst notificationsPreferencesContextValues: NotificationsPreferencesContextType = {\r\n\t\tcurrentNotificationsPreferencesView: currentView,\r\n\t\tsetCurrentNotificationsPreferencesView: setCurrentView,\r\n\t\tselectedNotificationSource: selectedNotificationSource,\r\n\t\tsetSelectedNotificationSource: setSelectedNotificationSource,\r\n\t\tnotificationSources: notificationSources,\r\n\t\tsetNotificationSources: setNotificationSources,\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className=\"notifications-main-preferences__container\">\r\n\t\t\t<NotificationsPreferencesContext.Provider value={notificationsPreferencesContextValues}>\r\n\t\t\t\t{renderView(currentView)}\r\n\t\t\t</NotificationsPreferencesContext.Provider>\r\n\t\t</div>\r\n\t);\r\n}\r\n"]}

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

@@ -1,54 +1,14 @@
 import React from "react";
-import { WorkspaceManagementMenuStore, UserPreferencesStore } from "../../stores/UserPreferencesStore";
-import { FinsembleDnDContext } from "../../../legacyControls/FinsembleDnDContext";
-import { FinsembleDraggable } from "../../../legacyControls/FinsembleDraggable";
-import Checkbox from "../Checkbox";
+import { WorkspaceManagementMenuStore } from "../../stores/UserPreferencesStore";
+import { Checkbox } from "../../../common/Checkbox";
 import async from "async";
-class WorkspaceEditor extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            value: props.value || "",
-            finished: false,
-        };
-        this.onKeyDown = this.onKeyDown.bind(this);
-        this.onChange = this.onChange.bind(this);
-        this.onBlur = this.onBlur.bind(this);
-        this.onFocus = this.onFocus.bind(this);
-    }
-    onKeyDown(e) {
-        if (e.key === "Escape") {
-            this.setState({ finished: true }, () => {
-                this.props.cancelHandler();
-            });
-        }
-        else if (e.key === "Enter") {
-            function finish(val) {
-                this.props.saveHandler(val);
-            }
-            this.setState({ finished: true }, finish.bind(this, e.target.value));
-        }
-    }
-    onChange(e) {
-        this.setState({
-            value: e.target.value,
-        });
-    }
-    onFocus(e) {
-        e.target.select();
-    }
-    onBlur() {
-        function finish(val) {
-            this.props.saveHandler(val);
-        }
-        this.setState({ finished: true }, finish.bind(this, this.state.value));
-    }
-    render() {
-        return (React.createElement("input", { onFocus: this.onFocus, onBlur: this.onBlur, autoFocus: true, value: this.state.value, className: "workspace-editor", onChange: this.onChange, onKeyDown: this.onKeyDown }));
-    }
-}
+import { WorkspaceButton } from "../workspaces/WorkspaceButton";
+import WorkspaceComponents from "../workspaces/WorkspaceComponents";
+import WorkspaceItemList from "../workspaces/WorkspaceItemList";
+import { Util } from "@finsemble/finsemble-core";
 export default class Workspaces extends React.Component {
     constructor(props) {
+        var _a, _b;
         super(props);
         this.state = {
             adding: false,
@@ -59,8 +19,8 @@ export default class Workspaces extends React.Component {
             templateName: "",
             workspaceBeingEdited: "",
             focusedWorkspaceComponentList: [],
-            initialAlwaysOnTop: finsembleWindow.windowOptions.alwaysOnTop,
-            alwaysOnTop: finsembleWindow.windowOptions.alwaysOnTop,
+            initialAlwaysOnTop: (_a = finsembleWindow.windowOptions) === null || _a === void 0 ? void 0 : _a.alwaysOnTop,
+            alwaysOnTop: (_b = finsembleWindow.windowOptions) === null || _b === void 0 ? void 0 : _b.alwaysOnTop,
         };
         this.bindCorrectContext();
         this.addListeners();
@@ -91,6 +51,7 @@ export default class Workspaces extends React.Component {
             "changePreferencesAlwaysOnTop",
             "openFileDialog",
             "preferencesFocused",
+            "setFocusedWorkspace",
         ];
         methods.forEach((method) => {
             this[method] = this[method].bind(this);
@@ -106,7 +67,7 @@ export default class Workspaces extends React.Component {
         });
     }
     addListeners() {
-        UserPreferencesStore.addListener({ field: "WorkspaceList" }, this.setWorkspaceList);
+        this.props.addListener({ field: "WorkspaceList" }, this.setWorkspaceList);
     }
     changePreferencesAlwaysOnTop(alwaysOnTop) {
         if (this.state.initialAlwaysOnTop && FSBL.System.container === "Electron") {
@@ -125,7 +86,7 @@ export default class Workspaces extends React.Component {
         this.setState({
             workspaceList: workspaces,
         });
-        WorkspaceManagementMenuStore.Dispatcher.dispatch({
+        WorkspaceManagementMenuStore === null || WorkspaceManagementMenuStore === void 0 ? void 0 : WorkspaceManagementMenuStore.Dispatcher.dispatch({
             actionType: "reorderWorkspace",
             data: { oldIndex, newIndex },
         });
@@ -193,6 +154,15 @@ export default class Workspaces extends React.Component {
         }
         if (newName === oldName || newName.trim() === "")
             return this.cancelEdit();
+        let newNameCamelCase = Util.camelCase(newName);
+        if (this.state.workspaceList.some((workspace) => Util.camelCase(workspace.name) === newNameCamelCase)) {
+            let notification = new FSBL.Clients.NotificationClient.Notification();
+            notification.source = "Finsemble";
+            notification.title = "Workspace renaming";
+            notification.details = `Sorry, unable to rename workspace to "${newName}". Please use another name.`;
+            FSBL.Clients.NotificationClient.notify(notification);
+            return this.cancelEdit();
+        }
         let updatedWorkspaceList = this.state.workspaceList;
         let index = updatedWorkspaceList.findIndex((el) => el.name === oldName);
         if (index !== -1) {
@@ -201,7 +171,7 @@ export default class Workspaces extends React.Component {
                 workspaceList: updatedWorkspaceList,
             });
         }
-        WorkspaceManagementMenuStore.Dispatcher.dispatch({
+        WorkspaceManagementMenuStore === null || WorkspaceManagementMenuStore === void 0 ? void 0 : WorkspaceManagementMenuStore.Dispatcher.dispatch({
             actionType: "renameWorkspace",
             data: {
                 oldName: oldName,
@@ -230,7 +200,7 @@ export default class Workspaces extends React.Component {
         });
     }
     startExportingTemplate() {
-        WorkspaceManagementMenuStore.Dispatcher.dispatch({
+        WorkspaceManagementMenuStore === null || WorkspaceManagementMenuStore === void 0 ? void 0 : WorkspaceManagementMenuStore.Dispatcher.dispatch({
             actionType: "exportWorkspace",
             data: {
                 name: this.state.focusedWorkspace,
@@ -238,7 +208,7 @@ export default class Workspaces extends React.Component {
         });
     }
     startImportingTemplate() {
-        WorkspaceManagementMenuStore.Dispatcher.dispatch({
+        WorkspaceManagementMenuStore === null || WorkspaceManagementMenuStore === void 0 ? void 0 : WorkspaceManagementMenuStore.Dispatcher.dispatch({
             actionType: "importTemplate",
             data: {
                 name: this.state.templateName,
@@ -248,13 +218,18 @@ export default class Workspaces extends React.Component {
     deleteWorkspace(workspaceName = this.state.focusedWorkspace) {
         let workspaceToRemove = workspaceName;
         this.resetState();
-        WorkspaceManagementMenuStore.Dispatcher.dispatch({
+        (WorkspaceManagementMenuStore === null || WorkspaceManagementMenuStore === void 0 ? void 0 : WorkspaceManagementMenuStore.Dispatcher.dispatch({
             actionType: "removeWorkspace",
             data: {
                 name: workspaceToRemove,
                 hideModalOnClose: false,
             },
-        });
+        })) ||
+            (() => {
+                let workspaceListCopy = [...this.state.workspaceList];
+                workspaceListCopy = workspaceListCopy.filter((workspace) => workspace.name !== workspaceName);
+                this.setState({ workspaceList: workspaceListCopy });
+            })();
     }
     setPreferences(err, data) {
         if (!data && !data.value)
@@ -266,11 +241,11 @@ export default class Workspaces extends React.Component {
         });
     }
     componentDidMount() {
-        UserPreferencesStore.addListener({ field: "preferences" }, this.setPreferences);
+        this.props.addListener({ field: "preferences" }, this.setPreferences);
         FSBL.Clients.ConfigClient.getPreferences((err, data) => {
             this.setPreferences(err, { value: data });
         });
-        UserPreferencesStore.getValue({ field: "WorkspaceList" }, (err, data) => {
+        this.props.getValue({ field: "WorkspaceList" }, (err, data) => {
             if (data && data.length) {
                 this.setState({
                     workspaceList: data,
@@ -279,7 +254,7 @@ export default class Workspaces extends React.Component {
         });
     }
     componentWillUnmount() {
-        UserPreferencesStore.removeListener({ field: "preferences" }, this.setPreferences);
+        this.props.removeListener({ field: "preferences" }, this.setPreferences);
     }
     setWorkspaceToLoadOnStart(cb = Function.prototype) {
         let self = this;
@@ -398,10 +373,17 @@ export default class Workspaces extends React.Component {
             return [];
         let workspace = workspaceList.filter((wSpace) => wSpace.name === focusedWorkspace)[0];
         FSBL.Clients.WorkspaceClient.getWorkspaceDefinition({ workspaceName: focusedWorkspace }, (err, workspaceDefinition) => {
-            let componentTypes = this.getComponentTypes(workspaceDefinition[focusedWorkspace]);
-            this.setState({
-                focusedWorkspaceComponentList: componentTypes,
-            });
+            let componentTypes = workspace === null || workspace === void 0 ? void 0 : workspace.components;
+            try {
+                componentTypes = this.getComponentTypes(workspaceDefinition[focusedWorkspace]);
+            }
+            catch (err) {
+            }
+            finally {
+                this.setState({
+                    focusedWorkspaceComponentList: componentTypes,
+                });
+            }
         });
     }
     render() {
@@ -431,63 +413,19 @@ export default class Workspaces extends React.Component {
             allowImport = false;
         }
         let addTooltip = "Add a workspace", importTooltip = "Import workspace from file", exportTooltip = allowExport ? "Export selected workspace" : "No workspace selected", renameTooltip = allowRename ? "Rename" : "Cannot Edit";
-        return (React.createElement("div", null,
+        return (React.createElement("div", { style: { paddingLeft: 10 } },
             React.createElement("input", { style: { display: "none" }, type: "file", id: "file-input" }),
             React.createElement("div", { className: "complex-menu-content-row" },
                 React.createElement("div", { className: "workspace-list-header-row" },
                     React.createElement("div", { className: "content-section-header workspace-list-header" })),
                 React.createElement("div", { className: "content-section-wrapper" },
-                    React.createElement("div", { ref: "WorkspaceList", className: "workspace-list" },
-                        React.createElement(FinsembleDnDContext, { onDragEnd: this.onDragEnd }, this.state.workspaceList.map((workspace, i) => {
-                            let baseClass = "workspace-item";
-                            let classNames = baseClass;
-                            if (FSBL.Clients.WorkspaceClient.activeWorkspace.name === workspace.name) {
-                                classNames = `${classNames} active-workspace`;
-                            }
-                            if (this.state.workspaceToLoadOnStart === workspace.name) {
-                                classNames = `${classNames} auto-start-workspace-item`;
-                            }
-                            if (this.state.focusedWorkspace === workspace.name) {
-                                classNames = `${classNames} focused-workspace-item`;
-                                if (i === 0) {
-                                    classNames = `${classNames} no-top-border`;
-                                }
-                                if (this.state.editing || this.state.adding) {
-                                    classNames = `${classNames} workspace-item-editing`;
-                                    return (React.createElement("div", { key: i, className: classNames },
-                                        React.createElement(WorkspaceEditor, { value: workspace.name, saveHandler: this.state.editing ? this.renameWorkspace : this.addWorkspace, cancelHandler: this.cancelEdit })));
-                                }
-                            }
-                            return (React.createElement(FinsembleDraggable, { onClick: () => this.setFocusedWorkspace(workspace.name), wrapperClass: classNames, draggableId: workspace.name, key: i, index: i },
-                                React.createElement("div", { className: "ff-adp-hamburger" }),
-                                React.createElement("div", { className: "workspace-name", title: workspace.name }, workspace.name),
-                                React.createElement("div", { className: "individual-workspace-actions" },
-                                    workspace.name !== FSBL.Clients.WorkspaceClient.activeWorkspace.name && (React.createElement("div", { title: renameTooltip, className: renameButtonClasses, onMouseDown: this.handleButtonClicks, onClick: allowRename
-                                            ? (e) => {
-                                                this.startEditingWorkspace(e, workspace.name);
-                                            }
-                                            : Function.prototype },
-                                        React.createElement("i", { className: "ff-adp-edit" }))),
-                                    workspace.name !== FSBL.Clients.WorkspaceClient.activeWorkspace.name && (React.createElement("div", { title: deleteTooltip, className: deleteButtonClasses, onMouseDown: this.handleButtonClicks, onClick: allowDelete
-                                            ? () => {
-                                                this.deleteWorkspace(workspace.name);
-                                            }
-                                            : Function.prototype },
-                                        React.createElement("i", { className: "ff-adp-trash-outline" }))))));
-                        }))),
+                    React.createElement(WorkspaceItemList, { onDragEnd: this.onDragEnd, workspaceList: this.state.workspaceList, allowDelete: allowDelete, deleteButtonClasses: deleteButtonClasses, deleteTooltip: deleteTooltip, workspaceToLoadOnStart: this.state.workspaceToLoadOnStart, focusedWorkspace: this.state.focusedWorkspace, editing: this.state.editing, adding: this.state.adding, renameWorkspace: this.renameWorkspace, addWorkspace: this.addWorkspace, cancelEdit: this.cancelEdit, setFocusedWorkspace: this.setFocusedWorkspace, renameTooltip: renameTooltip, renameButtonClasses: renameButtonClasses, allowRename: allowRename, handleButtonClicks: this.handleButtonClicks, startEditingWorkspace: this.startEditingWorkspace, deleteWorkspace: this.deleteWorkspace }),
                     React.createElement("div", { className: "workspace-extras" },
-                        React.createElement("div", { className: "workspace-component-list" },
-                            this.state.focusedWorkspaceComponentList.length > 0 &&
-                                this.state.focusedWorkspaceComponentList.map((cmp, i) => (React.createElement("div", { key: i, className: "workspace-component" }, cmp))),
-                            this.state.focusedWorkspaceComponentList.length === 0 && "No components."),
+                        React.createElement(WorkspaceComponents, { focusedWorkspaceComponentList: this.state.focusedWorkspaceComponentList }),
                         React.createElement("div", { className: "workspace-action-buttons" },
-                            React.createElement("div", { title: importTooltip, className: importButtonClasses, onMouseDown: this.handleButtonClicks, onClick: allowImport ? this.openFileDialog : Function.prototype },
-                                React.createElement("i", { className: "workspace-action-button-icon ff-import" }),
-                                React.createElement("div", null, "Import")),
-                            React.createElement("div", { title: exportTooltip, className: exportButtonClasses, onMouseDown: this.handleButtonClicks, onClick: allowExport ? this.exportWorkspace : Function.prototype },
-                                React.createElement("i", { className: "workspace-action-button-icon ff-export" }),
-                                React.createElement("div", null, "Export"))))),
-                React.createElement(Checkbox, { disabled: !this.state.focusedWorkspace, onClick: this.setWorkspaceToLoadOnStart, checked: this.state.focusedWorkspace === this.state.workspaceToLoadOnStart, label: "Load this workspace on startup." }))));
+                            React.createElement(WorkspaceButton, { title: importTooltip, onMouseDown: this.handleButtonClicks, onClick: allowImport ? this.openFileDialog : Function.prototype, type: "import" }),
+                            React.createElement(WorkspaceButton, { title: exportTooltip, onMouseDown: this.handleButtonClicks, onClick: allowExport ? this.exportWorkspace : Function.prototype, type: "export" })))),
+                React.createElement(Checkbox, { disabled: !this.state.focusedWorkspace, onClick: this.setWorkspaceToLoadOnStart, checked: this.state.focusedWorkspace === this.state.workspaceToLoadOnStart, label: "Load this workspace on startup" }))));
     }
 }
 //# sourceMappingURL=Workspaces.js.map