bug: fix disableAutoResizing flag

packages/dockview-core/src/__tests__/dockview/dockviewComponent.spec.ts

@@ -4276,4 +4276,41 @@ describe('dockviewComponent', () => {
         expect(el).toBeTruthy();
         expect(el!.childNodes.length).toBe(0);
     });
+
+    test('that disableAutoResizing is false by default', () => {
+        const container = document.createElement('div');
+
+        const dockview = new DockviewComponent({
+            parentElement: container,
+            components: {
+                panelA: PanelContentPartTest,
+                panelB: PanelContentPartTest,
+            },
+            tabComponents: {
+                test_tab_id: PanelTabPartTest,
+            },
+            orientation: Orientation.HORIZONTAL,
+        });
+
+        expect(dockview.disableResizing).toBeFalsy();
+    });
+
+    test('that disableAutoResizing can be enabled', () => {
+        const container = document.createElement('div');
+
+        const dockview = new DockviewComponent({
+            parentElement: container,
+            components: {
+                panelA: PanelContentPartTest,
+                panelB: PanelContentPartTest,
+            },
+            tabComponents: {
+                test_tab_id: PanelTabPartTest,
+            },
+            orientation: Orientation.HORIZONTAL,
+            disableAutoResizing: true,
+        });
+
+        expect(dockview.disableResizing).toBeTruthy();
+    });
 });

packages/dockview-core/src/__tests__/gridview/gridviewComponent.spec.ts

@@ -2677,4 +2677,27 @@ describe('gridview', () => {
         expect(el).toBeTruthy();
         expect(el!.childNodes.length).toBe(0);
     });
+
+    test('that disableAutoResizing is false by default', () => {
+        const gridview = new GridviewComponent({
+            parentElement: container,
+            proportionalLayout: true,
+            orientation: Orientation.HORIZONTAL,
+            components: { default: TestGridview },
+        });
+
+        expect(gridview.disableResizing).toBeFalsy();
+    });
+
+    test('that disableAutoResizing can be enabled', () => {
+        const gridview = new GridviewComponent({
+            parentElement: container,
+            proportionalLayout: true,
+            orientation: Orientation.HORIZONTAL,
+            components: { default: TestGridview },
+            disableAutoResizing: true,
+        });
+
+        expect(gridview.disableResizing).toBeTruthy();
+    });
 });

packages/dockview-core/src/__tests__/paneview/paneviewComponent.spec.ts

@@ -489,4 +489,27 @@ describe('componentPaneview', () => {
             ],
         });
     });
+
+    test('that disableAutoResizing is false by default', () => {
+        const paneview = new PaneviewComponent({
+            parentElement: container,
+            components: {
+                testPanel: TestPanel,
+            },
+        });
+
+        expect(paneview.disableResizing).toBeFalsy();
+    });
+
+    test('that disableAutoResizing can be enabled', () => {
+        const paneview = new PaneviewComponent({
+            parentElement: container,
+            components: {
+                testPanel: TestPanel,
+            },
+            disableAutoResizing: true,
+        });
+
+        expect(paneview.disableResizing).toBeTruthy();
+    });
 });

packages/dockview-core/src/__tests__/splitview/splitviewComponent.spec.ts

@@ -588,4 +588,29 @@ describe('componentSplitview', () => {
             activeView: 'panel1',
         });
     });
+
+    test('that disableAutoResizing is false by default', () => {
+        const splitview = new SplitviewComponent({
+            parentElement: container,
+            orientation: Orientation.VERTICAL,
+            components: {
+                testPanel: TestPanel,
+            },
+        });
+
+        expect(splitview.disableResizing).toBeFalsy();
+    });
+
+    test('that disableAutoResizing can be enabled', () => {
+        const splitview = new SplitviewComponent({
+            parentElement: container,
+            orientation: Orientation.VERTICAL,
+            components: {
+                testPanel: TestPanel,
+            },
+            disableAutoResizing: true,
+        });
+
+        expect(splitview.disableResizing).toBeTruthy();
+    });
 });

packages/dockview-core/src/dockview/dockviewComponent.ts

@@ -305,6 +305,7 @@ export class DockviewComponent
             orientation: options.orientation ?? Orientation.HORIZONTAL,
             styles: options.styles,
             parentElement: options.parentElement,
+            disableAutoResizing: options.disableAutoResizing,
         });
 
         toggleClass(this.gridview.element, 'dv-dockview', true);

packages/dockview-core/src/dockview/options.ts

@@ -71,6 +71,7 @@ export interface DockviewDndOverlayEvent {
 }
 
 export interface DockviewComponentOptions extends DockviewRenderFunctions {
+    disableAutoResizing?: boolean;
     watermarkComponent?: WatermarkConstructor;
     watermarkFrameworkComponent?: any;
     frameworkComponentFactory?: GroupPanelFrameworkComponentFactory;

packages/dockview-core/src/gridview/baseComponentGridview.ts

@@ -33,6 +33,7 @@ export interface BaseGridOptions {
     readonly orientation: Orientation;
     readonly styles?: ISplitviewStyles;
     readonly parentElement?: HTMLElement;
+    readonly disableAutoResizing?: boolean;
 }
 
 export interface IGridPanelView extends IGridView, IPanel {
@@ -128,7 +129,7 @@ export abstract class BaseGrid<T extends IGridPanelView>
     }
 
     constructor(options: BaseGridOptions) {
-        super(options.parentElement);
+        super(options.parentElement, options.disableAutoResizing);
 
         this.gridview = new Gridview(
             !!options.proportionalLayout,

packages/dockview-core/src/gridview/gridviewComponent.ts

@@ -109,6 +109,7 @@ export class GridviewComponent
             proportionalLayout: options.proportionalLayout,
             orientation: options.orientation,
             styles: options.styles,
+            disableAutoResizing: options.disableAutoResizing,
         });
 
         this._options = options;

packages/dockview-core/src/gridview/options.ts

@@ -3,6 +3,7 @@ import { ISplitviewStyles, Orientation } from '../splitview/splitview';
 import { FrameworkFactory } from '../panel/componentFactory';
 
 export interface GridviewComponentOptions {
+    disableAutoResizing?: boolean;
     proportionalLayout: boolean;
     orientation: Orientation;
     components?: {

packages/dockview-core/src/paneview/options.ts

@@ -3,6 +3,7 @@ import { PaneviewDndOverlayEvent } from './paneviewComponent';
 import { IPaneBodyPart, IPaneHeaderPart, PaneviewPanel } from './paneviewPanel';
 
 export interface PaneviewComponentOptions {
+    disableAutoResizing?: boolean;
     components?: {
         [componentName: string]: {
             new (id: string, componentName: string): PaneviewPanel;

packages/dockview-core/src/paneview/paneviewComponent.ts

@@ -199,7 +199,7 @@ export class PaneviewComponent extends Resizable implements IPaneviewComponent {
     }
 
     constructor(options: PaneviewComponentOptions) {
-        super(options.parentElement);
+        super(options.parentElement, options.disableAutoResizing);
 
         this.addDisposables(
             this._onDidLayoutChange,

packages/dockview-core/src/resizable.ts

@@ -3,14 +3,25 @@ import { CompositeDisposable } from './lifecycle';
 
 export abstract class Resizable extends CompositeDisposable {
     private readonly _element: HTMLElement;
+    private _disableResizing: boolean;
 
     get element(): HTMLElement {
         return this._element;
     }
 
-    constructor(parentElement?: HTMLElement) {
+    get disableResizing(): boolean {
+        return this._disableResizing;
+    }
+
+    set disableResizing(value: boolean) {
+        this._disableResizing = value;
+    }
+
+    constructor(parentElement?: HTMLElement, disableResizing = false) {
         super();
 
+        this._disableResizing = disableResizing;
+
         if (parentElement) {
             this._element = parentElement;
         } else {
@@ -30,6 +41,10 @@ export abstract class Resizable extends CompositeDisposable {
                     return;
                 }
 
+                if (this.disableResizing) {
+                    return;
+                }
+
                 if (!document.body.contains(this._element)) {
                     /**
                      * since the event is dispatched through requestAnimationFrame there is a small chance

packages/dockview-core/src/splitview/options.ts

@@ -17,6 +17,7 @@ export interface ISerializableView extends IView, IPanel {
 }
 
 export interface SplitviewComponentOptions extends SplitViewOptions {
+    disableAutoResizing?: boolean;
     components?: {
         [componentName: string]: {
             new (id: string, componentName: string): SplitviewPanel;

packages/dockview-core/src/splitview/splitviewComponent.ts

@@ -158,7 +158,7 @@ export class SplitviewComponent
     }
 
     constructor(options: SplitviewComponentOptions) {
-        super(options.parentElement);
+        super(options.parentElement, options.disableAutoResizing);
 
         this._options = options;
 

packages/dockview/src/dockview/dockview.tsx

@@ -150,6 +150,7 @@ export const DockviewReact = React.forwardRef(
                 parentElement: domRef.current,
                 frameworkComponentFactory: factory,
                 frameworkComponents: props.components,
+                disableAutoResizing: props.disableAutoResizing,
                 frameworkTabComponents,
                 watermarkFrameworkComponent: props.watermarkComponent,
                 defaultTabComponent: props.defaultTabComponent

packages/dockview/src/gridview/gridview.tsx

@@ -47,6 +47,7 @@ export const GridviewReact = React.forwardRef(
 
             const gridview = new GridviewComponent({
                 parentElement: domRef.current,
+                disableAutoResizing: props.disableAutoResizing,
                 proportionalLayout:
                     typeof props.proportionalLayout === 'boolean'
                         ? props.proportionalLayout

packages/dockview/src/paneview/paneview.tsx

@@ -53,6 +53,7 @@ export const PaneviewReact = React.forwardRef(
 
             const paneview = new PaneviewComponent({
                 parentElement: domRef.current!,
+                disableAutoResizing: props.disableAutoResizing,
                 frameworkComponents: props.components,
                 components: {},
                 headerComponents: {},

packages/dockview/src/splitview/splitview.tsx

@@ -41,6 +41,7 @@ export const SplitviewReact = React.forwardRef(
         React.useEffect(() => {
             const splitview = new SplitviewComponent({
                 parentElement: domRef.current!,
+                disableAutoResizing: props.disableAutoResizing,
                 orientation: props.orientation ?? Orientation.HORIZONTAL,
                 frameworkComponents: props.components,
                 frameworkWrapper: {