dockview 1.6.0 → 1.7.1

package/dist/esm/{react/gridview → gridview}/view.js

@@ -1,19 +1,18 @@
-import { GridviewApi } from '../../api/component.api';
-import { GridviewPanelApiImpl } from '../../api/gridviewPanelApi';
-import { GridviewPanel, } from '../../gridview/gridviewPanel';
-import { ReactPart } from '../react';
-export class ReactGridPanelView extends GridviewPanel {
-    constructor(id, component, reactComponent, reactPortalStore) {
-        super(id, component, new GridviewPanelApiImpl(id));
-        this.reactComponent = reactComponent;
-        this.reactPortalStore = reactPortalStore;
-    }
-    getComponent() {
-        var _a;
-        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: new GridviewApi(this._params.accessor),
-        });
-    }
-}
+import { GridviewApi, GridviewPanel, } from 'dockview-core';
+import { ReactPart } from '../react';
+export class ReactGridPanelView extends GridviewPanel {
+    constructor(id, component, reactComponent, reactPortalStore) {
+        super(id, component);
+        this.reactComponent = reactComponent;
+        this.reactPortalStore = reactPortalStore;
+    }
+    getComponent() {
+        var _a;
+        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: new GridviewApi(this._params.accessor),
+        });
+    }
+}
+//# sourceMappingURL=view.js.map

package/dist/esm/gridview/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../src/gridview/view.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,WAAW,EACX,aAAa,GAGhB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAoB,MAAM,UAAU,CAAC;AAGvD,MAAM,OAAO,kBAAmB,SAAQ,aAAa;IACjD,YACI,EAAU,EACV,SAAiB,EACA,cAA4D,EAC5D,gBAAkC;QAEnD,KAAK,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;QAHJ,mBAAc,GAAd,cAAc,CAA8C;QAC5D,qBAAgB,GAAhB,gBAAgB,CAAkB;IAGvD,CAAC;IAED,YAAY;;QACR,OAAO,IAAI,SAAS,CAChB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,cAAc,EACnB;YACI,MAAM,EAAE,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,KAAI,EAAE;YAClC,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,YAAY,EAAE,IAAI,WAAW,CACxB,IAAI,CAAC,OAAkC,CAAC,QAAQ,CACpD;SACJ,CACJ,CAAC;IACN,CAAC;CACJ"}

package/dist/esm/index.d.ts

@@ -1,30 +1,11 @@
-export * from './dnd/dataTransfer';
-export * from './splitview/core/splitview';
-export * from './paneview/paneview';
-export * from './gridview/gridview';
-export * from './groupview/groupview';
-export * from './gridview/baseComponentGridview';
-export * from './groupview/panel/content';
-export * from './groupview/tab';
-export * from './groupview/dnd';
-export * from './groupview/types';
-export * from './dockview/options';
-export * from './dockview/dockviewComponent';
-export * from './gridview/gridviewComponent';
-export * from './splitview/splitviewComponent';
-export * from './paneview/paneviewComponent';
-export { PaneviewComponentOptions } from './paneview/options';
-export * from './gridview/gridviewPanel';
-export * from './splitview/splitviewPanel';
-export * from './paneview/paneviewPanel';
-export * from './groupview/types';
-export * from './react';
-export { Event } from './events';
-export { IDisposable } from './lifecycle';
-export { Position, positionToDirection, directionToPosition, } from './dnd/droptarget';
-export { FocusEvent, PanelDimensionChangeEvent, VisibilityEvent, ActiveEvent, PanelApi, } from './api/panelApi';
-export { SizeEvent, GridviewPanelApi, GridConstraintChangeEvent, } from './api/gridviewPanelApi';
-export { TitleEvent, DockviewPanelApi } from './api/dockviewPanelApi';
-export { PanelSizeEvent, PanelConstraintChangeEvent, SplitviewPanelApi, } from './api/splitviewPanelApi';
-export { ExpansionEvent, PaneviewPanelApi } from './api/paneviewPanelApi';
-export { CommonApi, SplitviewApi, PaneviewApi, GridviewApi, DockviewApi, } from './api/component.api';
+export * from 'dockview-core';
+export * from './dockview/dockview';
+export * from './dockview/defaultTab';
+export * from './splitview/splitview';
+export * from './gridview/gridview';
+export { IDockviewGroupControlProps } from './dockview/groupControlsRenderer';
+export { IWatermarkPanelProps } from './dockview/reactWatermarkPart';
+export * from './paneview/paneview';
+export * from './types';
+export * from './react';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAE9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/esm/index.js

@@ -1,23 +1,9 @@
-export * from './dnd/dataTransfer';
-export * from './splitview/core/splitview';
-export * from './paneview/paneview';
-export * from './gridview/gridview';
-export * from './groupview/groupview';
-export * from './gridview/baseComponentGridview';
-export * from './groupview/panel/content';
-export * from './groupview/tab';
-export * from './groupview/dnd';
-export * from './groupview/types';
-export * from './dockview/options';
-export * from './dockview/dockviewComponent';
-export * from './gridview/gridviewComponent';
-export * from './splitview/splitviewComponent';
-export * from './paneview/paneviewComponent';
-export * from './gridview/gridviewPanel';
-export * from './splitview/splitviewPanel';
-export * from './paneview/paneviewPanel';
-export * from './groupview/types';
-export * from './react'; // TODO: should be conditional on whether user wants the React wrappers
-export { Event } from './events';
-export { positionToDirection, directionToPosition, } from './dnd/droptarget';
-export { SplitviewApi, PaneviewApi, GridviewApi, DockviewApi, } from './api/component.api';
+export * from 'dockview-core';
+export * from './dockview/dockview';
+export * from './dockview/defaultTab';
+export * from './splitview/splitview';
+export * from './gridview/gridview';
+export * from './paneview/paneview';
+export * from './types';
+export * from './react';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAE9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/esm/paneview/paneview.d.ts

@@ -1,40 +1,25 @@
-import { Orientation, ISplitViewDescriptor, Sizing } from '../splitview/core/splitview';
-import { CompositeDisposable, IDisposable } from '../lifecycle';
-import { Event } from '../events';
-import { PaneviewPanel } from './paneviewPanel';
-interface PaneItem {
-    pane: PaneviewPanel;
-    disposable: IDisposable;
-}
-export declare class Paneview extends CompositeDisposable implements IDisposable {
-    private element;
-    private splitview;
-    private paneItems;
-    private _orientation;
-    private animationTimer;
-    private skipAnimation;
-    private readonly _onDidChange;
-    readonly onDidChange: Event<void>;
-    get onDidAddView(): Event<PaneviewPanel>;
-    get onDidRemoveView(): Event<PaneviewPanel>;
-    get minimumSize(): number;
-    get maximumSize(): number;
-    get orientation(): Orientation;
-    get size(): number;
-    get orthogonalSize(): number;
-    constructor(container: HTMLElement, options: {
-        orientation: Orientation;
-        descriptor?: ISplitViewDescriptor;
-    });
-    addPane(pane: PaneviewPanel, size?: number | Sizing, index?: number, skipLayout?: boolean): void;
-    getViewSize(index: number): number;
-    getPanes(): PaneviewPanel[];
-    removePane(index: number, options?: {
-        skipDispose: boolean;
-    }): PaneItem;
-    moveView(from: number, to: number): void;
-    layout(size: number, orthogonalSize: number): void;
-    private setupAnimation;
-    dispose(): void;
-}
-export {};
+import * as React from 'react';
+import { PaneviewPanelApi, PaneviewDndOverlayEvent, PaneviewApi, PaneviewDropEvent } from 'dockview-core';
+import { PanelCollection, PanelParameters } from '../types';
+export interface PaneviewReadyEvent {
+    api: PaneviewApi;
+}
+export interface IPaneviewPanelProps<T extends {
+    [index: string]: any;
+} = any> extends PanelParameters<T> {
+    api: PaneviewPanelApi;
+    containerApi: PaneviewApi;
+    title: string;
+}
+export interface IPaneviewReactProps {
+    onReady: (event: PaneviewReadyEvent) => void;
+    components: PanelCollection<IPaneviewPanelProps>;
+    headerComponents?: PanelCollection<IPaneviewPanelProps>;
+    className?: string;
+    disableAutoResizing?: boolean;
+    disableDnd?: boolean;
+    showDndOverlay?: (event: PaneviewDndOverlayEvent) => boolean;
+    onDidDrop?(event: PaneviewDropEvent): void;
+}
+export declare const PaneviewReact: React.ForwardRefExoticComponent<IPaneviewReactProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=paneview.d.ts.map

package/dist/esm/paneview/paneview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paneview.d.ts","sourceRoot":"","sources":["../../../src/paneview/paneview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,gBAAgB,EAGhB,uBAAuB,EACvB,WAAW,EACX,iBAAiB,EACpB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,WAAW,kBAAkB;IAC/B,GAAG,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,GAAG,CACzE,SAAQ,eAAe,CAAC,CAAC,CAAC;IAC1B,GAAG,EAAE,gBAAgB,CAAC;IACtB,YAAY,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,UAAU,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;IACjD,gBAAgB,CAAC,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,OAAO,CAAC;IAC7D,SAAS,CAAC,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,aAAa,4FAgHzB,CAAC"}

package/dist/esm/paneview/paneview.js

@@ -1,145 +1,85 @@
-import { Splitview, Orientation, } from '../splitview/core/splitview';
-import { CompositeDisposable } from '../lifecycle';
-import { Emitter } from '../events';
-import { addClasses, removeClasses } from '../dom';
-export class Paneview extends CompositeDisposable {
-    get onDidAddView() {
-        return this.splitview.onDidAddView;
-    }
-    get onDidRemoveView() {
-        return this.splitview.onDidRemoveView;
-    }
-    get minimumSize() {
-        return this.splitview.minimumSize;
-    }
-    get maximumSize() {
-        return this.splitview.maximumSize;
-    }
-    get orientation() {
-        return this.splitview.orientation;
-    }
-    get size() {
-        return this.splitview.size;
-    }
-    get orthogonalSize() {
-        return this.splitview.orthogonalSize;
-    }
-    constructor(container, options) {
-        var _a;
-        super();
-        this.paneItems = [];
-        this.skipAnimation = false;
-        this._onDidChange = new Emitter();
-        this.onDidChange = this._onDidChange.event;
-        this._orientation = (_a = options.orientation) !== null && _a !== void 0 ? _a : Orientation.VERTICAL;
-        this.element = document.createElement('div');
-        this.element.className = 'pane-container';
-        container.appendChild(this.element);
-        this.splitview = new Splitview(this.element, {
-            orientation: this._orientation,
-            proportionalLayout: false,
-            descriptor: options.descriptor,
-        });
-        // if we've added views from the descriptor we need to
-        // add the panes to our Pane array and setup animation
-        this.getPanes().forEach((pane) => {
-            const disposable = new CompositeDisposable(pane.onDidChangeExpansionState(() => {
-                this.setupAnimation();
-                this._onDidChange.fire(undefined);
-            }));
-            const paneItem = {
-                pane,
-                disposable: {
-                    dispose: () => {
-                        disposable.dispose();
-                    },
-                },
-            };
-            this.paneItems.push(paneItem);
-            pane.orthogonalSize = this.splitview.orthogonalSize;
-        });
-        this.addDisposables(this._onDidChange, this.splitview.onDidSashEnd(() => {
-            this._onDidChange.fire(undefined);
-        }), this.splitview.onDidAddView(() => {
-            this._onDidChange.fire();
-        }), this.splitview.onDidRemoveView(() => {
-            this._onDidChange.fire();
-        }));
-    }
-    addPane(pane, size, index = this.splitview.length, skipLayout = false) {
-        const disposable = pane.onDidChangeExpansionState(() => {
-            this.setupAnimation();
-            this._onDidChange.fire(undefined);
-        });
-        const paneItem = {
-            pane,
-            disposable: {
-                dispose: () => {
-                    disposable.dispose();
-                },
-            },
-        };
-        this.paneItems.splice(index, 0, paneItem);
-        pane.orthogonalSize = this.splitview.orthogonalSize;
-        this.splitview.addView(pane, size, index, skipLayout);
-    }
-    getViewSize(index) {
-        return this.splitview.getViewSize(index);
-    }
-    getPanes() {
-        return this.splitview.getViews();
-    }
-    removePane(index, options = { skipDispose: false }) {
-        const paneItem = this.paneItems.splice(index, 1)[0];
-        this.splitview.removeView(index);
-        if (!options.skipDispose) {
-            paneItem.disposable.dispose();
-            paneItem.pane.dispose();
-        }
-        return paneItem;
-    }
-    moveView(from, to) {
-        if (from === to) {
-            return;
-        }
-        const view = this.removePane(from, { skipDispose: true });
-        this.skipAnimation = true;
-        try {
-            this.addPane(view.pane, view.pane.size, to, false);
-        }
-        finally {
-            this.skipAnimation = false;
-        }
-    }
-    layout(size, orthogonalSize) {
-        this.splitview.layout(size, orthogonalSize);
-    }
-    setupAnimation() {
-        if (this.skipAnimation) {
-            return;
-        }
-        if (this.animationTimer) {
-            clearTimeout(this.animationTimer);
-            this.animationTimer = undefined;
-        }
-        addClasses(this.element, 'animated');
-        this.animationTimer = setTimeout(() => {
-            this.animationTimer = undefined;
-            removeClasses(this.element, 'animated');
-        }, 200);
-    }
-    dispose() {
-        super.dispose();
-        if (this.animationTimer) {
-            clearTimeout(this.animationTimer);
-            this.animationTimer = undefined;
-        }
-        this.paneItems.forEach((paneItem) => {
-            paneItem.disposable.dispose();
-            paneItem.pane.dispose();
-        });
-        this.paneItems = [];
-        this.splitview.dispose();
-        this.element.remove();
-    }
-}
+import * as React from 'react';
+import { PaneviewComponent, PaneviewApi, } from 'dockview-core';
+import { usePortalsLifecycle } from '../react';
+import { PanePanelSection } from './view';
+export const PaneviewReact = React.forwardRef((props, ref) => {
+    const domRef = React.useRef(null);
+    const paneviewRef = React.useRef();
+    const [portals, addPortal] = usePortalsLifecycle();
+    React.useImperativeHandle(ref, () => domRef.current, []);
+    React.useEffect(() => {
+        const createComponent = (id, _componentId, component) => new PanePanelSection(id, component, {
+            addPortal,
+        });
+        const paneview = new PaneviewComponent({
+            parentElement: domRef.current,
+            frameworkComponents: props.components,
+            components: {},
+            headerComponents: {},
+            disableDnd: props.disableDnd,
+            headerframeworkComponents: props.headerComponents,
+            frameworkWrapper: {
+                header: {
+                    createComponent,
+                },
+                body: {
+                    createComponent,
+                },
+            },
+            showDndOverlay: props.showDndOverlay,
+        });
+        const api = new PaneviewApi(paneview);
+        const { clientWidth, clientHeight } = domRef.current;
+        paneview.layout(clientWidth, clientHeight);
+        if (props.onReady) {
+            props.onReady({ api });
+        }
+        paneviewRef.current = paneview;
+        return () => {
+            paneview.dispose();
+        };
+    }, []);
+    React.useEffect(() => {
+        if (!paneviewRef.current) {
+            return;
+        }
+        paneviewRef.current.updateOptions({
+            frameworkComponents: props.components,
+        });
+    }, [props.components]);
+    React.useEffect(() => {
+        if (!paneviewRef.current) {
+            return;
+        }
+        paneviewRef.current.updateOptions({
+            headerframeworkComponents: props.headerComponents,
+        });
+    }, [props.headerComponents]);
+    React.useEffect(() => {
+        if (!paneviewRef.current) {
+            return () => {
+                //
+            };
+        }
+        const paneview = paneviewRef.current;
+        const disposable = paneview.onDidDrop((event) => {
+            if (props.onDidDrop) {
+                props.onDidDrop(Object.assign(Object.assign({}, event), { api: new PaneviewApi(paneview) }));
+            }
+        });
+        return () => {
+            disposable.dispose();
+        };
+    }, [props.onDidDrop]);
+    React.useEffect(() => {
+        if (!paneviewRef.current) {
+            return;
+        }
+        paneviewRef.current.updateOptions({
+            showDndOverlay: props.showDndOverlay,
+        });
+    }, [props.showDndOverlay]);
+    return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
+});
+PaneviewReact.displayName = 'PaneviewComponent';
+//# sourceMappingURL=paneview.js.map

package/dist/esm/paneview/paneview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paneview.js","sourceRoot":"","sources":["../../../src/paneview/paneview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEH,iBAAiB,EAGjB,WAAW,GAEd,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAyB1C,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,KAA0B,EAAE,GAAuC,EAAE,EAAE;IACpE,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAsB,CAAC;IACvD,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,mBAAmB,EAAE,CAAC;IAEnD,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,OAAQ,EAAE,EAAE,CAAC,CAAC;IAE1D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,eAAe,GAAG,CACpB,EAAU,EACV,YAAoB,EACpB,SAAc,EAChB,EAAE,CACA,IAAI,gBAAgB,CAAC,EAAE,EAAE,SAAS,EAAE;YAChC,SAAS;SACZ,CAAC,CAAC;QAEP,MAAM,QAAQ,GAAG,IAAI,iBAAiB,CAAC;YACnC,aAAa,EAAE,MAAM,CAAC,OAAQ;YAC9B,mBAAmB,EAAE,KAAK,CAAC,UAAU;YACrC,UAAU,EAAE,EAAE;YACd,gBAAgB,EAAE,EAAE;YACpB,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,yBAAyB,EAAE,KAAK,CAAC,gBAAgB;YACjD,gBAAgB,EAAE;gBACd,MAAM,EAAE;oBACJ,eAAe;iBAClB;gBACD,IAAI,EAAE;oBACF,eAAe;iBAClB;aACJ;YACD,cAAc,EAAE,KAAK,CAAC,cAAc;SACvC,CAAC,CAAC;QAEH,MAAM,GAAG,GAAG,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC;QAEtC,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC,OAAQ,CAAC;QACtD,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;QAE3C,IAAI,KAAK,CAAC,OAAO,EAAE;YACf,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;SAC1B;QAED,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;QAE/B,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,OAAO,EAAE,CAAC;QACvB,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;QACD,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;YAC9B,mBAAmB,EAAE,KAAK,CAAC,UAAU;SACxC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAEvB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;QACD,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;YAC9B,yBAAyB,EAAE,KAAK,CAAC,gBAAgB;SACpD,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAE7B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO,GAAG,EAAE;gBACR,EAAE;YACN,CAAC,CAAC;SACL;QAED,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QAErC,MAAM,UAAU,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;YAC5C,IAAI,KAAK,CAAC,SAAS,EAAE;gBACjB,KAAK,CAAC,SAAS,iCACR,KAAK,KACR,GAAG,EAAE,IAAI,WAAW,CAAC,QAAQ,CAAC,IAChC,CAAC;aACN;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACR,UAAU,CAAC,OAAO,EAAE,CAAC;QACzB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAEtB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;QACD,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;YAC9B,cAAc,EAAE,KAAK,CAAC,cAAc;SACvC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAE3B,OAAO,CACH,6BACI,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EACxC,GAAG,EAAE,MAAM,IAEV,OAAO,CACN,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/dist/esm/{react/paneview → paneview}/view.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { PanelUpdateEvent } from '../../panel/types';
-import { IPaneBodyPart, PanePanelComponentInitParameter } from '../../paneview/paneviewPanel';
-import { ReactPortalStore } from '../react';
-import { IPaneviewPanelProps } from './paneview';
-export declare class PanePanelSection implements IPaneBodyPart {
-    readonly id: string;
-    private readonly component;
-    private readonly reactPortalStore;
-    private _element;
-    private part?;
-    get element(): HTMLElement;
-    constructor(id: string, component: React.FunctionComponent<IPaneviewPanelProps>, reactPortalStore: ReactPortalStore);
-    init(parameters: PanePanelComponentInitParameter): void;
-    toJSON(): {
-        id: string;
-    };
-    update(params: PanelUpdateEvent): void;
-    dispose(): void;
-}
+import * as React from 'react';
+import { PanelUpdateEvent, IPaneBodyPart, PanePanelComponentInitParameter } from 'dockview-core';
+import { ReactPortalStore } from '../react';
+import { IPaneviewPanelProps } from './paneview';
+export declare class PanePanelSection implements IPaneBodyPart {
+    readonly id: string;
+    private readonly component;
+    private readonly reactPortalStore;
+    private _element;
+    private part?;
+    get element(): HTMLElement;
+    constructor(id: string, component: React.FunctionComponent<IPaneviewPanelProps>, reactPortalStore: ReactPortalStore);
+    init(parameters: PanePanelComponentInitParameter): void;
+    toJSON(): {
+        id: string;
+    };
+    update(params: PanelUpdateEvent): void;
+    dispose(): void;
+}
+//# sourceMappingURL=view.d.ts.map

package/dist/esm/paneview/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../src/paneview/view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,gBAAgB,EAChB,aAAa,EACb,+BAA+B,EAClC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD,qBAAa,gBAAiB,YAAW,aAAa;aAS9B,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,CAAiC;IAE9C,IAAI,OAAO,gBAEV;gBAGmB,EAAE,EAAE,MAAM,EACT,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,EACvD,gBAAgB,EAAE,gBAAgB;IAOhD,IAAI,CAAC,UAAU,EAAE,+BAA+B,GAAG,IAAI;IAcvD,MAAM;;;IAMN,MAAM,CAAC,MAAM,EAAE,gBAAgB;IAI/B,OAAO;CAGjB"}

package/dist/esm/{react/paneview → paneview}/view.js

@@ -1,35 +1,36 @@
-import { ReactPart } from '../react';
-export class PanePanelSection {
-    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.style.height = '100%';
-        this._element.style.width = '100%';
-    }
-    init(parameters) {
-        this.part = new ReactPart(this.element, this.reactPortalStore, this.component, {
-            params: parameters.params,
-            api: parameters.api,
-            title: parameters.title,
-            containerApi: parameters.containerApi,
-        });
-    }
-    toJSON() {
-        return {
-            id: this.id,
-        };
-    }
-    update(params) {
-        var _a;
-        (_a = this.part) === null || _a === void 0 ? void 0 : _a.update(params.params);
-    }
-    dispose() {
-        var _a;
-        (_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();
-    }
-}
+import { ReactPart } from '../react';
+export class PanePanelSection {
+    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.style.height = '100%';
+        this._element.style.width = '100%';
+    }
+    init(parameters) {
+        this.part = new ReactPart(this.element, this.reactPortalStore, this.component, {
+            params: parameters.params,
+            api: parameters.api,
+            title: parameters.title,
+            containerApi: parameters.containerApi,
+        });
+    }
+    toJSON() {
+        return {
+            id: this.id,
+        };
+    }
+    update(params) {
+        var _a;
+        (_a = this.part) === null || _a === void 0 ? void 0 : _a.update(params.params);
+    }
+    dispose() {
+        var _a;
+        (_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();
+    }
+}
+//# sourceMappingURL=view.js.map

package/dist/esm/paneview/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../src/paneview/view.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAoB,MAAM,UAAU,CAAC;AAGvD,MAAM,OAAO,gBAAgB;IAIzB,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;QAEnD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACpC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;IACvC,CAAC;IAEM,IAAI,CAAC,UAA2C;QACnD,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,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,YAAY,EAAE,UAAU,CAAC,YAAY;SACxC,CACJ,CAAC;IACN,CAAC;IAEM,MAAM;QACT,OAAO;YACH,EAAE,EAAE,IAAI,CAAC,EAAE;SACd,CAAC;IACN,CAAC;IAEM,MAAM,CAAC,MAAwB;;QAClC,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC;IAEM,OAAO;;QACV,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,EAAE,CAAC;IACzB,CAAC;CACJ"}