dockview-react 4.9.0 → 4.11.0

package/dist/dockview-react.cjs.js

@@ -1,6 +1,6 @@
 /**
  * dockview-react
- * @version 4.9.0
+ * @version 4.11.0
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -6794,11 +6794,16 @@ class DockviewGroupPanelApiImpl extends GridviewPanelApiImpl {
     }
 }
 
+// GridConstraintChangeEvent2 is not exported, so we'll type it manually
 const MINIMUM_DOCKVIEW_GROUP_PANEL_WIDTH = 100;
 const MINIMUM_DOCKVIEW_GROUP_PANEL_HEIGHT = 100;
 class DockviewGroupPanel extends GridviewPanel {
     get minimumWidth() {
         var _a;
+        // Check for explicitly set group constraint first
+        if (typeof this._explicitConstraints.minimumWidth === 'number') {
+            return this._explicitConstraints.minimumWidth;
+        }
         const activePanelMinimumWidth = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.minimumWidth;
         if (typeof activePanelMinimumWidth === 'number') {
             return activePanelMinimumWidth;
@@ -6807,6 +6812,10 @@ class DockviewGroupPanel extends GridviewPanel {
     }
     get minimumHeight() {
         var _a;
+        // Check for explicitly set group constraint first
+        if (typeof this._explicitConstraints.minimumHeight === 'number') {
+            return this._explicitConstraints.minimumHeight;
+        }
         const activePanelMinimumHeight = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.minimumHeight;
         if (typeof activePanelMinimumHeight === 'number') {
             return activePanelMinimumHeight;
@@ -6815,6 +6824,10 @@ class DockviewGroupPanel extends GridviewPanel {
     }
     get maximumWidth() {
         var _a;
+        // Check for explicitly set group constraint first
+        if (typeof this._explicitConstraints.maximumWidth === 'number') {
+            return this._explicitConstraints.maximumWidth;
+        }
         const activePanelMaximumWidth = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.maximumWidth;
         if (typeof activePanelMaximumWidth === 'number') {
             return activePanelMaximumWidth;
@@ -6823,6 +6836,10 @@ class DockviewGroupPanel extends GridviewPanel {
     }
     get maximumHeight() {
         var _a;
+        // Check for explicitly set group constraint first
+        if (typeof this._explicitConstraints.maximumHeight === 'number') {
+            return this._explicitConstraints.maximumHeight;
+        }
         const activePanelMaximumHeight = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.maximumHeight;
         if (typeof activePanelMaximumHeight === 'number') {
             return activePanelMaximumHeight;
@@ -6854,14 +6871,39 @@ class DockviewGroupPanel extends GridviewPanel {
         var _a, _b, _c, _d, _e, _f;
         super(id, 'groupview_default', {
             minimumHeight: (_b = (_a = options.constraints) === null || _a === void 0 ? void 0 : _a.minimumHeight) !== null && _b !== void 0 ? _b : MINIMUM_DOCKVIEW_GROUP_PANEL_HEIGHT,
-            minimumWidth: (_d = (_c = options.constraints) === null || _c === void 0 ? void 0 : _c.maximumHeight) !== null && _d !== void 0 ? _d : MINIMUM_DOCKVIEW_GROUP_PANEL_WIDTH,
+            minimumWidth: (_d = (_c = options.constraints) === null || _c === void 0 ? void 0 : _c.minimumWidth) !== null && _d !== void 0 ? _d : MINIMUM_DOCKVIEW_GROUP_PANEL_WIDTH,
             maximumHeight: (_e = options.constraints) === null || _e === void 0 ? void 0 : _e.maximumHeight,
             maximumWidth: (_f = options.constraints) === null || _f === void 0 ? void 0 : _f.maximumWidth,
         }, new DockviewGroupPanelApiImpl(id, accessor));
+        // Track explicitly set constraints to override panel constraints
+        this._explicitConstraints = {};
         this.api.initialize(this); // cannot use 'this' after after 'super' call
         this._model = new DockviewGroupPanelModel(this.element, accessor, id, options, this);
         this.addDisposables(this.model.onDidActivePanelChange((event) => {
             this.api._onDidActivePanelChange.fire(event);
+        }), this.api.onDidConstraintsChangeInternal((event) => {
+            // Track explicitly set constraints to override panel constraints
+            // Extract numeric values from functions or values
+            if (event.minimumWidth !== undefined) {
+                this._explicitConstraints.minimumWidth = typeof event.minimumWidth === 'function'
+                    ? event.minimumWidth()
+                    : event.minimumWidth;
+            }
+            if (event.minimumHeight !== undefined) {
+                this._explicitConstraints.minimumHeight = typeof event.minimumHeight === 'function'
+                    ? event.minimumHeight()
+                    : event.minimumHeight;
+            }
+            if (event.maximumWidth !== undefined) {
+                this._explicitConstraints.maximumWidth = typeof event.maximumWidth === 'function'
+                    ? event.maximumWidth()
+                    : event.maximumWidth;
+            }
+            if (event.maximumHeight !== undefined) {
+                this._explicitConstraints.maximumHeight = typeof event.maximumHeight === 'function'
+                    ? event.maximumHeight()
+                    : event.maximumHeight;
+            }
         }));
     }
     focus() {
@@ -10306,8 +10348,8 @@ class GridviewComponent extends BaseGrid {
             accessor: this,
             isVisible: true,
         });
-        this.registerPanel(view);
         this.doAddGroup(view, relativeLocation, options.size);
+        this.registerPanel(view);
         this.doSetGroupActive(view);
         return view;
     }
@@ -11633,6 +11675,10 @@ function useTitle(api) {
         const disposable = api.onDidTitleChange((event) => {
             setTitle(event.title);
         });
+        // Depending on the order in which React effects are run, the title may already be out of sync (cf. issue #1003).
+        if (title !== api.title) {
+            setTitle(api.title);
+        }
         return () => {
             disposable.dispose();
         };