dockview 1.6.0 → 1.7.1

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

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

package/dist/esm/dockview/defaultTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTab.d.ts","sourceRoot":"","sources":["../../../src/dockview/defaultTab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,wBAAwB,GAAG,yBAAyB,GAC5D,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;AAExC,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAkC5E,CAAC"}

package/dist/esm/{react/dockview → dockview}/defaultTab.js

@@ -1,34 +1,35 @@
-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;
-};
-import * as React from 'react';
-import { CloseButton } from '../svg';
-export const DockviewDefaultTab = (_a) => {
-    var { api, containerApi: _containerApi, params: _params } = _a, rest = __rest(_a, ["api", "containerApi", "params"]);
-    const onClose = React.useCallback((event) => {
-        event.stopPropagation();
-        api.close();
-    }, [api]);
-    const onClick = React.useCallback((event) => {
-        api.setActive();
-        if (rest.onClick) {
-            rest.onClick(event);
-        }
-    }, [api, rest.onClick]);
-    const iconClassname = React.useMemo(() => {
-        const cn = ['dockview-react-tab-action'];
-        return cn.join(',');
-    }, []);
-    return (React.createElement("div", Object.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(CloseButton, null))));
-};
+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;
+};
+import * as React from 'react';
+import { CloseButton } from '../svg';
+export const DockviewDefaultTab = (_a) => {
+    var { api, containerApi: _containerApi, params: _params } = _a, rest = __rest(_a, ["api", "containerApi", "params"]);
+    const onClose = React.useCallback((event) => {
+        event.stopPropagation();
+        api.close();
+    }, [api]);
+    const onClick = React.useCallback((event) => {
+        api.setActive();
+        if (rest.onClick) {
+            rest.onClick(event);
+        }
+    }, [api, rest.onClick]);
+    const iconClassname = React.useMemo(() => {
+        const cn = ['dockview-react-tab-action'];
+        return cn.join(',');
+    }, []);
+    return (React.createElement("div", Object.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(CloseButton, null))));
+};
+//# sourceMappingURL=defaultTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTab.js","sourceRoot":"","sources":["../../../src/dockview/defaultTab.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAKrC,MAAM,CAAC,MAAM,kBAAkB,GAC3B,CAAC,EAA8D,EAAE,EAAE;QAAlE,EAAE,GAAG,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,OAAW,EAAN,IAAI,cAA5D,iCAA8D,CAAF;IACzD,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,CAAC,KAAwC,EAAE,EAAE;QACzC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,GAAG,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC,EACD,CAAC,GAAG,CAAC,CACR,CAAC;IAEF,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,CAAC,KAAuC,EAAE,EAAE;QACxC,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,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,MAAM,EAAE,GAAG,CAAC,2BAA2B,CAAC,CAAC;QACzC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,6CAAS,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,WAAW,OAAG,CACb,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,35 +1,36 @@
-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 { 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;
-}
-export type IDockviewPanelHeaderProps<T extends {} = Record<string, any>> = IGroupPanelBaseProps<T>;
-export type IDockviewPanelProps<T extends {
-    [index: string]: any;
-} = any> = IGroupPanelBaseProps<T>;
-export interface DockviewReadyEvent {
-    api: DockviewApi;
-}
-export interface IDockviewReactProps {
-    onReady: (event: DockviewReadyEvent) => void;
-    components: PanelCollection<IDockviewPanelProps>;
-    tabComponents?: PanelCollection<IDockviewPanelHeaderProps>;
-    watermarkComponent?: React.FunctionComponent<IWatermarkPanelProps>;
-    tabHeight?: number;
-    onDidDrop?: (event: DockviewDropEvent) => void;
-    showDndOverlay?: (event: DockviewDndOverlayEvent) => boolean;
-    hideBorders?: boolean;
-    className?: string;
-    disableAutoResizing?: boolean;
-    defaultTabComponent?: React.FunctionComponent<IDockviewPanelHeaderProps>;
-    groupControlComponent?: React.FunctionComponent<IDockviewGroupControlProps>;
-    singleTabMode?: 'fullwidth' | 'default';
-}
-export declare const DockviewReact: React.ForwardRefExoticComponent<IDockviewReactProps & React.RefAttributes<HTMLDivElement>>;
+import * as React from 'react';
+import { DockviewDropEvent, DockviewDndOverlayEvent, DockviewPanelApi, DockviewApi } from 'dockview-core';
+import { IWatermarkPanelProps } from './reactWatermarkPart';
+import { PanelCollection, PanelParameters } from '../types';
+import { IDockviewGroupControlProps } from './groupControlsRenderer';
+export interface IGroupPanelBaseProps<T extends {
+    [index: string]: any;
+} = any> extends PanelParameters<T> {
+    api: DockviewPanelApi;
+    containerApi: DockviewApi;
+}
+export type IDockviewPanelHeaderProps<T extends {
+    [index: string]: any;
+} = any> = IGroupPanelBaseProps<T>;
+export type IDockviewPanelProps<T extends {
+    [index: string]: any;
+} = any> = IGroupPanelBaseProps<T>;
+export interface DockviewReadyEvent {
+    api: DockviewApi;
+}
+export interface IDockviewReactProps {
+    onReady: (event: DockviewReadyEvent) => void;
+    components: PanelCollection<IDockviewPanelProps>;
+    tabComponents?: PanelCollection<IDockviewPanelHeaderProps>;
+    watermarkComponent?: React.FunctionComponent<IWatermarkPanelProps>;
+    onDidDrop?: (event: DockviewDropEvent) => void;
+    showDndOverlay?: (event: DockviewDndOverlayEvent) => boolean;
+    hideBorders?: boolean;
+    className?: string;
+    disableAutoResizing?: boolean;
+    defaultTabComponent?: React.FunctionComponent<IDockviewPanelHeaderProps>;
+    groupControlComponent?: React.FunctionComponent<IDockviewGroupControlProps>;
+    singleTabMode?: 'fullwidth' | 'default';
+}
+export declare const DockviewReact: React.ForwardRefExoticComponent<IDockviewReactProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=dockview.d.ts.map

package/dist/esm/dockview/dockview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dockview.d.ts","sourceRoot":"","sources":["../../../src/dockview/dockview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEH,iBAAiB,EACjB,uBAAuB,EAGvB,gBAAgB,EAChB,WAAW,EAId,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,oBAAoB,EAAsB,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EACH,0BAA0B,EAE7B,MAAM,yBAAyB,CAAC;AAiBjC,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,GAAG,CAC1E,SAAQ,eAAe,CAAC,CAAC,CAAC;IAC1B,GAAG,EAAE,gBAAgB,CAAC;IACtB,YAAY,EAAE,WAAW,CAAC;CAC7B;AAED,MAAM,MAAM,yBAAyB,CACjC,CAAC,SAAS;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,GAAG,IACxC,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAE5B,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,GAAG,IACpE,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAE5B,MAAM,WAAW,kBAAkB;IAC/B,GAAG,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,UAAU,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;IACjD,aAAa,CAAC,EAAE,eAAe,CAAC,yBAAyB,CAAC,CAAC;IAC3D,kBAAkB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IACnE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,OAAO,CAAC;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;IACzE,qBAAqB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,CAAC,CAAC;IAC5E,aAAa,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;CAC3C;AAID,eAAO,MAAM,aAAa,4FAoMzB,CAAC"}

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

@@ -1,158 +1,155 @@
-import * as React from 'react';
-import { DockviewComponent, } from '../../dockview/dockviewComponent';
-import { ReactPanelContentPart } from './reactContentPart';
-import { ReactPanelHeaderPart } from './reactHeaderPart';
-import { ReactPanelDeserialzier } from '../deserializer';
-import { usePortalsLifecycle } from '../react';
-import { DockviewApi } from '../../api/component.api';
-import { ReactWatermarkPart } from './reactWatermarkPart';
-import { watchElementResize } from '../../dom';
-import { ReactGroupControlsRendererPart, } from './groupControlsRenderer';
-import { DEFAULT_TAB_IDENTIFIER } from '../../dockview/components/tab/defaultTab';
-function createGroupControlElement(component, store) {
-    return component
-        ? (groupPanel) => {
-            return new ReactGroupControlsRendererPart(component, store, groupPanel);
-        }
-        : undefined;
-}
-export const DockviewReact = React.forwardRef((props, ref) => {
-    const domRef = React.useRef(null);
-    const dockviewRef = React.useRef();
-    const [portals, addPortal] = usePortalsLifecycle();
-    React.useImperativeHandle(ref, () => domRef.current, []);
-    React.useEffect(() => {
-        if (props.disableAutoResizing) {
-            return () => {
-                //
-            };
-        }
-        const watcher = watchElementResize(domRef.current, (entry) => {
-            var _a;
-            const { width, height } = entry.contentRect;
-            (_a = dockviewRef.current) === null || _a === void 0 ? void 0 : _a.layout(width, height);
-        });
-        return () => {
-            watcher.dispose();
-        };
-    }, [props.disableAutoResizing]);
-    React.useEffect(() => {
-        var _a;
-        const factory = {
-            content: {
-                createComponent: (_id, componentId, component) => {
-                    return new ReactPanelContentPart(componentId, component, {
-                        addPortal,
-                    });
-                },
-            },
-            tab: {
-                createComponent: (_id, componentId, component) => {
-                    return new ReactPanelHeaderPart(componentId, component, {
-                        addPortal,
-                    });
-                },
-            },
-            watermark: {
-                createComponent: (_id, componentId, component) => {
-                    return new ReactWatermarkPart(componentId, component, {
-                        addPortal,
-                    });
-                },
-            },
-        };
-        const element = document.createElement('div');
-        const dockview = new DockviewComponent(element, {
-            frameworkComponentFactory: factory,
-            frameworkComponents: props.components,
-            frameworkTabComponents: Object.assign(Object.assign({}, (props.tabComponents || {})), { [DEFAULT_TAB_IDENTIFIER]: props.defaultTabComponent }),
-            tabHeight: props.tabHeight,
-            watermarkFrameworkComponent: props.watermarkComponent,
-            defaultTabComponent: DEFAULT_TAB_IDENTIFIER,
-            styles: props.hideBorders
-                ? { separatorBorder: 'transparent' }
-                : undefined,
-            showDndOverlay: props.showDndOverlay,
-            createGroupControlElement: createGroupControlElement(props.groupControlComponent, { addPortal }),
-            singleTabMode: props.singleTabMode,
-        });
-        (_a = domRef.current) === null || _a === void 0 ? void 0 : _a.appendChild(dockview.element);
-        dockview.deserializer = new ReactPanelDeserialzier(dockview);
-        const { clientWidth, clientHeight } = domRef.current;
-        dockview.layout(clientWidth, clientHeight);
-        if (props.onReady) {
-            props.onReady({ api: new DockviewApi(dockview) });
-        }
-        dockviewRef.current = dockview;
-        return () => {
-            dockview.dispose();
-            element.remove();
-        };
-    }, []);
-    React.useEffect(() => {
-        if (!dockviewRef.current) {
-            return () => {
-                // noop
-            };
-        }
-        const disposable = dockviewRef.current.onDidDrop((event) => {
-            if (props.onDidDrop) {
-                props.onDidDrop(event);
-            }
-        });
-        return () => {
-            disposable.dispose();
-        };
-    }, [props.onDidDrop]);
-    React.useEffect(() => {
-        if (!dockviewRef.current) {
-            return;
-        }
-        dockviewRef.current.updateOptions({
-            frameworkComponents: props.components,
-        });
-    }, [props.components]);
-    React.useEffect(() => {
-        if (!dockviewRef.current) {
-            return;
-        }
-        dockviewRef.current.updateOptions({
-            watermarkFrameworkComponent: props.watermarkComponent,
-        });
-    }, [props.watermarkComponent]);
-    React.useEffect(() => {
-        if (!dockviewRef.current) {
-            return;
-        }
-        dockviewRef.current.updateOptions({
-            showDndOverlay: props.showDndOverlay,
-        });
-    }, [props.showDndOverlay]);
-    React.useEffect(() => {
-        if (!dockviewRef.current) {
-            return;
-        }
-        dockviewRef.current.updateOptions({
-            frameworkTabComponents: props.tabComponents,
-        });
-    }, [props.tabComponents]);
-    React.useEffect(() => {
-        if (!dockviewRef.current) {
-            return;
-        }
-        dockviewRef.current.updateOptions({
-            defaultTabComponent: DEFAULT_TAB_IDENTIFIER,
-            frameworkTabComponents: Object.assign(Object.assign({}, (props.tabComponents || {})), { [DEFAULT_TAB_IDENTIFIER]: props.defaultTabComponent }),
-        });
-    }, [props.defaultTabComponent]);
-    React.useEffect(() => {
-        if (!dockviewRef.current) {
-            return;
-        }
-        dockviewRef.current.updateOptions({
-            createGroupControlElement: createGroupControlElement(props.groupControlComponent, { addPortal }),
-        });
-    }, [props.groupControlComponent]);
-    return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
-});
-DockviewReact.displayName = 'DockviewComponent';
+import * as React from 'react';
+import { DockviewComponent, DockviewApi, } from 'dockview-core';
+import { ReactPanelContentPart } from './reactContentPart';
+import { ReactPanelHeaderPart } from './reactHeaderPart';
+import { usePortalsLifecycle } from '../react';
+import { ReactWatermarkPart } from './reactWatermarkPart';
+import { ReactGroupControlsRendererPart, } from './groupControlsRenderer';
+function createGroupControlElement(component, store) {
+    return component
+        ? (groupPanel) => {
+            return new ReactGroupControlsRendererPart(component, store, groupPanel);
+        }
+        : undefined;
+}
+const DEFAULT_REACT_TAB = 'props.defaultTabComponent';
+export const DockviewReact = React.forwardRef((props, ref) => {
+    const domRef = React.useRef(null);
+    const dockviewRef = React.useRef();
+    const [portals, addPortal] = usePortalsLifecycle();
+    React.useImperativeHandle(ref, () => domRef.current, []);
+    React.useEffect(() => {
+        if (!domRef.current) {
+            return () => {
+                // noop
+            };
+        }
+        const factory = {
+            content: {
+                createComponent: (_id, componentId, component) => {
+                    return new ReactPanelContentPart(componentId, component, {
+                        addPortal,
+                    });
+                },
+            },
+            tab: {
+                createComponent: (_id, componentId, component) => {
+                    return new ReactPanelHeaderPart(componentId, component, {
+                        addPortal,
+                    });
+                },
+            },
+            watermark: {
+                createComponent: (_id, componentId, component) => {
+                    return new ReactWatermarkPart(componentId, component, {
+                        addPortal,
+                    });
+                },
+            },
+        };
+        const frameworkTabComponents = props.tabComponents || {};
+        if (props.defaultTabComponent) {
+            frameworkTabComponents[DEFAULT_REACT_TAB] =
+                props.defaultTabComponent;
+        }
+        const dockview = new DockviewComponent({
+            parentElement: domRef.current,
+            frameworkComponentFactory: factory,
+            frameworkComponents: props.components,
+            frameworkTabComponents,
+            watermarkFrameworkComponent: props.watermarkComponent,
+            defaultTabComponent: props.defaultTabComponent
+                ? DEFAULT_REACT_TAB
+                : undefined,
+            styles: props.hideBorders
+                ? { separatorBorder: 'transparent' }
+                : undefined,
+            showDndOverlay: props.showDndOverlay,
+            createGroupControlElement: createGroupControlElement(props.groupControlComponent, { addPortal }),
+            singleTabMode: props.singleTabMode,
+        });
+        const { clientWidth, clientHeight } = domRef.current;
+        dockview.layout(clientWidth, clientHeight);
+        if (props.onReady) {
+            props.onReady({ api: new DockviewApi(dockview) });
+        }
+        dockviewRef.current = dockview;
+        return () => {
+            dockview.dispose();
+        };
+    }, []);
+    React.useEffect(() => {
+        if (!dockviewRef.current) {
+            return () => {
+                // noop
+            };
+        }
+        const disposable = dockviewRef.current.onDidDrop((event) => {
+            if (props.onDidDrop) {
+                props.onDidDrop(event);
+            }
+        });
+        return () => {
+            disposable.dispose();
+        };
+    }, [props.onDidDrop]);
+    React.useEffect(() => {
+        if (!dockviewRef.current) {
+            return;
+        }
+        dockviewRef.current.updateOptions({
+            frameworkComponents: props.components,
+        });
+    }, [props.components]);
+    React.useEffect(() => {
+        if (!dockviewRef.current) {
+            return;
+        }
+        dockviewRef.current.updateOptions({
+            watermarkFrameworkComponent: props.watermarkComponent,
+        });
+    }, [props.watermarkComponent]);
+    React.useEffect(() => {
+        if (!dockviewRef.current) {
+            return;
+        }
+        dockviewRef.current.updateOptions({
+            showDndOverlay: props.showDndOverlay,
+        });
+    }, [props.showDndOverlay]);
+    React.useEffect(() => {
+        if (!dockviewRef.current) {
+            return;
+        }
+        dockviewRef.current.updateOptions({
+            frameworkTabComponents: props.tabComponents,
+        });
+    }, [props.tabComponents]);
+    React.useEffect(() => {
+        if (!dockviewRef.current) {
+            return;
+        }
+        const frameworkTabComponents = props.tabComponents || {};
+        if (props.defaultTabComponent) {
+            frameworkTabComponents[DEFAULT_REACT_TAB] =
+                props.defaultTabComponent;
+        }
+        dockviewRef.current.updateOptions({
+            defaultTabComponent: props.defaultTabComponent
+                ? DEFAULT_REACT_TAB
+                : undefined,
+            frameworkTabComponents,
+        });
+    }, [props.defaultTabComponent]);
+    React.useEffect(() => {
+        if (!dockviewRef.current) {
+            return;
+        }
+        dockviewRef.current.updateOptions({
+            createGroupControlElement: createGroupControlElement(props.groupControlComponent, { addPortal }),
+        });
+    }, [props.groupControlComponent]);
+    return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
+});
+DockviewReact.displayName = 'DockviewComponent';
+//# sourceMappingURL=dockview.js.map

package/dist/esm/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/esm/{react/dockview → dockview}/groupControlsRenderer.d.ts

@@ -1,43 +1,33 @@
-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';
-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;
-}
+import * as React from 'react';
+import { ReactPart, ReactPortalStore } from '../react';
+import { IDockviewPanel, DockviewApi, DockviewGroupPanel, DockviewGroupPanelApi, PanelUpdateEvent } from 'dockview-core';
+export interface IDockviewGroupControlProps {
+    api: DockviewGroupPanelApi;
+    containerApi: DockviewApi;
+    panels: IDockviewPanel[];
+    activePanel: IDockviewPanel | undefined;
+    isGroupActive: boolean;
+}
+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(): DockviewGroupPanel;
+    constructor(component: React.FunctionComponent<IDockviewGroupControlProps>, reactPortalStore: ReactPortalStore, _group: DockviewGroupPanel);
+    focus(): void;
+    init(parameters: {
+        containerApi: DockviewApi;
+        api: DockviewGroupPanelApi;
+    }): void;
+    update(event: PanelUpdateEvent): void;
+    dispose(): void;
+    private updatePanels;
+    private updateActivePanel;
+    private updateGroupActive;
+}
+//# sourceMappingURL=groupControlsRenderer.d.ts.map

package/dist/esm/dockview/groupControlsRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupControlsRenderer.d.ts","sourceRoot":"","sources":["../../../src/dockview/groupControlsRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EACH,cAAc,EAGd,WAAW,EACX,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,EACnB,MAAM,eAAe,CAAC;AAEvB,MAAM,WAAW,0BAA0B;IACvC,GAAG,EAAE,qBAAqB,CAAC;IAC3B,YAAY,EAAE,WAAW,CAAC;IAC1B,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,WAAW,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,aAAa,EAAE,OAAO,CAAC;CAC1B;AAED,qBAAa,8BAA8B;IAkBnC,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,gBAAgB;IACjC,OAAO,CAAC,QAAQ,CAAC,MAAM;IAnB3B,OAAO,CAAC,iBAAiB,CAAmC;IAC5D,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,KAAK,CAAC,CAAwC;IAEtD,IAAI,OAAO,IAAI,WAAW,CAEzB;IAED,IAAI,IAAI,IAAI,SAAS,CAAC,0BAA0B,CAAC,GAAG,SAAS,CAE5D;IAED,IAAI,KAAK,IAAI,kBAAkB,CAE9B;gBAGoB,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,CAAC,EAC9D,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,kBAAkB;IAM/C,KAAK,IAAI,IAAI;IAIN,IAAI,CAAC,UAAU,EAAE;QACpB,YAAY,EAAE,WAAW,CAAC;QAC1B,GAAG,EAAE,qBAAqB,CAAC;KAC9B,GAAG,IAAI;IA8BD,MAAM,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI;IAIrC,OAAO,IAAI,IAAI;IAKtB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,iBAAiB;CAO5B"}