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

package/react/components/userPreferences/components/workspaces/WorkspaceItem.js

@@ -0,0 +1,89 @@
+import React from "react";
+import { FinsembleDraggable } from "../../../legacyControls/FinsembleDraggable";
+export 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 }, () => {
+                var _a, _b;
+                (_b = (_a = this.props).cancelHandler) === null || _b === void 0 ? void 0 : _b.call(_a);
+            });
+        }
+        else if (e.key === "Enter") {
+            const finish = (val) => {
+                var _a, _b;
+                (_b = (_a = this.props).saveHandler) === null || _b === void 0 ? void 0 : _b.call(_a, 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() {
+        const finish = (val) => {
+            var _a, _b;
+            (_b = (_a = this.props).saveHandler) === null || _b === void 0 ? void 0 : _b.call(_a, 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 }));
+    }
+}
+const WorkspaceItem = (props) => {
+    var _a, _b;
+    let baseClass = "workspace-item";
+    let classNames = baseClass;
+    if (((_a = FSBL.Clients.WorkspaceClient.activeWorkspace) === null || _a === void 0 ? void 0 : _a.name) === props.workspace.name) {
+        classNames = `${classNames} active-workspace`;
+    }
+    if (props.workspaceToLoadOnStart === props.workspace.name) {
+        classNames = `${classNames} auto-start-workspace-item`;
+    }
+    if (props.focusedWorkspace === props.workspace.name) {
+        classNames = `${classNames} focused-workspace-item`;
+        if (props.i === 0) {
+            classNames = `${classNames} no-top-border`;
+        }
+        if (props.editing || props.adding) {
+            classNames = `${classNames} workspace-item-editing`;
+            return (React.createElement("div", { key: props.i, className: classNames },
+                React.createElement(WorkspaceEditor, { value: props.workspace.name || "", saveHandler: props.editing ? props.renameWorkspace : props.addWorkspace, cancelHandler: props.cancelEdit })));
+        }
+    }
+    return (React.createElement(FinsembleDraggable, { onClick: () => {
+            var _a;
+            (_a = props.setFocusedWorkspace) === null || _a === void 0 ? void 0 : _a.call(props, props.workspace.name);
+        }, wrapperClass: classNames, draggableId: props.workspace.name || "", index: props.i || 0 },
+        React.createElement("div", { className: "ff-adp-hamburger" }),
+        React.createElement("div", { className: "workspace-name", title: props.workspace.name }, props.workspace.name),
+        React.createElement("div", { className: "individual-workspace-actions" }, props.workspace.name !== ((_b = FSBL.Clients.WorkspaceClient.activeWorkspace) === null || _b === void 0 ? void 0 : _b.name) && (React.createElement(React.Fragment, null,
+            React.createElement("div", { title: props.renameTooltip, className: props.renameButtonClasses, onMouseDown: props.handleButtonClicks, onClick: (e) => {
+                    var _a;
+                    props.allowRename && ((_a = props.startEditingWorkspace) === null || _a === void 0 ? void 0 : _a.call(props, e, props.workspace.name || ""));
+                } },
+                React.createElement("i", { className: "ff-adp-edit" })),
+            React.createElement("div", { title: props.deleteTooltip, className: props.deleteButtonClasses, onMouseDown: props.handleButtonClicks, onClick: () => {
+                    var _a;
+                    props.allowDelete && ((_a = props.deleteWorkspace) === null || _a === void 0 ? void 0 : _a.call(props, props.workspace.name || ""));
+                } },
+                React.createElement("i", { className: "ff-adp-trash-outline" })))))));
+};
+export default WorkspaceItem;
+//# sourceMappingURL=WorkspaceItem.js.map

package/react/components/userPreferences/components/workspaces/WorkspaceItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceItem.js","sourceRoot":"","sources":["../../../../../src/components/userPreferences/components/workspaces/WorkspaceItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { MouseEventHandler } from \"react\";\r\nimport { FinsembleDraggable } from \"../../../legacyControls/FinsembleDraggable\";\r\n\r\ntype WorkspaceEditorProps = {\r\n\tcancelHandler?: Function;\r\n\tsaveHandler?: Function;\r\n\tvalue?: string;\r\n};\r\n\r\ntype WorkspaceEditorState = {\r\n\tvalue: string;\r\n\tfinished: boolean;\r\n};\r\n\r\nexport class WorkspaceEditor extends React.Component<WorkspaceEditorProps, WorkspaceEditorState> {\r\n\tconstructor(props: WorkspaceEditorProps) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tvalue: props.value || \"\",\r\n\t\t\tfinished: false,\r\n\t\t};\r\n\t\tthis.onKeyDown = this.onKeyDown.bind(this);\r\n\t\tthis.onChange = this.onChange.bind(this);\r\n\t\tthis.onBlur = this.onBlur.bind(this);\r\n\t\tthis.onFocus = this.onFocus.bind(this);\r\n\t}\r\n\r\n\tonKeyDown(e: any) {\r\n\t\tif (e.key === \"Escape\") {\r\n\t\t\tthis.setState({ finished: true }, () => {\r\n\t\t\t\tthis.props.cancelHandler?.();\r\n\t\t\t});\r\n\t\t} else if (e.key === \"Enter\") {\r\n\t\t\tconst finish = (val: string) => {\r\n\t\t\t\tthis.props.saveHandler?.(val);\r\n\t\t\t};\r\n\t\t\t// binding so we don't lose the event inside of react's crazy callback structure\r\n\t\t\tthis.setState({ finished: true }, finish.bind(this, e.target.value));\r\n\t\t}\r\n\t}\r\n\r\n\tonChange(e: any) {\r\n\t\tthis.setState({\r\n\t\t\tvalue: e.target.value,\r\n\t\t});\r\n\t}\r\n\r\n\tonFocus(e: any) {\r\n\t\te.target.select();\r\n\t}\r\n\r\n\tonBlur() {\r\n\t\t// console.log(\"ON BLUR\", performance.now());\r\n\t\tconst finish = (val: string) => {\r\n\t\t\tthis.props.saveHandler?.(val);\r\n\t\t};\r\n\t\t// binding so we don't lose the event inside of react's crazy callback structure. Finished is set so that the component doesn't call the saveHandler again on unMount\r\n\t\tthis.setState({ finished: true }, finish.bind(this, this.state.value));\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<input\r\n\t\t\t\tonFocus={this.onFocus}\r\n\t\t\t\tonBlur={this.onBlur}\r\n\t\t\t\tautoFocus={true}\r\n\t\t\t\tvalue={this.state.value}\r\n\t\t\t\tclassName=\"workspace-editor\"\r\n\t\t\t\tonChange={this.onChange}\r\n\t\t\t\tonKeyDown={this.onKeyDown}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport type WorkspaceItemProps = {\r\n\tworkspace: { name?: string; components?: Array<String> };\r\n\tworkspaceToLoadOnStart?: any;\r\n\tfocusedWorkspace?: string;\r\n\ti?: number;\r\n\tediting?: boolean;\r\n\tadding?: boolean;\r\n\tkey?: number;\r\n\trenameWorkspace?: Function;\r\n\taddWorkspace?: Function;\r\n\tcancelEdit?: Function;\r\n\tsetFocusedWorkspace?: Function;\r\n\trenameTooltip?: string;\r\n\trenameButtonClasses?: string;\r\n\thandleButtonClicks?: MouseEventHandler<HTMLDivElement>;\r\n\tallowRename?: boolean;\r\n\tstartEditingWorkspace?: (e: MouseEventHandler<HTMLDivElement>, name: string) => void;\r\n\tdeleteTooltip?: string;\r\n\tdeleteButtonClasses?: string;\r\n\tallowDelete?: boolean;\r\n\tdeleteWorkspace?: (name: string) => void;\r\n};\r\nconst WorkspaceItem = (props: WorkspaceItemProps) => {\r\n\tlet baseClass = \"workspace-item\";\r\n\tlet classNames = baseClass;\r\n\tif (FSBL.Clients.WorkspaceClient.activeWorkspace?.name === props.workspace.name) {\r\n\t\tclassNames = `${classNames} active-workspace`;\r\n\t}\r\n\r\n\tif (props.workspaceToLoadOnStart === props.workspace.name) {\r\n\t\tclassNames = `${classNames} auto-start-workspace-item`;\r\n\t}\r\n\r\n\tif (props.focusedWorkspace === props.workspace.name) {\r\n\t\tclassNames = `${classNames} focused-workspace-item`;\r\n\t\tif (props.i === 0) {\r\n\t\t\tclassNames = `${classNames} no-top-border`;\r\n\t\t}\r\n\t\tif (props.editing || props.adding) {\r\n\t\t\tclassNames = `${classNames} workspace-item-editing`;\r\n\t\t\treturn (\r\n\t\t\t\t<div key={props.i} className={classNames}>\r\n\t\t\t\t\t<WorkspaceEditor\r\n\t\t\t\t\t\tvalue={props.workspace.name || \"\"}\r\n\t\t\t\t\t\tsaveHandler={props.editing ? props.renameWorkspace : props.addWorkspace}\r\n\t\t\t\t\t\tcancelHandler={props.cancelEdit}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\treturn (\r\n\t\t<FinsembleDraggable\r\n\t\t\tonClick={() => {\r\n\t\t\t\tprops.setFocusedWorkspace?.(props.workspace.name);\r\n\t\t\t}}\r\n\t\t\twrapperClass={classNames}\r\n\t\t\tdraggableId={props.workspace.name || \"\"}\r\n\t\t\tindex={props.i || 0}\r\n\t\t>\r\n\t\t\t<div className=\"ff-adp-hamburger\"></div>\r\n\t\t\t<div className=\"workspace-name\" title={props.workspace.name}>\r\n\t\t\t\t{props.workspace.name}\r\n\t\t\t</div>\r\n\t\t\t<div className=\"individual-workspace-actions\">\r\n\t\t\t\t{props.workspace.name !== FSBL.Clients.WorkspaceClient.activeWorkspace?.name && (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\ttitle={props.renameTooltip}\r\n\t\t\t\t\t\t\tclassName={props.renameButtonClasses}\r\n\t\t\t\t\t\t\tonMouseDown={props.handleButtonClicks}\r\n\t\t\t\t\t\t\tonClick={(e: any) => {\r\n\t\t\t\t\t\t\t\tprops.allowRename && props.startEditingWorkspace?.(e, props.workspace.name || \"\");\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<i className=\"ff-adp-edit\"></i>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\ttitle={props.deleteTooltip}\r\n\t\t\t\t\t\t\tclassName={props.deleteButtonClasses}\r\n\t\t\t\t\t\t\tonMouseDown={props.handleButtonClicks}\r\n\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\tprops.allowDelete && props.deleteWorkspace?.(props.workspace.name || \"\");\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<i className=\"ff-adp-trash-outline\"></i>\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</FinsembleDraggable>\r\n\t);\r\n};\r\n\r\nexport default WorkspaceItem;\r\n"]}

package/react/components/userPreferences/components/workspaces/WorkspaceItemList.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare type WorkspaceItemListProps = {
+    onDragEnd?: Function;
+    workspaceList?: Array<object>;
+    [x: string]: any;
+};
+declare const WorkspaceItemList: ({ onDragEnd, workspaceList, ...rest }: WorkspaceItemListProps) => JSX.Element;
+export default WorkspaceItemList;

package/react/components/userPreferences/components/workspaces/WorkspaceItemList.js

@@ -0,0 +1,21 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import WorkspaceItem from "./WorkspaceItem";
+import { FinsembleDnDContext } from "../../../legacyControls/FinsembleDnDContext";
+const WorkspaceItemList = (_a) => {
+    var { onDragEnd, workspaceList } = _a, rest = __rest(_a, ["onDragEnd", "workspaceList"]);
+    return (React.createElement("div", { className: "workspace-list" },
+        React.createElement(FinsembleDnDContext, { onDragEnd: onDragEnd }, workspaceList === null || workspaceList === void 0 ? void 0 : workspaceList.map((workspace, i) => (React.createElement(WorkspaceItem, Object.assign({ workspace: workspace, key: i, i: i }, rest)))))));
+};
+export default WorkspaceItemList;
+//# sourceMappingURL=WorkspaceItemList.js.map

package/react/components/userPreferences/components/workspaces/WorkspaceItemList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceItemList.js","sourceRoot":"","sources":["../../../../../src/components/userPreferences/components/workspaces/WorkspaceItemList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAQlF,MAAM,iBAAiB,GAAG,CAAC,EAA6D,EAAE,EAAE;QAAjE,EAAE,SAAS,EAAE,aAAa,OAAmC,EAA9B,IAAI,cAAnC,8BAAqC,CAAF;IAA+B,OAAA,CAC5F,6BAAK,SAAS,EAAC,gBAAgB;QAC9B,oBAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS,IACvC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC,CACrC,oBAAC,aAAa,kBAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAM,IAAI,EAAI,CAC/D,CAAC,CACmB,CACjB,CACN,CAAA;CAAA,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import React from \"react\";\r\nimport WorkspaceItem from \"./WorkspaceItem\";\r\nimport { FinsembleDnDContext } from \"../../../legacyControls/FinsembleDnDContext\";\r\n\r\nexport type WorkspaceItemListProps = {\r\n\tonDragEnd?: Function;\r\n\tworkspaceList?: Array<object>;\r\n\t[x: string]: any;\r\n};\r\n\r\nconst WorkspaceItemList = ({ onDragEnd, workspaceList, ...rest }: WorkspaceItemListProps) => (\r\n\t<div className=\"workspace-list\">\r\n\t\t<FinsembleDnDContext onDragEnd={onDragEnd}>\r\n\t\t\t{workspaceList?.map((workspace, i) => (\r\n\t\t\t\t<WorkspaceItem workspace={workspace} key={i} i={i} {...rest} />\r\n\t\t\t))}\r\n\t\t</FinsembleDnDContext>\r\n\t</div>\r\n);\r\n\r\nexport default WorkspaceItemList;\r\n"]}

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

@@ -1,4 +1,4 @@
-export { UserPreferences } from "./UserPreferences";
+export { UserPreferences } from "./UserPreferencesWrapper";
 export { General } from "./UserPreferences";
 export { Workspaces } from "./UserPreferences";
 export { DashbarEditor } from "./UserPreferences";

package/react/components/userPreferences/index.js

@@ -1,4 +1,4 @@
-export { UserPreferences } from "./UserPreferences";
+export { UserPreferences } from "./UserPreferencesWrapper";
 export { General } from "./UserPreferences";
 export { Workspaces } from "./UserPreferences";
 export { DashbarEditor } from "./UserPreferences";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/userPreferences/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["export { UserPreferences } from \"./UserPreferences\";\r\nexport { General } from \"./UserPreferences\";\r\nexport { Workspaces } from \"./UserPreferences\";\r\nexport { DashbarEditor } from \"./UserPreferences\";\r\nexport { Notifications } from \"./UserPreferences\";\r\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/userPreferences/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["export { UserPreferences } from \"./UserPreferencesWrapper\";\r\nexport { General } from \"./UserPreferences\";\r\nexport { Workspaces } from \"./UserPreferences\";\r\nexport { DashbarEditor } from \"./UserPreferences\";\r\nexport { Notifications } from \"./UserPreferences\";\r\n"]}

package/react/components/userPreferences/stores/UserPreferencesStore.d.ts

@@ -1,13 +1,12 @@
-export let WorkspaceManagementMenuStore: any;
-export function initialize(WorkspaceMngMenuStore: any, cb: any): void;
-export let UserPreferencesStore: any;
-export namespace Actions {
-    function initialize(): void;
-    function getWorkspaces(cb?: Function): void;
-    function getWorkspaces(cb?: Function): void;
-    function exportWorkspace(): void;
-    function importTemplate(): void;
-    function disableScheduledRestart(): void;
-    function setScheduledRestart(val: any): void;
-}
-export let DashbarStore: any;
+import StoreModel from "@finsemble/finsemble-core/types/clients/StoreModel";
+import { ScheduledRestartObjectType } from "../UserPreferenceTypes";
+declare let UserPreferencesStore: StoreModel;
+declare let WorkspaceManagementMenuStore: StoreModel;
+declare const Actions: {
+    initialize: () => void;
+    getWorkspaces(cb?: Function): void;
+    disableScheduledRestart: () => void;
+    setScheduledRestart: (val: ScheduledRestartObjectType) => void;
+};
+declare function initialize(WorkspaceMngMenuStore: StoreModel, cb: (store: StoreModel) => void): void;
+export { WorkspaceManagementMenuStore, initialize, UserPreferencesStore, Actions };

package/react/components/userPreferences/stores/UserPreferencesStore.js

@@ -1,4 +1,5 @@
-let UserPreferencesStore, WorkspaceManagementMenuStore, DashbarStore;
+let UserPreferencesStore;
+let WorkspaceManagementMenuStore;
 let updateConstants;
 const Actions = {
     initialize: function () {
@@ -15,10 +16,12 @@ const Actions = {
             });
         });
         FSBL.Clients.WorkspaceClient.getActiveWorkspace((err, activeWorkspace) => {
-            UserPreferencesStore.setValue({
-                field: "activeWorkspace",
-                value: activeWorkspace,
-            });
+            if (activeWorkspace) {
+                UserPreferencesStore.setValue({
+                    field: "activeWorkspace",
+                    value: activeWorkspace,
+                });
+            }
         });
         FSBL.Clients.RouterClient.subscribe("Finsemble.WorkspaceService.update", (err, response) => {
             if (response.data && response.data.activeWorkspace) {
@@ -57,17 +60,6 @@ const Actions = {
             cb();
         });
     },
-    exportWorkspace: function () {
-        var workspaceName;
-        FSBL.Clients.WorkspaceClient.getWorkspaceDefinition(workspaceName, (err, workspaceDefinition) => {
-            var newTemplateDefinition = FSBL.Clients.WorkspaceClient.convertWorkspaceDefinitionToTemplate("templateX", workspaceDefinition);
-            FSBL.Clients.WorkspaceClient.saveWorkspaceTemplateToConfigFile(newTemplateDefinition);
-        });
-    },
-    importTemplate: function () {
-        var newTemplateJSONDefinition;
-        FSBL.Clients.WorkspaceClient.addWorkspaceTemplateDefinition(newTemplateJSONDefinition, { force: true }, () => { });
-    },
     disableScheduledRestart: () => {
         FSBL.Clients.ConfigClient.setPreference({
             field: "finsemble.scheduledRestart",
@@ -86,14 +78,10 @@ async function createLocalStore(done) {
         if (preferencesErr) {
             FSBL.Clients.Logger.error("Error fetching user preferences data: ", preferencesErr);
         }
-        UserPreferencesStore = preferencesStore;
-        FSBL.Clients.DistributedStoreClient.createStore({ store: "Finsemble-Dashbar-Store", global: true, persist: true }, (dashbarErr, dashbarStore) => {
-            if (dashbarErr) {
-                FSBL.Clients.Logger.error("Error fetching dashbar data: ", dashbarErr);
-            }
-            DashbarStore = dashbarStore;
-            done();
-        });
+        if (preferencesStore) {
+            UserPreferencesStore = preferencesStore;
+        }
+        done();
     });
 }
 function initialize(WorkspaceMngMenuStore, cb) {
@@ -103,5 +91,5 @@ function initialize(WorkspaceMngMenuStore, cb) {
         cb(UserPreferencesStore);
     });
 }
-export { WorkspaceManagementMenuStore, initialize, UserPreferencesStore, Actions, DashbarStore };
+export { WorkspaceManagementMenuStore, initialize, UserPreferencesStore, Actions };
 //# sourceMappingURL=UserPreferencesStore.js.map

package/react/components/userPreferences/stores/UserPreferencesStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserPreferencesStore.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/stores/UserPreferencesStore.jsx"],"names":[],"mappings":"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","sourcesContent":["let UserPreferencesStore, WorkspaceManagementMenuStore, DashbarStore;\r\n\r\nlet updateConstants;\r\n\r\nconst Actions = {\r\n\tinitialize: function () {\r\n\t\tFSBL.Clients.WorkspaceClient.getWorkspaceActions((err, constants) => {\r\n\t\t\tupdateConstants = constants;\r\n\t\t});\r\n\r\n\t\tFSBL.Clients.ConfigClient.getPreferences((err, data) => {\r\n\t\t\tUserPreferencesStore.setValue({ field: \"preferences\", value: data });\r\n\t\t});\r\n\r\n\t\t// Gets the workspace list and sets the value in the store.\r\n\t\tFSBL.Clients.WorkspaceClient.getWorkspaces((err, workspaces) => {\r\n\t\t\tUserPreferencesStore.setValue({\r\n\t\t\t\tfield: \"WorkspaceList\",\r\n\t\t\t\tvalue: workspaces,\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\t// Get the activeWorkspace and set the value. I could have iterated through the workspaces above and found the active one, but this seems simpler.\r\n\t\tFSBL.Clients.WorkspaceClient.getActiveWorkspace((err, activeWorkspace) => {\r\n\t\t\tUserPreferencesStore.setValue({\r\n\t\t\t\tfield: \"activeWorkspace\",\r\n\t\t\t\tvalue: activeWorkspace,\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\t/**\r\n\t\t * We listen here for any workspace updates, and pass them to the store.\r\n\t\t * **NOTE**: You may notice that the signature of this callback is different from the previous ones. In this case we receive a `response`, instead of `workspaces` or `activeWorkspace`. This is because this callback is for a `RouterClient` message. The functions above are callbacks to `WorkspaceClient` API calls.\r\n\t\t */\r\n\t\tFSBL.Clients.RouterClient.subscribe(\"Finsemble.WorkspaceService.update\", (err, response) => {\r\n\t\t\tif (response.data && response.data.activeWorkspace) {\r\n\t\t\t\tUserPreferencesStore.setValue({\r\n\t\t\t\t\tfield: \"activeWorkspace\",\r\n\t\t\t\t\tvalue: response.data.activeWorkspace,\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (updateConstants) {\r\n\t\t\t\t\tswitch (response.data.reason) {\r\n\t\t\t\t\t\tcase updateConstants.GET_ACTIVE_WORKSPACE:\r\n\t\t\t\t\t\tcase updateConstants.NEW_WORKSPACE:\r\n\t\t\t\t\t\tcase updateConstants.IMPORT:\r\n\t\t\t\t\t\tcase updateConstants.SAVE:\r\n\t\t\t\t\t\tcase updateConstants.SAVE_AS:\r\n\t\t\t\t\t\tcase updateConstants.REMOVE:\r\n\t\t\t\t\t\tcase updateConstants.SWITCH_TO:\r\n\t\t\t\t\t\tcase updateConstants.SET_WORKSPACE_ORDER:\r\n\t\t\t\t\t\tcase updateConstants.ADD_WINDOW:\r\n\t\t\t\t\t\tcase updateConstants.REMOVE_WINDOW:\r\n\t\t\t\t\t\tcase updateConstants.RENAME:\r\n\t\t\t\t\t\t\tActions.getWorkspaces();\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tdefault:\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\t},\r\n\tgetWorkspaces(cb = Function.prototype) {\r\n\t\t// Gets the workspace list and sets the value in the store.\r\n\t\tFSBL.Clients.WorkspaceClient.getWorkspaces((err, workspaces) => {\r\n\t\t\tUserPreferencesStore.setValue({\r\n\t\t\t\tfield: \"WorkspaceList\",\r\n\t\t\t\tvalue: workspaces,\r\n\t\t\t});\r\n\t\t\tcb();\r\n\t\t});\r\n\t},\r\n\texportWorkspace: function () {\r\n\t\tvar workspaceName; // ************* needs to be set to selected workspace **********************\r\n\t\tFSBL.Clients.WorkspaceClient.getWorkspaceDefinition(workspaceName, (err, workspaceDefinition) => {\r\n\t\t\tvar newTemplateDefinition = FSBL.Clients.WorkspaceClient.convertWorkspaceDefinitionToTemplate(\r\n\t\t\t\t\"templateX\",\r\n\t\t\t\tworkspaceDefinition\r\n\t\t\t);\r\n\t\t\tFSBL.Clients.WorkspaceClient.saveWorkspaceTemplateToConfigFile(newTemplateDefinition);\r\n\t\t});\r\n\t},\r\n\timportTemplate: function () {\r\n\t\tvar newTemplateJSONDefinition; // ************* needs to be initialized from file input **********************\r\n\t\tFSBL.Clients.WorkspaceClient.addWorkspaceTemplateDefinition(newTemplateJSONDefinition, { force: true }, () => {});\r\n\t},\r\n\t/**\r\n\t * By making the value of `finsemble.scheduledRestart` falsy, the application will remove any existing restart timers.\r\n\t */\r\n\tdisableScheduledRestart: () => {\r\n\t\tFSBL.Clients.ConfigClient.setPreference({\r\n\t\t\tfield: \"finsemble.scheduledRestart\",\r\n\t\t\tvalue: false,\r\n\t\t});\r\n\t},\r\n\t/** Finsemble listens for this piece of config. When it changes, it will schedule a daily restart at that time. */\r\n\tsetScheduledRestart: (val) => {\r\n\t\tFSBL.Clients.ConfigClient.setPreference({\r\n\t\t\tfield: \"finsemble.scheduledRestart\",\r\n\t\t\tvalue: val,\r\n\t\t});\r\n\t},\r\n};\r\n\r\nasync function createLocalStore(done) {\r\n\t// While the order of these two functions is unimportant, they cannot be done in series as we don't want\r\n\t// to call the callback until both stores have been initiated. This keeps the initialization function\r\n\t// executing until both stores either have values, or fail to initialize.\r\n\tFSBL.Clients.DistributedStoreClient.createStore(\r\n\t\t{ store: \"Finsemble-UserPreferences-Local-Store\" },\r\n\t\t(preferencesErr, preferencesStore) => {\r\n\t\t\tif (preferencesErr) {\r\n\t\t\t\tFSBL.Clients.Logger.error(\"Error fetching user preferences data: \", preferencesErr);\r\n\t\t\t}\r\n\r\n\t\t\tUserPreferencesStore = preferencesStore;\r\n\r\n\t\t\tFSBL.Clients.DistributedStoreClient.createStore(\r\n\t\t\t\t{ store: \"Finsemble-Dashbar-Store\", global: true, persist: true },\r\n\t\t\t\t(dashbarErr, dashbarStore) => {\r\n\t\t\t\t\tif (dashbarErr) {\r\n\t\t\t\t\t\tFSBL.Clients.Logger.error(\"Error fetching dashbar data: \", dashbarErr);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tDashbarStore = dashbarStore;\r\n\t\t\t\t\tdone();\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t}\r\n\t);\r\n}\r\n\r\n/**\r\n * Initializes the store for the User Preferences Menu.\r\n *\r\n * @param {any} cb\r\n */\r\nfunction initialize(WorkspaceMngMenuStore, cb) {\r\n\tWorkspaceManagementMenuStore = WorkspaceMngMenuStore;\r\n\tcreateLocalStore(() => {\r\n\t\tActions.initialize();\r\n\t\tcb(UserPreferencesStore);\r\n\t});\r\n}\r\n\r\nexport { WorkspaceManagementMenuStore, initialize, UserPreferencesStore, Actions, DashbarStore };\r\n"]}
+{"version":3,"file":"UserPreferencesStore.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/stores/UserPreferencesStore.tsx"],"names":[],"mappings":"AAkBA,IAAI,oBAAgC,CAAC;AACrC,IAAI,4BAAwC,CAAC;AAE7C,IAAI,eAA8B,CAAC;AAEnC,MAAM,OAAO,GAAG;IACf,UAAU,EAAE;QACX,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC,GAAkB,EAAE,SAAwB,EAAE,EAAE;YACjG,eAAe,GAAG,SAAS,CAAC;QAC7B,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,GAAkB,EAAE,IAA6B,EAAE,EAAE;YAC9F,oBAAoB,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;QAGH,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,GAAkB,EAAE,UAA2B,EAAE,EAAE;YAC9F,oBAAoB,CAAC,QAAQ,CAAC;gBAC7B,KAAK,EAAE,eAAe;gBACtB,KAAK,EAAE,UAAU;aACjB,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QAGH,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC,GAAkB,EAAE,eAAyC,EAAE,EAAE;YACjH,IAAI,eAAe,EAAE;gBACpB,oBAAoB,CAAC,QAAQ,CAAC;oBAC7B,KAAK,EAAE,iBAAiB;oBACxB,KAAK,EAAE,eAAe;iBACtB,CAAC,CAAC;aACH;QACF,CAAC,CAAC,CAAC;QAMH,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAClC,mCAAmC,EACnC,CAAC,GAAkB,EAAE,QAA4B,EAAE,EAAE;YACpD,IAAI,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE;gBACnD,oBAAoB,CAAC,QAAQ,CAAC;oBAC7B,KAAK,EAAE,iBAAiB;oBACxB,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,eAAe;iBACpC,CAAC,CAAC;gBAEH,IAAI,eAAe,EAAE;oBACpB,QAAQ,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE;wBAC7B,KAAK,eAAe,CAAC,oBAAoB,CAAC;wBAC1C,KAAK,eAAe,CAAC,aAAa,CAAC;wBACnC,KAAK,eAAe,CAAC,MAAM,CAAC;wBAC5B,KAAK,eAAe,CAAC,IAAI,CAAC;wBAC1B,KAAK,eAAe,CAAC,OAAO,CAAC;wBAC7B,KAAK,eAAe,CAAC,MAAM,CAAC;wBAC5B,KAAK,eAAe,CAAC,SAAS,CAAC;wBAC/B,KAAK,eAAe,CAAC,mBAAmB,CAAC;wBACzC,KAAK,eAAe,CAAC,UAAU,CAAC;wBAChC,KAAK,eAAe,CAAC,aAAa,CAAC;wBACnC,KAAK,eAAe,CAAC,MAAM;4BAC1B,OAAO,CAAC,aAAa,EAAE,CAAC;4BACxB,MAAM;wBACP;4BACC,MAAM;qBACP;iBACD;aACD;QACF,CAAC,CACD,CAAC;IACH,CAAC;IACD,aAAa,CAAC,EAAE,GAAG,QAAQ,CAAC,SAAS;QAEpC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,GAAkB,EAAE,UAA2B,EAAE,EAAE;YAC9F,oBAAoB,CAAC,QAAQ,CAAC;gBAC7B,KAAK,EAAE,eAAe;gBACtB,KAAK,EAAE,UAAU;aACjB,CAAC,CAAC;YACH,EAAE,EAAE,CAAC;QACN,CAAC,CAAC,CAAC;IACJ,CAAC;IAID,uBAAuB,EAAE,GAAG,EAAE;QAC7B,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC;YACvC,KAAK,EAAE,4BAA4B;YACnC,KAAK,EAAE,KAAK;SACZ,CAAC,CAAC;IACJ,CAAC;IAED,mBAAmB,EAAE,CAAC,GAA+B,EAAE,EAAE;QACxD,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC;YACvC,KAAK,EAAE,4BAA4B;YACnC,KAAK,EAAE,GAAG;SACV,CAAC,CAAC;IACJ,CAAC;CACD,CAAC;AAEF,KAAK,UAAU,gBAAgB,CAAC,IAAgB;IAI/C,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC,WAAW,CAC9C,EAAE,KAAK,EAAE,uCAAuC,EAAE,EAClD,CAAC,cAA6B,EAAE,gBAAwC,EAAE,EAAE;QAC3E,IAAI,cAAc,EAAE;YACnB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,wCAAwC,EAAE,cAAc,CAAC,CAAC;SACpF;QACD,IAAI,gBAAgB,EAAE;YACrB,oBAAoB,GAAG,gBAAgB,CAAC;SACxC;QACD,IAAI,EAAE,CAAC;IACR,CAAC,CACD,CAAC;AACH,CAAC;AAKD,SAAS,UAAU,CAAC,qBAAiC,EAAE,EAA+B;IACrF,4BAA4B,GAAG,qBAAqB,CAAC;IACrD,gBAAgB,CAAC,GAAG,EAAE;QACrB,OAAO,CAAC,UAAU,EAAE,CAAC;QACrB,EAAE,CAAC,oBAAoB,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,4BAA4B,EAAE,UAAU,EAAE,oBAAoB,EAAE,OAAO,EAAE,CAAC","sourcesContent":["import StoreModel from \"@finsemble/finsemble-core/types/clients/StoreModel\";\r\nimport { WORKSPACE } from \"@finsemble/finsemble-core/src/common/constants\";\r\nimport { Workspace as WorkspaceType } from \"@finsemble/finsemble-core/src/common/workspace\";\r\nimport { StandardError } from \"@finsemble/finsemble-core/types/types\";\r\nimport { ScheduledRestartObjectType } from \"../UserPreferenceTypes\";\r\n\r\ntype ConstantsType = typeof WORKSPACE[\"API_CHANNELS\"];\r\ntype PreferencesType = {\r\n\t[key: string]: any;\r\n};\r\n\r\ntype UpdateResponseType = {\r\n\tdata: {\r\n\t\tactiveWorkspace: WorkspaceType;\r\n\t\treason: keyof ConstantsType;\r\n\t};\r\n};\r\n\r\nlet UserPreferencesStore: StoreModel;\r\nlet WorkspaceManagementMenuStore: StoreModel;\r\n\r\nlet updateConstants: ConstantsType;\r\n\r\nconst Actions = {\r\n\tinitialize: function () {\r\n\t\tFSBL.Clients.WorkspaceClient.getWorkspaceActions((err: StandardError, constants: ConstantsType) => {\r\n\t\t\tupdateConstants = constants;\r\n\t\t});\r\n\r\n\t\tFSBL.Clients.ConfigClient.getPreferences((err: StandardError, data?: PreferencesType | null) => {\r\n\t\t\tUserPreferencesStore.setValue({ field: \"preferences\", value: data });\r\n\t\t});\r\n\r\n\t\t// Gets the workspace list and sets the value in the store.\r\n\t\tFSBL.Clients.WorkspaceClient.getWorkspaces((err: StandardError, workspaces: WorkspaceType[]) => {\r\n\t\t\tUserPreferencesStore.setValue({\r\n\t\t\t\tfield: \"WorkspaceList\",\r\n\t\t\t\tvalue: workspaces,\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\t// Get the activeWorkspace and set the value.\r\n\t\tFSBL.Clients.WorkspaceClient.getActiveWorkspace((err: StandardError, activeWorkspace?: { data: WorkspaceType }) => {\r\n\t\t\tif (activeWorkspace) {\r\n\t\t\t\tUserPreferencesStore.setValue({\r\n\t\t\t\t\tfield: \"activeWorkspace\",\r\n\t\t\t\t\tvalue: activeWorkspace,\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t/**\r\n\t\t * We listen here for any workspace updates, and pass them to the store.\r\n\t\t * **NOTE**: You may notice that the signature of this callback is different from the previous ones. In this case we receive a `response`, instead of `workspaces` or `activeWorkspace`. This is because this callback is for a `RouterClient` message. The functions above are callbacks to `WorkspaceClient` API calls.\r\n\t\t */\r\n\t\tFSBL.Clients.RouterClient.subscribe(\r\n\t\t\t\"Finsemble.WorkspaceService.update\",\r\n\t\t\t(err: StandardError, response: UpdateResponseType) => {\r\n\t\t\t\tif (response.data && response.data.activeWorkspace) {\r\n\t\t\t\t\tUserPreferencesStore.setValue({\r\n\t\t\t\t\t\tfield: \"activeWorkspace\",\r\n\t\t\t\t\t\tvalue: response.data.activeWorkspace,\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (updateConstants) {\r\n\t\t\t\t\t\tswitch (response.data.reason) {\r\n\t\t\t\t\t\t\tcase updateConstants.GET_ACTIVE_WORKSPACE:\r\n\t\t\t\t\t\t\tcase updateConstants.NEW_WORKSPACE:\r\n\t\t\t\t\t\t\tcase updateConstants.IMPORT:\r\n\t\t\t\t\t\t\tcase updateConstants.SAVE:\r\n\t\t\t\t\t\t\tcase updateConstants.SAVE_AS:\r\n\t\t\t\t\t\t\tcase updateConstants.REMOVE:\r\n\t\t\t\t\t\t\tcase updateConstants.SWITCH_TO:\r\n\t\t\t\t\t\t\tcase updateConstants.SET_WORKSPACE_ORDER:\r\n\t\t\t\t\t\t\tcase updateConstants.ADD_WINDOW:\r\n\t\t\t\t\t\t\tcase updateConstants.REMOVE_WINDOW:\r\n\t\t\t\t\t\t\tcase updateConstants.RENAME:\r\n\t\t\t\t\t\t\t\tActions.getWorkspaces();\r\n\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\tdefault:\r\n\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t);\r\n\t},\r\n\tgetWorkspaces(cb = Function.prototype) {\r\n\t\t// Gets the workspace list and sets the value in the store.\r\n\t\tFSBL.Clients.WorkspaceClient.getWorkspaces((err: StandardError, workspaces: WorkspaceType[]) => {\r\n\t\t\tUserPreferencesStore.setValue({\r\n\t\t\t\tfield: \"WorkspaceList\",\r\n\t\t\t\tvalue: workspaces,\r\n\t\t\t});\r\n\t\t\tcb();\r\n\t\t});\r\n\t},\r\n\t/**\r\n\t * By making the value of `finsemble.scheduledRestart` falsy, the application will remove any existing restart timers.\r\n\t */\r\n\tdisableScheduledRestart: () => {\r\n\t\tFSBL.Clients.ConfigClient.setPreference({\r\n\t\t\tfield: \"finsemble.scheduledRestart\",\r\n\t\t\tvalue: false,\r\n\t\t});\r\n\t},\r\n\t/** Finsemble listens for this piece of config. When it changes, it will schedule a daily restart at that time. */\r\n\tsetScheduledRestart: (val: ScheduledRestartObjectType) => {\r\n\t\tFSBL.Clients.ConfigClient.setPreference({\r\n\t\t\tfield: \"finsemble.scheduledRestart\",\r\n\t\t\tvalue: val,\r\n\t\t});\r\n\t},\r\n};\r\n\r\nasync function createLocalStore(done: () => void) {\r\n\t// While the order of these two functions is unimportant, they cannot be done in series as we don't want\r\n\t// to call the callback until both stores have been initiated. This keeps the initialization function\r\n\t// executing until both stores either have values, or fail to initialize.\r\n\tFSBL.Clients.DistributedStoreClient.createStore(\r\n\t\t{ store: \"Finsemble-UserPreferences-Local-Store\" },\r\n\t\t(preferencesErr: StandardError, preferencesStore: StoreModel | undefined) => {\r\n\t\t\tif (preferencesErr) {\r\n\t\t\t\tFSBL.Clients.Logger.error(\"Error fetching user preferences data: \", preferencesErr);\r\n\t\t\t}\r\n\t\t\tif (preferencesStore) {\r\n\t\t\t\tUserPreferencesStore = preferencesStore;\r\n\t\t\t}\r\n\t\t\tdone();\r\n\t\t}\r\n\t);\r\n}\r\n\r\n/**\r\n * Initializes the store for the User Preferences Menu.\r\n */\r\nfunction initialize(WorkspaceMngMenuStore: StoreModel, cb: (store: StoreModel) => void) {\r\n\tWorkspaceManagementMenuStore = WorkspaceMngMenuStore;\r\n\tcreateLocalStore(() => {\r\n\t\tActions.initialize();\r\n\t\tcb(UserPreferencesStore);\r\n\t});\r\n}\r\n\r\nexport { WorkspaceManagementMenuStore, initialize, UserPreferencesStore, Actions };\r\n"]}

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

@@ -6,4 +6,5 @@ declare const _default: {
     component: typeof DashbarEditor;
 };
 export default _default;
-export declare const Default: Story<any>;
+export declare const WithoutDashbarItems: Story<import("@storybook/react/types-6-0").Args>;
+export declare const WithDashbarItems: Story<import("@storybook/react/types-6-0").Args>;

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

@@ -1,11 +1,42 @@
 import React from "react";
 import DashbarEditor from "../components/content/DashbarEditor";
 import "../../../assets/css/finsemble.css";
+import { FinsembleProvider, createStore } from "../../FinsembleProvider";
+import { initFSBL } from "../../common/helpers";
 export default {
-    title: "User Preferences/Dashbar Editor",
+    title: "User Preferences/DashbarEditor/Dashbar Editor Content",
     component: DashbarEditor,
 };
-const Template = (args) => React.createElement(DashbarEditor, { ...args });
-export const Default = Template.bind({});
-Default.args = {};
+const Template = (args) => {
+    initFSBL(window);
+    return (React.createElement(FinsembleProvider, { store: createStore() },
+        React.createElement(DashbarEditor, Object.assign({}, args))));
+};
+export const WithoutDashbarItems = Template.bind({});
+export const WithDashbarItems = Template.bind({});
+WithDashbarItems.args = {
+    availableItems: [
+        {
+            id: 1,
+            enabled: true,
+            title: "EURUSD",
+            url: "https://dashbar.finsemble.com/index.html?symbol=EURUSD",
+            width: 350,
+        },
+        {
+            id: 2,
+            enabled: true,
+            title: "EURGBP",
+            url: "https://dashbar.finsemble.com/index.html?symbol=EURGBP",
+            width: 350,
+        },
+        {
+            id: 3,
+            enabled: true,
+            title: "EURCHF",
+            url: "https://dashbar.finsemble.com/index.html?symbol=EURCHF",
+            width: 350,
+        },
+    ],
+};
 //# sourceMappingURL=DashbarEditor.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DashbarEditor.stories.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/stories/DashbarEditor.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,MAAM,qCAAqC,CAAC;AAChE,OAAO,mCAAmC,CAAC;AAG3C,eAAe;IACd,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,aAAa;CACxB,CAAC;AAEF,MAAM,QAAQ,GAAe,CAAC,IAAS,EAAE,EAAE,CAAC,oBAAC,aAAa,OAAK,IAAI,GAAI,CAAC;AAExE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import React from \"react\";\r\nimport DashbarEditor from \"../components/content/DashbarEditor\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"User Preferences/Dashbar Editor\",\r\n\tcomponent: DashbarEditor,\r\n};\r\n\r\nconst Template: Story<any> = (args: any) => <DashbarEditor {...args} />;\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {};\r\n"]}
+{"version":3,"file":"DashbarEditor.stories.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/stories/DashbarEditor.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,MAAM,qCAAqC,CAAC;AAChE,OAAO,mCAAmC,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,eAAe;IACd,KAAK,EAAE,uDAAuD;IAC9D,SAAS,EAAE,aAAa;CACxB,CAAC;AAEF,MAAM,QAAQ,GAAU,CAAC,IAAI,EAAE,EAAE;IAChC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACjB,OAAO,CACN,oBAAC,iBAAiB,IAAC,KAAK,EAAE,WAAW,EAAE;QACtC,oBAAC,aAAa,oBAAK,IAAI,EAAI,CACR,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACrD,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClD,gBAAgB,CAAC,IAAI,GAAG;IACvB,cAAc,EAAE;QACf;YACC,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,QAAQ;YACf,GAAG,EAAE,wDAAwD;YAC7D,KAAK,EAAE,GAAG;SACV;QACD;YACC,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,QAAQ;YACf,GAAG,EAAE,wDAAwD;YAC7D,KAAK,EAAE,GAAG;SACV;QACD;YACC,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,QAAQ;YACf,GAAG,EAAE,wDAAwD;YAC7D,KAAK,EAAE,GAAG;SACV;KACD;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport DashbarEditor from \"../components/content/DashbarEditor\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { FinsembleProvider, createStore } from \"../../FinsembleProvider\";\r\nimport { initFSBL } from \"../../common/helpers\";\r\n\r\nexport default {\r\n\ttitle: \"User Preferences/DashbarEditor/Dashbar Editor Content\",\r\n\tcomponent: DashbarEditor,\r\n};\r\n\r\nconst Template: Story = (args) => {\r\n\tinitFSBL(window);\r\n\treturn (\r\n\t\t<FinsembleProvider store={createStore()}>\r\n\t\t\t<DashbarEditor {...args} />\r\n\t\t</FinsembleProvider>\r\n\t);\r\n};\r\n\r\nexport const WithoutDashbarItems = Template.bind({});\r\nexport const WithDashbarItems = Template.bind({});\r\nWithDashbarItems.args = {\r\n\tavailableItems: [\r\n\t\t{\r\n\t\t\tid: 1,\r\n\t\t\tenabled: true,\r\n\t\t\ttitle: \"EURUSD\",\r\n\t\t\turl: \"https://dashbar.finsemble.com/index.html?symbol=EURUSD\",\r\n\t\t\twidth: 350,\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 2,\r\n\t\t\tenabled: true,\r\n\t\t\ttitle: \"EURGBP\",\r\n\t\t\turl: \"https://dashbar.finsemble.com/index.html?symbol=EURGBP\",\r\n\t\t\twidth: 350,\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 3,\r\n\t\t\tenabled: true,\r\n\t\t\ttitle: \"EURCHF\",\r\n\t\t\turl: \"https://dashbar.finsemble.com/index.html?symbol=EURCHF\",\r\n\t\t\twidth: 350,\r\n\t\t},\r\n\t],\r\n};\r\n"]}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import DashbarEditorItem from "../components/content/DashbarEditorItem";
+import "../../../assets/css/finsemble.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: typeof DashbarEditorItem;
+    decorators: ((StoryDisplay: any) => JSX.Element)[];
+};
+export default _default;
+export declare const DefaultDashbarEditorItem: Story<any>;

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

@@ -0,0 +1,21 @@
+import React from "react";
+import DashbarEditorItem from "../components/content/DashbarEditorItem";
+import "../../../assets/css/finsemble.css";
+export default {
+    title: "User Preferences/DashbarEditor/Dashbar Editor Item",
+    component: DashbarEditorItem,
+    decorators: [
+        (StoryDisplay) => (React.createElement("table", { className: "dashbar-items-table" },
+            React.createElement(StoryDisplay, null))),
+    ],
+};
+const Template = (args) => React.createElement(DashbarEditorItem, Object.assign({}, args));
+export const DefaultDashbarEditorItem = Template.bind({});
+DefaultDashbarEditorItem.args = {
+    id: 1,
+    enabled: true,
+    title: "EURUSD",
+    url: "https://dashbar.finsemble.com/index.html?symbol=EURUSD",
+    width: 350,
+};
+//# sourceMappingURL=DashbarEditorItem.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashbarEditorItem.stories.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/stories/DashbarEditorItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,iBAAiB,MAAM,yCAAyC,CAAC;AACxE,OAAO,mCAAmC,CAAC;AAG3C,eAAe;IACd,KAAK,EAAE,oDAAoD;IAC3D,SAAS,EAAE,iBAAiB;IAC5B,UAAU,EAAE;QACX,CAAC,YAAiB,EAAE,EAAE,CAAC,CACtB,+BAAO,SAAS,EAAC,qBAAqB;YACrC,oBAAC,YAAY,OAAG,CACT,CACR;KACD;CACD,CAAC;AAEF,MAAM,QAAQ,GAAe,CAAC,IAAS,EAAE,EAAE,CAAC,oBAAC,iBAAiB,oBAAK,IAAI,EAAI,CAAC;AAE5E,MAAM,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1D,wBAAwB,CAAC,IAAI,GAAG;IAC/B,EAAE,EAAE,CAAC;IACL,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,QAAQ;IACf,GAAG,EAAE,wDAAwD;IAC7D,KAAK,EAAE,GAAG;CACV,CAAC","sourcesContent":["import React from \"react\";\r\nimport DashbarEditorItem from \"../components/content/DashbarEditorItem\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"User Preferences/DashbarEditor/Dashbar Editor Item\",\r\n\tcomponent: DashbarEditorItem,\r\n\tdecorators: [\r\n\t\t(StoryDisplay: any) => (\r\n\t\t\t<table className=\"dashbar-items-table\">\r\n\t\t\t\t<StoryDisplay />\r\n\t\t\t</table>\r\n\t\t),\r\n\t],\r\n};\r\n\r\nconst Template: Story<any> = (args: any) => <DashbarEditorItem {...args} />;\r\n\r\nexport const DefaultDashbarEditorItem = Template.bind({});\r\nDefaultDashbarEditorItem.args = {\r\n\tid: 1,\r\n\tenabled: true,\r\n\ttitle: \"EURUSD\",\r\n\turl: \"https://dashbar.finsemble.com/index.html?symbol=EURUSD\",\r\n\twidth: 350,\r\n};\r\n"]}

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

@@ -0,0 +1,9 @@
+import General from "../components/content/General";
+import "../../../assets/css/finsemble.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: typeof General;
+};
+export default _default;
+export declare const DefaultGeneral: Story<import("@storybook/react/types-6-0").Args>;

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

@@ -0,0 +1,16 @@
+import React from "react";
+import General from "../components/content/General";
+import "../../../assets/css/finsemble.css";
+import { initFSBL } from "../../common/helpers";
+import { FinsembleProvider, createStore } from "../../FinsembleProvider";
+export default {
+    title: "User Preferences/General",
+    component: General,
+};
+const Template = () => {
+    initFSBL(window);
+    return (React.createElement(FinsembleProvider, { store: createStore() },
+        React.createElement(General, { addListener: () => { }, removeListener: () => { }, getValue: () => { } })));
+};
+export const DefaultGeneral = Template.bind({});
+//# sourceMappingURL=General.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"General.stories.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/stories/General.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,+BAA+B,CAAC;AACpD,OAAO,mCAAmC,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEzE,eAAe;IACd,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,OAAO;CAClB,CAAC;AAEF,MAAM,QAAQ,GAAU,GAAG,EAAE;IAC5B,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,OAAO,CACN,oBAAC,iBAAiB,IAAC,KAAK,EAAE,WAAW,EAAE;QACtC,oBAAC,OAAO,IAAC,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAC7D,CACpB,CAAC;AACH,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import React from \"react\";\r\nimport General from \"../components/content/General\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { initFSBL } from \"../../common/helpers\";\r\nimport { FinsembleProvider, createStore } from \"../../FinsembleProvider\";\r\n\r\nexport default {\r\n\ttitle: \"User Preferences/General\",\r\n\tcomponent: General,\r\n};\r\n\r\nconst Template: Story = () => {\r\n\tinitFSBL(window);\r\n\r\n\treturn (\r\n\t\t<FinsembleProvider store={createStore()}>\r\n\t\t\t<General addListener={() => {}} removeListener={() => {}} getValue={() => {}} />\r\n\t\t</FinsembleProvider>\r\n\t);\r\n};\r\nexport const DefaultGeneral = Template.bind({});\r\n"]}

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

@@ -0,0 +1,9 @@
+import "../../../assets/css/finsemble.css";
+import { Story } from "@storybook/react/types-6-0";
+import Notifications from "../components/content/Notifications";
+declare const _default: {
+    title: string;
+    component: typeof Notifications;
+};
+export default _default;
+export declare const DefaultNotifications: Story<import("@storybook/react/types-6-0").Args>;

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

@@ -0,0 +1,17 @@
+import React from "react";
+import "../../../assets/css/finsemble.css";
+import { initFSBL } from "../../common/helpers";
+import { FinsembleProvider, createStore } from "../../FinsembleProvider";
+import Notifications from "../components/content/Notifications";
+export default {
+    title: "User Preferences/Notifications/Notifications Content",
+    component: Notifications,
+};
+const Template = () => {
+    initFSBL(window);
+    return (React.createElement("div", { className: "notifications-main-preferences__container", style: { width: "60vw" } },
+        React.createElement(FinsembleProvider, { store: createStore() },
+            React.createElement(Notifications, null))));
+};
+export const DefaultNotifications = Template.bind({});
+//# sourceMappingURL=Notifications.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.stories.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/stories/Notifications.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mCAAmC,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,aAAa,MAAM,qCAAqC,CAAC;AAEhE,eAAe;IACd,KAAK,EAAE,sDAAsD;IAC7D,SAAS,EAAE,aAAa;CACxB,CAAC;AAEF,MAAM,QAAQ,GAAU,GAAG,EAAE;IAC5B,QAAQ,CAAC,MAAM,CAAC,CAAC;IACjB,OAAO,CACN,6BAAK,SAAS,EAAC,2CAA2C,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QAClF,oBAAC,iBAAiB,IAAC,KAAK,EAAE,WAAW,EAAE;YACtC,oBAAC,aAAa,OAAG,CACE,CACf,CACN,CAAC;AACH,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import React from \"react\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { initFSBL } from \"../../common/helpers\";\r\nimport { FinsembleProvider, createStore } from \"../../FinsembleProvider\";\r\nimport Notifications from \"../components/content/Notifications\";\r\n\r\nexport default {\r\n\ttitle: \"User Preferences/Notifications/Notifications Content\",\r\n\tcomponent: Notifications,\r\n};\r\n\r\nconst Template: Story = () => {\r\n\tinitFSBL(window);\r\n\treturn (\r\n\t\t<div className=\"notifications-main-preferences__container\" style={{ width: \"60vw\" }}>\r\n\t\t\t<FinsembleProvider store={createStore()}>\r\n\t\t\t\t<Notifications />\r\n\t\t\t</FinsembleProvider>\r\n\t\t</div>\r\n\t);\r\n};\r\nexport const DefaultNotifications = Template.bind({});\r\n"]}

package/react/components/userPreferences/stories/NotificationsSourceTypes.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import "../../../assets/css/finsemble.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: (context?: any) => JSX.Element;
+};
+export default _default;
+export declare const NoSourceTypes: Story<import("@storybook/react/types-6-0").Args>;

package/react/components/userPreferences/stories/NotificationsSourceTypes.stories.js

@@ -0,0 +1,20 @@
+import React from "react";
+import "../../../assets/css/finsemble.css";
+import { initFSBL } from "../../common/helpers";
+import { FinsembleProvider, createStore } from "../../FinsembleProvider";
+import NotificationsSourceTypes from "../components/content/notificationViews/NotificationsSourceTypes";
+export default {
+    title: "User Preferences/Notifications/Notifications Sources/Notifications Source Types",
+    component: NotificationsSourceTypes,
+};
+const Template = (args) => {
+    initFSBL(window);
+    return (React.createElement("div", { className: "notifications-main-preferences__container", style: { width: "60vw" } },
+        React.createElement(FinsembleProvider, { store: createStore() },
+            React.createElement(NotificationsSourceTypes, Object.assign({}, args)))));
+};
+export const NoSourceTypes = Template.bind({});
+NoSourceTypes.args = {
+    context: { source: "Finsemble", icon: "", types: [{ name: "default", muted: false }] },
+};
+//# sourceMappingURL=NotificationsSourceTypes.stories.js.map

package/react/components/userPreferences/stories/NotificationsSourceTypes.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsSourceTypes.stories.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/stories/NotificationsSourceTypes.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mCAAmC,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,wBAAwB,MAAM,kEAAkE,CAAC;AAExG,eAAe;IACd,KAAK,EAAE,iFAAiF;IACxF,SAAS,EAAE,wBAAwB;CACnC,CAAC;AAEF,MAAM,QAAQ,GAAU,CAAC,IAAI,EAAE,EAAE;IAChC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACjB,OAAO,CACN,6BAAK,SAAS,EAAC,2CAA2C,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QAClF,oBAAC,iBAAiB,IAAC,KAAK,EAAE,WAAW,EAAE;YACtC,oBAAC,wBAAwB,oBAAK,IAAI,EAAI,CACnB,CACf,CACN,CAAC;AACH,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,aAAa,CAAC,IAAI,GAAG;IACpB,OAAO,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;CACtF,CAAC","sourcesContent":["import React from \"react\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { initFSBL } from \"../../common/helpers\";\r\nimport { FinsembleProvider, createStore } from \"../../FinsembleProvider\";\r\nimport NotificationsSourceTypes from \"../components/content/notificationViews/NotificationsSourceTypes\";\r\n\r\nexport default {\r\n\ttitle: \"User Preferences/Notifications/Notifications Sources/Notifications Source Types\",\r\n\tcomponent: NotificationsSourceTypes,\r\n};\r\n\r\nconst Template: Story = (args) => {\r\n\tinitFSBL(window);\r\n\treturn (\r\n\t\t<div className=\"notifications-main-preferences__container\" style={{ width: \"60vw\" }}>\r\n\t\t\t<FinsembleProvider store={createStore()}>\r\n\t\t\t\t<NotificationsSourceTypes {...args} />\r\n\t\t\t</FinsembleProvider>\r\n\t\t</div>\r\n\t);\r\n};\r\nexport const NoSourceTypes = Template.bind({});\r\nNoSourceTypes.args = {\r\n\tcontext: { source: \"Finsemble\", icon: \"\", types: [{ name: \"default\", muted: false }] },\r\n};\r\n"]}

package/react/components/userPreferences/stories/NotificationsSources.stories.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "../../../assets/css/finsemble.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<{
+        context?: any;
+    }>;
+};
+export default _default;
+export declare const NoNotificationSources: Story<import("@storybook/react/types-6-0").Args>;
+export declare const WithNotificationSources: Story<import("@storybook/react/types-6-0").Args>;

package/react/components/userPreferences/stories/NotificationsSources.stories.js

@@ -0,0 +1,28 @@
+import React from "react";
+import "../../../assets/css/finsemble.css";
+import { initFSBL } from "../../common/helpers";
+import { FinsembleProvider, createStore } from "../../FinsembleProvider";
+import NotificationsSourcesPreferences from "../components/content/notificationViews/NotificationsSourcesPreferences";
+export default {
+    title: "User Preferences/Notifications/Notifications Sources/Notification Sources Content",
+    component: NotificationsSourcesPreferences,
+};
+const Template = (args) => {
+    initFSBL(window);
+    return (React.createElement("div", { className: "notifications-main-preferences__container", style: { width: "60vw" } },
+        React.createElement(FinsembleProvider, { store: createStore() },
+            React.createElement(NotificationsSourcesPreferences, Object.assign({}, args)))));
+};
+export const NoNotificationSources = Template.bind({});
+export const WithNotificationSources = Template.bind({});
+WithNotificationSources.args = {
+    context: [
+        { source: "Charlie", icon: "", types: [{ name: "default", muted: false }] },
+        { source: "Oscar", icon: "", types: [{ name: "default", muted: false }] },
+        { source: "Sierra", icon: "", types: [{ name: "default", muted: false }] },
+        { source: "Alpha", icon: "", types: [{ name: "default", muted: false }] },
+        { source: "India", icon: "", types: [{ name: "default", muted: false }] },
+        { source: "Cosaic", icon: false, types: [{ name: "default", muted: false }] },
+    ],
+};
+//# sourceMappingURL=NotificationsSources.stories.js.map

package/react/components/userPreferences/stories/NotificationsSources.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsSources.stories.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/stories/NotificationsSources.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mCAAmC,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,+BAA+B,MAAM,yEAAyE,CAAC;AAEtH,eAAe;IACd,KAAK,EAAE,mFAAmF;IAC1F,SAAS,EAAE,+BAA+B;CAC1C,CAAC;AAEF,MAAM,QAAQ,GAAU,CAAC,IAAI,EAAE,EAAE;IAChC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACjB,OAAO,CACN,6BAAK,SAAS,EAAC,2CAA2C,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QAClF,oBAAC,iBAAiB,IAAC,KAAK,EAAE,WAAW,EAAE;YACtC,oBAAC,+BAA+B,oBAAK,IAAI,EAAI,CAC1B,CACf,CACN,CAAC;AACH,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvD,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzD,uBAAuB,CAAC,IAAI,GAAG;IAC9B,OAAO,EAAE;QACR,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QAC3E,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QACzE,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QAC1E,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QACzE,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QACzE,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;KAC7E;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { initFSBL } from \"../../common/helpers\";\r\nimport { FinsembleProvider, createStore } from \"../../FinsembleProvider\";\r\nimport NotificationsSourcesPreferences from \"../components/content/notificationViews/NotificationsSourcesPreferences\";\r\n\r\nexport default {\r\n\ttitle: \"User Preferences/Notifications/Notifications Sources/Notification Sources Content\",\r\n\tcomponent: NotificationsSourcesPreferences,\r\n};\r\n\r\nconst Template: Story = (args) => {\r\n\tinitFSBL(window);\r\n\treturn (\r\n\t\t<div className=\"notifications-main-preferences__container\" style={{ width: \"60vw\" }}>\r\n\t\t\t<FinsembleProvider store={createStore()}>\r\n\t\t\t\t<NotificationsSourcesPreferences {...args} />\r\n\t\t\t</FinsembleProvider>\r\n\t\t</div>\r\n\t);\r\n};\r\nexport const NoNotificationSources = Template.bind({});\r\nexport const WithNotificationSources = Template.bind({});\r\nWithNotificationSources.args = {\r\n\tcontext: [\r\n\t\t{ source: \"Charlie\", icon: \"\", types: [{ name: \"default\", muted: false }] },\r\n\t\t{ source: \"Oscar\", icon: \"\", types: [{ name: \"default\", muted: false }] },\r\n\t\t{ source: \"Sierra\", icon: \"\", types: [{ name: \"default\", muted: false }] },\r\n\t\t{ source: \"Alpha\", icon: \"\", types: [{ name: \"default\", muted: false }] },\r\n\t\t{ source: \"India\", icon: \"\", types: [{ name: \"default\", muted: false }] },\r\n\t\t{ source: \"Cosaic\", icon: false, types: [{ name: \"default\", muted: false }] },\r\n\t],\r\n};\r\n"]}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import "../../../assets/css/finsemble.css";
+declare const _default: {
+    title: string;
+    component: (props: any) => JSX.Element;
+};
+export default _default;
+export declare const DefaultUserPreferences: () => JSX.Element;