dockview 0.0.28 → 1.0.0

package/dist/cjs/react/paneview/paneview.js

@@ -1,139 +1,139 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PaneviewReact = void 0;
-var React = __importStar(require("react"));
-var paneviewComponent_1 = require("../../paneview/paneviewComponent");
-var react_1 = require("../react");
-var component_api_1 = require("../../api/component.api");
-var view_1 = require("./view");
-var dom_1 = require("../../dom");
-exports.PaneviewReact = React.forwardRef(function (props, ref) {
-    var domRef = React.useRef(null);
-    var paneviewRef = React.useRef();
-    var _a = __read((0, react_1.usePortalsLifecycle)(), 2), portals = _a[0], addPortal = _a[1];
-    React.useImperativeHandle(ref, function () { return domRef.current; }, []);
-    React.useEffect(function () {
-        if (props.disableAutoResizing) {
-            return function () {
-                //
-            };
-        }
-        var watcher = (0, dom_1.watchElementResize)(domRef.current, function (entry) {
-            var _a;
-            var _b = entry.contentRect, width = _b.width, height = _b.height;
-            (_a = paneviewRef.current) === null || _a === void 0 ? void 0 : _a.layout(width, height);
-        });
-        return function () {
-            watcher.dispose();
-        };
-    }, [props.disableAutoResizing]);
-    React.useEffect(function () {
-        var createComponent = function (id, componentId, component) {
-            return new view_1.PanePanelSection(id, component, {
-                addPortal: addPortal,
-            });
-        };
-        var paneview = new paneviewComponent_1.PaneviewComponent(domRef.current, {
-            frameworkComponents: props.components,
-            components: {},
-            headerComponents: {},
-            disableDnd: props.disableDnd,
-            headerframeworkComponents: props.headerComponents,
-            frameworkWrapper: {
-                header: {
-                    createComponent: createComponent,
-                },
-                body: {
-                    createComponent: createComponent,
-                },
-            },
-        });
-        var api = new component_api_1.PaneviewApi(paneview);
-        var _a = domRef.current, clientWidth = _a.clientWidth, clientHeight = _a.clientHeight;
-        paneview.layout(clientWidth, clientHeight);
-        if (props.onReady) {
-            props.onReady({ api: api });
-        }
-        paneviewRef.current = paneview;
-        return function () {
-            paneview.dispose();
-        };
-    }, []);
-    React.useEffect(function () {
-        var _a;
-        (_a = paneviewRef.current) === null || _a === void 0 ? void 0 : _a.updateOptions({
-            frameworkComponents: props.components,
-        });
-    }, [props.components]);
-    React.useEffect(function () {
-        var _a;
-        (_a = paneviewRef.current) === null || _a === void 0 ? void 0 : _a.updateOptions({
-            headerframeworkComponents: props.headerComponents,
-        });
-    }, [props.headerComponents]);
-    React.useEffect(function () {
-        if (!paneviewRef.current) {
-            return function () {
-                //
-            };
-        }
-        var paneview = paneviewRef.current;
-        var disposable = paneview.onDidDrop(function (event) {
-            if (props.onDidDrop) {
-                props.onDidDrop(__assign(__assign({}, event), { api: new component_api_1.PaneviewApi(paneview) }));
-            }
-        });
-        return function () {
-            disposable.dispose();
-        };
-    }, [props.onDidDrop]);
-    return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
-});
-exports.PaneviewReact.displayName = 'PaneviewComponent';
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaneviewReact = void 0;
+var React = __importStar(require("react"));
+var paneviewComponent_1 = require("../../paneview/paneviewComponent");
+var react_1 = require("../react");
+var component_api_1 = require("../../api/component.api");
+var view_1 = require("./view");
+var dom_1 = require("../../dom");
+exports.PaneviewReact = React.forwardRef(function (props, ref) {
+    var domRef = React.useRef(null);
+    var paneviewRef = React.useRef();
+    var _a = __read((0, react_1.usePortalsLifecycle)(), 2), portals = _a[0], addPortal = _a[1];
+    React.useImperativeHandle(ref, function () { return domRef.current; }, []);
+    React.useEffect(function () {
+        if (props.disableAutoResizing) {
+            return function () {
+                //
+            };
+        }
+        var watcher = (0, dom_1.watchElementResize)(domRef.current, function (entry) {
+            var _a;
+            var _b = entry.contentRect, width = _b.width, height = _b.height;
+            (_a = paneviewRef.current) === null || _a === void 0 ? void 0 : _a.layout(width, height);
+        });
+        return function () {
+            watcher.dispose();
+        };
+    }, [props.disableAutoResizing]);
+    React.useEffect(function () {
+        var createComponent = function (id, componentId, component) {
+            return new view_1.PanePanelSection(id, component, {
+                addPortal: addPortal,
+            });
+        };
+        var paneview = new paneviewComponent_1.PaneviewComponent(domRef.current, {
+            frameworkComponents: props.components,
+            components: {},
+            headerComponents: {},
+            disableDnd: props.disableDnd,
+            headerframeworkComponents: props.headerComponents,
+            frameworkWrapper: {
+                header: {
+                    createComponent: createComponent,
+                },
+                body: {
+                    createComponent: createComponent,
+                },
+            },
+        });
+        var api = new component_api_1.PaneviewApi(paneview);
+        var _a = domRef.current, clientWidth = _a.clientWidth, clientHeight = _a.clientHeight;
+        paneview.layout(clientWidth, clientHeight);
+        if (props.onReady) {
+            props.onReady({ api: api });
+        }
+        paneviewRef.current = paneview;
+        return function () {
+            paneview.dispose();
+        };
+    }, []);
+    React.useEffect(function () {
+        var _a;
+        (_a = paneviewRef.current) === null || _a === void 0 ? void 0 : _a.updateOptions({
+            frameworkComponents: props.components,
+        });
+    }, [props.components]);
+    React.useEffect(function () {
+        var _a;
+        (_a = paneviewRef.current) === null || _a === void 0 ? void 0 : _a.updateOptions({
+            headerframeworkComponents: props.headerComponents,
+        });
+    }, [props.headerComponents]);
+    React.useEffect(function () {
+        if (!paneviewRef.current) {
+            return function () {
+                //
+            };
+        }
+        var paneview = paneviewRef.current;
+        var disposable = paneview.onDidDrop(function (event) {
+            if (props.onDidDrop) {
+                props.onDidDrop(__assign(__assign({}, event), { api: new component_api_1.PaneviewApi(paneview) }));
+            }
+        });
+        return function () {
+            disposable.dispose();
+        };
+    }, [props.onDidDrop]);
+    return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
+});
+exports.PaneviewReact.displayName = 'PaneviewComponent';
 //# sourceMappingURL=paneview.js.map

package/dist/cjs/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/cjs/react/paneview/view.js

@@ -1,45 +1,45 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PanePanelSection = void 0;
-var react_1 = require("../react");
-var PanePanelSection = /** @class */ (function () {
-    function PanePanelSection(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%';
-    }
-    Object.defineProperty(PanePanelSection.prototype, "element", {
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    PanePanelSection.prototype.init = function (parameters) {
-        this.part = new react_1.ReactPart(this.element, this.reactPortalStore, this.component, {
-            params: parameters.params,
-            api: parameters.api,
-            title: parameters.title,
-            containerApi: parameters.containerApi,
-        });
-    };
-    PanePanelSection.prototype.toJSON = function () {
-        return {
-            id: this.id,
-        };
-    };
-    PanePanelSection.prototype.update = function (params) {
-        var _a;
-        (_a = this.part) === null || _a === void 0 ? void 0 : _a.update(params.params);
-    };
-    PanePanelSection.prototype.dispose = function () {
-        var _a;
-        (_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();
-    };
-    return PanePanelSection;
-}());
-exports.PanePanelSection = PanePanelSection;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanePanelSection = void 0;
+var react_1 = require("../react");
+var PanePanelSection = /** @class */ (function () {
+    function PanePanelSection(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%';
+    }
+    Object.defineProperty(PanePanelSection.prototype, "element", {
+        get: function () {
+            return this._element;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    PanePanelSection.prototype.init = function (parameters) {
+        this.part = new react_1.ReactPart(this.element, this.reactPortalStore, this.component, {
+            params: parameters.params,
+            api: parameters.api,
+            title: parameters.title,
+            containerApi: parameters.containerApi,
+        });
+    };
+    PanePanelSection.prototype.toJSON = function () {
+        return {
+            id: this.id,
+        };
+    };
+    PanePanelSection.prototype.update = function (params) {
+        var _a;
+        (_a = this.part) === null || _a === void 0 ? void 0 : _a.update(params.params);
+    };
+    PanePanelSection.prototype.dispose = function () {
+        var _a;
+        (_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();
+    };
+    return PanePanelSection;
+}());
+exports.PanePanelSection = PanePanelSection;
 //# sourceMappingURL=view.js.map

package/dist/cjs/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 {};