@finsemble/finsemble-ui 6.3.1 → 6.4.0

package/react/components/common/stories/FontSizeSelector.stories.js

@@ -1,24 +0,0 @@
-import React from "react";
-import { FontSize } from "../FontSizeSelector";
-import "../../../assets/css/finsemble.css";
-import "../css/styles.css";
-export default {
-    title: "Common/FontSize",
-    component: FontSize,
-};
-const Template = (args) => React.createElement(FontSize, Object.assign({}, args));
-export const EmptyField = Template.bind({});
-EmptyField.args = {
-    startSize: "",
-    updateSize: (newSize) => {
-        console.log(newSize);
-    },
-};
-export const Large = Template.bind({});
-Large.args = {
-    startSize: "large",
-    updateSize: (newSize) => {
-        console.log(newSize);
-    },
-};
-//# sourceMappingURL=FontSizeSelector.stories.js.map

package/react/components/common/stories/FontSizeSelector.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FontSizeSelector.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FontSizeSelector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAiB,MAAM,qBAAqB,CAAC;AAC9D,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAyB,CAAC,IAAmB,EAAE,EAAE,CAAC,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAC;AAEvF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FontSize, FontSizeProps } from \"../FontSizeSelector\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/FontSize\",\r\n\tcomponent: FontSize,\r\n};\r\n\r\nconst Template: Story<FontSizeProps> = (args: FontSizeProps) => <FontSize {...args} />;\r\n\r\nexport const EmptyField = Template.bind({});\r\nEmptyField.args = {\r\n\tstartSize: \"\",\r\n\tupdateSize: (newSize) => {\r\n\t\tconsole.log(newSize);\r\n\t},\r\n};\r\n\r\nexport const Large = Template.bind({});\r\nLarge.args = {\r\n\tstartSize: \"large\",\r\n\tupdateSize: (newSize) => {\r\n\t\tconsole.log(newSize);\r\n\t},\r\n};\r\n"]}

package/react/components/smartDesktopDesigner/ApplicationEdit.d.ts

@@ -1,25 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React from "react";
-import { ApplicationSaveData } from "../../types/smartDesktopDesignerTypes";
-import { AppDefinition } from "@finsemble/finsemble-core/types/services/Interop/types";
-export declare type ApplicationEditProps = {
-    id: string;
-    isEditMode: boolean;
-    isSetupWizard: boolean;
-    onClickBackButton?: (e: React.MouseEvent<HTMLElement>) => void;
-    setCurrentComponentID: (id: string | null) => void;
-    removeAppID: (id: string) => void;
-    removeComponentID?: (id: string) => void;
-    onSaveData: (data: ApplicationSaveData) => Promise<any>;
-    apps: object[];
-    data: ApplicationSaveData;
-    addApp: (appId: string, config: AppDefinition) => Promise<{
-        err: null;
-    }>;
-    isInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;
-    isOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;
-};
-export declare const ApplicationEdit: (props: ApplicationEditProps) => JSX.Element;

package/react/components/smartDesktopDesigner/ApplicationEdit.js

@@ -1,103 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React, { useState } from "react";
-import { View } from "./View";
-import { Header } from "../common/Header";
-import { Content } from "./Content";
-import { Button } from "../common/Button";
-import { AppEditPage } from "./AppEditPage";
-import { generateDefaultConfig } from "./sdd_helpers";
-import { launchTutorialLink } from "./common/fsbl_functions";
-export const ApplicationEdit = (props) => {
-    var _a;
-    const [setupComplete, setSetupComplete] = useState(false);
-    const { displayName, windowURL, nativePath, currentAppType } = generateDefaultConfig(props.data);
-    const submitFn = (data) => {
-        var _a;
-        (_a = props === null || props === void 0 ? void 0 : props.onSaveData) === null || _a === void 0 ? void 0 : _a.call(props, Object.assign(Object.assign({}, data), { tags: props.data.tags })).then(() => {
-            var _a;
-            setSetupComplete(true);
-            if (props === null || props === void 0 ? void 0 : props.isEditMode) {
-                (_a = props === null || props === void 0 ? void 0 : props.setCurrentComponentID) === null || _a === void 0 ? void 0 : _a.call(props, "");
-            }
-        });
-    };
-    const cancelFn = () => {
-        if (!props.isEditMode) {
-            props.removeAppID(props.id);
-        }
-        props.setCurrentComponentID(null);
-    };
-    const removeApplicationFn = () => {
-        props.removeAppID(props.id);
-        props.setCurrentComponentID("");
-    };
-    const validateURL = (url) => FSBL.Clients.SmartDesktopClient.checkValidURL(url);
-    const seeItNow = (e) => {
-        FSBL.Clients.LauncherClient.spawn(props.id, {}, (err, response) => {
-            if (err) {
-                FSBL.Clients.Logger.system.error("ApplicationEdit spawn error:", err);
-            }
-            else {
-                FSBL.Clients.Logger.system.log("ApplicationEdit spawn response:", response);
-            }
-        });
-        e.preventDefault();
-    };
-    const backFunction = (e) => {
-        setSetupComplete(false);
-        if (!props.isEditMode) {
-            props.removeAppID(props.id);
-        }
-        if (typeof props.onClickBackButton === "function") {
-            return props.onClickBackButton(e);
-        }
-    };
-    const helpFunction = () => {
-        const helpLink = props.isEditMode ? "editing-applications" : "adding-applications";
-        launchTutorialLink(helpLink);
-    };
-    const appEditPageProps = {
-        startingDisplayName: displayName,
-        isSetupWizard: props.isSetupWizard,
-        isEditMode: props.isEditMode,
-        startingAppType: currentAppType,
-        startingWindowURL: windowURL,
-        startingNativePath: nativePath,
-        startingDescription: ((_a = props === null || props === void 0 ? void 0 : props.data) === null || _a === void 0 ? void 0 : _a.description) || "",
-        validateURL,
-        startingWidth: props.data.width || 0,
-        startingHeight: props.data.height || 0,
-        startingRules: props.data.rules || [],
-        removeApplicationFn,
-        cancelFn,
-        submitFn,
-        addApp: props.addApp,
-        isInboundInteropAuthorized: props.isInboundInteropAuthorized,
-        isOutboundInteropAuthorized: props.isOutboundInteropAuthorized,
-    };
-    return (React.createElement("div", { className: "app-edit" },
-        React.createElement(View, null,
-            React.createElement("div", null,
-                React.createElement("form", { onSubmit: (e) => e.preventDefault() },
-                    React.createElement("fieldset", { className: "app-edit-fieldset" },
-                        React.createElement("legend", null,
-                            React.createElement(Header, Object.assign({ helpFunction: helpFunction }, (setupComplete ? {} : { backFunction: backFunction })), props.isEditMode ? "Edit App" : "Add an app")),
-                        React.createElement(Content, null, !setupComplete ? (React.createElement(AppEditPage, Object.assign({}, appEditPageProps))) : (React.createElement("div", { className: "app-edit-success" },
-                            React.createElement("h2", null, "Your application is added"),
-                            React.createElement("div", { className: "app-edit-success-content" },
-                                React.createElement("div", { className: "app-trial-wrapper" },
-                                    React.createElement("p", null, "Want to test it out?"),
-                                    React.createElement(Button, { fashion: "primary", text: "See it Now", onClick: seeItNow })),
-                                React.createElement("p", null, "Your application is now available to be launched in the toolbar under \u201CApps\u201D."),
-                                React.createElement("div", { className: "app-edit-success-actions" },
-                                    React.createElement(Button, { fashion: "secondary", text: "Add Another Application", onClick: () => {
-                                            props.setCurrentComponentID("new");
-                                        } }),
-                                    React.createElement(Button, { fashion: "secondary", text: "Return to List", onClick: () => {
-                                            props.setCurrentComponentID("");
-                                        } }))))))))))));
-};
-//# sourceMappingURL=ApplicationEdit.js.map

package/react/components/smartDesktopDesigner/ApplicationEdit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApplicationEdit.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ApplicationEdit.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useState } from \"react\";\r\nimport { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\nimport { Button } from \"../common/Button\";\r\nimport { AppEditPage, SubmittedDataProps } from \"./AppEditPage\";\r\nimport { generateDefaultConfig } from \"./sdd_helpers\";\r\nimport { ApplicationSaveData } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\nimport { AppEditPageProps } from \"./AppEditPage\";\r\nimport { AppDefinition } from \"@finsemble/finsemble-core/types/services/Interop/types\";\r\n\r\nexport type ApplicationEditProps = {\r\n\tid: string;\r\n\tisEditMode: boolean;\r\n\tisSetupWizard: boolean;\r\n\tonClickBackButton?: (e: React.MouseEvent<HTMLElement>) => void;\r\n\tsetCurrentComponentID: (id: string | null) => void;\r\n\tremoveAppID: (id: string) => void;\r\n\tremoveComponentID?: (id: string) => void;\r\n\tonSaveData: (data: ApplicationSaveData) => Promise<any>;\r\n\tapps: object[];\r\n\tdata: ApplicationSaveData;\r\n\taddApp: (appId: string, config: AppDefinition) => Promise<{ err: null }>;\r\n\tisInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;\r\n\tisOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;\r\n};\r\n\r\nexport const ApplicationEdit = (props: ApplicationEditProps) => {\r\n\tconst [setupComplete, setSetupComplete] = useState(false);\r\n\tconst { displayName, windowURL, nativePath, currentAppType } = generateDefaultConfig(props.data);\r\n\r\n\tconst submitFn = (data: SubmittedDataProps) => {\r\n\t\tprops\r\n\t\t\t?.onSaveData?.({\r\n\t\t\t\t...data,\r\n\t\t\t\ttags: props.data.tags,\r\n\t\t\t})\r\n\t\t\t.then(() => {\r\n\t\t\t\tsetSetupComplete(true);\r\n\r\n\t\t\t\tif (props?.isEditMode) {\r\n\t\t\t\t\tprops?.setCurrentComponentID?.(\"\");\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst cancelFn = () => {\r\n\t\tif (!props.isEditMode) {\r\n\t\t\tprops.removeAppID(props.id);\r\n\t\t}\r\n\r\n\t\tprops.setCurrentComponentID(null);\r\n\t};\r\n\r\n\tconst removeApplicationFn = () => {\r\n\t\tprops.removeAppID(props.id);\r\n\t\tprops.setCurrentComponentID(\"\");\r\n\t};\r\n\r\n\tconst validateURL = (url: string) => FSBL.Clients.SmartDesktopClient.checkValidURL(url);\r\n\r\n\tconst seeItNow = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n\t\tFSBL.Clients.LauncherClient.spawn(props.id, {}, (err: any, response: any) => {\r\n\t\t\tif (err) {\r\n\t\t\t\tFSBL.Clients.Logger.system.error(\"ApplicationEdit spawn error:\", err);\r\n\t\t\t} else {\r\n\t\t\t\tFSBL.Clients.Logger.system.log(\"ApplicationEdit spawn response:\", response);\r\n\t\t\t}\r\n\t\t});\r\n\t\te.preventDefault();\r\n\t};\r\n\r\n\tconst backFunction = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n\t\tsetSetupComplete(false);\r\n\r\n\t\tif (!props.isEditMode) {\r\n\t\t\tprops.removeAppID(props.id);\r\n\t\t}\r\n\r\n\t\tif (typeof props.onClickBackButton === \"function\") {\r\n\t\t\t// we're a child of of ApplicationSetup\r\n\t\t\treturn props.onClickBackButton(e);\r\n\t\t}\r\n\t};\r\n\r\n\tconst helpFunction = () => {\r\n\t\tconst helpLink = props.isEditMode ? \"editing-applications\" : \"adding-applications\";\r\n\t\tlaunchTutorialLink(helpLink);\r\n\t};\r\n\r\n\tconst appEditPageProps: AppEditPageProps = {\r\n\t\tstartingDisplayName: displayName,\r\n\t\tisSetupWizard: props.isSetupWizard,\r\n\t\tisEditMode: props.isEditMode,\r\n\t\tstartingAppType: currentAppType,\r\n\t\tstartingWindowURL: windowURL,\r\n\t\tstartingNativePath: nativePath,\r\n\t\tstartingDescription: props?.data?.description || \"\",\r\n\t\tvalidateURL,\r\n\t\tstartingWidth: props.data.width || 0,\r\n\t\tstartingHeight: props.data.height || 0,\r\n\t\tstartingRules: props.data.rules || [],\r\n\t\tremoveApplicationFn,\r\n\t\tcancelFn,\r\n\t\tsubmitFn,\r\n\t\taddApp: props.addApp,\r\n\t\tisInboundInteropAuthorized: props.isInboundInteropAuthorized,\r\n\t\tisOutboundInteropAuthorized: props.isOutboundInteropAuthorized,\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className=\"app-edit\">\r\n\t\t\t<View>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<form onSubmit={(e) => e.preventDefault()}>\r\n\t\t\t\t\t\t<fieldset className=\"app-edit-fieldset\">\r\n\t\t\t\t\t\t\t<legend>\r\n\t\t\t\t\t\t\t\t<Header\r\n\t\t\t\t\t\t\t\t\thelpFunction={helpFunction}\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t// Only display the back button during setup. Once setup is complete, hide the back button.\r\n\t\t\t\t\t\t\t\t\t\t...(setupComplete ? {} : { backFunction: backFunction })\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{props.isEditMode ? \"Edit App\" : \"Add an app\"}\r\n\t\t\t\t\t\t\t\t</Header>\r\n\t\t\t\t\t\t\t</legend>\r\n\r\n\t\t\t\t\t\t\t<Content>\r\n\t\t\t\t\t\t\t\t{!setupComplete ? (\r\n\t\t\t\t\t\t\t\t\t<AppEditPage {...appEditPageProps} />\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t<div className=\"app-edit-success\">\r\n\t\t\t\t\t\t\t\t\t\t<h2>Your application is added</h2>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"app-edit-success-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"app-trial-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p>Want to test it out?</p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Button fashion=\"primary\" text=\"See it Now\" onClick={seeItNow} />\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t<p>Your application is now available to be launched in the toolbar under “Apps”.</p>\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"app-edit-success-actions\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfashion=\"secondary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttext=\"Add Another Application\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.setCurrentComponentID(\"new\");\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfashion=\"secondary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttext=\"Return to List\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.setCurrentComponentID(\"\");\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t</Content>\r\n\t\t\t\t\t\t</fieldset>\r\n\t\t\t\t\t</form>\r\n\t\t\t\t</div>\r\n\t\t\t</View>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}

package/react/components/smartDesktopDesigner/ApplicationSetup.d.ts

@@ -1,23 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-/// <reference types="react" />
-import { ApplicationSaveData } from "../../types/smartDesktopDesignerTypes";
-import { services } from "@finsemble/finsemble-core";
-declare type AppDefinition = services.Interop.types.AppDefinition;
-export declare type ApplicationSetupProps = {
-    id: string;
-    setCurrentComponentID: (id: string | null) => void;
-    onClickBackButton?: () => void;
-    removeAppID: (id: string) => void;
-    onSaveData: (data: ApplicationSaveData) => Promise<any>;
-    backFunction: () => void;
-    apps: AppDefinition[];
-    data: ApplicationSaveData;
-    addApp: typeof FSBL.Clients.SmartDesktopClient.prototype.addApp;
-    isInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;
-    isOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;
-};
-export declare const ApplicationSetup: (props: ApplicationSetupProps) => JSX.Element;
-export {};

package/react/components/smartDesktopDesigner/ApplicationSetup.js

@@ -1,73 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React, { useState, useEffect } from "react";
-import { View } from "./View";
-import { Header } from "../common/Header";
-import { Content } from "./Content";
-import { ApplicationEdit } from "./ApplicationEdit";
-import { FileInput } from "../common/FileInput";
-import { Button } from "../common/Button";
-import { ButtonTile } from "../common/ButtonTile";
-import { launchTutorialLink } from "./common/fsbl_functions";
-import { validateFilename, VALID_APP_EXTENSIONS } from "../common/file_helpers";
-export const ApplicationSetup = (props) => {
-    const [currentAppType, setCurrentAppType] = useState("");
-    const [currentAppPath, setCurrentAppPath] = useState("");
-    const [savedAppPath, setSavedAppPath] = useState(false);
-    const [isAppPathValid, setIsAppPathValid] = useState(true);
-    const invalidWeb = currentAppType === "web" && (!isAppPathValid || currentAppPath.length === 0);
-    const invalidNative = currentAppType === "native" && (currentAppPath === "" || validateFilename(VALID_APP_EXTENSIONS, currentAppPath));
-    const disableNext = invalidWeb || invalidNative;
-    useEffect(() => {
-        setIsAppPathValid(FSBL.Clients.SmartDesktopClient.checkValidURL(currentAppPath));
-    }, [currentAppPath]);
-    const onClickBackButton = () => {
-        if (savedAppPath) {
-            setSavedAppPath(false);
-        }
-        else if (typeof props.onClickBackButton === "function") {
-            return props.onClickBackButton();
-        }
-    };
-    const applicationEditProps = Object.assign(Object.assign({}, props), { isSetupWizard: true, isEditMode: false, onSaveData: props.onSaveData, apps: props.apps, data: Object.assign(Object.assign({}, props.data), { url: currentAppType === "web" ? currentAppPath : "", path: currentAppType === "native" ? currentAppPath : "" }), onClickBackButton });
-    return (React.createElement("div", { className: "app-edit" },
-        React.createElement(View, null,
-            React.createElement(Header, { helpFunction: () => {
-                    launchTutorialLink("adding-applications");
-                }, backFunction: onClickBackButton }, "Add an app"),
-            React.createElement(Content, null, !savedAppPath ? (React.createElement(React.Fragment, null,
-                React.createElement("h2", { className: "setup-type-heading" }, "Is your app web or native?"),
-                React.createElement("div", { className: `tile-type-buttons active-${currentAppType}` },
-                    React.createElement(ButtonTile, { className: "icon-web", icon: "globe", text: "Web app", onClick: () => {
-                            setCurrentAppType === null || setCurrentAppType === void 0 ? void 0 : setCurrentAppType("web");
-                            setCurrentAppPath === null || setCurrentAppPath === void 0 ? void 0 : setCurrentAppPath(props.data.url || "");
-                            setSavedAppPath === null || setSavedAppPath === void 0 ? void 0 : setSavedAppPath(false);
-                        } }),
-                    React.createElement(ButtonTile, { className: "icon-native", icon: "hdd", text: "Native app", onClick: () => {
-                            setCurrentAppType === null || setCurrentAppType === void 0 ? void 0 : setCurrentAppType("native");
-                            setCurrentAppPath === null || setCurrentAppPath === void 0 ? void 0 : setCurrentAppPath(props.data.path || "");
-                            setSavedAppPath === null || setSavedAppPath === void 0 ? void 0 : setSavedAppPath(false);
-                        } })),
-                currentAppType && !savedAppPath && (React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: "app-setup-url-field" },
-                        React.createElement("label", { htmlFor: "app-url" }, currentAppType === "web" ? (React.createElement(React.Fragment, null, "Enter the full URL of the application")) : (React.createElement(React.Fragment, null, "Choose your application"))),
-                        currentAppType === "web" ? (React.createElement("div", { className: "app-url-container" },
-                            React.createElement("input", { type: "text", placeholder: "https://...", id: "app-url", value: currentAppPath, "aria-invalid": !isAppPathValid, "aria-errormessage": "app-url-error-message", onChange: (e) => {
-                                    setCurrentAppPath(e.target.value);
-                                }, onKeyUp: (e) => {
-                                    setCurrentAppPath(e.currentTarget.value);
-                                } }),
-                            !isAppPathValid ? (React.createElement("div", { id: "app-url-error-message", className: "invalid-message" }, "URL must be valid (e.g., https://cosaic.io/). Only http and https prototcols are supported.")) : (""))) : (React.createElement(FileInput, { acceptTypes: VALID_APP_EXTENSIONS, shouldUpload: false, value: currentAppPath, onSetValue: (value) => {
-                                setCurrentAppPath(value);
-                            } }))),
-                    React.createElement("div", { className: "app-edit-actions" },
-                        React.createElement("div", null),
-                        React.createElement("div", null,
-                            React.createElement(Button, { fashion: "secondary", text: "Next", disabled: disableNext, onClick: () => {
-                                    setSavedAppPath(true);
-                                } }))))))) : (React.createElement(React.Fragment, null,
-                React.createElement(ApplicationEdit, Object.assign({}, applicationEditProps))))))));
-};
-//# sourceMappingURL=ApplicationSetup.js.map

package/react/components/smartDesktopDesigner/ApplicationSetup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApplicationSetup.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ApplicationSetup.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAoBhF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAChE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE3D,MAAM,UAAU,GAAG,cAAc,KAAK,KAAK,IAAI,CAAC,CAAC,cAAc,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;IAChG,MAAM,aAAa,GAClB,cAAc,KAAK,QAAQ,IAAI,CAAC,cAAc,KAAK,EAAE,IAAI,gBAAgB,CAAC,oBAAoB,EAAE,cAAc,CAAC,CAAC,CAAC;IAClH,MAAM,WAAW,GAAG,UAAU,IAAI,aAAa,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACd,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;IAClF,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAE9B,IAAI,YAAY,EAAE;YACjB,eAAe,CAAC,KAAK,CAAC,CAAC;SACvB;aAAM,IAAI,OAAO,KAAK,CAAC,iBAAiB,KAAK,UAAU,EAAE;YAEzD,OAAO,KAAK,CAAC,iBAAiB,EAAE,CAAC;SACjC;IACF,CAAC,CAAC;IAEF,MAAM,oBAAoB,mCACtB,KAAK,KACR,aAAa,EAAE,IAAI,EACnB,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,kCACA,KAAK,CAAC,IAAI,KACb,GAAG,EAAE,cAAc,KAAK,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EACnD,IAAI,EAAE,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAExD,iBAAiB,GACjB,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,UAAU;QACxB,oBAAC,IAAI;YACJ,oBAAC,MAAM,IACN,YAAY,EAAE,GAAG,EAAE;oBAClB,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;gBAC3C,CAAC,EACD,YAAY,EAAE,iBAAiB,iBAGvB;YAET,oBAAC,OAAO,QACN,CAAC,YAAY,CAAC,CAAC,CAAC,CAChB;gBACC,4BAAI,SAAS,EAAC,oBAAoB,iCAAgC;gBAElE,6BAAK,SAAS,EAAE,4BAA4B,cAAc,EAAE;oBAC3D,oBAAC,UAAU,IACV,SAAS,EAAC,UAAU,EACpB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,GAAG,EAAE;4BACb,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,KAAK,CAAC,CAAC;4BAC3B,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC;4BAC1C,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,KAAK,CAAC,CAAC;wBAC1B,CAAC,GACA;oBACF,oBAAC,UAAU,IACV,SAAS,EAAC,aAAa,EACvB,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,GAAG,EAAE;4BACb,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,QAAQ,CAAC,CAAC;4BAC9B,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;4BAC3C,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,KAAK,CAAC,CAAC;wBAC1B,CAAC,GACA,CACG;gBAEL,cAAc,IAAI,CAAC,YAAY,IAAI,CACnC;oBACC,6BAAK,SAAS,EAAC,qBAAqB;wBACnC,+BAAO,OAAO,EAAC,SAAS,IACtB,cAAc,KAAK,KAAK,CAAC,CAAC,CAAC,CAC3B,kFAA0C,CAC1C,CAAC,CAAC,CAAC,CACH,oEAA4B,CAC5B,CACM;wBACP,cAAc,KAAK,KAAK,CAAC,CAAC,CAAC,CAC3B,6BAAK,SAAS,EAAC,mBAAmB;4BACjC,+BACC,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,aAAa,EACzB,EAAE,EAAC,SAAS,EACZ,KAAK,EAAE,cAAc,kBACP,CAAC,cAAc,uBACX,uBAAuB,EACzC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oCACf,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gCACnC,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oCACd,iBAAiB,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gCAC1C,CAAC,GACA;4BACD,CAAC,cAAc,CAAC,CAAC,CAAC,CAClB,6BAAK,EAAE,EAAC,uBAAuB,EAAC,SAAS,EAAC,iBAAiB,kGAErD,CACN,CAAC,CAAC,CAAC,CACH,EAAE,CACF,CACI,CACN,CAAC,CAAC,CAAC,CACH,oBAAC,SAAS,IACT,WAAW,EAAE,oBAAoB,EACjC,YAAY,EAAE,KAAK,EACnB,KAAK,EAAE,cAAc,EACrB,UAAU,EAAE,CAAC,KAAa,EAAE,EAAE;gCAC7B,iBAAiB,CAAC,KAAK,CAAC,CAAC;4BAC1B,CAAC,GACW,CACb,CACI;oBAEN,6BAAK,SAAS,EAAC,kBAAkB;wBAChC,gCAAW;wBAEX;4BACC,oBAAC,MAAM,IACN,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,GAAG,EAAE;oCACb,eAAe,CAAC,IAAI,CAAC,CAAC;gCACvB,CAAC,GACA,CACG,CACD,CACJ,CACH,CACC,CACH,CAAC,CAAC,CAAC,CACH;gBACC,oBAAC,eAAe,oBAAK,oBAAoB,EAAoB,CAC3D,CACH,CACQ,CACJ,CACF,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\nimport { ApplicationEdit } from \"./ApplicationEdit\";\r\nimport { FileInput } from \"../common/FileInput\";\r\nimport { Button } from \"../common/Button\";\r\nimport { ButtonTile } from \"../common/ButtonTile\";\r\nimport { ApplicationSaveData } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\nimport { validateFilename, VALID_APP_EXTENSIONS } from \"../common/file_helpers\";\r\nimport { ApplicationEditProps } from \"./ApplicationEdit\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype AppDefinition = services.Interop.types.AppDefinition;\r\n\r\nexport type ApplicationSetupProps = {\r\n\tid: string;\r\n\tsetCurrentComponentID: (id: string | null) => void;\r\n\tonClickBackButton?: () => void;\r\n\tremoveAppID: (id: string) => void;\r\n\tonSaveData: (data: ApplicationSaveData) => Promise<any>;\r\n\tbackFunction: () => void;\r\n\tapps: AppDefinition[];\r\n\tdata: ApplicationSaveData;\r\n\taddApp: typeof FSBL.Clients.SmartDesktopClient.prototype.addApp;\r\n\tisInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;\r\n\tisOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;\r\n};\r\n\r\nexport const ApplicationSetup = (props: ApplicationSetupProps) => {\r\n\tconst [currentAppType, setCurrentAppType] = useState(\"\");\r\n\tconst [currentAppPath, setCurrentAppPath] = useState(\"\");\r\n\tconst [savedAppPath, setSavedAppPath] = useState(false);\r\n\tconst [isAppPathValid, setIsAppPathValid] = useState(true);\r\n\r\n\tconst invalidWeb = currentAppType === \"web\" && (!isAppPathValid || currentAppPath.length === 0);\r\n\tconst invalidNative =\r\n\t\tcurrentAppType === \"native\" && (currentAppPath === \"\" || validateFilename(VALID_APP_EXTENSIONS, currentAppPath));\r\n\tconst disableNext = invalidWeb || invalidNative;\r\n\r\n\tuseEffect(() => {\r\n\t\tsetIsAppPathValid(FSBL.Clients.SmartDesktopClient.checkValidURL(currentAppPath));\r\n\t}, [currentAppPath]);\r\n\r\n\tconst onClickBackButton = () => {\r\n\t\t// setSavedAppCompatibility(false);\r\n\t\tif (savedAppPath) {\r\n\t\t\tsetSavedAppPath(false);\r\n\t\t} else if (typeof props.onClickBackButton === \"function\") {\r\n\t\t\t// we're a child of of Application\r\n\t\t\treturn props.onClickBackButton();\r\n\t\t}\r\n\t};\r\n\r\n\tconst applicationEditProps: ApplicationEditProps = {\r\n\t\t...props,\r\n\t\tisSetupWizard: true,\r\n\t\tisEditMode: false,\r\n\t\tonSaveData: props.onSaveData,\r\n\t\tapps: props.apps,\r\n\t\tdata: {\r\n\t\t\t...props.data,\r\n\t\t\turl: currentAppType === \"web\" ? currentAppPath : \"\",\r\n\t\t\tpath: currentAppType === \"native\" ? currentAppPath : \"\",\r\n\t\t},\r\n\t\tonClickBackButton,\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className=\"app-edit\">\r\n\t\t\t<View>\r\n\t\t\t\t<Header\r\n\t\t\t\t\thelpFunction={() => {\r\n\t\t\t\t\t\tlaunchTutorialLink(\"adding-applications\");\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tbackFunction={onClickBackButton}\r\n\t\t\t\t>\r\n\t\t\t\t\tAdd an app\r\n\t\t\t\t</Header>\r\n\r\n\t\t\t\t<Content>\r\n\t\t\t\t\t{!savedAppPath ? (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<h2 className=\"setup-type-heading\">Is your app web or native?</h2>\r\n\r\n\t\t\t\t\t\t\t<div className={`tile-type-buttons active-${currentAppType}`}>\r\n\t\t\t\t\t\t\t\t<ButtonTile\r\n\t\t\t\t\t\t\t\t\tclassName=\"icon-web\"\r\n\t\t\t\t\t\t\t\t\ticon=\"globe\"\r\n\t\t\t\t\t\t\t\t\ttext=\"Web app\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppType?.(\"web\");\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath?.(props.data.url || \"\");\r\n\t\t\t\t\t\t\t\t\t\tsetSavedAppPath?.(false);\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<ButtonTile\r\n\t\t\t\t\t\t\t\t\tclassName=\"icon-native\"\r\n\t\t\t\t\t\t\t\t\ticon=\"hdd\"\r\n\t\t\t\t\t\t\t\t\ttext=\"Native app\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppType?.(\"native\");\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath?.(props.data.path || \"\");\r\n\t\t\t\t\t\t\t\t\t\tsetSavedAppPath?.(false);\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t{currentAppType && !savedAppPath && (\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t<div className=\"app-setup-url-field\">\r\n\t\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-url\">\r\n\t\t\t\t\t\t\t\t\t\t\t{currentAppType === \"web\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<>Enter the full URL of the application</>\r\n\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<>Choose your application</>\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t{currentAppType === \"web\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"app-url-container\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"https://...\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"app-url\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={currentAppPath}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-invalid={!isAppPathValid}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-errormessage=\"app-url-error-message\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath(e.target.value);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonKeyUp={(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath(e.currentTarget.value);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{!isAppPathValid ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"app-url-error-message\" className=\"invalid-message\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tURL must be valid (e.g., https://cosaic.io/). Only http and https prototcols are supported.\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t<FileInput\r\n\t\t\t\t\t\t\t\t\t\t\t\tacceptTypes={VALID_APP_EXTENSIONS}\r\n\t\t\t\t\t\t\t\t\t\t\t\tshouldUpload={false}\r\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={currentAppPath}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath(value);\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t></FileInput>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t\t<div className=\"app-edit-actions\">\r\n\t\t\t\t\t\t\t\t\t\t<div></div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\t\t\t\t\tfashion=\"secondary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\ttext=\"Next\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disableNext}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSavedAppPath(true);\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<ApplicationEdit {...applicationEditProps}></ApplicationEdit>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</Content>\r\n\t\t\t</View>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}

package/react/components/smartDesktopDesigner/ProjectHeader.d.ts

@@ -1,14 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-/// <reference types="react" />
-import "./css/project-header.css";
-export declare type ProjectHeaderProps = {
-    onSaveProjectName: Function;
-    projectName: string;
-    projectPath: string;
-    selectProjectPath: typeof FSBL.Clients.SmartDesktopClient.prototype.selectProjectPath;
-    onSaveProjectPath: Function;
-};
-export declare const ProjectHeader: ({ projectName, onSaveProjectName, selectProjectPath, onSaveProjectPath, }: ProjectHeaderProps) => JSX.Element;

package/react/components/smartDesktopDesigner/ProjectHeader.js

@@ -1,70 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React, { useEffect, useState } from "react";
-import AutosizeInput from "react-input-autosize";
-import { SmartDesktopDesignerActions } from "../../actions/smartDesktopDesignerActions";
-import { useDispatch, useSelector } from "../../store";
-import { Tooltip } from "../common/Tooltip";
-import "./css/project-header.css";
-import { ButtonIcon } from "../common/ButtonIcon";
-const INVALID_NAME_ERROR = {
-    viewId: "export",
-    message: "Invalid project name",
-};
-export const ProjectHeader = ({ projectName = "", onSaveProjectName, selectProjectPath, onSaveProjectPath, }) => {
-    const projectSettings = useSelector((store) => store.smartDesktopDesigner.projectInfo);
-    const dispatch = useDispatch();
-    const [isEditingProjectName, setIsEditingProjectName] = useState(false);
-    const [tmpProjectName, setTmpProjectName] = useState(projectName);
-    const isProjectNameValid = FSBL.Clients.SmartDesktopClient.checkValidProjectName(tmpProjectName);
-    const error = useSelector((state) => state.smartDesktopDesigner.errors.find((err) => err.viewId === "export"));
-    const isReviewingErrors = useSelector((state) => state.smartDesktopDesigner.isReviewingErrors);
-    useEffect(() => {
-        if (isProjectNameValid) {
-            dispatch(SmartDesktopDesignerActions.delete_project_error(INVALID_NAME_ERROR));
-        }
-        else {
-            dispatch(SmartDesktopDesignerActions.set_project_error(INVALID_NAME_ERROR));
-        }
-    });
-    return (React.createElement("form", { className: [
-            "project-header",
-            isEditingProjectName ? "is-editing-project-name" : "",
-            isProjectNameValid ? "" : "is-invalid-project-name",
-        ].join(" "), onSubmit: (e) => {
-            e.preventDefault();
-        } },
-        isReviewingErrors && !isProjectNameValid && error && (React.createElement("div", { className: "project-name-error-icon" },
-            React.createElement(Tooltip, { type: "warn" }, error.message))),
-        React.createElement("div", { className: "project-name-container", "aria-label": "Project Name", onClick: () => {
-                setIsEditingProjectName(true);
-            } },
-            React.createElement(AutosizeInput, { className: "project-name-field", id: "project-name", name: "project-name", type: "text", placeholder: "Untitled", value: tmpProjectName, style: { fontSize: 14 }, onInput: (e) => {
-                    setTmpProjectName(e.target.value);
-                }, onKeyDown: (e) => {
-                    if (e.key === "Enter") {
-                        e.currentTarget.blur();
-                    }
-                }, onBlur: () => {
-                    if (isProjectNameValid) {
-                        onSaveProjectName(tmpProjectName);
-                        setIsEditingProjectName(false);
-                    }
-                } })),
-        React.createElement("div", { className: "project-path-container", onClick: (e) => {
-                const path = e.currentTarget.dataset.targetUploadPath;
-                if (path) {
-                    onSaveProjectPath(path);
-                }
-                else {
-                    selectProjectPath().then((selectedProjectPath) => {
-                        onSaveProjectPath(selectedProjectPath);
-                    });
-                }
-            } },
-            React.createElement(ButtonIcon, { text: "Change path", icon: "folder", buttonAttributes: { "data-target-upload-path": "" }, className: "change-project-path-button" }),
-            React.createElement("div", { className: "current-project-path" }, projectSettings.path))));
-};
-//# sourceMappingURL=ProjectHeader.js.map

package/react/components/smartDesktopDesigner/ProjectHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProjectHeader.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ProjectHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\nimport AutosizeInput from \"react-input-autosize\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { useDispatch, useSelector } from \"../../store\";\r\nimport { ProjectError } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { Tooltip } from \"../common/Tooltip\";\r\nimport \"./css/project-header.css\";\r\nimport { ButtonIcon } from \"../common/ButtonIcon\";\r\n\r\nexport type ProjectHeaderProps = {\r\n\tonSaveProjectName: Function;\r\n\tprojectName: string;\r\n\tprojectPath: string;\r\n\tselectProjectPath: typeof FSBL.Clients.SmartDesktopClient.prototype.selectProjectPath;\r\n\tonSaveProjectPath: Function;\r\n};\r\n\r\nconst INVALID_NAME_ERROR: ProjectError = {\r\n\tviewId: \"export\",\r\n\tmessage: \"Invalid project name\",\r\n};\r\n\r\nexport const ProjectHeader = ({\r\n\tprojectName = \"\",\r\n\tonSaveProjectName,\r\n\tselectProjectPath,\r\n\tonSaveProjectPath,\r\n}: ProjectHeaderProps) => {\r\n\tconst projectSettings = useSelector((store: RootState) => store.smartDesktopDesigner.projectInfo);\r\n\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst [isEditingProjectName, setIsEditingProjectName] = useState(false);\r\n\tconst [tmpProjectName, setTmpProjectName] = useState(projectName);\r\n\r\n\tconst isProjectNameValid = FSBL.Clients.SmartDesktopClient.checkValidProjectName(tmpProjectName);\r\n\tconst error = useSelector((state: RootState) =>\r\n\t\tstate.smartDesktopDesigner.errors.find((err) => err.viewId === \"export\")\r\n\t);\r\n\tconst isReviewingErrors = useSelector((state: RootState) => state.smartDesktopDesigner.isReviewingErrors);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (isProjectNameValid) {\r\n\t\t\tdispatch(SmartDesktopDesignerActions.delete_project_error(INVALID_NAME_ERROR));\r\n\t\t} else {\r\n\t\t\tdispatch(SmartDesktopDesignerActions.set_project_error(INVALID_NAME_ERROR));\r\n\t\t}\r\n\t});\r\n\r\n\treturn (\r\n\t\t<form\r\n\t\t\tclassName={[\r\n\t\t\t\t\"project-header\",\r\n\t\t\t\tisEditingProjectName ? \"is-editing-project-name\" : \"\",\r\n\t\t\t\tisProjectNameValid ? \"\" : \"is-invalid-project-name\",\r\n\t\t\t].join(\" \")}\r\n\t\t\tonSubmit={(e) => {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t{isReviewingErrors && !isProjectNameValid && error && (\r\n\t\t\t\t<div className=\"project-name-error-icon\">\r\n\t\t\t\t\t<Tooltip type=\"warn\">{error.message}</Tooltip>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t\t{/* <div className=\"project-title-icon\"></div> */}\r\n\t\t\t<div\r\n\t\t\t\tclassName=\"project-name-container\"\r\n\t\t\t\taria-label=\"Project Name\"\r\n\t\t\t\tonClick={() => {\r\n\t\t\t\t\tsetIsEditingProjectName(true);\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<AutosizeInput\r\n\t\t\t\t\tclassName=\"project-name-field\"\r\n\t\t\t\t\tid=\"project-name\"\r\n\t\t\t\t\tname=\"project-name\"\r\n\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\tplaceholder=\"Untitled\"\r\n\t\t\t\t\tvalue={tmpProjectName}\r\n\t\t\t\t\tstyle={{ fontSize: 14 }}\r\n\t\t\t\t\tonInput={(e: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\t\t\t\t\tsetTmpProjectName(e.target.value);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\tif (e.key === \"Enter\") {\r\n\t\t\t\t\t\t\te.currentTarget.blur();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonBlur={() => {\r\n\t\t\t\t\t\tif (isProjectNameValid) {\r\n\t\t\t\t\t\t\tonSaveProjectName(tmpProjectName);\r\n\t\t\t\t\t\t\tsetIsEditingProjectName(false);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div\r\n\t\t\t\tclassName=\"project-path-container\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\tconst path = e.currentTarget.dataset.targetUploadPath;\r\n\r\n\t\t\t\t\tif (path) {\r\n\t\t\t\t\t\tonSaveProjectPath(path);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tselectProjectPath().then((selectedProjectPath: string) => {\r\n\t\t\t\t\t\t\tonSaveProjectPath(selectedProjectPath);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<ButtonIcon\r\n\t\t\t\t\ttext=\"Change path\"\r\n\t\t\t\t\ticon=\"folder\"\r\n\t\t\t\t\tbuttonAttributes={{ \"data-target-upload-path\": \"\" }}\r\n\t\t\t\t\tclassName=\"change-project-path-button\"\r\n\t\t\t\t/>\r\n\t\t\t\t<div className=\"current-project-path\">{projectSettings.path}</div>\r\n\t\t\t</div>\r\n\t\t</form>\r\n\t);\r\n};\r\n"]}

package/react/components/smartDesktopDesigner/fixtures/applicationEditProps.d.ts

@@ -1,4 +0,0 @@
-import { ApplicationEditProps } from "../ApplicationEdit";
-declare const APP_CREATE_PROPS: ApplicationEditProps;
-declare const APP_EDIT_PROPS: ApplicationEditProps;
-export { APP_CREATE_PROPS, APP_EDIT_PROPS };

package/react/components/smartDesktopDesigner/fixtures/applicationEditProps.js

@@ -1,45 +0,0 @@
-import { default_apps } from "../fixtures/apps";
-import { appConfigToAppData } from "../Application";
-const defaultCallback = () => new Promise((resolve) => {
-    resolve(true);
-});
-const resolveNullError = () => new Promise((resolve) => {
-    resolve({ err: null });
-});
-const APP_CREATE_PROPS = {
-    id: "new",
-    isEditMode: false,
-    isSetupWizard: false,
-    setCurrentComponentID: () => { },
-    removeAppID: () => { },
-    onSaveData: () => new Promise((resolve) => {
-        resolve({});
-    }),
-    apps: Object.assign({}, default_apps),
-    data: {
-        name: "",
-        description: "",
-        path: "",
-        url: "",
-        height: 0,
-        width: 0,
-    },
-    isInboundInteropAuthorized: defaultCallback,
-    isOutboundInteropAuthorized: defaultCallback,
-    addApp: resolveNullError,
-};
-const APP_EDIT_PROPS = {
-    id: default_apps[0].appId,
-    isEditMode: true,
-    isSetupWizard: false,
-    setCurrentComponentID: () => { },
-    removeAppID: () => { },
-    onSaveData: defaultCallback,
-    apps: Object.assign({}, default_apps),
-    data: appConfigToAppData(default_apps[0]),
-    isInboundInteropAuthorized: defaultCallback,
-    isOutboundInteropAuthorized: defaultCallback,
-    addApp: resolveNullError,
-};
-export { APP_CREATE_PROPS, APP_EDIT_PROPS };
-//# sourceMappingURL=applicationEditProps.js.map

package/react/components/smartDesktopDesigner/fixtures/applicationEditProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"applicationEditProps.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/fixtures/applicationEditProps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,eAAe,GAAG,GAAqB,EAAE,CAC9C,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;IACvB,OAAO,CAAC,IAAI,CAAC,CAAC;AACf,CAAC,CAAC,CAAC;AAEJ,MAAM,gBAAgB,GAAG,GAA2B,EAAE,CACrD,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;IACvB,OAAO,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;AACxB,CAAC,CAAC,CAAC;AAEJ,MAAM,gBAAgB,GAAyB;IAC9C,EAAE,EAAE,KAAK;IACT,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,KAAK;IACpB,qBAAqB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC/B,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,UAAU,EAAE,GAAG,EAAE,CAChB,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,EAAE,CAAC,CAAC;IACb,CAAC,CAAC;IACH,IAAI,oBAAO,YAAY,CAAE;IACzB,IAAI,EAAE;QACL,IAAI,EAAE,EAAE;QACR,WAAW,EAAE,EAAE;QACf,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,CAAC;KACR;IACD,0BAA0B,EAAE,eAAe;IAC3C,2BAA2B,EAAE,eAAe;IAC5C,MAAM,EAAE,gBAAgB;CACxB,CAAC;AACF,MAAM,cAAc,GAAyB;IAC5C,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK;IACzB,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE,KAAK;IACpB,qBAAqB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC/B,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,UAAU,EAAE,eAAe;IAC3B,IAAI,oBAAO,YAAY,CAAE;IACzB,IAAI,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACzC,0BAA0B,EAAE,eAAe;IAC3C,2BAA2B,EAAE,eAAe;IAC5C,MAAM,EAAE,gBAAgB;CACxB,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import { ApplicationEditProps } from \"../ApplicationEdit\";\r\nimport { default_apps } from \"../fixtures/apps\";\r\nimport { appConfigToAppData } from \"../Application\";\r\n\r\nconst defaultCallback = (): Promise<boolean> =>\r\n\tnew Promise((resolve) => {\r\n\t\tresolve(true);\r\n\t});\r\n\r\nconst resolveNullError = (): Promise<{ err: null }> =>\r\n\tnew Promise((resolve) => {\r\n\t\tresolve({ err: null });\r\n\t});\r\n\r\nconst APP_CREATE_PROPS: ApplicationEditProps = {\r\n\tid: \"new\",\r\n\tisEditMode: false,\r\n\tisSetupWizard: false,\r\n\tsetCurrentComponentID: () => {},\r\n\tremoveAppID: () => {},\r\n\tonSaveData: () =>\r\n\t\tnew Promise((resolve) => {\r\n\t\t\tresolve({});\r\n\t\t}),\r\n\tapps: { ...default_apps },\r\n\tdata: {\r\n\t\tname: \"\",\r\n\t\tdescription: \"\",\r\n\t\tpath: \"\",\r\n\t\turl: \"\",\r\n\t\theight: 0,\r\n\t\twidth: 0,\r\n\t},\r\n\tisInboundInteropAuthorized: defaultCallback,\r\n\tisOutboundInteropAuthorized: defaultCallback,\r\n\taddApp: resolveNullError,\r\n};\r\nconst APP_EDIT_PROPS: ApplicationEditProps = {\r\n\tid: default_apps[0].appId,\r\n\tisEditMode: true,\r\n\tisSetupWizard: false,\r\n\tsetCurrentComponentID: () => {},\r\n\tremoveAppID: () => {},\r\n\tonSaveData: defaultCallback,\r\n\tapps: { ...default_apps },\r\n\tdata: appConfigToAppData(default_apps[0]),\r\n\tisInboundInteropAuthorized: defaultCallback,\r\n\tisOutboundInteropAuthorized: defaultCallback,\r\n\taddApp: resolveNullError,\r\n};\r\n\r\nexport { APP_CREATE_PROPS, APP_EDIT_PROPS };\r\n"]}

package/react/components/smartDesktopDesigner/fixtures/applicationSetupProps.d.ts

@@ -1,3 +0,0 @@
-import { ApplicationSetupProps } from "../ApplicationSetup";
-declare const DEFAULT_APP_SETUP_PROPS: ApplicationSetupProps;
-export default DEFAULT_APP_SETUP_PROPS;

package/react/components/smartDesktopDesigner/fixtures/applicationSetupProps.js

@@ -1,29 +0,0 @@
-import { default_apps } from "../fixtures/apps";
-const resolvePromiseTrue = () => new Promise((resolve) => {
-    resolve(true);
-});
-const DEFAULT_APP_SETUP_PROPS = {
-    id: "new",
-    setCurrentComponentID: () => { },
-    removeAppID: () => { },
-    onSaveData: () => new Promise((resolve) => {
-        resolve({});
-    }),
-    backFunction: () => { },
-    apps: Object.assign({}, default_apps),
-    data: {
-        name: "",
-        description: "",
-        path: "",
-        url: "",
-        height: 0,
-        width: 0,
-    },
-    isInboundInteropAuthorized: resolvePromiseTrue,
-    isOutboundInteropAuthorized: resolvePromiseTrue,
-    addApp: () => new Promise((resolve) => {
-        resolve({ err: null });
-    }),
-};
-export default DEFAULT_APP_SETUP_PROPS;
-//# sourceMappingURL=applicationSetupProps.js.map

package/react/components/smartDesktopDesigner/fixtures/applicationSetupProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"applicationSetupProps.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/fixtures/applicationSetupProps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,kBAAkB,GAAG,GAAqB,EAAE,CACjD,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;IACvB,OAAO,CAAC,IAAI,CAAC,CAAC;AACf,CAAC,CAAC,CAAC;AAEJ,MAAM,uBAAuB,GAA0B;IACtD,EAAE,EAAE,KAAK;IACT,qBAAqB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC/B,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,UAAU,EAAE,GAAG,EAAE,CAChB,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,EAAE,CAAC,CAAC;IACb,CAAC,CAAC;IACH,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,IAAI,oBAAO,YAAY,CAAE;IACzB,IAAI,EAAE;QACL,IAAI,EAAE,EAAE;QACR,WAAW,EAAE,EAAE;QACf,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,CAAC;KACR;IACD,0BAA0B,EAAE,kBAAkB;IAC9C,2BAA2B,EAAE,kBAAkB;IAC/C,MAAM,EAAE,GAAG,EAAE,CACZ,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC;CACH,CAAC;AAEF,eAAe,uBAAuB,CAAC","sourcesContent":["import { ApplicationSetupProps } from \"../ApplicationSetup\";\r\nimport { default_apps } from \"../fixtures/apps\";\r\n\r\nconst resolvePromiseTrue = (): Promise<boolean> =>\r\n\tnew Promise((resolve) => {\r\n\t\tresolve(true);\r\n\t});\r\n\r\nconst DEFAULT_APP_SETUP_PROPS: ApplicationSetupProps = {\r\n\tid: \"new\",\r\n\tsetCurrentComponentID: () => {},\r\n\tremoveAppID: () => {},\r\n\tonSaveData: () =>\r\n\t\tnew Promise((resolve) => {\r\n\t\t\tresolve({});\r\n\t\t}),\r\n\tbackFunction: () => {},\r\n\tapps: { ...default_apps },\r\n\tdata: {\r\n\t\tname: \"\",\r\n\t\tdescription: \"\",\r\n\t\tpath: \"\",\r\n\t\turl: \"\",\r\n\t\theight: 0,\r\n\t\twidth: 0,\r\n\t},\r\n\tisInboundInteropAuthorized: resolvePromiseTrue,\r\n\tisOutboundInteropAuthorized: resolvePromiseTrue,\r\n\taddApp: () =>\r\n\t\tnew Promise((resolve) => {\r\n\t\t\tresolve({ err: null });\r\n\t\t}),\r\n};\r\n\r\nexport default DEFAULT_APP_SETUP_PROPS;\r\n"]}

package/react/components/smartDesktopDesigner/stories/ApplicationEdit.stories.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { ApplicationEditProps } from "../ApplicationEdit";
-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: ApplicationEditProps) => JSX.Element;
-};
-export default _default;
-export declare const AddApp: Story<ApplicationEditProps>;
-export declare const EditApp: Story<ApplicationEditProps>;

package/react/components/smartDesktopDesigner/stories/ApplicationEdit.stories.js

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

package/react/components/smartDesktopDesigner/stories/ApplicationEdit.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApplicationEdit.stories.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/stories/ApplicationEdit.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;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAEpF,eAAe;IACd,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,eAAe;CAC1B,CAAC;AAEF,MAAM,QAAQ,GAAgC,CAAC,IAA0B,EAAE,EAAE;IAC5E,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,OAAO,CACN,oBAAC,iBAAiB,IAAC,KAAK,EAAE,WAAW,EAAE;QACtC,oBAAC,eAAe,oBAAK,IAAI,EAAI,CACV,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,qBACP,gBAAgB,CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,qBACR,cAAc,CACjB,CAAC","sourcesContent":["import React from \"react\";\r\nimport { ApplicationEdit, ApplicationEditProps } from \"../ApplicationEdit\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../../common/css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { initFSBL } from \"../../common/helpers\";\r\nimport { FinsembleProvider, createStore } from \"../../FinsembleProvider\";\r\nimport { APP_CREATE_PROPS, APP_EDIT_PROPS } from \"../fixtures/applicationEditProps\";\r\n\r\nexport default {\r\n\ttitle: \"Smart Desktop Designer/ApplicationEdit\",\r\n\tcomponent: ApplicationEdit,\r\n};\r\n\r\nconst Template: Story<ApplicationEditProps> = (args: ApplicationEditProps) => {\r\n\tinitFSBL(window);\r\n\r\n\treturn (\r\n\t\t<FinsembleProvider store={createStore()}>\r\n\t\t\t<ApplicationEdit {...args} />\r\n\t\t</FinsembleProvider>\r\n\t);\r\n};\r\n\r\nexport const AddApp = Template.bind({});\r\nAddApp.args = {\r\n\t...APP_CREATE_PROPS,\r\n};\r\n\r\nexport const EditApp = Template.bind({});\r\nEditApp.args = {\r\n\t...APP_EDIT_PROPS,\r\n};\r\n"]}

package/react/components/smartDesktopDesigner/stories/ApplicationSetup.stories.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { ApplicationSetupProps } from "../ApplicationSetup";
-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: ApplicationSetupProps) => JSX.Element;
-};
-export default _default;
-export declare const AddNewApp: Story<ApplicationSetupProps>;
-export declare const EditExistingApp: Story<ApplicationSetupProps>;

package/react/components/smartDesktopDesigner/stories/ApplicationSetup.stories.js

@@ -1,28 +0,0 @@
-import React from "react";
-import { ApplicationSetup } from "../ApplicationSetup";
-import "../../../assets/css/finsemble.css";
-import "../../common/css/styles.css";
-import { FinsembleProvider } from "../../FinsembleProvider";
-import { initFSBL } from "../../common/helpers";
-import DEFAULT_APP_SETUP_PROPS from "../fixtures/applicationSetupProps";
-import { appConfigToAppData } from "../Application";
-export default {
-    title: "Smart Desktop Designer/Application Setup (Wizard)",
-    component: ApplicationSetup,
-};
-const Template = (args) => {
-    initFSBL(window);
-    return (React.createElement(FinsembleProvider, null,
-        React.createElement(ApplicationSetup, Object.assign({}, args))));
-};
-export const AddNewApp = (() => {
-    const Component = Template.bind({});
-    Component.args = Object.assign(Object.assign({}, DEFAULT_APP_SETUP_PROPS), { id: "new" });
-    return Component;
-})();
-export const EditExistingApp = (() => {
-    const Component = Template.bind({});
-    Component.args = Object.assign(Object.assign({}, DEFAULT_APP_SETUP_PROPS), { id: DEFAULT_APP_SETUP_PROPS.apps[0].appId, data: appConfigToAppData(DEFAULT_APP_SETUP_PROPS.apps[0]) });
-    return Component;
-})();
-//# sourceMappingURL=ApplicationSetup.stories.js.map

package/react/components/smartDesktopDesigner/stories/ApplicationSetup.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApplicationSetup.stories.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/stories/ApplicationSetup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAyB,MAAM,qBAAqB,CAAC;AAC9E,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,uBAAuB,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,eAAe;IACd,KAAK,EAAE,mDAAmD;IAC1D,SAAS,EAAE,gBAAgB;CAC3B,CAAC;AAEF,MAAM,QAAQ,GAAiC,CAAC,IAA2B,EAAE,EAAE;IAC9E,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,OAAO,CACN,oBAAC,iBAAiB;QACjB,oBAAC,gBAAgB,oBAAK,IAAI,EAAI,CACX,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE;IAC9B,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEpC,SAAS,CAAC,IAAI,mCACV,uBAAuB,KAC1B,EAAE,EAAE,KAAK,GACT,CAAC;IAEF,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC,EAAE,CAAC;AAEL,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,GAAG,EAAE;IACpC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEpC,SAAS,CAAC,IAAI,mCACV,uBAAuB,KAC1B,EAAE,EAAG,uBAAuB,CAAC,IAAI,CAAC,CAAC,CAAS,CAAC,KAAK,EAClD,IAAI,EAAE,kBAAkB,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GACzD,CAAC;IAEF,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC,EAAE,CAAC","sourcesContent":["import React from \"react\";\r\nimport { ApplicationSetup, ApplicationSetupProps } from \"../ApplicationSetup\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../../common/css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nimport { FinsembleProvider } from \"../../FinsembleProvider\";\r\nimport { initFSBL } from \"../../common/helpers\";\r\nimport DEFAULT_APP_SETUP_PROPS from \"../fixtures/applicationSetupProps\";\r\nimport { appConfigToAppData } from \"../Application\";\r\n\r\nexport default {\r\n\ttitle: \"Smart Desktop Designer/Application Setup (Wizard)\",\r\n\tcomponent: ApplicationSetup,\r\n};\r\n\r\nconst Template: Story<ApplicationSetupProps> = (args: ApplicationSetupProps) => {\r\n\tinitFSBL(window);\r\n\r\n\treturn (\r\n\t\t<FinsembleProvider>\r\n\t\t\t<ApplicationSetup {...args} />\r\n\t\t</FinsembleProvider>\r\n\t);\r\n};\r\n\r\nexport const AddNewApp = (() => {\r\n\tconst Component = Template.bind({});\r\n\r\n\tComponent.args = {\r\n\t\t...DEFAULT_APP_SETUP_PROPS,\r\n\t\tid: \"new\",\r\n\t};\r\n\r\n\treturn Component;\r\n})();\r\n\r\nexport const EditExistingApp = (() => {\r\n\tconst Component = Template.bind({});\r\n\r\n\tComponent.args = {\r\n\t\t...DEFAULT_APP_SETUP_PROPS,\r\n\t\tid: (DEFAULT_APP_SETUP_PROPS.apps[0] as any).appId,\r\n\t\tdata: appConfigToAppData(DEFAULT_APP_SETUP_PROPS.apps[0]),\r\n\t};\r\n\r\n\treturn Component;\r\n})();\r\n"]}