dockview-core 1.6.0

package/dist/cjs/paneview/paneviewComponent.d.ts

@@ -0,0 +1,129 @@
+import { Event } from '../events';
+import { CompositeDisposable, IDisposable } from '../lifecycle';
+import { LayoutPriority, Orientation } from '../splitview/splitview';
+import { PaneviewComponentOptions } from './options';
+import { Paneview } from './paneview';
+import { IPaneBodyPart, IPaneHeaderPart, PaneviewPanel, IPaneviewPanel } from './paneviewPanel';
+import { DraggablePaneviewPanel, PaneviewDropEvent } from './draggablePaneviewPanel';
+import { PaneTransfer } from '../dnd/dataTransfer';
+export interface PaneviewDndOverlayEvent {
+    nativeEvent: DragEvent;
+    panel: IPaneviewPanel;
+    getData: () => PaneTransfer | undefined;
+}
+export interface SerializedPaneviewPanel {
+    snap?: boolean;
+    priority?: LayoutPriority;
+    minimumSize?: number;
+    maximumSize?: number;
+    data: {
+        id: string;
+        component: string;
+        title: string;
+        headerComponent?: string;
+        params?: {
+            [index: string]: any;
+        };
+    };
+    size: number;
+    expanded?: boolean;
+}
+export interface SerializedPaneview {
+    size: number;
+    views: SerializedPaneviewPanel[];
+}
+export declare class PaneFramework extends DraggablePaneviewPanel {
+    private readonly options;
+    constructor(options: {
+        id: string;
+        component: string;
+        headerComponent: string | undefined;
+        body: IPaneBodyPart;
+        header: IPaneHeaderPart;
+        orientation: Orientation;
+        isExpanded: boolean;
+        disableDnd: boolean;
+        accessor: IPaneviewComponent;
+    });
+    getBodyComponent(): IPaneBodyPart;
+    getHeaderComponent(): IPaneHeaderPart;
+}
+export interface AddPaneviewComponentOptions {
+    id: string;
+    component: string;
+    headerComponent?: string;
+    params?: {
+        [key: string]: any;
+    };
+    minimumBodySize?: number;
+    maximumBodySize?: number;
+    isExpanded?: boolean;
+    title: string;
+    index?: number;
+    size?: number;
+}
+export interface IPaneviewComponent extends IDisposable {
+    readonly id: string;
+    readonly width: number;
+    readonly height: number;
+    readonly minimumSize: number;
+    readonly maximumSize: number;
+    readonly panels: IPaneviewPanel[];
+    readonly options: PaneviewComponentOptions;
+    readonly onDidAddView: Event<PaneviewPanel>;
+    readonly onDidRemoveView: Event<PaneviewPanel>;
+    readonly onDidDrop: Event<PaneviewDropEvent>;
+    readonly onDidLayoutChange: Event<void>;
+    readonly onDidLayoutFromJSON: Event<void>;
+    addPanel(options: AddPaneviewComponentOptions): IPaneviewPanel;
+    layout(width: number, height: number): void;
+    toJSON(): SerializedPaneview;
+    fromJSON(serializedPaneview: SerializedPaneview): void;
+    focus(): void;
+    removePanel(panel: IPaneviewPanel): void;
+    getPanel(id: string): IPaneviewPanel | undefined;
+    movePanel(from: number, to: number): void;
+    updateOptions(options: Partial<PaneviewComponentOptions>): void;
+    clear(): void;
+}
+export declare class PaneviewComponent extends CompositeDisposable implements IPaneviewComponent {
+    private element;
+    private readonly _id;
+    private _options;
+    private _disposable;
+    private _viewDisposables;
+    private _paneview;
+    private readonly _onDidLayoutfromJSON;
+    readonly onDidLayoutFromJSON: Event<void>;
+    private readonly _onDidLayoutChange;
+    readonly onDidLayoutChange: Event<void>;
+    private readonly _onDidDrop;
+    readonly onDidDrop: Event<PaneviewDropEvent>;
+    private readonly _onDidAddView;
+    readonly onDidAddView: Event<PaneviewPanel>;
+    private readonly _onDidRemoveView;
+    readonly onDidRemoveView: Event<PaneviewPanel>;
+    get id(): string;
+    get panels(): PaneviewPanel[];
+    set paneview(value: Paneview);
+    get paneview(): Paneview;
+    get minimumSize(): number;
+    get maximumSize(): number;
+    get height(): number;
+    get width(): number;
+    get options(): PaneviewComponentOptions;
+    constructor(element: HTMLElement, options: PaneviewComponentOptions);
+    focus(): void;
+    updateOptions(options: Partial<PaneviewComponentOptions>): void;
+    addPanel(options: AddPaneviewComponentOptions): IPaneviewPanel;
+    removePanel(panel: PaneviewPanel): void;
+    movePanel(from: number, to: number): void;
+    getPanel(id: string): PaneviewPanel | undefined;
+    layout(width: number, height: number): void;
+    toJSON(): SerializedPaneview;
+    fromJSON(serializedPaneview: SerializedPaneview): void;
+    clear(): void;
+    private doAddPanel;
+    private doRemovePanel;
+    dispose(): void;
+}

package/dist/cjs/paneview/paneviewComponent.js

@@ -0,0 +1,395 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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 __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;
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaneviewComponent = exports.PaneFramework = void 0;
+var component_api_1 = require("../api/component.api");
+var componentFactory_1 = require("../panel/componentFactory");
+var events_1 = require("../events");
+var lifecycle_1 = require("../lifecycle");
+var splitview_1 = require("../splitview/splitview");
+var paneview_1 = require("./paneview");
+var draggablePaneviewPanel_1 = require("./draggablePaneviewPanel");
+var defaultPaneviewHeader_1 = require("./defaultPaneviewHeader");
+var math_1 = require("../math");
+var nextLayoutId = (0, math_1.sequentialNumberGenerator)();
+var PaneFramework = /** @class */ (function (_super) {
+    __extends(PaneFramework, _super);
+    function PaneFramework(options) {
+        var _this = _super.call(this, options.accessor, options.id, options.component, options.headerComponent, options.orientation, options.isExpanded, options.disableDnd) || this;
+        _this.options = options;
+        return _this;
+    }
+    PaneFramework.prototype.getBodyComponent = function () {
+        return this.options.body;
+    };
+    PaneFramework.prototype.getHeaderComponent = function () {
+        return this.options.header;
+    };
+    return PaneFramework;
+}(draggablePaneviewPanel_1.DraggablePaneviewPanel));
+exports.PaneFramework = PaneFramework;
+var PaneviewComponent = /** @class */ (function (_super) {
+    __extends(PaneviewComponent, _super);
+    function PaneviewComponent(element, options) {
+        var _this = _super.call(this) || this;
+        _this.element = element;
+        _this._id = nextLayoutId.next();
+        _this._disposable = new lifecycle_1.MutableDisposable();
+        _this._viewDisposables = new Map();
+        _this._onDidLayoutfromJSON = new events_1.Emitter();
+        _this.onDidLayoutFromJSON = _this._onDidLayoutfromJSON.event;
+        _this._onDidLayoutChange = new events_1.Emitter();
+        _this.onDidLayoutChange = _this._onDidLayoutChange.event;
+        _this._onDidDrop = new events_1.Emitter();
+        _this.onDidDrop = _this._onDidDrop.event;
+        _this._onDidAddView = new events_1.Emitter();
+        _this.onDidAddView = _this._onDidAddView.event;
+        _this._onDidRemoveView = new events_1.Emitter();
+        _this.onDidRemoveView = _this._onDidRemoveView.event;
+        _this.addDisposables(_this._onDidLayoutChange, _this._onDidLayoutfromJSON, _this._onDidDrop, _this._onDidAddView, _this._onDidRemoveView);
+        _this._options = options;
+        if (!options.components) {
+            options.components = {};
+        }
+        if (!options.frameworkComponents) {
+            options.frameworkComponents = {};
+        }
+        _this.paneview = new paneview_1.Paneview(_this.element, {
+            // only allow paneview in the vertical orientation for now
+            orientation: splitview_1.Orientation.VERTICAL,
+        });
+        _this.addDisposables(_this._disposable);
+        return _this;
+    }
+    Object.defineProperty(PaneviewComponent.prototype, "id", {
+        get: function () {
+            return this._id;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PaneviewComponent.prototype, "panels", {
+        get: function () {
+            return this.paneview.getPanes();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PaneviewComponent.prototype, "paneview", {
+        get: function () {
+            return this._paneview;
+        },
+        set: function (value) {
+            var _this = this;
+            this._paneview = value;
+            this._disposable.value = new lifecycle_1.CompositeDisposable(this._paneview.onDidChange(function () {
+                _this._onDidLayoutChange.fire(undefined);
+            }), this._paneview.onDidAddView(function (e) { return _this._onDidAddView.fire(e); }), this._paneview.onDidRemoveView(function (e) { return _this._onDidRemoveView.fire(e); }));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PaneviewComponent.prototype, "minimumSize", {
+        get: function () {
+            return this.paneview.minimumSize;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PaneviewComponent.prototype, "maximumSize", {
+        get: function () {
+            return this.paneview.maximumSize;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PaneviewComponent.prototype, "height", {
+        get: function () {
+            return this.paneview.orientation === splitview_1.Orientation.HORIZONTAL
+                ? this.paneview.orthogonalSize
+                : this.paneview.size;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PaneviewComponent.prototype, "width", {
+        get: function () {
+            return this.paneview.orientation === splitview_1.Orientation.HORIZONTAL
+                ? this.paneview.size
+                : this.paneview.orthogonalSize;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PaneviewComponent.prototype, "options", {
+        get: function () {
+            return this._options;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    PaneviewComponent.prototype.focus = function () {
+        //noop
+    };
+    PaneviewComponent.prototype.updateOptions = function (options) {
+        this._options = __assign(__assign({}, this.options), options);
+    };
+    PaneviewComponent.prototype.addPanel = function (options) {
+        var body = (0, componentFactory_1.createComponent)(options.id, options.component, this.options.components || {}, this.options.frameworkComponents || {}, this.options.frameworkWrapper
+            ? {
+                createComponent: this.options.frameworkWrapper.body.createComponent,
+            }
+            : undefined);
+        var header;
+        if (options.headerComponent) {
+            header = (0, componentFactory_1.createComponent)(options.id, options.headerComponent, this.options.headerComponents || {}, this.options.headerframeworkComponents, this.options.frameworkWrapper
+                ? {
+                    createComponent: this.options.frameworkWrapper.header
+                        .createComponent,
+                }
+                : undefined);
+        }
+        else {
+            header = new defaultPaneviewHeader_1.DefaultHeader();
+        }
+        var view = new PaneFramework({
+            id: options.id,
+            component: options.component,
+            headerComponent: options.headerComponent,
+            header: header,
+            body: body,
+            orientation: splitview_1.Orientation.VERTICAL,
+            isExpanded: !!options.isExpanded,
+            disableDnd: !!this.options.disableDnd,
+            accessor: this,
+        });
+        this.doAddPanel(view);
+        var size = typeof options.size === 'number' ? options.size : splitview_1.Sizing.Distribute;
+        var index = typeof options.index === 'number' ? options.index : undefined;
+        view.init({
+            params: options.params || {},
+            minimumBodySize: options.minimumBodySize,
+            maximumBodySize: options.maximumBodySize,
+            isExpanded: options.isExpanded,
+            title: options.title,
+            containerApi: new component_api_1.PaneviewApi(this),
+        });
+        this.paneview.addPane(view, size, index);
+        view.orientation = this.paneview.orientation;
+        return view;
+    };
+    PaneviewComponent.prototype.removePanel = function (panel) {
+        var views = this.panels;
+        var index = views.findIndex(function (_) { return _ === panel; });
+        this.paneview.removePane(index);
+        this.doRemovePanel(panel);
+    };
+    PaneviewComponent.prototype.movePanel = function (from, to) {
+        this.paneview.moveView(from, to);
+    };
+    PaneviewComponent.prototype.getPanel = function (id) {
+        return this.panels.find(function (view) { return view.id === id; });
+    };
+    PaneviewComponent.prototype.layout = function (width, height) {
+        var _a = __read(this.paneview.orientation === splitview_1.Orientation.HORIZONTAL
+            ? [width, height]
+            : [height, width], 2), size = _a[0], orthogonalSize = _a[1];
+        this.paneview.layout(size, orthogonalSize);
+    };
+    PaneviewComponent.prototype.toJSON = function () {
+        var _this = this;
+        var maximum = function (value) {
+            return value === Number.MAX_SAFE_INTEGER ||
+                value === Number.POSITIVE_INFINITY
+                ? undefined
+                : value;
+        };
+        var minimum = function (value) { return (value <= 0 ? undefined : value); };
+        var views = this.paneview
+            .getPanes()
+            .map(function (view, i) {
+            var size = _this.paneview.getViewSize(i);
+            return {
+                size: size,
+                data: view.toJSON(),
+                minimumSize: minimum(view.minimumBodySize),
+                maximumSize: maximum(view.maximumBodySize),
+                expanded: view.isExpanded(),
+            };
+        });
+        return {
+            views: views,
+            size: this.paneview.size,
+        };
+    };
+    PaneviewComponent.prototype.fromJSON = function (serializedPaneview) {
+        var _this = this;
+        this.clear();
+        var views = serializedPaneview.views, size = serializedPaneview.size;
+        var queue = [];
+        this.paneview = new paneview_1.Paneview(this.element, {
+            orientation: splitview_1.Orientation.VERTICAL,
+            descriptor: {
+                size: size,
+                views: views.map(function (view) {
+                    var data = view.data;
+                    var body = (0, componentFactory_1.createComponent)(data.id, data.component, _this.options.components || {}, _this.options.frameworkComponents || {}, _this.options.frameworkWrapper
+                        ? {
+                            createComponent: _this.options.frameworkWrapper.body
+                                .createComponent,
+                        }
+                        : undefined);
+                    var header;
+                    if (data.headerComponent) {
+                        header = (0, componentFactory_1.createComponent)(data.id, data.headerComponent, _this.options.headerComponents || {}, _this.options.headerframeworkComponents || {}, _this.options.frameworkWrapper
+                            ? {
+                                createComponent: _this.options.frameworkWrapper.header
+                                    .createComponent,
+                            }
+                            : undefined);
+                    }
+                    else {
+                        header = new defaultPaneviewHeader_1.DefaultHeader();
+                    }
+                    var panel = new PaneFramework({
+                        id: data.id,
+                        component: data.component,
+                        headerComponent: data.headerComponent,
+                        header: header,
+                        body: body,
+                        orientation: splitview_1.Orientation.VERTICAL,
+                        isExpanded: !!view.expanded,
+                        disableDnd: !!_this.options.disableDnd,
+                        accessor: _this,
+                    });
+                    _this.doAddPanel(panel);
+                    queue.push(function () {
+                        panel.init({
+                            params: data.params || {},
+                            minimumBodySize: view.minimumSize,
+                            maximumBodySize: view.maximumSize,
+                            title: data.title,
+                            isExpanded: !!view.expanded,
+                            containerApi: new component_api_1.PaneviewApi(_this),
+                        });
+                        panel.orientation = _this.paneview.orientation;
+                    });
+                    setTimeout(function () {
+                        // the original onDidAddView events are missed since they are fired before we can subcribe to them
+                        _this._onDidAddView.fire(panel);
+                    }, 0);
+                    return { size: view.size, view: panel };
+                }),
+            },
+        });
+        this.layout(this.width, this.height);
+        queue.forEach(function (f) { return f(); });
+        this._onDidLayoutfromJSON.fire();
+    };
+    PaneviewComponent.prototype.clear = function () {
+        var e_1, _a;
+        try {
+            for (var _b = __values(this._viewDisposables.entries()), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var _d = __read(_c.value, 2), _ = _d[0], value = _d[1];
+                value.dispose();
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        this._viewDisposables.clear();
+        this.paneview.dispose();
+    };
+    PaneviewComponent.prototype.doAddPanel = function (panel) {
+        var _this = this;
+        var disposable = panel.onDidDrop(function (event) {
+            _this._onDidDrop.fire(event);
+        });
+        this._viewDisposables.set(panel.id, disposable);
+    };
+    PaneviewComponent.prototype.doRemovePanel = function (panel) {
+        var disposable = this._viewDisposables.get(panel.id);
+        if (disposable) {
+            disposable.dispose();
+            this._viewDisposables.delete(panel.id);
+        }
+    };
+    PaneviewComponent.prototype.dispose = function () {
+        var e_2, _a;
+        _super.prototype.dispose.call(this);
+        try {
+            for (var _b = __values(this._viewDisposables.entries()), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var _d = __read(_c.value, 2), _ = _d[0], value = _d[1];
+                value.dispose();
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+        this._viewDisposables.clear();
+        this.paneview.dispose();
+    };
+    return PaneviewComponent;
+}(lifecycle_1.CompositeDisposable));
+exports.PaneviewComponent = PaneviewComponent;
+//# sourceMappingURL=paneviewComponent.js.map

package/dist/cjs/paneview/paneviewComponent.js.map

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

package/dist/cjs/paneview/paneviewPanel.d.ts

@@ -0,0 +1,92 @@
+import { PaneviewApi } from '../api/component.api';
+import { PaneviewPanelApiImpl } from '../api/paneviewPanelApi';
+import { Event } from '../events';
+import { BasePanelView, BasePanelViewExported, BasePanelViewState } from '../gridview/basePanelView';
+import { IDisposable } from '../lifecycle';
+import { IFrameworkPart, PanelInitParameters, PanelUpdateEvent } from '../panel/types';
+import { IView, Orientation } from '../splitview/splitview';
+export interface PanePanelViewState extends BasePanelViewState {
+    headerComponent?: string;
+    title: string;
+}
+export interface PanePanelInitParameter extends PanelInitParameters {
+    minimumBodySize?: number;
+    maximumBodySize?: number;
+    isExpanded?: boolean;
+    title: string;
+    containerApi: PaneviewApi;
+}
+export interface PanePanelComponentInitParameter extends PanePanelInitParameter {
+    api: PaneviewPanelApiImpl;
+}
+export interface IPaneBodyPart extends IDisposable {
+    readonly element: HTMLElement;
+    update(params: PanelUpdateEvent): void;
+    init(parameters: PanePanelComponentInitParameter): void;
+}
+export interface IPaneHeaderPart extends IDisposable {
+    readonly element: HTMLElement;
+    update(params: PanelUpdateEvent): void;
+    init(parameters: PanePanelComponentInitParameter): void;
+}
+export interface IPaneview extends IView {
+    onDidChangeExpansionState: Event<boolean>;
+}
+export interface IPaneviewPanel extends BasePanelViewExported<PaneviewPanelApiImpl> {
+    readonly minimumSize: number;
+    readonly maximumSize: number;
+    readonly minimumBodySize: number;
+    readonly maximumBodySize: number;
+    isExpanded(): boolean;
+    setExpanded(isExpanded: boolean): void;
+    headerVisible: boolean;
+}
+export declare abstract class PaneviewPanel extends BasePanelView<PaneviewPanelApiImpl> implements IPaneview, IPaneviewPanel {
+    private readonly headerComponent;
+    private _onDidChangeExpansionState;
+    onDidChangeExpansionState: Event<boolean>;
+    private readonly _onDidChange;
+    readonly onDidChange: Event<{
+        size?: number;
+        orthogonalSize?: number;
+    }>;
+    private headerSize;
+    private _orthogonalSize;
+    private _size;
+    private _minimumBodySize;
+    private _maximumBodySize;
+    private _isExpanded;
+    protected header?: HTMLElement;
+    protected body?: HTMLElement;
+    private bodyPart?;
+    private headerPart?;
+    private expandedSize;
+    private animationTimer;
+    private _orientation;
+    private _headerVisible;
+    set orientation(value: Orientation);
+    get orientation(): Orientation;
+    get minimumSize(): number;
+    get maximumSize(): number;
+    get size(): number;
+    get orthogonalSize(): number;
+    set orthogonalSize(size: number);
+    get minimumBodySize(): number;
+    set minimumBodySize(value: number);
+    get maximumBodySize(): number;
+    set maximumBodySize(value: number);
+    get headerVisible(): boolean;
+    set headerVisible(value: boolean);
+    constructor(id: string, component: string, headerComponent: string | undefined, orientation: Orientation, isExpanded: boolean, isHeaderVisible: boolean);
+    setVisible(isVisible: boolean): void;
+    setActive(isActive: boolean): void;
+    isExpanded(): boolean;
+    setExpanded(expanded: boolean): void;
+    layout(size: number, orthogonalSize: number): void;
+    init(parameters: PanePanelInitParameter): void;
+    toJSON(): PanePanelViewState;
+    private renderOnce;
+    getComponent(): IFrameworkPart;
+    protected abstract getBodyComponent(): IPaneBodyPart;
+    protected abstract getHeaderComponent(): IPaneHeaderPart;
+}