@finsemble/finsemble-ui 7.3.10 → 7.3.11

package/react/components/sdd/stories/Authentication.stories.js

@@ -0,0 +1,25 @@
+import { initFSBL } from "../../common/helpers";
+import { Authentication } from "../Authentication";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { FinsembleProvider } from "../../FinsembleProvider";
+import React from "react";
+import { default_authentication_props } from "../fixtures/authenticationProps";
+export default {
+    title: "Views/Authentication",
+    component: Authentication,
+};
+const Template = (args) => {
+    initFSBL(window);
+    return (React.createElement(FinsembleProvider, null,
+        React.createElement(Authentication, Object.assign({}, args))));
+};
+export const Page = Template.bind({});
+Page.args = Object.assign({}, default_authentication_props);
+export const OneSelected = Template.bind({});
+OneSelected.args = Object.assign({}, default_authentication_props);
+export const AuthError = Template.bind({});
+AuthError.args = Object.assign(Object.assign({}, default_authentication_props), { testAuthenticationProvider: () => new Promise((resolve, reject) => {
+        reject("Invalid auth config");
+    }) });
+//# sourceMappingURL=Authentication.stories.js.map

package/react/components/sdd/stories/Authentication.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Authentication.stories.js","sourceRoot":"","sources":["../../../../src/components/sdd/stories/Authentication.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAuB,MAAM,mBAAmB,CAAC;AACxE,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAE/E,eAAe;IACd,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,cAAc;CACzB,CAAC;AAEF,MAAM,QAAQ,GAA+B,CAAC,IAAyB,EAAE,EAAE;IAC1E,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,OAAO,CACN,oBAAC,iBAAiB;QACjB,oBAAC,cAAc,oBAAK,IAAI,EAAI,CACT,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtC,IAAI,CAAC,IAAI,qBAAQ,4BAA4B,CAAE,CAAC;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,qBACZ,4BAA4B,CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,mCACV,4BAA4B,KAC/B,0BAA0B,EAAE,GAAG,EAAE,CAChC,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QAC/B,MAAM,CAAC,qBAAqB,CAAC,CAAC;IAC/B,CAAC,CAAC,GACH,CAAC","sourcesContent":["import { initFSBL } from \"../../common/helpers\";\nimport { Authentication, AuthenticationProps } from \"../Authentication\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../../common/css/styles.css\";\nimport { FinsembleProvider } from \"../../FinsembleProvider\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport React from \"react\";\nimport { default_authentication_props } from \"../fixtures/authenticationProps\";\n\nexport default {\n\ttitle: \"Views/Authentication\",\n\tcomponent: Authentication,\n};\n\nconst Template: Story<AuthenticationProps> = (args: AuthenticationProps) => {\n\tinitFSBL(window);\n\n\treturn (\n\t\t<FinsembleProvider>\n\t\t\t<Authentication {...args} />\n\t\t</FinsembleProvider>\n\t);\n};\n\nexport const Page = Template.bind({});\nPage.args = { ...default_authentication_props };\n\nexport const OneSelected = Template.bind({});\nOneSelected.args = {\n\t...default_authentication_props,\n};\n\nexport const AuthError = Template.bind({});\nAuthError.args = {\n\t...default_authentication_props,\n\ttestAuthenticationProvider: () =>\n\t\tnew Promise((resolve, reject) => {\n\t\t\treject(\"Invalid auth config\");\n\t\t}),\n};\n"]}

package/react/components/sdd/stories/ContentHeader.stories.d.ts

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

package/react/components/sdd/stories/ContentHeader.stories.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { ContentHeader } from "../ContentHeader";
+import "../../../assets/css/finsemble.css";
+export default {
+    title: "Smart Desktop Designer/Content Header",
+    component: ContentHeader,
+};
+const Template = (args) => React.createElement(ContentHeader, Object.assign({}, args));
+export const BasicStory = Template.bind({});
+BasicStory.args = {
+    name: "Project Title",
+};
+//# sourceMappingURL=ContentHeader.stories.js.map

package/react/components/sdd/stories/ContentHeader.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentHeader.stories.js","sourceRoot":"","sources":["../../../../src/components/sdd/stories/ContentHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAe,MAAM,kBAAkB,CAAC;AAE9D,OAAO,mCAAmC,CAAC;AAE3C,eAAe;IACd,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,aAAa;CACxB,CAAC;AAEF,MAAM,QAAQ,GAAuB,CAAC,IAAiB,EAAE,EAAE,CAAC,oBAAC,aAAa,oBAAK,IAAI,EAAI,CAAC;AAExF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,eAAe;CACrB,CAAC","sourcesContent":["import React from \"react\";\nimport { ContentHeader, HeaderProps } from \"../ContentHeader\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport \"../../../assets/css/finsemble.css\";\n\nexport default {\n\ttitle: \"Smart Desktop Designer/Content Header\",\n\tcomponent: ContentHeader,\n};\n\nconst Template: Story<HeaderProps> = (args: HeaderProps) => <ContentHeader {...args} />;\n\nexport const BasicStory = Template.bind({});\nBasicStory.args = {\n\tname: \"Project Title\",\n};\n"]}

package/react/components/sdd/stories/Export.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ExportProps } from "../Export";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: (props: ExportProps) => JSX.Element;
+};
+export default _default;
+export declare const DefaultExport: Story<ExportProps>;

package/react/components/sdd/stories/Export.stories.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { Export } from "../Export";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { initFSBL } from "../../common/helpers";
+import { FinsembleProvider } from "../../FinsembleProvider";
+import { DEFAULT_PROPS } from "../fixtures/exportProps";
+export default {
+    title: "Views/Export",
+    component: Export,
+};
+const Template = (args) => {
+    initFSBL(window);
+    return (React.createElement(FinsembleProvider, null,
+        React.createElement(Export, Object.assign({}, args))));
+};
+export const DefaultExport = Template.bind({});
+DefaultExport.args = Object.assign({}, DEFAULT_PROPS);
+//# sourceMappingURL=Export.stories.js.map

package/react/components/sdd/stories/Export.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Export.stories.js","sourceRoot":"","sources":["../../../../src/components/sdd/stories/Export.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAChD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,eAAe;IACd,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,MAAM;CACjB,CAAC;AAEF,MAAM,QAAQ,GAAuB,CAAC,IAAiB,EAAE,EAAE;IAC1D,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,OAAO,CACN,oBAAC,iBAAiB;QACjB,oBAAC,MAAM,oBAAK,IAAI,EAAI,CACD,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,aAAa,CAAC,IAAI,qBAAQ,aAAa,CAAE,CAAC","sourcesContent":["import React from \"react\";\nimport { Export, ExportProps } from \"../Export\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../../common/css/styles.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { initFSBL } from \"../../common/helpers\";\nimport { FinsembleProvider } from \"../../FinsembleProvider\";\nimport { DEFAULT_PROPS } from \"../fixtures/exportProps\";\n\nexport default {\n\ttitle: \"Views/Export\",\n\tcomponent: Export,\n};\n\nconst Template: Story<ExportProps> = (args: ExportProps) => {\n\tinitFSBL(window);\n\n\treturn (\n\t\t<FinsembleProvider>\n\t\t\t<Export {...args} />\n\t\t</FinsembleProvider>\n\t);\n};\n\nexport const DefaultExport = Template.bind({});\nDefaultExport.args = { ...DEFAULT_PROPS };\n"]}

package/react/components/sdd/stories/ExportCloud.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ExportProps } from "../Export";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: (props: import("../ExportCloud").ExportCloudProps) => JSX.Element;
+};
+export default _default;
+export declare const DefaultExportCloud: Story<ExportProps>;

package/react/components/sdd/stories/ExportCloud.stories.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { ExportCloud } from "../ExportCloud";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { initFSBL } from "../../common/helpers";
+import { FinsembleProvider } from "../../FinsembleProvider";
+import { DEFAULT_PROPS } from "../fixtures/exportProps";
+export default {
+    title: "Smart Desktop Designer/ExportCloud",
+    component: ExportCloud,
+};
+const Template = (args) => {
+    initFSBL(window);
+    return (React.createElement(FinsembleProvider, null,
+        React.createElement(ExportCloud, Object.assign({}, args, { valid: true }))));
+};
+export const DefaultExportCloud = Template.bind({});
+DefaultExportCloud.args = Object.assign({}, DEFAULT_PROPS);
+//# sourceMappingURL=ExportCloud.stories.js.map

package/react/components/sdd/stories/ExportCloud.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportCloud.stories.js","sourceRoot":"","sources":["../../../../src/components/sdd/stories/ExportCloud.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,eAAe;IACd,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,WAAW;CACtB,CAAC;AAEF,MAAM,QAAQ,GAAuB,CAAC,IAAiB,EAAE,EAAE;IAC1D,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,OAAO,CACN,oBAAC,iBAAiB;QACjB,oBAAC,WAAW,oBAAK,IAAI,IAAE,KAAK,EAAE,IAAI,IAAI,CACnB,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,kBAAkB,CAAC,IAAI,qBAAQ,aAAa,CAAE,CAAC","sourcesContent":["import React from \"react\";\nimport { ExportProps } from \"../Export\";\nimport { ExportCloud } from \"../ExportCloud\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../../common/css/styles.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { initFSBL } from \"../../common/helpers\";\nimport { FinsembleProvider } from \"../../FinsembleProvider\";\nimport { DEFAULT_PROPS } from \"../fixtures/exportProps\";\n\nexport default {\n\ttitle: \"Smart Desktop Designer/ExportCloud\",\n\tcomponent: ExportCloud,\n};\n\nconst Template: Story<ExportProps> = (args: ExportProps) => {\n\tinitFSBL(window);\n\n\treturn (\n\t\t<FinsembleProvider>\n\t\t\t<ExportCloud {...args} valid={true} />\n\t\t</FinsembleProvider>\n\t);\n};\n\nexport const DefaultExportCloud = Template.bind({});\nDefaultExportCloud.args = { ...DEFAULT_PROPS };\n"]}

package/react/components/sdd/stories/ExportZip.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ExportProps } from "../Export";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: (props: import("../ExportZip").ExportZipProps) => JSX.Element;
+};
+export default _default;
+export declare const DefaultExportZip: Story<ExportProps>;
+export declare const ErrorExportZip: Story<ExportProps>;

package/react/components/sdd/stories/ExportZip.stories.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { ExportZip } from "../ExportZip";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { initFSBL } from "../../common/helpers";
+import { FinsembleProvider } from "../../FinsembleProvider";
+import { DEFAULT_PROPS } from "../fixtures/exportProps";
+import { store } from "../../../store";
+import { SmartDesktopDesignerActions } from "../../../actions/smartDesktopDesignerActions";
+export default {
+    title: "Smart Desktop Designer/ExportZip",
+    component: ExportZip,
+};
+const Template = (args) => {
+    initFSBL(window);
+    store.dispatch(SmartDesktopDesignerActions.set_project_info(Object.assign(Object.assign({}, store.getState().smartDesktopDesigner.projectInfo), { name: "test" })));
+    return (React.createElement(FinsembleProvider, { store: store },
+        React.createElement(ExportZip, Object.assign({}, args, { valid: true }))));
+};
+export const DefaultExportZip = Template.bind({});
+DefaultExportZip.args = Object.assign({}, DEFAULT_PROPS);
+export const ErrorExportZip = Template.bind({});
+ErrorExportZip.args = Object.assign(Object.assign({}, DEFAULT_PROPS), { copyProjectFiles: () => new Promise((resolve, reject) => {
+        reject("error copying files");
+    }) });
+//# sourceMappingURL=ExportZip.stories.js.map

package/react/components/sdd/stories/ExportZip.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportZip.stories.js","sourceRoot":"","sources":["../../../../src/components/sdd/stories/ExportZip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,2BAA2B,EAAE,MAAM,8CAA8C,CAAC;AAG3F,eAAe;IACd,KAAK,EAAE,kCAAkC;IACzC,SAAS,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,QAAQ,GAAuB,CAAC,IAAiB,EAAE,EAAE;IAC1D,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,KAAK,CAAC,QAAQ,CACb,2BAA2B,CAAC,gBAAgB,iCACvC,KAAK,CAAC,QAAQ,EAAE,CAAC,oBAAkD,CAAC,WAAW,KACnF,IAAI,EAAE,MAAM,IACX,CACF,CAAC;IAEF,OAAO,CACN,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK;QAC9B,oBAAC,SAAS,oBAAK,IAAI,IAAE,KAAK,EAAE,IAAI,IAAI,CACjB,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClD,gBAAgB,CAAC,IAAI,qBAAQ,aAAa,CAAE,CAAC;AAE7C,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,mCACf,aAAa,KAChB,gBAAgB,EAAE,GAAG,EAAE,CACtB,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QAC/B,MAAM,CAAC,qBAAqB,CAAC,CAAC;IAC/B,CAAC,CAAC,GACH,CAAC","sourcesContent":["import React from \"react\";\nimport { ExportProps } from \"../Export\";\nimport { ExportZip } from \"../ExportZip\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../../common/css/styles.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { initFSBL } from \"../../common/helpers\";\nimport { FinsembleProvider } from \"../../FinsembleProvider\";\nimport { DEFAULT_PROPS } from \"../fixtures/exportProps\";\nimport { store } from \"../../../store\";\nimport { SmartDesktopDesignerActions } from \"../../../actions/smartDesktopDesignerActions\";\nimport { SmartDesktopDesignerState } from \"../../../types/smartDesktopDesignerTypes\";\n\nexport default {\n\ttitle: \"Smart Desktop Designer/ExportZip\",\n\tcomponent: ExportZip,\n};\n\nconst Template: Story<ExportProps> = (args: ExportProps) => {\n\tinitFSBL(window);\n\n\tstore.dispatch(\n\t\tSmartDesktopDesignerActions.set_project_info({\n\t\t\t...(store.getState().smartDesktopDesigner as SmartDesktopDesignerState).projectInfo,\n\t\t\tname: \"test\",\n\t\t})\n\t);\n\n\treturn (\n\t\t<FinsembleProvider store={store}>\n\t\t\t<ExportZip {...args} valid={true} />\n\t\t</FinsembleProvider>\n\t);\n};\n\nexport const DefaultExportZip = Template.bind({});\nDefaultExportZip.args = { ...DEFAULT_PROPS };\n\nexport const ErrorExportZip = Template.bind({});\nErrorExportZip.args = {\n\t...DEFAULT_PROPS,\n\tcopyProjectFiles: () =>\n\t\tnew Promise((resolve, reject) => {\n\t\t\treject(\"error copying files\");\n\t\t}),\n};\n"]}

package/react/components/sdd/stories/ItemList.stories.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ItemListProps } from "../ItemList";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: ({ items, clickItem, deleteItem, editItem, getItemId, getItemDisplayName, emptyListMessage, className, }: ItemListProps) => JSX.Element;
+};
+export default _default;
+export declare const EmptyAppList: Story<ItemListProps>;
+export declare const OneAppInList: Story<ItemListProps>;
+export declare const AppWithoutDisplayName: Story<ItemListProps>;
+export declare const SampleAppList: Story<ItemListProps>;
+export declare const AppListWithEdit: Story<ItemListProps>;
+export declare const appsWithWarnings: Story<ItemListProps>;

package/react/components/sdd/stories/ItemList.stories.js

@@ -0,0 +1,94 @@
+import React from "react";
+import { ItemList } from "../ItemList";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { action } from "@storybook/addon-actions";
+export default {
+    title: "Smart Desktop Designer/ItemList",
+    component: ItemList,
+};
+const Template = (args) => React.createElement(ItemList, Object.assign({}, args));
+const sampleApps = [
+    {
+        appId: "1",
+        name: "1",
+        components: {
+            displayName: "Hello World",
+        },
+    },
+    {
+        appId: "Example",
+        name: "Example",
+        components: {
+            displayName: "Example",
+        },
+    },
+    {
+        appId: "NoDisplayName",
+        name: "NoDisplayName",
+    },
+];
+const warningApps = [
+    {
+        appId: "1",
+        name: "1",
+        components: {
+            displayName: "Hello World",
+        },
+    },
+    {
+        appId: "NoDisplayName",
+        name: "NoDisplayName",
+    },
+    {
+        appId: "Test",
+        name: "Test",
+        icons: "warning",
+    },
+];
+const clickItem = action("Clicked app");
+const deleteItem = (appID) => {
+    var _a;
+    const element = document.getElementById(`app-list-row-${appID}`);
+    (_a = element === null || element === void 0 ? void 0 : element.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(element);
+};
+export const EmptyAppList = Template.bind({});
+EmptyAppList.args = {
+    items: [],
+    clickItem,
+    deleteItem,
+};
+export const OneAppInList = Template.bind({});
+OneAppInList.args = {
+    items: sampleApps.slice(0, 1),
+    clickItem,
+    deleteItem,
+};
+export const AppWithoutDisplayName = Template.bind({});
+AppWithoutDisplayName.args = {
+    items: sampleApps.slice(2, 3),
+    clickItem,
+    deleteItem,
+};
+const deepClone = (json) => JSON.parse(JSON.stringify(json));
+const longList = deepClone(sampleApps);
+export const SampleAppList = Template.bind({});
+SampleAppList.args = {
+    items: longList,
+    clickItem,
+    deleteItem,
+};
+export const AppListWithEdit = Template.bind({});
+AppListWithEdit.args = {
+    items: longList,
+    clickItem,
+    deleteItem,
+    editItem: action("edit"),
+};
+export const appsWithWarnings = Template.bind({});
+appsWithWarnings.args = {
+    items: warningApps,
+    clickItem,
+    deleteItem,
+};
+//# sourceMappingURL=ItemList.stories.js.map

package/react/components/sdd/stories/ItemList.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemList.stories.js","sourceRoot":"","sources":["../../../../src/components/sdd/stories/ItemList.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { ItemList, ItemListProps } from \"../ItemList\";\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: \"Smart Desktop Designer/ItemList\",\n\tcomponent: ItemList,\n};\n\nconst Template: Story<ItemListProps> = (args: ItemListProps) => <ItemList {...args} />;\nconst sampleApps = [\n\t{\n\t\tappId: \"1\",\n\t\tname: \"1\",\n\t\tcomponents: {\n\t\t\tdisplayName: \"Hello World\",\n\t\t},\n\t},\n\t{\n\t\tappId: \"Example\",\n\t\tname: \"Example\",\n\t\tcomponents: {\n\t\t\tdisplayName: \"Example\",\n\t\t},\n\t},\n\t{\n\t\tappId: \"NoDisplayName\",\n\t\tname: \"NoDisplayName\",\n\t},\n];\nconst warningApps = [\n\t{\n\t\tappId: \"1\",\n\t\tname: \"1\",\n\t\tcomponents: {\n\t\t\tdisplayName: \"Hello World\",\n\t\t},\n\t},\n\t{\n\t\tappId: \"NoDisplayName\",\n\t\tname: \"NoDisplayName\",\n\t},\n\t{\n\t\tappId: \"Test\",\n\t\tname: \"Test\",\n\t\ticons: \"warning\",\n\t},\n] as ItemListProps[\"items\"];\nconst clickItem = action(\"Clicked app\");\n\nconst deleteItem = (appID: string) => {\n\tconst element = document.getElementById(`app-list-row-${appID}`);\n\telement?.parentNode?.removeChild(element);\n};\n\nexport const EmptyAppList = Template.bind({});\nEmptyAppList.args = {\n\titems: [],\n\tclickItem,\n\tdeleteItem,\n};\n\nexport const OneAppInList = Template.bind({});\nOneAppInList.args = {\n\titems: sampleApps.slice(0, 1),\n\tclickItem,\n\tdeleteItem,\n};\n\nexport const AppWithoutDisplayName = Template.bind({});\nAppWithoutDisplayName.args = {\n\titems: sampleApps.slice(2, 3),\n\tclickItem,\n\tdeleteItem,\n};\n\nconst deepClone = (json: object | object[]) => JSON.parse(JSON.stringify(json));\nconst longList = deepClone(sampleApps);\n\nexport const SampleAppList = Template.bind({});\nSampleAppList.args = {\n\titems: longList,\n\tclickItem,\n\tdeleteItem,\n};\n\nexport const AppListWithEdit = Template.bind({});\nAppListWithEdit.args = {\n\titems: longList,\n\tclickItem,\n\tdeleteItem,\n\teditItem: action(\"edit\"),\n};\n\nexport const appsWithWarnings = Template.bind({});\nappsWithWarnings.args = {\n\titems: warningApps,\n\tclickItem,\n\tdeleteItem,\n};\n"]}

package/react/components/sdd/stories/Navigation.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { NavigationProps } from "../Navigation";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: (props: NavigationProps) => JSX.Element;
+};
+export default _default;
+export declare const DefaultNavigation: Story<NavigationProps>;

package/react/components/sdd/stories/Navigation.stories.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { Provider } from "react-redux";
+import { Navigation } from "../Navigation";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import views from "../fixtures/views";
+import { store } from "../../../store";
+import { initFSBL } from "../../common/helpers";
+export default {
+    title: "Smart Desktop Designer/NavigationComponent",
+    component: Navigation,
+};
+const Template = (args) => {
+    initFSBL(window);
+    return (React.createElement(Provider, { store: store },
+        React.createElement(Navigation, Object.assign({}, args))));
+};
+export const DefaultNavigation = Template.bind({});
+DefaultNavigation.args = {
+    views,
+};
+//# sourceMappingURL=Navigation.stories.js.map

package/react/components/sdd/stories/Navigation.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.stories.js","sourceRoot":"","sources":["../../../../src/components/sdd/stories/Navigation.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC;AAC5D,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AAGrC,OAAO,KAAK,MAAM,mBAAmB,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,eAAe;IACd,KAAK,EAAE,4CAA4C;IACnD,SAAS,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,QAAQ,GAA2B,CAAC,IAAqB,EAAE,EAAE;IAClE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,OAAO,CACN,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QACrB,oBAAC,UAAU,oBAAK,IAAI,EAAI,CACd,CACX,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,iBAAiB,CAAC,IAAI,GAAG;IACxB,KAAK;CACL,CAAC","sourcesContent":["import React from \"react\";\nimport { Provider } from \"react-redux\";\nimport { Navigation, NavigationProps } from \"../Navigation\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../../common/css/styles.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\n\nimport views from \"../fixtures/views\";\nimport { store } from \"../../../store\";\nimport { initFSBL } from \"../../common/helpers\";\n\nexport default {\n\ttitle: \"Smart Desktop Designer/NavigationComponent\",\n\tcomponent: Navigation,\n};\n\nconst Template: Story<NavigationProps> = (args: NavigationProps) => {\n\tinitFSBL(window);\n\n\treturn (\n\t\t<Provider store={store}>\n\t\t\t<Navigation {...args} />\n\t\t</Provider>\n\t);\n};\n\nexport const DefaultNavigation = Template.bind({});\nDefaultNavigation.args = {\n\tviews,\n};\n"]}

package/react/components/sdd/stories/OptionalSettingsView.stories.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { OptionalSettingsViewProps } from "../OptionalSettingsView";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<OptionalSettingsViewProps>;
+};
+export default _default;
+export declare const Default: Story<OptionalSettingsViewProps>;
+export declare const Empty: Story<OptionalSettingsViewProps>;

package/react/components/sdd/stories/OptionalSettingsView.stories.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { OptionalSettingsView } from "../OptionalSettingsView";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { FinsembleProvider } from "../../FinsembleProvider";
+import { initFSBL } from "../../common/helpers";
+import { createStore } from "../../../store";
+import { getApplicationsArgs } from "../fixtures/apps";
+import { getPreloadsArgs, getEmptyPreloadsArgs } from "../fixtures/preloads";
+export default {
+    title: "Views/OptionalSettingsView",
+    component: OptionalSettingsView,
+};
+const Template = (args) => {
+    initFSBL(window);
+    return (React.createElement(FinsembleProvider, { store: createStore() },
+        React.createElement(OptionalSettingsView, Object.assign({}, args))));
+};
+export const Default = Template.bind({});
+Default.args = getPreloadsArgs();
+const args = getApplicationsArgs("default");
+Default.args.getApps = args.getApps;
+export const Empty = Template.bind({});
+Empty.args = getEmptyPreloadsArgs();
+const args2 = getApplicationsArgs("empty");
+Empty.args.getApps = args2.getApps;
+//# sourceMappingURL=OptionalSettingsView.stories.js.map

package/react/components/sdd/stories/OptionalSettingsView.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionalSettingsView.stories.js","sourceRoot":"","sources":["../../../../src/components/sdd/stories/OptionalSettingsView.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAA6B,MAAM,yBAAyB,CAAC;AAC1F,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AAGrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE7E,eAAe;IACd,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,oBAAoB;CAC/B,CAAC;AAEF,MAAM,QAAQ,GAAqC,CAAC,IAA+B,EAAE,EAAE;IACtF,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,OAAO,CACN,oBAAC,iBAAiB,IAAC,KAAK,EAAE,WAAW,EAAE;QACtC,oBAAC,oBAAoB,oBAAK,IAAI,EAAI,CACf,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG,eAAe,EAAE,CAAC;AAEjC,MAAM,IAAI,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;AAC5C,OAAO,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;AAEpC,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG,oBAAoB,EAAE,CAAC;AAEpC,MAAM,KAAK,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;AAC3C,KAAK,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC","sourcesContent":["import React from \"react\";\nimport { OptionalSettingsView, OptionalSettingsViewProps } from \"../OptionalSettingsView\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../../common/css/styles.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\n\nimport { FinsembleProvider } from \"../../FinsembleProvider\";\nimport { initFSBL } from \"../../common/helpers\";\nimport { createStore } from \"../../../store\";\nimport { getApplicationsArgs } from \"../fixtures/apps\";\nimport { getPreloadsArgs, getEmptyPreloadsArgs } from \"../fixtures/preloads\";\n\nexport default {\n\ttitle: \"Views/OptionalSettingsView\",\n\tcomponent: OptionalSettingsView,\n};\n\nconst Template: Story<OptionalSettingsViewProps> = (args: OptionalSettingsViewProps) => {\n\tinitFSBL(window);\n\n\treturn (\n\t\t<FinsembleProvider store={createStore()}>\n\t\t\t<OptionalSettingsView {...args} />\n\t\t</FinsembleProvider>\n\t);\n};\n\nexport const Default = Template.bind({});\nDefault.args = getPreloadsArgs();\n\nconst args = getApplicationsArgs(\"default\");\nDefault.args.getApps = args.getApps;\n\nexport const Empty = Template.bind({});\nEmpty.args = getEmptyPreloadsArgs();\n\nconst args2 = getApplicationsArgs(\"empty\");\nEmpty.args.getApps = args2.getApps;\n"]}

package/react/components/sdd/stories/ProjectErrors.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ProjectErrorsProps } from "../ProjectErrors";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: (props: ProjectErrorsProps) => JSX.Element;
+};
+export default _default;
+export declare const Default: Story<ProjectErrorsProps>;

package/react/components/sdd/stories/ProjectErrors.stories.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { ProjectErrors } from "../ProjectErrors";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { initFSBL } from "../../common/helpers";
+import { FinsembleProvider, createStore } from "../../FinsembleProvider";
+import PROJECT_ERRORS_PROPS from "../fixtures/projectErrorsProps";
+export default {
+    title: "Smart Desktop Designer/ProjectErrors",
+    component: ProjectErrors,
+};
+const Template = (args) => {
+    initFSBL(window);
+    return (React.createElement(FinsembleProvider, { store: createStore() },
+        React.createElement(ProjectErrors, Object.assign({}, args))));
+};
+export const Default = Template.bind({});
+Default.args = Object.assign({}, PROJECT_ERRORS_PROPS);
+//# sourceMappingURL=ProjectErrors.stories.js.map

package/react/components/sdd/stories/ProjectErrors.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectErrors.stories.js","sourceRoot":"","sources":["../../../../src/components/sdd/stories/ProjectErrors.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAsB,MAAM,kBAAkB,CAAC;AACrE,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,oBAAoB,MAAM,gCAAgC,CAAC;AAElE,eAAe;IACd,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,aAAa;CACxB,CAAC;AAEF,MAAM,QAAQ,GAA8B,CAAC,IAAwB,EAAE,EAAE;IACxE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,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,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,qBACR,oBAAoB,CACvB,CAAC","sourcesContent":["import React from \"react\";\nimport { ProjectErrors, ProjectErrorsProps } from \"../ProjectErrors\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../../common/css/styles.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { initFSBL } from \"../../common/helpers\";\nimport { FinsembleProvider, createStore } from \"../../FinsembleProvider\";\nimport PROJECT_ERRORS_PROPS from \"../fixtures/projectErrorsProps\";\n\nexport default {\n\ttitle: \"Smart Desktop Designer/ProjectErrors\",\n\tcomponent: ProjectErrors,\n};\n\nconst Template: Story<ProjectErrorsProps> = (args: ProjectErrorsProps) => {\n\tinitFSBL(window);\n\n\treturn (\n\t\t<FinsembleProvider store={createStore()}>\n\t\t\t<ProjectErrors {...args} />\n\t\t</FinsembleProvider>\n\t);\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n\t...PROJECT_ERRORS_PROPS,\n};\n"]}

package/react/components/sdd/stories/Publish.stories.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ExportProps } from "../Export";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: (props: ExportProps) => JSX.Element;
+};
+export default _default;
+export declare const DefaultPublish: Story<ExportProps>;
+export declare const Error1Publish: Story<ExportProps>;
+export declare const Error2Publish: Story<ExportProps>;
+export declare const Error3Publish: Story<ExportProps>;
+export declare const Error4Publish: Story<ExportProps>;
+export declare const SuccessPublish: Story<ExportProps>;

package/react/components/sdd/stories/Publish.stories.js

@@ -0,0 +1,53 @@
+import React from "react";
+import { Publish } from "../Publish";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { initFSBL } from "../../common/helpers";
+import { FinsembleProvider } from "../../FinsembleProvider";
+import publishTests from "../fixtures/publishProgress";
+import { useDispatch } from "../../../store";
+import { SmartDesktopDesignerActions } from "../../../actions/smartDesktopDesignerActions";
+import { DEFAULT_PROPS } from "../fixtures/exportProps";
+export default {
+    title: "Smart Desktop Designer/Publish",
+    component: Publish,
+};
+const Dispatcher = (props) => {
+    const dispatch = useDispatch();
+    if (props.publishToCosaicCloud) {
+        props
+            .publishToCosaicCloud()
+            .then((currentDeployInfo) => dispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo)))
+            .catch((error) => dispatch(SmartDesktopDesignerActions.set_publish_error(error)));
+    }
+    return React.createElement(React.Fragment, null);
+};
+const Template = (args) => {
+    initFSBL(window);
+    return (React.createElement(FinsembleProvider, null,
+        React.createElement(Publish, Object.assign({}, args)),
+        React.createElement(Dispatcher, Object.assign({}, args))));
+};
+export const DefaultPublish = Template.bind({});
+DefaultPublish.args = Object.assign({}, DEFAULT_PROPS);
+export const Error1Publish = Template.bind({});
+Error1Publish.args = Object.assign(Object.assign({}, DEFAULT_PROPS), { getPublishProgress: () => new Promise((resolve) => {
+        resolve(publishTests.find((test) => test.name === "step-1-fail").states[0]);
+    }) });
+export const Error2Publish = Template.bind({});
+Error2Publish.args = Object.assign(Object.assign({}, DEFAULT_PROPS), { getPublishProgress: () => new Promise((resolve) => {
+        resolve(publishTests.find((test) => test.name === "step-2-fail").states[0]);
+    }) });
+export const Error3Publish = Template.bind({});
+Error3Publish.args = Object.assign(Object.assign({}, DEFAULT_PROPS), { getPublishProgress: () => new Promise((resolve) => {
+        resolve(publishTests.find((test) => test.name === "step-3-fail").states[0]);
+    }) });
+export const Error4Publish = Template.bind({});
+Error4Publish.args = Object.assign(Object.assign({}, DEFAULT_PROPS), { getPublishProgress: () => new Promise((resolve) => {
+        resolve(publishTests.find((test) => test.name === "step-4-fail").states[0]);
+    }) });
+export const SuccessPublish = Template.bind({});
+SuccessPublish.args = Object.assign(Object.assign({}, DEFAULT_PROPS), { getPublishProgress: () => new Promise((resolve) => {
+        resolve(publishTests.find((test) => test.name === "success").states[0]);
+    }) });
+//# sourceMappingURL=Publish.stories.js.map

package/react/components/sdd/stories/Publish.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Publish.stories.js","sourceRoot":"","sources":["../../../../src/components/sdd/stories/Publish.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { ExportProps } from \"../Export\";\nimport { Publish } from \"../Publish\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../../common/css/styles.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { initFSBL } from \"../../common/helpers\";\nimport { FinsembleProvider } from \"../../FinsembleProvider\";\nimport publishTests from \"../fixtures/publishProgress\";\nimport { useDispatch } from \"../../../store\";\nimport { SmartDesktopDesignerActions } from \"../../../actions/smartDesktopDesignerActions\";\nimport { DEFAULT_PROPS } from \"../fixtures/exportProps\";\n\nexport default {\n\ttitle: \"Smart Desktop Designer/Publish\",\n\tcomponent: Publish,\n};\n\nconst Dispatcher = (props: ExportProps) => {\n\tconst dispatch = useDispatch();\n\n\tif (props.publishToCosaicCloud) {\n\t\tprops\n\t\t\t.publishToCosaicCloud()\n\t\t\t.then((currentDeployInfo) => dispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo)))\n\t\t\t.catch((error) => dispatch(SmartDesktopDesignerActions.set_publish_error(error)));\n\t}\n\n\treturn <></>;\n};\n\nconst Template: Story<ExportProps> = (args: ExportProps) => {\n\tinitFSBL(window);\n\n\treturn (\n\t\t<FinsembleProvider>\n\t\t\t<Publish {...args} />\n\t\t\t<Dispatcher {...args} />\n\t\t</FinsembleProvider>\n\t);\n};\n\nexport const DefaultPublish = Template.bind({});\nDefaultPublish.args = { ...DEFAULT_PROPS };\n\nexport const Error1Publish = Template.bind({});\nError1Publish.args = {\n\t...DEFAULT_PROPS,\n\tgetPublishProgress: () =>\n\t\tnew Promise((resolve) => {\n\t\t\tresolve(publishTests.find((test) => test.name === \"step-1-fail\")!.states[0]);\n\t\t}),\n};\n\nexport const Error2Publish = Template.bind({});\nError2Publish.args = {\n\t...DEFAULT_PROPS,\n\tgetPublishProgress: () =>\n\t\tnew Promise((resolve) => {\n\t\t\tresolve(publishTests.find((test) => test.name === \"step-2-fail\")!.states[0]);\n\t\t}),\n};\n\nexport const Error3Publish = Template.bind({});\nError3Publish.args = {\n\t...DEFAULT_PROPS,\n\tgetPublishProgress: () =>\n\t\tnew Promise((resolve) => {\n\t\t\tresolve(publishTests.find((test) => test.name === \"step-3-fail\")!.states[0]);\n\t\t}),\n};\n\nexport const Error4Publish = Template.bind({});\nError4Publish.args = {\n\t...DEFAULT_PROPS,\n\tgetPublishProgress: () =>\n\t\tnew Promise((resolve) => {\n\t\t\tresolve(publishTests.find((test) => test.name === \"step-4-fail\")!.states[0]);\n\t\t}),\n};\n\nexport const SuccessPublish = Template.bind({});\nSuccessPublish.args = {\n\t...DEFAULT_PROPS,\n\tgetPublishProgress: () =>\n\t\tnew Promise((resolve) => {\n\t\t\tresolve(publishTests.find((test) => test.name === \"success\")!.states[0]);\n\t\t}),\n};\n"]}

package/react/components/sdd/stories/PublishProgress.stories.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { PublishProgressProps } from "../PublishProgress";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<PublishProgressProps>;
+};
+export default _default;
+export declare const InitialPublishProgress: Story<PublishProgressProps>;
+export declare const QuarterPublishProgress: Story<PublishProgressProps>;
+export declare const HalfPublishProgress: Story<PublishProgressProps>;
+export declare const FullPublishProgress: Story<PublishProgressProps>;

package/react/components/sdd/stories/PublishProgress.stories.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { PublishProgress } from "../PublishProgress";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+export default {
+    title: "Smart Desktop Designer/PublishProgress",
+    component: PublishProgress,
+};
+const Template = (args) => React.createElement(PublishProgress, Object.assign({}, args));
+export const InitialPublishProgress = Template.bind({});
+InitialPublishProgress.args = {
+    percentComplete: 0,
+};
+export const QuarterPublishProgress = Template.bind({});
+QuarterPublishProgress.args = {
+    percentComplete: 25,
+};
+export const HalfPublishProgress = Template.bind({});
+HalfPublishProgress.args = {
+    percentComplete: 50,
+};
+export const FullPublishProgress = Template.bind({});
+FullPublishProgress.args = {
+    percentComplete: 100,
+};
+//# sourceMappingURL=PublishProgress.stories.js.map

package/react/components/sdd/stories/PublishProgress.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublishProgress.stories.js","sourceRoot":"","sources":["../../../../src/components/sdd/stories/PublishProgress.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAwB,MAAM,oBAAoB,CAAC;AAC3E,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AAGrC,eAAe;IACd,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,eAAe;CAC1B,CAAC;AAEF,MAAM,QAAQ,GAAgC,CAAC,IAA0B,EAAE,EAAE,CAAC,oBAAC,eAAe,oBAAK,IAAI,EAAI,CAAC;AAE5G,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxD,sBAAsB,CAAC,IAAI,GAAG;IAC7B,eAAe,EAAE,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxD,sBAAsB,CAAC,IAAI,GAAG;IAC7B,eAAe,EAAE,EAAE;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACrD,mBAAmB,CAAC,IAAI,GAAG;IAC1B,eAAe,EAAE,EAAE;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACrD,mBAAmB,CAAC,IAAI,GAAG;IAC1B,eAAe,EAAE,GAAG;CACpB,CAAC","sourcesContent":["import React from \"react\";\nimport { PublishProgress, PublishProgressProps } from \"../PublishProgress\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../../common/css/styles.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\n\nexport default {\n\ttitle: \"Smart Desktop Designer/PublishProgress\",\n\tcomponent: PublishProgress,\n};\n\nconst Template: Story<PublishProgressProps> = (args: PublishProgressProps) => <PublishProgress {...args} />;\n\nexport const InitialPublishProgress = Template.bind({});\nInitialPublishProgress.args = {\n\tpercentComplete: 0,\n};\n\nexport const QuarterPublishProgress = Template.bind({});\nQuarterPublishProgress.args = {\n\tpercentComplete: 25,\n};\n\nexport const HalfPublishProgress = Template.bind({});\nHalfPublishProgress.args = {\n\tpercentComplete: 50,\n};\n\nexport const FullPublishProgress = Template.bind({});\nFullPublishProgress.args = {\n\tpercentComplete: 100,\n};\n"]}

package/react/components/sdd/stories/SmartDesktopDesigner.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { SmartDesktopDesignerProps } from "../SmartDesktopDesigner";
+import "../../../assets/css/finsemble.css";
+import "../../common/css/styles.css";
+declare const _default: {
+    title: string;
+    component: ({ views, getConfig, getTheme, resetProject, getSDServerInfo, getProjectSettings, onThemeUpdated, setDefaults, }: SmartDesktopDesignerProps) => JSX.Element;
+};
+export default _default;
+export declare const DefaultSDD: import("@storybook/react").Story<SmartDesktopDesignerProps>;