dockview 4.4.0 → 4.4.1

package/dist/cjs/dockview/defaultTab.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IDockviewPanelHeaderProps } from 'dockview-core';
-export type IDockviewDefaultTabProps = IDockviewPanelHeaderProps & React.DOMAttributes<HTMLDivElement> & {
+export type IDockviewDefaultTabProps = IDockviewPanelHeaderProps & React.HtmlHTMLAttributes<HTMLDivElement> & {
     hideClose?: boolean;
     closeActionOverride?: () => void;
 };

package/dist/dockview.amd.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 4.4.0
+ * @version 4.4.1
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -5023,7 +5023,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, {
@@ -5071,6 +5071,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();
       }
@@ -5142,7 +5145,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);
           }));
@@ -5165,6 +5168,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 {
@@ -5425,6 +5431,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) => {
@@ -5697,6 +5708,10 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
               });
           }));
       }
+      updateDragAndDropState() {
+          this.tabs.updateDragAndDropState();
+          this.voidContainer.updateDragAndDropState();
+      }
   }
 
   class DockviewUnhandledDragOverEvent extends AcceptableEvent {
@@ -6402,6 +6417,9 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
               }));
           }
       }
+      updateDragAndDropState() {
+          this.tabsContainer.updateDragAndDropState();
+      }
       dispose() {
           var _a, _b, _c;
           super.dispose();
@@ -8851,7 +8869,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();
           }
@@ -8866,6 +8889,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();