dockview 1.4.3 → 1.5.0

package/dist/cjs/react/deserializer.js.map

@@ -1 +1 @@
-{"version":3,"file":"deserializer.js","sourceRoot":"","sources":["../../../src/react/deserializer.ts"],"names":[],"mappings":";;;AAEA,qEAAoE;AAEpE,8DAA4D;AAC5D,sDAAmD;AACnD,oEAAmE;AACnE,2EAA0E;AAG1E;IACI,gCAA6B,MAAyB;QAAzB,WAAM,GAAN,MAAM,CAAmB;IAAG,CAAC;IAEnD,yCAAQ,GAAf,UACI,SAA8B,EAC9B,KAAiB;;QAEjB,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;QAChC,IAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;QAC9B,IAAM,gBAAgB,GAAG,SAAS,CAAC,gBAAgB,CAAC;QACpD,IAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC;QAEhC,IAAM,IAAI,GAAG,IAAI,6CAAqB,CAAC;YACnC,OAAO,EAAE,IAAA,kCAAe,EACpB,QAAQ,CAAC,OAAO,CAAC,EAAE,EACnB,QAAQ,CAAC,OAAO,CAAC,EAAE,EACnB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,EAC9B,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,mBAAmB,EACvC,MAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,yBAAyB,0CAAE,OAAO,CACzD;YACD,GAAG,EAAE,CAAA,MAAA,QAAQ,CAAC,GAAG,0CAAE,EAAE;gBACjB,CAAC,CAAC,IAAA,kCAAe,EACX,QAAQ,CAAC,GAAG,CAAC,EAAE,EACf,QAAQ,CAAC,GAAG,CAAC,EAAE,EACf,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,EACjC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,sBAAsB,EAC1C,MAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,yBAAyB,0CAAE,GAAG,CACrD;gBACH,CAAC,CAAC,IAAI,uBAAU,EAAE;SACzB,CAAC,CAAC;QAEH,IAAM,KAAK,GAAG,IAAI,uCAAkB,CAChC,OAAO,EACP,IAAI,CAAC,MAAM,EACX,IAAI,2BAAW,CAAC,IAAI,CAAC,MAAM,CAAC,EAC5B,KAAK,CACR,CAAC;QAEF,KAAK,CAAC,IAAI,CAAC;YACP,IAAI,MAAA;YACJ,KAAK,OAAA;YACL,gBAAgB,kBAAA;YAChB,MAAM,EAAE,MAAM,IAAI,EAAE;SACvB,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACjB,CAAC;IACL,6BAAC;AAAD,CAAC,AAhDD,IAgDC;AAhDY,wDAAsB"}
+{"version":3,"file":"deserializer.js","sourceRoot":"","sources":["../../../src/react/deserializer.ts"],"names":[],"mappings":";;;AAEA,qEAAoE;AAEpE,8DAA4D;AAC5D,sDAAmD;AACnD,oEAAmE;AACnE,2EAA0E;AAI1E;IACI,gCAA6B,MAAyB;QAAzB,WAAM,GAAN,MAAM,CAAmB;IAAG,CAAC;IAEnD,yCAAQ,GAAf,UACI,SAA8B,EAC9B,KAAiB;;QAEjB,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;QAChC,IAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;QAC9B,IAAM,gBAAgB,GAAG,SAAS,CAAC,gBAAgB,CAAC;QACpD,IAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC;QAEhC,IAAI,GAAiB,CAAC;QAEtB,IAAI,MAAA,QAAQ,CAAC,GAAG,0CAAE,EAAE,EAAE;YAClB,GAAG,GAAG,IAAA,kCAAe,EACjB,QAAQ,CAAC,GAAG,CAAC,EAAE,EACf,QAAQ,CAAC,GAAG,CAAC,EAAE,EACf,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,EACjC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,sBAAsB,EAC1C,MAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,yBAAyB,0CAAE,GAAG,EAClD,cAAM,OAAA,IAAI,uBAAU,EAAE,EAAhB,CAAgB,CACzB,CAAC;SACL;aAAM,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,mBAAmB,EAAE;YAChD,GAAG,GAAG,IAAA,kCAAe,EACjB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,mBAAmB,EACvC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,mBAAmB,EACvC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,EACjC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,sBAAsB,EAC1C,MAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,yBAAyB,0CAAE,GAAG,EAClD,cAAM,OAAA,IAAI,uBAAU,EAAE,EAAhB,CAAgB,CACzB,CAAC;SACL;aAAM;YACH,GAAG,GAAG,IAAI,uBAAU,EAAE,CAAC;SAC1B;QAED,IAAM,IAAI,GAAG,IAAI,6CAAqB,CAAC;YACnC,OAAO,EAAE,IAAA,kCAAe,EACpB,QAAQ,CAAC,OAAO,CAAC,EAAE,EACnB,QAAQ,CAAC,OAAO,CAAC,EAAE,EACnB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,EAC9B,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,mBAAmB,EACvC,MAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,yBAAyB,0CAAE,OAAO,CACzD;YACD,GAAG,KAAA;SACN,CAAC,CAAC;QAEH,IAAM,KAAK,GAAG,IAAI,uCAAkB,CAChC,OAAO,EACP,IAAI,CAAC,MAAM,EACX,IAAI,2BAAW,CAAC,IAAI,CAAC,MAAM,CAAC,EAC5B,KAAK,CACR,CAAC;QAEF,KAAK,CAAC,IAAI,CAAC;YACP,IAAI,MAAA;YACJ,KAAK,OAAA;YACL,gBAAgB,kBAAA;YAChB,MAAM,EAAE,MAAM,IAAI,EAAE;SACvB,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACjB,CAAC;IACL,6BAAC;AAAD,CAAC,AAhED,IAgEC;AAhEY,wDAAsB"}

package/dist/cjs/react/dockview/defaultTab.d.ts

@@ -0,0 +1,4 @@
+import { IDockviewPanelHeaderProps } from './dockview';
+import * as React from 'react';
+export declare type IDockviewDefaultTabProps = IDockviewPanelHeaderProps & React.DOMAttributes<HTMLDivElement>;
+export declare const DockviewDefaultTab: React.FunctionComponent<IDockviewDefaultTabProps>;

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

@@ -0,0 +1,73 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DockviewDefaultTab = void 0;
+var React = __importStar(require("react"));
+var svg_1 = require("../svg");
+var DockviewDefaultTab = function (_a) {
+    var api = _a.api, _containerApi = _a.containerApi, _params = _a.params, rest = __rest(_a, ["api", "containerApi", "params"]);
+    var onClose = React.useCallback(function (event) {
+        event.stopPropagation();
+        api.close();
+    }, [api]);
+    var onClick = React.useCallback(function (event) {
+        api.setActive();
+        if (rest.onClick) {
+            rest.onClick(event);
+        }
+    }, [api, rest.onClick]);
+    var iconClassname = React.useMemo(function () {
+        var cn = ['dockview-react-tab-action'];
+        return cn.join(',');
+    }, [api.suppressClosable]);
+    return (React.createElement("div", __assign({}, rest, { onClick: onClick, className: "dockview-react-tab" }),
+        React.createElement("span", { className: "dockview-react-tab-title" }, api.title),
+        React.createElement("div", { className: iconClassname, onClick: onClose },
+            React.createElement(svg_1.CloseButton, null))));
+};
+exports.DockviewDefaultTab = DockviewDefaultTab;
+//# sourceMappingURL=defaultTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTab.js","sourceRoot":"","sources":["../../../../src/react/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,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAE3B,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/cjs/react/dockview/dockview.d.ts

@@ -5,6 +5,7 @@ import { DockviewPanelApi } from '../../api/groupPanelApi';
 import { DockviewApi } from '../../api/component.api';
 import { IWatermarkPanelProps } from './reactWatermarkPart';
 import { PanelCollection, PanelParameters } from '../types';
+import { IDockviewGroupControlProps } from './groupControlsRenderer';
 export interface IGroupPanelBaseProps<T extends {} = Record<string, any>> extends PanelParameters<T> {
     api: DockviewPanelApi;
     containerApi: DockviewApi;
@@ -28,5 +29,7 @@ export interface IDockviewReactProps {
     hideBorders?: boolean;
     className?: string;
     disableAutoResizing?: boolean;
+    defaultTabComponent?: React.FunctionComponent<IDockviewPanelHeaderProps>;
+    groupControlComponent?: React.FunctionComponent<IDockviewGroupControlProps>;
 }
 export declare const DockviewReact: React.ForwardRefExoticComponent<IDockviewReactProps & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/react/dockview/dockview.js

@@ -1,4 +1,15 @@
 "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);
@@ -49,6 +60,15 @@ 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) {
+            return new groupControlsRenderer_1.ReactGroupControlsRendererPart(component, store, groupPanel);
+        }
+        : undefined;
+}
 exports.DockviewReact = React.forwardRef(function (props, ref) {
     var domRef = React.useRef(null);
     var dockviewRef = React.useRef();
@@ -71,6 +91,7 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
     }, [props.disableAutoResizing]);
     React.useEffect(function () {
         var _a;
+        var _b;
         var factory = {
             content: {
                 createComponent: function (_id, componentId, component) {
@@ -98,16 +119,19 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
         var dockview = new dockviewComponent_1.DockviewComponent(element, {
             frameworkComponentFactory: factory,
             frameworkComponents: props.components,
-            frameworkTabComponents: props.tabComponents,
+            frameworkTabComponents: __assign(__assign({}, (props.tabComponents || {})), (_a = {}, _a[defaultTab_1.DEFAULT_TAB_IDENTIFIER] = props.defaultTabComponent, _a)),
             tabHeight: props.tabHeight,
             watermarkFrameworkComponent: props.watermarkComponent,
+            defaultTabComponent: defaultTab_1.DEFAULT_TAB_IDENTIFIER,
             styles: props.hideBorders
                 ? { separatorBorder: 'transparent' }
                 : undefined,
+            showDndOverlay: props.showDndOverlay,
+            createGroupControlElement: createGroupControlElement(props.groupControlComponent, { addPortal: addPortal }),
         });
-        (_a = domRef.current) === null || _a === void 0 ? void 0 : _a.appendChild(dockview.element);
+        (_b = domRef.current) === null || _b === void 0 ? void 0 : _b.appendChild(dockview.element);
         dockview.deserializer = new deserializer_1.ReactPanelDeserialzier(dockview);
-        var _b = domRef.current, clientWidth = _b.clientWidth, clientHeight = _b.clientHeight;
+        var _c = domRef.current, clientWidth = _c.clientWidth, clientHeight = _c.clientHeight;
         dockview.layout(clientWidth, clientHeight);
         if (props.onReady) {
             props.onReady({ api: new component_api_1.DockviewApi(dockview) });
@@ -180,6 +204,24 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             disposable.dispose();
         };
     }, [props.onTabContextMenu]);
+    React.useEffect(function () {
+        var _a;
+        if (!dockviewRef.current) {
+            return;
+        }
+        dockviewRef.current.updateOptions({
+            defaultTabComponent: defaultTab_1.DEFAULT_TAB_IDENTIFIER,
+            frameworkTabComponents: __assign(__assign({}, (props.tabComponents || {})), (_a = {}, _a[defaultTab_1.DEFAULT_TAB_IDENTIFIER] = props.defaultTabComponent, _a)),
+        });
+    }, [props.defaultTabComponent]);
+    React.useEffect(function () {
+        if (!dockviewRef.current) {
+            return;
+        }
+        dockviewRef.current.updateOptions({
+            createGroupControlElement: createGroupControlElement(props.groupControlComponent, { addPortal: addPortal }),
+        });
+    }, [props.groupControlComponent]);
     return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
 });
 exports.DockviewReact.displayName = 'DockviewComponent';

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

@@ -1 +1 @@
-{"version":3,"file":"dockview.js","sourceRoot":"","sources":["../../../../src/react/dockview/dockview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sEAG0C;AAC1C,uDAA2D;AAC3D,qDAAyD;AACzD,gDAAyD;AAOzD,kCAA+C;AAC/C,yDAAsD;AACtD,2DAAgF;AAEhF,iCAA+C;AAiClC,QAAA,aAAa,GAAG,KAAK,CAAC,UAAU,CACzC,UAAC,KAA0B,EAAE,GAAuC;IAChE,IAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAqB,CAAC;IAChD,IAAA,KAAA,OAAuB,IAAA,2BAAmB,GAAE,IAAA,EAA3C,OAAO,QAAA,EAAE,SAAS,QAAyB,CAAC;IAEnD,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,cAAM,OAAA,MAAM,CAAC,OAAQ,EAAf,CAAe,EAAE,EAAE,CAAC,CAAC;IAE1D,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,KAAK,CAAC,mBAAmB,EAAE;YAC3B,OAAO;gBACH,EAAE;YACN,CAAC,CAAC;SACL;QAED,IAAM,OAAO,GAAG,IAAA,wBAAkB,EAAC,MAAM,CAAC,OAAQ,EAAE,UAAC,KAAK;;YAChD,IAAA,KAAoB,KAAK,CAAC,WAAW,EAAnC,KAAK,WAAA,EAAE,MAAM,YAAsB,CAAC;YAC5C,MAAA,WAAW,CAAC,OAAO,0CAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,OAAO;YACH,OAAO,CAAC,OAAO,EAAE,CAAC;QACtB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAEhC,KAAK,CAAC,SAAS,CAAC;;QACZ,IAAM,OAAO,GAAwC;YACjD,OAAO,EAAE;gBACL,eAAe,EAAE,UACb,GAAW,EACX,WAAmB,EACnB,SAAuD;oBAEvD,OAAO,IAAI,wCAAqB,CAC5B,WAAW,EACX,SAAS,EACT;wBACI,SAAS,WAAA;qBACZ,CACJ,CAAC;gBACN,CAAC;aACJ;YACD,GAAG,EAAE;gBACD,eAAe,EAAE,UACb,GAAW,EACX,WAAmB,EACnB,SAA6D;oBAE7D,OAAO,IAAI,sCAAoB,CAC3B,WAAW,EACX,SAAS,EACT;wBACI,SAAS,WAAA;qBACZ,CACJ,CAAC;gBACN,CAAC;aACJ;YACD,SAAS,EAAE;gBACP,eAAe,EAAE,UACb,GAAW,EACX,WAAmB,EACnB,SAAsC;oBAEtC,OAAO,IAAI,uCAAkB,CAAC,WAAW,EAAE,SAAS,EAAE;wBAClD,SAAS,WAAA;qBACZ,CAAC,CAAC;gBACP,CAAC;aACJ;SACJ,CAAC;QAEF,IAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE9C,IAAM,QAAQ,GAAG,IAAI,qCAAiB,CAAC,OAAO,EAAE;YAC5C,yBAAyB,EAAE,OAAO;YAClC,mBAAmB,EAAE,KAAK,CAAC,UAAU;YACrC,sBAAsB,EAAE,KAAK,CAAC,aAAa;YAC3C,SAAS,EAAE,KAAK,CAAC,SAAS;YAC1B,2BAA2B,EAAE,KAAK,CAAC,kBAAkB;YACrD,MAAM,EAAE,KAAK,CAAC,WAAW;gBACrB,CAAC,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE;gBACpC,CAAC,CAAC,SAAS;SAClB,CAAC,CAAC;QAEH,MAAA,MAAM,CAAC,OAAO,0CAAE,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC9C,QAAQ,CAAC,YAAY,GAAG,IAAI,qCAAsB,CAAC,QAAQ,CAAC,CAAC;QAEvD,IAAA,KAAgC,MAAM,CAAC,OAAQ,EAA7C,WAAW,iBAAA,EAAE,YAAY,kBAAoB,CAAC;QACtD,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;QAE3C,IAAI,KAAK,CAAC,OAAO,EAAE;YACf,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,IAAI,2BAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;SACrD;QAED,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;QAE/B,OAAO;YACH,QAAQ,CAAC,OAAO,EAAE,CAAC;YACnB,OAAO,CAAC,MAAM,EAAE,CAAC;QACrB,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;gBACH,OAAO;YACX,CAAC,CAAC;SACL;QAED,IAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,UAAC,KAAK;YACnD,IAAI,KAAK,CAAC,SAAS,EAAE;gBACjB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;aAC1B;QACL,CAAC,CAAC,CAAC;QAEH,OAAO;YACH,UAAU,CAAC,OAAO,EAAE,CAAC;QACzB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAEtB,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;QACD,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;YAC9B,mBAAmB,EAAE,KAAK,CAAC,UAAU;SACxC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAEvB,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;QACD,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;YAC9B,2BAA2B,EAAE,KAAK,CAAC,kBAAkB;SACxD,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAE/B,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;QACD,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;YAC9B,cAAc,EAAE,KAAK,CAAC,cAAc;SACvC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAE3B,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;QACD,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;YAC9B,sBAAsB,EAAE,KAAK,CAAC,aAAa;SAC9C,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;IAE1B,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACjD,OAAO;gBACH,MAAM;YACV,CAAC,CAAC;SACL;QAED,IAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAC,KAAK;YAC1D,IAAI,KAAK,CAAC,gBAAgB,EAAE;gBACxB,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;aACjC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO;YACH,UAAU,CAAC,OAAO,EAAE,CAAC;QACzB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAE7B,OAAO,CACH,6BACI,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EACxC,GAAG,EAAE,MAAM,IAEV,OAAO,CACN,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AACF,qBAAa,CAAC,WAAW,GAAG,mBAAmB,CAAC"}
+{"version":3,"file":"dockview.js","sourceRoot":"","sources":["../../../../src/react/dockview/dockview.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/react/dockview/groupControlsRenderer.d.ts

@@ -0,0 +1,43 @@
+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 '../../groupview/groupPanel';
+export interface IDockviewGroupControlProps {
+    api: GroupviewPanelApi;
+    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;
+    private readonly _group;
+    private mutableDisposable;
+    private _element;
+    private _part?;
+    get element(): HTMLElement;
+    get part(): ReactPart<IDockviewGroupControlProps> | undefined;
+    get group(): GroupPanel;
+    constructor(component: React.FunctionComponent<IDockviewGroupControlProps>, reactPortalStore: ReactPortalStore, _group: GroupPanel);
+    focus(): void;
+    init(parameters: {
+        containerApi: DockviewApi;
+        api: GroupviewPanelApi;
+    }): void;
+    update(event: PanelUpdateEvent): void;
+    dispose(): void;
+    private updatePanels;
+    private updateActivePanel;
+    private updateGroupActive;
+}

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

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactGroupControlsRendererPart = void 0;
+var react_1 = require("../react");
+var lifecycle_1 = require("../../lifecycle");
+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._element = document.createElement('div');
+        this._element.className = 'dockview-react-part';
+    }
+    Object.defineProperty(ReactGroupControlsRendererPart.prototype, "element", {
+        get: function () {
+            return this._element;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ReactGroupControlsRendererPart.prototype, "part", {
+        get: function () {
+            return this._part;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ReactGroupControlsRendererPart.prototype, "group", {
+        get: function () {
+            return this._group;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ReactGroupControlsRendererPart.prototype.focus = function () {
+        // TODO
+    };
+    ReactGroupControlsRendererPart.prototype.init = function (parameters) {
+        var _this = this;
+        this.mutableDisposable.value = new lifecycle_1.CompositeDisposable(this._group.model.onDidAddPanel(function () {
+            _this.updatePanels();
+        }), this._group.model.onDidRemovePanel(function () {
+            _this.updatePanels();
+        }), this._group.model.onDidActivePanelChange(function () {
+            _this.updateActivePanel();
+        }), parameters.api.onDidActiveChange(function () {
+            _this.updateGroupActive();
+        }));
+        this._part = new react_1.ReactPart(this.element, this.reactPortalStore, this.component, {
+            api: parameters.api,
+            containerApi: parameters.containerApi,
+            panels: this._group.model.panels,
+            activePanel: this._group.model.activePanel,
+            isGroupActive: this._group.api.isActive,
+        });
+    };
+    ReactGroupControlsRendererPart.prototype.update = function (event) {
+        var _a;
+        (_a = this._part) === null || _a === void 0 ? void 0 : _a.update(event.params);
+    };
+    ReactGroupControlsRendererPart.prototype.dispose = function () {
+        var _a;
+        this.mutableDisposable.dispose();
+        (_a = this._part) === null || _a === void 0 ? void 0 : _a.dispose();
+    };
+    ReactGroupControlsRendererPart.prototype.updatePanels = function () {
+        this.update({ params: { panels: this._group.model.panels } });
+    };
+    ReactGroupControlsRendererPart.prototype.updateActivePanel = function () {
+        this.update({
+            params: {
+                activePanel: this._group.model.activePanel,
+            },
+        });
+    };
+    ReactGroupControlsRendererPart.prototype.updateGroupActive = function () {
+        this.update({
+            params: {
+                isGroupActive: this._group.api.isActive,
+            },
+        });
+    };
+    return ReactGroupControlsRendererPart;
+}());
+exports.ReactGroupControlsRendererPart = ReactGroupControlsRendererPart;
+//# sourceMappingURL=groupControlsRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"groupControlsRenderer.js","sourceRoot":"","sources":["../../../../src/react/dockview/groupControlsRenderer.ts"],"names":[],"mappings":";;;AACA,kCAAuD;AAIvD,6CAIyB;AAgBzB;IAiBI,wCACqB,SAA8D,EAC9D,gBAAkC,EAClC,MAAkB;QAFlB,cAAS,GAAT,SAAS,CAAqD;QAC9D,qBAAgB,GAAhB,gBAAgB,CAAkB;QAClC,WAAM,GAAN,MAAM,CAAY;QAnB/B,sBAAiB,GAAG,IAAI,6BAAiB,EAAE,CAAC;QAqBhD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,qBAAqB,CAAC;IACpD,CAAC;IAnBD,sBAAI,mDAAO;aAAX;YACI,OAAO,IAAI,CAAC,QAAQ,CAAC;QACzB,CAAC;;;OAAA;IAED,sBAAI,gDAAI;aAAR;YACI,OAAO,IAAI,CAAC,KAAK,CAAC;QACtB,CAAC;;;OAAA;IAED,sBAAI,iDAAK;aAAT;YACI,OAAO,IAAI,CAAC,MAAM,CAAC;QACvB,CAAC;;;OAAA;IAWD,8CAAK,GAAL;QACI,OAAO;IACX,CAAC;IAEM,6CAAI,GAAX,UAAY,UAGX;QAHD,iBA+BC;QA3BG,IAAI,CAAC,iBAAiB,CAAC,KAAK,GAAG,IAAI,+BAAmB,CAClD,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC;YAC5B,KAAI,CAAC,YAAY,EAAE,CAAC;QACxB,CAAC,CAAC,EACF,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC;YAC/B,KAAI,CAAC,YAAY,EAAE,CAAC;QACxB,CAAC,CAAC,EACF,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,sBAAsB,CAAC;YACrC,KAAI,CAAC,iBAAiB,EAAE,CAAC;QAC7B,CAAC,CAAC,EACF,UAAU,CAAC,GAAG,CAAC,iBAAiB,CAAC;YAC7B,KAAI,CAAC,iBAAiB,EAAE,CAAC;QAC7B,CAAC,CAAC,CACL,CAAC;QAEF,IAAI,CAAC,KAAK,GAAG,IAAI,iBAAS,CACtB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,SAAS,EACd;YACI,GAAG,EAAE,UAAU,CAAC,GAAG;YACnB,YAAY,EAAE,UAAU,CAAC,YAAY;YACrC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;YAChC,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;YAC1C,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ;SAC1C,CACJ,CAAC;IACN,CAAC;IAEM,+CAAM,GAAb,UAAc,KAAuB;;QACjC,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC;IAEM,gDAAO,GAAd;;QACI,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC;QACjC,MAAA,IAAI,CAAC,KAAK,0CAAE,OAAO,EAAE,CAAC;IAC1B,CAAC;IAEO,qDAAY,GAApB;QACI,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAClE,CAAC;IAEO,0DAAiB,GAAzB;QACI,IAAI,CAAC,MAAM,CAAC;YACR,MAAM,EAAE;gBACJ,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;aAC7C;SACJ,CAAC,CAAC;IACP,CAAC;IAEO,0DAAiB,GAAzB;QACI,IAAI,CAAC,MAAM,CAAC;YACR,MAAM,EAAE;gBACJ,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ;aAC1C;SACJ,CAAC,CAAC;IACP,CAAC;IACL,qCAAC;AAAD,CAAC,AA3FD,IA2FC;AA3FY,wEAA8B"}

package/dist/cjs/react/dockview/reactContentPart.d.ts

@@ -1,37 +1,22 @@
 import * as React from 'react';
-import { IContentRenderer, GroupPanelContentPartInitParameters, ITabRenderer } from '../../groupview/types';
+import { IContentRenderer, GroupPanelContentPartInitParameters } from '../../groupview/types';
 import { ReactPortalStore } from '../react';
 import { IDockviewPanelProps } from '../dockview/dockview';
 import { PanelUpdateEvent } from '../../panel/types';
-import { DockviewPanelApi } from '../../api/groupPanelApi';
-import { DockviewApi } from '../../api/component.api';
 import { GroupPanel } from '../../groupview/groupviewPanel';
 import { Event } from '../../events';
-export interface IGroupPanelActionbarProps {
-    api: DockviewPanelApi;
-    containerApi: DockviewApi;
-}
-export interface ReactContentPartContext {
-    api: DockviewPanelApi;
-    containerApi: DockviewApi;
-    actionsPortalElement: HTMLElement;
-    tabPortalElement: ITabRenderer;
-}
 export declare class ReactPanelContentPart implements IContentRenderer {
     readonly id: string;
     private readonly component;
     private readonly reactPortalStore;
     private _element;
     private part?;
-    private _actionsElement;
-    private actionsPart?;
     private _group;
     private readonly _onDidFocus;
     readonly onDidFocus: Event<void>;
     private readonly _onDidBlur;
     readonly onDidBlur: Event<void>;
     get element(): HTMLElement;
-    get actions(): HTMLElement;
     constructor(id: string, component: React.FunctionComponent<IDockviewPanelProps>, reactPortalStore: ReactPortalStore);
     focus(): void;
     init(parameters: GroupPanelContentPartInitParameters): void;

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

@@ -14,8 +14,6 @@ var ReactPanelContentPart = /** @class */ (function () {
         this.onDidBlur = this._onDidBlur.event;
         this._element = document.createElement('div');
         this._element.className = 'dockview-react-part';
-        this._actionsElement = document.createElement('div');
-        this._actionsElement.className = 'dockview-react-part';
     }
     Object.defineProperty(ReactPanelContentPart.prototype, "element", {
         get: function () {
@@ -24,28 +22,15 @@ var ReactPanelContentPart = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ReactPanelContentPart.prototype, "actions", {
-        get: function () {
-            return this._actionsElement;
-        },
-        enumerable: false,
-        configurable: true
-    });
     ReactPanelContentPart.prototype.focus = function () {
         // TODO
     };
     ReactPanelContentPart.prototype.init = function (parameters) {
-        var context = {
-            api: parameters.api,
-            containerApi: parameters.containerApi,
-            actionsPortalElement: this._actionsElement,
-            tabPortalElement: parameters.tab,
-        };
         this.part = new react_1.ReactPart(this.element, this.reactPortalStore, this.component, {
             params: parameters.params,
             api: parameters.api,
             containerApi: parameters.containerApi,
-        }, context);
+        });
     };
     ReactPanelContentPart.prototype.toJSON = function () {
         return {
@@ -63,11 +48,10 @@ var ReactPanelContentPart = /** @class */ (function () {
         // noop
     };
     ReactPanelContentPart.prototype.dispose = function () {
-        var _a, _b;
+        var _a;
         this._onDidFocus.dispose();
         this._onDidBlur.dispose();
         (_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();
-        (_b = this.actionsPart) === null || _b === void 0 ? void 0 : _b.dispose();
     };
     return ReactPanelContentPart;
 }());

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

@@ -1 +1 @@
-{"version":3,"file":"reactContentPart.js","sourceRoot":"","sources":["../../../../src/react/dockview/reactContentPart.ts"],"names":[],"mappings":";;;AAMA,kCAAuD;AAMvD,uCAA8C;AAc9C;IAsBI,+BACoB,EAAU,EACT,SAAuD,EACvD,gBAAkC;QAFnC,OAAE,GAAF,EAAE,CAAQ;QACT,cAAS,GAAT,SAAS,CAA8C;QACvD,qBAAgB,GAAhB,gBAAgB,CAAkB;QAjBtC,gBAAW,GAAG,IAAI,gBAAO,EAAQ,CAAC;QAC1C,eAAU,GAAgB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;QAEzC,eAAU,GAAG,IAAI,gBAAO,EAAQ,CAAC;QACzC,cAAS,GAAgB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;QAepD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,qBAAqB,CAAC;QAEhD,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACrD,IAAI,CAAC,eAAe,CAAC,SAAS,GAAG,qBAAqB,CAAC;IAC3D,CAAC;IAlBD,sBAAI,0CAAO;aAAX;YACI,OAAO,IAAI,CAAC,QAAQ,CAAC;QACzB,CAAC;;;OAAA;IAED,sBAAI,0CAAO;aAAX;YACI,OAAO,IAAI,CAAC,eAAe,CAAC;QAChC,CAAC;;;OAAA;IAcD,qCAAK,GAAL;QACI,OAAO;IACX,CAAC;IAEM,oCAAI,GAAX,UAAY,UAA+C;QACvD,IAAM,OAAO,GAA4B;YACrC,GAAG,EAAE,UAAU,CAAC,GAAG;YACnB,YAAY,EAAE,UAAU,CAAC,YAAY;YACrC,oBAAoB,EAAE,IAAI,CAAC,eAAe;YAC1C,gBAAgB,EAAE,UAAU,CAAC,GAAG;SACnC,CAAC;QAEF,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,EACD,OAAO,CACV,CAAC;IACN,CAAC;IAEM,sCAAM,GAAb;QACI,OAAO;YACH,EAAE,EAAE,IAAI,CAAC,EAAE;SACd,CAAC;IACN,CAAC;IAEM,sCAAM,GAAb,UAAc,KAAuB;;QACjC,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC;IAEM,iDAAiB,GAAxB,UACI,KAAiB,EACjB,eAAwB;QAExB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACxB,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;QACrB,MAAA,IAAI,CAAC,WAAW,0CAAE,OAAO,EAAE,CAAC;IAChC,CAAC;IACL,4BAAC;AAAD,CAAC,AAtFD,IAsFC;AAtFY,sDAAqB"}
+{"version":3,"file":"reactContentPart.js","sourceRoot":"","sources":["../../../../src/react/dockview/reactContentPart.ts"],"names":[],"mappings":";;;AAKA,kCAAuD;AAIvD,uCAA8C;AAE9C;IAgBI,+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,gBAAO,EAAQ,CAAC;QAC1C,eAAU,GAAgB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;QAEzC,eAAU,GAAG,IAAI,gBAAO,EAAQ,CAAC;QACzC,cAAS,GAAgB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;QAWpD,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;QACI,OAAO;YACH,EAAE,EAAE,IAAI,CAAC,EAAE;SACd,CAAC;IACN,CAAC;IAEM,sCAAM,GAAb,UAAc,KAAuB;;QACjC,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC;IAEM,iDAAiB,GAAxB,UACI,KAAiB,EACjB,eAAwB;QAExB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACxB,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,AApED,IAoEC;AApEY,sDAAqB"}

package/dist/cjs/react/dockview/reactHeaderPart.d.ts

@@ -16,6 +16,8 @@ export declare class ReactPanelHeaderPart implements ITabRenderer {
     init(parameters: GroupPanelPartInitParameters): void;
     update(event: PanelUpdateEvent): void;
     toJSON(): {
+        id?: undefined;
+    } | {
         id: string;
     };
     layout(_width: number, _height: number): void;

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

@@ -2,6 +2,7 @@
 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,6 +33,9 @@ var ReactPanelHeaderPart = /** @class */ (function () {
         (_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,
         };

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

@@ -1 +1 @@
-{"version":3,"file":"reactHeaderPart.js","sourceRoot":"","sources":["../../../../src/react/dockview/reactHeaderPart.ts"],"names":[],"mappings":";;;AAOA,kCAAuD;AAGvD;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;QACI,OAAO;YACH,EAAE,EAAE,IAAI,CAAC,EAAE;SACd,CAAC;IACN,CAAC;IAEM,qCAAM,GAAb,UAAc,MAAc,EAAE,OAAe;QACzC,4BAA4B;IAChC,CAAC;IAEM,gDAAiB,GAAxB,UACI,MAAkB,EAClB,eAAwB;QAExB,4BAA4B;IAChC,CAAC;IAEM,sCAAO,GAAd;;QACI,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,EAAE,CAAC;IACzB,CAAC;IACL,2BAAC;AAAD,CAAC,AA1DD,IA0DC;AA1DY,oDAAoB"}
+{"version":3,"file":"reactHeaderPart.js","sourceRoot":"","sources":["../../../../src/react/dockview/reactHeaderPart.ts"],"names":[],"mappings":";;;AAOA,kCAAuD;AAEvD,uEAAkF;AAElF;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;QACI,IAAI,IAAI,CAAC,EAAE,KAAK,mCAAsB,EAAE;YACpC,OAAO,EAAE,CAAC;SACb;QAED,OAAO;YACH,EAAE,EAAE,IAAI,CAAC,EAAE;SACd,CAAC;IACN,CAAC;IAEM,qCAAM,GAAb,UAAc,MAAc,EAAE,OAAe;QACzC,4BAA4B;IAChC,CAAC;IAEM,gDAAiB,GAAxB,UACI,MAAkB,EAClB,eAAwB;QAExB,4BAA4B;IAChC,CAAC;IAEM,sCAAO,GAAd;;QACI,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,EAAE,CAAC;IACzB,CAAC;IACL,2BAAC;AAAD,CAAC,AA9DD,IA8DC;AA9DY,oDAAoB"}

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

@@ -1,8 +1,8 @@
 export * from './dockview/dockview';
+export * from './dockview/defaultTab';
 export * from './splitview/splitview';
 export * from './gridview/gridview';
-export * from './dockview/reactContentPart';
-export * from './dockview/reactHeaderPart';
+export { IDockviewGroupControlProps } from './dockview/groupControlsRenderer';
 export { IWatermarkPanelProps } from './dockview/reactWatermarkPart';
 export * from './paneview/paneview';
 export * from './types';

package/dist/cjs/react/index.js

@@ -15,10 +15,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./dockview/dockview"), exports);
+__exportStar(require("./dockview/defaultTab"), exports);
 __exportStar(require("./splitview/splitview"), exports);
 __exportStar(require("./gridview/gridview"), exports);
-__exportStar(require("./dockview/reactContentPart"), exports);
-__exportStar(require("./dockview/reactHeaderPart"), exports);
 __exportStar(require("./paneview/paneview"), exports);
 __exportStar(require("./types"), exports);
 __exportStar(require("./react"), exports);

package/dist/cjs/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAoC;AACpC,wDAAsC;AACtC,sDAAoC;AACpC,8DAA4C;AAC5C,6DAA2C;AAE3C,sDAAoC;AACpC,0CAAwB;AACxB,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAoC;AACpC,wDAAsC;AACtC,wDAAsC;AACtC,sDAAoC;AAGpC,sDAAoC;AACpC,0CAAwB;AACxB,0CAAwB"}

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { PaneviewPanelApi } from '../../api/paneviewPanelApi';
+import { PaneviewDndOverlayEvent } from '../../paneview/paneviewComponent';
 import { PaneviewApi } from '../../api/component.api';
 import { PanelCollection, PanelParameters } from '../types';
 import { PaneviewDropEvent2 } from '../../paneview/draggablePaneviewPanel';
@@ -23,6 +24,7 @@ export interface IPaneviewReactProps {
     className?: string;
     disableAutoResizing?: boolean;
     disableDnd?: boolean;
+    showDndOverlay?: (event: PaneviewDndOverlayEvent) => boolean;
     onDidDrop?(event: PaneviewDropEvent): void;
 }
 export declare const PaneviewReact: React.ForwardRefExoticComponent<IPaneviewReactProps & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/react/paneview/paneview.js

@@ -97,6 +97,7 @@ exports.PaneviewReact = React.forwardRef(function (props, ref) {
                     createComponent: createComponent,
                 },
             },
+            showDndOverlay: props.showDndOverlay,
         });
         var api = new component_api_1.PaneviewApi(paneview);
         var _a = domRef.current, clientWidth = _a.clientWidth, clientHeight = _a.clientHeight;
@@ -141,6 +142,14 @@ exports.PaneviewReact = React.forwardRef(function (props, ref) {
             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';

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

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

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

@@ -11,6 +11,7 @@ export declare class ReactPart<P extends object, C extends object = {}> implemen
     private readonly component;
     private readonly parameters;
     private readonly context?;
+    private _initialProps;
     private componentInstance?;
     private ref?;
     private disposed;

package/dist/cjs/react/react.js

@@ -103,15 +103,21 @@ var ReactPart = /** @class */ (function () {
         this.component = component;
         this.parameters = parameters;
         this.context = context;
+        this._initialProps = {};
         this.disposed = false;
         this.createPortal();
     }
     ReactPart.prototype.update = function (props) {
-        var _a;
         if (this.disposed) {
             throw new Error('invalid operation: resource is already disposed');
         }
-        (_a = this.componentInstance) === null || _a === void 0 ? void 0 : _a.update(props);
+        if (!this.componentInstance) {
+            // if the component is yet to be mounted store the props
+            this._initialProps = __assign(__assign({}, this._initialProps), props);
+        }
+        else {
+            this.componentInstance.update(props);
+        }
     };
     ReactPart.prototype.createPortal = function () {
         var _this = this;
@@ -132,6 +138,10 @@ var ReactPart = /** @class */ (function () {
             componentProps: this.parameters,
             ref: function (element) {
                 _this.componentInstance = element;
+                if (Object.keys(_this._initialProps).length > 0) {
+                    _this.componentInstance.update(_this._initialProps);
+                    _this._initialProps = {}; // don't keep a reference to the users object once no longer required
+                }
             },
         });
         var node = this.context