@finsemble/finsemble-ui 7.3.0 → 8.0.0-alpha-1

package/react/components/favorites/FavoritesShell.stories.js

@@ -1,46 +0,0 @@
-import React from "react";
-import { FavoritesShell } from "./FavoritesShell";
-import { initFSBL } from "../common/helpers";
-import { FinsembleProvider } from "../FinsembleProvider";
-import { action } from "@storybook/addon-actions";
-import "../../assets/css/favorites.css";
-export default {
-    title: "Menu/FavoritesShell",
-    component: FavoritesShell,
-};
-const Template = (args) => {
-    initFSBL(window);
-    if (args.favorites) {
-        window.FSBL.Clients.StorageClient.get = (query, callback) => {
-            callback === null || callback === void 0 ? void 0 : callback("", args.favorites);
-            return new Promise((resolve) => {
-                resolve(args.favorites);
-            });
-        };
-    }
-    window.FSBL.Clients.LauncherClient.spawn = args.spawn;
-    return (React.createElement(FinsembleProvider, null,
-        React.createElement(FavoritesShell, null)));
-};
-export const Basic = Template.bind({});
-Basic.args = {
-    favorites: [
-        {
-            id: "1",
-            category: "Application",
-            name: "Hello World",
-        },
-        {
-            id: "2",
-            category: "Application",
-            name: "Another application",
-        },
-        {
-            id: "3",
-            category: "Application",
-            name: "This is a very long, extra long name",
-        },
-    ],
-    spawn: action("launch"),
-};
-//# sourceMappingURL=FavoritesShell.stories.js.map

package/react/components/favorites/FavoritesShell.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FavoritesShell.stories.js","sourceRoot":"","sources":["../../../src/components/favorites/FavoritesShell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,gCAAgC,CAAC;AAGxC,eAAe;IACd,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,cAAc;CACzB,CAAC;AAEF,MAAM,QAAQ,GAAe,CAAC,IAAS,EAAE,EAAE;IAC1C,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,IAAI,IAAI,CAAC,SAAS,EAAE;QACnB,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,GAAG,CAAC,KAAU,EAAE,QAA0C,EAAgB,EAAE;YAChH,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YAC/B,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;gBAC9B,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACzB,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC;KACF;IAED,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IAEtD,OAAO,CACN,oBAAC,iBAAiB;QACjB,oBAAC,cAAc,OAAG,CACC,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,SAAS,EAAE;QACV;YACC,EAAE,EAAE,GAAG;YACP,QAAQ,EAAE,aAAa;YACvB,IAAI,EAAE,aAAa;SACnB;QACD;YACC,EAAE,EAAE,GAAG;YACP,QAAQ,EAAE,aAAa;YACvB,IAAI,EAAE,qBAAqB;SAC3B;QACD;YACC,EAAE,EAAE,GAAG;YACP,QAAQ,EAAE,aAAa;YACvB,IAAI,EAAE,sCAAsC;SAC5C;KACD;IACD,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC;CACvB,CAAC","sourcesContent":["import React from \"react\";\nimport { FavoritesShell } from \"./FavoritesShell\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { initFSBL } from \"../common/helpers\";\nimport { FinsembleProvider } from \"../FinsembleProvider\";\nimport { action } from \"@storybook/addon-actions\";\nimport \"../../assets/css/favorites.css\";\nimport { StandardCallback, StandardError } from \"@finsemble/finsemble-api/types/types\";\n\nexport default {\n\ttitle: \"Menu/FavoritesShell\",\n\tcomponent: FavoritesShell,\n};\n\nconst Template: Story<any> = (args: any) => {\n\tinitFSBL(window);\n\n\tif (args.favorites) {\n\t\twindow.FSBL.Clients.StorageClient.get = (query: any, callback?: StandardCallback<StandardError>): Promise<any> => {\n\t\t\tcallback?.(\"\", args.favorites);\n\t\t\treturn new Promise((resolve) => {\n\t\t\t\tresolve(args.favorites);\n\t\t\t});\n\t\t};\n\t}\n\n\twindow.FSBL.Clients.LauncherClient.spawn = args.spawn;\n\n\treturn (\n\t\t<FinsembleProvider>\n\t\t\t<FavoritesShell />\n\t\t</FinsembleProvider>\n\t);\n};\n\nexport const Basic = Template.bind({});\nBasic.args = {\n\tfavorites: [\n\t\t{\n\t\t\tid: \"1\",\n\t\t\tcategory: \"Application\",\n\t\t\tname: \"Hello World\",\n\t\t},\n\t\t{\n\t\t\tid: \"2\",\n\t\t\tcategory: \"Application\",\n\t\t\tname: \"Another application\",\n\t\t},\n\t\t{\n\t\t\tid: \"3\",\n\t\t\tcategory: \"Application\",\n\t\t\tname: \"This is a very long, extra long name\",\n\t\t},\n\t],\n\tspawn: action(\"launch\"),\n};\n"]}

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

@@ -1,2 +0,0 @@
-export { FavoriteMaker } from "./FavoriteMaker";
-export { FavoritesShell } from "./FavoritesShell";

package/react/components/favorites/index.js

@@ -1,3 +0,0 @@
-export { FavoriteMaker } from "./FavoriteMaker";
-export { FavoritesShell } from "./FavoritesShell";
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/favorites/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { FavoriteMaker } from \"./FavoriteMaker\";\nexport { FavoritesShell } from \"./FavoritesShell\";\n"]}

package/react/components/fdc3Resolver/ResolverDialog.spec.d.ts

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

package/react/components/fdc3Resolver/ResolverDialog.spec.js

@@ -1,52 +0,0 @@
-import * as React from "react";
-import { mount } from "enzyme";
-import { afterEach, describe, it } from "mocha";
-import { expect } from "chai";
-import sinon from "sinon";
-import { Short } from "./ResolverDialog.stories";
-import { accessibilityAssessor } from "../sdd/tests/a11y_helper";
-// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)
-import addons, { mockChannel } from "@storybook/addons";
-addons.setChannel(mockChannel());
-describe("Resolver UI", () => {
-    afterEach(() => {
-        sinon.restore();
-    });
-    it("should pass accessibility scans", async () => {
-        const wrapper = mount(React.createElement(Short, Object.assign({}, Short.args)));
-        expect(await accessibilityAssessor(wrapper)).to.be.true;
-    });
-    it("should fill in data as expected", () => {
-        const wrapper = mount(React.createElement(Short, Object.assign({}, Short.args)));
-        expect(wrapper.find(".appTile").length, "Only show 2 tiles").to.equal(2);
-        expect(wrapper.find(".appTile").at(0).find(".tileHeader").text(), "First tile says Chart Title").to.equal("Chart Title");
-        expect(wrapper.find(".appTile").at(1).find(".tileHeader").text(), "Second tile says Grid").to.equal("Grid");
-        expect(wrapper.find(".appSelector li").length, "App list should have 2 items").to.equal(2);
-        expect(wrapper.find(".appSelector li").at(0).text(), "First app list item should say Chart Title #1").to.equal("1 - Chart Title");
-    });
-    it("should include info in the Send payload - selecting new item", () => {
-        const buttonSpy = sinon.spy(Short.args, "onSend");
-        const wrapper = mount(React.createElement(Short, Object.assign({}, Short.args)));
-        wrapper.find(".appTile").at(0).simulate("click");
-        const { args } = buttonSpy.getCall(0);
-        expect(buttonSpy.calledOnce, "The send callback was called").to.be.true;
-        expect(args.length, "Only 1 window was provided").to.be.equal(1);
-        expect(args[0].selectedApp.appId, "Provides name = Chart").to.equal("Chart");
-    });
-    it("should include the selected items in the Send payload", () => {
-        const buttonSpy = sinon.spy(Short.args, "onSend");
-        const wrapper = mount(React.createElement(Short, Object.assign({}, Short.args)));
-        wrapper.find(".appSelector li").at(0).simulate("click");
-        const { args } = buttonSpy.getCall(0);
-        expect(buttonSpy.calledOnce, "The send callback was called").to.be.true;
-        expect(args.length, "Only 1 window was provided").to.be.equal(1);
-        expect(args[0].windowName, "The name of the provided window was 'Chart-1-'Finsemble'").to.equal("Chart-1-Finsemble");
-    });
-    it("should call the cancel function if the Cancel button is clicked", () => {
-        const buttonSpy = sinon.spy(Short.args, "onCancel");
-        const wrapper = mount(React.createElement(Short, Object.assign({}, Short.args)));
-        wrapper.find(".button-container-ghost button").simulate("click");
-        expect(buttonSpy.calledOnce, "The send callback was called").to.be.true;
-    });
-});
-//# sourceMappingURL=ResolverDialog.spec.js.map

package/react/components/fdc3Resolver/ResolverDialog.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResolverDialog.spec.js","sourceRoot":"","sources":["../../../src/components/fdc3Resolver/ResolverDialog.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { mount } from \"enzyme\";\nimport { afterEach, describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport sinon from \"sinon\";\nimport { ResolverProps } from \"./ResolverDialog\";\nimport { Short } from \"./ResolverDialog.stories\";\nimport { accessibilityAssessor } from \"../sdd/tests/a11y_helper\";\n\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\nimport addons, { mockChannel } from \"@storybook/addons\";\naddons.setChannel(mockChannel());\n\ndescribe(\"Resolver UI\", () => {\n\tafterEach(() => {\n\t\tsinon.restore();\n\t});\n\n\tit(\"should pass accessibility scans\", async () => {\n\t\tconst wrapper = mount(<Short {...(Short.args as ResolverProps)} />);\n\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\n\t});\n\n\tit(\"should fill in data as expected\", () => {\n\t\tconst wrapper = mount(<Short {...(Short.args as ResolverProps)} />);\n\n\t\texpect(wrapper.find(\".appTile\").length, \"Only show 2 tiles\").to.equal(2);\n\t\texpect(wrapper.find(\".appTile\").at(0).find(\".tileHeader\").text(), \"First tile says Chart Title\").to.equal(\n\t\t\t\"Chart Title\"\n\t\t);\n\t\texpect(wrapper.find(\".appTile\").at(1).find(\".tileHeader\").text(), \"Second tile says Grid\").to.equal(\"Grid\");\n\t\texpect(wrapper.find(\".appSelector li\").length, \"App list should have 2 items\").to.equal(2);\n\t\texpect(wrapper.find(\".appSelector li\").at(0).text(), \"First app list item should say Chart Title #1\").to.equal(\n\t\t\t\"1 - Chart Title\"\n\t\t);\n\t});\n\n\tit(\"should include info in the Send payload - selecting new item\", () => {\n\t\tconst buttonSpy = sinon.spy(Short.args as ResolverProps, \"onSend\");\n\t\tconst wrapper = mount(<Short {...(Short.args as ResolverProps)} />);\n\n\t\twrapper.find(\".appTile\").at(0).simulate(\"click\");\n\t\tconst { args }: { args: any[] } = buttonSpy.getCall(0);\n\t\texpect(buttonSpy.calledOnce, \"The send callback was called\").to.be.true;\n\t\texpect(args.length, \"Only 1 window was provided\").to.be.equal(1);\n\t\texpect(args[0].selectedApp.appId, \"Provides name = Chart\").to.equal(\"Chart\");\n\t});\n\n\tit(\"should include the selected items in the Send payload\", () => {\n\t\tconst buttonSpy = sinon.spy(Short.args as ResolverProps, \"onSend\");\n\t\tconst wrapper = mount(<Short {...(Short.args as ResolverProps)} />);\n\n\t\twrapper.find(\".appSelector li\").at(0).simulate(\"click\");\n\n\t\tconst { args }: { args: any[] } = buttonSpy.getCall(0);\n\t\texpect(buttonSpy.calledOnce, \"The send callback was called\").to.be.true;\n\t\texpect(args.length, \"Only 1 window was provided\").to.be.equal(1);\n\t\texpect(args[0].windowName, \"The name of the provided window was 'Chart-1-'Finsemble'\").to.equal(\n\t\t\t\"Chart-1-Finsemble\"\n\t\t);\n\t});\n\n\tit(\"should call the cancel function if the Cancel button is clicked\", () => {\n\t\tconst buttonSpy = sinon.spy(Short.args as ResolverProps, \"onCancel\");\n\t\tconst wrapper = mount(<Short {...(Short.args as ResolverProps)} />);\n\t\twrapper.find(\".button-container-ghost button\").simulate(\"click\");\n\t\texpect(buttonSpy.calledOnce, \"The send callback was called\").to.be.true;\n\t});\n});\n"]}

package/react/components/fdc3Resolver/ResolverDialog.stories.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { ResolverProps } from "./ResolverDialog";
-import "../../assets/css/finsemble.css";
-import "../common/css/styles.css";
-import { Story } from "@storybook/react/types-6-0";
-declare const _default: {
-    title: string;
-    component: ({ intentRaiser, onSend, onCancel, resolutionList }: ResolverProps) => JSX.Element;
-};
-export default _default;
-export declare const Short: Story<ResolverProps>;
-export declare const LongNames: Story<ResolverProps>;
-export declare const MultiIntent: Story<ResolverProps>;

package/react/components/fdc3Resolver/ResolverDialog.stories.js

@@ -1,175 +0,0 @@
-import React from "react";
-import { ResolverDialog } from "./ResolverDialog";
-import "../../assets/css/finsemble.css";
-import "../common/css/styles.css";
-import { action } from "@storybook/addon-actions";
-export default {
-    title: "FDC3/ResolverDialog",
-    component: ResolverDialog,
-};
-const Template = (args) => React.createElement(ResolverDialog, Object.assign({}, args));
-export const Short = Template.bind({});
-Short.args = {
-    intentRaiser: "FDC3Tester-37-8788-Finsemble",
-    onSend: action("sent"),
-    onCancel: action("cancel"),
-    resolutionList: [
-        {
-            launchableApps: [
-                {
-                    meta: {
-                        appId: "Chart",
-                        name: "Chart",
-                        title: "Chart Title",
-                    },
-                    appId: "Chart",
-                },
-                {
-                    meta: {
-                        appId: "Grid",
-                        name: "Grid",
-                    },
-                    appId: "Grid",
-                },
-            ],
-            openApps: [
-                {
-                    windowName: "Chart-1-Finsemble",
-                    meta: {
-                        name: "Chart",
-                        title: "Chart Title",
-                    },
-                    appId: "Chart",
-                },
-                {
-                    windowName: "Grid-1-Finsemble",
-                    meta: {
-                        name: "Grid",
-                    },
-                    appId: "Grid",
-                },
-            ],
-            intent: {
-                name: "ViewChart",
-                displayName: "View Chart",
-            },
-        },
-    ],
-};
-export const LongNames = Template.bind({});
-LongNames.args = {
-    intentRaiser: "FDC3Tester-37-8788-Finsemble",
-    onSend: action("sent"),
-    onCancel: action("cancel"),
-    resolutionList: [
-        {
-            launchableApps: [
-                {
-                    meta: {
-                        appId: "abc",
-                        name: "jacuzzi",
-                    },
-                    appId: "abc",
-                },
-                {
-                    meta: {
-                        appId: "def",
-                        name: "blizzard",
-                    },
-                    appId: "def",
-                },
-                {
-                    meta: {
-                        appId: "ghi",
-                        name: "quizzical",
-                    },
-                    appId: "ghi",
-                },
-                {
-                    meta: {
-                        appId: "jkl",
-                        name: "puzzlement",
-                    },
-                    appId: "jkl",
-                },
-            ],
-            openApps: [],
-            intent: {
-                name: "ViewChart",
-                displayName: "View Chart",
-            },
-        },
-    ],
-};
-export const MultiIntent = Template.bind({});
-MultiIntent.args = {
-    intentRaiser: "FDC3Tester-37-8788-Finsemble",
-    onSend: action("sent"),
-    onCancel: action("cancel"),
-    resolutionList: [
-        {
-            launchableApps: [
-                {
-                    meta: {
-                        appId: "Grid",
-                        name: "Grid",
-                    },
-                    appId: "Grid",
-                },
-                {
-                    meta: {
-                        appId: "Chart",
-                        name: "Chart",
-                    },
-                    appId: "Chart",
-                },
-            ],
-            openApps: [
-                {
-                    windowName: "Grid-7-9140-Finsemble",
-                    meta: {
-                        name: "Grid",
-                    },
-                    appId: "Grid",
-                },
-            ],
-            intent: {
-                name: "ViewNews",
-                displayName: "View news",
-            },
-        },
-        {
-            launchableApps: [
-                {
-                    meta: {
-                        appId: "Chart",
-                        name: "Chart",
-                    },
-                    appId: "Chart",
-                },
-            ],
-            openApps: [],
-            intent: {
-                name: "ViewChart",
-                displayName: "View chart",
-            },
-        },
-        {
-            launchableApps: [
-                {
-                    meta: {
-                        appId: "Chart",
-                        name: "Chart",
-                    },
-                    appId: "Chart",
-                },
-            ],
-            openApps: [],
-            intent: {
-                name: "ViewChartStudy",
-                displayName: "View chart study",
-            },
-        },
-    ],
-};
-//# sourceMappingURL=ResolverDialog.stories.js.map

package/react/components/fdc3Resolver/ResolverDialog.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResolverDialog.stories.js","sourceRoot":"","sources":["../../../src/components/fdc3Resolver/ResolverDialog.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { ResolverDialog, ResolverProps } from \"./ResolverDialog\";\nimport \"../../assets/css/finsemble.css\";\nimport \"../common/css/styles.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { action } from \"@storybook/addon-actions\";\n\nexport default {\n\ttitle: \"FDC3/ResolverDialog\",\n\tcomponent: ResolverDialog,\n};\n\nconst Template: Story<ResolverProps> = (args: ResolverProps) => <ResolverDialog {...args} />;\n\nexport const Short = Template.bind({});\nShort.args = {\n\tintentRaiser: \"FDC3Tester-37-8788-Finsemble\",\n\tonSend: action(\"sent\"),\n\tonCancel: action(\"cancel\"),\n\tresolutionList: [\n\t\t{\n\t\t\tlaunchableApps: [\n\t\t\t\t{\n\t\t\t\t\tmeta: {\n\t\t\t\t\t\tappId: \"Chart\",\n\t\t\t\t\t\tname: \"Chart\",\n\t\t\t\t\t\ttitle: \"Chart Title\",\n\t\t\t\t\t},\n\t\t\t\t\tappId: \"Chart\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmeta: {\n\t\t\t\t\t\tappId: \"Grid\",\n\t\t\t\t\t\tname: \"Grid\",\n\t\t\t\t\t},\n\t\t\t\t\tappId: \"Grid\",\n\t\t\t\t},\n\t\t\t],\n\t\t\topenApps: [\n\t\t\t\t{\n\t\t\t\t\twindowName: \"Chart-1-Finsemble\",\n\t\t\t\t\tmeta: {\n\t\t\t\t\t\tname: \"Chart\",\n\t\t\t\t\t\ttitle: \"Chart Title\",\n\t\t\t\t\t},\n\t\t\t\t\tappId: \"Chart\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\twindowName: \"Grid-1-Finsemble\",\n\t\t\t\t\tmeta: {\n\t\t\t\t\t\tname: \"Grid\",\n\t\t\t\t\t},\n\t\t\t\t\tappId: \"Grid\",\n\t\t\t\t},\n\t\t\t],\n\t\t\tintent: {\n\t\t\t\tname: \"ViewChart\",\n\t\t\t\tdisplayName: \"View Chart\",\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport const LongNames = Template.bind({});\nLongNames.args = {\n\tintentRaiser: \"FDC3Tester-37-8788-Finsemble\",\n\tonSend: action(\"sent\"),\n\tonCancel: action(\"cancel\"),\n\tresolutionList: [\n\t\t{\n\t\t\tlaunchableApps: [\n\t\t\t\t{\n\t\t\t\t\tmeta: {\n\t\t\t\t\t\tappId: \"abc\",\n\t\t\t\t\t\tname: \"jacuzzi\",\n\t\t\t\t\t},\n\t\t\t\t\tappId: \"abc\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmeta: {\n\t\t\t\t\t\tappId: \"def\",\n\t\t\t\t\t\tname: \"blizzard\",\n\t\t\t\t\t},\n\t\t\t\t\tappId: \"def\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmeta: {\n\t\t\t\t\t\tappId: \"ghi\",\n\t\t\t\t\t\tname: \"quizzical\",\n\t\t\t\t\t},\n\t\t\t\t\tappId: \"ghi\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmeta: {\n\t\t\t\t\t\tappId: \"jkl\",\n\t\t\t\t\t\tname: \"puzzlement\",\n\t\t\t\t\t},\n\t\t\t\t\tappId: \"jkl\",\n\t\t\t\t},\n\t\t\t],\n\t\t\topenApps: [],\n\t\t\tintent: {\n\t\t\t\tname: \"ViewChart\",\n\t\t\t\tdisplayName: \"View Chart\",\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport const MultiIntent = Template.bind({});\nMultiIntent.args = {\n\tintentRaiser: \"FDC3Tester-37-8788-Finsemble\",\n\tonSend: action(\"sent\"),\n\tonCancel: action(\"cancel\"),\n\tresolutionList: [\n\t\t{\n\t\t\tlaunchableApps: [\n\t\t\t\t{\n\t\t\t\t\tmeta: {\n\t\t\t\t\t\tappId: \"Grid\",\n\t\t\t\t\t\tname: \"Grid\",\n\t\t\t\t\t},\n\t\t\t\t\tappId: \"Grid\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmeta: {\n\t\t\t\t\t\tappId: \"Chart\",\n\t\t\t\t\t\tname: \"Chart\",\n\t\t\t\t\t},\n\t\t\t\t\tappId: \"Chart\",\n\t\t\t\t},\n\t\t\t],\n\t\t\topenApps: [\n\t\t\t\t{\n\t\t\t\t\twindowName: \"Grid-7-9140-Finsemble\",\n\t\t\t\t\tmeta: {\n\t\t\t\t\t\tname: \"Grid\",\n\t\t\t\t\t},\n\t\t\t\t\tappId: \"Grid\",\n\t\t\t\t},\n\t\t\t],\n\t\t\tintent: {\n\t\t\t\tname: \"ViewNews\",\n\t\t\t\tdisplayName: \"View news\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tlaunchableApps: [\n\t\t\t\t{\n\t\t\t\t\tmeta: {\n\t\t\t\t\t\tappId: \"Chart\",\n\t\t\t\t\t\tname: \"Chart\",\n\t\t\t\t\t},\n\t\t\t\t\tappId: \"Chart\",\n\t\t\t\t},\n\t\t\t],\n\t\t\topenApps: [],\n\t\t\tintent: {\n\t\t\t\tname: \"ViewChart\",\n\t\t\t\tdisplayName: \"View chart\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tlaunchableApps: [\n\t\t\t\t{\n\t\t\t\t\tmeta: {\n\t\t\t\t\t\tappId: \"Chart\",\n\t\t\t\t\t\tname: \"Chart\",\n\t\t\t\t\t},\n\t\t\t\t\tappId: \"Chart\",\n\t\t\t\t},\n\t\t\t],\n\t\t\topenApps: [],\n\t\t\tintent: {\n\t\t\t\tname: \"ViewChartStudy\",\n\t\t\t\tdisplayName: \"View chart study\",\n\t\t\t},\n\t\t},\n\t],\n};\n"]}

package/react/components/legacyControls/FinsembleMenuSection.d.ts

@@ -1,17 +0,0 @@
-/*!
- * Copyright 2017 by ChartIQ, Inc.
- * All rights reserved.
- */
-import * as React from "react";
-declare type FinsembleMenuSectionProps = {
-    scrollable?: boolean;
-    isArrangeable?: boolean;
-    onDragEnd: () => void;
-    className?: string;
-};
-/**
- * The finsembleMenuSection is essentially a little wrapper around a part of a finsemble menu.
- * It forces scrolling even when content exceeds the height of a section. It also applies some styling.
- */
-export declare const FinsembleMenuSection: React.FunctionComponent<FinsembleMenuSectionProps>;
-export {};

package/react/components/legacyControls/FinsembleMenuSection.js

@@ -1,123 +0,0 @@
-/*!
- * Copyright 2017 by ChartIQ, Inc.
- * All rights reserved.
- */
-import * as React from "react";
-import { FinsembleDraggable } from "./FinsembleDraggable";
-import { FinsembleDnDContext } from "./FinsembleDnDContext";
-const SECTION_BASE_CLASS = "menu-section";
-function uuidv4() {
-    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
-        var r = (Math.random() * 16) | 0, v = c === "x" ? r : (r & 0x3) | 0x8;
-        return v.toString(16);
-    });
-}
-/**
- * The finsembleMenuSection is essentially a little wrapper around a part of a finsemble menu.
- * It forces scrolling even when content exceeds the height of a section. It also applies some styling.
- */
-export const FinsembleMenuSection = (props) => {
-    var _a;
-    const [bounds, setBounds] = React.useState({ height: 0 });
-    const sectionHeight = "100%";
-    const wrapperRef = React.useRef(null);
-    /**
-     * Figures out how large the section can be.
-     */
-    const calculateSectionHeight = () => {
-        var _a;
-        let returnHeight = sectionHeight;
-        // If the section can scroll and there's content to measure, measure it. Otherwise
-        // the returnHeight will be 100%.
-        if (props.scrollable && ((_a = wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) === null || _a === void 0 ? void 0 : _a.children)) {
-            const windowFillHeight = window.portalHeight - wrapperRef.current.offsetTop;
-            // The maximum height is essentially the amount of real estate from the top of the element to the bottom of the window.
-            const calculatedHeight = Array.from(wrapperRef.current.children)
-                .filter((el) => el)
-                .map((el) => el.offsetHeight)
-                .reduce((accumulator, currentValue) => accumulator + currentValue, 0);
-            if (calculatedHeight > windowFillHeight) {
-                return windowFillHeight;
-            }
-            // If we ended up calculating how tall this section should be, we return it.
-            returnHeight = calculatedHeight;
-        }
-        return returnHeight;
-    };
-    /**
-     * Actually sets the style attribute with the calculated height from above.
-     */
-    const applySectionHeight = () => {
-        if (wrapperRef && wrapperRef.current) {
-            var height = calculateSectionHeight();
-            if (typeof height === "number")
-                height = `${height}px`;
-            // height will either be a number or '100%'.
-            wrapperRef.current.setAttribute("style", `height:${height}`);
-        }
-    };
-    /**
-     * Updates the internal state so that our calculations can use the bounds of the window later.
-     */
-    const onBoundsChanged = async () => {
-        const { data: updatedBounds } = await finsembleWindow.getBounds();
-        if (updatedBounds)
-            setBounds(updatedBounds);
-    };
-    /**
-     * Focuses the window when it's shown.
-     */
-    const onWindowShown = () => {
-        finsembleWindow.focus();
-    };
-    /**
-     * On mount (ish) add some listeners. When we unmount (ish), remove those listeners.
-     * Only do this once.
-     */
-    React.useEffect(() => {
-        window.addEventListener("resize", onBoundsChanged);
-        finsembleWindow.addEventListener("shown", onWindowShown);
-        return () => {
-            window.removeEventListener("resize", onBoundsChanged);
-            finsembleWindow.removeEventListener("shown", onWindowShown);
-        };
-    }, []);
-    /**
-     * When the window's bounds change, recalculate the section height.
-     */
-    React.useEffect(() => {
-        applySectionHeight();
-    }, [bounds]);
-    /**
-     * Sets the initial section height.
-     */
-    applySectionHeight();
-    /**
-     * If the section isn't arrangeable, just decorate with classes and render the children.
-     */
-    if (!props.isArrangeable) {
-        let classes = (_a = props.className) !== null && _a !== void 0 ? _a : SECTION_BASE_CLASS;
-        if (classes !== SECTION_BASE_CLASS) {
-            classes = `${classes} ${SECTION_BASE_CLASS}`;
-        }
-        if (props.scrollable) {
-            classes = `${classes} menu-section-scrollable`;
-        }
-        return (React.createElement("div", { ref: wrapperRef, className: classes }, props.children));
-    }
-    else {
-        /**
-         * If a menu section allows for reordering, we have to wrap it in all of the DnD components.
-         * The inner function is wrapping each child in a Draggable element.
-         */
-        return (React.createElement(FinsembleDnDContext, { onDragEnd: props.onDragEnd }, React.Children.map(props.children, (child, i) => {
-            var _a;
-            let isDragDisabled = false;
-            if (typeof ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.isDragDisabled) !== "undefined") {
-                ({ isDragDisabled } = child.props);
-            }
-            return (React.createElement(FinsembleDraggable, { isDragDisabled: isDragDisabled, draggableId: uuidv4(), index: i }, child));
-        })));
-    }
-};
-//# sourceMappingURL=FinsembleMenuSection.js.map

package/react/components/legacyControls/FinsembleMenuSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FinsembleMenuSection.js","sourceRoot":"","sources":["../../../src/components/legacyControls/FinsembleMenuSection.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport * as React from \"react\";\nimport { FinsembleDraggable } from \"./FinsembleDraggable\";\nimport { FinsembleDnDContext } from \"./FinsembleDnDContext\";\nconst SECTION_BASE_CLASS = \"menu-section\";\nfunction uuidv4() {\n\treturn \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, (c) => {\n\t\tvar r = (Math.random() * 16) | 0,\n\t\t\tv = c === \"x\" ? r : (r & 0x3) | 0x8;\n\t\treturn v.toString(16);\n\t});\n}\n\ntype FinsembleMenuSectionProps = {\n\tscrollable?: boolean;\n\tisArrangeable?: boolean;\n\tonDragEnd: () => void;\n\tclassName?: string;\n};\n\n/**\n * The finsembleMenuSection is essentially a little wrapper around a part of a finsemble menu.\n * It forces scrolling even when content exceeds the height of a section. It also applies some styling.\n */\nexport const FinsembleMenuSection: React.FunctionComponent<FinsembleMenuSectionProps> = (props) => {\n\tconst [bounds, setBounds] = React.useState({ height: 0 });\n\tconst sectionHeight: string | number = \"100%\";\n\tconst wrapperRef: React.Ref<HTMLDivElement> = React.useRef(null);\n\n\t/**\n\t * Figures out how large the section can be.\n\t */\n\tconst calculateSectionHeight = () => {\n\t\tlet returnHeight: string | number = sectionHeight;\n\t\t// If the section can scroll and there's content to measure, measure it. Otherwise\n\t\t// the returnHeight will be 100%.\n\t\tif (props.scrollable && wrapperRef?.current?.children) {\n\t\t\tconst windowFillHeight = (window as any).portalHeight - wrapperRef.current.offsetTop;\n\t\t\t// The maximum height is essentially the amount of real estate from the top of the element to the bottom of the window.\n\t\t\tconst calculatedHeight = (Array.from(wrapperRef.current.children) as HTMLElement[])\n\t\t\t\t.filter((el) => el)\n\t\t\t\t.map((el) => el.offsetHeight)\n\t\t\t\t.reduce((accumulator, currentValue) => accumulator + currentValue, 0);\n\n\t\t\tif (calculatedHeight > windowFillHeight) {\n\t\t\t\treturn windowFillHeight;\n\t\t\t}\n\t\t\t// If we ended up calculating how tall this section should be, we return it.\n\t\t\treturnHeight = calculatedHeight;\n\t\t}\n\t\treturn returnHeight;\n\t};\n\n\t/**\n\t * Actually sets the style attribute with the calculated height from above.\n\t */\n\tconst applySectionHeight = () => {\n\t\tif (wrapperRef && wrapperRef.current) {\n\t\t\tvar height = calculateSectionHeight();\n\t\t\tif (typeof height === \"number\") height = `${height}px`;\n\t\t\t// height will either be a number or '100%'.\n\t\t\twrapperRef.current.setAttribute(\"style\", `height:${height}`);\n\t\t}\n\t};\n\t/**\n\t * Updates the internal state so that our calculations can use the bounds of the window later.\n\t */\n\tconst onBoundsChanged = async () => {\n\t\tconst { data: updatedBounds } = await finsembleWindow.getBounds();\n\t\tif (updatedBounds) setBounds(updatedBounds);\n\t};\n\n\t/**\n\t * Focuses the window when it's shown.\n\t */\n\tconst onWindowShown = () => {\n\t\tfinsembleWindow.focus();\n\t};\n\n\t/**\n\t * On mount (ish) add some listeners. When we unmount (ish), remove those listeners.\n\t * Only do this once.\n\t */\n\tReact.useEffect(() => {\n\t\twindow.addEventListener(\"resize\", onBoundsChanged);\n\t\tfinsembleWindow.addEventListener(\"shown\", onWindowShown);\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"resize\", onBoundsChanged);\n\t\t\tfinsembleWindow.removeEventListener(\"shown\", onWindowShown);\n\t\t};\n\t}, []);\n\n\t/**\n\t * When the window's bounds change, recalculate the section height.\n\t */\n\tReact.useEffect(() => {\n\t\tapplySectionHeight();\n\t}, [bounds]);\n\n\t/**\n\t * Sets the initial section height.\n\t */\n\tapplySectionHeight();\n\n\t/**\n\t * If the section isn't arrangeable, just decorate with classes and render the children.\n\t */\n\tif (!props.isArrangeable) {\n\t\tlet classes = props.className ?? SECTION_BASE_CLASS;\n\t\tif (classes !== SECTION_BASE_CLASS) {\n\t\t\tclasses = `${classes} ${SECTION_BASE_CLASS}`;\n\t\t}\n\t\tif (props.scrollable) {\n\t\t\tclasses = `${classes} menu-section-scrollable`;\n\t\t}\n\t\treturn (\n\t\t\t<div ref={wrapperRef} className={classes}>\n\t\t\t\t{props.children}\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\t/**\n\t\t * If a menu section allows for reordering, we have to wrap it in all of the DnD components.\n\t\t * The inner function is wrapping each child in a Draggable element.\n\t\t */\n\t\treturn (\n\t\t\t<FinsembleDnDContext onDragEnd={props.onDragEnd}>\n\t\t\t\t{React.Children.map(props.children, (child: any, i) => {\n\t\t\t\t\tlet isDragDisabled = false;\n\t\t\t\t\tif (typeof child?.props?.isDragDisabled !== \"undefined\") {\n\t\t\t\t\t\t({ isDragDisabled } = child.props);\n\t\t\t\t\t}\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<FinsembleDraggable isDragDisabled={isDragDisabled} draggableId={uuidv4()} index={i}>\n\t\t\t\t\t\t\t{child}\n\t\t\t\t\t\t</FinsembleDraggable>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</FinsembleDnDContext>\n\t\t);\n\t}\n};\n"]}

package/react/components/legacyControls/stories/FinsembleDialog.stories.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { FinsembleDialogProps } from "../FinsembleDialog";
-import { Story } from "@storybook/react/types-6-0";
-import "../../../assets/css/dialogs.css";
-declare const _default: {
-    title: string;
-    component: React.FunctionComponent<FinsembleDialogProps>;
-};
-export default _default;
-export declare const Basic: Story<FinsembleDialogProps>;

package/react/components/legacyControls/stories/FinsembleDialog.stories.js

@@ -1,21 +0,0 @@
-import React from "react";
-import { FinsembleDialog } from "../FinsembleDialog";
-import { initFSBL } from "../../common/helpers";
-import { action } from "@storybook/addon-actions";
-import "../../../assets/css/dialogs.css";
-export default {
-    title: "FinsembleDialog/FinsembleDialog",
-    component: FinsembleDialog,
-};
-const Template = (args) => {
-    initFSBL(window);
-    return React.createElement(FinsembleDialog, Object.assign({}, args));
-};
-export const Basic = Template.bind({});
-Basic.args = {
-    isModal: false,
-    className: "Test",
-    onShowRequested: action("Show requested"),
-    children: "This is a test",
-};
-//# sourceMappingURL=FinsembleDialog.stories.js.map

package/react/components/legacyControls/stories/FinsembleDialog.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FinsembleDialog.stories.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/stories/FinsembleDialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAwB,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,iCAAiC,CAAC;AAEzC,eAAe;IACd,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,eAAe;CAC1B,CAAC;AAEF,MAAM,QAAQ,GAAgC,CAAC,IAA0B,EAAE,EAAE;IAC5E,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,OAAO,oBAAC,eAAe,oBAAK,IAAI,EAAI,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,MAAM;IACjB,eAAe,EAAE,MAAM,CAAC,gBAAgB,CAAC;IACzC,QAAQ,EAAE,gBAAgB;CAC1B,CAAC","sourcesContent":["import React from \"react\";\nimport { FinsembleDialog, FinsembleDialogProps } from \"../FinsembleDialog\";\nimport { initFSBL } from \"../../common/helpers\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { action } from \"@storybook/addon-actions\";\nimport \"../../../assets/css/dialogs.css\";\n\nexport default {\n\ttitle: \"FinsembleDialog/FinsembleDialog\",\n\tcomponent: FinsembleDialog,\n};\n\nconst Template: Story<FinsembleDialogProps> = (args: FinsembleDialogProps) => {\n\tinitFSBL(window);\n\n\treturn <FinsembleDialog {...args} />;\n};\n\nexport const Basic = Template.bind({});\nBasic.args = {\n\tisModal: false,\n\tclassName: \"Test\",\n\tonShowRequested: action(\"Show requested\"),\n\tchildren: \"This is a test\",\n};\n"]}

package/react/components/legacyControls/stories/FinsembleDialogButton.stories.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-import { FinsembleDialogButtonProps } from "../FinsembleDialogButton";
-import { Story } from "@storybook/react/types-6-0";
-import "../../../assets/css/dialogs.css";
-declare const _default: {
-    title: string;
-    component: React.FunctionComponent<FinsembleDialogButtonProps>;
-};
-export default _default;
-export declare type tmp = {
-    children: any;
-    onClick?: () => void;
-};
-export declare const Basic: Story<FinsembleDialogButtonProps & tmp>;
-export declare const NoChildren: Story<FinsembleDialogButtonProps & tmp>;
-export declare const NoShow: Story<FinsembleDialogButtonProps & tmp>;
-export declare const CustomClass: Story<FinsembleDialogButtonProps & tmp>;
-export declare const AltButtonSize: Story<FinsembleDialogButtonProps & tmp>;

package/react/components/legacyControls/stories/FinsembleDialogButton.stories.js

@@ -1,37 +0,0 @@
-import React from "react";
-import { FinsembleDialogButton } from "../FinsembleDialogButton";
-import { action } from "@storybook/addon-actions";
-import "../../../assets/css/dialogs.css";
-export default {
-    title: "FinsembleDialog/FinsemleDialogButton",
-    component: FinsembleDialogButton,
-};
-const Template = (args) => (React.createElement(FinsembleDialogButton, Object.assign({}, args)));
-export const Basic = Template.bind({});
-Basic.args = {
-    show: true,
-    children: "Test",
-    onClick: action("onClick"),
-};
-export const NoChildren = Template.bind({});
-NoChildren.args = {
-    show: true,
-};
-export const NoShow = Template.bind({});
-NoShow.args = {
-    show: false,
-    children: "Test",
-};
-export const CustomClass = Template.bind({});
-CustomClass.args = {
-    show: true,
-    className: "fsbl-button-affirmative",
-    children: "Test",
-};
-export const AltButtonSize = Template.bind({});
-AltButtonSize.args = {
-    show: true,
-    buttonSize: "lg",
-    children: "Test",
-};
-//# sourceMappingURL=FinsembleDialogButton.stories.js.map

package/react/components/legacyControls/stories/FinsembleDialogButton.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FinsembleDialogButton.stories.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/stories/FinsembleDialogButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAA8B,MAAM,0BAA0B,CAAC;AAE7F,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,iCAAiC,CAAC;AAEzC,eAAe;IACd,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,qBAAqB;CAChC,CAAC;AAOF,MAAM,QAAQ,GAA4C,CAAC,IAAsC,EAAE,EAAE,CAAC,CACrG,oBAAC,qBAAqB,oBAAK,IAAI,EAAI,CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,IAAI,EAAE,IAAI;IACV,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC;CAC1B,CAAC;AACF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,IAAI;CACV,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,KAAK;IACX,QAAQ,EAAE,MAAM;CAChB,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,yBAAyB;IACpC,QAAQ,EAAE,MAAM;CAChB,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,aAAa,CAAC,IAAI,GAAG;IACpB,IAAI,EAAE,IAAI;IACV,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,MAAM;CAChB,CAAC","sourcesContent":["import React from \"react\";\nimport { FinsembleDialogButton, FinsembleDialogButtonProps } from \"../FinsembleDialogButton\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { action } from \"@storybook/addon-actions\";\nimport \"../../../assets/css/dialogs.css\";\n\nexport default {\n\ttitle: \"FinsembleDialog/FinsemleDialogButton\",\n\tcomponent: FinsembleDialogButton,\n};\n\nexport type tmp = {\n\tchildren: any;\n\tonClick?: () => void;\n};\n\nconst Template: Story<FinsembleDialogButtonProps & tmp> = (args: FinsembleDialogButtonProps & tmp) => (\n\t<FinsembleDialogButton {...args} />\n);\n\nexport const Basic = Template.bind({});\nBasic.args = {\n\tshow: true,\n\tchildren: \"Test\",\n\tonClick: action(\"onClick\"),\n};\nexport const NoChildren = Template.bind({});\nNoChildren.args = {\n\tshow: true,\n};\nexport const NoShow = Template.bind({});\nNoShow.args = {\n\tshow: false,\n\tchildren: \"Test\",\n};\nexport const CustomClass = Template.bind({});\nCustomClass.args = {\n\tshow: true,\n\tclassName: \"fsbl-button-affirmative\",\n\tchildren: \"Test\",\n};\nexport const AltButtonSize = Template.bind({});\nAltButtonSize.args = {\n\tshow: true,\n\tbuttonSize: \"lg\",\n\tchildren: \"Test\",\n};\n"]}

package/react/components/legacyControls/stories/FinsembleDialogQuestion.stories.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { FinsembleDialogQuestionProps } from "../FinsembleDialogQuestion";
-import { Story } from "@storybook/react/types-6-0";
-import "../../../assets/css/dialogs.css";
-declare const _default: {
-    title: string;
-    component: React.FunctionComponent<FinsembleDialogQuestionProps>;
-};
-export default _default;
-export declare type tmp = {
-    children: any;
-    onClick?: () => void;
-};
-export declare const Basic: Story<FinsembleDialogQuestionProps & tmp>;