dockview-react 4.7.0 → 4.7.1

package/dist/dockview-react.js

@@ -1,6 +1,6 @@
 /**
  * dockview-react
- * @version 4.7.0
+ * @version 4.7.1
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -3842,9 +3842,10 @@
   }
 
   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();
@@ -3852,12 +3853,15 @@
           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;
               }
@@ -5057,8 +5061,8 @@
   }
 
   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;
@@ -5094,7 +5098,7 @@
           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' } },
@@ -5111,7 +5115,7 @@
               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);
@@ -5123,7 +5127,7 @@
                   });
               }
               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);
@@ -5142,6 +5146,7 @@
       }
       updateDragAndDropState() {
           this._element.draggable = !this.accessor.options.disableDnd;
+          this.dragHandler.setDisabled(!!this.accessor.options.disableDnd);
       }
       dispose() {
           super.dispose();
@@ -5183,8 +5188,8 @@
   }
 
   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();
@@ -5253,7 +5258,7 @@
           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) => {
@@ -5266,7 +5271,7 @@
               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);
@@ -5275,6 +5280,7 @@
       updateDragAndDropState() {
           this._element.draggable = !this.accessor.options.disableDnd;
           toggleClass(this._element, 'dv-draggable', !this.accessor.options.disableDnd);
+          this.handler.setDisabled(!!this.accessor.options.disableDnd);
       }
   }
 
@@ -9665,11 +9671,13 @@
                   // 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,
                   });
               });