@finsemble/finsemble-ui 6.2.1 → 6.3.1-beta-1

package/react/components/smartDesktopDesigner/ApplicationList.js

@@ -19,35 +19,38 @@ export const ApplicationList = ({ apps, clickApp, deleteApp }) => (React.createE
     }
     return 0;
 })
-    .map((data) => {
-    const appID = data.appId;
+    .map((appDEntry) => {
+    var _a, _b;
+    const appID = appDEntry.appId;
     const openAppEventHandler = (e) => {
         clickApp(appID);
         e.preventDefault();
     };
     const deleteAppEventHandler = (e) => {
         e.stopPropagation();
-        deleteApp(data.component?.displayName || appID);
+        deleteApp(appID);
     };
-    return (React.createElement("div", { key: appID, id: `app-list-row-${appID}`, className: "app-list-row", role: "listitem", tabIndex: 0, onClick: openAppEventHandler, onKeyDown: (e) => {
-            switch (e.key) {
-                case "Enter": {
-                }
-                case " ": {
-                    openAppEventHandler(e);
-                    break;
-                }
-                case "Delete": {
-                    deleteAppEventHandler(e);
-                    break;
-                }
-                default: {
-                }
+    const keyDownHandler = (e) => {
+        switch (e.key) {
+            case "Enter": {
             }
-        } },
-        React.createElement("span", { className: "app-name" }, data.component?.displayName || data.appName || data.name || appID),
+            case " ": {
+                openAppEventHandler(e);
+                break;
+            }
+            case "Delete": {
+                deleteAppEventHandler(e);
+                break;
+            }
+            default: {
+            }
+        }
+    };
+    const displayName = ((_b = (_a = appDEntry.manifest) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.displayName) || appDEntry.name || appID;
+    return (React.createElement("div", { key: appID, id: `app-list-row-${appID}`, className: "app-list-row", role: "listitem", tabIndex: 0, onClick: openAppEventHandler, onKeyDown: keyDownHandler },
+        React.createElement("span", { className: "app-name" }, displayName),
         React.createElement("div", { className: "icon-bar" },
-            data.icon ? (React.createElement(Tooltip, { altClassName: "icon-warning", position: "left" }, "This app group is empty.")) : (""),
+            appDEntry.icons ? (React.createElement(Tooltip, { altClassName: "icon-warning", position: "left" }, "This app group is empty.")) : (""),
             React.createElement(ButtonIcon, { tabIndex: -1, className: "icon-delete", icon: "trash", text: "Delete", onClick: deleteAppEventHandler }))));
 })))));
 //# sourceMappingURL=ApplicationList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ApplicationList.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ApplicationList.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAoB5C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAwB,EAAE,EAAE,CAAC,CACvF,0CACE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,6BAAK,SAAS,EAAC,gBAAgB;;IAE9B,+BAAM;wCAED,CACN,CAAC,CAAC,CAAC,CACH,6BAAK,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,IACzC,IAAI;KACH,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACd,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE;QACpB,OAAO,CAAC,CAAC;KACT;SAAM,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE;QAC3B,OAAO,CAAC,CAAC,CAAC;KACV;IAED,OAAO,CAAC,CAAC;AACV,CAAC,CAAC;KACD,GAAG,CAAC,CAAC,IAAgB,EAAE,EAAE;IACzB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IAEzB,MAAM,mBAAmB,GAAG,CAAC,CAA2D,EAAE,EAAE;QAC3F,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC,CAAC,cAAc,EAAE,CAAC;IACpB,CAAC,CAAC;IACF,MAAM,qBAAqB,GAAG,CAAC,CAA2D,EAAE,EAAE;QAC7F,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,WAAW,IAAI,KAAK,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,OAAO,CACN,6BACC,GAAG,EAAE,KAAK,EACV,EAAE,EAAE,gBAAgB,KAAK,EAAE,EAC3B,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,CAAC,CAAsC,EAAE,EAAE;YACrD,QAAQ,CAAC,CAAC,GAAG,EAAE;gBACd,KAAK,OAAO,CAAC,CAAC;iBACb;gBACD,KAAK,GAAG,CAAC,CAAC;oBACT,mBAAmB,CAAC,CAAC,CAAC,CAAC;oBACvB,MAAM;iBACN;gBACD,KAAK,QAAQ,CAAC,CAAC;oBACd,qBAAqB,CAAC,CAAC,CAAC,CAAC;oBACzB,MAAM;iBACN;gBACD,OAAO,CAAC,CAAC;iBACR;aACD;QACF,CAAC;QAED,8BAAM,SAAS,EAAC,UAAU,IAAE,IAAI,CAAC,SAAS,EAAE,WAAW,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,IAAI,KAAK,CAAQ;QACrG,6BAAK,SAAS,EAAC,UAAU;YACvB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,oBAAC,OAAO,IAAC,YAAY,EAAC,cAAc,EAAC,QAAQ,EAAC,MAAM,+BAE1C,CACV,CAAC,CAAC,CAAC,CACH,EAAE,CACF;YACD,oBAAC,UAAU,IACV,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAC,aAAa,EACvB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,qBAAqB,GAC7B,CACG,CACD,CACN,CAAC;AACH,CAAC,CAAC,CACE,CACN,CACC,CACH,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { ButtonIcon } from \"../common/ButtonIcon\";\r\nimport \"../common/css/application-list.css\";\r\nimport { Tooltip } from \"../common/Tooltip\";\r\n\r\nexport type ApplicationListProps = {\r\n\tapps: AppDConfig[];\r\n\tclickApp: (s: string) => void;\r\n\tdeleteApp: (s: string) => void;\r\n};\r\n\r\n/*\r\napps = [\r\n\t{\r\n\t\tappId: string\r\n\t\tcomponent: {\r\n\t\t\tdisplayName: string\r\n\t\t},\r\n\t\ticon?: string\r\n\t}, ...\r\n]\r\n*/\r\n\r\nexport const ApplicationList = ({ apps, clickApp, deleteApp }: ApplicationListProps) => (\r\n\t<>\r\n\t\t{apps.length < 1 ? (\r\n\t\t\t<div className=\"app-list-empty\">\r\n\t\t\t\tThere’s nothing here!\r\n\t\t\t\t<br />\r\n\t\t\t\tClick the Add button to add apps.\r\n\t\t\t</div>\r\n\t\t) : (\r\n\t\t\t<div className=\"app-list-table\" role=\"list\">\r\n\t\t\t\t{apps\r\n\t\t\t\t\t.sort((a, b) => {\r\n\t\t\t\t\t\tif (a.name > b.name) {\r\n\t\t\t\t\t\t\treturn 1;\r\n\t\t\t\t\t\t} else if (b.name > a.name) {\r\n\t\t\t\t\t\t\treturn -1;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\treturn 0;\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.map((data: AppDConfig) => {\r\n\t\t\t\t\t\tconst appID = data.appId;\r\n\r\n\t\t\t\t\t\tconst openAppEventHandler = (e: React.MouseEvent<Element> | React.KeyboardEvent<Element>) => {\r\n\t\t\t\t\t\t\tclickApp(appID);\r\n\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tconst deleteAppEventHandler = (e: React.MouseEvent<Element> | React.KeyboardEvent<Element>) => {\r\n\t\t\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\t\t\tdeleteApp(data.component?.displayName || appID);\r\n\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tkey={appID}\r\n\t\t\t\t\t\t\t\tid={`app-list-row-${appID}`}\r\n\t\t\t\t\t\t\t\tclassName=\"app-list-row\"\r\n\t\t\t\t\t\t\t\trole=\"listitem\"\r\n\t\t\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\t\t\tonClick={openAppEventHandler}\r\n\t\t\t\t\t\t\t\tonKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\r\n\t\t\t\t\t\t\t\t\tswitch (e.key) {\r\n\t\t\t\t\t\t\t\t\t\tcase \"Enter\": {\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tcase \" \": {\r\n\t\t\t\t\t\t\t\t\t\t\topenAppEventHandler(e);\r\n\t\t\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tcase \"Delete\": {\r\n\t\t\t\t\t\t\t\t\t\t\tdeleteAppEventHandler(e);\r\n\t\t\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tdefault: {\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>\r\n\t\t\t\t\t\t\t\t<span className=\"app-name\">{data.component?.displayName || data.appName || data.name || appID}</span>\r\n\t\t\t\t\t\t\t\t<div className=\"icon-bar\">\r\n\t\t\t\t\t\t\t\t\t{data.icon ? (\r\n\t\t\t\t\t\t\t\t\t\t<Tooltip altClassName=\"icon-warning\" position=\"left\">\r\n\t\t\t\t\t\t\t\t\t\t\tThis app group is empty.\r\n\t\t\t\t\t\t\t\t\t\t</Tooltip>\r\n\t\t\t\t\t\t\t\t\t) : (\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\t<ButtonIcon\r\n\t\t\t\t\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"icon-delete\"\r\n\t\t\t\t\t\t\t\t\t\ticon=\"trash\"\r\n\t\t\t\t\t\t\t\t\t\ttext=\"Delete\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={deleteAppEventHandler}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t</div>\r\n\t\t)}\r\n\t</>\r\n);\r\n"]}
+{"version":3,"file":"ApplicationList.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ApplicationList.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAW5C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAwB,EAAE,EAAE,CAAC,CACvF,0CACE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,6BAAK,SAAS,EAAC,gBAAgB;;IAE9B,+BAAM;wCAED,CACN,CAAC,CAAC,CAAC,CACH,6BAAK,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,IACzC,IAAI;KACH,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACd,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE;QACpB,OAAO,CAAC,CAAC;KACT;SAAM,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE;QAC3B,OAAO,CAAC,CAAC,CAAC;KACV;IAED,OAAO,CAAC,CAAC;AACV,CAAC,CAAC;KACD,GAAG,CAAC,CAAC,SAAwB,EAAE,EAAE;;IACjC,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;IAE9B,MAAM,mBAAmB,GAAG,CAAC,CAA2D,EAAE,EAAE;QAC3F,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC,CAAC,cAAc,EAAE,CAAC;IACpB,CAAC,CAAC;IACF,MAAM,qBAAqB,GAAG,CAAC,CAA2D,EAAE,EAAE;QAC7F,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,CAAC;IACF,MAAM,cAAc,GAAG,CAAC,CAAsC,EAAE,EAAE;QACjE,QAAQ,CAAC,CAAC,GAAG,EAAE;YACd,KAAK,OAAO,CAAC,CAAC;aACb;YACD,KAAK,GAAG,CAAC,CAAC;gBACT,mBAAmB,CAAC,CAAC,CAAC,CAAC;gBACvB,MAAM;aACN;YACD,KAAK,QAAQ,CAAC,CAAC;gBACd,qBAAqB,CAAC,CAAC,CAAC,CAAC;gBACzB,MAAM;aACN;YACD,OAAO,CAAC,CAAC;aACR;SACD;IACF,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAA,MAAA,MAAA,SAAS,CAAC,QAAQ,0CAAE,SAAS,0CAAE,WAAW,KAAI,SAAS,CAAC,IAAI,IAAI,KAAK,CAAC;IAE1F,OAAO,CACN,6BACC,GAAG,EAAE,KAAK,EACV,EAAE,EAAE,gBAAgB,KAAK,EAAE,EAC3B,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,cAAc;QAEzB,8BAAM,SAAS,EAAC,UAAU,IAAE,WAAW,CAAQ;QAC/C,6BAAK,SAAS,EAAC,UAAU;YACvB,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAClB,oBAAC,OAAO,IAAC,YAAY,EAAC,cAAc,EAAC,QAAQ,EAAC,MAAM,+BAE1C,CACV,CAAC,CAAC,CAAC,CACH,EAAE,CACF;YACD,oBAAC,UAAU,IACV,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAC,aAAa,EACvB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,qBAAqB,GAC7B,CACG,CACD,CACN,CAAC;AACH,CAAC,CAAC,CACE,CACN,CACC,CACH,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { ButtonIcon } from \"../common/ButtonIcon\";\r\nimport \"../common/css/application-list.css\";\r\nimport { Tooltip } from \"../common/Tooltip\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype AppDefinition = services.Interop.types.AppDefinition;\r\n\r\nexport type ApplicationListProps = {\r\n\tapps: AppDefinition[];\r\n\tclickApp: (s: string) => void;\r\n\tdeleteApp: (s: string) => void;\r\n};\r\n\r\nexport const ApplicationList = ({ apps, clickApp, deleteApp }: ApplicationListProps) => (\r\n\t<>\r\n\t\t{apps.length < 1 ? (\r\n\t\t\t<div className=\"app-list-empty\">\r\n\t\t\t\tThere’s nothing here!\r\n\t\t\t\t<br />\r\n\t\t\t\tClick the Add button to add apps.\r\n\t\t\t</div>\r\n\t\t) : (\r\n\t\t\t<div className=\"app-list-table\" role=\"list\">\r\n\t\t\t\t{apps\r\n\t\t\t\t\t.sort((a, b) => {\r\n\t\t\t\t\t\tif (a.name > b.name) {\r\n\t\t\t\t\t\t\treturn 1;\r\n\t\t\t\t\t\t} else if (b.name > a.name) {\r\n\t\t\t\t\t\t\treturn -1;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\treturn 0;\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.map((appDEntry: AppDefinition) => {\r\n\t\t\t\t\t\tconst appID = appDEntry.appId;\r\n\r\n\t\t\t\t\t\tconst openAppEventHandler = (e: React.MouseEvent<Element> | React.KeyboardEvent<Element>) => {\r\n\t\t\t\t\t\t\tclickApp(appID);\r\n\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tconst deleteAppEventHandler = (e: React.MouseEvent<Element> | React.KeyboardEvent<Element>) => {\r\n\t\t\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\t\t\tdeleteApp(appID);\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tconst keyDownHandler = (e: React.KeyboardEvent<HTMLDivElement>) => {\r\n\t\t\t\t\t\t\tswitch (e.key) {\r\n\t\t\t\t\t\t\t\tcase \"Enter\": {\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tcase \" \": {\r\n\t\t\t\t\t\t\t\t\topenAppEventHandler(e);\r\n\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tcase \"Delete\": {\r\n\t\t\t\t\t\t\t\t\tdeleteAppEventHandler(e);\r\n\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tdefault: {\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\r\n\t\t\t\t\t\tconst displayName = appDEntry.manifest?.component?.displayName || appDEntry.name || appID;\r\n\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tkey={appID}\r\n\t\t\t\t\t\t\t\tid={`app-list-row-${appID}`}\r\n\t\t\t\t\t\t\t\tclassName=\"app-list-row\"\r\n\t\t\t\t\t\t\t\trole=\"listitem\"\r\n\t\t\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\t\t\tonClick={openAppEventHandler}\r\n\t\t\t\t\t\t\t\tonKeyDown={keyDownHandler}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<span className=\"app-name\">{displayName}</span>\r\n\t\t\t\t\t\t\t\t<div className=\"icon-bar\">\r\n\t\t\t\t\t\t\t\t\t{appDEntry.icons ? (\r\n\t\t\t\t\t\t\t\t\t\t<Tooltip altClassName=\"icon-warning\" position=\"left\">\r\n\t\t\t\t\t\t\t\t\t\t\tThis app group is empty.\r\n\t\t\t\t\t\t\t\t\t\t</Tooltip>\r\n\t\t\t\t\t\t\t\t\t) : (\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\t<ButtonIcon\r\n\t\t\t\t\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"icon-delete\"\r\n\t\t\t\t\t\t\t\t\t\ticon=\"trash\"\r\n\t\t\t\t\t\t\t\t\t\ttext=\"Delete\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={deleteAppEventHandler}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t</div>\r\n\t\t)}\r\n\t</>\r\n);\r\n"]}

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

@@ -2,10 +2,10 @@
  * Copyright 2017 - 2020 by ChartIQ, Inc.
  * All rights reserved.
  */
-/// <reference types="finsemble-core" />
 /// <reference types="react" />
 import { ApplicationSaveData } from "../../types/smartDesktopDesignerTypes";
-import { AppDefinition } from "services/Interop/types";
+import { services } from "@finsemble/finsemble-core";
+declare type AppDefinition = services.Interop.types.AppDefinition;
 export declare type ApplicationSetupProps = {
     id: string;
     setCurrentComponentID: (id: string | null) => void;
@@ -15,8 +15,9 @@ export declare type ApplicationSetupProps = {
     backFunction: () => void;
     apps: AppDefinition[];
     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 ApplicationSetup: (props: ApplicationSetupProps) => JSX.Element;
+export {};

package/react/components/smartDesktopDesigner/ApplicationSetup.js

@@ -31,6 +31,7 @@ export const ApplicationSetup = (props) => {
             return props.onClickBackButton();
         }
     };
+    const applicationEditProps = Object.assign(Object.assign({}, props), { isSetupWizard: true, isEditMode: false, onSaveData: props.onSaveData, apps: props.apps, data: Object.assign(Object.assign({}, props.data), { url: currentAppType === "web" ? currentAppPath : "", path: currentAppType === "native" ? currentAppPath : "" }), onClickBackButton });
     return (React.createElement("div", { className: "app-edit" },
         React.createElement(View, null,
             React.createElement(Header, { helpFunction: () => {
@@ -40,14 +41,14 @@ export const ApplicationSetup = (props) => {
                 React.createElement("h2", { className: "setup-type-heading" }, "Is your app web or native?"),
                 React.createElement("div", { className: `tile-type-buttons active-${currentAppType}` },
                     React.createElement(ButtonTile, { className: "icon-web", icon: "globe", text: "Web app", onClick: () => {
-                            setCurrentAppType?.("web");
-                            setCurrentAppPath?.(props.data.url || "");
-                            setSavedAppPath?.(false);
+                            setCurrentAppType === null || setCurrentAppType === void 0 ? void 0 : setCurrentAppType("web");
+                            setCurrentAppPath === null || setCurrentAppPath === void 0 ? void 0 : setCurrentAppPath(props.data.url || "");
+                            setSavedAppPath === null || setSavedAppPath === void 0 ? void 0 : setSavedAppPath(false);
                         } }),
                     React.createElement(ButtonTile, { className: "icon-native", icon: "hdd", text: "Native app", onClick: () => {
-                            setCurrentAppType?.("native");
-                            setCurrentAppPath?.(props.data.path || "");
-                            setSavedAppPath?.(false);
+                            setCurrentAppType === null || setCurrentAppType === void 0 ? void 0 : setCurrentAppType("native");
+                            setCurrentAppPath === null || setCurrentAppPath === void 0 ? void 0 : setCurrentAppPath(props.data.path || "");
+                            setSavedAppPath === null || setSavedAppPath === void 0 ? void 0 : setSavedAppPath(false);
                         } })),
                 currentAppType && !savedAppPath && (React.createElement(React.Fragment, null,
                     React.createElement("div", { className: "app-setup-url-field" },
@@ -67,19 +68,6 @@ export const ApplicationSetup = (props) => {
                             React.createElement(Button, { fashion: "secondary", text: "Next", disabled: disableNext, onClick: () => {
                                     setSavedAppPath(true);
                                 } }))))))) : (React.createElement(React.Fragment, null,
-                React.createElement(ApplicationEdit, { ...{
-                        ...props,
-                        isNew: true,
-                        isSetupWizard: true,
-                        isEditMode: false,
-                        onSaveData: props.onSaveData,
-                        apps: props.apps,
-                        data: {
-                            ...props.data,
-                            url: currentAppType === "web" ? currentAppPath : "",
-                            path: currentAppType === "native" ? currentAppPath : "",
-                        },
-                        onClickBackButton,
-                    } })))))));
+                React.createElement(ApplicationEdit, Object.assign({}, applicationEditProps))))))));
 };
 //# sourceMappingURL=ApplicationSetup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ApplicationSetup.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ApplicationSetup.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\nimport { ApplicationEdit } from \"./ApplicationEdit\";\r\nimport { FileInput } from \"../common/FileInput\";\r\nimport { Button } from \"../common/Button\";\r\nimport { ButtonTile } from \"../common/ButtonTile\";\r\nimport { ApplicationSaveData } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\nimport { validateFilename, VALID_APP_EXTENSIONS } from \"../common/file_helpers\";\r\nimport { AppDefinition } from \"services/Interop/types\";\r\n\r\nexport type ApplicationSetupProps = {\r\n\tid: string;\r\n\tsetCurrentComponentID: (id: string | null) => void;\r\n\tonClickBackButton?: () => void;\r\n\tremoveAppID: (id: string) => void;\r\n\tonSaveData: (data: ApplicationSaveData) => Promise<any>;\r\n\tbackFunction: () => void;\r\n\tapps: AppDefinition[];\r\n\tdata: ApplicationSaveData;\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 const ApplicationSetup = (props: ApplicationSetupProps) => {\r\n\tconst [currentAppType, setCurrentAppType] = useState(\"\");\r\n\tconst [currentAppPath, setCurrentAppPath] = useState(\"\");\r\n\tconst [savedAppPath, setSavedAppPath] = useState(false);\r\n\tconst [isAppPathValid, setIsAppPathValid] = useState(true);\r\n\r\n\tconst invalidWeb = currentAppType === \"web\" && (!isAppPathValid || currentAppPath.length === 0);\r\n\tconst invalidNative =\r\n\t\tcurrentAppType === \"native\" && (currentAppPath === \"\" || validateFilename(VALID_APP_EXTENSIONS, currentAppPath));\r\n\tconst disableNext = invalidWeb || invalidNative;\r\n\r\n\tuseEffect(() => {\r\n\t\tsetIsAppPathValid(FSBL.Clients.SmartDesktopClient.checkValidURL(currentAppPath));\r\n\t}, [currentAppPath]);\r\n\r\n\tconst onClickBackButton = () => {\r\n\t\t// setSavedAppCompatibility(false);\r\n\t\tif (savedAppPath) {\r\n\t\t\tsetSavedAppPath(false);\r\n\t\t} else if (typeof props.onClickBackButton === \"function\") {\r\n\t\t\t// we're a child of of Application\r\n\t\t\treturn props.onClickBackButton();\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className=\"app-edit\">\r\n\t\t\t<View>\r\n\t\t\t\t<Header\r\n\t\t\t\t\thelpFunction={() => {\r\n\t\t\t\t\t\tlaunchTutorialLink(\"adding-applications\");\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tbackFunction={onClickBackButton}\r\n\t\t\t\t>\r\n\t\t\t\t\tAdd an app\r\n\t\t\t\t</Header>\r\n\r\n\t\t\t\t<Content>\r\n\t\t\t\t\t{!savedAppPath ? (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<h2 className=\"setup-type-heading\">Is your app web or native?</h2>\r\n\r\n\t\t\t\t\t\t\t<div className={`tile-type-buttons active-${currentAppType}`}>\r\n\t\t\t\t\t\t\t\t<ButtonTile\r\n\t\t\t\t\t\t\t\t\tclassName=\"icon-web\"\r\n\t\t\t\t\t\t\t\t\ticon=\"globe\"\r\n\t\t\t\t\t\t\t\t\ttext=\"Web app\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppType?.(\"web\");\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath?.(props.data.url || \"\");\r\n\t\t\t\t\t\t\t\t\t\tsetSavedAppPath?.(false);\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-native\"\r\n\t\t\t\t\t\t\t\t\ticon=\"hdd\"\r\n\t\t\t\t\t\t\t\t\ttext=\"Native app\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppType?.(\"native\");\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath?.(props.data.path || \"\");\r\n\t\t\t\t\t\t\t\t\t\tsetSavedAppPath?.(false);\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\r\n\t\t\t\t\t\t\t{currentAppType && !savedAppPath && (\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t<div className=\"app-setup-url-field\">\r\n\t\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-url\">\r\n\t\t\t\t\t\t\t\t\t\t\t{currentAppType === \"web\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<>Enter the full URL of the application</>\r\n\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<>Choose your application</>\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t{currentAppType === \"web\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"app-url-container\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"https://...\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"app-url\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={currentAppPath}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-invalid={!isAppPathValid}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-errormessage=\"app-url-error-message\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath(e.target.value);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonKeyUp={(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath(e.currentTarget.value);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{!isAppPathValid ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"app-url-error-message\" className=\"invalid-message\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tURL must be valid (e.g., https://cosaic.io/). Only http and https prototcols are supported.\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t<FileInput\r\n\t\t\t\t\t\t\t\t\t\t\t\tacceptTypes={VALID_APP_EXTENSIONS}\r\n\t\t\t\t\t\t\t\t\t\t\t\tshouldUpload={false}\r\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={currentAppPath}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath(value);\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t></FileInput>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t\t<div className=\"app-edit-actions\">\r\n\t\t\t\t\t\t\t\t\t\t<div></div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\t\t\t\t\tfashion=\"secondary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\ttext=\"Next\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disableNext}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSavedAppPath(true);\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\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) : (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<ApplicationEdit\r\n\t\t\t\t\t\t\t\t{...{\r\n\t\t\t\t\t\t\t\t\t...props,\r\n\t\t\t\t\t\t\t\t\tisNew: true,\r\n\t\t\t\t\t\t\t\t\tisSetupWizard: true,\r\n\t\t\t\t\t\t\t\t\tisEditMode: false,\r\n\t\t\t\t\t\t\t\t\tonSaveData: props.onSaveData,\r\n\t\t\t\t\t\t\t\t\tapps: props.apps,\r\n\t\t\t\t\t\t\t\t\tdata: {\r\n\t\t\t\t\t\t\t\t\t\t...props.data,\r\n\t\t\t\t\t\t\t\t\t\turl: currentAppType === \"web\" ? currentAppPath : \"\",\r\n\t\t\t\t\t\t\t\t\t\tpath: currentAppType === \"native\" ? currentAppPath : \"\",\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tonClickBackButton,\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t></ApplicationEdit>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</Content>\r\n\t\t\t</View>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"ApplicationSetup.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ApplicationSetup.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\nimport { ApplicationEdit } from \"./ApplicationEdit\";\r\nimport { FileInput } from \"../common/FileInput\";\r\nimport { Button } from \"../common/Button\";\r\nimport { ButtonTile } from \"../common/ButtonTile\";\r\nimport { ApplicationSaveData } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\nimport { validateFilename, VALID_APP_EXTENSIONS } from \"../common/file_helpers\";\r\nimport { ApplicationEditProps } from \"./ApplicationEdit\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype AppDefinition = services.Interop.types.AppDefinition;\r\n\r\nexport type ApplicationSetupProps = {\r\n\tid: string;\r\n\tsetCurrentComponentID: (id: string | null) => void;\r\n\tonClickBackButton?: () => void;\r\n\tremoveAppID: (id: string) => void;\r\n\tonSaveData: (data: ApplicationSaveData) => Promise<any>;\r\n\tbackFunction: () => void;\r\n\tapps: AppDefinition[];\r\n\tdata: ApplicationSaveData;\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 const ApplicationSetup = (props: ApplicationSetupProps) => {\r\n\tconst [currentAppType, setCurrentAppType] = useState(\"\");\r\n\tconst [currentAppPath, setCurrentAppPath] = useState(\"\");\r\n\tconst [savedAppPath, setSavedAppPath] = useState(false);\r\n\tconst [isAppPathValid, setIsAppPathValid] = useState(true);\r\n\r\n\tconst invalidWeb = currentAppType === \"web\" && (!isAppPathValid || currentAppPath.length === 0);\r\n\tconst invalidNative =\r\n\t\tcurrentAppType === \"native\" && (currentAppPath === \"\" || validateFilename(VALID_APP_EXTENSIONS, currentAppPath));\r\n\tconst disableNext = invalidWeb || invalidNative;\r\n\r\n\tuseEffect(() => {\r\n\t\tsetIsAppPathValid(FSBL.Clients.SmartDesktopClient.checkValidURL(currentAppPath));\r\n\t}, [currentAppPath]);\r\n\r\n\tconst onClickBackButton = () => {\r\n\t\t// setSavedAppCompatibility(false);\r\n\t\tif (savedAppPath) {\r\n\t\t\tsetSavedAppPath(false);\r\n\t\t} else if (typeof props.onClickBackButton === \"function\") {\r\n\t\t\t// we're a child of of Application\r\n\t\t\treturn props.onClickBackButton();\r\n\t\t}\r\n\t};\r\n\r\n\tconst applicationEditProps: ApplicationEditProps = {\r\n\t\t...props,\r\n\t\tisSetupWizard: true,\r\n\t\tisEditMode: false,\r\n\t\tonSaveData: props.onSaveData,\r\n\t\tapps: props.apps,\r\n\t\tdata: {\r\n\t\t\t...props.data,\r\n\t\t\turl: currentAppType === \"web\" ? currentAppPath : \"\",\r\n\t\t\tpath: currentAppType === \"native\" ? currentAppPath : \"\",\r\n\t\t},\r\n\t\tonClickBackButton,\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className=\"app-edit\">\r\n\t\t\t<View>\r\n\t\t\t\t<Header\r\n\t\t\t\t\thelpFunction={() => {\r\n\t\t\t\t\t\tlaunchTutorialLink(\"adding-applications\");\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tbackFunction={onClickBackButton}\r\n\t\t\t\t>\r\n\t\t\t\t\tAdd an app\r\n\t\t\t\t</Header>\r\n\r\n\t\t\t\t<Content>\r\n\t\t\t\t\t{!savedAppPath ? (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<h2 className=\"setup-type-heading\">Is your app web or native?</h2>\r\n\r\n\t\t\t\t\t\t\t<div className={`tile-type-buttons active-${currentAppType}`}>\r\n\t\t\t\t\t\t\t\t<ButtonTile\r\n\t\t\t\t\t\t\t\t\tclassName=\"icon-web\"\r\n\t\t\t\t\t\t\t\t\ticon=\"globe\"\r\n\t\t\t\t\t\t\t\t\ttext=\"Web app\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppType?.(\"web\");\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath?.(props.data.url || \"\");\r\n\t\t\t\t\t\t\t\t\t\tsetSavedAppPath?.(false);\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-native\"\r\n\t\t\t\t\t\t\t\t\ticon=\"hdd\"\r\n\t\t\t\t\t\t\t\t\ttext=\"Native app\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppType?.(\"native\");\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath?.(props.data.path || \"\");\r\n\t\t\t\t\t\t\t\t\t\tsetSavedAppPath?.(false);\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\r\n\t\t\t\t\t\t\t{currentAppType && !savedAppPath && (\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t<div className=\"app-setup-url-field\">\r\n\t\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-url\">\r\n\t\t\t\t\t\t\t\t\t\t\t{currentAppType === \"web\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<>Enter the full URL of the application</>\r\n\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<>Choose your application</>\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t{currentAppType === \"web\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"app-url-container\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"https://...\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"app-url\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={currentAppPath}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-invalid={!isAppPathValid}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-errormessage=\"app-url-error-message\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath(e.target.value);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonKeyUp={(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath(e.currentTarget.value);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{!isAppPathValid ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"app-url-error-message\" className=\"invalid-message\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tURL must be valid (e.g., https://cosaic.io/). Only http and https prototcols are supported.\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t<FileInput\r\n\t\t\t\t\t\t\t\t\t\t\t\tacceptTypes={VALID_APP_EXTENSIONS}\r\n\t\t\t\t\t\t\t\t\t\t\t\tshouldUpload={false}\r\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={currentAppPath}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath(value);\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t></FileInput>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t\t<div className=\"app-edit-actions\">\r\n\t\t\t\t\t\t\t\t\t\t<div></div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\t\t\t\t\tfashion=\"secondary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\ttext=\"Next\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disableNext}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSavedAppPath(true);\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\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) : (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<ApplicationEdit {...applicationEditProps}></ApplicationEdit>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</Content>\r\n\t\t\t</View>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}

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

@@ -6,13 +6,14 @@
 export declare type ApplicationsProps = {
     getApps: typeof FSBL.Clients.SmartDesktopClient.prototype.getApps;
     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;
     getMenus: typeof FSBL.Clients.SmartDesktopClient.prototype.getMenus;
     addMenu: typeof FSBL.Clients.SmartDesktopClient.prototype.addMenu;
     updateMenu: typeof FSBL.Clients.SmartDesktopClient.prototype.updateMenu;
-    deleteMenu: typeof FSBL.Clients.SmartDesktopClient.prototype.deleteMenu;
+    deleteMenu: (value: string) => Promise<{
+        err: any;
+    }>;
     isInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;
     isOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;
 };

package/react/components/smartDesktopDesigner/Applications.js

@@ -23,6 +23,7 @@ const EMPTY_MENU_ERROR = {
     message: "One or more of your app menus is empty",
 };
 export const Applications = (props) => {
+    var _a;
     const dispatch = useDispatch();
     const [currentMenuID, setCurrentMenuID] = useState("");
     const [menuName, setMenuName] = useState("");
@@ -41,8 +42,8 @@ export const Applications = (props) => {
     function updateAppList() {
         props.getApps().then((response) => {
             dispatch(SmartDesktopDesignerActions.update_apps(response.apps));
-            props.getMenus().then((response) => {
-                dispatch(SmartDesktopDesignerActions.update_menus(response.menus));
+            props.getMenus().then((getMenusResponse) => {
+                dispatch(SmartDesktopDesignerActions.update_menus(getMenusResponse.menus));
             });
         });
     }
@@ -118,14 +119,13 @@ export const Applications = (props) => {
             return;
         }
         props.getAppConfigTemplate().then((response) => {
+            var _a, _b;
             const { config } = response;
-            const { displayName } = generateDefaultConfig({
-                ...config,
-                path,
-            });
+            const { displayName } = generateDefaultConfig(Object.assign(Object.assign({}, config), { path }));
             config.name = displayName;
-            config.appName = displayName;
             config.appId = appId;
+            config.manifest = (_a = config.manifest) !== null && _a !== void 0 ? _a : {};
+            config.manifest.window = (_b = config.manifest.window) !== null && _b !== void 0 ? _b : {};
             config.manifest.window.windowType = "assimilation";
             config.manifest.window.path = path;
             delete config.manifest.window.url;
@@ -134,30 +134,67 @@ export const Applications = (props) => {
             });
         });
     };
-    return (React.createElement(React.Fragment, null, currentAppID ? (React.createElement(Application, { id: currentAppID, ...{
-            apps,
-            addApp: props.addApp,
-            updateApp: props.updateApp,
-            deleteApp: props.deleteApp,
-            getAppConfigTemplate: props.getAppConfigTemplate,
-            setCurrentAppID,
-            onClose: (reason) => {
-                if (reason === ApplicationCloseReason.NEW) {
-                    dispatch(SmartDesktopDesignerActions.new_app(new Date().getTime().toString()));
-                }
-                else if (reason === ApplicationCloseReason.CANCEL && currentAppID === newAppID) {
-                    props.deleteApp(currentAppID);
-                    setCurrentAppID(null);
-                }
-                else {
-                    setCurrentAppID(null);
-                }
-            },
-        }, isInboundInteropAuthorized: props.isInboundInteropAuthorized, isOutboundInteropAuthorized: props.isOutboundInteropAuthorized })) : currentMenuID ? (React.createElement(View, null,
-        React.createElement(Header, { backFunction: () => {
-                setFocusOnMenu(true);
-                setCurrentMenuID("");
-            } }, "Menus"),
+    const onClose = (reason) => {
+        if (reason === ApplicationCloseReason.NEW) {
+            dispatch(SmartDesktopDesignerActions.new_app(new Date().getTime().toString()));
+        }
+        else if (reason === ApplicationCloseReason.CANCEL && currentAppID === newAppID) {
+            if (currentAppID)
+                props.deleteApp(currentAppID);
+            setCurrentAppID(null);
+        }
+        else {
+            setCurrentAppID(null);
+        }
+    };
+    const applicationProps = {
+        id: currentAppID !== null && currentAppID !== void 0 ? currentAppID : "",
+        apps,
+        addApp: props.addApp,
+        deleteApp: props.deleteApp,
+        getAppConfigTemplate: props.getAppConfigTemplate,
+        setCurrentAppID,
+        onClose,
+        isInboundInteropAuthorized: props.isInboundInteropAuthorized,
+        isOutboundInteropAuthorized: props.isOutboundInteropAuthorized,
+    };
+    const dropZoneProps = {
+        apps: apps.filter((app) => { var _a; return !((_a = app === null || app === void 0 ? void 0 : app.manifest) === null || _a === void 0 ? void 0 : _a.temporary); }),
+        clickApp: (appID) => {
+            setCurrentAppID(appID);
+        },
+        deleteApp: removeAppID,
+    };
+    const applicationListProps = {
+        apps: Object.entries(menus).map(([key, value]) => {
+            var _a;
+            const menuObj = JSON.parse(JSON.stringify(value));
+            menuObj.appId = key;
+            menuObj.name = (_a = menuObj.name) !== null && _a !== void 0 ? _a : menuObj.displayName;
+            if (menuObj.applications.length === 0) {
+                menuObj.icon = "warning";
+            }
+            return menuObj;
+        }),
+        clickApp: (menuId) => {
+            setCurrentMenuID(menuId);
+            setMenuName(menus[menuId].displayName);
+            setSelectedApps(menus[menuId].applications);
+        },
+        deleteApp: removeMenuID,
+    };
+    const backFunction = () => {
+        setFocusOnMenu(true);
+        setCurrentMenuID("");
+    };
+    const helpFunction = () => {
+        launchTutorialLink("managing-applications");
+    };
+    const addApp = () => {
+        dispatch(SmartDesktopDesignerActions.new_app(new Date().getTime().toString()));
+    };
+    return (React.createElement(React.Fragment, null, currentAppID ? (React.createElement(Application, Object.assign({}, applicationProps))) : currentMenuID ? (React.createElement(View, null,
+        React.createElement(Header, { backFunction: backFunction }, "Menus"),
         React.createElement(Content, null,
             React.createElement("div", { className: "app-edit-field" },
                 React.createElement("label", { htmlFor: "menu-name" }, "Name"),
@@ -166,50 +203,24 @@ export const Applications = (props) => {
                     } })),
             React.createElement("div", { className: "app-edit-field" },
                 React.createElement("label", { htmlFor: "menu-group" }, "Group Contents"),
-                React.createElement(FinsembleSelect, { options: apps.map((app) => app.name), values: apps.map((app) => app.appId), selected: menus[currentMenuID]?.applications || [], updateCallback: setSelectedApps, showSearch: true })),
+                React.createElement(FinsembleSelect, { options: apps.map((app) => app.name), values: apps.map((app) => app.appId), selected: ((_a = menus[currentMenuID]) === null || _a === void 0 ? void 0 : _a.applications) || [], updateCallback: setSelectedApps, showSearch: true })),
             React.createElement("div", { className: "app-edit-actions" },
                 React.createElement("span", null),
                 React.createElement(Button, { fashion: "secondary", text: "Save", disabled: menuName.length <= 0, onClick: updateMenuItem }))))) : (React.createElement(View, null,
-        React.createElement(Header, { helpFunction: () => {
-                launchTutorialLink("managing-applications");
-            } }, "Apps"),
+        React.createElement(Header, { helpFunction: helpFunction }, "Apps"),
         React.createElement(Content, null,
             React.createElement(Tab, { autofocus: focusOnMenu ? 1 : 0 },
                 React.createElement("div", { "data-label": "Apps" },
                     React.createElement("div", { className: "frontmatter" }, "Drag an app into the list or click the Add button."),
-                    React.createElement(Button, { className: "icon-before-add", fashion: "primary", iconBefore: "plus", text: "Add", onClick: () => {
-                            dispatch(SmartDesktopDesignerActions.new_app(new Date().getTime().toString()));
-                        } }),
+                    React.createElement(Button, { className: "icon-before-add", fashion: "primary", iconBefore: "plus", text: "Add", onClick: addApp }),
                     React.createElement(DropZone, { processFile: addDroppedApp },
-                        React.createElement(ApplicationList, { ...{
-                                apps: apps.filter((app) => !app?.manifest?.component?.temporary),
-                                clickApp: (appID) => {
-                                    setCurrentAppID(appID);
-                                },
-                                deleteApp: removeAppID,
-                            } }))),
+                        React.createElement(ApplicationList, Object.assign({}, dropZoneProps)))),
                 React.createElement("div", { "data-label": "Menus" },
                     React.createElement("div", { className: "frontmatter" },
                         "This screen allows you to make menus that will appear on your Toolbar.",
                         React.createElement("br", null),
                         "You are allowed a maximum of five Menus."),
                     React.createElement(Button, { className: "icon-before-add", fashion: "primary", text: "Add", iconBefore: "plus", disabled: Object.keys(menus).length >= 5, onClick: addNewMenu }),
-                    React.createElement(ApplicationList, { ...{
-                            apps: Object.entries(menus).map(([key, value]) => {
-                                const menuObj = JSON.parse(JSON.stringify(value));
-                                menuObj.appId = key;
-                                menuObj.appName = menuObj.displayName;
-                                if (menuObj.applications.length === 0) {
-                                    menuObj.icon = "warning";
-                                }
-                                return menuObj;
-                            }),
-                            clickApp: (menuId) => {
-                                setCurrentMenuID(menuId);
-                                setMenuName(menus[menuId].displayName);
-                                setSelectedApps(menus[menuId].applications);
-                            },
-                            deleteApp: removeMenuID,
-                        } }))))))));
+                    React.createElement(ApplicationList, Object.assign({}, applicationListProps)))))))));
 };
 //# sourceMappingURL=Applications.js.map

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

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

package/react/components/smartDesktopDesigner/Authentication.js

@@ -27,15 +27,9 @@ export const Authentication = (props) => {
         props
             .setAuthenticationProviders(authProviders.map((provider) => {
             if (name === provider.name) {
-                return {
-                    ...value,
-                    enabled: true,
-                };
+                return Object.assign(Object.assign({}, value), { enabled: true });
             }
-            return {
-                ...provider,
-                enabled: false,
-            };
+            return Object.assign(Object.assign({}, provider), { enabled: false });
         }))
             .then(() => {
             if (value) {

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

@@ -1 +1 @@
-{"version":3,"file":"Authentication.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Authentication.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { Header } from \"../common/Header\";\r\nimport \"./css/authentication.css\";\r\nimport { View } from \"./View\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\nimport { useDispatch, useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { AuthenticationProviderConfig } from \"./AuthenticationProviderConfig\";\r\nimport { AuthenticationProvider } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { Content } from \"./Content\";\r\nimport { Tooltip } from \"../common/Tooltip\";\r\nimport { Button } from \"../common/Button\";\r\n\r\nexport type AuthenticationProps = {\r\n\tgetAuthenticationProviders: () => Promise<AuthenticationProvider[]>;\r\n\tsetAuthenticationProviders: (authenticationProviders: any) => Promise<Error | null>;\r\n\ttestAuthenticationProvider: (provider: AuthenticationProvider) => Promise<null>;\r\n};\r\n\r\nexport const Authentication = (props: AuthenticationProps) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst authProviders = useSelector((state: RootState) => state.smartDesktopDesigner.authentication.providers);\r\n\tconst enabledAuthProviders = authProviders.filter((provider) => provider.enabled);\r\n\r\n\tconst [isAdvancedMode, setIsAdvancedMode] = useState(false);\r\n\tconst shownProvider = enabledAuthProviders[0];\r\n\r\n\tuseEffect(() => {\r\n\t\tprops.getAuthenticationProviders().then((providers) => {\r\n\t\t\tproviders.forEach((provider) => {\r\n\t\t\t\tdispatch(SmartDesktopDesignerActions.update_auth_provider(provider));\r\n\t\t\t});\r\n\t\t});\r\n\t}, []);\r\n\r\n\tfunction updateAuthProviders(value: AuthenticationProvider | null) {\r\n\t\tconst name = value ? value.name : \"none\";\r\n\r\n\t\tprops\r\n\t\t\t.setAuthenticationProviders(\r\n\t\t\t\tauthProviders.map((provider) => {\r\n\t\t\t\t\tif (name === provider.name) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t...value,\r\n\t\t\t\t\t\t\tenabled: true,\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\t...provider,\r\n\t\t\t\t\t\tenabled: false,\r\n\t\t\t\t\t};\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t\t.then(() => {\r\n\t\t\t\tif (value) {\r\n\t\t\t\t\tdispatch(SmartDesktopDesignerActions.update_auth_provider(value));\r\n\t\t\t\t}\r\n\r\n\t\t\t\tdispatch(SmartDesktopDesignerActions.enable_auth_provider(name));\r\n\t\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(\"configuring-authentication\");\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\tAuthentication\r\n\t\t\t</Header>\r\n\t\t\t<Content>\r\n\t\t\t\t<div className=\"auth-setup-content\">\r\n\t\t\t\t\t<form className=\"auth-setup-form\" onSubmit={(e) => e.preventDefault()}>\r\n\t\t\t\t\t\t<div className=\"auth-setup-fields\">\r\n\t\t\t\t\t\t\t<div className=\"auth-setup-provider\">\r\n\t\t\t\t\t\t\t\t<div className=\"auth-setup-field\">\r\n\t\t\t\t\t\t\t\t\t<label>Provider</label>\r\n\r\n\t\t\t\t\t\t\t\t\t<select\r\n\t\t\t\t\t\t\t\t\t\taria-label=\"Authentication Provider\"\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"auth-setup-select-provider\"\r\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\tupdateAuthProviders(authProviders.find((p) => p.name === e.target.value) || null);\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tvalue={enabledAuthProviders.map((provider) => provider.name)[0] || \"none\"}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<option value=\"none\">None</option>\r\n\t\t\t\t\t\t\t\t\t\t{authProviders.map((provider, index) => (\r\n\t\t\t\t\t\t\t\t\t\t\t<option key={index} value={provider.name}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{provider.name}\r\n\t\t\t\t\t\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t</select>\r\n\t\t\t\t\t\t\t\t\t<Tooltip>\r\n\t\t\t\t\t\t\t\t\t\tChoose from the list of OAuth providers to configure Single Sign On (SSO) for your project.\r\n\t\t\t\t\t\t\t\t\t</Tooltip>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t{shownProvider && (\r\n\t\t\t\t\t\t\t\t\t<AuthenticationProviderConfig\r\n\t\t\t\t\t\t\t\t\t\tkey={shownProvider.name}\r\n\t\t\t\t\t\t\t\t\t\tvalue={shownProvider}\r\n\t\t\t\t\t\t\t\t\t\tisAdvancedMode={isAdvancedMode}\r\n\t\t\t\t\t\t\t\t\t\ttestAuthenticationProvider={props.testAuthenticationProvider}\r\n\t\t\t\t\t\t\t\t\t\tonChange={(value) => {\r\n\t\t\t\t\t\t\t\t\t\t\tupdateAuthProviders(value);\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</div>\r\n\t\t\t\t\t\t{shownProvider && (\r\n\t\t\t\t\t\t\t<div className=\"auth-setup-toggle-mode\">\r\n\t\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\t\tclassName=\"auth-setup-toggle-mode-button\"\r\n\t\t\t\t\t\t\t\t\tfashion=\"ghost\"\r\n\t\t\t\t\t\t\t\t\ttext={!isAdvancedMode ? \"Show advanced\" : \"Hide advanced\"}\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tsetIsAdvancedMode(!isAdvancedMode);\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)}\r\n\t\t\t\t\t</form>\r\n\t\t\t\t\t<div className=\"auth-setup-tutorial\">\r\n\t\t\t\t\t\t<h3>Step 1</h3>\r\n\r\n\t\t\t\t\t\t<p>Select your OAuth2 provider from the dropdown list.</p>\r\n\r\n\t\t\t\t\t\t<h3>Step 2</h3>\r\n\r\n\t\t\t\t\t\t<p>Copy the provided Redirect URL into the OAuth2 app configuration for your service provider.</p>\r\n\r\n\t\t\t\t\t\t<h3>Step 3</h3>\r\n\r\n\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\tSave the app configuration on your OAuth2 service provider, and then input the given Client ID and any\r\n\t\t\t\t\t\t\tother configuration settings.\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Content>\r\n\t\t</View>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"Authentication.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Authentication.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { Header } from \"../common/Header\";\r\nimport \"./css/authentication.css\";\r\nimport { View } from \"./View\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\nimport { useDispatch, useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { AuthenticationProviderConfig } from \"./AuthenticationProviderConfig\";\r\nimport { AuthenticationProvider } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { Content } from \"./Content\";\r\nimport { Tooltip } from \"../common/Tooltip\";\r\nimport { Button } from \"../common/Button\";\r\n\r\nexport type AuthenticationProps = {\r\n\tgetAuthenticationProviders: () => Promise<AuthenticationProvider[]>;\r\n\tsetAuthenticationProviders: (authenticationProviders: any) => Promise<Error | null>;\r\n\ttestAuthenticationProvider: (provider: AuthenticationProvider) => Promise<null>;\r\n};\r\n\r\nexport const Authentication = (props: AuthenticationProps) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst authProviders = useSelector((state: RootState) => state.smartDesktopDesigner.authentication.providers);\r\n\tconst enabledAuthProviders = authProviders.filter((provider) => provider.enabled);\r\n\r\n\tconst [isAdvancedMode, setIsAdvancedMode] = useState(false);\r\n\tconst shownProvider = enabledAuthProviders[0];\r\n\r\n\tuseEffect(() => {\r\n\t\tprops.getAuthenticationProviders().then((providers) => {\r\n\t\t\tproviders.forEach((provider) => {\r\n\t\t\t\tdispatch(SmartDesktopDesignerActions.update_auth_provider(provider));\r\n\t\t\t});\r\n\t\t});\r\n\t}, []);\r\n\r\n\tfunction updateAuthProviders(value: AuthenticationProvider | null) {\r\n\t\tconst name = value ? value.name : \"none\";\r\n\r\n\t\tprops\r\n\t\t\t.setAuthenticationProviders(\r\n\t\t\t\tauthProviders.map((provider) => {\r\n\t\t\t\t\tif (name === provider.name) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t...value,\r\n\t\t\t\t\t\t\tenabled: true,\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\t...provider,\r\n\t\t\t\t\t\tenabled: false,\r\n\t\t\t\t\t};\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t\t.then(() => {\r\n\t\t\t\tif (value) {\r\n\t\t\t\t\tdispatch(SmartDesktopDesignerActions.update_auth_provider(value));\r\n\t\t\t\t}\r\n\r\n\t\t\t\tdispatch(SmartDesktopDesignerActions.enable_auth_provider(name));\r\n\t\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(\"configuring-authentication\");\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\tAuthentication\r\n\t\t\t</Header>\r\n\t\t\t<Content>\r\n\t\t\t\t<div className=\"auth-setup-content\">\r\n\t\t\t\t\t<form className=\"auth-setup-form\" onSubmit={(e) => e.preventDefault()}>\r\n\t\t\t\t\t\t<div className=\"auth-setup-fields\">\r\n\t\t\t\t\t\t\t<div className=\"auth-setup-provider\">\r\n\t\t\t\t\t\t\t\t<div className=\"auth-setup-field\">\r\n\t\t\t\t\t\t\t\t\t<label>Provider</label>\r\n\r\n\t\t\t\t\t\t\t\t\t<select\r\n\t\t\t\t\t\t\t\t\t\taria-label=\"Authentication Provider\"\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"auth-setup-select-provider\"\r\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\tupdateAuthProviders(authProviders.find((p) => p.name === e.target.value) || null);\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tvalue={enabledAuthProviders.map((provider) => provider.name)[0] || \"none\"}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<option value=\"none\">None</option>\r\n\t\t\t\t\t\t\t\t\t\t{authProviders.map((provider, index) => (\r\n\t\t\t\t\t\t\t\t\t\t\t<option key={index} value={provider.name}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{provider.name}\r\n\t\t\t\t\t\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t</select>\r\n\t\t\t\t\t\t\t\t\t<Tooltip>\r\n\t\t\t\t\t\t\t\t\t\tChoose from the list of OAuth providers to configure Single Sign On (SSO) for your project.\r\n\t\t\t\t\t\t\t\t\t</Tooltip>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t{shownProvider && (\r\n\t\t\t\t\t\t\t\t\t<AuthenticationProviderConfig\r\n\t\t\t\t\t\t\t\t\t\tkey={shownProvider.name}\r\n\t\t\t\t\t\t\t\t\t\tvalue={shownProvider}\r\n\t\t\t\t\t\t\t\t\t\tisAdvancedMode={isAdvancedMode}\r\n\t\t\t\t\t\t\t\t\t\ttestAuthenticationProvider={props.testAuthenticationProvider}\r\n\t\t\t\t\t\t\t\t\t\tonChange={(value) => {\r\n\t\t\t\t\t\t\t\t\t\t\tupdateAuthProviders(value);\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</div>\r\n\t\t\t\t\t\t{shownProvider && (\r\n\t\t\t\t\t\t\t<div className=\"auth-setup-toggle-mode\">\r\n\t\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\t\tclassName=\"auth-setup-toggle-mode-button\"\r\n\t\t\t\t\t\t\t\t\tfashion=\"ghost\"\r\n\t\t\t\t\t\t\t\t\ttext={!isAdvancedMode ? \"Show advanced\" : \"Hide advanced\"}\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tsetIsAdvancedMode(!isAdvancedMode);\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)}\r\n\t\t\t\t\t</form>\r\n\t\t\t\t\t<div className=\"auth-setup-tutorial\">\r\n\t\t\t\t\t\t<h3>Step 1</h3>\r\n\r\n\t\t\t\t\t\t<p>Select your OAuth2 provider from the dropdown list.</p>\r\n\r\n\t\t\t\t\t\t<h3>Step 2</h3>\r\n\r\n\t\t\t\t\t\t<p>Copy the provided Redirect URL into the OAuth2 app configuration for your service provider.</p>\r\n\r\n\t\t\t\t\t\t<h3>Step 3</h3>\r\n\r\n\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\tSave the app configuration on your OAuth2 service provider, and then input the given Client ID and any\r\n\t\t\t\t\t\t\tother configuration settings.\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Content>\r\n\t\t</View>\r\n\t);\r\n};\r\n"]}