@finsemble/finsemble-ui 6.2.1 → 6.3.1-beta-1

package/react/components/userPreferences/tests/WorkspaceItemList.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceItemList.spec.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/tests/WorkspaceItemList.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount, shallow } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport addons, { mockChannel } from \"@storybook/addons\";\r\nimport { waitTime } from \"../../smartDesktopDesigner/sdd_helpers\";\r\nimport WorkspaceItemList from \"../components/workspaces/WorkspaceItemList\";\r\nimport WorkspaceItem from \"../components/workspaces/WorkspaceItem\";\r\nimport { initFSBL } from \"../../common/helpers\";\r\nimport { FinsembleProvider } from \"../../FinsembleProvider\";\r\nimport { TenItems } from \"../stories/WorkspaceItemList.stories\";\r\n\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<WorkspaceItemList/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should render list\", async () => {\r\n\t\tinitFSBL(window);\r\n\t\tconst wrapper = mount(\r\n\t\t\t<FinsembleProvider>\r\n\t\t\t\t<WorkspaceItemList\r\n\t\t\t\t\tworkspaceList={[{ name: \"Default\" }, { name: \"Trading\" }, { name: \"Customer Account Management\" }]}\r\n\t\t\t\t/>\r\n\t\t\t</FinsembleProvider>\r\n\t\t);\r\n\t\texpect(wrapper.find(\".workspace-list\")).to.be.length(1);\r\n\t});\r\n\r\n\tit(\"should render no workspace items on empty workspace list\", async () => {\r\n\t\tinitFSBL(window);\r\n\t\tconst wrapper = mount(\r\n\t\t\t<FinsembleProvider>\r\n\t\t\t\t<WorkspaceItemList workspaceList={[]} />\r\n\t\t\t</FinsembleProvider>\r\n\t\t);\r\n\t\texpect(wrapper.containsMatchingElement(<WorkspaceItem workspace={{ name: \"Default\" }} />)).to.equal(false);\r\n\t});\r\n\r\n\tit(\"should render list of WorkspaceItems with proper workspace props\", async () => {\r\n\t\tinitFSBL(window);\r\n\t\tconst wrapper = mount(\r\n\t\t\t<FinsembleProvider>\r\n\t\t\t\t<WorkspaceItemList\r\n\t\t\t\t\tworkspaceList={[{ name: \"Default\" }, { name: \"Trading\" }, { name: \"Customer Account Management\" }]}\r\n\t\t\t\t/>\r\n\t\t\t</FinsembleProvider>\r\n\t\t);\r\n\t\texpect(wrapper.containsMatchingElement(<WorkspaceItem workspace={{ name: \"Default\" }} />)).to.equal(true);\r\n\t\texpect(wrapper.containsMatchingElement(<WorkspaceItem workspace={{ name: \"Trading\" }} />)).to.equal(true);\r\n\t\texpect(\r\n\t\t\twrapper.containsMatchingElement(<WorkspaceItem workspace={{ name: \"Customer Account Management\" }} />)\r\n\t\t).to.equal(true);\r\n\t});\r\n\r\n\tit(\"should be able to delete workspaces\", async () => {\r\n\t\tinitFSBL(window);\r\n\t\tconst wrapper = mount(\r\n\t\t\t<FinsembleProvider>\r\n\t\t\t\t<TenItems />\r\n\t\t\t</FinsembleProvider>\r\n\t\t);\r\n\t\twrapper.find(\".delete-workspace\").at(0).simulate(\"click\");\r\n\t\texpect(wrapper.containsMatchingElement(<WorkspaceItem workspace={{ name: \"Default\" }} />)).to.equal(false);\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"WorkspaceItemList.spec.js","sourceRoot":"","sources":["../../../../src/components/userPreferences/tests/WorkspaceItemList.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport addons, { mockChannel } from \"@storybook/addons\";\r\nimport WorkspaceItemList from \"../components/workspaces/WorkspaceItemList\";\r\nimport WorkspaceItem from \"../components/workspaces/WorkspaceItem\";\r\nimport { initFSBL } from \"../../common/helpers\";\r\nimport { FinsembleProvider } from \"../../FinsembleProvider\";\r\nimport { TenItems } from \"../stories/WorkspaceItemList.stories\";\r\n\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<WorkspaceItemList/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should render list\", async () => {\r\n\t\tinitFSBL(window);\r\n\t\tconst wrapper = mount(\r\n\t\t\t<FinsembleProvider>\r\n\t\t\t\t<WorkspaceItemList\r\n\t\t\t\t\tworkspaceList={[{ name: \"Default\" }, { name: \"Trading\" }, { name: \"Customer Account Management\" }]}\r\n\t\t\t\t/>\r\n\t\t\t</FinsembleProvider>\r\n\t\t);\r\n\t\texpect(wrapper.find(\".workspace-list\")).to.be.length(1);\r\n\t});\r\n\r\n\tit(\"should render no workspace items on empty workspace list\", async () => {\r\n\t\tinitFSBL(window);\r\n\t\tconst wrapper = mount(\r\n\t\t\t<FinsembleProvider>\r\n\t\t\t\t<WorkspaceItemList workspaceList={[]} />\r\n\t\t\t</FinsembleProvider>\r\n\t\t);\r\n\t\texpect(wrapper.containsMatchingElement(<WorkspaceItem workspace={{ name: \"Default\" }} />)).to.equal(false);\r\n\t});\r\n\r\n\tit(\"should render list of WorkspaceItems with proper workspace props\", async () => {\r\n\t\tinitFSBL(window);\r\n\t\tconst wrapper = mount(\r\n\t\t\t<FinsembleProvider>\r\n\t\t\t\t<WorkspaceItemList\r\n\t\t\t\t\tworkspaceList={[{ name: \"Default\" }, { name: \"Trading\" }, { name: \"Customer Account Management\" }]}\r\n\t\t\t\t/>\r\n\t\t\t</FinsembleProvider>\r\n\t\t);\r\n\t\texpect(wrapper.containsMatchingElement(<WorkspaceItem workspace={{ name: \"Default\" }} />)).to.equal(true);\r\n\t\texpect(wrapper.containsMatchingElement(<WorkspaceItem workspace={{ name: \"Trading\" }} />)).to.equal(true);\r\n\t\texpect(\r\n\t\t\twrapper.containsMatchingElement(<WorkspaceItem workspace={{ name: \"Customer Account Management\" }} />)\r\n\t\t).to.equal(true);\r\n\t});\r\n\r\n\tit(\"should be able to delete workspaces\", async () => {\r\n\t\tinitFSBL(window);\r\n\t\tconst wrapper = mount(\r\n\t\t\t<FinsembleProvider>\r\n\t\t\t\t<TenItems />\r\n\t\t\t</FinsembleProvider>\r\n\t\t);\r\n\t\twrapper.find(\".delete-workspace\").at(0).simulate(\"click\");\r\n\t\texpect(wrapper.containsMatchingElement(<WorkspaceItem workspace={{ name: \"Default\" }} />)).to.equal(false);\r\n\t});\r\n});\r\n"]}

package/react/components/utils.js

@@ -1,5 +1,5 @@
 export const enzymeQuerySelectorWrapper = (wrapper, querySelectorStr, element = undefined) => {
-    const el = element ?? document.createElement("div");
+    const el = element !== null && element !== void 0 ? element : document.createElement("div");
     el.innerHTML = wrapper.html();
     return el.querySelector(querySelectorStr);
 };

package/react/components/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/components/utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACzC,OAAqB,EACrB,gBAAwB,EACxB,UAAmC,SAAS,EAC3C,EAAE;IACH,MAAM,EAAE,GAAG,OAAO,IAAI,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpD,EAAE,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;IAC9B,OAAO,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;AAC3C,CAAC,CAAC","sourcesContent":["import { ReactWrapper } from \"enzyme\";\r\n\r\nexport const enzymeQuerySelectorWrapper = (\r\n\twrapper: ReactWrapper,\r\n\tquerySelectorStr: string,\r\n\telement: HTMLElement | undefined = undefined\r\n) => {\r\n\tconst el = element ?? document.createElement(\"div\");\r\n\tel.innerHTML = wrapper.html();\r\n\treturn el.querySelector(querySelectorStr);\r\n};\r\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/components/utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACzC,OAAqB,EACrB,gBAAwB,EACxB,UAAmC,SAAS,EAC3C,EAAE;IACH,MAAM,EAAE,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpD,EAAE,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;IAC9B,OAAO,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;AAC3C,CAAC,CAAC","sourcesContent":["import { ReactWrapper } from \"enzyme\";\r\n\r\nexport const enzymeQuerySelectorWrapper = (\r\n\twrapper: ReactWrapper,\r\n\tquerySelectorStr: string,\r\n\telement: HTMLElement | undefined = undefined\r\n) => {\r\n\tconst el = element ?? document.createElement(\"div\");\r\n\tel.innerHTML = wrapper.html();\r\n\treturn el.querySelector(querySelectorStr);\r\n};\r\n"]}

package/react/components/windowTitleBar/WindowTitleBarShell.d.ts

@@ -1,38 +1,65 @@
-export class WindowTitleBarShell extends React.Component<any, any, any> {
-    constructor();
-    store: any;
-    tabBar: any;
-    toolbarRight: any;
-    setTabBarRef: (element: any) => void;
-    setToolbarRight: (element: any) => void;
-    dragEndTimeout: any;
-    alwaysOnTopListener({ data: { alwaysOnTop } }: {
-        data: {
-            alwaysOnTop: any;
-        };
-    }): void;
+import * as React from "react";
+import "../../assets/css/finsemble.css";
+import "../../assets/css/windowTitleBar.css";
+import { StandardError } from "@finsemble/finsemble-core/types/types";
+import StoreModel from "@finsemble/finsemble-core/types/clients/StoreModel";
+import { TabProperties } from "../../types/windowTitleBar";
+interface WindowTitleBarShellProps {
+}
+interface WindowTitleBarShellState {
+    tabs: TabProperties[];
+    activeTab: TabProperties;
+    windowTitle: string;
+    initialized: boolean;
+    alwaysOnTop: boolean;
+    showTabs: boolean;
+    minButton: boolean;
+    maxButton: boolean;
+    closeButton: boolean;
+    showShareButton: boolean;
+    showLinkerButton: boolean;
+    isTopRight: boolean;
+    dockingEnabled: boolean;
+    alwaysOnTopButton: boolean;
+    allowDragOnCenterRegion: boolean;
+    dockingIcon: string;
+    hackScrollbar: boolean;
+    showDockingTooltip: boolean;
+    showTabRegion: boolean;
+    tabBarBoundingBox: any;
+    useDOMBasedMovement: boolean;
+    dragHandleName: string;
+}
+export declare class WindowTitleBarShell extends React.Component<WindowTitleBarShellProps, WindowTitleBarShellState> {
+    store?: StoreModel;
+    constructor(props: WindowTitleBarShellProps);
+    alwaysOnTopListener({ data: { alwaysOnTop } }: any): void;
     bindCorrectContext(): void;
-    onTitleChange(err: any, response: any): void;
-    onShowDockingToolTip(err: any, response: any): void;
-    onToggleDockingIcon(err: any, response: any): void;
-    onDockingEnabledChanged(err: any, response: any): void;
-    onAlwaysOnTopChanged(err: any, response: any): void;
-    showLinkerButton(err: any, response: any): void;
-    isTopRight(err: any, response: any): void;
+    onInitialized(store: StoreModel): void;
+    onStoreChange(): void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    setDOMBasedMovement(err: StandardError, response: any): void;
     allowDragOnCenterRegion(): void;
     disallowDragOnCenterRegion(): void;
-    setDOMBasedMovement(err: any, response: any): void;
-    onShareEmitterChanged(err: any, response: any): void;
-    onTabsChanged(err: any, response: any): void;
-    onShowTabsChanged(err: any, response: any): void;
-    onTilingStop(): void;
     onTilingStart(): void;
-    resizeDragHandle(): void;
-    onDoubleClick(): void;
-    onInitialized(store: any): void;
-    onStoreChange(): void;
+    onTilingStop(): void;
     onDropHandler(): void;
-    onStoreChanged(newState: any): void;
+    onDoubleClick(): void;
+    resizeDragHandle(): void;
+    showLinkerButton(err: StandardError, response: any): void;
+    isTopRight(err: StandardError, response: any): void;
+    onTitleChange(err: StandardError, response: any): void;
+    onShowDockingToolTip(err: StandardError, response: any): void;
+    onToggleDockingIcon(err: StandardError, response: any): void;
+    onDockingEnabledChanged(err: StandardError, response: any): void;
+    onAlwaysOnTopChanged(err: StandardError, response: any): void;
+    onStoreChanged(newState: WindowTitleBarShellState): void;
+    onShareEmitterChanged(err: StandardError, response: any): void;
+    onTabsChanged(err: StandardError, response: any): void;
+    onShowTabsChanged(err: StandardError, response: any): void;
     hackScrollbar(): void;
+    render(): JSX.Element;
 }
-import * as React from "react";
+export {};

package/react/components/windowTitleBar/WindowTitleBarShell.js

@@ -4,51 +4,41 @@ import { storeManager, Actions } from "./stores/windowTitleBarStore";
 import "../../assets/css/finsemble.css";
 import "../../assets/css/windowTitleBar.css";
 export class WindowTitleBarShell extends React.Component {
-    constructor() {
-        super();
-        this.store = null;
-        this.tabBar = null;
-        this.toolbarRight = null;
-        this.setTabBarRef = (element) => {
-            this.tabBar = element;
-        };
-        this.setToolbarRight = (element) => {
-            this.toolbarRight = element;
-        };
+    constructor(props) {
+        super(props);
+        this.store = undefined;
         this.bindCorrectContext();
-        this.dragEndTimeout = null;
         this.state = {
             activeTab: FSBL.Clients.WindowClient.getWindowIdentifier(),
             allowDragOnCenterRegion: true,
             alwaysOnTop: false,
-            alwaysOnTopButton: null,
-            closeButton: null,
-            dockingEnabled: null,
-            dockingIcon: null,
-            hackScrollbar: null,
+            alwaysOnTopButton: false,
+            closeButton: false,
+            dockingEnabled: false,
+            dockingIcon: "",
+            hackScrollbar: false,
             initialized: false,
-            isTopRight: null,
-            maxButton: null,
-            minButton: null,
-            showDockingTooltip: null,
-            showLinkerButton: null,
-            showShareButton: null,
-            showTabs: null,
-            showTabRegion: null,
+            isTopRight: false,
+            maxButton: false,
+            minButton: false,
+            showDockingTooltip: false,
+            showLinkerButton: false,
+            showShareButton: false,
+            showTabs: false,
+            showTabRegion: false,
             tabs: [],
-            tabBarBoundingBox: null,
             tabBarBoundingBox: {},
             windowTitle: "",
             useDOMBasedMovement: true,
             dragHandleName: "fsbl-drag-handle",
         };
-        finsembleWindow.isAlwaysOnTop(null, (err, alwaysOnTop) => {
-            this.setState({ ...this.state, alwaysOnTop });
+        finsembleWindow.isAlwaysOnTop({}, (err, alwaysOnTop) => {
+            this.setState(Object.assign(Object.assign({}, this.state), { alwaysOnTop }));
         });
         finsembleWindow.addEventListener("alwaysOnTop", this.alwaysOnTopListener);
     }
     alwaysOnTopListener({ data: { alwaysOnTop } }) {
-        this.setState({ ...this.state, alwaysOnTop });
+        this.setState(Object.assign(Object.assign({}, this.state), { alwaysOnTop }));
     }
     bindCorrectContext() {
         this.onTitleChange = this.onTitleChange.bind(this);
@@ -86,7 +76,7 @@ export class WindowTitleBarShell extends React.Component {
             { field: "showTabs", listener: this.onShowTabsChanged },
             { field: "hackScrollbar", listener: this.onShowTabsChanged },
             { field: "Main.useDOMBasedMovement", listener: this.setDOMBasedMovement },
-        ]);
+        ], () => { });
         FSBL.Clients.RouterClient.addListener("DockingService.startTilingOrTabbing", this.disallowDragOnCenterRegion);
         FSBL.Clients.RouterClient.addListener("DockingService.stopTilingOrTabbing", this.allowDragOnCenterRegion);
         FSBL.Clients.RouterClient.addListener("DockingService.cancelTilingOrTabbing", this.allowDragOnCenterRegion);
@@ -96,27 +86,28 @@ export class WindowTitleBarShell extends React.Component {
         });
     }
     onStoreChange() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         let activeIdentifier = finsembleWindow.identifier;
-        activeIdentifier.title = this.store.getValue({
+        activeIdentifier.title = (_a = this.store) === null || _a === void 0 ? void 0 : _a.getValue({
             field: "Main.windowTitle",
         });
         this.setState({
-            windowTitle: this.store.getValue({ field: "Main.windowTitle" }),
-            minButton: !this.store.getValue({ field: "Minimize.hide" }),
-            maxButton: !this.store.getValue({ field: "Maximize.hide" }),
-            closeButton: !this.store.getValue({ field: "Close.hide" }),
-            showLinkerButton: this.store.getValue({
+            windowTitle: (_b = this.store) === null || _b === void 0 ? void 0 : _b.getValue({ field: "Main.windowTitle" }),
+            minButton: !((_c = this.store) === null || _c === void 0 ? void 0 : _c.getValue({ field: "Minimize.hide" })),
+            maxButton: !((_d = this.store) === null || _d === void 0 ? void 0 : _d.getValue({ field: "Maximize.hide" })),
+            closeButton: !((_e = this.store) === null || _e === void 0 ? void 0 : _e.getValue({ field: "Close.hide" })),
+            showLinkerButton: (_f = this.store) === null || _f === void 0 ? void 0 : _f.getValue({
                 field: "Linker.showLinkerButton",
             }),
-            showShareButton: this.store.getValue({
+            showShareButton: (_g = this.store) === null || _g === void 0 ? void 0 : _g.getValue({
                 field: "Sharer.emitterEnabled",
             }),
-            isTopRight: this.store.getValue({ field: "isTopRight" }),
-            alwaysOnTopButton: this.store.getValue({
+            isTopRight: (_h = this.store) === null || _h === void 0 ? void 0 : _h.getValue({ field: "isTopRight" }),
+            alwaysOnTopButton: (_j = this.store) === null || _j === void 0 ? void 0 : _j.getValue({
                 field: "AlwaysOnTop.show",
             }),
-            showTabs: this.store.getValue({ field: "showTabs" }),
-            hackScrollbar: this.store.getValue({ field: "hackScrollbar" }),
+            showTabs: (_k = this.store) === null || _k === void 0 ? void 0 : _k.getValue({ field: "showTabs" }),
+            hackScrollbar: (_l = this.store) === null || _l === void 0 ? void 0 : _l.getValue({ field: "hackScrollbar" }),
             tabs: [activeIdentifier],
         });
     }
@@ -127,8 +118,7 @@ export class WindowTitleBarShell extends React.Component {
             }
         });
         let header = document.getElementsByClassName("fsbl-header")[0];
-        let headerHeight = window.getComputedStyle(header, null).getPropertyValue("height");
-        document.body.style.marginTop = headerHeight;
+        document.body.style.marginTop = window.getComputedStyle(header, null).getPropertyValue("height");
         this.resizeDragHandle();
         this.hackScrollbar();
         storeManager.addInitializedListener(this.onInitialized);
@@ -138,9 +128,10 @@ export class WindowTitleBarShell extends React.Component {
         this.resizeDragHandle();
     }
     componentWillUnmount() {
+        var _a;
         storeManager.removeInitializedListener(this.onInitialized);
         if (this.state.initialized) {
-            this.store.removeListeners([
+            (_a = this.store) === null || _a === void 0 ? void 0 : _a.removeListeners([
                 { field: "Main.windowTitle", listener: this.onTitleChange },
                 {
                     field: "Main.showDockingTooltip",
@@ -160,7 +151,7 @@ export class WindowTitleBarShell extends React.Component {
                 { field: "isTopRight", listener: this.isTopRight },
                 { field: "tabs", listener: this.onTabsChanged },
                 { field: "showTabs", listener: this.onShowTabsChanged },
-            ]);
+            ], () => { }, () => { });
             FSBL.Clients.RouterClient.removeListener("DockingService.startTilingOrTabbing", this.disallowDragOnCenterRegion);
             FSBL.Clients.RouterClient.removeListener("DockingService.stopTilingOrTabbing", this.allowDragOnCenterRegion);
         }
@@ -196,12 +187,13 @@ export class WindowTitleBarShell extends React.Component {
         }
     }
     onDropHandler() {
-        FSBL.Clients.WindowClient.cancelTilingOrTabbing({});
+        FSBL.Clients.RouterClient.transmit("DockingService.cancelTilingOrTabbing", {});
     }
     onDoubleClick() {
         Actions.clickMaximize();
     }
     resizeDragHandle() {
+        var _a;
         try {
             const fsblHeader = document.querySelector(".fsbl-header");
             if (!fsblHeader) {
@@ -236,7 +228,7 @@ export class WindowTitleBarShell extends React.Component {
             }
             let dragHandleToRemove = document.querySelector(`.${dragHandleToRemoveClass}`);
             if (dragHandleToRemove) {
-                dragHandleToRemove.parentNode.removeChild(dragHandleToRemove);
+                (_a = dragHandleToRemove.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(dragHandleToRemove);
             }
             let bounds = fsblHeader.getBoundingClientRect();
             dragHandle.style.height = `${bounds.height - 5}px`;
@@ -257,7 +249,7 @@ export class WindowTitleBarShell extends React.Component {
                     let fsblHeaderCenter = document.querySelector(".fsbl-header-center");
                     if (fsblHeaderCenter)
                         bounds = fsblHeaderCenter.getBoundingClientRect();
-                    const tabRegionWrapperDiv = fsblHeaderCenter.querySelector(".tab-region-wrapper div");
+                    const tabRegionWrapperDiv = fsblHeaderCenter === null || fsblHeaderCenter === void 0 ? void 0 : fsblHeaderCenter.querySelector(".tab-region-wrapper div.fsbl-header-title");
                     if (tabRegionWrapperDiv) {
                         const theTabBounds = tabRegionWrapperDiv.getBoundingClientRect();
                         bounds = {
@@ -341,8 +333,12 @@ export class WindowTitleBarShell extends React.Component {
     }
     hackScrollbar() {
         if (this.state.hackScrollbar) {
-            document.querySelector("html").style.overflowY = "hidden";
-            document.querySelector("body").style.overflowY = "auto";
+            const htmlElement = document.querySelector("html");
+            if (htmlElement)
+                htmlElement.style.overflowY = "hidden";
+            const bodyElement = document.querySelector("body");
+            if (bodyElement)
+                bodyElement.style.overflowY = "auto";
         }
     }
     render() {
@@ -375,6 +371,7 @@ export class WindowTitleBarShell extends React.Component {
             showAlwaysOnTopButton: this.state.alwaysOnTopButton && showMinimizeIcon,
             showTabs: this.state.showTabs,
             alwaysOnTop: this.state.alwaysOnTop,
+            useDOMBasedMovement: this.state.useDOMBasedMovement,
         };
         return (React.createElement("div", { className: headerClasses, onDrop: this.onDropHandler.bind(this) }, this.state.initialized && (React.createElement(WindowTitleBarContext.Provider, { value: context }, this.props.children))));
     }

package/react/components/windowTitleBar/WindowTitleBarShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"WindowTitleBarShell.js","sourceRoot":"","sources":["../../../src/components/windowTitleBar/WindowTitleBarShell.jsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport * as React from \"react\";\r\nimport { WindowTitleBarContext } from \"./windowTitleBarContext\";\r\nimport { storeManager, Actions } from \"./stores/windowTitleBarStore\";\r\nimport \"../../assets/css/finsemble.css\";\r\nimport \"../../assets/css/windowTitleBar.css\";\r\nexport class WindowTitleBarShell extends React.Component {\r\n\tconstructor() {\r\n\t\tsuper();\r\n\t\tthis.store = null;\r\n\r\n\t\tthis.tabBar = null;\r\n\t\tthis.toolbarRight = null;\r\n\r\n\t\tthis.setTabBarRef = (element) => {\r\n\t\t\tthis.tabBar = element;\r\n\t\t};\r\n\r\n\t\tthis.setToolbarRight = (element) => {\r\n\t\t\tthis.toolbarRight = element;\r\n\t\t};\r\n\r\n\t\tthis.bindCorrectContext();\r\n\t\tthis.dragEndTimeout = null;\r\n\t\tthis.state = {\r\n\t\t\tactiveTab: FSBL.Clients.WindowClient.getWindowIdentifier(),\r\n\t\t\tallowDragOnCenterRegion: true,\r\n\t\t\talwaysOnTop: false,\r\n\t\t\talwaysOnTopButton: null,\r\n\t\t\tcloseButton: null,\r\n\t\t\tdockingEnabled: null,\r\n\t\t\tdockingIcon: null,\r\n\t\t\thackScrollbar: null,\r\n\t\t\tinitialized: false,\r\n\t\t\tisTopRight: null,\r\n\t\t\tmaxButton: null,\r\n\t\t\tminButton: null,\r\n\t\t\tshowDockingTooltip: null,\r\n\t\t\tshowLinkerButton: null,\r\n\t\t\tshowShareButton: null,\r\n\t\t\tshowTabs: null,\r\n\t\t\tshowTabRegion: null,\r\n\t\t\ttabs: [],\r\n\t\t\ttabBarBoundingBox: null,\r\n\t\t\ttabBarBoundingBox: {},\r\n\t\t\twindowTitle: \"\",\r\n\t\t\tuseDOMBasedMovement: true,\r\n\t\t\tdragHandleName: \"fsbl-drag-handle\",\r\n\t\t};\r\n\r\n\t\tfinsembleWindow.isAlwaysOnTop(null, (err, alwaysOnTop) => {\r\n\t\t\tthis.setState({ ...this.state, alwaysOnTop });\r\n\t\t});\r\n\r\n\t\tfinsembleWindow.addEventListener(\"alwaysOnTop\", this.alwaysOnTopListener);\r\n\t}\r\n\r\n\talwaysOnTopListener({ data: { alwaysOnTop } }) {\r\n\t\tthis.setState({ ...this.state, alwaysOnTop });\r\n\t}\r\n\r\n\t/**\r\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\r\n\t *\r\n\t * @memberof WindowTitleBar\r\n\t */\r\n\tbindCorrectContext() {\r\n\t\tthis.onTitleChange = this.onTitleChange.bind(this);\r\n\t\tthis.onShowDockingToolTip = this.onShowDockingToolTip.bind(this);\r\n\t\tthis.onToggleDockingIcon = this.onToggleDockingIcon.bind(this);\r\n\t\tthis.onDockingEnabledChanged = this.onDockingEnabledChanged.bind(this);\r\n\t\tthis.onAlwaysOnTopChanged = this.onAlwaysOnTopChanged.bind(this);\r\n\t\tthis.showLinkerButton = this.showLinkerButton.bind(this);\r\n\t\tthis.isTopRight = this.isTopRight.bind(this);\r\n\t\tthis.allowDragOnCenterRegion = this.allowDragOnCenterRegion.bind(this);\r\n\t\tthis.disallowDragOnCenterRegion = this.disallowDragOnCenterRegion.bind(this);\r\n\t\tthis.setDOMBasedMovement = this.setDOMBasedMovement.bind(this);\r\n\t\tthis.onShareEmitterChanged = this.onShareEmitterChanged.bind(this);\r\n\t\tthis.onTabsChanged = this.onTabsChanged.bind(this);\r\n\t\tthis.onShowTabsChanged = this.onShowTabsChanged.bind(this);\r\n\t\tthis.onTilingStop = this.onTilingStop.bind(this);\r\n\t\tthis.onTilingStart = this.onTilingStart.bind(this);\r\n\t\tthis.resizeDragHandle = this.resizeDragHandle.bind(this);\r\n\t\tthis.onDoubleClick = this.onDoubleClick.bind(this);\r\n\t\tthis.alwaysOnTopListener = this.alwaysOnTopListener.bind(this);\r\n\t\tthis.onInitialized = this.onInitialized.bind(this);\r\n\t}\r\n\r\n\tonInitialized(store) {\r\n\t\tthis.store = store;\r\n\t\tthis.store.addListeners([\r\n\t\t\t{ field: \"Main.windowTitle\", listener: this.onTitleChange },\r\n\t\t\t{ field: \"Main.showDockingTooltip\", listener: this.onShowDockingToolTip },\r\n\t\t\t{ field: \"Main.dockingIcon\", listener: this.onToggleDockingIcon },\r\n\t\t\t{ field: \"Main.dockingEnabled\", listener: this.onDockingEnabledChanged },\r\n\t\t\t{ field: \"AlwaysOnTop.show\", listener: this.onAlwaysOnTopChanged },\r\n\t\t\t{ field: \"Linker.showLinkerButton\", listener: this.showLinkerButton },\r\n\t\t\t{ field: \"Sharer.emitterEnabled\", listener: this.onShareEmitterChanged },\r\n\t\t\t{ field: \"isTopRight\", listener: this.isTopRight },\r\n\t\t\t{ field: \"tabs\", listener: this.onTabsChanged },\r\n\t\t\t{ field: \"showTabs\", listener: this.onShowTabsChanged },\r\n\t\t\t{ field: \"hackScrollbar\", listener: this.onShowTabsChanged },\r\n\t\t\t{ field: \"Main.useDOMBasedMovement\", listener: this.setDOMBasedMovement },\r\n\t\t]);\r\n\r\n\t\tFSBL.Clients.RouterClient.addListener(\"DockingService.startTilingOrTabbing\", this.disallowDragOnCenterRegion);\r\n\t\tFSBL.Clients.RouterClient.addListener(\"DockingService.stopTilingOrTabbing\", this.allowDragOnCenterRegion);\r\n\t\tFSBL.Clients.RouterClient.addListener(\"DockingService.cancelTilingOrTabbing\", this.allowDragOnCenterRegion);\r\n\r\n\t\tthis.onStoreChange();\r\n\t\tthis.setState({\r\n\t\t\tinitialized: true,\r\n\t\t});\r\n\t}\r\n\r\n\tonStoreChange() {\r\n\t\tlet activeIdentifier = finsembleWindow.identifier;\r\n\t\tactiveIdentifier.title = this.store.getValue({\r\n\t\t\tfield: \"Main.windowTitle\",\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\twindowTitle: this.store.getValue({ field: \"Main.windowTitle\" }),\r\n\t\t\tminButton: !this.store.getValue({ field: \"Minimize.hide\" }),\r\n\t\t\tmaxButton: !this.store.getValue({ field: \"Maximize.hide\" }),\r\n\t\t\tcloseButton: !this.store.getValue({ field: \"Close.hide\" }),\r\n\t\t\tshowLinkerButton: this.store.getValue({\r\n\t\t\t\tfield: \"Linker.showLinkerButton\",\r\n\t\t\t}),\r\n\t\t\tshowShareButton: this.store.getValue({\r\n\t\t\t\tfield: \"Sharer.emitterEnabled\",\r\n\t\t\t}),\r\n\t\t\tisTopRight: this.store.getValue({ field: \"isTopRight\" }),\r\n\t\t\talwaysOnTopButton: this.store.getValue({\r\n\t\t\t\tfield: \"AlwaysOnTop.show\",\r\n\t\t\t}),\r\n\t\t\tshowTabs: this.store.getValue({ field: \"showTabs\" }),\r\n\t\t\thackScrollbar: this.store.getValue({ field: \"hackScrollbar\" }),\r\n\t\t\ttabs: [activeIdentifier], // array of tabs for this window\r\n\t\t});\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\t// Goal: If a user gets focus into the title bar (if they Alt+Tab or Cmd+Tab into the window),\r\n\t\t// we want to let get into the rest of the component using the keyboard alone. The UX for\r\n\t\t// this task will be to seemingly TAB from the title bar into the window, if possible.\r\n\t\t// Code: If the user presses the \"Tab\" key, move their focus to the browser view\r\n\t\twindow.addEventListener(\"keydown\", (e) => {\r\n\t\t\tif (e.key === \"Tab\") {\r\n\t\t\t\t// This magic moves focus to a browserView, if one exists\r\n\t\t\t\tfinsembleWindow.focus();\r\n\t\t\t}\r\n\t\t});\r\n\t\tlet header = document.getElementsByClassName(\"fsbl-header\")[0];\r\n\t\tlet headerHeight = window.getComputedStyle(header, null).getPropertyValue(\"height\");\r\n\t\tdocument.body.style.marginTop = headerHeight;\r\n\t\tthis.resizeDragHandle();\r\n\t\tthis.hackScrollbar();\r\n\t\tstoreManager.addInitializedListener(this.onInitialized);\r\n\t\tstoreManager.initialize();\r\n\t}\r\n\r\n\tcomponentDidUpdate() {\r\n\t\tthis.resizeDragHandle();\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tstoreManager.removeInitializedListener(this.onInitialized);\r\n\t\tif (this.state.initialized) {\r\n\t\t\tthis.store.removeListeners([\r\n\t\t\t\t{ field: \"Main.windowTitle\", listener: this.onTitleChange },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"Main.showDockingTooltip\",\r\n\t\t\t\t\tlistener: this.onShowDockingToolTip,\r\n\t\t\t\t},\r\n\t\t\t\t{ field: \"Main.dockingIcon\", listener: this.onToggleDockingIcon },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"Main.dockingEnabled\",\r\n\t\t\t\t\tlistener: this.onDockingEnabledChanged,\r\n\t\t\t\t},\r\n\t\t\t\t{ field: \"AlwaysOnTop.show\", listener: this.onAlwaysOnTopChanged },\r\n\t\t\t\t{ field: \"Linker.showLinkerButton\", listener: this.showLinkerButton },\r\n\t\t\t\t{\r\n\t\t\t\t\tfield: \"Sharer.emitterEnabled\",\r\n\t\t\t\t\tlistener: this.onShareEmitterChanged,\r\n\t\t\t\t},\r\n\t\t\t\t{ field: \"isTopRight\", listener: this.isTopRight },\r\n\t\t\t\t{ field: \"tabs\", listener: this.onTabsChanged },\r\n\t\t\t\t{ field: \"showTabs\", listener: this.onShowTabsChanged },\r\n\t\t\t]);\r\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"DockingService.startTilingOrTabbing\", this.disallowDragOnCenterRegion);\r\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"DockingService.stopTilingOrTabbing\", this.allowDragOnCenterRegion);\r\n\t\t}\r\n\t}\r\n\r\n\tsetDOMBasedMovement(err, response) {\r\n\t\tif (response && response.hasOwnProperty(\"value\")) {\r\n\t\t\tthis.setState(\r\n\t\t\t\t{\r\n\t\t\t\t\tuseDOMBasedMovement: response.value,\r\n\t\t\t\t\tdragHandleName: response.value ? \"fsbl-drag-handle\" : \"fsbl-drag-handle-native-movement\",\r\n\t\t\t\t},\r\n\t\t\t\tthis.resizeDragHandle\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * When we are not tiling/tabbing, we want to allow the user to drag the window around via any available space in the tab-region. This function allows that.\r\n\t */\r\n\tallowDragOnCenterRegion() {\r\n\t\tthis.setState({\r\n\t\t\tallowDragOnCenterRegion: true,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * When we are tiling/tabbing, we do not want to allow any window to be dragged around and moved.\r\n\t */\r\n\tdisallowDragOnCenterRegion() {\r\n\t\tthis.setState({\r\n\t\t\tallowDragOnCenterRegion: false,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * When tiling start, we want to find the dragHandler and hide it\r\n\t */\r\n\tonTilingStart() {\r\n\t\tlet dragHandle = document.querySelector(`.${this.state.dragHandleName}`);\r\n\t\tif (dragHandle) {\r\n\t\t\tdragHandle.classList.add(\"hidden\");\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * When tiling stops, we want to find the dragHandler and re-show it\r\n\t */\r\n\tonTilingStop() {\r\n\t\tlet dragHandle = document.querySelector(`.${this.state.dragHandleName}.hidden`);\r\n\t\tif (dragHandle) {\r\n\t\t\tdragHandle.classList.remove(\"hidden\");\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Called whenever a tab is dropped on a non tab area.\r\n\t * It won't be called when dropped on a tab that handles handle the event.\r\n\t */\r\n\tonDropHandler() {\r\n\t\tFSBL.Clients.WindowClient.cancelTilingOrTabbing({});\r\n\t}\r\n\r\n\t/**\r\n\t * Called when user double clicks on drag handle\r\n\t */\r\n\tonDoubleClick() {\r\n\t\t// Actions.clickMaximize checks the window state\r\n\t\t// and toggles between maximize and minimize.\r\n\t\tActions.clickMaximize();\r\n\t}\r\n\r\n\t/**\r\n\t * The dragger is an absolutely positioned element that is superimposed on the actual area that we'd like to drag.\r\n\t * This is necessary due to a bug in Chromium. Effectively, we need the dragger to change its left position and width\r\n\t * to match the intended drag area. These dimensions can change whenever the header is re-rendered (for instance when\r\n\t * changing mode from tabbing to non-tabbing). Dimensions can also change when the window itself is resized (due to natural\r\n\t * css).\r\n\t *\r\n\t * TODO, remove all of the cq-drag and cq-no-drag\r\n\t * Remove fsbl-drag-region, it is no longer needed\r\n\t * Hide the dragHandle during drop operations, so that it doesn't interfere\r\n\t */\r\n\tresizeDragHandle() {\r\n\t\ttry {\r\n\t\t\tconst fsblHeader = document.querySelector(\".fsbl-header\");\r\n\t\t\tif (!fsblHeader) {\r\n\t\t\t\t// If there isn't an FSBLHeader then there doesn't need to be a drag handle.\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst dragHandleCssClass = this.state.useDOMBasedMovement\r\n\t\t\t\t? \"fsbl-drag-handle\"\r\n\t\t\t\t: \"fsbl-drag-handle-native-movement\";\r\n\r\n\t\t\tconst dragHandleToRemoveClass = this.state.useDOMBasedMovement\r\n\t\t\t\t? \"fsbl-drag-handle-native-movement\"\r\n\t\t\t\t: \"fsbl-drag-handle\";\r\n\r\n\t\t\t// Create the dragger if it doesn't already exist\r\n\t\t\tlet dragHandle = document.querySelector(`.${dragHandleCssClass}`);\r\n\t\t\tif (!dragHandle) {\r\n\t\t\t\tdragHandle = document.createElement(\"div\");\r\n\t\t\t\tdragHandle.className = dragHandleCssClass;\r\n\t\t\t\tconst handleMouseDown = (event) => {\r\n\t\t\t\t\tFSBL.Clients.WindowClient.startMovingWindow(event);\r\n\t\t\t\t};\r\n\t\t\t\tconst handleMouseUp = () => {\r\n\t\t\t\t\tFSBL.Clients.WindowClient.stopMovingWindow();\r\n\t\t\t\t};\r\n\r\n\t\t\t\tdragHandle.onmousedown = handleMouseDown;\r\n\t\t\t\tdragHandle.onmouseup = handleMouseUp;\r\n\t\t\t\tdragHandle.ondblclick = () => {\r\n\t\t\t\t\tthis.onDoubleClick();\r\n\t\t\t\t};\r\n\t\t\t\tfsblHeader.insertBefore(dragHandle, fsblHeader.firstChild);\r\n\t\t\t\tvar self = this;\r\n\t\t\t\twindow.addEventListener(\"resize\", () => {\r\n\t\t\t\t\tself.resizeDragHandle();\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\t// When the titlebar starts up, useDOMBasedMovement will have a default value that is not the same as the config value\r\n\t\t\t// When the value from the config propagates down to the UI, we need to make sure the old drag handle is removed in place of the new\r\n\t\t\tlet dragHandleToRemove = document.querySelector(`.${dragHandleToRemoveClass}`);\r\n\t\t\tif (dragHandleToRemove) {\r\n\t\t\t\tdragHandleToRemove.parentNode.removeChild(dragHandleToRemove);\r\n\t\t\t}\r\n\r\n\t\t\t// Set the height of the dragHandle to match the height of the window title bar\r\n\t\t\t// Do this every time through the render loop just in case a customer builds a\r\n\t\t\t// header bar with dynamic height!\r\n\t\t\tlet bounds = fsblHeader.getBoundingClientRect();\r\n\t\t\tdragHandle.style.height = `${bounds.height - 5}px`; // Subtract 5 pixels from height in order to make room for resize window cursor at top edge of window\r\n\t\t\tdragHandle.style.marginTop = `${-bounds.height + 5}px`; // Negative margin pulls the drag handle up over the fixed header\r\n\r\n\t\t\t// Start logic for determining where to place our dragHandle\r\n\t\t\tif (this.state.showTabs) {\r\n\t\t\t\t// If there is more than one tab, then the drag area is the padding-left of fsbl-header-right\r\n\t\t\t\t// See .fsbl-tabs-multiple in the css\r\n\t\t\t\tif (this.state.tabs.length > 1) {\r\n\t\t\t\t\tlet headerRight = document.querySelector(\".fsbl-header-right\");\r\n\t\t\t\t\tif (headerRight) {\r\n\t\t\t\t\t\tlet computedStyle = getComputedStyle(headerRight);\r\n\t\t\t\t\t\tbounds = headerRight.getBoundingClientRect();\r\n\t\t\t\t\t\t// override the bounds.width with the paddingLeft amount\r\n\t\t\t\t\t\tbounds = {\r\n\t\t\t\t\t\t\tleft: bounds.left,\r\n\t\t\t\t\t\t\twidth: parseInt(computedStyle.paddingLeft, 10),\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// If tabs are not enabled, then the remained of fsbl-header-center beyond the tabs\r\n\t\t\t\t\t// is the draggable area. This assumes left aligned tabs.\r\n\t\t\t\t\tlet fsblHeaderCenter = document.querySelector(\".fsbl-header-center\");\r\n\t\t\t\t\tif (fsblHeaderCenter) bounds = fsblHeaderCenter.getBoundingClientRect();\r\n\t\t\t\t\tconst tabRegionWrapperDiv = fsblHeaderCenter.querySelector(\".tab-region-wrapper div\");\r\n\t\t\t\t\tif (tabRegionWrapperDiv) {\r\n\t\t\t\t\t\tconst theTabBounds = tabRegionWrapperDiv.getBoundingClientRect();\r\n\t\t\t\t\t\t// Calculate the right portion\r\n\t\t\t\t\t\tbounds = {\r\n\t\t\t\t\t\t\tleft: bounds.left + theTabBounds.width,\r\n\t\t\t\t\t\t\twidth: bounds.width - theTabBounds.width,\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t// If tabs are not enabled, then the entire center is the drag area\r\n\t\t\t\tlet fsblHeaderCenter = document.querySelector(\".fsbl-header-center\");\r\n\t\t\t\tif (fsblHeaderCenter) bounds = fsblHeaderCenter.getBoundingClientRect();\r\n\t\t\t}\r\n\r\n\t\t\tif (bounds) {\r\n\t\t\t\tdragHandle.style.left = `${bounds.left}px`;\r\n\t\t\t\tdragHandle.style.width = `${bounds.width}px`;\r\n\t\t\t}\r\n\r\n\t\t\t// Add an event listener to hide the drag-handler when tiling is started\r\n\t\t\tFSBL.Clients.RouterClient.addListener(\"DockingService.startTilingOrTabbing\", this.onTilingStart);\r\n\r\n\t\t\t// Add an event listener to show the drag-handler when tiling is stopped or cancelled\r\n\t\t\tFSBL.Clients.RouterClient.addListener(\"DockingService.stopTilingOrTabbing\", this.onTilingStop);\r\n\t\t\tFSBL.Clients.RouterClient.addListener(\"DockingService.cancelTilingOrTabbing\", this.onTilingStop);\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(error);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Whether the component's config allows for the linker.\r\n\t * @param {} err\r\n\t * @param {*} response\r\n\t */\r\n\tshowLinkerButton(err, response) {\r\n\t\tthis.setState({ showLinkerButton: response.value });\r\n\t}\r\n\r\n\t/**\r\n\t * Whether the window is the top-right-most window in a group of windows. If so, it renders a minimize icon for the whole group.\r\n\t * @param {} err\r\n\t * @param {*} response\r\n\t */\r\n\tisTopRight(err, response) {\r\n\t\tthis.setState({ isTopRight: response.value });\r\n\t}\r\n\r\n\t/**\r\n\t * @todo generalize. We'll need to capture title changes from every window in our stack.\r\n\t * @param {*} err\r\n\t * @param {*} response\r\n\t */\r\n\tonTitleChange(err, response) {\r\n\t\tlet { tabs } = this.state;\r\n\t\tlet myIdentifier = FSBL.Clients.WindowClient.getWindowIdentifier();\r\n\r\n\t\ttabs = tabs.map((el) => {\r\n\t\t\tif (!el.windowName && el.name) el.windowName = el.name;\r\n\t\t\tif (!el.name && el.windowName) el.name = el.windowName;\r\n\t\t\treturn el;\r\n\t\t});\r\n\r\n\t\tconst myIndex = tabs.findIndex((el) => el.name === myIdentifier.windowName);\r\n\t\tif (myIndex === -1) return;\r\n\r\n\t\tlet myTab = tabs[myIndex] || {};\r\n\t\tmyTab.title = response.value;\r\n\t\ttabs.splice(myIndex, 1, myTab);\r\n\r\n\t\tthis.setState({\r\n\t\t\twindowTitle: response.value,\r\n\t\t\ttabs: tabs,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * The next few methods are store change handlers that sync local state with the store's state.\r\n\t */\r\n\tonShowDockingToolTip(err, response) {\r\n\t\tthis.setState({ showDockingTooltip: response.value });\r\n\t}\r\n\r\n\tonToggleDockingIcon(err, response) {\r\n\t\tthis.setState({ dockingIcon: response.value });\r\n\t}\r\n\r\n\tonDockingEnabledChanged(err, response) {\r\n\t\tthis.setState({ dockingEnabled: response.value });\r\n\t}\r\n\r\n\tonAlwaysOnTopChanged(err, response) {\r\n\t\tthis.setState({ alwaysOnTopButton: response.value });\r\n\t}\r\n\r\n\tonStoreChanged(newState) {\r\n\t\tthis.setState(newState);\r\n\t}\r\n\r\n\tonShareEmitterChanged(err, response) {\r\n\t\tthis.setState({ showShareButton: response.value });\r\n\t}\r\n\r\n\tonTabsChanged(err, response) {\r\n\t\tthis.setState({\r\n\t\t\ttabs: response.value,\r\n\t\t});\r\n\t}\r\n\r\n\tonShowTabsChanged(err, response) {\r\n\t\tthis.setState({\r\n\t\t\tshowTabs: response.value,\r\n\t\t});\r\n\t}\r\n\r\n\t// Hack the window's scrollbar so that it displays underneath the header. html.overflow: hidden body.overflow:auto\r\n\t// This is turned on by default. Set \"Window Manager.hackScrollbar: false\" to turn it off\r\n\thackScrollbar() {\r\n\t\tif (this.state.hackScrollbar) {\r\n\t\t\tdocument.querySelector(\"html\").style.overflowY = \"hidden\";\r\n\t\t\tdocument.querySelector(\"body\").style.overflowY = \"auto\";\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet showDockingIcon = !this.state.dockingEnabled ? false : this.state.dockingIcon;\r\n\t\tlet isGrouped = this.state.dockingIcon == \"ejector\";\r\n\t\tlet showMinimizeIcon = (isGrouped && this.state.isTopRight) || !isGrouped; // If not in a group or if topright in a group\r\n\t\tlet tabRegionClasses = \"fsbl-tab-area\";\r\n\t\tlet headerClasses = \"fsbl-header\";\r\n\r\n\t\t// If we're showing tabs, we throw these classes on to modify styles.\r\n\t\tif (this.state.showTabs) {\r\n\t\t\theaderClasses = `${headerClasses} fsbl-tabs-enabled`;\r\n\t\t}\r\n\t\tif (this.state.tabs.length > 1) {\r\n\t\t\theaderClasses = `${headerClasses} fsbl-tabs-multiple`;\r\n\t\t}\r\n\t\tconst context = {\r\n\t\t\tshowLinkerButton: this.state.showLinkerButton,\r\n\t\t\tshowShareButton: this.state.showShareButton,\r\n\t\t\tshowTabRegion: this.state.showTabs,\r\n\t\t\tshowMinimizeButton: this.state.minButton && showMinimizeIcon,\r\n\t\t\tshowMaximizeButton: this.state.maxButton,\r\n\t\t\tonTabDropped: this.allowDragOnCenterRegion,\r\n\t\t\tshowDockingButton: showDockingIcon,\r\n\t\t\tshowCloseButton: this.state.closeButton,\r\n\t\t\tclassName: tabRegionClasses,\r\n\t\t\tthisWindowTitle: this.state.windowTitle,\r\n\t\t\tboundingBox: this.state.tabBarBoundingBox,\r\n\t\t\tlistenForDragOver: !this.state.allowDragOnCenterRegion,\r\n\t\t\ttabs: this.state.tabs,\r\n\t\t\tonTitleUpdated: this.resizeDragHandle,\r\n\t\t\tshowAlwaysOnTopButton: this.state.alwaysOnTopButton && showMinimizeIcon,\r\n\t\t\tshowTabs: this.state.showTabs,\r\n\t\t\talwaysOnTop: this.state.alwaysOnTop,\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t<div className={headerClasses} onDrop={this.onDropHandler.bind(this)}>\r\n\t\t\t\t{this.state.initialized && (\r\n\t\t\t\t\t<WindowTitleBarContext.Provider value={context}>{this.props.children}</WindowTitleBarContext.Provider>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"WindowTitleBarShell.js","sourceRoot":"","sources":["../../../src/components/windowTitleBar/WindowTitleBarShell.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport * as React from \"react\";\r\nimport { WindowTitleBarContext } from \"./windowTitleBarContext\";\r\nimport { storeManager, Actions } from \"./stores/windowTitleBarStore\";\r\nimport \"../../assets/css/finsemble.css\";\r\nimport \"../../assets/css/windowTitleBar.css\";\r\nimport { StandardError } from \"@finsemble/finsemble-core/types/types\";\r\nimport StoreModel from \"@finsemble/finsemble-core/types/clients/StoreModel\";\r\nimport { TabProperties } from \"../../types/windowTitleBar\";\r\n\r\ninterface WindowTitleBarShellProps {}\r\n\r\ninterface WindowTitleBarShellState {\r\n\ttabs: TabProperties[];\r\n\tactiveTab: TabProperties;\r\n\twindowTitle: string;\r\n\tinitialized: boolean;\r\n\talwaysOnTop: boolean;\r\n\tshowTabs: boolean;\r\n\tminButton: boolean;\r\n\tmaxButton: boolean;\r\n\tcloseButton: boolean;\r\n\tshowShareButton: boolean;\r\n\tshowLinkerButton: boolean;\r\n\tisTopRight: boolean;\r\n\tdockingEnabled: boolean;\r\n\talwaysOnTopButton: boolean;\r\n\tallowDragOnCenterRegion: boolean;\r\n\tdockingIcon: string;\r\n\thackScrollbar: boolean;\r\n\tshowDockingTooltip: boolean;\r\n\tshowTabRegion: boolean;\r\n\ttabBarBoundingBox: any;\r\n\tuseDOMBasedMovement: boolean;\r\n\tdragHandleName: string;\r\n}\r\n\r\nexport class WindowTitleBarShell extends React.Component<WindowTitleBarShellProps, WindowTitleBarShellState> {\r\n\tstore?: StoreModel;\r\n\r\n\tconstructor(props: WindowTitleBarShellProps) {\r\n\t\tsuper(props);\r\n\t\tthis.store = undefined;\r\n\r\n\t\tthis.bindCorrectContext();\r\n\t\tthis.state = {\r\n\t\t\tactiveTab: FSBL.Clients.WindowClient.getWindowIdentifier() as TabProperties,\r\n\t\t\tallowDragOnCenterRegion: true,\r\n\t\t\talwaysOnTop: false,\r\n\t\t\talwaysOnTopButton: false,\r\n\t\t\tcloseButton: false,\r\n\t\t\tdockingEnabled: false,\r\n\t\t\tdockingIcon: \"\",\r\n\t\t\thackScrollbar: false,\r\n\t\t\tinitialized: false,\r\n\t\t\tisTopRight: false,\r\n\t\t\tmaxButton: false,\r\n\t\t\tminButton: false,\r\n\t\t\tshowDockingTooltip: false,\r\n\t\t\tshowLinkerButton: false,\r\n\t\t\tshowShareButton: false,\r\n\t\t\tshowTabs: false,\r\n\t\t\tshowTabRegion: false,\r\n\t\t\ttabs: [],\r\n\t\t\ttabBarBoundingBox: {},\r\n\t\t\twindowTitle: \"\",\r\n\t\t\tuseDOMBasedMovement: true,\r\n\t\t\tdragHandleName: \"fsbl-drag-handle\",\r\n\t\t};\r\n\r\n\t\tfinsembleWindow.isAlwaysOnTop({}, (err, alwaysOnTop: boolean) => {\r\n\t\t\tthis.setState({ ...this.state, alwaysOnTop });\r\n\t\t});\r\n\r\n\t\tfinsembleWindow.addEventListener(\"alwaysOnTop\", this.alwaysOnTopListener);\r\n\t}\r\n\r\n\talwaysOnTopListener({ data: { alwaysOnTop } }: any) {\r\n\t\tthis.setState({ ...this.state, alwaysOnTop });\r\n\t}\r\n\r\n\t/**\r\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\r\n\t *\r\n\t * @memberof WindowTitleBar\r\n\t */\r\n\tbindCorrectContext() {\r\n\t\tthis.onTitleChange = this.onTitleChange.bind(this);\r\n\t\tthis.onShowDockingToolTip = this.onShowDockingToolTip.bind(this);\r\n\t\tthis.onToggleDockingIcon = this.onToggleDockingIcon.bind(this);\r\n\t\tthis.onDockingEnabledChanged = this.onDockingEnabledChanged.bind(this);\r\n\t\tthis.onAlwaysOnTopChanged = this.onAlwaysOnTopChanged.bind(this);\r\n\t\tthis.showLinkerButton = this.showLinkerButton.bind(this);\r\n\t\tthis.isTopRight = this.isTopRight.bind(this);\r\n\t\tthis.allowDragOnCenterRegion = this.allowDragOnCenterRegion.bind(this);\r\n\t\tthis.disallowDragOnCenterRegion = this.disallowDragOnCenterRegion.bind(this);\r\n\t\tthis.setDOMBasedMovement = this.setDOMBasedMovement.bind(this);\r\n\t\tthis.onShareEmitterChanged = this.onShareEmitterChanged.bind(this);\r\n\t\tthis.onTabsChanged = this.onTabsChanged.bind(this);\r\n\t\tthis.onShowTabsChanged = this.onShowTabsChanged.bind(this);\r\n\t\tthis.onTilingStop = this.onTilingStop.bind(this);\r\n\t\tthis.onTilingStart = this.onTilingStart.bind(this);\r\n\t\tthis.resizeDragHandle = this.resizeDragHandle.bind(this);\r\n\t\tthis.onDoubleClick = this.onDoubleClick.bind(this);\r\n\t\tthis.alwaysOnTopListener = this.alwaysOnTopListener.bind(this);\r\n\t\tthis.onInitialized = this.onInitialized.bind(this);\r\n\t}\r\n\r\n\tonInitialized(store: StoreModel) {\r\n\t\tthis.store = store;\r\n\t\tthis.store.addListeners(\r\n\t\t\t[\r\n\t\t\t\t{ field: \"Main.windowTitle\", listener: this.onTitleChange },\r\n\t\t\t\t{ field: \"Main.showDockingTooltip\", listener: this.onShowDockingToolTip },\r\n\t\t\t\t{ field: \"Main.dockingIcon\", listener: this.onToggleDockingIcon },\r\n\t\t\t\t{ field: \"Main.dockingEnabled\", listener: this.onDockingEnabledChanged },\r\n\t\t\t\t{ field: \"AlwaysOnTop.show\", listener: this.onAlwaysOnTopChanged },\r\n\t\t\t\t{ field: \"Linker.showLinkerButton\", listener: this.showLinkerButton },\r\n\t\t\t\t{ field: \"Sharer.emitterEnabled\", listener: this.onShareEmitterChanged },\r\n\t\t\t\t{ field: \"isTopRight\", listener: this.isTopRight },\r\n\t\t\t\t{ field: \"tabs\", listener: this.onTabsChanged },\r\n\t\t\t\t{ field: \"showTabs\", listener: this.onShowTabsChanged },\r\n\t\t\t\t{ field: \"hackScrollbar\", listener: this.onShowTabsChanged },\r\n\t\t\t\t{ field: \"Main.useDOMBasedMovement\", listener: this.setDOMBasedMovement },\r\n\t\t\t],\r\n\t\t\t() => {}\r\n\t\t);\r\n\r\n\t\tFSBL.Clients.RouterClient.addListener(\"DockingService.startTilingOrTabbing\", this.disallowDragOnCenterRegion);\r\n\t\tFSBL.Clients.RouterClient.addListener(\"DockingService.stopTilingOrTabbing\", this.allowDragOnCenterRegion);\r\n\t\tFSBL.Clients.RouterClient.addListener(\"DockingService.cancelTilingOrTabbing\", this.allowDragOnCenterRegion);\r\n\r\n\t\tthis.onStoreChange();\r\n\t\tthis.setState({\r\n\t\t\tinitialized: true,\r\n\t\t});\r\n\t}\r\n\r\n\tonStoreChange() {\r\n\t\tlet activeIdentifier = finsembleWindow.identifier as TabProperties;\r\n\t\tactiveIdentifier.title = this.store?.getValue({\r\n\t\t\tfield: \"Main.windowTitle\",\r\n\t\t});\r\n\r\n\t\tthis.setState({\r\n\t\t\twindowTitle: this.store?.getValue({ field: \"Main.windowTitle\" }),\r\n\t\t\tminButton: !this.store?.getValue({ field: \"Minimize.hide\" }),\r\n\t\t\tmaxButton: !this.store?.getValue({ field: \"Maximize.hide\" }),\r\n\t\t\tcloseButton: !this.store?.getValue({ field: \"Close.hide\" }),\r\n\t\t\tshowLinkerButton: this.store?.getValue({\r\n\t\t\t\tfield: \"Linker.showLinkerButton\",\r\n\t\t\t}),\r\n\t\t\tshowShareButton: this.store?.getValue({\r\n\t\t\t\tfield: \"Sharer.emitterEnabled\",\r\n\t\t\t}),\r\n\t\t\tisTopRight: this.store?.getValue({ field: \"isTopRight\" }),\r\n\t\t\talwaysOnTopButton: this.store?.getValue({\r\n\t\t\t\tfield: \"AlwaysOnTop.show\",\r\n\t\t\t}),\r\n\t\t\tshowTabs: this.store?.getValue({ field: \"showTabs\" }),\r\n\t\t\thackScrollbar: this.store?.getValue({ field: \"hackScrollbar\" }),\r\n\t\t\ttabs: [activeIdentifier], // array of tabs for this window\r\n\t\t});\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\t// Goal: If a user gets focus into the title bar (if they Alt+Tab or Cmd+Tab into the window),\r\n\t\t// we want to let get into the rest of the component using the keyboard alone. The UX for\r\n\t\t// this task will be to seemingly TAB from the title bar into the window, if possible.\r\n\t\t// Code: If the user presses the \"Tab\" key, move their focus to the browser view\r\n\t\twindow.addEventListener(\"keydown\", (e) => {\r\n\t\t\tif (e.key === \"Tab\") {\r\n\t\t\t\t// This magic moves focus to a browserView, if one exists\r\n\t\t\t\tfinsembleWindow.focus();\r\n\t\t\t}\r\n\t\t});\r\n\t\tlet header = document.getElementsByClassName(\"fsbl-header\")[0];\r\n\t\tdocument.body.style.marginTop = window.getComputedStyle(header, null).getPropertyValue(\"height\");\r\n\t\tthis.resizeDragHandle();\r\n\t\tthis.hackScrollbar();\r\n\t\tstoreManager.addInitializedListener(this.onInitialized);\r\n\t\tstoreManager.initialize();\r\n\t}\r\n\r\n\tcomponentDidUpdate() {\r\n\t\tthis.resizeDragHandle();\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tstoreManager.removeInitializedListener(this.onInitialized);\r\n\t\tif (this.state.initialized) {\r\n\t\t\tthis.store?.removeListeners(\r\n\t\t\t\t[\r\n\t\t\t\t\t{ field: \"Main.windowTitle\", listener: this.onTitleChange },\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"Main.showDockingTooltip\",\r\n\t\t\t\t\t\tlistener: this.onShowDockingToolTip,\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{ field: \"Main.dockingIcon\", listener: this.onToggleDockingIcon },\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"Main.dockingEnabled\",\r\n\t\t\t\t\t\tlistener: this.onDockingEnabledChanged,\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{ field: \"AlwaysOnTop.show\", listener: this.onAlwaysOnTopChanged },\r\n\t\t\t\t\t{ field: \"Linker.showLinkerButton\", listener: this.showLinkerButton },\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: \"Sharer.emitterEnabled\",\r\n\t\t\t\t\t\tlistener: this.onShareEmitterChanged,\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{ field: \"isTopRight\", listener: this.isTopRight },\r\n\t\t\t\t\t{ field: \"tabs\", listener: this.onTabsChanged },\r\n\t\t\t\t\t{ field: \"showTabs\", listener: this.onShowTabsChanged },\r\n\t\t\t\t],\r\n\t\t\t\t() => {},\r\n\t\t\t\t() => {}\r\n\t\t\t);\r\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"DockingService.startTilingOrTabbing\", this.disallowDragOnCenterRegion);\r\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"DockingService.stopTilingOrTabbing\", this.allowDragOnCenterRegion);\r\n\t\t}\r\n\t}\r\n\r\n\tsetDOMBasedMovement(err: StandardError, response: any) {\r\n\t\tif (response && response.hasOwnProperty(\"value\")) {\r\n\t\t\tthis.setState(\r\n\t\t\t\t{\r\n\t\t\t\t\tuseDOMBasedMovement: response.value,\r\n\t\t\t\t\tdragHandleName: response.value ? \"fsbl-drag-handle\" : \"fsbl-drag-handle-native-movement\",\r\n\t\t\t\t},\r\n\t\t\t\tthis.resizeDragHandle\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * When we are not tiling/tabbing, we want to allow the user to drag the window around via any available space in the tab-region. This function allows that.\r\n\t */\r\n\tallowDragOnCenterRegion() {\r\n\t\tthis.setState({\r\n\t\t\tallowDragOnCenterRegion: true,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * When we are tiling/tabbing, we do not want to allow any window to be dragged around and moved.\r\n\t */\r\n\tdisallowDragOnCenterRegion() {\r\n\t\tthis.setState({\r\n\t\t\tallowDragOnCenterRegion: false,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * When tiling start, we want to find the dragHandler and hide it\r\n\t */\r\n\tonTilingStart() {\r\n\t\tlet dragHandle = document.querySelector(`.${this.state.dragHandleName}`);\r\n\t\tif (dragHandle) {\r\n\t\t\tdragHandle.classList.add(\"hidden\");\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * When tiling stops, we want to find the dragHandler and re-show it\r\n\t */\r\n\tonTilingStop() {\r\n\t\tlet dragHandle = document.querySelector(`.${this.state.dragHandleName}.hidden`);\r\n\t\tif (dragHandle) {\r\n\t\t\tdragHandle.classList.remove(\"hidden\");\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Called whenever a tab is dropped on a non tab area.\r\n\t * It won't be called when dropped on a tab that handles handle the event.\r\n\t */\r\n\tonDropHandler() {\r\n\t\tFSBL.Clients.RouterClient.transmit(\"DockingService.cancelTilingOrTabbing\", {});\r\n\t}\r\n\r\n\t/**\r\n\t * Called when user double clicks on drag handle\r\n\t */\r\n\tonDoubleClick() {\r\n\t\t// Actions.clickMaximize checks the window state\r\n\t\t// and toggles between maximize and minimize.\r\n\t\tActions.clickMaximize();\r\n\t}\r\n\r\n\t/**\r\n\t * The dragger is an absolutely positioned element that is superimposed on the actual area that we'd like to drag.\r\n\t * This is necessary due to a bug in Chromium. Effectively, we need the dragger to change its left position and width\r\n\t * to match the intended drag area. These dimensions can change whenever the header is re-rendered (for instance when\r\n\t * changing mode from tabbing to non-tabbing). Dimensions can also change when the window itself is resized (due to natural\r\n\t * css).\r\n\t *\r\n\t * Can remove all of the cq-drag and cq-no-drag because Chromium bug is fixed\r\n\t * Remove fsbl-drag-region, it is no longer needed\r\n\t * Hide the dragHandle during drop operations, so that it doesn't interfere\r\n\t */\r\n\tresizeDragHandle() {\r\n\t\ttry {\r\n\t\t\tconst fsblHeader = document.querySelector(\".fsbl-header\");\r\n\t\t\tif (!fsblHeader) {\r\n\t\t\t\t// If there isn't an FSBLHeader then there doesn't need to be a drag handle.\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst dragHandleCssClass = this.state.useDOMBasedMovement\r\n\t\t\t\t? \"fsbl-drag-handle\"\r\n\t\t\t\t: \"fsbl-drag-handle-native-movement\";\r\n\r\n\t\t\tconst dragHandleToRemoveClass = this.state.useDOMBasedMovement\r\n\t\t\t\t? \"fsbl-drag-handle-native-movement\"\r\n\t\t\t\t: \"fsbl-drag-handle\";\r\n\r\n\t\t\t// Create the dragger if it doesn't already exist\r\n\t\t\tlet dragHandle = document.querySelector(`.${dragHandleCssClass}`) as HTMLElement;\r\n\t\t\tif (!dragHandle) {\r\n\t\t\t\tdragHandle = document.createElement(\"div\");\r\n\t\t\t\tdragHandle.className = dragHandleCssClass;\r\n\t\t\t\tconst handleMouseDown = (event: MouseEvent) => {\r\n\t\t\t\t\tFSBL.Clients.WindowClient.startMovingWindow(event);\r\n\t\t\t\t};\r\n\t\t\t\tconst handleMouseUp = () => {\r\n\t\t\t\t\tFSBL.Clients.WindowClient.stopMovingWindow();\r\n\t\t\t\t};\r\n\r\n\t\t\t\tdragHandle.onmousedown = handleMouseDown;\r\n\t\t\t\tdragHandle.onmouseup = handleMouseUp;\r\n\t\t\t\tdragHandle.ondblclick = () => {\r\n\t\t\t\t\tthis.onDoubleClick();\r\n\t\t\t\t};\r\n\t\t\t\tfsblHeader.insertBefore(dragHandle, fsblHeader.firstChild);\r\n\t\t\t\tvar self = this;\r\n\t\t\t\twindow.addEventListener(\"resize\", () => {\r\n\t\t\t\t\tself.resizeDragHandle();\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\t// When the titlebar starts up, useDOMBasedMovement will have a default value that is not the same as the config value\r\n\t\t\t// When the value from the config propagates down to the UI, we need to make sure the old drag handle is removed in place of the new\r\n\t\t\tlet dragHandleToRemove = document.querySelector(`.${dragHandleToRemoveClass}`) as HTMLElement;\r\n\t\t\tif (dragHandleToRemove) {\r\n\t\t\t\tdragHandleToRemove.parentNode?.removeChild(dragHandleToRemove);\r\n\t\t\t}\r\n\r\n\t\t\t// Set the height of the dragHandle to match the height of the window title bar\r\n\t\t\t// Do this every time through the render loop just in case a customer builds a\r\n\t\t\t// header bar with dynamic height!\r\n\t\t\tlet bounds: any = fsblHeader.getBoundingClientRect();\r\n\r\n\t\t\tdragHandle.style.height = `${bounds.height - 5}px`; // Subtract 5 pixels from height in order to make room for resize window cursor at top edge of window\r\n\t\t\tdragHandle.style.marginTop = `${-bounds.height + 5}px`; // Negative margin pulls the drag handle up over the fixed header\r\n\r\n\t\t\t// Start logic for determining where to place our dragHandle\r\n\t\t\tif (this.state.showTabs) {\r\n\t\t\t\t// If there is more than one tab, then the drag area is the padding-left of fsbl-header-right\r\n\t\t\t\t// See .fsbl-tabs-multiple in the css\r\n\t\t\t\tif (this.state.tabs.length > 1) {\r\n\t\t\t\t\tlet headerRight = document.querySelector(\".fsbl-header-right\");\r\n\t\t\t\t\tif (headerRight) {\r\n\t\t\t\t\t\tlet computedStyle = getComputedStyle(headerRight);\r\n\t\t\t\t\t\tbounds = headerRight.getBoundingClientRect();\r\n\t\t\t\t\t\t// override the bounds.width with the paddingLeft amount\r\n\t\t\t\t\t\tbounds = {\r\n\t\t\t\t\t\t\tleft: bounds.left,\r\n\t\t\t\t\t\t\twidth: parseInt(computedStyle.paddingLeft, 10),\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// If tabs are not enabled, then the remained of fsbl-header-center beyond the tabs\r\n\t\t\t\t\t// is the draggable area. This assumes left aligned tabs.\r\n\t\t\t\t\tlet fsblHeaderCenter = document.querySelector(\".fsbl-header-center\");\r\n\t\t\t\t\tif (fsblHeaderCenter) bounds = fsblHeaderCenter.getBoundingClientRect();\r\n\t\t\t\t\tconst tabRegionWrapperDiv = fsblHeaderCenter?.querySelector(\".tab-region-wrapper div.fsbl-header-title\");\r\n\t\t\t\t\tif (tabRegionWrapperDiv) {\r\n\t\t\t\t\t\tconst theTabBounds = tabRegionWrapperDiv.getBoundingClientRect();\r\n\t\t\t\t\t\t// Calculate the right portion\r\n\t\t\t\t\t\tbounds = {\r\n\t\t\t\t\t\t\tleft: bounds.left + theTabBounds.width,\r\n\t\t\t\t\t\t\twidth: bounds.width - theTabBounds.width,\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t// If tabs are not enabled, then the entire center is the drag area\r\n\t\t\t\tlet fsblHeaderCenter = document.querySelector(\".fsbl-header-center\");\r\n\t\t\t\tif (fsblHeaderCenter) bounds = fsblHeaderCenter.getBoundingClientRect();\r\n\t\t\t}\r\n\r\n\t\t\tif (bounds) {\r\n\t\t\t\tdragHandle.style.left = `${bounds.left}px`;\r\n\t\t\t\tdragHandle.style.width = `${bounds.width}px`;\r\n\t\t\t}\r\n\r\n\t\t\t// Add an event listener to hide the drag-handler when tiling is started\r\n\t\t\tFSBL.Clients.RouterClient.addListener(\"DockingService.startTilingOrTabbing\", this.onTilingStart);\r\n\r\n\t\t\t// Add an event listener to show the drag-handler when tiling is stopped or cancelled\r\n\t\t\tFSBL.Clients.RouterClient.addListener(\"DockingService.stopTilingOrTabbing\", this.onTilingStop);\r\n\t\t\tFSBL.Clients.RouterClient.addListener(\"DockingService.cancelTilingOrTabbing\", this.onTilingStop);\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(error);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Whether the component's config allows for the linker.\r\n\t * @param {} err\r\n\t * @param {*} response\r\n\t */\r\n\tshowLinkerButton(err: StandardError, response: any) {\r\n\t\tthis.setState({ showLinkerButton: response.value });\r\n\t}\r\n\r\n\t/**\r\n\t * Whether the window is the top-right-most window in a group of windows. If so, it renders a minimize icon for the whole group.\r\n\t * @param {} err\r\n\t * @param {*} response\r\n\t */\r\n\tisTopRight(err: StandardError, response: any) {\r\n\t\tthis.setState({ isTopRight: response.value });\r\n\t}\r\n\r\n\t/**\r\n\t * @param {*} err\r\n\t * @param {*} response\r\n\t */\r\n\tonTitleChange(err: StandardError, response: any) {\r\n\t\tlet { tabs } = this.state;\r\n\t\tlet myIdentifier = FSBL.Clients.WindowClient.getWindowIdentifier();\r\n\r\n\t\ttabs = tabs.map((el) => {\r\n\t\t\tif (!el.windowName && el.name) el.windowName = el.name;\r\n\t\t\tif (!el.name && el.windowName) el.name = el.windowName;\r\n\t\t\treturn el;\r\n\t\t});\r\n\r\n\t\tconst myIndex = tabs.findIndex((el: TabProperties) => el.name === myIdentifier.windowName);\r\n\t\tif (myIndex === -1) return;\r\n\r\n\t\tlet myTab = tabs[myIndex] || {};\r\n\t\tmyTab.title = response.value;\r\n\t\ttabs.splice(myIndex, 1, myTab);\r\n\r\n\t\tthis.setState({\r\n\t\t\twindowTitle: response.value,\r\n\t\t\ttabs: tabs,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * The next few methods are store change handlers that sync local state with the store's state.\r\n\t */\r\n\tonShowDockingToolTip(err: StandardError, response: any) {\r\n\t\tthis.setState({ showDockingTooltip: response.value });\r\n\t}\r\n\r\n\tonToggleDockingIcon(err: StandardError, response: any) {\r\n\t\tthis.setState({ dockingIcon: response.value });\r\n\t}\r\n\r\n\tonDockingEnabledChanged(err: StandardError, response: any) {\r\n\t\tthis.setState({ dockingEnabled: response.value });\r\n\t}\r\n\r\n\tonAlwaysOnTopChanged(err: StandardError, response: any) {\r\n\t\tthis.setState({ alwaysOnTopButton: response.value });\r\n\t}\r\n\r\n\tonStoreChanged(newState: WindowTitleBarShellState) {\r\n\t\tthis.setState(newState);\r\n\t}\r\n\r\n\tonShareEmitterChanged(err: StandardError, response: any) {\r\n\t\tthis.setState({ showShareButton: response.value });\r\n\t}\r\n\r\n\tonTabsChanged(err: StandardError, response: any) {\r\n\t\tthis.setState({\r\n\t\t\ttabs: response.value,\r\n\t\t});\r\n\t}\r\n\r\n\tonShowTabsChanged(err: StandardError, response: any) {\r\n\t\tthis.setState({\r\n\t\t\tshowTabs: response.value,\r\n\t\t});\r\n\t}\r\n\r\n\t// Hack the window's scrollbar so that it displays underneath the header. html.overflow: hidden body.overflow:auto\r\n\t// This is turned on by default. Set \"Window Manager.hackScrollbar: false\" to turn it off\r\n\thackScrollbar() {\r\n\t\tif (this.state.hackScrollbar) {\r\n\t\t\tconst htmlElement = document.querySelector(\"html\");\r\n\t\t\tif (htmlElement) htmlElement.style.overflowY = \"hidden\";\r\n\t\t\tconst bodyElement = document.querySelector(\"body\");\r\n\t\t\tif (bodyElement) bodyElement.style.overflowY = \"auto\";\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet showDockingIcon = !this.state.dockingEnabled ? false : this.state.dockingIcon;\r\n\t\tlet isGrouped = this.state.dockingIcon == \"ejector\";\r\n\t\tlet showMinimizeIcon = (isGrouped && this.state.isTopRight) || !isGrouped; // If not in a group or if topright in a group\r\n\t\tlet tabRegionClasses = \"fsbl-tab-area\";\r\n\t\tlet headerClasses = \"fsbl-header\";\r\n\r\n\t\t// If we're showing tabs, we throw these classes on to modify styles.\r\n\t\tif (this.state.showTabs) {\r\n\t\t\theaderClasses = `${headerClasses} fsbl-tabs-enabled`;\r\n\t\t}\r\n\t\tif (this.state.tabs.length > 1) {\r\n\t\t\theaderClasses = `${headerClasses} fsbl-tabs-multiple`;\r\n\t\t}\r\n\t\tconst context = {\r\n\t\t\tshowLinkerButton: this.state.showLinkerButton,\r\n\t\t\tshowShareButton: this.state.showShareButton,\r\n\t\t\tshowTabRegion: this.state.showTabs,\r\n\t\t\tshowMinimizeButton: this.state.minButton && showMinimizeIcon,\r\n\t\t\tshowMaximizeButton: this.state.maxButton,\r\n\t\t\tonTabDropped: this.allowDragOnCenterRegion,\r\n\t\t\tshowDockingButton: showDockingIcon,\r\n\t\t\tshowCloseButton: this.state.closeButton,\r\n\t\t\tclassName: tabRegionClasses,\r\n\t\t\tthisWindowTitle: this.state.windowTitle,\r\n\t\t\tboundingBox: this.state.tabBarBoundingBox,\r\n\t\t\tlistenForDragOver: !this.state.allowDragOnCenterRegion,\r\n\t\t\ttabs: this.state.tabs,\r\n\t\t\tonTitleUpdated: this.resizeDragHandle,\r\n\t\t\tshowAlwaysOnTopButton: this.state.alwaysOnTopButton && showMinimizeIcon,\r\n\t\t\tshowTabs: this.state.showTabs,\r\n\t\t\talwaysOnTop: this.state.alwaysOnTop,\r\n\t\t\tuseDOMBasedMovement: this.state.useDOMBasedMovement,\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t<div className={headerClasses} onDrop={this.onDropHandler.bind(this)}>\r\n\t\t\t\t{this.state.initialized && (\r\n\t\t\t\t\t<WindowTitleBarContext.Provider value={context}>{this.props.children}</WindowTitleBarContext.Provider>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}

package/react/components/windowTitleBar/components/center/Tab.d.ts

@@ -1,9 +1,30 @@
-export default class Tab extends React.Component<any, any, any> {
-    constructor(props: any);
-    onDragOver(e: any): void;
-    onDragLeave(): void;
+import * as React from "react";
+interface IProps {
+    draggable: string;
+    className: string;
+    onClick?: () => void;
+    onDragStart: (e: any, identifier: any) => void;
+    onDrop: (e?: React.DragEvent<HTMLDivElement>) => void;
+    onDragEnd: (e?: any) => void;
+    onTabClose: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onTabDraggedOver: (e: any, tabDraggedOver: any) => void;
+    listenForDragOver: boolean;
+    tabWidth: number;
+    titleWidth: number;
+    windowIdentifier: any;
+    updateTitle?: EventTarget;
+}
+interface IState {
+    hoverState: string;
+    title: string;
+}
+export default class Tab extends React.Component<IProps, IState> {
     tabbingState: boolean;
-    crossedMidline(e: any, box: any): boolean;
-    hoverAction(newHoverState: any): void;
+    constructor(props: IProps);
+    onDragLeave(): void;
+    onDragOver(e: React.DragEvent<HTMLDivElement>): void;
+    crossedMidline(e: React.DragEvent<HTMLDivElement>, box: any): boolean;
+    hoverAction(newHoverState: string): void;
+    render(): JSX.Element;
 }
-import * as React from "react";
+export {};

package/react/components/windowTitleBar/components/center/Tab.js

@@ -1,6 +1,13 @@
 import * as React from "react";
 import { FinsembleHoverDetector } from "../../../legacyControls/FinsembleHoverDetector";
 import { Title } from "../windowTitle";
+const isPointInBox = (point, box) => {
+    if (!box.bottom)
+        box.bottom = box.top + box.height;
+    if (!box.right)
+        box.right = box.left + box.width;
+    return point.x > box.left && point.x < box.right && point.y < box.bottom && point.y > box.top;
+};
 export default class Tab extends React.Component {
     constructor(props) {
         super(props);
@@ -17,7 +24,7 @@ export default class Tab extends React.Component {
         FSBL.Clients.RouterClient.publish("Finsemble.AmTabbing", false);
     }
     onDragOver(e) {
-        let boundingBox = this.refs.Me.getBoundingClientRect();
+        const boundingBox = this.refs.Me.getBoundingClientRect();
         if (this.crossedMidline(e, boundingBox)) {
             this.props.onTabDraggedOver(e, this.props.windowIdentifier);
         }
@@ -27,13 +34,13 @@ export default class Tab extends React.Component {
         }
     }
     crossedMidline(e, box) {
-        return FSBL.Clients.WindowClient.isPointInBox({ x: e.nativeEvent.clientX, y: e.nativeEvent.clientY }, box);
+        return isPointInBox({ x: e.nativeEvent.clientX, y: e.nativeEvent.clientY }, box);
     }
     hoverAction(newHoverState) {
         this.setState({ hoverState: newHoverState });
     }
     render() {
-        let style = {
+        const style = {
             width: this.props.tabWidth,
         };
         return (React.createElement("div", { ref: "Me", onDrop: this.props.onDrop, onClick: this.props.onClick, onDragStart: (e) => {
@@ -41,7 +48,7 @@ export default class Tab extends React.Component {
             }, onDragEnd: this.props.onDragEnd, draggable: true, className: this.props.className, "data-hover": this.state.hoverState, style: style },
             this.props.listenForDragOver && (React.createElement("div", { className: "tab-drop-region", onDragOver: this.onDragOver, onDragLeave: this.onDragLeave })),
             React.createElement(FinsembleHoverDetector, { edge: "top", hoverAction: this.hoverAction.bind(this) }),
-            React.createElement(Title, { titleWidth: this.props.titleWidth, windowIdentifier: this.props.windowIdentifier }),
+            React.createElement(Title, { titleWidth: this.props.titleWidth, windowIdentifier: this.props.windowIdentifier, updateTitle: this.props.updateTitle }),
             React.createElement("div", { className: "fsbl-tab-close", onClick: (e) => {
                     e.preventDefault();
                     e.stopPropagation();