dockview-react 8.6.2 → 8.7.1

package/dist/dockview-react.js

@@ -1,6 +1,6 @@
 /**
  * dockview-react
- * @version 8.6.2
+ * @version 8.7.1
  * @link https://github.com/dockview/dockview
  * @license MIT
  */
@@ -51,7 +51,7 @@ react_dom = __toESM(react_dom);
 //#region ../dockview-core/dist/package/main.esm.mjs
 /**
 	* dockview-core
-	* @version 8.6.2
+	* @version 8.7.1
 	* @link https://github.com/dockview/dockview
 	* @license MIT
 	*/
@@ -6964,6 +6964,7 @@ react_dom = __toESM(react_dom);
 			dndEdges: void 0,
 			dropPositionResolver: void 0,
 			dndCompass: void 0,
+			dropSizing: void 0,
 			theme: void 0,
 			disableTabsOverflowList: void 0,
 			overflow: void 0,
@@ -15120,6 +15121,8 @@ react_dom = __toESM(react_dom);
 			const strip = this._group.element.querySelector(".dv-tabs-and-actions-container");
 			if (!strip) return;
 			this._tabSizeDisposables.addDisposables(watchElementResize(strip, () => {
+				const { headerPosition } = this._group;
+				if ((headerPosition === "left" || headerPosition === "right") !== (this._orientation === "horizontal")) return;
 				this._applyMeasuredTabSize(this._orientation === "vertical" ? strip.offsetHeight : strip.offsetWidth);
 			}));
 		}
@@ -17145,7 +17148,14 @@ react_dom = __toESM(react_dom);
 				if (options.autoHide !== void 0) service.setAutoHide(group, options.autoHide);
 				if (options.autoReveal !== void 0) service.setAutoReveal(group, options.autoReveal);
 				this._onDidAddGroup.fire(group);
-				this._shellManager.addEdgeView(position, options, group);
+				const host = {
+					element: group.element,
+					get headerPosition() {
+						return group.model.headerPosition;
+					},
+					layout: (width, height) => group.layout(width, height)
+				};
+				this._shellManager.addEdgeView(position, options, host);
 				return group.api;
 			});
 		}
@@ -18555,7 +18565,7 @@ react_dom = __toESM(react_dom);
 					const [targetParentLocation, to] = tail(targetLocation);
 					if (sourceGroup.api.location.type === "grid" && destinationGridview === this.gridview) {
 						const [sourceParentLocation, from] = tail(getGridLocation(sourceGroup.element));
-						if (sequenceEquals(sourceParentLocation, targetParentLocation)) {
+						if ((this.options.dropSizing !== "distribute" || sourceGroup === destinationGroup) && sequenceEquals(sourceParentLocation, targetParentLocation)) {
 							this.gridview.moveView(sourceParentLocation, from, to);
 							this.fireDidMovePanel(this.getGroupPanel(sourceItemId), sourceGroup);
 							return;
@@ -18585,7 +18595,7 @@ react_dom = __toESM(react_dom);
 						}));
 						this.doRemoveGroup(sourceGroup, { skipActive: true });
 						const updatedTargetLocation = getRelativeLocation(destinationGridview.orientation, getGridLocation(destinationGroup.element), destinationTarget);
-						const newGroup = this.createGroupAtLocation(updatedTargetLocation, this.dropSizing(getGridLocation(destinationGroup.element)), void 0, destinationGridview);
+						const newGroup = this.createGroupAtLocation(updatedTargetLocation, this.sizingForDrop(getGridLocation(destinationGroup.element)), void 0, destinationGridview);
 						this.movingLock(() => newGroup.model.openPanel(removedPanel, { skipSetActive: true }));
 						this.doSetGroupAndPanelActive(newGroup);
 						this.fireDidMovePanel(this.getGroupPanel(sourceItemId), sourceGroup);
@@ -18602,7 +18612,7 @@ react_dom = __toESM(react_dom);
 							skipSetActiveGroup: true
 						}));
 						if (!removedPanel) throw new Error(`dockview: No panel with id ${sourceItemId}`);
-						const newGroup = this.createGroupAtLocation(targetLocation, this.dropSizing(referenceLocation), void 0, destinationGridview);
+						const newGroup = this.createGroupAtLocation(targetLocation, this.sizingForDrop(referenceLocation), void 0, destinationGridview);
 						this.movingLock(() => newGroup.model.openPanel(removedPanel, { skipSetGroupActive: true }));
 						this.doSetGroupAndPanelActive(newGroup);
 						this.fireDidMovePanel(removedPanel, sourceGroup);
@@ -18614,7 +18624,7 @@ react_dom = __toESM(react_dom);
 					}));
 					const updatedReferenceLocation = getGridLocation(destinationGroup.element);
 					const location = getRelativeLocation(destinationGridview.orientation, updatedReferenceLocation, destinationTarget);
-					this.movingLock(() => this.doAddGroup(targetGroup, location, this.dropSizing(updatedReferenceLocation), destinationGridview));
+					this.movingLock(() => this.doAddGroup(targetGroup, location, this.sizingForDrop(updatedReferenceLocation), destinationGridview));
 					this.setGroupLocationForRoot(targetGroup, destinationGridview);
 					this.doSetGroupAndPanelActive(targetGroup);
 					this.fireDidMovePanel(this.getGroupPanel(sourceItemId), sourceGroup);
@@ -18629,7 +18639,7 @@ react_dom = __toESM(react_dom);
 					}));
 					if (!removedPanel) throw new Error(`dockview: No panel with id ${sourceItemId}`);
 					const dropLocation = getRelativeLocation(destinationGridview.orientation, referenceLocation, destinationTarget);
-					const group = this.createGroupAtLocation(dropLocation, this.dropSizing(referenceLocation), void 0, destinationGridview);
+					const group = this.createGroupAtLocation(dropLocation, this.sizingForDrop(referenceLocation), void 0, destinationGridview);
 					this.movingLock(() => group.model.openPanel(removedPanel, { skipSetGroupActive: true }));
 					this.doSetGroupAndPanelActive(group);
 					this.fireDidMovePanel(removedPanel, sourceGroup);
@@ -18673,7 +18683,7 @@ react_dom = __toESM(react_dom);
 			if (!destinationTarget || destinationTarget === "center" || !referenceLocation) targetGroup = destinationGroup;
 			else {
 				const dropLocation = getRelativeLocation(this.gridview.orientation, referenceLocation, destinationTarget);
-				targetGroup = this.createGroupAtLocation(dropLocation, this.dropSizing(referenceLocation));
+				targetGroup = this.createGroupAtLocation(dropLocation, this.sizingForDrop(referenceLocation));
 			}
 			if (!this.keepEmptyGroups(options) && sourceGroup.model.size === 0 && sourceGroup !== targetGroup) this.doRemoveGroup(sourceGroup, { skipActive: true });
 			addPanelsToGroup(targetGroup);
@@ -18805,11 +18815,8 @@ react_dom = __toESM(react_dom);
 					const referenceLocation = getGridLocation(to.element);
 					const dropLocation = getRelativeLocation(destGridview.orientation, referenceLocation, target);
 					let size;
-					if (isReorderWithinBranch) size = getDirectionOrientation(target) === "HORIZONTAL" ? from.api.width : from.api.height;
-					else {
-						var _referenceLocation;
-						size = Sizing.Split((_referenceLocation = referenceLocation[referenceLocation.length - 1]) !== null && _referenceLocation !== void 0 ? _referenceLocation : 0);
-					}
+					if (isReorderWithinBranch && this.options.dropSizing !== "distribute") size = getDirectionOrientation(target) === "HORIZONTAL" ? from.api.width : from.api.height;
+					else size = this.sizingForDrop(referenceLocation);
 					destGridview.addView(source, size, dropLocation);
 					this.setGroupLocationForRoot(source, destGridview);
 				}
@@ -18947,13 +18954,12 @@ react_dom = __toESM(react_dom);
 			return panel;
 		}
 		/**
-		* Sizing for a group created by a drop next to `referenceLocation`: half
-		* of the group the overlay was drawn over, leaving its siblings alone, so
-		* the panel lands in the region the overlay indicated (#1612). Gridview
-		* rewrites the index to 0 when a cross-axis drop wraps the reference in a
-		* new branch, so one value serves both paths.
+		* Sizing for a group created by a drop next to `referenceLocation`.
+		* Gridview rewrites the index to 0 when a cross-axis drop wraps the
+		* reference in a new branch, so one split index serves both paths.
 		*/
-		dropSizing(referenceLocation) {
+		sizingForDrop(referenceLocation) {
+			if (this.options.dropSizing === "distribute") return Sizing.Distribute;
 			return Sizing.Split(referenceLocation.length === 0 ? 0 : referenceLocation[referenceLocation.length - 1]);
 		}
 		createGroupAtLocation(location, size, options, gridview = this.gridview) {