@finsemble/finsemble-ui 10.0.0-beta.3 → 10.0.0-iocd.2

package/react/components/toolbar/RevealAll.js.map

@@ -1 +1 @@
-{"version":3,"file":"RevealAll.js","sourceRoot":"","sources":["../../../src/components/toolbar/RevealAll.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGpD,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC3B,6BAAK,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAC,4BAA4B;IACnG,2BAAG,EAAE,EAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;QAC3E,2BAAG,EAAE,EAAC,sBAAsB,EAAC,SAAS,EAAC,iCAAiC;YACvE,2BAAG,EAAE,EAAC,UAAU,EAAC,SAAS,EAAC,+BAA+B;gBACzD,8BACC,CAAC,EAAC,2NAA2N,EAC7N,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAC,SAAS,GACP;gBACR,8BACC,CAAC,EAAC,+MAA+M,EACjN,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAC,SAAS,GACP;gBACR,8BACC,CAAC,EAAC,8LAA8L,EAChM,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAC,SAAS,GACP;gBACR,8BACC,CAAC,EAAC,0MAA0M,EAC5M,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAC,SAAS,GACP;gBACR,8BACC,CAAC,EAAC,mMAAmM,EACrM,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAC,SAAS,GACP,CACL,CACD,CACD,CACC,CACN,CAAC;AAMF,MAAM,CAAC,MAAM,SAAS,GAAoD,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrG,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,EAAE,CAAC;IAC1C,MAAM,cAAc,GAAG,sCAAsC,SAAS,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC;IAEvF,OAAO,CACN,6BAAK,SAAS,EAAE,cAAc,EAAE,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,gBAAgB,IAC1E,QAAQ,IAAI,oBAAC,aAAa,OAAG,CACzB,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["// disable eslint below because the svg in the icon definition will error if React is not imported\r\nimport * as React from \"react\"; // eslint-disable-line\r\nimport { useToolbar } from \"../../hooks/useToolbar\";\r\n\r\n// The default icon for RevealAll.\r\nconst RevealAllIcon = () => (\r\n\t<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t<g id=\"Symbols\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t<g id=\"atoms/icons/to-front\" transform=\"translate(-9.000000, -9.000000)\">\r\n\t\t\t\t<g id=\"To-Front\" transform=\"translate(9.000000, 9.000000)\">\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M7,5.5 L7,5 L6,5 L6,1 L1,1 L1,6 L5,6 L5,7 L6,7 L1,7 C0.44771525,7 6.76353751e-17,6.55228475 0,6 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 L6,0 C6.55228475,-1.01453063e-16 7,0.44771525 7,1 L7,5.5 Z\"\r\n\t\t\t\t\t\tid=\"Combined-Shape\"\r\n\t\t\t\t\t\tfill=\"#8E939F\"\r\n\t\t\t\t\t></path>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M10.5,7 L11,7 L11,6 L15,6 L15,1 L10,1 L10,4 L9,4 L9,5 L9,1 C9,0.44771525 9.44771525,1.01453063e-16 10,0 L15,0 C15.5522847,-1.01453063e-16 16,0.44771525 16,1 L16,6 C16,6.55228475 15.5522847,7 15,7 L10.5,7 Z\"\r\n\t\t\t\t\t\tid=\"Combined-Shape\"\r\n\t\t\t\t\t\tfill=\"#8E939F\"\r\n\t\t\t\t\t></path>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M10,9 L15,9 C15.5522847,9 16,9.44771525 16,10 L16,15 C16,15.5522847 15.5522847,16 15,16 L10,16 C9.44771525,16 9,15.5522847 9,15 L9,11 L9,12 L10,12 L10,15 L15,15 L15,10 L11,10 L11,9 L10,9 Z\"\r\n\t\t\t\t\t\tid=\"Combined-Shape\"\r\n\t\t\t\t\t\tfill=\"#8E939F\"\r\n\t\t\t\t\t></path>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M6,9 L5,9 L5,10 L1,10 L1,15 L6,15 L6,11 L7,11 L7,10 L7,15 C7,15.5522847 6.55228475,16 6,16 L1,16 C0.44771525,16 6.76353751e-17,15.5522847 0,15 L0,10 C-6.76353751e-17,9.44771525 0.44771525,9 1,9 L6,9 Z\"\r\n\t\t\t\t\t\tid=\"Combined-Shape\"\r\n\t\t\t\t\t\tfill=\"#8E939F\"\r\n\t\t\t\t\t></path>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M5,4 L11,4 C11.5522847,4 12,4.44771525 12,5 L12,11 C12,11.5522847 11.5522847,12 11,12 L5,12 C4.44771525,12 4,11.5522847 4,11 L4,5 C4,4.44771525 4.44771525,4 5,4 Z M5,5 L5,11 L11,11 L11,5 L5,5 Z\"\r\n\t\t\t\t\t\tid=\"Combined-Shape\"\r\n\t\t\t\t\t\tfill=\"#FFFFFF\"\r\n\t\t\t\t\t></path>\r\n\t\t\t\t</g>\r\n\t\t\t</g>\r\n\t\t</g>\r\n\t</svg>\r\n);\r\n\r\n/**\r\n * A button that reveals (brings to front but does not unminimize) all Finsemble windows.\r\n * @param {string} [className] - An optional CSS className to append.\r\n */\r\nexport const RevealAll: React.FunctionComponent<{ className?: string }> = ({ className, children }) => {\r\n\tconst { revealAllWindows } = useToolbar();\r\n\tconst wrapperClasses = `finsemble-toolbar-button icon-only ${className || \"\"} `.trim();\r\n\r\n\treturn (\r\n\t\t<div className={wrapperClasses} title=\"Reveal All\" onClick={revealAllWindows}>\r\n\t\t\t{children || <RevealAllIcon />}\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"RevealAll.js","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/RevealAll.tsx"],"names":[],"mappings":"AAAA,kGAAkG;AAClG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC,CAAC,sBAAsB;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,kCAAkC;AAClC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC3B,6BAAK,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAC,4BAA4B;IACnG,2BAAG,EAAE,EAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;QAC3E,2BAAG,EAAE,EAAC,sBAAsB,EAAC,SAAS,EAAC,iCAAiC;YACvE,2BAAG,EAAE,EAAC,UAAU,EAAC,SAAS,EAAC,+BAA+B;gBACzD,8BACC,CAAC,EAAC,2NAA2N,EAC7N,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAC,SAAS,GACP;gBACR,8BACC,CAAC,EAAC,+MAA+M,EACjN,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAC,SAAS,GACP;gBACR,8BACC,CAAC,EAAC,8LAA8L,EAChM,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAC,SAAS,GACP;gBACR,8BACC,CAAC,EAAC,0MAA0M,EAC5M,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAC,SAAS,GACP;gBACR,8BACC,CAAC,EAAC,mMAAmM,EACrM,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAC,SAAS,GACP,CACL,CACD,CACD,CACC,CACN,CAAC;AAOF;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAiB,EAAE,EAAE;IACnE,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,EAAE,CAAC;IAC1C,MAAM,cAAc,GAAG,sCAAsC,SAAS,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC;IAEvF,OAAO,CACN,6BACC,SAAS,EAAE,cAAc,EACzB,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAsC,EAAE,EAAE;YACrD,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;gBACvC,gBAAgB,EAAE,CAAC;aACnB;QACF,CAAC,IAEA,QAAQ,IAAI,oBAAC,aAAa,OAAG,CACzB,CACN,CAAC;AACH,CAAC,CAAC"}

package/react/components/toolbar/SddButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * A button that launches the Smart Desktop Designer.
+ * If the SDD is not enabled, the button does not appear.
+ */
+export declare const SddButton: () => JSX.Element;
+//# sourceMappingURL=SddButton.d.ts.map

package/react/components/toolbar/SddButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SddButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/SddButton.tsx"],"names":[],"mappings":";AAoBA;;;GAGG;AACH,eAAO,MAAM,SAAS,mBA+BrB,CAAC"}

package/react/components/toolbar/SddButton.js

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { FEAGlobals } from "../../../common/Globals";
+const SddIcon = () => (React.createElement("svg", { width: "15px", height: "15px", version: "1.1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 100" },
+    React.createElement("g", null,
+        React.createElement("path", { d: "M48,98.4c-0.5,0-1.1-0.1-1.5-0.4L17,83.6c-1.1-0.6-1.9-1.7-1.9-2.9c-0.1-1.2,0.5-2.4,1.5-3.1L71.2,41\n\t\t\t\tc1-0.7,2.4-0.8,3.5-0.2c1.1,0.6,1.9,1.7,1.9,2.9l2.2,32.8c0.1,1.2-0.5,2.4-1.5,3.1L50,97.9C49.4,98.2,48.7,98.4,48,98.4z M25.5,80\n\t\t\t\tl22.2,10.9l23.9-16l-1.6-24.7L25.5,80z" }),
+        React.createElement("path", { d: "M26.8,59.6c-0.5,0-1.1-0.1-1.5-0.4c-1.1-0.6-1.9-1.7-1.9-2.9l-2.2-32.8c-0.1-1.2,0.5-2.4,1.5-3.1L50,2.1\n\t\t\t\tc1-0.7,2.4-0.8,3.5-0.2L83,16.4c1.1,0.6,1.9,1.7,1.9,2.9s-0.5,2.4-1.5,3.1L28.8,59C28.2,59.4,27.5,59.6,26.8,59.6z M28.3,25.1\n\t\t\t\tl1.6,24.7L74.5,20L52.2,9.1L28.3,25.1z" }))));
+/**
+ * A button that launches the Smart Desktop Designer.
+ * If the SDD is not enabled, the button does not appear.
+ */
+export const SddButton = () => {
+    const [showSddButton, setShowSddButton] = React.useState(false);
+    React.useEffect(() => {
+        FEAGlobals.FSBL.System.getFEAInfo(({ sddEnabled }) => {
+            setShowSddButton(sddEnabled);
+        });
+    }, []);
+    const clickEvent = () => {
+        FEAGlobals.FSBL.Clients.LauncherClient.spawn("smartDesktopDesigner", { addToWorkspace: false });
+    };
+    return showSddButton ? (React.createElement("span", { title: "Smart Desktop Designer", className: "finsemble-toolbar-button left", role: "button", tabIndex: 0, onClick: clickEvent, onKeyDown: (e) => {
+            if (e.key === "Enter") {
+                clickEvent();
+            }
+        } },
+        React.createElement(SddIcon, null))) : (React.createElement(React.Fragment, null));
+};
+//# sourceMappingURL=SddButton.js.map

package/react/components/toolbar/SddButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SddButton.js","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/SddButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CACrB,6BAAK,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa;IACrG;QACC,8BACC,CAAC,EAAC,yRAEoC,GACrC;QACF,8BACC,CAAC,EAAC,wRAEoC,GACrC,CACC,CACC,CACN,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC7B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,UAAU,EAA2B,EAAE,EAAE;YAC7E,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,sBAAsB,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;IACjG,CAAC,CAAC;IAEF,OAAO,aAAa,CAAC,CAAC,CAAC,CACtB,8BACC,KAAK,EAAC,wBAAwB,EAC9B,SAAS,EAAC,+BAA+B,EACzC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE;YACrC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;gBACtB,UAAU,EAAE,CAAC;aACb;QACF,CAAC;QAED,oBAAC,OAAO,OAAG,CACL,CACP,CAAC,CAAC,CAAC,CACH,yCAAK,CACL,CAAC;AACH,CAAC,CAAC"}

package/react/components/toolbar/ToolbarIcon.d.ts

@@ -1,2 +1,7 @@
-import * as React from "react";
-export declare const ToolbarIcon: React.FunctionComponent<any>;
+/// <reference types="react" />
+/**
+ * Returns an image that will reload itself based on messages on the "Finsemble-ui-change.toolbarIconUpdate" topic. This
+ * is useful for dynamic theming. Otherwise this behaves just like an `<img>` tag.
+ */
+export declare const ToolbarIcon: ({ src, children, alt, ...other }: any) => JSX.Element;
+//# sourceMappingURL=ToolbarIcon.d.ts.map

package/react/components/toolbar/ToolbarIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarIcon.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/ToolbarIcon.tsx"],"names":[],"mappings":";AAIA;;;GAGG;AACH,eAAO,MAAM,WAAW,qCAAoD,GAAG,gBA8B9E,CAAC"}

package/react/components/toolbar/ToolbarIcon.js

@@ -11,18 +11,32 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from "react";
 import { useState, useEffect } from "react";
+import { FEAGlobals } from "../../../common/Globals";
+/**
+ * Returns an image that will reload itself based on messages on the "Finsemble-ui-change.toolbarIconUpdate" topic. This
+ * is useful for dynamic theming. Otherwise this behaves just like an `<img>` tag.
+ */
 export const ToolbarIcon = (_a) => {
-    var { src, children } = _a, other = __rest(_a, ["src", "children"]);
+    var { src, children, alt = "File menu" } = _a, other = __rest(_a, ["src", "children", "alt"]);
     const [uniqueSrc, setSrc] = useState(src);
+    const [documentRoot, setDocumentRoot] = useState("../..");
+    useEffect(() => {
+        const getDocumentRoot = async () => {
+            const { data } = await FEAGlobals.FSBL.Clients.ConfigClient.get(["finsemble", "documentRoot"]);
+            setDocumentRoot(data);
+        };
+        getDocumentRoot();
+    }, []);
     useEffect(() => {
         const handler = () => {
             setSrc(`${src}?${Date.now()}`);
         };
-        FSBL.Clients.RouterClient.addListener("Finsemble-ui-change.toolbarIconUpdate", handler);
+        FEAGlobals.FSBL.Clients.RouterClient.addListener("Finsemble-ui-change.toolbarIconUpdate", handler);
         return () => {
-            FSBL.Clients.RouterClient.removeListener("Finsemble-ui-change.toolbarIconUpdate", handler);
+            FEAGlobals.FSBL.Clients.RouterClient.removeListener("Finsemble-ui-change.toolbarIconUpdate", handler);
         };
     }, [src]);
-    return (React.createElement("img", Object.assign({ src: uniqueSrc }, other), children));
+    const srcUrl = uniqueSrc.includes("/") ? uniqueSrc : `${documentRoot}/assets/img/${uniqueSrc}`;
+    return (React.createElement("img", Object.assign({ src: srcUrl, alt: alt }, other), children));
 };
 //# sourceMappingURL=ToolbarIcon.js.map

package/react/components/toolbar/ToolbarIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarIcon.js","sourceRoot":"","sources":["../../../src/components/toolbar/ToolbarIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM5C,MAAM,CAAC,MAAM,WAAW,GAAiC,CAAC,EAA2B,EAAO,EAAE;QAApC,EAAE,GAAG,EAAE,QAAQ,OAAY,EAAP,KAAK,cAAzB,mBAA2B,CAAF;IAClF,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAE1C,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,OAAO,GAAG,GAAG,EAAE;YACpB,MAAM,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAChC,CAAC,CAAC;QACF,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,uCAAuC,EAAE,OAAO,CAAC,CAAC;QACxF,OAAO,GAAG,EAAE;YACX,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,uCAAuC,EAAE,OAAO,CAAC,CAAC;QAC5F,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACN,2CAAK,GAAG,EAAE,SAAS,IAAM,KAAK,GAC5B,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { useState, useEffect } from \"react\";\r\n\r\n/**\r\n * Returns an image that will reload itself based on messages on the \"Finsemble-ui-change.toolbarIconUpdate\" topic. This\r\n * is useful for dynamic theming. Otherwise this behaves just like an <img> tag.\r\n */\r\nexport const ToolbarIcon: React.FunctionComponent<any> = ({ src, children, ...other }): any => {\r\n\tconst [uniqueSrc, setSrc] = useState(src);\r\n\r\n\tuseEffect(() => {\r\n\t\tconst handler = () => {\r\n\t\t\tsetSrc(`${src}?${Date.now()}`);\r\n\t\t};\r\n\t\tFSBL.Clients.RouterClient.addListener(\"Finsemble-ui-change.toolbarIconUpdate\", handler);\r\n\t\treturn () => {\r\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"Finsemble-ui-change.toolbarIconUpdate\", handler);\r\n\t\t};\r\n\t}, [src]);\r\n\r\n\treturn (\r\n\t\t<img src={uniqueSrc} {...other}>\r\n\t\t\t{children}\r\n\t\t</img>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"ToolbarIcon.js","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/ToolbarIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAmD,EAAE,EAAE;QAAvD,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,GAAG,WAAW,OAAiB,EAAZ,KAAK,cAA5C,0BAA8C,CAAF;IACvE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC1C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE;YAClC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;YAC/F,eAAe,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,eAAe,EAAE,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,OAAO,GAAG,GAAG,EAAE;YACpB,MAAM,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAChC,CAAC,CAAC;QACF,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,uCAAuC,EAAE,OAAO,CAAC,CAAC;QACnG,OAAO,GAAG,EAAE;YACX,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,uCAAuC,EAAE,OAAO,CAAC,CAAC;QACvG,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,YAAY,eAAe,SAAS,EAAE,CAAC;IAE/F,OAAO,CACN,2CAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,GACnC,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC"}

package/react/components/toolbar/ToolbarSection.d.ts

@@ -1,17 +1,17 @@
 import * as React from "react";
-import * as PropTypes from "prop-types";
 declare type props = {
     hideBelowWidth?: number;
     className?: string;
     style?: React.CSSProperties;
     children?: React.ReactNode;
 };
-export declare const ToolbarSection: {
-    ({ children, hideBelowWidth, className, style }: props): JSX.Element;
-    propTypes: {
-        hideBelowWidth: PropTypes.Requireable<number>;
-        className: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<object>;
-    };
-};
+/**
+ * A container element for defining sections in a toolbar.
+ * This component exists because css flex-box does provide "hideBelowWidth" functionality.
+ * @param {number} [hideBelowWidth] - Below this width the component will hide itself
+ * @param {string} [className] - The className for a customized look of the toolbar section
+ * @param {string} [style] - The CSS style for a customized look of the toolbar section
+ */
+export declare const ToolbarSection: ({ children, hideBelowWidth, className, style }: props) => JSX.Element;
 export {};
+//# sourceMappingURL=ToolbarSection.d.ts.map

package/react/components/toolbar/ToolbarSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarSection.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/ToolbarSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,aAAK,KAAK,GAAG;IACZ,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AACF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,mDAAyD,KAAK,gBAoCxF,CAAC"}

package/react/components/toolbar/ToolbarSection.js

@@ -1,12 +1,28 @@
 import * as React from "react";
-import * as PropTypes from "prop-types";
+import { ErrorBoundary } from "../common/ErrorBoundary";
 const { useState, useEffect, createRef } = React;
+/**
+ * A container element for defining sections in a toolbar.
+ * This component exists because css flex-box does provide "hideBelowWidth" functionality.
+ * @param {number} [hideBelowWidth] - Below this width the component will hide itself
+ * @param {string} [className] - The className for a customized look of the toolbar section
+ * @param {string} [style] - The CSS style for a customized look of the toolbar section
+ */
 export const ToolbarSection = ({ children, hideBelowWidth, className, style = {} }) => {
     const [shouldRender, setShouldRender] = useState(true);
+    // We will use this to access the section element.
     const wrapperRef = createRef();
+    /**
+     * This is called by ResizerObserver whenever the size of
+     * the section changes due to toolbar shrinkage.
+     */
     const onResize = (entries) => {
         if (entries.length) {
+            // Get the calculated width
             const { offsetWidth } = entries[0].target;
+            // If the developer specified a minimum width (hideBelowWidth)
+            // and the section width is greater than the minimum
+            // we should render all children by setting shouldRender to true.
             if (offsetWidth && hideBelowWidth) {
                 setShouldRender(offsetWidth > hideBelowWidth);
             }
@@ -18,11 +34,9 @@ export const ToolbarSection = ({ children, hideBelowWidth, className, style = {}
         }
         return () => { };
     }, []);
-    return (React.createElement("div", { ref: wrapperRef, className: `finsemble-toolbar-section ${className}`, style: style }, shouldRender && children));
-};
-ToolbarSection.propTypes = {
-    hideBelowWidth: PropTypes.number,
-    className: PropTypes.string,
-    style: PropTypes.object,
+    return (React.createElement("div", { ref: wrapperRef, className: `finsemble-toolbar-section ${className}`, style: style },
+        React.createElement(ErrorBoundary, null, 
+        // Render children if shouldRender is true
+        shouldRender && children)));
 };
 //# sourceMappingURL=ToolbarSection.js.map

package/react/components/toolbar/ToolbarSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarSection.js","sourceRoot":"","sources":["../../../src/components/toolbar/ToolbarSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,SAAS,MAAM,YAAY,CAAC;AAExC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;AAejD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAS,EAAE,EAAE;IAC5F,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEvD,MAAM,UAAU,GAAG,SAAS,EAAkB,CAAC;IAK/C,MAAM,QAAQ,GAAG,CAAC,OAA8B,EAAE,EAAE;QACnD,IAAI,OAAO,CAAC,MAAM,EAAE;YAEnB,MAAM,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,MAAa,CAAC;YAIjD,IAAI,WAAW,IAAI,cAAc,EAAE;gBAClC,eAAe,CAAC,WAAW,GAAG,cAAc,CAAC,CAAC;aAC9C;SACD;IACF,CAAC,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,UAAU,CAAC,OAAO,EAAE;YACvB,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;SACzD;QACD,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACN,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,6BAA6B,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,IAGrF,YAAY,IAAI,QAAQ,CAEpB,CACN,CAAC;AACH,CAAC,CAAC;AAEF,cAAc,CAAC,SAAS,GAAG;IAC1B,cAAc,EAAE,SAAS,CAAC,MAAM;IAChC,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,MAAM;CACvB,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport * as PropTypes from \"prop-types\";\r\n\r\nconst { useState, useEffect, createRef } = React;\r\n\r\ntype props = {\r\n\thideBelowWidth?: number;\r\n\tclassName?: string;\r\n\tstyle?: React.CSSProperties;\r\n\tchildren?: React.ReactNode;\r\n};\r\n/**\r\n * A container element for defining sections in a toolbar.\r\n * This component exists because css flex-box does provide \"hideBelowWidth\" functionality.\r\n * @param {number} [hideBelowWidth] - Below this width the component will hide itself\r\n * @param {string} [className] - The className for a customized look of the toolbar section\r\n * @param {string} [style] - The CSS style for a customized look of the toolbar section\r\n */\r\nexport const ToolbarSection = ({ children, hideBelowWidth, className, style = {} }: props) => {\r\n\tconst [shouldRender, setShouldRender] = useState(true);\r\n\t// We will use this to access the section element.\r\n\tconst wrapperRef = createRef<HTMLDivElement>();\r\n\t/**\r\n\t * This is called by ResizerObserver whenever the size of\r\n\t * the section changes due to toolbar shrinkage.\r\n\t */\r\n\tconst onResize = (entries: ResizeObserverEntry[]) => {\r\n\t\tif (entries.length) {\r\n\t\t\t// Get the calculated width\r\n\t\t\tconst { offsetWidth } = entries[0].target as any;\r\n\t\t\t// If the developer specified a minimum width (hideBelowWidth)\r\n\t\t\t// and the section width is greater than the minimum\r\n\t\t\t// we should render all children by setting shouldRender to true.\r\n\t\t\tif (offsetWidth && hideBelowWidth) {\r\n\t\t\t\tsetShouldRender(offsetWidth > hideBelowWidth);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\tuseEffect(() => {\r\n\t\tif (wrapperRef.current) {\r\n\t\t\tnew ResizeObserver(onResize).observe(wrapperRef.current);\r\n\t\t}\r\n\t\treturn () => {};\r\n\t}, []);\r\n\treturn (\r\n\t\t<div ref={wrapperRef} className={`finsemble-toolbar-section ${className}`} style={style}>\r\n\t\t\t{\r\n\t\t\t\t// Render children if shouldRender is true\r\n\t\t\t\tshouldRender && children\r\n\t\t\t}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nToolbarSection.propTypes = {\r\n\thideBelowWidth: PropTypes.number,\r\n\tclassName: PropTypes.string,\r\n\tstyle: PropTypes.object,\r\n};\r\n"]}
+{"version":3,"file":"ToolbarSection.js","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/ToolbarSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;AAQjD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAS,EAAE,EAAE;IAC5F,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvD,kDAAkD;IAClD,MAAM,UAAU,GAAG,SAAS,EAAkB,CAAC;IAC/C;;;OAGG;IACH,MAAM,QAAQ,GAAG,CAAC,OAA8B,EAAE,EAAE;QACnD,IAAI,OAAO,CAAC,MAAM,EAAE;YACnB,2BAA2B;YAC3B,MAAM,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,MAAa,CAAC;YACjD,8DAA8D;YAC9D,oDAAoD;YACpD,iEAAiE;YACjE,IAAI,WAAW,IAAI,cAAc,EAAE;gBAClC,eAAe,CAAC,WAAW,GAAG,cAAc,CAAC,CAAC;aAC9C;SACD;IACF,CAAC,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,UAAU,CAAC,OAAO,EAAE;YACvB,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;SACzD;QACD,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACN,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,6BAA6B,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK;QACtF,oBAAC,aAAa;QAEZ,0CAA0C;QAC1C,YAAY,IAAI,QAAQ,CAEV,CACX,CACN,CAAC;AACH,CAAC,CAAC"}

package/react/components/toolbar/ToolbarShell.d.ts

@@ -1,9 +1,21 @@
-import * as React from "react";
+import { ReactNode } from "react";
 import { HotkeyCombination } from "../../types/hotkeyTypes";
-import "../../ui-assets/css/toolbar.css";
+import "../../assets/css/toolbar.css";
 declare type ToolbarShellProps = {
     hotkeyShow?: HotkeyCombination;
     hotkeyHide?: HotkeyCombination;
+    hotkeyDock?: HotkeyCombination;
+    hotkeyMinimizeAll?: HotkeyCombination;
+    hotkeyBringWindowsToFront?: HotkeyCombination;
+    hotkeyRestartApplication?: HotkeyCombination;
+    title?: string;
+    children?: ReactNode;
 };
-export declare const ToolbarShell: React.FunctionComponent<ToolbarShellProps>;
+/**
+ * The ToolbarShell registers hotkeys, communicates with Finsemble core, sets up the toolbar size, and provides other functions of the Finsemble toolbar.
+ * @param hotkeyShow [array<string>] - A hotkey combination to show the toolbar
+ * @param hotkeyHide [array<string>] - A hotkey combination to hide the toolbar
+ */
+export declare const ToolbarShell: ({ hotkeyShow, hotkeyHide, hotkeyDock, hotkeyMinimizeAll, hotkeyBringWindowsToFront, hotkeyRestartApplication, title, children, }: ToolbarShellProps) => JSX.Element;
 export {};
+//# sourceMappingURL=ToolbarShell.d.ts.map

package/react/components/toolbar/ToolbarShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarShell.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/ToolbarShell.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAM5D,OAAO,8BAA8B,CAAC;AAEtC,aAAK,iBAAiB,GAAG;IACxB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,yBAAyB,CAAC,EAAE,iBAAiB,CAAC;IAC9C,wBAAwB,CAAC,EAAE,iBAAiB,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AACF;;;;GAIG;AACH,eAAO,MAAM,YAAY,qIAStB,iBAAiB,gBA4BnB,CAAC"}

package/react/components/toolbar/ToolbarShell.js

@@ -1,11 +1,36 @@
-import * as React from "react";
+import React, { useEffect } from "react";
 import { useToolbar } from "../../hooks/useToolbar";
 import { useHotkey } from "../../hooks/useHotkey";
-import "../../ui-assets/css/toolbar.css";
-export const ToolbarShell = ({ hotkeyShow, hotkeyHide, children }) => {
-    const { hideToolbar, showToolbar } = useToolbar();
+import { useTitle } from "../../hooks/useTitle";
+import { SddButton } from "./SddButton";
+import { FEAGlobals } from "../../../common/Globals";
+import "../../assets/css/toolbar.css";
+/**
+ * The ToolbarShell registers hotkeys, communicates with Finsemble core, sets up the toolbar size, and provides other functions of the Finsemble toolbar.
+ * @param hotkeyShow [array<string>] - A hotkey combination to show the toolbar
+ * @param hotkeyHide [array<string>] - A hotkey combination to hide the toolbar
+ */
+export const ToolbarShell = ({ hotkeyShow, hotkeyHide, hotkeyDock, hotkeyMinimizeAll, hotkeyBringWindowsToFront, hotkeyRestartApplication, title = "Toolbar", children, }) => {
+    const { hideToolbar, showToolbar, dockToolbar } = useToolbar();
     useHotkey(hotkeyShow, showToolbar);
     useHotkey(hotkeyHide, hideToolbar);
-    return React.createElement("div", { className: "finsemble-toolbar" }, children);
+    useHotkey(hotkeyDock, dockToolbar);
+    useHotkey(hotkeyRestartApplication, FEAGlobals.FSBL.restartApplication);
+    useHotkey(hotkeyBringWindowsToFront, FEAGlobals.FSBL.Clients.LauncherClient.bringWindowsToFront);
+    useHotkey(hotkeyMinimizeAll, FEAGlobals.FSBL.Clients.WorkspaceClient.minimizeAll);
+    useTitle(title);
+    // Add styles to the toolbar window's body.
+    useEffect(() => {
+        document.body.classList.add("finsemble-toolbar-body");
+        if (globalThis.glue42gd) {
+            const draggables = document.getElementsByClassName("cq-drag");
+            for (let i = 0; i < draggables.length; i++) {
+                draggables[i].style.setProperty("-webkit-app-region", "drag");
+            }
+        }
+    }, []);
+    return (React.createElement("div", { className: "finsemble-toolbar" },
+        children,
+        React.createElement(SddButton, null)));
 };
 //# sourceMappingURL=ToolbarShell.js.map

package/react/components/toolbar/ToolbarShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarShell.js","sourceRoot":"","sources":["../../../src/components/toolbar/ToolbarShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,iCAAiC,CAAC;AAWzC,MAAM,CAAC,MAAM,YAAY,GAA+C,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChH,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,UAAU,EAAE,CAAC;IAClD,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IACnC,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAEnC,OAAO,6BAAK,SAAS,EAAC,mBAAmB,IAAE,QAAQ,CAAO,CAAC;AAC5D,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { HotkeyCombination } from \"../../types/hotkeyTypes\";\r\nimport { useToolbar } from \"../../hooks/useToolbar\";\r\nimport { useHotkey } from \"../../hooks/useHotkey\";\r\nimport \"../../ui-assets/css/toolbar.css\";\r\n\r\ntype ToolbarShellProps = {\r\n\thotkeyShow?: HotkeyCombination;\r\n\thotkeyHide?: HotkeyCombination;\r\n};\r\n/**\r\n * The ToolbarShell registers hotkeys, communicates with Finsemble core, sets up the toolbar size, and provides other functions of the Finsemble toolbar.\r\n * @param hotkeyShow [array<string>] - A hotkey combination to show the toolbar\r\n * @param hotkeyHide [array<string>] - A hotkey combination to hide the toolbar\r\n */\r\nexport const ToolbarShell: React.FunctionComponent<ToolbarShellProps> = ({ hotkeyShow, hotkeyHide, children }) => {\r\n\tconst { hideToolbar, showToolbar } = useToolbar();\r\n\tuseHotkey(hotkeyShow, showToolbar);\r\n\tuseHotkey(hotkeyHide, hideToolbar);\r\n\r\n\treturn <div className=\"finsemble-toolbar\">{children}</div>;\r\n};\r\n"]}
+{"version":3,"file":"ToolbarShell.js","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/ToolbarShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,8BAA8B,CAAC;AAYtC;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC5B,UAAU,EACV,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,yBAAyB,EACzB,wBAAwB,EACxB,KAAK,GAAG,SAAS,EACjB,QAAQ,GACW,EAAE,EAAE;IACvB,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,UAAU,EAAE,CAAC;IAC/D,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IACnC,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IACnC,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IACnC,SAAS,CAAC,wBAAwB,EAAE,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACxE,SAAS,CAAC,yBAAyB,EAAE,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;IACjG,SAAS,CAAC,iBAAiB,EAAE,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;IAElF,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhB,2CAA2C;IAC3C,SAAS,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;QACtD,IAAK,UAAkB,CAAC,QAAQ,EAAE;YACjC,MAAM,UAAU,GAAG,QAAQ,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC;YAC9D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC1C,UAAU,CAAC,CAAC,CAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;aAC/E;SACD;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,6BAAK,SAAS,EAAC,mBAAmB;QAChC,QAAQ;QACT,oBAAC,SAAS,OAAG,CACR,CACN,CAAC;AACH,CAAC,CAAC"}

package/react/components/toolbar/advancedAppLauncher/AdvancedAppLauncherMenu.d.ts

@@ -1,10 +1,11 @@
-import * as React from "react";
+/// <reference types="react" />
 import { MenuProps } from "../../menu/Menu";
 declare type AdvancedAppLauncherMenuProps = MenuProps & {
     enableQuickComponents?: boolean;
-    customURLValidation?: (url: string) => [boolean, string];
-    customAddComponent?: (formData: any, callback: (error: any | null) => void) => void;
-    beforeAddComponent?: (formData: any) => object;
+    customURLValidation?: ((url: string) => [boolean, string]) | null;
+    customAddComponent?: ((formData: any, callback: (error: any | null) => void) => void) | null;
+    beforeAddComponent?: ((formData: any) => object) | null;
 };
-declare const AdvancedAppLauncherMenu: React.FunctionComponent<AdvancedAppLauncherMenuProps>;
+declare const AdvancedAppLauncherMenu: ({ width, className, id, title, customURLValidation, customAddComponent, beforeAddComponent, ...otherProps }: AdvancedAppLauncherMenuProps) => JSX.Element;
 export { AdvancedAppLauncherMenu };
+//# sourceMappingURL=AdvancedAppLauncherMenu.d.ts.map

package/react/components/toolbar/advancedAppLauncher/AdvancedAppLauncherMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedAppLauncherMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/toolbar/advancedAppLauncher/AdvancedAppLauncherMenu.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAI5C,aAAK,4BAA4B,GAAG,SAAS,GAAG;IAC/C,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mBAAmB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAClE,kBAAkB,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI,KAAK,IAAI,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IAC7F,kBAAkB,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,IAAI,CAAC;CACxD,CAAC;AAEF,QAAA,MAAM,uBAAuB,gHAS1B,4BAA4B,gBAgC9B,CAAC;AACF,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

package/react/components/toolbar/advancedAppLauncher/AdvancedAppLauncherMenu.js

@@ -11,18 +11,27 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from "react";
 import { Menu } from "../../menu/Menu";
-import { AdvancedAppLauncher } from "./AdvancedAppLauncher";
+import { AdvancedAppLauncher as FinsembleAdvancedAppLauncher } from "./finsembleAdvancedAppLauncher/AdvancedAppLauncher";
+import { AdvancedAppLauncher as IOCDAdvancedAppLauncher } from "./iocdAdvancedAppLauncher/AdvancedAppLauncher";
 const AdvancedAppLauncherMenu = (_a) => {
     var { width = 640, className = "advancedAppLauncher", id = "AdvancedAppLauncherMenu", title = "Apps", customURLValidation = null, customAddComponent = null, beforeAddComponent = null } = _a, otherProps = __rest(_a, ["width", "className", "id", "title", "customURLValidation", "customAddComponent", "beforeAddComponent"]);
-    let completeProps = Object.assign(Object.assign({}, otherProps), { width,
-        className,
-        id,
-        title,
+    const advancedLauncherProps = {
         customURLValidation,
         customAddComponent,
-        beforeAddComponent });
+        beforeAddComponent,
+        enableQuickComponents: false,
+    };
+    const completeProps = Object.assign(Object.assign(Object.assign({}, otherProps), advancedLauncherProps), { width,
+        className,
+        id,
+        title });
+    const isRunningInIOCD = globalThis.glue42gd;
+    // If running in iocd then return the new version that is compatible with io.CD, otherwise return the old version
+    // that is compatible with Finsemble
     return (React.createElement(Menu, Object.assign({}, completeProps),
-        React.createElement(AdvancedAppLauncher, { customURLValidation: completeProps.customURLValidation, customAddComponent: completeProps.customAddComponent, beforeAddCustom: completeProps.beforeAddComponent })));
+        "(",
+        isRunningInIOCD ? (React.createElement(IOCDAdvancedAppLauncher, Object.assign({}, advancedLauncherProps))) : (React.createElement(FinsembleAdvancedAppLauncher, Object.assign({}, advancedLauncherProps))),
+        ")"));
 };
 export { AdvancedAppLauncherMenu };
 //# sourceMappingURL=AdvancedAppLauncherMenu.js.map

package/react/components/toolbar/advancedAppLauncher/AdvancedAppLauncherMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdvancedAppLauncherMenu.js","sourceRoot":"","sources":["../../../../src/components/toolbar/advancedAppLauncher/AdvancedAppLauncherMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAS5D,MAAM,uBAAuB,GAA0D,CAAC,EASvF,EAAE,EAAE;QATmF,EACvF,KAAK,GAAG,GAAG,EACX,SAAS,GAAG,qBAAqB,EACjC,EAAE,GAAG,yBAAyB,EAC9B,KAAK,GAAG,MAAM,EACd,mBAAmB,GAAG,IAAI,EAC1B,kBAAkB,GAAG,IAAI,EACzB,kBAAkB,GAAG,IAAI,OAEzB,EADG,UAAU,cAR0E,wGASvF,CADa;IAEb,IAAI,aAAa,mCACb,UAAU,KACb,KAAK;QACL,SAAS;QACT,EAAE;QACF,KAAK;QACL,mBAAmB;QACnB,kBAAkB;QAClB,kBAAkB,GAClB,CAAC;IAEF,OAAO,CACN,oBAAC,IAAI,oBAAK,aAAa;QACtB,oBAAC,mBAAmB,IACnB,mBAAmB,EAAE,aAAa,CAAC,mBAAmB,EACtD,kBAAkB,EAAE,aAAa,CAAC,kBAAkB,EACpD,eAAe,EAAE,aAAa,CAAC,kBAAkB,GAChD,CACI,CACP,CAAC;AACH,CAAC,CAAC;AACF,OAAO,EAAE,uBAAuB,EAAE,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { Menu } from \"../../menu/Menu\";\r\nimport { MenuProps } from \"../../menu/Menu\";\r\nimport { AdvancedAppLauncher } from \"./AdvancedAppLauncher\";\r\n\r\ntype AdvancedAppLauncherMenuProps = MenuProps & {\r\n\tenableQuickComponents?: boolean;\r\n\tcustomURLValidation?: (url: string) => [boolean, string];\r\n\tcustomAddComponent?: (formData: any, callback: (error: any | null) => void) => void;\r\n\tbeforeAddComponent?: (formData: any) => object;\r\n};\r\n\r\nconst AdvancedAppLauncherMenu: React.FunctionComponent<AdvancedAppLauncherMenuProps> = ({\r\n\twidth = 640,\r\n\tclassName = \"advancedAppLauncher\",\r\n\tid = \"AdvancedAppLauncherMenu\",\r\n\ttitle = \"Apps\",\r\n\tcustomURLValidation = null,\r\n\tcustomAddComponent = null,\r\n\tbeforeAddComponent = null,\r\n\t...otherProps\r\n}) => {\r\n\tlet completeProps = {\r\n\t\t...otherProps,\r\n\t\twidth,\r\n\t\tclassName,\r\n\t\tid,\r\n\t\ttitle,\r\n\t\tcustomURLValidation,\r\n\t\tcustomAddComponent,\r\n\t\tbeforeAddComponent,\r\n\t};\r\n\r\n\treturn (\r\n\t\t<Menu {...completeProps}>\r\n\t\t\t<AdvancedAppLauncher\r\n\t\t\t\tcustomURLValidation={completeProps.customURLValidation}\r\n\t\t\t\tcustomAddComponent={completeProps.customAddComponent}\r\n\t\t\t\tbeforeAddCustom={completeProps.beforeAddComponent}\r\n\t\t\t/>\r\n\t\t</Menu>\r\n\t);\r\n};\r\nexport { AdvancedAppLauncherMenu };\r\n"]}
+{"version":3,"file":"AdvancedAppLauncherMenu.js","sourceRoot":"","sources":["../../../../../../src/ui/components/toolbar/advancedAppLauncher/AdvancedAppLauncherMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,mBAAmB,IAAI,4BAA4B,EAAE,MAAM,oDAAoD,CAAC;AACzH,OAAO,EAAE,mBAAmB,IAAI,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AAS/G,MAAM,uBAAuB,GAAG,CAAC,EASF,EAAE,EAAE;QATF,EAChC,KAAK,GAAG,GAAG,EACX,SAAS,GAAG,qBAAqB,EACjC,EAAE,GAAG,yBAAyB,EAC9B,KAAK,GAAG,MAAM,EACd,mBAAmB,GAAG,IAAI,EAC1B,kBAAkB,GAAG,IAAI,EACzB,kBAAkB,GAAG,IAAI,OAEK,EAD3B,UAAU,cARmB,wGAShC,CADa;IAEb,MAAM,qBAAqB,GAAG;QAC7B,mBAAmB;QACnB,kBAAkB;QAClB,kBAAkB;QAClB,qBAAqB,EAAE,KAAK;KAC5B,CAAC;IAEF,MAAM,aAAa,iDACf,UAAU,GACV,qBAAqB,KACxB,KAAK;QACL,SAAS;QACT,EAAE;QACF,KAAK,GACL,CAAC;IAEF,MAAM,eAAe,GAAI,UAAkB,CAAC,QAAQ,CAAC;IAErD,iHAAiH;IACjH,oCAAoC;IACpC,OAAO,CACN,oBAAC,IAAI,oBAAK,aAAa;;QAErB,eAAe,CAAC,CAAC,CAAC,CAClB,oBAAC,uBAAuB,oBAAK,qBAAqB,EAAI,CACtD,CAAC,CAAC,CAAC,CACH,oBAAC,4BAA4B,oBAAK,qBAAqB,EAAI,CAC3D;YAEK,CACP,CAAC;AACH,CAAC,CAAC;AACF,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

package/react/components/toolbar/advancedAppLauncher/finsembleAdvancedAppLauncher/AdvancedAppLauncher.d.ts

@@ -0,0 +1,43 @@
+import "../../../../assets/css/advancedAppLauncher.css";
+import React from "react";
+import { StoreModel } from "../../../../../clients/StoreModel";
+import { StandardError } from "../../../../../types";
+interface IProps {
+    customURLValidation: ((url: string) => [boolean, string]) | null;
+    customAddComponent: ((formData: any, callback: (error: any | null) => void) => void) | null;
+    beforeAddComponent: ((formData: any) => object) | null;
+    enableQuickComponents: boolean;
+}
+interface IState {
+    isFormVisible: boolean;
+    advancedAppLauncherStore: StoreModel | null | undefined;
+}
+/**
+ * The "app" button that launches the Advanced App Launcher.
+ * The Advanced App Launcher comes with search capabilities and allows users to organize their application components into folders.
+ *
+ * @param {boolean} [enableQuickComponents=false] DEPRECATED: Set to true to allow users to create their own components
+ */
+export declare class AdvancedAppLauncher extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    UNSAFE_componentWillMount(): void;
+    componentWillUnmount(): void;
+    /**
+     * Sets isFormVisible to true or false in state
+     * isFormVisible is used to conditionally show/hide the
+     * add new component form.
+     * @param {objec} error
+     * @param {object} data
+     */
+    toggleAddNewAppForm(error: StandardError, data: {
+        value: any;
+    }): void;
+    /**
+     * Sets isFormVisible to false in store to remove the form
+     */
+    onAddNewAppFormAction(): void;
+    openAppMarket(): void;
+    render(): JSX.Element | null;
+}
+export {};
+//# sourceMappingURL=AdvancedAppLauncher.d.ts.map

package/react/components/toolbar/advancedAppLauncher/finsembleAdvancedAppLauncher/AdvancedAppLauncher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedAppLauncher.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/toolbar/advancedAppLauncher/finsembleAdvancedAppLauncher/AdvancedAppLauncher.tsx"],"names":[],"mappings":"AAAA,OAAO,gDAAgD,CAAC;AAExD,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGrD,UAAU,MAAM;IACf,mBAAmB,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IACjE,kBAAkB,EAAE,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI,KAAK,IAAI,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IAC5F,kBAAkB,EAAE,CAAC,CAAC,QAAQ,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,IAAI,CAAC;IACvD,qBAAqB,EAAE,OAAO,CAAC;CAC/B;AAED,UAAU,MAAM;IACf,aAAa,EAAE,OAAO,CAAC;IACvB,wBAAwB,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;CACxD;AACD;;;;;GAKG;AACH,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;gBAC3D,KAAK,EAAE,MAAM;IAUzB,yBAAyB;IAezB,oBAAoB;IAIpB;;;;;;OAMG;IACH,mBAAmB,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE;QAAE,KAAK,EAAE,GAAG,CAAA;KAAE;IAM9D;;OAEG;IACH,qBAAqB;IAMrB,aAAa;IAeb,MAAM;CA0BN"}

package/react/components/toolbar/advancedAppLauncher/finsembleAdvancedAppLauncher/AdvancedAppLauncher.js

@@ -0,0 +1,90 @@
+import "../../../../assets/css/advancedAppLauncher.css";
+// Import js modules
+import React from "react";
+import { createStore, getStore } from "./stores/LauncherStore";
+import storeActions from "./stores/StoreActions";
+// Import React components
+import Content from "./components/Content";
+import AddNewAppForm from "./components/AddNewAppForm";
+import FoldersList from "./components/FoldersList";
+import LeftNavBottomLinks from "./components/LeftNavBottomLinks";
+import { FEAGlobals } from "../../../../../common/Globals";
+/**
+ * The "app" button that launches the Advanced App Launcher.
+ * The Advanced App Launcher comes with search capabilities and allows users to organize their application components into folders.
+ *
+ * @param {boolean} [enableQuickComponents=false] DEPRECATED: Set to true to allow users to create their own components
+ */
+export class AdvancedAppLauncher extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            isFormVisible: storeActions.getFormStatus(),
+            advancedAppLauncherStore: null,
+        };
+        this.toggleAddNewAppForm = this.toggleAddNewAppForm.bind(this);
+        this.openAppMarket = this.openAppMarket.bind(this);
+    }
+    UNSAFE_componentWillMount() {
+        createStore(async (error, store) => {
+            storeActions.initialize(() => {
+                store === null || store === void 0 ? void 0 : store.addListener({ field: "isFormVisible" }, this.toggleAddNewAppForm);
+                this.forceUpdate();
+            });
+            // Delete the search text from the store as searches should not persist over restart.
+            // The deletion is done on startup as a shutdown listener wouldn't trigger on crashes
+            await (store === null || store === void 0 ? void 0 : store.set(["filterText"], ""));
+            this.setState({
+                advancedAppLauncherStore: store,
+            });
+        });
+    }
+    componentWillUnmount() {
+        var _a;
+        (_a = getStore()) === null || _a === void 0 ? void 0 : _a.removeListener({ field: "isFormVisible" }, this.toggleAddNewAppForm);
+    }
+    /**
+     * Sets isFormVisible to true or false in state
+     * isFormVisible is used to conditionally show/hide the
+     * add new component form.
+     * @param {objec} error
+     * @param {object} data
+     */
+    toggleAddNewAppForm(error, data) {
+        this.setState({
+            isFormVisible: data.value,
+        });
+    }
+    /**
+     * Sets isFormVisible to false in store to remove the form
+     */
+    onAddNewAppFormAction() {
+        var _a;
+        (_a = getStore()) === null || _a === void 0 ? void 0 : _a.set(["isFormVisible"], false, (error) => {
+            error && console.log("Failed to set isFormVisible to false");
+        });
+    }
+    openAppMarket() {
+        FEAGlobals.FSBL.Clients.LauncherClient.showWindow({
+            componentType: "AppCatalog",
+        }, {
+            monitor: "mine",
+            staggerPixels: 0,
+            spawnIfNotFound: true,
+            left: "center",
+            top: "center",
+        });
+    }
+    render() {
+        if (!this.state.advancedAppLauncherStore)
+            return null;
+        return (React.createElement("div", { className: "advanced-app-launcher" },
+            React.createElement("div", { className: "complex-menu-wrapper" },
+                React.createElement("div", { className: "complex-menu-left-nav" },
+                    React.createElement(FoldersList, null),
+                    React.createElement(LeftNavBottomLinks, { openAppMarket: this.openAppMarket, enableQuickComponents: this.props.enableQuickComponents })),
+                React.createElement(Content, null),
+                this.state.isFormVisible && (React.createElement(AddNewAppForm, { onDone: this.onAddNewAppFormAction, customURLValidation: this.props.customURLValidation, customAddComponent: this.props.customAddComponent, beforeAddComponent: this.props.beforeAddComponent })))));
+    }
+}
+//# sourceMappingURL=AdvancedAppLauncher.js.map

package/react/components/toolbar/advancedAppLauncher/finsembleAdvancedAppLauncher/AdvancedAppLauncher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedAppLauncher.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/toolbar/advancedAppLauncher/finsembleAdvancedAppLauncher/AdvancedAppLauncher.tsx"],"names":[],"mappings":"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"}