dockview 1.4.0 → 1.4.1

package/dist/dockview.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.4.0
+ * @version 1.4.1
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -2277,18 +2277,12 @@
         removePanel(panel, sizing) {
             this.component.removePanel(panel, sizing);
         }
-        setVisible(panel, isVisible) {
-            this.component.setVisible(panel, isVisible);
-        }
         focus() {
             this.component.focus();
         }
         getPanel(id) {
             return this.component.getPanel(id);
         }
-        setActive(panel) {
-            this.component.setActive(panel);
-        }
         layout(width, height) {
             return this.component.layout(width, height);
         }
@@ -2436,15 +2430,6 @@
         getPanel(id) {
             return this.component.getPanel(id);
         }
-        toggleVisibility(panel) {
-            this.component.toggleVisibility(panel);
-        }
-        setVisible(panel, visible) {
-            this.component.setVisible(panel, visible);
-        }
-        setActive(panel) {
-            this.component.setActive(panel);
-        }
         fromJSON(data) {
             return this.component.fromJSON(data);
         }
@@ -2681,7 +2666,7 @@
         MouseEventKind["CLICK"] = "CLICK";
         MouseEventKind["CONTEXT_MENU"] = "CONTEXT_MENU";
     })(exports.MouseEventKind || (exports.MouseEventKind = {}));
-    class Tab$1 extends CompositeDisposable {
+    class Tab extends CompositeDisposable {
         constructor(panelId, accessor, group) {
             super();
             this.panelId = panelId;
@@ -2910,7 +2895,7 @@
             if (this.tabs.find((tab) => tab.value.panelId === panel.id)) {
                 return;
             }
-            const tabToAdd = new Tab$1(panel.id, this.accessor, this.group);
+            const tabToAdd = new Tab(panel.id, this.accessor, this.group);
             if (!((_a = panel.view) === null || _a === void 0 ? void 0 : _a.tab)) {
                 throw new Error('invalid header component');
             }
@@ -3581,10 +3566,10 @@
             this._isVisible = true;
             this._width = 0;
             this._height = 0;
-            this._onDidPanelDimensionChange = new Emitter({
+            this._onDidDimensionChange = new Emitter({
                 replay: true,
             });
-            this.onDidDimensionsChange = this._onDidPanelDimensionChange.event;
+            this.onDidDimensionsChange = this._onDidDimensionChange.event;
             //
             this._onDidChangeFocus = new Emitter({
                 replay: true,
@@ -3609,7 +3594,7 @@
             //
             this._onActiveChange = new Emitter();
             this.onActiveChange = this._onActiveChange.event;
-            this.addDisposables(this._onDidPanelDimensionChange, this._onDidChangeFocus, this._onDidVisibilityChange, this._onDidActiveChange, this._onFocusEvent, this._onActiveChange, this._onVisibilityChange, this.onDidFocusChange((event) => {
+            this.addDisposables(this._onDidDimensionChange, this._onDidChangeFocus, this._onDidVisibilityChange, this._onDidActiveChange, this._onFocusEvent, this._onActiveChange, this._onVisibilityChange, this.onDidFocusChange((event) => {
                 this._isFocused = event.isFocused;
             }), this.onDidActiveChange((event) => {
                 this._isActive = event.isActive;
@@ -3833,7 +3818,7 @@
         layout(width, height) {
             var _a;
             // the obtain the correct dimensions of the content panel we must deduct the tab height
-            this.api._onDidPanelDimensionChange.fire({
+            this.api._onDidDimensionChange.fire({
                 width,
                 height: height - (this.group.model.header.height || 0),
             });
@@ -3983,53 +3968,6 @@
         return new Component(id, componentName);
     }
 
-    class WrappedTab {
-        constructor(renderer) {
-            this.renderer = renderer;
-            this._element = document.createElement('element');
-            this.show();
-        }
-        get innerRenderer() {
-            return this.renderer;
-        }
-        get element() {
-            return this._element;
-        }
-        get id() {
-            return this.renderer.id;
-        }
-        show() {
-            if (!this.renderer.element.parentElement) {
-                this._element.appendChild(this.renderer.element);
-            }
-        }
-        hide() {
-            if (this.renderer.element.parentElement) {
-                this.renderer.element.remove();
-            }
-        }
-        layout(width, height) {
-            this.renderer.layout(width, height);
-        }
-        update(event) {
-            this.renderer.update(event);
-        }
-        toJSON() {
-            return this.renderer.toJSON();
-        }
-        focus() {
-            this.renderer.focus();
-        }
-        init(parameters) {
-            this.renderer.init(parameters);
-        }
-        updateParentGroup(group, isPanelVisible) {
-            this.renderer.updateParentGroup(group, isPanelVisible);
-        }
-        dispose() {
-            this.renderer.dispose();
-        }
-    }
     class DefaultTab extends CompositeDisposable {
         constructor() {
             super();
@@ -4092,15 +4030,21 @@
             }
         }
         updateParentGroup(group, isPanelVisible) {
+            const changed = this._isPanelVisible !== isPanelVisible ||
+                this._isGroupActive !== group.isActive;
             this._isPanelVisible = isPanelVisible;
             this._isGroupActive = group.isActive;
-            this.render();
+            if (changed) {
+                this.render();
+            }
         }
         layout(_width, _height) {
             // noop
         }
         render() {
-            this._content.textContent = this.params.title;
+            if (this._content.textContent !== this.params.title) {
+                this._content.textContent = this.params.title;
+            }
         }
     }
 
@@ -4144,7 +4088,7 @@
         layout(width, height) {
             this._width = width;
             this._height = height;
-            this.api._onDidPanelDimensionChange.fire({ width, height });
+            this.api._onDidDimensionChange.fire({ width, height });
             if (this.part) {
                 if (this._params) {
                     this.part.update(this._params.params);
@@ -4193,11 +4137,11 @@
             this.onDidChange = this._onDidChange.event;
             this.addDisposables(this._onDidChange, this.api.onVisibilityChange((event) => {
                 const { isVisible } = event;
-                const { containerApi } = this._params;
-                containerApi.setVisible(this, isVisible);
+                const { accessor } = this._params;
+                accessor.setVisible(this, isVisible);
             }), this.api.onActiveChange(() => {
-                const { containerApi } = this._params;
-                containerApi.setActive(this);
+                const { accessor } = this._params;
+                accessor.setActive(this);
             }), this.api.onDidConstraintsChangeInternal((event) => {
                 if (typeof event.minimumWidth === 'number' ||
                     typeof event.minimumWidth === 'function') {
@@ -4376,7 +4320,7 @@
         constructor(renderers) {
             var _a;
             this._content = renderers.content;
-            this._tab = new WrappedTab((_a = renderers.tab) !== null && _a !== void 0 ? _a : new DefaultTab());
+            this._tab = (_a = renderers.tab) !== null && _a !== void 0 ? _a : new DefaultTab();
             this._actions =
                 renderers.actions ||
                     (this.content.actions
@@ -4416,9 +4360,7 @@
         toJSON() {
             return {
                 content: this.content.toJSON(),
-                tab: this.tab.innerRenderer instanceof DefaultTab
-                    ? undefined
-                    : this.tab.toJSON(),
+                tab: this.tab instanceof DefaultTab ? undefined : this.tab.toJSON(),
             };
         }
         dispose() {
@@ -4806,7 +4748,7 @@
                 }
             }
             const view = new GroupPanel(this, id, options);
-            view.init({ params: {}, containerApi: null }); // required to initialized .part and allow for correct disposal of group
+            view.init({ params: {}, accessor: 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;
@@ -4945,9 +4887,6 @@
                 value.value.setActive(panel === value.value);
             });
         }
-        toggleVisibility(panel) {
-            this.setVisible(panel, !this.isVisible(panel));
-        }
         focus() {
             var _a;
             (_a = this.activeGroup) === null || _a === void 0 ? void 0 : _a.focus();
@@ -4978,7 +4917,7 @@
                         maximumHeight: data.maximumHeight,
                         priority: data.priority,
                         snap: !!data.snap,
-                        containerApi: new GridviewApi(this),
+                        accessor: this,
                         isVisible: node.visible,
                     }));
                     this.registerPanel(view);
@@ -5044,7 +4983,7 @@
                 maximumHeight: options.maximumHeight,
                 priority: options.priority,
                 snap: !!options.snap,
-                containerApi: new GridviewApi(this),
+                accessor: this,
                 isVisible: true,
             });
             this.registerPanel(view);
@@ -5240,7 +5179,7 @@
                 maximumSize: options.maximumSize,
                 snap: options.snap,
                 priority: options.priority,
-                containerApi: new SplitviewApi(this),
+                accessor: this,
             });
             const size = typeof options.size === 'number' ? options.size : exports.Sizing.Distribute;
             const index = typeof options.index === 'number' ? options.index : undefined;
@@ -5316,7 +5255,7 @@
                                 maximumSize: data.maximumSize,
                                 snap: view.snap,
                                 priority: view.priority,
-                                containerApi: new SplitviewApi(this),
+                                accessor: this,
                             });
                         });
                         panel.orientation = orientation;
@@ -5958,13 +5897,11 @@
             this.onDidChange = this._onDidChange.event;
             this.addDisposables(this._onDidChange, this.api.onVisibilityChange((event) => {
                 const { isVisible } = event;
-                const { containerApi } = this
-                    ._params;
-                containerApi.setVisible(this, isVisible);
+                const { accessor } = this._params;
+                accessor.setVisible(this, isVisible);
             }), this.api.onActiveChange(() => {
-                const { containerApi } = this
-                    ._params;
-                containerApi.setActive(this);
+                const { accessor } = this._params;
+                accessor.setActive(this);
             }), this.api.onDidConstraintsChangeInternal((event) => {
                 if (typeof event.minimumSize === 'number' ||
                     typeof event.minimumSize === 'function') {
@@ -6216,9 +6153,6 @@
         layout(_width, _height) {
             // noop
         }
-        close() {
-            return Promise.resolve(true);
-        }
         dispose() {
             var _a, _b;
             this._onDidFocus.dispose();
@@ -6488,58 +6422,6 @@
     });
     DockviewReact.displayName = 'DockviewComponent';
 
-    const Tab = (props) => {
-        return React__namespace.createElement(React__namespace.Fragment, null, props.children);
-    };
-    const Content = (props) => {
-        return React__namespace.createElement(React__namespace.Fragment, null, props.children);
-    };
-    const Actions = (props) => {
-        return React__namespace.createElement(React__namespace.Fragment, null, props.children);
-    };
-    function isValidComponent(element) {
-        return [Content, Actions, Tab].find((comp) => element.type === comp);
-    }
-    const Panel = (props) => {
-        const context = React__namespace.useContext(ReactPartContext);
-        const sections = React__namespace.useMemo(() => {
-            var _a;
-            const childs = ((_a = React__namespace.Children.map(props.children, (_) => _)) === null || _a === void 0 ? void 0 : _a.filter(isReactElement)) || [];
-            const isInvalid = !!childs.find((_) => !isValidComponent(_));
-            if (isInvalid) {
-                throw new Error('Children of DockviewComponents.Panel must be one of the following: DockviewComponents.Content, DockviewComponents.Actions, DockviewComponents.Tab');
-            }
-            const body = childs.find((_) => _.type === Content);
-            const actions = childs.find((_) => _.type === Actions);
-            const tab = childs.find((_) => _.type === Tab);
-            return { body, actions, tab };
-        }, [props.children]);
-        React__namespace.useEffect(() => {
-            /**
-             * hide or show the default tab behavior based on whether we want to override
-             * with our own React tab.
-             */
-            if (sections.tab) {
-                context.tabPortalElement.hide();
-            }
-            else {
-                context.tabPortalElement.show();
-            }
-        }, [sections.tab]);
-        return (React__namespace.createElement(React__namespace.Fragment, null,
-            sections.actions &&
-                ReactDOM__namespace.createPortal(sections.actions, context.actionsPortalElement),
-            sections.tab &&
-                ReactDOM__namespace.createPortal(sections.tab, context.tabPortalElement.element),
-            sections.body || props.children));
-    };
-    const DockviewComponents = {
-        Tab,
-        Content,
-        Actions,
-        Panel,
-    };
-
     class ReactPanelView extends SplitviewPanel {
         constructor(id, component, reactComponent, reactPortalStore) {
             super(id, component);
@@ -6551,8 +6433,7 @@
             return new ReactPart(this.element, this.reactPortalStore, this.reactComponent, {
                 params: ((_a = this._params) === null || _a === void 0 ? void 0 : _a.params) || {},
                 api: this.api,
-                containerApi: this._params
-                    .containerApi,
+                containerApi: new SplitviewApi(this._params.accessor),
             });
         }
     }
@@ -6628,8 +6509,7 @@
             return new ReactPart(this.element, this.reactPortalStore, this.reactComponent, {
                 params: ((_a = this._params) === null || _a === void 0 ? void 0 : _a.params) || {},
                 api: this.api,
-                containerApi: this._params
-                    .containerApi,
+                containerApi: new GridviewApi(this._params.accessor),
             });
         }
     }
@@ -6823,7 +6703,6 @@
     exports.ContentContainer = ContentContainer;
     exports.DockviewApi = DockviewApi;
     exports.DockviewComponent = DockviewComponent;
-    exports.DockviewComponents = DockviewComponents;
     exports.DockviewReact = DockviewReact;
     exports.Gridview = Gridview;
     exports.GridviewApi = GridviewApi;
@@ -6849,7 +6728,7 @@
     exports.SplitviewComponent = SplitviewComponent;
     exports.SplitviewPanel = SplitviewPanel;
     exports.SplitviewReact = SplitviewReact;
-    exports.Tab = Tab$1;
+    exports.Tab = Tab;
     exports.getDirectionOrientation = getDirectionOrientation;
     exports.getGridLocation = getGridLocation;
     exports.getLocationOrientation = getLocationOrientation;

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

@@ -38,10 +38,8 @@ export declare class SplitviewApi implements CommonApi<SerializedSplitview> {
     constructor(component: ISplitviewComponent);
     updateOptions(options: SplitviewComponentUpdateOptions): void;
     removePanel(panel: ISplitviewPanel, sizing?: Sizing): void;
-    setVisible(panel: ISplitviewPanel, isVisible: boolean): void;
     focus(): void;
     getPanel(id: string): ISplitviewPanel | undefined;
-    setActive(panel: ISplitviewPanel): void;
     layout(width: number, height: number): void;
     addPanel(options: AddSplitviewComponentOptions): ISplitviewPanel;
     movePanel(from: number, to: number): void;
@@ -97,9 +95,6 @@ export declare class GridviewApi implements CommonApi<SerializedGridview> {
         size?: number;
     }): void;
     getPanel(id: string): IGridviewPanel | undefined;
-    toggleVisibility(panel: IGridviewPanel): void;
-    setVisible(panel: IGridviewPanel, visible: boolean): void;
-    setActive(panel: IGridviewPanel): void;
     fromJSON(data: SerializedGridview): void;
     toJSON(): SerializedGridview;
 }

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

@@ -42,18 +42,12 @@ export class SplitviewApi {
     removePanel(panel, sizing) {
         this.component.removePanel(panel, sizing);
     }
-    setVisible(panel, isVisible) {
-        this.component.setVisible(panel, isVisible);
-    }
     focus() {
         this.component.focus();
     }
     getPanel(id) {
         return this.component.getPanel(id);
     }
-    setActive(panel) {
-        this.component.setActive(panel);
-    }
     layout(width, height) {
         return this.component.layout(width, height);
     }
@@ -201,15 +195,6 @@ export class GridviewApi {
     getPanel(id) {
         return this.component.getPanel(id);
     }
-    toggleVisibility(panel) {
-        this.component.toggleVisibility(panel);
-    }
-    setVisible(panel, visible) {
-        this.component.setVisible(panel, visible);
-    }
-    setActive(panel) {
-        this.component.setActive(panel);
-    }
     fromJSON(data) {
         return this.component.fromJSON(data);
     }

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

@@ -18,7 +18,6 @@ export interface PanelApi {
     readonly onDidFocusChange: Event<FocusEvent>;
     readonly onDidVisibilityChange: Event<VisibilityEvent>;
     readonly onDidActiveChange: Event<ActiveEvent>;
-    readonly onFocusEvent: Event<void>;
     setVisible(isVisible: boolean): void;
     setActive(): void;
     /**
@@ -56,7 +55,7 @@ export declare class PanelApiImpl extends CompositeDisposable implements PanelAp
     private _isVisible;
     private _width;
     private _height;
-    readonly _onDidPanelDimensionChange: Emitter<PanelDimensionChangeEvent>;
+    readonly _onDidDimensionChange: Emitter<PanelDimensionChangeEvent>;
     readonly onDidDimensionsChange: Event<PanelDimensionChangeEvent>;
     readonly _onDidChangeFocus: Emitter<FocusEvent>;
     readonly onDidFocusChange: Event<FocusEvent>;

package/dist/esm/api/panelApi.js

@@ -12,10 +12,10 @@ export class PanelApiImpl extends CompositeDisposable {
         this._isVisible = true;
         this._width = 0;
         this._height = 0;
-        this._onDidPanelDimensionChange = new Emitter({
+        this._onDidDimensionChange = new Emitter({
             replay: true,
         });
-        this.onDidDimensionsChange = this._onDidPanelDimensionChange.event;
+        this.onDidDimensionsChange = this._onDidDimensionChange.event;
         //
         this._onDidChangeFocus = new Emitter({
             replay: true,
@@ -40,7 +40,7 @@ export class PanelApiImpl extends CompositeDisposable {
         //
         this._onActiveChange = new Emitter();
         this.onActiveChange = this._onActiveChange.event;
-        this.addDisposables(this._onDidPanelDimensionChange, this._onDidChangeFocus, this._onDidVisibilityChange, this._onDidActiveChange, this._onFocusEvent, this._onActiveChange, this._onVisibilityChange, this.onDidFocusChange((event) => {
+        this.addDisposables(this._onDidDimensionChange, this._onDidChangeFocus, this._onDidVisibilityChange, this._onDidActiveChange, this._onFocusEvent, this._onActiveChange, this._onVisibilityChange, this.onDidFocusChange((event) => {
             this._isFocused = event.isFocused;
         }), this.onDidActiveChange((event) => {
             this._isActive = event.isActive;

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

@@ -2,23 +2,6 @@ import { CompositeDisposable } from '../../../lifecycle';
 import { ITabRenderer, GroupPanelPartInitParameters } from '../../../groupview/types';
 import { PanelUpdateEvent } from '../../../panel/types';
 import { GroupPanel } from '../../../groupview/groupviewPanel';
-export declare class WrappedTab implements ITabRenderer {
-    private readonly renderer;
-    private readonly _element;
-    constructor(renderer: ITabRenderer);
-    get innerRenderer(): ITabRenderer;
-    get element(): HTMLElement;
-    get id(): string;
-    show(): void;
-    hide(): void;
-    layout(width: number, height: number): void;
-    update(event: PanelUpdateEvent): void;
-    toJSON(): object;
-    focus(): void;
-    init(parameters: GroupPanelPartInitParameters): void;
-    updateParentGroup(group: GroupPanel, isPanelVisible: boolean): void;
-    dispose(): void;
-}
 export declare class DefaultTab extends CompositeDisposable implements ITabRenderer {
     private _element;
     private _isPanelVisible;

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

@@ -1,52 +1,5 @@
 import { CompositeDisposable } from '../../../lifecycle';
 import { addDisposableListener } from '../../../events';
-export class WrappedTab {
-    constructor(renderer) {
-        this.renderer = renderer;
-        this._element = document.createElement('element');
-        this.show();
-    }
-    get innerRenderer() {
-        return this.renderer;
-    }
-    get element() {
-        return this._element;
-    }
-    get id() {
-        return this.renderer.id;
-    }
-    show() {
-        if (!this.renderer.element.parentElement) {
-            this._element.appendChild(this.renderer.element);
-        }
-    }
-    hide() {
-        if (this.renderer.element.parentElement) {
-            this.renderer.element.remove();
-        }
-    }
-    layout(width, height) {
-        this.renderer.layout(width, height);
-    }
-    update(event) {
-        this.renderer.update(event);
-    }
-    toJSON() {
-        return this.renderer.toJSON();
-    }
-    focus() {
-        this.renderer.focus();
-    }
-    init(parameters) {
-        this.renderer.init(parameters);
-    }
-    updateParentGroup(group, isPanelVisible) {
-        this.renderer.updateParentGroup(group, isPanelVisible);
-    }
-    dispose() {
-        this.renderer.dispose();
-    }
-}
 export class DefaultTab extends CompositeDisposable {
     constructor() {
         super();
@@ -109,14 +62,20 @@ export class DefaultTab extends CompositeDisposable {
         }
     }
     updateParentGroup(group, isPanelVisible) {
+        const changed = this._isPanelVisible !== isPanelVisible ||
+            this._isGroupActive !== group.isActive;
         this._isPanelVisible = isPanelVisible;
         this._isGroupActive = group.isActive;
-        this.render();
+        if (changed) {
+            this.render();
+        }
     }
     layout(_width, _height) {
         // noop
     }
     render() {
-        this._content.textContent = this.params.title;
+        if (this._content.textContent !== this.params.title) {
+            this._content.textContent = this.params.title;
+        }
     }
 }

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

@@ -1,4 +1,3 @@
-import { WrappedTab } from './components/tab/defaultTab';
 import { GroupPanelPartInitParameters, IActionsRenderer, IContentRenderer, ITabRenderer } from '../groupview/types';
 import { GroupPanel } from '../groupview/groupviewPanel';
 import { IDisposable } from '../lifecycle';
@@ -18,7 +17,7 @@ export declare class DefaultGroupPanelView implements IGroupPanelView {
     private readonly _tab;
     private readonly _actions;
     get content(): IContentRenderer;
-    get tab(): WrappedTab;
+    get tab(): ITabRenderer;
     get actions(): IActionsRenderer | undefined;
     constructor(renderers: {
         content: IContentRenderer;

package/dist/esm/dockview/defaultGroupPanelView.js

@@ -1,9 +1,9 @@
-import { DefaultTab, WrappedTab } from './components/tab/defaultTab';
+import { DefaultTab } from './components/tab/defaultTab';
 export class DefaultGroupPanelView {
     constructor(renderers) {
         var _a;
         this._content = renderers.content;
-        this._tab = new WrappedTab((_a = renderers.tab) !== null && _a !== void 0 ? _a : new DefaultTab());
+        this._tab = (_a = renderers.tab) !== null && _a !== void 0 ? _a : new DefaultTab();
         this._actions =
             renderers.actions ||
                 (this.content.actions
@@ -43,9 +43,7 @@ export class DefaultGroupPanelView {
     toJSON() {
         return {
             content: this.content.toJSON(),
-            tab: this.tab.innerRenderer instanceof DefaultTab
-                ? undefined
-                : this.tab.toJSON(),
+            tab: this.tab instanceof DefaultTab ? undefined : this.tab.toJSON(),
         };
     }
     dispose() {

package/dist/esm/dockview/dockviewComponent.js

@@ -393,7 +393,7 @@ export class DockviewComponent extends BaseGrid {
             }
         }
         const view = new GroupPanel(this, id, options);
-        view.init({ params: {}, containerApi: null }); // required to initialized .part and allow for correct disposal of group
+        view.init({ params: {}, accessor: 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;

package/dist/esm/dockview/dockviewGroupPanel.js

@@ -107,7 +107,7 @@ export class DockviewGroupPanel extends CompositeDisposable {
     layout(width, height) {
         var _a;
         // the obtain the correct dimensions of the content panel we must deduct the tab height
-        this.api._onDidPanelDimensionChange.fire({
+        this.api._onDidDimensionChange.fire({
             width,
             height: height - (this.group.model.header.height || 0),
         });

package/dist/esm/gridview/basePanelView.js

@@ -40,7 +40,7 @@ export class BasePanelView extends CompositeDisposable {
     layout(width, height) {
         this._width = width;
         this._height = height;
-        this.api._onDidPanelDimensionChange.fire({ width, height });
+        this.api._onDidDimensionChange.fire({ width, height });
         if (this.part) {
             if (this._params) {
                 this.part.update(this._params.params);

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

@@ -37,7 +37,6 @@ export interface IGridviewComponent extends IBaseGrid<GridviewPanel> {
     updateOptions(options: Partial<GridviewComponentUpdateOptions>): void;
     addPanel(options: AddComponentOptions): IGridviewPanel;
     removePanel(panel: IGridviewPanel, sizing?: Sizing): void;
-    toggleVisibility(panel: IGridviewPanel): void;
     focus(): void;
     fromJSON(serializedGridview: SerializedGridview): void;
     toJSON(): SerializedGridview;
@@ -70,7 +69,6 @@ export declare class GridviewComponent extends BaseGrid<GridviewPanel> implement
     toJSON(): SerializedGridview;
     setVisible(panel: GridviewPanel, visible: boolean): void;
     setActive(panel: GridviewPanel): void;
-    toggleVisibility(panel: GridviewPanel): void;
     focus(): void;
     fromJSON(serializedGridview: SerializedGridview): void;
     movePanel(panel: GridviewPanel, options: {