@finsemble/finsemble-ui 1.0.0-beta-1

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

@@ -0,0 +1,10 @@
+import DashbarEditor from "../components/content/DashbarEditor";
+import "../../../assets/css/finsemble.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: typeof DashbarEditor;
+};
+export default _default;
+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

@@ -0,0 +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/DashbarEditor/Dashbar Editor Content",
+    component: DashbarEditor,
+};
+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

@@ -0,0 +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;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\";\nimport DashbarEditor from \"../components/content/DashbarEditor\";\nimport \"../../../assets/css/finsemble.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { FinsembleProvider, createStore } from \"../../FinsembleProvider\";\nimport { initFSBL } from \"../../common/helpers\";\n\nexport default {\n\ttitle: \"User Preferences/DashbarEditor/Dashbar Editor Content\",\n\tcomponent: DashbarEditor,\n};\n\nconst Template: Story = (args) => {\n\tinitFSBL(window);\n\treturn (\n\t\t<FinsembleProvider store={createStore()}>\n\t\t\t<DashbarEditor {...args} />\n\t\t</FinsembleProvider>\n\t);\n};\n\nexport const WithoutDashbarItems = Template.bind({});\nexport const WithDashbarItems = Template.bind({});\nWithDashbarItems.args = {\n\tavailableItems: [\n\t\t{\n\t\t\tid: 1,\n\t\t\tenabled: true,\n\t\t\ttitle: \"EURUSD\",\n\t\t\turl: \"https://dashbar.finsemble.com/index.html?symbol=EURUSD\",\n\t\t\twidth: 350,\n\t\t},\n\t\t{\n\t\t\tid: 2,\n\t\t\tenabled: true,\n\t\t\ttitle: \"EURGBP\",\n\t\t\turl: \"https://dashbar.finsemble.com/index.html?symbol=EURGBP\",\n\t\t\twidth: 350,\n\t\t},\n\t\t{\n\t\t\tid: 3,\n\t\t\tenabled: true,\n\t\t\ttitle: \"EURCHF\",\n\t\t\turl: \"https://dashbar.finsemble.com/index.html?symbol=EURCHF\",\n\t\t\twidth: 350,\n\t\t},\n\t],\n};\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\";\nimport DashbarEditorItem from \"../components/content/DashbarEditorItem\";\nimport \"../../../assets/css/finsemble.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\n\nexport default {\n\ttitle: \"User Preferences/DashbarEditor/Dashbar Editor Item\",\n\tcomponent: DashbarEditorItem,\n\tdecorators: [\n\t\t(StoryDisplay: any) => (\n\t\t\t<table className=\"dashbar-items-table\">\n\t\t\t\t<StoryDisplay />\n\t\t\t</table>\n\t\t),\n\t],\n};\n\nconst Template: Story<any> = (args: any) => <DashbarEditorItem {...args} />;\n\nexport const DefaultDashbarEditorItem = Template.bind({});\nDefaultDashbarEditorItem.args = {\n\tid: 1,\n\tenabled: true,\n\ttitle: \"EURUSD\",\n\turl: \"https://dashbar.finsemble.com/index.html?symbol=EURUSD\",\n\twidth: 350,\n};\n"]}

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

@@ -0,0 +1,13 @@
+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<{
+        addListener: Function;
+        removeListener: Function;
+        getValue: Function;
+    }>;
+};
+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\";\nimport General from \"../components/content/General\";\nimport \"../../../assets/css/finsemble.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { initFSBL } from \"../../common/helpers\";\nimport { FinsembleProvider, createStore } from \"../../FinsembleProvider\";\n\nexport default {\n\ttitle: \"User Preferences/General\",\n\tcomponent: General,\n};\n\nconst Template: Story = () => {\n\tinitFSBL(window);\n\n\treturn (\n\t\t<FinsembleProvider store={createStore()}>\n\t\t\t<General addListener={() => {}} removeListener={() => {}} getValue={() => {}} />\n\t\t</FinsembleProvider>\n\t);\n};\nexport const DefaultGeneral = Template.bind({});\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\";\nimport \"../../../assets/css/finsemble.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { initFSBL } from \"../../common/helpers\";\nimport { FinsembleProvider, createStore } from \"../../FinsembleProvider\";\nimport Notifications from \"../components/content/Notifications\";\n\nexport default {\n\ttitle: \"User Preferences/Notifications/Notifications Content\",\n\tcomponent: Notifications,\n};\n\nconst Template: Story = () => {\n\tinitFSBL(window);\n\treturn (\n\t\t<div className=\"notifications-main-preferences__container\" style={{ width: \"60vw\" }}>\n\t\t\t<FinsembleProvider store={createStore()}>\n\t\t\t\t<Notifications />\n\t\t\t</FinsembleProvider>\n\t\t</div>\n\t);\n};\nexport const DefaultNotifications = Template.bind({});\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\";\nimport \"../../../assets/css/finsemble.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { initFSBL } from \"../../common/helpers\";\nimport { FinsembleProvider, createStore } from \"../../FinsembleProvider\";\nimport NotificationsSourceTypes from \"../components/content/notificationViews/NotificationsSourceTypes\";\n\nexport default {\n\ttitle: \"User Preferences/Notifications/Notifications Sources/Notifications Source Types\",\n\tcomponent: NotificationsSourceTypes,\n};\n\nconst Template: Story = (args) => {\n\tinitFSBL(window);\n\treturn (\n\t\t<div className=\"notifications-main-preferences__container\" style={{ width: \"60vw\" }}>\n\t\t\t<FinsembleProvider store={createStore()}>\n\t\t\t\t<NotificationsSourceTypes {...args} />\n\t\t\t</FinsembleProvider>\n\t\t</div>\n\t);\n};\nexport const NoSourceTypes = Template.bind({});\nNoSourceTypes.args = {\n\tcontext: { source: \"Finsemble\", icon: \"\", types: [{ name: \"default\", muted: false }] },\n};\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\";\nimport \"../../../assets/css/finsemble.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { initFSBL } from \"../../common/helpers\";\nimport { FinsembleProvider, createStore } from \"../../FinsembleProvider\";\nimport NotificationsSourcesPreferences from \"../components/content/notificationViews/NotificationsSourcesPreferences\";\n\nexport default {\n\ttitle: \"User Preferences/Notifications/Notifications Sources/Notification Sources Content\",\n\tcomponent: NotificationsSourcesPreferences,\n};\n\nconst Template: Story = (args) => {\n\tinitFSBL(window);\n\treturn (\n\t\t<div className=\"notifications-main-preferences__container\" style={{ width: \"60vw\" }}>\n\t\t\t<FinsembleProvider store={createStore()}>\n\t\t\t\t<NotificationsSourcesPreferences {...args} />\n\t\t\t</FinsembleProvider>\n\t\t</div>\n\t);\n};\nexport const NoNotificationSources = Template.bind({});\nexport const WithNotificationSources = Template.bind({});\nWithNotificationSources.args = {\n\tcontext: [\n\t\t{ source: \"Charlie\", icon: \"\", types: [{ name: \"default\", muted: false }] },\n\t\t{ source: \"Oscar\", icon: \"\", types: [{ name: \"default\", muted: false }] },\n\t\t{ source: \"Sierra\", icon: \"\", types: [{ name: \"default\", muted: false }] },\n\t\t{ source: \"Alpha\", icon: \"\", types: [{ name: \"default\", muted: false }] },\n\t\t{ source: \"India\", icon: \"\", types: [{ name: \"default\", muted: false }] },\n\t\t{ source: \"Cosaic\", icon: false, types: [{ name: \"default\", muted: false }] },\n\t],\n};\n"]}

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

@@ -0,0 +1,12 @@
+import React from "react";
+import { ScheduledCloseProps } from "../components/general/ScheduledClose";
+import { Story } from "@storybook/react/types-6-0";
+import "../../../assets/css/finsemble.css";
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<ScheduledCloseProps>;
+};
+export default _default;
+export declare const Weekly: Story<ScheduledCloseProps>;
+export declare const Daily: Story<ScheduledCloseProps>;
+export declare const Disabled: Story<ScheduledCloseProps>;

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

@@ -0,0 +1,53 @@
+import React from "react";
+import { ScheduledClose } from "../components/general/ScheduledClose";
+import "../../../assets/css/finsemble.css";
+export default {
+    title: "User Preferences/General/Scheduled Close",
+    component: ScheduledClose,
+};
+const Template = (args) => React.createElement(ScheduledClose, Object.assign({}, args));
+export const Weekly = Template.bind({});
+Weekly.args = {
+    getPreferences: async (cb) => {
+        const data = {
+            key: {
+                dayOfWeek: 5,
+                hour: 12,
+                minute: 15,
+            },
+        };
+        cb(null, data);
+        return data;
+    },
+    label: "Day/Time",
+    setPreferences: () => { },
+    configKey: "key",
+};
+export const Daily = Template.bind({});
+Daily.args = {
+    getPreferences: async (cb) => {
+        const data = {
+            key: {
+                hour: 15,
+                minute: 30,
+            },
+        };
+        cb(null, data);
+        return data;
+    },
+    setPreferences: () => { },
+    label: "Day/Time",
+    configKey: "key",
+};
+export const Disabled = Template.bind({});
+Disabled.args = {
+    getPreferences: async (cb) => {
+        const data = {};
+        cb(null, data);
+        return data;
+    },
+    setPreferences: () => { },
+    label: "Day/Time",
+    configKey: "key",
+};
+//# sourceMappingURL=ScheduledClose.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduledClose.stories.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/stories/ScheduledClose.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAuB,MAAM,sCAAsC,CAAC;AAE3F,OAAO,mCAAmC,CAAC;AAE3C,eAAe;IACd,KAAK,EAAE,0CAA0C;IACjD,SAAS,EAAE,cAAc;CACzB,CAAC;AAEF,MAAM,QAAQ,GAA+B,CAAC,IAAyB,EAAE,EAAE,CAAC,oBAAC,cAAc,oBAAK,IAAI,EAAI,CAAC;AAEzG,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;IACb,cAAc,EAAE,KAAK,EAAE,EAAY,EAAE,EAAE;QACtC,MAAM,IAAI,GAAG;YACZ,GAAG,EAAE;gBACJ,SAAS,EAAE,CAAC;gBACZ,IAAI,EAAE,EAAE;gBACR,MAAM,EAAE,EAAE;aACV;SACD,CAAC;QACF,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACf,OAAO,IAAI,CAAC;IACb,CAAC;IACD,KAAK,EAAE,UAAU;IACjB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,SAAS,EAAE,KAAK;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,cAAc,EAAE,KAAK,EAAE,EAAY,EAAE,EAAE;QACtC,MAAM,IAAI,GAAG;YACZ,GAAG,EAAE;gBACJ,IAAI,EAAE,EAAE;gBACR,MAAM,EAAE,EAAE;aACV;SACD,CAAC;QACF,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACf,OAAO,IAAI,CAAC;IACb,CAAC;IACD,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,KAAK;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACf,cAAc,EAAE,KAAK,EAAE,EAAY,EAAE,EAAE;QACtC,MAAM,IAAI,GAAG,EAAE,CAAC;QAChB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACf,OAAO,IAAI,CAAC;IACb,CAAC;IACD,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,KAAK;CAChB,CAAC","sourcesContent":["import React from \"react\";\nimport { ScheduledClose, ScheduledCloseProps } from \"../components/general/ScheduledClose\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport \"../../../assets/css/finsemble.css\";\n\nexport default {\n\ttitle: \"User Preferences/General/Scheduled Close\",\n\tcomponent: ScheduledClose,\n};\n\nconst Template: Story<ScheduledCloseProps> = (args: ScheduledCloseProps) => <ScheduledClose {...args} />;\n\nexport const Weekly = Template.bind({});\nWeekly.args = {\n\tgetPreferences: async (cb: Function) => {\n\t\tconst data = {\n\t\t\tkey: {\n\t\t\t\tdayOfWeek: 5,\n\t\t\t\thour: 12,\n\t\t\t\tminute: 15,\n\t\t\t},\n\t\t};\n\t\tcb(null, data);\n\t\treturn data;\n\t},\n\tlabel: \"Day/Time\",\n\tsetPreferences: () => {},\n\tconfigKey: \"key\",\n};\n\nexport const Daily = Template.bind({});\nDaily.args = {\n\tgetPreferences: async (cb: Function) => {\n\t\tconst data = {\n\t\t\tkey: {\n\t\t\t\thour: 15,\n\t\t\t\tminute: 30,\n\t\t\t},\n\t\t};\n\t\tcb(null, data);\n\t\treturn data;\n\t},\n\tsetPreferences: () => {},\n\tlabel: \"Day/Time\",\n\tconfigKey: \"key\",\n};\n\nexport const Disabled = Template.bind({});\nDisabled.args = {\n\tgetPreferences: async (cb: Function) => {\n\t\tconst data = {};\n\t\tcb(null, data);\n\t\treturn data;\n\t},\n\tsetPreferences: () => {},\n\tlabel: \"Day/Time\",\n\tconfigKey: \"key\",\n};\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;

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\";\nimport \"../../../assets/css/finsemble.css\";\nimport { initFSBL } from \"../../common/helpers\";\nimport { FinsembleProvider, createStore } from \"../../FinsembleProvider\";\nimport { General, Workspaces, DashbarEditor, Notifications } from \"../UserPreferences\";\nimport { UserPreferencesBase } from \"../UserPreferencesBase\";\n\nexport default {\n\ttitle: \"Components/User Preferences\",\n\tcomponent: UserPreferencesBase,\n};\n\nconst sections = {\n\tGeneral: General,\n\tWorkspaces: Workspaces,\n\tDashbar: DashbarEditor,\n\tNotifications: Notifications,\n};\n\nconst Template = () => {\n\tinitFSBL(window);\n\n\treturn (\n\t\t<div style={{ width: 800, height: 600 }}>\n\t\t\t<FinsembleProvider store={createStore()}>\n\t\t\t\t<UserPreferencesBase\n\t\t\t\t\tsections={sections}\n\t\t\t\t\taddListener={() => {}}\n\t\t\t\t\tremoveListener={() => {}}\n\t\t\t\t\tgetValue={(obj: { field: string }, cb: Function) => {\n\t\t\t\t\t\tif (obj.field !== \"WorkspaceList\") return;\n\t\t\t\t\t\tlet componentTypes = [\n\t\t\t\t\t\t\t\"ChartIQApp\",\n\t\t\t\t\t\t\t\"Grid\",\n\t\t\t\t\t\t\t\"Google\",\n\t\t\t\t\t\t\t\"Client List\",\n\t\t\t\t\t\t\t\"Trading View\",\n\t\t\t\t\t\t\t\"Options Chain\",\n\t\t\t\t\t\t\t\"Bond Prices\",\n\t\t\t\t\t\t\t\"Crypto Prices\",\n\t\t\t\t\t\t];\n\t\t\t\t\t\tconst shuffled = componentTypes.sort(() => 0.5 - Math.random());\n\t\t\t\t\t\tconst randomSlice = () => shuffled.slice(0, Math.floor(Math.random() * componentTypes.length));\n\t\t\t\t\t\tcb(\n\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\"Default\",\n\t\t\t\t\t\t\t\t\"Day Trading\",\n\t\t\t\t\t\t\t\t\"Forex\",\n\t\t\t\t\t\t\t\t\"Clients\",\n\t\t\t\t\t\t\t\t\"Productivity\",\n\t\t\t\t\t\t\t\t\"Charting\",\n\t\t\t\t\t\t\t\t\"Personal Investing\",\n\t\t\t\t\t\t\t\t\"Client Investments\",\n\t\t\t\t\t\t\t\t\"Stock Watchlist\",\n\t\t\t\t\t\t\t\t\"Bond Market\",\n\t\t\t\t\t\t\t].map((name) => {\n\t\t\t\t\t\t\t\treturn { name, components: randomSlice() };\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t);\n\t\t\t\t\t}}\n\t\t\t\t\tsetValue={() => {}}\n\t\t\t\t/>\n\t\t\t</FinsembleProvider>\n\t\t</div>\n\t);\n};\n\nexport const DefaultUserPreferences = Template.bind({});\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\";\nimport { WorkspaceButton, WorkspaceButtonProps } from \"../components/workspaces/WorkspaceButton\";\nimport \"../../../assets/css/finsemble.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { action } from \"@storybook/addon-actions\";\n\nexport default {\n\ttitle: \"User Preferences/Workspaces/Workspace Button\",\n\tcomponent: WorkspaceButton,\n};\n\nconst Template: Story<WorkspaceButtonProps> = (args: WorkspaceButtonProps) => <WorkspaceButton {...args} />;\n\nexport const ImportButton = Template.bind({});\nImportButton.args = {\n\ttype: \"import\",\n\tonClick: action(\"Import\"),\n};\n\nexport const ExportButton = Template.bind({});\nExportButton.args = {\n\ttype: \"export\",\n\tonClick: action(\"Export\"),\n};\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\";\nimport WorkspaceComponents from \"../components/workspaces/WorkspaceComponents\";\nimport \"../../../assets/css/finsemble.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\n\nexport default {\n\ttitle: \"User Preferences/Workspaces/Workspace Components\",\n\tcomponent: WorkspaceComponents,\n};\n\nconst Template: Story<any> = (args: { focusedWorkspaceComponentList?: Array<any> }) => (\n\t<WorkspaceComponents focusedWorkspaceComponentList={args.focusedWorkspaceComponentList} />\n);\n\nexport const FullList = Template.bind({});\nFullList.args = { focusedWorkspaceComponentList: [\"ChartIQ Example App\", \"AG-Grid Example Blotter\"] };\n\nexport const OverflowList = Template.bind({});\nOverflowList.args = {\n\tfocusedWorkspaceComponentList: [\n\t\t\"ChartIQ Example App\",\n\t\t\"AG-Grid Example Blotter\",\n\t\t\"Chrome\",\n\t\t\"Crypto Market\",\n\t\t\"Bond Market\",\n\t\t\"Options Chain\",\n\t\t\"Real Estate\",\n\t\t\"Interest Rates\",\n\t],\n};\n\nexport const EmptyList = Template.bind({});\nEmptyList.args = { focusedWorkspaceComponentList: [] };\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\";\nimport WorkspaceItem from \"../components/workspaces/WorkspaceItem\";\nimport \"../../../assets/css/finsemble.css\";\nimport { initFSBL } from \"../../common/helpers\";\nimport { FinsembleProvider } from \"../../FinsembleProvider\";\nimport { FinsembleDnDContext } from \"../../legacyControls/FinsembleDnDContext\";\nimport { Story } from \"@storybook/react/types-6-0\";\n\nexport default {\n\ttitle: \"User Preferences/Workspaces/Workspace Item\",\n\tcomponent: WorkspaceItem,\n};\n\nconst Template: Story<any> = (args: any) => {\n\tinitFSBL(window);\n\n\tconst [editing, setEditing] = useState(false);\n\tconst [workspace, setWorkspace] = useState({ name: \"Default\" });\n\tconst [focusedWorkspace, setFocusedWorkspace] = useState(\"Default\");\n\n\tconst renameWorkspace = (name: string) => {\n\t\tsetWorkspace({ name });\n\t\tsetFocusedWorkspace(name);\n\t\tsetEditing(false);\n\t};\n\n\treturn (\n\t\t<FinsembleProvider>\n\t\t\t<div style={{ maxWidth: 300 }}>\n\t\t\t\t<FinsembleDnDContext onDragEnd={() => {}}>\n\t\t\t\t\t<WorkspaceItem\n\t\t\t\t\t\t{...args}\n\t\t\t\t\t\tediting={editing}\n\t\t\t\t\t\tfocusedWorkspace={focusedWorkspace}\n\t\t\t\t\t\tstartEditingWorkspace={() => {\n\t\t\t\t\t\t\tsetEditing(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tworkspace={workspace}\n\t\t\t\t\t\trenameWorkspace={renameWorkspace}\n\t\t\t\t\t\tallowDelete={() => {}}\n\t\t\t\t\t\tdeleteButtonClasses=\"individual-workspace-action delete-workspace\"\n\t\t\t\t\t\tdeleteTooltip=\"delete\"\n\t\t\t\t\t\tkey={0}\n\t\t\t\t\t\tworkspaceToLoadOnStart={() => {}}\n\t\t\t\t\t\tadding={false}\n\t\t\t\t\t\ti={0}\n\t\t\t\t\t\taddWorkspace={() => {}}\n\t\t\t\t\t\tcancelEdit={() => setEditing(false)}\n\t\t\t\t\t\tsetFocusedWorkspace={() => {}}\n\t\t\t\t\t\trenameTooltip=\"rename\"\n\t\t\t\t\t\trenameButtonClasses=\"individual-workspace-action\"\n\t\t\t\t\t\tallowRename={true}\n\t\t\t\t\t\thandleButtonClicks={() => {}}\n\t\t\t\t\t\tdeleteWorkspace={() => {}}\n\t\t\t\t\t/>\n\t\t\t\t</FinsembleDnDContext>\n\t\t\t</div>\n\t\t</FinsembleProvider>\n\t);\n};\n\nexport const Item = Template.bind({});\nItem.args = {};\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>;