dockview 1.5.1 → 1.6.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2021 mathuo
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2021 mathuo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,52 +1,52 @@
-<div align="center">
-<h1>dockview</h1>
-
-<p>Zero dependency layout manager supporting tabs, grids and splitviews with ReactJS support written in TypeScript</p>
-
-</div>
-
----
-
-[![npm version](https://badge.fury.io/js/dockview.svg)](https://www.npmjs.com/package/dockview)
-[![CI Build](https://github.com/mathuo/dockview/workflows/CI/badge.svg)](https://github.com/mathuo/dockview/actions?query=workflow%3ACI)
-[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=mathuo_dockview&metric=coverage)](https://sonarcloud.io/summary/overall?id=mathuo_dockview)
-[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=mathuo_dockview&metric=alert_status)](https://sonarcloud.io/summary/overall?id=mathuo_dockview)
-[![Bundle Phobia](https://badgen.net/bundlephobia/minzip/dockview)](https://bundlephobia.com/result?p=dockview)
-
-##
-
-Please see the website: https://dockview.dev
-
-Want to inspect the latest deployment? Go to https://unpkg.com/browse/dockview@latest/
-
-## Features
-
--   Simple splitviews, nested splitviews (i.e. gridviews) supporting full layout managment with
-    dockable and tabular views
--   Extensive API support at the component level and view level
--   Themable and customizable
--   Serialization / deserialization support
--   Tabular docking and Drag and Drop support
--   Documentation and examples
-
-This project was inspired by many popular IDE editors. Some parts of the core resizable panelling are inspired by code found in the VSCode codebase, [splitview](https://github.com/microsoft/vscode/tree/main/src/vs/base/browser/ui/splitview) and [gridview](https://github.com/microsoft/vscode/tree/main/src/vs/base/browser/ui/grid).
-
-## Quick start
-
-Dockview has a peer dependency on `react >= 16.8.0` and `react-dom >= 16.8.0`. You can install dockview from [npm](https://www.npmjs.com/package/dockview). Please see the [Getting Started Guide](https://mathuo.github.io/dockview/docs/).
-
-```
-npm install --save dockview
-```
-
-Within your project you must import or reference the stylesheet at `dockview/dist/styles/dockview.css` and attach a theme.
-
-```css
-@import '~dockview/dist/styles/dockview.css';
-```
-
-You should also attach a dockview theme to an element containing your components. For example:
-
-```html
-<body classname="dockview-theme-dark"></body>
-```
+<div align="center">
+<h1>dockview</h1>
+
+<p>Zero dependency layout manager supporting tabs, grids and splitviews with ReactJS support written in TypeScript</p>
+
+</div>
+
+---
+
+[![npm version](https://badge.fury.io/js/dockview.svg)](https://www.npmjs.com/package/dockview)
+[![CI Build](https://github.com/mathuo/dockview/workflows/CI/badge.svg)](https://github.com/mathuo/dockview/actions?query=workflow%3ACI)
+[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=mathuo_dockview&metric=coverage)](https://sonarcloud.io/summary/overall?id=mathuo_dockview)
+[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=mathuo_dockview&metric=alert_status)](https://sonarcloud.io/summary/overall?id=mathuo_dockview)
+[![Bundle Phobia](https://badgen.net/bundlephobia/minzip/dockview)](https://bundlephobia.com/result?p=dockview)
+
+##
+
+Please see the website: https://dockview.dev
+
+Want to inspect the latest deployment? Go to https://unpkg.com/browse/dockview@latest/
+
+## Features
+
+-   Simple splitviews, nested splitviews (i.e. gridviews) supporting full layout managment with
+    dockable and tabular views
+-   Extensive API support at the component level and view level
+-   Themable and customizable
+-   Serialization / deserialization support
+-   Tabular docking and Drag and Drop support
+-   Documentation and examples
+
+This project was inspired by many popular IDE editors. Some parts of the core resizable panelling are inspired by code found in the VSCode codebase, [splitview](https://github.com/microsoft/vscode/tree/main/src/vs/base/browser/ui/splitview) and [gridview](https://github.com/microsoft/vscode/tree/main/src/vs/base/browser/ui/grid).
+
+## Quick start
+
+Dockview has a peer dependency on `react >= 16.8.0` and `react-dom >= 16.8.0`. You can install dockview from [npm](https://www.npmjs.com/package/dockview). Please see the [Getting Started Guide](https://mathuo.github.io/dockview/docs/).
+
+```
+npm install --save dockview
+```
+
+Within your project you must import or reference the stylesheet at `dockview/dist/styles/dockview.css` and attach a theme.
+
+```css
+@import '~dockview/dist/styles/dockview.css';
+```
+
+You should also attach a dockview theme to an element containing your components. For example:
+
+```html
+<body classname="dockview-theme-dark"></body>
+```

package/dist/cjs/actionbar/actionsContainer.d.ts

@@ -1,7 +1,7 @@
-export declare class ActionContainer {
-    private _element;
-    private _list;
-    get element(): HTMLElement;
-    constructor();
-    add(element: HTMLElement): void;
-}
+export declare class ActionContainer {
+    private _element;
+    private _list;
+    get element(): HTMLElement;
+    constructor();
+    add(element: HTMLElement): void;
+}

package/dist/cjs/actionbar/actionsContainer.js

@@ -1,27 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionContainer = void 0;
-var ActionContainer = /** @class */ (function () {
-    function ActionContainer() {
-        this._element = document.createElement('div');
-        this._element.className = 'actions-bar';
-        this._list = document.createElement('ul');
-        this._list.className = 'actions-container';
-        this._element.appendChild(this._list);
-    }
-    Object.defineProperty(ActionContainer.prototype, "element", {
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ActionContainer.prototype.add = function (element) {
-        var listItem = document.createElement('li');
-        listItem.className = 'action-item';
-        this._list.appendChild(element);
-    };
-    return ActionContainer;
-}());
-exports.ActionContainer = ActionContainer;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionContainer = void 0;
+var ActionContainer = /** @class */ (function () {
+    function ActionContainer() {
+        this._element = document.createElement('div');
+        this._element.className = 'actions-bar';
+        this._list = document.createElement('ul');
+        this._list.className = 'actions-container';
+        this._element.appendChild(this._list);
+    }
+    Object.defineProperty(ActionContainer.prototype, "element", {
+        get: function () {
+            return this._element;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ActionContainer.prototype.add = function (element) {
+        var listItem = document.createElement('li');
+        listItem.className = 'action-item';
+        this._list.appendChild(element);
+    };
+    return ActionContainer;
+}());
+exports.ActionContainer = ActionContainer;
 //# sourceMappingURL=actionsContainer.js.map

package/dist/cjs/api/component.api.d.ts

@@ -1,144 +1,145 @@
-import { DockviewDropEvent, IDockviewComponent, SerializedDockview } from '../dockview/dockviewComponent';
-import { AddGroupOptions, AddPanelOptions, MovementOptions } from '../dockview/options';
-import { Direction } from '../gridview/baseComponentGridview';
-import { AddComponentOptions, IGridviewComponent, SerializedGridview } from '../gridview/gridviewComponent';
-import { IGridviewPanel } from '../gridview/gridviewPanel';
-import { IDockviewPanel } from '../groupview/groupPanel';
-import { AddPaneviewComponentOptions, SerializedPaneview, IPaneviewComponent } from '../paneview/paneviewComponent';
-import { IPaneviewPanel } from '../paneview/paneviewPanel';
-import { AddSplitviewComponentOptions, ISplitviewComponent, SerializedSplitview, SplitviewComponentUpdateOptions } from '../splitview/splitviewComponent';
-import { IView, Orientation, Sizing } from '../splitview/core/splitview';
-import { ISplitviewPanel } from '../splitview/splitviewPanel';
-import { GroupPanel, IGroupviewPanel } from '../groupview/groupviewPanel';
-import { Event } from '../events';
-import { PaneviewDropEvent } from '../react';
-export interface CommonApi<T = any> {
-    readonly height: number;
-    readonly width: number;
-    readonly onDidLayoutChange: Event<void>;
-    readonly onDidLayoutFromJSON: Event<void>;
-    focus(): void;
-    layout(width: number, height: number): void;
-    fromJSON(data: T): void;
-    toJSON(): T;
-    clear(): void;
-}
-export declare class SplitviewApi implements CommonApi<SerializedSplitview> {
-    private readonly component;
-    get minimumSize(): number;
-    get maximumSize(): number;
-    get height(): number;
-    get width(): number;
-    get length(): number;
-    get orientation(): Orientation;
-    get panels(): ISplitviewPanel[];
-    get onDidLayoutFromJSON(): Event<void>;
-    get onDidLayoutChange(): Event<void>;
-    get onDidAddView(): Event<IView>;
-    get onDidRemoveView(): Event<IView>;
-    constructor(component: ISplitviewComponent);
-    updateOptions(options: SplitviewComponentUpdateOptions): void;
-    removePanel(panel: ISplitviewPanel, sizing?: Sizing): void;
-    focus(): void;
-    getPanel(id: string): ISplitviewPanel | undefined;
-    layout(width: number, height: number): void;
-    addPanel(options: AddSplitviewComponentOptions): ISplitviewPanel;
-    movePanel(from: number, to: number): void;
-    fromJSON(data: SerializedSplitview): void;
-    toJSON(): SerializedSplitview;
-    clear(): void;
-}
-export declare class PaneviewApi implements CommonApi<SerializedPaneview> {
-    private readonly component;
-    get minimumSize(): number;
-    get maximumSize(): number;
-    get height(): number;
-    get width(): number;
-    get panels(): IPaneviewPanel[];
-    get onDidLayoutChange(): Event<void>;
-    get onDidLayoutFromJSON(): Event<void>;
-    get onDidAddView(): Event<IPaneviewPanel>;
-    get onDidRemoveView(): Event<IPaneviewPanel>;
-    get onDidDrop(): Event<PaneviewDropEvent>;
-    constructor(component: IPaneviewComponent);
-    removePanel(panel: IPaneviewPanel): void;
-    getPanel(id: string): IPaneviewPanel | undefined;
-    movePanel(from: number, to: number): void;
-    focus(): void;
-    layout(width: number, height: number): void;
-    addPanel(options: AddPaneviewComponentOptions): IPaneviewPanel;
-    fromJSON(data: SerializedPaneview): void;
-    toJSON(): SerializedPaneview;
-    clear(): void;
-}
-export declare class GridviewApi implements CommonApi<SerializedGridview> {
-    private readonly component;
-    get minimumHeight(): number;
-    get maximumHeight(): number;
-    get minimumWidth(): number;
-    get maximumWidth(): number;
-    get width(): number;
-    get height(): number;
-    get onDidLayoutChange(): Event<void>;
-    get onDidAddPanel(): Event<IGridviewPanel>;
-    get onDidRemovePanel(): Event<IGridviewPanel>;
-    get onDidActivePanelChange(): Event<IGridviewPanel | undefined>;
-    get onDidLayoutFromJSON(): Event<void>;
-    get panels(): IGridviewPanel[];
-    get orientation(): Orientation;
-    set orientation(value: Orientation);
-    constructor(component: IGridviewComponent);
-    focus(): void;
-    layout(width: number, height: number, force?: boolean): void;
-    addPanel(options: AddComponentOptions): IGridviewPanel;
-    removePanel(panel: IGridviewPanel, sizing?: Sizing): void;
-    movePanel(panel: IGridviewPanel, options: {
-        direction: Direction;
-        reference: string;
-        size?: number;
-    }): void;
-    getPanel(id: string): IGridviewPanel | undefined;
-    fromJSON(data: SerializedGridview): void;
-    toJSON(): SerializedGridview;
-    clear(): void;
-}
-export declare class DockviewApi implements CommonApi<SerializedDockview> {
-    private readonly component;
-    get width(): number;
-    get height(): number;
-    get minimumHeight(): number;
-    get maximumHeight(): number;
-    get minimumWidth(): number;
-    get maximumWidth(): number;
-    get size(): number;
-    get totalPanels(): number;
-    get onDidActiveGroupChange(): Event<GroupPanel | undefined>;
-    get onDidAddGroup(): Event<GroupPanel>;
-    get onDidRemoveGroup(): Event<GroupPanel>;
-    get onDidActivePanelChange(): Event<IDockviewPanel | undefined>;
-    get onDidAddPanel(): Event<IDockviewPanel>;
-    get onDidRemovePanel(): Event<IDockviewPanel>;
-    get onDidLayoutFromJSON(): Event<void>;
-    get onDidLayoutChange(): Event<void>;
-    get onDidDrop(): Event<DockviewDropEvent>;
-    get panels(): IDockviewPanel[];
-    get groups(): GroupPanel[];
-    get activePanel(): IDockviewPanel | undefined;
-    get activeGroup(): GroupPanel | undefined;
-    constructor(component: IDockviewComponent);
-    getTabHeight(): number | undefined;
-    setTabHeight(height: number | undefined): void;
-    focus(): void;
-    getPanel(id: string): IDockviewPanel | undefined;
-    layout(width: number, height: number, force?: boolean): void;
-    addPanel(options: AddPanelOptions): IDockviewPanel;
-    addEmptyGroup(options?: AddGroupOptions): void;
-    moveToNext(options?: MovementOptions): void;
-    moveToPrevious(options?: MovementOptions): void;
-    closeAllGroups(): void;
-    removeGroup(group: IGroupviewPanel): void;
-    getGroup(id: string): GroupPanel | undefined;
-    fromJSON(data: SerializedDockview): void;
-    toJSON(): SerializedDockview;
-    clear(): void;
-}
+import { DockviewDropEvent, IDockviewComponent, SerializedDockview } from '../dockview/dockviewComponent';
+import { AddGroupOptions, AddPanelOptions, MovementOptions } from '../dockview/options';
+import { Direction } from '../gridview/baseComponentGridview';
+import { AddComponentOptions, IGridviewComponent, SerializedGridview } from '../gridview/gridviewComponent';
+import { IGridviewPanel } from '../gridview/gridviewPanel';
+import { AddPaneviewComponentOptions, SerializedPaneview, IPaneviewComponent } from '../paneview/paneviewComponent';
+import { IPaneviewPanel } from '../paneview/paneviewPanel';
+import { AddSplitviewComponentOptions, ISplitviewComponent, SerializedSplitview, SplitviewComponentUpdateOptions } from '../splitview/splitviewComponent';
+import { IView, Orientation, Sizing } from '../splitview/core/splitview';
+import { ISplitviewPanel } from '../splitview/splitviewPanel';
+import { GroupPanel, IGroupviewPanel } from '../groupview/groupviewPanel';
+import { Event } from '../events';
+import { PaneviewDropEvent } from '../react';
+import { IDockviewPanel } from '../dockview/dockviewPanel';
+export interface CommonApi<T = any> {
+    readonly height: number;
+    readonly width: number;
+    readonly onDidLayoutChange: Event<void>;
+    readonly onDidLayoutFromJSON: Event<void>;
+    focus(): void;
+    layout(width: number, height: number): void;
+    fromJSON(data: T): void;
+    toJSON(): T;
+    clear(): void;
+}
+export declare class SplitviewApi implements CommonApi<SerializedSplitview> {
+    private readonly component;
+    get minimumSize(): number;
+    get maximumSize(): number;
+    get height(): number;
+    get width(): number;
+    get length(): number;
+    get orientation(): Orientation;
+    get panels(): ISplitviewPanel[];
+    get onDidLayoutFromJSON(): Event<void>;
+    get onDidLayoutChange(): Event<void>;
+    get onDidAddView(): Event<IView>;
+    get onDidRemoveView(): Event<IView>;
+    constructor(component: ISplitviewComponent);
+    updateOptions(options: SplitviewComponentUpdateOptions): void;
+    removePanel(panel: ISplitviewPanel, sizing?: Sizing): void;
+    focus(): void;
+    getPanel(id: string): ISplitviewPanel | undefined;
+    layout(width: number, height: number): void;
+    addPanel(options: AddSplitviewComponentOptions): ISplitviewPanel;
+    movePanel(from: number, to: number): void;
+    fromJSON(data: SerializedSplitview): void;
+    toJSON(): SerializedSplitview;
+    clear(): void;
+}
+export declare class PaneviewApi implements CommonApi<SerializedPaneview> {
+    private readonly component;
+    get minimumSize(): number;
+    get maximumSize(): number;
+    get height(): number;
+    get width(): number;
+    get panels(): IPaneviewPanel[];
+    get onDidLayoutChange(): Event<void>;
+    get onDidLayoutFromJSON(): Event<void>;
+    get onDidAddView(): Event<IPaneviewPanel>;
+    get onDidRemoveView(): Event<IPaneviewPanel>;
+    get onDidDrop(): Event<PaneviewDropEvent>;
+    constructor(component: IPaneviewComponent);
+    removePanel(panel: IPaneviewPanel): void;
+    getPanel(id: string): IPaneviewPanel | undefined;
+    movePanel(from: number, to: number): void;
+    focus(): void;
+    layout(width: number, height: number): void;
+    addPanel(options: AddPaneviewComponentOptions): IPaneviewPanel;
+    fromJSON(data: SerializedPaneview): void;
+    toJSON(): SerializedPaneview;
+    clear(): void;
+}
+export declare class GridviewApi implements CommonApi<SerializedGridview> {
+    private readonly component;
+    get minimumHeight(): number;
+    get maximumHeight(): number;
+    get minimumWidth(): number;
+    get maximumWidth(): number;
+    get width(): number;
+    get height(): number;
+    get onDidLayoutChange(): Event<void>;
+    get onDidAddPanel(): Event<IGridviewPanel>;
+    get onDidRemovePanel(): Event<IGridviewPanel>;
+    get onDidActivePanelChange(): Event<IGridviewPanel | undefined>;
+    get onDidLayoutFromJSON(): Event<void>;
+    get panels(): IGridviewPanel[];
+    get orientation(): Orientation;
+    set orientation(value: Orientation);
+    constructor(component: IGridviewComponent);
+    focus(): void;
+    layout(width: number, height: number, force?: boolean): void;
+    addPanel(options: AddComponentOptions): IGridviewPanel;
+    removePanel(panel: IGridviewPanel, sizing?: Sizing): void;
+    movePanel(panel: IGridviewPanel, options: {
+        direction: Direction;
+        reference: string;
+        size?: number;
+    }): void;
+    getPanel(id: string): IGridviewPanel | undefined;
+    fromJSON(data: SerializedGridview): void;
+    toJSON(): SerializedGridview;
+    clear(): void;
+}
+export declare class DockviewApi implements CommonApi<SerializedDockview> {
+    private readonly component;
+    get id(): string;
+    get width(): number;
+    get height(): number;
+    get minimumHeight(): number;
+    get maximumHeight(): number;
+    get minimumWidth(): number;
+    get maximumWidth(): number;
+    get size(): number;
+    get totalPanels(): number;
+    get onDidActiveGroupChange(): Event<GroupPanel | undefined>;
+    get onDidAddGroup(): Event<GroupPanel>;
+    get onDidRemoveGroup(): Event<GroupPanel>;
+    get onDidActivePanelChange(): Event<IDockviewPanel | undefined>;
+    get onDidAddPanel(): Event<IDockviewPanel>;
+    get onDidRemovePanel(): Event<IDockviewPanel>;
+    get onDidLayoutFromJSON(): Event<void>;
+    get onDidLayoutChange(): Event<void>;
+    get onDidDrop(): Event<DockviewDropEvent>;
+    get panels(): IDockviewPanel[];
+    get groups(): GroupPanel[];
+    get activePanel(): IDockviewPanel | undefined;
+    get activeGroup(): GroupPanel | undefined;
+    constructor(component: IDockviewComponent);
+    getTabHeight(): number | undefined;
+    setTabHeight(height: number | undefined): void;
+    focus(): void;
+    getPanel(id: string): IDockviewPanel | undefined;
+    layout(width: number, height: number, force?: boolean): void;
+    addPanel(options: AddPanelOptions): IDockviewPanel;
+    addGroup(options?: AddGroupOptions): IGroupviewPanel;
+    moveToNext(options?: MovementOptions): void;
+    moveToPrevious(options?: MovementOptions): void;
+    closeAllGroups(): void;
+    removeGroup(group: IGroupviewPanel): void;
+    getGroup(id: string): GroupPanel | undefined;
+    fromJSON(data: SerializedDockview): void;
+    toJSON(): SerializedDockview;
+    clear(): void;
+}