dockview 1.6.0 → 1.7.1

package/dist/cjs/paneview/paneview.js

@@ -1,202 +1,140 @@
-"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.Paneview = void 0;
-var splitview_1 = require("../splitview/core/splitview");
-var lifecycle_1 = require("../lifecycle");
-var events_1 = require("../events");
-var dom_1 = require("../dom");
-var Paneview = /** @class */ (function (_super) {
-    __extends(Paneview, _super);
-    function Paneview(container, options) {
-        var _this = this;
-        var _a;
-        _this = _super.call(this) || this;
-        _this.paneItems = [];
-        _this.skipAnimation = false;
-        _this._onDidChange = new events_1.Emitter();
-        _this.onDidChange = _this._onDidChange.event;
-        _this._orientation = (_a = options.orientation) !== null && _a !== void 0 ? _a : splitview_1.Orientation.VERTICAL;
-        _this.element = document.createElement('div');
-        _this.element.className = 'pane-container';
-        container.appendChild(_this.element);
-        _this.splitview = new splitview_1.Splitview(_this.element, {
-            orientation: _this._orientation,
-            proportionalLayout: false,
-            descriptor: options.descriptor,
-        });
-        // if we've added views from the descriptor we need to
-        // add the panes to our Pane array and setup animation
-        _this.getPanes().forEach(function (pane) {
-            var disposable = new lifecycle_1.CompositeDisposable(pane.onDidChangeExpansionState(function () {
-                _this.setupAnimation();
-                _this._onDidChange.fire(undefined);
-            }));
-            var paneItem = {
-                pane: pane,
-                disposable: {
-                    dispose: function () {
-                        disposable.dispose();
-                    },
-                },
-            };
-            _this.paneItems.push(paneItem);
-            pane.orthogonalSize = _this.splitview.orthogonalSize;
-        });
-        _this.addDisposables(_this._onDidChange, _this.splitview.onDidSashEnd(function () {
-            _this._onDidChange.fire(undefined);
-        }), _this.splitview.onDidAddView(function () {
-            _this._onDidChange.fire();
-        }), _this.splitview.onDidRemoveView(function () {
-            _this._onDidChange.fire();
-        }));
-        return _this;
-    }
-    Object.defineProperty(Paneview.prototype, "onDidAddView", {
-        get: function () {
-            return this.splitview.onDidAddView;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Paneview.prototype, "onDidRemoveView", {
-        get: function () {
-            return this.splitview.onDidRemoveView;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Paneview.prototype, "minimumSize", {
-        get: function () {
-            return this.splitview.minimumSize;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Paneview.prototype, "maximumSize", {
-        get: function () {
-            return this.splitview.maximumSize;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Paneview.prototype, "orientation", {
-        get: function () {
-            return this.splitview.orientation;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Paneview.prototype, "size", {
-        get: function () {
-            return this.splitview.size;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Paneview.prototype, "orthogonalSize", {
-        get: function () {
-            return this.splitview.orthogonalSize;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Paneview.prototype.addPane = function (pane, size, index, skipLayout) {
-        var _this = this;
-        if (index === void 0) { index = this.splitview.length; }
-        if (skipLayout === void 0) { skipLayout = false; }
-        var disposable = pane.onDidChangeExpansionState(function () {
-            _this.setupAnimation();
-            _this._onDidChange.fire(undefined);
-        });
-        var paneItem = {
-            pane: pane,
-            disposable: {
-                dispose: function () {
-                    disposable.dispose();
-                },
-            },
-        };
-        this.paneItems.splice(index, 0, paneItem);
-        pane.orthogonalSize = this.splitview.orthogonalSize;
-        this.splitview.addView(pane, size, index, skipLayout);
-    };
-    Paneview.prototype.getViewSize = function (index) {
-        return this.splitview.getViewSize(index);
-    };
-    Paneview.prototype.getPanes = function () {
-        return this.splitview.getViews();
-    };
-    Paneview.prototype.removePane = function (index, options) {
-        if (options === void 0) { options = { skipDispose: false }; }
-        var paneItem = this.paneItems.splice(index, 1)[0];
-        this.splitview.removeView(index);
-        if (!options.skipDispose) {
-            paneItem.disposable.dispose();
-            paneItem.pane.dispose();
-        }
-        return paneItem;
-    };
-    Paneview.prototype.moveView = function (from, to) {
-        if (from === to) {
-            return;
-        }
-        var view = this.removePane(from, { skipDispose: true });
-        this.skipAnimation = true;
-        try {
-            this.addPane(view.pane, view.pane.size, to, false);
-        }
-        finally {
-            this.skipAnimation = false;
-        }
-    };
-    Paneview.prototype.layout = function (size, orthogonalSize) {
-        this.splitview.layout(size, orthogonalSize);
-    };
-    Paneview.prototype.setupAnimation = function () {
-        var _this = this;
-        if (this.skipAnimation) {
-            return;
-        }
-        if (this.animationTimer) {
-            clearTimeout(this.animationTimer);
-            this.animationTimer = undefined;
-        }
-        (0, dom_1.addClasses)(this.element, 'animated');
-        this.animationTimer = setTimeout(function () {
-            _this.animationTimer = undefined;
-            (0, dom_1.removeClasses)(_this.element, 'animated');
-        }, 200);
-    };
-    Paneview.prototype.dispose = function () {
-        _super.prototype.dispose.call(this);
-        if (this.animationTimer) {
-            clearTimeout(this.animationTimer);
-            this.animationTimer = undefined;
-        }
-        this.paneItems.forEach(function (paneItem) {
-            paneItem.disposable.dispose();
-            paneItem.pane.dispose();
-        });
-        this.paneItems = [];
-        this.splitview.dispose();
-        this.element.remove();
-    };
-    return Paneview;
-}(lifecycle_1.CompositeDisposable));
-exports.Paneview = Paneview;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaneviewReact = void 0;
+var React = __importStar(require("react"));
+var dockview_core_1 = require("dockview-core");
+var react_1 = require("../react");
+var view_1 = require("./view");
+exports.PaneviewReact = React.forwardRef(function (props, ref) {
+    var domRef = React.useRef(null);
+    var paneviewRef = React.useRef();
+    var _a = __read((0, react_1.usePortalsLifecycle)(), 2), portals = _a[0], addPortal = _a[1];
+    React.useImperativeHandle(ref, function () { return domRef.current; }, []);
+    React.useEffect(function () {
+        var createComponent = function (id, _componentId, component) {
+            return new view_1.PanePanelSection(id, component, {
+                addPortal: addPortal,
+            });
+        };
+        var paneview = new dockview_core_1.PaneviewComponent({
+            parentElement: domRef.current,
+            frameworkComponents: props.components,
+            components: {},
+            headerComponents: {},
+            disableDnd: props.disableDnd,
+            headerframeworkComponents: props.headerComponents,
+            frameworkWrapper: {
+                header: {
+                    createComponent: createComponent,
+                },
+                body: {
+                    createComponent: createComponent,
+                },
+            },
+            showDndOverlay: props.showDndOverlay,
+        });
+        var api = new dockview_core_1.PaneviewApi(paneview);
+        var _a = domRef.current, clientWidth = _a.clientWidth, clientHeight = _a.clientHeight;
+        paneview.layout(clientWidth, clientHeight);
+        if (props.onReady) {
+            props.onReady({ api: api });
+        }
+        paneviewRef.current = paneview;
+        return function () {
+            paneview.dispose();
+        };
+    }, []);
+    React.useEffect(function () {
+        if (!paneviewRef.current) {
+            return;
+        }
+        paneviewRef.current.updateOptions({
+            frameworkComponents: props.components,
+        });
+    }, [props.components]);
+    React.useEffect(function () {
+        if (!paneviewRef.current) {
+            return;
+        }
+        paneviewRef.current.updateOptions({
+            headerframeworkComponents: props.headerComponents,
+        });
+    }, [props.headerComponents]);
+    React.useEffect(function () {
+        if (!paneviewRef.current) {
+            return function () {
+                //
+            };
+        }
+        var paneview = paneviewRef.current;
+        var disposable = paneview.onDidDrop(function (event) {
+            if (props.onDidDrop) {
+                props.onDidDrop(__assign(__assign({}, event), { api: new dockview_core_1.PaneviewApi(paneview) }));
+            }
+        });
+        return function () {
+            disposable.dispose();
+        };
+    }, [props.onDidDrop]);
+    React.useEffect(function () {
+        if (!paneviewRef.current) {
+            return;
+        }
+        paneviewRef.current.updateOptions({
+            showDndOverlay: props.showDndOverlay,
+        });
+    }, [props.showDndOverlay]);
+    return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
+});
+exports.PaneviewReact.displayName = 'PaneviewComponent';
 //# sourceMappingURL=paneview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"paneview.js","sourceRoot":"","sources":["../../../src/paneview/paneview.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,yDAKqC;AACrC,0CAAgE;AAChE,oCAA2C;AAC3C,8BAAmD;AAQnD;IAA8B,4BAAmB;IAsC7C,kBACI,SAAsB,EACtB,OAAwE;QAF5E,iBAsDC;;gBAlDG,iBAAO;QAvCH,eAAS,GAAe,EAAE,CAAC;QAG3B,mBAAa,GAAG,KAAK,CAAC;QAEb,kBAAY,GAAG,IAAI,gBAAO,EAAQ,CAAC;QAC3C,iBAAW,GAAgB,KAAI,CAAC,YAAY,CAAC,KAAK,CAAC;QAmCxD,KAAI,CAAC,YAAY,GAAG,MAAA,OAAO,CAAC,WAAW,mCAAI,uBAAW,CAAC,QAAQ,CAAC;QAEhE,KAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7C,KAAI,CAAC,OAAO,CAAC,SAAS,GAAG,gBAAgB,CAAC;QAE1C,SAAS,CAAC,WAAW,CAAC,KAAI,CAAC,OAAO,CAAC,CAAC;QAEpC,KAAI,CAAC,SAAS,GAAG,IAAI,qBAAS,CAAC,KAAI,CAAC,OAAO,EAAE;YACzC,WAAW,EAAE,KAAI,CAAC,YAAY;YAC9B,kBAAkB,EAAE,KAAK;YACzB,UAAU,EAAE,OAAO,CAAC,UAAU;SACjC,CAAC,CAAC;QAEH,sDAAsD;QACtD,sDAAsD;QACtD,KAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,UAAC,IAAI;YACzB,IAAM,UAAU,GAAG,IAAI,+BAAmB,CACtC,IAAI,CAAC,yBAAyB,CAAC;gBAC3B,KAAI,CAAC,cAAc,EAAE,CAAC;gBACtB,KAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACtC,CAAC,CAAC,CACL,CAAC;YAEF,IAAM,QAAQ,GAAa;gBACvB,IAAI,MAAA;gBACJ,UAAU,EAAE;oBACR,OAAO,EAAE;wBACL,UAAU,CAAC,OAAO,EAAE,CAAC;oBACzB,CAAC;iBACJ;aACJ,CAAC;YAEF,KAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC9B,IAAI,CAAC,cAAc,GAAG,KAAI,CAAC,SAAS,CAAC,cAAc,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,KAAI,CAAC,cAAc,CACf,KAAI,CAAC,YAAY,EACjB,KAAI,CAAC,SAAS,CAAC,YAAY,CAAC;YACxB,KAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACtC,CAAC,CAAC,EACF,KAAI,CAAC,SAAS,CAAC,YAAY,CAAC;YACxB,KAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAC7B,CAAC,CAAC,EACF,KAAI,CAAC,SAAS,CAAC,eAAe,CAAC;YAC3B,KAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAC7B,CAAC,CAAC,CACL,CAAC;;IACN,CAAC;IAjFD,sBAAI,kCAAY;aAAhB;YACI,OAA6B,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;QAC7D,CAAC;;;OAAA;IACD,sBAAI,qCAAe;aAAnB;YACI,OAA6B,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC;QAChE,CAAC;;;OAAA;IAED,sBAAI,iCAAW;aAAf;YACI,OAAO,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC;QACtC,CAAC;;;OAAA;IAED,sBAAI,iCAAW;aAAf;YACI,OAAO,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC;QACtC,CAAC;;;OAAA;IAED,sBAAI,iCAAW;aAAf;YACI,OAAO,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC;QACtC,CAAC;;;OAAA;IAED,sBAAI,0BAAI;aAAR;YACI,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QAC/B,CAAC;;;OAAA;IAED,sBAAI,oCAAc;aAAlB;YACI,OAAO,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC;QACzC,CAAC;;;OAAA;IA0DM,0BAAO,GAAd,UACI,IAAmB,EACnB,IAAsB,EACtB,KAA6B,EAC7B,UAAkB;QAJtB,iBAwBC;QArBG,sBAAA,EAAA,QAAQ,IAAI,CAAC,SAAS,CAAC,MAAM;QAC7B,2BAAA,EAAA,kBAAkB;QAElB,IAAM,UAAU,GAAG,IAAI,CAAC,yBAAyB,CAAC;YAC9C,KAAI,CAAC,cAAc,EAAE,CAAC;YACtB,KAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;QAEH,IAAM,QAAQ,GAAa;YACvB,IAAI,MAAA;YACJ,UAAU,EAAE;gBACR,OAAO,EAAE;oBACL,UAAU,CAAC,OAAO,EAAE,CAAC;gBACzB,CAAC;aACJ;SACJ,CAAC;QAEF,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;QAE1C,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC;QACpD,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;IAC1D,CAAC;IAED,8BAAW,GAAX,UAAY,KAAa;QACrB,OAAO,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC;IAEM,2BAAQ,GAAf;QACI,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;IACrC,CAAC;IAEM,6BAAU,GAAjB,UACI,KAAa,EACb,OAA0D;QAA1D,wBAAA,EAAA,YAAsC,WAAW,EAAE,KAAK,EAAE;QAE1D,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACpD,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAEjC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE;YACtB,QAAQ,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YAC9B,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;SAC3B;QAED,OAAO,QAAQ,CAAC;IACpB,CAAC;IAEM,2BAAQ,GAAf,UAAgB,IAAY,EAAE,EAAU;QACpC,IAAI,IAAI,KAAK,EAAE,EAAE;YACb,OAAO;SACV;QAED,IAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;QAE1D,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI;YACA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;SACtD;gBAAS;YACN,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;SAC9B;IACL,CAAC;IAEM,yBAAM,GAAb,UAAc,IAAY,EAAE,cAAsB;QAC9C,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;IAChD,CAAC;IAEO,iCAAc,GAAtB;QAAA,iBAgBC;QAfG,IAAI,IAAI,CAAC,aAAa,EAAE;YACpB,OAAO;SACV;QAED,IAAI,IAAI,CAAC,cAAc,EAAE;YACrB,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAClC,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;SACnC;QAED,IAAA,gBAAU,EAAC,IAAI,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QAErC,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC;YAC7B,KAAI,CAAC,cAAc,GAAG,SAAS,CAAC;YAChC,IAAA,mBAAa,EAAC,KAAI,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QAC5C,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC;IAEM,0BAAO,GAAd;QACI,iBAAM,OAAO,WAAE,CAAC;QAEhB,IAAI,IAAI,CAAC,cAAc,EAAE;YACrB,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAClC,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;SACnC;QAED,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,UAAC,QAAQ;YAC5B,QAAQ,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YAC9B,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QAC5B,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QAEpB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;QACzB,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;IAC1B,CAAC;IACL,eAAC;AAAD,CAAC,AArMD,CAA8B,+BAAmB,GAqMhD;AArMY,4BAAQ"}
+{"version":3,"file":"paneview.js","sourceRoot":"","sources":["../../../src/paneview/paneview.tsx"],"names":[],"mappings":"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"}

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

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { PanelUpdateEvent } from '../../panel/types';
-import { IPaneBodyPart, PanePanelComponentInitParameter } from '../../paneview/paneviewPanel';
-import { ReactPortalStore } from '../react';
-import { IPaneviewPanelProps } from './paneview';
-export declare class PanePanelSection implements IPaneBodyPart {
-    readonly id: string;
-    private readonly component;
-    private readonly reactPortalStore;
-    private _element;
-    private part?;
-    get element(): HTMLElement;
-    constructor(id: string, component: React.FunctionComponent<IPaneviewPanelProps>, reactPortalStore: ReactPortalStore);
-    init(parameters: PanePanelComponentInitParameter): void;
-    toJSON(): {
-        id: string;
-    };
-    update(params: PanelUpdateEvent): void;
-    dispose(): void;
-}
+import * as React from 'react';
+import { PanelUpdateEvent, IPaneBodyPart, PanePanelComponentInitParameter } from 'dockview-core';
+import { ReactPortalStore } from '../react';
+import { IPaneviewPanelProps } from './paneview';
+export declare class PanePanelSection implements IPaneBodyPart {
+    readonly id: string;
+    private readonly component;
+    private readonly reactPortalStore;
+    private _element;
+    private part?;
+    get element(): HTMLElement;
+    constructor(id: string, component: React.FunctionComponent<IPaneviewPanelProps>, reactPortalStore: ReactPortalStore);
+    init(parameters: PanePanelComponentInitParameter): void;
+    toJSON(): {
+        id: string;
+    };
+    update(params: PanelUpdateEvent): void;
+    dispose(): void;
+}
+//# sourceMappingURL=view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../src/paneview/view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,gBAAgB,EAChB,aAAa,EACb,+BAA+B,EAClC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD,qBAAa,gBAAiB,YAAW,aAAa;aAS9B,EAAE,EAAE,MAAM;IAC1B,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,gBAAgB;IAVrC,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,IAAI,CAAC,CAAiC;IAE9C,IAAI,OAAO,gBAEV;gBAGmB,EAAE,EAAE,MAAM,EACT,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,EACvD,gBAAgB,EAAE,gBAAgB;IAOhD,IAAI,CAAC,UAAU,EAAE,+BAA+B,GAAG,IAAI;IAcvD,MAAM;;;IAMN,MAAM,CAAC,MAAM,EAAE,gBAAgB;IAI/B,OAAO;CAGjB"}

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

@@ -1,45 +1,45 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PanePanelSection = void 0;
-var react_1 = require("../react");
-var PanePanelSection = /** @class */ (function () {
-    function PanePanelSection(id, component, reactPortalStore) {
-        this.id = id;
-        this.component = component;
-        this.reactPortalStore = reactPortalStore;
-        this._element = document.createElement('div');
-        this._element.style.height = '100%';
-        this._element.style.width = '100%';
-    }
-    Object.defineProperty(PanePanelSection.prototype, "element", {
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    PanePanelSection.prototype.init = function (parameters) {
-        this.part = new react_1.ReactPart(this.element, this.reactPortalStore, this.component, {
-            params: parameters.params,
-            api: parameters.api,
-            title: parameters.title,
-            containerApi: parameters.containerApi,
-        });
-    };
-    PanePanelSection.prototype.toJSON = function () {
-        return {
-            id: this.id,
-        };
-    };
-    PanePanelSection.prototype.update = function (params) {
-        var _a;
-        (_a = this.part) === null || _a === void 0 ? void 0 : _a.update(params.params);
-    };
-    PanePanelSection.prototype.dispose = function () {
-        var _a;
-        (_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();
-    };
-    return PanePanelSection;
-}());
-exports.PanePanelSection = PanePanelSection;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanePanelSection = void 0;
+var react_1 = require("../react");
+var PanePanelSection = /** @class */ (function () {
+    function PanePanelSection(id, component, reactPortalStore) {
+        this.id = id;
+        this.component = component;
+        this.reactPortalStore = reactPortalStore;
+        this._element = document.createElement('div');
+        this._element.style.height = '100%';
+        this._element.style.width = '100%';
+    }
+    Object.defineProperty(PanePanelSection.prototype, "element", {
+        get: function () {
+            return this._element;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    PanePanelSection.prototype.init = function (parameters) {
+        this.part = new react_1.ReactPart(this.element, this.reactPortalStore, this.component, {
+            params: parameters.params,
+            api: parameters.api,
+            title: parameters.title,
+            containerApi: parameters.containerApi,
+        });
+    };
+    PanePanelSection.prototype.toJSON = function () {
+        return {
+            id: this.id,
+        };
+    };
+    PanePanelSection.prototype.update = function (params) {
+        var _a;
+        (_a = this.part) === null || _a === void 0 ? void 0 : _a.update(params.params);
+    };
+    PanePanelSection.prototype.dispose = function () {
+        var _a;
+        (_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();
+    };
+    return PanePanelSection;
+}());
+exports.PanePanelSection = PanePanelSection;
 //# sourceMappingURL=view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../src/paneview/view.tsx"],"names":[],"mappings":";;;AAMA,kCAAuD;AAGvD;IAQI,0BACoB,EAAU,EACT,SAAuD,EACvD,gBAAkC;QAFnC,OAAE,GAAF,EAAE,CAAQ;QACT,cAAS,GAAT,SAAS,CAA8C;QACvD,qBAAgB,GAAhB,gBAAgB,CAAkB;QAEnD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACpC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;IACvC,CAAC;IAZD,sBAAI,qCAAO;aAAX;YACI,OAAO,IAAI,CAAC,QAAQ,CAAC;QACzB,CAAC;;;OAAA;IAYM,+BAAI,GAAX,UAAY,UAA2C;QACnD,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,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,YAAY,EAAE,UAAU,CAAC,YAAY;SACxC,CACJ,CAAC;IACN,CAAC;IAEM,iCAAM,GAAb;QACI,OAAO;YACH,EAAE,EAAE,IAAI,CAAC,EAAE;SACd,CAAC;IACN,CAAC;IAEM,iCAAM,GAAb,UAAc,MAAwB;;QAClC,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC;IAEM,kCAAO,GAAd;;QACI,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,EAAE,CAAC;IACzB,CAAC;IACL,uBAAC;AAAD,CAAC,AA7CD,IA6CC;AA7CY,4CAAgB"}

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

@@ -1,36 +1,36 @@
-import * as React from 'react';
-import { IDisposable } from '../lifecycle';
-import { IFrameworkPart } from '../panel/types';
-export interface ReactPortalStore {
-    addPortal: (portal: React.ReactPortal) => IDisposable;
-}
-export declare const ReactPartContext: React.Context<{}>;
-export declare class ReactPart<P extends object, C extends object = {}> implements IFrameworkPart {
-    private readonly parent;
-    private readonly portalStore;
-    private readonly component;
-    private readonly parameters;
-    private readonly context?;
-    private _initialProps;
-    private componentInstance?;
-    private ref?;
-    private disposed;
-    constructor(parent: HTMLElement, portalStore: ReactPortalStore, component: React.FunctionComponent<P>, parameters: P, context?: C | undefined);
-    update(props: {
-        [index: string]: any;
-    }): void;
-    private createPortal;
-    dispose(): void;
-}
-type PortalLifecycleHook = () => [
-    React.ReactPortal[],
-    (portal: React.ReactPortal) => IDisposable
-];
-/**
- * A React Hook that returns an array of portals to be rendered by the user of this hook
- * and a disposable function to add a portal. Calling dispose removes this portal from the
- * portal array
- */
-export declare const usePortalsLifecycle: PortalLifecycleHook;
-export declare function isReactElement(element: any | React.ReactElement): element is React.ReactElement;
-export {};
+import * as React from 'react';
+import { IFrameworkPart, IDockviewDisposable } from 'dockview-core';
+export interface ReactPortalStore {
+    addPortal: (portal: React.ReactPortal) => IDockviewDisposable;
+}
+export declare const ReactPartContext: React.Context<{}>;
+export declare class ReactPart<P extends object, C extends object = {}> implements IFrameworkPart {
+    private readonly parent;
+    private readonly portalStore;
+    private readonly component;
+    private readonly parameters;
+    private readonly context?;
+    private _initialProps;
+    private componentInstance?;
+    private ref?;
+    private disposed;
+    constructor(parent: HTMLElement, portalStore: ReactPortalStore, component: React.FunctionComponent<P>, parameters: P, context?: C | undefined);
+    update(props: {
+        [index: string]: any;
+    }): void;
+    private createPortal;
+    dispose(): void;
+}
+type PortalLifecycleHook = () => [
+    React.ReactPortal[],
+    (portal: React.ReactPortal) => IDockviewDisposable
+];
+/**
+ * A React Hook that returns an array of portals to be rendered by the user of this hook
+ * and a disposable function to add a portal. Calling dispose removes this portal from the
+ * portal array
+ */
+export declare const usePortalsLifecycle: PortalLifecycleHook;
+export declare function isReactElement(element: any | React.ReactElement): element is React.ReactElement;
+export {};
+//# sourceMappingURL=react.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,WAAW,gBAAgB;IAC7B,SAAS,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,KAAK,mBAAmB,CAAC;CACjE;AAyDD,eAAO,MAAM,gBAAgB,mBAA8B,CAAC;AAE5D,qBAAa,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,EAAE,CAC1D,YAAW,cAAc;IAWrB,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,WAAW;IAC5B,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,UAAU;IAC3B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;IAb7B,OAAO,CAAC,aAAa,CAA2B;IAChD,OAAO,CAAC,iBAAiB,CAAC,CAAmB;IAC7C,OAAO,CAAC,GAAG,CAAC,CAGV;IACF,OAAO,CAAC,QAAQ,CAAS;gBAGJ,MAAM,EAAE,WAAW,EACnB,WAAW,EAAE,gBAAgB,EAC7B,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACrC,UAAU,EAAE,CAAC,EACb,OAAO,CAAC,eAAG;IAKzB,MAAM,CAAC,KAAK,EAAE;QAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;IAa7C,OAAO,CAAC,YAAY;IAqDb,OAAO;CAIjB;AAED,KAAK,mBAAmB,GAAG,MAAM;IAC7B,KAAK,CAAC,WAAW,EAAE;IACnB,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,KAAK,mBAAmB;CACrD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,mBAwBjC,CAAC;AAGF,wBAAgB,cAAc,CAC1B,OAAO,EAAE,GAAG,GAAG,KAAK,CAAC,YAAY,GAClC,OAAO,IAAI,KAAK,CAAC,YAAY,CAE/B"}