@finsemble/finsemble-ui 7.0.0 → 7.1.0-beta.2

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

@@ -0,0 +1,72 @@
+import React from "react";
+import { Accordion } from "../../common/Accordion";
+import { Checkbox } from "../../common/Checkbox";
+import DefaultDropdownButton from "../../shared/DefaultDropdownButton";
+export const AppEditPage_Position = ({ windowWidth, isWidthValid, setWindowWidth, windowHeight, isHeightValid, setWindowHeight, resizable, setResizable, abstractPosition, setAbstractPosition, opacity, setOpacity, }) => {
+    const positionButtonOptions = [
+        "Default",
+        "Top Left",
+        "Center Top",
+        "Top Right",
+        "Center Left",
+        "Center",
+        "Center Right",
+        "Bottom Left",
+        "Center Bottom",
+        "Bottom Right",
+    ].map((optionLabel, key) => {
+        return {
+            optionLabel,
+            clickHandler: () => {
+                setAbstractPosition(key);
+            },
+        };
+    });
+    const onChangeOpacitySlider = (e) => {
+        const num = +e.target.value;
+        if (isNaN(num)) {
+            return;
+        }
+        if (num < 0 || num > 100) {
+            return;
+        }
+        setOpacity(num / 100);
+    };
+    return (React.createElement(Accordion, { id: "window", label: "Window position and dimensions", summary: "Define the window properties when the app launches." },
+        React.createElement("div", { className: "app-edit-field" },
+            React.createElement("table", { role: "presentation", className: "accordion-edit-block" },
+                React.createElement("tbody", null,
+                    React.createElement("tr", null,
+                        React.createElement("td", { className: "label-col" }, "Dimensions"),
+                        React.createElement("td", { className: "content-col" },
+                            React.createElement("div", { className: "app-size-field" },
+                                React.createElement("label", { htmlFor: "app-width" }, "Width"),
+                                React.createElement("input", { className: "app-size-input", type: "text", id: "app-width", value: windowWidth, "aria-invalid": !isWidthValid, onChange: (e) => {
+                                        setWindowWidth(parseInt(e.target.value, 10) || "");
+                                    } }),
+                                React.createElement("span", { className: "unit" }, "px")),
+                            React.createElement("div", { className: "app-size-field" },
+                                React.createElement("label", { htmlFor: "app-height" }, "Height"),
+                                React.createElement("input", { className: "app-size-input", type: "text", id: "app-height", value: windowHeight, "aria-invalid": !isHeightValid, onChange: (e) => {
+                                        setWindowHeight(parseInt(e.target.value, 10) || "");
+                                    } }),
+                                React.createElement("span", { className: "unit" }, "px")))),
+                    React.createElement("tr", null,
+                        React.createElement("td", null),
+                        React.createElement("td", { className: "pull-left" },
+                            React.createElement(Checkbox, { label: "Lock dimensions", checked: !resizable, onClick: () => {
+                                    setResizable(!resizable);
+                                } }))),
+                    abstractPosition >= 0 && (React.createElement("tr", null,
+                        React.createElement("td", null, "Position"),
+                        React.createElement("td", { className: "position-entry" },
+                            React.createElement(DefaultDropdownButton, { allowEmpty: false, caretLocation: "right", defaultSelection: positionButtonOptions[abstractPosition], buttonOptions: positionButtonOptions })))),
+                    React.createElement("tr", null,
+                        React.createElement("td", { id: "opacity-label" }, "Opacity"),
+                        React.createElement("td", null,
+                            React.createElement("input", { type: "range", className: "app-edit-range", "aria-labelledby": "opacity-label", value: opacity, min: 0, step: 0.01, max: 1, onChange: (e) => {
+                                    setOpacity(Number(e.target.value));
+                                } }),
+                            React.createElement("input", { id: "app-opacity", type: "text", "aria-labelledby": "opacity-label", value: Math.floor(opacity * 100), onChange: onChangeOpacitySlider, style: { maxWidth: "30px" } }))))))));
+};
+//# sourceMappingURL=Position.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Position.js","sourceRoot":"","sources":["../../../../src/components/sdd/appEditPage/Position.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { Accordion } from \"../../common/Accordion\";\nimport * as Types from \"../../../types/smartDesktopDesignerTypes\";\nimport { Checkbox } from \"../../common/Checkbox\";\nimport DefaultDropdownButton from \"../../shared/DefaultDropdownButton\";\n\ninterface AppEditPage_PositionProps {\n\twindowWidth: Types.ApplicationSaveData[\"width\"];\n\tisWidthValid: boolean;\n\tsetWindowWidth: (width: number | string) => void;\n\twindowHeight: Types.ApplicationSaveData[\"height\"];\n\tisHeightValid: boolean;\n\tsetWindowHeight: (height: number | string) => void;\n\tresizable: Types.ApplicationSaveData[\"resizable\"];\n\tsetResizable: (resizable: boolean) => void;\n\tabstractPosition: number;\n\tsetAbstractPosition: (value: number) => void;\n\topacity: Types.ApplicationSaveData[\"opacity\"];\n\tsetOpacity: (opacity: number) => void;\n}\n\nexport const AppEditPage_Position = ({\n\twindowWidth,\n\tisWidthValid,\n\tsetWindowWidth,\n\twindowHeight,\n\tisHeightValid,\n\tsetWindowHeight,\n\tresizable,\n\tsetResizable,\n\tabstractPosition,\n\tsetAbstractPosition,\n\topacity,\n\tsetOpacity,\n}: AppEditPage_PositionProps) => {\n\tconst positionButtonOptions = [\n\t\t\"Default\",\n\t\t\"Top Left\",\n\t\t\"Center Top\",\n\t\t\"Top Right\",\n\t\t\"Center Left\",\n\t\t\"Center\",\n\t\t\"Center Right\",\n\t\t\"Bottom Left\",\n\t\t\"Center Bottom\",\n\t\t\"Bottom Right\",\n\t].map((optionLabel, key) => {\n\t\treturn {\n\t\t\toptionLabel,\n\t\t\tclickHandler: () => {\n\t\t\t\tsetAbstractPosition(key);\n\t\t\t},\n\t\t};\n\t});\n\n\tconst onChangeOpacitySlider = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst num = +e.target.value;\n\t\tif (isNaN(num)) {\n\t\t\treturn;\n\t\t}\n\t\tif (num < 0 || num > 100) {\n\t\t\treturn;\n\t\t}\n\t\tsetOpacity(num / 100);\n\t};\n\n\treturn (\n\t\t<Accordion\n\t\t\tid=\"window\"\n\t\t\tlabel=\"Window position and dimensions\"\n\t\t\tsummary=\"Define the window properties when the app launches.\"\n\t\t>\n\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t<table role=\"presentation\" className=\"accordion-edit-block\">\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td className=\"label-col\">Dimensions</td>\n\t\t\t\t\t\t\t<td className=\"content-col\">\n\t\t\t\t\t\t\t\t<div className=\"app-size-field\">\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-width\">Width</label>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\tclassName=\"app-size-input\"\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tid=\"app-width\"\n\t\t\t\t\t\t\t\t\t\tvalue={windowWidth}\n\t\t\t\t\t\t\t\t\t\taria-invalid={!isWidthValid}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetWindowWidth(parseInt(e.target.value, 10) || \"\");\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<span className=\"unit\">px</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"app-size-field\">\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-height\">Height</label>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\tclassName=\"app-size-input\"\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tid=\"app-height\"\n\t\t\t\t\t\t\t\t\t\tvalue={windowHeight}\n\t\t\t\t\t\t\t\t\t\taria-invalid={!isHeightValid}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetWindowHeight(parseInt(e.target.value, 10) || \"\");\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<span className=\"unit\">px</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td></td>\n\t\t\t\t\t\t\t<td className=\"pull-left\">\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tlabel=\"Lock dimensions\"\n\t\t\t\t\t\t\t\t\tchecked={!resizable}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetResizable(!resizable);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t{abstractPosition >= 0 && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>Position</td>\n\t\t\t\t\t\t\t\t<td className=\"position-entry\">\n\t\t\t\t\t\t\t\t\t<DefaultDropdownButton\n\t\t\t\t\t\t\t\t\t\tallowEmpty={false}\n\t\t\t\t\t\t\t\t\t\tcaretLocation=\"right\"\n\t\t\t\t\t\t\t\t\t\tdefaultSelection={positionButtonOptions[abstractPosition]}\n\t\t\t\t\t\t\t\t\t\tbuttonOptions={positionButtonOptions}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td id=\"opacity-label\">Opacity</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"range\"\n\t\t\t\t\t\t\t\t\tclassName=\"app-edit-range\"\n\t\t\t\t\t\t\t\t\taria-labelledby=\"opacity-label\"\n\t\t\t\t\t\t\t\t\tvalue={opacity}\n\t\t\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\t\t\tstep={0.01}\n\t\t\t\t\t\t\t\t\tmax={1}\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tsetOpacity(Number(e.target.value));\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\tid=\"app-opacity\"\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\taria-labelledby=\"opacity-label\"\n\t\t\t\t\t\t\t\t\tvalue={Math.floor(opacity * 100)}\n\t\t\t\t\t\t\t\t\tonChange={onChangeOpacitySlider}\n\t\t\t\t\t\t\t\t\tstyle={{ maxWidth: \"30px\" }}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t</div>\n\t\t</Accordion>\n\t);\n};\n"]}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import * as Types from "../../../types/smartDesktopDesignerTypes";
+interface AppEditPage_PreloadsProps {
+    preloadAliasList: string[];
+    preloads: Types.ApplicationSaveData["preloads"];
+    setPreloads: (preloads: Types.ApplicationSaveData["preloads"]) => void;
+}
+export declare const AppEditPage_Preloads: ({ preloadAliasList, preloads, setPreloads }: AppEditPage_PreloadsProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { Accordion } from "../../common/Accordion";
+import { FinsembleLink } from "../../common/FinsembleLink";
+import { FinsembleSelect } from "../../common/FinsembleSelect";
+export const AppEditPage_Preloads = ({ preloadAliasList, preloads, setPreloads }) => (React.createElement(Accordion, { id: "preloads", label: "Preloads", summary: React.createElement(React.Fragment, null,
+        "Add functionality by running a script that is loaded into an app window before the actual content of the window is loaded. ",
+        React.createElement(FinsembleLink, { url: "https://documentation.finsemble.com/tutorial-Preloads.html", text: "Learn more" })) },
+    React.createElement("div", { className: "app-edit-field" },
+        React.createElement("table", { role: "presentation", className: "accordion-edit-block" },
+            React.createElement("tbody", null,
+                React.createElement("tr", null,
+                    React.createElement("td", null,
+                        React.createElement(FinsembleSelect, { options: preloadAliasList, selected: preloads, updateCallback: (selectedValues) => {
+                                setPreloads(selectedValues);
+                            } }))))))));
+//# sourceMappingURL=Preloads.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Preloads.js","sourceRoot":"","sources":["../../../../src/components/sdd/appEditPage/Preloads.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAS/D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,gBAAgB,EAAE,QAAQ,EAAE,WAAW,EAA6B,EAAE,EAAE,CAAC,CAC/G,oBAAC,SAAS,IACT,EAAE,EAAC,UAAU,EACb,KAAK,EAAC,UAAU,EAChB,OAAO,EACN;;QAEY,oBAAC,aAAa,IAAC,GAAG,EAAC,4DAA4D,EAAC,IAAI,EAAC,YAAY,GAAG,CAC7G;IAGJ,6BAAK,SAAS,EAAC,gBAAgB;QAC9B,+BAAO,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,sBAAsB;YAC1D;gBACC;oBACC;wBACC,oBAAC,eAAe,IACf,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,CAAC,cAAwB,EAAE,EAAE;gCAC5C,WAAW,CAAC,cAAc,CAAC,CAAC;4BAC7B,CAAC,GACA,CACE,CACD,CACE,CACD,CACH,CACK,CACZ,CAAC","sourcesContent":["import React from \"react\";\nimport { Accordion } from \"../../common/Accordion\";\nimport { FinsembleLink } from \"../../common/FinsembleLink\";\nimport { FinsembleSelect } from \"../../common/FinsembleSelect\";\nimport * as Types from \"../../../types/smartDesktopDesignerTypes\";\n\ninterface AppEditPage_PreloadsProps {\n\tpreloadAliasList: string[];\n\tpreloads: Types.ApplicationSaveData[\"preloads\"];\n\tsetPreloads: (preloads: Types.ApplicationSaveData[\"preloads\"]) => void;\n}\n\nexport const AppEditPage_Preloads = ({ preloadAliasList, preloads, setPreloads }: AppEditPage_PreloadsProps) => (\n\t<Accordion\n\t\tid=\"preloads\"\n\t\tlabel=\"Preloads\"\n\t\tsummary={\n\t\t\t<>\n\t\t\t\tAdd functionality by running a script that is loaded into an app window before the actual content of the window\n\t\t\t\tis loaded. <FinsembleLink url=\"https://documentation.finsemble.com/tutorial-Preloads.html\" text=\"Learn more\" />\n\t\t\t</>\n\t\t}\n\t>\n\t\t<div className=\"app-edit-field\">\n\t\t\t<table role=\"presentation\" className=\"accordion-edit-block\">\n\t\t\t\t<tbody>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t<FinsembleSelect\n\t\t\t\t\t\t\t\toptions={preloadAliasList}\n\t\t\t\t\t\t\t\tselected={preloads}\n\t\t\t\t\t\t\t\tupdateCallback={(selectedValues: string[]) => {\n\t\t\t\t\t\t\t\t\tsetPreloads(selectedValues);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>\n\t</Accordion>\n);\n"]}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import * as Types from "../../../types/smartDesktopDesignerTypes";
+import { SmartDesktopClient } from "../smartDesktopClient";
+interface AppEditPage_SelectConnectProps {
+    selectConnectTrustAll?: boolean;
+    setSelectConnectTrustAll: (newValue: boolean) => void;
+    displayName: string;
+    rules: Types.ApplicationSaveData["rules"];
+    setRules: (rules: Types.ApplicationSaveData["rules"]) => void;
+    addApp: typeof SmartDesktopClient.addApp;
+    isInboundInteropAuthorized: typeof SmartDesktopClient.isInboundInteropAuthorized;
+    isOutboundInteropAuthorized: typeof SmartDesktopClient.isOutboundInteropAuthorized;
+}
+export declare const AppEditPage_SelectConnect: ({ selectConnectTrustAll, setSelectConnectTrustAll, displayName, rules, setRules, isInboundInteropAuthorized, isOutboundInteropAuthorized, addApp, }: AppEditPage_SelectConnectProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,28 @@
+import React from "react";
+import { Accordion } from "../../common/Accordion";
+import { FinsembleLink } from "../../common/FinsembleLink";
+import { AppEditAccess } from "../AppEditAccess";
+export const AppEditPage_SelectConnect = ({ selectConnectTrustAll, setSelectConnectTrustAll, displayName, rules = [], setRules, isInboundInteropAuthorized, isOutboundInteropAuthorized, addApp, }) => (React.createElement(Accordion, { id: "select-connect", label: "SelectConnect", summary: React.createElement(React.Fragment, null,
+        "Specify trust relationships.",
+        " ",
+        React.createElement(FinsembleLink, { url: "https://documentation.finsemble.com/tutorial-ControllingInformationFlow.html", text: "Learn more" })) },
+    React.createElement("div", { className: "app-edit-field" },
+        React.createElement("table", { role: "presentation", className: "accordion-edit-block" },
+            React.createElement("tbody", null,
+                React.createElement("tr", null,
+                    React.createElement("td", { rowSpan: 2, className: "label-col", id: "interop-label" }, "Interop trust rule"),
+                    React.createElement("td", { className: "content-col" },
+                        React.createElement("label", null,
+                            React.createElement("input", { type: "radio", name: "interop-trust", "aria-labelledby": "interop-label interop-label-all", value: "true", "aria-posinset": 1, "aria-setsize": 2, checked: selectConnectTrustAll, onChange: () => {
+                                    setSelectConnectTrustAll(true);
+                                } }),
+                            React.createElement("span", { id: "interop-label-all" }, "Trust all apps")),
+                        React.createElement("label", null,
+                            React.createElement("input", { type: "radio", name: "interop-trust", "aria-labelledby": "interop-label interop-label-selected", value: "false", "aria-posinset": 2, "aria-setsize": 2, checked: !selectConnectTrustAll, onChange: () => {
+                                    setSelectConnectTrustAll(false);
+                                } }),
+                            React.createElement("span", { id: "interop-label-selected" }, "Trust selected apps")))),
+                !selectConnectTrustAll && (React.createElement("tr", null,
+                    React.createElement("td", null,
+                        React.createElement(AppEditAccess, { appName: displayName, rules: rules, onChange: (newRules) => setRules(newRules), isInboundInteropAuthorized: isInboundInteropAuthorized, isOutboundInteropAuthorized: isOutboundInteropAuthorized, addApp: addApp })))))))));
+//# sourceMappingURL=SelectConnect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectConnect.js","sourceRoot":"","sources":["../../../../src/components/sdd/appEditPage/SelectConnect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAejD,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACzC,qBAAqB,EACrB,wBAAwB,EACxB,WAAW,EACX,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,0BAA0B,EAC1B,2BAA2B,EAC3B,MAAM,GAC0B,EAAE,EAAE,CAAC,CACrC,oBAAC,SAAS,IACT,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,eAAe,EACrB,OAAO,EACN;;QAC8B,GAAG;QAChC,oBAAC,aAAa,IACb,GAAG,EAAC,8EAA8E,EAClF,IAAI,EAAC,YAAY,GAChB,CACA;IAGJ,6BAAK,SAAS,EAAC,gBAAgB;QAC9B,+BAAO,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,sBAAsB;YAC1D;gBACC;oBACC,4BAAI,OAAO,EAAE,CAAC,EAAE,SAAS,EAAC,WAAW,EAAC,EAAE,EAAC,eAAe,yBAEnD;oBACL,4BAAI,SAAS,EAAC,aAAa;wBAC1B;4BACC,+BACC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,eAAe,qBACJ,iCAAiC,EACjD,KAAK,EAAC,MAAM,mBACG,CAAC,kBACF,CAAC,EACf,OAAO,EAAE,qBAAqB,EAC9B,QAAQ,EAAE,GAAG,EAAE;oCACd,wBAAwB,CAAC,IAAI,CAAC,CAAC;gCAChC,CAAC,GACA;4BACF,8BAAM,EAAE,EAAC,mBAAmB,qBAAsB,CAC3C;wBACR;4BACC,+BACC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,eAAe,qBACJ,sCAAsC,EACtD,KAAK,EAAC,OAAO,mBACE,CAAC,kBACF,CAAC,EACf,OAAO,EAAE,CAAC,qBAAqB,EAC/B,QAAQ,EAAE,GAAG,EAAE;oCACd,wBAAwB,CAAC,KAAK,CAAC,CAAC;gCACjC,CAAC,GACA;4BACF,8BAAM,EAAE,EAAC,wBAAwB,0BAA2B,CACrD,CACJ,CACD;gBACJ,CAAC,qBAAqB,IAAI,CAC1B;oBACC;wBACC,oBAAC,aAAa,IACb,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAC1C,0BAA0B,EAAE,0BAA0B,EACtD,2BAA2B,EAAE,2BAA2B,EACxD,MAAM,EAAE,MAAM,GACb,CACE,CACD,CACL,CACM,CACD,CACH,CACK,CACZ,CAAC","sourcesContent":["import React from \"react\";\nimport { Accordion } from \"../../common/Accordion\";\nimport { FinsembleLink } from \"../../common/FinsembleLink\";\nimport { AppEditAccess } from \"../AppEditAccess\";\nimport * as Types from \"../../../types/smartDesktopDesignerTypes\";\nimport { SmartDesktopClient } from \"../smartDesktopClient\";\n\ninterface AppEditPage_SelectConnectProps {\n\tselectConnectTrustAll?: boolean;\n\tsetSelectConnectTrustAll: (newValue: boolean) => void;\n\tdisplayName: string;\n\trules: Types.ApplicationSaveData[\"rules\"];\n\tsetRules: (rules: Types.ApplicationSaveData[\"rules\"]) => void;\n\taddApp: typeof SmartDesktopClient.addApp;\n\tisInboundInteropAuthorized: typeof SmartDesktopClient.isInboundInteropAuthorized;\n\tisOutboundInteropAuthorized: typeof SmartDesktopClient.isOutboundInteropAuthorized;\n}\n\nexport const AppEditPage_SelectConnect = ({\n\tselectConnectTrustAll,\n\tsetSelectConnectTrustAll,\n\tdisplayName,\n\trules = [],\n\tsetRules,\n\tisInboundInteropAuthorized,\n\tisOutboundInteropAuthorized,\n\taddApp,\n}: AppEditPage_SelectConnectProps) => (\n\t<Accordion\n\t\tid=\"select-connect\"\n\t\tlabel=\"SelectConnect\"\n\t\tsummary={\n\t\t\t<>\n\t\t\t\tSpecify trust relationships.{\" \"}\n\t\t\t\t<FinsembleLink\n\t\t\t\t\turl=\"https://documentation.finsemble.com/tutorial-ControllingInformationFlow.html\"\n\t\t\t\t\ttext=\"Learn more\"\n\t\t\t\t/>\n\t\t\t</>\n\t\t}\n\t>\n\t\t<div className=\"app-edit-field\">\n\t\t\t<table role=\"presentation\" className=\"accordion-edit-block\">\n\t\t\t\t<tbody>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td rowSpan={2} className=\"label-col\" id=\"interop-label\">\n\t\t\t\t\t\t\tInterop trust rule\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td className=\"content-col\">\n\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\tname=\"interop-trust\"\n\t\t\t\t\t\t\t\t\taria-labelledby=\"interop-label interop-label-all\"\n\t\t\t\t\t\t\t\t\tvalue=\"true\"\n\t\t\t\t\t\t\t\t\taria-posinset={1}\n\t\t\t\t\t\t\t\t\taria-setsize={2}\n\t\t\t\t\t\t\t\t\tchecked={selectConnectTrustAll}\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\tsetSelectConnectTrustAll(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<span id=\"interop-label-all\">Trust all apps</span>\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\tname=\"interop-trust\"\n\t\t\t\t\t\t\t\t\taria-labelledby=\"interop-label interop-label-selected\"\n\t\t\t\t\t\t\t\t\tvalue=\"false\"\n\t\t\t\t\t\t\t\t\taria-posinset={2}\n\t\t\t\t\t\t\t\t\taria-setsize={2}\n\t\t\t\t\t\t\t\t\tchecked={!selectConnectTrustAll}\n\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\tsetSelectConnectTrustAll(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<span id=\"interop-label-selected\">Trust selected apps</span>\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t\t{!selectConnectTrustAll && (\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<AppEditAccess\n\t\t\t\t\t\t\t\t\tappName={displayName}\n\t\t\t\t\t\t\t\t\trules={rules}\n\t\t\t\t\t\t\t\t\tonChange={(newRules) => setRules(newRules)}\n\t\t\t\t\t\t\t\t\tisInboundInteropAuthorized={isInboundInteropAuthorized}\n\t\t\t\t\t\t\t\t\tisOutboundInteropAuthorized={isOutboundInteropAuthorized}\n\t\t\t\t\t\t\t\t\taddApp={addApp}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t)}\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>\n\t</Accordion>\n);\n"]}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface AppEditPage_WorkspaceProps {
+    currentAppType: string;
+    addToWorkspace: boolean;
+    setAddToWorkspace: (value: boolean) => void;
+    persistURL: boolean;
+    setPersistURL: (value: boolean) => void;
+    persistPath: boolean;
+    setPersistPath: (value: boolean) => void;
+}
+export declare const AppEditPage_Workspace: ({ currentAppType, addToWorkspace, setAddToWorkspace, persistURL, setPersistURL, persistPath, setPersistPath, }: AppEditPage_WorkspaceProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,30 @@
+import React from "react";
+import { Accordion } from "../../common/Accordion";
+import { Checkbox } from "../../common/Checkbox";
+import { Tooltip } from "../../common/Tooltip";
+export const AppEditPage_Workspace = ({ currentAppType, addToWorkspace, setAddToWorkspace, persistURL, setPersistURL, persistPath, setPersistPath, }) => (React.createElement(Accordion, { id: "workspace", label: "Workspace", summary: "Define how the app relates to the workspace." },
+    React.createElement("div", { className: "app-edit-field" },
+        React.createElement("table", { role: "presentation", className: "accordion-edit-block" },
+            React.createElement("tbody", null,
+                React.createElement("tr", null,
+                    React.createElement("td", { className: "label-col", rowSpan: 2 }, "Options"),
+                    React.createElement("td", { className: "content-col" },
+                        React.createElement(Checkbox, { label: "Add to workspace", checked: addToWorkspace, onClick: () => {
+                                setAddToWorkspace(!addToWorkspace);
+                            } })),
+                    React.createElement("td", null,
+                        React.createElement(Tooltip, { type: "info" }, "Apps are not added to the workspace unless they were opened from the Launcher menu or the resolver. Specify whether you want this app added to the workspace if it\u2019s launched in any other way, such as by a user or another app."))),
+                currentAppType === "web" ? (React.createElement("tr", null,
+                    React.createElement("td", { id: "persist-url" },
+                        React.createElement(Checkbox, { label: "Persist the URL", checked: persistURL, onClick: () => {
+                                setPersistURL(!persistURL);
+                            } })),
+                    React.createElement("td", null,
+                        React.createElement(Tooltip, { type: "info" }, "Normally, the app will be launched from its default URL. If a user navigated elsewhere, you can specify that you want to preserve that new URL instead.")))) : (React.createElement("tr", null,
+                    React.createElement("td", { id: "persist-path" },
+                        React.createElement(Checkbox, { label: "Persist the path", checked: persistPath, onClick: () => {
+                                setPersistPath(!persistPath);
+                            } })),
+                    React.createElement("td", null,
+                        React.createElement(Tooltip, { type: "info" }, "Normally, the app will be launched from its default path. If a user changed that path, you can specify that you want to launch the app from that new location.")))))))));
+//# sourceMappingURL=Workspace.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Workspace.js","sourceRoot":"","sources":["../../../../src/components/sdd/appEditPage/Workspace.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAY/C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACrC,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,WAAW,EACX,cAAc,GACc,EAAE,EAAE,CAAC,CACjC,oBAAC,SAAS,IAAC,EAAE,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAC,8CAA8C;IACjG,6BAAK,SAAS,EAAC,gBAAgB;QAC9B,+BAAO,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,sBAAsB;YAC1D;gBACC;oBACC,4BAAI,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,CAAC,cAE/B;oBACL,4BAAI,SAAS,EAAC,aAAa;wBAC1B,oBAAC,QAAQ,IACR,KAAK,EAAC,kBAAkB,EACxB,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,GAAG,EAAE;gCACb,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAC;4BACpC,CAAC,GACA,CACE;oBACL;wBACC,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,6OAIV,CACN,CACD;gBACJ,cAAc,KAAK,KAAK,CAAC,CAAC,CAAC,CAC3B;oBACC,4BAAI,EAAE,EAAC,aAAa;wBACnB,oBAAC,QAAQ,IACR,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,GAAG,EAAE;gCACb,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;4BAC5B,CAAC,GACA,CACE;oBACL;wBACC,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,8JAGV,CACN,CACD,CACL,CAAC,CAAC,CAAC,CACH;oBACC,4BAAI,EAAE,EAAC,cAAc;wBACpB,oBAAC,QAAQ,IACR,KAAK,EAAC,kBAAkB,EACxB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,GAAG,EAAE;gCACb,cAAc,CAAC,CAAC,WAAW,CAAC,CAAC;4BAC9B,CAAC,GACA,CACE;oBACL;wBACC,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,qKAGV,CACN,CACD,CACL,CACM,CACD,CACH,CACK,CACZ,CAAC","sourcesContent":["import React from \"react\";\nimport { Accordion } from \"../../common/Accordion\";\nimport { Checkbox } from \"../../common/Checkbox\";\nimport { Tooltip } from \"../../common/Tooltip\";\n\ninterface AppEditPage_WorkspaceProps {\n\tcurrentAppType: string;\n\taddToWorkspace: boolean;\n\tsetAddToWorkspace: (value: boolean) => void;\n\tpersistURL: boolean;\n\tsetPersistURL: (value: boolean) => void;\n\tpersistPath: boolean;\n\tsetPersistPath: (value: boolean) => void;\n}\n\nexport const AppEditPage_Workspace = ({\n\tcurrentAppType,\n\taddToWorkspace,\n\tsetAddToWorkspace,\n\tpersistURL,\n\tsetPersistURL,\n\tpersistPath,\n\tsetPersistPath,\n}: AppEditPage_WorkspaceProps) => (\n\t<Accordion id=\"workspace\" label=\"Workspace\" summary=\"Define how the app relates to the workspace.\">\n\t\t<div className=\"app-edit-field\">\n\t\t\t<table role=\"presentation\" className=\"accordion-edit-block\">\n\t\t\t\t<tbody>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td className=\"label-col\" rowSpan={2}>\n\t\t\t\t\t\t\tOptions\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td className=\"content-col\">\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tlabel=\"Add to workspace\"\n\t\t\t\t\t\t\t\tchecked={addToWorkspace}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetAddToWorkspace(!addToWorkspace);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t<Tooltip type=\"info\">\n\t\t\t\t\t\t\t\tApps are not added to the workspace unless they were opened from the Launcher menu or the resolver.\n\t\t\t\t\t\t\t\tSpecify whether you want this app added to the workspace if it’s launched in any other way, such as by a\n\t\t\t\t\t\t\t\tuser or another app.\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t\t{currentAppType === \"web\" ? (\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td id=\"persist-url\">\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tlabel=\"Persist the URL\"\n\t\t\t\t\t\t\t\t\tchecked={persistURL}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetPersistURL(!persistURL);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<Tooltip type=\"info\">\n\t\t\t\t\t\t\t\t\tNormally, the app will be launched from its default URL. If a user navigated elsewhere, you can\n\t\t\t\t\t\t\t\t\tspecify that you want to preserve that new URL instead.\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td id=\"persist-path\">\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tlabel=\"Persist the path\"\n\t\t\t\t\t\t\t\t\tchecked={persistPath}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetPersistPath(!persistPath);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<Tooltip type=\"info\">\n\t\t\t\t\t\t\t\t\tNormally, the app will be launched from its default path. If a user changed that path, you can specify\n\t\t\t\t\t\t\t\t\tthat you want to launch the app from that new location.\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t)}\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>\n\t</Accordion>\n);\n"]}

package/react/components/sdd/common/getCSSVars.js

@@ -1,5 +1,10 @@
-export const getCSSVars = (styleSheets) => Array.from(styleSheets)
-    .filter((sheet) => "href" in sheet && (sheet.href === null || sheet.href.startsWith(window.location.origin)))
+export const getCSSVars = (styleSheets) => 
+// Searches for all the css variables in the :root object
+Array.from(styleSheets)
+    .filter((sheet) => 
+// sheet.hasOwnProperty("href") returns false, even though href is set, it's just set to null
+// so, we have to use the `in` operator
+"href" in sheet && (sheet.href === null || sheet.href.startsWith(window.location.origin)))
     .reduce((acc, sheet) => (acc = [
     ...acc,
     ...Array.from(sheet.cssRules).reduce((def, rule) => (def =

package/react/components/sdd/common/getCSSVars.js.map

@@ -1 +1 @@
-{"version":3,"file":"getCSSVars.js","sourceRoot":"","sources":["../../../../src/components/sdd/common/getCSSVars.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,WAA2B,EAAE,EAAE,CAEzD,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;KACrB,MAAM,CACN,CAAC,KAAK,EAAE,EAAE,CAGT,MAAM,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAC1F;KACA,MAAM,CACN,CAAC,GAAa,EAAE,KAAK,EAAE,EAAE,CACxB,CAAC,GAAG,GAAG;IACN,GAAG,GAAG;IACN,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CACnC,CAAC,GAAa,EAAE,IAAI,EAAE,EAAE,CACvB,CAAC,GAAG;QACH,IAAI,YAAY,YAAY,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO;YAC5D,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7E,CAAC,CAAC,GAAG,CAAC,EACT,EAAE,CACF;CACD,CAAC,EACH,EAAE,CACF,CAAC","sourcesContent":["export const getCSSVars = (styleSheets: StyleSheetList) =>\n\t// Searches for all the css variables in the :root object\n\tArray.from(styleSheets)\n\t\t.filter(\n\t\t\t(sheet) =>\n\t\t\t\t// sheet.hasOwnProperty(\"href\") returns false, even though href is set, it's just set to null\n\t\t\t\t// so, we have to use the `in` operator\n\t\t\t\t\"href\" in sheet && (sheet.href === null || sheet.href.startsWith(window.location.origin))\n\t\t)\n\t\t.reduce(\n\t\t\t(acc: string[], sheet) =>\n\t\t\t\t(acc = [\n\t\t\t\t\t...acc,\n\t\t\t\t\t...Array.from(sheet.cssRules).reduce(\n\t\t\t\t\t\t(def: string[], rule) =>\n\t\t\t\t\t\t\t(def =\n\t\t\t\t\t\t\t\trule instanceof CSSStyleRule && rule.selectorText === \":root\"\n\t\t\t\t\t\t\t\t\t? [...def, ...Array.from(rule.style).filter((name) => name.startsWith(\"--\"))]\n\t\t\t\t\t\t\t\t\t: def),\n\t\t\t\t\t\t[]\n\t\t\t\t\t),\n\t\t\t\t]),\n\t\t\t[]\n\t\t);\n"]}
+{"version":3,"file":"getCSSVars.js","sourceRoot":"","sources":["../../../../src/components/sdd/common/getCSSVars.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,WAA2B,EAAE,EAAE;AACzD,yDAAyD;AACzD,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;KACrB,MAAM,CACN,CAAC,KAAK,EAAE,EAAE;AACT,6FAA6F;AAC7F,uCAAuC;AACvC,MAAM,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAC1F;KACA,MAAM,CACN,CAAC,GAAa,EAAE,KAAK,EAAE,EAAE,CACxB,CAAC,GAAG,GAAG;IACN,GAAG,GAAG;IACN,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CACnC,CAAC,GAAa,EAAE,IAAI,EAAE,EAAE,CACvB,CAAC,GAAG;QACH,IAAI,YAAY,YAAY,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO;YAC5D,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7E,CAAC,CAAC,GAAG,CAAC,EACT,EAAE,CACF;CACD,CAAC,EACH,EAAE,CACF,CAAC","sourcesContent":["export const getCSSVars = (styleSheets: StyleSheetList) =>\n\t// Searches for all the css variables in the :root object\n\tArray.from(styleSheets)\n\t\t.filter(\n\t\t\t(sheet) =>\n\t\t\t\t// sheet.hasOwnProperty(\"href\") returns false, even though href is set, it's just set to null\n\t\t\t\t// so, we have to use the `in` operator\n\t\t\t\t\"href\" in sheet && (sheet.href === null || sheet.href.startsWith(window.location.origin))\n\t\t)\n\t\t.reduce(\n\t\t\t(acc: string[], sheet) =>\n\t\t\t\t(acc = [\n\t\t\t\t\t...acc,\n\t\t\t\t\t...Array.from(sheet.cssRules).reduce(\n\t\t\t\t\t\t(def: string[], rule) =>\n\t\t\t\t\t\t\t(def =\n\t\t\t\t\t\t\t\trule instanceof CSSStyleRule && rule.selectorText === \":root\"\n\t\t\t\t\t\t\t\t\t? [...def, ...Array.from(rule.style).filter((name) => name.startsWith(\"--\"))]\n\t\t\t\t\t\t\t\t\t: def),\n\t\t\t\t\t\t[]\n\t\t\t\t\t),\n\t\t\t\t]),\n\t\t\t[]\n\t\t);\n"]}

package/react/components/sdd/common/setPreloadDefaults.js

@@ -1,15 +1,19 @@
 import { SmartDesktopClient } from "../smartDesktopClient";
 export const setDefaults = async () => {
+    // Check to see if the config value for finsemble.extensions.preloads exists.
     const { data } = await FSBL.Clients.ConfigClient.getValue("finsemble.extensions.preloads");
     if (data !== null) {
+        // v6.6 preloads have been registered, nothing to do
         return;
     }
     const { data: preloads } = await FSBL.Clients.ConfigClient.getValue("finsemble.preloads");
     if (preloads !== null) {
+        // v6.5 registered preloads. We should convert them.
         preloads.forEach(async ({ url, alias }) => {
             await SmartDesktopClient.savePreload(alias, alias, { url, autoload: "none" });
         });
     }
+    // v6.5 preloads weren't registered, so we should register the defaults now
     await SmartDesktopClient.savePreload("zoom", "zoom", {
         url: "https://assets.finsemble.com/preloads/zoom.js",
         autoload: "none",

package/react/components/sdd/common/setPreloadDefaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"setPreloadDefaults.js","sourceRoot":"","sources":["../../../../src/components/sdd/common/setPreloadDefaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;IAErC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,+BAA+B,CAAC,CAAC;IAC3F,IAAI,IAAI,KAAK,IAAI,EAAE;QAElB,OAAO;KACP;IAED,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;IAC1F,IAAI,QAAQ,KAAK,IAAI,EAAE;QAEtB,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAkC,EAAE,EAAE;YACzE,MAAM,kBAAkB,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;QAC/E,CAAC,CAAC,CAAC;KACH;IAGD,MAAM,kBAAkB,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE;QACpD,GAAG,EAAE,+CAA+C;QACpD,QAAQ,EAAE,MAAM;KAChB,CAAC,CAAC;IACH,MAAM,kBAAkB,CAAC,WAAW,CAAC,kBAAkB,EAAE,kBAAkB,EAAE;QAC5E,GAAG,EAAE,0DAA0D;QAC/D,QAAQ,EAAE,MAAM;KAChB,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { SmartDesktopClient } from \"../smartDesktopClient\";\n\nexport const setDefaults = async () => {\n\t// Check to see if the config value for finsemble.extensions.preloads exists.\n\tconst { data } = await FSBL.Clients.ConfigClient.getValue(\"finsemble.extensions.preloads\");\n\tif (data !== null) {\n\t\t// v6.6 preloads have been registered, nothing to do\n\t\treturn;\n\t}\n\n\tconst { data: preloads } = await FSBL.Clients.ConfigClient.getValue(\"finsemble.preloads\");\n\tif (preloads !== null) {\n\t\t// v6.5 registered preloads. We should convert them.\n\t\tpreloads.forEach(async ({ url, alias }: { url: string; alias: string }) => {\n\t\t\tawait SmartDesktopClient.savePreload(alias, alias, { url, autoload: \"none\" });\n\t\t});\n\t}\n\n\t// v6.5 preloads weren't registered, so we should register the defaults now\n\tawait SmartDesktopClient.savePreload(\"zoom\", \"zoom\", {\n\t\turl: \"https://assets.finsemble.com/preloads/zoom.js\",\n\t\tautoload: \"none\",\n\t});\n\tawait SmartDesktopClient.savePreload(\"native-overrides\", \"native-overrides\", {\n\t\turl: \"https://assets.finsemble.com/preloads/nativeOverrides.js\",\n\t\tautoload: \"none\",\n\t});\n};\n"]}
+{"version":3,"file":"setPreloadDefaults.js","sourceRoot":"","sources":["../../../../src/components/sdd/common/setPreloadDefaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;IACrC,6EAA6E;IAC7E,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,+BAA+B,CAAC,CAAC;IAC3F,IAAI,IAAI,KAAK,IAAI,EAAE;QAClB,oDAAoD;QACpD,OAAO;KACP;IAED,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;IAC1F,IAAI,QAAQ,KAAK,IAAI,EAAE;QACtB,oDAAoD;QACpD,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAkC,EAAE,EAAE;YACzE,MAAM,kBAAkB,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;QAC/E,CAAC,CAAC,CAAC;KACH;IAED,2EAA2E;IAC3E,MAAM,kBAAkB,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE;QACpD,GAAG,EAAE,+CAA+C;QACpD,QAAQ,EAAE,MAAM;KAChB,CAAC,CAAC;IACH,MAAM,kBAAkB,CAAC,WAAW,CAAC,kBAAkB,EAAE,kBAAkB,EAAE;QAC5E,GAAG,EAAE,0DAA0D;QAC/D,QAAQ,EAAE,MAAM;KAChB,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { SmartDesktopClient } from \"../smartDesktopClient\";\n\nexport const setDefaults = async () => {\n\t// Check to see if the config value for finsemble.extensions.preloads exists.\n\tconst { data } = await FSBL.Clients.ConfigClient.getValue(\"finsemble.extensions.preloads\");\n\tif (data !== null) {\n\t\t// v6.6 preloads have been registered, nothing to do\n\t\treturn;\n\t}\n\n\tconst { data: preloads } = await FSBL.Clients.ConfigClient.getValue(\"finsemble.preloads\");\n\tif (preloads !== null) {\n\t\t// v6.5 registered preloads. We should convert them.\n\t\tpreloads.forEach(async ({ url, alias }: { url: string; alias: string }) => {\n\t\t\tawait SmartDesktopClient.savePreload(alias, alias, { url, autoload: \"none\" });\n\t\t});\n\t}\n\n\t// v6.5 preloads weren't registered, so we should register the defaults now\n\tawait SmartDesktopClient.savePreload(\"zoom\", \"zoom\", {\n\t\turl: \"https://assets.finsemble.com/preloads/zoom.js\",\n\t\tautoload: \"none\",\n\t});\n\tawait SmartDesktopClient.savePreload(\"native-overrides\", \"native-overrides\", {\n\t\turl: \"https://assets.finsemble.com/preloads/nativeOverrides.js\",\n\t\tautoload: \"none\",\n\t});\n};\n"]}

package/react/components/sdd/css/addApp.css

@@ -26,13 +26,13 @@
 
 .quick-add-close {
 	position: absolute;
-	right: 0px;
+	right: 0;
 	top: 5px;
-	color: #aaaaaa;
+	color: #aaa;
 }
 
 .quick-add-close button {
-	color: #aaaaaa;
+	color: #aaa;
 }
 
 .quick-add-app .save-button-container {
@@ -47,6 +47,19 @@
 	border-radius: 5px;
 }
 
-.quick-add-app .file-input-container {
-	margin-right: 12px;
+.file-input-field {
+	flex-grow: 1;
+}
+
+.file-input-field input[type="text"] {
+	width: 100%;
+}
+
+[id^="path-app-name"] {
+	width: 95%;
+	padding-left: 4px;
+}
+
+[id^="api-access"] {
+	margin-left: 0;
 }

package/react/components/sdd/css/appearance.css

@@ -1,21 +1,27 @@
 .finsemble-icon-flag {
 	color: #27ae38;
 }
+
 .finsemble-icon-window {
 	color: #902e57;
 }
+
 .finsemble-icon-paint-roller {
 	color: #43a5ba;
 }
+
 .finsemble-icon-key {
 	color: #fdb913;
 }
+
 .finsemble-icon-upload {
 	color: #3b7262;
 }
+
 .finsemble-icon-toolbar {
 	color: #902e57;
 }
+
 .finsemble-icon-code-block {
 	color: #5b606f;
 }

package/react/components/sdd/css/applications.css

@@ -4,15 +4,21 @@ body {
 
 .setup-type-container {
 	position: absolute;
-	top: 0px;
-	left: 0px;
-	bottom: 0px;
-	right: 0px;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
 	width: 100%;
 	height: 100%;
 	background-color: #171a20;
 }
 
+.tile-type-buttons {
+	display: flex;
+	width: 100%;
+	justify-content: space-around;
+}
+
 .setup-type-container .tile-type-buttons,
 .app-edit .tile-type-buttons {
 	max-width: 30em;
@@ -21,12 +27,6 @@ body {
 	margin-top: 1em;
 }
 
-.tile-type-buttons {
-	display: flex;
-	width: 100%;
-	justify-content: space-around;
-}
-
 .active-web .button-container-tile:nth-child(1) button,
 .active-native .button-container-tile:nth-child(2) button {
 	border-color: #42a5ba;
@@ -43,6 +43,7 @@ body {
 	margin-left: 2em;
 }
 
+/* stylelint-disable-next-line no-descending-specificity */
 .app-edit-success-content button {
 	background-color: #373b43;
 	margin-left: 0.9em;
@@ -52,11 +53,13 @@ body {
 	text-align: right;
 }
 
+/* stylelint-disable-next-line no-descending-specificity */
 .app-edit-success-actions button {
 	display: inline-block;
 	background-color: #42a5ba;
 }
 
+/* stylelint-disable-next-line no-descending-specificity */
 .app-edit-success-actions button:hover {
 	background-color: #36788b;
 }
@@ -105,7 +108,7 @@ label[for="menu-group"] {
 }
 
 .app-edit-advanced p {
-	margin-left: 0px;
+	margin-left: 0;
 }
 
 .app-edit-advanced p .finsemble-icon {
@@ -114,7 +117,7 @@ label[for="menu-group"] {
 }
 
 .app-edit-advanced-content {
-	max-height: 0px;
+	max-height: 0;
 	overflow: hidden;
 }
 
@@ -128,9 +131,10 @@ label[for="menu-group"] {
 
 .quick-add-app.collapsed {
 	visibility: hidden;
-	height: 0px;
-	max-height: 0px;
+	height: 0;
+	max-height: 0;
 }
+
 .quick-add-app {
 	padding-left: 19px;
 	visibility: visible;
@@ -145,3 +149,12 @@ label[for="menu-group"] {
 	top: auto;
 	width: 250px;
 }
+
+.always-present [role="combobox"] {
+	max-width: 100px;
+	justify-content: space-between;
+}
+
+.always-present [role="combobox"] .ff-caret-down {
+	right: 2px;
+}

package/react/components/sdd/css/authentication.css

@@ -1,11 +1,11 @@
 .auth-setup-form p {
-	margin-left: 0px;
+	margin-left: 0;
 }
 
 .auth-setup-select-provider {
 	width: 290px;
 	margin-right: 10px;
-	border: 0px solid transparent;
+	border: 0 solid transparent;
 	border-bottom: 2px solid #3d4455;
 	background-color: #22262f;
 	color: #fff;
@@ -24,11 +24,11 @@
 }
 
 .auth-setup-field .button-container-icon.icon-copy {
-	margin: 0px;
+	margin: 0;
 }
 
 .auth-setup-field .button-container-icon.icon-copy button {
-	padding: 0px;
+	padding: 0;
 	padding-right: 13px;
 	padding-left: 4px;
 }
@@ -41,7 +41,7 @@
 	font-style: normal;
 	line-height: 1.13;
 	letter-spacing: normal;
-	color: #ffffff;
+	color: #fff;
 }
 
 .auth-setup-field {
@@ -108,7 +108,7 @@
 }
 
 .auth-setup-tutorial p {
-	margin-left: 0px;
+	margin-left: 0;
 }
 
 .auth-setup-toggle-mode {
@@ -117,6 +117,7 @@
 	transform: translateY(-100%);
 }
 
+/* stylelint-disable-next-line no-descending-specificity */
 .auth-setup-toggle-mode button {
 	color: white;
 	border-color: white;

package/react/components/sdd/css/buttons.css

@@ -4,7 +4,7 @@ button {
 	font-weight: 600;
 	padding: 0.5em 1em;
 	background-color: transparent;
-	border: 0px solid transparent;
+	border: 0 solid transparent;
 	color: #fff;
 	font-size: 0.9rem;
 	transition: all 0.2s ease-in;

package/react/components/sdd/css/export.css

@@ -4,7 +4,7 @@
 
 .export-block p {
 	margin-right: 60px;
-	margin-left: 0px;
+	margin-left: 0;
 }
 
 .export-methods .export-method {
@@ -28,7 +28,7 @@
 }
 
 .export-method-actions {
-	margin: 0px;
+	margin: 0;
 	display: flex;
 	justify-content: flex-end;
 }
@@ -79,7 +79,7 @@
 }
 
 .publish-progress-text {
-	opacity: 75%;
+	opacity: 0.75;
 }
 
 .publish-progress-indicator {
@@ -114,6 +114,7 @@
 	0% {
 		opacity: 0.5;
 	}
+
 	50% {
 		opacity: 0.75;
 	}
@@ -135,6 +136,7 @@
 .export-error-actions {
 	float: right;
 }
+
 .export-error-btn {
 	margin-left: 0.625em;
 }

package/react/components/sdd/css/getting-started.css

@@ -1,3 +1,5 @@
+@import url("./appearance.css");
+
 .getting-started-actions {
 	display: flex;
 	justify-content: center;
@@ -24,5 +26,3 @@
 	height: 100px;
 	background: linear-gradient(#6e7178, #373b43);
 }
-
-@import url("./appearance.css");