dockview-react 4.4.0 → 4.4.1

package/dist/dockview-react.cjs.js

@@ -1,6 +1,6 @@
 /**
  * dockview-react
- * @version 4.4.0
+ * @version 4.4.1
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -5026,7 +5026,7 @@ class Tab extends CompositeDisposable {
         this._element = document.createElement('div');
         this._element.className = 'dv-tab';
         this._element.tabIndex = 0;
-        this._element.draggable = true;
+        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.dropTarget = new Droptarget(this._element, {
@@ -5074,6 +5074,9 @@ class Tab extends CompositeDisposable {
         this.content = part;
         this._element.appendChild(this.content.element);
     }
+    updateDragAndDropState() {
+        this._element.draggable = !this.accessor.options.disableDnd;
+    }
     dispose() {
         super.dispose();
     }
@@ -5145,7 +5148,7 @@ class VoidContainer extends CompositeDisposable {
         this.onDragStart = this._onDragStart.event;
         this._element = document.createElement('div');
         this._element.className = 'dv-void-container';
-        this._element.draggable = true;
+        this._element.draggable = !this.accessor.options.disableDnd;
         this.addDisposables(this._onDrop, this._onDragStart, addDisposableListener(this._element, 'pointerdown', () => {
             this.accessor.doSetGroupActive(this.group);
         }));
@@ -5168,6 +5171,9 @@ class VoidContainer extends CompositeDisposable {
             this._onDrop.fire(event);
         }), this.dropTarget);
     }
+    updateDragAndDropState() {
+        this._element.draggable = !this.accessor.options.disableDnd;
+    }
 }
 
 class Scrollbar extends CompositeDisposable {
@@ -5428,6 +5434,11 @@ class Tabs extends CompositeDisposable {
                 .map((x) => x.value.panel.id);
         this._onOverflowTabsChange.fire({ tabs, reset: options.reset });
     }
+    updateDragAndDropState() {
+        for (const tab of this._tabs) {
+            tab.value.updateDragAndDropState();
+        }
+    }
 }
 
 const createSvgElementFromPath = (params) => {
@@ -5700,6 +5711,10 @@ class TabsContainer extends CompositeDisposable {
             });
         }));
     }
+    updateDragAndDropState() {
+        this.tabs.updateDragAndDropState();
+        this.voidContainer.updateDragAndDropState();
+    }
 }
 
 class DockviewUnhandledDragOverEvent extends AcceptableEvent {
@@ -6405,6 +6420,9 @@ class DockviewGroupPanelModel extends CompositeDisposable {
             }));
         }
     }
+    updateDragAndDropState() {
+        this.tabsContainer.updateDragAndDropState();
+    }
     dispose() {
         var _a, _b, _c;
         super.dispose();
@@ -8854,7 +8872,12 @@ class DockviewComponent extends BaseGrid {
             }
         }
         this.updateDropTargetModel(options);
+        const oldDisableDnd = this.options.disableDnd;
         this._options = Object.assign(Object.assign({}, this.options), options);
+        const newDisableDnd = this.options.disableDnd;
+        if (oldDisableDnd !== newDisableDnd) {
+            this.updateDragAndDropState();
+        }
         if ('theme' in options) {
             this.updateTheme();
         }
@@ -8869,6 +8892,12 @@ class DockviewComponent extends BaseGrid {
             }
         }
     }
+    updateDragAndDropState() {
+        // Update draggable state for all tabs and void containers
+        for (const group of this.groups) {
+            group.model.updateDragAndDropState();
+        }
+    }
     focus() {
         var _a;
         (_a = this.activeGroup) === null || _a === void 0 ? void 0 : _a.focus();