@finsemble/finsemble-ui 10.0.0-beta.3 → 10.0.0-iocd.2

package/react/components/desktopProjectEditor/Applications.js

@@ -1,196 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React, { useEffect, useState } from "react";
-import { useSelector, useDispatch } from "../../store";
-import { View } from "./View";
-import { Tab } from "../common/Tab";
-import { Header } from "../common/Header";
-import { FinsembleSelect } from "../common/FinsembleSelect";
-import { Button } from "../common/Button";
-import { Content } from "./Content";
-import { Application, ApplicationCloseReason } from "./Application";
-import { ApplicationList } from "./ApplicationList";
-import { DesktopProjectEditorActions } from "../../actions/desktopProjectEditorActions";
-import { DropZone } from "../common/DropZone";
-import { generateDefaultConfig } from "./dpe_helpers";
-import { launchTutorialLink } from "./common/fsbl_functions";
-const MENU_NAME_MAX_LENGTH = 50;
-export const Applications = (props) => {
-    var _a;
-    const dispatch = useDispatch();
-    const [currentMenuID, setCurrentMenuID] = useState("");
-    const [menuName, setMenuName] = useState("");
-    const [focusOnMenu, setFocusOnMenu] = useState(false);
-    const [selectedApps, setSelectedApps] = useState([]);
-    const apps = useSelector((state) => state.desktopProjectEditor.apps);
-    const menus = useSelector((state) => state.desktopProjectEditor.menus);
-    const newAppID = useSelector((state) => state.desktopProjectEditor.newAppId);
-    const currentAppID = useSelector((state) => state.desktopProjectEditor.currentAppId);
-    function updateAppList() {
-        props.getApps().then((response) => {
-            dispatch(DesktopProjectEditorActions.update_apps(response.apps));
-            props.getMenus().then((response) => {
-                dispatch(DesktopProjectEditorActions.update_menus(response.menus));
-            });
-        });
-    }
-    function setCurrentAppID(id) {
-        if (id === null) {
-            dispatch(DesktopProjectEditorActions.new_app(null));
-        }
-        setFocusOnMenu(false);
-        dispatch(DesktopProjectEditorActions.set_current_app_id(id));
-        updateAppList();
-    }
-    const updateMenuItem = () => {
-        const whenDone = () => {
-            updateAppList();
-            setMenuName("");
-            setFocusOnMenu(true);
-            setCurrentMenuID("");
-        };
-        if (currentMenuID == "new") {
-            props
-                .addMenu({
-                displayName: menuName,
-                applications: selectedApps,
-                position: -1,
-            })
-                .then(whenDone);
-        }
-        else {
-            props
-                .updateMenu(currentMenuID, {
-                displayName: menuName,
-                applications: selectedApps,
-                position: menus[currentMenuID].position,
-            })
-                .then(whenDone);
-        }
-    };
-    const removeAppID = (id) => {
-        props.deleteApp(id).then(({ err }) => {
-            if (err) {
-                alert(err);
-            }
-            updateAppList();
-        });
-        props.getMenus().then(({ menus: grabbedMenus }) => {
-            Object.keys(grabbedMenus).forEach((menuId) => {
-                if (!grabbedMenus[menuId].applications.includes(id)) {
-                    return;
-                }
-                grabbedMenus[menuId].applications.splice(grabbedMenus[menuId].applications.indexOf(id), 1);
-                props.updateMenu(menuId, grabbedMenus[menuId]);
-            });
-        });
-    };
-    const removeMenuID = (id) => {
-        props.deleteMenu(id).then(({ err }) => {
-            if (err) {
-                alert(err);
-            }
-            updateAppList();
-        });
-    };
-    const addNewMenu = () => {
-        setCurrentMenuID("new");
-    };
-    useEffect(updateAppList, []);
-    const addDroppedApp = (file, index) => {
-        const appId = String(new Date().getTime() + index);
-        const { path } = file;
-        props.getAppConfigTemplate().then((response) => {
-            const { config } = response;
-            const { displayName } = generateDefaultConfig(Object.assign(Object.assign({}, config), { path }));
-            config.name = displayName;
-            config.appName = displayName;
-            config.appId = appId;
-            config.manifest.window.windowType = "assimilation";
-            config.manifest.window.path = path;
-            delete config.manifest.window.url;
-            props.addApp(appId, config).then(() => {
-                updateAppList();
-            });
-        });
-    };
-    return (React.createElement(React.Fragment, null, currentAppID ? (React.createElement(Application, Object.assign({ id: currentAppID }, {
-        apps,
-        addApp: props.addApp,
-        updateApp: props.updateApp,
-        deleteApp: props.deleteApp,
-        getAppConfigTemplate: props.getAppConfigTemplate,
-        setCurrentAppID,
-        onClose: (reason) => {
-            if (reason === ApplicationCloseReason.NEW) {
-                dispatch(DesktopProjectEditorActions.new_app(new Date().getTime().toString()));
-            }
-            else if (reason === ApplicationCloseReason.CANCEL && currentAppID === newAppID) {
-                props.deleteApp(currentAppID);
-                setCurrentAppID(null);
-            }
-            else {
-                setCurrentAppID(null);
-            }
-        },
-    }))) : currentMenuID ? (React.createElement(View, null,
-        React.createElement(Header, { backFunction: () => {
-                setFocusOnMenu(true);
-                setCurrentMenuID("");
-            } }, "Menus"),
-        React.createElement(Content, null,
-            React.createElement("div", { className: "app-edit-field" },
-                React.createElement("label", { htmlFor: "menu-name" }, "Name"),
-                React.createElement("input", { type: "text", id: "menu-name", value: menuName, onChange: (e) => {
-                        setMenuName(e.target.value.substr(0, MENU_NAME_MAX_LENGTH));
-                    } })),
-            React.createElement("div", { className: "app-edit-field" },
-                React.createElement("label", { htmlFor: "menu-group" }, "Group Contents"),
-                React.createElement(FinsembleSelect, { options: apps.map((app) => app.name), values: apps.map((app) => app.appId), selected: ((_a = menus[currentMenuID]) === null || _a === void 0 ? void 0 : _a.applications) || [], updateCallback: setSelectedApps, showSearch: true })),
-            React.createElement("div", { className: "app-edit-actions" },
-                React.createElement("span", null),
-                React.createElement(Button, { fashion: "secondary", text: "Save", disabled: menuName.length <= 0, onClick: updateMenuItem }))))) : (React.createElement(View, null,
-        React.createElement(Header, { helpFunction: () => {
-                launchTutorialLink("managing-applications");
-            } }, "Applications"),
-        React.createElement(Tab, { autofocus: focusOnMenu ? 1 : 0 },
-            React.createElement("div", { "data-label": "Apps" },
-                React.createElement("div", { className: "frontmatter" }, "Try dragging your favorite apps into this list for quick adding."),
-                React.createElement(Button, { fashion: "primary", iconBefore: "add", text: "Add New", onClick: () => {
-                        dispatch(DesktopProjectEditorActions.new_app(new Date().getTime().toString()));
-                    } }),
-                React.createElement(DropZone, { processFile: addDroppedApp },
-                    React.createElement(ApplicationList, Object.assign({}, {
-                        apps: apps.filter((app) => { var _a; return !((_a = app === null || app === void 0 ? void 0 : app.manifest) === null || _a === void 0 ? void 0 : _a.temporary); }),
-                        clickApp: (appID) => {
-                            setCurrentAppID(appID);
-                        },
-                        deleteApp: removeAppID,
-                    })))),
-            React.createElement("div", { "data-label": "Menus" },
-                React.createElement("div", { className: "frontmatter" },
-                    "This screen allows you to make menus that will appear on your Toolbar.",
-                    React.createElement("br", null),
-                    "You are allowed a maximum of five Menus."),
-                React.createElement(Button, { fashion: "primary", text: "Add New", iconBefore: "add", disabled: Object.keys(menus).length >= 5, onClick: addNewMenu }),
-                React.createElement(ApplicationList, Object.assign({}, {
-                    apps: Object.entries(menus).map(([key, value]) => {
-                        const menuObj = JSON.parse(JSON.stringify(value));
-                        menuObj.appId = key;
-                        menuObj.appName = menuObj.displayName;
-                        if (menuObj.applications.length === 0) {
-                            menuObj.icon = "warning";
-                        }
-                        return menuObj;
-                    }),
-                    clickApp: (menuId) => {
-                        setCurrentMenuID(menuId);
-                        setMenuName(menus[menuId].displayName);
-                        setSelectedApps(menus[menuId].applications);
-                    },
-                    deleteApp: removeMenuID,
-                }))))))));
-};
-//# sourceMappingURL=Applications.js.map

package/react/components/desktopProjectEditor/Applications.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Applications.js","sourceRoot":"","sources":["../../../src/components/desktopProjectEditor/Applications.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\nimport { useSelector, useDispatch } from \"../../store\";\r\nimport { View } from \"./View\";\r\nimport { Tab } from \"../common/Tab\";\r\nimport { Header } from \"../common/Header\";\r\nimport { FinsembleSelect } from \"../common/FinsembleSelect\";\r\nimport { Button } from \"../common/Button\";\r\nimport { Content } from \"./Content\";\r\nimport { Application, ApplicationCloseReason } from \"./Application\";\r\nimport { ApplicationList } from \"./ApplicationList\";\r\n\r\nimport { DesktopProjectEditorActions } from \"../../actions/desktopProjectEditorActions\";\r\n\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\n\r\nimport { DropZone, FileWithPath } from \"../common/DropZone\";\r\nimport { generateDefaultConfig } from \"./dpe_helpers\";\r\nimport { MenuType } from \"../../types/desktopProjectEditorTypes\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\n\r\nconst MENU_NAME_MAX_LENGTH = 50;\r\n\r\nexport type ApplicationsProps = {\r\n\tgetApps: typeof FSBL.Clients.DesktopProjectClient.prototype.getApps;\r\n\taddApp: typeof FSBL.Clients.DesktopProjectClient.prototype.addApp;\r\n\tupdateApp: typeof FSBL.Clients.DesktopProjectClient.prototype.updateApp;\r\n\tdeleteApp: typeof FSBL.Clients.DesktopProjectClient.prototype.deleteApp;\r\n\tgetAppConfigTemplate: typeof FSBL.Clients.DesktopProjectClient.prototype.getAppConfigTemplate;\r\n\tgetMenus: typeof FSBL.Clients.DesktopProjectClient.prototype.getMenus;\r\n\taddMenu: typeof FSBL.Clients.DesktopProjectClient.prototype.addMenu;\r\n\tupdateMenu: typeof FSBL.Clients.DesktopProjectClient.prototype.updateMenu;\r\n\tdeleteMenu: typeof FSBL.Clients.DesktopProjectClient.prototype.deleteMenu;\r\n};\r\n\r\nexport const Applications = (props: ApplicationsProps) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst [currentMenuID, setCurrentMenuID] = useState(\"\");\r\n\tconst [menuName, setMenuName] = useState(\"\");\r\n\tconst [focusOnMenu, setFocusOnMenu] = useState(false);\r\n\tconst [selectedApps, setSelectedApps] = useState<string[]>([]);\r\n\r\n\tconst apps = useSelector((state: RootState) => state.desktopProjectEditor.apps);\r\n\tconst menus = useSelector<MenuType>((state: RootState) => state.desktopProjectEditor.menus);\r\n\r\n\tconst newAppID = useSelector((state: RootState) => state.desktopProjectEditor.newAppId);\r\n\r\n\tconst currentAppID = useSelector((state: RootState) => state.desktopProjectEditor.currentAppId);\r\n\r\n\tfunction updateAppList() {\r\n\t\tprops.getApps().then((response) => {\r\n\t\t\tdispatch(DesktopProjectEditorActions.update_apps(response.apps));\r\n\t\t\tprops.getMenus().then((response) => {\r\n\t\t\t\tdispatch(DesktopProjectEditorActions.update_menus(response.menus));\r\n\t\t\t});\r\n\t\t\t// FSBL.Clients.Logger.log(\"apps\", response.apps);\r\n\t\t});\r\n\t}\r\n\r\n\tfunction setCurrentAppID(id: string | null) {\r\n\t\tif (id === null) {\r\n\t\t\tdispatch(DesktopProjectEditorActions.new_app(null));\r\n\t\t}\r\n\t\tsetFocusOnMenu(false);\r\n\r\n\t\tdispatch(DesktopProjectEditorActions.set_current_app_id(id));\r\n\t\tupdateAppList();\r\n\t}\r\n\r\n\tconst updateMenuItem = () => {\r\n\t\tconst whenDone = () => {\r\n\t\t\tupdateAppList();\r\n\t\t\tsetMenuName(\"\");\r\n\t\t\tsetFocusOnMenu(true);\r\n\t\t\tsetCurrentMenuID(\"\");\r\n\t\t};\r\n\t\tif (currentMenuID == \"new\") {\r\n\t\t\tprops\r\n\t\t\t\t.addMenu({\r\n\t\t\t\t\tdisplayName: menuName,\r\n\t\t\t\t\tapplications: selectedApps,\r\n\t\t\t\t\tposition: -1,\r\n\t\t\t\t})\r\n\t\t\t\t.then(whenDone);\r\n\t\t} else {\r\n\t\t\tprops\r\n\t\t\t\t.updateMenu(currentMenuID, {\r\n\t\t\t\t\tdisplayName: menuName,\r\n\t\t\t\t\tapplications: selectedApps,\r\n\t\t\t\t\tposition: menus[currentMenuID].position,\r\n\t\t\t\t})\r\n\t\t\t\t.then(whenDone);\r\n\t\t}\r\n\t};\r\n\r\n\tconst removeAppID = (id: string) => {\r\n\t\t// Delete app from list of apps\r\n\t\tprops.deleteApp(id).then(({ err }: { err: string }) => {\r\n\t\t\tif (err) {\r\n\t\t\t\t// @todo : add error handling.  Maybe react-toast-notify?\r\n\t\t\t\talert(err);\r\n\t\t\t}\r\n\t\t\tupdateAppList();\r\n\t\t});\r\n\r\n\t\t// Remove reference to app from all menus\r\n\t\tprops.getMenus().then(({ menus: grabbedMenus }: { menus: MenuType }) => {\r\n\t\t\tObject.keys(grabbedMenus).forEach((menuId) => {\r\n\t\t\t\tif (!grabbedMenus[menuId].applications.includes(id)) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tgrabbedMenus[menuId].applications.splice(grabbedMenus[menuId].applications.indexOf(id), 1);\r\n\t\t\t\tprops.updateMenu(menuId, grabbedMenus[menuId]);\r\n\t\t\t});\r\n\t\t});\r\n\t};\r\n\r\n\tconst removeMenuID = (id: string) => {\r\n\t\tprops.deleteMenu(id).then(({ err }: { err: string }) => {\r\n\t\t\tif (err) {\r\n\t\t\t\t// @todo : add error handling.  Maybe react-toast-notify?\r\n\t\t\t\talert(err);\r\n\t\t\t}\r\n\t\t\tupdateAppList();\r\n\t\t});\r\n\t};\r\n\r\n\tconst addNewMenu = () => {\r\n\t\tsetCurrentMenuID(\"new\");\r\n\t};\r\n\r\n\t/********* Lifecycle effects *********/\r\n\r\n\t// Call updateAppList once the componet has mounted\r\n\t// Can't call out of an effect, or it will cause an endless loop\r\n\tuseEffect(updateAppList, []);\r\n\r\n\tconst addDroppedApp = (file: FileWithPath, index: number) => {\r\n\t\tconst appId = String(new Date().getTime() + index);\r\n\t\tconst { path } = file;\r\n\r\n\t\t// Generate defaults and then add app with those defaults\r\n\t\tprops.getAppConfigTemplate().then((response) => {\r\n\t\t\tconst { config } = response;\r\n\t\t\t// Get generated displayName\r\n\t\t\tconst { displayName } = generateDefaultConfig({\r\n\t\t\t\t...config,\r\n\t\t\t\tpath,\r\n\t\t\t});\r\n\t\t\tconfig.name = displayName;\r\n\t\t\tconfig.appName = displayName;\r\n\r\n\t\t\t// We generated appId above\r\n\t\t\tconfig.appId = appId;\r\n\r\n\t\t\t// A file was dropped, so we know this was a file, not a URL\r\n\t\t\tconfig.manifest.window.windowType = \"assimilation\";\r\n\t\t\tconfig.manifest.window.path = path;\r\n\t\t\tdelete config.manifest.window.url;\r\n\r\n\t\t\t// Add app with defaults\r\n\t\t\tprops.addApp(appId, config).then(() => {\r\n\t\t\t\tupdateAppList();\r\n\t\t\t});\r\n\t\t});\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{currentAppID ? (\r\n\t\t\t\t<Application\r\n\t\t\t\t\tid={currentAppID}\r\n\t\t\t\t\t{...{\r\n\t\t\t\t\t\tapps,\r\n\t\t\t\t\t\taddApp: props.addApp,\r\n\t\t\t\t\t\tupdateApp: props.updateApp,\r\n\t\t\t\t\t\tdeleteApp: props.deleteApp,\r\n\t\t\t\t\t\tgetAppConfigTemplate: props.getAppConfigTemplate,\r\n\t\t\t\t\t\tsetCurrentAppID,\r\n\t\t\t\t\t\tonClose: (reason) => {\r\n\t\t\t\t\t\t\tif (reason === ApplicationCloseReason.NEW) {\r\n\t\t\t\t\t\t\t\tdispatch(DesktopProjectEditorActions.new_app(new Date().getTime().toString()));\r\n\t\t\t\t\t\t\t} else if (reason === ApplicationCloseReason.CANCEL && currentAppID === newAppID) {\r\n\t\t\t\t\t\t\t\tprops.deleteApp(currentAppID);\r\n\t\t\t\t\t\t\t\tsetCurrentAppID(null);\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tsetCurrentAppID(null);\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></Application>\r\n\t\t\t) : currentMenuID ? (\r\n\t\t\t\t<View>\r\n\t\t\t\t\t<Header\r\n\t\t\t\t\t\tbackFunction={() => {\r\n\t\t\t\t\t\t\tsetFocusOnMenu(true);\r\n\t\t\t\t\t\t\tsetCurrentMenuID(\"\");\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tMenus\r\n\t\t\t\t\t</Header>\r\n\t\t\t\t\t<Content>\r\n\t\t\t\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t\t\t\t<label htmlFor=\"menu-name\">Name</label>\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\tid=\"menu-name\"\r\n\t\t\t\t\t\t\t\tvalue={menuName}\r\n\t\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\t\t// This is the equivalent of using maxLength={MENU_NAME_MAX_LENGTH}\r\n\t\t\t\t\t\t\t\t\t// except that this way is testable with enzyme\r\n\t\t\t\t\t\t\t\t\tsetMenuName(e.target.value.substr(0, MENU_NAME_MAX_LENGTH));\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</div>\r\n\t\t\t\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t\t\t\t<label htmlFor=\"menu-group\">Group Contents</label>\r\n\t\t\t\t\t\t\t<FinsembleSelect\r\n\t\t\t\t\t\t\t\toptions={apps.map((app) => app.name)}\r\n\t\t\t\t\t\t\t\tvalues={apps.map((app) => app.appId)}\r\n\t\t\t\t\t\t\t\tselected={menus[currentMenuID]?.applications || []}\r\n\t\t\t\t\t\t\t\tupdateCallback={setSelectedApps}\r\n\t\t\t\t\t\t\t\tshowSearch={true}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div className=\"app-edit-actions\">\r\n\t\t\t\t\t\t\t<span></span>\r\n\t\t\t\t\t\t\t<Button fashion=\"secondary\" text=\"Save\" disabled={menuName.length <= 0} onClick={updateMenuItem} />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</Content>\r\n\t\t\t\t</View>\r\n\t\t\t) : (\r\n\t\t\t\t<View>\r\n\t\t\t\t\t<Header\r\n\t\t\t\t\t\thelpFunction={() => {\r\n\t\t\t\t\t\t\tlaunchTutorialLink(\"managing-applications\");\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tApplications\r\n\t\t\t\t\t</Header>\r\n\t\t\t\t\t<Tab autofocus={focusOnMenu ? 1 : 0}>\r\n\t\t\t\t\t\t<div data-label=\"Apps\">\r\n\t\t\t\t\t\t\t<div className=\"frontmatter\">Try dragging your favorite apps into this list for quick adding.</div>\r\n\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\tfashion=\"primary\"\r\n\t\t\t\t\t\t\t\ticonBefore=\"add\"\r\n\t\t\t\t\t\t\t\ttext=\"Add New\"\r\n\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\tdispatch(DesktopProjectEditorActions.new_app(new Date().getTime().toString()));\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t<DropZone processFile={addDroppedApp}>\r\n\t\t\t\t\t\t\t\t<ApplicationList\r\n\t\t\t\t\t\t\t\t\t{...{\r\n\t\t\t\t\t\t\t\t\t\tapps: apps.filter((app) => !app?.manifest?.temporary),\r\n\t\t\t\t\t\t\t\t\t\tclickApp: (appID: string) => {\r\n\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppID(appID);\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\tdeleteApp: removeAppID,\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</DropZone>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<div data-label=\"Menus\">\r\n\t\t\t\t\t\t\t<div className=\"frontmatter\">\r\n\t\t\t\t\t\t\t\tThis screen allows you to make menus that will appear on your Toolbar.\r\n\t\t\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t\t\tYou are allowed a maximum of five Menus.\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\tfashion=\"primary\"\r\n\t\t\t\t\t\t\t\ttext=\"Add New\"\r\n\t\t\t\t\t\t\t\ticonBefore=\"add\"\r\n\t\t\t\t\t\t\t\tdisabled={Object.keys(menus).length >= 5}\r\n\t\t\t\t\t\t\t\tonClick={addNewMenu}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<ApplicationList\r\n\t\t\t\t\t\t\t\t{...{\r\n\t\t\t\t\t\t\t\t\tapps: Object.entries(menus).map(([key, value]) => {\r\n\t\t\t\t\t\t\t\t\t\tconst menuObj = JSON.parse(JSON.stringify(value));\r\n\t\t\t\t\t\t\t\t\t\tmenuObj.appId = key;\r\n\t\t\t\t\t\t\t\t\t\tmenuObj.appName = menuObj.displayName;\r\n\t\t\t\t\t\t\t\t\t\tif (menuObj.applications.length === 0) {\r\n\t\t\t\t\t\t\t\t\t\t\tmenuObj.icon = \"warning\";\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\treturn menuObj;\r\n\t\t\t\t\t\t\t\t\t}),\r\n\t\t\t\t\t\t\t\t\tclickApp: (menuId: string) => {\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentMenuID(menuId);\r\n\t\t\t\t\t\t\t\t\t\tsetMenuName(menus[menuId].displayName);\r\n\t\t\t\t\t\t\t\t\t\tsetSelectedApps(menus[menuId].applications);\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tdeleteApp: removeMenuID,\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</div>\r\n\t\t\t\t\t</Tab>\r\n\t\t\t\t</View>\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n};\r\n"]}

package/react/components/desktopProjectEditor/AssetsPage.css

@@ -1,26 +0,0 @@
-.project-assets-field {
-	margin-bottom: 2em;
-}
-
-.project-assets-field label {
-	display: flex;
-	align-items: center;
-	margin-bottom: 1em;
-}
-
-.project-assets-field label > span {
-	font-size: 1.25em;
-	display: inline-block;
-	margin-right: 1em;
-	font-weight: bold;
-}
-
-.images-section .view-header {
-	margin-left: 0rem;
-	margin-top: 0rem;
-	width: 100%;
-}
-
-.theme-edit .view-content {
-	margin-right: 0rem;
-}

package/react/components/desktopProjectEditor/AssetsPage.d.ts

@@ -1,27 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-/// <reference types="react" />
-import { FileInputUploadCb } from "../common/FileInput";
-import "./AssetsPage.css";
-export declare type AssetsPageProps = {
-    baseURL: string;
-    toolbarIcon: string;
-    setToolbarIcon: (s: string) => void;
-    taskbarIcon: string;
-    setTaskbarIcon: (s: string) => void;
-    installerIcon: string;
-    setInstallerIcon: (s: string) => void;
-    systemTrayIcon: string;
-    setSystemTrayIcon: (s: string) => void;
-    splashScreenImage: string;
-    setSplashScreenImage: (s: string) => void;
-    setIconsChanged: (n: number) => void;
-    updateSplashScreen: FileInputUploadCb;
-    updateToolbarIcon: FileInputUploadCb;
-    updateTaskbarIcon: FileInputUploadCb;
-    updateSystemTrayIcon: FileInputUploadCb;
-    updateInstallerIcon: FileInputUploadCb;
-};
-export declare const AssetsPage: ({ baseURL, toolbarIcon, setToolbarIcon, taskbarIcon, setTaskbarIcon, installerIcon, setInstallerIcon, systemTrayIcon, setSystemTrayIcon, splashScreenImage, setSplashScreenImage, setIconsChanged, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, }: AssetsPageProps) => JSX.Element;

package/react/components/desktopProjectEditor/AssetsPage.js

@@ -1,56 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React from "react";
-import { ImagePreview, ImagePreviewSize } from "../common/ImagePreview";
-import { Tooltip } from "../common/Tooltip";
-import "./AssetsPage.css";
-export const AssetsPage = ({ baseURL, toolbarIcon, setToolbarIcon, taskbarIcon, setTaskbarIcon, installerIcon, setInstallerIcon, systemTrayIcon, setSystemTrayIcon, splashScreenImage, setSplashScreenImage, setIconsChanged, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, }) => (React.createElement("div", { className: "images-section" },
-    React.createElement("fieldset", { className: "project-assets" },
-        React.createElement("div", { className: "project-assets-field" },
-            React.createElement("label", { htmlFor: "export-splash-screen" },
-                React.createElement("span", null, "Splash Screen"),
-                React.createElement(Tooltip, null, "The Splash screen should be 600px X 400px (W x H). Supported formats are PNG, JPG, and GIF.")),
-            React.createElement("div", { className: "project-splash-screen-field" },
-                React.createElement(ImagePreview, { value: splashScreenImage, onSetValue: (value) => {
-                        setSplashScreenImage(value);
-                        setIconsChanged(new Date().getTime());
-                    }, uploadFunction: updateSplashScreen, acceptTypes: ["image/png", "image/jpeg", "image/gif"], baseURL: baseURL, previewSize: ImagePreviewSize.LARGE }))),
-        React.createElement("div", { className: "project-assets-field" },
-            React.createElement("label", { htmlFor: "export-splash-screen" },
-                React.createElement("span", null, "Toolbar Icon"),
-                React.createElement(Tooltip, null, "Toolbar icon should be 200px X 200px. Supported formats are PNG, JPG, and GIF.")),
-            React.createElement("div", { className: "project-icon-field" },
-                React.createElement(ImagePreview, { value: toolbarIcon, onSetValue: (value) => {
-                        setToolbarIcon(value);
-                        setIconsChanged(new Date().getTime());
-                    }, uploadFunction: updateToolbarIcon, acceptTypes: ["image/png", "image/jpeg", "image/gif"], baseURL: baseURL }))),
-        React.createElement("div", { className: "project-assets-field" },
-            React.createElement("label", { htmlFor: "export-taskbar-icon" },
-                React.createElement("span", null, "Taskbar Icon"),
-                React.createElement(Tooltip, null, "Toolbar icon should be 400px X 400px. Supported formats are PNG and JPG")),
-            React.createElement("div", { className: "project-icon-field" },
-                React.createElement(ImagePreview, { value: taskbarIcon, onSetValue: (value) => {
-                        setTaskbarIcon(value);
-                        setIconsChanged(new Date().getTime());
-                    }, uploadFunction: updateTaskbarIcon, acceptTypes: ["image/png", "image/jpeg"], baseURL: baseURL }))),
-        React.createElement("div", { className: "project-assets-field" },
-            React.createElement("label", { htmlFor: "export-system-tray-icon" },
-                React.createElement("span", null, "System Tray Icon"),
-                React.createElement(Tooltip, null, "System Tray icon should be 100px X 100px. Supported formats are PNG and JPG.")),
-            React.createElement("div", { className: "project-icon-field" },
-                React.createElement(ImagePreview, { value: systemTrayIcon, onSetValue: (value) => {
-                        setSystemTrayIcon(value);
-                        setIconsChanged(new Date().getTime());
-                    }, uploadFunction: updateSystemTrayIcon, acceptTypes: ["image/png", "image/jpeg"], baseURL: baseURL }))),
-        React.createElement("div", { className: "project-assets-field" },
-            React.createElement("label", { htmlFor: "export-installer-icon" },
-                React.createElement("span", null, "Installer Icon"),
-                React.createElement(Tooltip, null, "Installer icons must be ICO format. ICO images are easily created from PNG files using free online services. Please see the User Guide for more information.")),
-            React.createElement("div", { className: "project-icon-field" },
-                React.createElement(ImagePreview, { value: installerIcon, onSetValue: (value) => {
-                        setInstallerIcon(value);
-                        setIconsChanged(new Date().getTime());
-                    }, uploadFunction: updateInstallerIcon, acceptTypes: ["image/x-icon"], baseURL: baseURL }))))));
-//# sourceMappingURL=AssetsPage.js.map

package/react/components/desktopProjectEditor/AssetsPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AssetsPage.js","sourceRoot":"","sources":["../../../src/components/desktopProjectEditor/AssetsPage.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 from \"react\";\r\nimport { ImagePreview, ImagePreviewSize } from \"../common/ImagePreview\";\r\nimport { FileInputUploadCb } from \"../common/FileInput\";\r\nimport { Tooltip } from \"../common/Tooltip\";\r\nimport \"./AssetsPage.css\";\r\n\r\nexport type AssetsPageProps = {\r\n\tbaseURL: string;\r\n\ttoolbarIcon: string;\r\n\tsetToolbarIcon: (s: string) => void;\r\n\ttaskbarIcon: string;\r\n\tsetTaskbarIcon: (s: string) => void;\r\n\tinstallerIcon: string;\r\n\tsetInstallerIcon: (s: string) => void;\r\n\tsystemTrayIcon: string;\r\n\tsetSystemTrayIcon: (s: string) => void;\r\n\tsplashScreenImage: string;\r\n\tsetSplashScreenImage: (s: string) => void;\r\n\tsetIconsChanged: (n: number) => void;\r\n\tupdateSplashScreen: FileInputUploadCb;\r\n\tupdateToolbarIcon: FileInputUploadCb;\r\n\tupdateTaskbarIcon: FileInputUploadCb;\r\n\tupdateSystemTrayIcon: FileInputUploadCb;\r\n\tupdateInstallerIcon: FileInputUploadCb;\r\n};\r\n\r\nexport const AssetsPage = ({\r\n\tbaseURL,\r\n\ttoolbarIcon,\r\n\tsetToolbarIcon,\r\n\ttaskbarIcon,\r\n\tsetTaskbarIcon,\r\n\tinstallerIcon,\r\n\tsetInstallerIcon,\r\n\tsystemTrayIcon,\r\n\tsetSystemTrayIcon,\r\n\tsplashScreenImage,\r\n\tsetSplashScreenImage,\r\n\tsetIconsChanged,\r\n\tupdateSplashScreen,\r\n\tupdateToolbarIcon,\r\n\tupdateTaskbarIcon,\r\n\tupdateSystemTrayIcon,\r\n\tupdateInstallerIcon,\r\n}: AssetsPageProps) => (\r\n\t<div className=\"images-section\">\r\n\t\t<fieldset className=\"project-assets\">\r\n\t\t\t<div className=\"project-assets-field\">\r\n\t\t\t\t<label htmlFor=\"export-splash-screen\">\r\n\t\t\t\t\t<span>Splash Screen</span>\r\n\r\n\t\t\t\t\t<Tooltip>The Splash screen should be 600px X 400px (W x H). Supported formats are PNG, JPG, and GIF.</Tooltip>\r\n\t\t\t\t</label>\r\n\r\n\t\t\t\t<div className=\"project-splash-screen-field\">\r\n\t\t\t\t\t<ImagePreview\r\n\t\t\t\t\t\tvalue={splashScreenImage}\r\n\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\tsetSplashScreenImage(value);\r\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tuploadFunction={updateSplashScreen}\r\n\t\t\t\t\t\tacceptTypes={[\"image/png\", \"image/jpeg\", \"image/gif\"]}\r\n\t\t\t\t\t\tbaseURL={baseURL}\r\n\t\t\t\t\t\tpreviewSize={ImagePreviewSize.LARGE}\r\n\t\t\t\t\t></ImagePreview>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"project-assets-field\">\r\n\t\t\t\t<label htmlFor=\"export-splash-screen\">\r\n\t\t\t\t\t<span>Toolbar Icon</span>\r\n\r\n\t\t\t\t\t<Tooltip>Toolbar icon should be 200px X 200px. Supported formats are PNG, JPG, and GIF.</Tooltip>\r\n\t\t\t\t</label>\r\n\r\n\t\t\t\t<div className=\"project-icon-field\">\r\n\t\t\t\t\t<ImagePreview\r\n\t\t\t\t\t\tvalue={toolbarIcon}\r\n\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\tsetToolbarIcon(value);\r\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tuploadFunction={updateToolbarIcon}\r\n\t\t\t\t\t\tacceptTypes={[\"image/png\", \"image/jpeg\", \"image/gif\"]}\r\n\t\t\t\t\t\tbaseURL={baseURL}\r\n\t\t\t\t\t></ImagePreview>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"project-assets-field\">\r\n\t\t\t\t<label htmlFor=\"export-taskbar-icon\">\r\n\t\t\t\t\t<span>Taskbar Icon</span>\r\n\r\n\t\t\t\t\t<Tooltip>Toolbar icon should be 400px X 400px. Supported formats are PNG and JPG</Tooltip>\r\n\t\t\t\t</label>\r\n\r\n\t\t\t\t<div className=\"project-icon-field\">\r\n\t\t\t\t\t<ImagePreview\r\n\t\t\t\t\t\tvalue={taskbarIcon}\r\n\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\tsetTaskbarIcon(value);\r\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tuploadFunction={updateTaskbarIcon}\r\n\t\t\t\t\t\tacceptTypes={[\"image/png\", \"image/jpeg\"]}\r\n\t\t\t\t\t\tbaseURL={baseURL}\r\n\t\t\t\t\t></ImagePreview>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"project-assets-field\">\r\n\t\t\t\t<label htmlFor=\"export-system-tray-icon\">\r\n\t\t\t\t\t<span>System Tray Icon</span>\r\n\r\n\t\t\t\t\t<Tooltip>System Tray icon should be 100px X 100px. Supported formats are PNG and JPG.</Tooltip>\r\n\t\t\t\t</label>\r\n\r\n\t\t\t\t<div className=\"project-icon-field\">\r\n\t\t\t\t\t<ImagePreview\r\n\t\t\t\t\t\tvalue={systemTrayIcon}\r\n\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\tsetSystemTrayIcon(value);\r\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tuploadFunction={updateSystemTrayIcon}\r\n\t\t\t\t\t\tacceptTypes={[\"image/png\", \"image/jpeg\"]}\r\n\t\t\t\t\t\tbaseURL={baseURL}\r\n\t\t\t\t\t></ImagePreview>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"project-assets-field\">\r\n\t\t\t\t<label htmlFor=\"export-installer-icon\">\r\n\t\t\t\t\t<span>Installer Icon</span>\r\n\r\n\t\t\t\t\t<Tooltip>\r\n\t\t\t\t\t\tInstaller icons must be ICO format. ICO images are easily created from PNG files using free online services.\r\n\t\t\t\t\t\tPlease see the User Guide for more information.\r\n\t\t\t\t\t</Tooltip>\r\n\t\t\t\t</label>\r\n\r\n\t\t\t\t<div className=\"project-icon-field\">\r\n\t\t\t\t\t<ImagePreview\r\n\t\t\t\t\t\tvalue={installerIcon}\r\n\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\tsetInstallerIcon(value);\r\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tuploadFunction={updateInstallerIcon}\r\n\t\t\t\t\t\tacceptTypes={[\"image/x-icon\"]}\r\n\t\t\t\t\t\tbaseURL={baseURL}\r\n\t\t\t\t\t></ImagePreview>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</fieldset>\r\n\t</div>\r\n);\r\n"]}

package/react/components/desktopProjectEditor/Content.d.ts

@@ -1,8 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React from "react";
-export declare const Content: (props: {
-    children: React.ReactNode;
-}) => JSX.Element;

package/react/components/desktopProjectEditor/Content.js

@@ -1,7 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React from "react";
-export const Content = (props) => React.createElement("div", { className: "view-content" }, props.children);
-//# sourceMappingURL=Content.js.map

package/react/components/desktopProjectEditor/Content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../src/components/desktopProjectEditor/Content.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,6BAAK,SAAS,EAAC,cAAc,IAAE,KAAK,CAAC,QAAQ,CAAO,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\n\r\nexport const Content = (props: { children: React.ReactNode }) => <div className=\"view-content\">{props.children}</div>;\r\n"]}

package/react/components/desktopProjectEditor/CurrentView.d.ts

@@ -1,11 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-/// <reference types="react" />
-import { ThemeConfig } from "./DesktopProjectEditor";
-export declare type CurrentViewProps = {
-    theme: ThemeConfig;
-    views: any[];
-};
-export declare const CurrentView: ({ theme, views }: CurrentViewProps) => JSX.Element;

package/react/components/desktopProjectEditor/CurrentView.js

@@ -1,13 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React from "react";
-import { useSelector } from "../../store";
-export const CurrentView = ({ theme, views }) => {
-    const currentViewId = useSelector((state) => state.desktopProjectEditor.currentViewId);
-    const currentView = views.filter((view) => view.id === currentViewId)[0] || views[0];
-    let View = currentView.component;
-    return React.createElement(View, Object.assign({ theme: theme }, currentView.props));
-};
-//# sourceMappingURL=CurrentView.js.map

package/react/components/desktopProjectEditor/CurrentView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CurrentView.js","sourceRoot":"","sources":["../../../src/components/desktopProjectEditor/CurrentView.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS1C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAoB,EAAE,EAAE;IACjE,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAElG,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;IAErF,IAAI,IAAI,GAAG,WAAW,CAAC,SAAS,CAAC;IAEjC,OAAO,oBAAC,IAAI,kBAAC,KAAK,EAAE,KAAK,IAAO,WAAW,CAAC,KAAa,EAAS,CAAC;AACpE,CAAC,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { ThemeConfig } from \"./DesktopProjectEditor\";\r\n\r\nexport type CurrentViewProps = {\r\n\ttheme: ThemeConfig;\r\n\tviews: any[];\r\n};\r\n\r\nexport const CurrentView = ({ theme, views }: CurrentViewProps) => {\r\n\tconst currentViewId = useSelector((state: RootState) => state.desktopProjectEditor.currentViewId);\r\n\r\n\tconst currentView = views.filter((view) => view.id === currentViewId)[0] || views[0];\r\n\r\n\tlet View = currentView.component;\r\n\r\n\treturn <View theme={theme} {...(currentView.props as any)}></View>;\r\n};\r\n"]}

package/react/components/desktopProjectEditor/DesktopProjectEditor.d.ts

@@ -1,36 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-/// <reference types="react" />
-import "../../ui-assets/css/finsemble.css";
-import "./css/styles.css";
-declare global {
-    interface Window {
-        DesktopProjectClient: any;
-        DesktopProjectEditor: any;
-    }
-}
-declare global {
-    interface Window {
-        DesktopProjectClient: any;
-    }
-}
-declare let themeConfig: {
-    currentTheme: string;
-    defaultTheme: string;
-    themes: {
-        Default: any;
-    };
-};
-export declare type ThemeConfig = typeof themeConfig;
-export declare type DesktopProjectEditorProps = {
-    views: any[];
-    getConfig: typeof FSBL.Clients.ConfigClient.get;
-    resetProject: typeof FSBL.Clients.DesktopProjectClient.prototype.resetProject;
-    getDPServerInfo: typeof FSBL.Clients.DesktopProjectClient.prototype.getDPServerInfo;
-    updateProjectSettings: typeof FSBL.Clients.DesktopProjectClient.prototype.updateProjectSettings;
-    onThemeUpdated: typeof FSBL.Clients.DesktopProjectClient.onThemeUpdated;
-};
-export declare const DesktopProjectEditor: (props: DesktopProjectEditorProps) => JSX.Element;
-export {};

package/react/components/desktopProjectEditor/DesktopProjectEditor.js

@@ -1,121 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React, { useState, useEffect, useRef } from "react";
-import "../../ui-assets/css/finsemble.css";
-import "./css/styles.css";
-import { Navigation } from "./Navigation";
-import { CurrentView } from "./CurrentView";
-import getCSSVars from "./common/getCSSVars";
-import { ProjectHeader } from "./ProjectHeader";
-import { Button } from "../common/Button";
-import { useSelector, useDispatch } from "../../store";
-import { DesktopProjectEditorActions } from "../../actions/desktopProjectEditorActions";
-const getDefaultTheme = () => {
-    let globalCssVars = {};
-    const docStyle = window.getComputedStyle(document.documentElement);
-    getCSSVars(document.styleSheets).forEach((varName) => {
-        globalCssVars[varName] = docStyle.getPropertyValue(varName).trim();
-    });
-    const themesheet = document.body.querySelector("#themesheet");
-    if (themesheet) {
-        document.body.removeChild(themesheet);
-    }
-    return globalCssVars;
-};
-let themeConfig = {
-    currentTheme: "Default",
-    defaultTheme: "Default",
-    themes: {
-        Default: getDefaultTheme(),
-    },
-};
-export const DesktopProjectEditor = (props) => {
-    const dispatch = useDispatch();
-    const { views } = props;
-    const [theme, setTheme] = useState(themeConfig);
-    const [dpServerInfo, setDPServerInfo] = useState({ enabled: false, applicationRoot: "" });
-    const project = useSelector((state) => state.desktopProjectEditor.projectInfo);
-    const setProject = (value) => {
-        dispatch(DesktopProjectEditorActions.set_project_info(value));
-    };
-    useEffect(() => {
-        props.updateProjectSettings({
-            name: project.name,
-        });
-    }, [project]);
-    const themeListenerRef = useRef((addListenerErr, { data }) => {
-        const newTheme = Object.assign({}, themeConfig);
-        newTheme.themes.Default = Object.assign({}, newTheme.themes.Default);
-        for (let [key, value] of Object.entries(data)) {
-            newTheme.themes.Default[key] = value;
-        }
-        setTheme(newTheme);
-    });
-    useEffect(() => {
-        props.getConfig({}, (err, newConfig) => {
-            if (err) {
-                FSBL.Clients.Logger.error("DesktopProjectEditor", err);
-                return;
-            }
-            props.getDPServerInfo().then((jsInfo) => {
-                var _a, _b, _c;
-                if (!jsInfo.enabled) {
-                    FSBL.Clients.Logger.error("Desktop Project Editor started without the Desktop Project Server being enabled. Check FEA configuration.");
-                }
-                else {
-                    FSBL.Clients.Logger.log(`DPS application root: ${jsInfo.applicationRoot}`);
-                }
-                FSBL.Clients.Logger.log(`DPS info: ${JSON.stringify(jsInfo)}`);
-                FSBL.Clients.Logger.log(`NewConfig info: ${JSON.stringify(newConfig)}`);
-                setProject(Object.assign(Object.assign({}, project), { name: ((_a = jsInfo === null || jsInfo === void 0 ? void 0 : jsInfo.projectConfig) === null || _a === void 0 ? void 0 : _a.name) || "", export: Object.assign(Object.assign({}, project.export), { toolbarIcon: "/assets/img/Finsemble_Toolbar_Icon.png", installerIcon: "/assets/img/installer_icon.ico", taskbarIcon: (_b = newConfig === null || newConfig === void 0 ? void 0 : newConfig.startup_app) === null || _b === void 0 ? void 0 : _b.applicationIcon, systemTrayIcon: (_c = newConfig === null || newConfig === void 0 ? void 0 : newConfig.finsemble) === null || _c === void 0 ? void 0 : _c.systemTrayIcon, splashScreenImage: newConfig === null || newConfig === void 0 ? void 0 : newConfig.splashScreenImage }) }));
-                setDPServerInfo(jsInfo);
-            });
-        });
-        const removeHandler = props.onThemeUpdated(themeListenerRef.current);
-        return () => {
-            removeHandler();
-        };
-    }, []);
-    const clickResetProjectButton = () => {
-        const resetProject = async () => {
-            const [err] = await props.resetProject();
-            if (err)
-                alert(`Project failed to reset: ${err.message}`);
-        };
-        FSBL.Clients.DialogManager.open("yesNo", {
-            title: "Are you sure?",
-            question: `Your project will be set back to factory defaults. You will lose all customizations except the name of the project. Finsemble will then be restarted.`,
-            hideModalOnClose: true,
-            showNegativeButton: false,
-            affirmativeResponseLabel: "Reset Project",
-        }, (err, response) => {
-            if (response.choice === "affirmative") {
-                resetProject();
-            }
-        });
-    };
-    return dpServerInfo.enabled ? (React.createElement("div", { className: "config-container" },
-        React.createElement(ProjectHeader, { projectName: (project === null || project === void 0 ? void 0 : project.name) === "default" ? "" : project === null || project === void 0 ? void 0 : project.name, onSaveProjectName: (name) => {
-                props.updateProjectSettings({ name: name }).then(({ err }) => {
-                    if (err) {
-                        FSBL.Clients.Logger.error(`ERROR updateProjectSettings: ${JSON.stringify(err)}`);
-                    }
-                    else {
-                        setProject(Object.assign(Object.assign({}, project), { name }));
-                    }
-                });
-            } }),
-        React.createElement("div", { className: "project-container" },
-            React.createElement("div", { className: "nav-container" },
-                React.createElement(Navigation, { views: views }),
-                React.createElement("div", { className: "bottom-nav-wrapper" },
-                    React.createElement("div", { className: "nav-anchor-reset" },
-                        React.createElement(Button, { fashion: "danger ghost", text: "Reset Project", onClick: () => {
-                                clickResetProjectButton();
-                            } })))),
-            React.createElement("div", { className: "view-container" },
-                React.createElement(CurrentView, { views: views, theme: theme }))))) : (React.createElement(React.Fragment, null));
-};
-//# sourceMappingURL=DesktopProjectEditor.js.map

package/react/components/desktopProjectEditor/DesktopProjectEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DesktopProjectEditor.js","sourceRoot":"","sources":["../../../src/components/desktopProjectEditor/DesktopProjectEditor.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, useEffect, useRef } from \"react\";\r\nimport \"../../ui-assets/css/finsemble.css\";\r\nimport \"./css/styles.css\";\r\n\r\nimport { Navigation } from \"./Navigation\";\r\nimport { CurrentView } from \"./CurrentView\";\r\nimport getCSSVars from \"./common/getCSSVars\";\r\n\r\nimport { ProjectHeader } from \"./ProjectHeader\";\r\nimport { DPServerInfo } from \"common/system\";\r\nimport { Button } from \"../common/Button\";\r\nimport { useSelector, useDispatch } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { ProjectSaveData } from \"../../types/desktopProjectEditorTypes\";\r\nimport { DesktopProjectEditorActions } from \"../../actions/desktopProjectEditorActions\";\r\n\r\ndeclare global {\r\n\tinterface Window {\r\n\t\tDesktopProjectClient: any;\r\n\t\tDesktopProjectEditor: any;\r\n\t}\r\n}\r\n\r\ndeclare global {\r\n\tinterface Window {\r\n\t\tDesktopProjectClient: any;\r\n\t}\r\n}\r\n\r\nconst getDefaultTheme = () => {\r\n\tlet globalCssVars: any = {};\r\n\tconst docStyle = window.getComputedStyle(document.documentElement);\r\n\tgetCSSVars(document.styleSheets).forEach((varName: any) => {\r\n\t\tglobalCssVars[varName] = docStyle.getPropertyValue(varName).trim();\r\n\t});\r\n\r\n\t// In order to prevent the theme from affecting content of desktopProjectEditor.tsx,\r\n\t// remove the sheet after reading variables\r\n\tconst themesheet = document.body.querySelector(\"#themesheet\");\r\n\tif (themesheet) {\r\n\t\tdocument.body.removeChild(themesheet);\r\n\t}\r\n\r\n\treturn globalCssVars;\r\n};\r\n\r\nlet themeConfig = {\r\n\tcurrentTheme: \"Default\",\r\n\tdefaultTheme: \"Default\",\r\n\tthemes: {\r\n\t\tDefault: getDefaultTheme(),\r\n\t},\r\n};\r\n\r\nexport type ThemeConfig = typeof themeConfig;\r\n\r\nexport type DesktopProjectEditorProps = {\r\n\tviews: any[];\r\n\tgetConfig: typeof FSBL.Clients.ConfigClient.get;\r\n\tresetProject: typeof FSBL.Clients.DesktopProjectClient.prototype.resetProject;\r\n\tgetDPServerInfo: typeof FSBL.Clients.DesktopProjectClient.prototype.getDPServerInfo;\r\n\tupdateProjectSettings: typeof FSBL.Clients.DesktopProjectClient.prototype.updateProjectSettings;\r\n\tonThemeUpdated: typeof FSBL.Clients.DesktopProjectClient.onThemeUpdated;\r\n};\r\n\r\nexport const DesktopProjectEditor = (props: DesktopProjectEditorProps) => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst { views } = props;\r\n\tconst [theme, setTheme] = useState(themeConfig);\r\n\tconst [dpServerInfo, setDPServerInfo] = useState({ enabled: false, applicationRoot: \"\" } as DPServerInfo);\r\n\r\n\tconst project = useSelector((state: RootState) => state.desktopProjectEditor.projectInfo);\r\n\r\n\tconst setProject = (value: ProjectSaveData) => {\r\n\t\tdispatch(DesktopProjectEditorActions.set_project_info(value));\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tprops.updateProjectSettings({\r\n\t\t\tname: project.name,\r\n\t\t});\r\n\t}, [project]);\r\n\r\n\tconst themeListenerRef = useRef((addListenerErr: any, { data }: { data: any }) => {\r\n\t\tconst newTheme = { ...themeConfig };\r\n\t\tnewTheme.themes.Default = { ...newTheme.themes.Default };\r\n\r\n\t\tfor (let [key, value] of Object.entries(data)) {\r\n\t\t\tnewTheme.themes.Default[key] = value;\r\n\t\t}\r\n\t\tsetTheme(newTheme);\r\n\t});\r\n\r\n\t// Similar to componentDidMount and componentDidUpdate:\r\n\tuseEffect(() => {\r\n\t\tprops.getConfig({}, (err: any, newConfig: any) => {\r\n\t\t\tif (err) {\r\n\t\t\t\tFSBL.Clients.Logger.error(\"DesktopProjectEditor\", err);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tprops.getDPServerInfo().then((jsInfo) => {\r\n\t\t\t\tif (!jsInfo.enabled) {\r\n\t\t\t\t\tFSBL.Clients.Logger.error(\r\n\t\t\t\t\t\t\"Desktop Project Editor started without the Desktop Project Server being enabled. Check FEA configuration.\"\r\n\t\t\t\t\t);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tFSBL.Clients.Logger.log(`DPS application root: ${jsInfo.applicationRoot}`);\r\n\t\t\t\t}\r\n\t\t\t\tFSBL.Clients.Logger.log(`DPS info: ${JSON.stringify(jsInfo)}`);\r\n\t\t\t\tFSBL.Clients.Logger.log(`NewConfig info: ${JSON.stringify(newConfig)}`);\r\n\r\n\t\t\t\tsetProject({\r\n\t\t\t\t\t...project,\r\n\t\t\t\t\tname: jsInfo?.projectConfig?.name || \"\",\r\n\t\t\t\t\texport: {\r\n\t\t\t\t\t\t...project.export,\r\n\t\t\t\t\t\ttoolbarIcon: \"/assets/img/Finsemble_Toolbar_Icon.png\",\r\n\t\t\t\t\t\tinstallerIcon: \"/assets/img/installer_icon.ico\",\r\n\t\t\t\t\t\ttaskbarIcon: newConfig?.startup_app?.applicationIcon,\r\n\t\t\t\t\t\tsystemTrayIcon: newConfig?.finsemble?.systemTrayIcon,\r\n\t\t\t\t\t\tsplashScreenImage: newConfig?.splashScreenImage,\r\n\t\t\t\t\t},\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// This should be done last as its checked for initial rendering\r\n\t\t\t\t// Otherwise, inital values will be cached within states of sub components\r\n\t\t\t\t// \"Untitled Project\" will show as project.name since it will be \"\", e.g.\r\n\t\t\t\tsetDPServerInfo(jsInfo);\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tconst removeHandler = props.onThemeUpdated(themeListenerRef.current);\r\n\t\treturn () => {\r\n\t\t\tremoveHandler();\r\n\t\t};\r\n\t}, []);\r\n\r\n\tconst clickResetProjectButton = () => {\r\n\t\tconst resetProject = async () => {\r\n\t\t\tconst [err] = await props.resetProject();\r\n\t\t\tif (err) alert(`Project failed to reset: ${err.message}`);\r\n\t\t};\r\n\t\tFSBL.Clients.DialogManager.open(\r\n\t\t\t\"yesNo\",\r\n\t\t\t{\r\n\t\t\t\ttitle: \"Are you sure?\",\r\n\t\t\t\tquestion: `Your project will be set back to factory defaults. You will lose all customizations except the name of the project. Finsemble will then be restarted.`,\r\n\t\t\t\thideModalOnClose: true,\r\n\t\t\t\tshowNegativeButton: false,\r\n\t\t\t\taffirmativeResponseLabel: \"Reset Project\",\r\n\t\t\t},\r\n\t\t\t(err: any, response: { choice: string }) => {\r\n\t\t\t\tif (response.choice === \"affirmative\") {\r\n\t\t\t\t\tresetProject();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t);\r\n\t};\r\n\r\n\treturn dpServerInfo.enabled ? (\r\n\t\t<div className=\"config-container\">\r\n\t\t\t<ProjectHeader\r\n\t\t\t\tprojectName={project?.name === \"default\" ? \"\" : project?.name}\r\n\t\t\t\tonSaveProjectName={(name: string) => {\r\n\t\t\t\t\tprops.updateProjectSettings({ name: name }).then(({ err }) => {\r\n\t\t\t\t\t\tif (err) {\r\n\t\t\t\t\t\t\tFSBL.Clients.Logger.error(`ERROR updateProjectSettings: ${JSON.stringify(err)}`);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tsetProject({\r\n\t\t\t\t\t\t\t\t...project,\r\n\t\t\t\t\t\t\t\tname,\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}}\r\n\t\t\t></ProjectHeader>\r\n\t\t\t<div className=\"project-container\">\r\n\t\t\t\t<div className=\"nav-container\">\r\n\t\t\t\t\t<Navigation views={views}></Navigation>\r\n\r\n\t\t\t\t\t<div className=\"bottom-nav-wrapper\">\r\n\t\t\t\t\t\t<div className=\"nav-anchor-reset\">\r\n\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\tfashion=\"danger ghost\"\r\n\t\t\t\t\t\t\t\ttext=\"Reset Project\"\r\n\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\tclickResetProjectButton();\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</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div className=\"view-container\">\r\n\t\t\t\t\t<CurrentView views={views} theme={theme}></CurrentView>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t) : (\r\n\t\t<></>\r\n\t);\r\n};\r\n"]}