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

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

@@ -0,0 +1,53 @@
+import React from "react";
+import "../../../assets/css/finsemble.css";
+import { initFSBL } from "../../common/helpers";
+import { FinsembleProvider, createStore } from "../../FinsembleProvider";
+import { General, Workspaces, DashbarEditor, Notifications } from "../UserPreferences";
+import { UserPreferencesBase } from "../UserPreferencesBase";
+export default {
+    title: "Components/User Preferences",
+    component: UserPreferencesBase,
+};
+const sections = {
+    General: General,
+    Workspaces: Workspaces,
+    Dashbar: DashbarEditor,
+    Notifications: Notifications,
+};
+const Template = () => {
+    initFSBL(window);
+    return (React.createElement("div", { style: { width: 800, height: 600 } },
+        React.createElement(FinsembleProvider, { store: createStore() },
+            React.createElement(UserPreferencesBase, { sections: sections, addListener: () => { }, removeListener: () => { }, getValue: (obj, cb) => {
+                    if (obj.field !== "WorkspaceList")
+                        return;
+                    let componentTypes = [
+                        "ChartIQApp",
+                        "Grid",
+                        "Google",
+                        "Client List",
+                        "Trading View",
+                        "Options Chain",
+                        "Bond Prices",
+                        "Crypto Prices",
+                    ];
+                    const shuffled = componentTypes.sort(() => 0.5 - Math.random());
+                    const randomSlice = () => shuffled.slice(0, Math.floor(Math.random() * componentTypes.length));
+                    cb(null, [
+                        "Default",
+                        "Day Trading",
+                        "Forex",
+                        "Clients",
+                        "Productivity",
+                        "Charting",
+                        "Personal Investing",
+                        "Client Investments",
+                        "Stock Watchlist",
+                        "Bond Market",
+                    ].map((name) => {
+                        return { name, components: randomSlice() };
+                    }));
+                }, setValue: () => { } }))));
+};
+export const DefaultUserPreferences = Template.bind({});
+//# sourceMappingURL=UserPreferences.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserPreferences.stories.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/stories/UserPreferences.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,eAAe;IACd,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,mBAAmB;CAC9B,CAAC;AAEF,MAAM,QAAQ,GAAG;IAChB,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,aAAa;IACtB,aAAa,EAAE,aAAa;CAC5B,CAAC;AAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;IACrB,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,OAAO,CACN,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;QACtC,oBAAC,iBAAiB,IAAC,KAAK,EAAE,WAAW,EAAE;YACtC,oBAAC,mBAAmB,IACnB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC,EACrB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,EACxB,QAAQ,EAAE,CAAC,GAAsB,EAAE,EAAY,EAAE,EAAE;oBAClD,IAAI,GAAG,CAAC,KAAK,KAAK,eAAe;wBAAE,OAAO;oBAC1C,IAAI,cAAc,GAAG;wBACpB,YAAY;wBACZ,MAAM;wBACN,QAAQ;wBACR,aAAa;wBACb,cAAc;wBACd,eAAe;wBACf,aAAa;wBACb,eAAe;qBACf,CAAC;oBACF,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;oBAChE,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;oBAC/F,EAAE,CACD,IAAI,EACJ;wBACC,SAAS;wBACT,aAAa;wBACb,OAAO;wBACP,SAAS;wBACT,cAAc;wBACd,UAAU;wBACV,oBAAoB;wBACpB,oBAAoB;wBACpB,iBAAiB;wBACjB,aAAa;qBACb,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;wBACd,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,CAAC;oBAC5C,CAAC,CAAC,CACF,CAAC;gBACH,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GACjB,CACiB,CACf,CACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import React from \"react\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport { initFSBL } from \"../../common/helpers\";\r\nimport { FinsembleProvider, createStore } from \"../../FinsembleProvider\";\r\nimport { General, Workspaces, DashbarEditor, Notifications } from \"../UserPreferences\";\r\nimport { UserPreferencesBase } from \"../UserPreferencesBase\";\r\n\r\nexport default {\r\n\ttitle: \"Components/User Preferences\",\r\n\tcomponent: UserPreferencesBase,\r\n};\r\n\r\nconst sections = {\r\n\tGeneral: General,\r\n\tWorkspaces: Workspaces,\r\n\tDashbar: DashbarEditor,\r\n\tNotifications: Notifications,\r\n};\r\n\r\nconst Template = () => {\r\n\tinitFSBL(window);\r\n\r\n\treturn (\r\n\t\t<div style={{ width: 800, height: 600 }}>\r\n\t\t\t<FinsembleProvider store={createStore()}>\r\n\t\t\t\t<UserPreferencesBase\r\n\t\t\t\t\tsections={sections}\r\n\t\t\t\t\taddListener={() => {}}\r\n\t\t\t\t\tremoveListener={() => {}}\r\n\t\t\t\t\tgetValue={(obj: { field: string }, cb: Function) => {\r\n\t\t\t\t\t\tif (obj.field !== \"WorkspaceList\") return;\r\n\t\t\t\t\t\tlet componentTypes = [\r\n\t\t\t\t\t\t\t\"ChartIQApp\",\r\n\t\t\t\t\t\t\t\"Grid\",\r\n\t\t\t\t\t\t\t\"Google\",\r\n\t\t\t\t\t\t\t\"Client List\",\r\n\t\t\t\t\t\t\t\"Trading View\",\r\n\t\t\t\t\t\t\t\"Options Chain\",\r\n\t\t\t\t\t\t\t\"Bond Prices\",\r\n\t\t\t\t\t\t\t\"Crypto Prices\",\r\n\t\t\t\t\t\t];\r\n\t\t\t\t\t\tconst shuffled = componentTypes.sort(() => 0.5 - Math.random());\r\n\t\t\t\t\t\tconst randomSlice = () => shuffled.slice(0, Math.floor(Math.random() * componentTypes.length));\r\n\t\t\t\t\t\tcb(\r\n\t\t\t\t\t\t\tnull,\r\n\t\t\t\t\t\t\t[\r\n\t\t\t\t\t\t\t\t\"Default\",\r\n\t\t\t\t\t\t\t\t\"Day Trading\",\r\n\t\t\t\t\t\t\t\t\"Forex\",\r\n\t\t\t\t\t\t\t\t\"Clients\",\r\n\t\t\t\t\t\t\t\t\"Productivity\",\r\n\t\t\t\t\t\t\t\t\"Charting\",\r\n\t\t\t\t\t\t\t\t\"Personal Investing\",\r\n\t\t\t\t\t\t\t\t\"Client Investments\",\r\n\t\t\t\t\t\t\t\t\"Stock Watchlist\",\r\n\t\t\t\t\t\t\t\t\"Bond Market\",\r\n\t\t\t\t\t\t\t].map((name) => {\r\n\t\t\t\t\t\t\t\treturn { name, components: randomSlice() };\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tsetValue={() => {}}\r\n\t\t\t\t/>\r\n\t\t\t</FinsembleProvider>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport const DefaultUserPreferences = Template.bind({});\r\n"]}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { WorkspaceButtonProps } from "../components/workspaces/WorkspaceButton";
+import "../../../assets/css/finsemble.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: ({ title, onMouseDown, onClick, type }: WorkspaceButtonProps) => JSX.Element;
+};
+export default _default;
+export declare const ImportButton: Story<WorkspaceButtonProps>;
+export declare const ExportButton: Story<WorkspaceButtonProps>;

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

@@ -0,0 +1,20 @@
+import React from "react";
+import { WorkspaceButton } from "../components/workspaces/WorkspaceButton";
+import "../../../assets/css/finsemble.css";
+import { action } from "@storybook/addon-actions";
+export default {
+    title: "User Preferences/Workspaces/Workspace Button",
+    component: WorkspaceButton,
+};
+const Template = (args) => React.createElement(WorkspaceButton, Object.assign({}, args));
+export const ImportButton = Template.bind({});
+ImportButton.args = {
+    type: "import",
+    onClick: action("Import"),
+};
+export const ExportButton = Template.bind({});
+ExportButton.args = {
+    type: "export",
+    onClick: action("Export"),
+};
+//# sourceMappingURL=WorkspaceButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceButton.stories.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/stories/WorkspaceButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAwB,MAAM,0CAA0C,CAAC;AACjG,OAAO,mCAAmC,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,eAAe;IACd,KAAK,EAAE,8CAA8C;IACrD,SAAS,EAAE,eAAe;CAC1B,CAAC;AAEF,MAAM,QAAQ,GAAgC,CAAC,IAA0B,EAAE,EAAE,CAAC,oBAAC,eAAe,oBAAK,IAAI,EAAI,CAAC;AAE5G,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IACnB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IACnB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC;CACzB,CAAC","sourcesContent":["import React from \"react\";\r\nimport { WorkspaceButton, WorkspaceButtonProps } from \"../components/workspaces/WorkspaceButton\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\n\r\nexport default {\r\n\ttitle: \"User Preferences/Workspaces/Workspace Button\",\r\n\tcomponent: WorkspaceButton,\r\n};\r\n\r\nconst Template: Story<WorkspaceButtonProps> = (args: WorkspaceButtonProps) => <WorkspaceButton {...args} />;\r\n\r\nexport const ImportButton = Template.bind({});\r\nImportButton.args = {\r\n\ttype: \"import\",\r\n\tonClick: action(\"Import\"),\r\n};\r\n\r\nexport const ExportButton = Template.bind({});\r\nExportButton.args = {\r\n\ttype: \"export\",\r\n\tonClick: action(\"Export\"),\r\n};\r\n"]}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import "../../../assets/css/finsemble.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: (props: {
+        focusedWorkspaceComponentList?: any[] | undefined;
+    }) => JSX.Element;
+};
+export default _default;
+export declare const FullList: Story<any>;
+export declare const OverflowList: Story<any>;
+export declare const EmptyList: Story<any>;

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

@@ -0,0 +1,26 @@
+import React from "react";
+import WorkspaceComponents from "../components/workspaces/WorkspaceComponents";
+import "../../../assets/css/finsemble.css";
+export default {
+    title: "User Preferences/Workspaces/Workspace Components",
+    component: WorkspaceComponents,
+};
+const Template = (args) => (React.createElement(WorkspaceComponents, { focusedWorkspaceComponentList: args.focusedWorkspaceComponentList }));
+export const FullList = Template.bind({});
+FullList.args = { focusedWorkspaceComponentList: ["ChartIQ Example App", "AG-Grid Example Blotter"] };
+export const OverflowList = Template.bind({});
+OverflowList.args = {
+    focusedWorkspaceComponentList: [
+        "ChartIQ Example App",
+        "AG-Grid Example Blotter",
+        "Chrome",
+        "Crypto Market",
+        "Bond Market",
+        "Options Chain",
+        "Real Estate",
+        "Interest Rates",
+    ],
+};
+export const EmptyList = Template.bind({});
+EmptyList.args = { focusedWorkspaceComponentList: [] };
+//# sourceMappingURL=WorkspaceComponents.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceComponents.stories.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/stories/WorkspaceComponents.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mBAAmB,MAAM,8CAA8C,CAAC;AAC/E,OAAO,mCAAmC,CAAC;AAG3C,eAAe;IACd,KAAK,EAAE,kDAAkD;IACzD,SAAS,EAAE,mBAAmB;CAC9B,CAAC;AAEF,MAAM,QAAQ,GAAe,CAAC,IAAoD,EAAE,EAAE,CAAC,CACtF,oBAAC,mBAAmB,IAAC,6BAA6B,EAAE,IAAI,CAAC,6BAA6B,GAAI,CAC1F,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG,EAAE,6BAA6B,EAAE,CAAC,qBAAqB,EAAE,yBAAyB,CAAC,EAAE,CAAC;AAEtG,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IACnB,6BAA6B,EAAE;QAC9B,qBAAqB;QACrB,yBAAyB;QACzB,QAAQ;QACR,eAAe;QACf,aAAa;QACb,eAAe;QACf,aAAa;QACb,gBAAgB;KAChB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG,EAAE,6BAA6B,EAAE,EAAE,EAAE,CAAC","sourcesContent":["import React from \"react\";\r\nimport WorkspaceComponents from \"../components/workspaces/WorkspaceComponents\";\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/Workspaces/Workspace Components\",\r\n\tcomponent: WorkspaceComponents,\r\n};\r\n\r\nconst Template: Story<any> = (args: { focusedWorkspaceComponentList?: Array<any> }) => (\r\n\t<WorkspaceComponents focusedWorkspaceComponentList={args.focusedWorkspaceComponentList} />\r\n);\r\n\r\nexport const FullList = Template.bind({});\r\nFullList.args = { focusedWorkspaceComponentList: [\"ChartIQ Example App\", \"AG-Grid Example Blotter\"] };\r\n\r\nexport const OverflowList = Template.bind({});\r\nOverflowList.args = {\r\n\tfocusedWorkspaceComponentList: [\r\n\t\t\"ChartIQ Example App\",\r\n\t\t\"AG-Grid Example Blotter\",\r\n\t\t\"Chrome\",\r\n\t\t\"Crypto Market\",\r\n\t\t\"Bond Market\",\r\n\t\t\"Options Chain\",\r\n\t\t\"Real Estate\",\r\n\t\t\"Interest Rates\",\r\n\t],\r\n};\r\n\r\nexport const EmptyList = Template.bind({});\r\nEmptyList.args = { focusedWorkspaceComponentList: [] };\r\n"]}

package/react/components/userPreferences/stories/WorkspaceItem.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: (props: import("../components/workspaces/WorkspaceItem").WorkspaceItemProps) => JSX.Element;
+};
+export default _default;
+export declare const Item: Story<any>;

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

@@ -0,0 +1,30 @@
+import React, { useState } from "react";
+import WorkspaceItem from "../components/workspaces/WorkspaceItem";
+import "../../../assets/css/finsemble.css";
+import { initFSBL } from "../../common/helpers";
+import { FinsembleProvider } from "../../FinsembleProvider";
+import { FinsembleDnDContext } from "../../legacyControls/FinsembleDnDContext";
+export default {
+    title: "User Preferences/Workspaces/Workspace Item",
+    component: WorkspaceItem,
+};
+const Template = (args) => {
+    initFSBL(window);
+    const [editing, setEditing] = useState(false);
+    const [workspace, setWorkspace] = useState({ name: "Default" });
+    const [focusedWorkspace, setFocusedWorkspace] = useState("Default");
+    const renameWorkspace = (name) => {
+        setWorkspace({ name });
+        setFocusedWorkspace(name);
+        setEditing(false);
+    };
+    return (React.createElement(FinsembleProvider, null,
+        React.createElement("div", { style: { maxWidth: 300 } },
+            React.createElement(FinsembleDnDContext, { onDragEnd: () => { } },
+                React.createElement(WorkspaceItem, Object.assign({}, args, { editing: editing, focusedWorkspace: focusedWorkspace, startEditingWorkspace: () => {
+                        setEditing(true);
+                    }, workspace: workspace, renameWorkspace: renameWorkspace, allowDelete: () => { }, deleteButtonClasses: "individual-workspace-action delete-workspace", deleteTooltip: "delete", key: 0, workspaceToLoadOnStart: () => { }, adding: false, i: 0, addWorkspace: () => { }, cancelEdit: () => setEditing(false), setFocusedWorkspace: () => { }, renameTooltip: "rename", renameButtonClasses: "individual-workspace-action", allowRename: true, handleButtonClicks: () => { }, deleteWorkspace: () => { } }))))));
+};
+export const Item = Template.bind({});
+Item.args = {};
+//# sourceMappingURL=WorkspaceItem.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceItem.stories.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/stories/WorkspaceItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,aAAa,MAAM,wCAAwC,CAAC;AACnE,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAG/E,eAAe;IACd,KAAK,EAAE,4CAA4C;IACnD,SAAS,EAAE,aAAa;CACxB,CAAC;AAEF,MAAM,QAAQ,GAAe,CAAC,IAAS,EAAE,EAAE;IAC1C,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;IAChE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAEpE,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE;QACxC,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;QACvB,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC1B,UAAU,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACN,oBAAC,iBAAiB;QACjB,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;YAC5B,oBAAC,mBAAmB,IAAC,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;gBACvC,oBAAC,aAAa,oBACT,IAAI,IACR,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,qBAAqB,EAAE,GAAG,EAAE;wBAC3B,UAAU,CAAC,IAAI,CAAC,CAAC;oBAClB,CAAC,EACD,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC,EACrB,mBAAmB,EAAC,8CAA8C,EAClE,aAAa,EAAC,QAAQ,EACtB,GAAG,EAAE,CAAC,EACN,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC,EAChC,MAAM,EAAE,KAAK,EACb,CAAC,EAAE,CAAC,EACJ,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC,EACtB,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACnC,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC,EAC7B,aAAa,EAAC,QAAQ,EACtB,mBAAmB,EAAC,6BAA6B,EACjD,WAAW,EAAE,IAAI,EACjB,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC,EAC5B,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC,IACxB,CACmB,CACjB,CACa,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import React, { useState } from \"react\";\r\nimport WorkspaceItem from \"../components/workspaces/WorkspaceItem\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport { initFSBL } from \"../../common/helpers\";\r\nimport { FinsembleProvider } from \"../../FinsembleProvider\";\r\nimport { FinsembleDnDContext } from \"../../legacyControls/FinsembleDnDContext\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"User Preferences/Workspaces/Workspace Item\",\r\n\tcomponent: WorkspaceItem,\r\n};\r\n\r\nconst Template: Story<any> = (args: any) => {\r\n\tinitFSBL(window);\r\n\r\n\tconst [editing, setEditing] = useState(false);\r\n\tconst [workspace, setWorkspace] = useState({ name: \"Default\" });\r\n\tconst [focusedWorkspace, setFocusedWorkspace] = useState(\"Default\");\r\n\r\n\tconst renameWorkspace = (name: string) => {\r\n\t\tsetWorkspace({ name });\r\n\t\tsetFocusedWorkspace(name);\r\n\t\tsetEditing(false);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<FinsembleProvider>\r\n\t\t\t<div style={{ maxWidth: 300 }}>\r\n\t\t\t\t<FinsembleDnDContext onDragEnd={() => {}}>\r\n\t\t\t\t\t<WorkspaceItem\r\n\t\t\t\t\t\t{...args}\r\n\t\t\t\t\t\tediting={editing}\r\n\t\t\t\t\t\tfocusedWorkspace={focusedWorkspace}\r\n\t\t\t\t\t\tstartEditingWorkspace={() => {\r\n\t\t\t\t\t\t\tsetEditing(true);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tworkspace={workspace}\r\n\t\t\t\t\t\trenameWorkspace={renameWorkspace}\r\n\t\t\t\t\t\tallowDelete={() => {}}\r\n\t\t\t\t\t\tdeleteButtonClasses=\"individual-workspace-action delete-workspace\"\r\n\t\t\t\t\t\tdeleteTooltip=\"delete\"\r\n\t\t\t\t\t\tkey={0}\r\n\t\t\t\t\t\tworkspaceToLoadOnStart={() => {}}\r\n\t\t\t\t\t\tadding={false}\r\n\t\t\t\t\t\ti={0}\r\n\t\t\t\t\t\taddWorkspace={() => {}}\r\n\t\t\t\t\t\tcancelEdit={() => setEditing(false)}\r\n\t\t\t\t\t\tsetFocusedWorkspace={() => {}}\r\n\t\t\t\t\t\trenameTooltip=\"rename\"\r\n\t\t\t\t\t\trenameButtonClasses=\"individual-workspace-action\"\r\n\t\t\t\t\t\tallowRename={true}\r\n\t\t\t\t\t\thandleButtonClicks={() => {}}\r\n\t\t\t\t\t\tdeleteWorkspace={() => {}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</FinsembleDnDContext>\r\n\t\t\t</div>\r\n\t\t</FinsembleProvider>\r\n\t);\r\n};\r\n\r\nexport const Item = Template.bind({});\r\nItem.args = {};\r\n"]}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "../../../assets/css/finsemble.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: ({ onDragEnd, workspaceList, ...rest }: import("../components/workspaces/WorkspaceItemList").WorkspaceItemListProps) => JSX.Element;
+};
+export default _default;
+export declare const ThreeItems: Story<any>;
+export declare const TenItems: Story<any>;

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

@@ -0,0 +1,57 @@
+import React, { useState } from "react";
+import "../../../assets/css/finsemble.css";
+import { initFSBL } from "../../common/helpers";
+import { FinsembleProvider } from "../../FinsembleProvider";
+import WorkspaceItemList from "../components/workspaces/WorkspaceItemList";
+export default {
+    title: "User Preferences/Workspaces/Workspace Item List",
+    component: WorkspaceItemList,
+};
+const Template = (args) => {
+    initFSBL(window);
+    const [editing, setEditing] = useState(false);
+    const [focusedWorkspace, setFocusedWorkspace] = useState("Default");
+    const [workspaceList, setWorkspaceList] = useState(args.initialWorkspaceList || [{ name: "Default" }, { name: "Trading" }, { name: "Customer Account Management" }]);
+    const renameWorkspace = (name) => {
+        let temp = [...workspaceList];
+        temp = temp.map((w) => (w.name === focusedWorkspace ? { name } : w));
+        setWorkspaceList(temp);
+        setFocusedWorkspace(name);
+        setEditing(false);
+    };
+    const onDragEnd = (oldIndex, newIndex) => {
+        let workspaces = JSON.parse(JSON.stringify(workspaceList));
+        let workspaceToMove = JSON.parse(JSON.stringify(workspaces[oldIndex]));
+        workspaces.splice(oldIndex, 1);
+        workspaces.splice(newIndex, 0, workspaceToMove);
+        setWorkspaceList(workspaces);
+    };
+    const deleteWorkspace = (name) => {
+        setWorkspaceList((list) => list.filter((workspace) => workspace.name !== name));
+    };
+    return (React.createElement(FinsembleProvider, null,
+        React.createElement("div", { style: { maxWidth: 300 } },
+            React.createElement(WorkspaceItemList, { onDragEnd: onDragEnd, workspaceList: workspaceList, editing: editing, focusedWorkspace: focusedWorkspace, startEditingWorkspace: () => {
+                    setEditing(true);
+                }, renameWorkspace: renameWorkspace, allowDelete: true, deleteButtonClasses: "individual-workspace-action delete-workspace", deleteTooltip: "delete", workspaceToLoadOnStart: () => { }, adding: false, addWorkspace: () => { }, cancelEdit: () => { }, setFocusedWorkspace: setFocusedWorkspace, renameTooltip: "rename", renameButtonClasses: "individual-workspace-action", allowRename: true, handleButtonClicks: () => { }, deleteWorkspace: deleteWorkspace }))));
+};
+export const ThreeItems = Template.bind({});
+ThreeItems.args = {};
+export const TenItems = Template.bind({});
+TenItems.args = {
+    initialWorkspaceList: [
+        "Default",
+        "Day Trading",
+        "Forex",
+        "Clients",
+        "Productivity",
+        "Charting",
+        "Personal Investing",
+        "Client Investments",
+        "Stock Watchlist",
+        "Bond Market",
+    ].map((w) => {
+        return { name: w };
+    }),
+};
+//# sourceMappingURL=WorkspaceItemList.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceItemList.stories.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/stories/WorkspaceItemList.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport { initFSBL } from \"../../common/helpers\";\r\nimport { FinsembleProvider } from \"../../FinsembleProvider\";\r\nimport WorkspaceItemList from \"../components/workspaces/WorkspaceItemList\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"User Preferences/Workspaces/Workspace Item List\",\r\n\tcomponent: WorkspaceItemList,\r\n};\r\n\r\nconst Template: Story<any> = (args: { initialWorkspaceList?: Array<{ name: string }> }) => {\r\n\tinitFSBL(window);\r\n\r\n\tconst [editing, setEditing] = useState(false);\r\n\r\n\tconst [focusedWorkspace, setFocusedWorkspace] = useState(\"Default\");\r\n\tconst [workspaceList, setWorkspaceList] = useState(\r\n\t\targs.initialWorkspaceList || [{ name: \"Default\" }, { name: \"Trading\" }, { name: \"Customer Account Management\" }]\r\n\t);\r\n\r\n\tconst renameWorkspace = (name: string) => {\r\n\t\tlet temp = [...workspaceList];\r\n\t\ttemp = temp.map((w) => (w.name === focusedWorkspace ? { name } : w));\r\n\t\tsetWorkspaceList(temp);\r\n\t\tsetFocusedWorkspace(name);\r\n\t\tsetEditing(false);\r\n\t};\r\n\r\n\tconst onDragEnd = (oldIndex: number, newIndex: number) => {\r\n\t\tlet workspaces = JSON.parse(JSON.stringify(workspaceList));\r\n\t\tlet workspaceToMove = JSON.parse(JSON.stringify(workspaces[oldIndex]));\r\n\t\tworkspaces.splice(oldIndex, 1);\r\n\t\tworkspaces.splice(newIndex, 0, workspaceToMove);\r\n\t\tsetWorkspaceList(workspaces);\r\n\t};\r\n\r\n\tconst deleteWorkspace = (name: string) => {\r\n\t\tsetWorkspaceList((list: Array<{ name: string }>) =>\r\n\t\t\tlist.filter((workspace: { name: string }) => workspace.name !== name)\r\n\t\t);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<FinsembleProvider>\r\n\t\t\t<div style={{ maxWidth: 300 }}>\r\n\t\t\t\t<WorkspaceItemList\r\n\t\t\t\t\tonDragEnd={onDragEnd}\r\n\t\t\t\t\tworkspaceList={workspaceList}\r\n\t\t\t\t\tediting={editing}\r\n\t\t\t\t\tfocusedWorkspace={focusedWorkspace}\r\n\t\t\t\t\tstartEditingWorkspace={() => {\r\n\t\t\t\t\t\tsetEditing(true);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\trenameWorkspace={renameWorkspace}\r\n\t\t\t\t\tallowDelete={true}\r\n\t\t\t\t\tdeleteButtonClasses=\"individual-workspace-action delete-workspace\"\r\n\t\t\t\t\tdeleteTooltip=\"delete\"\r\n\t\t\t\t\tworkspaceToLoadOnStart={() => {}}\r\n\t\t\t\t\tadding={false}\r\n\t\t\t\t\taddWorkspace={() => {}}\r\n\t\t\t\t\tcancelEdit={() => {}}\r\n\t\t\t\t\tsetFocusedWorkspace={setFocusedWorkspace}\r\n\t\t\t\t\trenameTooltip=\"rename\"\r\n\t\t\t\t\trenameButtonClasses=\"individual-workspace-action\"\r\n\t\t\t\t\tallowRename={true}\r\n\t\t\t\t\thandleButtonClicks={() => {}}\r\n\t\t\t\t\tdeleteWorkspace={deleteWorkspace}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t</FinsembleProvider>\r\n\t);\r\n};\r\n\r\nexport const ThreeItems = Template.bind({});\r\nThreeItems.args = {};\r\n\r\nexport const TenItems = Template.bind({});\r\nTenItems.args = {\r\n\tinitialWorkspaceList: [\r\n\t\t\"Default\",\r\n\t\t\"Day Trading\",\r\n\t\t\"Forex\",\r\n\t\t\"Clients\",\r\n\t\t\"Productivity\",\r\n\t\t\"Charting\",\r\n\t\t\"Personal Investing\",\r\n\t\t\"Client Investments\",\r\n\t\t\"Stock Watchlist\",\r\n\t\t\"Bond Market\",\r\n\t].map((w) => {\r\n\t\treturn { name: w };\r\n\t}),\r\n};\r\n"]}

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

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

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

@@ -0,0 +1,44 @@
+import React from "react";
+import "../../../assets/css/finsemble.css";
+import { initFSBL } from "../../common/helpers";
+import { FinsembleProvider, createStore } from "../../FinsembleProvider";
+import Workspaces from "../components/content/Workspaces";
+export default {
+    title: "User Preferences/Workspaces/Workspace Content",
+    component: Workspaces,
+};
+const Template = () => {
+    initFSBL(window);
+    return (React.createElement("div", { style: { width: 500 } },
+        React.createElement(FinsembleProvider, { store: createStore() },
+            React.createElement(Workspaces, { addListener: () => { }, removeListener: () => { }, getValue: (obj, cb) => {
+                    let componentTypes = [
+                        "ChartIQApp",
+                        "Grid",
+                        "Google",
+                        "Client List",
+                        "Trading View",
+                        "Options Chain",
+                        "Bond Prices",
+                        "Crypto Prices",
+                    ];
+                    const shuffled = componentTypes.sort(() => 0.5 - Math.random());
+                    const randomSlice = () => shuffled.slice(0, Math.floor(Math.random() * componentTypes.length));
+                    cb(null, [
+                        "Default",
+                        "Day Trading",
+                        "Forex",
+                        "Clients",
+                        "Productivity",
+                        "Charting",
+                        "Personal Investing",
+                        "Client Investments",
+                        "Stock Watchlist",
+                        "Bond Market",
+                    ].map((name) => {
+                        return { name, components: randomSlice() };
+                    }));
+                }, setValue: () => { } }))));
+};
+export const WorkspacesContent = Template.bind({});
+//# sourceMappingURL=Workspaces.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Workspaces.stories.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/stories/Workspaces.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,UAAU,MAAM,kCAAkC,CAAC;AAI1D,eAAe;IACd,KAAK,EAAE,+CAA+C;IACtD,SAAS,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,QAAQ,GAAe,GAAG,EAAE;IACjC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,OAAO,CACN,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;QACzB,oBAAC,iBAAiB,IAAC,KAAK,EAAE,WAAW,EAAE;YACtC,oBAAC,UAAU,IACV,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC,EACrB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,EACxB,QAAQ,EAAE,CAAC,GAAO,EAAE,EAAY,EAAE,EAAE;oBACnC,IAAI,cAAc,GAAG;wBACpB,YAAY;wBACZ,MAAM;wBACN,QAAQ;wBACR,aAAa;wBACb,cAAc;wBACd,eAAe;wBACf,aAAa;wBACb,eAAe;qBACf,CAAC;oBACF,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;oBAChE,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;oBAC/F,EAAE,CACD,IAAI,EACJ;wBACC,SAAS;wBACT,aAAa;wBACb,OAAO;wBACP,SAAS;wBACT,cAAc;wBACd,UAAU;wBACV,oBAAoB;wBACpB,oBAAoB;wBACpB,iBAAiB;wBACjB,aAAa;qBACb,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;wBACd,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,CAAC;oBAC5C,CAAC,CAAC,CACF,CAAC;gBACH,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GACjB,CACiB,CACf,CACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import React from \"react\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport { initFSBL } from \"../../common/helpers\";\r\nimport { FinsembleProvider, createStore } from \"../../FinsembleProvider\";\r\nimport Workspaces from \"../components/content/Workspaces\";\r\n//import { UserPreferencesStore, WorkspaceManagementMenuStore, initialize} from \"../stores/UserPreferencesStore\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"User Preferences/Workspaces/Workspace Content\",\r\n\tcomponent: Workspaces,\r\n};\r\n\r\nconst Template: Story<any> = () => {\r\n\tinitFSBL(window);\r\n\r\n\treturn (\r\n\t\t<div style={{ width: 500 }}>\r\n\t\t\t<FinsembleProvider store={createStore()}>\r\n\t\t\t\t<Workspaces\r\n\t\t\t\t\taddListener={() => {}}\r\n\t\t\t\t\tremoveListener={() => {}}\r\n\t\t\t\t\tgetValue={(obj: {}, cb: Function) => {\r\n\t\t\t\t\t\tlet componentTypes = [\r\n\t\t\t\t\t\t\t\"ChartIQApp\",\r\n\t\t\t\t\t\t\t\"Grid\",\r\n\t\t\t\t\t\t\t\"Google\",\r\n\t\t\t\t\t\t\t\"Client List\",\r\n\t\t\t\t\t\t\t\"Trading View\",\r\n\t\t\t\t\t\t\t\"Options Chain\",\r\n\t\t\t\t\t\t\t\"Bond Prices\",\r\n\t\t\t\t\t\t\t\"Crypto Prices\",\r\n\t\t\t\t\t\t];\r\n\t\t\t\t\t\tconst shuffled = componentTypes.sort(() => 0.5 - Math.random());\r\n\t\t\t\t\t\tconst randomSlice = () => shuffled.slice(0, Math.floor(Math.random() * componentTypes.length));\r\n\t\t\t\t\t\tcb(\r\n\t\t\t\t\t\t\tnull,\r\n\t\t\t\t\t\t\t[\r\n\t\t\t\t\t\t\t\t\"Default\",\r\n\t\t\t\t\t\t\t\t\"Day Trading\",\r\n\t\t\t\t\t\t\t\t\"Forex\",\r\n\t\t\t\t\t\t\t\t\"Clients\",\r\n\t\t\t\t\t\t\t\t\"Productivity\",\r\n\t\t\t\t\t\t\t\t\"Charting\",\r\n\t\t\t\t\t\t\t\t\"Personal Investing\",\r\n\t\t\t\t\t\t\t\t\"Client Investments\",\r\n\t\t\t\t\t\t\t\t\"Stock Watchlist\",\r\n\t\t\t\t\t\t\t\t\"Bond Market\",\r\n\t\t\t\t\t\t\t].map((name) => {\r\n\t\t\t\t\t\t\t\treturn { name, components: randomSlice() };\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tsetValue={() => {}}\r\n\t\t\t\t/>\r\n\t\t\t</FinsembleProvider>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport const WorkspacesContent = Template.bind({});\r\n"]}

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

@@ -0,0 +1 @@
+export {};

package/react/components/userPreferences/tests/ContentSection.spec.js

@@ -0,0 +1,41 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import ContentSection from "./../components/ContentSection";
+import General from "./../components/content/General";
+import DashbarEditor from "../components/content/DashbarEditor";
+import Notifications from "../components/content/Notifications";
+describe("<ContentSection/>", () => {
+    it("should display the correct title for the given activeSection", () => {
+        const wrapper = mount(React.createElement(ContentSection, { getValue: () => { }, setValue: () => { }, removeListener: () => { }, addListener: () => { }, activeSection: "Notifications", sections: {
+                Dashbar: function dashbarFunc() {
+                    return React.createElement(DashbarEditor, null);
+                },
+                General: function generalFunc() {
+                    return React.createElement(General, { addListener: () => { }, removeListener: () => { }, getValue: () => { } });
+                },
+                Notifications: function notificationsFunc() {
+                    return React.createElement(Notifications, null);
+                },
+                Workspaces: () => { },
+            } }));
+        expect(wrapper.find("div.leftSide").text()).to.equal("Notifications");
+    });
+    it("should display the correct component for the given activeSection", () => {
+        const wrapper = mount(React.createElement(ContentSection, { getValue: () => { }, setValue: () => { }, removeListener: () => { }, addListener: () => { }, activeSection: "Dashbar", sections: {
+                Dashbar: function dashbarFunc() {
+                    return React.createElement(DashbarEditor, null);
+                },
+                General: function generalFunc() {
+                    return React.createElement(General, { addListener: () => { }, removeListener: () => { }, getValue: () => { } });
+                },
+                Notifications: function notificationsFunc() {
+                    return React.createElement(Notifications, null);
+                },
+                Workspaces: () => { },
+            } }));
+        expect(wrapper.find("#no-dashbar-items")).to.have.lengthOf(1);
+    });
+});
+//# sourceMappingURL=ContentSection.spec.js.map

package/react/components/userPreferences/tests/ContentSection.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentSection.spec.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/tests/ContentSection.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,aAAa,MAAM,qCAAqC,CAAC;AAChE,OAAO,aAAa,MAAM,qCAAqC,CAAC;AAEhE,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,8DAA8D,EAAE,GAAG,EAAE;QACvE,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,cAAc,IACd,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAClB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,EACxB,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC,EACrB,aAAa,EAAC,eAAe,EAC7B,QAAQ,EAAE;gBACT,OAAO,EAAE,SAAS,WAAW;oBAC5B,OAAO,oBAAC,aAAa,OAAG,CAAC;gBAC1B,CAAC;gBACD,OAAO,EAAE,SAAS,WAAW;oBAC5B,OAAO,oBAAC,OAAO,IAAC,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAAC;gBACzF,CAAC;gBACD,aAAa,EAAE,SAAS,iBAAiB;oBACxC,OAAO,oBAAC,aAAa,OAAG,CAAC;gBAC1B,CAAC;gBACD,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;aACpB,GACA,CACF,CAAC;QACF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,kEAAkE,EAAE,GAAG,EAAE;QAC3E,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,cAAc,IACd,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAClB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,EACxB,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC,EACrB,aAAa,EAAC,SAAS,EACvB,QAAQ,EAAE;gBACT,OAAO,EAAE,SAAS,WAAW;oBAC5B,OAAO,oBAAC,aAAa,OAAG,CAAC;gBAC1B,CAAC;gBACD,OAAO,EAAE,SAAS,WAAW;oBAC5B,OAAO,oBAAC,OAAO,IAAC,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAAC;gBACzF,CAAC;gBACD,aAAa,EAAE,SAAS,iBAAiB;oBACxC,OAAO,oBAAC,aAAa,OAAG,CAAC;gBAC1B,CAAC;gBACD,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;aACpB,GACA,CACF,CAAC;QACF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport ContentSection from \"./../components/ContentSection\";\r\nimport General from \"./../components/content/General\";\r\nimport DashbarEditor from \"../components/content/DashbarEditor\";\r\nimport Notifications from \"../components/content/Notifications\";\r\n\r\ndescribe(\"<ContentSection/>\", () => {\r\n\tit(\"should display the correct title for the given activeSection\", () => {\r\n\t\tconst wrapper = mount(\r\n\t\t\t<ContentSection\r\n\t\t\t\tgetValue={() => {}}\r\n\t\t\t\tsetValue={() => {}}\r\n\t\t\t\tremoveListener={() => {}}\r\n\t\t\t\taddListener={() => {}}\r\n\t\t\t\tactiveSection=\"Notifications\"\r\n\t\t\t\tsections={{\r\n\t\t\t\t\tDashbar: function dashbarFunc() {\r\n\t\t\t\t\t\treturn <DashbarEditor />;\r\n\t\t\t\t\t},\r\n\t\t\t\t\tGeneral: function generalFunc() {\r\n\t\t\t\t\t\treturn <General addListener={() => {}} removeListener={() => {}} getValue={() => {}} />;\r\n\t\t\t\t\t},\r\n\t\t\t\t\tNotifications: function notificationsFunc() {\r\n\t\t\t\t\t\treturn <Notifications />;\r\n\t\t\t\t\t},\r\n\t\t\t\t\tWorkspaces: () => {},\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t\texpect(wrapper.find(\"div.leftSide\").text()).to.equal(\"Notifications\");\r\n\t});\r\n\tit(\"should display the correct component for the given activeSection\", () => {\r\n\t\tconst wrapper = mount(\r\n\t\t\t<ContentSection\r\n\t\t\t\tgetValue={() => {}}\r\n\t\t\t\tsetValue={() => {}}\r\n\t\t\t\tremoveListener={() => {}}\r\n\t\t\t\taddListener={() => {}}\r\n\t\t\t\tactiveSection=\"Dashbar\"\r\n\t\t\t\tsections={{\r\n\t\t\t\t\tDashbar: function dashbarFunc() {\r\n\t\t\t\t\t\treturn <DashbarEditor />;\r\n\t\t\t\t\t},\r\n\t\t\t\t\tGeneral: function generalFunc() {\r\n\t\t\t\t\t\treturn <General addListener={() => {}} removeListener={() => {}} getValue={() => {}} />;\r\n\t\t\t\t\t},\r\n\t\t\t\t\tNotifications: function notificationsFunc() {\r\n\t\t\t\t\t\treturn <Notifications />;\r\n\t\t\t\t\t},\r\n\t\t\t\t\tWorkspaces: () => {},\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t\texpect(wrapper.find(\"#no-dashbar-items\")).to.have.lengthOf(1);\r\n\t});\r\n});\r\n"]}

package/react/components/userPreferences/tests/DashbarEditor.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/react/components/userPreferences/tests/DashbarEditor.spec.js

@@ -0,0 +1,37 @@
+import * as React from "react";
+import { mount, shallow } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import DashbarEditor from "./../components/content/DashbarEditor";
+import DashbarEditorItem from "./../components/content/DashbarEditorItem";
+describe("<DashbarEditor/>", () => {
+    it("should display a message that there are no Dashbar items when there are no Dasbhar items", () => {
+        const wrapper = mount(React.createElement(DashbarEditor, null));
+        expect(wrapper.find("#no-dashbar-items")).to.have.lengthOf(1);
+    });
+    it("should not display a message that there are no Dashbar items when there are Dasbhar items", () => {
+        const wrapper = mount(React.createElement(DashbarEditor, { availableItems: [
+                {
+                    id: 1,
+                    enabled: true,
+                    title: "EURUSD",
+                    url: "https://dashbar.finsemble.com/index.html?symbol=EURUSD",
+                    width: 350,
+                },
+            ] }));
+        expect(wrapper.find("#no-dashbar-items")).to.have.lengthOf(0);
+    });
+    it("should render DashbarEditorItem if there are Dashbar items", () => {
+        const wrapper = shallow(React.createElement(DashbarEditor, { availableItems: [
+                {
+                    id: 1,
+                    enabled: true,
+                    title: "EURUSD",
+                    url: "https://dashbar.finsemble.com/index.html?symbol=EURUSD",
+                    width: 350,
+                },
+            ] }));
+        expect(wrapper.find(DashbarEditorItem).dive().find("#EURUSD-toggle")).to.have.lengthOf(1);
+    });
+});
+//# sourceMappingURL=DashbarEditor.spec.js.map

package/react/components/userPreferences/tests/DashbarEditor.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashbarEditor.spec.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/tests/DashbarEditor.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,aAAa,MAAM,uCAAuC,CAAC;AAClE,OAAO,iBAAiB,MAAM,2CAA2C,CAAC;AAE1E,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,0FAA0F,EAAE,GAAG,EAAE;QACnG,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,aAAa,OAAG,CAAC,CAAC;QACzC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,2FAA2F,EAAE,GAAG,EAAE;QACpG,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,aAAa,IACb,cAAc,EAAE;gBACf;oBACC,EAAE,EAAE,CAAC;oBACL,OAAO,EAAE,IAAI;oBACb,KAAK,EAAE,QAAQ;oBACf,GAAG,EAAE,wDAAwD;oBAC7D,KAAK,EAAE,GAAG;iBACV;aACD,GACA,CACF,CAAC;QACF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,4DAA4D,EAAE,GAAG,EAAE;QACrE,MAAM,OAAO,GAAG,OAAO,CACtB,oBAAC,aAAa,IACb,cAAc,EAAE;gBACf;oBACC,EAAE,EAAE,CAAC;oBACL,OAAO,EAAE,IAAI;oBACb,KAAK,EAAE,QAAQ;oBACf,GAAG,EAAE,wDAAwD;oBAC7D,KAAK,EAAE,GAAG;iBACV;aACD,GACA,CACF,CAAC;QACF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC3F,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount, shallow } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport DashbarEditor from \"./../components/content/DashbarEditor\";\r\nimport DashbarEditorItem from \"./../components/content/DashbarEditorItem\";\r\n\r\ndescribe(\"<DashbarEditor/>\", () => {\r\n\tit(\"should display a message that there are no Dashbar items when there are no Dasbhar items\", () => {\r\n\t\tconst wrapper = mount(<DashbarEditor />);\r\n\t\texpect(wrapper.find(\"#no-dashbar-items\")).to.have.lengthOf(1);\r\n\t});\r\n\tit(\"should not display a message that there are no Dashbar items when there are Dasbhar items\", () => {\r\n\t\tconst wrapper = mount(\r\n\t\t\t<DashbarEditor\r\n\t\t\t\tavailableItems={[\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tid: 1,\r\n\t\t\t\t\t\tenabled: true,\r\n\t\t\t\t\t\ttitle: \"EURUSD\",\r\n\t\t\t\t\t\turl: \"https://dashbar.finsemble.com/index.html?symbol=EURUSD\",\r\n\t\t\t\t\t\twidth: 350,\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\texpect(wrapper.find(\"#no-dashbar-items\")).to.have.lengthOf(0);\r\n\t});\r\n\tit(\"should render DashbarEditorItem if there are Dashbar items\", () => {\r\n\t\tconst wrapper = shallow(\r\n\t\t\t<DashbarEditor\r\n\t\t\t\tavailableItems={[\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tid: 1,\r\n\t\t\t\t\t\tenabled: true,\r\n\t\t\t\t\t\ttitle: \"EURUSD\",\r\n\t\t\t\t\t\turl: \"https://dashbar.finsemble.com/index.html?symbol=EURUSD\",\r\n\t\t\t\t\t\twidth: 350,\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\texpect(wrapper.find(DashbarEditorItem).dive().find(\"#EURUSD-toggle\")).to.have.lengthOf(1);\r\n\t});\r\n});\r\n"]}

package/react/components/userPreferences/tests/DashbarEditorItem.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/react/components/userPreferences/tests/DashbarEditorItem.spec.js

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { shallow } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import DashbarEditorItem from "./../components/content/DashbarEditorItem";
+import { FinsembleToggle } from "./../../common/FinsembleToggle";
+describe("<DashbarEditorItem/>", () => {
+    it("should display FinsembleToggle with correct props passed", () => {
+        const testFunction = () => {
+            console.log("testing");
+        };
+        const wrapper = shallow(React.createElement(DashbarEditorItem, { id: "1", index: 1, title: "Hello", enabled: true, url: "https://cosaic.io", width: 350, buttonAction: testFunction }));
+        expect(wrapper.find(FinsembleToggle).props().checked).to.equal(true);
+        expect(wrapper.find(FinsembleToggle).props().onChange).to.equal(testFunction);
+    });
+    it("should display the correct title passed", () => {
+        const testFunction = () => {
+            console.log("testing");
+        };
+        const wrapper = shallow(React.createElement(DashbarEditorItem, { id: "1", index: 1, title: "Hello", enabled: true, url: "https://cosaic.io", width: 350, buttonAction: testFunction }));
+        expect(wrapper.find("td").at(1).text()).to.equal("Hello");
+    });
+    it("should display the correct URL passed", () => {
+        const testFunction = () => {
+            console.log("testing");
+        };
+        const wrapper = shallow(React.createElement(DashbarEditorItem, { id: "1", index: 1, title: "Hello", enabled: true, url: "https://cosaic.io", width: 350, buttonAction: testFunction }));
+        expect(wrapper.find("td").at(2).text()).to.equal("https://cosaic.io");
+    });
+    it("should display the correct width passed", () => {
+        const testFunction = () => {
+            console.log("testing");
+        };
+        const wrapper = shallow(React.createElement(DashbarEditorItem, { id: "1", index: 1, title: "Hello", enabled: true, url: "https://cosaic.io", width: 350, buttonAction: testFunction }));
+        expect(wrapper.find("td").at(3).text()).to.equal("350");
+    });
+});
+//# sourceMappingURL=DashbarEditorItem.spec.js.map

package/react/components/userPreferences/tests/DashbarEditorItem.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashbarEditorItem.spec.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/tests/DashbarEditorItem.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,iBAAiB,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QACnE,MAAM,YAAY,GAAG,GAAG,EAAE;YACzB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACxB,CAAC,CAAC;QACF,MAAM,OAAO,GAAG,OAAO,CACtB,oBAAC,iBAAiB,IACjB,EAAE,EAAE,GAAG,EACP,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,IAAI,EACb,GAAG,EAAE,mBAAmB,EACxB,KAAK,EAAE,GAAG,EACV,YAAY,EAAE,YAAY,GACzB,CACF,CAAC;QACF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACrE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QAClD,MAAM,YAAY,GAAG,GAAG,EAAE;YACzB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACxB,CAAC,CAAC;QACF,MAAM,OAAO,GAAG,OAAO,CACtB,oBAAC,iBAAiB,IACjB,EAAE,EAAE,GAAG,EACP,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,IAAI,EACb,GAAG,EAAE,mBAAmB,EACxB,KAAK,EAAE,GAAG,EACV,YAAY,EAAE,YAAY,GACzB,CACF,CAAC;QACF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAChD,MAAM,YAAY,GAAG,GAAG,EAAE;YACzB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACxB,CAAC,CAAC;QACF,MAAM,OAAO,GAAG,OAAO,CACtB,oBAAC,iBAAiB,IACjB,EAAE,EAAE,GAAG,EACP,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,IAAI,EACb,GAAG,EAAE,mBAAmB,EACxB,KAAK,EAAE,GAAG,EACV,YAAY,EAAE,YAAY,GACzB,CACF,CAAC;QACF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QAClD,MAAM,YAAY,GAAG,GAAG,EAAE;YACzB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACxB,CAAC,CAAC;QACF,MAAM,OAAO,GAAG,OAAO,CACtB,oBAAC,iBAAiB,IACjB,EAAE,EAAE,GAAG,EACP,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,IAAI,EACb,GAAG,EAAE,mBAAmB,EACxB,KAAK,EAAE,GAAG,EACV,YAAY,EAAE,YAAY,GACzB,CACF,CAAC;QACF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { shallow } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport DashbarEditorItem from \"./../components/content/DashbarEditorItem\";\r\nimport { FinsembleToggle } from \"./../../common/FinsembleToggle\";\r\n\r\ndescribe(\"<DashbarEditorItem/>\", () => {\r\n\tit(\"should display FinsembleToggle with correct props passed\", () => {\r\n\t\tconst testFunction = () => {\r\n\t\t\tconsole.log(\"testing\");\r\n\t\t};\r\n\t\tconst wrapper = shallow(\r\n\t\t\t<DashbarEditorItem\r\n\t\t\t\tid={\"1\"}\r\n\t\t\t\tindex={1}\r\n\t\t\t\ttitle={\"Hello\"}\r\n\t\t\t\tenabled={true}\r\n\t\t\t\turl={\"https://cosaic.io\"}\r\n\t\t\t\twidth={350}\r\n\t\t\t\tbuttonAction={testFunction}\r\n\t\t\t/>\r\n\t\t);\r\n\t\texpect(wrapper.find(FinsembleToggle).props().checked).to.equal(true);\r\n\t\texpect(wrapper.find(FinsembleToggle).props().onChange).to.equal(testFunction);\r\n\t});\r\n\tit(\"should display the correct title passed\", () => {\r\n\t\tconst testFunction = () => {\r\n\t\t\tconsole.log(\"testing\");\r\n\t\t};\r\n\t\tconst wrapper = shallow(\r\n\t\t\t<DashbarEditorItem\r\n\t\t\t\tid={\"1\"}\r\n\t\t\t\tindex={1}\r\n\t\t\t\ttitle={\"Hello\"}\r\n\t\t\t\tenabled={true}\r\n\t\t\t\turl={\"https://cosaic.io\"}\r\n\t\t\t\twidth={350}\r\n\t\t\t\tbuttonAction={testFunction}\r\n\t\t\t/>\r\n\t\t);\r\n\t\texpect(wrapper.find(\"td\").at(1).text()).to.equal(\"Hello\");\r\n\t});\r\n\tit(\"should display the correct URL passed\", () => {\r\n\t\tconst testFunction = () => {\r\n\t\t\tconsole.log(\"testing\");\r\n\t\t};\r\n\t\tconst wrapper = shallow(\r\n\t\t\t<DashbarEditorItem\r\n\t\t\t\tid={\"1\"}\r\n\t\t\t\tindex={1}\r\n\t\t\t\ttitle={\"Hello\"}\r\n\t\t\t\tenabled={true}\r\n\t\t\t\turl={\"https://cosaic.io\"}\r\n\t\t\t\twidth={350}\r\n\t\t\t\tbuttonAction={testFunction}\r\n\t\t\t/>\r\n\t\t);\r\n\t\texpect(wrapper.find(\"td\").at(2).text()).to.equal(\"https://cosaic.io\");\r\n\t});\r\n\tit(\"should display the correct width passed\", () => {\r\n\t\tconst testFunction = () => {\r\n\t\t\tconsole.log(\"testing\");\r\n\t\t};\r\n\t\tconst wrapper = shallow(\r\n\t\t\t<DashbarEditorItem\r\n\t\t\t\tid={\"1\"}\r\n\t\t\t\tindex={1}\r\n\t\t\t\ttitle={\"Hello\"}\r\n\t\t\t\tenabled={true}\r\n\t\t\t\turl={\"https://cosaic.io\"}\r\n\t\t\t\twidth={350}\r\n\t\t\t\tbuttonAction={testFunction}\r\n\t\t\t/>\r\n\t\t);\r\n\t\texpect(wrapper.find(\"td\").at(3).text()).to.equal(\"350\");\r\n\t});\r\n});\r\n"]}

package/react/components/userPreferences/tests/General.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/react/components/userPreferences/tests/General.spec.js

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { shallow } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import General from "./../components/content/General";
+import ScheduledRestart from "../components/general/ScheduledRestart";
+describe("<General/>", () => {
+    it("should render the ScheduledRestart component", () => {
+        const wrapper = shallow(React.createElement(General, { addListener: () => { }, removeListener: () => { }, getValue: () => { } }));
+        expect(wrapper.find(ScheduledRestart)).to.have.lengthOf(1);
+    });
+    it("should pass the correct props to the ScheduledRestart component", () => {
+        const func1 = () => {
+            console.log("FINSEMBLE");
+        };
+        const func2 = () => {
+            console.log("CHARTIQ");
+        };
+        const func3 = () => {
+            console.log("COSAIC");
+        };
+        const wrapper = shallow(React.createElement(General, { addListener: func1, removeListener: func2, getValue: func3 }));
+        expect(wrapper.find(ScheduledRestart).props().addListener).to.equal(func1);
+        expect(wrapper.find(ScheduledRestart).props().removeListener).to.equal(func2);
+        expect(wrapper.find(ScheduledRestart).props().getValue).to.equal(func3);
+    });
+});
+//# sourceMappingURL=General.spec.js.map

package/react/components/userPreferences/tests/General.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"General.spec.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/tests/General.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,gBAAgB,MAAM,wCAAwC,CAAC;AAEtE,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACvD,MAAM,OAAO,GAAG,OAAO,CAAC,oBAAC,OAAO,IAAC,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAAC,CAAC;QAC1G,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,iEAAiE,EAAE,GAAG,EAAE;QAC1E,MAAM,KAAK,GAAG,GAAG,EAAE;YAClB,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAC1B,CAAC,CAAC;QACF,MAAM,KAAK,GAAG,GAAG,EAAE;YAClB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACxB,CAAC,CAAC;QACF,MAAM,KAAK,GAAG,GAAG,EAAE;YAClB,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACvB,CAAC,CAAC;QACF,MAAM,OAAO,GAAG,OAAO,CAAC,oBAAC,OAAO,IAAC,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAI,CAAC,CAAC;QACjG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC3E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC9E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACzE,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { shallow } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport General from \"./../components/content/General\";\r\nimport ScheduledRestart from \"../components/general/ScheduledRestart\";\r\n\r\ndescribe(\"<General/>\", () => {\r\n\tit(\"should render the ScheduledRestart component\", () => {\r\n\t\tconst wrapper = shallow(<General addListener={() => {}} removeListener={() => {}} getValue={() => {}} />);\r\n\t\texpect(wrapper.find(ScheduledRestart)).to.have.lengthOf(1);\r\n\t});\r\n\tit(\"should pass the correct props to the ScheduledRestart component\", () => {\r\n\t\tconst func1 = () => {\r\n\t\t\tconsole.log(\"FINSEMBLE\");\r\n\t\t};\r\n\t\tconst func2 = () => {\r\n\t\t\tconsole.log(\"CHARTIQ\");\r\n\t\t};\r\n\t\tconst func3 = () => {\r\n\t\t\tconsole.log(\"COSAIC\");\r\n\t\t};\r\n\t\tconst wrapper = shallow(<General addListener={func1} removeListener={func2} getValue={func3} />);\r\n\t\texpect(wrapper.find(ScheduledRestart).props().addListener).to.equal(func1);\r\n\t\texpect(wrapper.find(ScheduledRestart).props().removeListener).to.equal(func2);\r\n\t\texpect(wrapper.find(ScheduledRestart).props().getValue).to.equal(func3);\r\n\t});\r\n});\r\n"]}

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,12 @@
+import React from "react";
+import { shallow } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import LeftNav from "../components/LeftNav";
+describe("<LeftNav/>", () => {
+    it("should render the same number of ButtonRows as entries", () => {
+        const wrapper = shallow(React.createElement(LeftNav, { activeSection: "General", entries: ["General", "Workspaces", "Dashbar", "Notifications"], getValue: () => { }, setValue: () => { }, setActiveEntry: () => { } }));
+        expect(wrapper.find("ButtonRow")).to.have.lengthOf(4);
+    });
+});
+//# sourceMappingURL=LeftNav.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LeftNav.spec.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/tests/LeftNav.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAE5C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QACjE,MAAM,OAAO,GAAG,OAAO,CACtB,oBAAC,OAAO,IACP,aAAa,EAAE,SAAS,EACxB,OAAO,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,CAAC,EAC9D,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAClB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,GACvB,CACF,CAAC;QACF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from \"react\";\r\nimport { shallow } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport LeftNav from \"../components/LeftNav\";\r\n\r\ndescribe(\"<LeftNav/>\", () => {\r\n\tit(\"should render the same number of ButtonRows as entries\", () => {\r\n\t\tconst wrapper = shallow(\r\n\t\t\t<LeftNav\r\n\t\t\t\tactiveSection={\"General\"}\r\n\t\t\t\tentries={[\"General\", \"Workspaces\", \"Dashbar\", \"Notifications\"]}\r\n\t\t\t\tgetValue={() => {}}\r\n\t\t\t\tsetValue={() => {}}\r\n\t\t\t\tsetActiveEntry={() => {}}\r\n\t\t\t/>\r\n\t\t);\r\n\t\texpect(wrapper.find(\"ButtonRow\")).to.have.lengthOf(4);\r\n\t});\r\n});\r\n"]}

package/react/components/userPreferences/tests/NotificationSourceTypes.spec.d.ts

@@ -0,0 +1 @@
+export {};