@finsemble/finsemble-ui 6.2.0 → 6.3.0-beta.20211008

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;\r\n\tstartingHeight: number;\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\tisInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;\r\n\tisOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;\r\n\tupdateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;\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\tisInboundInteropAuthorized,\r\n\tisOutboundInteropAuthorized,\r\n\tupdateApp,\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// TODO: This isn't ideal, but 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\tupdateApp={updateApp}\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":["/*!\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// TODO: This isn't ideal, but 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"]}

package/react/components/smartDesktopDesigner/Appearance.js

@@ -19,8 +19,9 @@ export const Appearance = ({ startTheme, darkTheme, lightTheme, updateThemes, ar
         areYouSure(() => setTheme(clone(lightTheme)));
     };
     useLayoutEffect(() => {
+        var _a;
         if (ref.current !== null) {
-            ref.current.style.height = `${window.innerHeight - (ref.current.getBoundingClientRect()?.top || 0) - 10}px`;
+            ref.current.style.height = `${window.innerHeight - (((_a = ref.current.getBoundingClientRect()) === null || _a === void 0 ? void 0 : _a.top) || 0) - 10}px`;
         }
     });
     return (React.createElement(View, null,
@@ -39,10 +40,7 @@ export const Appearance = ({ startTheme, darkTheme, lightTheme, updateThemes, ar
                         React.createElement(Button, { fashion: "primary", iconBefore: "moon", text: "Dark theme", onClick: applyDarkTheme }),
                         React.createElement(Button, { fashion: "primary", iconBefore: "sun", text: "Light theme", onClick: applyLightTheme })),
                     React.createElement(ThemePage, { theme: theme, updateThemes: (id, newValue) => {
-                            setTheme({
-                                ...theme,
-                                [id]: newValue,
-                            });
+                            setTheme(Object.assign(Object.assign({}, theme), { [id]: newValue }));
                             updateThemes(id, newValue);
                         } })),
                 React.createElement("div", { "data-label": "Images" },

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\";\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"]}

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

@@ -2,10 +2,10 @@
  * Copyright 2017 - 2020 by ChartIQ, Inc.
  * All rights reserved.
  */
-/// <reference types="finsemble-core" />
 /// <reference types="react" />
 import * as Types from "../../types/smartDesktopDesignerTypes";
-import { AppDefinition } from "services/Interop/types";
+import { services } from "@finsemble/finsemble-core";
+declare type AppDefinition = services.Interop.types.AppDefinition;
 export declare function appConfigToAppData(appConfig: AppDefinition): Types.ApplicationSaveData;
 export declare enum ApplicationCloseReason {
     SUCCESS = 0,
@@ -14,9 +14,8 @@ export declare enum ApplicationCloseReason {
 }
 export declare type ApplicationProps = {
     id: string;
-    apps: AppDConfig[];
+    apps: AppDefinition[];
     addApp: typeof FSBL.Clients.SmartDesktopClient.prototype.addApp;
-    updateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;
     deleteApp: typeof FSBL.Clients.SmartDesktopClient.prototype.deleteApp;
     getAppConfigTemplate: typeof FSBL.Clients.SmartDesktopClient.prototype.getAppConfigTemplate;
     onClose: (reason: ApplicationCloseReason) => void;
@@ -25,3 +24,4 @@ export declare type ApplicationProps = {
     isOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;
 };
 export declare const Application: (props: ApplicationProps) => JSX.Element;
+export {};

package/react/components/smartDesktopDesigner/Application.js

@@ -15,14 +15,15 @@ import { SmartDesktopDesignerActions } from "../../actions/smartDesktopDesignerA
 import { ApplicationSetupType } from "../../types/smartDesktopDesignerTypes";
 import { launchTutorialLink } from "./common/fsbl_functions";
 export function appConfigToAppData(appConfig) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     return {
-        name: appConfig.name || appConfig.manifest?.component?.displayName,
+        name: appConfig.name || ((_b = (_a = appConfig.manifest) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.displayName),
         description: appConfig.description || "",
-        url: appConfig.manifest?.window?.url,
-        path: appConfig.manifest?.window?.path,
-        width: appConfig.manifest?.window?.width,
-        height: appConfig.manifest?.window?.height,
-        rules: appConfig.manifest?.interop?.selectConnect,
+        url: (_d = (_c = appConfig.manifest) === null || _c === void 0 ? void 0 : _c.window) === null || _d === void 0 ? void 0 : _d.url,
+        path: (_f = (_e = appConfig.manifest) === null || _e === void 0 ? void 0 : _e.window) === null || _f === void 0 ? void 0 : _f.path,
+        width: (_h = (_g = appConfig.manifest) === null || _g === void 0 ? void 0 : _g.window) === null || _h === void 0 ? void 0 : _h.width,
+        height: (_k = (_j = appConfig.manifest) === null || _j === void 0 ? void 0 : _j.window) === null || _k === void 0 ? void 0 : _k.height,
+        rules: (_m = (_l = appConfig.manifest) === null || _l === void 0 ? void 0 : _l.interop) === null || _m === void 0 ? void 0 : _m.selectConnect,
     };
 }
 export var ApplicationCloseReason;
@@ -39,18 +40,8 @@ export const Application = (props) => {
     const isGettingStarted = useSelector((state) => state.smartDesktopDesigner.isGettingStarted);
     if (!currentAppConfig) {
         props.getAppConfigTemplate().then((response) => {
-            props.deleteApp(currentAppID).then(({ err }) => {
-                const config = {
-                    ...response.config,
-                    appId: currentAppID,
-                    name: undefined,
-                    manifest: {
-                        ...response.config.manifest,
-                        component: {
-                            temporary: true,
-                        },
-                    },
-                };
+            props.deleteApp(currentAppID).then(() => {
+                const config = Object.assign(Object.assign({}, response.config), { appId: currentAppID, manifest: Object.assign(Object.assign({}, response.config.manifest), { temporary: true }) });
                 props.addApp(currentAppID, config).then(() => {
                     dispatch(SmartDesktopDesignerActions.update_app(config));
                 });
@@ -64,42 +55,26 @@ export const Application = (props) => {
     const isEditMode = currentSetupType === ApplicationSetupType.APP_EDIT_ADVANCED ||
         currentSetupType === ApplicationSetupType.APP_EDIT_SIMPLE;
     const onSaveData = (data) => new Promise((resolve, reject) => {
+        var _a, _b;
         if (!currentAppID) {
             return reject(new Error("no app ID specified"));
         }
-        const appConfig = {
-            ...currentAppConfig,
-            manifest: {
-                ...currentAppConfig.manifest,
-                window: {
-                    ...currentAppConfig.manifest?.window,
-                },
-                component: {
-                    temporary: undefined,
-                },
-                interop: {
-                    ...currentAppConfig.manifest?.interop,
-                },
-            },
-            name: data.name,
-            description: data.description,
-            appId: currentAppID,
-            appName: data.name,
-        };
-        delete appConfig.manifest.component.temporary;
+        let windowParams = currentAppConfig.manifest
+            ? Object.assign({}, currentAppConfig.manifest.window) : {};
         if (data.appType == "native") {
-            appConfig.manifest.window.windowType = "assimilation";
-            appConfig.manifest.window.path = data.path;
-            delete appConfig.manifest.window.url;
+            windowParams.windowType = "assimilation";
+            windowParams.path = data.path;
+            delete windowParams.url;
         }
         else {
-            delete appConfig.manifest.window.windowType;
-            delete appConfig.manifest.window.path;
-            appConfig.manifest.window.url = data.url;
+            delete windowParams.windowType;
+            delete windowParams.path;
+            windowParams.url = data.url;
         }
-        appConfig.manifest.window.width = data.width;
-        appConfig.manifest.window.height = data.height;
-        appConfig.manifest.interop.selectConnect = data.rules;
+        windowParams.width = data.width;
+        windowParams.height = data.height;
+        let appConfig = Object.assign(Object.assign({}, currentAppConfig), { appId: currentAppID, name: data.name, description: data.description, manifest: Object.assign(Object.assign({}, currentAppConfig.manifest), { window: windowParams, interop: Object.assign(Object.assign({}, (_a = currentAppConfig.manifest) === null || _a === void 0 ? void 0 : _a.interop), { selectConnect: data.rules }) }) });
+        (_b = appConfig.manifest) === null || _b === void 0 ? true : delete _b.temporary;
         props.deleteApp(currentAppID).then(({ err }) => {
             if (err) {
                 alert(err);
@@ -130,55 +105,72 @@ export const Application = (props) => {
     const setCurrentSetupType = (type) => {
         dispatch(SmartDesktopDesignerActions.set_current_app_setup_type(type));
     };
+    const backFunction = () => {
+        props.onClose(ApplicationCloseReason.CANCEL);
+        if (isGettingStarted) {
+            dispatch(SmartDesktopDesignerActions.change_view("getting-started"));
+        }
+    };
+    const clickWizard = () => {
+        dispatch(SmartDesktopDesignerActions.set_current_app_setup_type(ApplicationSetupType.APP_ADD_SIMPLE));
+    };
+    const clickManual = () => {
+        dispatch(SmartDesktopDesignerActions.set_current_app_setup_type(ApplicationSetupType.APP_ADD_ADVANCED));
+    };
+    const helpFunction = () => {
+        launchTutorialLink("adding-applications");
+    };
+    const applicationEditProps = {
+        id: currentAppID,
+        data: appConfigToAppData(currentAppConfig),
+        apps: props.apps,
+        isSetupWizard: false,
+        isEditMode,
+        removeAppID: props.deleteApp,
+        setCurrentComponentID: (id) => {
+            if (id === "new") {
+                props.onClose(ApplicationCloseReason.NEW);
+            }
+            else {
+                props.onClose(ApplicationCloseReason.SUCCESS);
+            }
+        },
+        onClickBackButton,
+        onSaveData,
+        addApp: props.addApp,
+        isInboundInteropAuthorized: props.isInboundInteropAuthorized,
+        isOutboundInteropAuthorized: props.isOutboundInteropAuthorized,
+    };
+    const applicationSetupProps = {
+        id: currentAppID,
+        data: appConfigToAppData(currentAppConfig),
+        apps: props.apps,
+        backFunction: () => {
+            setCurrentSetupType(null);
+        },
+        removeAppID: props.deleteApp,
+        setCurrentComponentID: (id) => {
+            if (id === "new") {
+                props.onClose(ApplicationCloseReason.NEW);
+            }
+            else {
+                props.onClose(ApplicationCloseReason.SUCCESS);
+            }
+        },
+        onClickBackButton,
+        onSaveData,
+        addApp: props.addApp,
+        isInboundInteropAuthorized: props.isInboundInteropAuthorized,
+        isOutboundInteropAuthorized: props.isOutboundInteropAuthorized,
+    };
     return (React.createElement(React.Fragment, null, currentSetupType === null ? (React.createElement("div", { className: "setup-type-container" },
         React.createElement(View, null,
-            React.createElement(Header, { helpFunction: () => {
-                    launchTutorialLink("adding-applications");
-                }, backFunction: () => {
-                    props.onClose(ApplicationCloseReason.CANCEL);
-                    if (isGettingStarted) {
-                        dispatch(SmartDesktopDesignerActions.change_view("getting-started"));
-                    }
-                } }, "Add an app"),
+            React.createElement(Header, { helpFunction: helpFunction, backFunction: backFunction }, "Add an app"),
             React.createElement(Content, null,
                 React.createElement("h2", { className: "setup-type-heading" }, "Choose a method to add an app"),
                 React.createElement("div", { className: "tile-type-buttons" },
-                    React.createElement(ButtonTile, { className: "icon-wizard", icon: "magic", text: "App wizard", onClick: () => {
-                            dispatch(SmartDesktopDesignerActions.set_current_app_setup_type(ApplicationSetupType.APP_ADD_SIMPLE));
-                        } }),
-                    React.createElement(ButtonTile, { className: "icon-manual", icon: "tools", text: "Manual setup (advanced)", onClick: () => {
-                            dispatch(SmartDesktopDesignerActions.set_current_app_setup_type(ApplicationSetupType.APP_ADD_ADVANCED));
-                        } })))))) : currentSetupType === ApplicationSetupType.APP_EDIT_ADVANCED ||
-        currentSetupType === ApplicationSetupType.APP_ADD_ADVANCED ? (React.createElement(ApplicationEdit, { id: currentAppID, data: appConfigToAppData(currentAppConfig), apps: props.apps, isSetupWizard: false, ...{
-            currentSetupType,
-            isEditMode,
-            setCurrentSetupType,
-            removeAppID: props.deleteApp,
-            setCurrentComponentID: (id) => {
-                if (id === "new") {
-                    props.onClose(ApplicationCloseReason.NEW);
-                }
-                else {
-                    props.onClose(ApplicationCloseReason.SUCCESS);
-                }
-            },
-            onClickBackButton,
-            onSaveData,
-        }, isInboundInteropAuthorized: props.isInboundInteropAuthorized, isOutboundInteropAuthorized: props.isOutboundInteropAuthorized, updateApp: props.updateApp })) : (React.createElement(ApplicationSetup, { id: currentAppID, data: appConfigToAppData(currentAppConfig), apps: props.apps, backFunction: () => {
-            setCurrentSetupType(null);
-        }, ...{
-            setCurrentSetupType,
-            removeAppID: props.deleteApp,
-            setCurrentComponentID: (id) => {
-                if (id === "new") {
-                    props.onClose(ApplicationCloseReason.NEW);
-                }
-                else {
-                    props.onClose(ApplicationCloseReason.SUCCESS);
-                }
-            },
-            onClickBackButton,
-            onSaveData,
-        }, isInboundInteropAuthorized: props.isInboundInteropAuthorized, isOutboundInteropAuthorized: props.isOutboundInteropAuthorized, updateApp: props.updateApp }))));
+                    React.createElement(ButtonTile, { className: "icon-wizard", icon: "magic", text: "App wizard", onClick: clickWizard }),
+                    React.createElement(ButtonTile, { className: "icon-manual", icon: "tools", text: "Manual setup (advanced)", onClick: clickManual })))))) : currentSetupType === ApplicationSetupType.APP_EDIT_ADVANCED ||
+        currentSetupType === ApplicationSetupType.APP_ADD_ADVANCED ? (React.createElement(ApplicationEdit, Object.assign({}, applicationEditProps))) : (React.createElement(ApplicationSetup, Object.assign({}, applicationSetupProps)))));
 };
 //# sourceMappingURL=Application.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Application.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { useSelector, useDispatch } from \"../../store\";\r\nimport { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\nimport { ApplicationEdit } from \"./ApplicationEdit\";\r\nimport { ApplicationSetup } from \"./ApplicationSetup\";\r\n\r\nimport * as Types from \"../../types/smartDesktopDesignerTypes\";\r\n\r\nimport { ButtonTile } from \"../common/ButtonTile\";\r\nimport { CircularLoadingSpinner } from \"../common/LoadingSpinner\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { ApplicationSetupType } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\nimport { AppDefinition } from \"services/Interop/types\";\r\n\r\nexport function appConfigToAppData(appConfig: AppDefinition): Types.ApplicationSaveData {\r\n\treturn {\r\n\t\tname: appConfig.name || appConfig.manifest?.component?.displayName,\r\n\t\tdescription: appConfig.description || \"\",\r\n\t\turl: appConfig.manifest?.window?.url,\r\n\t\tpath: appConfig.manifest?.window?.path,\r\n\t\twidth: appConfig.manifest?.window?.width,\r\n\t\theight: appConfig.manifest?.window?.height,\r\n\t\trules: appConfig.manifest?.interop?.selectConnect,\r\n\t};\r\n}\r\n\r\nexport enum ApplicationCloseReason {\r\n\tSUCCESS,\r\n\tCANCEL,\r\n\tNEW,\r\n}\r\n\r\nexport type ApplicationProps = {\r\n\tid: string;\r\n\tapps: AppDConfig[];\r\n\taddApp: typeof FSBL.Clients.SmartDesktopClient.prototype.addApp;\r\n\tupdateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;\r\n\tdeleteApp: typeof FSBL.Clients.SmartDesktopClient.prototype.deleteApp;\r\n\tgetAppConfigTemplate: typeof FSBL.Clients.SmartDesktopClient.prototype.getAppConfigTemplate;\r\n\tonClose: (reason: ApplicationCloseReason) => void;\r\n\tsetCurrentAppID: (id: string | null) => void;\r\n\tisInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;\r\n\tisOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;\r\n};\r\n\r\nexport const Application = (props: ApplicationProps) => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst currentAppID = props.id;\r\n\r\n\tconst currentAppConfig = useSelector((state: RootState) =>\r\n\t\tstate.smartDesktopDesigner.apps.find((app: AppDConfig) => app.appId === currentAppID)\r\n\t);\r\n\r\n\tconst currentSetupType = useSelector((state: RootState) => state.smartDesktopDesigner.currentAppSetupType);\r\n\r\n\tconst isGettingStarted = useSelector((state: RootState) => state.smartDesktopDesigner.isGettingStarted);\r\n\r\n\tif (!currentAppConfig) {\r\n\t\tprops.getAppConfigTemplate().then((response) => {\r\n\t\t\tprops.deleteApp(currentAppID).then(({ err }: { err: string }) => {\r\n\t\t\t\tconst config: AppDefinition = {\r\n\t\t\t\t\t...response.config,\r\n\t\t\t\t\tappId: currentAppID,\r\n\t\t\t\t\tname: undefined,\r\n\t\t\t\t\tmanifest: {\r\n\t\t\t\t\t\t...response.config.manifest,\r\n\t\t\t\t\t\tcomponent: {\r\n\t\t\t\t\t\t\ttemporary: true,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n\t\t\t\t};\r\n\r\n\t\t\t\tprops.addApp(currentAppID, config).then(() => {\r\n\t\t\t\t\tdispatch(SmartDesktopDesignerActions.update_app(config));\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t<div style={{ overflow: \"hidden\" }}>\r\n\t\t\t\t\t<div style={{ marginTop: \"43vh\" }}>\r\n\t\t\t\t\t\t<CircularLoadingSpinner />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n\r\n\tconst isEditMode =\r\n\t\tcurrentSetupType === ApplicationSetupType.APP_EDIT_ADVANCED ||\r\n\t\tcurrentSetupType === ApplicationSetupType.APP_EDIT_SIMPLE;\r\n\r\n\tconst onSaveData = (data: Types.ApplicationSaveData) =>\r\n\t\tnew Promise<any>((resolve, reject) => {\r\n\t\t\tif (!currentAppID) {\r\n\t\t\t\treturn reject(new Error(\"no app ID specified\"));\r\n\t\t\t}\r\n\r\n\t\t\tconst appConfig = {\r\n\t\t\t\t...currentAppConfig,\r\n\t\t\t\tmanifest: {\r\n\t\t\t\t\t...currentAppConfig.manifest,\r\n\t\t\t\t\twindow: {\r\n\t\t\t\t\t\t...currentAppConfig.manifest?.window,\r\n\t\t\t\t\t},\r\n\t\t\t\t\tcomponent: {\r\n\t\t\t\t\t\ttemporary: undefined,\r\n\t\t\t\t\t},\r\n\t\t\t\t\tinterop: {\r\n\t\t\t\t\t\t...currentAppConfig.manifest?.interop,\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t\tname: data.name,\r\n\t\t\t\tdescription: data.description,\r\n\t\t\t\tappId: currentAppID,\r\n\t\t\t\tappName: data.name,\r\n\t\t\t};\r\n\t\t\tdelete appConfig.manifest.component.temporary;\r\n\r\n\t\t\tif (data.appType == \"native\") {\r\n\t\t\t\tappConfig.manifest.window.windowType = \"assimilation\";\r\n\t\t\t\tappConfig.manifest.window.path = data.path;\r\n\t\t\t\tdelete appConfig.manifest.window.url;\r\n\t\t\t} else {\r\n\t\t\t\tdelete appConfig.manifest.window.windowType;\r\n\t\t\t\tdelete appConfig.manifest.window.path;\r\n\t\t\t\tappConfig.manifest.window.url = data.url;\r\n\t\t\t}\r\n\r\n\t\t\tappConfig.manifest.window.width = data.width;\r\n\t\t\tappConfig.manifest.window.height = data.height;\r\n\t\t\tappConfig.manifest.interop.selectConnect = data.rules;\r\n\r\n\t\t\t// Always remove and replace component\r\n\t\t\tprops.deleteApp(currentAppID).then(({ err }: { err: string }) => {\r\n\t\t\t\tif (err) {\r\n\t\t\t\t\t// @todo : add error handling.  Maybe react-toast-notify?\r\n\t\t\t\t\talert(err);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tprops\r\n\t\t\t\t\t.addApp(currentAppID, appConfig)\r\n\t\t\t\t\t.then((response) => {\r\n\t\t\t\t\t\tresolve(response);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch((e) => {\r\n\t\t\t\t\t\treject(e);\r\n\t\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\r\n\tconst onClickBackButton = () => {\r\n\t\tif (!isEditMode) {\r\n\t\t\tif (currentSetupType === null) {\r\n\t\t\t\tprops.onClose(ApplicationCloseReason.CANCEL);\r\n\t\t\t} else {\r\n\t\t\t\tdispatch(SmartDesktopDesignerActions.set_current_app_setup_type(null));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tprops.onClose(ApplicationCloseReason.CANCEL);\r\n\t\t}\r\n\t};\r\n\r\n\tconst setCurrentSetupType = (type: ApplicationSetupType | null) => {\r\n\t\tdispatch(SmartDesktopDesignerActions.set_current_app_setup_type(type));\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{currentSetupType === null ? (\r\n\t\t\t\t<div className=\"setup-type-container\">\r\n\t\t\t\t\t<View>\r\n\t\t\t\t\t\t<Header\r\n\t\t\t\t\t\t\thelpFunction={() => {\r\n\t\t\t\t\t\t\t\tlaunchTutorialLink(\"adding-applications\");\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tbackFunction={() => {\r\n\t\t\t\t\t\t\t\tprops.onClose(ApplicationCloseReason.CANCEL);\r\n\r\n\t\t\t\t\t\t\t\tif (isGettingStarted) {\r\n\t\t\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(\"getting-started\"));\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tAdd an app\r\n\t\t\t\t\t\t</Header>\r\n\r\n\t\t\t\t\t\t<Content>\r\n\t\t\t\t\t\t\t<h2 className=\"setup-type-heading\">Choose a method to add an app</h2>\r\n\t\t\t\t\t\t\t<div className=\"tile-type-buttons\">\r\n\t\t\t\t\t\t\t\t<ButtonTile\r\n\t\t\t\t\t\t\t\t\tclassName=\"icon-wizard\"\r\n\t\t\t\t\t\t\t\t\ticon=\"magic\"\r\n\t\t\t\t\t\t\t\t\ttext=\"App wizard\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tdispatch(\r\n\t\t\t\t\t\t\t\t\t\t\tSmartDesktopDesignerActions.set_current_app_setup_type(ApplicationSetupType.APP_ADD_SIMPLE)\r\n\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<ButtonTile\r\n\t\t\t\t\t\t\t\t\tclassName=\"icon-manual\"\r\n\t\t\t\t\t\t\t\t\ticon=\"tools\"\r\n\t\t\t\t\t\t\t\t\ttext=\"Manual setup (advanced)\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tdispatch(\r\n\t\t\t\t\t\t\t\t\t\t\tSmartDesktopDesignerActions.set_current_app_setup_type(ApplicationSetupType.APP_ADD_ADVANCED)\r\n\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</Content>\r\n\t\t\t\t\t</View>\r\n\t\t\t\t</div>\r\n\t\t\t) : currentSetupType === ApplicationSetupType.APP_EDIT_ADVANCED ||\r\n\t\t\t  currentSetupType === ApplicationSetupType.APP_ADD_ADVANCED ? (\r\n\t\t\t\t<ApplicationEdit\r\n\t\t\t\t\tid={currentAppID}\r\n\t\t\t\t\tdata={appConfigToAppData(currentAppConfig) as Types.ApplicationSaveData}\r\n\t\t\t\t\tapps={props.apps}\r\n\t\t\t\t\tisSetupWizard={false}\r\n\t\t\t\t\t{...{\r\n\t\t\t\t\t\tcurrentSetupType,\r\n\t\t\t\t\t\tisEditMode,\r\n\t\t\t\t\t\tsetCurrentSetupType,\r\n\t\t\t\t\t\tremoveAppID: props.deleteApp,\r\n\t\t\t\t\t\tsetCurrentComponentID: (id: string | null) => {\r\n\t\t\t\t\t\t\tif (id === \"new\") {\r\n\t\t\t\t\t\t\t\tprops.onClose(ApplicationCloseReason.NEW);\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tprops.onClose(ApplicationCloseReason.SUCCESS);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tonClickBackButton,\r\n\t\t\t\t\t\tonSaveData,\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tisInboundInteropAuthorized={props.isInboundInteropAuthorized}\r\n\t\t\t\t\tisOutboundInteropAuthorized={props.isOutboundInteropAuthorized}\r\n\t\t\t\t\tupdateApp={props.updateApp}\r\n\t\t\t\t></ApplicationEdit>\r\n\t\t\t) : (\r\n\t\t\t\t// else \"application setup wizard\"\r\n\t\t\t\t<ApplicationSetup\r\n\t\t\t\t\tid={currentAppID}\r\n\t\t\t\t\tdata={appConfigToAppData(currentAppConfig) as Types.ApplicationSaveData}\r\n\t\t\t\t\tapps={props.apps}\r\n\t\t\t\t\tbackFunction={() => {\r\n\t\t\t\t\t\tsetCurrentSetupType(null);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t{...{\r\n\t\t\t\t\t\tsetCurrentSetupType,\r\n\t\t\t\t\t\tremoveAppID: props.deleteApp,\r\n\t\t\t\t\t\tsetCurrentComponentID: (id: string | null) => {\r\n\t\t\t\t\t\t\tif (id === \"new\") {\r\n\t\t\t\t\t\t\t\tprops.onClose(ApplicationCloseReason.NEW);\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tprops.onClose(ApplicationCloseReason.SUCCESS);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tonClickBackButton,\r\n\t\t\t\t\t\tonSaveData,\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tisInboundInteropAuthorized={props.isInboundInteropAuthorized}\r\n\t\t\t\t\tisOutboundInteropAuthorized={props.isOutboundInteropAuthorized}\r\n\t\t\t\t\tupdateApp={props.updateApp}\r\n\t\t\t\t></ApplicationSetup>\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Application.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { useSelector, useDispatch } from \"../../store\";\r\nimport { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\nimport { ApplicationEdit } from \"./ApplicationEdit\";\r\nimport { ApplicationSetup } from \"./ApplicationSetup\";\r\nimport { ButtonTile } from \"../common/ButtonTile\";\r\nimport { CircularLoadingSpinner } from \"../common/LoadingSpinner\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { ApplicationSetupType } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\nimport * as Types from \"../../types/smartDesktopDesignerTypes\";\r\nimport { ApplicationEditProps } from \"./ApplicationEdit\";\r\nimport { ApplicationSetupProps } from \"./ApplicationSetup\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype AppDefinition = services.Interop.types.AppDefinition;\r\n// Get the type of the window object within an AppD manifest. Use Required<> to resolve the ?:\r\ntype ManifestWindow = Required<AppDefinition>[\"manifest\"][\"window\"];\r\n\r\nexport function appConfigToAppData(appConfig: AppDefinition): Types.ApplicationSaveData {\r\n\treturn {\r\n\t\tname: appConfig.name || appConfig.manifest?.component?.displayName,\r\n\t\tdescription: appConfig.description || \"\",\r\n\t\turl: appConfig.manifest?.window?.url,\r\n\t\tpath: appConfig.manifest?.window?.path,\r\n\t\twidth: appConfig.manifest?.window?.width,\r\n\t\theight: appConfig.manifest?.window?.height,\r\n\t\trules: appConfig.manifest?.interop?.selectConnect,\r\n\t};\r\n}\r\n\r\nexport enum ApplicationCloseReason {\r\n\tSUCCESS,\r\n\tCANCEL,\r\n\tNEW,\r\n}\r\n\r\nexport type ApplicationProps = {\r\n\tid: string;\r\n\tapps: AppDefinition[];\r\n\taddApp: typeof FSBL.Clients.SmartDesktopClient.prototype.addApp;\r\n\tdeleteApp: typeof FSBL.Clients.SmartDesktopClient.prototype.deleteApp;\r\n\tgetAppConfigTemplate: typeof FSBL.Clients.SmartDesktopClient.prototype.getAppConfigTemplate;\r\n\tonClose: (reason: ApplicationCloseReason) => void;\r\n\tsetCurrentAppID: (id: string | null) => void;\r\n\tisInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;\r\n\tisOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;\r\n};\r\n\r\nexport const Application = (props: ApplicationProps) => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst currentAppID = props.id;\r\n\r\n\tconst currentAppConfig = useSelector((state: RootState) =>\r\n\t\tstate.smartDesktopDesigner.apps.find((app: AppDefinition) => app.appId === currentAppID)\r\n\t);\r\n\r\n\tconst currentSetupType = useSelector((state: RootState) => state.smartDesktopDesigner.currentAppSetupType);\r\n\r\n\tconst isGettingStarted = useSelector((state: RootState) => state.smartDesktopDesigner.isGettingStarted);\r\n\r\n\tif (!currentAppConfig) {\r\n\t\tprops.getAppConfigTemplate().then((response: any) => {\r\n\t\t\tprops.deleteApp(currentAppID).then(() => {\r\n\t\t\t\tconst config: AppDefinition = {\r\n\t\t\t\t\t...response.config,\r\n\t\t\t\t\tappId: currentAppID,\r\n\t\t\t\t\tmanifest: {\r\n\t\t\t\t\t\t...response.config.manifest,\r\n\t\t\t\t\t\t// Apps that are flagged temporary will be removed if the user cancels out of adding an app\r\n\t\t\t\t\t\ttemporary: true,\r\n\t\t\t\t\t},\r\n\t\t\t\t};\r\n\r\n\t\t\t\tprops.addApp(currentAppID, config).then(() => {\r\n\t\t\t\t\tdispatch(SmartDesktopDesignerActions.update_app(config));\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t<div style={{ overflow: \"hidden\" }}>\r\n\t\t\t\t\t<div style={{ marginTop: \"43vh\" }}>\r\n\t\t\t\t\t\t<CircularLoadingSpinner />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n\r\n\tconst isEditMode =\r\n\t\tcurrentSetupType === ApplicationSetupType.APP_EDIT_ADVANCED ||\r\n\t\tcurrentSetupType === ApplicationSetupType.APP_EDIT_SIMPLE;\r\n\r\n\tconst onSaveData = (data: Types.ApplicationSaveData) =>\r\n\t\tnew Promise<any>((resolve, reject) => {\r\n\t\t\tif (!currentAppID) {\r\n\t\t\t\treturn reject(new Error(\"no app ID specified\"));\r\n\t\t\t}\r\n\r\n\t\t\tlet windowParams: ManifestWindow = currentAppConfig.manifest\r\n\t\t\t\t? {\r\n\t\t\t\t\t\t...currentAppConfig.manifest.window,\r\n\t\t\t\t  }\r\n\t\t\t\t: {};\r\n\r\n\t\t\tif (data.appType == \"native\") {\r\n\t\t\t\twindowParams.windowType = \"assimilation\";\r\n\t\t\t\twindowParams.path = data.path;\r\n\t\t\t\tdelete windowParams.url;\r\n\t\t\t} else {\r\n\t\t\t\tdelete windowParams.windowType;\r\n\t\t\t\tdelete windowParams.path;\r\n\t\t\t\twindowParams.url = data.url;\r\n\t\t\t}\r\n\r\n\t\t\twindowParams.width = data.width;\r\n\t\t\twindowParams.height = data.height;\r\n\r\n\t\t\tlet appConfig: AppDefinition = {\r\n\t\t\t\t...currentAppConfig,\r\n\t\t\t\tappId: currentAppID,\r\n\t\t\t\tname: data.name,\r\n\t\t\t\tdescription: data.description,\r\n\t\t\t\tmanifest: {\r\n\t\t\t\t\t...currentAppConfig.manifest,\r\n\t\t\t\t\twindow: windowParams,\r\n\t\t\t\t\tinterop: {\r\n\t\t\t\t\t\t...currentAppConfig.manifest?.interop,\r\n\t\t\t\t\t\tselectConnect: data.rules,\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\t\tdelete appConfig.manifest?.temporary;\r\n\r\n\t\t\t// Always remove and replace component\r\n\t\t\tprops.deleteApp(currentAppID).then(({ err }: { err: string }) => {\r\n\t\t\t\tif (err) {\r\n\t\t\t\t\t// @todo : add error handling.  Maybe react-toast-notify?\r\n\t\t\t\t\talert(err);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tprops\r\n\t\t\t\t\t.addApp(currentAppID, appConfig)\r\n\t\t\t\t\t.then((response: any) => {\r\n\t\t\t\t\t\tresolve(response);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch((e: any) => {\r\n\t\t\t\t\t\treject(e);\r\n\t\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\r\n\tconst onClickBackButton = () => {\r\n\t\tif (!isEditMode) {\r\n\t\t\tif (currentSetupType === null) {\r\n\t\t\t\tprops.onClose(ApplicationCloseReason.CANCEL);\r\n\t\t\t} else {\r\n\t\t\t\tdispatch(SmartDesktopDesignerActions.set_current_app_setup_type(null));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tprops.onClose(ApplicationCloseReason.CANCEL);\r\n\t\t}\r\n\t};\r\n\r\n\tconst setCurrentSetupType = (type: ApplicationSetupType | null) => {\r\n\t\tdispatch(SmartDesktopDesignerActions.set_current_app_setup_type(type));\r\n\t};\r\n\r\n\tconst backFunction = () => {\r\n\t\tprops.onClose(ApplicationCloseReason.CANCEL);\r\n\r\n\t\tif (isGettingStarted) {\r\n\t\t\tdispatch(SmartDesktopDesignerActions.change_view(\"getting-started\"));\r\n\t\t}\r\n\t};\r\n\r\n\tconst clickWizard = () => {\r\n\t\tdispatch(SmartDesktopDesignerActions.set_current_app_setup_type(ApplicationSetupType.APP_ADD_SIMPLE));\r\n\t};\r\n\r\n\tconst clickManual = () => {\r\n\t\tdispatch(SmartDesktopDesignerActions.set_current_app_setup_type(ApplicationSetupType.APP_ADD_ADVANCED));\r\n\t};\r\n\r\n\tconst helpFunction = () => {\r\n\t\tlaunchTutorialLink(\"adding-applications\");\r\n\t};\r\n\r\n\tconst applicationEditProps: ApplicationEditProps = {\r\n\t\tid: currentAppID,\r\n\t\tdata: appConfigToAppData(currentAppConfig) as Types.ApplicationSaveData,\r\n\t\tapps: props.apps,\r\n\t\tisSetupWizard: false,\r\n\t\tisEditMode,\r\n\t\tremoveAppID: props.deleteApp,\r\n\t\tsetCurrentComponentID: (id: string | null) => {\r\n\t\t\tif (id === \"new\") {\r\n\t\t\t\tprops.onClose(ApplicationCloseReason.NEW);\r\n\t\t\t} else {\r\n\t\t\t\tprops.onClose(ApplicationCloseReason.SUCCESS);\r\n\t\t\t}\r\n\t\t},\r\n\t\tonClickBackButton,\r\n\t\tonSaveData,\r\n\t\taddApp: props.addApp,\r\n\t\tisInboundInteropAuthorized: props.isInboundInteropAuthorized,\r\n\t\tisOutboundInteropAuthorized: props.isOutboundInteropAuthorized,\r\n\t};\r\n\r\n\tconst applicationSetupProps: ApplicationSetupProps = {\r\n\t\tid: currentAppID,\r\n\t\tdata: appConfigToAppData(currentAppConfig) as Types.ApplicationSaveData,\r\n\t\tapps: props.apps,\r\n\t\tbackFunction: () => {\r\n\t\t\tsetCurrentSetupType(null);\r\n\t\t},\r\n\t\tremoveAppID: props.deleteApp,\r\n\t\tsetCurrentComponentID: (id: string | null) => {\r\n\t\t\tif (id === \"new\") {\r\n\t\t\t\tprops.onClose(ApplicationCloseReason.NEW);\r\n\t\t\t} else {\r\n\t\t\t\tprops.onClose(ApplicationCloseReason.SUCCESS);\r\n\t\t\t}\r\n\t\t},\r\n\t\tonClickBackButton,\r\n\t\tonSaveData,\r\n\t\taddApp: props.addApp,\r\n\t\tisInboundInteropAuthorized: props.isInboundInteropAuthorized,\r\n\t\tisOutboundInteropAuthorized: props.isOutboundInteropAuthorized,\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{currentSetupType === null ? (\r\n\t\t\t\t<div className=\"setup-type-container\">\r\n\t\t\t\t\t<View>\r\n\t\t\t\t\t\t<Header helpFunction={helpFunction} backFunction={backFunction}>\r\n\t\t\t\t\t\t\tAdd an app\r\n\t\t\t\t\t\t</Header>\r\n\r\n\t\t\t\t\t\t<Content>\r\n\t\t\t\t\t\t\t<h2 className=\"setup-type-heading\">Choose a method to add an app</h2>\r\n\t\t\t\t\t\t\t<div className=\"tile-type-buttons\">\r\n\t\t\t\t\t\t\t\t<ButtonTile className=\"icon-wizard\" icon=\"magic\" text=\"App wizard\" onClick={clickWizard} />\r\n\t\t\t\t\t\t\t\t<ButtonTile className=\"icon-manual\" icon=\"tools\" text=\"Manual setup (advanced)\" onClick={clickManual} />\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</Content>\r\n\t\t\t\t\t</View>\r\n\t\t\t\t</div>\r\n\t\t\t) : currentSetupType === ApplicationSetupType.APP_EDIT_ADVANCED ||\r\n\t\t\t  currentSetupType === ApplicationSetupType.APP_ADD_ADVANCED ? (\r\n\t\t\t\t<ApplicationEdit {...applicationEditProps} />\r\n\t\t\t) : (\r\n\t\t\t\t// else \"application setup wizard\"\r\n\t\t\t\t<ApplicationSetup {...applicationSetupProps} />\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n};\r\n"]}

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

@@ -15,8 +15,8 @@ export declare type ApplicationEditProps = {
     onSaveData: (data: ApplicationSaveData) => Promise<any>;
     apps: object[];
     data: ApplicationSaveData;
+    addApp: typeof FSBL.Clients.SmartDesktopClient.prototype.addApp;
     isInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;
     isOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;
-    updateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;
 };
 export declare const ApplicationEdit: (props: ApplicationEditProps) => JSX.Element;