@finsemble/finsemble-ui 6.6.3 → 7.0.0-beta-X

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

@@ -1 +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 { Header } from \"../common/Header\";\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\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\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\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"]}
+{"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

@@ -3,11 +3,12 @@
  * All rights reserved.
  */
 /// <reference types="react" />
+import { SmartDesktopClient } from "./smartDesktopClient";
 export declare type ToolbarProps = {
-    getApps: typeof FSBL.Clients.SmartDesktopClient.prototype.getApps;
-    getMenus: typeof FSBL.Clients.SmartDesktopClient.prototype.getMenus;
-    addMenu: typeof FSBL.Clients.SmartDesktopClient.prototype.addMenu;
-    updateMenu: typeof FSBL.Clients.SmartDesktopClient.prototype.updateMenu;
+    getApps: typeof SmartDesktopClient.getApps;
+    getMenus: typeof SmartDesktopClient.getMenus;
+    addMenu: typeof SmartDesktopClient.addMenu;
+    updateMenu: typeof SmartDesktopClient.updateMenu;
     deleteMenu: (value: string) => Promise<{
         err: any;
     }>;

package/react/components/sdd/Toolbar.js

@@ -32,9 +32,11 @@ export const Toolbar = (props) => {
         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));
         });
@@ -75,6 +77,9 @@ export const Toolbar = (props) => {
     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]) => {
@@ -93,32 +98,36 @@ export const Toolbar = (props) => {
             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 backFunction = () => {
+    const cancelFn = () => {
         setCurrentMenuID("");
     };
     return (React.createElement(React.Fragment, null, currentMenuID ? (React.createElement(View, null,
-        React.createElement(Header, { backFunction: backFunction }, "Menus"),
+        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" },
-                React.createElement("span", null),
-                React.createElement(Button, { fashion: "secondary", text: "Save", disabled: menuName.length <= 0, onClick: updateMenuItem }))))) : (React.createElement(View, null,
+            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" },
-                        "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("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)))))))));
 };

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

@@ -1 +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\";\n\nconst MENU_NAME_MAX_LENGTH = 50;\n\nexport type ToolbarProps = {\n\tgetApps: typeof FSBL.Clients.SmartDesktopClient.prototype.getApps;\n\tgetMenus: typeof FSBL.Clients.SmartDesktopClient.prototype.getMenus;\n\taddMenu: typeof FSBL.Clients.SmartDesktopClient.prototype.addMenu;\n\tupdateMenu: typeof FSBL.Clients.SmartDesktopClient.prototype.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};\n\n\tconst backFunction = () => {\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 backFunction={backFunction}>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\">\n\t\t\t\t\t\t\t<span></span>\n\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</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\">\n\t\t\t\t\t\t\t\t\tThis screen allows you to make menus that will appear on your Toolbar.\n\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\tYou are allowed a maximum of five Menus.\n\t\t\t\t\t\t\t\t</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"]}
+{"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/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 {};

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

@@ -0,0 +1,76 @@
+import React from "react";
+import { Accordion } from "../../common/Accordion";
+import { Checkbox } from "../../common/Checkbox";
+import { Tooltip } from "../../common/Tooltip";
+import { FinsembleLink } from "../../common/FinsembleLink";
+export const AppEditPage_Component = ({ currentAppType, security, setSecurity, native_windowSpawnTimeout, setNative_windowSpawnTimeout, appService, singleton, setSingleton, spawnOnStartup, setSpawnOnStartup, launchableByUser, setLaunchableByUser, isEvergreen, setIsEvergreen, enableAffinity, setEnableAffinity, }) => (React.createElement(Accordion, { id: "component", label: "Component behavior", summary: "Specify additional properties for the component." },
+    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", id: "security-label" }, "Set security"),
+                    React.createElement("td", { className: "content-col" },
+                        React.createElement("label", null,
+                            React.createElement("input", { type: "radio", name: "security", "aria-labelledby": "security-label security-label-trusted", value: "trusted", "aria-posinset": 1, "aria-setsize": 2, checked: security === "trusted", onChange: () => {
+                                    setSecurity("trusted");
+                                } }),
+                            React.createElement("span", { id: "security-label-trusted" }, "Trusted")),
+                        React.createElement("label", null,
+                            React.createElement("input", { type: "radio", name: "security", "aria-labelledby": "security-label security-label-untrusted", value: "untrusted", "aria-posinset": 2, "aria-setsize": 2, checked: security === "untrusted", onChange: () => {
+                                    setSecurity("untrusted");
+                                } }),
+                            React.createElement("span", { id: "security-label-untrusted" }, "Untrusted")))),
+                currentAppType === "native" && (React.createElement("tr", null,
+                    React.createElement("td", null, "Launch timeout"),
+                    React.createElement("td", null,
+                        React.createElement("input", { type: "text", id: "launch-timeout", value: native_windowSpawnTimeout, onChange: (e) => {
+                                const num = +e.target.value;
+                                if (isNaN(num) || num <= 0) {
+                                    return;
+                                }
+                                setNative_windowSpawnTimeout(num);
+                            } })))),
+                !appService && (React.createElement("tr", null,
+                    React.createElement("td", { rowSpan: 6 }, "Options"),
+                    React.createElement("td", null,
+                        React.createElement(Checkbox, { label: "Only one instance", checked: singleton, onClick: () => {
+                                setSingleton(!singleton);
+                            } })),
+                    React.createElement("td", null,
+                        React.createElement(Tooltip, { type: "info" }, "Don\u2019t allow more than one instance of this component.")))),
+                !appService && (React.createElement("tr", null,
+                    React.createElement("td", null,
+                        React.createElement(Checkbox, { label: "Launch at startup", checked: spawnOnStartup, onClick: () => {
+                                setSpawnOnStartup(!spawnOnStartup);
+                            } })),
+                    React.createElement("td", null,
+                        React.createElement(Tooltip, { type: "info" }, "The component will automatically get launched when the Finsemble smart desktop starts.")))),
+                !appService && (React.createElement("tr", null,
+                    React.createElement("td", null,
+                        React.createElement(Checkbox, { label: "Include in Apps menu", checked: launchableByUser, onClick: () => {
+                                setLaunchableByUser(!launchableByUser);
+                            } })),
+                    React.createElement("td", null,
+                        React.createElement(Tooltip, { type: "info" }, "Add the component to the Apps menu on the Finsemble toolbar.")))),
+                currentAppType !== "Citrix" && !appService && (React.createElement("tr", null,
+                    React.createElement("td", null,
+                        React.createElement(Checkbox, { label: "Persist across workspaces", checked: isEvergreen, onClick: () => {
+                                setIsEvergreen(!isEvergreen);
+                            } })),
+                    React.createElement("td", null,
+                        React.createElement(Tooltip, { type: "info" }, "Don\u2019t shut down this app when you leave the workspace. Useful for apps that take a long time to load.")))),
+                React.createElement("tr", null,
+                    appService && React.createElement("td", { rowSpan: 2 }, "Options"),
+                    React.createElement("td", { style: { paddingBottom: "0px" } },
+                        React.createElement(Checkbox, { label: "Process affinity", checked: enableAffinity, onClick: () => {
+                                setEnableAffinity(!enableAffinity);
+                            } })),
+                    React.createElement("td", { style: { paddingBottom: "0px" } },
+                        React.createElement(Tooltip, { type: "info" }, "Group the render processes of your app with render processes of other windows to reduce the combined memory usage of all the grouped apps. Disable the grouping if your app requires significant CPU resources."))),
+                React.createElement("tr", null,
+                    React.createElement("td", null,
+                        "More about",
+                        " ",
+                        React.createElement(FinsembleLink, { text: "affinity and process management", url: "https://documentation.finsemble.com/tutorial-processManagement.html" }),
+                        ".")))))));
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sourceRoot":"","sources":["../../../../src/components/sdd/appEditPage/Component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAqB3D,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACrC,cAAc,EACd,QAAQ,EACR,WAAW,EACX,yBAAyB,EACzB,4BAA4B,EAC5B,UAAU,EACV,SAAS,EACT,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,WAAW,EACX,cAAc,EACd,cAAc,EACd,iBAAiB,GACW,EAAE,EAAE,CAAC,CACjC,oBAAC,SAAS,IAAC,EAAE,EAAC,WAAW,EAAC,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAC,kDAAkD;IAC9G,6BAAK,SAAS,EAAC,gBAAgB;QAC9B,+BAAO,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,sBAAsB;YAC1D;gBACC;oBACC,4BAAI,SAAS,EAAC,WAAW,EAAC,EAAE,EAAC,gBAAgB,mBAExC;oBACL,4BAAI,SAAS,EAAC,aAAa;wBAC1B;4BACC,+BACC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,UAAU,qBACC,uCAAuC,EACvD,KAAK,EAAC,SAAS,mBACA,CAAC,kBACF,CAAC,EACf,OAAO,EAAE,QAAQ,KAAK,SAAS,EAC/B,QAAQ,EAAE,GAAG,EAAE;oCACd,WAAW,CAAC,SAAS,CAAC,CAAC;gCACxB,CAAC,GACA;4BACF,8BAAM,EAAE,EAAC,wBAAwB,cAAe,CACzC;wBACR;4BACC,+BACC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,UAAU,qBACC,yCAAyC,EACzD,KAAK,EAAC,WAAW,mBACF,CAAC,kBACF,CAAC,EACf,OAAO,EAAE,QAAQ,KAAK,WAAW,EACjC,QAAQ,EAAE,GAAG,EAAE;oCACd,WAAW,CAAC,WAAW,CAAC,CAAC;gCAC1B,CAAC,GACA;4BACF,8BAAM,EAAE,EAAC,0BAA0B,gBAAiB,CAC7C,CACJ,CACD;gBAEJ,cAAc,KAAK,QAAQ,IAAI,CAC/B;oBACC,iDAAuB;oBACvB;wBACC,+BACC,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAE,yBAAyB,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gCACf,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gCAC5B,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE;oCAC3B,OAAO;iCACP;gCACD,4BAA4B,CAAC,GAAG,CAAC,CAAC;4BACnC,CAAC,GACA,CACE,CACD,CACL;gBAEA,CAAC,UAAU,IAAI,CACf;oBACC,4BAAI,OAAO,EAAE,CAAC,cAAc;oBAC5B;wBACC,oBAAC,QAAQ,IACR,KAAK,EAAC,mBAAmB,EACzB,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,GAAG,EAAE;gCACb,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;4BAC1B,CAAC,GACA,CACE;oBACL;wBACC,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,iEAAgE,CAChF,CACD,CACL;gBACA,CAAC,UAAU,IAAI,CACf;oBACC;wBACC,oBAAC,QAAQ,IACR,KAAK,EAAC,mBAAmB,EACzB,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,GAAG,EAAE;gCACb,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAC;4BACpC,CAAC,GACA,CACE;oBACL;wBACC,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,6FAEV,CACN,CACD,CACL;gBACA,CAAC,UAAU,IAAI,CACf;oBACC;wBACC,oBAAC,QAAQ,IACR,KAAK,EAAC,sBAAsB,EAC5B,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAE,GAAG,EAAE;gCACb,mBAAmB,CAAC,CAAC,gBAAgB,CAAC,CAAC;4BACxC,CAAC,GACA,CACE;oBACL;wBACC,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,mEAAuE,CACvF,CACD,CACL;gBACA,cAAc,KAAK,QAAQ,IAAI,CAAC,UAAU,IAAI,CAC9C;oBACC;wBACC,oBAAC,QAAQ,IACR,KAAK,EAAC,2BAA2B,EACjC,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,GAAG,EAAE;gCACb,cAAc,CAAC,CAAC,WAAW,CAAC,CAAC;4BAC9B,CAAC,GACA,CACE;oBACL;wBACC,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,iHAEV,CACN,CACD,CACL;gBACD;oBACE,UAAU,IAAI,4BAAI,OAAO,EAAE,CAAC,cAAc;oBAC3C,4BAAI,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;wBAClC,oBAAC,QAAQ,IACR,KAAK,EAAC,kBAAkB,EACxB,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,GAAG,EAAE;gCACb,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAC;4BACpC,CAAC,GACA,CACE;oBACL,4BAAI,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;wBAClC,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,sNAIV,CACN,CACD;gBACL;oBACC;;wBACY,GAAG;wBACd,oBAAC,aAAa,IACb,IAAI,EAAC,iCAAiC,EACtC,GAAG,EAAC,qEAAqE,GACxE;4BAEE,CACD,CACE,CACD,CACH,CACK,CACZ,CAAC","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 { FinsembleLink } from \"../../common/FinsembleLink\";\n\ninterface AppEditPage_ComponentProps {\n\tcurrentAppType: string;\n\tsecurity: Types.ApplicationSaveData[\"security\"];\n\tsetSecurity: (security: Types.ApplicationSaveData[\"security\"]) => void;\n\tnative_windowSpawnTimeout: number;\n\tsetNative_windowSpawnTimeout: (timeout: number) => void;\n\tappService: boolean;\n\tsingleton: boolean;\n\tsetSingleton: (value: boolean) => void;\n\tspawnOnStartup: boolean;\n\tsetSpawnOnStartup: (value: boolean) => void;\n\tlaunchableByUser: boolean;\n\tsetLaunchableByUser: (value: boolean) => void;\n\tisEvergreen: boolean;\n\tsetIsEvergreen: (value: boolean) => void;\n\tenableAffinity?: boolean;\n\tsetEnableAffinity: (value: boolean) => void;\n}\n\nexport const AppEditPage_Component = ({\n\tcurrentAppType,\n\tsecurity,\n\tsetSecurity,\n\tnative_windowSpawnTimeout,\n\tsetNative_windowSpawnTimeout,\n\tappService,\n\tsingleton,\n\tsetSingleton,\n\tspawnOnStartup,\n\tsetSpawnOnStartup,\n\tlaunchableByUser,\n\tsetLaunchableByUser,\n\tisEvergreen,\n\tsetIsEvergreen,\n\tenableAffinity,\n\tsetEnableAffinity,\n}: AppEditPage_ComponentProps) => (\n\t<Accordion id=\"component\" label=\"Component behavior\" summary=\"Specify additional properties for the component.\">\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\" id=\"security-label\">\n\t\t\t\t\t\t\tSet security\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<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=\"security\"\n\t\t\t\t\t\t\t\t\taria-labelledby=\"security-label security-label-trusted\"\n\t\t\t\t\t\t\t\t\tvalue=\"trusted\"\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\tchecked={security === \"trusted\"}\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\tsetSecurity(\"trusted\");\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=\"security-label-trusted\">Trusted</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=\"security\"\n\t\t\t\t\t\t\t\t\taria-labelledby=\"security-label security-label-untrusted\"\n\t\t\t\t\t\t\t\t\tvalue=\"untrusted\"\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\tchecked={security === \"untrusted\"}\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\tsetSecurity(\"untrusted\");\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=\"security-label-untrusted\">Untrusted</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\n\t\t\t\t\t{currentAppType === \"native\" && (\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td>Launch timeout</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\tid=\"launch-timeout\"\n\t\t\t\t\t\t\t\t\tvalue={native_windowSpawnTimeout}\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tconst num = +e.target.value;\n\t\t\t\t\t\t\t\t\t\tif (isNaN(num) || num <= 0) {\n\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tsetNative_windowSpawnTimeout(num);\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</tr>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!appService && (\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td rowSpan={6}>Options</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=\"Only one instance\"\n\t\t\t\t\t\t\t\t\tchecked={singleton}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetSingleton(!singleton);\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 type=\"info\">Don’t allow more than one instance of this component.</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{!appService && (\n\t\t\t\t\t\t<tr>\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=\"Launch at startup\"\n\t\t\t\t\t\t\t\t\tchecked={spawnOnStartup}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetSpawnOnStartup(!spawnOnStartup);\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 type=\"info\">\n\t\t\t\t\t\t\t\t\tThe component will automatically get launched when the Finsemble smart desktop starts.\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{!appService && (\n\t\t\t\t\t\t<tr>\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=\"Include in Apps menu\"\n\t\t\t\t\t\t\t\t\tchecked={launchableByUser}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetLaunchableByUser(!launchableByUser);\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 type=\"info\">Add the component to the Apps menu on the Finsemble toolbar.</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{currentAppType !== \"Citrix\" && !appService && (\n\t\t\t\t\t\t<tr>\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=\"Persist across workspaces\"\n\t\t\t\t\t\t\t\t\tchecked={isEvergreen}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetIsEvergreen(!isEvergreen);\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 type=\"info\">\n\t\t\t\t\t\t\t\t\tDon’t shut down this app when you leave the workspace. Useful for apps that take a long time to load.\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{appService && <td rowSpan={2}>Options</td>}\n\t\t\t\t\t\t<td style={{ paddingBottom: \"0px\" }}>\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tlabel=\"Process affinity\"\n\t\t\t\t\t\t\t\tchecked={enableAffinity}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetEnableAffinity(!enableAffinity);\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\t<td style={{ paddingBottom: \"0px\" }}>\n\t\t\t\t\t\t\t<Tooltip type=\"info\">\n\t\t\t\t\t\t\t\tGroup the render processes of your app with render processes of other windows to reduce the combined\n\t\t\t\t\t\t\t\tmemory usage of all the grouped apps. Disable the grouping if your app requires significant CPU\n\t\t\t\t\t\t\t\tresources.\n\t\t\t\t\t\t\t</Tooltip>\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\tMore about{\" \"}\n\t\t\t\t\t\t\t<FinsembleLink\n\t\t\t\t\t\t\t\ttext=\"affinity and process management\"\n\t\t\t\t\t\t\t\turl=\"https://documentation.finsemble.com/tutorial-processManagement.html\"\n\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</tbody>\n\t\t\t</table>\n\t\t</div>\n\t</Accordion>\n);\n"]}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface AppEditPage_DebugToolkitProps {
+    serviceVisible?: boolean;
+    setServiceVisible: (newValue: boolean) => void;
+    devConsole?: boolean;
+    setDevConsole: (newValue: boolean) => void;
+}
+export declare const AppEditPage_DebugToolkit: ({ serviceVisible, setServiceVisible, devConsole, setDevConsole, }: AppEditPage_DebugToolkitProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,20 @@
+import React from "react";
+import { Accordion } from "../../common/Accordion";
+import { Checkbox } from "../../common/Checkbox";
+export const AppEditPage_DebugToolkit = ({ serviceVisible, setServiceVisible, devConsole, setDevConsole, }) => (React.createElement(Accordion, { id: "debug", size: "medium", label: "Debug toolkit" },
+    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", null, "Debug options"),
+                    React.createElement("td", null,
+                        React.createElement(Checkbox, { label: "Make service visible", checked: serviceVisible, onClick: () => {
+                                setServiceVisible(!serviceVisible);
+                            } }))),
+                React.createElement("tr", null,
+                    React.createElement("td", null),
+                    React.createElement("td", null,
+                        React.createElement(Checkbox, { label: "Open Chrome devtools when service starts", checked: devConsole, onClick: () => {
+                                setDevConsole(!devConsole);
+                            } }))))))));
+//# sourceMappingURL=DebugToolkit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DebugToolkit.js","sourceRoot":"","sources":["../../../../src/components/sdd/appEditPage/DebugToolkit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AASjD,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACxC,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,aAAa,GACkB,EAAE,EAAE,CAAC,CACpC,oBAAC,SAAS,IAAC,EAAE,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,eAAe;IACxD,6BAAK,SAAS,EAAC,gBAAgB;QAC9B,+BAAO,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,sBAAsB;YAC1D;gBACC;oBACC,gDAAsB;oBACtB;wBACC,oBAAC,QAAQ,IACR,KAAK,EAAC,sBAAsB,EAC5B,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,GAAG,EAAE;gCACb,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAC;4BACpC,CAAC,GACA,CACE,CACD;gBACL;oBACC,+BAAS;oBACT;wBACC,oBAAC,QAAQ,IACR,KAAK,EAAC,0CAA0C,EAChD,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,GAAG,EAAE;gCACb,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;4BAC5B,CAAC,GACA,CACE,CACD,CACE,CACD,CACH,CACK,CACZ,CAAC","sourcesContent":["import React from \"react\";\nimport { Accordion } from \"../../common/Accordion\";\nimport { Checkbox } from \"../../common/Checkbox\";\n\ninterface AppEditPage_DebugToolkitProps {\n\tserviceVisible?: boolean;\n\tsetServiceVisible: (newValue: boolean) => void;\n\tdevConsole?: boolean;\n\tsetDevConsole: (newValue: boolean) => void;\n}\n\nexport const AppEditPage_DebugToolkit = ({\n\tserviceVisible,\n\tsetServiceVisible,\n\tdevConsole,\n\tsetDevConsole,\n}: AppEditPage_DebugToolkitProps) => (\n\t<Accordion id=\"debug\" size=\"medium\" label=\"Debug toolkit\">\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>Debug options</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=\"Make service visible\"\n\t\t\t\t\t\t\t\tchecked={serviceVisible}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetServiceVisible(!serviceVisible);\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></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=\"Open Chrome devtools when service starts\"\n\t\t\t\t\t\t\t\tchecked={devConsole}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetDevConsole(!devConsole);\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</tbody>\n\t\t\t</table>\n\t\t</div>\n\t</Accordion>\n);\n"]}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface AppEditPage_InteropProps {
+    appService: boolean;
+    autoConnect: boolean;
+    setAutoConnect: (value: boolean) => void;
+    intentData: string[][];
+    setIntentData: (intents: string[][]) => void;
+}
+export declare const AppEditPage_Interop: ({ appService, autoConnect, setAutoConnect, intentData, setIntentData, }: AppEditPage_InteropProps) => JSX.Element;
+export {};