@finsemble/finsemble-ui 10.0.0-iocd.9 → 10.0.3-beta.3

package/react/components/toolbar/AlwaysOnTop.js

@@ -1,79 +1,96 @@
-import React, { useEffect, useState } from "react";
-import { FEAGlobals } from "../../../common/Globals";
-const AlwaysOnTopIcon = () => (React.createElement("div", { className: "finsemble-icon" },
-    React.createElement("svg", { width: "16px", height: "24px", viewBox: "2 0 20 16", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("g", { fill: "none", fillRule: "evenodd" },
-            React.createElement("g", { fill: "#FFF", fillRule: "nonzero" },
-                React.createElement("path", { className: "st0", d: "M9.1,12.4h2.2v3.4c0,0.4,0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7v-3.4h2.2c0.5,0,1-0.2,1.4-0.6\n                        c0.4-0.4,0.6-0.8,0.6-1.4v-0.2c0-0.5-0.1-1-0.5-1.4c-0.4-0.4-0.8-0.6-1.4-0.6h-0.3V6c0.4-0.1,0.7-0.3,0.9-0.6\n                        c0.3-0.3,0.4-0.7,0.4-1.2V3.8c0-0.5-0.2-1-0.5-1.3C15,2.2,14.5,2,14,2h-4C9.5,2,9,2.2,8.7,2.5C8.3,2.9,8.1,3.3,8.1,3.8v0.4\n                        c0,0.4,0.1,0.8,0.4,1.2C8.8,5.7,9.1,5.9,9.4,6v2.3H9.1c-0.5,0-1,0.2-1.4,0.6c-0.4,0.4-0.6,0.8-0.6,1.4v0.2c0,0.5,0.2,1,0.6,1.4\n                        C8.1,12.2,8.6,12.4,9.1,12.4z M10.8,9.1V5.4c0-0.4-0.3-0.7-0.7-0.7H10c-0.1,0-0.2,0-0.3-0.2C9.6,4.4,9.5,4.3,9.5,4.2V3.8\n                        c0-0.1,0-0.2,0.2-0.3S9.9,3.3,10,3.3h4c0.2,0,0.3,0,0.4,0.1c0.1,0.1,0.1,0.2,0.1,0.4v0.4c0,0.1,0,0.2-0.2,0.3\n                        c-0.1,0.1-0.2,0.2-0.3,0.2h-0.1c-0.4,0-0.7,0.2-0.7,0.6v3.7c0,0.4,0.3,0.7,0.7,0.7h1c0.2,0,0.3,0.1,0.4,0.2\n                        c0.1,0.1,0.2,0.2,0.2,0.4v0.3c0,0.2-0.1,0.3-0.2,0.4c-0.1,0.1-0.3,0.2-0.4,0.2H9.2c-0.2,0-0.3-0.1-0.4-0.2\n                        c-0.1-0.1-0.2-0.2-0.2-0.4v-0.3c0-0.2,0.1-0.3,0.2-0.4C8.9,9.8,9,9.8,9.2,9.8h1C10.6,9.8,10.8,9.5,10.8,9.1z" }),
-                React.createElement("path", { className: "st0", d: "M22.8,15.6L18,13.3c-0.2-0.1-0.4-0.1-0.5-0.1c-0.2,0-0.3,0.2-0.4,0.3C17,13.6,17,13.8,17,13.9\n                        c0,0.2,0.1,0.4,0.4,0.5l3.6,1.8l-9.1,4.3L3,16.1l3.5-1.6c0.1,0,0.3-0.1,0.4-0.4c0.1-0.2,0.1-0.4,0-0.5c-0.1-0.2-0.2-0.3-0.4-0.4\n                        c-0.2-0.1-0.4,0-0.5,0l-4.7,2.2c-0.3,0.1-0.4,0.3-0.4,0.6c0,0.3,0.2,0.5,0.4,0.6l10.4,5.1c0.1,0.1,0.2,0.1,0.4,0.1\n                        c0.2,0,0.3-0.1,0.4-0.2l10.5-5.1c0.2-0.1,0.4-0.3,0.4-0.6C23.2,16,23.1,15.7,22.8,15.6z" }))))));
-/**
- * Sets always on top for the Toolbar.
- * This button acts as a toggle, enabling and disabling always on top.
- * @param {string} [className] - An optional CSS className to append.
- */
-export const AlwaysOnTop = ({ className, children }) => {
-    const [showButton, setShowButton] = useState(false);
-    const [isAlwaysOnTop, setIsAlwaysOnTop] = useState(false);
-    const [wrapperClasses, setWrapperClasses] = useState("finsemble-toolbar-button icon-only");
-    const toggleAlwaysOnTop = async () => {
-        await FEAGlobals.FSBL.Clients.WindowClient.setAlwaysOnTop(!isAlwaysOnTop);
-    };
-    // the safe flag to prevent the state updating for the unmounted component
-    let isMounted = false;
-    // initialization
-    useEffect(() => {
-        var _a, _b, _c, _d, _e;
-        // sets the flag when the useEffect is first called.
-        isMounted = true;
-        // checks the config to show or not the AoT button
-        const alwaysOnTopIcon = !!((_e = (_d = (_c = (_b = (_a = FEAGlobals.finsembleWindow.windowOptions) === null || _a === void 0 ? void 0 : _a.customData) === null || _b === void 0 ? void 0 : _b.foreign) === null || _c === void 0 ? void 0 : _c.components) === null || _d === void 0 ? void 0 : _d["Window Manager"]) === null || _e === void 0 ? void 0 : _e.alwaysOnTopIcon);
-        setShowButton(alwaysOnTopIcon);
-        // sets the initial state of the AoT button based on the value from the storage
-        (async () => {
-            const { data: storageData } = await FEAGlobals.FSBL.Clients.StorageClient.getStandardized({
-                topic: FEAGlobals.finsembleWindow.name,
-                key: FEAGlobals.finsembleWindow.name,
-            });
-            isMounted && setIsAlwaysOnTop(!!(storageData === null || storageData === void 0 ? void 0 : storageData.alwaysOnTop));
-        })();
-        // updates the AoT button state when the alwaysOnTop is changed
-        const aotHandler = async (event) => {
-            const { data } = event;
-            // updates UI
-            isMounted && setIsAlwaysOnTop(data.alwaysOnTop);
-            // updates the AoT value in the storage
-            const { data: storageData } = await FEAGlobals.FSBL.Clients.StorageClient.getStandardized({
-                topic: FEAGlobals.finsembleWindow.name,
-                key: FEAGlobals.finsembleWindow.name,
-            });
-            const newValue = Object.assign(Object.assign({}, storageData), { alwaysOnTop: data.alwaysOnTop });
-            await FEAGlobals.FSBL.Clients.StorageClient.save({
-                topic: FEAGlobals.finsembleWindow.name,
-                key: FEAGlobals.finsembleWindow.name,
-                value: newValue,
-            });
-        };
-        // listens the config to enable and disable AoT button dynamically
-        const configHandler = (err, data) => {
-            var _a, _b;
-            setShowButton(!!((_b = (_a = data === null || data === void 0 ? void 0 : data.value) === null || _a === void 0 ? void 0 : _a["Window Manager"]) === null || _b === void 0 ? void 0 : _b.alwaysOnTopIcon));
-        };
-        FEAGlobals.finsembleWindow.addEventListener("alwaysOnTop", aotHandler);
-        FEAGlobals.FSBL.Clients.ConfigClient.addListener({ field: "finsemble.components.Toolbar.foreign.components" }, configHandler);
-        return () => {
-            isMounted = false;
-            FEAGlobals.finsembleWindow.removeListener("alwaysOnTop", aotHandler);
-            FEAGlobals.FSBL.Clients.ConfigClient.removeListener({ field: "finsemble.components.Toolbar.foreign.components" }, configHandler);
-        };
-    }, []);
-    useEffect(() => {
-        setWrapperClasses(`finsemble-toolbar-button icon-only ${className || ""} ${isAlwaysOnTop ? "selected" : ""}`.trim());
-    }, [isAlwaysOnTop]);
-    const aotButton = (React.createElement("div", { className: wrapperClasses, title: "Always on top", onClick: toggleAlwaysOnTop, tabIndex: 0, role: "button", onKeyDown: (e) => {
-            if (["Enter", "Space"].includes(e.key)) {
-                toggleAlwaysOnTop();
-            }
-        } }, children || React.createElement(AlwaysOnTopIcon, null)));
-    return showButton ? aotButton : React.createElement(React.Fragment, null);
-};
+import React, { useEffect, useState } from "react";
+import { FEAGlobals } from "../../../common/Globals";
+const AlwaysOnTopIcon = () => (React.createElement("div", { className: "finsemble-icon" },
+    React.createElement("svg", { width: "16px", height: "24px", viewBox: "2 0 20 16", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("g", { fill: "none", fillRule: "evenodd" },
+            React.createElement("g", { fill: "#FFF", fillRule: "nonzero" },
+                React.createElement("path", { className: "st0", d: "M9.1,12.4h2.2v3.4c0,0.4,0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7v-3.4h2.2c0.5,0,1-0.2,1.4-0.6\n                        c0.4-0.4,0.6-0.8,0.6-1.4v-0.2c0-0.5-0.1-1-0.5-1.4c-0.4-0.4-0.8-0.6-1.4-0.6h-0.3V6c0.4-0.1,0.7-0.3,0.9-0.6\n                        c0.3-0.3,0.4-0.7,0.4-1.2V3.8c0-0.5-0.2-1-0.5-1.3C15,2.2,14.5,2,14,2h-4C9.5,2,9,2.2,8.7,2.5C8.3,2.9,8.1,3.3,8.1,3.8v0.4\n                        c0,0.4,0.1,0.8,0.4,1.2C8.8,5.7,9.1,5.9,9.4,6v2.3H9.1c-0.5,0-1,0.2-1.4,0.6c-0.4,0.4-0.6,0.8-0.6,1.4v0.2c0,0.5,0.2,1,0.6,1.4\n                        C8.1,12.2,8.6,12.4,9.1,12.4z M10.8,9.1V5.4c0-0.4-0.3-0.7-0.7-0.7H10c-0.1,0-0.2,0-0.3-0.2C9.6,4.4,9.5,4.3,9.5,4.2V3.8\n                        c0-0.1,0-0.2,0.2-0.3S9.9,3.3,10,3.3h4c0.2,0,0.3,0,0.4,0.1c0.1,0.1,0.1,0.2,0.1,0.4v0.4c0,0.1,0,0.2-0.2,0.3\n                        c-0.1,0.1-0.2,0.2-0.3,0.2h-0.1c-0.4,0-0.7,0.2-0.7,0.6v3.7c0,0.4,0.3,0.7,0.7,0.7h1c0.2,0,0.3,0.1,0.4,0.2\n                        c0.1,0.1,0.2,0.2,0.2,0.4v0.3c0,0.2-0.1,0.3-0.2,0.4c-0.1,0.1-0.3,0.2-0.4,0.2H9.2c-0.2,0-0.3-0.1-0.4-0.2\n                        c-0.1-0.1-0.2-0.2-0.2-0.4v-0.3c0-0.2,0.1-0.3,0.2-0.4C8.9,9.8,9,9.8,9.2,9.8h1C10.6,9.8,10.8,9.5,10.8,9.1z" }),
+                React.createElement("path", { className: "st0", d: "M22.8,15.6L18,13.3c-0.2-0.1-0.4-0.1-0.5-0.1c-0.2,0-0.3,0.2-0.4,0.3C17,13.6,17,13.8,17,13.9\n                        c0,0.2,0.1,0.4,0.4,0.5l3.6,1.8l-9.1,4.3L3,16.1l3.5-1.6c0.1,0,0.3-0.1,0.4-0.4c0.1-0.2,0.1-0.4,0-0.5c-0.1-0.2-0.2-0.3-0.4-0.4\n                        c-0.2-0.1-0.4,0-0.5,0l-4.7,2.2c-0.3,0.1-0.4,0.3-0.4,0.6c0,0.3,0.2,0.5,0.4,0.6l10.4,5.1c0.1,0.1,0.2,0.1,0.4,0.1\n                        c0.2,0,0.3-0.1,0.4-0.2l10.5-5.1c0.2-0.1,0.4-0.3,0.4-0.6C23.2,16,23.1,15.7,22.8,15.6z" }))))));
+/**
+ * Sets always on top for the Toolbar.
+ * This button acts as a toggle, enabling and disabling always on top.
+ * @param {string} [className] - An optional CSS className to append.
+ */
+export const AlwaysOnTop = ({ className, children }) => {
+    const [showButton, setShowButton] = useState(false);
+    const [isAlwaysOnTop, setIsAlwaysOnTop] = useState(false);
+    const [wrapperClasses, setWrapperClasses] = useState("finsemble-toolbar-button icon-only");
+    const toggleAlwaysOnTop = async () => {
+        const newValue = !isAlwaysOnTop;
+        await FEAGlobals.FSBL.Clients.WindowClient.setAlwaysOnTop(newValue);
+        setIsAlwaysOnTop(newValue);
+    };
+    // the safe flag to prevent the state updating for the unmounted component
+    let isMounted = false;
+    let aotRead = false;
+    // initialization
+    useEffect(() => {
+        var _a, _b, _c, _d, _e;
+        // sets the flag when the useEffect is first called.
+        isMounted = true;
+        // checks the config to show or not the AoT button
+        if (window.glue42gd) {
+            (async () => {
+                var _a, _b, _c, _d;
+                if (aotRead) {
+                    return;
+                }
+                aotRead = true;
+                const { data: config } = await FEAGlobals.FSBL.Clients.LauncherClient.getComponentDefaultConfig("Toolbar");
+                const alwaysOnTopIcon = (_d = (_c = (_b = (_a = config === null || config === void 0 ? void 0 : config.foreign) === null || _a === void 0 ? void 0 : _a.components) === null || _b === void 0 ? void 0 : _b["Window Manager"]) === null || _c === void 0 ? void 0 : _c.alwaysOnTopIcon) !== null && _d !== void 0 ? _d : false;
+                setShowButton(alwaysOnTopIcon);
+            })();
+        }
+        else {
+            const alwaysOnTopIcon = !!((_e = (_d = (_c = (_b = (_a = FEAGlobals.finsembleWindow.windowOptions) === null || _a === void 0 ? void 0 : _a.customData) === null || _b === void 0 ? void 0 : _b.foreign) === null || _c === void 0 ? void 0 : _c.components) === null || _d === void 0 ? void 0 : _d["Window Manager"]) === null || _e === void 0 ? void 0 : _e.alwaysOnTopIcon);
+            setShowButton(alwaysOnTopIcon);
+        }
+        // sets the initial state of the AoT button based on the value from the storage
+        (async () => {
+            const { data: storageData } = await FEAGlobals.FSBL.Clients.StorageClient.getStandardized({
+                topic: FEAGlobals.finsembleWindow.name,
+                key: FEAGlobals.finsembleWindow.name,
+            });
+            isMounted && setIsAlwaysOnTop(!!(storageData === null || storageData === void 0 ? void 0 : storageData.alwaysOnTop));
+        })();
+        // updates the AoT button state when the alwaysOnTop is changed
+        const aotHandler = async (event) => {
+            const { data } = event;
+            // updates UI
+            isMounted && setIsAlwaysOnTop(data.alwaysOnTop);
+            // updates the AoT value in the storage
+            const { data: storageData } = await FEAGlobals.FSBL.Clients.StorageClient.getStandardized({
+                topic: FEAGlobals.finsembleWindow.name,
+                key: FEAGlobals.finsembleWindow.name,
+            });
+            const newValue = { ...storageData, alwaysOnTop: data.alwaysOnTop };
+            await FEAGlobals.FSBL.Clients.StorageClient.save({
+                topic: FEAGlobals.finsembleWindow.name,
+                key: FEAGlobals.finsembleWindow.name,
+                value: newValue,
+            });
+        };
+        // listens the config to enable and disable AoT button dynamically
+        const configHandler = (err, data) => {
+            var _a, _b;
+            setShowButton(!!((_b = (_a = data === null || data === void 0 ? void 0 : data.value) === null || _a === void 0 ? void 0 : _a["Window Manager"]) === null || _b === void 0 ? void 0 : _b.alwaysOnTopIcon));
+        };
+        FEAGlobals.finsembleWindow.addEventListener("alwaysOnTop", aotHandler);
+        FEAGlobals.FSBL.Clients.ConfigClient.addListener({ field: "finsemble.components.Toolbar.foreign.components" }, configHandler);
+        return () => {
+            isMounted = false;
+            FEAGlobals.finsembleWindow.removeListener("alwaysOnTop", aotHandler);
+            FEAGlobals.FSBL.Clients.ConfigClient.removeListener({ field: "finsemble.components.Toolbar.foreign.components" }, configHandler);
+        };
+    }, []);
+    useEffect(() => {
+        setWrapperClasses(`finsemble-toolbar-button icon-only ${className || ""} ${isAlwaysOnTop ? "selected" : ""}`.trim());
+    }, [isAlwaysOnTop]);
+    const aotButton = (React.createElement("div", { className: wrapperClasses, title: "Always on top", onClick: toggleAlwaysOnTop, tabIndex: 0, role: "button", onKeyDown: (e) => {
+            if (["Enter", "Space"].includes(e.key)) {
+                toggleAlwaysOnTop();
+            }
+        } }, children || React.createElement(AlwaysOnTopIcon, null)));
+    return showButton ? aotButton : React.createElement(React.Fragment, null);
+};
 //# sourceMappingURL=AlwaysOnTop.js.map

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

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

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

@@ -1,13 +1,13 @@
-import React from "react";
-declare type AutoArrangeType = {
-    className?: string;
-    children?: React.ReactNode;
-};
-/**
- * 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: ({ className, children }: AutoArrangeType) => JSX.Element;
-export {};
+import React from "react";
+type AutoArrangeType = {
+    className?: string;
+    children?: React.ReactNode;
+};
+/**
+ * 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: ({ className, children }: AutoArrangeType) => React.JSX.Element;
+export {};
 //# sourceMappingURL=AutoArrange.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AutoArrange.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/AutoArrange.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgCnD,aAAK,eAAe,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,4BAA6B,eAAe,gBAkCnE,CAAC"}
+{"version":3,"file":"AutoArrange.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/AutoArrange.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgCnD,KAAK,eAAe,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,4BAA6B,eAAe,sBAkCnE,CAAC"}

package/react/components/toolbar/AutoArrange.js

@@ -1,37 +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)));
-};
+// 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

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

@@ -1,11 +1,11 @@
-import * as React from "react";
-declare type DownloadButtonType = {
-    className?: string;
-    children?: React.ReactNode;
-};
-/**
- * Spawns the download manager, which is a singleton.
- */
-export declare const DownloadButton: ({ className, children }: DownloadButtonType) => JSX.Element;
-export {};
+import * as React from "react";
+type DownloadButtonType = {
+    className?: string;
+    children?: React.ReactNode;
+};
+/**
+ * Spawns the download manager, which is a singleton.
+ */
+export declare const DownloadButton: ({ className, children }: DownloadButtonType) => React.JSX.Element;
+export {};
 //# sourceMappingURL=DownloadButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DownloadButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/DownloadButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,aAAK,kBAAkB,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,4BAA6B,kBAAkB,gBA6CzE,CAAC"}
+{"version":3,"file":"DownloadButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/DownloadButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,KAAK,kBAAkB,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,4BAA6B,kBAAkB,sBA0CzE,CAAC"}

package/react/components/toolbar/DownloadButton.js

@@ -1,47 +1,44 @@
-import * as React from "react";
-import { useEffect, useState } from "react";
-import { FEAGlobals } from "../../../common/Globals";
-import glueFactory from "@interopio/desktop";
-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" }))))));
-/**
- * Spawns the download manager, which is a singleton.
- */
-export const DownloadButton = ({ className, children }) => {
-    const [glue, setGlue] = useState(null);
-    const wrapperClasses = `finsemble-toolbar-button icon-only ${className || ""}`.trim();
-    useEffect(() => {
-        // If running in iocd then set up the glue library
-        if (window.glue42gd) {
-            glueFactory().then((myGlue) => {
-                setGlue(myGlue);
-            });
-        }
-    }, []);
-    const clickEvent = () => {
-        // When running in io.cd launch its download manager
-        if (glue) {
-            const app = glue.appManager.application("io-connect-download-manager");
-            if (app) {
-                app.start();
-            }
-        }
-        else {
-            FEAGlobals.FSBL.Clients.LauncherClient.spawn("Download Manager", {
-                width: 400,
-                height: 600,
-                staggerPixels: 0,
-            });
-        }
-    };
-    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)));
-};
+import * as React from "react";
+import { useEffect, useState } from "react";
+import { FEAGlobals } from "../../../common/Globals";
+import glueFactory from "@interopio/desktop";
+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" }))))));
+/**
+ * Spawns the download manager, which is a singleton.
+ */
+export const DownloadButton = ({ className, children }) => {
+    const [glue, setGlue] = useState(null);
+    const wrapperClasses = `finsemble-toolbar-button icon-only ${className || ""}`.trim();
+    useEffect(() => {
+        // If running in iocd then set up the glue library
+        if (window.glue42gd) {
+            glueFactory({ appManager: false }).then((myGlue) => {
+                setGlue(myGlue);
+            });
+        }
+    }, []);
+    const clickEvent = () => {
+        // When running in io.cd launch its download manager
+        if (glue) {
+            glue.apps.instances.start({ name: "io-connect-download-manager" });
+        }
+        else {
+            FEAGlobals.FSBL.Clients.LauncherClient.spawn("Download Manager", {
+                width: 400,
+                height: 600,
+                staggerPixels: 0,
+            });
+        }
+    };
+    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

@@ -1 +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,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,WAAiC,MAAM,oBAAoB,CAAC;AAEnE,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CAC1B,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;AAOF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC7E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAA8B,IAAI,CAAC,CAAC;IACpE,MAAM,cAAc,GAAG,sCAAsC,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IAEtF,SAAS,CAAC,GAAG,EAAE;QACd,kDAAkD;QAClD,IAAK,MAAc,CAAC,QAAQ,EAAE;YAC7B,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;gBAC7B,OAAO,CAAC,MAAM,CAAC,CAAC;YACjB,CAAC,CAAC,CAAC;SACH;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,oDAAoD;QACpD,IAAI,IAAI,EAAE;YACT,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,6BAA6B,CAAC,CAAC;YACvE,IAAI,GAAG,EAAE;gBACR,GAAG,CAAC,KAAK,EAAE,CAAC;aACZ;SACD;aAAM;YACN,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,kBAAkB,EAAE;gBAChE,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,aAAa,EAAE,CAAC;aAChB,CAAC,CAAC;SACH;IACF,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"}
+{"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,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,WAAiC,MAAM,oBAAoB,CAAC;AAEnE,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CAC1B,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;AAOF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC7E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAA8B,IAAI,CAAC,CAAC;IACpE,MAAM,cAAc,GAAG,sCAAsC,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IAEtF,SAAS,CAAC,GAAG,EAAE;QACd,kDAAkD;QAClD,IAAK,MAAc,CAAC,QAAQ,EAAE,CAAC;YAC9B,WAAW,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;gBAClD,OAAO,CAAC,MAAM,CAAC,CAAC;YACjB,CAAC,CAAC,CAAC;QACJ,CAAC;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,oDAAoD;QACpD,IAAI,IAAI,EAAE,CAAC;YACV,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,6BAA6B,EAAE,CAAC,CAAC;QACpE,CAAC;aAAM,CAAC;YACP,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,kBAAkB,EAAE;gBAChE,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,aAAa,EAAE,CAAC;aAChB,CAAC,CAAC;QACJ,CAAC;IACF,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,CAAC;gBACvB,UAAU,EAAE,CAAC;YACd,CAAC;QACF,CAAC,IAEA,QAAQ,IAAI,oBAAC,YAAY,OAAG,CACvB,CACP,CAAC;AACH,CAAC,CAAC"}

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

@@ -1,12 +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: ({ className, children }: DragHandleProps) => JSX.Element;
-export {};
+import React from "react";
+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: ({ className, children }: DragHandleProps) => React.JSX.Element;
+export {};
 //# sourceMappingURL=DragHandle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/DragHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAyBnD,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,4BAA6B,eAAe,gBA6ClE,CAAC"}
+{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/toolbar/DragHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAyBnD,KAAK,eAAe,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,4BAA6B,eAAe,sBA6ClE,CAAC"}

package/react/components/toolbar/DragHandle.js

@@ -1,50 +1,50 @@
-import React, { useEffect, useState } from "react";
-import { FEAGlobals } from "../../../common/Globals";
-import { useDragRegion } from "../../hooks/useDragRegion";
-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 { onMouseDown, onMouseMove } = useDragRegion(false);
-    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;
-        onMouseDown(event);
-    };
-    /**
-     * Reports to Finsemble window management that the user is dragging.
-     * @param event
-     */
-    const handleMouseMove = (event) => {
-        if (!useDOMBasedMovement)
-            return;
-        onMouseMove(event);
-    };
-    useEffect(() => {
-        async function fetchManifest() {
-            const response = await FEAGlobals.FSBL.Clients.ConfigClient.get([
-                "finsemble-electron-adapter",
-                "useDOMBasedMovement",
-            ]);
-            const { data: manifestValue } = response;
-            if (manifestValue !== undefined && manifestValue !== null)
-                setDOMBasedMovement(manifestValue);
-        }
-        fetchManifest();
-    }, []);
-    return (React.createElement("span", { className: wrapperClasses, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove }, children || React.createElement(DragHandleIcon, null)));
-};
+import React, { useEffect, useState } from "react";
+import { FEAGlobals } from "../../../common/Globals";
+import { useDragRegion } from "../../hooks/useDragRegion";
+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 { onMouseDown, onMouseMove } = useDragRegion(false);
+    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;
+        onMouseDown(event);
+    };
+    /**
+     * Reports to Finsemble window management that the user is dragging.
+     * @param event
+     */
+    const handleMouseMove = (event) => {
+        if (!useDOMBasedMovement)
+            return;
+        onMouseMove(event);
+    };
+    useEffect(() => {
+        async function fetchManifest() {
+            const response = await FEAGlobals.FSBL.Clients.ConfigClient.get([
+                "finsemble-electron-adapter",
+                "useDOMBasedMovement",
+            ]);
+            const { data: manifestValue } = response;
+            if (manifestValue !== undefined && manifestValue !== null)
+                setDOMBasedMovement(manifestValue);
+        }
+        fetchManifest();
+    }, []);
+    return (React.createElement("span", { className: wrapperClasses, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove }, children || React.createElement(DragHandleIcon, null)));
+};
 //# sourceMappingURL=DragHandle.js.map