dockview 1.6.0 → 1.7.1

package/dist/{esm/react → cjs}/gridview/view.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { GridviewPanel } from '../../gridview/gridviewPanel';
-import { IFrameworkPart } from '../../panel/types';
-import { 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(): IFrameworkPart;
-}
+/// <reference types="react" />
+import { GridviewPanel, IFrameworkPart } from 'dockview-core';
+import { 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(): IFrameworkPart;
+}
+//# sourceMappingURL=view.d.ts.map

package/dist/cjs/gridview/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../src/gridview/view.ts"],"names":[],"mappings":";AAAA,OAAO,EAEH,aAAa,EAEb,cAAc,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD,qBAAa,kBAAmB,SAAQ,aAAa;IAI7C,OAAO,CAAC,QAAQ,CAAC,cAAc;IAC/B,OAAO,CAAC,QAAQ,CAAC,gBAAgB;gBAHjC,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,MAAM,EACA,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,EAC5D,gBAAgB,EAAE,gBAAgB;IAKvD,YAAY,IAAI,cAAc;CAcjC"}

package/dist/cjs/{react/gridview → gridview}/view.js

@@ -1,42 +1,40 @@
-"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 __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReactGridPanelView = void 0;
-var component_api_1 = require("../../api/component.api");
-var gridviewPanelApi_1 = require("../../api/gridviewPanelApi");
-var gridviewPanel_1 = require("../../gridview/gridviewPanel");
-var react_1 = require("../react");
-var ReactGridPanelView = /** @class */ (function (_super) {
-    __extends(ReactGridPanelView, _super);
-    function ReactGridPanelView(id, component, reactComponent, reactPortalStore) {
-        var _this = _super.call(this, id, component, new gridviewPanelApi_1.GridviewPanelApiImpl(id)) || this;
-        _this.reactComponent = reactComponent;
-        _this.reactPortalStore = reactPortalStore;
-        return _this;
-    }
-    ReactGridPanelView.prototype.getComponent = function () {
-        var _a;
-        return new react_1.ReactPart(this.element, this.reactPortalStore, this.reactComponent, {
-            params: ((_a = this._params) === null || _a === void 0 ? void 0 : _a.params) || {},
-            api: this.api,
-            containerApi: new component_api_1.GridviewApi(this._params.accessor),
-        });
-    };
-    return ReactGridPanelView;
-}(gridviewPanel_1.GridviewPanel));
-exports.ReactGridPanelView = ReactGridPanelView;
+"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 __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactGridPanelView = void 0;
+var dockview_core_1 = require("dockview-core");
+var react_1 = require("../react");
+var ReactGridPanelView = /** @class */ (function (_super) {
+    __extends(ReactGridPanelView, _super);
+    function ReactGridPanelView(id, component, reactComponent, reactPortalStore) {
+        var _this = _super.call(this, id, component) || this;
+        _this.reactComponent = reactComponent;
+        _this.reactPortalStore = reactPortalStore;
+        return _this;
+    }
+    ReactGridPanelView.prototype.getComponent = function () {
+        var _a;
+        return new react_1.ReactPart(this.element, this.reactPortalStore, this.reactComponent, {
+            params: ((_a = this._params) === null || _a === void 0 ? void 0 : _a.params) || {},
+            api: this.api,
+            containerApi: new dockview_core_1.GridviewApi(this._params.accessor),
+        });
+    };
+    return ReactGridPanelView;
+}(dockview_core_1.GridviewPanel));
+exports.ReactGridPanelView = ReactGridPanelView;
 //# sourceMappingURL=view.js.map

package/dist/cjs/gridview/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../src/gridview/view.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,+CAKuB;AACvB,kCAAuD;AAGvD;IAAwC,sCAAa;IACjD,4BACI,EAAU,EACV,SAAiB,EACA,cAA4D,EAC5D,gBAAkC;QAJvD,YAMI,kBAAM,EAAE,EAAE,SAAS,CAAC,SACvB;QAJoB,oBAAc,GAAd,cAAc,CAA8C;QAC5D,sBAAgB,GAAhB,gBAAgB,CAAkB;;IAGvD,CAAC;IAED,yCAAY,GAAZ;;QACI,OAAO,IAAI,iBAAS,CAChB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,cAAc,EACnB;YACI,MAAM,EAAE,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,KAAI,EAAE;YAClC,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,YAAY,EAAE,IAAI,2BAAW,CACxB,IAAI,CAAC,OAAkC,CAAC,QAAQ,CACpD;SACJ,CACJ,CAAC;IACN,CAAC;IACL,yBAAC;AAAD,CAAC,AAxBD,CAAwC,6BAAa,GAwBpD;AAxBY,gDAAkB"}

package/dist/cjs/index.d.ts

@@ -1,30 +1,11 @@
-export * from './dnd/dataTransfer';
-export * from './splitview/core/splitview';
-export * from './paneview/paneview';
-export * from './gridview/gridview';
-export * from './groupview/groupview';
-export * from './gridview/baseComponentGridview';
-export * from './groupview/panel/content';
-export * from './groupview/tab';
-export * from './groupview/dnd';
-export * from './groupview/types';
-export * from './dockview/options';
-export * from './dockview/dockviewComponent';
-export * from './gridview/gridviewComponent';
-export * from './splitview/splitviewComponent';
-export * from './paneview/paneviewComponent';
-export { PaneviewComponentOptions } from './paneview/options';
-export * from './gridview/gridviewPanel';
-export * from './splitview/splitviewPanel';
-export * from './paneview/paneviewPanel';
-export * from './groupview/types';
-export * from './react';
-export { Event } from './events';
-export { IDisposable } from './lifecycle';
-export { Position, positionToDirection, directionToPosition, } from './dnd/droptarget';
-export { FocusEvent, PanelDimensionChangeEvent, VisibilityEvent, ActiveEvent, PanelApi, } from './api/panelApi';
-export { SizeEvent, GridviewPanelApi, GridConstraintChangeEvent, } from './api/gridviewPanelApi';
-export { TitleEvent, DockviewPanelApi } from './api/dockviewPanelApi';
-export { PanelSizeEvent, PanelConstraintChangeEvent, SplitviewPanelApi, } from './api/splitviewPanelApi';
-export { ExpansionEvent, PaneviewPanelApi } from './api/paneviewPanelApi';
-export { CommonApi, SplitviewApi, PaneviewApi, GridviewApi, DockviewApi, } from './api/component.api';
+export * from 'dockview-core';
+export * from './dockview/dockview';
+export * from './dockview/defaultTab';
+export * from './splitview/splitview';
+export * from './gridview/gridview';
+export { IDockviewGroupControlProps } from './dockview/groupControlsRenderer';
+export { IWatermarkPanelProps } from './dockview/reactWatermarkPart';
+export * from './paneview/paneview';
+export * from './types';
+export * from './react';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAE9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/cjs/index.js

@@ -1,48 +1,25 @@
-"use strict";
-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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DockviewApi = exports.GridviewApi = exports.PaneviewApi = exports.SplitviewApi = exports.directionToPosition = exports.positionToDirection = exports.Event = void 0;
-__exportStar(require("./dnd/dataTransfer"), exports);
-__exportStar(require("./splitview/core/splitview"), exports);
-__exportStar(require("./paneview/paneview"), exports);
-__exportStar(require("./gridview/gridview"), exports);
-__exportStar(require("./groupview/groupview"), exports);
-__exportStar(require("./gridview/baseComponentGridview"), exports);
-__exportStar(require("./groupview/panel/content"), exports);
-__exportStar(require("./groupview/tab"), exports);
-__exportStar(require("./groupview/dnd"), exports);
-__exportStar(require("./groupview/types"), exports);
-__exportStar(require("./dockview/options"), exports);
-__exportStar(require("./dockview/dockviewComponent"), exports);
-__exportStar(require("./gridview/gridviewComponent"), exports);
-__exportStar(require("./splitview/splitviewComponent"), exports);
-__exportStar(require("./paneview/paneviewComponent"), exports);
-__exportStar(require("./gridview/gridviewPanel"), exports);
-__exportStar(require("./splitview/splitviewPanel"), exports);
-__exportStar(require("./paneview/paneviewPanel"), exports);
-__exportStar(require("./groupview/types"), exports);
-__exportStar(require("./react"), exports); // TODO: should be conditional on whether user wants the React wrappers
-var events_1 = require("./events");
-Object.defineProperty(exports, "Event", { enumerable: true, get: function () { return events_1.Event; } });
-var droptarget_1 = require("./dnd/droptarget");
-Object.defineProperty(exports, "positionToDirection", { enumerable: true, get: function () { return droptarget_1.positionToDirection; } });
-Object.defineProperty(exports, "directionToPosition", { enumerable: true, get: function () { return droptarget_1.directionToPosition; } });
-var component_api_1 = require("./api/component.api");
-Object.defineProperty(exports, "SplitviewApi", { enumerable: true, get: function () { return component_api_1.SplitviewApi; } });
-Object.defineProperty(exports, "PaneviewApi", { enumerable: true, get: function () { return component_api_1.PaneviewApi; } });
-Object.defineProperty(exports, "GridviewApi", { enumerable: true, get: function () { return component_api_1.GridviewApi; } });
-Object.defineProperty(exports, "DockviewApi", { enumerable: true, get: function () { return component_api_1.DockviewApi; } });
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("dockview-core"), exports);
+__exportStar(require("./dockview/dockview"), exports);
+__exportStar(require("./dockview/defaultTab"), exports);
+__exportStar(require("./splitview/splitview"), exports);
+__exportStar(require("./gridview/gridview"), exports);
+__exportStar(require("./paneview/paneview"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./react"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,qDAAmC;AAEnC,6DAA2C;AAC3C,sDAAoC;AACpC,sDAAoC;AACpC,wDAAsC;AACtC,mEAAiD;AAEjD,4DAA0C;AAC1C,kDAAgC;AAChC,kDAAgC;AAChC,oDAAkC;AAClC,qDAAmC;AAEnC,+DAA6C;AAC7C,+DAA6C;AAC7C,iEAA+C;AAC/C,+DAA6C;AAG7C,2DAAyC;AACzC,6DAA2C;AAC3C,2DAAyC;AACzC,oDAAkC;AAElC,0CAAwB,CAAC,uEAAuE;AAEhG,mCAAiC;AAAxB,+FAAA,KAAK,OAAA;AAEd,+CAI0B;AAFtB,iHAAA,mBAAmB,OAAA;AACnB,iHAAA,mBAAmB,OAAA;AAqBvB,qDAM6B;AAJzB,6GAAA,YAAY,OAAA;AACZ,4GAAA,WAAW,OAAA;AACX,4GAAA,WAAW,OAAA;AACX,4GAAA,WAAW,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAE9B,sDAAoC;AACpC,wDAAsC;AACtC,wDAAsC;AACtC,sDAAoC;AAGpC,sDAAoC;AACpC,0CAAwB;AACxB,0CAAwB"}

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

@@ -1,40 +1,25 @@
-import { Orientation, ISplitViewDescriptor, Sizing } from '../splitview/core/splitview';
-import { CompositeDisposable, IDisposable } from '../lifecycle';
-import { Event } from '../events';
-import { PaneviewPanel } from './paneviewPanel';
-interface PaneItem {
-    pane: PaneviewPanel;
-    disposable: IDisposable;
-}
-export declare class Paneview extends CompositeDisposable implements IDisposable {
-    private element;
-    private splitview;
-    private paneItems;
-    private _orientation;
-    private animationTimer;
-    private skipAnimation;
-    private readonly _onDidChange;
-    readonly onDidChange: Event<void>;
-    get onDidAddView(): Event<PaneviewPanel>;
-    get onDidRemoveView(): Event<PaneviewPanel>;
-    get minimumSize(): number;
-    get maximumSize(): number;
-    get orientation(): Orientation;
-    get size(): number;
-    get orthogonalSize(): number;
-    constructor(container: HTMLElement, options: {
-        orientation: Orientation;
-        descriptor?: ISplitViewDescriptor;
-    });
-    addPane(pane: PaneviewPanel, size?: number | Sizing, index?: number, skipLayout?: boolean): void;
-    getViewSize(index: number): number;
-    getPanes(): PaneviewPanel[];
-    removePane(index: number, options?: {
-        skipDispose: boolean;
-    }): PaneItem;
-    moveView(from: number, to: number): void;
-    layout(size: number, orthogonalSize: number): void;
-    private setupAnimation;
-    dispose(): void;
-}
-export {};
+import * as React from 'react';
+import { PaneviewPanelApi, PaneviewDndOverlayEvent, PaneviewApi, PaneviewDropEvent } from 'dockview-core';
+import { PanelCollection, PanelParameters } from '../types';
+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 IPaneviewReactProps {
+    onReady: (event: PaneviewReadyEvent) => void;
+    components: PanelCollection<IPaneviewPanelProps>;
+    headerComponents?: PanelCollection<IPaneviewPanelProps>;
+    className?: string;
+    disableAutoResizing?: boolean;
+    disableDnd?: boolean;
+    showDndOverlay?: (event: PaneviewDndOverlayEvent) => boolean;
+    onDidDrop?(event: PaneviewDropEvent): void;
+}
+export declare const PaneviewReact: React.ForwardRefExoticComponent<IPaneviewReactProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=paneview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paneview.d.ts","sourceRoot":"","sources":["../../../src/paneview/paneview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,gBAAgB,EAGhB,uBAAuB,EACvB,WAAW,EACX,iBAAiB,EACpB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,WAAW,kBAAkB;IAC/B,GAAG,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,GAAG,CACzE,SAAQ,eAAe,CAAC,CAAC,CAAC;IAC1B,GAAG,EAAE,gBAAgB,CAAC;IACtB,YAAY,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,UAAU,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;IACjD,gBAAgB,CAAC,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,OAAO,CAAC;IAC7D,SAAS,CAAC,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,aAAa,4FAgHzB,CAAC"}