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

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

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

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

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

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

@@ -17,7 +17,7 @@ export default class Tab extends React.Component {
         FSBL.Clients.RouterClient.publish("Finsemble.AmTabbing", false);
     }
     onDragOver(e) {
-        let boundingBox = this.refs.Me.getBoundingClientRect();
+        const boundingBox = this.refs.Me.getBoundingClientRect();
         if (this.crossedMidline(e, boundingBox)) {
             this.props.onTabDraggedOver(e, this.props.windowIdentifier);
         }
@@ -33,7 +33,7 @@ export default class Tab extends React.Component {
         this.setState({ hoverState: newHoverState });
     }
     render() {
-        let style = {
+        const style = {
             width: this.props.tabWidth,
         };
         return (React.createElement("div", { ref: "Me", onDrop: this.props.onDrop, onClick: this.props.onClick, onDragStart: (e) => {

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/center/Tab.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIvC,MAAM,CAAC,OAAO,OAAO,GAAI,SAAQ,KAAK,CAAC,SAAS;IAC/C,YAAY,KAAK;QAChB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE/C,IAAI,CAAC,KAAK,GAAG;YACZ,UAAU,EAAE,OAAO;YACnB,KAAK,EAAE,EAAE;SACT,CAAC;QACF,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED,WAAW;QACV,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;IACjE,CAAC;IAED,UAAU,CAAC,CAAC;QACX,IAAI,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,qBAAqB,EAAE,CAAC;QACvD,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE;YACxC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;SAC5D;QACD,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACvB,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;YAC/D,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;SACzB;IACF,CAAC;IAED,cAAc,CAAC,CAAC,EAAE,GAAG;QACpB,OAAO,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE,EAAE,GAAG,CAAC,CAAC;IAC5G,CAAC;IAED,WAAW,CAAC,aAAa;QACxB,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM;QACL,IAAI,KAAK,GAAG;YACX,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;SAC1B,CAAC;QACF,OAAO,CACN,6BACC,GAAG,EAAC,IAAI,EACR,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;gBAClB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;YACxD,CAAC,EACD,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,gBACnB,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAE,KAAK;YAEX,IAAI,CAAC,KAAK,CAAC,iBAAiB,IAAI,CAChC,6BAAK,SAAS,EAAC,iBAAiB,EAAC,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAAQ,CACnG;YACD,oBAAC,sBAAsB,IAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAI;YAC/E,oBAAC,KAAK,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAI;YAC3F,6BACC,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;gBAC1B,CAAC;gBAED,2BAAG,SAAS,EAAC,UAAU,GAAK,CACvB,CACD,CACN,CAAC;IACH,CAAC;CACD","sourcesContent":["import * as React from \"react\";\r\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\r\nimport { Title } from \"../windowTitle\";\r\n/**\r\n * This component is pretty basic. It just takes a bunch of props and renders them.\r\n */\r\nexport default class Tab extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.onDragOver = this.onDragOver.bind(this);\r\n\t\tthis.onDragLeave = this.onDragLeave.bind(this);\r\n\r\n\t\tthis.state = {\r\n\t\t\thoverState: \"false\",\r\n\t\t\ttitle: \"\",\r\n\t\t};\r\n\t\tthis.tabbingState = false;\r\n\t}\r\n\r\n\tonDragLeave() {\r\n\t\tthis.tabbingState = false;\r\n\t\tFSBL.Clients.RouterClient.publish(\"Finsemble.AmTabbing\", false);\r\n\t}\r\n\r\n\tonDragOver(e) {\r\n\t\tlet boundingBox = this.refs.Me.getBoundingClientRect();\r\n\t\tif (this.crossedMidline(e, boundingBox)) {\r\n\t\t\tthis.props.onTabDraggedOver(e, this.props.windowIdentifier);\r\n\t\t}\r\n\t\tif (!this.tabbingState) {\r\n\t\t\tFSBL.Clients.RouterClient.publish(\"Finsemble.AmTabbing\", true);\r\n\t\t\tthis.tabbingState = true;\r\n\t\t}\r\n\t}\r\n\r\n\tcrossedMidline(e, box) {\r\n\t\treturn FSBL.Clients.WindowClient.isPointInBox({ x: e.nativeEvent.clientX, y: e.nativeEvent.clientY }, box);\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 style = {\r\n\t\t\twidth: this.props.tabWidth,\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\tonDrop={this.props.onDrop}\r\n\t\t\t\tonClick={this.props.onClick}\r\n\t\t\t\tonDragStart={(e) => {\r\n\t\t\t\t\tthis.props.onDragStart(e, this.props.windowIdentifier);\r\n\t\t\t\t}}\r\n\t\t\t\tonDragEnd={this.props.onDragEnd}\r\n\t\t\t\tdraggable={true}\r\n\t\t\t\tclassName={this.props.className}\r\n\t\t\t\tdata-hover={this.state.hoverState}\r\n\t\t\t\tstyle={style}\r\n\t\t\t>\r\n\t\t\t\t{this.props.listenForDragOver && (\r\n\t\t\t\t\t<div className=\"tab-drop-region\" onDragOver={this.onDragOver} onDragLeave={this.onDragLeave}></div>\r\n\t\t\t\t)}\r\n\t\t\t\t<FinsembleHoverDetector edge=\"top\" hoverAction={this.hoverAction.bind(this)} />\r\n\t\t\t\t<Title titleWidth={this.props.titleWidth} windowIdentifier={this.props.windowIdentifier} />\r\n\t\t\t\t<div\r\n\t\t\t\t\tclassName=\"fsbl-tab-close\"\r\n\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\t\tthis.props.onTabClose(e);\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t<i className=\"ff-close\"></i>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/center/Tab.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\r\nimport { Title } from \"../windowTitle\";\r\n\r\ninterface IProps {\r\n\tdraggable: string;\r\n\tclassName: string;\r\n\tonClick?: () => void;\r\n\tonDragStart: (e: any, identifier: any) => void;\r\n\tonDrop: (e?: React.DragEvent<HTMLDivElement>) => void;\r\n\tonDragEnd: (e?: any) => void;\r\n\tonTabClose: (e: React.MouseEvent<HTMLDivElement>) => void;\r\n\tonTabDraggedOver: (e: any, tabDraggedOver: any) => void;\r\n\tlistenForDragOver: boolean;\r\n\ttabWidth: number;\r\n\ttitleWidth: number;\r\n\twindowIdentifier: any;\r\n}\r\ninterface IState {\r\n\thoverState: string;\r\n\ttitle: string;\r\n}\r\n\r\n/**\r\n * This component is pretty basic. It just takes a bunch of props and renders them.\r\n */\r\nexport default class Tab extends React.Component<IProps, IState> {\r\n\ttabbingState: boolean;\r\n\r\n\tconstructor(props: IProps) {\r\n\t\tsuper(props);\r\n\t\tthis.onDragOver = this.onDragOver.bind(this);\r\n\t\tthis.onDragLeave = this.onDragLeave.bind(this);\r\n\r\n\t\tthis.state = {\r\n\t\t\thoverState: \"false\",\r\n\t\t\ttitle: \"\",\r\n\t\t};\r\n\t\tthis.tabbingState = false;\r\n\t}\r\n\r\n\tonDragLeave() {\r\n\t\tthis.tabbingState = false;\r\n\t\tFSBL.Clients.RouterClient.publish(\"Finsemble.AmTabbing\", false);\r\n\t}\r\n\r\n\tonDragOver(e: React.DragEvent<HTMLDivElement>) {\r\n\t\t// @todo: Use not-deprecated form of refs\r\n\t\t// @ts-ignore: `getBoundingClientRect` doesn't exist on type ReactInstance. Best to just not use deprecated features (this.refs)\r\n\t\tconst boundingBox = this.refs.Me.getBoundingClientRect();\r\n\t\tif (this.crossedMidline(e, boundingBox)) {\r\n\t\t\tthis.props.onTabDraggedOver(e, this.props.windowIdentifier);\r\n\t\t}\r\n\t\tif (!this.tabbingState) {\r\n\t\t\tFSBL.Clients.RouterClient.publish(\"Finsemble.AmTabbing\", true);\r\n\t\t\tthis.tabbingState = true;\r\n\t\t}\r\n\t}\r\n\r\n\tcrossedMidline(e: React.DragEvent<HTMLDivElement>, box: any) {\r\n\t\treturn FSBL.Clients.WindowClient.isPointInBox({ x: e.nativeEvent.clientX, y: e.nativeEvent.clientY }, box);\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\tconst style = {\r\n\t\t\twidth: this.props.tabWidth,\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\tonDrop={this.props.onDrop}\r\n\t\t\t\tonClick={this.props.onClick}\r\n\t\t\t\tonDragStart={(e) => {\r\n\t\t\t\t\tthis.props.onDragStart(e, this.props.windowIdentifier);\r\n\t\t\t\t}}\r\n\t\t\t\tonDragEnd={this.props.onDragEnd}\r\n\t\t\t\tdraggable={true}\r\n\t\t\t\tclassName={this.props.className}\r\n\t\t\t\tdata-hover={this.state.hoverState}\r\n\t\t\t\tstyle={style}\r\n\t\t\t>\r\n\t\t\t\t{this.props.listenForDragOver && (\r\n\t\t\t\t\t<div className=\"tab-drop-region\" onDragOver={this.onDragOver} onDragLeave={this.onDragLeave}></div>\r\n\t\t\t\t)}\r\n\t\t\t\t<FinsembleHoverDetector edge=\"top\" hoverAction={this.hoverAction.bind(this)} />\r\n\t\t\t\t<Title titleWidth={this.props.titleWidth} windowIdentifier={this.props.windowIdentifier} />\r\n\t\t\t\t<div\r\n\t\t\t\t\tclassName=\"fsbl-tab-close\"\r\n\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\t\tthis.props.onTabClose(e);\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t<i className=\"ff-close\"></i>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}

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

@@ -1,36 +1,49 @@
-export class TabList extends React.Component<any, any, any> {
-    constructor(props: any);
+import * as React from "react";
+import { StandardError } from "@finsemble/finsemble-core/types/types";
+import { TabListProps, TabListState, GetTabWidthParams, TabProperties, ValueOf } from "../../../../types/windowTitleBar";
+import { WindowIdentifier } from "@finsemble/finsemble-core";
+export declare class TabList extends React.Component<TabListProps, TabListState> {
+    mousePositionOnDragEnd: {
+        x: number;
+        y: number;
+    };
+    onWindowResizeThrottled: (this: Window, ev: UIEvent) => any;
+    constructor(props: TabListProps);
     bindCorrectContext(): void;
-    startDrag(e: any, windowIdentifier: any): void;
-    stopDrag(e: any): void;
-    cancelTabbing(): void;
-    drop(e: Event | undefined): void;
-    dragOver(e: Event | undefined): void;
-    dragLeave(e: Event | undefined): void;
-    onMouseWheel(e: Event | undefined): void;
-    findTabIndex(tab: any): any;
-    setActiveTab(tab: any): void;
-    onTabAdded(identifier: any, newIndex: any): void;
-    onTabClosed(identifier: any): void;
-    onStoreChanged(prop: any, value: any): void;
-    onTabsChanged(err: any, response: any): void;
-    onTabDraggedOver(e: any, tabDraggedOver: any): void;
-    isTabRegionOverflowing(): boolean;
+    getTabWidth(params?: GetTabWidthParams): number;
     onWindowResize(): void;
-    onWindowResizeThrottled: import("lodash").DebouncedFunc<() => void> | undefined;
-    getTabWidth(params?: {}): number;
-    setTabListTranslateX(translateX: any): void;
-    onTabListTranslateChanged(err: any, response: any): void;
-    mousePositionOnDragEnd: {
-        x: any;
-        y: any;
-    } | undefined;
-    extractWindowIdentifier(e: Event | undefined): any;
+    findTabIndex(tab: TabProperties): number;
+    startDrag(e: React.DragEvent<HTMLDivElement>, windowIdentifier: WindowIdentifier): void;
+    stopDrag(e: React.DragEvent<HTMLDivElement>): void;
+    extractWindowIdentifier(e: React.DragEvent<HTMLElement>): any;
+    drop(e?: React.DragEvent<HTMLElement>): void;
+    isTabRegionOverflowing(): boolean;
+    onMouseWheel(e: React.WheelEvent & React.UIEvent): void;
     scrollToActiveTab(): void;
     scrollToFirstTab(): void;
     scrollToLastTab(): void;
-    scrollToTab(tab: any): void;
-    getTabClasses(tab: any): string;
-    hoverAction(newHoverState: any): void;
+    scrollToTab(tab: TabProperties): void;
+    setTabListTranslateX(translateX: number): void;
+    dragOver(e: React.DragEvent): void;
+    dragLeave(e: React.DragEvent<HTMLDivElement>): void;
+    cancelTabbing(): void;
+    getTabClasses(tab: TabProperties): string;
+    onTabDraggedOver(e: React.DragEvent<HTMLElement>, tabDraggedOver: TabProperties): void;
+    onTabClosed(identifier: TabProperties): void;
+    onTabAdded(identifier: TabProperties, newIndex: number | undefined): void;
+    setActiveTab(tab: TabProperties): void;
+    onStoreChanged(prop: keyof TabListState, value: ValueOf<TabListState>): void;
+    onTabsChanged(err: StandardError, response: {
+        value: TabProperties[];
+    }): void;
+    onTabListTranslateChanged(err: StandardError, response: {
+        value: number;
+    }): void;
+    UNSAFE_componentWillMount(): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    hoverAction(newHoverState: string): void;
+    render(): JSX.Element;
+    renderTitle(): JSX.Element;
+    renderTabs(): JSX.Element[];
 }
-import * as React from "react";

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