dockview 0.0.28 → 1.0.2

package/dist/esm/react/gridview/view.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { GridviewPanel } from '../../gridview/gridviewPanel';
-import { ReactPart, ReactPortalStore } from '../react';
-import { IGridviewPanelProps } from './gridview';
-export declare class ReactGridPanelView extends GridviewPanel {
-    private readonly reactComponent;
-    private readonly reactPortalStore;
-    constructor(id: string, component: string, reactComponent: React.FunctionComponent<IGridviewPanelProps>, reactPortalStore: ReactPortalStore);
-    getComponent(): ReactPart<IGridviewPanelProps<any>, {}>;
-}
+/// <reference types="react" />
+import { GridviewPanel } from '../../gridview/gridviewPanel';
+import { ReactPart, ReactPortalStore } from '../react';
+import { IGridviewPanelProps } from './gridview';
+export declare class ReactGridPanelView extends GridviewPanel {
+    private readonly reactComponent;
+    private readonly reactPortalStore;
+    constructor(id: string, component: string, reactComponent: React.FunctionComponent<IGridviewPanelProps>, reactPortalStore: ReactPortalStore);
+    getComponent(): ReactPart<IGridviewPanelProps<any>, {}>;
+}

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

@@ -1,18 +1,18 @@
-import { GridviewPanel, } from '../../gridview/gridviewPanel';
-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: this.params
-                .containerApi,
-        });
-    }
-}
+import { GridviewPanel, } from '../../gridview/gridviewPanel';
+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: this.params
+                .containerApi,
+        });
+    }
+}

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

@@ -1,9 +1,9 @@
-export * from './dockview/dockview';
-export * from './dockview/components';
-export * from './splitview/splitview';
-export * from './gridview/gridview';
-export * from './dockview/reactContentPart';
-export * from './dockview/reactHeaderPart';
-export * from './paneview/paneview';
-export * from './types';
-export * from './react';
+export * from './dockview/dockview';
+export * from './dockview/components';
+export * from './splitview/splitview';
+export * from './gridview/gridview';
+export * from './dockview/reactContentPart';
+export * from './dockview/reactHeaderPart';
+export * from './paneview/paneview';
+export * from './types';
+export * from './react';

package/dist/esm/react/index.js

@@ -1,9 +1,9 @@
-export * from './dockview/dockview';
-export * from './dockview/components';
-export * from './splitview/splitview';
-export * from './gridview/gridview';
-export * from './dockview/reactContentPart';
-export * from './dockview/reactHeaderPart';
-export * from './paneview/paneview';
-export * from './types';
-export * from './react';
+export * from './dockview/dockview';
+export * from './dockview/components';
+export * from './splitview/splitview';
+export * from './gridview/gridview';
+export * from './dockview/reactContentPart';
+export * from './dockview/reactHeaderPart';
+export * from './paneview/paneview';
+export * from './types';
+export * from './react';

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

@@ -1,28 +1,28 @@
-import * as React from 'react';
-import { PaneviewPanelApi } from '../../api/paneviewPanelApi';
-import { PaneviewApi } from '../../api/component.api';
-import { PanelCollection, PanelParameters } from '../types';
-import { PaneviewDropEvent2 } from '../../paneview/draggablePaneviewPanel';
-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 PaneviewDropEvent extends PaneviewDropEvent2 {
-    api: PaneviewApi;
-}
-export interface IPaneviewReactProps {
-    onReady?: (event: PaneviewReadyEvent) => void;
-    components?: PanelCollection<IPaneviewPanelProps>;
-    headerComponents?: PanelCollection<IPaneviewPanelProps>;
-    className?: string;
-    disableAutoResizing?: boolean;
-    disableDnd?: boolean;
-    onDidDrop?(event: PaneviewDropEvent): void;
-}
-export declare const PaneviewReact: React.ForwardRefExoticComponent<IPaneviewReactProps & React.RefAttributes<HTMLDivElement>>;
+import * as React from 'react';
+import { PaneviewPanelApi } from '../../api/paneviewPanelApi';
+import { PaneviewApi } from '../../api/component.api';
+import { PanelCollection, PanelParameters } from '../types';
+import { PaneviewDropEvent2 } from '../../paneview/draggablePaneviewPanel';
+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 PaneviewDropEvent extends PaneviewDropEvent2 {
+    api: PaneviewApi;
+}
+export interface IPaneviewReactProps {
+    onReady?: (event: PaneviewReadyEvent) => void;
+    components?: PanelCollection<IPaneviewPanelProps>;
+    headerComponents?: PanelCollection<IPaneviewPanelProps>;
+    className?: string;
+    disableAutoResizing?: boolean;
+    disableDnd?: boolean;
+    onDidDrop?(event: PaneviewDropEvent): void;
+}
+export declare const PaneviewReact: React.ForwardRefExoticComponent<IPaneviewReactProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/react/paneview/paneview.js

@@ -1,87 +1,91 @@
-import * as React from 'react';
-import { PaneviewComponent, } from '../../paneview/paneviewComponent';
-import { usePortalsLifecycle } from '../react';
-import { PaneviewApi } from '../../api/component.api';
-import { PanePanelSection } from './view';
-import { watchElementResize } from '../../dom';
-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(() => {
-        if (props.disableAutoResizing) {
-            return () => {
-                //
-            };
-        }
-        const watcher = watchElementResize(domRef.current, (entry) => {
-            var _a;
-            const { width, height } = entry.contentRect;
-            (_a = paneviewRef.current) === null || _a === void 0 ? void 0 : _a.layout(width, height);
-        });
-        return () => {
-            watcher.dispose();
-        };
-    }, [props.disableAutoResizing]);
-    React.useEffect(() => {
-        const createComponent = (id, componentId, component) => new PanePanelSection(id, component, {
-            addPortal,
-        });
-        const paneview = new PaneviewComponent(domRef.current, {
-            frameworkComponents: props.components,
-            components: {},
-            headerComponents: {},
-            disableDnd: props.disableDnd,
-            headerframeworkComponents: props.headerComponents,
-            frameworkWrapper: {
-                header: {
-                    createComponent,
-                },
-                body: {
-                    createComponent,
-                },
-            },
-        });
-        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(() => {
-        var _a;
-        (_a = paneviewRef.current) === null || _a === void 0 ? void 0 : _a.updateOptions({
-            frameworkComponents: props.components,
-        });
-    }, [props.components]);
-    React.useEffect(() => {
-        var _a;
-        (_a = paneviewRef.current) === null || _a === void 0 ? void 0 : _a.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]);
-    return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
-});
-PaneviewReact.displayName = 'PaneviewComponent';
+import * as React from 'react';
+import { PaneviewComponent, } from '../../paneview/paneviewComponent';
+import { usePortalsLifecycle } from '../react';
+import { PaneviewApi } from '../../api/component.api';
+import { PanePanelSection } from './view';
+import { watchElementResize } from '../../dom';
+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(() => {
+        if (props.disableAutoResizing) {
+            return () => {
+                //
+            };
+        }
+        const watcher = watchElementResize(domRef.current, (entry) => {
+            var _a;
+            const { width, height } = entry.contentRect;
+            (_a = paneviewRef.current) === null || _a === void 0 ? void 0 : _a.layout(width, height);
+        });
+        return () => {
+            watcher.dispose();
+        };
+    }, [props.disableAutoResizing]);
+    React.useEffect(() => {
+        const createComponent = (id, componentId, component) => new PanePanelSection(id, component, {
+            addPortal,
+        });
+        const paneview = new PaneviewComponent(domRef.current, {
+            frameworkComponents: props.components,
+            components: {},
+            headerComponents: {},
+            disableDnd: props.disableDnd,
+            headerframeworkComponents: props.headerComponents,
+            frameworkWrapper: {
+                header: {
+                    createComponent,
+                },
+                body: {
+                    createComponent,
+                },
+            },
+        });
+        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]);
+    return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
+});
+PaneviewReact.displayName = 'PaneviewComponent';

package/dist/esm/react/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 } 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;
+}

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

@@ -1,35 +1,35 @@
-import { ReactPart } from '../react';
-export class PanePanelSection {
-    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%';
-    }
-    get element() {
-        return this._element;
-    }
-    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 {
+    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%';
+    }
+    get element() {
+        return this._element;
+    }
+    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();
+    }
+}

package/dist/esm/react/react.d.ts

@@ -1,35 +1,35 @@
-import * as React from 'react';
-import { IDisposable } from '../lifecycle';
-import { IFrameworkPart } from '../panel/types';
-export interface ReactPortalStore {
-    addPortal: (portal: React.ReactPortal) => IDisposable;
-}
-export declare const ReactPartContext: React.Context<{}>;
-export declare class ReactPart<P extends object, C extends object = {}> implements IFrameworkPart {
-    private readonly parent;
-    private readonly portalStore;
-    private readonly component;
-    private readonly parameters;
-    private readonly context?;
-    private componentInstance?;
-    private ref?;
-    private disposed;
-    constructor(parent: HTMLElement, portalStore: ReactPortalStore, component: React.FunctionComponent<P>, parameters: P, context?: C | undefined);
-    update(props: {
-        [index: string]: any;
-    }): void;
-    private createPortal;
-    dispose(): void;
-}
-declare type PortalLifecycleHook = () => [
-    React.ReactPortal[],
-    (portal: React.ReactPortal) => IDisposable
-];
-/**
- * A React Hook that returns an array of portals to be rendered by the user of this hook
- * and a disposable function to add a portal. Calling dispose removes this portal from the
- * portal array
- */
-export declare const usePortalsLifecycle: PortalLifecycleHook;
-export declare function isReactElement(element: any | React.ReactElement): element is React.ReactElement;
-export {};
+import * as React from 'react';
+import { IDisposable } from '../lifecycle';
+import { IFrameworkPart } from '../panel/types';
+export interface ReactPortalStore {
+    addPortal: (portal: React.ReactPortal) => IDisposable;
+}
+export declare const ReactPartContext: React.Context<{}>;
+export declare class ReactPart<P extends object, C extends object = {}> implements IFrameworkPart {
+    private readonly parent;
+    private readonly portalStore;
+    private readonly component;
+    private readonly parameters;
+    private readonly context?;
+    private componentInstance?;
+    private ref?;
+    private disposed;
+    constructor(parent: HTMLElement, portalStore: ReactPortalStore, component: React.FunctionComponent<P>, parameters: P, context?: C | undefined);
+    update(props: {
+        [index: string]: any;
+    }): void;
+    private createPortal;
+    dispose(): void;
+}
+declare type PortalLifecycleHook = () => [
+    React.ReactPortal[],
+    (portal: React.ReactPortal) => IDisposable
+];
+/**
+ * A React Hook that returns an array of portals to be rendered by the user of this hook
+ * and a disposable function to add a portal. Calling dispose removes this portal from the
+ * portal array
+ */
+export declare const usePortalsLifecycle: PortalLifecycleHook;
+export declare function isReactElement(element: any | React.ReactElement): element is React.ReactElement;
+export {};