diff --git a/packages/dockview-core/src/__tests__/dockview/components/panel/content.spec.ts b/packages/dockview-core/src/__tests__/dockview/components/panel/content.spec.ts index 670c981d8..5da5ea250 100644 --- a/packages/dockview-core/src/__tests__/dockview/components/panel/content.spec.ts +++ b/packages/dockview-core/src/__tests__/dockview/components/panel/content.spec.ts @@ -68,7 +68,7 @@ describe('contentContainer', () => { const cut = new ContentContainer( fromPartial({ - renderer: 'onlyWhenVisibile', + renderer: 'onlyWhenVisible', overlayRenderContainer, }), fromPartial({ @@ -91,7 +91,7 @@ describe('contentContainer', () => { view: { content: contentRenderer, }, - api: { renderer: 'onlyWhenVisibile' }, + api: { renderer: 'onlyWhenVisible' }, }); cut.openPanel(panel as IDockviewPanel); @@ -126,7 +126,7 @@ describe('contentContainer', () => { view: { content: contentRenderer2, } as Partial, - api: { renderer: 'onlyWhenVisibile' }, + api: { renderer: 'onlyWhenVisible' }, } as Partial; cut.openPanel(panel2 as IDockviewPanel); @@ -153,7 +153,7 @@ describe('contentContainer', () => { disposable.dispose(); }); - test("that panels renderered as 'onlyWhenVisibile' are removed when closed", () => { + test("that panels renderered as 'onlyWhenVisible' are removed when closed", () => { const overlayRenderContainer = fromPartial({ detatch: jest.fn(), }); @@ -169,14 +169,14 @@ describe('contentContainer', () => { const panel1 = fromPartial({ api: { - renderer: 'onlyWhenVisibile', + renderer: 'onlyWhenVisible', }, view: { content: new TestContentRenderer('panel_1') }, }); const panel2 = fromPartial({ api: { - renderer: 'onlyWhenVisibile', + renderer: 'onlyWhenVisible', }, view: { content: new TestContentRenderer('panel_2') }, }); diff --git a/packages/dockview-core/src/__tests__/dockview/dockviewGroupPanelModel.spec.ts b/packages/dockview-core/src/__tests__/dockview/dockviewGroupPanelModel.spec.ts index 939380ec6..8eaa73a40 100644 --- a/packages/dockview-core/src/__tests__/dockview/dockviewGroupPanelModel.spec.ts +++ b/packages/dockview-core/src/__tests__/dockview/dockviewGroupPanelModel.spec.ts @@ -270,7 +270,7 @@ describe('dockviewGroupPanelModel', () => { options = {}; panelApi = fromPartial({ - renderer: 'onlyWhenVisibile', + renderer: 'onlyWhenVisible', onDidTitleChange: new Emitter().event, onDidParametersChange: new Emitter().event, }); diff --git a/packages/dockview-core/src/__tests__/dockview/dockviewPanel.spec.ts b/packages/dockview-core/src/__tests__/dockview/dockviewPanel.spec.ts index 24bbb2f9d..5298a575f 100644 --- a/packages/dockview-core/src/__tests__/dockview/dockviewPanel.spec.ts +++ b/packages/dockview-core/src/__tests__/dockview/dockviewPanel.spec.ts @@ -43,7 +43,7 @@ describe('dockviewPanel', () => { group, model, { - renderer: 'onlyWhenVisibile', + renderer: 'onlyWhenVisible', } ); @@ -102,7 +102,7 @@ describe('dockviewPanel', () => { group, model, { - renderer: 'onlyWhenVisibile', + renderer: 'onlyWhenVisible', } ); @@ -157,7 +157,7 @@ describe('dockviewPanel', () => { group, model, { - renderer: 'onlyWhenVisibile', + renderer: 'onlyWhenVisible', } ); @@ -203,7 +203,7 @@ describe('dockviewPanel', () => { group, model, { - renderer: 'onlyWhenVisibile', + renderer: 'onlyWhenVisible', } ); @@ -250,7 +250,7 @@ describe('dockviewPanel', () => { group, model, { - renderer: 'onlyWhenVisibile', + renderer: 'onlyWhenVisible', } ); @@ -295,7 +295,7 @@ describe('dockviewPanel', () => { group, model, { - renderer: 'onlyWhenVisibile', + renderer: 'onlyWhenVisible', } ); diff --git a/packages/dockview-core/src/dockview/components/panel/content.ts b/packages/dockview-core/src/dockview/components/panel/content.ts index 1d5b8912d..50e7b4015 100644 --- a/packages/dockview-core/src/dockview/components/panel/content.ts +++ b/packages/dockview-core/src/dockview/components/panel/content.ts @@ -132,7 +132,7 @@ export class ContentContainer let container: HTMLElement; switch (panel.api.renderer) { - case 'onlyWhenVisibile': + case 'onlyWhenVisible': this.group.renderContainer.detatch(panel); if (this.panel) { if (doRender) { @@ -198,7 +198,7 @@ export class ContentContainer public closePanel(): void { if (this.panel) { - if (this.panel.api.renderer === 'onlyWhenVisibile') { + if (this.panel.api.renderer === 'onlyWhenVisible') { this.panel.view.content.element.parentElement?.removeChild( this.panel.view.content.element ); diff --git a/packages/dockview-core/src/dockview/dockviewComponent.ts b/packages/dockview-core/src/dockview/dockviewComponent.ts index e37c96863..8b6ef7a08 100644 --- a/packages/dockview-core/src/dockview/dockviewComponent.ts +++ b/packages/dockview-core/src/dockview/dockviewComponent.ts @@ -426,7 +426,7 @@ export class DockviewComponent } get renderer(): DockviewPanelRenderer { - return this.options.defaultRenderer ?? 'onlyWhenVisibile'; + return this.options.defaultRenderer ?? 'onlyWhenVisible'; } constructor(options: DockviewComponentOptions) { diff --git a/packages/dockview-core/src/overlayRenderContainer.ts b/packages/dockview-core/src/overlayRenderContainer.ts index 84c0f0cb0..c7eb1d2b5 100644 --- a/packages/dockview-core/src/overlayRenderContainer.ts +++ b/packages/dockview-core/src/overlayRenderContainer.ts @@ -4,7 +4,7 @@ import { getDomNodePagePosition, toggleClass } from './dom'; import { CompositeDisposable, Disposable, IDisposable } from './lifecycle'; import { IDockviewPanel } from './dockview/dockviewPanel'; -export type DockviewPanelRenderer = 'onlyWhenVisibile' | 'always'; +export type DockviewPanelRenderer = 'onlyWhenVisible' | 'always'; export interface IRenderable { readonly element: HTMLElement; diff --git a/packages/docs/sandboxes/react/dockview/render-mode/src/app.tsx b/packages/docs/sandboxes/react/dockview/render-mode/src/app.tsx index e2809f250..13ed9ba19 100644 --- a/packages/docs/sandboxes/react/dockview/render-mode/src/app.tsx +++ b/packages/docs/sandboxes/react/dockview/render-mode/src/app.tsx @@ -55,9 +55,9 @@ const components = {