dockview 1.5.1 → 1.5.2

package/dist/cjs/react/dockview/dockview.js

@@ -1,213 +1,213 @@
-"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;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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.DockviewReact = void 0;
-var React = __importStar(require("react"));
-var dockviewComponent_1 = require("../../dockview/dockviewComponent");
-var reactContentPart_1 = require("./reactContentPart");
-var reactHeaderPart_1 = require("./reactHeaderPart");
-var deserializer_1 = require("../deserializer");
-var react_1 = require("../react");
-var component_api_1 = require("../../api/component.api");
-var reactWatermarkPart_1 = require("./reactWatermarkPart");
-var dom_1 = require("../../dom");
-var groupControlsRenderer_1 = require("./groupControlsRenderer");
-var defaultTab_1 = require("../../dockview/components/tab/defaultTab");
-function createGroupControlElement(component, store) {
-    return component
-        ? function (groupPanel) {
-            return new groupControlsRenderer_1.ReactGroupControlsRendererPart(component, store, groupPanel);
-        }
-        : undefined;
-}
-exports.DockviewReact = React.forwardRef(function (props, ref) {
-    var domRef = React.useRef(null);
-    var dockviewRef = 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 = dockviewRef.current) === null || _a === void 0 ? void 0 : _a.layout(width, height);
-        });
-        return function () {
-            watcher.dispose();
-        };
-    }, [props.disableAutoResizing]);
-    React.useEffect(function () {
-        var _a;
-        var _b;
-        var factory = {
-            content: {
-                createComponent: function (_id, componentId, component) {
-                    return new reactContentPart_1.ReactPanelContentPart(componentId, component, {
-                        addPortal: addPortal,
-                    });
-                },
-            },
-            tab: {
-                createComponent: function (_id, componentId, component) {
-                    return new reactHeaderPart_1.ReactPanelHeaderPart(componentId, component, {
-                        addPortal: addPortal,
-                    });
-                },
-            },
-            watermark: {
-                createComponent: function (_id, componentId, component) {
-                    return new reactWatermarkPart_1.ReactWatermarkPart(componentId, component, {
-                        addPortal: addPortal,
-                    });
-                },
-            },
-        };
-        var element = document.createElement('div');
-        var dockview = new dockviewComponent_1.DockviewComponent(element, {
-            frameworkComponentFactory: factory,
-            frameworkComponents: props.components,
-            frameworkTabComponents: __assign(__assign({}, (props.tabComponents || {})), (_a = {}, _a[defaultTab_1.DEFAULT_TAB_IDENTIFIER] = props.defaultTabComponent, _a)),
-            tabHeight: props.tabHeight,
-            watermarkFrameworkComponent: props.watermarkComponent,
-            defaultTabComponent: defaultTab_1.DEFAULT_TAB_IDENTIFIER,
-            styles: props.hideBorders
-                ? { separatorBorder: 'transparent' }
-                : undefined,
-            showDndOverlay: props.showDndOverlay,
-            createGroupControlElement: createGroupControlElement(props.groupControlComponent, { addPortal: addPortal }),
-        });
-        (_b = domRef.current) === null || _b === void 0 ? void 0 : _b.appendChild(dockview.element);
-        dockview.deserializer = new deserializer_1.ReactPanelDeserialzier(dockview);
-        var _c = domRef.current, clientWidth = _c.clientWidth, clientHeight = _c.clientHeight;
-        dockview.layout(clientWidth, clientHeight);
-        if (props.onReady) {
-            props.onReady({ api: new component_api_1.DockviewApi(dockview) });
-        }
-        dockviewRef.current = dockview;
-        return function () {
-            dockview.dispose();
-            element.remove();
-        };
-    }, []);
-    React.useEffect(function () {
-        if (!dockviewRef.current) {
-            return function () {
-                // noop
-            };
-        }
-        var disposable = dockviewRef.current.onDidDrop(function (event) {
-            if (props.onDidDrop) {
-                props.onDidDrop(event);
-            }
-        });
-        return function () {
-            disposable.dispose();
-        };
-    }, [props.onDidDrop]);
-    React.useEffect(function () {
-        if (!dockviewRef.current) {
-            return;
-        }
-        dockviewRef.current.updateOptions({
-            frameworkComponents: props.components,
-        });
-    }, [props.components]);
-    React.useEffect(function () {
-        if (!dockviewRef.current) {
-            return;
-        }
-        dockviewRef.current.updateOptions({
-            watermarkFrameworkComponent: props.watermarkComponent,
-        });
-    }, [props.watermarkComponent]);
-    React.useEffect(function () {
-        if (!dockviewRef.current) {
-            return;
-        }
-        dockviewRef.current.updateOptions({
-            showDndOverlay: props.showDndOverlay,
-        });
-    }, [props.showDndOverlay]);
-    React.useEffect(function () {
-        if (!dockviewRef.current) {
-            return;
-        }
-        dockviewRef.current.updateOptions({
-            frameworkTabComponents: props.tabComponents,
-        });
-    }, [props.tabComponents]);
-    React.useEffect(function () {
-        var _a;
-        if (!dockviewRef.current) {
-            return;
-        }
-        dockviewRef.current.updateOptions({
-            defaultTabComponent: defaultTab_1.DEFAULT_TAB_IDENTIFIER,
-            frameworkTabComponents: __assign(__assign({}, (props.tabComponents || {})), (_a = {}, _a[defaultTab_1.DEFAULT_TAB_IDENTIFIER] = props.defaultTabComponent, _a)),
-        });
-    }, [props.defaultTabComponent]);
-    React.useEffect(function () {
-        if (!dockviewRef.current) {
-            return;
-        }
-        dockviewRef.current.updateOptions({
-            createGroupControlElement: createGroupControlElement(props.groupControlComponent, { addPortal: addPortal }),
-        });
-    }, [props.groupControlComponent]);
-    return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
-});
-exports.DockviewReact.displayName = 'DockviewComponent';
+"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;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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.DockviewReact = void 0;
+var React = __importStar(require("react"));
+var dockviewComponent_1 = require("../../dockview/dockviewComponent");
+var reactContentPart_1 = require("./reactContentPart");
+var reactHeaderPart_1 = require("./reactHeaderPart");
+var deserializer_1 = require("../deserializer");
+var react_1 = require("../react");
+var component_api_1 = require("../../api/component.api");
+var reactWatermarkPart_1 = require("./reactWatermarkPart");
+var dom_1 = require("../../dom");
+var groupControlsRenderer_1 = require("./groupControlsRenderer");
+var defaultTab_1 = require("../../dockview/components/tab/defaultTab");
+function createGroupControlElement(component, store) {
+    return component
+        ? function (groupPanel) {
+            return new groupControlsRenderer_1.ReactGroupControlsRendererPart(component, store, groupPanel);
+        }
+        : undefined;
+}
+exports.DockviewReact = React.forwardRef(function (props, ref) {
+    var domRef = React.useRef(null);
+    var dockviewRef = 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 = dockviewRef.current) === null || _a === void 0 ? void 0 : _a.layout(width, height);
+        });
+        return function () {
+            watcher.dispose();
+        };
+    }, [props.disableAutoResizing]);
+    React.useEffect(function () {
+        var _a;
+        var _b;
+        var factory = {
+            content: {
+                createComponent: function (_id, componentId, component) {
+                    return new reactContentPart_1.ReactPanelContentPart(componentId, component, {
+                        addPortal: addPortal,
+                    });
+                },
+            },
+            tab: {
+                createComponent: function (_id, componentId, component) {
+                    return new reactHeaderPart_1.ReactPanelHeaderPart(componentId, component, {
+                        addPortal: addPortal,
+                    });
+                },
+            },
+            watermark: {
+                createComponent: function (_id, componentId, component) {
+                    return new reactWatermarkPart_1.ReactWatermarkPart(componentId, component, {
+                        addPortal: addPortal,
+                    });
+                },
+            },
+        };
+        var element = document.createElement('div');
+        var dockview = new dockviewComponent_1.DockviewComponent(element, {
+            frameworkComponentFactory: factory,
+            frameworkComponents: props.components,
+            frameworkTabComponents: __assign(__assign({}, (props.tabComponents || {})), (_a = {}, _a[defaultTab_1.DEFAULT_TAB_IDENTIFIER] = props.defaultTabComponent, _a)),
+            tabHeight: props.tabHeight,
+            watermarkFrameworkComponent: props.watermarkComponent,
+            defaultTabComponent: defaultTab_1.DEFAULT_TAB_IDENTIFIER,
+            styles: props.hideBorders
+                ? { separatorBorder: 'transparent' }
+                : undefined,
+            showDndOverlay: props.showDndOverlay,
+            createGroupControlElement: createGroupControlElement(props.groupControlComponent, { addPortal: addPortal }),
+        });
+        (_b = domRef.current) === null || _b === void 0 ? void 0 : _b.appendChild(dockview.element);
+        dockview.deserializer = new deserializer_1.ReactPanelDeserialzier(dockview);
+        var _c = domRef.current, clientWidth = _c.clientWidth, clientHeight = _c.clientHeight;
+        dockview.layout(clientWidth, clientHeight);
+        if (props.onReady) {
+            props.onReady({ api: new component_api_1.DockviewApi(dockview) });
+        }
+        dockviewRef.current = dockview;
+        return function () {
+            dockview.dispose();
+            element.remove();
+        };
+    }, []);
+    React.useEffect(function () {
+        if (!dockviewRef.current) {
+            return function () {
+                // noop
+            };
+        }
+        var disposable = dockviewRef.current.onDidDrop(function (event) {
+            if (props.onDidDrop) {
+                props.onDidDrop(event);
+            }
+        });
+        return function () {
+            disposable.dispose();
+        };
+    }, [props.onDidDrop]);
+    React.useEffect(function () {
+        if (!dockviewRef.current) {
+            return;
+        }
+        dockviewRef.current.updateOptions({
+            frameworkComponents: props.components,
+        });
+    }, [props.components]);
+    React.useEffect(function () {
+        if (!dockviewRef.current) {
+            return;
+        }
+        dockviewRef.current.updateOptions({
+            watermarkFrameworkComponent: props.watermarkComponent,
+        });
+    }, [props.watermarkComponent]);
+    React.useEffect(function () {
+        if (!dockviewRef.current) {
+            return;
+        }
+        dockviewRef.current.updateOptions({
+            showDndOverlay: props.showDndOverlay,
+        });
+    }, [props.showDndOverlay]);
+    React.useEffect(function () {
+        if (!dockviewRef.current) {
+            return;
+        }
+        dockviewRef.current.updateOptions({
+            frameworkTabComponents: props.tabComponents,
+        });
+    }, [props.tabComponents]);
+    React.useEffect(function () {
+        var _a;
+        if (!dockviewRef.current) {
+            return;
+        }
+        dockviewRef.current.updateOptions({
+            defaultTabComponent: defaultTab_1.DEFAULT_TAB_IDENTIFIER,
+            frameworkTabComponents: __assign(__assign({}, (props.tabComponents || {})), (_a = {}, _a[defaultTab_1.DEFAULT_TAB_IDENTIFIER] = props.defaultTabComponent, _a)),
+        });
+    }, [props.defaultTabComponent]);
+    React.useEffect(function () {
+        if (!dockviewRef.current) {
+            return;
+        }
+        dockviewRef.current.updateOptions({
+            createGroupControlElement: createGroupControlElement(props.groupControlComponent, { addPortal: addPortal }),
+        });
+    }, [props.groupControlComponent]);
+    return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
+});
+exports.DockviewReact.displayName = 'DockviewComponent';
 //# sourceMappingURL=dockview.js.map

package/dist/cjs/react/dockview/groupControlsRenderer.d.ts

@@ -1,43 +1,43 @@
-import * as React from 'react';
-import { ReactPart, ReactPortalStore } from '../react';
-import { PanelUpdateEvent } from '../../panel/types';
-import { GroupPanel, GroupviewPanelApi } from '../../groupview/groupviewPanel';
-import { DockviewApi } from '../../api/component.api';
-import { IDisposable } from '../../lifecycle';
-import { IDockviewPanel } from '../../groupview/groupPanel';
-export interface IDockviewGroupControlProps {
-    api: GroupviewPanelApi;
-    containerApi: DockviewApi;
-    panels: IDockviewPanel[];
-    activePanel: IDockviewPanel | undefined;
-    isGroupActive: boolean;
-}
-export interface IGroupControlRenderer extends IDisposable {
-    readonly element: HTMLElement;
-    init(params: {
-        containerApi: DockviewApi;
-        api: GroupviewPanelApi;
-    }): void;
-}
-export declare class ReactGroupControlsRendererPart {
-    private readonly component;
-    private readonly reactPortalStore;
-    private readonly _group;
-    private mutableDisposable;
-    private _element;
-    private _part?;
-    get element(): HTMLElement;
-    get part(): ReactPart<IDockviewGroupControlProps> | undefined;
-    get group(): GroupPanel;
-    constructor(component: React.FunctionComponent<IDockviewGroupControlProps>, reactPortalStore: ReactPortalStore, _group: GroupPanel);
-    focus(): void;
-    init(parameters: {
-        containerApi: DockviewApi;
-        api: GroupviewPanelApi;
-    }): void;
-    update(event: PanelUpdateEvent): void;
-    dispose(): void;
-    private updatePanels;
-    private updateActivePanel;
-    private updateGroupActive;
-}
+import * as React from 'react';
+import { ReactPart, ReactPortalStore } from '../react';
+import { PanelUpdateEvent } from '../../panel/types';
+import { GroupPanel, GroupviewPanelApi } from '../../groupview/groupviewPanel';
+import { DockviewApi } from '../../api/component.api';
+import { IDisposable } from '../../lifecycle';
+import { IDockviewPanel } from '../../groupview/groupPanel';
+export interface IDockviewGroupControlProps {
+    api: GroupviewPanelApi;
+    containerApi: DockviewApi;
+    panels: IDockviewPanel[];
+    activePanel: IDockviewPanel | undefined;
+    isGroupActive: boolean;
+}
+export interface IGroupControlRenderer extends IDisposable {
+    readonly element: HTMLElement;
+    init(params: {
+        containerApi: DockviewApi;
+        api: GroupviewPanelApi;
+    }): void;
+}
+export declare class ReactGroupControlsRendererPart {
+    private readonly component;
+    private readonly reactPortalStore;
+    private readonly _group;
+    private mutableDisposable;
+    private _element;
+    private _part?;
+    get element(): HTMLElement;
+    get part(): ReactPart<IDockviewGroupControlProps> | undefined;
+    get group(): GroupPanel;
+    constructor(component: React.FunctionComponent<IDockviewGroupControlProps>, reactPortalStore: ReactPortalStore, _group: GroupPanel);
+    focus(): void;
+    init(parameters: {
+        containerApi: DockviewApi;
+        api: GroupviewPanelApi;
+    }): void;
+    update(event: PanelUpdateEvent): void;
+    dispose(): void;
+    private updatePanels;
+    private updateActivePanel;
+    private updateGroupActive;
+}