dockview 4.7.0 → 4.9.0

package/dist/dockview.amd.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 4.7.0
+ * @version 4.9.0
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -3838,9 +3838,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();
@@ -3848,12 +3849,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;
               }
@@ -5053,8 +5057,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;
@@ -5090,7 +5094,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' } },
@@ -5107,7 +5111,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);
@@ -5119,7 +5123,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);
@@ -5138,6 +5142,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();
@@ -5179,8 +5184,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();
@@ -5249,7 +5254,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) => {
@@ -5262,7 +5267,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);
@@ -5271,6 +5276,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);
       }
   }
 
@@ -9661,11 +9667,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,
                   });
               });