dockview-react 4.4.0 → 4.4.1

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

@@ -1,6 +1,6 @@
 /**
  * dockview-react
- * @version 4.4.0
+ * @version 4.4.1
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -4993,7 +4993,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             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, {
@@ -5041,6 +5041,9 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             this.content = part;
             this._element.appendChild(this.content.element);
         }
+        updateDragAndDropState() {
+            this._element.draggable = !this.accessor.options.disableDnd;
+        }
         dispose() {
             super.dispose();
         }
@@ -5112,7 +5115,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             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);
             }));
@@ -5135,6 +5138,9 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                 this._onDrop.fire(event);
             }), this.dropTarget);
         }
+        updateDragAndDropState() {
+            this._element.draggable = !this.accessor.options.disableDnd;
+        }
     }
 
     class Scrollbar extends CompositeDisposable {
@@ -5395,6 +5401,11 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                     .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) => {
@@ -5667,6 +5678,10 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                 });
             }));
         }
+        updateDragAndDropState() {
+            this.tabs.updateDragAndDropState();
+            this.voidContainer.updateDragAndDropState();
+        }
     }
 
     class DockviewUnhandledDragOverEvent extends AcceptableEvent {
@@ -6372,6 +6387,9 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                 }));
             }
         }
+        updateDragAndDropState() {
+            this.tabsContainer.updateDragAndDropState();
+        }
         dispose() {
             var _a, _b, _c;
             super.dispose();
@@ -8821,7 +8839,12 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                 }
             }
             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();
             }
@@ -8836,6 +8859,12 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                 }
             }
         }
+        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();