dockview 1.6.0 → 1.7.0

package/dist/cjs/dockview/defaultTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTab.js","sourceRoot":"","sources":["../../../src/dockview/defaultTab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAA+B;AAC/B,8BAAqC;AAK9B,IAAM,kBAAkB,GAC3B,UAAC,EAA8D;IAA5D,IAAA,GAAG,SAAA,EAAgB,aAAa,kBAAA,EAAU,OAAO,YAAA,EAAK,IAAI,cAA5D,iCAA8D,CAAF;IACzD,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,UAAC,KAAwC;QACrC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,GAAG,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC,EACD,CAAC,GAAG,CAAC,CACR,CAAC;IAEF,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,UAAC,KAAuC;QACpC,GAAG,CAAC,SAAS,EAAE,CAAC;QAEhB,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;SACvB;IACL,CAAC,EACD,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,CACtB,CAAC;IAEF,IAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC;QAChC,IAAM,EAAE,GAAG,CAAC,2BAA2B,CAAC,CAAC;QACzC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,wCAAS,IAAI,IAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,oBAAoB;QAC3D,8BAAM,SAAS,EAAC,0BAA0B,IAAE,GAAG,CAAC,KAAK,CAAQ;QAC7D,6BAAK,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO;YAC3C,oBAAC,iBAAW,OAAG,CACb,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAlCO,QAAA,kBAAkB,sBAkCzB"}

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

@@ -1,8 +1,5 @@
 import * as React from 'react';
-import { DockviewDropEvent } from '../../dockview/dockviewComponent';
-import { DockviewDndOverlayEvent } from '../../dockview/options';
-import { DockviewPanelApi } from '../../api/dockviewPanelApi';
-import { DockviewApi } from '../../api/component.api';
+import { DockviewDropEvent, DockviewDndOverlayEvent, DockviewPanelApi, DockviewApi } from 'dockview-core';
 import { IWatermarkPanelProps } from './reactWatermarkPart';
 import { PanelCollection, PanelParameters } from '../types';
 import { IDockviewGroupControlProps } from './groupControlsRenderer';

package/dist/cjs/{react/dockview → dockview}/dockview.js

@@ -1,15 +1,4 @@
 "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);
@@ -52,16 +41,12 @@ var __read = (this && this.__read) || function (o, n) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DockviewReact = void 0;
 var React = __importStar(require("react"));
-var dockviewComponent_1 = require("../../dockview/dockviewComponent");
+var dockview_core_1 = require("dockview-core");
 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) {
@@ -69,6 +54,7 @@ function createGroupControlElement(component, store) {
         }
         : undefined;
 }
+var DEFAULT_REACT_TAB = 'props.defaultTabComponent';
 exports.DockviewReact = React.forwardRef(function (props, ref) {
     var domRef = React.useRef(null);
     var dockviewRef = React.useRef();
@@ -80,7 +66,7 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
                 //
             };
         }
-        var watcher = (0, dom_1.watchElementResize)(domRef.current, function (entry) {
+        var watcher = (0, dockview_core_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);
@@ -91,7 +77,6 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
     }, [props.disableAutoResizing]);
     React.useEffect(function () {
         var _a;
-        var _b;
         var factory = {
             content: {
                 createComponent: function (_id, componentId, component) {
@@ -116,13 +101,20 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             },
         };
         var element = document.createElement('div');
-        var dockview = new dockviewComponent_1.DockviewComponent(element, {
+        var frameworkTabComponents = props.tabComponents || {};
+        if (props.defaultTabComponent) {
+            frameworkTabComponents[DEFAULT_REACT_TAB] =
+                props.defaultTabComponent;
+        }
+        var dockview = new dockview_core_1.DockviewComponent(element, {
             frameworkComponentFactory: factory,
             frameworkComponents: props.components,
-            frameworkTabComponents: __assign(__assign({}, (props.tabComponents || {})), (_a = {}, _a[defaultTab_1.DEFAULT_TAB_IDENTIFIER] = props.defaultTabComponent, _a)),
+            frameworkTabComponents: frameworkTabComponents,
             tabHeight: props.tabHeight,
             watermarkFrameworkComponent: props.watermarkComponent,
-            defaultTabComponent: defaultTab_1.DEFAULT_TAB_IDENTIFIER,
+            defaultTabComponent: props.defaultTabComponent
+                ? DEFAULT_REACT_TAB
+                : undefined,
             styles: props.hideBorders
                 ? { separatorBorder: 'transparent' }
                 : undefined,
@@ -130,12 +122,11 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             createGroupControlElement: createGroupControlElement(props.groupControlComponent, { addPortal: addPortal }),
             singleTabMode: props.singleTabMode,
         });
-        (_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;
+        (_a = domRef.current) === null || _a === void 0 ? void 0 : _a.appendChild(dockview.element);
+        var _b = domRef.current, clientWidth = _b.clientWidth, clientHeight = _b.clientHeight;
         dockview.layout(clientWidth, clientHeight);
         if (props.onReady) {
-            props.onReady({ api: new component_api_1.DockviewApi(dockview) });
+            props.onReady({ api: new dockview_core_1.DockviewApi(dockview) });
         }
         dockviewRef.current = dockview;
         return function () {
@@ -191,13 +182,19 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
         });
     }, [props.tabComponents]);
     React.useEffect(function () {
-        var _a;
         if (!dockviewRef.current) {
             return;
         }
+        var frameworkTabComponents = props.tabComponents || {};
+        if (props.defaultTabComponent) {
+            frameworkTabComponents[DEFAULT_REACT_TAB] =
+                props.defaultTabComponent;
+        }
         dockviewRef.current.updateOptions({
-            defaultTabComponent: defaultTab_1.DEFAULT_TAB_IDENTIFIER,
-            frameworkTabComponents: __assign(__assign({}, (props.tabComponents || {})), (_a = {}, _a[defaultTab_1.DEFAULT_TAB_IDENTIFIER] = props.defaultTabComponent, _a)),
+            defaultTabComponent: props.defaultTabComponent
+                ? DEFAULT_REACT_TAB
+                : undefined,
+            frameworkTabComponents: frameworkTabComponents,
         });
     }, [props.defaultTabComponent]);
     React.useEffect(function () {

package/dist/cjs/dockview/dockview.js.map

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

package/dist/cjs/{react/dockview → dockview}/groupControlsRenderer.d.ts

@@ -1,24 +1,13 @@
 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 '../../dockview/dockviewPanel';
+import { IDockviewPanel, DockviewApi, DockviewGroupPanel, DockviewGroupPanelApi, PanelUpdateEvent } from 'dockview-core';
 export interface IDockviewGroupControlProps {
-    api: GroupviewPanelApi;
+    api: DockviewGroupPanelApi;
     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;
@@ -28,12 +17,12 @@ export declare class ReactGroupControlsRendererPart {
     private _part?;
     get element(): HTMLElement;
     get part(): ReactPart<IDockviewGroupControlProps> | undefined;
-    get group(): GroupPanel;
-    constructor(component: React.FunctionComponent<IDockviewGroupControlProps>, reactPortalStore: ReactPortalStore, _group: GroupPanel);
+    get group(): DockviewGroupPanel;
+    constructor(component: React.FunctionComponent<IDockviewGroupControlProps>, reactPortalStore: ReactPortalStore, _group: DockviewGroupPanel);
     focus(): void;
     init(parameters: {
         containerApi: DockviewApi;
-        api: GroupviewPanelApi;
+        api: DockviewGroupPanelApi;
     }): void;
     update(event: PanelUpdateEvent): void;
     dispose(): void;

package/dist/cjs/{react/dockview → dockview}/groupControlsRenderer.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactGroupControlsRendererPart = void 0;
 var react_1 = require("../react");
-var lifecycle_1 = require("../../lifecycle");
+var dockview_core_1 = require("dockview-core");
 var ReactGroupControlsRendererPart = /** @class */ (function () {
     function ReactGroupControlsRendererPart(component, reactPortalStore, _group) {
         this.component = component;
         this.reactPortalStore = reactPortalStore;
         this._group = _group;
-        this.mutableDisposable = new lifecycle_1.MutableDisposable();
+        this.mutableDisposable = new dockview_core_1.DockviewMutableDisposable();
         this._element = document.createElement('div');
         this._element.className = 'dockview-react-part';
     }
@@ -38,7 +38,7 @@ var ReactGroupControlsRendererPart = /** @class */ (function () {
     };
     ReactGroupControlsRendererPart.prototype.init = function (parameters) {
         var _this = this;
-        this.mutableDisposable.value = new lifecycle_1.CompositeDisposable(this._group.model.onDidAddPanel(function () {
+        this.mutableDisposable.value = new dockview_core_1.DockviewCompositeDisposable(this._group.model.onDidAddPanel(function () {
             _this.updatePanels();
         }), this._group.model.onDidRemovePanel(function () {
             _this.updatePanels();

package/dist/cjs/dockview/groupControlsRenderer.js.map

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

package/dist/{esm/react → cjs}/dockview/reactContentPart.d.ts

@@ -1,30 +1,22 @@
 import * as React from 'react';
-import { IContentRenderer, GroupPanelContentPartInitParameters } from '../../groupview/types';
 import { ReactPortalStore } from '../react';
 import { IDockviewPanelProps } from '../dockview/dockview';
-import { PanelUpdateEvent } from '../../panel/types';
-import { GroupPanel } from '../../groupview/groupviewPanel';
-import { Event } from '../../events';
+import { DockviewEvent, PanelUpdateEvent, IContentRenderer, GroupPanelContentPartInitParameters } from 'dockview-core';
 export declare class ReactPanelContentPart implements IContentRenderer {
     readonly id: string;
     private readonly component;
     private readonly reactPortalStore;
     private _element;
     private part?;
-    private _group;
     private readonly _onDidFocus;
-    readonly onDidFocus: Event<void>;
+    readonly onDidFocus: DockviewEvent<void>;
     private readonly _onDidBlur;
-    readonly onDidBlur: Event<void>;
+    readonly onDidBlur: DockviewEvent<void>;
     get element(): HTMLElement;
     constructor(id: string, component: React.FunctionComponent<IDockviewPanelProps>, reactPortalStore: ReactPortalStore);
     focus(): void;
     init(parameters: GroupPanelContentPartInitParameters): void;
-    toJSON(): {
-        id: string;
-    };
     update(event: PanelUpdateEvent): void;
-    updateParentGroup(group: GroupPanel, _isPanelVisible: boolean): void;
     layout(_width: number, _height: number): void;
     dispose(): void;
 }

package/dist/cjs/{react/dockview → dockview}/reactContentPart.js

@@ -2,15 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactPanelContentPart = void 0;
 var react_1 = require("../react");
-var events_1 = require("../../events");
+var dockview_core_1 = require("dockview-core");
 var ReactPanelContentPart = /** @class */ (function () {
     function ReactPanelContentPart(id, component, reactPortalStore) {
         this.id = id;
         this.component = component;
         this.reactPortalStore = reactPortalStore;
-        this._onDidFocus = new events_1.Emitter();
+        this._onDidFocus = new dockview_core_1.DockviewEmitter();
         this.onDidFocus = this._onDidFocus.event;
-        this._onDidBlur = new events_1.Emitter();
+        this._onDidBlur = new dockview_core_1.DockviewEmitter();
         this.onDidBlur = this._onDidBlur.event;
         this._element = document.createElement('div');
         this._element.className = 'dockview-react-part';
@@ -32,18 +32,10 @@ var ReactPanelContentPart = /** @class */ (function () {
             containerApi: parameters.containerApi,
         });
     };
-    ReactPanelContentPart.prototype.toJSON = function () {
-        return {
-            id: this.id,
-        };
-    };
     ReactPanelContentPart.prototype.update = function (event) {
         var _a;
         (_a = this.part) === null || _a === void 0 ? void 0 : _a.update(event.params);
     };
-    ReactPanelContentPart.prototype.updateParentGroup = function (group, _isPanelVisible) {
-        this._group = group;
-    };
     ReactPanelContentPart.prototype.layout = function (_width, _height) {
         // noop
     };

package/dist/cjs/dockview/reactContentPart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactContentPart.js","sourceRoot":"","sources":["../../../src/dockview/reactContentPart.ts"],"names":[],"mappings":";;;AACA,kCAAuD;AAEvD,+CAMuB;AAEvB;IAcI,+BACoB,EAAU,EACT,SAAuD,EACvD,gBAAkC;QAFnC,OAAE,GAAF,EAAE,CAAQ;QACT,cAAS,GAAT,SAAS,CAA8C;QACvD,qBAAgB,GAAhB,gBAAgB,CAAkB;QAbtC,gBAAW,GAAG,IAAI,+BAAe,EAAQ,CAAC;QAClD,eAAU,GAAwB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;QAEjD,eAAU,GAAG,IAAI,+BAAe,EAAQ,CAAC;QACjD,cAAS,GAAwB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;QAW5D,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,qBAAqB,CAAC;IACpD,CAAC;IAXD,sBAAI,0CAAO;aAAX;YACI,OAAO,IAAI,CAAC,QAAQ,CAAC;QACzB,CAAC;;;OAAA;IAWD,qCAAK,GAAL;QACI,OAAO;IACX,CAAC;IAEM,oCAAI,GAAX,UAAY,UAA+C;QACvD,IAAI,CAAC,IAAI,GAAG,IAAI,iBAAS,CACrB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,SAAS,EACd;YACI,MAAM,EAAE,UAAU,CAAC,MAAM;YACzB,GAAG,EAAE,UAAU,CAAC,GAAG;YACnB,YAAY,EAAE,UAAU,CAAC,YAAY;SACxC,CACJ,CAAC;IACN,CAAC;IAEM,sCAAM,GAAb,UAAc,KAAuB;;QACjC,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC;IAEM,sCAAM,GAAb,UAAc,MAAc,EAAE,OAAe;QACzC,OAAO;IACX,CAAC;IAEM,uCAAO,GAAd;;QACI,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;QAC3B,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;QAC1B,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,EAAE,CAAC;IACzB,CAAC;IACL,4BAAC;AAAD,CAAC,AArDD,IAqDC;AArDY,sDAAqB"}

package/dist/cjs/{react/dockview → dockview}/reactHeaderPart.d.ts

@@ -1,9 +1,7 @@
 import * as React from 'react';
-import { ITabRenderer, GroupPanelPartInitParameters } from '../../groupview/types';
-import { GroupPanel } from '../../groupview/groupviewPanel';
-import { PanelUpdateEvent } from '../../panel/types';
 import { ReactPortalStore } from '../react';
 import { IGroupPanelBaseProps } from './dockview';
+import { PanelUpdateEvent, ITabRenderer, GroupPanelPartInitParameters } from 'dockview-core';
 export declare class ReactPanelHeaderPart implements ITabRenderer {
     readonly id: string;
     private readonly component;
@@ -15,12 +13,6 @@ export declare class ReactPanelHeaderPart implements ITabRenderer {
     focus(): void;
     init(parameters: GroupPanelPartInitParameters): void;
     update(event: PanelUpdateEvent): void;
-    toJSON(): {
-        id?: undefined;
-    } | {
-        id: string;
-    };
     layout(_width: number, _height: number): void;
-    updateParentGroup(_group: GroupPanel, _isPanelVisible: boolean): void;
     dispose(): void;
 }

package/dist/cjs/{react/dockview → dockview}/reactHeaderPart.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactPanelHeaderPart = void 0;
 var react_1 = require("../react");
-var defaultTab_1 = require("../../dockview/components/tab/defaultTab");
 var ReactPanelHeaderPart = /** @class */ (function () {
     function ReactPanelHeaderPart(id, component, reactPortalStore) {
         this.id = id;
@@ -32,20 +31,9 @@ var ReactPanelHeaderPart = /** @class */ (function () {
         var _a;
         (_a = this.part) === null || _a === void 0 ? void 0 : _a.update(event.params);
     };
-    ReactPanelHeaderPart.prototype.toJSON = function () {
-        if (this.id === defaultTab_1.DEFAULT_TAB_IDENTIFIER) {
-            return {};
-        }
-        return {
-            id: this.id,
-        };
-    };
     ReactPanelHeaderPart.prototype.layout = function (_width, _height) {
         // noop - retrieval from api
     };
-    ReactPanelHeaderPart.prototype.updateParentGroup = function (_group, _isPanelVisible) {
-        // noop - retrieval from api
-    };
     ReactPanelHeaderPart.prototype.dispose = function () {
         var _a;
         (_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();

package/dist/cjs/dockview/reactHeaderPart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactHeaderPart.js","sourceRoot":"","sources":["../../../src/dockview/reactHeaderPart.ts"],"names":[],"mappings":";;;AACA,kCAAuD;AAQvD;IAQI,8BACoB,EAAU,EACT,SAAwD,EACxD,gBAAkC;QAFnC,OAAE,GAAF,EAAE,CAAQ;QACT,cAAS,GAAT,SAAS,CAA+C;QACxD,qBAAgB,GAAhB,gBAAgB,CAAkB;QAEnD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,qBAAqB,CAAC;IACpD,CAAC;IAXD,sBAAI,yCAAO;aAAX;YACI,OAAO,IAAI,CAAC,QAAQ,CAAC;QACzB,CAAC;;;OAAA;IAWD,oCAAK,GAAL;QACI,MAAM;IACV,CAAC;IAEM,mCAAI,GAAX,UAAY,UAAwC;QAChD,IAAI,CAAC,IAAI,GAAG,IAAI,iBAAS,CACrB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,SAAS,EACd;YACI,MAAM,EAAE,UAAU,CAAC,MAAM;YACzB,GAAG,EAAE,UAAU,CAAC,GAAG;YACnB,YAAY,EAAE,UAAU,CAAC,YAAY;SACxC,CACJ,CAAC;IACN,CAAC;IAEM,qCAAM,GAAb,UAAc,KAAuB;;QACjC,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC;IAEM,qCAAM,GAAb,UAAc,MAAc,EAAE,OAAe;QACzC,4BAA4B;IAChC,CAAC;IAEM,sCAAO,GAAd;;QACI,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,EAAE,CAAC;IACzB,CAAC;IACL,2BAAC;AAAD,CAAC,AA7CD,IA6CC;AA7CY,oDAAoB"}

package/dist/cjs/{react/dockview → dockview}/reactWatermarkPart.d.ts

@@ -1,10 +1,9 @@
 import * as React from 'react';
-import { GroupPanelPartInitParameters, IWatermarkRenderer } from '../../groupview/types';
-import { GroupPanel } from '../../groupview/groupviewPanel';
 import { ReactPortalStore } from '../react';
-import { IGroupPanelBaseProps } from './dockview';
-import { PanelUpdateEvent } from '../../panel/types';
-export interface IWatermarkPanelProps extends IGroupPanelBaseProps {
+import { PanelUpdateEvent, DockviewGroupPanel, IWatermarkRenderer, WatermarkRendererInitParameters, DockviewApi, IDockviewGroupPanel } from 'dockview-core';
+export interface IWatermarkPanelProps {
+    containerApi: DockviewApi;
+    group?: IDockviewGroupPanel;
     close: () => void;
 }
 export declare class ReactWatermarkPart implements IWatermarkRenderer {
@@ -13,17 +12,13 @@ export declare class ReactWatermarkPart implements IWatermarkRenderer {
     private readonly reactPortalStore;
     private _element;
     private part?;
-    private _groupRef;
     private parameters;
     get element(): HTMLElement;
     constructor(id: string, component: React.FunctionComponent<IWatermarkPanelProps>, reactPortalStore: ReactPortalStore);
-    init(parameters: GroupPanelPartInitParameters): void;
+    init(parameters: WatermarkRendererInitParameters): void;
     focus(): void;
     update(params: PanelUpdateEvent): void;
-    toJSON(): {
-        id: string;
-    };
     layout(_width: number, _height: number): void;
-    updateParentGroup(group: GroupPanel, _isPanelVisible: boolean): void;
+    updateParentGroup(_group: DockviewGroupPanel, _isPanelVisible: boolean): void;
     dispose(): void;
 }

package/dist/cjs/{react/dockview → dockview}/reactWatermarkPart.js

@@ -7,9 +7,6 @@ var ReactWatermarkPart = /** @class */ (function () {
         this.id = id;
         this.component = component;
         this.reactPortalStore = reactPortalStore;
-        this._groupRef = {
-            value: undefined,
-        };
         this._element = document.createElement('div');
         this._element.className = 'dockview-react-part';
     }
@@ -21,15 +18,12 @@ var ReactWatermarkPart = /** @class */ (function () {
         configurable: true
     });
     ReactWatermarkPart.prototype.init = function (parameters) {
-        var _this = this;
-        this.parameters = parameters;
         this.part = new react_1.ReactPart(this.element, this.reactPortalStore, this.component, {
-            params: parameters.params,
-            api: parameters.api,
+            group: parameters.group,
             containerApi: parameters.containerApi,
             close: function () {
-                if (_this._groupRef.value) {
-                    parameters.containerApi.removeGroup(_this._groupRef.value);
+                if (parameters.group) {
+                    parameters.containerApi.removeGroup(parameters.group);
                 }
             },
         });
@@ -44,17 +38,11 @@ var ReactWatermarkPart = /** @class */ (function () {
         }
         (_a = this.part) === null || _a === void 0 ? void 0 : _a.update({ params: ((_b = this.parameters) === null || _b === void 0 ? void 0 : _b.params) || {} });
     };
-    ReactWatermarkPart.prototype.toJSON = function () {
-        return {
-            id: this.id,
-        };
-    };
     ReactWatermarkPart.prototype.layout = function (_width, _height) {
         // noop - retrieval from api
     };
-    ReactWatermarkPart.prototype.updateParentGroup = function (group, _isPanelVisible) {
-        // noop - retrieval from api
-        this._groupRef.value = group;
+    ReactWatermarkPart.prototype.updateParentGroup = function (_group, _isPanelVisible) {
+        // noop
     };
     ReactWatermarkPart.prototype.dispose = function () {
         var _a;

package/dist/cjs/dockview/reactWatermarkPart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactWatermarkPart.js","sourceRoot":"","sources":["../../../src/dockview/reactWatermarkPart.ts"],"names":[],"mappings":";;;AACA,kCAAuD;AAiBvD;IASI,4BACoB,EAAU,EACT,SAAwD,EACxD,gBAAkC;QAFnC,OAAE,GAAF,EAAE,CAAQ;QACT,cAAS,GAAT,SAAS,CAA+C;QACxD,qBAAgB,GAAhB,gBAAgB,CAAkB;QAEnD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,qBAAqB,CAAC;IACpD,CAAC;IAXD,sBAAI,uCAAO;aAAX;YACI,OAAO,IAAI,CAAC,QAAQ,CAAC;QACzB,CAAC;;;OAAA;IAWD,iCAAI,GAAJ,UAAK,UAA2C;QAC5C,IAAI,CAAC,IAAI,GAAG,IAAI,iBAAS,CACrB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,SAAS,EACd;YACI,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,YAAY,EAAE,UAAU,CAAC,YAAY;YACrC,KAAK,EAAE;gBACH,IAAI,UAAU,CAAC,KAAK,EAAE;oBAClB,UAAU,CAAC,YAAY,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;iBACzD;YACL,CAAC;SACJ,CACJ,CAAC;IACN,CAAC;IAED,kCAAK,GAAL;QACI,OAAO;IACX,CAAC;IAED,mCAAM,GAAN,UAAO,MAAwB;;QAC3B,IAAI,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;SAC1C;QAED,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,MAAM,KAAI,EAAE,EAAE,CAAC,CAAC;IACjE,CAAC;IAED,mCAAM,GAAN,UAAO,MAAc,EAAE,OAAe;QAClC,4BAA4B;IAChC,CAAC;IAED,8CAAiB,GAAjB,UACI,MAA0B,EAC1B,eAAwB;QAExB,OAAO;IACX,CAAC;IAED,oCAAO,GAAP;;QACI,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,EAAE,CAAC;IACzB,CAAC;IACL,yBAAC;AAAD,CAAC,AA7DD,IA6DC;AA7DY,gDAAkB"}

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

@@ -1,132 +1,22 @@
-import { ISplitviewStyles, LayoutPriority, Orientation, Sizing } from '../splitview/core/splitview';
-import { LeafNode } from './leafNode';
-import { Node } from './types';
-import { Event } from '../events';
-import { IDisposable } from '../lifecycle';
-import { Position } from '../dnd/droptarget';
-export declare function indexInParent(element: HTMLElement): number;
-/**
- * Find the grid location of a specific DOM element by traversing the parent
- * chain and finding each child index on the way.
- *
- * This will break as soon as DOM structures of the Splitview or Gridview change.
- */
-export declare function getGridLocation(element: HTMLElement): number[];
-export declare function getRelativeLocation(rootOrientation: Orientation, location: number[], direction: Position): number[];
-export declare function getDirectionOrientation(direction: Position): Orientation;
-export declare function getLocationOrientation(rootOrientation: Orientation, location: number[]): Orientation;
-export interface IViewSize {
-    width?: number;
-    height?: number;
-}
-export interface IGridView {
-    readonly onDidChange: Event<IViewSize | undefined>;
-    readonly element: HTMLElement;
-    readonly minimumWidth: number;
-    readonly maximumWidth: number;
-    readonly minimumHeight: number;
-    readonly maximumHeight: number;
-    priority?: LayoutPriority;
-    layout(width: number, height: number): void;
-    toJSON(): object;
-    fromJSON?(json: object): void;
-    snap?: boolean;
-    setVisible?(visible: boolean): void;
-}
-export declare const orthogonal: (orientation: Orientation) => Orientation;
-export interface GridLeafNode<T extends IGridView> {
-    readonly view: T;
-    readonly cachedVisibleSize: number | undefined;
-    readonly box: {
-        width: number;
-        height: number;
-    };
-}
-export interface GridBranchNode<T extends IGridView> {
-    readonly children: GridNode<T>[];
-    readonly box: {
-        width: number;
-        height: number;
-    };
-}
-export type GridNode<T extends IGridView> = GridLeafNode<T> | GridBranchNode<T>;
-export declare function isGridBranchNode<T extends IGridView>(node: GridNode<T>): node is GridBranchNode<T>;
-export interface SerializedGridObject<T> {
-    type: 'leaf' | 'branch';
-    data: T | SerializedGridObject<T>[];
-    size?: number;
-    visible?: boolean;
-}
-export interface ISerializedLeafNode<T = any> {
-    type: 'leaf';
-    data: T;
-    size: number;
-    visible?: boolean;
-}
-export interface ISerializedBranchNode {
-    type: 'branch';
-    data: ISerializedNode[];
-    size: number;
-}
-export type ISerializedNode = ISerializedLeafNode | ISerializedBranchNode;
-export interface INodeDescriptor {
-    node: Node;
-    visible?: boolean;
-}
-export interface IViewDeserializer {
-    fromJSON: (data: ISerializedLeafNode) => IGridView;
-}
-export declare class Gridview implements IDisposable {
-    readonly proportionalLayout: boolean;
-    readonly styles: ISplitviewStyles | undefined;
-    private _root;
-    readonly element: HTMLElement;
-    private disposable;
-    private readonly _onDidChange;
-    readonly onDidChange: Event<{
-        size?: number;
-        orthogonalSize?: number;
-    }>;
-    get length(): number;
-    serialize(): {
-        root: SerializedGridObject<any>;
-        width: number;
-        height: number;
-        orientation: Orientation;
-    };
-    dispose(): void;
-    clear(): void;
-    deserialize(json: any, deserializer: IViewDeserializer): void;
-    private _deserialize;
-    private _deserializeNode;
-    get orientation(): Orientation;
-    set orientation(orientation: Orientation);
-    private get root();
-    private set root(value);
-    /**
-     * If the root is orientated as a VERTICAL node then nest the existing root within a new HORIZIONTAL root node
-     * If the root is orientated as a HORIZONTAL node then nest the existing root within a new VERITCAL root node
-     */
-    insertOrthogonalSplitviewAtRoot(): void;
-    next(location: number[]): LeafNode;
-    previous(location: number[]): LeafNode;
-    getView(): GridBranchNode<IGridView>;
-    getView(location?: number[]): GridNode<IGridView>;
-    private _getViews;
-    private progmaticSelect;
-    get width(): number;
-    get height(): number;
-    get minimumWidth(): number;
-    get minimumHeight(): number;
-    get maximumWidth(): number;
-    get maximumHeight(): number;
-    constructor(proportionalLayout: boolean, styles: ISplitviewStyles | undefined, orientation: Orientation);
-    isViewVisible(location: number[]): boolean;
-    setViewVisible(location: number[], visible: boolean): void;
-    moveView(parentLocation: number[], from: number, to: number): void;
-    addView(view: IGridView, size: number | Sizing, location: number[]): void;
-    remove(view: IGridView, sizing?: Sizing): IGridView;
-    removeView(location: number[], sizing?: Sizing): IGridView;
-    layout(width: number, height: number): void;
-    private getNode;
-}
+import * as React from 'react';
+import { GridviewPanelApi, Orientation, GridviewApi } from 'dockview-core';
+import { PanelCollection, PanelParameters } from '../types';
+export interface GridviewReadyEvent {
+    api: GridviewApi;
+}
+export interface IGridviewPanelProps<T extends {
+    [index: string]: any;
+} = any> extends PanelParameters<T> {
+    api: GridviewPanelApi;
+    containerApi: GridviewApi;
+}
+export interface IGridviewReactProps {
+    orientation?: Orientation;
+    onReady: (event: GridviewReadyEvent) => void;
+    components: PanelCollection<IGridviewPanelProps>;
+    hideBorders?: boolean;
+    className?: string;
+    proportionalLayout?: boolean;
+    disableAutoResizing?: boolean;
+}
+export declare const GridviewReact: React.ForwardRefExoticComponent<IGridviewReactProps & React.RefAttributes<HTMLDivElement>>;