@finsemble/finsemble-ui 1.0.0-beta-1

package/react/components/sdd/ThemePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePage.js","sourceRoot":"","sources":["../../../src/components/sdd/ThemePage.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\nimport { Tooltip } from \"../common/Tooltip\";\nimport { ColorPicker, colorToRGBA, RGBA_CHANNEL } from \"../common/ColorPicker\";\nimport \"./ThemePage.css\";\n\nexport type ThemeBundle = { [key: string]: string };\n\nexport type ThemePageProps = {\n\tupdateThemes: (id: string, newValue: string) => void;\n\ttheme: ThemeBundle;\n};\n\nexport const ThemePage = ({ updateThemes, theme }: ThemePageProps) => {\n\tconst onUpdateColor = (id: string, newColor: string) => {\n\t\tif (id === \"font-color\") {\n\t\t\tconst rgba = colorToRGBA(newColor),\n\t\t\t\trgb = [rgba[RGBA_CHANNEL.RED], rgba[RGBA_CHANNEL.GREEN], rgba[RGBA_CHANNEL.BLUE]],\n\t\t\t\talpha = 0.3; // (rgba[RGBA_CHANNEL.ALPHA] / 255)\n\n\t\t\tupdateThemes(`--toolbar-separator`, `1px solid rgba(${rgb.join(\", \")}, ${alpha})`);\n\t\t}\n\n\t\tupdateThemes(`--${id}`, newColor);\n\t};\n\n\tconst generateColorPicker = (id: string) => (\n\t\t<ColorPicker\n\t\t\tid={id}\n\t\t\tstartColor={theme[`--${id}`] || \"\"}\n\t\t\tupdateColor={(newColor: string) => {\n\t\t\t\tonUpdateColor(id, newColor);\n\t\t\t}}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<div className=\"theme-settings\">\n\t\t\t<div className=\"theme-colors\">\n\t\t\t\t<fieldset className=\"appearance-options\">\n\t\t\t\t\t<div className=\"appearance-options-header\">\n\t\t\t\t\t\t<legend>Font settings</legend>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"appearance-options-field\">\n\t\t\t\t\t\t<label htmlFor=\"font-color\">Primary font color</label>\n\n\t\t\t\t\t\t{generateColorPicker(\"font-color\")}\n\t\t\t\t\t\t<Tooltip>Main text color. Make sure there is enough contrast against the primary background.</Tooltip>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"appearance-options-field\">\n\t\t\t\t\t\t<label htmlFor=\"core-primary-5\">Secondary font color</label>\n\n\t\t\t\t\t\t{generateColorPicker(\"core-primary-5\")}\n\t\t\t\t\t\t<Tooltip>Secondary text color. Make sure there is enough contrast against the primary background.</Tooltip>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"appearance-options-field\">\n\t\t\t\t\t\t<label htmlFor=\"font-color-2\">Contrast color</label>\n\n\t\t\t\t\t\t{generateColorPicker(\"font-color-2\")}\n\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\tColor of text that is not against a typical background. Make it light if you have a light theme, or dark\n\t\t\t\t\t\t\tif you have a dark theme.\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t</div>\n\t\t\t\t</fieldset>\n\t\t\t</div>\n\n\t\t\t<div className=\"theme-colors\">\n\t\t\t\t<fieldset className=\"appearance-options\">\n\t\t\t\t\t<div className=\"appearance-options-header\">\n\t\t\t\t\t\t<legend>Brand color</legend>\n\n\t\t\t\t\t\t<Tooltip>The primary accent color that affects icons, form elements, buttons.</Tooltip>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"appearance-options-field\">\n\t\t\t\t\t\t<label htmlFor=\"accent-primary\">Primary</label>\n\n\t\t\t\t\t\t{generateColorPicker(\"accent-primary\")}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"appearance-options-field\">\n\t\t\t\t\t\t<label htmlFor=\"accent-primary-1\">On mouseover</label>\n\n\t\t\t\t\t\t{generateColorPicker(\"accent-primary-1\")}\n\t\t\t\t\t</div>\n\t\t\t\t</fieldset>\n\n\t\t\t\t<fieldset className=\"appearance-options\">\n\t\t\t\t\t<div className=\"appearance-options-header\">\n\t\t\t\t\t\t<legend>Background color</legend>\n\n\t\t\t\t\t\t<Tooltip>Background color of desktop components such as the Toolbar and window Titlebar.</Tooltip>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"appearance-options-field\">\n\t\t\t\t\t\t<label htmlFor=\"core-primary\">Primary background</label>\n\n\t\t\t\t\t\t{generateColorPicker(\"core-primary\")}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"appearance-options-field\">\n\t\t\t\t\t\t<label htmlFor=\"core-primary-1\">Secondary background</label>\n\n\t\t\t\t\t\t{generateColorPicker(\"core-primary-1\")}\n\t\t\t\t\t</div>\n\t\t\t\t</fieldset>\n\n\t\t\t\t<fieldset className=\"appearance-options\">\n\t\t\t\t\t<div className=\"appearance-options-header\">\n\t\t\t\t\t\t<legend>Navigation buttons</legend>\n\n\t\t\t\t\t\t<Tooltip>Background color for navigation buttons.</Tooltip>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"appearance-options-field\">\n\t\t\t\t\t\t<label htmlFor=\"core-primary-2\">Primary</label>\n\n\t\t\t\t\t\t{generateColorPicker(\"core-primary-2\")}\n\t\t\t\t\t</div>\n\t\t\t\t</fieldset>\n\n\t\t\t\t<fieldset className=\"appearance-options\">\n\t\t\t\t\t<div className=\"appearance-options-header\">\n\t\t\t\t\t\t<legend>Highlights and mouseover colors</legend>\n\n\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\tColors used to highlight particular elements or when a user mouses over selected elements.\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"appearance-options-field\">\n\t\t\t\t\t\t<label htmlFor=\"core-primary-3\">Primary</label>\n\n\t\t\t\t\t\t{generateColorPicker(\"core-primary-3\")}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"appearance-options-field\">\n\t\t\t\t\t\t<label htmlFor=\"core-primary-4\">Secondary</label>\n\n\t\t\t\t\t\t{generateColorPicker(\"core-primary-4\")}\n\t\t\t\t\t</div>\n\t\t\t\t</fieldset>\n\n\t\t\t\t<fieldset className=\"appearance-options\">\n\t\t\t\t\t<div className=\"appearance-options-header\">\n\t\t\t\t\t\t<legend>Success</legend>\n\n\t\t\t\t\t\t<Tooltip>Color of messages indicating success and affirmations, such as checkmark icons.</Tooltip>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"appearance-options-field\">\n\t\t\t\t\t\t<label htmlFor=\"accent-positive\">Primary</label>\n\n\t\t\t\t\t\t{generateColorPicker(\"accent-positive\")}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"appearance-options-field\">\n\t\t\t\t\t\t<label htmlFor=\"accent-positive-1\">On mouseover</label>\n\n\t\t\t\t\t\t{generateColorPicker(\"accent-positive-1\")}\n\t\t\t\t\t</div>\n\t\t\t\t</fieldset>\n\n\t\t\t\t<fieldset className=\"appearance-options\">\n\t\t\t\t\t<div className=\"appearance-options-header\">\n\t\t\t\t\t\t<legend>Reminders and warnings</legend>\n\n\t\t\t\t\t\t<Tooltip>Color of non-critical alerts.</Tooltip>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"appearance-options-field\">\n\t\t\t\t\t\t<label htmlFor=\"accent-aware\">Primary</label>\n\n\t\t\t\t\t\t{generateColorPicker(\"accent-aware\")}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"appearance-options-field\">\n\t\t\t\t\t\t<label htmlFor=\"accent-aware-1\">On mouseover</label>\n\n\t\t\t\t\t\t{generateColorPicker(\"accent-aware-1\")}\n\t\t\t\t\t</div>\n\t\t\t\t</fieldset>\n\n\t\t\t\t<fieldset className=\"appearance-options\">\n\t\t\t\t\t<div className=\"appearance-options-header\">\n\t\t\t\t\t\t<legend>Errors</legend>\n\n\t\t\t\t\t\t<Tooltip>Color of critical errors and information.</Tooltip>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"appearance-options-field\">\n\t\t\t\t\t\t<label htmlFor=\"accent-negative\">Primary</label>\n\n\t\t\t\t\t\t{generateColorPicker(\"accent-negative\")}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"appearance-options-field\">\n\t\t\t\t\t\t<label htmlFor=\"accent-negative-1\">On mouseover</label>\n\n\t\t\t\t\t\t{generateColorPicker(\"accent-negative-1\")}\n\t\t\t\t\t</div>\n\t\t\t\t</fieldset>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}

package/react/components/sdd/Themes.d.ts

@@ -0,0 +1,27 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+/// <reference types="react" />
+import { ThemeBundle } from "./ThemePage";
+import { ProjectSaveData } from "../../types/smartDesktopDesignerTypes";
+export declare type ThemeProps = {
+    updateTheme: (theme: ThemeBundle) => void;
+    getSDServerInfo: (cb: Function) => void;
+    updateProjectSettings: (obj: ProjectSaveData) => Promise<{
+        err: string | undefined;
+    }>;
+    areYouSure: (affirmativeCallback: Function) => void;
+    updateThemes: (id: string, newValue: string) => void;
+    updateSplashScreen: any;
+    updateToolbarIcon: any;
+    updateTaskbarIcon: any;
+    updateSystemTrayIcon: any;
+    updateInstallerIcon: any;
+    theme: {
+        themes: {
+            Default: ThemeBundle;
+        };
+    };
+};
+export declare const Themes: ({ getSDServerInfo, updateProjectSettings, areYouSure, updateTheme, updateThemes, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, theme, }: ThemeProps) => JSX.Element;

package/react/components/sdd/Themes.js

@@ -0,0 +1,62 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React, { useState, useEffect } from "react";
+import { View } from "./View";
+import { Content } from "./Content";
+// Copied from <Appearance>
+import { Appearance } from "./Appearance";
+import { darkTheme, lightTheme } from "./themeDefinitions";
+export const Themes = ({ getSDServerInfo, updateProjectSettings, areYouSure, updateTheme, updateThemes, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, theme, }) => {
+    const [applicationRoot, setApplicationRoot] = useState("");
+    const [project, setProject] = useState({
+        name: "",
+        user: {
+            firstName: "",
+            lastName: "",
+            company: "",
+            email: "",
+        },
+        export: {
+            author: "",
+            companyName: "",
+            description: "",
+            toolbarIcon: "",
+            installerIcon: "",
+            taskbarIcon: "",
+            systemTrayIcon: "",
+            splashScreenImage: "",
+        },
+    });
+    // Copied from <Appearance>
+    const [toolbarIcon, setToolbarIcon] = useState(project.export.toolbarIcon);
+    const [taskbarIcon, setTaskbarIcon] = useState(project.export.taskbarIcon);
+    const [installerIcon, setInstallerIcon] = useState(project.export.installerIcon);
+    const [systemTrayIcon, setSystemTrayIcon] = useState(project.export.systemTrayIcon);
+    const [splashScreenImage, setSplashScreenImage] = useState(project.export.splashScreenImage);
+    const [iconsChanged, setIconsChanged] = useState(0);
+    useEffect(() => {
+        getSDServerInfo((info) => {
+            setProject(info);
+            setApplicationRoot(info.applicationRoot || "");
+            setToolbarIcon(info.export.toolbarIcon);
+            setTaskbarIcon(info.export.taskbarIcon);
+            setInstallerIcon(info.export.installerIcon);
+            setSystemTrayIcon(info.export.systemTrayIcon);
+            setSplashScreenImage(info.export.splashScreenImage);
+        });
+    }, []);
+    useEffect(() => {
+        updateProjectSettings(Object.assign(Object.assign({}, project), { export: Object.assign(Object.assign({}, project.export), { toolbarIcon,
+                installerIcon,
+                taskbarIcon,
+                systemTrayIcon,
+                splashScreenImage }) }));
+    }, [iconsChanged]);
+    return (React.createElement(View, null,
+        React.createElement(Content, null,
+            React.createElement("div", { className: "theme-edit" },
+                React.createElement(Appearance, { startTheme: theme.themes.Default, darkTheme: darkTheme, lightTheme: lightTheme, updateTheme: updateTheme, updateThemes: updateThemes, areYouSure: areYouSure, baseURL: applicationRoot || "", toolbarIcon: toolbarIcon, setToolbarIcon: setToolbarIcon, taskbarIcon: taskbarIcon, setTaskbarIcon: setTaskbarIcon, installerIcon: installerIcon, setInstallerIcon: setInstallerIcon, systemTrayIcon: systemTrayIcon, setSystemTrayIcon: setSystemTrayIcon, splashScreenImage: splashScreenImage, setSplashScreenImage: setSplashScreenImage, setIconsChanged: setIconsChanged, updateSplashScreen: updateSplashScreen, updateToolbarIcon: updateToolbarIcon, updateTaskbarIcon: updateTaskbarIcon, updateSystemTrayIcon: updateSystemTrayIcon, updateInstallerIcon: updateInstallerIcon })))));
+};
+//# sourceMappingURL=Themes.js.map

package/react/components/sdd/Themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Themes.js","sourceRoot":"","sources":["../../../src/components/sdd/Themes.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React, { useState, useEffect } from \"react\";\nimport { View } from \"./View\";\nimport { Content } from \"./Content\";\n\n// Copied from <Appearance>\nimport { Appearance } from \"./Appearance\";\nimport { darkTheme, lightTheme } from \"./themeDefinitions\";\nimport { ThemeBundle } from \"./ThemePage\";\nimport { ProjectSaveData, SDServerInfo } from \"../../types/smartDesktopDesignerTypes\";\n\nexport type ThemeProps = {\n\tupdateTheme: (theme: ThemeBundle) => void;\n\tgetSDServerInfo: (cb: Function) => void;\n\tupdateProjectSettings: (obj: ProjectSaveData) => Promise<{ err: string | undefined }>;\n\tareYouSure: (affirmativeCallback: Function) => void;\n\tupdateThemes: (id: string, newValue: string) => void;\n\tupdateSplashScreen: any;\n\tupdateToolbarIcon: any;\n\tupdateTaskbarIcon: any;\n\tupdateSystemTrayIcon: any;\n\tupdateInstallerIcon: any;\n\ttheme: {\n\t\tthemes: {\n\t\t\tDefault: ThemeBundle;\n\t\t};\n\t};\n};\n\nexport const Themes = ({\n\tgetSDServerInfo,\n\tupdateProjectSettings,\n\tareYouSure,\n\tupdateTheme,\n\tupdateThemes,\n\tupdateSplashScreen,\n\tupdateToolbarIcon,\n\tupdateTaskbarIcon,\n\tupdateSystemTrayIcon,\n\tupdateInstallerIcon,\n\ttheme,\n}: ThemeProps) => {\n\tconst [applicationRoot, setApplicationRoot] = useState(\"\");\n\tconst [project, setProject] = useState({\n\t\tname: \"\",\n\t\tuser: {\n\t\t\tfirstName: \"\",\n\t\t\tlastName: \"\",\n\t\t\tcompany: \"\",\n\t\t\temail: \"\",\n\t\t},\n\t\texport: {\n\t\t\tauthor: \"\",\n\t\t\tcompanyName: \"\",\n\t\t\tdescription: \"\",\n\t\t\ttoolbarIcon: \"\",\n\t\t\tinstallerIcon: \"\",\n\t\t\ttaskbarIcon: \"\",\n\t\t\tsystemTrayIcon: \"\",\n\t\t\tsplashScreenImage: \"\",\n\t\t},\n\t});\n\n\t// Copied from <Appearance>\n\tconst [toolbarIcon, setToolbarIcon] = useState(project.export.toolbarIcon);\n\tconst [taskbarIcon, setTaskbarIcon] = useState(project.export.taskbarIcon);\n\tconst [installerIcon, setInstallerIcon] = useState(project.export.installerIcon);\n\tconst [systemTrayIcon, setSystemTrayIcon] = useState(project.export.systemTrayIcon);\n\tconst [splashScreenImage, setSplashScreenImage] = useState(project.export.splashScreenImage);\n\tconst [iconsChanged, setIconsChanged] = useState(0);\n\n\tuseEffect(() => {\n\t\tgetSDServerInfo((info: ProjectSaveData & SDServerInfo) => {\n\t\t\tsetProject(info);\n\t\t\tsetApplicationRoot(info.applicationRoot || \"\");\n\t\t\tsetToolbarIcon(info.export.toolbarIcon);\n\t\t\tsetTaskbarIcon(info.export.taskbarIcon);\n\t\t\tsetInstallerIcon(info.export.installerIcon);\n\t\t\tsetSystemTrayIcon(info.export.systemTrayIcon);\n\t\t\tsetSplashScreenImage(info.export.splashScreenImage);\n\t\t});\n\t}, []);\n\n\tuseEffect(() => {\n\t\tupdateProjectSettings({\n\t\t\t...project,\n\t\t\texport: {\n\t\t\t\t...project.export,\n\t\t\t\ttoolbarIcon,\n\t\t\t\tinstallerIcon,\n\t\t\t\ttaskbarIcon,\n\t\t\t\tsystemTrayIcon,\n\t\t\t\tsplashScreenImage,\n\t\t\t},\n\t\t});\n\t}, [iconsChanged]);\n\n\treturn (\n\t\t<View>\n\t\t\t<Content>\n\t\t\t\t<div className=\"theme-edit\">\n\t\t\t\t\t<Appearance\n\t\t\t\t\t\tstartTheme={theme.themes.Default}\n\t\t\t\t\t\tdarkTheme={darkTheme}\n\t\t\t\t\t\tlightTheme={lightTheme}\n\t\t\t\t\t\tupdateTheme={updateTheme}\n\t\t\t\t\t\tupdateThemes={updateThemes}\n\t\t\t\t\t\tareYouSure={areYouSure}\n\t\t\t\t\t\tbaseURL={applicationRoot || \"\"}\n\t\t\t\t\t\ttoolbarIcon={toolbarIcon}\n\t\t\t\t\t\tsetToolbarIcon={setToolbarIcon}\n\t\t\t\t\t\ttaskbarIcon={taskbarIcon}\n\t\t\t\t\t\tsetTaskbarIcon={setTaskbarIcon}\n\t\t\t\t\t\tinstallerIcon={installerIcon}\n\t\t\t\t\t\tsetInstallerIcon={setInstallerIcon}\n\t\t\t\t\t\tsystemTrayIcon={systemTrayIcon}\n\t\t\t\t\t\tsetSystemTrayIcon={setSystemTrayIcon}\n\t\t\t\t\t\tsplashScreenImage={splashScreenImage}\n\t\t\t\t\t\tsetSplashScreenImage={setSplashScreenImage}\n\t\t\t\t\t\tsetIconsChanged={setIconsChanged}\n\t\t\t\t\t\tupdateSplashScreen={updateSplashScreen}\n\t\t\t\t\t\tupdateToolbarIcon={updateToolbarIcon}\n\t\t\t\t\t\tupdateTaskbarIcon={updateTaskbarIcon}\n\t\t\t\t\t\tupdateSystemTrayIcon={updateSystemTrayIcon}\n\t\t\t\t\t\tupdateInstallerIcon={updateInstallerIcon}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</Content>\n\t\t</View>\n\t);\n};\n"]}

package/react/components/sdd/Toolbar.d.ts

@@ -0,0 +1,16 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+/// <reference types="react" />
+import { SmartDesktopClient } from "./smartDesktopClient";
+export declare type ToolbarProps = {
+    getApps: typeof SmartDesktopClient.getApps;
+    getMenus: typeof SmartDesktopClient.getMenus;
+    addMenu: typeof SmartDesktopClient.addMenu;
+    updateMenu: typeof SmartDesktopClient.updateMenu;
+    deleteMenu: (value: string) => Promise<{
+        err: any;
+    }>;
+};
+export declare const Toolbar: (props: ToolbarProps) => JSX.Element;

package/react/components/sdd/Toolbar.js

@@ -0,0 +1,134 @@
+/*!
+ * 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 { ItemList } from "./ItemList";
+import { SmartDesktopDesignerActions } from "../../actions/smartDesktopDesignerActions";
+const MENU_NAME_MAX_LENGTH = 50;
+const EMPTY_MENU_ERROR = {
+    viewId: "toolbar",
+    message: "One or more of your app menus is empty",
+};
+export const Toolbar = (props) => {
+    var _a;
+    const dispatch = useDispatch();
+    const [currentMenuID, setCurrentMenuID] = useState("");
+    const [menuName, setMenuName] = useState("");
+    const [selectedApps, setSelectedApps] = useState([]);
+    const apps = useSelector((state) => state.smartDesktopDesigner.apps);
+    const menus = useSelector((state) => state.smartDesktopDesigner.menus);
+    if (Object.values(menus).every((menu) => menu.applications.length > 0)) {
+        dispatch(SmartDesktopDesignerActions.delete_project_error(EMPTY_MENU_ERROR));
+    }
+    else {
+        dispatch(SmartDesktopDesignerActions.set_project_error(EMPTY_MENU_ERROR));
+    }
+    function updateMenuList() {
+        // Get the app list, so that you can add those apps to the menu
+        props.getApps().then((response) => {
+            dispatch(SmartDesktopDesignerActions.update_apps(response.apps));
+        });
+        // Get the menu list
+        props.getMenus().then((getMenusResponse) => {
+            dispatch(SmartDesktopDesignerActions.update_menus(getMenusResponse.menus));
+        });
+    }
+    const updateMenuItem = () => {
+        const whenDone = () => {
+            updateMenuList();
+            setMenuName("");
+            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 removeMenuID = (id) => {
+        props.deleteMenu(id).then(({ err }) => {
+            if (err) {
+                alert(err);
+            }
+            updateMenuList();
+        });
+    };
+    const addNewMenu = () => {
+        setCurrentMenuID("new");
+    };
+    /********* Lifecycle effects *********/
+    // Call updateMenuList once the component has mounted
+    // Can't call out of an effect, or it will cause an endless loop
+    useEffect(updateMenuList, []);
+    const applicationListProps = {
+        items: Object.entries(menus).map(([key, value]) => {
+            var _a;
+            const menuObj = JSON.parse(JSON.stringify(value));
+            menuObj.appId = key;
+            menuObj.name = (_a = menuObj.name) !== null && _a !== void 0 ? _a : menuObj.displayName;
+            if (menuObj.applications.length === 0) {
+                menuObj.icons = "warning";
+            }
+            return menuObj;
+        }),
+        clickItem: (menuId) => {
+            setCurrentMenuID(menuId);
+            setMenuName(menus[menuId].displayName);
+            setSelectedApps(menus[menuId].applications);
+        },
+        deleteItem: removeMenuID,
+        emptyListMessage: (React.createElement(React.Fragment, null,
+            "There\u2019s nothing here!",
+            React.createElement("br", null),
+            "Click the Add button to add menus.")),
+    };
+    const cancelFn = () => {
+        setCurrentMenuID("");
+    };
+    return (React.createElement(React.Fragment, null, currentMenuID ? (React.createElement(View, null,
+        React.createElement(Header, null, "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) => {
+                        // This is the equivalent of using maxLength={MENU_NAME_MAX_LENGTH}
+                        // except that this way is testable with enzyme
+                        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-right" },
+                React.createElement("div", { className: "app-actions-right-wrapper" },
+                    React.createElement(Button, { fashion: "ghost", text: "Cancel", onClick: cancelFn }),
+                    React.createElement(Button, { fashion: "secondary", text: "Save", disabled: menuName.length <= 0, onClick: updateMenuItem })))))) : (React.createElement(View, null,
+        React.createElement(Header, null, "Toolbar"),
+        React.createElement(Content, null,
+            React.createElement(Tab, null,
+                React.createElement("div", { "data-label": "Menus" },
+                    React.createElement("div", { className: "frontmatter" }, "Group related apps into custom menus. You can create up to 5 menus."),
+                    React.createElement(Button, { className: "icon-before-add", fashion: "primary", text: "Add", iconBefore: "plus", disabled: Object.keys(menus).length >= 5, onClick: addNewMenu }),
+                    React.createElement(ItemList, Object.assign({}, applicationListProps)))))))));
+};
+//# sourceMappingURL=Toolbar.js.map

package/react/components/sdd/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/sdd/Toolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React, { useEffect, useState } from \"react\";\nimport { useSelector, useDispatch } from \"../../store\";\nimport { View } from \"./View\";\nimport { Tab } from \"../common/Tab\";\nimport { Header } from \"../common/Header\";\nimport { FinsembleSelect } from \"../common/FinsembleSelect\";\nimport { Button } from \"../common/Button\";\nimport { Content } from \"./Content\";\nimport { ItemList, ItemListProps } from \"./ItemList\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { MenuType, ProjectError } from \"../../types/smartDesktopDesignerTypes\";\nimport { SmartDesktopClient } from \"./smartDesktopClient\";\n\nconst MENU_NAME_MAX_LENGTH = 50;\n\nexport type ToolbarProps = {\n\tgetApps: typeof SmartDesktopClient.getApps;\n\tgetMenus: typeof SmartDesktopClient.getMenus;\n\taddMenu: typeof SmartDesktopClient.addMenu;\n\tupdateMenu: typeof SmartDesktopClient.updateMenu;\n\tdeleteMenu: (value: string) => Promise<{ err: any }>;\n};\n\nconst EMPTY_MENU_ERROR: ProjectError = {\n\tviewId: \"toolbar\",\n\tmessage: \"One or more of your app menus is empty\",\n};\n\nexport const Toolbar = (props: ToolbarProps) => {\n\tconst dispatch = useDispatch();\n\tconst [currentMenuID, setCurrentMenuID] = useState(\"\");\n\tconst [menuName, setMenuName] = useState(\"\");\n\tconst [selectedApps, setSelectedApps] = useState<string[]>([]);\n\n\tconst apps = useSelector((state: RootState) => state.smartDesktopDesigner.apps);\n\tconst menus = useSelector<MenuType>((state: RootState) => state.smartDesktopDesigner.menus);\n\n\tif (Object.values(menus).every((menu) => menu.applications.length > 0)) {\n\t\tdispatch(SmartDesktopDesignerActions.delete_project_error(EMPTY_MENU_ERROR));\n\t} else {\n\t\tdispatch(SmartDesktopDesignerActions.set_project_error(EMPTY_MENU_ERROR));\n\t}\n\n\tfunction updateMenuList() {\n\t\t// Get the app list, so that you can add those apps to the menu\n\t\tprops.getApps().then((response: any) => {\n\t\t\tdispatch(SmartDesktopDesignerActions.update_apps(response.apps));\n\t\t});\n\t\t// Get the menu list\n\t\tprops.getMenus().then((getMenusResponse: any) => {\n\t\t\tdispatch(SmartDesktopDesignerActions.update_menus(getMenusResponse.menus));\n\t\t});\n\t}\n\n\tconst updateMenuItem = () => {\n\t\tconst whenDone = () => {\n\t\t\tupdateMenuList();\n\t\t\tsetMenuName(\"\");\n\t\t\tsetCurrentMenuID(\"\");\n\t\t};\n\t\tif (currentMenuID == \"new\") {\n\t\t\tprops\n\t\t\t\t.addMenu({\n\t\t\t\t\tdisplayName: menuName,\n\t\t\t\t\tapplications: selectedApps,\n\t\t\t\t\tposition: -1,\n\t\t\t\t})\n\t\t\t\t.then(whenDone);\n\t\t} else {\n\t\t\tprops\n\t\t\t\t.updateMenu(currentMenuID, {\n\t\t\t\t\tdisplayName: menuName,\n\t\t\t\t\tapplications: selectedApps,\n\t\t\t\t\tposition: menus[currentMenuID].position,\n\t\t\t\t})\n\t\t\t\t.then(whenDone);\n\t\t}\n\t};\n\n\tconst removeMenuID = (id: string) => {\n\t\tprops.deleteMenu(id).then(({ err }: { err: string }) => {\n\t\t\tif (err) {\n\t\t\t\talert(err);\n\t\t\t}\n\t\t\tupdateMenuList();\n\t\t});\n\t};\n\n\tconst addNewMenu = () => {\n\t\tsetCurrentMenuID(\"new\");\n\t};\n\n\t/********* Lifecycle effects *********/\n\n\t// Call updateMenuList once the component has mounted\n\t// Can't call out of an effect, or it will cause an endless loop\n\tuseEffect(updateMenuList, []);\n\n\tconst applicationListProps: ItemListProps = {\n\t\titems: Object.entries(menus).map(([key, value]) => {\n\t\t\tconst menuObj = JSON.parse(JSON.stringify(value));\n\t\t\tmenuObj.appId = key;\n\t\t\tmenuObj.name = menuObj.name ?? menuObj.displayName;\n\t\t\tif (menuObj.applications.length === 0) {\n\t\t\t\tmenuObj.icons = \"warning\";\n\t\t\t}\n\t\t\treturn menuObj;\n\t\t}),\n\t\tclickItem: (menuId: string) => {\n\t\t\tsetCurrentMenuID(menuId);\n\t\t\tsetMenuName(menus[menuId].displayName);\n\t\t\tsetSelectedApps(menus[menuId].applications);\n\t\t},\n\t\tdeleteItem: removeMenuID,\n\t\temptyListMessage: (\n\t\t\t<>\n\t\t\t\tThere’s nothing here!\n\t\t\t\t<br />\n\t\t\t\tClick the Add button to add menus.\n\t\t\t</>\n\t\t),\n\t};\n\n\tconst cancelFn = () => {\n\t\tsetCurrentMenuID(\"\");\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{currentMenuID ? (\n\t\t\t\t<View>\n\t\t\t\t\t<Header>Menus</Header>\n\t\t\t\t\t<Content>\n\t\t\t\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t\t\t\t<label htmlFor=\"menu-name\">Name</label>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tid=\"menu-name\"\n\t\t\t\t\t\t\t\tvalue={menuName}\n\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t// This is the equivalent of using maxLength={MENU_NAME_MAX_LENGTH}\n\t\t\t\t\t\t\t\t\t// except that this way is testable with enzyme\n\t\t\t\t\t\t\t\t\tsetMenuName(e.target.value.substr(0, MENU_NAME_MAX_LENGTH));\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t\t\t\t<label htmlFor=\"menu-group\">Group contents</label>\n\t\t\t\t\t\t\t<FinsembleSelect\n\t\t\t\t\t\t\t\toptions={apps.map((app) => app.name)}\n\t\t\t\t\t\t\t\tvalues={apps.map((app) => app.appId)}\n\t\t\t\t\t\t\t\tselected={menus[currentMenuID]?.applications || []}\n\t\t\t\t\t\t\t\tupdateCallback={setSelectedApps}\n\t\t\t\t\t\t\t\tshowSearch={true}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"app-edit-actions-right\">\n\t\t\t\t\t\t\t<div className=\"app-actions-right-wrapper\">\n\t\t\t\t\t\t\t\t<Button fashion=\"ghost\" text=\"Cancel\" onClick={cancelFn} />\n\t\t\t\t\t\t\t\t<Button fashion=\"secondary\" text=\"Save\" disabled={menuName.length <= 0} onClick={updateMenuItem} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Content>\n\t\t\t\t</View>\n\t\t\t) : (\n\t\t\t\t<View>\n\t\t\t\t\t<Header>Toolbar</Header>\n\t\t\t\t\t<Content>\n\t\t\t\t\t\t<Tab>\n\t\t\t\t\t\t\t<div data-label=\"Menus\">\n\t\t\t\t\t\t\t\t<div className=\"frontmatter\">Group related apps into custom menus. You can create up to 5 menus.</div>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"icon-before-add\"\n\t\t\t\t\t\t\t\t\tfashion=\"primary\"\n\t\t\t\t\t\t\t\t\ttext=\"Add\"\n\t\t\t\t\t\t\t\t\ticonBefore=\"plus\"\n\t\t\t\t\t\t\t\t\tdisabled={Object.keys(menus).length >= 5}\n\t\t\t\t\t\t\t\t\tonClick={addNewMenu}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ItemList {...applicationListProps} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</Tab>\n\t\t\t\t\t</Content>\n\t\t\t\t</View>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"]}

package/react/components/sdd/View.d.ts

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

package/react/components/sdd/View.js

@@ -0,0 +1,7 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+export const View = (props) => React.createElement(React.Fragment, null, props.children);
+//# sourceMappingURL=View.js.map

package/react/components/sdd/View.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../src/components/sdd/View.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,0CAAG,KAAK,CAAC,QAAQ,CAAI,CAAC","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\n\nexport const View = (props: { children: React.ReactNode }) => <>{props.children}</>;\n"]}

package/react/components/sdd/appEditPage/Behavior.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import * as Types from "../../../types/smartDesktopDesignerTypes";
+interface AppEditPage_BehaviorProps {
+    allowAutoArrange: boolean;
+    setAllowAutoArrange: (value: boolean) => void;
+    allowGrouping: boolean;
+    setAllowGrouping: (value: boolean) => void;
+    allowSnapping: boolean;
+    setAllowSnapping: (value: boolean) => void;
+    allowTabbing: boolean;
+    setAllowTabbing: (value: boolean) => void;
+    allowTiling: boolean;
+    setAllowTiling: (value: boolean) => void;
+    enableTitleBar: boolean;
+    setEnableTitleBar: (value: boolean) => void;
+    titlebarType: Types.ApplicationSaveData["titlebarType"];
+    setTitlebarType: (value: Types.ApplicationSaveData["titlebarType"]) => void;
+    aot: boolean;
+    setAot: (value: boolean) => void;
+    enableAOT: boolean;
+    setEnableAOT: (value: boolean) => void;
+    allowMinimize: boolean;
+    setAllowMinimize: (value: boolean) => void;
+    hideMinimize: boolean;
+    setHideMinimize: (value: boolean) => void;
+    allowMaximize: boolean;
+    setAllowMaximize: (value: boolean) => void;
+    hideMaximize: boolean;
+    setHideMaximize: (value: boolean) => void;
+    hideClose: boolean;
+    setHideClose: (value: boolean) => void;
+}
+export declare const AppEditPage_Behavior: ({ allowAutoArrange, setAllowAutoArrange, allowGrouping, setAllowGrouping, allowSnapping, setAllowSnapping, allowTabbing, setAllowTabbing, allowTiling, setAllowTiling, enableTitleBar, setEnableTitleBar, titlebarType, setTitlebarType, aot, setAot, enableAOT, setEnableAOT, allowMinimize, setAllowMinimize, hideMinimize, setHideMinimize, allowMaximize, setAllowMaximize, hideMaximize, setHideMaximize, hideClose, setHideClose, }: AppEditPage_BehaviorProps) => JSX.Element;
+export {};

package/react/components/sdd/appEditPage/Behavior.js

@@ -0,0 +1,134 @@
+import React from "react";
+import { Accordion } from "../../common/Accordion";
+import { Checkbox } from "../../common/Checkbox";
+import { Tooltip } from "../../common/Tooltip";
+import { FinsembleIcon } from "../../common/FinsembleIcon";
+export const AppEditPage_Behavior = ({ allowAutoArrange, setAllowAutoArrange, allowGrouping, setAllowGrouping, allowSnapping, setAllowSnapping, allowTabbing, setAllowTabbing, allowTiling, setAllowTiling, enableTitleBar, setEnableTitleBar, titlebarType, setTitlebarType, aot, setAot, enableAOT, setEnableAOT, allowMinimize, setAllowMinimize, hideMinimize, setHideMinimize, allowMaximize, setAllowMaximize, hideMaximize, setHideMaximize, hideClose, setHideClose, }) => (React.createElement(Accordion, { id: "window-behavior", label: "Window behavior", summary: "Specify how this window will behave with respect to other windows in the workspace." },
+    React.createElement("div", { className: "app-edit-field" },
+        React.createElement("table", { role: "presentation", className: "accordion-edit-block" },
+            React.createElement("tbody", null,
+                React.createElement("tr", null,
+                    React.createElement("td", { className: "label-col", rowSpan: 5 }, "Enable"),
+                    React.createElement("td", { className: "content-col" },
+                        React.createElement(Checkbox, { label: "Auto arrange", checked: allowAutoArrange, onClick: () => {
+                                setAllowAutoArrange(!allowAutoArrange);
+                            } }))),
+                React.createElement("tr", null,
+                    React.createElement("td", null,
+                        React.createElement(Checkbox, { label: "Grouping", checked: allowGrouping, onClick: () => {
+                                setAllowGrouping(!allowGrouping);
+                            } }))),
+                React.createElement("tr", null,
+                    React.createElement("td", null,
+                        React.createElement(Checkbox, { label: "Snapping", checked: allowSnapping, onClick: () => {
+                                setAllowSnapping(!allowSnapping);
+                            } }))),
+                React.createElement("tr", null,
+                    React.createElement("td", null,
+                        React.createElement(Checkbox, { label: "Tabs", checked: allowTabbing, onClick: () => {
+                                setAllowTabbing(!allowTabbing);
+                            } }))),
+                React.createElement("tr", null,
+                    React.createElement("td", null,
+                        React.createElement(Checkbox, { label: "Tiling", checked: allowTiling, onClick: () => {
+                                setAllowTiling(!allowTiling);
+                            } }))),
+                React.createElement("tr", null,
+                    React.createElement("td", { style: { width: "120px" } }, "Title bar"),
+                    React.createElement("td", null,
+                        React.createElement(Checkbox, { label: "Enable title bar", checked: enableTitleBar, onClick: () => {
+                                setEnableTitleBar(!enableTitleBar);
+                            } }))),
+                enableTitleBar && (React.createElement("tr", null,
+                    React.createElement("td", null),
+                    React.createElement("td", null,
+                        React.createElement(Checkbox, { label: "Inject title bar into app container", checked: titlebarType === "injected", onClick: () => {
+                                setTitlebarType(titlebarType === "injected" ? "browserview" : "injected");
+                            } })),
+                    React.createElement("td", null,
+                        React.createElement(Tooltip, null, "Injected title bars share the same process as the associated app. This can make the titlebar more performant for lightweight apps, but may slow down heavier apps.")))),
+                React.createElement("tr", null,
+                    React.createElement("td", { id: "aot-label" },
+                        React.createElement(FinsembleIcon, { icon: "alwaysOnTop" }),
+                        " Always on top"),
+                    React.createElement("td", null,
+                        React.createElement("label", null,
+                            React.createElement("input", { type: "radio", name: "alwaysOnTop", "aria-labelledby": "aot-label aot-label-enable", checked: aot && !enableAOT, "aria-posinset": 1, "aria-setsize": 3, onChange: () => {
+                                    setAot(true);
+                                    setEnableAOT(false);
+                                } }),
+                            React.createElement("span", { id: "aot-label-enable" }, "Enable")),
+                        React.createElement("label", null,
+                            React.createElement("input", { type: "radio", name: "alwaysOnTop", "aria-labelledby": "aot-label aot-label-show", checked: !aot && enableAOT, "aria-posinset": 2, "aria-setsize": 3, onChange: () => {
+                                    setAot(false);
+                                    setEnableAOT(true);
+                                } }),
+                            React.createElement("span", { id: "aot-label-show" }, "Show in titlebar")),
+                        React.createElement("label", { style: { paddingLeft: "13.53px" } },
+                            React.createElement("input", { type: "radio", name: "alwaysOnTop", "aria-labelledby": "aot-label aot-label-disable", checked: !aot && !enableAOT, "aria-posinset": 3, "aria-setsize": 3, onChange: () => {
+                                    setAot(false);
+                                    setEnableAOT(false);
+                                } }),
+                            React.createElement("span", { id: "aot-label-disable" }, "Disable")))),
+                React.createElement("tr", null,
+                    React.createElement("td", { id: "minimize-label" },
+                        React.createElement(FinsembleIcon, { icon: "minimize" }),
+                        " Minimize"),
+                    React.createElement("td", null,
+                        React.createElement("label", null,
+                            React.createElement("input", { type: "radio", name: "minimize", "aria-labelledby": "minimize-label minimize-label-0", checked: allowMinimize && !hideMinimize, "aria-posinset": 1, "aria-setsize": 3, onChange: () => {
+                                    setAllowMinimize(true);
+                                    setHideMinimize(false);
+                                } }),
+                            React.createElement("span", { id: "minimize-label-0" }, "Enable")),
+                        React.createElement("label", null,
+                            React.createElement("input", { type: "radio", name: "minimize", "aria-labelledby": "minimize-label minimize-label-1", checked: allowMinimize && hideMinimize, "aria-posinset": 2, "aria-setsize": 3, onChange: () => {
+                                    setAllowMinimize(true);
+                                    setHideMinimize(true);
+                                } }),
+                            React.createElement("span", { id: "minimize-label-1" }, "Hide from titlebar")),
+                        React.createElement("label", null,
+                            React.createElement("input", { type: "radio", name: "minimize", "aria-labelledby": "minimize-label minimize-label-2", checked: !allowMinimize, "aria-posinset": 3, "aria-setsize": 3, onChange: () => {
+                                    setAllowMinimize(false);
+                                    setHideMinimize(true);
+                                } }),
+                            React.createElement("span", { id: "minimize-label-2" }, "Disable")))),
+                React.createElement("tr", null,
+                    React.createElement("td", { id: "maximize-label" },
+                        React.createElement(FinsembleIcon, { icon: "maximize" }),
+                        " Maximize"),
+                    React.createElement("td", null,
+                        React.createElement("label", null,
+                            React.createElement("input", { type: "radio", name: "maximize", "aria-labelledby": "maximize-label maximize-label-3", checked: allowMaximize && !hideMaximize, "aria-posinset": 1, "aria-setsize": 3, onChange: () => {
+                                    setAllowMaximize(true);
+                                    setHideMaximize(false);
+                                } }),
+                            React.createElement("span", { id: "maximize-label-3" }, "Enable")),
+                        React.createElement("label", null,
+                            React.createElement("input", { type: "radio", name: "maximize", "aria-labelledby": "maximize-label maximize-label-4", checked: allowMaximize && hideMaximize, "aria-posinset": 2, "aria-setsize": 3, onChange: () => {
+                                    setAllowMaximize(true);
+                                    setHideMaximize(true);
+                                } }),
+                            React.createElement("span", { id: "maximize-label-4" }, "Hide from titlebar")),
+                        React.createElement("label", null,
+                            React.createElement("input", { type: "radio", name: "maximize", "aria-labelledby": "maximize-label maximize-label-5", checked: !allowMaximize, "aria-posinset": 3, "aria-setsize": 3, onChange: () => {
+                                    setAllowMaximize(false);
+                                    setHideMaximize(true);
+                                } }),
+                            React.createElement("span", { id: "maximize-label-5" }, "Disable")))),
+                React.createElement("tr", null,
+                    React.createElement("td", null,
+                        React.createElement(FinsembleIcon, { icon: "close" }),
+                        " Close"),
+                    React.createElement("td", null,
+                        React.createElement("label", null,
+                            React.createElement("input", { type: "radio", name: "close", "aria-labelledby": "close-label close-label-enable", checked: !hideClose, "aria-posinset": 1, "aria-setsize": 2, onChange: () => {
+                                    setHideClose(false);
+                                } }),
+                            React.createElement("span", { id: "close-label-enable" }, "Enable")),
+                        React.createElement("label", null,
+                            React.createElement("input", { type: "radio", name: "close", "aria-labelledby": "close-label close-label-hide", checked: hideClose, "aria-posinset": 2, "aria-setsize": 2, onChange: () => {
+                                    setHideClose(true);
+                                } }),
+                            React.createElement("span", { id: "close-label-hide" }, "Hide from titlebar")))))))));
+//# sourceMappingURL=Behavior.js.map

package/react/components/sdd/appEditPage/Behavior.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Behavior.js","sourceRoot":"","sources":["../../../../src/components/sdd/appEditPage/Behavior.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { Accordion } from \"../../common/Accordion\";\nimport * as Types from \"../../../types/smartDesktopDesignerTypes\";\nimport { Checkbox } from \"../../common/Checkbox\";\nimport { Tooltip } from \"../../common/Tooltip\";\nimport { FinsembleIcon } from \"../../common/FinsembleIcon\";\n\ninterface AppEditPage_BehaviorProps {\n\tallowAutoArrange: boolean;\n\tsetAllowAutoArrange: (value: boolean) => void;\n\tallowGrouping: boolean;\n\tsetAllowGrouping: (value: boolean) => void;\n\tallowSnapping: boolean;\n\tsetAllowSnapping: (value: boolean) => void;\n\tallowTabbing: boolean;\n\tsetAllowTabbing: (value: boolean) => void;\n\tallowTiling: boolean;\n\tsetAllowTiling: (value: boolean) => void;\n\tenableTitleBar: boolean;\n\tsetEnableTitleBar: (value: boolean) => void;\n\ttitlebarType: Types.ApplicationSaveData[\"titlebarType\"];\n\tsetTitlebarType: (value: Types.ApplicationSaveData[\"titlebarType\"]) => void;\n\taot: boolean;\n\tsetAot: (value: boolean) => void;\n\tenableAOT: boolean;\n\tsetEnableAOT: (value: boolean) => void;\n\tallowMinimize: boolean;\n\tsetAllowMinimize: (value: boolean) => void;\n\thideMinimize: boolean;\n\tsetHideMinimize: (value: boolean) => void;\n\tallowMaximize: boolean;\n\tsetAllowMaximize: (value: boolean) => void;\n\thideMaximize: boolean;\n\tsetHideMaximize: (value: boolean) => void;\n\thideClose: boolean;\n\tsetHideClose: (value: boolean) => void;\n}\n\nexport const AppEditPage_Behavior = ({\n\tallowAutoArrange,\n\tsetAllowAutoArrange,\n\tallowGrouping,\n\tsetAllowGrouping,\n\tallowSnapping,\n\tsetAllowSnapping,\n\tallowTabbing,\n\tsetAllowTabbing,\n\tallowTiling,\n\tsetAllowTiling,\n\tenableTitleBar,\n\tsetEnableTitleBar,\n\ttitlebarType,\n\tsetTitlebarType,\n\taot,\n\tsetAot,\n\tenableAOT,\n\tsetEnableAOT,\n\tallowMinimize,\n\tsetAllowMinimize,\n\thideMinimize,\n\tsetHideMinimize,\n\tallowMaximize,\n\tsetAllowMaximize,\n\thideMaximize,\n\tsetHideMaximize,\n\thideClose,\n\tsetHideClose,\n}: AppEditPage_BehaviorProps) => (\n\t<Accordion\n\t\tid=\"window-behavior\"\n\t\tlabel=\"Window behavior\"\n\t\tsummary=\"Specify how this window will behave with respect to other windows in the workspace.\"\n\t>\n\t\t<div className=\"app-edit-field\">\n\t\t\t<table role=\"presentation\" className=\"accordion-edit-block\">\n\t\t\t\t<tbody>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td className=\"label-col\" rowSpan={5}>\n\t\t\t\t\t\t\tEnable\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td className=\"content-col\">\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tlabel=\"Auto arrange\"\n\t\t\t\t\t\t\t\tchecked={allowAutoArrange}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetAllowAutoArrange(!allowAutoArrange);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tlabel=\"Grouping\"\n\t\t\t\t\t\t\t\tchecked={allowGrouping}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetAllowGrouping(!allowGrouping);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tlabel=\"Snapping\"\n\t\t\t\t\t\t\t\tchecked={allowSnapping}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetAllowSnapping(!allowSnapping);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tlabel=\"Tabs\"\n\t\t\t\t\t\t\t\tchecked={allowTabbing}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetAllowTabbing(!allowTabbing);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tlabel=\"Tiling\"\n\t\t\t\t\t\t\t\tchecked={allowTiling}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetAllowTiling(!allowTiling);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td style={{ width: \"120px\" }}>Title bar</td>\n\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tlabel=\"Enable title bar\"\n\t\t\t\t\t\t\t\tchecked={enableTitleBar}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetEnableTitleBar(!enableTitleBar);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t\t{enableTitleBar && (\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td></td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tlabel=\"Inject title bar into app container\"\n\t\t\t\t\t\t\t\t\tchecked={titlebarType === \"injected\"}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetTitlebarType(titlebarType === \"injected\" ? \"browserview\" : \"injected\");\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t\tInjected title bars share the same process as the associated app. This can make the titlebar more\n\t\t\t\t\t\t\t\t\tperformant for lightweight apps, but may slow down heavier apps.\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t)}\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td id=\"aot-label\">\n\t\t\t\t\t\t\t<FinsembleIcon icon=\"alwaysOnTop\" /> Always on top\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\tname=\"alwaysOnTop\"\n\t\t\t\t\t\t\t\t\taria-labelledby=\"aot-label aot-label-enable\"\n\t\t\t\t\t\t\t\t\tchecked={aot && !enableAOT}\n\t\t\t\t\t\t\t\t\taria-posinset={1}\n\t\t\t\t\t\t\t\t\taria-setsize={3}\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\tsetAot(true);\n\t\t\t\t\t\t\t\t\t\tsetEnableAOT(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<span id=\"aot-label-enable\">Enable</span>\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\tname=\"alwaysOnTop\"\n\t\t\t\t\t\t\t\t\taria-labelledby=\"aot-label aot-label-show\"\n\t\t\t\t\t\t\t\t\tchecked={!aot && enableAOT}\n\t\t\t\t\t\t\t\t\taria-posinset={2}\n\t\t\t\t\t\t\t\t\taria-setsize={3}\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\tsetAot(false);\n\t\t\t\t\t\t\t\t\t\tsetEnableAOT(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<span id=\"aot-label-show\">Show in titlebar</span>\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t<label style={{ paddingLeft: \"13.53px\" }}>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\tname=\"alwaysOnTop\"\n\t\t\t\t\t\t\t\t\taria-labelledby=\"aot-label aot-label-disable\"\n\t\t\t\t\t\t\t\t\tchecked={!aot && !enableAOT}\n\t\t\t\t\t\t\t\t\taria-posinset={3}\n\t\t\t\t\t\t\t\t\taria-setsize={3}\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\tsetAot(false);\n\t\t\t\t\t\t\t\t\t\tsetEnableAOT(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<span id=\"aot-label-disable\">Disable</span>\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td id=\"minimize-label\">\n\t\t\t\t\t\t\t<FinsembleIcon icon=\"minimize\" /> Minimize\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\tname=\"minimize\"\n\t\t\t\t\t\t\t\t\taria-labelledby=\"minimize-label minimize-label-0\"\n\t\t\t\t\t\t\t\t\tchecked={allowMinimize && !hideMinimize}\n\t\t\t\t\t\t\t\t\taria-posinset={1}\n\t\t\t\t\t\t\t\t\taria-setsize={3}\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\tsetAllowMinimize(true);\n\t\t\t\t\t\t\t\t\t\tsetHideMinimize(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<span id=\"minimize-label-0\">Enable</span>\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\tname=\"minimize\"\n\t\t\t\t\t\t\t\t\taria-labelledby=\"minimize-label minimize-label-1\"\n\t\t\t\t\t\t\t\t\tchecked={allowMinimize && hideMinimize}\n\t\t\t\t\t\t\t\t\taria-posinset={2}\n\t\t\t\t\t\t\t\t\taria-setsize={3}\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\tsetAllowMinimize(true);\n\t\t\t\t\t\t\t\t\t\tsetHideMinimize(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<span id=\"minimize-label-1\">Hide from titlebar</span>\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\tname=\"minimize\"\n\t\t\t\t\t\t\t\t\taria-labelledby=\"minimize-label minimize-label-2\"\n\t\t\t\t\t\t\t\t\tchecked={!allowMinimize}\n\t\t\t\t\t\t\t\t\taria-posinset={3}\n\t\t\t\t\t\t\t\t\taria-setsize={3}\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\tsetAllowMinimize(false);\n\t\t\t\t\t\t\t\t\t\tsetHideMinimize(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<span id=\"minimize-label-2\">Disable</span>\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td id=\"maximize-label\">\n\t\t\t\t\t\t\t<FinsembleIcon icon=\"maximize\" /> Maximize\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\tname=\"maximize\"\n\t\t\t\t\t\t\t\t\taria-labelledby=\"maximize-label maximize-label-3\"\n\t\t\t\t\t\t\t\t\tchecked={allowMaximize && !hideMaximize}\n\t\t\t\t\t\t\t\t\taria-posinset={1}\n\t\t\t\t\t\t\t\t\taria-setsize={3}\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\tsetAllowMaximize(true);\n\t\t\t\t\t\t\t\t\t\tsetHideMaximize(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<span id=\"maximize-label-3\">Enable</span>\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\tname=\"maximize\"\n\t\t\t\t\t\t\t\t\taria-labelledby=\"maximize-label maximize-label-4\"\n\t\t\t\t\t\t\t\t\tchecked={allowMaximize && hideMaximize}\n\t\t\t\t\t\t\t\t\taria-posinset={2}\n\t\t\t\t\t\t\t\t\taria-setsize={3}\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\tsetAllowMaximize(true);\n\t\t\t\t\t\t\t\t\t\tsetHideMaximize(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<span id=\"maximize-label-4\">Hide from titlebar</span>\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\tname=\"maximize\"\n\t\t\t\t\t\t\t\t\taria-labelledby=\"maximize-label maximize-label-5\"\n\t\t\t\t\t\t\t\t\tchecked={!allowMaximize}\n\t\t\t\t\t\t\t\t\taria-posinset={3}\n\t\t\t\t\t\t\t\t\taria-setsize={3}\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\tsetAllowMaximize(false);\n\t\t\t\t\t\t\t\t\t\tsetHideMaximize(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<span id=\"maximize-label-5\">Disable</span>\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t<FinsembleIcon icon=\"close\" /> Close\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\tname=\"close\"\n\t\t\t\t\t\t\t\t\taria-labelledby=\"close-label close-label-enable\"\n\t\t\t\t\t\t\t\t\tchecked={!hideClose}\n\t\t\t\t\t\t\t\t\taria-posinset={1}\n\t\t\t\t\t\t\t\t\taria-setsize={2}\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\tsetHideClose(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<span id=\"close-label-enable\">Enable</span>\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\tname=\"close\"\n\t\t\t\t\t\t\t\t\taria-labelledby=\"close-label close-label-hide\"\n\t\t\t\t\t\t\t\t\tchecked={hideClose}\n\t\t\t\t\t\t\t\t\taria-posinset={2}\n\t\t\t\t\t\t\t\t\taria-setsize={2}\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\tsetHideClose(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<span id=\"close-label-hide\">Hide from titlebar</span>\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>\n\t</Accordion>\n);\n"]}

package/react/components/sdd/appEditPage/Component.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import * as Types from "../../../types/smartDesktopDesignerTypes";
+interface AppEditPage_ComponentProps {
+    currentAppType: string;
+    security: Types.ApplicationSaveData["security"];
+    setSecurity: (security: Types.ApplicationSaveData["security"]) => void;
+    native_windowSpawnTimeout: number;
+    setNative_windowSpawnTimeout: (timeout: number) => void;
+    appService: boolean;
+    singleton: boolean;
+    setSingleton: (value: boolean) => void;
+    spawnOnStartup: boolean;
+    setSpawnOnStartup: (value: boolean) => void;
+    launchableByUser: boolean;
+    setLaunchableByUser: (value: boolean) => void;
+    isEvergreen: boolean;
+    setIsEvergreen: (value: boolean) => void;
+    enableAffinity?: boolean;
+    setEnableAffinity: (value: boolean) => void;
+}
+export declare const AppEditPage_Component: ({ currentAppType, security, setSecurity, native_windowSpawnTimeout, setNative_windowSpawnTimeout, appService, singleton, setSingleton, spawnOnStartup, setSpawnOnStartup, launchableByUser, setLaunchableByUser, isEvergreen, setIsEvergreen, enableAffinity, setEnableAffinity, }: AppEditPage_ComponentProps) => JSX.Element;
+export {};