dockview 1.6.0 → 1.7.1

package/dist/esm/{react/dockview → dockview}/groupControlsRenderer.js

@@ -1,68 +1,69 @@
-import { ReactPart } from '../react';
-import { CompositeDisposable, MutableDisposable, } from '../../lifecycle';
-export class ReactGroupControlsRendererPart {
-    get element() {
-        return this._element;
-    }
-    get part() {
-        return this._part;
-    }
-    get group() {
-        return this._group;
-    }
-    constructor(component, reactPortalStore, _group) {
-        this.component = component;
-        this.reactPortalStore = reactPortalStore;
-        this._group = _group;
-        this.mutableDisposable = new MutableDisposable();
-        this._element = document.createElement('div');
-        this._element.className = 'dockview-react-part';
-    }
-    focus() {
-        // TODO
-    }
-    init(parameters) {
-        this.mutableDisposable.value = new CompositeDisposable(this._group.model.onDidAddPanel(() => {
-            this.updatePanels();
-        }), this._group.model.onDidRemovePanel(() => {
-            this.updatePanels();
-        }), this._group.model.onDidActivePanelChange(() => {
-            this.updateActivePanel();
-        }), parameters.api.onDidActiveChange(() => {
-            this.updateGroupActive();
-        }));
-        this._part = new ReactPart(this.element, this.reactPortalStore, this.component, {
-            api: parameters.api,
-            containerApi: parameters.containerApi,
-            panels: this._group.model.panels,
-            activePanel: this._group.model.activePanel,
-            isGroupActive: this._group.api.isActive,
-        });
-    }
-    update(event) {
-        var _a;
-        (_a = this._part) === null || _a === void 0 ? void 0 : _a.update(event.params);
-    }
-    dispose() {
-        var _a;
-        this.mutableDisposable.dispose();
-        (_a = this._part) === null || _a === void 0 ? void 0 : _a.dispose();
-    }
-    updatePanels() {
-        this.update({ params: { panels: this._group.model.panels } });
-    }
-    updateActivePanel() {
-        this.update({
-            params: {
-                activePanel: this._group.model.activePanel,
-            },
-        });
-    }
-    updateGroupActive() {
-        this.update({
-            params: {
-                isGroupActive: this._group.api.isActive,
-            },
-        });
-    }
-}
+import { ReactPart } from '../react';
+import { DockviewCompositeDisposable, DockviewMutableDisposable, } from 'dockview-core';
+export class ReactGroupControlsRendererPart {
+    get element() {
+        return this._element;
+    }
+    get part() {
+        return this._part;
+    }
+    get group() {
+        return this._group;
+    }
+    constructor(component, reactPortalStore, _group) {
+        this.component = component;
+        this.reactPortalStore = reactPortalStore;
+        this._group = _group;
+        this.mutableDisposable = new DockviewMutableDisposable();
+        this._element = document.createElement('div');
+        this._element.className = 'dockview-react-part';
+    }
+    focus() {
+        // TODO
+    }
+    init(parameters) {
+        this.mutableDisposable.value = new DockviewCompositeDisposable(this._group.model.onDidAddPanel(() => {
+            this.updatePanels();
+        }), this._group.model.onDidRemovePanel(() => {
+            this.updatePanels();
+        }), this._group.model.onDidActivePanelChange(() => {
+            this.updateActivePanel();
+        }), parameters.api.onDidActiveChange(() => {
+            this.updateGroupActive();
+        }));
+        this._part = new ReactPart(this.element, this.reactPortalStore, this.component, {
+            api: parameters.api,
+            containerApi: parameters.containerApi,
+            panels: this._group.model.panels,
+            activePanel: this._group.model.activePanel,
+            isGroupActive: this._group.api.isActive,
+        });
+    }
+    update(event) {
+        var _a;
+        (_a = this._part) === null || _a === void 0 ? void 0 : _a.update(event.params);
+    }
+    dispose() {
+        var _a;
+        this.mutableDisposable.dispose();
+        (_a = this._part) === null || _a === void 0 ? void 0 : _a.dispose();
+    }
+    updatePanels() {
+        this.update({ params: { panels: this._group.model.panels } });
+    }
+    updateActivePanel() {
+        this.update({
+            params: {
+                activePanel: this._group.model.activePanel,
+            },
+        });
+    }
+    updateGroupActive() {
+        this.update({
+            params: {
+                isGroupActive: this._group.api.isActive,
+            },
+        });
+    }
+}
+//# sourceMappingURL=groupControlsRenderer.js.map

package/dist/esm/dockview/groupControlsRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupControlsRenderer.js","sourceRoot":"","sources":["../../../src/dockview/groupControlsRenderer.ts"],"names":[],"mappings":"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"}

package/dist/{cjs/react → esm}/dockview/reactContentPart.d.ts

@@ -1,30 +1,23 @@
-import * as React from 'react';
-import { IContentRenderer, GroupPanelContentPartInitParameters } from '../../groupview/types';
-import { ReactPortalStore } from '../react';
-import { IDockviewPanelProps } from '../dockview/dockview';
-import { PanelUpdateEvent } from '../../panel/types';
-import { GroupPanel } from '../../groupview/groupviewPanel';
-import { Event } from '../../events';
-export declare class ReactPanelContentPart implements IContentRenderer {
-    readonly id: string;
-    private readonly component;
-    private readonly reactPortalStore;
-    private _element;
-    private part?;
-    private _group;
-    private readonly _onDidFocus;
-    readonly onDidFocus: Event<void>;
-    private readonly _onDidBlur;
-    readonly onDidBlur: Event<void>;
-    get element(): HTMLElement;
-    constructor(id: string, component: React.FunctionComponent<IDockviewPanelProps>, reactPortalStore: ReactPortalStore);
-    focus(): void;
-    init(parameters: GroupPanelContentPartInitParameters): void;
-    toJSON(): {
-        id: string;
-    };
-    update(event: PanelUpdateEvent): void;
-    updateParentGroup(group: GroupPanel, _isPanelVisible: boolean): void;
-    layout(_width: number, _height: number): void;
-    dispose(): void;
-}
+import * as React from 'react';
+import { ReactPortalStore } from '../react';
+import { IDockviewPanelProps } from '../dockview/dockview';
+import { DockviewEvent, PanelUpdateEvent, IContentRenderer, GroupPanelContentPartInitParameters } from 'dockview-core';
+export declare class ReactPanelContentPart implements IContentRenderer {
+    readonly id: string;
+    private readonly component;
+    private readonly reactPortalStore;
+    private _element;
+    private part?;
+    private readonly _onDidFocus;
+    readonly onDidFocus: DockviewEvent<void>;
+    private readonly _onDidBlur;
+    readonly onDidBlur: DockviewEvent<void>;
+    get element(): HTMLElement;
+    constructor(id: string, component: React.FunctionComponent<IDockviewPanelProps>, reactPortalStore: ReactPortalStore);
+    focus(): void;
+    init(parameters: GroupPanelContentPartInitParameters): void;
+    update(event: PanelUpdateEvent): void;
+    layout(_width: number, _height: number): void;
+    dispose(): void;
+}
+//# sourceMappingURL=reactContentPart.d.ts.map

package/dist/esm/dockview/reactContentPart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactContentPart.d.ts","sourceRoot":"","sources":["../../../src/dockview/reactContentPart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAa,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAEH,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,mCAAmC,EACtC,MAAM,eAAe,CAAC;AAEvB,qBAAa,qBAAsB,YAAW,gBAAgB;aAetC,EAAE,EAAE,MAAM;IAC1B,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,gBAAgB;IAhBrC,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,IAAI,CAAC,CAAiC;IAE9C,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA+B;IAC3D,QAAQ,CAAC,UAAU,EAAE,aAAa,CAAC,IAAI,CAAC,CAA0B;IAElE,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA+B;IAC1D,QAAQ,CAAC,SAAS,EAAE,aAAa,CAAC,IAAI,CAAC,CAAyB;IAEhE,IAAI,OAAO,IAAI,WAAW,CAEzB;gBAGmB,EAAE,EAAE,MAAM,EACT,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,EACvD,gBAAgB,EAAE,gBAAgB;IAMvD,KAAK,IAAI,IAAI;IAIN,IAAI,CAAC,UAAU,EAAE,mCAAmC,GAAG,IAAI;IAa3D,MAAM,CAAC,KAAK,EAAE,gBAAgB;IAI9B,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;IAI7C,OAAO,IAAI,IAAI;CAKzB"}

package/dist/esm/{react/dockview → dockview}/reactContentPart.js

@@ -1,49 +1,42 @@
-import { ReactPart } from '../react';
-import { Emitter } from '../../events';
-export class ReactPanelContentPart {
-    get element() {
-        return this._element;
-    }
-    constructor(id, component, reactPortalStore) {
-        this.id = id;
-        this.component = component;
-        this.reactPortalStore = reactPortalStore;
-        this._onDidFocus = new Emitter();
-        this.onDidFocus = this._onDidFocus.event;
-        this._onDidBlur = new Emitter();
-        this.onDidBlur = this._onDidBlur.event;
-        this._element = document.createElement('div');
-        this._element.className = 'dockview-react-part';
-    }
-    focus() {
-        // TODO
-    }
-    init(parameters) {
-        this.part = new ReactPart(this.element, this.reactPortalStore, this.component, {
-            params: parameters.params,
-            api: parameters.api,
-            containerApi: parameters.containerApi,
-        });
-    }
-    toJSON() {
-        return {
-            id: this.id,
-        };
-    }
-    update(event) {
-        var _a;
-        (_a = this.part) === null || _a === void 0 ? void 0 : _a.update(event.params);
-    }
-    updateParentGroup(group, _isPanelVisible) {
-        this._group = group;
-    }
-    layout(_width, _height) {
-        // noop
-    }
-    dispose() {
-        var _a;
-        this._onDidFocus.dispose();
-        this._onDidBlur.dispose();
-        (_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();
-    }
-}
+import { ReactPart } from '../react';
+import { DockviewEmitter, } from 'dockview-core';
+export class ReactPanelContentPart {
+    get element() {
+        return this._element;
+    }
+    constructor(id, component, reactPortalStore) {
+        this.id = id;
+        this.component = component;
+        this.reactPortalStore = reactPortalStore;
+        this._onDidFocus = new DockviewEmitter();
+        this.onDidFocus = this._onDidFocus.event;
+        this._onDidBlur = new DockviewEmitter();
+        this.onDidBlur = this._onDidBlur.event;
+        this._element = document.createElement('div');
+        this._element.className = 'dockview-react-part';
+    }
+    focus() {
+        // TODO
+    }
+    init(parameters) {
+        this.part = new ReactPart(this.element, this.reactPortalStore, this.component, {
+            params: parameters.params,
+            api: parameters.api,
+            containerApi: parameters.containerApi,
+        });
+    }
+    update(event) {
+        var _a;
+        (_a = this.part) === null || _a === void 0 ? void 0 : _a.update(event.params);
+    }
+    layout(_width, _height) {
+        // noop
+    }
+    dispose() {
+        var _a;
+        this._onDidFocus.dispose();
+        this._onDidBlur.dispose();
+        (_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();
+    }
+}
+//# sourceMappingURL=reactContentPart.js.map

package/dist/esm/dockview/reactContentPart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactContentPart.js","sourceRoot":"","sources":["../../../src/dockview/reactContentPart.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAoB,MAAM,UAAU,CAAC;AAEvD,OAAO,EACH,eAAe,GAKlB,MAAM,eAAe,CAAC;AAEvB,MAAM,OAAO,qBAAqB;IAU9B,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED,YACoB,EAAU,EACT,SAAuD,EACvD,gBAAkC;QAFnC,OAAE,GAAF,EAAE,CAAQ;QACT,cAAS,GAAT,SAAS,CAA8C;QACvD,qBAAgB,GAAhB,gBAAgB,CAAkB;QAbtC,gBAAW,GAAG,IAAI,eAAe,EAAQ,CAAC;QAClD,eAAU,GAAwB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;QAEjD,eAAU,GAAG,IAAI,eAAe,EAAQ,CAAC;QACjD,cAAS,GAAwB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;QAW5D,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,qBAAqB,CAAC;IACpD,CAAC;IAED,KAAK;QACD,OAAO;IACX,CAAC;IAEM,IAAI,CAAC,UAA+C;QACvD,IAAI,CAAC,IAAI,GAAG,IAAI,SAAS,CACrB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,SAAS,EACd;YACI,MAAM,EAAE,UAAU,CAAC,MAAM;YACzB,GAAG,EAAE,UAAU,CAAC,GAAG;YACnB,YAAY,EAAE,UAAU,CAAC,YAAY;SACxC,CACJ,CAAC;IACN,CAAC;IAEM,MAAM,CAAC,KAAuB;;QACjC,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC;IAEM,MAAM,CAAC,MAAc,EAAE,OAAe;QACzC,OAAO;IACX,CAAC;IAEM,OAAO;;QACV,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;QAC3B,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;QAC1B,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,EAAE,CAAC;IACzB,CAAC;CACJ"}

package/dist/esm/{react/dockview → dockview}/reactHeaderPart.d.ts

@@ -1,26 +1,19 @@
-import * as React from 'react';
-import { ITabRenderer, GroupPanelPartInitParameters } from '../../groupview/types';
-import { GroupPanel } from '../../groupview/groupviewPanel';
-import { PanelUpdateEvent } from '../../panel/types';
-import { ReactPortalStore } from '../react';
-import { IGroupPanelBaseProps } from './dockview';
-export declare class ReactPanelHeaderPart implements ITabRenderer {
-    readonly id: string;
-    private readonly component;
-    private readonly reactPortalStore;
-    private _element;
-    private part?;
-    get element(): HTMLElement;
-    constructor(id: string, component: React.FunctionComponent<IGroupPanelBaseProps>, reactPortalStore: ReactPortalStore);
-    focus(): void;
-    init(parameters: GroupPanelPartInitParameters): void;
-    update(event: PanelUpdateEvent): void;
-    toJSON(): {
-        id?: undefined;
-    } | {
-        id: string;
-    };
-    layout(_width: number, _height: number): void;
-    updateParentGroup(_group: GroupPanel, _isPanelVisible: boolean): void;
-    dispose(): void;
-}
+import * as React from 'react';
+import { ReactPortalStore } from '../react';
+import { IGroupPanelBaseProps } from './dockview';
+import { PanelUpdateEvent, ITabRenderer, GroupPanelPartInitParameters } from 'dockview-core';
+export declare class ReactPanelHeaderPart implements ITabRenderer {
+    readonly id: string;
+    private readonly component;
+    private readonly reactPortalStore;
+    private _element;
+    private part?;
+    get element(): HTMLElement;
+    constructor(id: string, component: React.FunctionComponent<IGroupPanelBaseProps>, reactPortalStore: ReactPortalStore);
+    focus(): void;
+    init(parameters: GroupPanelPartInitParameters): void;
+    update(event: PanelUpdateEvent): void;
+    layout(_width: number, _height: number): void;
+    dispose(): void;
+}
+//# sourceMappingURL=reactHeaderPart.d.ts.map

package/dist/esm/dockview/reactHeaderPart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactHeaderPart.d.ts","sourceRoot":"","sources":["../../../src/dockview/reactHeaderPart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAa,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EACH,gBAAgB,EAChB,YAAY,EACZ,4BAA4B,EAC/B,MAAM,eAAe,CAAC;AAEvB,qBAAa,oBAAqB,YAAW,YAAY;aASjC,EAAE,EAAE,MAAM;IAC1B,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,gBAAgB;IAVrC,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,IAAI,CAAC,CAAkC;IAE/C,IAAI,OAAO,IAAI,WAAW,CAEzB;gBAGmB,EAAE,EAAE,MAAM,EACT,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,EACxD,gBAAgB,EAAE,gBAAgB;IAMvD,KAAK,IAAI,IAAI;IAIN,IAAI,CAAC,UAAU,EAAE,4BAA4B,GAAG,IAAI;IAapD,MAAM,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI;IAIrC,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;IAI7C,OAAO,IAAI,IAAI;CAGzB"}

package/dist/esm/{react/dockview → dockview}/reactHeaderPart.js

@@ -1,46 +1,35 @@
-import { ReactPart } from '../react';
-import { DEFAULT_TAB_IDENTIFIER } from '../../dockview/components/tab/defaultTab';
-export class ReactPanelHeaderPart {
-    get element() {
-        return this._element;
-    }
-    constructor(id, component, reactPortalStore) {
-        this.id = id;
-        this.component = component;
-        this.reactPortalStore = reactPortalStore;
-        this._element = document.createElement('div');
-        this._element.className = 'dockview-react-part';
-    }
-    focus() {
-        //noop
-    }
-    init(parameters) {
-        this.part = new ReactPart(this.element, this.reactPortalStore, this.component, {
-            params: parameters.params,
-            api: parameters.api,
-            containerApi: parameters.containerApi,
-        });
-    }
-    update(event) {
-        var _a;
-        (_a = this.part) === null || _a === void 0 ? void 0 : _a.update(event.params);
-    }
-    toJSON() {
-        if (this.id === DEFAULT_TAB_IDENTIFIER) {
-            return {};
-        }
-        return {
-            id: this.id,
-        };
-    }
-    layout(_width, _height) {
-        // noop - retrieval from api
-    }
-    updateParentGroup(_group, _isPanelVisible) {
-        // noop - retrieval from api
-    }
-    dispose() {
-        var _a;
-        (_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();
-    }
-}
+import { ReactPart } from '../react';
+export class ReactPanelHeaderPart {
+    get element() {
+        return this._element;
+    }
+    constructor(id, component, reactPortalStore) {
+        this.id = id;
+        this.component = component;
+        this.reactPortalStore = reactPortalStore;
+        this._element = document.createElement('div');
+        this._element.className = 'dockview-react-part';
+    }
+    focus() {
+        //noop
+    }
+    init(parameters) {
+        this.part = new ReactPart(this.element, this.reactPortalStore, this.component, {
+            params: parameters.params,
+            api: parameters.api,
+            containerApi: parameters.containerApi,
+        });
+    }
+    update(event) {
+        var _a;
+        (_a = this.part) === null || _a === void 0 ? void 0 : _a.update(event.params);
+    }
+    layout(_width, _height) {
+        // noop - retrieval from api
+    }
+    dispose() {
+        var _a;
+        (_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();
+    }
+}
+//# sourceMappingURL=reactHeaderPart.js.map

package/dist/esm/dockview/reactHeaderPart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactHeaderPart.js","sourceRoot":"","sources":["../../../src/dockview/reactHeaderPart.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAoB,MAAM,UAAU,CAAC;AAQvD,MAAM,OAAO,oBAAoB;IAI7B,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED,YACoB,EAAU,EACT,SAAwD,EACxD,gBAAkC;QAFnC,OAAE,GAAF,EAAE,CAAQ;QACT,cAAS,GAAT,SAAS,CAA+C;QACxD,qBAAgB,GAAhB,gBAAgB,CAAkB;QAEnD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,qBAAqB,CAAC;IACpD,CAAC;IAED,KAAK;QACD,MAAM;IACV,CAAC;IAEM,IAAI,CAAC,UAAwC;QAChD,IAAI,CAAC,IAAI,GAAG,IAAI,SAAS,CACrB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,SAAS,EACd;YACI,MAAM,EAAE,UAAU,CAAC,MAAM;YACzB,GAAG,EAAE,UAAU,CAAC,GAAG;YACnB,YAAY,EAAE,UAAU,CAAC,YAAY;SACxC,CACJ,CAAC;IACN,CAAC;IAEM,MAAM,CAAC,KAAuB;;QACjC,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC;IAEM,MAAM,CAAC,MAAc,EAAE,OAAe;QACzC,4BAA4B;IAChC,CAAC;IAEM,OAAO;;QACV,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,EAAE,CAAC;IACzB,CAAC;CACJ"}

package/dist/esm/{react/dockview → dockview}/reactWatermarkPart.d.ts

@@ -1,29 +1,25 @@
-import * as React from 'react';
-import { GroupPanelPartInitParameters, IWatermarkRenderer } from '../../groupview/types';
-import { GroupPanel } from '../../groupview/groupviewPanel';
-import { ReactPortalStore } from '../react';
-import { IGroupPanelBaseProps } from './dockview';
-import { PanelUpdateEvent } from '../../panel/types';
-export interface IWatermarkPanelProps extends IGroupPanelBaseProps {
-    close: () => void;
-}
-export declare class ReactWatermarkPart implements IWatermarkRenderer {
-    readonly id: string;
-    private readonly component;
-    private readonly reactPortalStore;
-    private _element;
-    private part?;
-    private _groupRef;
-    private parameters;
-    get element(): HTMLElement;
-    constructor(id: string, component: React.FunctionComponent<IWatermarkPanelProps>, reactPortalStore: ReactPortalStore);
-    init(parameters: GroupPanelPartInitParameters): void;
-    focus(): void;
-    update(params: PanelUpdateEvent): void;
-    toJSON(): {
-        id: string;
-    };
-    layout(_width: number, _height: number): void;
-    updateParentGroup(group: GroupPanel, _isPanelVisible: boolean): void;
-    dispose(): void;
-}
+import * as React from 'react';
+import { ReactPortalStore } from '../react';
+import { PanelUpdateEvent, DockviewGroupPanel, IWatermarkRenderer, WatermarkRendererInitParameters, DockviewApi, IDockviewGroupPanel } from 'dockview-core';
+export interface IWatermarkPanelProps {
+    containerApi: DockviewApi;
+    group?: IDockviewGroupPanel;
+    close: () => void;
+}
+export declare class ReactWatermarkPart implements IWatermarkRenderer {
+    readonly id: string;
+    private readonly component;
+    private readonly reactPortalStore;
+    private _element;
+    private part?;
+    private parameters;
+    get element(): HTMLElement;
+    constructor(id: string, component: React.FunctionComponent<IWatermarkPanelProps>, reactPortalStore: ReactPortalStore);
+    init(parameters: WatermarkRendererInitParameters): void;
+    focus(): void;
+    update(params: PanelUpdateEvent): void;
+    layout(_width: number, _height: number): void;
+    updateParentGroup(_group: DockviewGroupPanel, _isPanelVisible: boolean): void;
+    dispose(): void;
+}
+//# sourceMappingURL=reactWatermarkPart.d.ts.map

package/dist/esm/dockview/reactWatermarkPart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactWatermarkPart.d.ts","sourceRoot":"","sources":["../../../src/dockview/reactWatermarkPart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAa,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EACH,gBAAgB,EAChB,kBAAkB,EAElB,kBAAkB,EAClB,+BAA+B,EAC/B,WAAW,EACX,mBAAmB,EACtB,MAAM,eAAe,CAAC;AAEvB,MAAM,WAAW,oBAAoB;IACjC,YAAY,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,qBAAa,kBAAmB,YAAW,kBAAkB;aAUrC,EAAE,EAAE,MAAM;IAC1B,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,gBAAgB;IAXrC,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,IAAI,CAAC,CAAkC;IAC/C,OAAO,CAAC,UAAU,CAA2C;IAE7D,IAAI,OAAO,IAAI,WAAW,CAEzB;gBAGmB,EAAE,EAAE,MAAM,EACT,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,EACxD,gBAAgB,EAAE,gBAAgB;IAMvD,IAAI,CAAC,UAAU,EAAE,+BAA+B,GAAG,IAAI;IAiBvD,KAAK,IAAI,IAAI;IAIb,MAAM,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI;IAQtC,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;IAI7C,iBAAiB,CACb,MAAM,EAAE,kBAAkB,EAC1B,eAAe,EAAE,OAAO,GACzB,IAAI;IAIP,OAAO,IAAI,IAAI;CAGlB"}

package/dist/esm/{react/dockview → dockview}/reactWatermarkPart.js

@@ -1,55 +1,45 @@
-import { ReactPart } from '../react';
-export class ReactWatermarkPart {
-    get element() {
-        return this._element;
-    }
-    constructor(id, component, reactPortalStore) {
-        this.id = id;
-        this.component = component;
-        this.reactPortalStore = reactPortalStore;
-        this._groupRef = {
-            value: undefined,
-        };
-        this._element = document.createElement('div');
-        this._element.className = 'dockview-react-part';
-    }
-    init(parameters) {
-        this.parameters = parameters;
-        this.part = new ReactPart(this.element, this.reactPortalStore, this.component, {
-            params: parameters.params,
-            api: parameters.api,
-            containerApi: parameters.containerApi,
-            close: () => {
-                if (this._groupRef.value) {
-                    parameters.containerApi.removeGroup(this._groupRef.value);
-                }
-            },
-        });
-    }
-    focus() {
-        // noop
-    }
-    update(params) {
-        var _a, _b;
-        if (this.parameters) {
-            this.parameters.params = params.params;
-        }
-        (_a = this.part) === null || _a === void 0 ? void 0 : _a.update({ params: ((_b = this.parameters) === null || _b === void 0 ? void 0 : _b.params) || {} });
-    }
-    toJSON() {
-        return {
-            id: this.id,
-        };
-    }
-    layout(_width, _height) {
-        // noop - retrieval from api
-    }
-    updateParentGroup(group, _isPanelVisible) {
-        // noop - retrieval from api
-        this._groupRef.value = group;
-    }
-    dispose() {
-        var _a;
-        (_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();
-    }
-}
+import { ReactPart } from '../react';
+export class ReactWatermarkPart {
+    get element() {
+        return this._element;
+    }
+    constructor(id, component, reactPortalStore) {
+        this.id = id;
+        this.component = component;
+        this.reactPortalStore = reactPortalStore;
+        this._element = document.createElement('div');
+        this._element.className = 'dockview-react-part';
+    }
+    init(parameters) {
+        this.part = new ReactPart(this.element, this.reactPortalStore, this.component, {
+            group: parameters.group,
+            containerApi: parameters.containerApi,
+            close: () => {
+                if (parameters.group) {
+                    parameters.containerApi.removeGroup(parameters.group);
+                }
+            },
+        });
+    }
+    focus() {
+        // noop
+    }
+    update(params) {
+        var _a, _b;
+        if (this.parameters) {
+            this.parameters.params = params.params;
+        }
+        (_a = this.part) === null || _a === void 0 ? void 0 : _a.update({ params: ((_b = this.parameters) === null || _b === void 0 ? void 0 : _b.params) || {} });
+    }
+    layout(_width, _height) {
+        // noop - retrieval from api
+    }
+    updateParentGroup(_group, _isPanelVisible) {
+        // noop
+    }
+    dispose() {
+        var _a;
+        (_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();
+    }
+}
+//# sourceMappingURL=reactWatermarkPart.js.map

package/dist/esm/dockview/reactWatermarkPart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactWatermarkPart.js","sourceRoot":"","sources":["../../../src/dockview/reactWatermarkPart.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAoB,MAAM,UAAU,CAAC;AAiBvD,MAAM,OAAO,kBAAkB;IAK3B,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IAED,YACoB,EAAU,EACT,SAAwD,EACxD,gBAAkC;QAFnC,OAAE,GAAF,EAAE,CAAQ;QACT,cAAS,GAAT,SAAS,CAA+C;QACxD,qBAAgB,GAAhB,gBAAgB,CAAkB;QAEnD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,qBAAqB,CAAC;IACpD,CAAC;IAED,IAAI,CAAC,UAA2C;QAC5C,IAAI,CAAC,IAAI,GAAG,IAAI,SAAS,CACrB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,SAAS,EACd;YACI,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,YAAY,EAAE,UAAU,CAAC,YAAY;YACrC,KAAK,EAAE,GAAG,EAAE;gBACR,IAAI,UAAU,CAAC,KAAK,EAAE;oBAClB,UAAU,CAAC,YAAY,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;iBACzD;YACL,CAAC;SACJ,CACJ,CAAC;IACN,CAAC;IAED,KAAK;QACD,OAAO;IACX,CAAC;IAED,MAAM,CAAC,MAAwB;;QAC3B,IAAI,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;SAC1C;QAED,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,MAAM,KAAI,EAAE,EAAE,CAAC,CAAC;IACjE,CAAC;IAED,MAAM,CAAC,MAAc,EAAE,OAAe;QAClC,4BAA4B;IAChC,CAAC;IAED,iBAAiB,CACb,MAA0B,EAC1B,eAAwB;QAExB,OAAO;IACX,CAAC;IAED,OAAO;;QACH,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,EAAE,CAAC;IACzB,CAAC;CACJ"}