dockview-react 4.7.0 → 4.7.1

package/dist/dockview-react.amd.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview-react
- * @version 4.7.0
+ * @version 4.7.1
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -3808,9 +3808,10 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
     }
 
     class DragHandler extends CompositeDisposable {
-        constructor(el) {
+        constructor(el, disabled) {
             super();
             this.el = el;
+            this.disabled = disabled;
             this.dataDisposable = new MutableDisposable();
             this.pointerEventsDisposable = new MutableDisposable();
             this._onDragStart = new Emitter();
@@ -3818,12 +3819,15 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             this.addDisposables(this._onDragStart, this.dataDisposable, this.pointerEventsDisposable);
             this.configure();
         }
+        setDisabled(disabled) {
+            this.disabled = disabled;
+        }
         isCancelled(_event) {
             return false;
         }
         configure() {
             this.addDisposables(this._onDragStart, addDisposableListener(this.el, 'dragstart', (event) => {
-                if (event.defaultPrevented || this.isCancelled(event)) {
+                if (event.defaultPrevented || this.isCancelled(event) || this.disabled) {
                     event.preventDefault();
                     return;
                 }
@@ -5023,8 +5027,8 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
     }
 
     class TabDragHandler extends DragHandler {
-        constructor(element, accessor, group, panel) {
-            super(element);
+        constructor(element, accessor, group, panel, disabled) {
+            super(element, disabled);
             this.accessor = accessor;
             this.group = group;
             this.panel = panel;
@@ -5060,7 +5064,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             this._element.tabIndex = 0;
             this._element.draggable = !this.accessor.options.disableDnd;
             toggleClass(this.element, 'dv-inactive-tab', true);
-            const dragHandler = new TabDragHandler(this._element, this.accessor, this.group, this.panel);
+            this.dragHandler = new TabDragHandler(this._element, this.accessor, this.group, this.panel, !!this.accessor.options.disableDnd);
             this.dropTarget = new Droptarget(this._element, {
                 acceptedTargetZones: ['left', 'right'],
                 overlayModel: { activationSize: { value: 50, type: 'percentage' } },
@@ -5077,7 +5081,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                 getOverrideTarget: () => { var _a; return (_a = group.model.dropTargetContainer) === null || _a === void 0 ? void 0 : _a.model; },
             });
             this.onWillShowOverlay = this.dropTarget.onWillShowOverlay;
-            this.addDisposables(this._onPointDown, this._onDropped, this._onDragStart, dragHandler.onDragStart((event) => {
+            this.addDisposables(this._onPointDown, this._onDropped, this._onDragStart, this.dragHandler.onDragStart((event) => {
                 if (event.dataTransfer) {
                     const style = getComputedStyle(this.element);
                     const newNode = this.element.cloneNode(true);
@@ -5089,7 +5093,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                     });
                 }
                 this._onDragStart.fire(event);
-            }), dragHandler, addDisposableListener(this._element, 'pointerdown', (event) => {
+            }), this.dragHandler, addDisposableListener(this._element, 'pointerdown', (event) => {
                 this._onPointDown.fire(event);
             }), this.dropTarget.onDrop((event) => {
                 this._onDropped.fire(event);
@@ -5108,6 +5112,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
         }
         updateDragAndDropState() {
             this._element.draggable = !this.accessor.options.disableDnd;
+            this.dragHandler.setDisabled(!!this.accessor.options.disableDnd);
         }
         dispose() {
             super.dispose();
@@ -5149,8 +5154,8 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
     }
 
     class GroupDragHandler extends DragHandler {
-        constructor(element, accessor, group) {
-            super(element);
+        constructor(element, accessor, group, disabled) {
+            super(element, disabled);
             this.accessor = accessor;
             this.group = group;
             this.panelTransfer = LocalSelectionTransfer.getInstance();
@@ -5219,7 +5224,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             this.addDisposables(this._onDrop, this._onDragStart, addDisposableListener(this._element, 'pointerdown', () => {
                 this.accessor.doSetGroupActive(this.group);
             }));
-            const handler = new GroupDragHandler(this._element, accessor, group);
+            this.handler = new GroupDragHandler(this._element, accessor, group, !!this.accessor.options.disableDnd);
             this.dropTarget = new Droptarget(this._element, {
                 acceptedTargetZones: ['center'],
                 canDisplayOverlay: (event, position) => {
@@ -5232,7 +5237,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                 getOverrideTarget: () => { var _a; return (_a = group.model.dropTargetContainer) === null || _a === void 0 ? void 0 : _a.model; },
             });
             this.onWillShowOverlay = this.dropTarget.onWillShowOverlay;
-            this.addDisposables(handler, handler.onDragStart((event) => {
+            this.addDisposables(this.handler, this.handler.onDragStart((event) => {
                 this._onDragStart.fire(event);
             }), this.dropTarget.onDrop((event) => {
                 this._onDrop.fire(event);
@@ -5241,6 +5246,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
         updateDragAndDropState() {
             this._element.draggable = !this.accessor.options.disableDnd;
             toggleClass(this._element, 'dv-draggable', !this.accessor.options.disableDnd);
+            this.handler.setDisabled(!!this.accessor.options.disableDnd);
         }
     }
 
@@ -9631,11 +9637,13 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                     // remove the group and do not set a new group as active
                     this.doRemoveGroup(sourceGroup, { skipActive: true });
                 }
+                // Check if destination group is empty - if so, force render the component
+                const isDestinationGroupEmpty = destinationGroup.model.size === 0;
                 this.movingLock(() => {
                     var _a;
                     return destinationGroup.model.openPanel(removedPanel, {
                         index: destinationIndex,
-                        skipSetActive: (_a = options.skipSetActive) !== null && _a !== void 0 ? _a : false,
+                        skipSetActive: ((_a = options.skipSetActive) !== null && _a !== void 0 ? _a : false) && !isDestinationGroupEmpty,
                         skipSetGroupActive: true,
                     });
                 });