@finsemble/finsemble-ui 6.1.4 → 6.3.0-beta.20211008

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

@@ -8,22 +8,88 @@ let TAB_WIDTH = 300;
 const ICON_AREA = 16;
 const CLOSE_BUTTON_MARGIN = 12;
 const MINIMUM_TAB_SIZE = 100;
+function EditTab(props) {
+    const [editingTitle, setEditingTitle] = React.useState(false);
+    const [clickTimeout, setClickTimeout] = React.useState(undefined);
+    React.useEffect(() => {
+        FSBL.Clients.WindowClient.getComponentState({ field: "persistedTitle" }, (err, title) => {
+            if (title)
+                document.title = title;
+        });
+    }, []);
+    const inputEl = React.useRef(null);
+    const updateTabTitle = (e) => {
+        const title = e.target.value;
+        FSBL.Clients.WindowClient.setComponentState({
+            field: "persistedTitle",
+            value: title,
+        });
+        document.title = title;
+        setEditingTitle(false);
+    };
+    const beginEditing = async () => {
+        var _a;
+        await setEditingTitle(true);
+        await ((_a = inputEl === null || inputEl === void 0 ? void 0 : inputEl.current) === null || _a === void 0 ? void 0 : _a.focus());
+        if (inputEl === null || inputEl === void 0 ? void 0 : inputEl.current) {
+            inputEl.current.value = document.title;
+        }
+    };
+    const clickHandler = () => {
+        if (clickTimeout !== null) {
+            beginEditing();
+        }
+        else if (!editingTitle) {
+            let timeout = setTimeout(() => {
+                clearTimeout(clickTimeout);
+                setClickTimeout(undefined);
+            }, 500);
+            setClickTimeout(timeout);
+            if (props.tab && props.setActiveTab)
+                props.setActiveTab(props.tab);
+        }
+    };
+    const blurHandler = (e) => {
+        updateTabTitle(e);
+        setEditingTitle(false);
+    };
+    const keyDownHandler = (e) => {
+        e.key === "Enter" && updateTabTitle(e);
+    };
+    return (React.createElement("div", { id: "tab-editor", onClick: clickHandler }, editingTitle ? (React.createElement("div", { className: "fsbl-tab fsbl-active-tab", style: { width: props.tabWidth || "auto" } },
+        React.createElement("input", { ref: inputEl, onBlur: blurHandler, onKeyDown: keyDownHandler, type: "text", className: "tab__input", maxLength: 32 }))) : (props.children)));
+}
 export class TabList extends React.Component {
     constructor(props) {
         super(props);
         let initialState = Store.getValues(["activeTab", "tabs"]);
         let activeIdentifier = finsembleWindow.identifier;
-        activeIdentifier.title = finsembleWindow.windowOptions.title;
+        if (activeIdentifier) {
+            activeIdentifier.title = finsembleWindow.windowOptions.title;
+        }
         this.state = {
             translateX: 0,
             tabs: initialState.tabs,
             activeTab: activeIdentifier,
-            boundingBox: {},
+            boundingBox: {
+                right: 0,
+                left: 0,
+                top: 0,
+                bottom: 0,
+                height: 0,
+                width: 0,
+            },
             iAmDragging: false,
-            hoverState: false,
+            hoverState: "false",
             tabWidth: TAB_WIDTH,
+            hoveredTabIndex: 0,
         };
+        this.onWindowResizeThrottled = () => { };
         this.bindCorrectContext();
+        this.mousePositionOnDragEnd = {
+            x: 0,
+            y: 0,
+        };
     }
     bindCorrectContext() {
         this.startDrag = this.startDrag.bind(this);
@@ -33,8 +99,8 @@ export class TabList extends React.Component {
         this.dragOver = this.dragOver.bind(this);
         this.dragLeave = this.dragLeave.bind(this);
         this.onMouseWheel = this.onMouseWheel.bind(this);
-        renderTitle = renderTitle.bind(this);
-        renderTabs = renderTabs.bind(this);
+        this.renderTitle = this.renderTitle.bind(this);
+        this.renderTabs = this.renderTabs.bind(this);
         this.findTabIndex = this.findTabIndex.bind(this);
         this.setActiveTab = this.setActiveTab.bind(this);
         this.onTabAdded = this.onTabAdded.bind(this);
@@ -98,6 +164,8 @@ export class TabList extends React.Component {
                 bottom: boundingBox.bottom + bounds.top,
                 left: boundingBox.left + bounds.left,
                 right: boundingBox.right + bounds.left,
+                width: 0,
+                height: 0,
             };
             if (!FSBL.Clients.WindowClient.isPointInBox(this.mousePositionOnDragEnd, tabRegion)) {
                 setTimeout(() => {
@@ -111,9 +179,8 @@ export class TabList extends React.Component {
                 this.onWindowResize();
             }
             else {
-                setTimeout(() => {
-                    FSBL.Clients.WindowClient.cancelTilingOrTabbing();
-                }, 50);
+                const setTimeoutCb = FSBL.Clients.WindowClient.cancelTilingOrTabbing({ windowIdentifier: this.state.activeTab }, () => { });
+                setTimeout(() => setTimeoutCb, 50);
             }
         });
     }
@@ -137,14 +204,17 @@ export class TabList extends React.Component {
         }
     }
     drop(e) {
-        e.preventDefault();
-        e.stopPropagation();
+        let identifier;
+        if (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            identifier = this.extractWindowIdentifier(e);
+        }
         FSBL.Clients.Logger.system.debug("Tab drag drop.");
-        let identifier = this.extractWindowIdentifier(e);
         if (!identifier)
             return;
         if (this.state.tabs.length === 1 && identifier.windowName === finsembleWindow.name)
-            return FSBL.Clients.WindowClient.cancelTilingOrTabbing();
+            return FSBL.Clients.WindowClient.cancelTilingOrTabbing({ windowIdentifier: this.state.activeTab }, () => { });
         FSBL.Clients.WindowClient.stopTilingOrTabbing({ allowDropOnSelf: true, action: "tabbing" }, () => {
             FSBL.Clients.RouterClient.transmit("tabbingDragEnd", { success: true });
             if (identifier && identifier.windowName) {
@@ -295,11 +365,15 @@ export class TabList extends React.Component {
             newIndex = undefined;
         }
         let myIdentifier = finsembleWindow.identifier;
-        myIdentifier.title = finsembleWindow.windowOptions.title;
+        if (myIdentifier) {
+            myIdentifier.title = finsembleWindow.windowOptions.title;
+        }
         if (this.state.tabs.length === 1 && identifier.windowName == myIdentifier.windowName) {
             return;
         }
-        Actions.reorderTab(identifier, newIndex);
+        if (typeof newIndex === "number") {
+            Actions.reorderTab(identifier, newIndex);
+        }
         this.setState({
             hoveredTabIndex: undefined,
         });
@@ -369,29 +443,29 @@ export class TabList extends React.Component {
         }
         return (React.createElement("div", { ref: "Me", onDragLeave: this.dragLeave, className: this.props.className, onWheel: this.onMouseWheel, onScroll: this.onMouseWheel, onDrop: this.drop, onDragOver: this.dragOver },
             React.createElement("div", { className: "tab-region-wrapper" },
-                componentToRender === "title" && renderTitle(),
-                componentToRender === "tabs" && renderTabs())));
+                componentToRender === "title" && this.renderTitle(),
+                componentToRender === "tabs" && this.renderTabs())));
+    }
+    renderTitle() {
+        return (React.createElement(EditTab, null,
+            React.createElement("div", { draggable: "true", onDragStart: (e) => {
+                    FSBL.Clients.Logger.system.debug("Tab drag start - TITLE");
+                    let activeIdentifier = finsembleWindow.identifier;
+                    activeIdentifier.title = finsembleWindow.windowOptions.title;
+                    this.startDrag(e, activeIdentifier);
+                }, onDragEnd: this.stopDrag, "data-hover": this.state.hoverState, className: "fsbl-header-title" },
+                React.createElement(FinsembleHoverDetector, { edge: "top", hoverAction: this.hoverAction.bind(this) }),
+                React.createElement(Title, { onUpdate: this.props.onTitleUpdated, windowIdentifier: FSBL.Clients.WindowClient.getWindowIdentifier() }))));
+    }
+    renderTabs() {
+        let titleWidth = this.state.tabWidth - ICON_AREA - CLOSE_BUTTON_MARGIN;
+        return this.state.tabs.map((tab) => (React.createElement(EditTab, { tabWidth: this.state.tabWidth, key: tab.windowName, tab: tab, setActiveTab: this.setActiveTab },
+            React.createElement(Tab, { draggable: "true", key: tab.windowName, className: this.getTabClasses(tab), onDragStart: (e, identifier) => {
+                    FSBL.Clients.Logger.system.debug("Tab drag - TAB", identifier.windowName);
+                    this.startDrag(e, identifier);
+                }, onDrop: this.drop, onDragEnd: this.stopDrag, onTabClose: () => {
+                    this.onTabClosed(tab);
+                }, onTabDraggedOver: this.onTabDraggedOver, listenForDragOver: this.props.listenForDragOver, tabWidth: this.state.tabWidth, titleWidth: titleWidth, windowIdentifier: tab }))));
     }
 }
-function renderTitle() {
-    return (React.createElement("div", { draggable: "true", onDragStart: (e) => {
-            FSBL.Clients.Logger.system.debug("Tab drag start - TITLE");
-            let activeIdentifier = finsembleWindow.identifier;
-            activeIdentifier.title = finsembleWindow.windowOptions.title;
-            this.startDrag(e, activeIdentifier);
-        }, onDragEnd: this.stopDrag, "data-hover": this.state.hoverState, className: "fsbl-header-title" },
-        React.createElement(FinsembleHoverDetector, { edge: "top", hoverAction: this.hoverAction.bind(this) }),
-        React.createElement(Title, { onUpdate: this.props.onTitleUpdated, windowIdentifier: FSBL.Clients.WindowClient.getWindowIdentifier() })));
-}
-function renderTabs() {
-    let titleWidth = this.state.tabWidth - ICON_AREA - CLOSE_BUTTON_MARGIN;
-    return this.state.tabs.map((tab) => (React.createElement(Tab, { onClick: () => {
-            this.setActiveTab(tab);
-        }, draggable: "true", key: tab.windowName, className: this.getTabClasses(tab), onDragStart: (e, identifier) => {
-            FSBL.Clients.Logger.system.debug("Tab drag - TAB", identifier.windowName);
-            this.startDrag(e, identifier);
-        }, onDrop: this.drop, onDragEnd: this.stopDrag, onTabClose: () => {
-            this.onTabClosed(tab);
-        }, onTabDraggedOver: this.onTabDraggedOver, listenForDragOver: this.props.listenForDragOver, tabWidth: this.state.tabWidth, titleWidth: titleWidth, windowIdentifier: tab })));
-}
 //# sourceMappingURL=TabList.js.map

package/react/components/windowTitleBar/components/center/TabList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/center/TabList.jsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport Tab from \"./Tab\";\r\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\r\nimport { Store, Actions } from \"../../stores/windowTitleBarStore\";\r\nimport { Title } from \"../windowTitle\";\r\nimport _throttle from \"lodash/throttle\";\r\n\r\nlet TAB_WIDTH = 300;\r\n// Next two items are for calculating how large the title should be within a tab.\r\nconst ICON_AREA = 16;\r\nconst CLOSE_BUTTON_MARGIN = 12;\r\nconst MINIMUM_TAB_SIZE = 100;\r\n\r\nexport class TabList extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tlet initialState = Store.getValues([\"activeTab\", \"tabs\"]);\r\n\t\tlet activeIdentifier = finsembleWindow.identifier;\r\n\t\tactiveIdentifier.title = finsembleWindow.windowOptions.title;\r\n\t\tthis.state = {\r\n\t\t\ttranslateX: 0,\r\n\t\t\ttabs: initialState.tabs,\r\n\t\t\tactiveTab: activeIdentifier,\r\n\t\t\tboundingBox: {},\r\n\t\t\tiAmDragging: false,\r\n\t\t\thoverState: false,\r\n\t\t\ttabWidth: TAB_WIDTH,\r\n\t\t};\r\n\t\tthis.bindCorrectContext();\r\n\t}\r\n\r\n\t/**\r\n\t * Make sure that _this_ is correct inside of our event handlers.\r\n\t */\r\n\tbindCorrectContext() {\r\n\t\tthis.startDrag = this.startDrag.bind(this);\r\n\t\tthis.stopDrag = this.stopDrag.bind(this);\r\n\t\tthis.cancelTabbing = this.cancelTabbing.bind(this);\r\n\t\tthis.drop = this.drop.bind(this);\r\n\t\tthis.dragOver = this.dragOver.bind(this);\r\n\t\tthis.dragLeave = this.dragLeave.bind(this);\r\n\t\tthis.onMouseWheel = this.onMouseWheel.bind(this);\r\n\t\trenderTitle = renderTitle.bind(this);\r\n\t\trenderTabs = renderTabs.bind(this);\r\n\t\tthis.findTabIndex = this.findTabIndex.bind(this);\r\n\t\tthis.setActiveTab = this.setActiveTab.bind(this);\r\n\t\tthis.onTabAdded = this.onTabAdded.bind(this);\r\n\t\tthis.onTabClosed = this.onTabClosed.bind(this);\r\n\t\tthis.setActiveTab = this.setActiveTab.bind(this);\r\n\t\tthis.onStoreChanged = this.onStoreChanged.bind(this);\r\n\t\t// this.onActiveTabChanged = this.onActiveTabChanged.bind(this);\r\n\t\tthis.onTabsChanged = this.onTabsChanged.bind(this);\r\n\t\tthis.onTabDraggedOver = this.onTabDraggedOver.bind(this);\r\n\t\tthis.isTabRegionOverflowing = this.isTabRegionOverflowing.bind(this);\r\n\t\tthis.onWindowResize = this.onWindowResize.bind(this);\r\n\t\tthis.onWindowResizeThrottled = _throttle(this.onWindowResize, 100);\r\n\t\tthis.getTabWidth = this.getTabWidth.bind(this);\r\n\t\tthis.setTabListTranslateX = this.setTabListTranslateX.bind(this);\r\n\t\tthis.onTabListTranslateChanged = this.onTabListTranslateChanged.bind(this);\r\n\t}\r\n\r\n\tgetTabWidth(params = {}) {\r\n\t\tlet { boundingBox, tabList } = params;\r\n\t\tif (typeof tabList === \"undefined\") {\r\n\t\t\ttabList = this.state.tabs;\r\n\t\t}\r\n\t\tif (typeof boundingBox === \"undefined\") {\r\n\t\t\tboundingBox = this.refs.Me.getBoundingClientRect();\r\n\t\t}\r\n\t\tif (typeof boundingBox.right === \"undefined\") {\r\n\t\t\treturn TAB_WIDTH;\r\n\t\t}\r\n\t\tlet containerWidth = boundingBox.right - boundingBox.left;\r\n\t\tlet newTabWidth = containerWidth / tabList.length;\r\n\r\n\t\treturn newTabWidth < MINIMUM_TAB_SIZE ? MINIMUM_TAB_SIZE : newTabWidth;\r\n\t}\r\n\r\n\t/**\r\n\t * Resize handler. Calculates the space that the center-region is taking up. May be used to scale tabs proportionally.\r\n\t */\r\n\tonWindowResize() {\r\n\t\tlet bounds = this.refs.Me.getBoundingClientRect();\r\n\t\tthis.setState({\r\n\t\t\tboundingBox: bounds,\r\n\t\t\ttabWidth: this.getTabWidth(),\r\n\t\t});\r\n\t}\r\n\r\n\tfindTabIndex(tab) {\r\n\t\treturn this.state.tabs.findIndex((el) => tab.windowName === el.windowName && tab.uuid === el.uuid);\r\n\t}\r\n\r\n\t/**\r\n\t *\r\n\t * Function that's called when this component fires the onDragStart event, this will start the tiling or tabbing process\r\n\t *\r\n\t * @param e The SyntheticEvent created by React when the startdrag event is called\r\n\t * @memberof windowTitleBar\r\n\t */\r\n\tstartDrag(e, windowIdentifier) {\r\n\t\tthis.setState({\r\n\t\t\tiAmDragging: true,\r\n\t\t});\r\n\t\te.dataTransfer.setData(\"application/fsbl-tab-data\", JSON.stringify(windowIdentifier));\r\n\t\tFSBL.Clients.WindowClient.startTilingOrTabbing({\r\n\t\t\twindowIdentifier: windowIdentifier,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Called when the react component detects a drop (or stop drag, which is equivalent)\r\n\t *\r\n\t * @param e The SyntheticEvent created by React when the stopdrag event is called\r\n\t * @memberof windowTitleBar\r\n\t */\r\n\tstopDrag(e) {\r\n\t\t// We don't want onDropHandler() in windowTitleBarComponent.jsx\r\n\t\t// to handle this drop event, so we call event.stopPropagation().\r\n\t\te.stopPropagation();\r\n\t\tFSBL.Clients.Logger.system.debug(\"Tab stopDrag.\");\r\n\t\tthis.mousePositionOnDragEnd = {\r\n\t\t\tx: e.nativeEvent.screenX,\r\n\t\t\ty: e.nativeEvent.screenY,\r\n\t\t};\r\n\r\n\t\tconst { boundingBox } = this.state;\r\n\t\tFSBL.Clients.WindowClient.getBounds((err, bounds) => {\r\n\t\t\t// We ONLY want to know if we're in the tab region!\r\n\t\t\tconst tabRegion = {\r\n\t\t\t\ttop: boundingBox.top + bounds.top,\r\n\t\t\t\tbottom: boundingBox.bottom + bounds.top,\r\n\t\t\t\tleft: boundingBox.left + bounds.left,\r\n\t\t\t\tright: boundingBox.right + bounds.left,\r\n\t\t\t};\r\n\t\t\tif (!FSBL.Clients.WindowClient.isPointInBox(this.mousePositionOnDragEnd, tabRegion)) {\r\n\t\t\t\t// allow for a 50ms delay so this message goes after a drop message from a target window if tabbing\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tFSBL.Clients.WindowClient.stopTilingOrTabbing({\r\n\t\t\t\t\t\tmousePosition: this.mousePositionOnDragEnd,\r\n\t\t\t\t\t});\r\n\t\t\t\t}, 50);\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tiAmDragging: false,\r\n\t\t\t\t});\r\n\t\t\t\tthis.onWindowResize();\r\n\t\t\t} else {\r\n\t\t\t\t// sometimes a tab gets dropped in a bad spot where no action gets taken and we get stuck in tiling mode\r\n\t\t\t\t// to make sure nothing bad happens, call cancel after a similar 50ms delay\r\n\t\t\t\t// If some action was taken, this will be ignored by Finsemble\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tFSBL.Clients.WindowClient.cancelTilingOrTabbing();\r\n\t\t\t\t}, 50);\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Helper function that will pull data from a drop event, parse it, and return it.\r\n\t * @param {event} e\r\n\t */\r\n\textractWindowIdentifier(e) {\r\n\t\ttry {\r\n\t\t\tlet identifier = JSON.parse(e.dataTransfer.getData(\"application/fsbl-tab-data\"));\r\n\t\t\t// If the \"identifier\" is formed properly, it'll have this properly. Otherwise, it's something else (e.g., share data, image, etc).\r\n\t\t\tif (typeof identifier.windowName !== \"undefined\") {\r\n\t\t\t\treturn identifier;\r\n\t\t\t} else if (identifier.waitForIdentifier) {\r\n\t\t\t\treturn identifier;\r\n\t\t\t} else {\r\n\t\t\t\tFSBL.Clients.Logger.system.error(\r\n\t\t\t\t\t\"Malformed drop object detected in windowTitleBar. Check tab dropping code. Expected windowIdentifier, got \",\r\n\t\t\t\t\tidentifier\r\n\t\t\t\t);\r\n\t\t\t\treturn null;\r\n\t\t\t}\r\n\t\t} catch (e2) {\r\n\t\t\tFSBL.Clients.Logger.system.error(\r\n\t\t\t\t\"Error in 'extractWindowIdentifier'. Check TabRegion.jsx. Either there was no data in the event, or it was a circular object that caused JSON.parse to fail. Javascript Error:\",\r\n\t\t\t\te2\r\n\t\t\t);\r\n\t\t\treturn null;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Called when a drop event occurs on the tab region. We (hope) that this came from a tab. Could be a share icon, an image, something else - that's why we check to see if the identifier exists before doing anything.\r\n\t * @param {event} e\r\n\t */\r\n\tdrop(e) {\r\n\t\te.preventDefault();\r\n\t\te.stopPropagation();\r\n\t\tFSBL.Clients.Logger.system.debug(\"Tab drag drop.\");\r\n\t\tlet identifier = this.extractWindowIdentifier(e);\r\n\t\tif (!identifier) return; // the dropped item is not a tab\r\n\t\tif (this.state.tabs.length === 1 && identifier.windowName === finsembleWindow.name)\r\n\t\t\treturn FSBL.Clients.WindowClient.cancelTilingOrTabbing();\r\n\t\tFSBL.Clients.WindowClient.stopTilingOrTabbing({ allowDropOnSelf: true, action: \"tabbing\" }, () => {\r\n\t\t\tFSBL.Clients.RouterClient.transmit(\"tabbingDragEnd\", { success: true });\r\n\t\t\tif (identifier && identifier.windowName) {\r\n\t\t\t\t// Calls a method defined inside of windowTitleBar.jsx.\r\n\t\t\t\tthis.onTabAdded(identifier, this.state.hoveredTabIndex);\r\n\t\t\t} else if (identifier && identifier.waitForIdentifier) {\r\n\t\t\t\tlet subscribeId;\r\n\t\t\t\tlet tabIdentifierSubscriber = (err, response) => {\r\n\t\t\t\t\tif (!response.data.windowName) return;\r\n\t\t\t\t\tFSBL.Clients.RouterClient.unsubscribe(subscribeId);\r\n\t\t\t\t\tthis.onTabAdded(response.data, this.state.hoveredTabIndex);\r\n\t\t\t\t};\r\n\t\t\t\tsubscribeId = FSBL.Clients.RouterClient.subscribe(`Finsemble.${identifier.guid}`, tabIdentifierSubscriber);\r\n\t\t\t} else {\r\n\t\t\t\tFSBL.Clients.Logger.system.error(\r\n\t\t\t\t\t\"Unexpected drop event on window title bar. Check the 'drop' method on TabRegion.jsx.\"\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tisTabRegionOverflowing() {\r\n\t\tlet lastTab = {\r\n\t\t\tright: this.state.tabs.length * this.state.tabWidth,\r\n\t\t};\r\n\t\treturn lastTab.right + this.state.translateX > this.state.boundingBox.right - this.state.boundingBox.left;\r\n\t}\r\n\r\n\t/**\r\n\t * Event handler for when a user wheels inside of the tab region. We translate the deltaY that the event provides into horizontal movement. The translateX value that we return will be used in the render method below.\r\n\t * @param {event} e\r\n\t */\r\n\tonMouseWheel(e) {\r\n\t\te.preventDefault();\r\n\t\tlet numTabs = this.state.tabs.length;\r\n\t\tlet translateX = 0;\r\n\t\t// If there's more than one tab, do some calculations, otherwise we aren't going to scroll this region, no matter how much the user wants us to.\r\n\t\tif (numTabs > 1) {\r\n\t\t\tlet currentX = this.refs.Me.scrollLeft;\r\n\t\t\tlet { boundingBox } = this.state;\r\n\t\t\t// Figure out position of first tab and last tab.\r\n\t\t\tlet firstTab = {\r\n\t\t\t\tleft: 0 + boundingBox.left,\r\n\t\t\t};\r\n\t\t\tlet lastTab = {\r\n\t\t\t\tright: numTabs * this.state.tabWidth,\r\n\t\t\t};\r\n\t\t\tlet deltaX = this.state.tabWidth / 3;\r\n\t\t\tif (e.nativeEvent.deltaY < 0) {\r\n\t\t\t\tdeltaX = 0 - deltaX;\r\n\t\t\t}\r\n\t\t\t// Mouses with high sensitivity will cause massive scroll amounts. We don't want to scroll more than one tab's width in a single mouse wheel, otherwise you risk missing a tab.\r\n\t\t\tif (Math.abs(deltaX) > this.state.tabWidth) {\r\n\t\t\t\tlet isNegative = false;\r\n\t\t\t\tif (deltaX < 0) {\r\n\t\t\t\t\tisNegative = true;\r\n\t\t\t\t}\r\n\t\t\t\tdeltaX = isNegative ? 0 - this.state.tabWidth : this.state.tabWidth;\r\n\t\t\t}\r\n\r\n\t\t\t// when we set scrollLeft on the element, this event fires. But there's no actual event. so stop.\r\n\t\t\tif (!e.nativeEvent.deltaY) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tlet originalDeltaY = e.nativeEvent.deltaY;\r\n\t\t\tlet deltaY = originalDeltaY;\r\n\t\t\tif (Math.abs(originalDeltaY) > this.state.tabWidth / 3) {\r\n\t\t\t\tdeltaY = this.state.tabWidth / 3;\r\n\t\t\t\tif (originalDeltaY < 0) {\r\n\t\t\t\t\tdeltaY = 0 - deltaY;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\ttranslateX = deltaY + currentX;\r\n\t\t\tlet maxRight = boundingBox.right - this.state.tabWidth;\r\n\t\t\tlet newRightForLastTab = lastTab.right + translateX;\r\n\t\t\tlet newLeftForFirstTab = firstTab.left + translateX;\r\n\t\t\t// Do not let the left of the first tab move to the right of the left edge of the bounding box.\r\n\t\t\tif (newLeftForFirstTab < 0) {\r\n\t\t\t\treturn this.scrollToFirstTab();\r\n\t\t\t} else if (e.nativeEvent.deltaY < 0 && newRightForLastTab <= boundingBox.right) {\r\n\t\t\t\t// ONLY IF the user is scrolling from right-to-left (deltaY will be negative). IF they try to do that, do not allow the right edge of the last tab to detach.\r\n\t\t\t\treturn this.scrollToLastTab();\r\n\t\t\t}\r\n\t\t\t// Else, the translation is okay. We're in the middle of our list and the first and last tabs aren't being rendered improperly.\r\n\t\t\ttranslateX < 0 ? (translateX = 0) : translateX;\r\n\t\t\tthis.setState({ translateX });\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Scrolls to our active tab.\r\n\t */\r\n\tscrollToActiveTab() {\r\n\t\tthis.scrollToTab(this.state.activeTab);\r\n\t}\r\n\r\n\t/**\r\n\t * Scrolls to the first tab in our list of tabs.\r\n\t */\r\n\tscrollToFirstTab() {\r\n\t\tlet firstTab = this.state.tabs[0];\r\n\t\tthis.scrollToTab(firstTab);\r\n\t}\r\n\r\n\t/**\r\n\t * Scrolls to the last tab in our list of tabs\r\n\t */\r\n\tscrollToLastTab() {\r\n\t\tlet lastTab = this.state.tabs[this.state.tabs.length - 1];\r\n\t\tthis.scrollToTab(lastTab);\r\n\t}\r\n\r\n\t/**\r\n\t * Function that will horizontally scroll the tab region so that the right edge of the tab lines up with the right edge of the tab region.\r\n\t * @param {} tab\r\n\t */\r\n\tscrollToTab(tab) {\r\n\t\t// 'BoundingBox' is just the boundingClientRect of the tab region. It is, in essence, the center part of the windowTitleBar.\r\n\t\tlet { boundingBox } = this.state;\r\n\r\n\t\tlet tabIndex = this.state.tabs.findIndex((el) => el.windowName === tab.windowName && el.uuid === tab.uuid);\r\n\t\tif (tabIndex > -1) {\r\n\t\t\tlet leftEdgeOfTab = tabIndex * this.state.tabWidth;\r\n\t\t\tlet rightEdgeOfTab = leftEdgeOfTab + this.state.tabWidth;\r\n\t\t\tlet translateX = rightEdgeOfTab;\r\n\t\t\t// Our translation is  this: Take the  right edge of the bounding box, and subtract the left edge. This gives us the 0 point for the box. Then, we subtract the right edge of the tab. The result is a number that we use to shift the entire element and align the right edge of the tab with the right edge of the bounding box. We also account for the 30 px region on the right.\r\n\r\n\t\t\t// If there's no overflow, we don't scroll.\r\n\t\t\tif (rightEdgeOfTab < boundingBox.right) {\r\n\t\t\t\ttranslateX = 0;\r\n\t\t\t} else {\r\n\t\t\t\t// Other tabs are less simple.\r\n\t\t\t\tlet leftEdgeOfTab = tabIndex * this.state.tabWidth;\r\n\t\t\t\tlet rightEdgeOfTab = leftEdgeOfTab + this.state.tabWidth;\r\n\t\t\t\t// Our translation is  this: Take the  right edge of the bounding box, and subtract the left edge. This gives us the 0 point for the box. Then, we subtract the right edge of the tab. The result is a number that we use to shift the entire element and align the right edge of the tab with the right edge of the bounding box.\r\n\t\t\t\ttranslateX = boundingBox.right - boundingBox.left - rightEdgeOfTab;\r\n\t\t\t\t// If there's no overflow, we don't scroll.\r\n\t\t\t\tif (rightEdgeOfTab < boundingBox.right) {\r\n\t\t\t\t\ttranslateX = 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tthis.setTabListTranslateX(translateX);\r\n\t\t}\r\n\t}\r\n\r\n\tsetTabListTranslateX(translateX) {\r\n\t\tActions.setTabListScrollPosition(translateX);\r\n\t}\r\n\r\n\t/**\r\n\t * Someone is dragging _something_ over the tab region. We respond by rendering the ghost tab.\r\n\t * @param {event} e\r\n\t */\r\n\tdragOver(e) {\r\n\t\te.preventDefault();\r\n\t}\r\n\r\n\t/**\r\n\t * Triggered when the user moves their mouse out of the tabRegion after a dragOver event happens. When they leave, we hide our placeholder tab.\r\n\t * @param {event} e\r\n\t */\r\n\tdragLeave(e) {\r\n\t\tlet boundingRect = this.state.boundingBox;\r\n\t\tif (!FSBL.Clients.WindowClient.isPointInBox({ x: e.screenX, y: e.screenY }, boundingRect)) {\r\n\t\t\tthis.setState({\r\n\t\t\t\thoveredTabIndex: undefined,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Set to a timeout. An event is sent to the RouterClient which will be handled by the drop handler on the window.\r\n\t * In the event that a drop handler never fires to stop tiling or tabbing, this will take care of it.\r\n\t *\r\n\t * @memberof windowTitleBar\r\n\t */\r\n\tcancelTabbing() {\r\n\t\tFSBL.Clients.WindowClient.stopTilingOrTabbing({ allowDropOnSelf: true });\r\n\t\tthis.onWindowResize();\r\n\t}\r\n\r\n\t/**\r\n\t * Basically exists just to keep the render method clean. Gives conditional classes to the active tab.\r\n\t * @param {tab} tab\r\n\t */\r\n\tgetTabClasses(tab) {\r\n\t\tlet classes = \"fsbl-tab\";\r\n\t\tlet tabIndex = this.findTabIndex(tab);\r\n\t\tif (tabIndex === this.state.hoveredTabIndex) classes = `${classes} ghost-tab`;\r\n\t\tif (this.state.activeTab && tab.windowName === this.state.activeTab.windowName) {\r\n\t\t\tclasses = `${classes} fsbl-active-tab`;\r\n\t\t}\r\n\t\treturn classes;\r\n\t}\r\n\r\n\tonTabDraggedOver(e, tabDraggedOver) {\r\n\t\te.preventDefault();\r\n\t\t// Find index of tab.\r\n\t\tlet tabIndex = this.findTabIndex(tabDraggedOver);\r\n\t\tthis.setState({\r\n\t\t\thoveredTabIndex: tabIndex,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * OnClick handler for the close button on individual tabs.\r\n\t * @PLACEHOLDER will interact with tabbing API\r\n\t * @param {*} tab\r\n\t */\r\n\tonTabClosed(identifier) {\r\n\t\tActions.closeTab(identifier);\r\n\t}\r\n\r\n\t/**\r\n\t * drop handler for the tab region.\r\n\t * @param {*} tab\r\n\t */\r\n\tonTabAdded(identifier, newIndex) {\r\n\t\tif (newIndex === -1) {\r\n\t\t\tnewIndex = undefined;\r\n\t\t}\r\n\r\n\t\tlet myIdentifier = finsembleWindow.identifier;\r\n\t\tmyIdentifier.title = finsembleWindow.windowOptions.title;\r\n\t\tif (this.state.tabs.length === 1 && identifier.windowName == myIdentifier.windowName) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tActions.reorderTab(identifier, newIndex);\r\n\t\tthis.setState({\r\n\t\t\thoveredTabIndex: undefined,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * OnClick handler for individual tabs.\r\n\t * @PLACEHOLDER will interact with tabbing API\r\n\t * @param {*} tab\r\n\t */\r\n\tsetActiveTab(tab) {\r\n\t\tActions.setActiveTab(tab);\r\n\t}\r\n\r\n\tonStoreChanged(prop, value) {\r\n\t\tthis.setState({\r\n\t\t\t[prop]: value,\r\n\t\t});\r\n\t}\r\n\r\n\tonTabsChanged(err, response) {\r\n\t\tlet { value } = response;\r\n\t\tthis.setState({\r\n\t\t\ttabs: value,\r\n\t\t\ttabWidth: this.getTabWidth({ tabList: value }),\r\n\t\t});\r\n\t}\r\n\r\n\tonTabListTranslateChanged(err, response) {\r\n\t\tlet { value } = response;\r\n\t\tthis.setState({\r\n\t\t\ttranslateX: value,\r\n\t\t});\r\n\t}\r\n\r\n\tUNSAFE_componentWillMount() {\r\n\t\t// Store.addListener({ field: \"activeTab\" }, this.onActiveTabChanged);\r\n\t\tStore.addListener({ field: \"tabs\" }, this.onTabsChanged);\r\n\t\tStore.addListener({ field: \"tabListTranslateX\" }, this.onTabListTranslateChanged);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\twindow.addEventListener(\"resize\", this.onWindowResizeThrottled);\r\n\t\tlet boundingBox = this.refs.Me.getBoundingClientRect();\r\n\t\tthis.setState({\r\n\t\t\tboundingBox: boundingBox,\r\n\t\t\ttabWidth: this.getTabWidth({ boundingBox }),\r\n\t\t});\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\t// Store.removeListener({ field: \"activeTab\" }, this.onActiveTabChanged);\r\n\t\tStore.removeListener({ field: \"tabs\" }, this.onTabsChanged);\r\n\t\tStore.removeListener({ field: \"tabListTranslateX\" }, this.onTabListTranslateChanged);\r\n\t\twindow.removeEventListener(\"resize\", this.onWindowResizeThrottled);\r\n\t}\r\n\r\n\thoverAction(newHoverState) {\r\n\t\tthis.setState({ hoverState: newHoverState });\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet { translateX } = this.state;\r\n\t\ttranslateX = Math.abs(translateX);\r\n\t\t// If we have just 1 tab, we render the title. Unless someone is dragging a tab around - in that case, we will render the tab view, even though we only have 1.\r\n\r\n\t\tlet componentToRender = \"title\";\r\n\t\tif (this.state.tabs.length === 1) {\r\n\t\t\tif (this.props.listenForDragOver && !this.state.iAmDragging) {\r\n\t\t\t\tcomponentToRender = \"tabs\";\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.state.tabs.length > 1) {\r\n\t\t\tcomponentToRender = \"tabs\";\r\n\t\t}\r\n\t\t// Cleanup in case we were translated before closing the second to last tab. This left-aligns the title.\r\n\t\tif (componentToRender === \"title\") {\r\n\t\t\ttranslateX = 0;\r\n\t\t}\r\n\r\n\t\tif (this.refs.Me) {\r\n\t\t\tthis.refs.Me.scrollLeft = translateX;\r\n\t\t}\r\n\r\n\t\tlet moveAreaClasses = \"fsbl-tab-region-drag-area\";\r\n\t\tif (this.isTabRegionOverflowing()) {\r\n\t\t\tmoveAreaClasses = `${moveAreaClasses} gradient`;\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<div\r\n\t\t\t\tref=\"Me\"\r\n\t\t\t\tonDragLeave={this.dragLeave}\r\n\t\t\t\tclassName={this.props.className}\r\n\t\t\t\tonWheel={this.onMouseWheel}\r\n\t\t\t\tonScroll={this.onMouseWheel}\r\n\t\t\t\tonDrop={this.drop}\r\n\t\t\t\tonDragOver={this.dragOver}\r\n\t\t\t>\r\n\t\t\t\t<div className=\"tab-region-wrapper\">\r\n\t\t\t\t\t{componentToRender === \"title\" && renderTitle()}\r\n\t\t\t\t\t{componentToRender === \"tabs\" && renderTabs()}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n\r\n/**\r\n * Function to render the title. Helps keep the render code clean.\r\n */\r\nfunction renderTitle() {\r\n\treturn (\r\n\t\t<div\r\n\t\t\tdraggable=\"true\"\r\n\t\t\tonDragStart={(e) => {\r\n\t\t\t\tFSBL.Clients.Logger.system.debug(\"Tab drag start - TITLE\");\r\n\t\t\t\tlet activeIdentifier = finsembleWindow.identifier;\r\n\t\t\t\tactiveIdentifier.title = finsembleWindow.windowOptions.title;\r\n\t\t\t\tthis.startDrag(e, activeIdentifier);\r\n\t\t\t}}\r\n\t\t\tonDragEnd={this.stopDrag}\r\n\t\t\tdata-hover={this.state.hoverState}\r\n\t\t\tclassName={\"fsbl-header-title\"}\r\n\t\t>\r\n\t\t\t<FinsembleHoverDetector edge=\"top\" hoverAction={this.hoverAction.bind(this)} />\r\n\t\t\t<Title\r\n\t\t\t\tonUpdate={this.props.onTitleUpdated}\r\n\t\t\t\twindowIdentifier={FSBL.Clients.WindowClient.getWindowIdentifier()}\r\n\t\t\t></Title>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\n/**\r\n * Renders the array of tabs.\r\n * @param {*} props\r\n */\r\nfunction renderTabs() {\r\n\tlet titleWidth = this.state.tabWidth - ICON_AREA - CLOSE_BUTTON_MARGIN;\r\n\treturn this.state.tabs.map((tab) => (\r\n\t\t<Tab\r\n\t\t\tonClick={() => {\r\n\t\t\t\tthis.setActiveTab(tab);\r\n\t\t\t}}\r\n\t\t\tdraggable=\"true\"\r\n\t\t\tkey={tab.windowName} // this is a unique identifier for React so it knows when to update the DOM\r\n\t\t\tclassName={this.getTabClasses(tab)}\r\n\t\t\tonDragStart={(e, identifier) => {\r\n\t\t\t\tFSBL.Clients.Logger.system.debug(\"Tab drag - TAB\", identifier.windowName);\r\n\t\t\t\tthis.startDrag(e, identifier);\r\n\t\t\t}}\r\n\t\t\tonDrop={this.drop}\r\n\t\t\tonDragEnd={this.stopDrag}\r\n\t\t\tonTabClose={() => {\r\n\t\t\t\tthis.onTabClosed(tab);\r\n\t\t\t}}\r\n\t\t\tonTabDraggedOver={this.onTabDraggedOver}\r\n\t\t\tlistenForDragOver={this.props.listenForDragOver}\r\n\t\t\ttabWidth={this.state.tabWidth}\r\n\t\t\ttitleWidth={titleWidth}\r\n\t\t\twindowIdentifier={tab}\r\n\t\t/>\r\n\t));\r\n}\r\n"]}
+{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/center/TabList.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { StandardError } from \"@finsemble/finsemble-core/types/types\";\r\nimport Tab from \"./Tab\";\r\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\r\nimport { Store, Actions } from \"../../stores/windowTitleBarStore\";\r\nimport { Title } from \"../windowTitle\";\r\nimport _throttle from \"lodash/throttle\";\r\n\r\nimport {\r\n\tEditTabProps,\r\n\tTabListProps,\r\n\tTabListState,\r\n\tGetTabWidthParams,\r\n\tTabProperties,\r\n\tValueOf,\r\n} from \"../../../../types/windowTitleBar\";\r\nimport { WindowIdentifier } from \"@finsemble/finsemble-core\";\r\n\r\nlet TAB_WIDTH = 300;\r\n// Next two items are for calculating how large the title should be within a tab.\r\nconst ICON_AREA = 16;\r\nconst CLOSE_BUTTON_MARGIN = 12;\r\nconst MINIMUM_TAB_SIZE = 100;\r\n\r\n/**\r\n * The wrapper component for tab renaming\r\n * @param {*} props\r\n */\r\nfunction EditTab(props: EditTabProps) {\r\n\tconst [editingTitle, setEditingTitle] = React.useState(false);\r\n\tconst [clickTimeout, setClickTimeout] = React.useState<NodeJS.Timeout | undefined>(undefined);\r\n\r\n\tReact.useEffect(() => {\r\n\t\t//Update document title cause after restart it has a default value which doesn't equal to persisted title.\r\n\t\tFSBL.Clients.WindowClient.getComponentState({ field: \"persistedTitle\" }, (err: StandardError, title: string) => {\r\n\t\t\tif (title) document.title = title;\r\n\t\t});\r\n\t}, []);\r\n\r\n\tconst inputEl = React.useRef<HTMLInputElement>(null);\r\n\tconst updateTabTitle = (e: React.KeyboardEvent<HTMLInputElement> | React.FocusEvent<HTMLInputElement>) => {\r\n\t\tconst title = (e.target as HTMLInputElement).value;\r\n\t\tFSBL.Clients.WindowClient.setComponentState({\r\n\t\t\tfield: \"persistedTitle\",\r\n\t\t\tvalue: title,\r\n\t\t});\r\n\t\tdocument.title = title;\r\n\t\tsetEditingTitle(false);\r\n\t};\r\n\r\n\tconst beginEditing = async () => {\r\n\t\tawait setEditingTitle(true);\r\n\t\tawait inputEl?.current?.focus();\r\n\t\tif (inputEl?.current) {\r\n\t\t\tinputEl.current.value = document.title;\r\n\t\t}\r\n\t};\r\n\r\n\tconst clickHandler = () => {\r\n\t\tif (clickTimeout !== null) {\r\n\t\t\t// double click\r\n\t\t\tbeginEditing();\r\n\t\t} else if (!editingTitle) {\r\n\t\t\t// single click\r\n\t\t\tlet timeout = setTimeout(() => {\r\n\t\t\t\tclearTimeout(clickTimeout);\r\n\t\t\t\tsetClickTimeout(undefined);\r\n\t\t\t}, 500);\r\n\t\t\tsetClickTimeout(timeout);\r\n\t\t\tif (props.tab && props.setActiveTab) props.setActiveTab(props.tab);\r\n\t\t}\r\n\t};\r\n\r\n\tconst blurHandler = (e: React.FocusEvent<HTMLInputElement>) => {\r\n\t\tupdateTabTitle(e);\r\n\t\tsetEditingTitle(false);\r\n\t};\r\n\r\n\tconst keyDownHandler = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n\t\te.key === \"Enter\" && updateTabTitle(e);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tid=\"tab-editor\"\r\n\t\t\t//We can't use Click and Dblclick events together cause for one dblclick fires two click events which close title editor.\r\n\t\t\t//Workaround with setTimeout should resolve this behaviour.\r\n\t\t\tonClick={clickHandler}\r\n\t\t>\r\n\t\t\t{editingTitle ? (\r\n\t\t\t\t<div className=\"fsbl-tab fsbl-active-tab\" style={{ width: props.tabWidth || \"auto\" }}>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\tref={inputEl}\r\n\t\t\t\t\t\tonBlur={blurHandler}\r\n\t\t\t\t\t\tonKeyDown={keyDownHandler}\r\n\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\tclassName=\"tab__input\"\r\n\t\t\t\t\t\tmaxLength={32}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t) : (\r\n\t\t\t\tprops.children\r\n\t\t\t)}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport class TabList extends React.Component<TabListProps, TabListState> {\r\n\tmousePositionOnDragEnd: { x: number; y: number };\r\n\r\n\tonWindowResizeThrottled: (this: Window, ev: UIEvent) => any;\r\n\r\n\tconstructor(props: TabListProps) {\r\n\t\tsuper(props);\r\n\t\tlet initialState = Store.getValues([\"activeTab\", \"tabs\"]);\r\n\t\tlet activeIdentifier = finsembleWindow.identifier as typeof finsembleWindow.identifier & { title: string };\r\n\r\n\t\tif (activeIdentifier) {\r\n\t\t\tactiveIdentifier.title = finsembleWindow.windowOptions.title;\r\n\t\t}\r\n\t\tthis.state = {\r\n\t\t\ttranslateX: 0,\r\n\t\t\ttabs: initialState.tabs,\r\n\t\t\tactiveTab: activeIdentifier as TabProperties,\r\n\t\t\tboundingBox: {\r\n\t\t\t\tright: 0,\r\n\t\t\t\tleft: 0,\r\n\t\t\t\ttop: 0,\r\n\t\t\t\tbottom: 0,\r\n\t\t\t\theight: 0,\r\n\t\t\t\twidth: 0,\r\n\t\t\t},\r\n\t\t\tiAmDragging: false,\r\n\t\t\thoverState: \"false\",\r\n\t\t\ttabWidth: TAB_WIDTH,\r\n\t\t\thoveredTabIndex: 0,\r\n\t\t};\r\n\t\tthis.onWindowResizeThrottled = () => {};\r\n\t\tthis.bindCorrectContext();\r\n\t\tthis.mousePositionOnDragEnd = {\r\n\t\t\tx: 0,\r\n\t\t\ty: 0,\r\n\t\t};\r\n\t}\r\n\r\n\t/**\r\n\t * Make sure that _this_ is correct inside of our event handlers.\r\n\t */\r\n\tbindCorrectContext() {\r\n\t\tthis.startDrag = this.startDrag.bind(this);\r\n\t\tthis.stopDrag = this.stopDrag.bind(this);\r\n\t\tthis.cancelTabbing = this.cancelTabbing.bind(this);\r\n\t\tthis.drop = this.drop.bind(this);\r\n\t\tthis.dragOver = this.dragOver.bind(this);\r\n\t\tthis.dragLeave = this.dragLeave.bind(this);\r\n\t\tthis.onMouseWheel = this.onMouseWheel.bind(this);\r\n\t\tthis.renderTitle = this.renderTitle.bind(this);\r\n\t\tthis.renderTabs = this.renderTabs.bind(this);\r\n\t\tthis.findTabIndex = this.findTabIndex.bind(this);\r\n\t\tthis.setActiveTab = this.setActiveTab.bind(this);\r\n\t\tthis.onTabAdded = this.onTabAdded.bind(this);\r\n\t\tthis.onTabClosed = this.onTabClosed.bind(this);\r\n\t\tthis.setActiveTab = this.setActiveTab.bind(this);\r\n\t\tthis.onStoreChanged = this.onStoreChanged.bind(this);\r\n\t\t// this.onActiveTabChanged = this.onActiveTabChanged.bind(this);\r\n\t\tthis.onTabsChanged = this.onTabsChanged.bind(this);\r\n\t\tthis.onTabDraggedOver = this.onTabDraggedOver.bind(this);\r\n\t\tthis.isTabRegionOverflowing = this.isTabRegionOverflowing.bind(this);\r\n\t\tthis.onWindowResize = this.onWindowResize.bind(this);\r\n\t\tthis.onWindowResizeThrottled = _throttle(this.onWindowResize, 100);\r\n\t\tthis.getTabWidth = this.getTabWidth.bind(this);\r\n\t\tthis.setTabListTranslateX = this.setTabListTranslateX.bind(this);\r\n\t\tthis.onTabListTranslateChanged = this.onTabListTranslateChanged.bind(this);\r\n\t}\r\n\r\n\tgetTabWidth(params: GetTabWidthParams = {}) {\r\n\t\tlet { boundingBox, tabList } = params;\r\n\t\tif (typeof tabList === \"undefined\") {\r\n\t\t\ttabList = this.state.tabs;\r\n\t\t}\r\n\t\tif (typeof boundingBox === \"undefined\") {\r\n\t\t\tboundingBox = (this.refs.Me as HTMLElement).getBoundingClientRect();\r\n\t\t}\r\n\t\tif (typeof boundingBox.right === \"undefined\") {\r\n\t\t\treturn TAB_WIDTH;\r\n\t\t}\r\n\t\tlet containerWidth = boundingBox.right - boundingBox.left;\r\n\t\tlet newTabWidth = containerWidth / tabList.length;\r\n\r\n\t\treturn newTabWidth < MINIMUM_TAB_SIZE ? MINIMUM_TAB_SIZE : newTabWidth;\r\n\t}\r\n\r\n\t/**\r\n\t * Resize handler. Calculates the space that the center-region is taking up. May be used to scale tabs proportionally.\r\n\t */\r\n\tonWindowResize() {\r\n\t\tlet bounds = (this.refs.Me as HTMLElement).getBoundingClientRect();\r\n\t\tthis.setState({\r\n\t\t\tboundingBox: bounds,\r\n\t\t\ttabWidth: this.getTabWidth(),\r\n\t\t});\r\n\t}\r\n\r\n\tfindTabIndex(tab: TabProperties) {\r\n\t\treturn this.state.tabs.findIndex((el) => tab.windowName === el.windowName && tab.uuid === el.uuid);\r\n\t}\r\n\r\n\t/**\r\n\t *\r\n\t * Function that's called when this component fires the onDragStart event, this will start the tiling or tabbing process\r\n\t *\r\n\t * @param e The SyntheticEvent created by React when the startdrag event is called\r\n\t * @memberof windowTitleBar\r\n\t */\r\n\tstartDrag(e: React.DragEvent<HTMLDivElement>, windowIdentifier: WindowIdentifier) {\r\n\t\tthis.setState({\r\n\t\t\tiAmDragging: true,\r\n\t\t});\r\n\t\te.dataTransfer.setData(\"application/fsbl-tab-data\", JSON.stringify(windowIdentifier));\r\n\t\tFSBL.Clients.WindowClient.startTilingOrTabbing({\r\n\t\t\twindowIdentifier: windowIdentifier,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Called when the react component detects a drop (or stop drag, which is equivalent)\r\n\t *\r\n\t * @param e The SyntheticEvent created by React when the stopdrag event is called\r\n\t * @memberof windowTitleBar\r\n\t */\r\n\tstopDrag(e: React.DragEvent<HTMLDivElement>) {\r\n\t\t// We don't want onDropHandler() in windowTitleBarComponent.jsx\r\n\t\t// to handle this drop event, so we call event.stopPropagation().\r\n\t\te.stopPropagation();\r\n\t\tFSBL.Clients.Logger.system.debug(\"Tab stopDrag.\");\r\n\t\tthis.mousePositionOnDragEnd = {\r\n\t\t\tx: e.nativeEvent.screenX,\r\n\t\t\ty: e.nativeEvent.screenY,\r\n\t\t};\r\n\r\n\t\tconst { boundingBox } = this.state;\r\n\t\tFSBL.Clients.WindowClient.getBounds((err: StandardError, bounds: { top: number; left: number }) => {\r\n\t\t\t// We ONLY want to know if we're in the tab region!\r\n\t\t\tconst tabRegion = {\r\n\t\t\t\ttop: boundingBox.top + bounds.top,\r\n\t\t\t\tbottom: boundingBox.bottom + bounds.top,\r\n\t\t\t\tleft: boundingBox.left + bounds.left,\r\n\t\t\t\tright: boundingBox.right + bounds.left,\r\n\t\t\t\twidth: 0,\r\n\t\t\t\theight: 0,\r\n\t\t\t};\r\n\t\t\tif (!FSBL.Clients.WindowClient.isPointInBox(this.mousePositionOnDragEnd, tabRegion)) {\r\n\t\t\t\t// allow for a 50ms delay so this message goes after a drop message from a target window if tabbing\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tFSBL.Clients.WindowClient.stopTilingOrTabbing({\r\n\t\t\t\t\t\tmousePosition: this.mousePositionOnDragEnd,\r\n\t\t\t\t\t});\r\n\t\t\t\t}, 50);\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tiAmDragging: false,\r\n\t\t\t\t});\r\n\t\t\t\tthis.onWindowResize();\r\n\t\t\t} else {\r\n\t\t\t\t// sometimes a tab gets dropped in a bad spot where no action gets taken and we get stuck in tiling mode\r\n\t\t\t\t// to make sure nothing bad happens, call cancel after a similar 50ms delay\r\n\t\t\t\t// If some action was taken, this will be ignored by Finsemble\r\n\r\n\t\t\t\tconst setTimeoutCb = FSBL.Clients.WindowClient.cancelTilingOrTabbing(\r\n\t\t\t\t\t{ windowIdentifier: this.state.activeTab },\r\n\t\t\t\t\t() => {}\r\n\t\t\t\t);\r\n\t\t\t\tsetTimeout(() => setTimeoutCb, 50);\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Helper function that will pull data from a drop event, parse it, and return it.\r\n\t * @param {event} e\r\n\t */\r\n\textractWindowIdentifier(e: React.DragEvent<HTMLElement>) {\r\n\t\ttry {\r\n\t\t\tlet identifier = JSON.parse(e.dataTransfer.getData(\"application/fsbl-tab-data\"));\r\n\t\t\t// If the \"identifier\" is formed properly, it'll have this properly. Otherwise, it's something else (e.g., share data, image, etc).\r\n\t\t\tif (typeof identifier.windowName !== \"undefined\") {\r\n\t\t\t\treturn identifier;\r\n\t\t\t} else if (identifier.waitForIdentifier) {\r\n\t\t\t\treturn identifier;\r\n\t\t\t} else {\r\n\t\t\t\tFSBL.Clients.Logger.system.error(\r\n\t\t\t\t\t\"Malformed drop object detected in windowTitleBar. Check tab dropping code. Expected windowIdentifier, got \",\r\n\t\t\t\t\tidentifier\r\n\t\t\t\t);\r\n\t\t\t\treturn null;\r\n\t\t\t}\r\n\t\t} catch (e2) {\r\n\t\t\tFSBL.Clients.Logger.system.error(\r\n\t\t\t\t\"Error in 'extractWindowIdentifier'. Check TabRegion.jsx. Either there was no data in the event, or it was a circular object that caused JSON.parse to fail. Javascript Error:\",\r\n\t\t\t\te2\r\n\t\t\t);\r\n\t\t\treturn null;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Called when a drop event occurs on the tab region. We (hope) that this came from a tab. Could be a share icon, an image, something else - that's why we check to see if the identifier exists before doing anything.\r\n\t * @param {event} e\r\n\t */\r\n\tdrop(e?: React.DragEvent<HTMLElement>) {\r\n\t\tlet identifier: any;\r\n\t\tif (e) {\r\n\t\t\te.preventDefault();\r\n\t\t\te.stopPropagation();\r\n\t\t\tidentifier = this.extractWindowIdentifier(e);\r\n\t\t}\r\n\t\tFSBL.Clients.Logger.system.debug(\"Tab drag drop.\");\r\n\t\tif (!identifier) return; // the dropped item is not a tab\r\n\t\tif (this.state.tabs.length === 1 && identifier.windowName === finsembleWindow.name)\r\n\t\t\treturn FSBL.Clients.WindowClient.cancelTilingOrTabbing({ windowIdentifier: this.state.activeTab }, () => {});\r\n\r\n\t\tFSBL.Clients.WindowClient.stopTilingOrTabbing({ allowDropOnSelf: true, action: \"tabbing\" }, () => {\r\n\t\t\tFSBL.Clients.RouterClient.transmit(\"tabbingDragEnd\", { success: true });\r\n\t\t\tif (identifier && identifier.windowName) {\r\n\t\t\t\t// Calls a method defined inside of windowTitleBar.jsx.\r\n\t\t\t\tthis.onTabAdded(identifier, this.state.hoveredTabIndex);\r\n\t\t\t} else if (identifier && identifier.waitForIdentifier) {\r\n\t\t\t\tlet subscribeId: { subscribeID: string; topic: string };\r\n\t\t\t\tlet tabIdentifierSubscriber = (err: StandardError, response: { data: TabProperties }) => {\r\n\t\t\t\t\tif (!response.data.windowName) return;\r\n\t\t\t\t\tFSBL.Clients.RouterClient.unsubscribe(subscribeId);\r\n\t\t\t\t\tthis.onTabAdded(response.data, this.state.hoveredTabIndex);\r\n\t\t\t\t};\r\n\t\t\t\tsubscribeId = FSBL.Clients.RouterClient.subscribe(`Finsemble.${identifier.guid}`, tabIdentifierSubscriber);\r\n\t\t\t} else {\r\n\t\t\t\tFSBL.Clients.Logger.system.error(\r\n\t\t\t\t\t\"Unexpected drop event on window title bar. Check the 'drop' method on TabRegion.jsx.\"\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tisTabRegionOverflowing() {\r\n\t\tlet lastTab = {\r\n\t\t\tright: this.state.tabs.length * this.state.tabWidth,\r\n\t\t};\r\n\t\treturn lastTab.right + this.state.translateX > this.state.boundingBox.right - this.state.boundingBox.left;\r\n\t}\r\n\r\n\t/**\r\n\t * Event handler for when a user wheels inside of the tab region. We translate the deltaY that the event provides into horizontal movement. The translateX value that we return will be used in the render method below.\r\n\t * @param {event} e\r\n\t * @todo This should probably be refactored into separate handlers for scroll and mousewheel to account for the differences in event properties. For now, we will intersection the types and ts ignore errors from callers\r\n\t */\r\n\tonMouseWheel(e: React.WheelEvent & React.UIEvent) {\r\n\t\te.preventDefault();\r\n\t\tlet numTabs = this.state.tabs.length;\r\n\t\tlet translateX = 0;\r\n\t\t// If there's more than one tab, do some calculations, otherwise we aren't going to scroll this region, no matter how much the user wants us to.\r\n\t\tif (numTabs > 1) {\r\n\t\t\tlet currentX = (this.refs.Me as HTMLElement).scrollLeft;\r\n\t\t\tlet { boundingBox } = this.state;\r\n\t\t\t// Figure out position of first tab and last tab.\r\n\t\t\tlet firstTab = {\r\n\t\t\t\tleft: 0 + boundingBox.left,\r\n\t\t\t};\r\n\t\t\tlet lastTab = {\r\n\t\t\t\tright: numTabs * this.state.tabWidth,\r\n\t\t\t};\r\n\t\t\tlet deltaX = this.state.tabWidth / 3;\r\n\t\t\t// @ts-ignore\r\n\t\t\tif (e.nativeEvent.deltaY < 0) {\r\n\t\t\t\tdeltaX = 0 - deltaX;\r\n\t\t\t}\r\n\t\t\t// Mouses with high sensitivity will cause massive scroll amounts. We don't want to scroll more than one tab's width in a single mouse wheel, otherwise you risk missing a tab.\r\n\t\t\tif (Math.abs(deltaX) > this.state.tabWidth) {\r\n\t\t\t\tlet isNegative = false;\r\n\t\t\t\tif (deltaX < 0) {\r\n\t\t\t\t\tisNegative = true;\r\n\t\t\t\t}\r\n\t\t\t\tdeltaX = isNegative ? 0 - this.state.tabWidth : this.state.tabWidth;\r\n\t\t\t}\r\n\r\n\t\t\t// when we set scrollLeft on the element, this event fires. But there's no actual event. so stop.\r\n\t\t\tif (!e.nativeEvent.deltaY) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tlet originalDeltaY = e.nativeEvent.deltaY;\r\n\t\t\tlet deltaY = originalDeltaY;\r\n\t\t\tif (Math.abs(originalDeltaY) > this.state.tabWidth / 3) {\r\n\t\t\t\tdeltaY = this.state.tabWidth / 3;\r\n\t\t\t\tif (originalDeltaY < 0) {\r\n\t\t\t\t\tdeltaY = 0 - deltaY;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\ttranslateX = deltaY + currentX;\r\n\t\t\tlet maxRight = boundingBox.right - this.state.tabWidth;\r\n\t\t\tlet newRightForLastTab = lastTab.right + translateX;\r\n\t\t\tlet newLeftForFirstTab = firstTab.left + translateX;\r\n\t\t\t// Do not let the left of the first tab move to the right of the left edge of the bounding box.\r\n\t\t\tif (newLeftForFirstTab < 0) {\r\n\t\t\t\treturn this.scrollToFirstTab();\r\n\t\t\t} else if (e.nativeEvent.deltaY < 0 && newRightForLastTab <= boundingBox.right) {\r\n\t\t\t\t// ONLY IF the user is scrolling from right-to-left (deltaY will be negative). IF they try to do that, do not allow the right edge of the last tab to detach.\r\n\t\t\t\treturn this.scrollToLastTab();\r\n\t\t\t}\r\n\t\t\t// Else, the translation is okay. We're in the middle of our list and the first and last tabs aren't being rendered improperly.\r\n\t\t\ttranslateX < 0 ? (translateX = 0) : translateX;\r\n\t\t\tthis.setState({ translateX });\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Scrolls to our active tab.\r\n\t */\r\n\tscrollToActiveTab() {\r\n\t\tthis.scrollToTab(this.state.activeTab);\r\n\t}\r\n\r\n\t/**\r\n\t * Scrolls to the first tab in our list of tabs.\r\n\t */\r\n\tscrollToFirstTab() {\r\n\t\tlet firstTab = this.state.tabs[0];\r\n\t\tthis.scrollToTab(firstTab);\r\n\t}\r\n\r\n\t/**\r\n\t * Scrolls to the last tab in our list of tabs\r\n\t */\r\n\tscrollToLastTab() {\r\n\t\tlet lastTab = this.state.tabs[this.state.tabs.length - 1];\r\n\t\tthis.scrollToTab(lastTab);\r\n\t}\r\n\r\n\t/**\r\n\t * Function that will horizontally scroll the tab region so that the right edge of the tab lines up with the right edge of the tab region.\r\n\t * @param {} tab\r\n\t */\r\n\tscrollToTab(tab: TabProperties) {\r\n\t\t// 'BoundingBox' is just the boundingClientRect of the tab region. It is, in essence, the center part of the windowTitleBar.\r\n\t\tlet { boundingBox } = this.state;\r\n\r\n\t\tlet tabIndex = this.state.tabs.findIndex((el) => el.windowName === tab.windowName && el.uuid === tab.uuid);\r\n\t\tif (tabIndex > -1) {\r\n\t\t\tlet leftEdgeOfTab = tabIndex * this.state.tabWidth;\r\n\t\t\tlet rightEdgeOfTab = leftEdgeOfTab + this.state.tabWidth;\r\n\t\t\tlet translateX = rightEdgeOfTab;\r\n\t\t\t// Our translation is  this: Take the  right edge of the bounding box, and subtract the left edge. This gives us the 0 point for the box. Then, we subtract the right edge of the tab. The result is a number that we use to shift the entire element and align the right edge of the tab with the right edge of the bounding box. We also account for the 30 px region on the right.\r\n\r\n\t\t\t// If there's no overflow, we don't scroll.\r\n\t\t\tif (rightEdgeOfTab < boundingBox.right) {\r\n\t\t\t\ttranslateX = 0;\r\n\t\t\t} else {\r\n\t\t\t\t// Other tabs are less simple.\r\n\t\t\t\tlet leftEdgeOfTab = tabIndex * this.state.tabWidth;\r\n\t\t\t\tlet rightEdgeOfTab = leftEdgeOfTab + this.state.tabWidth;\r\n\t\t\t\t// Our translation is  this: Take the  right edge of the bounding box, and subtract the left edge. This gives us the 0 point for the box. Then, we subtract the right edge of the tab. The result is a number that we use to shift the entire element and align the right edge of the tab with the right edge of the bounding box.\r\n\t\t\t\ttranslateX = boundingBox.right - boundingBox.left - rightEdgeOfTab;\r\n\t\t\t\t// If there's no overflow, we don't scroll.\r\n\t\t\t\tif (rightEdgeOfTab < boundingBox.right) {\r\n\t\t\t\t\ttranslateX = 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tthis.setTabListTranslateX(translateX);\r\n\t\t}\r\n\t}\r\n\r\n\tsetTabListTranslateX(translateX: number) {\r\n\t\tActions.setTabListScrollPosition(translateX);\r\n\t}\r\n\r\n\t/**\r\n\t * Someone is dragging _something_ over the tab region. We respond by rendering the ghost tab.\r\n\t * @param {event} e\r\n\t */\r\n\tdragOver(e: React.DragEvent) {\r\n\t\te.preventDefault();\r\n\t}\r\n\r\n\t/**\r\n\t * Triggered when the user moves their mouse out of the tabRegion after a dragOver event happens. When they leave, we hide our placeholder tab.\r\n\t * @param {event} e\r\n\t */\r\n\tdragLeave(e: React.DragEvent<HTMLDivElement>) {\r\n\t\tlet boundingRect = this.state.boundingBox;\r\n\t\tif (!FSBL.Clients.WindowClient.isPointInBox({ x: e.screenX, y: e.screenY }, boundingRect)) {\r\n\t\t\tthis.setState({\r\n\t\t\t\thoveredTabIndex: undefined,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Set to a timeout. An event is sent to the RouterClient which will be handled by the drop handler on the window.\r\n\t * In the event that a drop handler never fires to stop tiling or tabbing, this will take care of it.\r\n\t *\r\n\t * @memberof windowTitleBar\r\n\t */\r\n\tcancelTabbing() {\r\n\t\tFSBL.Clients.WindowClient.stopTilingOrTabbing({ allowDropOnSelf: true });\r\n\t\tthis.onWindowResize();\r\n\t}\r\n\r\n\t/**\r\n\t * Basically exists just to keep the render method clean. Gives conditional classes to the active tab.\r\n\t * @param {tab} tab\r\n\t */\r\n\tgetTabClasses(tab: TabProperties) {\r\n\t\tlet classes = \"fsbl-tab\";\r\n\t\tlet tabIndex = this.findTabIndex(tab);\r\n\t\tif (tabIndex === this.state.hoveredTabIndex) classes = `${classes} ghost-tab`;\r\n\t\tif (this.state.activeTab && tab.windowName === this.state.activeTab.windowName) {\r\n\t\t\tclasses = `${classes} fsbl-active-tab`;\r\n\t\t}\r\n\t\treturn classes;\r\n\t}\r\n\r\n\tonTabDraggedOver(e: React.DragEvent<HTMLElement>, tabDraggedOver: TabProperties) {\r\n\t\te.preventDefault();\r\n\t\t// Find index of tab.\r\n\t\tlet tabIndex = this.findTabIndex(tabDraggedOver);\r\n\t\tthis.setState({\r\n\t\t\thoveredTabIndex: tabIndex,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * OnClick handler for the close button on individual tabs.\r\n\t * @PLACEHOLDER will interact with tabbing API\r\n\t * @param {*} tab\r\n\t */\r\n\tonTabClosed(identifier: TabProperties) {\r\n\t\tActions.closeTab(identifier);\r\n\t}\r\n\r\n\t/**\r\n\t * drop handler for the tab region.\r\n\t * @param {*} tab\r\n\t */\r\n\tonTabAdded(identifier: TabProperties, newIndex: number | undefined) {\r\n\t\tif (newIndex === -1) {\r\n\t\t\tnewIndex = undefined;\r\n\t\t}\r\n\r\n\t\tlet myIdentifier = finsembleWindow.identifier as typeof finsembleWindow.identifier & { title: string };\r\n\t\tif (myIdentifier) {\r\n\t\t\tmyIdentifier.title = finsembleWindow.windowOptions.title;\r\n\t\t}\r\n\t\tif (this.state.tabs.length === 1 && identifier.windowName == myIdentifier.windowName) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (typeof newIndex === \"number\") {\r\n\t\t\tActions.reorderTab(identifier, newIndex);\r\n\t\t}\r\n\t\tthis.setState({\r\n\t\t\thoveredTabIndex: undefined,\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * OnClick handler for individual tabs.\r\n\t * @PLACEHOLDER will interact with tabbing API\r\n\t * @param {*} tab\r\n\t */\r\n\tsetActiveTab(tab: TabProperties) {\r\n\t\tActions.setActiveTab(tab);\r\n\t}\r\n\r\n\tonStoreChanged(prop: keyof TabListState, value: ValueOf<TabListState>) {\r\n\t\t// @ts-ignore + TODO: rewrite this area to more explicitly set state by name, as TS expects primitive types for the current key+values being set\r\n\t\tthis.setState({\r\n\t\t\t[prop]: value,\r\n\t\t});\r\n\t}\r\n\r\n\tonTabsChanged(err: StandardError, response: { value: TabProperties[] }) {\r\n\t\tlet { value } = response;\r\n\t\tthis.setState({\r\n\t\t\ttabs: value,\r\n\t\t\ttabWidth: this.getTabWidth({ tabList: value }),\r\n\t\t});\r\n\t}\r\n\r\n\tonTabListTranslateChanged(err: StandardError, response: { value: number }) {\r\n\t\tlet { value } = response;\r\n\t\tthis.setState({\r\n\t\t\ttranslateX: value,\r\n\t\t});\r\n\t}\r\n\r\n\tUNSAFE_componentWillMount() {\r\n\t\t// Store.addListener({ field: \"activeTab\" }, this.onActiveTabChanged);\r\n\t\tStore.addListener({ field: \"tabs\" }, this.onTabsChanged);\r\n\t\tStore.addListener({ field: \"tabListTranslateX\" }, this.onTabListTranslateChanged);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\twindow.addEventListener(\"resize\", this.onWindowResizeThrottled);\r\n\t\tlet boundingBox = (this.refs.Me as HTMLElement).getBoundingClientRect();\r\n\t\tthis.setState({\r\n\t\t\tboundingBox: boundingBox,\r\n\t\t\ttabWidth: this.getTabWidth({ boundingBox }),\r\n\t\t});\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\t// Store.removeListener({ field: \"activeTab\" }, this.onActiveTabChanged);\r\n\t\tStore.removeListener({ field: \"tabs\" }, this.onTabsChanged);\r\n\t\tStore.removeListener({ field: \"tabListTranslateX\" }, this.onTabListTranslateChanged);\r\n\t\twindow.removeEventListener(\"resize\", this.onWindowResizeThrottled);\r\n\t}\r\n\r\n\thoverAction(newHoverState: string) {\r\n\t\tthis.setState({ hoverState: newHoverState });\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet { translateX } = this.state;\r\n\t\ttranslateX = Math.abs(translateX);\r\n\t\t// If we have just 1 tab, we render the title. Unless someone is dragging a tab around - in that case, we will render the tab view, even though we only have 1.\r\n\r\n\t\tlet componentToRender = \"title\";\r\n\t\tif (this.state.tabs.length === 1) {\r\n\t\t\tif (this.props.listenForDragOver && !this.state.iAmDragging) {\r\n\t\t\t\tcomponentToRender = \"tabs\";\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.state.tabs.length > 1) {\r\n\t\t\tcomponentToRender = \"tabs\";\r\n\t\t}\r\n\t\t// Cleanup in case we were translated before closing the second to last tab. This left-aligns the title.\r\n\t\tif (componentToRender === \"title\") {\r\n\t\t\ttranslateX = 0;\r\n\t\t}\r\n\r\n\t\tif (this.refs.Me) {\r\n\t\t\t(this.refs.Me as HTMLElement).scrollLeft = translateX;\r\n\t\t}\r\n\r\n\t\tlet moveAreaClasses = \"fsbl-tab-region-drag-area\";\r\n\t\tif (this.isTabRegionOverflowing()) {\r\n\t\t\tmoveAreaClasses = `${moveAreaClasses} gradient`;\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<div\r\n\t\t\t\tref=\"Me\"\r\n\t\t\t\tonDragLeave={this.dragLeave}\r\n\t\t\t\tclassName={this.props.className}\r\n\t\t\t\tonWheel={this.onMouseWheel}\r\n\t\t\t\t// @ts-ignore\r\n\t\t\t\tonScroll={this.onMouseWheel}\r\n\t\t\t\tonDrop={this.drop}\r\n\t\t\t\tonDragOver={this.dragOver}\r\n\t\t\t>\r\n\t\t\t\t<div className=\"tab-region-wrapper\">\r\n\t\t\t\t\t{componentToRender === \"title\" && this.renderTitle()}\r\n\t\t\t\t\t{componentToRender === \"tabs\" && this.renderTabs()}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n\r\n\t/**\r\n\t * Function to render the title. Helps keep the render code clean.\r\n\t */\r\n\trenderTitle() {\r\n\t\treturn (\r\n\t\t\t<EditTab>\r\n\t\t\t\t<div\r\n\t\t\t\t\tdraggable=\"true\"\r\n\t\t\t\t\tonDragStart={(e) => {\r\n\t\t\t\t\t\tFSBL.Clients.Logger.system.debug(\"Tab drag start - TITLE\");\r\n\t\t\t\t\t\tlet activeIdentifier = finsembleWindow.identifier as typeof finsembleWindow.identifier & { title: string };\r\n\t\t\t\t\t\tactiveIdentifier.title = finsembleWindow.windowOptions.title;\r\n\t\t\t\t\t\tthis.startDrag(e, activeIdentifier);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonDragEnd={this.stopDrag}\r\n\t\t\t\t\tdata-hover={this.state.hoverState}\r\n\t\t\t\t\tclassName={\"fsbl-header-title\"}\r\n\t\t\t\t>\r\n\t\t\t\t\t<FinsembleHoverDetector edge=\"top\" hoverAction={this.hoverAction.bind(this)} />\r\n\t\t\t\t\t<Title\r\n\t\t\t\t\t\tonUpdate={this.props.onTitleUpdated}\r\n\t\t\t\t\t\twindowIdentifier={FSBL.Clients.WindowClient.getWindowIdentifier()}\r\n\t\t\t\t\t></Title>\r\n\t\t\t\t</div>\r\n\t\t\t</EditTab>\r\n\t\t);\r\n\t}\r\n\r\n\t/**\r\n\t * Renders the array of tabs.\r\n\t * @param {*} props\r\n\t */\r\n\trenderTabs() {\r\n\t\tlet titleWidth = this.state.tabWidth - ICON_AREA - CLOSE_BUTTON_MARGIN;\r\n\r\n\t\treturn this.state.tabs.map((tab) => (\r\n\t\t\t<EditTab tabWidth={this.state.tabWidth} key={tab.windowName} tab={tab} setActiveTab={this.setActiveTab}>\r\n\t\t\t\t<Tab\r\n\t\t\t\t\tdraggable=\"true\"\r\n\t\t\t\t\tkey={tab.windowName} // this is a unique identifier for React so it knows when to update the DOM\r\n\t\t\t\t\tclassName={this.getTabClasses(tab)}\r\n\t\t\t\t\tonDragStart={(e, identifier) => {\r\n\t\t\t\t\t\tFSBL.Clients.Logger.system.debug(\"Tab drag - TAB\", identifier.windowName);\r\n\t\t\t\t\t\tthis.startDrag(e, identifier);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonDrop={this.drop}\r\n\t\t\t\t\tonDragEnd={this.stopDrag}\r\n\t\t\t\t\tonTabClose={() => {\r\n\t\t\t\t\t\tthis.onTabClosed(tab);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonTabDraggedOver={this.onTabDraggedOver}\r\n\t\t\t\t\tlistenForDragOver={this.props.listenForDragOver}\r\n\t\t\t\t\ttabWidth={this.state.tabWidth}\r\n\t\t\t\t\ttitleWidth={titleWidth}\r\n\t\t\t\t\twindowIdentifier={tab}\r\n\t\t\t\t/>\r\n\t\t\t</EditTab>\r\n\t\t));\r\n\t}\r\n}\r\n"]}

package/react/components/windowTitleBar/components/left/LinkerButton.js

@@ -19,6 +19,7 @@ const LinkerButtonRedux = () => {
     const state = useSelector((currentState) => currentState);
     const buttonRef = useRef(null);
     const showLinkerWindow = () => {
+        var _a, _b, _c;
         dispatch(actions.setActiveWindow({
             type: "linker/setActiveWindow",
             payload: {
@@ -28,11 +29,11 @@ const LinkerButtonRedux = () => {
         const linkerButton = buttonRef.current;
         if (linkerButton) {
             const linkerButtonDiv = linkerButton;
-            const linkerParent = (linkerButtonDiv.offsetParent ?? linkerButtonDiv.parentElement);
+            const linkerParent = ((_a = linkerButtonDiv.offsetParent) !== null && _a !== void 0 ? _a : linkerButtonDiv.parentElement);
             const params = {
                 position: "relative",
-                left: linkerParent?.offsetLeft ?? 0,
-                top: linkerParent?.offsetHeight ?? 0,
+                left: (_b = linkerParent === null || linkerParent === void 0 ? void 0 : linkerParent.offsetLeft) !== null && _b !== void 0 ? _b : 0,
+                top: (_c = linkerParent === null || linkerParent === void 0 ? void 0 : linkerParent.offsetHeight) !== null && _c !== void 0 ? _c : 0,
                 forceOntoMonitor: true,
                 spawnIfNotFound: false,
             };
@@ -53,7 +54,7 @@ const WhichLinker = () => {
     const [whichLinker, setWhichLinker] = React.useState("");
     useEffect(() => {
         (async () => {
-            const { err, data } = await FSBL.Clients.ConfigClient.getValue({
+            const { data } = await FSBL.Clients.ConfigClient.getValue({
                 field: "finsemble.servicesConfig.linker.enabled",
             });
             if (data) {

package/react/components/windowTitleBar/components/left/LinkerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkerButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/left/LinkerButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport React, { useRef, useEffect } from \"react\";\r\nimport { SpawnParams } from \"services/window/Launcher/launcher\";\r\nimport { LinkerGroups } from \"./LinkerGroups\";\r\nimport { useDispatch, useSelector, Provider } from \"react-redux\";\r\nimport { actions, LinkerStore, store } from \"../../../linker/remoteRedux\";\r\nimport { LinkerButton as LinkerButtonDeprecated } from \"./LinkerButtonDeprecated\";\r\n\r\nconst LinkerButtonIcon = () => (\r\n\t<svg\r\n\t\twidth=\"15px\"\r\n\t\theight=\"15px\"\r\n\t\tviewBox=\"2 1 13 13\"\r\n\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\txmlnsXlink=\"http://www.w3.org/1999/xlink\"\r\n\t>\r\n\t\t<title>Linker</title>\r\n\t\t<defs>\r\n\t\t\t<path\r\n\t\t\t\tid=\"prefix__b\"\r\n\t\t\t\td=\"M17.925 15.425h-1v-2.5a2.5 2.5 0 0 0-5 0v2.5h-1v-2.5a3.5 3.5 0 1 1 7 0v2.5zm0 2v2.5a3.5 3.5 0 1 1-7 0v-2.5h1v2.5a2.5 2.5 0 0 0 5 0v-2.5h1zm-3.5-4a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0v-5a.5.5 0 0 1 .5-.5z\"\r\n\t\t\t/>\r\n\t\t\t<filter id=\"prefix__a\" x=\"-28.6%\" y=\"-7.1%\" width=\"157.1%\" height=\"128.6%\">\r\n\t\t\t\t<feOffset dy=\"1\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\" />\r\n\t\t\t\t<feGaussianBlur in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\" stdDeviation=\".5\" />\r\n\t\t\t\t<feColorMatrix in=\"shadowBlurOuter1\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\" />\r\n\t\t\t</filter>\r\n\t\t</defs>\r\n\t\t<g transform=\"rotate(45 22.289 4.682)\" fillRule=\"nonzero\" fill=\"none\">\r\n\t\t\t<use filter=\"url(#prefix__a)\" xlinkHref=\"#prefix__b\" />\r\n\t\t\t<use xlinkHref=\"#prefix__b\" />\r\n\t\t</g>\r\n\t</svg>\r\n);\r\n\r\nconst LinkerButtonRedux: React.FunctionComponent = () => {\r\n\tconst dispatch = useDispatch();\r\n\tconst state: LinkerStore = useSelector((currentState: any) => currentState);\r\n\tconst buttonRef = useRef(null);\r\n\r\n\tconst showLinkerWindow = () => {\r\n\t\t//TODO, import this action creator from finsemble-core\r\n\t\tdispatch(\r\n\t\t\tactions.setActiveWindow({\r\n\t\t\t\ttype: \"linker/setActiveWindow\",\r\n\t\t\t\tpayload: {\r\n\t\t\t\t\twindowName: finsembleWindow.name,\r\n\t\t\t\t},\r\n\t\t\t})\r\n\t\t);\r\n\r\n\t\t// The offset parent is needed so that the menu isn't shown relative to the icon.\r\n\t\t// The HTMLElement.offsetParent read-only property returns a reference to the object which is the closest (nearest in the containment hierarchy) positioned containing element.\r\n\t\t// Necessary to cast because refs are type \"Element\" (which could be an SVGElement...)\r\n\r\n\t\tconst linkerButton = buttonRef.current;\r\n\t\tif (linkerButton) {\r\n\t\t\tconst linkerButtonDiv = linkerButton as HTMLElement;\r\n\t\t\tconst linkerParent = (linkerButtonDiv.offsetParent ?? linkerButtonDiv.parentElement) as HTMLElement;\r\n\r\n\t\t\tconst params: SpawnParams = {\r\n\t\t\t\tposition: \"relative\",\r\n\t\t\t\tleft: linkerParent?.offsetLeft ?? 0,\r\n\t\t\t\ttop: linkerParent?.offsetHeight ?? 0,\r\n\t\t\t\tforceOntoMonitor: true,\r\n\t\t\t\tspawnIfNotFound: false,\r\n\t\t\t};\r\n\t\t\tconst wi = {\r\n\t\t\t\tcomponentType: \"linkerWindow\",\r\n\t\t\t};\r\n\t\t\tFSBL.Clients.LauncherClient.toggleWindowOnClick(linkerButtonDiv, wi, params);\r\n\t\t}\r\n\t};\r\n\r\n\t// If this window is in the list of linker clients then display this button\r\n\t// @ts-ignore: finsembleWindow.name is possibly undefined\r\n\tconst displayMe = state.clients[finsembleWindow.name] !== undefined;\r\n\r\n\t// Add keyboard shortcut to launch the Linker Menu\r\n\t// Using `addBrowserHotkey` so that the linker menu is only launched when the user is focused on the titlebar\r\n\t// If we had used `addGlobalHotkey`, it would cause a lot of intermittent errors (linker menu would think it\r\n\t// was launched from the Notifications Center component for some reason, and would display incorrect channel\r\n\t// information, or float the linker menu in the wrong location. Lots of flakiness.)\r\n\tFSBL.Clients.HotkeyClient.addBrowserHotkey([\"CommandOrControl\", \"l\"], showLinkerWindow);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{displayMe && (\r\n\t\t\t\t<div ref={buttonRef} title=\"Link Data\" className=\"linkerSection\">\r\n\t\t\t\t\t<div className=\"fsbl-icon fsbl-linker\" onClick={showLinkerWindow}>\r\n\t\t\t\t\t\t<LinkerButtonIcon />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<LinkerGroups />\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\n/**\r\n * Picks whether to display the current or deprecated LinkerElement.\r\n * If config `finsemble.servicesConfig.linker.enabled` is set to true then the deprecated version will be used.\r\n *\r\n * This code should be removed once the linkerClient is removed from Finsemble.\r\n */\r\nconst WhichLinker = () => {\r\n\tconst [whichLinker, setWhichLinker] = React.useState(\"\");\r\n\r\n\tuseEffect(() => {\r\n\t\t(async () => {\r\n\t\t\tconst { err, data } = await FSBL.Clients.ConfigClient.getValue({\r\n\t\t\t\tfield: \"finsemble.servicesConfig.linker.enabled\",\r\n\t\t\t});\r\n\t\t\tif (data) {\r\n\t\t\t\tsetWhichLinker(\"LinkerElementDeprecated\");\r\n\t\t\t} else {\r\n\t\t\t\tsetWhichLinker(\"LinkerElement\");\r\n\t\t\t}\r\n\t\t})();\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{whichLinker === \"LinkerElement\" && (\r\n\t\t\t\t<Provider store={store}>\r\n\t\t\t\t\t<LinkerButtonRedux />\r\n\t\t\t\t</Provider>\r\n\t\t\t)}\r\n\t\t\t{whichLinker === \"LinkerElementDeprecated\" && <LinkerButtonDeprecated />}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport const LinkerButton: React.FunctionComponent = () => <WhichLinker />;\r\n"]}
+{"version":3,"file":"LinkerButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/left/LinkerButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,OAAO,EAAe,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,YAAY,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAKlF,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,CAC9B,6BACC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B;IAEzC,4CAAqB;IACrB;QACC,8BACC,EAAE,EAAC,WAAW,EACd,CAAC,EAAC,yMAAyM,GAC1M;QACF,gCAAQ,EAAE,EAAC,WAAW,EAAC,CAAC,EAAC,QAAQ,EAAC,CAAC,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ;YACzE,kCAAU,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,aAAa,EAAC,MAAM,EAAC,oBAAoB,GAAG;YAChE,wCAAgB,EAAE,EAAC,oBAAoB,EAAC,MAAM,EAAC,kBAAkB,EAAC,YAAY,EAAC,IAAI,GAAG;YACtF,uCAAe,EAAE,EAAC,kBAAkB,EAAC,MAAM,EAAC,2CAA2C,GAAG,CAClF,CACH;IACP,2BAAG,SAAS,EAAC,yBAAyB,EAAC,QAAQ,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM;QACpE,6BAAK,MAAM,EAAC,iBAAiB,EAAC,SAAS,EAAC,YAAY,GAAG;QACvD,6BAAK,SAAS,EAAC,YAAY,GAAG,CAC3B,CACC,CACN,CAAC;AAEF,MAAM,iBAAiB,GAA4B,GAAG,EAAE;IACvD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,KAAK,GAAgB,WAAW,CAAC,CAAC,YAAiB,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC;IAC5E,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE/B,MAAM,gBAAgB,GAAG,GAAG,EAAE;;QAE7B,QAAQ,CACP,OAAO,CAAC,eAAe,CAAC;YACvB,IAAI,EAAE,wBAAwB;YAC9B,OAAO,EAAE;gBACR,UAAU,EAAE,eAAe,CAAC,IAAI;aAChC;SACD,CAAC,CACF,CAAC;QAMF,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC;QACvC,IAAI,YAAY,EAAE;YACjB,MAAM,eAAe,GAAG,YAA2B,CAAC;YACpD,MAAM,YAAY,GAAG,CAAC,MAAA,eAAe,CAAC,YAAY,mCAAI,eAAe,CAAC,aAAa,CAAgB,CAAC;YAEpG,MAAM,MAAM,GAAgB;gBAC3B,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,mCAAI,CAAC;gBACnC,GAAG,EAAE,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,mCAAI,CAAC;gBACpC,gBAAgB,EAAE,IAAI;gBACtB,eAAe,EAAE,KAAK;aACtB,CAAC;YACF,MAAM,EAAE,GAAG;gBACV,aAAa,EAAE,cAAc;aAC7B,CAAC;YACF,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,mBAAmB,CAAC,eAAe,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;SAC7E;IACF,CAAC,CAAC;IAIF,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC;IAOpE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,kBAAkB,EAAE,GAAG,CAAC,EAAE,gBAAgB,CAAC,CAAC;IAExF,OAAO,CACN,0CACE,SAAS,IAAI,CACb,6BAAK,GAAG,EAAE,SAAS,EAAE,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,eAAe;QAC/D,6BAAK,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,gBAAgB;YAC/D,oBAAC,gBAAgB,OAAG,CACf;QACN,oBAAC,YAAY,OAAG,CACX,CACN,CACC,CACH,CAAC;AACH,CAAC,CAAC;AAQF,MAAM,WAAW,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACd,CAAC,KAAK,IAAI,EAAE;YACX,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC;gBACzD,KAAK,EAAE,yCAAyC;aAChD,CAAC,CAAC;YACH,IAAI,IAAI,EAAE;gBACT,cAAc,CAAC,yBAAyB,CAAC,CAAC;aAC1C;iBAAM;gBACN,cAAc,CAAC,eAAe,CAAC,CAAC;aAChC;QACF,CAAC,CAAC,EAAE,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN;QACE,WAAW,KAAK,eAAe,IAAI,CACnC,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;YACrB,oBAAC,iBAAiB,OAAG,CACX,CACX;QACA,WAAW,KAAK,yBAAyB,IAAI,oBAAC,sBAAsB,OAAG,CACtE,CACH,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAA4B,GAAG,EAAE,CAAC,oBAAC,WAAW,OAAG,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport React, { useRef, useEffect } from \"react\";\r\nimport { LinkerGroups } from \"./LinkerGroups\";\r\nimport { useDispatch, useSelector, Provider } from \"react-redux\";\r\nimport { actions, LinkerStore, store } from \"../../../linker/remoteRedux\";\r\nimport { LinkerButton as LinkerButtonDeprecated } from \"./LinkerButtonDeprecated\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype SpawnParams = services.window.types.SpawnParams;\r\n\r\nconst LinkerButtonIcon = () => (\r\n\t<svg\r\n\t\twidth=\"15px\"\r\n\t\theight=\"15px\"\r\n\t\tviewBox=\"2 1 13 13\"\r\n\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\txmlnsXlink=\"http://www.w3.org/1999/xlink\"\r\n\t>\r\n\t\t<title>Linker</title>\r\n\t\t<defs>\r\n\t\t\t<path\r\n\t\t\t\tid=\"prefix__b\"\r\n\t\t\t\td=\"M17.925 15.425h-1v-2.5a2.5 2.5 0 0 0-5 0v2.5h-1v-2.5a3.5 3.5 0 1 1 7 0v2.5zm0 2v2.5a3.5 3.5 0 1 1-7 0v-2.5h1v2.5a2.5 2.5 0 0 0 5 0v-2.5h1zm-3.5-4a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0v-5a.5.5 0 0 1 .5-.5z\"\r\n\t\t\t/>\r\n\t\t\t<filter id=\"prefix__a\" x=\"-28.6%\" y=\"-7.1%\" width=\"157.1%\" height=\"128.6%\">\r\n\t\t\t\t<feOffset dy=\"1\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\" />\r\n\t\t\t\t<feGaussianBlur in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\" stdDeviation=\".5\" />\r\n\t\t\t\t<feColorMatrix in=\"shadowBlurOuter1\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\" />\r\n\t\t\t</filter>\r\n\t\t</defs>\r\n\t\t<g transform=\"rotate(45 22.289 4.682)\" fillRule=\"nonzero\" fill=\"none\">\r\n\t\t\t<use filter=\"url(#prefix__a)\" xlinkHref=\"#prefix__b\" />\r\n\t\t\t<use xlinkHref=\"#prefix__b\" />\r\n\t\t</g>\r\n\t</svg>\r\n);\r\n\r\nconst LinkerButtonRedux: React.FunctionComponent = () => {\r\n\tconst dispatch = useDispatch();\r\n\tconst state: LinkerStore = useSelector((currentState: any) => currentState);\r\n\tconst buttonRef = useRef(null);\r\n\r\n\tconst showLinkerWindow = () => {\r\n\t\t//TODO, import this action creator from finsemble-core\r\n\t\tdispatch(\r\n\t\t\tactions.setActiveWindow({\r\n\t\t\t\ttype: \"linker/setActiveWindow\",\r\n\t\t\t\tpayload: {\r\n\t\t\t\t\twindowName: finsembleWindow.name,\r\n\t\t\t\t},\r\n\t\t\t})\r\n\t\t);\r\n\r\n\t\t// The offset parent is needed so that the menu isn't shown relative to the icon.\r\n\t\t// The HTMLElement.offsetParent read-only property returns a reference to the object which is the closest (nearest in the containment hierarchy) positioned containing element.\r\n\t\t// Necessary to cast because refs are type \"Element\" (which could be an SVGElement...)\r\n\r\n\t\tconst linkerButton = buttonRef.current;\r\n\t\tif (linkerButton) {\r\n\t\t\tconst linkerButtonDiv = linkerButton as HTMLElement;\r\n\t\t\tconst linkerParent = (linkerButtonDiv.offsetParent ?? linkerButtonDiv.parentElement) as HTMLElement;\r\n\r\n\t\t\tconst params: SpawnParams = {\r\n\t\t\t\tposition: \"relative\",\r\n\t\t\t\tleft: linkerParent?.offsetLeft ?? 0,\r\n\t\t\t\ttop: linkerParent?.offsetHeight ?? 0,\r\n\t\t\t\tforceOntoMonitor: true,\r\n\t\t\t\tspawnIfNotFound: false,\r\n\t\t\t};\r\n\t\t\tconst wi = {\r\n\t\t\t\tcomponentType: \"linkerWindow\",\r\n\t\t\t};\r\n\t\t\tFSBL.Clients.LauncherClient.toggleWindowOnClick(linkerButtonDiv, wi, params);\r\n\t\t}\r\n\t};\r\n\r\n\t// If this window is in the list of linker clients then display this button\r\n\t// @ts-ignore: finsembleWindow.name is possibly undefined\r\n\tconst displayMe = state.clients[finsembleWindow.name] !== undefined;\r\n\r\n\t// Add keyboard shortcut to launch the Linker Menu\r\n\t// Using `addBrowserHotkey` so that the linker menu is only launched when the user is focused on the titlebar\r\n\t// If we had used `addGlobalHotkey`, it would cause a lot of intermittent errors (linker menu would think it\r\n\t// was launched from the Notifications Center component for some reason, and would display incorrect channel\r\n\t// information, or float the linker menu in the wrong location. Lots of flakiness.)\r\n\tFSBL.Clients.HotkeyClient.addBrowserHotkey([\"CommandOrControl\", \"l\"], showLinkerWindow);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{displayMe && (\r\n\t\t\t\t<div ref={buttonRef} title=\"Link Data\" className=\"linkerSection\">\r\n\t\t\t\t\t<div className=\"fsbl-icon fsbl-linker\" onClick={showLinkerWindow}>\r\n\t\t\t\t\t\t<LinkerButtonIcon />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<LinkerGroups />\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\n/**\r\n * Picks whether to display the current or deprecated LinkerElement.\r\n * If config `finsemble.servicesConfig.linker.enabled` is set to true then the deprecated version will be used.\r\n *\r\n * This code should be removed once the linkerClient is removed from Finsemble.\r\n */\r\nconst WhichLinker = () => {\r\n\tconst [whichLinker, setWhichLinker] = React.useState(\"\");\r\n\r\n\tuseEffect(() => {\r\n\t\t(async () => {\r\n\t\t\tconst { data } = await FSBL.Clients.ConfigClient.getValue({\r\n\t\t\t\tfield: \"finsemble.servicesConfig.linker.enabled\",\r\n\t\t\t});\r\n\t\t\tif (data) {\r\n\t\t\t\tsetWhichLinker(\"LinkerElementDeprecated\");\r\n\t\t\t} else {\r\n\t\t\t\tsetWhichLinker(\"LinkerElement\");\r\n\t\t\t}\r\n\t\t})();\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{whichLinker === \"LinkerElement\" && (\r\n\t\t\t\t<Provider store={store}>\r\n\t\t\t\t\t<LinkerButtonRedux />\r\n\t\t\t\t</Provider>\r\n\t\t\t)}\r\n\t\t\t{whichLinker === \"LinkerElementDeprecated\" && <LinkerButtonDeprecated />}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport const LinkerButton: React.FunctionComponent = () => <WhichLinker />;\r\n"]}

package/react/components/windowTitleBar/components/left/LinkerButtonDeprecated.d.ts

@@ -1,25 +1,5 @@
 export class LinkerButton extends React.Component<any, any, any> {
-    static contextType: React.Context<{
-        useDOMBasedMovement: boolean;
-        showLinkerButton: boolean;
-        showShareButton: boolean;
-        showTabRegion: boolean;
-        showDockingButton: boolean;
-        showAlwaysOnTopButton: boolean;
-        showMinimizeButton: boolean;
-        showMaximizeButton: boolean;
-        showCloseButton: boolean;
-        setTabRef: any;
-        onTabDropped: any;
-        thisWindowTitle: string;
-        boundingBox: any;
-        listenForDragOver: any;
-        tabs: any;
-        onTitleUpdated: any;
-        setToolbarRight: any;
-        showTabs: boolean;
-        alwaysOnTop: boolean;
-    }>;
+    static contextType: React.Context<import("../../windowTitleBarContext").WindowTitleBarContextType>;
     constructor(props: any);
     bindCorrectContext(): void;
     onChannelsChange(err: any, response: any): void;

package/react/components/windowTitleBar/components/left/LinkerGroups.js

@@ -1,17 +1,15 @@
 import * as React from "react";
 import { useSelector } from "react-redux";
 const LinkerGroupsRedux = () => {
+    var _a, _b, _c, _d;
     const state = useSelector((currentState) => currentState);
-    const joinedChannels = state?.clients?.[finsembleWindow.name]?.joinedChannels ?? [];
-    const allChannels = state?.allChannels ?? [];
-    const onMouseUp = (e, channelName) => {
-    };
+    const joinedChannels = (_c = (_b = (_a = state === null || state === void 0 ? void 0 : state.clients) === null || _a === void 0 ? void 0 : _a[finsembleWindow.name]) === null || _b === void 0 ? void 0 : _b.joinedChannels) !== null && _c !== void 0 ? _c : [];
+    const allChannels = (_d = state === null || state === void 0 ? void 0 : state.allChannels) !== null && _d !== void 0 ? _d : [];
     return (React.createElement("div", { className: "linker-groups" }, allChannels.map((channel) => {
+        var _a;
         const active = joinedChannels.includes(channel.name);
-        const label = channel.label ?? "X";
-        return (active && (React.createElement("div", { key: channel.name, className: `linker-group linker-group-accessible linker-${channel.label} ${channel.cssClassName}`, title: `Channel ${label}`, onMouseUp: function (e) {
-                onMouseUp(e, channel.name);
-            } }, label)));
+        const label = (_a = channel.label) !== null && _a !== void 0 ? _a : "X";
+        return (active && (React.createElement("div", { key: channel.name, className: `linker-group linker-group-accessible linker-${channel.label} ${channel.cssClassName}`, title: `Channel ${label}` }, label)));
     })));
 };
 export const LinkerGroups = () => React.createElement(LinkerGroupsRedux, null);

package/react/components/windowTitleBar/components/left/LinkerGroups.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkerGroups.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/left/LinkerGroups.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,WAAW,EAAY,MAAM,aAAa,CAAC;AAMjE,MAAM,iBAAiB,GAA4B,GAAG,EAAE;IACvD,MAAM,KAAK,GAAgB,WAAW,CAAC,CAAC,YAAiB,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC;IAE5E,MAAM,cAAc,GAAmB,KAAK,EAAE,OAAO,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,cAAc,IAAI,EAAE,CAAC;IACpG,MAAM,WAAW,GAAc,KAAK,EAAE,WAAW,IAAI,EAAE,CAAC;IAExD,MAAM,SAAS,GAAG,CAAC,CAAM,EAAE,WAAmB,EAAE,EAAE;IAMlD,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe,IAC5B,WAAW,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;QAC5B,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAErD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,GAAG,CAAC;QACnC,OAAO,CACN,MAAM,IAAI,CACT,6BACC,GAAG,EAAE,OAAO,CAAC,IAAI,EACjB,SAAS,EAAE,+CAA+C,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,YAAY,EAAE,EACjG,KAAK,EAAE,WAAW,KAAK,EAAE,EACzB,SAAS,EAAE,UAAU,CAAC;gBACrB,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;YAC5B,CAAC,IAEA,KAAK,CACD,CACN,CACD,CAAC;IACH,CAAC,CAAC,CACG,CACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAA4B,GAAG,EAAE,CAAC,oBAAC,iBAAiB,OAAG,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport * as React from \"react\";\r\nimport { useDispatch, useSelector, Provider } from \"react-redux\";\r\nimport { LinkerStore, store } from \"../../../linker/remoteRedux\";\r\n\r\ntype Channel = LinkerStore[\"allChannels\"][0];\r\ntype JoinedChannels = string[];\r\n\r\nconst LinkerGroupsRedux: React.FunctionComponent = () => {\r\n\tconst state: LinkerStore = useSelector((currentState: any) => currentState);\r\n\t// @ts-ignore: possible error: finsembleWindow.name is possibly undefined\r\n\tconst joinedChannels: JoinedChannels = state?.clients?.[finsembleWindow.name]?.joinedChannels ?? [];\r\n\tconst allChannels: Channel[] = state?.allChannels ?? [];\r\n\r\n\tconst onMouseUp = (e: any, channelName: string) => {\r\n\t\t//TODO, make this an action in InteropService/linker\r\n\t\t/*FSBL.Clients.LinkerClient.bringAllToFront({\r\n\t\t\tchannel: channelName,\r\n\t\t\trestoreWindows: true,\r\n\t\t});*/\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className=\"linker-groups\">\r\n\t\t\t{allChannels.map((channel) => {\r\n\t\t\t\tconst active = joinedChannels.includes(channel.name);\r\n\t\t\t\t// linker-${channel.label} is deprecated in favor of cssClassName\r\n\t\t\t\tconst label = channel.label ?? \"X\";\r\n\t\t\t\treturn (\r\n\t\t\t\t\tactive && (\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tkey={channel.name}\r\n\t\t\t\t\t\t\tclassName={`linker-group linker-group-accessible linker-${channel.label} ${channel.cssClassName}`}\r\n\t\t\t\t\t\t\ttitle={`Channel ${label}`}\r\n\t\t\t\t\t\t\tonMouseUp={function (e) {\r\n\t\t\t\t\t\t\t\tonMouseUp(e, channel.name);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{label}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)\r\n\t\t\t\t);\r\n\t\t\t})}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport const LinkerGroups: React.FunctionComponent = () => <LinkerGroupsRedux />;\r\n"]}
+{"version":3,"file":"LinkerGroups.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/left/LinkerGroups.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,MAAM,iBAAiB,GAA4B,GAAG,EAAE;;IACvD,MAAM,KAAK,GAAgB,WAAW,CAAC,CAAC,YAAiB,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC;IAE5E,MAAM,cAAc,GAAmB,MAAA,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAG,eAAe,CAAC,IAAI,CAAC,0CAAE,cAAc,mCAAI,EAAE,CAAC;IACpG,MAAM,WAAW,GAAc,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,mCAAI,EAAE,CAAC;IAExD,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe,IAC5B,WAAW,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;;QAC5B,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAErD,MAAM,KAAK,GAAG,MAAA,OAAO,CAAC,KAAK,mCAAI,GAAG,CAAC;QACnC,OAAO,CACN,MAAM,IAAI,CACT,6BACC,GAAG,EAAE,OAAO,CAAC,IAAI,EACjB,SAAS,EAAE,+CAA+C,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,YAAY,EAAE,EACjG,KAAK,EAAE,WAAW,KAAK,EAAE,IAExB,KAAK,CACD,CACN,CACD,CAAC;IACH,CAAC,CAAC,CACG,CACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAA4B,GAAG,EAAE,CAAC,oBAAC,iBAAiB,OAAG,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport * as React from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { LinkerStore } from \"../../../linker/remoteRedux\";\r\n\r\ntype Channel = LinkerStore[\"allChannels\"][0];\r\ntype JoinedChannels = string[];\r\n\r\nconst LinkerGroupsRedux: React.FunctionComponent = () => {\r\n\tconst state: LinkerStore = useSelector((currentState: any) => currentState);\r\n\t// @ts-ignore: possible error: finsembleWindow.name is possibly undefined\r\n\tconst joinedChannels: JoinedChannels = state?.clients?.[finsembleWindow.name]?.joinedChannels ?? [];\r\n\tconst allChannels: Channel[] = state?.allChannels ?? [];\r\n\r\n\treturn (\r\n\t\t<div className=\"linker-groups\">\r\n\t\t\t{allChannels.map((channel) => {\r\n\t\t\t\tconst active = joinedChannels.includes(channel.name);\r\n\t\t\t\t// linker-${channel.label} is deprecated in favor of cssClassName\r\n\t\t\t\tconst label = channel.label ?? \"X\";\r\n\t\t\t\treturn (\r\n\t\t\t\t\tactive && (\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tkey={channel.name}\r\n\t\t\t\t\t\t\tclassName={`linker-group linker-group-accessible linker-${channel.label} ${channel.cssClassName}`}\r\n\t\t\t\t\t\t\ttitle={`Channel ${label}`}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{label}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)\r\n\t\t\t\t);\r\n\t\t\t})}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport const LinkerGroups: React.FunctionComponent = () => <LinkerGroupsRedux />;\r\n"]}

package/react/components/windowTitleBar/components/left/ShareButton.d.ts

@@ -1,25 +1,5 @@
 export class ShareButton extends React.Component<any, any, any> {
-    static contextType: React.Context<{
-        useDOMBasedMovement: boolean;
-        showLinkerButton: boolean;
-        showShareButton: boolean;
-        showTabRegion: boolean;
-        showDockingButton: boolean;
-        showAlwaysOnTopButton: boolean;
-        showMinimizeButton: boolean;
-        showMaximizeButton: boolean;
-        showCloseButton: boolean;
-        setTabRef: any;
-        onTabDropped: any;
-        thisWindowTitle: string;
-        boundingBox: any;
-        listenForDragOver: any;
-        tabs: any;
-        onTitleUpdated: any;
-        setToolbarRight: any;
-        showTabs: boolean;
-        alwaysOnTop: boolean;
-    }>;
+    static contextType: React.Context<import("../../windowTitleBarContext").WindowTitleBarContextType>;
     constructor(props: any);
     bindCorrectContext(): void;
     hoverAction(newHoverState: any): void;