@finsemble/finsemble-ui 1.0.0-beta-6 → 1.0.0-beta-9

package/react/components/shared/openQuitConfirmationDialog.js

@@ -0,0 +1,18 @@
+import { FEAGlobals } from "../../../common/Globals";
+export const openQuitConfirmationDialog = async (type = "Shutdown") => {
+    let { data: appname } = await FEAGlobals.FSBL.Clients.ConfigClient.getValue("startup_app.name");
+    if (!appname)
+        appname = "Finsemble";
+    FEAGlobals.FSBL.Clients.DialogManager.open("YesNoDialog", {
+        title: `${type} ${appname}?`,
+        monitor: "primary",
+        question: `Are you sure you want to ${type === "Restart" ? "restart" : "close"} ${appname}?`,
+        hideModalOnClose: true,
+        showNegativeButton: false,
+    }, (err, response) => {
+        if (response && response.choice === "affirmative") {
+            type === "Restart" ? FEAGlobals.FSBL.restartApplication() : FEAGlobals.FSBL.shutdownApplication();
+        }
+    });
+};
+//# sourceMappingURL=openQuitConfirmationDialog.js.map

package/react/components/shared/openQuitConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"openQuitConfirmationDialog.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/openQuitConfirmationDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,EAAE,OAAe,UAAU,EAAE,EAAE;IAC7E,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAChG,IAAI,CAAC,OAAO;QAAE,OAAO,GAAG,WAAW,CAAC;IAEpC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CACzC,aAAa,EACb;QACC,KAAK,EAAE,GAAG,IAAI,IAAI,OAAO,GAAG;QAC5B,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,4BAA4B,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,IAAI,OAAO,GAAG;QAC5F,gBAAgB,EAAE,IAAI;QACtB,kBAAkB,EAAE,KAAK;KACzB,EACD,CAAC,GAAQ,EAAE,QAA4B,EAAE,EAAE;QAC1C,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,aAAa,EAAE;YAClD,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAClG;IACF,CAAC,CACD,CAAC;AACH,CAAC,CAAC"}

package/react/components/shared/validateURL.d.ts

@@ -0,0 +1,20 @@
+/**
+ * URL validation regex taken from stack overflow: https://stackoverflow.com/questions/5717093/check-if-a-javascript-string-is-a-url
+ *
+ * "https://www.google.com" => valid
+ * "http://google.com" => valid
+ * "http://booger.io" => valid
+ * "http://intraneturl" => valid
+ * "http://localhost:3375/components/test/index.html" => valid
+ * "http://localhost:8089/SLEJSonServiceWeb/commonReact2.jsp?viewid=/lcm.houseacctprodlinexre.wrjs&swfversion=3_0&zone=CollateralManagement&functionName=Collateral%20Management&zoneLabel=Collateral%20Management#/?_k=f3xqnk" => valid
+ * "http://127.0.0.1:3375/components/test/index.html" => valid
+ * "http://127.0.01:3375/components/test/index.html" => not valid
+ * "www.google.com" => not valid
+ * "google.com" => not valid
+ * "booger.io" => not valid
+ * "boog" => not valid
+ * NOTE: This function will fail intranet URLs without a top level domain.
+ * @param str
+ */
+export declare function isValidURL(str: string): boolean;
+//# sourceMappingURL=validateURL.d.ts.map

package/react/components/shared/validateURL.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateURL.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/shared/validateURL.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,WAYrC"}

package/react/components/shared/validateURL.js

@@ -0,0 +1,30 @@
+/**
+ * URL validation regex taken from stack overflow: https://stackoverflow.com/questions/5717093/check-if-a-javascript-string-is-a-url
+ *
+ * "https://www.google.com" => valid
+ * "http://google.com" => valid
+ * "http://booger.io" => valid
+ * "http://intraneturl" => valid
+ * "http://localhost:3375/components/test/index.html" => valid
+ * "http://localhost:8089/SLEJSonServiceWeb/commonReact2.jsp?viewid=/lcm.houseacctprodlinexre.wrjs&swfversion=3_0&zone=CollateralManagement&functionName=Collateral%20Management&zoneLabel=Collateral%20Management#/?_k=f3xqnk" => valid
+ * "http://127.0.0.1:3375/components/test/index.html" => valid
+ * "http://127.0.01:3375/components/test/index.html" => not valid
+ * "www.google.com" => not valid
+ * "google.com" => not valid
+ * "booger.io" => not valid
+ * "boog" => not valid
+ * NOTE: This function will fail intranet URLs without a top level domain.
+ * @param str
+ */
+export function isValidURL(str) {
+    if (str === "about:blank")
+        return true;
+    var pattern = new RegExp("^(https?:\\/\\/)" + // protocol
+        "((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.?)+[a-z]{2,}|" + // domain name
+        "((\\d{1,3}\\.){3}\\d{1,3}))" + // OR ip (v4) address
+        "(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*" + // port and path
+        "(\\?)?([;&a-z\\d\\/#\\?%_.~+=-]*)?", // query string
+    "i"); // fragment locator
+    return !!pattern.test(str);
+}
+//# sourceMappingURL=validateURL.js.map

package/react/components/shared/validateURL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateURL.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/validateURL.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,UAAU,CAAC,GAAW;IACrC,IAAI,GAAG,KAAK,aAAa;QAAE,OAAO,IAAI,CAAC;IAEvC,IAAI,OAAO,GAAG,IAAI,MAAM,CACvB,kBAAkB,GAAG,WAAW;QAC/B,mDAAmD,GAAG,cAAc;QACpE,6BAA6B,GAAG,qBAAqB;QACrD,iCAAiC,GAAG,gBAAgB;QACpD,oCAAoC,EAAE,eAAe;IACtD,GAAG,CACH,CAAC,CAAC,mBAAmB;IACtB,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC5B,CAAC"}

package/react/components/singleInputDialog/SingleInputDialog.css

@@ -0,0 +1,3 @@
+body {
+	margin: 0;
+}

package/react/components/singleInputDialog/SingleInputDialog.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import "./SingleInputDialog.css";
+import "../../assets/css/finsemble.css";
+import "../../assets/css/dialogs.css";
+/**
+ * A window for collecting input from a user (e.g., a new workspace's name).
+ */
+export declare const SingleInputDialog: () => JSX.Element;
+//# sourceMappingURL=SingleInputDialog.d.ts.map

package/react/components/singleInputDialog/SingleInputDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleInputDialog.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/singleInputDialog/SingleInputDialog.tsx"],"names":[],"mappings":";AASA,OAAO,yBAAyB,CAAC;AACjC,OAAO,gCAAgC,CAAC;AACxC,OAAO,8BAA8B,CAAC;AAqKtC;;GAEG;AACH,eAAO,MAAM,iBAAiB,mBAA+B,CAAC"}

package/react/components/singleInputDialog/SingleInputDialog.js

@@ -0,0 +1,114 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React, { useEffect, useState } from "react";
+import { Title } from "../../hooks/useTitle";
+import { FinsembleDialog } from "../legacyControls/FinsembleDialog";
+import { FinsembleDialogTextInput } from "../legacyControls/FinsembleDialogTextInput";
+import { FinsembleDialogButton } from "../legacyControls/FinsembleDialogButton";
+import "./SingleInputDialog.css";
+import "../../assets/css/finsemble.css";
+import "../../assets/css/dialogs.css";
+import { FEAGlobals } from "../../../common/Globals";
+/**
+ * This is our standard input dialog. It gives the user a single button and a text field, and ferries that data
+ * back to the window that opened it.
+ */
+const _SingleInputDialog = (props) => {
+    var _a, _b;
+    const [newRequest, setNewRequest] = useState(false);
+    const [affirmativeResponseLabel, setAffirmativeResponseLabel] = useState("Yes");
+    /** Our input uses the HTML autoFocus attribute. This only fires when the element is rendered for the 1st time.
+     * Since we re-use the dialogs, the 2nd time the dialog is shown, autoFocus will not trigger.
+     * To force it to trigger, we change this boolean when a response is sent back to the opener, which unmounts
+     * the element from the dom. The next time the dialog is used, we will render the element again, and autoFocus
+     * will trigger. */
+    const [renderInput, setRenderInput] = useState(false);
+    const [inputPlaceholder, setInputPlaceholder] = useState("New workspace");
+    const [title, setTitle] = useState((_a = props.title) !== null && _a !== void 0 ? _a : "Single Input Dialog");
+    const [inputValue, setInputValue] = useState(null);
+    const [hideModalOnClose, setHideModalOnClose] = useState(true);
+    const [cancelResponseLabel, setCancelResponseLabel] = useState("Cancel");
+    const [showCancelButton, setShowCancelButton] = useState(true);
+    const [inputPattern, setInputPattern] = useState(undefined);
+    const [inputMaxLength, setInputMaxLength] = useState(undefined);
+    /**
+     * Sends user input to the opener.
+     */
+    const sendResponse = (choice) => {
+        FEAGlobals.FSBL.Clients.DialogManager.respondToOpener({
+            value: inputValue,
+            choice,
+            hideModalOnClose,
+        });
+        setInputValue(null);
+        setRenderInput(false);
+        setNewRequest(false);
+        Array.from(document.querySelectorAll("input")).forEach((el) => (el.value = ""));
+    };
+    /**
+     * Handles escape and enter.
+     */
+    const handleKeydownOnBody = (e) => {
+        if (e.code === "Enter" && e.shiftKey === false) {
+            sendResponse("affirmative");
+        }
+        if (e.code === "Escape") {
+            sendResponse("cancel");
+        }
+    };
+    /**
+     * When the opener requests that the dialog show itself, it also passes in initialization data. This function
+     * grabs that data, calls setState, and then fits the window to the contents of the DOM. Then we call `showDialog`,
+     * which will display the dialog on the proper monitor.
+     */
+    const onShowRequested = (err, { data }) => {
+        var _a, _b;
+        setTitle(data.title || "Title");
+        setInputValue(null);
+        setHideModalOnClose((_a = data.hideModalOnClose) !== null && _a !== void 0 ? _a : true);
+        setAffirmativeResponseLabel(data.affirmativeResponseLabel || "OK");
+        setCancelResponseLabel(data.cancelResponseLabel || "Cancel");
+        setShowCancelButton((_b = data.showCancelButton) !== null && _b !== void 0 ? _b : false);
+        setRenderInput(true);
+        setInputPattern(data.inputPattern);
+        setInputMaxLength(data.inputMaxLength);
+        setInputPlaceholder(data.inputPlaceholder || inputPlaceholder);
+        setNewRequest(true);
+    };
+    /**
+     * Fits the contents of the DOM to the window, then calls `showDialog`, which positions the
+     * dialog on the proper monitor and toggles the visibility of the window.
+     */
+    const fitAndShow = () => {
+        FEAGlobals.FSBL.Clients.WindowClient.fitToDOM(null, () => {
+            FEAGlobals.FSBL.Clients.DialogManager.showDialog();
+        });
+    };
+    useEffect(() => {
+        document.body.addEventListener("keydown", handleKeydownOnBody);
+        return () => {
+            document.body.removeEventListener("keydown", handleKeydownOnBody);
+        };
+    }, []);
+    useEffect(fitAndShow, [newRequest]);
+    return (React.createElement(FinsembleDialog, { userInputTimeout: 10000, behaviorOnResponse: "hide", onShowRequested: onShowRequested, isModal: true },
+        React.createElement(Title, { title: (_b = props.title) !== null && _b !== void 0 ? _b : title }),
+        React.createElement("div", { className: "dialog-title" }, title),
+        renderInput && (React.createElement(FinsembleDialogTextInput, { onInputChange: (e) => {
+                setInputValue(e.target.value);
+            }, placeholder: inputPlaceholder, autoFocus: true, inputPattern: inputPattern, maxLength: inputMaxLength, ariaLabel: title })),
+        React.createElement("div", { className: "button-wrapper" },
+            showCancelButton && (React.createElement(FinsembleDialogButton, { className: "fsbl-button-neutral", show: true, onClick: () => {
+                    sendResponse("cancel");
+                } }, cancelResponseLabel)),
+            React.createElement(FinsembleDialogButton, { className: "fsbl-button-affirmative", show: true, onClick: () => {
+                    sendResponse("affirmative");
+                } }, affirmativeResponseLabel))));
+};
+/**
+ * A window for collecting input from a user (e.g., a new workspace's name).
+ */
+export const SingleInputDialog = () => React.createElement(_SingleInputDialog, null);
+//# sourceMappingURL=SingleInputDialog.js.map

package/react/components/singleInputDialog/SingleInputDialog.js.map

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

package/react/components/singleInputDialog/index.d.ts

@@ -0,0 +1,2 @@
+export { SingleInputDialog } from "./SingleInputDialog";
+//# sourceMappingURL=index.d.ts.map

package/react/components/singleInputDialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/singleInputDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/react/components/singleInputDialog/index.js

@@ -0,0 +1,2 @@
+export { SingleInputDialog } from "./SingleInputDialog";
+//# sourceMappingURL=index.js.map

package/react/components/singleInputDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/singleInputDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/react/components/system/System.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+/**
+ * A menu item that opens the user preferences menu when clicked.
+ */
+export declare const Preferences: React.FunctionComponent;
+/**
+ * A menu item that opens the system log window when clicked.
+ */
+export declare const SystemLog: React.FunctionComponent;
+/**
+ * A menu item that opens the Central Logger when clicked.
+ */
+export declare const CentralLogger: React.FunctionComponent;
+/**
+ * A menu item that opens Finsemble documentation in a browser when clicked.
+ */
+export declare const Documentation: React.FunctionComponent;
+/**
+ * A menu item that restarts the Finsemble application when clicked.
+ */
+export declare const Restart: React.FunctionComponent;
+/**
+ * A menu item that resets the Finsemble application.
+ * The reset clears out all the user data of the application when clicked.
+ */
+export declare const Reset: React.FunctionComponent;
+/**
+ * A menu item that quits the Finsemble application when clicked.
+ */
+export declare const Quit: React.FunctionComponent;
+//# sourceMappingURL=System.d.ts.map

package/react/components/system/System.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"System.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/system/System.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAiB/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAE7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAQjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAgBjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAE3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,iBAUzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAwF,CAAC"}

package/react/components/system/System.js

@@ -0,0 +1,54 @@
+import * as React from "react";
+import { MenuItem } from "../menu/MenuItem";
+import { openQuitConfirmationDialog } from "../shared/openQuitConfirmationDialog";
+import { FEAGlobals } from "../../../common/Globals";
+/**
+ * A menu item that opens the user preferences menu when clicked.
+ */
+export const Preferences = () => (React.createElement(MenuItem, { onClick: () => {
+        FEAGlobals.FSBL.Clients.LauncherClient.showWindow({
+            componentType: "UserPreferences",
+        }, {
+            monitor: "mine",
+            left: "center",
+            top: "center",
+        });
+    } }, "Preferences"));
+/**
+ * A menu item that opens the system log window when clicked.
+ */
+export const SystemLog = () => (React.createElement(MenuItem, { onClick: FEAGlobals.FSBL.SystemManagerClient.showSystemLog }, "System Log"));
+/**
+ * A menu item that opens the Central Logger when clicked.
+ */
+export const CentralLogger = () => (React.createElement(MenuItem, { onClick: () => {
+        FEAGlobals.FSBL.Clients.RouterClient.transmit("CentralConsole-Show", true);
+    } }, "Central Logger"));
+/**
+ * A menu item that opens Finsemble documentation in a browser when clicked.
+ */
+export const Documentation = () => (React.createElement(MenuItem, { onClick: () => {
+        FEAGlobals.FSBL.Clients.DialogManager.spawnDialog({
+            name: "Documentation",
+            width: 750,
+            url: "https://documentation.finsemble.com/tutorial-finsemble-user-guide.html",
+        }, {}, () => { });
+    } }, "Documentation"));
+/**
+ * A menu item that restarts the Finsemble application when clicked.
+ */
+export const Restart = () => (React.createElement(MenuItem, { onClick: () => openQuitConfirmationDialog("Restart") }, "Restart"));
+/**
+ * A menu item that resets the Finsemble application.
+ * The reset clears out all the user data of the application when clicked.
+ */
+export const Reset = () => (React.createElement(MenuItem, { onClick: () => {
+        FEAGlobals.FSBL.Clients.StorageClient.clearCache(() => {
+            FEAGlobals.FSBL.restartApplication({ forceRestart: true });
+        });
+    } }, "Reset"));
+/**
+ * A menu item that quits the Finsemble application when clicked.
+ */
+export const Quit = () => React.createElement(MenuItem, { onClick: openQuitConfirmationDialog }, "Quit");
+//# sourceMappingURL=System.js.map

package/react/components/system/System.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"System.js","sourceRoot":"","sources":["../../../../../src/ui/components/system/System.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAA4B,GAAG,EAAE,CAAC,CACzD,oBAAC,QAAQ,IACR,OAAO,EAAE,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,UAAU,CAChD;YACC,aAAa,EAAE,iBAAiB;SAChC,EACD;YACC,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,QAAQ;YACd,GAAG,EAAE,QAAQ;SACb,CACD,CAAC;IACH,CAAC,kBAGS,CACX,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAA4B,GAAG,EAAE,CAAC,CACvD,oBAAC,QAAQ,IAAC,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC,mBAAmB,CAAC,aAAa,iBAAuB,CAC3F,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAA4B,GAAG,EAAE,CAAC,CAC3D,oBAAC,QAAQ,IACR,OAAO,EAAE,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;IAC5E,CAAC,qBAGS,CACX,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAA4B,GAAG,EAAE,CAAC,CAC3D,oBAAC,QAAQ,IACR,OAAO,EAAE,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CAChD;YACC,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,GAAG;YACV,GAAG,EAAE,wEAAwE;SAC7E,EACD,EAAE,EACF,GAAG,EAAE,GAAE,CAAC,CACR,CAAC;IACH,CAAC,oBAGS,CACX,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAA4B,GAAG,EAAE,CAAC,CACrD,oBAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,0BAA0B,CAAC,SAAS,CAAC,cAAoB,CAClF,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,KAAK,GAA4B,GAAG,EAAE,CAAC,CACnD,oBAAC,QAAQ,IACR,OAAO,EAAE,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG,EAAE;YACrD,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5D,CAAC,CAAC,CAAC;IACJ,CAAC,YAGS,CACX,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,IAAI,GAA4B,GAAG,EAAE,CAAC,oBAAC,QAAQ,IAAC,OAAO,EAAE,0BAA0B,WAAiB,CAAC"}

package/react/components/system/SystemTrayComponentShell.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import "../../assets/css/menus.css";
+declare type SystemTrayComponentShellProps = {
+    title?: string;
+};
+/**
+ * This React component will automatically resize to the height of its DOM content and will hide itself when it loses focus.
+ *
+ * Note: Set FEAGlobals.FSBL.debug=true in order to override the window hide on blur effect, so that you can debug the window's contents.
+ * @param {object} props
+ */
+export declare const SystemTrayComponentShell: React.FunctionComponent<SystemTrayComponentShellProps>;
+export {};
+//# sourceMappingURL=SystemTrayComponentShell.d.ts.map

package/react/components/system/SystemTrayComponentShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemTrayComponentShell.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/system/SystemTrayComponentShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,4BAA4B,CAAC;AAGpC,aAAK,6BAA6B,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAiC3F,CAAC"}

package/react/components/system/SystemTrayComponentShell.js

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { useTitle } from "../../hooks";
+import { FEAGlobals } from "../../../common/Globals";
+import "../../assets/css/menus.css";
+const { useEffect } = React;
+/**
+ * This React component will automatically resize to the height of its DOM content and will hide itself when it loses focus.
+ *
+ * Note: Set FEAGlobals.FSBL.debug=true in order to override the window hide on blur effect, so that you can debug the window's contents.
+ * @param {object} props
+ */
+export const SystemTrayComponentShell = (props) => {
+    var _a;
+    useTitle((_a = props.title) !== null && _a !== void 0 ? _a : "System Tray");
+    // Add styles to the system tray window's body.
+    useEffect(() => {
+        document.body.classList.add("system-tray");
+        // This points to the parent, in an admittedly unrobust way.
+        // Adding these classes gets the tray to have the styling of a menu
+        // This could probably be done more elegantly
+        const container = document.getElementsByTagName("div")[0];
+        container === null || container === void 0 ? void 0 : container.classList.add("menu", "menu-primary");
+    }, []);
+    // Resize window to fit the DOM height whenever the React children (window contents) change
+    useEffect(() => {
+        FEAGlobals.FSBL.Clients.WindowClient.fitToDOM();
+    }, [props]);
+    // Hide window on blur.
+    useEffect(() => {
+        const hide = () => {
+            var _a;
+            // If FEAGlobals.FSBL.debug is set to true then bypass hide on blur effect
+            if ((_a = FEAGlobals.FSBL) === null || _a === void 0 ? void 0 : _a.debug)
+                return;
+            FEAGlobals.finsembleWindow.hide();
+        };
+        FEAGlobals.finsembleWindow.addEventListener("blurred", hide);
+        return () => {
+            FEAGlobals.finsembleWindow.removeEventListener("blurred", hide);
+        };
+    }, []);
+    return React.createElement(React.Fragment, null, props.children);
+};
+//# sourceMappingURL=SystemTrayComponentShell.js.map

package/react/components/system/SystemTrayComponentShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemTrayComponentShell.js","sourceRoot":"","sources":["../../../../../src/ui/components/system/SystemTrayComponentShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;AAK5B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,KAAK,EAAE,EAAE;;IACzG,QAAQ,CAAC,MAAA,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,CAAC;IAEvC,+CAA+C;IAC/C,SAAS,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAC3C,4DAA4D;QAC5D,mEAAmE;QACnE,6CAA6C;QAC7C,MAAM,SAAS,GAAG,QAAQ,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1D,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAClD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,2FAA2F;IAC3F,SAAS,CAAC,GAAG,EAAE;QACd,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;IACjD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,uBAAuB;IACvB,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,IAAI,GAAG,GAAG,EAAE;;YACjB,0EAA0E;YAC1E,IAAI,MAAA,UAAU,CAAC,IAAI,0CAAE,KAAK;gBAAE,OAAO;YACnC,UAAU,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;QACnC,CAAC,CAAC;QAEF,UAAU,CAAC,eAAe,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAC7D,OAAO,GAAG,EAAE;YACX,UAAU,CAAC,eAAe,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QACjE,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,0CAAG,KAAK,CAAC,QAAQ,CAAI,CAAC;AAC9B,CAAC,CAAC"}

package/react/components/system/index.d.ts

@@ -0,0 +1,3 @@
+export { SystemTrayComponentShell } from "./SystemTrayComponentShell";
+export { CentralLogger, Documentation, Reset, Restart, Preferences, Quit, SystemLog } from "./System";
+//# sourceMappingURL=index.d.ts.map

package/react/components/system/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/system/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC"}

package/react/components/system/index.js

@@ -0,0 +1,3 @@
+export { SystemTrayComponentShell } from "./SystemTrayComponentShell";
+export { CentralLogger, Documentation, Reset, Restart, Preferences, Quit, SystemLog } from "./System";
+//# sourceMappingURL=index.js.map

package/react/components/system/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/system/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,10 @@
+import React from "react";
+/**
+ * Makes use of Finsemble's "autoArrange" functionality to organize windows into a grid-like pattern.
+ * This button acts as a toggle, arranging and unarranging with subsequent clicks.
+ * @param {string} [className] - An optional CSS className to append.
+ */
+export declare const AutoArrange: React.FunctionComponent<{
+    className?: string;
+}>;
+//# sourceMappingURL=AutoArrange.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutoArrange.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/AutoArrange.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgCnD;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAkCvE,CAAC"}

package/react/components/toolbar/AutoArrange.js

@@ -0,0 +1,37 @@
+// disable eslint below because the svg in the icon definition will error if React is not imported
+import React, { useEffect, useState } from "react"; // eslint-disable-line
+import { useToolbar } from "../../hooks/useToolbar";
+import { FEAGlobals } from "../../../common/Globals";
+// The default icon for AutoArrange.
+const AutoArrangeIcon = () => (React.createElement("svg", { width: "16px", height: "16px", viewBox: "0 0 16 16", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+        React.createElement("g", { id: "atoms/icons/auto-arrange", transform: "translate(-9.000000, -9.000000)", fill: "#FFFFFF" },
+            React.createElement("g", { id: "Arranged", transform: "translate(9.000000, 9.000000)" },
+                React.createElement("path", { d: "M1,0 L6,0 C6.55228475,-1.01453063e-16 7,0.44771525 7,1 L7,6 C7,6.55228475 6.55228475,7 6,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 Z M1,1 L1,6 L6,6 L6,1 L1,1 Z", id: "Combined-Shape" }),
+                React.createElement("path", { d: "M10,0 L15,0 C15.5522847,-1.01453063e-16 16,0.44771525 16,1 L16,6 C16,6.55228475 15.5522847,7 15,7 L10,7 C9.44771525,7 9,6.55228475 9,6 L9,1 C9,0.44771525 9.44771525,1.01453063e-16 10,0 Z M10,1 L10,6 L15,6 L15,1 L10,1 Z", id: "Combined-Shape" }),
+                React.createElement("path", { d: "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,10 C9,9.44771525 9.44771525,9 10,9 Z M10,10 L10,15 L15,15 L15,10 L10,10 Z", id: "Combined-Shape" }),
+                React.createElement("path", { d: "M1,9 L6,9 C6.55228475,9 7,9.44771525 7,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 Z M1,10 L1,15 L6,15 L6,10 L1,10 Z", id: "Combined-Shape" }))))));
+/**
+ * Makes use of Finsemble's "autoArrange" functionality to organize windows into a grid-like pattern.
+ * This button acts as a toggle, arranging and unarranging with subsequent clicks.
+ * @param {string} [className] - An optional CSS className to append.
+ */
+export const AutoArrange = ({ className, children }) => {
+    const [isAutoArranged, setIsAutoArranged] = useState(false);
+    const [title, setTitle] = useState("Auto Arrange");
+    const [wrapperClasses, setWrapperClasses] = useState("finsemble-toolbar-button icon-only");
+    const { toggleAutoArrange } = useToolbar();
+    FEAGlobals.FSBL.Clients.RouterClient.subscribe("DockingService.AutoArrangeStatus", (err, res) => {
+        setIsAutoArranged(!Object.keys(res.data.isAutoArranged).every((key) => !res.data.isAutoArranged[key]));
+    });
+    useEffect(() => {
+        setTitle(isAutoArranged ? "Restore" : "Auto Arrange");
+        setWrapperClasses(`finsemble-toolbar-button icon-only ${className || ""} ${isAutoArranged ? "selected" : ""}`.trim());
+    }, [isAutoArranged]);
+    return (React.createElement("div", { className: wrapperClasses, title: title, onClick: toggleAutoArrange, tabIndex: 0, role: "button", onKeyDown: (e) => {
+            if (["Enter", "Space"].includes(e.key)) {
+                toggleAutoArrange();
+            }
+        } }, children || React.createElement(AutoArrangeIcon, null)));
+};
+//# sourceMappingURL=AutoArrange.js.map

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

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

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+/**
+ * Launches the download manager if it is not spawned, otherwise shows the window.
+ */
+export declare const DownloadButton: React.FunctionComponent<{
+    className?: string;
+}>;
+//# sourceMappingURL=DownloadButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/DownloadButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAiC1E,CAAC"}

package/react/components/toolbar/DownloadButton.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { FEAGlobals } from "../../../common/Globals";
+const DownloadIcon = () => (React.createElement("div", { className: "finsemble-icon" },
+    React.createElement("svg", { width: "16", height: "34", viewBox: "9 -3 16 34", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("g", { fill: "none", fillRule: "evenodd" },
+            React.createElement("g", { fill: "#FFF", fillRule: "nonzero" },
+                React.createElement("path", { d: "M24 23.369a.57.57 0 0 1-.022.154c-.062.272-.33.477-.648.477H10.666c-.34 0-.622-.233-.657-.529-.009-.035-.009-.067-.009-.106v-2.773c0-.328.3-.592.661-.592.181 0 .348.067.467.174a.564.564 0 0 1 .194.418v2.22h11.36v-2.22c0-.328.3-.592.661-.592.18 0 .348.067.467.174.115.11.19.26.19.422v2.773z" }),
+                React.createElement("path", { d: "m20.776 17.362-3.22 3.385c-.004.01-.013.014-.017.019a.746.746 0 0 1-.424.225c-.013 0-.026.004-.04.004-.026.005-.052.005-.078.005l-.074-.005c-.013 0-.027-.004-.04-.004a.733.733 0 0 1-.44-.244l-3.22-3.385a.825.825 0 0 1-.223-.57c0-.206.074-.412.223-.569a.743.743 0 0 1 1.083 0l1.935 2.035v-7.454c0-.441.345-.804.765-.804.21 0 .402.092.541.234.14.147.223.345.223.57v7.454l1.935-2.035a.743.743 0 0 1 1.084 0 .853.853 0 0 1-.013 1.14z" }))))));
+/**
+ * Launches the download manager if it is not spawned, otherwise shows the window.
+ */
+export const DownloadButton = ({ className, children }) => {
+    const wrapperClasses = `finsemble-toolbar-button icon-only ${className || ""}`.trim();
+    const clickEvent = () => {
+        FEAGlobals.FSBL.Clients.LauncherClient.showWindow({
+            windowName: "Download Manager",
+            componentType: "Download Manager",
+        }, {
+            spawnIfNotFound: true,
+            width: 400,
+            height: 600,
+        });
+    };
+    return (React.createElement("span", { title: "Download Manager", className: wrapperClasses, role: "button", tabIndex: 0, onClick: clickEvent, onKeyDown: (e) => {
+            if (e.key === "Enter") {
+                clickEvent();
+            }
+        } }, children || React.createElement(DownloadIcon, null)));
+};
+//# sourceMappingURL=DownloadButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadButton.js","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/DownloadButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,YAAY,GAA4B,GAAG,EAAE,CAAC,CACnD,6BAAK,SAAS,EAAC,gBAAgB;IAC9B,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B;QAClF,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;YAChC,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;gBAChC,8BAAM,CAAC,EAAC,mSAAmS,GAAG;gBAC9S,8BAAM,CAAC,EAAC,+aAA+a,GAAG,CACvb,CACD,CACC,CACD,CACN,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAoD,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1G,MAAM,cAAc,GAAG,sCAAsC,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IAEtF,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,UAAU,CAChD;YACC,UAAU,EAAE,kBAAkB;YAC9B,aAAa,EAAE,kBAAkB;SACjC,EACD;YACC,eAAe,EAAE,IAAI;YACrB,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;SACX,CACD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,8BACC,KAAK,EAAC,kBAAkB,EACxB,SAAS,EAAE,cAAc,EACzB,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,IAEA,QAAQ,IAAI,oBAAC,YAAY,OAAG,CACvB,CACP,CAAC;AACH,CAAC,CAAC"}

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

@@ -0,0 +1,12 @@
+import React from "react";
+declare type DragHandleProps = {
+    className?: string;
+    children?: React.ReactNode;
+};
+/**
+ * The DOM element that the mouse can grab to move the toolbar around the screen.
+ * @param {string} [className] - An optional CSS className to append.
+ */
+export declare const DragHandle: React.FunctionComponent<DragHandleProps>;
+export {};
+//# sourceMappingURL=DragHandle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/DragHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAwBnD,aAAK,eAAe,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAyC/D,CAAC"}

package/react/components/toolbar/DragHandle.js

@@ -0,0 +1,44 @@
+import React, { useEffect, useState } from "react";
+import { FEAGlobals } from "../../../common/Globals";
+const DragHandleIcon = () => (React.createElement("svg", { width: "5px", height: "15px", viewBox: "0 0 5 11", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", opacity: "0.40", preserveAspectRatio: "xMinYMin meet" },
+        React.createElement("path", { d: "M3,0 L2,0 L2,1 L3,1 L3,0 Z M1,2 L0,2 L0,3 L1,3 L1,2 Z M2,2 L3,2 L3,3 L2,3 L2,2 Z M5,2 L4,2 L4,3 L5,3 L5,2 Z M0,4 L1,4 L1,5 L0,5 L0,4 Z M3,4 L2,4 L2,5 L3,5 L3,4 Z M4,4 L5,4 L5,5 L4,5 L4,4 Z M3,6 L2,6 L2,7 L3,7 L3,6 Z M0,6 L1,6 L1,7 L0,7 L0,6 Z M5,6 L4,6 L4,7 L5,7 L5,6 Z M4,8 L5,8 L5,9 L4,9 L4,8 Z M3,8 L2,8 L2,9 L3,9 L3,8 Z M0,8 L1,8 L1,9 L0,9 L0,8 Z M3,10 L2,10 L2,11 L3,11 L3,10 Z", id: "Shape", fill: "#FFFFFF", fillRule: "nonzero" }))));
+/**
+ * The DOM element that the mouse can grab to move the toolbar around the screen.
+ * @param {string} [className] - An optional CSS className to append.
+ */
+export const DragHandle = ({ className, children }) => {
+    const [useDOMBasedMovement, setDOMBasedMovement] = useState(true);
+    const baseCssClass = "cq-drag finsemble-toolbar-drag-handle";
+    const wrapperClasses = useDOMBasedMovement
+        ? `${baseCssClass} ${className || ""}`.trim()
+        : `${baseCssClass}-native-movement ${className || ""}`.trim();
+    /**
+     * Reports to Finsemble window management that the user has started to drag.
+     * @param event
+     */
+    const handleMouseDown = (event) => {
+        if (!useDOMBasedMovement)
+            return;
+        FEAGlobals.FSBL.Clients.WindowClient.startMovingWindow(event.nativeEvent);
+    };
+    /**
+     * Reports to Finsemble window management that the user has ended their drag.
+     */
+    const handleMouseUp = () => {
+        if (!useDOMBasedMovement)
+            return;
+        FEAGlobals.FSBL.Clients.WindowClient.stopMovingWindow();
+    };
+    useEffect(() => {
+        async function fetchManifest() {
+            const response = await FEAGlobals.FSBL.Clients.ConfigClient.getValue("finsemble-electron-adapter.useDOMBasedMovement");
+            const { data: manifestValue } = response;
+            if (manifestValue !== null)
+                setDOMBasedMovement(manifestValue);
+        }
+        fetchManifest();
+    }, []);
+    return (React.createElement("span", { className: wrapperClasses, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp }, children || React.createElement(DragHandleIcon, null)));
+};
+//# sourceMappingURL=DragHandle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandle.js","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/DragHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,CAC5B,6BAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAC,4BAA4B;IACjG,2BACC,EAAE,EAAC,QAAQ,EACX,MAAM,EAAC,MAAM,EACb,WAAW,EAAC,GAAG,EACf,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,SAAS,EAClB,OAAO,EAAC,MAAM,EACd,mBAAmB,EAAC,eAAe;QAEnC,8BACC,CAAC,EAAC,gYAAgY,EAClY,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,SAAS,GACX,CACL,CACC,CACN,CAAC;AAOF;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/F,MAAM,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAElE,MAAM,YAAY,GAAG,uCAAuC,CAAC;IAC7D,MAAM,cAAc,GAAG,mBAAmB;QACzC,CAAC,CAAC,GAAG,YAAY,IAAI,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE;QAC7C,CAAC,CAAC,GAAG,YAAY,oBAAoB,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IAC/D;;;OAGG;IACH,MAAM,eAAe,GAAG,CAAC,KAAuB,EAAE,EAAE;QACnD,IAAI,CAAC,mBAAmB;YAAE,OAAO;QACjC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAC3E,CAAC,CAAC;IAEF;;OAEG;IACH,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,mBAAmB;YAAE,OAAO;QACjC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,gBAAgB,EAAE,CAAC;IACzD,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,UAAU,aAAa;YAC3B,MAAM,QAAQ,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CACnE,gDAAgD,CAChD,CAAC;YACF,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,QAAQ,CAAC;YACzC,IAAI,aAAa,KAAK,IAAI;gBAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;QAChE,CAAC;QAED,aAAa,EAAE,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,8BAAM,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,IACrF,QAAQ,IAAI,oBAAC,cAAc,OAAG,CACzB,CACP,CAAC;AACH,CAAC,CAAC"}