dockview-react 2.1.1 → 2.1.2

package/dist/dockview-react.cjs.js

@@ -1,6 +1,6 @@
 /**
  * dockview-react
- * @version 2.1.1
+ * @version 2.1.2
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -2799,7 +2799,7 @@ class BaseGrid extends Resizable {
             this._bufferOnDidLayoutChange.fire();
         }), exports.DockviewEvent.any(this.onDidAdd, this.onDidRemove, this.onDidActiveChange)(() => {
             this._bufferOnDidLayoutChange.fire();
-        }), this._bufferOnDidLayoutChange);
+        }), this._onDidMaximizedChange, this._onDidViewVisibilityChangeMicroTaskQueue, this._bufferOnDidLayoutChange);
     }
     setVisible(panel, visible) {
         this.gridview.setViewVisible(getGridLocation(panel.element), visible);
@@ -5400,7 +5400,7 @@ class DockviewGroupPanelModel extends CompositeDisposable {
                 group: this.groupPanel,
                 getData: getPanelData,
             }));
-        }), this._onMove, this._onDidChange, this._onDidDrop, this._onWillDrop, this._onDidAddPanel, this._onDidRemovePanel, this._onDidActivePanelChange, this._onUnhandledDragOverEvent);
+        }), this._onMove, this._onDidChange, this._onDidDrop, this._onWillDrop, this._onDidAddPanel, this._onDidRemovePanel, this._onDidActivePanelChange, this._onUnhandledDragOverEvent, this._onDidPanelTitleChange, this._onDidPanelParametersChange);
     }
     focusContent() {
         this.contentContainer.element.focus();
@@ -7379,6 +7379,47 @@ class PopoutWindow extends CompositeDisposable {
     }
 }
 
+class StrictEventsSequencing extends CompositeDisposable {
+    constructor(accessor) {
+        super();
+        this.accessor = accessor;
+        this.init();
+    }
+    init() {
+        const panels = new Set();
+        const groups = new Set();
+        this.addDisposables(this.accessor.onDidAddPanel((panel) => {
+            if (panels.has(panel.api.id)) {
+                throw new Error(`dockview: Invalid event sequence. [onDidAddPanel] called for panel ${panel.api.id} but panel already exists`);
+            }
+            else {
+                panels.add(panel.api.id);
+            }
+        }), this.accessor.onDidRemovePanel((panel) => {
+            if (!panels.has(panel.api.id)) {
+                throw new Error(`dockview: Invalid event sequence. [onDidRemovePanel] called for panel ${panel.api.id} but panel does not exists`);
+            }
+            else {
+                panels.delete(panel.api.id);
+            }
+        }), this.accessor.onDidAddGroup((group) => {
+            if (groups.has(group.api.id)) {
+                throw new Error(`dockview: Invalid event sequence. [onDidAddGroup] called for group ${group.api.id} but group already exists`);
+            }
+            else {
+                groups.add(group.api.id);
+            }
+        }), this.accessor.onDidRemoveGroup((group) => {
+            if (!groups.has(group.api.id)) {
+                throw new Error(`dockview: Invalid event sequence. [onDidRemoveGroup] called for group ${group.api.id} but group does not exists`);
+            }
+            else {
+                groups.delete(group.api.id);
+            }
+        }));
+    }
+}
+
 const DEFAULT_ROOT_OVERLAY_MODEL = {
     activationSize: { type: 'pixels', value: 10 },
     size: { type: 'pixels', value: 20 },
@@ -7482,7 +7523,10 @@ class DockviewComponent extends BaseGrid {
         this.overlayRenderContainer = new OverlayRenderContainer(this.gridview.element, this);
         toggleClass(this.gridview.element, 'dv-dockview', true);
         toggleClass(this.element, 'dv-debug', !!options.debug);
-        this.addDisposables(this.overlayRenderContainer, this._onWillDragPanel, this._onWillDragGroup, this._onWillShowOverlay, this._onDidActivePanelChange, this._onDidAddPanel, this._onDidRemovePanel, this._onDidLayoutFromJSON, this._onDidDrop, this._onWillDrop, this._onDidMovePanel, this._onDidAddGroup, this._onDidRemoveGroup, this._onDidActiveGroupChange, this._onUnhandledDragOverEvent, this.onDidViewVisibilityChangeMicroTaskQueue(() => {
+        if (options.debug) {
+            this.addDisposables(new StrictEventsSequencing(this));
+        }
+        this.addDisposables(this.overlayRenderContainer, this._onWillDragPanel, this._onWillDragGroup, this._onWillShowOverlay, this._onDidActivePanelChange, this._onDidAddPanel, this._onDidRemovePanel, this._onDidLayoutFromJSON, this._onDidDrop, this._onWillDrop, this._onDidMovePanel, this._onDidAddGroup, this._onDidRemoveGroup, this._onDidActiveGroupChange, this._onUnhandledDragOverEvent, this._onDidMaximizedGroupChange, this.onDidViewVisibilityChangeMicroTaskQueue(() => {
             this.updateWatermark();
         }), this.onDidAdd((event) => {
             if (!this._moving) {
@@ -7599,6 +7643,10 @@ class DockviewComponent extends BaseGrid {
         this._api = new DockviewApi(this);
         this.updateWatermark();
     }
+    dispose() {
+        this.clear(); // explicitly clear the layout before cleaning up
+        super.dispose();
+    }
     setVisible(panel, visible) {
         switch (panel.api.location.type) {
             case 'grid':
@@ -7657,6 +7705,7 @@ class DockviewComponent extends BaseGrid {
         return _window
             .open()
             .then((popoutContainer) => {
+            var _a;
             if (_window.isDisposed) {
                 return false;
             }
@@ -7689,6 +7738,7 @@ class DockviewComponent extends BaseGrid {
             }
             group.model.renderContainer = overlayRenderContainer;
             group.layout(_window.window.innerWidth, _window.window.innerHeight);
+            let floatingBox;
             if (!(options === null || options === void 0 ? void 0 : options.overridePopoutGroup) && isGroupAddedToDom) {
                 if (itemToPopout instanceof DockviewPanel) {
                     this.movingLock(() => {
@@ -7707,6 +7757,9 @@ class DockviewComponent extends BaseGrid {
                             break;
                         case 'floating':
                         case 'popout':
+                            floatingBox = (_a = this._floatingGroups
+                                .find((value) => value.group.api.id ===
+                                itemToPopout.api.id)) === null || _a === void 0 ? void 0 : _a.overlay.toJSON();
                             this.removeGroup(referenceGroup);
                             break;
                     }
@@ -7777,17 +7830,29 @@ class DockviewComponent extends BaseGrid {
                     }
                 }
                 else if (this.getPanel(group.id)) {
-                    this.doRemoveGroup(group, {
-                        skipDispose: true,
-                        skipActive: true,
-                        skipPopoutReturn: true,
-                    });
                     const removedGroup = group;
-                    removedGroup.model.renderContainer =
-                        this.overlayRenderContainer;
-                    removedGroup.model.location = { type: 'grid' };
-                    returnedGroup = removedGroup;
-                    this.doAddGroup(removedGroup, [0]);
+                    if (floatingBox) {
+                        this.addFloatingGroup(removedGroup, {
+                            height: floatingBox.height,
+                            width: floatingBox.width,
+                            position: floatingBox,
+                        });
+                    }
+                    else {
+                        this.doRemoveGroup(removedGroup, {
+                            skipDispose: true,
+                            skipActive: true,
+                            skipPopoutReturn: true,
+                        });
+                        removedGroup.model.renderContainer =
+                            this.overlayRenderContainer;
+                        removedGroup.model.location = { type: 'grid' };
+                        returnedGroup = removedGroup;
+                        this.movingLock(() => {
+                            // suppress group add events since the group already exists
+                            this.doAddGroup(removedGroup, [0]);
+                        });
+                    }
                     this.doSetGroupAndPanelActive(removedGroup);
                 }
             }));
@@ -8135,6 +8200,7 @@ class DockviewComponent extends BaseGrid {
                     locked: !!locked,
                     hideHeader: !!hideHeader,
                 });
+                this._onDidAddGroup.fire(group);
                 const createdPanels = [];
                 for (const child of views) {
                     /**
@@ -8145,7 +8211,6 @@ class DockviewComponent extends BaseGrid {
                     const panel = this._deserializer.fromJSON(panels[child], group);
                     createdPanels.push(panel);
                 }
-                this._onDidAddGroup.fire(group);
                 for (let i = 0; i < views.length; i++) {
                     const panel = createdPanels[i];
                     const isActive = typeof activeView === 'string' &&