@finsemble/finsemble-ui 7.0.0 → 7.1.0-beta.2

package/react/components/toolbar/workspaceManagementMenu/workspaceManagementMenu.css

@@ -28,32 +28,24 @@
 	height: 10px;
 	top: -7px;
 	border-radius: 50%;
-	background: #ffffff;
-	background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
-	background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
-	background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
-	background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
-	background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
+	background: linear-gradient(to right, #fff 10%, rgb(255 255 255 / 0%) 42%);
 	position: relative;
-	-webkit-animation: load3 1.4s infinite linear;
 	animation: load3 1.4s infinite linear;
-	-webkit-transform: translateZ(0);
-	-ms-transform: translateZ(0);
 	transform: translateZ(0);
 }
 
-.fsbl-loader:before {
+.fsbl-loader::before {
 	width: 50%;
 	height: 50%;
-	background: #ffffff;
-	border-radius: 100% 0 0 0;
+	background: #fff;
+	border-radius: 100% 0 0;
 	position: absolute;
 	top: 0;
 	left: 0;
 	content: "";
 }
 
-.fsbl-loader:after {
+.fsbl-loader::after {
 	background: #303d47;
 	width: 75%;
 	height: 75%;
@@ -67,24 +59,22 @@
 	right: 0;
 }
 
-@-webkit-keyframes load3 {
+@keyframes load3 {
 	0% {
-		-webkit-transform: rotate(0deg);
 		transform: rotate(0deg);
 	}
+
 	100% {
-		-webkit-transform: rotate(360deg);
 		transform: rotate(360deg);
 	}
 }
 
 @keyframes load3 {
 	0% {
-		-webkit-transform: rotate(0deg);
 		transform: rotate(0deg);
 	}
+
 	100% {
-		-webkit-transform: rotate(360deg);
 		transform: rotate(360deg);
 	}
 }

package/react/components/userPreferences/NotificationsPreferencesContext.d.ts

@@ -8,4 +8,8 @@ export declare type NotificationsPreferencesContextType = {
     notificationSources: INotificationSources[];
     setNotificationSources: React.Dispatch<React.SetStateAction<INotificationSources[]>>;
 };
+/**
+ * We initialize our context with an empty object.
+ * We will set the context properly when we use it at runtime (during the first render).
+ */
 export declare const NotificationsPreferencesContext: import("react").Context<NotificationsPreferencesContextType>;

package/react/components/userPreferences/NotificationsPreferencesContext.js

@@ -1,3 +1,7 @@
 import { createContext } from "react";
+/**
+ * We initialize our context with an empty object.
+ * We will set the context properly when we use it at runtime (during the first render).
+ */
 export const NotificationsPreferencesContext = createContext({});
 //# sourceMappingURL=NotificationsPreferencesContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationsPreferencesContext.js","sourceRoot":"","sources":["../../../src/components/userPreferences/NotificationsPreferencesContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAgBtC,MAAM,CAAC,MAAM,+BAA+B,GAAG,aAAa,CAC3D,EAAyC,CACzC,CAAC","sourcesContent":["import { createContext } from \"react\";\nimport { INotificationSources } from \"./components/content/Notifications\";\n\nexport type NotificationsPreferencesContextType = {\n\tcurrentNotificationsPreferencesView: \"Home\" | \"Sources\" | \"Details\";\n\tsetCurrentNotificationsPreferencesView: React.Dispatch<React.SetStateAction<\"Home\" | \"Sources\" | \"Details\">>;\n\tselectedNotificationSource: INotificationSources | null;\n\tsetSelectedNotificationSource: React.Dispatch<React.SetStateAction<INotificationSources | null>>;\n\tnotificationSources: INotificationSources[];\n\tsetNotificationSources: React.Dispatch<React.SetStateAction<INotificationSources[]>>;\n};\n\n/**\n * We initialize our context with an empty object.\n * We will set the context properly when we use it at runtime (during the first render).\n */\nexport const NotificationsPreferencesContext = createContext<NotificationsPreferencesContextType>(\n\t{} as NotificationsPreferencesContextType\n);\n"]}
+{"version":3,"file":"NotificationsPreferencesContext.js","sourceRoot":"","sources":["../../../src/components/userPreferences/NotificationsPreferencesContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAYtC;;;GAGG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,aAAa,CAC3D,EAAyC,CACzC,CAAC","sourcesContent":["import { createContext } from \"react\";\nimport { INotificationSources } from \"./components/content/Notifications\";\n\nexport type NotificationsPreferencesContextType = {\n\tcurrentNotificationsPreferencesView: \"Home\" | \"Sources\" | \"Details\";\n\tsetCurrentNotificationsPreferencesView: React.Dispatch<React.SetStateAction<\"Home\" | \"Sources\" | \"Details\">>;\n\tselectedNotificationSource: INotificationSources | null;\n\tsetSelectedNotificationSource: React.Dispatch<React.SetStateAction<INotificationSources | null>>;\n\tnotificationSources: INotificationSources[];\n\tsetNotificationSources: React.Dispatch<React.SetStateAction<INotificationSources[]>>;\n};\n\n/**\n * We initialize our context with an empty object.\n * We will set the context properly when we use it at runtime (during the first render).\n */\nexport const NotificationsPreferencesContext = createContext<NotificationsPreferencesContextType>(\n\t{} as NotificationsPreferencesContextType\n);\n"]}

package/react/components/userPreferences/UserPreferenceTypes.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated renamed to more correct universal name. use ScheduledDayTimeObjectType
+ */
 export declare type ScheduledRestartObjectType = {
     dayOfWeek?: number;
     hour: number;

package/react/components/userPreferences/UserPreferences.d.ts

@@ -1,8 +1,16 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
 import React from "react";
 import General from "./components/content/General";
 import Workspaces from "./components/content/Workspaces";
 import DashbarEditor from "./components/content/DashbarEditor";
 import Notifications from "./components/content/Notifications";
+/**
+ * The UserPreferences component initializes the user preference store that's used by its child components and renders
+ * its child components: LeftNav and ContentSection with the proper styles.
+ */
 export declare const UserPreferences: React.FunctionComponent<{
     sections?: {};
 }>;

package/react/components/userPreferences/UserPreferences.js

@@ -1,3 +1,7 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
 import React from "react";
 import General from "./components/content/General";
 import Workspaces from "./components/content/Workspaces";
@@ -5,6 +9,10 @@ import DashbarEditor from "./components/content/DashbarEditor";
 import Notifications from "./components/content/Notifications";
 import { UserPreferencesBase } from "./UserPreferencesBase";
 import * as Store from "./stores/UserPreferencesStore";
+/**
+ * The UserPreferences component initializes the user preference store that's used by its child components and renders
+ * its child components: LeftNav and ContentSection with the proper styles.
+ */
 export const UserPreferences = ({ sections }) => {
     const { UserPreferencesStore } = Store;
     const storeSetValue = (obj) => UserPreferencesStore.setValue(obj);

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

@@ -1 +1 @@
-{"version":3,"file":"UserPreferences.js","sourceRoot":"","sources":["../../../src/components/userPreferences/UserPreferences.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,UAAU,MAAM,iCAAiC,CAAC;AACzD,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAC/D,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,+BAA+B,CAAC;AAMvD,MAAM,CAAC,MAAM,eAAe,GAEvB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrB,MAAM,EAAE,oBAAoB,EAAE,GAAQ,KAAK,CAAC;IAC5C,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,oBAAoB,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC1E,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,EAAY,EAAE,EAAE,CAAC,oBAAoB,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAC5F,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,EAAY,EAAE,EAAE,CAAC,oBAAoB,CAAC,WAAW,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAClG,MAAM,mBAAmB,GAAG,CAAC,GAAW,EAAE,EAAY,EAAE,EAAE,CAAC,oBAAoB,CAAC,cAAc,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACxG,OAAO,CACN,oBAAC,mBAAmB,IACnB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,aAAa,EACvB,WAAW,EAAE,gBAAgB,EAC7B,cAAc,EAAE,mBAAmB,GAClC,CACF,CAAC;AACH,CAAC,CAAC;AACF,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport React from \"react\";\nimport General from \"./components/content/General\";\nimport Workspaces from \"./components/content/Workspaces\";\nimport DashbarEditor from \"./components/content/DashbarEditor\";\nimport Notifications from \"./components/content/Notifications\";\nimport { UserPreferencesBase } from \"./UserPreferencesBase\";\nimport * as Store from \"./stores/UserPreferencesStore\";\n\n/**\n * The UserPreferences component initializes the user preference store that's used by its child components and renders\n * its child components: LeftNav and ContentSection with the proper styles.\n */\nexport const UserPreferences: React.FunctionComponent<{\n\tsections?: {};\n}> = ({ sections }) => {\n\tconst { UserPreferencesStore }: any = Store;\n\tconst storeSetValue = (obj: object) => UserPreferencesStore.setValue(obj);\n\tconst storeGetValue = (obj: object, cb: Function) => UserPreferencesStore.getValue(obj, cb);\n\tconst storeAddListener = (obj: object, cb: Function) => UserPreferencesStore.addListener(obj, cb);\n\tconst storeRemoveListener = (obj: object, cb: Function) => UserPreferencesStore.removeListener(obj, cb);\n\treturn (\n\t\t<UserPreferencesBase\n\t\t\tsections={sections}\n\t\t\tsetValue={storeSetValue}\n\t\t\tgetValue={storeGetValue}\n\t\t\taddListener={storeAddListener}\n\t\t\tremoveListener={storeRemoveListener}\n\t\t/>\n\t);\n};\nexport { General, Workspaces, DashbarEditor, Notifications };\n"]}
+{"version":3,"file":"UserPreferences.js","sourceRoot":"","sources":["../../../src/components/userPreferences/UserPreferences.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,UAAU,MAAM,iCAAiC,CAAC;AACzD,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAC/D,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,+BAA+B,CAAC;AAEvD;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAEvB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrB,MAAM,EAAE,oBAAoB,EAAE,GAAQ,KAAK,CAAC;IAC5C,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,oBAAoB,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC1E,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,EAAY,EAAE,EAAE,CAAC,oBAAoB,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAC5F,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,EAAY,EAAE,EAAE,CAAC,oBAAoB,CAAC,WAAW,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAClG,MAAM,mBAAmB,GAAG,CAAC,GAAW,EAAE,EAAY,EAAE,EAAE,CAAC,oBAAoB,CAAC,cAAc,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACxG,OAAO,CACN,oBAAC,mBAAmB,IACnB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,aAAa,EACvB,WAAW,EAAE,gBAAgB,EAC7B,cAAc,EAAE,mBAAmB,GAClC,CACF,CAAC;AACH,CAAC,CAAC;AACF,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport React from \"react\";\nimport General from \"./components/content/General\";\nimport Workspaces from \"./components/content/Workspaces\";\nimport DashbarEditor from \"./components/content/DashbarEditor\";\nimport Notifications from \"./components/content/Notifications\";\nimport { UserPreferencesBase } from \"./UserPreferencesBase\";\nimport * as Store from \"./stores/UserPreferencesStore\";\n\n/**\n * The UserPreferences component initializes the user preference store that's used by its child components and renders\n * its child components: LeftNav and ContentSection with the proper styles.\n */\nexport const UserPreferences: React.FunctionComponent<{\n\tsections?: {};\n}> = ({ sections }) => {\n\tconst { UserPreferencesStore }: any = Store;\n\tconst storeSetValue = (obj: object) => UserPreferencesStore.setValue(obj);\n\tconst storeGetValue = (obj: object, cb: Function) => UserPreferencesStore.getValue(obj, cb);\n\tconst storeAddListener = (obj: object, cb: Function) => UserPreferencesStore.addListener(obj, cb);\n\tconst storeRemoveListener = (obj: object, cb: Function) => UserPreferencesStore.removeListener(obj, cb);\n\treturn (\n\t\t<UserPreferencesBase\n\t\t\tsections={sections}\n\t\t\tsetValue={storeSetValue}\n\t\t\tgetValue={storeGetValue}\n\t\t\taddListener={storeAddListener}\n\t\t\tremoveListener={storeRemoveListener}\n\t\t/>\n\t);\n};\nexport { General, Workspaces, DashbarEditor, Notifications };\n"]}

package/react/components/userPreferences/UserPreferencesBase.js

@@ -3,8 +3,12 @@ import LeftNav from "./components/LeftNav";
 import ContentSection from "./components/ContentSection";
 import "../../assets/css/userPreferences.css";
 import FloatingFocus from "@q42/floating-focus-a11y";
+// The package FloatingFocus injects a focus indicator that moves around the page, but only for
+// keyboard users. (Mouse users don't see the indicator.) All that needs to be done is to envoke it.
 new FloatingFocus();
+// If you want to make changes to the indicator, the styles are being maintained in assets/css/focus.css
 export const UserPreferencesBase = (props) => {
+    // The active section is the section that is currently selected and displayed in the preference menu.
     const [activeSection, setActiveSection] = useState("General");
     const entries = Object.keys(props.sections);
     useEffect(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"UserPreferencesBase.js","sourceRoot":"","sources":["../../../src/components/userPreferences/UserPreferencesBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,sCAAsC,CAAC;AAE9C,OAAO,aAAa,MAAM,0BAA0B,CAAC;AAGrD,IAAI,aAAa,EAAE,CAAC;AAGpB,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAU,EAAE,EAAE;IAEjD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACd,SAAS,mBAAmB,CAAC,KAAU,EAAE,QAAa;YACrD,IAAI,KAAK,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,KAAK,CAAC,CAAC;aAC1D;iBAAM;gBACN,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;gBAC1B,IAAI,IAAI,CAAC,cAAc,EAAE;oBACxB,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE;wBAC1C,gBAAgB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;qBACtC;yBAAM;wBACN,OAAO,CAAC,IAAI,CAAC,WAAW,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,sCAAsC,CAAC,CAAC;qBACpF;iBACD;aACD;QACF,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,iCAAiC,EAAE,mBAAmB,CAAC,CAAC;QAC9F,OAAO,GAAG,EAAE;YACX,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,iCAAiC,EAAE,mBAAmB,CAAC,CAAC;QAClG,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,gBAAgB,CAAC,CAAC;QAEhE,OAAO,SAAS,OAAO;YACtB,KAAK,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,gBAAgB,CAAC,CAAC;QACpE,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,6BAAK,SAAS,EAAC,sBAAsB;QACpC,oBAAC,OAAO,IACP,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,gBAAgB,GAC/B;QACF,oBAAC,cAAc,kBAAC,aAAa,EAAE,aAAa,IAAM,KAAK,EAAI,CACtD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport LeftNav from \"./components/LeftNav\";\nimport ContentSection from \"./components/ContentSection\";\nimport \"../../assets/css/userPreferences.css\";\n\nimport FloatingFocus from \"@q42/floating-focus-a11y\";\n// The package FloatingFocus injects a focus indicator that moves around the page, but only for\n// keyboard users. (Mouse users don't see the indicator.) All that needs to be done is to envoke it.\nnew FloatingFocus();\n// If you want to make changes to the indicator, the styles are being maintained in assets/css/focus.css\n\nexport const UserPreferencesBase = (props: any) => {\n\t// The active section is the section that is currently selected and displayed in the preference menu.\n\tconst [activeSection, setActiveSection] = useState(\"General\");\n\tconst entries = Object.keys(props.sections);\n\n\tuseEffect(() => {\n\t\tfunction listenForPreference(error: any, response: any) {\n\t\t\tif (error) {\n\t\t\t\tconsole.error(\"FinsembleUserPreferencesChannel: \", error);\n\t\t\t} else {\n\t\t\t\tconst { data } = response;\n\t\t\t\tif (data.preferencesTab) {\n\t\t\t\t\tif (entries.includes(data.preferencesTab)) {\n\t\t\t\t\t\tsetActiveSection(data.preferencesTab);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconsole.warn(`Unknown ${data?.preferencesTab} value for User Preferences sections`);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleUserPreferencesChannel\", listenForPreference);\n\t\treturn () => {\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleUserPreferencesChannel\", listenForPreference);\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\tprops.addListener({ field: \"activeSection\" }, setActiveSection);\n\n\t\treturn function cleanup() {\n\t\t\tprops.removeListener({ field: \"activeSection\" }, setActiveSection);\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t<div className=\"complex-menu-wrapper\">\n\t\t\t<LeftNav\n\t\t\t\tactiveSection={activeSection}\n\t\t\t\tsetValue={props.setValue}\n\t\t\t\tgetValue={props.getValue}\n\t\t\t\tentries={entries}\n\t\t\t\tsetActiveEntry={setActiveSection}\n\t\t\t/>\n\t\t\t<ContentSection activeSection={activeSection} {...props} />\n\t\t</div>\n\t);\n};\n"]}
+{"version":3,"file":"UserPreferencesBase.js","sourceRoot":"","sources":["../../../src/components/userPreferences/UserPreferencesBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,sCAAsC,CAAC;AAE9C,OAAO,aAAa,MAAM,0BAA0B,CAAC;AACrD,+FAA+F;AAC/F,oGAAoG;AACpG,IAAI,aAAa,EAAE,CAAC;AACpB,wGAAwG;AAExG,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAU,EAAE,EAAE;IACjD,qGAAqG;IACrG,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACd,SAAS,mBAAmB,CAAC,KAAU,EAAE,QAAa;YACrD,IAAI,KAAK,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,KAAK,CAAC,CAAC;aAC1D;iBAAM;gBACN,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;gBAC1B,IAAI,IAAI,CAAC,cAAc,EAAE;oBACxB,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE;wBAC1C,gBAAgB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;qBACtC;yBAAM;wBACN,OAAO,CAAC,IAAI,CAAC,WAAW,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,sCAAsC,CAAC,CAAC;qBACpF;iBACD;aACD;QACF,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,iCAAiC,EAAE,mBAAmB,CAAC,CAAC;QAC9F,OAAO,GAAG,EAAE;YACX,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,iCAAiC,EAAE,mBAAmB,CAAC,CAAC;QAClG,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,gBAAgB,CAAC,CAAC;QAEhE,OAAO,SAAS,OAAO;YACtB,KAAK,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,gBAAgB,CAAC,CAAC;QACpE,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,6BAAK,SAAS,EAAC,sBAAsB;QACpC,oBAAC,OAAO,IACP,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,gBAAgB,GAC/B;QACF,oBAAC,cAAc,kBAAC,aAAa,EAAE,aAAa,IAAM,KAAK,EAAI,CACtD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport LeftNav from \"./components/LeftNav\";\nimport ContentSection from \"./components/ContentSection\";\nimport \"../../assets/css/userPreferences.css\";\n\nimport FloatingFocus from \"@q42/floating-focus-a11y\";\n// The package FloatingFocus injects a focus indicator that moves around the page, but only for\n// keyboard users. (Mouse users don't see the indicator.) All that needs to be done is to envoke it.\nnew FloatingFocus();\n// If you want to make changes to the indicator, the styles are being maintained in assets/css/focus.css\n\nexport const UserPreferencesBase = (props: any) => {\n\t// The active section is the section that is currently selected and displayed in the preference menu.\n\tconst [activeSection, setActiveSection] = useState(\"General\");\n\tconst entries = Object.keys(props.sections);\n\n\tuseEffect(() => {\n\t\tfunction listenForPreference(error: any, response: any) {\n\t\t\tif (error) {\n\t\t\t\tconsole.error(\"FinsembleUserPreferencesChannel: \", error);\n\t\t\t} else {\n\t\t\t\tconst { data } = response;\n\t\t\t\tif (data.preferencesTab) {\n\t\t\t\t\tif (entries.includes(data.preferencesTab)) {\n\t\t\t\t\t\tsetActiveSection(data.preferencesTab);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconsole.warn(`Unknown ${data?.preferencesTab} value for User Preferences sections`);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleUserPreferencesChannel\", listenForPreference);\n\t\treturn () => {\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleUserPreferencesChannel\", listenForPreference);\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\tprops.addListener({ field: \"activeSection\" }, setActiveSection);\n\n\t\treturn function cleanup() {\n\t\t\tprops.removeListener({ field: \"activeSection\" }, setActiveSection);\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t<div className=\"complex-menu-wrapper\">\n\t\t\t<LeftNav\n\t\t\t\tactiveSection={activeSection}\n\t\t\t\tsetValue={props.setValue}\n\t\t\t\tgetValue={props.getValue}\n\t\t\t\tentries={entries}\n\t\t\t\tsetActiveEntry={setActiveSection}\n\t\t\t/>\n\t\t\t<ContentSection activeSection={activeSection} {...props} />\n\t\t</div>\n\t);\n};\n"]}

package/react/components/userPreferences/components/ContentSection.d.ts

@@ -1,4 +1,9 @@
 import React from "react";
+/**
+ * Displays the user preference section page for the currently selected section.
+ * @param {string} props.activeSection The current selected section.
+ * @param {object} props.customSections The client customized user preference sections.
+ */
 declare type ContentSectionProps = {
     addListener: Function;
     removeListener: Function;

package/react/components/userPreferences/components/LeftNav.d.ts

@@ -1,4 +1,8 @@
 import React from "react";
+/**
+ * The left section of the UserPreference menu. It contains all the preference section buttons for the user
+ * to select and go to different user preference sections.
+ */
 declare type LeftNavProps = {
     getValue: Function;
     setValue: Function;

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

@@ -8,6 +8,7 @@ export default class DashbarEditor extends React.Component {
             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);
@@ -86,6 +87,7 @@ export default class DashbarEditor extends React.Component {
         }
     }
     removeItem(itemId) {
+        // Removes a key from the store, dashbar will update the UI
         this.state.dashbarStore.getValue({ field: "dashbaritems" }, (error, dashbaritems) => {
             const indexToRemove = dashbaritems.findIndex((name) => name === itemId);
             dashbaritems.splice(indexToRemove, 1);
@@ -93,6 +95,7 @@ export default class DashbarEditor extends React.Component {
         });
     }
     addItem(itemId) {
+        // Update the store with new item, dashbar will parse these values and apply them
         this.state.dashbarStore.getValue({ field: "dashbaritems" }, (error, dashbaritems) => {
             dashbaritems.push(itemId);
             this.state.dashbarStore.setValue({ field: "dashbaritems", value: dashbaritems });

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/components/userPreferences/components/content/DashbarEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,4CAA4C,CAAC;AACpD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAcpD,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IACjG,YAAY,KAAyB;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,YAAY,EAAE,IAAI;YAClB,iBAAiB,EAAE,iCAAiC;YACpD,gBAAgB,EAAE,yBAAyB;YAC3C,sDAAsD;YACtD,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;SAChE,CAAC;QACF,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9D,CAAC;IAED,KAAK,CAAC,iBAAiB;QACtB,IAAI;YACH,MAAM,EAAE,IAAI,EAAE,qBAAqB,EAAE,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC;gBAChF,KAAK,EAAE,iCAAiC;aACxC,CAAC,CAAC;YACH,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC,QAAQ,CAC3C;gBACC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB;gBAClC,MAAM,EAAE,IAAI;aACZ,EACD,CAAC,KAAU,EAAE,KAAU,EAAE,EAAE;gBAC1B,MAAM,YAAY,GAAG,KAAK,CAAC;gBAE3B,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,MAAM,CAAC;gBAE7C,YAAY,CAAC,WAAW,CACvB;oBACC,KAAK,EAAE,cAAc;iBACrB,EACD,IAAI,CAAC,kBAAkB,CACvB,CAAC;gBAEF,MAAM,eAAe,GAAe,EAAE,CAAC;gBAEvC,MAAM,eAAe,GAAG,YAAY,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;gBAE/F,qBAAqB;oBACpB,MAAM,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,EAAE;wBAC1D,MAAM,OAAO,GAAG,qBAAqB,CAAC,eAAe,CAAC,CAAC;wBACvD,IAAI,eAAe,IAAI,YAAY,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;4BAC9D,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;yBACvB;6BAAM;4BACN,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;yBACxB;wBACD,OAAO,CAAC,EAAE,GAAG,eAAe,CAAC;wBAC7B,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;oBAC/B,CAAC,CAAC,CAAC;gBAEJ,IAAI,CAAC,QAAQ,CAAC;oBACb,YAAY,EAAE,YAAY;oBAC1B,cAAc,EAAE,eAAe;iBAC/B,CAAC,CAAC;YACJ,CAAC,CACD,CAAC;SACF;QAAC,OAAO,6BAA6B,EAAE;YACvC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,wCAAwC,EAAE,6BAA6B,CAAC,CAAC;SAC1G;IACF,CAAC;IAED,oBAAoB;QACnB,IAAI;YACH,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;SAC3F;QAAC,WAAM;YACP,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC;SAC/D;IACF,CAAC;IAED,KAAK,CAAC,kBAAkB,CAAC,GAAQ,EAAE,IAAS;QAC3C,IAAI;YACH,MAAM,EAAE,IAAI,EAAE,qBAAqB,EAAE,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC;gBAChF,KAAK,EAAE,iCAAiC;aACxC,CAAC,CAAC;YAEH,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YAEzF,MAAM,eAAe,GAAe,EAAE,CAAC;YACvC,qBAAqB;gBACpB,MAAM,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,EAAE;oBAC1D,MAAM,OAAO,GAAG,qBAAqB,CAAC,eAAe,CAAC,CAAC;oBACvD,IAAI,eAAe,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;wBAC5D,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;qBACvB;yBAAM;wBACN,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;qBACxB;oBACD,OAAO,CAAC,EAAE,GAAG,eAAe,CAAC;oBAC7B,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBAC/B,CAAC,CAAC,CAAC;YAEJ,IAAI,CAAC,QAAQ,CAAC;gBACb,cAAc,EAAE,eAAe;aAC/B,CAAC,CAAC;SACH;QAAC,OAAO,yBAAyB,EAAE;YACnC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,8BAA8B,EAAE,yBAAyB,CAAC,CAAC;SAC5F;IACF,CAAC;IAED,UAAU,CAAC,MAAc;QACxB,2DAA2D;QAC3D,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,CAAC,KAAU,EAAE,YAAwB,EAAE,EAAE;YACpG,MAAM,aAAa,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;YACxE,YAAY,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;YACtC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC;QAClF,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,OAAO,CAAC,MAAc;QACrB,iFAAiF;QACjF,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,CAAC,KAAU,EAAE,YAAwB,EAAE,EAAE;YACpG,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC1B,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC;QAClF,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,MAAM;QACL,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE5E,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACrB,OAAO,CACN,6BAAK,SAAS,EAAE,uBAAuB,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE;gBAC7G,+BAAO,SAAS,EAAC,qBAAqB;oBACrC;wBACC,6BAAK,SAAS,EAAC,UAAU,GAAG;wBAC5B,6BAAK,SAAS,EAAC,UAAU,GAAG;wBAC5B,6BAAK,SAAS,EAAC,UAAU,GAAG;wBAC5B,6BAAK,SAAS,EAAC,UAAU,GAAG,CAClB;oBACX;wBACC,4BAAI,SAAS,EAAC,cAAc;4BAC3B,+BAAS;4BACT,yCAAe;4BACf,uCAAa;4BACb,yCAAe,CACX,CACE;oBACR,mCACE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE;wBACvC,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO;4BAChC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;4BACrC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;wBACpC,OAAO,CACN,oBAAC,iBAAiB,IACjB,GAAG,EAAE,KAAK,EACV,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,GAChB,CACF,CAAC;oBACH,CAAC,CAAC,CACK,CACD,CACH,CACN,CAAC;SACF;aAAM;YACN,OAAO,CACN,6BAAK,EAAE,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,IACnD,+EAA+E,UAAU,EAAE,CACvF,CACN,CAAC;SACF;IACF,CAAC;CACD","sourcesContent":["import React from \"react\";\nimport \"../../../../assets/css/userPreferences.css\";\nimport DashbarEditorItem from \"./DashbarEditorItem\";\n\ntype DashbarEditorProps = {\n\tavailableItems?: Array<any>;\n\tclassName?: string;\n};\n\ntype DashbarEditorState = {\n\tdashbarStore: any;\n\tdashbarConfigPath: string;\n\tdashbarStorePath: string;\n\tavailableItems: Array<any>;\n};\n\nexport default class DashbarEditor extends React.Component<DashbarEditorProps, DashbarEditorState> {\n\tconstructor(props: DashbarEditorProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tdashbarStore: null,\n\t\t\tdashbarConfigPath: \"finsemble.availableDashbarItems\",\n\t\t\tdashbarStorePath: \"Finsemble-Dashbar-Store\",\n\t\t\t// props.availableItems is for the DashbarEditor story\n\t\t\tavailableItems: props.availableItems ? props.availableItems : [],\n\t\t};\n\t\tthis.updateDashbarItems = this.updateDashbarItems.bind(this);\n\t}\n\n\tasync componentDidMount() {\n\t\ttry {\n\t\t\tconst { data: availableDashbarItems } = await FSBL.Clients.ConfigClient.getValue({\n\t\t\t\tfield: \"finsemble.availableDashbarItems\",\n\t\t\t});\n\t\t\tFSBL.Clients.DistributedStoreClient.getStore(\n\t\t\t\t{\n\t\t\t\t\tstore: this.state.dashbarStorePath,\n\t\t\t\t\tglobal: true,\n\t\t\t\t},\n\t\t\t\t(error: any, store: any) => {\n\t\t\t\t\tconst DashbarStore = store;\n\n\t\t\t\t\tconst { dashbaritems } = DashbarStore.values;\n\n\t\t\t\t\tDashbarStore.addListener(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tfield: \"dashbaritems\",\n\t\t\t\t\t\t},\n\t\t\t\t\t\tthis.updateDashbarItems\n\t\t\t\t\t);\n\n\t\t\t\t\tconst newDashbarItems: Array<any> = [];\n\n\t\t\t\t\tconst hasEnabledItems = dashbaritems && Array.isArray(dashbaritems) && dashbaritems.length > 0;\n\n\t\t\t\t\tavailableDashbarItems &&\n\t\t\t\t\t\tObject.keys(availableDashbarItems).map((dashbarItemName) => {\n\t\t\t\t\t\t\tconst newItem = availableDashbarItems[dashbarItemName];\n\t\t\t\t\t\t\tif (hasEnabledItems && dashbaritems.includes(dashbarItemName)) {\n\t\t\t\t\t\t\t\tnewItem.enabled = true;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tnewItem.enabled = false;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tnewItem.id = dashbarItemName;\n\t\t\t\t\t\t\tnewDashbarItems.push(newItem);\n\t\t\t\t\t\t});\n\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tdashbarStore: DashbarStore,\n\t\t\t\t\t\tavailableItems: newDashbarItems,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t);\n\t\t} catch (errorInitializingDashbarItems) {\n\t\t\tFSBL.Clients.Logger.system.error(\"Error initializing dashbar preferences\", errorInitializingDashbarItems);\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\ttry {\n\t\t\tthis.state.dashbarStore.removeListener({ field: \"dashbaritems\" }, this.updateDashbarItems);\n\t\t} catch {\n\t\t\tFSBL.Clients.Logger.system.error(\"Error unmounting component\");\n\t\t}\n\t}\n\n\tasync updateDashbarItems(err: any, data: any) {\n\t\ttry {\n\t\t\tconst { data: availableDashbarItems } = await FSBL.Clients.ConfigClient.getValue({\n\t\t\t\tfield: \"finsemble.availableDashbarItems\",\n\t\t\t});\n\n\t\t\tconst hasEnabledItems = data.value && Array.isArray(data.value) && data.value.length > 0;\n\n\t\t\tconst newDashbarItems: Array<any> = [];\n\t\t\tavailableDashbarItems &&\n\t\t\t\tObject.keys(availableDashbarItems).map((dashbarItemName) => {\n\t\t\t\t\tconst newItem = availableDashbarItems[dashbarItemName];\n\t\t\t\t\tif (hasEnabledItems && data.value.includes(dashbarItemName)) {\n\t\t\t\t\t\tnewItem.enabled = true;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnewItem.enabled = false;\n\t\t\t\t\t}\n\t\t\t\t\tnewItem.id = dashbarItemName;\n\t\t\t\t\tnewDashbarItems.push(newItem);\n\t\t\t\t});\n\n\t\t\tthis.setState({\n\t\t\t\tavailableItems: newDashbarItems,\n\t\t\t});\n\t\t} catch (errorUpdatingDashbarItems) {\n\t\t\tFSBL.Clients.Logger.system.error(\"Error updating dashbar items\", errorUpdatingDashbarItems);\n\t\t}\n\t}\n\n\tremoveItem(itemId: number) {\n\t\t// Removes a key from the store, dashbar will update the UI\n\t\tthis.state.dashbarStore.getValue({ field: \"dashbaritems\" }, (error: any, dashbaritems: Array<any>) => {\n\t\t\tconst indexToRemove = dashbaritems.findIndex((name) => name === itemId);\n\t\t\tdashbaritems.splice(indexToRemove, 1);\n\t\t\tthis.state.dashbarStore.setValue({ field: \"dashbaritems\", value: dashbaritems });\n\t\t});\n\t}\n\n\taddItem(itemId: number) {\n\t\t// Update the store with new item, dashbar will parse these values and apply them\n\t\tthis.state.dashbarStore.getValue({ field: \"dashbaritems\" }, (error: any, dashbaritems: Array<any>) => {\n\t\t\tdashbaritems.push(itemId);\n\t\t\tthis.state.dashbarStore.setValue({ field: \"dashbaritems\", value: dashbaritems });\n\t\t});\n\t}\n\n\trender() {\n\t\tconst { availableItems: items, dashbarConfigPath: configPath } = this.state;\n\n\t\tif (items.length > 0) {\n\t\t\treturn (\n\t\t\t\t<div className={`dashbar-preferences ${this.props.className || \"\"}`} style={{ paddingLeft: 20, paddingTop: 3 }}>\n\t\t\t\t\t<table className=\"dashbar-items-table\">\n\t\t\t\t\t\t<colgroup>\n\t\t\t\t\t\t\t<col className=\"db-col-1\" />\n\t\t\t\t\t\t\t<col className=\"db-col-2\" />\n\t\t\t\t\t\t\t<col className=\"db-col-3\" />\n\t\t\t\t\t\t\t<col className=\"db-col-4\" />\n\t\t\t\t\t\t</colgroup>\n\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t\t<tr className=\"items-header\">\n\t\t\t\t\t\t\t\t<th></th>\n\t\t\t\t\t\t\t\t<th>Title:</th>\n\t\t\t\t\t\t\t\t<th>Url:</th>\n\t\t\t\t\t\t\t\t<th>Width:</th>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</thead>\n\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t{items.map((item: any, index: number) => {\n\t\t\t\t\t\t\t\tconst buttonAction = item.enabled\n\t\t\t\t\t\t\t\t\t? this.removeItem.bind(this, item.id)\n\t\t\t\t\t\t\t\t\t: this.addItem.bind(this, item.id);\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<DashbarEditorItem\n\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\tbuttonAction={buttonAction}\n\t\t\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\t\t\tid={item.id}\n\t\t\t\t\t\t\t\t\t\ttitle={item.title}\n\t\t\t\t\t\t\t\t\t\tenabled={item.enabled}\n\t\t\t\t\t\t\t\t\t\turl={item.url}\n\t\t\t\t\t\t\t\t\t\twidth={item.width}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</tbody>\n\t\t\t\t\t</table>\n\t\t\t\t</div>\n\t\t\t);\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t<div id=\"no-dashbar-items\" style={{ paddingLeft: 20 }}>\n\t\t\t\t\t{`You don't seem to have any dashbar items enabled or defined. Define some in ${configPath}`}\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\t}\n}\n"]}

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

@@ -1,5 +1,8 @@
 import React, { useState } from "react";
+// Types
+// Context
 import { NotificationsPreferencesContext, } from "../../NotificationsPreferencesContext";
+// Components
 import NotificationsPreferencesHome from "./notificationViews/NotificationsPreferencesHome";
 import NotificationsSourcesPreferences from "./notificationViews/NotificationsSourcesPreferences";
 import NotificationsSourceTypes from "./notificationViews/NotificationsSourceTypes";

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

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

@@ -35,6 +35,11 @@ export default class Workspaces extends React.Component<IProps, IState> {
         value: Workspace[];
     }): void;
     addListeners(): void;
+    /**
+     * Sets the windowOptions.alwaysOnTop to the value supplied. The preferences component should
+     * not be always on top when a file dialog is open.
+     * @param {boolean} alwaysOnTop The value to set finsembleWindow.options.alwaysOnTop
+     */
     changePreferencesAlwaysOnTop(alwaysOnTop: boolean): void;
     onDragEnd({ oldIndex, newIndex }: {
         oldIndex: number;
@@ -54,6 +59,13 @@ export default class Workspaces extends React.Component<IProps, IState> {
     setPreference(field: string, value: any, cb?: Function): void;
     setWorkspaceToLoadOnStart(eventOrCb: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement> | (() => void)): void;
     openFileDialog(): void;
+    /**
+     * If the event is being listened to, when the preferences component is focused
+     * it will set always on top to true, and remove the event listener
+     *
+     * This is to handle bringing alwaysOnTop back to true when file dialogs are closed
+     * without changes (also handles bringing back to front after exporting)
+     */
     preferencesFocused(): void;
     importWorkspace(evt: Event & {
         target: {

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

@@ -72,7 +72,15 @@ export default class Workspaces extends React.Component {
     addListeners() {
         this.props.addListener({ field: "WorkspaceList" }, this.setWorkspaceList);
     }
+    /**
+     * Sets the windowOptions.alwaysOnTop to the value supplied. The preferences component should
+     * not be always on top when a file dialog is open.
+     * @param {boolean} alwaysOnTop The value to set finsembleWindow.options.alwaysOnTop
+     */
     changePreferencesAlwaysOnTop(alwaysOnTop) {
+        // The initialAlwaysOnTop check is to prevent making a component be alwaysOnTop when the
+        // client may have set it to alwaysOnTop:false in the config. If that's the case, it should
+        // never set its alwaysOnTop to true and should always remain unchanged
         if (this.state.initialAlwaysOnTop) {
             FSBL.Clients.WindowClient.setAlwaysOnTop(alwaysOnTop, () => {
                 this.setState({
@@ -94,6 +102,8 @@ export default class Workspaces extends React.Component {
             data: { oldIndex, newIndex },
         });
     }
+    // returns all the component types of a template definition to display to user for additional info. If multiple components with same type, then instead of listing each
+    // individually, only one entry will be returned with the count in parentheses.
     getComponentTypes(templateObject) {
         FSBL.Clients.Logger.system.debug("getComponentTypes templateObject", templateObject);
         let componentType;
@@ -104,6 +114,7 @@ export default class Workspaces extends React.Component {
             FSBL.Clients.Logger.system.debug("getComponentTypes loop", windowData);
             componentType = "Unknown Component";
             if (windowData) {
+                // current assimilation doesn't fill in windowData, so in this case use "Unknown Component" for component type
                 componentType = windowData.componentType || windowData.customData.component.type;
             }
             else {
@@ -168,6 +179,7 @@ export default class Workspaces extends React.Component {
         }
         let updatedWorkspaceList = this.state.workspaceList;
         let index = updatedWorkspaceList.findIndex((el) => el.name === oldName);
+        // Set state locally so that the text doesn't change when the input field unmounts.
         if (index !== -1) {
             updatedWorkspaceList[index].name = newName;
             this.setState({
@@ -195,6 +207,8 @@ export default class Workspaces extends React.Component {
         }
     }
     startEditingWorkspace(e, workspaceName = this.state.focusedWorkspace) {
+        // without preventing this event from reaching the finsemble draggable,
+        // the editor will lose focus and you won't be able to rename your workspaces
         e.stopPropagation();
         this.setState({
             editing: true,
@@ -296,12 +310,21 @@ export default class Workspaces extends React.Component {
         }
     }
     openFileDialog() {
+        // Set alwaysOnTop to false and add an event listener on the window. When focus is regained
+        // then reset always on top
         this.changePreferencesAlwaysOnTop(false);
         finsembleWindow.addEventListener("focused", this.preferencesFocused);
         let inputElement = document.getElementById("file-input");
         inputElement === null || inputElement === void 0 ? void 0 : inputElement.addEventListener("change", this.importWorkspace, false);
         inputElement === null || inputElement === void 0 ? void 0 : inputElement.click();
     }
+    /**
+     * If the event is being listened to, when the preferences component is focused
+     * it will set always on top to true, and remove the event listener
+     *
+     * This is to handle bringing alwaysOnTop back to true when file dialogs are closed
+     * without changes (also handles bringing back to front after exporting)
+     */
     preferencesFocused() {
         finsembleWindow.removeEventListener("focused", this.preferencesFocused);
         this.changePreferencesAlwaysOnTop(true);
@@ -309,10 +332,11 @@ export default class Workspaces extends React.Component {
     importWorkspace(evt) {
         let inputElement = document.getElementById("file-input");
         inputElement === null || inputElement === void 0 ? void 0 : inputElement.removeEventListener("change", this.importWorkspace);
-        const { files } = evt.target;
+        const { files } = evt.target; // FileList object
         function loadFile(file, done) {
             const reader = new FileReader();
             let fileName = evt.target.value;
+            // When the file info is loaded, we get into here..
             reader.onload = function (e) {
                 var _a;
                 fileName = fileName.split("\\");
@@ -320,6 +344,7 @@ export default class Workspaces extends React.Component {
                 let workspaceTemplateDefinition = JSON.parse((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.result);
                 let templateName = Object.keys(workspaceTemplateDefinition.workspaceTemplates)[0];
                 if (fileName !== templateName) {
+                    // We want the file name to overwrite the name of the workspace that was saved as the template..
                     workspaceTemplateDefinition.workspaceTemplates[fileName] =
                         workspaceTemplateDefinition.workspaceTemplates[templateName];
                     delete workspaceTemplateDefinition.workspaceTemplates[templateName];
@@ -335,9 +360,11 @@ export default class Workspaces extends React.Component {
                     done();
                 });
             };
+            // Read in the image file as a data URL.
             reader.readAsText(file);
         }
         async.each(files, loadFile, () => {
+            // Clear out files. so if the user imports the same  file back-to-back, the event will fire.
             if (inputElement === null || inputElement === void 0 ? void 0 : inputElement.value) {
                 inputElement.value = "";
             }
@@ -353,18 +380,23 @@ export default class Workspaces extends React.Component {
                     FSBL.Clients.Logger.system.error("getWorkspaceDefinition error", err);
                 }
                 else {
+                    // We're saving using a routine initially created for templates. The outcome is the same and it probably should have just been "Save to file". This bool is to allow it to save.
                     FSBL.ConfigUtils.promptAndSaveJSONToLocalFile(this.state.focusedWorkspace, {
                         workspaceTemplates: workspaceDefinition,
                     });
                 }
             });
         };
+        // Set alwaysOnTop to false and add an event listener on the window. When focus is regained
+        // then reset always on top
         this.changePreferencesAlwaysOnTop(false);
         finsembleWindow.addEventListener("focused", this.preferencesFocused);
+        // If we're autosaving, autosave, then export.
         FSBL.Clients.ConfigClient.getValue({
             field: "finsemble.preferences.workspaceService.promptUserOnDirtyWorkspace",
         }, (err, data) => {
             var _a, _b, _c;
+            // default to false.
             let PROMPT_ON_SAVE = data === null ? false : data;
             if (!PROMPT_ON_SAVE) {
                 let activeName = (_c = (_b = (_a = FSBL === null || FSBL === void 0 ? void 0 : FSBL.Clients) === null || _a === void 0 ? void 0 : _a.WorkspaceClient) === null || _b === void 0 ? void 0 : _b.activeWorkspace) === null || _c === void 0 ? void 0 : _c.name;