@finsemble/finsemble-ui 6.4.0-beta.1 → 6.5.0

package/react/components/windowTitleBar/stores/windowTitleBarStore.js

@@ -29,237 +29,233 @@ const getStackedWindow = (params, cb) => {
     }
 };
 let windowTitleBarStore;
-let constants;
-const Actions = {
-    parentWrapperStore: null,
-    initialize: function () {
-        var _a, _b;
-        let { options } = FSBL.Clients.WindowClient;
-        let windowTitleBarConfig = options.customData.foreign.components["Window Manager"];
-        let { FSBLHeader } = windowTitleBarConfig;
-        let self = this;
-        const displayName = (_b = (_a = options.customData) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.displayName;
-        FSBL.Clients.WindowClient.headerCommandChannel((command, state) => {
-            this.remoteStateUpdate(command, state);
-        });
-        if (FSBLHeader) {
-            const max = !!FSBLHeader.hideMaximize;
-            windowTitleBarStore.setValues([
-                { field: "Maximize.hide", value: max },
-                { field: "Minimize.hide", value: !!FSBLHeader.hideMinimize },
-                { field: "Close.hide", value: !!FSBLHeader.hideClose },
-                { field: "AlwaysOnTop.show", value: !!FSBLHeader.alwaysOnTop },
-            ]);
-            windowTitleBarStore.setValue({
-                field: "hackScrollbar",
-                value: windowTitleBarConfig.hackScrollbar !== false,
-            });
-            const title = FSBL.Clients.WindowClient.title || windowTitleBarConfig.title || displayName;
-            if (title) {
-                document.title = title;
+const onDockingGroupUpdate = (err, response) => {
+    if (err || !response.data || !response.data.groupData) {
+        return;
+    }
+    FSBL.Clients.Logger.system.debug("On docking group update", response.data.groupData);
+    let groupNames = Object.keys(response.data.groupData);
+    let movableGroups = groupNames
+        .filter((groupName) => response.data.groupData[groupName].isMovable)
+        .map((groupName) => response.data.groupData[groupName]);
+    windowTitleBarStore.setValue({
+        field: "Main.allDockingGroups",
+        value: response.data.groupData,
+    });
+    windowTitleBarStore.setValue({
+        field: "Main.allMovableDockingGroups",
+        value: movableGroups,
+    });
+    let myGroups = Actions.getMyDockingGroups(response.data.groupData);
+    windowTitleBarStore.setValue({
+        field: "Main.dockingGroups",
+        value: myGroups,
+    });
+    let isSnapped = false;
+    let isInMovableGroup = false;
+    let isTopRight = false;
+    let windowName = getWindowNameForDocking(finsembleWindow);
+    for (let i = 0; i < myGroups.length; i++) {
+        let myGroup = myGroups[i];
+        if (myGroup.isMovable) {
+            isInMovableGroup = true;
+            if (windowName == myGroup.topRightWindow) {
+                isTopRight = true;
             }
         }
-        if (windowTitleBarConfig.showLinker) {
-            const cb = (err, response) => {
-                if (response.channels) {
-                    windowTitleBarStore.setValue({
-                        field: "Linker.channels",
-                        value: response.channels,
-                    });
-                }
-                windowTitleBarStore.setValue({
-                    field: "Linker.showLinkerButton",
-                    value: true,
-                });
-            };
-            cb(null, FSBL.Clients.LinkerClient.getState());
-            FSBL.Clients.LinkerClient.onStateChange(cb);
+        else {
+            isSnapped = true;
         }
-        FSBL.Clients.RouterClient.subscribe(`${FSBL.Clients.WindowClient.options.name}Finsemble.Sharer`, (err, response) => {
-            if (err) {
-                return console.error(err);
-            }
-            windowTitleBarStore.setValues([
-                {
-                    field: "Sharer.emitterEnabled",
-                    value: response.data.emitterEnabled,
-                },
-                {
-                    field: "Sharer.receiverEnabled",
-                    value: response.data.receiverEnabled,
+    }
+    let icon = false;
+    if (isSnapped) {
+        icon = "joiner";
+    }
+    if (isInMovableGroup) {
+        icon = "ejector";
+    }
+    windowTitleBarStore.setValues([
+        { field: "isSnapped", value: isSnapped },
+        { field: "isGrouped", value: isInMovableGroup },
+        { field: "isTopRight", value: isTopRight },
+        { field: "Main.dockingIcon", value: icon },
+    ]);
+};
+const listenForDNDUpdates = () => {
+    FSBL.Clients.RouterClient.subscribe(`${FSBL.Clients.WindowClient.options.name}Finsemble.Sharer`, (err, response) => {
+        if (err) {
+            return console.error(err);
+        }
+        windowTitleBarStore.setValues([
+            {
+                field: "Sharer.emitterEnabled",
+                value: response.data.emitterEnabled,
+            },
+            {
+                field: "Sharer.receiverEnabled",
+                value: response.data.receiverEnabled,
+            },
+        ]);
+    });
+};
+const showLinkerButton = () => {
+    const cb = (err, response) => {
+        if (response.channels) {
+            windowTitleBarStore.setValue({
+                field: "Linker.channels",
+                value: response.channels,
+            });
+        }
+        windowTitleBarStore.setValue({
+            field: "Linker.showLinkerButton",
+            value: true,
+        });
+    };
+    cb(null, FSBL.Clients.LinkerClient.getState());
+    FSBL.Clients.LinkerClient.onStateChange(cb);
+};
+const processInitialTabList = (err, values) => {
+    const onParentSet = () => {
+        Actions.parentWrapper = null;
+        Actions.getInitialTabList(() => {
+            FSBL.Clients.Logger.system.debug("docking group update after initial tab list");
+            onDockingGroupUpdate(null, {
+                data: {
+                    groupData: windowTitleBarStore.getValue({
+                        field: "Main.allDockingGroups",
+                    }),
                 },
-            ]);
+            });
         });
-        const onDockingGroupUpdate = function (err, response) {
-            if (err || !response.data || !response.data.groupData) {
-                return;
-            }
-            FSBL.Clients.Logger.system.debug("On docking group update", response.data.groupData);
-            let groupNames = Object.keys(response.data.groupData);
-            let movableGroups = groupNames
-                .filter((groupName) => response.data.groupData[groupName].isMovable)
-                .map((groupName) => response.data.groupData[groupName]);
-            windowTitleBarStore.setValue({
-                field: "Main.allDockingGroups",
-                value: response.data.groupData,
+    };
+    const onParentCleared = () => {
+        Actions.parentWrapper = null;
+        FSBL.Clients.Logger.system.debug("ClearParent, setting tabs to null");
+        Actions.stopListeningOnParentWrapper(() => {
+            Actions.parentWrapperStore = null;
+            Actions._setTabs(null);
+            onDockingGroupUpdate(null, {
+                data: {
+                    groupData: windowTitleBarStore.getValue({
+                        field: "Main.allDockingGroups",
+                    }),
+                },
             });
+        });
+    };
+    finsembleWindow === null || finsembleWindow === void 0 ? void 0 : finsembleWindow.addListener("setParent", onParentSet);
+    finsembleWindow === null || finsembleWindow === void 0 ? void 0 : finsembleWindow.addListener("clearParent", onParentCleared);
+    if (err) {
+        return FSBL.Clients.Logger.system.error("Error in getInitialTabList.", err);
+    }
+    if (values)
+        Actions._setTabs(values);
+};
+const processFSBLHeader = (FSBLHeader, windowTitleBarConfig, options) => {
+    var _a, _b;
+    const displayName = (_b = (_a = options.customData) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.displayName;
+    const max = !!FSBLHeader.hideMaximize;
+    windowTitleBarStore.setValues([
+        { field: "Maximize.hide", value: max },
+        { field: "Minimize.hide", value: !!FSBLHeader.hideMinimize },
+        { field: "Close.hide", value: !!FSBLHeader.hideClose },
+        { field: "AlwaysOnTop.show", value: !!FSBLHeader.alwaysOnTop },
+    ]);
+    windowTitleBarStore.setValue({
+        field: "hackScrollbar",
+        value: windowTitleBarConfig.hackScrollbar !== false,
+    });
+    const title = FSBL.Clients.WindowClient.title || windowTitleBarConfig.title || displayName;
+    if (title) {
+        document.title = title;
+    }
+};
+const getOptionsCallback = (err, opts) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    const windowAllowTabbing = (_d = (_c = (_b = (_a = opts.customData) === null || _a === void 0 ? void 0 : _a.foreign) === null || _b === void 0 ? void 0 : _b.services) === null || _c === void 0 ? void 0 : _c.windowService) === null || _d === void 0 ? void 0 : _d.allowTabbing;
+    const windowIgnoreTabbing = (_h = (_g = (_f = (_e = opts.customData) === null || _e === void 0 ? void 0 : _e.foreign) === null || _f === void 0 ? void 0 : _f.services) === null || _g === void 0 ? void 0 : _g.windowService) === null || _h === void 0 ? void 0 : _h.ignoreTilingAndTabbingRequests;
+    const dockingAllowTabbing = (_m = (_l = (_k = (_j = opts.customData) === null || _j === void 0 ? void 0 : _j.foreign) === null || _k === void 0 ? void 0 : _k.services) === null || _l === void 0 ? void 0 : _l.dockingService) === null || _m === void 0 ? void 0 : _m.allowTabbing;
+    const dockingIgnoreTabbing = (_q = (_p = (_o = opts.customData) === null || _o === void 0 ? void 0 : _o.foreign.services) === null || _p === void 0 ? void 0 : _p.dockingService) === null || _q === void 0 ? void 0 : _q.ignoreTilingAndTabbingRequests;
+    const dontShowTabs = windowAllowTabbing === false ||
+        windowIgnoreTabbing === true ||
+        dockingAllowTabbing === false ||
+        dockingIgnoreTabbing === true;
+    windowTitleBarStore.setValue({
+        field: "showTabs",
+        value: !dontShowTabs,
+    });
+};
+const processFEAAndFinsembleConfig = (values, windowTitleBarConfig) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const finsembleConfig = values.finsemble;
+    const { useDOMBasedMovement } = values["finsemble-electron-adapter"];
+    windowTitleBarStore.setValue({
+        field: "Main.useDOMBasedMovement",
+        value: typeof useDOMBasedMovement === "undefined" ? true : useDOMBasedMovement,
+    });
+    const globalWindowManagerConfig = finsembleConfig["Window Manager"] || {
+        alwaysOnTopIcon: false,
+        showTabs: false,
+    };
+    finsembleConfig.servicesConfig = (_a = finsembleConfig.servicesConfig) !== null && _a !== void 0 ? _a : {};
+    const defaultDockingConfig = {
+        enabled: true,
+    };
+    let dockingConfig = (_e = (_c = (_b = finsembleConfig.servicesConfig.docking) !== null && _b !== void 0 ? _b : finsembleConfig.docking) !== null && _c !== void 0 ? _c : (_d = finsembleConfig.betaFeatures) === null || _d === void 0 ? void 0 : _d.docking) !== null && _e !== void 0 ? _e : defaultDockingConfig;
+    dockingConfig.tabbing = (_f = dockingConfig.tabbing) !== null && _f !== void 0 ? _f : {};
+    windowTitleBarStore.setValues([{ field: "Main.dockingEnabled", value: dockingConfig.enabled }]);
+    const alwaysOnTopIcon = (_h = (_g = windowTitleBarConfig.alwaysOnTopIcon) !== null && _g !== void 0 ? _g : globalWindowManagerConfig.alwaysOnTopIcon) !== null && _h !== void 0 ? _h : false;
+    windowTitleBarStore.setValues([{ field: "AlwaysOnTop.show", value: alwaysOnTopIcon }]);
+    if (dockingConfig.tabbing.enabled === false) {
+        windowTitleBarStore.setValue({
+            field: "showTabs",
+            value: dockingConfig.tabbing.enabled,
+        });
+    }
+    else {
+        windowTitleBarStore.setValue({
+            field: "allowTabEditing",
+            value: dockingConfig.tabbing.allowEditing !== undefined ? dockingConfig.tabbing.allowEditing : true,
+        });
+        if (typeof windowTitleBarConfig.showTabs !== "boolean") {
             windowTitleBarStore.setValue({
-                field: "Main.allMovableDockingGroups",
-                value: movableGroups,
+                field: "showTabs",
+                value: globalWindowManagerConfig.showTabs,
             });
-            let myGroups = self.getMyDockingGroups(response.data.groupData);
+        }
+        if (windowTitleBarConfig.showTabs || windowTitleBarConfig.showTabs === false) {
             windowTitleBarStore.setValue({
-                field: "Main.dockingGroups",
-                value: myGroups,
+                field: "showTabs",
+                value: windowTitleBarConfig.showTabs,
             });
-            let isSnapped = false;
-            let isInMovableGroup = false;
-            let isTopRight = false;
-            let windowName = getWindowNameForDocking(finsembleWindow);
-            for (let i = 0; i < myGroups.length; i++) {
-                let myGroup = myGroups[i];
-                if (myGroup.isMovable) {
-                    isInMovableGroup = true;
-                    if (windowName == myGroup.topRightWindow) {
-                        isTopRight = true;
-                    }
-                }
-                else {
-                    isSnapped = true;
-                }
-            }
-            let icon = false;
-            if (isSnapped) {
-                icon = "joiner";
-            }
-            if (isInMovableGroup) {
-                icon = "ejector";
-            }
-            windowTitleBarStore.setValues([
-                { field: "isSnapped", value: isSnapped },
-                { field: "isGrouped", value: isInMovableGroup },
-                { field: "isTopRight", value: isTopRight },
-                { field: "Main.dockingIcon", value: icon },
-            ]);
-        };
+        }
+        finsembleWindow.getOptions(getOptionsCallback);
+    }
+};
+let constants;
+const Actions = {
+    parentWrapperStore: null,
+    initialize: () => {
+        const { options } = FSBL.Clients.WindowClient;
+        const windowTitleBarConfig = options.customData.foreign.components["Window Manager"];
+        const { FSBLHeader } = windowTitleBarConfig;
+        if (FSBLHeader)
+            processFSBLHeader(FSBLHeader, windowTitleBarConfig, options);
+        if (windowTitleBarConfig.showLinker)
+            showLinkerButton();
+        listenForDNDUpdates();
         FSBL.Clients.RouterClient.subscribe("Finsemble.WorkspaceService.groupUpdate", onDockingGroupUpdate);
         windowTitleBarStore.setValue({
             field: "Main.windowTitle",
             value: FSBL.Clients.WindowClient.getWindowTitle(),
         });
-        const getValuesCallback = (err, values) => {
-            const finsembleConfig = values.finsemble;
-            const { useDOMBasedMovement } = values["finsemble-electron-adapter"];
-            windowTitleBarStore.setValue({
-                field: "Main.useDOMBasedMovement",
-                value: typeof useDOMBasedMovement === "undefined" ? true : useDOMBasedMovement,
-            });
-            let globalWindowManagerConfig = finsembleConfig["Window Manager"] || {
-                alwaysOnTopIcon: false,
-                showTabs: false,
-            };
-            if (!finsembleConfig.servicesConfig)
-                finsembleConfig.servicesConfig = {};
-            let dockingConfig = finsembleConfig.servicesConfig.docking || finsembleConfig.docking;
-            if (!dockingConfig && finsembleConfig.betaFeatures)
-                dockingConfig = finsembleConfig.betaFeatures.docking;
-            if (!dockingConfig)
-                dockingConfig = { enabled: true };
-            if (!dockingConfig.tabbing)
-                dockingConfig.tabbing = {};
-            windowTitleBarStore.setValues([{ field: "Main.dockingEnabled", value: dockingConfig.enabled }]);
-            let { alwaysOnTopIcon } = globalWindowManagerConfig;
-            if (windowTitleBarConfig.alwaysOnTopIcon === false || windowTitleBarConfig.alwaysOnTopIcon === true)
-                ({ alwaysOnTopIcon } = windowTitleBarConfig);
-            windowTitleBarStore.setValues([{ field: "AlwaysOnTop.show", value: alwaysOnTopIcon }]);
-            if (dockingConfig.tabbing.enabled === false) {
-                windowTitleBarStore.setValue({
-                    field: "showTabs",
-                    value: dockingConfig.tabbing.enabled,
-                });
-            }
-            else {
-                windowTitleBarStore.setValue({
-                    field: "allowTabEditing",
-                    value: dockingConfig.tabbing.allowEditing !== undefined ? dockingConfig.tabbing.allowEditing : true,
-                });
-                if (typeof windowTitleBarConfig.showTabs !== "boolean") {
-                    windowTitleBarStore.setValue({
-                        field: "showTabs",
-                        value: globalWindowManagerConfig.showTabs,
-                    });
-                }
-                if (windowTitleBarConfig.showTabs || windowTitleBarConfig.showTabs === false) {
-                    windowTitleBarStore.setValue({
-                        field: "showTabs",
-                        value: windowTitleBarConfig.showTabs,
-                    });
-                }
-                let showTabs = true;
-                const getOptionsCallback = (_, opts) => {
-                    if (opts.customData && opts.customData.foreign && opts.customData.foreign.services) {
-                        if (opts.customData.foreign.services.windowService) {
-                            if (opts.customData.foreign.services.windowService.allowTabbing !== undefined) {
-                                showTabs = opts.customData.foreign.services.windowService.allowTabbing;
-                            }
-                            else if (opts.customData.foreign.services.windowService.ignoreTilingAndTabbingRequests != undefined) {
-                                showTabs = !opts.customData.foreign.services.windowService.ignoreTilingAndTabbingRequests;
-                            }
-                        }
-                        else if (opts.customData.foreign.services.dockingService) {
-                            if (opts.customData.foreign.services.dockingService.allowTabbing !== undefined) {
-                                showTabs = opts.customData.foreign.services.dockingService.allowTabbing;
-                            }
-                            else if (opts.customData.foreign.services.dockingService.ignoreTilingAndTabbingRequests != undefined) {
-                                showTabs = !opts.customData.foreign.services.dockingService.ignoreTilingAndTabbingRequests;
-                            }
-                        }
-                    }
-                    windowTitleBarStore.setValue({
-                        field: "showTabs",
-                        value: showTabs,
-                    });
-                };
-                finsembleWindow.getOptions(getOptionsCallback);
-            }
-        };
-        FSBL.Clients.ConfigClient.getValues([{ field: "finsemble" }, { field: "finsemble-electron-adapter" }], getValuesCallback);
-        Actions.getInitialTabList((err, values) => {
-            const onParentSet = () => {
-                Actions.parentWrapper = null;
-                Actions.getInitialTabList(() => {
-                    FSBL.Clients.Logger.system.debug("docking group update after initial tab list");
-                    onDockingGroupUpdate(null, {
-                        data: {
-                            groupData: windowTitleBarStore.getValue({
-                                field: "Main.allDockingGroups",
-                            }),
-                        },
-                    });
-                });
-            };
-            const onParentCleared = () => {
-                Actions.parentWrapper = null;
-                FSBL.Clients.Logger.system.debug("ClearParent, setting tabs to null");
-                Actions.stopListeningOnParentWrapper(() => {
-                    Actions.parentWrapperStore = null;
-                    Actions._setTabs(null);
-                    onDockingGroupUpdate(null, {
-                        data: {
-                            groupData: windowTitleBarStore.getValue({
-                                field: "Main.allDockingGroups",
-                            }),
-                        },
-                    });
-                });
-            };
-            finsembleWindow === null || finsembleWindow === void 0 ? void 0 : finsembleWindow.addListener("setParent", onParentSet);
-            finsembleWindow === null || finsembleWindow === void 0 ? void 0 : finsembleWindow.addListener("clearParent", onParentCleared);
-            if (err) {
-                return FSBL.Clients.Logger.system.error("Error in getInitialTabList.", err);
-            }
-            if (values)
-                Actions._setTabs(values);
+        FSBL.Clients.ConfigClient.getValues([{ field: "finsemble" }, { field: "finsemble-electron-adapter" }], (err, config) => {
+            if (config)
+                processFEAAndFinsembleConfig(config, windowTitleBarConfig);
+        });
+        Actions.getInitialTabList(processInitialTabList);
+        FSBL.Clients.WindowClient.headerCommandChannel((command, state) => {
+            Actions.remoteStateUpdate(command, state);
         });
     },
     getMyDockingGroups: function (groupData) {
@@ -415,7 +411,7 @@ const Actions = {
         Actions.parentWrapper.reorder({ windowIdentifiers: tabs });
     },
     findTab: function (tab) {
-        let tabs = this.getTabs();
+        let tabs = Actions.getTabs();
         let currentIndex = tabs.findIndex((el) => tab.windowName === el.windowName && tab.uuid === el.uuid);
         return { tab, currentIndex };
     },