@finsemble/finsemble-ui 6.3.1 → 6.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"AppEditPage.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/AppEditPage.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { ChangeEvent, useState } from \"react\";\r\nimport { FileInput } from \"../common/FileInput\";\r\nimport { Button } from \"../common/Button\";\r\nimport { validateFilename, VALID_APP_EXTENSIONS } from \"../common/file_helpers\";\r\nimport \"../common/css/application-edit-page.css\";\r\nimport { AppEditAccess } from \"./AppEditAccess\";\r\nimport { ApplicationRule } from \"../../types/smartDesktopDesignerTypes\";\r\n\r\nconst DEFAULT_WINDOW_WIDTH = 1280;\r\nconst DEFAULT_WINDOW_HEIGHT = 600;\r\nconst MINIMUM_WINDOW_WIDTH = 0;\r\nconst MINIMUM_WINDOW_HEIGHT = 0;\r\n\r\nexport type AppEditPageProps = {\r\n\tstartingDisplayName: string;\r\n\tisSetupWizard: boolean;\r\n\tisEditMode: boolean;\r\n\tstartingAppType: string;\r\n\tstartingWindowURL: string;\r\n\tstartingNativePath: string;\r\n\tstartingDescription: string;\r\n\tstartingWidth: number | string;\r\n\tstartingHeight: number | string;\r\n\tstartingRules: ApplicationRule[];\r\n\tvalidateURL: (s: string) => boolean;\r\n\tremoveApplicationFn: () => void;\r\n\tcancelFn: () => void;\r\n\tsubmitFn: (data: SubmittedDataProps) => void;\r\n\taddApp: typeof FSBL.Clients.SmartDesktopClient.prototype.addApp;\r\n\tisInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;\r\n\tisOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;\r\n};\r\n\r\nexport type SubmittedDataProps = {\r\n\tname: string;\r\n\turl: string;\r\n\tpath: string;\r\n\tappType: string;\r\n\tdescription: string;\r\n\twidth: number;\r\n\theight: number;\r\n\trules: ApplicationRule[];\r\n};\r\n\r\nexport const AppEditPage = ({\r\n\tstartingDisplayName = \"\",\r\n\tisSetupWizard = false,\r\n\tisEditMode = true,\r\n\tstartingAppType = \"web\",\r\n\tstartingWindowURL = \"\",\r\n\tstartingNativePath = \"\",\r\n\tstartingDescription = \"\",\r\n\tstartingWidth = DEFAULT_WINDOW_WIDTH,\r\n\tstartingHeight = DEFAULT_WINDOW_HEIGHT,\r\n\tstartingRules = [],\r\n\tvalidateURL,\r\n\tremoveApplicationFn = () => {},\r\n\tcancelFn = () => {},\r\n\tsubmitFn,\r\n\taddApp,\r\n\tisInboundInteropAuthorized,\r\n\tisOutboundInteropAuthorized,\r\n}: AppEditPageProps) => {\r\n\tconst [displayName, setDisplayName] = useState(startingDisplayName);\r\n\tconst [currentAppType, setCurrentAppType] = useState(startingAppType);\r\n\tconst [windowURL, setWindowURL] = useState(startingWindowURL);\r\n\tconst [nativePath, setNativePath] = useState(startingNativePath);\r\n\tconst [componentDescription, setComponentDescription] = useState(startingDescription);\r\n\tconst [windowWidth, setWindowWidth] = useState<number | string>(startingWidth || DEFAULT_WINDOW_WIDTH);\r\n\tconst [windowHeight, setWindowHeight] = useState<number | string>(startingHeight || DEFAULT_WINDOW_HEIGHT);\r\n\tconst [rules, setRules] = useState(startingRules || []);\r\n\r\n\tconst isWindowURLValid = validateURL(windowURL);\r\n\tconst isHeightValid = !(typeof windowHeight !== \"number\" || windowHeight < MINIMUM_WINDOW_HEIGHT);\r\n\tconst isWidthValid = !(typeof windowWidth !== \"number\" || windowWidth < MINIMUM_WINDOW_WIDTH);\r\n\r\n\tconst disableSubmit =\r\n\t\t(currentAppType === \"web\" && (!isWindowURLValid || windowURL.length === 0)) ||\r\n\t\t(currentAppType === \"native\" &&\r\n\t\t\t(!nativePath || nativePath.length === 0 || validateFilename(VALID_APP_EXTENSIONS, nativePath))) ||\r\n\t\tdisplayName === undefined ||\r\n\t\tdisplayName === \"\" ||\r\n\t\t!isWidthValid ||\r\n\t\t!isHeightValid;\r\n\r\n\tconst clickSubmit = () => {\r\n\t\t// Shouldn't be possible to get in a state where windowWith/windowHeight aren't numbers,\r\n\t\t// but let's check anyway\r\n\t\tif (!(typeof windowWidth === \"number\" && typeof windowHeight === \"number\")) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsubmitFn({\r\n\t\t\tname: displayName,\r\n\t\t\turl: windowURL,\r\n\t\t\tpath: nativePath,\r\n\t\t\tappType: currentAppType,\r\n\t\t\twidth: windowWidth,\r\n\t\t\theight: windowHeight,\r\n\t\t\tdescription: componentDescription,\r\n\t\t\trules,\r\n\t\t});\r\n\t};\r\n\r\n\t// When we try to use the form/type=submit interaction, it acts like we pressed the back button, rather than the submit button\r\n\tconst submitOnEnter = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n\t\tif (e.key !== \"Enter\") {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\te.preventDefault();\r\n\t\tif (!disableSubmit) {\r\n\t\t\tclickSubmit();\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t<label htmlFor=\"app-name\">Name</label>\r\n\t\t\t\t<input\r\n\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\tid=\"app-name\"\r\n\t\t\t\t\tvalue={displayName}\r\n\t\t\t\t\tplaceholder=\"Untitled Application\"\r\n\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\tsetDisplayName(e.target.value);\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\r\n\t\t\t{isSetupWizard !== true && (\r\n\t\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t\t<label>App type</label>\r\n\r\n\t\t\t\t\t<div className=\"app-edit-type-field\">\r\n\t\t\t\t\t\t<div className=\"app-type-container\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\t\tname=\"app-type\"\r\n\t\t\t\t\t\t\t\tid=\"app-type-web\"\r\n\t\t\t\t\t\t\t\tvalue=\"web\"\r\n\t\t\t\t\t\t\t\tchecked={currentAppType == \"web\"}\r\n\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\t\tsetCurrentAppType(e.target.value);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<label htmlFor=\"app-type-web\">Web</label>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div className=\"app-type-container\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\t\tname=\"app-type\"\r\n\t\t\t\t\t\t\t\tid=\"app-type-native\"\r\n\t\t\t\t\t\t\t\tvalue=\"native\"\r\n\t\t\t\t\t\t\t\tchecked={currentAppType == \"native\"}\r\n\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\t\tonChange={(e: ChangeEvent<HTMLInputElement>) => {\r\n\t\t\t\t\t\t\t\t\tsetCurrentAppType(e.target.value);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t<label htmlFor=\"app-type-native\">Native</label>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\r\n\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t{currentAppType === \"web\" ? (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<label htmlFor=\"app-url\">Web URL</label>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\tid=\"app-url\"\r\n\t\t\t\t\t\t\tplaceholder=\"https://...\"\r\n\t\t\t\t\t\t\tvalue={windowURL}\r\n\t\t\t\t\t\t\taria-invalid={!isWindowURLValid}\r\n\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tsetWindowURL(e.target.value);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<label>File Path</label>\r\n\t\t\t\t\t\t<div className=\"app-file-input\">\r\n\t\t\t\t\t\t\t<FileInput\r\n\t\t\t\t\t\t\t\tacceptTypes={VALID_APP_EXTENSIONS}\r\n\t\t\t\t\t\t\t\tshouldUpload={false}\r\n\t\t\t\t\t\t\t\tvalue={nativePath}\r\n\t\t\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\t\t\tsetNativePath(value);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t></FileInput>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"app-edit-field description\">\r\n\t\t\t\t<label htmlFor=\"app-description\">Description</label>\r\n\t\t\t\t<textarea\r\n\t\t\t\t\tid=\"app-description\"\r\n\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\tsetComponentDescription(e.target.value);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tvalue={componentDescription}\r\n\t\t\t\t></textarea>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t<label htmlFor=\"app-size\">Default window size</label>\r\n\t\t\t\t<fieldset className=\"app-size-fieldset\">\r\n\t\t\t\t\t<div className=\"app-size-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"app-width\">Width</label>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclassName=\"app-size-input\"\r\n\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\tid=\"app-width\"\r\n\t\t\t\t\t\t\tvalue={windowWidth}\r\n\t\t\t\t\t\t\taria-invalid={!isWidthValid}\r\n\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tsetWindowWidth(parseInt(e.target.value, 10) || \"\");\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<span className=\"unit\">px</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"app-size-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"app-height\">Height</label>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclassName=\"app-size-input\"\r\n\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\tid=\"app-height\"\r\n\t\t\t\t\t\t\tvalue={windowHeight}\r\n\t\t\t\t\t\t\taria-invalid={!isHeightValid}\r\n\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tsetWindowHeight(parseInt(e.target.value, 10) || \"\");\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<span className=\"unit\">px</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</fieldset>\r\n\t\t\t</div>\r\n\r\n\t\t\t<AppEditAccess\r\n\t\t\t\tappName={displayName}\r\n\t\t\t\trules={startingRules}\r\n\t\t\t\tonChange={(newRules) => setRules(newRules)}\r\n\t\t\t\tisInboundInteropAuthorized={isInboundInteropAuthorized}\r\n\t\t\t\tisOutboundInteropAuthorized={isOutboundInteropAuthorized}\r\n\t\t\t\taddApp={addApp}\r\n\t\t\t></AppEditAccess>\r\n\r\n\t\t\t<div className=\"app-edit-actions\">\r\n\t\t\t\t<div>\r\n\t\t\t\t\t{isEditMode && (\r\n\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\tfashion=\"danger\"\r\n\t\t\t\t\t\t\ttext=\"Remove app\"\r\n\t\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\t\tremoveApplicationFn();\r\n\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div className=\"app-actions-right-wrapper\">\r\n\t\t\t\t\t<Button fashion=\"ghost\" text=\"Cancel\" onClick={cancelFn} />\r\n\t\t\t\t\t<Button fashion=\"secondary\" text=\"Save\" disabled={disableSubmit} onClick={clickSubmit} />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"AppEditPage.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/AppEditPage.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React, { ChangeEvent, useState } from \"react\";\nimport { FileInput } from \"../common/FileInput\";\nimport { Button } from \"../common/Button\";\nimport { validateFilename, VALID_APP_EXTENSIONS } from \"../common/file_helpers\";\nimport { AppEditAccess } from \"./AppEditAccess\";\nimport { Tooltip } from \"../common/Tooltip\";\nimport { Accordion } from \"../common/Accordion\";\nimport { Checkbox } from \"../common/Checkbox\";\nimport * as Types from \"../../types/smartDesktopDesignerTypes\";\nimport { InputTable } from \"../common/InputTable\";\nimport DefaultDropdownButton from \"../shared/DefaultDropdownButton\";\nimport \"../common/css/application-edit-page.css\";\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\n\nconst DEFAULT_WINDOW_WIDTH = 1280;\nconst DEFAULT_WINDOW_HEIGHT = 600;\nconst MINIMUM_WINDOW_WIDTH = 0;\nconst MINIMUM_WINDOW_HEIGHT = 0;\n\nexport const defaultAppData = {\n\tname: \"\",\n\tabstractPosition: 0,\n\taddToWorkspace: true,\n\tallowAutoArrange: true,\n\tallowGrouping: true,\n\tallowMinimize: true,\n\tallowMaximize: true,\n\tallowSnapping: true,\n\tallowTabbing: true,\n\tallowTiling: true,\n\talwaysOnTop: false,\n\tappArguments: \"\",\n\tappType: \"WEB\",\n\tautoConnect: false,\n\tdescription: \"\",\n\tenableAOT: false,\n\tenableTitleBar: true,\n\tgrpc: false,\n\theight: DEFAULT_WINDOW_HEIGHT,\n\thideClose: false,\n\thideMaximize: false,\n\thideMinimize: false,\n\ticonURL: \"\",\n\tintents: [],\n\tisEvergreen: false,\n\tlaunchableByUser: true,\n\tnative_windowSpawnTimeout: 30,\n\topacity: 1,\n\tpath: \"\",\n\tpersistPath: true,\n\tpersistURL: true,\n\tresizable: true,\n\trules: [],\n\tsecurity: \"trusted\",\n\tsingleton: false,\n\tspawnOnStartup: false,\n\ttags: [],\n\turl: \"\",\n\twidth: DEFAULT_WINDOW_WIDTH,\n} as Types.ApplicationSaveData;\n\nexport type AppEditPageProps = {\n\tstartingDisplayName: string;\n\tstartingAppType: string;\n\tstartingWindowURL: string;\n\tstartingNativePath: string;\n\tappData?: Types.ApplicationSaveData;\n\tvalidateURL: (s: string) => boolean;\n\tremoveApplicationFn: () => void;\n\tcancelFn: () => void;\n\tsubmitFn: (data: Types.ApplicationSaveData) => void;\n\taddApp: typeof FSBL.Clients.SmartDesktopClient.prototype.addApp;\n\tisInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;\n\tisOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;\n};\n\nconst openLink = (url: string) => {\n\tFSBL.Clients.LauncherClient.spawn(\n\t\t\"\",\n\t\t{\n\t\t\turl,\n\t\t\taddToWorkspace: false,\n\t\t},\n\t\t() => {}\n\t);\n};\n\nexport const AppEditPage = ({\n\tstartingDisplayName = \"\",\n\tstartingAppType = \"web\",\n\tstartingWindowURL = \"\",\n\tstartingNativePath = \"\",\n\tappData = defaultAppData,\n\tvalidateURL,\n\tremoveApplicationFn = () => {},\n\tcancelFn = () => {},\n\tsubmitFn,\n\taddApp,\n\tisInboundInteropAuthorized,\n\tisOutboundInteropAuthorized,\n}: // eslint-disable-next-line sonarjs/cognitive-complexity\nAppEditPageProps) => {\n\tconst [displayName, setDisplayName] = useState(startingDisplayName);\n\tconst [currentAppType, setCurrentAppType] = useState(startingAppType);\n\tconst [windowURL, setWindowURL] = useState(startingWindowURL);\n\tconst [nativePath, setNativePath] = useState(startingNativePath);\n\n\tconst [abstractPosition, setAbstractPosition] = useState(appData.abstractPosition);\n\tconst [addToWorkspace, setAddToWorkspace] = useState(appData.addToWorkspace);\n\tconst [allowAutoArrange, setAllowAutoArrange] = useState(appData.allowAutoArrange);\n\tconst [allowGrouping, setAllowGrouping] = useState(appData.allowGrouping);\n\tconst [allowMinimize, setAllowMinimize] = useState(appData.allowMinimize);\n\tconst [allowMaximize, setAllowMaximize] = useState(appData.allowMaximize);\n\tconst [allowSnapping, setAllowSnapping] = useState(appData.allowSnapping);\n\tconst [allowTabbing, setAllowTabbing] = useState(appData.allowTabbing);\n\tconst [allowTiling, setAllowTiling] = useState(appData.allowTiling);\n\tconst [aot, setAot] = useState(appData.alwaysOnTop);\n\tconst [appArguments, setAppArguments] = useState(appData.appArguments);\n\tconst [autoConnect, setAutoConnect] = useState(appData.autoConnect);\n\tconst [componentDescription, setComponentDescription] = useState(appData.description);\n\tconst [enableAOT, setEnableAOT] = useState(appData.enableAOT);\n\tconst [enableTitleBar, setEnableTitleBar] = useState(appData.enableTitleBar);\n\tconst [grpc, setGrpc] = useState(appData.grpc);\n\tconst [hideClose, setHideClose] = useState(appData.hideClose);\n\tconst [hideMaximize, setHideMaximize] = useState(appData.hideMaximize);\n\tconst [hideMinimize, setHideMinimize] = useState(appData.hideMinimize);\n\tconst [iconURL, setIconURL] = useState(appData.iconURL);\n\tconst [intents, setIntents] = useState(appData.intents);\n\tconst [isEvergreen, setIsEvergreen] = useState(appData.isEvergreen);\n\tconst [launchableByUser, setLaunchableByUser] = useState(appData.launchableByUser);\n\tconst [native_windowSpawnTimeout, setNative_windowSpawnTimeout] = useState(appData.native_windowSpawnTimeout);\n\tconst [opacity, setOpacity] = useState(appData.opacity);\n\tconst [persistPath, setPersistPath] = useState(appData.persistPath);\n\tconst [persistURL, setPersistURL] = useState(appData.persistURL);\n\tconst [resizable, setResizable] = useState(appData.resizable);\n\tconst [rules, setRules] = useState(appData.rules);\n\tconst [security, setSecurity] = useState(appData.security);\n\tconst [singleton, setSingleton] = useState(appData.singleton);\n\tconst [spawnOnStartup, setSpawnOnStartup] = useState(appData.spawnOnStartup);\n\tconst [windowHeight, setWindowHeight] = useState<number | string>(appData.height || DEFAULT_WINDOW_HEIGHT);\n\tconst [windowWidth, setWindowWidth] = useState<number | string>(appData.width || DEFAULT_WINDOW_WIDTH);\n\tconst [selectConnectTrustAll, setSelectConnectTrustAll] = useState(\n\t\t!Array.isArray(appData.rules) || appData.rules.filter((rule) => \"authorize\" in rule).length === 0\n\t);\n\n\tconst isWindowURLValid = validateURL(windowURL);\n\tconst isHeightValid = !(typeof windowHeight !== \"number\" || windowHeight < MINIMUM_WINDOW_HEIGHT);\n\tconst isWidthValid = !(typeof windowWidth !== \"number\" || windowWidth < MINIMUM_WINDOW_WIDTH);\n\n\tconst disableSubmit =\n\t\t(currentAppType === \"web\" && (!isWindowURLValid || windowURL.length === 0)) ||\n\t\t(currentAppType !== \"web\" &&\n\t\t\t(!nativePath || nativePath.length === 0 || validateFilename(VALID_APP_EXTENSIONS, nativePath))) ||\n\t\tdisplayName === undefined ||\n\t\tdisplayName === \"\" ||\n\t\t!isWidthValid ||\n\t\t!isHeightValid;\n\n\tconst clickSubmit = () => {\n\t\t// Shouldn't be possible to get in a state where windowWith/windowHeight aren't numbers,\n\t\t// but let's check anyway\n\t\tif (!(typeof windowWidth === \"number\" && typeof windowHeight === \"number\")) {\n\t\t\treturn;\n\t\t}\n\n\t\tsubmitFn({\n\t\t\tname: displayName,\n\t\t\turl: windowURL,\n\t\t\tpath: nativePath,\n\t\t\tappType: currentAppType,\n\t\t\tappArguments: appArguments,\n\t\t\twidth: windowWidth,\n\t\t\theight: windowHeight,\n\t\t\tdescription: componentDescription,\n\t\t\ticonURL,\n\t\t\trules: selectConnectTrustAll ? [] : rules,\n\t\t\tintents,\n\t\t\tpersistPath,\n\t\t\tpersistURL,\n\t\t\taddToWorkspace,\n\t\t\tallowAutoArrange,\n\t\t\tallowGrouping,\n\t\t\tallowMinimize,\n\t\t\tallowMaximize,\n\t\t\tallowSnapping,\n\t\t\tallowTabbing,\n\t\t\tallowTiling,\n\t\t\tenableAOT,\n\t\t\tenableTitleBar,\n\t\t\thideClose,\n\t\t\thideMinimize,\n\t\t\thideMaximize,\n\t\t\tautoConnect,\n\t\t\tabstractPosition,\n\t\t\tresizable,\n\t\t\talwaysOnTop: aot,\n\t\t\topacity,\n\t\t\tsingleton,\n\t\t\tspawnOnStartup,\n\t\t\tlaunchableByUser,\n\t\t\tgrpc,\n\t\t\tsecurity,\n\t\t\tisEvergreen,\n\t\t\tnative_windowSpawnTimeout,\n\t\t});\n\t};\n\n\t// When we try to use the form/type=submit interaction, it acts like we pressed the back button, rather than the submit button\n\tconst submitOnEnter = (e: React.KeyboardEvent<HTMLInputElement>) => {\n\t\tif (e.key !== \"Enter\") {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\t\tif (!disableSubmit) {\n\t\t\tclickSubmit();\n\t\t}\n\t};\n\n\tconst positionButtonOptions = [\n\t\t\"Default\",\n\t\t\"Top Left\",\n\t\t\"Center Top\",\n\t\t\"Top Right\",\n\t\t\"Center Left\",\n\t\t\"Center\",\n\t\t\"Center Right\",\n\t\t\"Bottom Left\",\n\t\t\"Center Bottom\",\n\t\t\"Bottom Right\",\n\t].map((optionLabel, key) => {\n\t\treturn {\n\t\t\toptionLabel,\n\t\t\tclickHandler: () => {\n\t\t\t\tsetAbstractPosition(key);\n\t\t\t},\n\t\t};\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t<h2 className=\"app-edit-app-name\">\n\t\t\t\t\t{iconURL !== \"\" && iconURL !== undefined && <img src={iconURL} className=\"app-icon\" />}\n\t\t\t\t\t{displayName}\n\t\t\t\t</h2>\n\t\t\t</div>\n\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t<table role=\"presentation\" className=\"always-present accordion-edit-block\">\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td className=\"label-col\">\n\t\t\t\t\t\t\t\t<label>Application type</label>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"content-col\">\n\t\t\t\t\t\t\t\t<div className=\"app-edit-type-field\">{currentAppType === \"web\" ? \"Web\" : \"Native\"}</div>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\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<label htmlFor=\"app-name\">Name</label>\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<input\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\tid=\"app-name\"\n\t\t\t\t\t\t\t\t\tvalue={displayName}\n\t\t\t\t\t\t\t\t\tplaceholder=\"Untitled Application\"\n\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayName(e.target.value);\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\t<tr>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<label htmlFor=\"app-icon-url\">Icon URL</label>\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<input\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\tid=\"app-icon-url\"\n\t\t\t\t\t\t\t\t\tvalue={iconURL}\n\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tsetIconURL(e.target.value);\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\t{currentAppType !== \"web\" && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label>API access</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<div className=\"app-edit-type-field\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"app-type-container\">\n\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"api-access\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"api-access-yes\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue=\"native\"\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={currentAppType == \"native\"}\n\t\t\t\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppType(e.target.value);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<label htmlFor=\"api-access-yes\">Yes</label>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div className=\"app-type-container\">\n\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"api-access\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"api-access-no\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue=\"assimilation\"\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={currentAppType == \"assimilation\"}\n\t\t\t\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e: ChangeEvent<HTMLInputElement>) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppType(e.target.value);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<label htmlFor=\"api-access-no\">No</label>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{currentAppType === \"web\" ? (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-url\">App URL</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tid=\"app-url\"\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"https://...\"\n\t\t\t\t\t\t\t\t\t\tvalue={windowURL}\n\t\t\t\t\t\t\t\t\t\taria-invalid={!isWindowURLValid}\n\t\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetWindowURL(e.target.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label>File Path</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<div className=\"app-file-input\">\n\t\t\t\t\t\t\t\t\t\t<FileInput\n\t\t\t\t\t\t\t\t\t\t\tacceptTypes={VALID_APP_EXTENSIONS}\n\t\t\t\t\t\t\t\t\t\t\tshouldUpload={false}\n\t\t\t\t\t\t\t\t\t\t\tvalue={nativePath}\n\t\t\t\t\t\t\t\t\t\t\tonSetValue={(value: string) => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetNativePath(value);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t></FileInput>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{currentAppType !== \"web\" && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-arguments\">Arguments</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tid=\"app-arguments\"\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"E.g: mode=a --type b\"\n\t\t\t\t\t\t\t\t\t\tvalue={appArguments}\n\t\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetAppArguments(e.target.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<Tooltip>If your app expects arguments on startup, specify them here.</Tooltip>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\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<label htmlFor=\"app-description\">Description</label>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"description\">\n\t\t\t\t\t\t\t\t<textarea\n\t\t\t\t\t\t\t\t\tid=\"app-description\"\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tsetComponentDescription(e.target.value);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tvalue={componentDescription}\n\t\t\t\t\t\t\t\t></textarea>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t</div>\n\n\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t<Accordion id=\"config\" size=\"medium\" label=\"Optional config settings\">\n\t\t\t\t\t<Accordion\n\t\t\t\t\t\tid=\"select-connect\"\n\t\t\t\t\t\tlabel=\"SelectConnect\"\n\t\t\t\t\t\tsummary={\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\tSpecify trust relationships.{\" \"}\n\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\thref=\"\"\n\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\topenLink(\"https://documentation.finsemble.com/tutorial-ControllingInformationFlow.html\");\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\tLearn more\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t\t\t\t<table role=\"presentation\" className=\"accordion-edit-block\">\n\t\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td rowSpan={2} className=\"label-col\">\n\t\t\t\t\t\t\t\t\t\t\tInterop trust rule\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t<td className=\"content-col\">\n\t\t\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"interop-trust\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={selectConnectTrustAll}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectConnectTrustAll(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\tTrust all apps\n\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"interop-trust\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={!selectConnectTrustAll}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectConnectTrustAll(false);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\tTrust selected apps\n\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t{!selectConnectTrustAll && (\n\t\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t\t<AppEditAccess\n\t\t\t\t\t\t\t\t\t\t\t\t\tappName={displayName}\n\t\t\t\t\t\t\t\t\t\t\t\t\trules={appData.rules ?? []}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={(newRules) => setRules(newRules)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tisInboundInteropAuthorized={isInboundInteropAuthorized}\n\t\t\t\t\t\t\t\t\t\t\t\t\tisOutboundInteropAuthorized={isOutboundInteropAuthorized}\n\t\t\t\t\t\t\t\t\t\t\t\t\taddApp={addApp}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t\t</table>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Accordion>\n\t\t\t\t\t{/* <Accordion id=\"preloads\" label=\"Preloads\"></Accordion> */}\n\t\t\t\t\t<Accordion\n\t\t\t\t\t\tid=\"window\"\n\t\t\t\t\t\tlabel=\"Window position and dimensions\"\n\t\t\t\t\t\tsummary=\"Define the window properties when the app launches.\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t\t\t\t<table role=\"presentation\" className=\"accordion-edit-block\">\n\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t<td className=\"label-col\">Dimensions</td>\n\t\t\t\t\t\t\t\t\t<td className=\"content-col\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"app-size-field\">\n\t\t\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-width\">Width</label>\n\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"app-size-input\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"app-width\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={windowWidth}\n\t\t\t\t\t\t\t\t\t\t\t\taria-invalid={!isWidthValid}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetWindowWidth(parseInt(e.target.value, 10) || \"\");\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"unit\">px</span>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div className=\"app-size-field\">\n\t\t\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-height\">Height</label>\n\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"app-size-input\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"app-height\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={windowHeight}\n\t\t\t\t\t\t\t\t\t\t\t\taria-invalid={!isHeightValid}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetWindowHeight(parseInt(e.target.value, 10) || \"\");\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"unit\">px</span>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t<td></td>\n\t\t\t\t\t\t\t\t\t<td className=\"pull-left\">\n\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\tlabel=\"Lock dimensions\"\n\t\t\t\t\t\t\t\t\t\t\tchecked={!resizable}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetResizable(!resizable);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t{abstractPosition >= 0 && (\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>Position</td>\n\t\t\t\t\t\t\t\t\t\t<td className=\"position-entry\">\n\t\t\t\t\t\t\t\t\t\t\t<DefaultDropdownButton\n\t\t\t\t\t\t\t\t\t\t\t\tallowEmpty={false}\n\t\t\t\t\t\t\t\t\t\t\t\tcaretLocation=\"right\"\n\t\t\t\t\t\t\t\t\t\t\t\tdefaultSelection={positionButtonOptions[abstractPosition]}\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonOptions={positionButtonOptions}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t<td>Opacity</td>\n\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\ttype=\"range\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"app-edit-range\"\n\t\t\t\t\t\t\t\t\t\t\tvalue={opacity}\n\t\t\t\t\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\t\t\t\t\tstep={0.01}\n\t\t\t\t\t\t\t\t\t\t\tmax={1}\n\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetOpacity(Number(e.target.value));\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\tvalue={Math.floor(opacity * 100)}\n\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\tconst num = +e.target.value;\n\t\t\t\t\t\t\t\t\t\t\t\tif (isNaN(num)) {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tif (num < 0 || num > 100) {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tsetOpacity(num / 100);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ maxWidth: \"30px\" }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t</table>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Accordion>\n\t\t\t\t\t<Accordion\n\t\t\t\t\t\tid=\"window-behavior\"\n\t\t\t\t\t\tlabel=\"Window behavior\"\n\t\t\t\t\t\tsummary=\"Specify how this window will behave with respect to other windows in the workspace.\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t\t\t\t<table role=\"presentation\" className=\"accordion-edit-block\">\n\t\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td className=\"label-col\" rowSpan={5}>\n\t\t\t\t\t\t\t\t\t\t\tEnable\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t<td className=\"content-col\">\n\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"Auto arrange\"\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={allowAutoArrange}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetAllowAutoArrange(!allowAutoArrange);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"Grouping\"\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={allowGrouping}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetAllowGrouping(!allowGrouping);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"Snapping\"\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={allowSnapping}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetAllowSnapping(!allowSnapping);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"Tabs\"\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={allowTabbing}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetAllowTabbing(!allowTabbing);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"Tiling\"\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={allowTiling}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetAllowTiling(!allowTiling);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td style={{ width: \"120px\" }}>Title bar</td>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"Show title bar\"\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={enableTitleBar}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetEnableTitleBar(!enableTitleBar);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<FinsembleIcon icon=\"alwaysOnTop\" /> Always on top\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"alwaysOnTop\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={aot && !enableAOT}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetAot(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetEnableAOT(false);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\tEnable\n\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"alwaysOnTop\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={!aot && enableAOT}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetAot(false);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetEnableAOT(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\tShow in titlebar\n\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t\t<label style={{ paddingLeft: \"13.53px\" }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"alwaysOnTop\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={!aot && !enableAOT}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetAot(false);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetEnableAOT(false);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\tDisable\n\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<FinsembleIcon icon=\"minimize\" /> Minimize\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={allowMinimize && !hideMinimize}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetAllowMinimize(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetHideMinimize(false);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\tEnable\n\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={allowMinimize && hideMinimize}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetAllowMinimize(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetHideMinimize(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\tHide from titlebar\n\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={!allowMinimize}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetAllowMinimize(false);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetHideMinimize(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\tDisable\n\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<FinsembleIcon icon=\"maximize\" /> Maximize\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={allowMaximize && !hideMaximize}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetAllowMaximize(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetHideMaximize(false);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\tEnable\n\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={allowMaximize && hideMaximize}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetAllowMaximize(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetHideMaximize(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\tHide from titlebar\n\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={!allowMaximize}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetAllowMaximize(false);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetHideMaximize(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\tDisable\n\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<FinsembleIcon icon=\"close\" /> Close\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={!hideClose}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetHideClose(false);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\tEnable\n\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={hideClose}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetHideClose(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\tHide from titlebar\n\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t\t</table>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Accordion>\n\t\t\t\t\t<Accordion id=\"interop\" label=\"Interop\" summary=\"Define how to link an app to communication channels.\">\n\t\t\t\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t\t\t\t<table role=\"presentation\" className=\"accordion-edit-block\">\n\t\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td className=\"label-col\">\n\t\t\t\t\t\t\t\t\t\t\t<label htmlFor=\"interop-connection\">\n\t\t\t\t\t\t\t\t\t\t\t\t<FinsembleIcon icon=\"linker\" /> Display linker\n\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t<td className=\"content-col\">\n\t\t\t\t\t\t\t\t\t\t\t<fieldset className=\"interop-connection-fieldset\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"app-size-field\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"app-size-input\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"interop-connection-auto\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue=\"auto\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={autoConnect}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetAutoConnect(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<label htmlFor=\"interop-connection-auto\">Always</label>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"app-size-field\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"app-size-input\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"interop-connection-fdc3\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue=\"fdc3\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={!autoConnect}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetAutoConnect(false);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<label htmlFor=\"interop-connection-fdc3\">On FDC3 API use</label>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</fieldset>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<Tooltip type=\"info\">\n\t\t\t\t\t\t\t\t\t\t\t\tShow the linker menu if you want the user to manually add your app to a channel.\n\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t\t</table>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<InputTable\n\t\t\t\t\t\t\ttableHeaders={[\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\tName\n\t\t\t\t\t\t\t\t\t<Tooltip>The name of the intent to listen for.</Tooltip>\n\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\tDisplay name\n\t\t\t\t\t\t\t\t\t<Tooltip>The name that appears in the resolver.</Tooltip>\n\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\tContexts\n\t\t\t\t\t\t\t\t\t<Tooltip>The FDC3 context to listen for.</Tooltip>\n\t\t\t\t\t\t\t\t</>,\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\tstartingData={appData.intents?.map((intent) => [\n\t\t\t\t\t\t\t\tintent.name,\n\t\t\t\t\t\t\t\tintent.displayName,\n\t\t\t\t\t\t\t\tintent.contexts?.join(\", \"),\n\t\t\t\t\t\t\t])}\n\t\t\t\t\t\t\tonUpdate={(data: string[][]) => {\n\t\t\t\t\t\t\t\tconst newIntents = data\n\t\t\t\t\t\t\t\t\t.filter((row) => row.join(\"\").length > 0)\n\t\t\t\t\t\t\t\t\t.map((row) => {\n\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\tname: row[0].trim(),\n\t\t\t\t\t\t\t\t\t\t\tdisplayName: row[1].trim(),\n\t\t\t\t\t\t\t\t\t\t\tcontexts: row[2].split(\",\").map((str) => str.trim()),\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tsetIntents(newIntents);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Accordion>\n\t\t\t\t\t<Accordion\n\t\t\t\t\t\tid=\"component\"\n\t\t\t\t\t\tlabel=\"Component behavior\"\n\t\t\t\t\t\tsummary=\"Specify additional properties for the component.\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t\t\t\t<table role=\"presentation\" className=\"accordion-edit-block\">\n\t\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td className=\"label-col\">Set security</td>\n\t\t\t\t\t\t\t\t\t\t<td className=\"content-col\">\n\t\t\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue=\"trusted\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={security === \"trusted\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSecurity(\"trusted\");\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\tTrusted\n\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue=\"untrusted\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={security === \"untrusted\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSecurity(\"untrusted\");\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\tUntrusted\n\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\n\t\t\t\t\t\t\t\t\t{currentAppType === \"native\" && (\n\t\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t\t<td>Launch timeout</td>\n\t\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={native_windowSpawnTimeout}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst num = +e.target.value;\n\t\t\t\t\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\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetNative_windowSpawnTimeout(num);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td rowSpan={5}>Options</td>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"Only one instance\"\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={singleton}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSingleton(!singleton);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\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\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"Launch at startup\"\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={spawnOnStartup}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSpawnOnStartup(!spawnOnStartup);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<Tooltip type=\"info\">\n\t\t\t\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\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"Include in Apps menu\"\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={launchableByUser}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetLaunchableByUser(!launchableByUser);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\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\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t{currentAppType === \"web\" && (\n\t\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"Enable gRPC\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={grpc}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetGrpc(!grpc);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip type=\"info\">Enable remote procedure calls.</Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"Persist across workspaces\"\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={isEvergreen}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsEvergreen(!isEvergreen);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<Tooltip type=\"info\">\n\t\t\t\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\n\t\t\t\t\t\t\t\t\t\t\t\tload.\n\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t\t</table>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Accordion>\n\t\t\t\t\t<Accordion id=\"workspace\" label=\"Workspace\" summary=\"Define how the app relates to the workspace.\">\n\t\t\t\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t\t\t\t<table role=\"presentation\" className=\"accordion-edit-block\">\n\t\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t<td className=\"label-col\" rowSpan={2}>\n\t\t\t\t\t\t\t\t\t\t\tOptions\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t<td className=\"content-col\">\n\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"Add to workspace\"\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={addToWorkspace}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetAddToWorkspace(!addToWorkspace);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t<Tooltip type=\"info\">\n\t\t\t\t\t\t\t\t\t\t\t\tApps are not added to the workspace unless they were opened from the Launcher menu or the\n\t\t\t\t\t\t\t\t\t\t\t\tresolver. Specify whether you want this app added to the workspace if it’s launched in any other\n\t\t\t\t\t\t\t\t\t\t\t\tway, such as by a user or another app.\n\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t{currentAppType === \"web\" ? (\n\t\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"Persist the location\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={persistURL}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetPersistURL(!persistURL);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip type=\"info\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tNormally, the app will be launched from its default URL. If a user navigated elsewhere, you\n\t\t\t\t\t\t\t\t\t\t\t\t\tcan specify that you want to preserve that new URL instead.\n\t\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\t\tlabel=\"Persist the location\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={persistPath}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetPersistPath(!persistPath);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip type=\"info\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tNormally, the app will be launched from its default path. If a user changed that path, you can\n\t\t\t\t\t\t\t\t\t\t\t\t\tspecify that you want to launch the app from that new location.\n\t\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t\t</table>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Accordion>\n\t\t\t\t</Accordion>\n\t\t\t</div>\n\n\t\t\t<div className=\"app-edit-actions\">\n\t\t\t\t<div>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tfashion=\"danger\"\n\t\t\t\t\t\ttext=\"Remove app\"\n\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\tremoveApplicationFn();\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"app-actions-right-wrapper\">\n\t\t\t\t\t<Button fashion=\"ghost\" text=\"Cancel\" onClick={cancelFn} />\n\t\t\t\t\t<Button fashion=\"secondary\" text=\"Save\" disabled={disableSubmit} onClick={clickSubmit} />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/Appearance.css

@@ -1,94 +1,27 @@
-.view-container {
-	height: 100%;
-	overflow-x: hidden;
-	overflow-y: auto;
-	background-color: #171a20;
-	border-radius: 20px 0 0 0;
-	display: flex;
-	flex-direction: column;
-}
-
-.view-content {
-	margin: 0em 2.1rem;
-}
-
-[role="tab"]:hover,
-[role="tab"]:focus:not([aria-selected="true"]) {
-	border-bottom: solid 3px #36788b;
-	margin-bottom: -3px;
-}
-
-[role="tablist"] {
-	width: 100px;
-	padding-bottom: 20px;
-}
-
-[role="tab"] {
-	display: inline;
-	width: fit-content;
-	height: 22px;
-	margin: 22px 32px 3px 6px;
-	font-family: OpenSans;
-	font-size: 16px;
-	font-weight: bold;
-	font-stretch: normal;
-	font-style: normal;
-	line-height: normal;
-	letter-spacing: normal;
-	border-bottom: solid 3px transparent;
-	transition: border-bottom 0.2s ease-in;
-}
-
-[role="tab"][aria-selected="true"] {
-	border-bottom: solid 3px #42a5ba;
-	margin-bottom: -3px;
-}
-
-[role="tab"]:first-child {
-	margin-top: 0px;
-}
-
-[role="tabpanel"] {
-	padding-left: 5px;
-	overflow-y: scroll;
-	overflow-x: hidden;
-	visibility: hidden;
-	opacity: 0;
-	height: 0px;
-	transition: visibility 0s, opacity 0.5s linear;
-}
-
-.visible {
-	visibility: visible;
-	opacity: 1;
-	height: 100%;
-}
-
-div.frontmatter {
-	opacity: 0.75;
-	font-family: OpenSans;
-	font-size: 12px;
-	font-weight: normal;
-	font-stretch: normal;
-	font-style: italic;
-	margin-bottom: 22px;
-}
-
-.template-row {
-	margin-bottom: 20px;
-}
-
-.template-row label {
-	font-size: 1.25em;
-	margin-right: 2em;
-	font-weight: bold;
-	font-stretch: normal;
-	font-style: normal;
-	line-height: 1.13;
-	letter-spacing: normal;
-	color: #ffffff;
-}
-
-.template-row button {
-	margin-left: 10px;
-}
+div.frontmatter {
+	opacity: 0.75;
+	font-family: OpenSans;
+	font-size: 12px;
+	font-weight: normal;
+	font-stretch: normal;
+	margin-bottom: 22px;
+}
+
+.template-row {
+	margin-bottom: 20px;
+}
+
+.template-row label {
+	font-size: 1.25em;
+	margin-right: 2em;
+	font-weight: bold;
+	font-stretch: normal;
+	font-style: normal;
+	line-height: 1.13;
+	letter-spacing: normal;
+	color: #ffffff;
+}
+
+.template-row button {
+	margin-left: 10px;
+}

package/react/components/smartDesktopDesigner/Appearance.helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"Appearance.helpers.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Appearance.helpers.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC","sourcesContent":["export const clone = (obj: object) => JSON.parse(JSON.stringify(obj));\r\n"]}
+{"version":3,"file":"Appearance.helpers.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Appearance.helpers.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC","sourcesContent":["export const clone = (obj: object) => JSON.parse(JSON.stringify(obj));\n"]}

package/react/components/smartDesktopDesigner/Appearance.js

@@ -26,7 +26,7 @@ export const Appearance = ({ startTheme, darkTheme, lightTheme, updateThemes, ar
     });
     return (React.createElement(View, null,
         React.createElement(Header, { helpFunction: () => {
-                launchTutorialLink("creating-a-theme");
+                launchTutorialLink("SDD-03-Theme");
             } }, "Theme"),
         React.createElement(Content, null,
             React.createElement(Tab, null,

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

@@ -1 +1 @@
-{"version":3,"file":"Appearance.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Appearance.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useRef, useLayoutEffect } from \"react\";\r\nimport { Button } from \"../common/Button\";\r\nimport { Header } from \"../common/Header\";\r\nimport \"./Appearance.css\";\r\nimport { AssetsPage } from \"./AssetsPage\";\r\nimport { ThemePage, ThemeBundle } from \"./ThemePage\";\r\nimport { clone } from \"./Appearance.helpers\";\r\nimport { FileInputUploadCb } from \"../common/FileInput\";\r\nimport { View } from \"./View\";\r\nimport { Content } from \"./Content\";\r\nimport { Tab } from \"../common/Tab\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\n\r\nexport type AppearanceProps = {\r\n\tstartTheme: ThemeBundle;\r\n\tdarkTheme: ThemeBundle;\r\n\tlightTheme: ThemeBundle;\r\n\tupdateThemes: (id: string, newValue: string) => void;\r\n\tareYouSure: (affirmativeCallback: () => void) => void;\r\n\tbaseURL: string;\r\n\ttoolbarIcon: string;\r\n\ttaskbarIcon: string;\r\n\tinstallerIcon: string;\r\n\tsystemTrayIcon: string;\r\n\tsplashScreenImage: string;\r\n\tsetToolbarIcon: (s: string) => void;\r\n\tsetTaskbarIcon: (s: string) => void;\r\n\tsetInstallerIcon: (s: string) => void;\r\n\tsetSystemTrayIcon: (s: string) => void;\r\n\tsetSplashScreenImage: (s: string) => void;\r\n\tsetIconsChanged: (n: number) => void;\r\n\tupdateSplashScreen: FileInputUploadCb;\r\n\tupdateToolbarIcon: FileInputUploadCb;\r\n\tupdateTaskbarIcon: FileInputUploadCb;\r\n\tupdateSystemTrayIcon: FileInputUploadCb;\r\n\tupdateInstallerIcon: FileInputUploadCb;\r\n};\r\n\r\nexport const Appearance = ({\r\n\tstartTheme,\r\n\tdarkTheme,\r\n\tlightTheme,\r\n\tupdateThemes,\r\n\tareYouSure,\r\n\tbaseURL,\r\n\ttoolbarIcon,\r\n\ttaskbarIcon,\r\n\tinstallerIcon,\r\n\tsystemTrayIcon,\r\n\tsplashScreenImage,\r\n\tsetToolbarIcon,\r\n\tsetTaskbarIcon,\r\n\tsetInstallerIcon,\r\n\tsetSystemTrayIcon,\r\n\tsetSplashScreenImage,\r\n\tsetIconsChanged,\r\n\tupdateSplashScreen,\r\n\tupdateToolbarIcon,\r\n\tupdateTaskbarIcon,\r\n\tupdateSystemTrayIcon,\r\n\tupdateInstallerIcon,\r\n}: AppearanceProps) => {\r\n\tconst [theme, setTheme] = useState(startTheme);\r\n\tconst ref = useRef<HTMLDivElement>(null);\r\n\r\n\tconst applyDarkTheme = () => {\r\n\t\tareYouSure(() => setTheme(clone(darkTheme)));\r\n\t};\r\n\tconst applyLightTheme = () => {\r\n\t\tareYouSure(() => setTheme(clone(lightTheme)));\r\n\t};\r\n\r\n\tuseLayoutEffect(() => {\r\n\t\t// Allow for the tab panel content to look nice with its own scrollbar,\r\n\t\t// which also keeps the heading/tab group at the top of the page.\r\n\t\t// It feels like css flex should do this, but I could never get it to work.\r\n\t\tif (ref.current !== null) {\r\n\t\t\tref.current.style.height = `${window.innerHeight - (ref.current.getBoundingClientRect()?.top || 0) - 10}px`;\r\n\t\t}\r\n\t});\r\n\r\n\treturn (\r\n\t\t<View>\r\n\t\t\t<Header\r\n\t\t\t\thelpFunction={() => {\r\n\t\t\t\t\tlaunchTutorialLink(\"creating-a-theme\");\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\tTheme\r\n\t\t\t</Header>\r\n\r\n\t\t\t<Content>\r\n\t\t\t\t<Tab>\r\n\t\t\t\t\t<div data-label=\"Themes\">\r\n\t\t\t\t\t\t<div className=\"frontmatter\">\r\n\t\t\t\t\t\t\tUse a template to set or reset your theme.\r\n\t\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t\tUse either template to start building your own theme.\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<div className=\"template-row\">\r\n\t\t\t\t\t\t\t<label>Templates:</label>\r\n\t\t\t\t\t\t\t<Button fashion=\"primary\" iconBefore=\"moon\" text=\"Dark theme\" onClick={applyDarkTheme} />\r\n\t\t\t\t\t\t\t<Button fashion=\"primary\" iconBefore=\"sun\" text=\"Light theme\" onClick={applyLightTheme} />\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<ThemePage\r\n\t\t\t\t\t\t\ttheme={theme}\r\n\t\t\t\t\t\t\tupdateThemes={(id: string, newValue: string) => {\r\n\t\t\t\t\t\t\t\tsetTheme({\r\n\t\t\t\t\t\t\t\t\t...theme,\r\n\t\t\t\t\t\t\t\t\t[id]: newValue,\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\tupdateThemes(id, newValue);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div data-label=\"Images\">\r\n\t\t\t\t\t\t<div className=\"frontmatter\">\r\n\t\t\t\t\t\t\tBrowse your computer for images to use in Finsemble.\r\n\t\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t\tYou can also drag and drop images into the fields below.\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<AssetsPage\r\n\t\t\t\t\t\t\tbaseURL={baseURL}\r\n\t\t\t\t\t\t\ttoolbarIcon={toolbarIcon}\r\n\t\t\t\t\t\t\ttaskbarIcon={taskbarIcon}\r\n\t\t\t\t\t\t\tinstallerIcon={installerIcon}\r\n\t\t\t\t\t\t\tsystemTrayIcon={systemTrayIcon}\r\n\t\t\t\t\t\t\tsplashScreenImage={splashScreenImage}\r\n\t\t\t\t\t\t\tsetToolbarIcon={setToolbarIcon}\r\n\t\t\t\t\t\t\tsetTaskbarIcon={setTaskbarIcon}\r\n\t\t\t\t\t\t\tsetInstallerIcon={setInstallerIcon}\r\n\t\t\t\t\t\t\tsetSystemTrayIcon={setSystemTrayIcon}\r\n\t\t\t\t\t\t\tsetSplashScreenImage={setSplashScreenImage}\r\n\t\t\t\t\t\t\tsetIconsChanged={setIconsChanged}\r\n\t\t\t\t\t\t\tupdateSplashScreen={updateSplashScreen}\r\n\t\t\t\t\t\t\tupdateToolbarIcon={updateToolbarIcon}\r\n\t\t\t\t\t\t\tupdateTaskbarIcon={updateTaskbarIcon}\r\n\t\t\t\t\t\t\tupdateSystemTrayIcon={updateSystemTrayIcon}\r\n\t\t\t\t\t\t\tupdateInstallerIcon={updateInstallerIcon}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</Tab>\r\n\t\t\t</Content>\r\n\t\t</View>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"Appearance.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Appearance.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useRef, useLayoutEffect } from \"react\";\nimport { Button } from \"../common/Button\";\nimport { Header } from \"../common/Header\";\nimport \"./Appearance.css\";\nimport { AssetsPage } from \"./AssetsPage\";\nimport { ThemePage, ThemeBundle } from \"./ThemePage\";\nimport { clone } from \"./Appearance.helpers\";\nimport { FileInputUploadCb } from \"../common/FileInput\";\nimport { View } from \"./View\";\nimport { Content } from \"./Content\";\nimport { Tab } from \"../common/Tab\";\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\n\nexport type AppearanceProps = {\n\tstartTheme: ThemeBundle;\n\tdarkTheme: ThemeBundle;\n\tlightTheme: ThemeBundle;\n\tupdateThemes: (id: string, newValue: string) => void;\n\tareYouSure: (affirmativeCallback: () => void) => void;\n\tbaseURL: string;\n\ttoolbarIcon: string;\n\ttaskbarIcon: string;\n\tinstallerIcon: string;\n\tsystemTrayIcon: string;\n\tsplashScreenImage: string;\n\tsetToolbarIcon: (s: string) => void;\n\tsetTaskbarIcon: (s: string) => void;\n\tsetInstallerIcon: (s: string) => void;\n\tsetSystemTrayIcon: (s: string) => void;\n\tsetSplashScreenImage: (s: string) => void;\n\tsetIconsChanged: (n: number) => void;\n\tupdateSplashScreen: FileInputUploadCb;\n\tupdateToolbarIcon: FileInputUploadCb;\n\tupdateTaskbarIcon: FileInputUploadCb;\n\tupdateSystemTrayIcon: FileInputUploadCb;\n\tupdateInstallerIcon: FileInputUploadCb;\n};\n\nexport const Appearance = ({\n\tstartTheme,\n\tdarkTheme,\n\tlightTheme,\n\tupdateThemes,\n\tareYouSure,\n\tbaseURL,\n\ttoolbarIcon,\n\ttaskbarIcon,\n\tinstallerIcon,\n\tsystemTrayIcon,\n\tsplashScreenImage,\n\tsetToolbarIcon,\n\tsetTaskbarIcon,\n\tsetInstallerIcon,\n\tsetSystemTrayIcon,\n\tsetSplashScreenImage,\n\tsetIconsChanged,\n\tupdateSplashScreen,\n\tupdateToolbarIcon,\n\tupdateTaskbarIcon,\n\tupdateSystemTrayIcon,\n\tupdateInstallerIcon,\n}: AppearanceProps) => {\n\tconst [theme, setTheme] = useState(startTheme);\n\tconst ref = useRef<HTMLDivElement>(null);\n\n\tconst applyDarkTheme = () => {\n\t\tareYouSure(() => setTheme(clone(darkTheme)));\n\t};\n\tconst applyLightTheme = () => {\n\t\tareYouSure(() => setTheme(clone(lightTheme)));\n\t};\n\n\tuseLayoutEffect(() => {\n\t\t// Allow for the tab panel content to look nice with its own scrollbar,\n\t\t// which also keeps the heading/tab group at the top of the page.\n\t\t// It feels like css flex should do this, but I could never get it to work.\n\t\tif (ref.current !== null) {\n\t\t\tref.current.style.height = `${window.innerHeight - (ref.current.getBoundingClientRect()?.top || 0) - 10}px`;\n\t\t}\n\t});\n\n\treturn (\n\t\t<View>\n\t\t\t<Header\n\t\t\t\thelpFunction={() => {\n\t\t\t\t\tlaunchTutorialLink(\"SDD-03-Theme\");\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\tTheme\n\t\t\t</Header>\n\n\t\t\t<Content>\n\t\t\t\t<Tab>\n\t\t\t\t\t<div data-label=\"Themes\">\n\t\t\t\t\t\t<div className=\"frontmatter\">\n\t\t\t\t\t\t\tUse a template to set or reset your theme.\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\tUse either template to start building your own theme.\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className=\"template-row\">\n\t\t\t\t\t\t\t<label>Templates:</label>\n\t\t\t\t\t\t\t<Button fashion=\"primary\" iconBefore=\"moon\" text=\"Dark theme\" onClick={applyDarkTheme} />\n\t\t\t\t\t\t\t<Button fashion=\"primary\" iconBefore=\"sun\" text=\"Light theme\" onClick={applyLightTheme} />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<ThemePage\n\t\t\t\t\t\t\ttheme={theme}\n\t\t\t\t\t\t\tupdateThemes={(id: string, newValue: string) => {\n\t\t\t\t\t\t\t\tsetTheme({\n\t\t\t\t\t\t\t\t\t...theme,\n\t\t\t\t\t\t\t\t\t[id]: newValue,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tupdateThemes(id, newValue);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div data-label=\"Images\">\n\t\t\t\t\t\t<div className=\"frontmatter\">\n\t\t\t\t\t\t\tBrowse your computer for images to use in Finsemble.\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\tYou can also drag and drop images into the fields below.\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<AssetsPage\n\t\t\t\t\t\t\tbaseURL={baseURL}\n\t\t\t\t\t\t\ttoolbarIcon={toolbarIcon}\n\t\t\t\t\t\t\ttaskbarIcon={taskbarIcon}\n\t\t\t\t\t\t\tinstallerIcon={installerIcon}\n\t\t\t\t\t\t\tsystemTrayIcon={systemTrayIcon}\n\t\t\t\t\t\t\tsplashScreenImage={splashScreenImage}\n\t\t\t\t\t\t\tsetToolbarIcon={setToolbarIcon}\n\t\t\t\t\t\t\tsetTaskbarIcon={setTaskbarIcon}\n\t\t\t\t\t\t\tsetInstallerIcon={setInstallerIcon}\n\t\t\t\t\t\t\tsetSystemTrayIcon={setSystemTrayIcon}\n\t\t\t\t\t\t\tsetSplashScreenImage={setSplashScreenImage}\n\t\t\t\t\t\t\tsetIconsChanged={setIconsChanged}\n\t\t\t\t\t\t\tupdateSplashScreen={updateSplashScreen}\n\t\t\t\t\t\t\tupdateToolbarIcon={updateToolbarIcon}\n\t\t\t\t\t\t\tupdateTaskbarIcon={updateTaskbarIcon}\n\t\t\t\t\t\t\tupdateSystemTrayIcon={updateSystemTrayIcon}\n\t\t\t\t\t\t\tupdateInstallerIcon={updateInstallerIcon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Tab>\n\t\t\t</Content>\n\t\t</View>\n\t);\n};\n"]}

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

@@ -7,6 +7,7 @@ import * as Types from "../../types/smartDesktopDesignerTypes";
 import { services } from "@finsemble/finsemble-core";
 declare type AppDefinition = services.Interop.types.AppDefinition;
 export declare function appConfigToAppData(appConfig: AppDefinition): Types.ApplicationSaveData;
+export declare function appDataToAppConfig(currentAppConfig: AppDefinition, data: Types.ApplicationSaveData, appId: string): AppDefinition;
 export declare enum ApplicationCloseReason {
     SUCCESS = 0,
     CANCEL = 1,