dockview 1.1.0 → 1.3.1

package/dist/esm/api/component.api.d.ts

@@ -1,27 +1,29 @@
 import { IDockviewComponent, SerializedDockview } from '../dockview/dockviewComponent';
 import { AddGroupOptions, AddPanelOptions, MovementOptions } from '../dockview/options';
-import { Direction, GroupChangeEvent } from '../gridview/baseComponentGridview';
+import { Direction } from '../gridview/baseComponentGridview';
 import { AddComponentOptions, IGridviewComponent, SerializedGridview } from '../gridview/gridviewComponent';
 import { IGridviewPanel } from '../gridview/gridviewPanel';
 import { IGroupPanel } from '../groupview/groupPanel';
-import { AddPaneviewCompponentOptions, SerializedPaneview, IPaneviewComponent } from '../paneview/paneviewComponent';
+import { AddPaneviewComponentOptions, SerializedPaneview, IPaneviewComponent } from '../paneview/paneviewComponent';
 import { IPaneviewPanel } from '../paneview/paneviewPanel';
 import { AddSplitviewComponentOptions, ISplitviewComponent, SerializedSplitview, SplitviewComponentUpdateOptions } from '../splitview/splitviewComponent';
 import { IView, Orientation, Sizing } from '../splitview/core/splitview';
 import { ISplitviewPanel } from '../splitview/splitviewPanel';
 import { IGroupviewPanel } from '../groupview/groupviewPanel';
 import { Event } from '../events';
-import { IDisposable } from '../lifecycle';
 import { PaneviewDropEvent } from '../react';
-export interface CommonApi {
+export interface CommonApi<T = any> {
     readonly height: number;
     readonly width: number;
     readonly onDidLayoutChange: Event<void>;
+    readonly onDidLayoutFromJSON: Event<void>;
     focus(): void;
     layout(width: number, height: number): void;
     resizeToFit(): void;
+    fromJSON(data: T): void;
+    toJSON(): T;
 }
-export declare class SplitviewApi implements CommonApi {
+export declare class SplitviewApi implements CommonApi<SerializedSplitview> {
     private readonly component;
     get minimumSize(): number;
     get maximumSize(): number;
@@ -29,6 +31,7 @@ export declare class SplitviewApi implements CommonApi {
     get width(): number;
     get length(): number;
     get orientation(): Orientation;
+    get onDidLayoutFromJSON(): Event<void>;
     get onDidLayoutChange(): Event<void>;
     get onDidAddView(): Event<IView>;
     get onDidRemoveView(): Event<IView>;
@@ -44,16 +47,17 @@ export declare class SplitviewApi implements CommonApi {
     addPanel(options: AddSplitviewComponentOptions): void;
     resizeToFit(): void;
     movePanel(from: number, to: number): void;
-    fromJSON(data: SerializedSplitview, deferComponentLayout?: boolean): void;
+    fromJSON(data: SerializedSplitview): void;
     toJSON(): SerializedSplitview;
 }
-export declare class PaneviewApi implements CommonApi {
+export declare class PaneviewApi implements CommonApi<SerializedPaneview> {
     private readonly component;
     get minimumSize(): number;
     get maximumSize(): number;
     get height(): number;
     get width(): number;
     get onDidLayoutChange(): Event<void>;
+    get onDidLayoutFromJSON(): Event<void>;
     get onDidAddView(): Event<IPaneviewPanel>;
     get onDidRemoveView(): Event<IPaneviewPanel>;
     get onDidDrop(): Event<PaneviewDropEvent>;
@@ -64,12 +68,12 @@ export declare class PaneviewApi implements CommonApi {
     movePanel(from: number, to: number): void;
     focus(): void;
     layout(width: number, height: number): void;
-    addPanel(options: AddPaneviewCompponentOptions): IDisposable;
+    addPanel(options: AddPaneviewComponentOptions): void;
     resizeToFit(): void;
-    fromJSON(data: SerializedPaneview, deferComponentLayout?: boolean): void;
+    fromJSON(data: SerializedPaneview): void;
     toJSON(): SerializedPaneview;
 }
-export declare class GridviewApi implements CommonApi {
+export declare class GridviewApi implements CommonApi<SerializedGridview> {
     private readonly component;
     get minimumHeight(): number;
     get maximumHeight(): number;
@@ -77,7 +81,6 @@ export declare class GridviewApi implements CommonApi {
     get maximumWidth(): number;
     get width(): number;
     get height(): number;
-    get onGridEvent(): Event<GroupChangeEvent>;
     get onDidLayoutChange(): Event<void>;
     get onDidAddGroup(): Event<IGridviewPanel>;
     get onDidRemoveGroup(): Event<IGridviewPanel>;
@@ -101,10 +104,10 @@ export declare class GridviewApi implements CommonApi {
     toggleVisibility(panel: IGridviewPanel): void;
     setVisible(panel: IGridviewPanel, visible: boolean): void;
     setActive(panel: IGridviewPanel): void;
-    fromJSON(data: SerializedGridview, deferComponentLayout?: boolean): void;
+    fromJSON(data: SerializedGridview): void;
     toJSON(): SerializedGridview;
 }
-export declare class DockviewApi implements CommonApi {
+export declare class DockviewApi implements CommonApi<SerializedDockview> {
     private readonly component;
     get width(): number;
     get height(): number;
@@ -114,14 +117,13 @@ export declare class DockviewApi implements CommonApi {
     get maximumWidth(): number;
     get size(): number;
     get totalPanels(): number;
-    get onGridEvent(): Event<GroupChangeEvent>;
     get onDidActiveGroupChange(): Event<IGroupviewPanel | undefined>;
     get onDidAddGroup(): Event<IGroupviewPanel>;
     get onDidRemoveGroup(): Event<IGroupviewPanel>;
     get onDidActivePanelChange(): Event<IGroupPanel | undefined>;
     get onDidAddPanel(): Event<IGroupPanel>;
     get onDidRemovePanel(): Event<IGroupPanel>;
-    get onDidLayoutfromJSON(): Event<void>;
+    get onDidLayoutFromJSON(): Event<void>;
     get onDidLayoutChange(): Event<void>;
     get panels(): IGroupPanel[];
     get groups(): IGroupviewPanel[];

package/dist/esm/api/component.api.js

@@ -21,6 +21,9 @@ export class SplitviewApi {
     get orientation() {
         return this.component.orientation;
     }
+    get onDidLayoutFromJSON() {
+        return this.component.onDidLayoutFromJSON;
+    }
     get onDidLayoutChange() {
         return this.component.onDidLayoutChange;
     }
@@ -63,8 +66,8 @@ export class SplitviewApi {
     movePanel(from, to) {
         this.component.movePanel(from, to);
     }
-    fromJSON(data, deferComponentLayout) {
-        this.component.fromJSON(data, deferComponentLayout);
+    fromJSON(data) {
+        this.component.fromJSON(data);
     }
     toJSON() {
         return this.component.toJSON();
@@ -89,6 +92,9 @@ export class PaneviewApi {
     get onDidLayoutChange() {
         return this.component.onDidLayoutChange;
     }
+    get onDidLayoutFromJSON() {
+        return this.component.onDidLayoutFromJSON;
+    }
     get onDidAddView() {
         return this.component.onDidAddView;
     }
@@ -125,13 +131,13 @@ export class PaneviewApi {
         this.component.layout(width, height);
     }
     addPanel(options) {
-        return this.component.addPanel(options);
+        this.component.addPanel(options);
     }
     resizeToFit() {
         this.component.resizeToFit();
     }
-    fromJSON(data, deferComponentLayout) {
-        this.component.fromJSON(data, deferComponentLayout);
+    fromJSON(data) {
+        this.component.fromJSON(data);
     }
     toJSON() {
         return this.component.toJSON();
@@ -159,9 +165,6 @@ export class GridviewApi {
     get height() {
         return this.component.height;
     }
-    get onGridEvent() {
-        return this.component.onGridEvent;
-    }
     get onDidLayoutChange() {
         return this.component.onDidLayoutChange;
     }
@@ -216,8 +219,8 @@ export class GridviewApi {
     setActive(panel) {
         this.component.setActive(panel);
     }
-    fromJSON(data, deferComponentLayout) {
-        return this.component.fromJSON(data, deferComponentLayout);
+    fromJSON(data) {
+        return this.component.fromJSON(data);
     }
     toJSON() {
         return this.component.toJSON();
@@ -251,9 +254,6 @@ export class DockviewApi {
     get totalPanels() {
         return this.component.totalPanels;
     }
-    get onGridEvent() {
-        return this.component.onGridEvent;
-    }
     get onDidActiveGroupChange() {
         return this.component.onDidActiveGroupChange;
     }
@@ -272,7 +272,7 @@ export class DockviewApi {
     get onDidRemovePanel() {
         return this.component.onDidRemovePanel;
     }
-    get onDidLayoutfromJSON() {
+    get onDidLayoutFromJSON() {
         return this.component.onDidLayoutfromJSON;
     }
     get onDidLayoutChange() {

package/dist/esm/dnd/abstractDragHandler.d.ts

@@ -3,7 +3,7 @@ export declare abstract class DragHandler extends CompositeDisposable {
     private readonly el;
     private readonly disposable;
     private readonly _onDragStart;
-    readonly onDragStart: import("..").Event<void>;
+    readonly onDragStart: import("../events").Event<void>;
     private iframes;
     constructor(el: HTMLElement);
     abstract getData(): IDisposable;

package/dist/esm/dnd/abstractDragHandler.js

@@ -1,7 +1,6 @@
-import { MutableDisposable } from '..';
 import { getElementsByTagName } from '../dom';
 import { addDisposableListener, Emitter } from '../events';
-import { CompositeDisposable } from '../lifecycle';
+import { CompositeDisposable, MutableDisposable, } from '../lifecycle';
 export class DragHandler extends CompositeDisposable {
     constructor(el) {
         super();
@@ -27,7 +26,7 @@ export class DragHandler extends CompositeDisposable {
             if (event.dataTransfer) {
                 event.dataTransfer.effectAllowed = 'move';
             }
-        }), addDisposableListener(this.el, 'dragend', (ev) => {
+        }), addDisposableListener(this.el, 'dragend', () => {
             for (const iframe of this.iframes) {
                 iframe.style.pointerEvents = 'auto';
             }

package/dist/esm/dnd/droptarget.js

@@ -21,7 +21,7 @@ export class Droptarget extends CompositeDisposable {
         this._onDrop = new Emitter();
         this.onDrop = this._onDrop.event;
         this.addDisposables(this._onDrop, new DragAndDropObserver(this.element, {
-            onDragEnter: (e) => undefined,
+            onDragEnter: () => undefined,
             onDragOver: (e) => {
                 if (isBooleanValue(this.options.canDisplayOverlay)) {
                     if (!this.options.canDisplayOverlay) {
@@ -62,10 +62,10 @@ export class Droptarget extends CompositeDisposable {
                 this.toggleClasses(quadrant, isSmallX, isSmallY);
                 this.setState(quadrant);
             },
-            onDragLeave: (e) => {
+            onDragLeave: () => {
                 this.removeDropTarget();
             },
-            onDragEnd: (e) => {
+            onDragEnd: () => {
                 this.removeDropTarget();
             },
             onDrop: (e) => {

package/dist/esm/dockview/components/tab/defaultTab.d.ts

@@ -38,6 +38,6 @@ export declare class DefaultTab extends CompositeDisposable implements ITabRende
     focus(): void;
     init(params: GroupPanelPartInitParameters): void;
     updateParentGroup(group: GroupviewPanel, isPanelVisible: boolean): void;
-    layout(width: number, height: number): void;
+    layout(_width: number, _height: number): void;
     private render;
 }

package/dist/esm/dockview/components/tab/defaultTab.js

@@ -113,7 +113,7 @@ export class DefaultTab extends CompositeDisposable {
         this._isGroupActive = group.isActive;
         this.render();
     }
-    layout(width, height) {
+    layout(_width, _height) {
         // noop
     }
     render() {

package/dist/esm/dockview/components/watermark/watermark.d.ts

@@ -8,12 +8,12 @@ export declare class Watermark extends CompositeDisposable implements IWatermark
     private params;
     get id(): string;
     constructor();
-    update(event: PanelUpdateEvent): void;
+    update(_event: PanelUpdateEvent): void;
     focus(): void;
     toJSON(): {};
-    layout(width: number, height: number): void;
+    layout(_width: number, _height: number): void;
     init(params: GroupPanelPartInitParameters): void;
-    updateParentGroup(group: GroupviewPanel, visible: boolean): void;
+    updateParentGroup(group: GroupviewPanel, _visible: boolean): void;
     get element(): HTMLElement;
     private render;
     dispose(): void;

package/dist/esm/dockview/components/watermark/watermark.js

@@ -32,7 +32,7 @@ export class Watermark extends CompositeDisposable {
     get id() {
         return 'watermark';
     }
-    update(event) {
+    update(_event) {
         // noop
     }
     focus() {
@@ -41,17 +41,17 @@ export class Watermark extends CompositeDisposable {
     toJSON() {
         return {};
     }
-    layout(width, height) {
+    layout(_width, _height) {
         // noop
     }
     init(params) {
         this.params = params;
-        this.addDisposables(this.params.containerApi.onDidLayoutChange((event) => {
+        this.addDisposables(this.params.containerApi.onDidLayoutChange(() => {
             this.render();
         }));
         this.render();
     }
-    updateParentGroup(group, visible) {
+    updateParentGroup(group, _visible) {
         this.group = group;
         this.render();
     }

package/dist/esm/dockview/dockviewComponent.d.ts

@@ -30,11 +30,11 @@ export interface SerializedDockview {
         [key: string]: GroupviewPanelState;
     };
     activeGroup?: string;
-    options: {
+    options?: {
         tabHeight?: number;
     };
 }
-export declare type DockviewComponentUpdateOptions = Pick<DockviewComponentOptions, 'orientation' | 'components' | 'frameworkComponents' | 'tabComponents' | 'frameworkTabComponents' | 'showDndOverlay'>;
+export declare type DockviewComponentUpdateOptions = Pick<DockviewComponentOptions, 'orientation' | 'components' | 'frameworkComponents' | 'tabComponents' | 'frameworkTabComponents' | 'showDndOverlay' | 'watermarkFrameworkComponent'>;
 export interface DockviewDropEvent extends GroupviewDropEvent {
     api: DockviewApi;
 }
@@ -113,14 +113,17 @@ export declare class DockviewComponent extends BaseGrid<GroupviewPanel> implemen
     closeAllGroups(): void;
     fireMouseEvent(event: LayoutMouseEvent): void;
     addPanel(options: AddPanelOptions): IGroupPanel;
-    removePanel(panel: IGroupPanel): void;
+    removePanel(panel: IGroupPanel, options?: {
+        removeEmptyGroup: boolean;
+        skipDispose: boolean;
+    }): void;
     createWatermarkComponent(): IWatermarkRenderer;
     addEmptyGroup(options: AddGroupOptions): void;
-    removeGroup(group: GroupviewPanel): void;
+    removeGroup(group: GroupviewPanel, skipActive?: boolean): void;
     moveGroupOrPanel(referenceGroup: GroupviewPanel, groupId: string, itemId: string, target: Position, index?: number): void;
     doSetGroupActive(group: GroupviewPanel | undefined, skipFocus?: boolean): void;
     createGroup(options?: GroupOptions): GroupviewPanel;
-    private _addPanel;
+    private createPanel;
     private createContentComponent;
     private createTabComponent;
     private addPanelToNewGroup;

package/dist/esm/dockview/dockviewComponent.js

@@ -3,12 +3,12 @@ import { Position } from '../dnd/droptarget';
 import { tail, sequenceEquals } from '../array';
 import { DockviewGroupPanel } from './dockviewGroupPanel';
 import { CompositeDisposable } from '../lifecycle';
-import { Emitter } from '../events';
+import { Event, Emitter } from '../events';
 import { Watermark } from './components/watermark/watermark';
 import { sequentialNumberGenerator } from '../math';
 import { DefaultDeserializer } from './deserializer';
 import { createComponent } from '../panel/componentFactory';
-import { BaseGrid, GroupChangeKind, toTarget, } from '../gridview/baseComponentGridview';
+import { BaseGrid, toTarget, } from '../gridview/baseComponentGridview';
 import { DockviewApi } from '../api/component.api';
 import { MouseEventKind } from '../groupview/tab';
 import { Orientation } from '../splitview/core/splitview';
@@ -39,7 +39,9 @@ export class DockviewComponent extends BaseGrid {
         this.onDidLayoutfromJSON = this._onDidLayoutfromJSON.event;
         this._onDidActivePanelChange = new Emitter();
         this.onDidActivePanelChange = this._onDidActivePanelChange.event;
-        this.addDisposables(this._onTabInteractionEvent, this._onTabContextMenu, this._onDidDrop);
+        this.addDisposables(this._onTabInteractionEvent, this._onTabContextMenu, this._onDidDrop, Event.any(this.onDidAddPanel, this.onDidRemovePanel, this.onDidActivePanelChange)(() => {
+            this._bufferOnDidLayoutChange.fire();
+        }));
         this._options = options;
         if (!this.options.components) {
             this.options.components = {};
@@ -173,11 +175,12 @@ export class DockviewComponent extends BaseGrid {
         };
     }
     fromJSON(data) {
+        const groups = Array.from(this._groups.values()).map((_) => _.value);
+        for (const group of groups) {
+            // remove the group will automatically remove the panels
+            this.removeGroup(group, true);
+        }
         this.gridview.clear();
-        this.panels.forEach((panel) => {
-            panel.dispose();
-        });
-        this._groups.clear();
         if (!this.deserializer) {
             throw new Error('invalid deserializer');
         }
@@ -201,7 +204,6 @@ export class DockviewComponent extends BaseGrid {
             }
         }
         this.gridview.layout(this.width, this.height);
-        this._onGridEvent.fire({ kind: GroupChangeKind.LAYOUT_FROM_JSON });
         this._onDidLayoutfromJSON.fire();
     }
     closeAllGroups() {
@@ -223,7 +225,10 @@ export class DockviewComponent extends BaseGrid {
     }
     addPanel(options) {
         var _a, _b;
-        const panel = this._addPanel(options);
+        if (this.panels.find((_) => _.id === options.id)) {
+            throw new Error(`panel with id ${options.id} already exists`);
+        }
+        const panel = this.createPanel(options);
         let referenceGroup;
         if ((_a = options.position) === null || _a === void 0 ? void 0 : _a.referencePanel) {
             const referencePanel = this.getGroupPanel(options.position.referencePanel);
@@ -251,13 +256,20 @@ export class DockviewComponent extends BaseGrid {
         }
         return panel;
     }
-    removePanel(panel) {
+    removePanel(panel, options = {
+        removeEmptyGroup: true,
+        skipDispose: false,
+    }) {
         const group = panel.group;
         if (!group) {
             throw new Error(`cannot remove panel ${panel.id}. it's missing a group.`);
         }
         group.model.removePanel(panel);
-        if (group.model.size === 0) {
+        panel.dispose();
+        const retainGroupForWatermark = this.size === 1;
+        if (!retainGroupForWatermark &&
+            group.model.size === 0 &&
+            options.removeEmptyGroup) {
             this.removeGroup(group);
         }
     }
@@ -289,16 +301,15 @@ export class DockviewComponent extends BaseGrid {
             this.doAddGroup(group);
         }
     }
-    removeGroup(group) {
+    removeGroup(group, skipActive = false) {
         const panels = [...group.model.panels]; // reassign since group panels will mutate
-        panels.forEach((panel) => {
-            this.removePanel(panel);
-        });
-        if (this._groups.size === 1) {
-            this._activeGroup = group;
-            return;
+        for (const panel of panels) {
+            this.removePanel(panel, {
+                removeEmptyGroup: false,
+                skipDispose: false,
+            });
         }
-        super.removeGroup(group);
+        super.doRemoveGroup(group, { skipActive });
     }
     moveGroupOrPanel(referenceGroup, groupId, itemId, target, index) {
         var _a;
@@ -353,15 +364,11 @@ export class DockviewComponent extends BaseGrid {
         }
     }
     doSetGroupActive(group, skipFocus) {
-        var _a, _b, _c;
+        var _a, _b;
         const isGroupAlreadyFocused = this._activeGroup === group;
         super.doSetGroupActive(group, skipFocus);
         if (!isGroupAlreadyFocused && ((_a = this._activeGroup) === null || _a === void 0 ? void 0 : _a.model.activePanel)) {
-            this._onGridEvent.fire({
-                kind: GroupChangeKind.PANEL_ACTIVE,
-                panel: (_b = this._activeGroup) === null || _b === void 0 ? void 0 : _b.model.activePanel,
-            });
-            this._onDidActivePanelChange.fire((_c = this._activeGroup) === null || _c === void 0 ? void 0 : _c.model.activePanel);
+            this._onDidActivePanelChange.fire((_b = this._activeGroup) === null || _b === void 0 ? void 0 : _b.model.activePanel);
         }
     }
     createGroup(options) {
@@ -383,6 +390,7 @@ export class DockviewComponent extends BaseGrid {
             }
         }
         const view = new GroupviewPanel(this, id, options);
+        view.init({ params: {}, containerApi: null }); // required to initialized .part and allow for correct disposal of group
         if (!this._groups.has(view.id)) {
             const disposable = new CompositeDisposable(view.model.onMove((event) => {
                 const { groupId, itemId, target, index } = event;
@@ -392,28 +400,16 @@ export class DockviewComponent extends BaseGrid {
             }), view.model.onDidGroupChange((event) => {
                 switch (event.kind) {
                     case GroupChangeKind2.ADD_PANEL:
-                        this._onGridEvent.fire({
-                            kind: GroupChangeKind.ADD_PANEL,
-                            panel: event.panel,
-                        });
                         if (event.panel) {
                             this._onDidAddPanel.fire(event.panel);
                         }
                         break;
                     case GroupChangeKind2.REMOVE_PANEL:
-                        this._onGridEvent.fire({
-                            kind: GroupChangeKind.REMOVE_PANEL,
-                            panel: event.panel,
-                        });
                         if (event.panel) {
                             this._onDidRemovePanel.fire(event.panel);
                         }
                         break;
                     case GroupChangeKind2.PANEL_ACTIVE:
-                        this._onGridEvent.fire({
-                            kind: GroupChangeKind.PANEL_ACTIVE,
-                            panel: event.panel,
-                        });
                         this._onDidActivePanelChange.fire(event.panel);
                         break;
                 }
@@ -428,7 +424,7 @@ export class DockviewComponent extends BaseGrid {
         }
         return view;
     }
-    _addPanel(options) {
+    createPanel(options) {
         const view = new DefaultGroupPanelView({
             content: this.createContentComponent(options.id, options.component),
             tab: this.createTabComponent(options.id, options.tabComponent),

package/dist/esm/dockview/dockviewGroupPanel.d.ts

@@ -15,6 +15,7 @@ export declare class DockviewGroupPanel extends CompositeDisposable implements I
     private _view?;
     private _title;
     private _suppressClosable;
+    get params(): any;
     get title(): string;
     get suppressClosable(): boolean;
     get group(): GroupviewPanel | undefined;

package/dist/esm/dockview/dockviewGroupPanel.js

@@ -16,6 +16,10 @@ export class DockviewGroupPanel extends CompositeDisposable {
             this.update({ params: { title } });
         }));
     }
+    get params() {
+        var _a;
+        return (_a = this._params) === null || _a === void 0 ? void 0 : _a.params;
+    }
     get title() {
         return this._title;
     }

package/dist/esm/gridview/baseComponentGridview.d.ts

@@ -1,29 +1,14 @@
-import { Emitter, Event } from '../events';
+import { Event, TickDelayedEvent } from '../events';
 import { Gridview, IGridView } from './gridview';
 import { Position } from '../dnd/droptarget';
 import { CompositeDisposable, IValueDisposable } from '../lifecycle';
 import { ISplitviewStyles, Orientation } from '../splitview/core/splitview';
 import { IPanel } from '../panel/types';
 import { MovementOptions2 } from '../dockview/options';
-import { IGroupPanel } from '../groupview/groupPanel';
-export declare enum GroupChangeKind {
-    ADD_PANEL = "ADD_PANEL",
-    REMOVE_PANEL = "REMOVE_PANEL",
-    PANEL_ACTIVE = "PANEL_ACTIVE",
-    GROUP_ACTIVE = "GROUP_ACTIVE",
-    ADD_GROUP = "ADD_GROUP",
-    REMOVE_GROUP = "REMOVE_GROUP",
-    LAYOUT_FROM_JSON = "LAYOUT_FROM_JSON",
-    LAYOUT = "LAYOUT"
-}
-export interface GroupChangeEvent {
-    readonly kind: GroupChangeKind;
-    readonly panel?: IGroupPanel;
-}
 export declare type Direction = 'left' | 'right' | 'above' | 'below' | 'within';
 export declare function toTarget(direction: Direction): Position;
 export interface BaseGridOptions {
-    readonly proportionalLayout?: boolean;
+    readonly proportionalLayout: boolean;
     readonly orientation: Orientation;
     readonly styles?: ISplitviewStyles;
 }
@@ -43,7 +28,6 @@ export interface IBaseGrid<T extends IGridPanelView> {
     readonly activeGroup: T | undefined;
     readonly size: number;
     readonly groups: T[];
-    readonly onGridEvent: Event<GroupChangeEvent>;
     readonly onDidLayoutChange: Event<void>;
     readonly onDidRemoveGroup: Event<T>;
     readonly onDidAddGroup: Event<T>;
@@ -62,8 +46,6 @@ export declare abstract class BaseGrid<T extends IGridPanelView> extends Composi
     protected readonly _groups: Map<string, IValueDisposable<T>>;
     protected readonly gridview: Gridview;
     protected _activeGroup: T | undefined;
-    protected readonly _onGridEvent: Emitter<GroupChangeEvent>;
-    readonly onGridEvent: Event<GroupChangeEvent>;
     private _onDidLayoutChange;
     readonly onDidLayoutChange: Event<void>;
     private readonly _onDidRemoveGroup;
@@ -72,6 +54,7 @@ export declare abstract class BaseGrid<T extends IGridPanelView> extends Composi
     readonly onDidAddGroup: Event<T>;
     private readonly _onDidActiveGroupChange;
     readonly onDidActiveGroupChange: Event<T | undefined>;
+    protected readonly _bufferOnDidLayoutChange: TickDelayedEvent;
     get id(): string;
     get element(): HTMLElement;
     get size(): number;