@finsemble/finsemble-ui 10.0.0-beta.3 → 10.0.0-iocd.2

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

@@ -1,397 +0,0 @@
-import * as React from "react";
-import Tab from "./Tab";
-import { FinsembleHoverDetector } from "../../../legacyControls/FinsembleHoverDetector";
-import { Store, Actions } from "../../stores/windowTitleBarStore";
-import { Title } from "../windowTitle";
-import _throttle from "lodash.throttle";
-let TAB_WIDTH = 300;
-const ICON_AREA = 16;
-const CLOSE_BUTTON_MARGIN = 12;
-const MINIMUM_TAB_SIZE = 100;
-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;
-        this.state = {
-            translateX: 0,
-            tabs: initialState.tabs,
-            activeTab: activeIdentifier,
-            boundingBox: {},
-            iAmDragging: false,
-            hoverState: false,
-            tabWidth: TAB_WIDTH,
-        };
-        this.bindCorrectContext();
-    }
-    bindCorrectContext() {
-        this.startDrag = this.startDrag.bind(this);
-        this.stopDrag = this.stopDrag.bind(this);
-        this.cancelTabbing = this.cancelTabbing.bind(this);
-        this.drop = this.drop.bind(this);
-        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.findTabIndex = this.findTabIndex.bind(this);
-        this.setActiveTab = this.setActiveTab.bind(this);
-        this.onTabAdded = this.onTabAdded.bind(this);
-        this.onTabClosed = this.onTabClosed.bind(this);
-        this.setActiveTab = this.setActiveTab.bind(this);
-        this.onStoreChanged = this.onStoreChanged.bind(this);
-        this.onTabsChanged = this.onTabsChanged.bind(this);
-        this.onTabDraggedOver = this.onTabDraggedOver.bind(this);
-        this.isTabRegionOverflowing = this.isTabRegionOverflowing.bind(this);
-        this.onWindowResize = this.onWindowResize.bind(this);
-        this.onWindowResizeThrottled = _throttle(this.onWindowResize, 100);
-        this.getTabWidth = this.getTabWidth.bind(this);
-        this.setTabListTranslateX = this.setTabListTranslateX.bind(this);
-        this.onTabListTranslateChanged = this.onTabListTranslateChanged.bind(this);
-    }
-    getTabWidth(params = {}) {
-        let { boundingBox, tabList } = params;
-        if (typeof tabList === "undefined") {
-            tabList = this.state.tabs;
-        }
-        if (typeof boundingBox === "undefined") {
-            boundingBox = this.refs.Me.getBoundingClientRect();
-        }
-        if (typeof boundingBox.right === "undefined") {
-            return TAB_WIDTH;
-        }
-        let containerWidth = boundingBox.right - boundingBox.left;
-        let newTabWidth = containerWidth / tabList.length;
-        return newTabWidth < MINIMUM_TAB_SIZE ? MINIMUM_TAB_SIZE : newTabWidth;
-    }
-    onWindowResize() {
-        let bounds = this.refs.Me.getBoundingClientRect();
-        this.setState({
-            boundingBox: bounds,
-            tabWidth: this.getTabWidth(),
-        });
-    }
-    findTabIndex(tab) {
-        return this.state.tabs.findIndex((el) => tab.windowName === el.windowName && tab.uuid === el.uuid);
-    }
-    startDrag(e, windowIdentifier) {
-        this.setState({
-            iAmDragging: true,
-        });
-        e.dataTransfer.setData("application/fsbl-tab-data", JSON.stringify(windowIdentifier));
-        FSBL.Clients.WindowClient.startTilingOrTabbing({
-            windowIdentifier: windowIdentifier,
-        });
-    }
-    stopDrag(e) {
-        e.stopPropagation();
-        FSBL.Clients.Logger.system.debug("Tab stopDrag.");
-        this.mousePositionOnDragEnd = {
-            x: e.nativeEvent.screenX,
-            y: e.nativeEvent.screenY,
-        };
-        const { boundingBox } = this.state;
-        FSBL.Clients.WindowClient.getBounds((err, bounds) => {
-            const tabRegion = {
-                top: boundingBox.top + bounds.top,
-                bottom: boundingBox.bottom + bounds.top,
-                left: boundingBox.left + bounds.left,
-                right: boundingBox.right + bounds.left,
-            };
-            if (!FSBL.Clients.WindowClient.isPointInBox(this.mousePositionOnDragEnd, tabRegion)) {
-                setTimeout(() => {
-                    FSBL.Clients.WindowClient.stopTilingOrTabbing({
-                        mousePosition: this.mousePositionOnDragEnd,
-                    });
-                }, 50);
-                this.setState({
-                    iAmDragging: false,
-                });
-                this.onWindowResize();
-            }
-            else {
-                setTimeout(() => {
-                    FSBL.Clients.WindowClient.cancelTilingOrTabbing();
-                }, 50);
-            }
-        });
-    }
-    extractWindowIdentifier(e) {
-        try {
-            let identifier = JSON.parse(e.dataTransfer.getData("application/fsbl-tab-data"));
-            if (typeof identifier.windowName !== "undefined") {
-                return identifier;
-            }
-            else if (identifier.waitForIdentifier) {
-                return identifier;
-            }
-            else {
-                FSBL.Clients.Logger.system.error("Malformed drop object detected in windowTitleBar. Check tab dropping code. Expected windowIdentifier, got ", identifier);
-                return null;
-            }
-        }
-        catch (e2) {
-            FSBL.Clients.Logger.system.error("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:", e2);
-            return null;
-        }
-    }
-    drop(e) {
-        e.preventDefault();
-        e.stopPropagation();
-        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();
-        FSBL.Clients.WindowClient.stopTilingOrTabbing({ allowDropOnSelf: true, action: "tabbing" }, () => {
-            FSBL.Clients.RouterClient.transmit("tabbingDragEnd", { success: true });
-            if (identifier && identifier.windowName) {
-                this.onTabAdded(identifier, this.state.hoveredTabIndex);
-            }
-            else if (identifier && identifier.waitForIdentifier) {
-                let subscribeId;
-                let tabIdentifierSubscriber = (err, response) => {
-                    if (!response.data.windowName)
-                        return;
-                    FSBL.Clients.RouterClient.unsubscribe(subscribeId);
-                    this.onTabAdded(response.data, this.state.hoveredTabIndex);
-                };
-                subscribeId = FSBL.Clients.RouterClient.subscribe(`Finsemble.${identifier.guid}`, tabIdentifierSubscriber);
-            }
-            else {
-                FSBL.Clients.Logger.system.error("Unexpected drop event on window title bar. Check the 'drop' method on TabRegion.jsx.");
-            }
-        });
-    }
-    isTabRegionOverflowing() {
-        let lastTab = {
-            right: this.state.tabs.length * this.state.tabWidth,
-        };
-        return lastTab.right + this.state.translateX > this.state.boundingBox.right - this.state.boundingBox.left;
-    }
-    onMouseWheel(e) {
-        e.preventDefault();
-        let numTabs = this.state.tabs.length;
-        let translateX = 0;
-        if (numTabs > 1) {
-            let currentX = this.refs.Me.scrollLeft;
-            let { boundingBox } = this.state;
-            let firstTab = {
-                left: 0 + boundingBox.left,
-            };
-            let lastTab = {
-                right: numTabs * this.state.tabWidth,
-            };
-            let deltaX = this.state.tabWidth / 3;
-            if (e.nativeEvent.deltaY < 0) {
-                deltaX = 0 - deltaX;
-            }
-            if (Math.abs(deltaX) > this.state.tabWidth) {
-                let isNegative = false;
-                if (deltaX < 0) {
-                    isNegative = true;
-                }
-                deltaX = isNegative ? 0 - this.state.tabWidth : this.state.tabWidth;
-            }
-            if (!e.nativeEvent.deltaY) {
-                return;
-            }
-            let originalDeltaY = e.nativeEvent.deltaY;
-            let deltaY = originalDeltaY;
-            if (Math.abs(originalDeltaY) > this.state.tabWidth / 3) {
-                deltaY = this.state.tabWidth / 3;
-                if (originalDeltaY < 0) {
-                    deltaY = 0 - deltaY;
-                }
-            }
-            translateX = deltaY + currentX;
-            let maxRight = boundingBox.right - this.state.tabWidth;
-            let newRightForLastTab = lastTab.right + translateX;
-            let newLeftForFirstTab = firstTab.left + translateX;
-            if (newLeftForFirstTab < 0) {
-                return this.scrollToFirstTab();
-            }
-            else if (e.nativeEvent.deltaY < 0 && newRightForLastTab <= boundingBox.right) {
-                return this.scrollToLastTab();
-            }
-            translateX < 0 ? (translateX = 0) : translateX;
-            this.setState({ translateX });
-        }
-    }
-    scrollToActiveTab() {
-        this.scrollToTab(this.state.activeTab);
-    }
-    scrollToFirstTab() {
-        let firstTab = this.state.tabs[0];
-        this.scrollToTab(firstTab);
-    }
-    scrollToLastTab() {
-        let lastTab = this.state.tabs[this.state.tabs.length - 1];
-        this.scrollToTab(lastTab);
-    }
-    scrollToTab(tab) {
-        let { boundingBox } = this.state;
-        let tabIndex = this.state.tabs.findIndex((el) => el.windowName === tab.windowName && el.uuid === tab.uuid);
-        if (tabIndex > -1) {
-            let leftEdgeOfTab = tabIndex * this.state.tabWidth;
-            let rightEdgeOfTab = leftEdgeOfTab + this.state.tabWidth;
-            let translateX = rightEdgeOfTab;
-            if (rightEdgeOfTab < boundingBox.right) {
-                translateX = 0;
-            }
-            else {
-                let leftEdgeOfTab = tabIndex * this.state.tabWidth;
-                let rightEdgeOfTab = leftEdgeOfTab + this.state.tabWidth;
-                translateX = boundingBox.right - boundingBox.left - rightEdgeOfTab;
-                if (rightEdgeOfTab < boundingBox.right) {
-                    translateX = 0;
-                }
-            }
-            this.setTabListTranslateX(translateX);
-        }
-    }
-    setTabListTranslateX(translateX) {
-        Actions.setTabListScrollPosition(translateX);
-    }
-    dragOver(e) {
-        e.preventDefault();
-    }
-    dragLeave(e) {
-        let boundingRect = this.state.boundingBox;
-        if (!FSBL.Clients.WindowClient.isPointInBox({ x: e.screenX, y: e.screenY }, boundingRect)) {
-            this.setState({
-                hoveredTabIndex: undefined,
-            });
-        }
-    }
-    cancelTabbing() {
-        FSBL.Clients.WindowClient.stopTilingOrTabbing({ allowDropOnSelf: true });
-        this.onWindowResize();
-    }
-    getTabClasses(tab) {
-        let classes = "fsbl-tab";
-        let tabIndex = this.findTabIndex(tab);
-        if (tabIndex === this.state.hoveredTabIndex)
-            classes = `${classes} ghost-tab`;
-        if (this.state.activeTab && tab.windowName === this.state.activeTab.windowName) {
-            classes = `${classes} fsbl-active-tab`;
-        }
-        return classes;
-    }
-    onTabDraggedOver(e, tabDraggedOver) {
-        e.preventDefault();
-        let tabIndex = this.findTabIndex(tabDraggedOver);
-        this.setState({
-            hoveredTabIndex: tabIndex,
-        });
-    }
-    onTabClosed(identifier) {
-        Actions.closeTab(identifier);
-    }
-    onTabAdded(identifier, newIndex) {
-        if (newIndex === -1) {
-            newIndex = undefined;
-        }
-        let myIdentifier = finsembleWindow.identifier;
-        myIdentifier.title = finsembleWindow.windowOptions.title;
-        if (this.state.tabs.length === 1 && identifier.windowName == myIdentifier.windowName) {
-            return;
-        }
-        Actions.reorderTab(identifier, newIndex);
-        this.setState({
-            hoveredTabIndex: undefined,
-        });
-    }
-    setActiveTab(tab) {
-        Actions.setActiveTab(tab);
-    }
-    onStoreChanged(prop, value) {
-        this.setState({
-            [prop]: value,
-        });
-    }
-    onTabsChanged(err, response) {
-        let { value } = response;
-        this.setState({
-            tabs: value,
-            tabWidth: this.getTabWidth({ tabList: value }),
-        });
-    }
-    onTabListTranslateChanged(err, response) {
-        let { value } = response;
-        this.setState({
-            translateX: value,
-        });
-    }
-    UNSAFE_componentWillMount() {
-        Store.addListener({ field: "tabs" }, this.onTabsChanged);
-        Store.addListener({ field: "tabListTranslateX" }, this.onTabListTranslateChanged);
-    }
-    componentDidMount() {
-        window.addEventListener("resize", this.onWindowResizeThrottled);
-        let boundingBox = this.refs.Me.getBoundingClientRect();
-        this.setState({
-            boundingBox: boundingBox,
-            tabWidth: this.getTabWidth({ boundingBox }),
-        });
-    }
-    componentWillUnmount() {
-        Store.removeListener({ field: "tabs" }, this.onTabsChanged);
-        Store.removeListener({ field: "tabListTranslateX" }, this.onTabListTranslateChanged);
-        window.removeEventListener("resize", this.onWindowResizeThrottled);
-    }
-    hoverAction(newHoverState) {
-        this.setState({ hoverState: newHoverState });
-    }
-    render() {
-        let { translateX } = this.state;
-        translateX = Math.abs(translateX);
-        let componentToRender = "title";
-        if (this.state.tabs.length === 1) {
-            if (this.props.listenForDragOver && !this.state.iAmDragging) {
-                componentToRender = "tabs";
-            }
-        }
-        if (this.state.tabs.length > 1) {
-            componentToRender = "tabs";
-        }
-        if (componentToRender === "title") {
-            translateX = 0;
-        }
-        if (this.refs.Me) {
-            this.refs.Me.scrollLeft = translateX;
-        }
-        let moveAreaClasses = "fsbl-tab-region-drag-area";
-        if (this.isTabRegionOverflowing()) {
-            moveAreaClasses = `${moveAreaClasses} gradient`;
-        }
-        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())));
-    }
-}
-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 +0,0 @@
-{"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"]}

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const TabRegion: () => JSX.Element;

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

@@ -1,12 +0,0 @@
-import * as React from "react";
-import { TabList } from "./TabList";
-import { WindowTitleBarContext } from "../../windowTitleBarContext";
-import { Title } from "../windowTitle";
-export const TabRegion = () => {
-    const { showTabs, thisWindowTitle, boundingBox, onTabDropped, listenForDragOver, tabs, onTitleUpdated, } = React.useContext(WindowTitleBarContext);
-    return (React.createElement(React.Fragment, null,
-        !showTabs && (React.createElement("div", { className: "fsbl-header-center" },
-            React.createElement(Title, { windowIdentifier: FSBL.Clients.WindowClient.getWindowIdentifier() }))),
-        showTabs && (React.createElement(TabList, { onTabDropped: onTabDropped, className: "fsbl-tab-area", thisWindowTitle: thisWindowTitle, boundingBox: boundingBox, listenForDragOver: listenForDragOver, tabs: tabs, onTitleUpdated: onTitleUpdated }))));
-};
-//# sourceMappingURL=TabRegion.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TabRegion.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/center/TabRegion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC7B,MAAM,EACL,QAAQ,EACR,eAAe,EACf,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,IAAI,EACJ,cAAc,GACd,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC5C,OAAO,CACN;QACE,CAAC,QAAQ,IAAI,CACb,6BAAK,SAAS,EAAC,oBAAoB;YAClC,oBAAC,KAAK,IAAC,gBAAgB,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,mBAAmB,EAAE,GAAI,CACvE,CACN;QACA,QAAQ,IAAI,CACZ,oBAAC,OAAO,IACP,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,eAAe,EACzB,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,GAC7B,CACF,CACC,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\n\r\nimport { TabList } from \"./TabList\";\r\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\r\nimport { Title } from \"../windowTitle\";\r\n\r\nexport const TabRegion = () => {\r\n\tconst {\r\n\t\tshowTabs,\r\n\t\tthisWindowTitle,\r\n\t\tboundingBox,\r\n\t\tonTabDropped,\r\n\t\tlistenForDragOver,\r\n\t\ttabs,\r\n\t\tonTitleUpdated,\r\n\t} = React.useContext(WindowTitleBarContext);\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{!showTabs && (\r\n\t\t\t\t<div className=\"fsbl-header-center\">\r\n\t\t\t\t\t<Title windowIdentifier={FSBL.Clients.WindowClient.getWindowIdentifier()} />\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t\t{showTabs && (\r\n\t\t\t\t<TabList\r\n\t\t\t\t\tonTabDropped={onTabDropped}\r\n\t\t\t\t\tclassName=\"fsbl-tab-area\"\r\n\t\t\t\t\tthisWindowTitle={thisWindowTitle}\r\n\t\t\t\t\tboundingBox={boundingBox}\r\n\t\t\t\t\tlistenForDragOver={listenForDragOver}\r\n\t\t\t\t\ttabs={tabs}\r\n\t\t\t\t\tonTitleUpdated={onTitleUpdated}\r\n\t\t\t\t/>\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n};\r\n"]}

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

@@ -1,32 +0,0 @@
-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;
-    }>;
-    constructor(props: any);
-    bindCorrectContext(): void;
-    onChannelsChange(err: any, response: any): void;
-    onAllChannelsChange(err: any, response: any): void;
-    onShowLinkerButton(err: any, response: any): void;
-    hoverAction(newHoverState: any): void;
-    showLinkerWindow(e: any): void;
-    onStoreChanged(newState: any): void;
-}
-import * as React from "react";

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

@@ -1,97 +0,0 @@
-import * as React from "react";
-import { FinsembleHoverDetector } from "../../../legacyControls/FinsembleHoverDetector";
-import { WindowTitleBarContext } from "../../windowTitleBarContext";
-import LinkerGroups from "./LinkerGroups";
-import { getStore } from "../../stores/windowTitleBarStore";
-const LinkerButtonIcon = () => (React.createElement("svg", { width: "15px", height: "15px", viewBox: "2 1 13 13", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
-    React.createElement("title", null, "Linker"),
-    React.createElement("defs", null,
-        React.createElement("path", { id: "prefix__b", d: "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" }),
-        React.createElement("filter", { id: "prefix__a", x: "-28.6%", y: "-7.1%", width: "157.1%", height: "128.6%" },
-            React.createElement("feOffset", { dy: "1", in: "SourceAlpha", result: "shadowOffsetOuter1" }),
-            React.createElement("feGaussianBlur", { in: "shadowOffsetOuter1", result: "shadowBlurOuter1", stdDeviation: ".5" }),
-            React.createElement("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" }))),
-    React.createElement("g", { transform: "rotate(45 22.289 4.682)", fillRule: "nonzero", fill: "none" },
-        React.createElement("use", { filter: "url(#prefix__a)", xlinkHref: "#prefix__b" }),
-        React.createElement("use", { xlinkHref: "#prefix__b" }))));
-let windowTitleBarStore;
-export class LinkerButton extends React.Component {
-    constructor(props) {
-        super(props);
-        this.bindCorrectContext();
-        windowTitleBarStore = getStore();
-        this.state = {
-            channels: {},
-            allChannels: {},
-            showLinker: false,
-            hoverState: "false",
-        };
-    }
-    bindCorrectContext() {
-        this.onChannelsChange = this.onChannelsChange.bind(this);
-        this.onAllChannelsChange = this.onAllChannelsChange.bind(this);
-        this.onShowLinkerButton = this.onShowLinkerButton.bind(this);
-        this.hoverAction = this.hoverAction.bind(this);
-        this.showLinkerWindow = this.showLinkerWindow.bind(this);
-    }
-    onChannelsChange(err, response) {
-        this.setState({ channels: response.value });
-    }
-    onAllChannelsChange(err, response) {
-        this.setState({ allChannels: response.value });
-    }
-    onShowLinkerButton(err, response) {
-        this.setState({ showLinker: response.value });
-    }
-    onStoreChanged(newState) {
-        this.setState(newState);
-    }
-    showLinkerWindow(e) {
-        e.persist();
-        e.preventDefault();
-        e.stopPropagation();
-        let payload = {
-            channels: FSBL.Clients.LinkerClient.getState().channels,
-            windowIdentifier: FSBL.Clients.WindowClient.getWindowIdentifier(),
-        };
-        let self = this;
-        FSBL.Clients.RouterClient.query("Finsemble.LinkerWindow.SetActiveChannels", payload, () => {
-            let wi = {
-                componentType: "linkerWindow",
-            };
-            let linkerParent = self.refs.LinkerButton.offsetParent
-                ? self.refs.LinkerButton.offsetParent
-                : self.refs.LinkerButton.parentElement;
-            let params = {
-                position: "relative",
-                left: linkerParent.offsetLeft,
-                top: linkerParent.offsetHeight,
-                forceOntoMonitor: true,
-                spawnIfNotFound: false,
-            };
-            FSBL.Clients.LauncherClient.toggleWindowOnClick(self.refs.LinkerButton, wi, params);
-        });
-    }
-    hoverAction(newHoverState) {
-        this.setState({ hoverState: newHoverState });
-    }
-    componentDidMount() {
-        windowTitleBarStore.addListener({ field: "Linker.channels" }, this.onChannelsChange);
-        windowTitleBarStore.addListener({ field: "Linker.allChannels" }, this.onAllChannelsChange);
-        windowTitleBarStore.addListener({ field: "Linker.showLinkerButton" }, this.onShowLinkerButton);
-    }
-    componentWillUnmount() {
-        windowTitleBarStore.removeListener({ field: "Linker.channels" }, this.onChannelsChange);
-        windowTitleBarStore.removeListener({ field: "Linker.allChannels" }, this.onAllChannelsChange);
-        windowTitleBarStore.removeListener({ field: "Linker.showLinkerButton" }, this.onShowLinkerButton);
-    }
-    render() {
-        return (React.createElement(React.Fragment, null, this.context.showLinkerButton && (React.createElement("div", { ref: "LinkerButton", title: "Link Data", className: "linkerSection" },
-            React.createElement("div", { className: "fsbl-icon fsbl-linker", "data-hover": this.state.hoverState, onClick: this.showLinkerWindow },
-                React.createElement(LinkerButtonIcon, null),
-                React.createElement(FinsembleHoverDetector, { edge: "top left", hoverAction: this.hoverAction })),
-            React.createElement(LinkerGroups, null)))));
-    }
-}
-LinkerButton.contextType = WindowTitleBarContext;
-//# sourceMappingURL=LinkerButton.js.map