dockview 1.12.0 → 1.13.1

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IDockviewPanelHeaderProps } from './dockview';
+import { IDockviewPanelHeaderProps } from 'dockview-core';
 export type IDockviewDefaultTabProps = IDockviewPanelHeaderProps & React.DOMAttributes<HTMLDivElement> & {
     hideClose?: boolean;
     closeActionOverride?: () => void;

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

@@ -1,48 +1,20 @@
 import React from 'react';
-import { DockviewWillDropEvent, DockviewDndOverlayEvent, DockviewPanelApi, DockviewApi, DockviewPanelRenderer, DroptargetOverlayModel, DockviewDidDropEvent } from 'dockview-core';
-import { IWatermarkPanelProps } from './reactWatermarkPart';
-import { PanelCollection, PanelParameters } from '../types';
-import { IDockviewHeaderActionsProps } from './headerActionsRenderer';
-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: DockviewDidDropEvent) => void;
-    onWillDrop?: (event: DockviewWillDropEvent) => void;
-    showDndOverlay?: (event: DockviewDndOverlayEvent) => boolean;
-    hideBorders?: boolean;
+import { DockviewWillDropEvent, DockviewDidDropEvent, IWatermarkPanelProps, IDockviewHeaderActionsProps, IDockviewPanelHeaderProps, IDockviewPanelProps, DockviewOptions, DockviewDndOverlayEvent, DockviewReadyEvent } from 'dockview-core';
+export interface IDockviewReactProps extends DockviewOptions {
     className?: string;
-    disableAutoResizing?: boolean;
+    tabComponents?: Record<string, React.FunctionComponent<IDockviewPanelHeaderProps>>;
+    components: Record<string, React.FunctionComponent<IDockviewPanelProps>>;
+    watermarkComponent?: React.FunctionComponent<IWatermarkPanelProps>;
     defaultTabComponent?: React.FunctionComponent<IDockviewPanelHeaderProps>;
     rightHeaderActionsComponent?: React.FunctionComponent<IDockviewHeaderActionsProps>;
     leftHeaderActionsComponent?: React.FunctionComponent<IDockviewHeaderActionsProps>;
     prefixHeaderActionsComponent?: React.FunctionComponent<IDockviewHeaderActionsProps>;
-    singleTabMode?: 'fullwidth' | 'default';
-    disableFloatingGroups?: boolean;
-    floatingGroupBounds?: 'boundedWithinViewport' | {
-        minimumHeightWithinViewport?: number;
-        minimumWidthWithinViewport?: number;
-    };
-    debug?: boolean;
-    defaultRenderer?: DockviewPanelRenderer;
-    rootOverlayModel?: DroptargetOverlayModel;
-    locked?: boolean;
-    disableDnd?: boolean;
+    onReady: (event: DockviewReadyEvent) => void;
+    onDidDrop?: (event: DockviewDidDropEvent) => void;
+    onWillDrop?: (event: DockviewWillDropEvent) => void;
+    /**
+     * @deprecated use `api.onUnhandledDragOverEvent` instead. This will be removed in the next release.
+     */
+    showDndOverlay?: (event: DockviewDndOverlayEvent) => boolean;
 }
 export declare const DockviewReact: React.ForwardRefExoticComponent<IDockviewReactProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/dockview/dockview.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { DockviewComponent, DockviewApi, } from 'dockview-core';
+import { DockviewComponent, DockviewApi, PROPERTY_KEYS, } from 'dockview-core';
 import { ReactPanelContentPart } from './reactContentPart';
 import { ReactPanelHeaderPart } from './reactHeaderPart';
 import { usePortalsLifecycle } from '../react';
 import { ReactWatermarkPart } from './reactWatermarkPart';
-import { ReactHeaderActionsRendererPart, } from './headerActionsRenderer';
+import { ReactHeaderActionsRendererPart } from './headerActionsRenderer';
 function createGroupControlElement(component, store) {
     return component
         ? (groupPanel) => {
@@ -13,72 +13,75 @@ function createGroupControlElement(component, store) {
         : undefined;
 }
 const DEFAULT_REACT_TAB = 'props.defaultTabComponent';
+function extractCoreOptions(props) {
+    const coreOptions = PROPERTY_KEYS.reduce((obj, key) => {
+        if (key in props) {
+            obj[key] = props[key];
+        }
+        return obj;
+    }, {});
+    return coreOptions;
+}
 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, []);
+    const prevProps = React.useRef({});
+    React.useEffect(() => {
+        const changes = {};
+        PROPERTY_KEYS.forEach((propKey) => {
+            const key = propKey;
+            const propValue = props[key];
+            if (key in props && propValue !== prevProps.current[key]) {
+                changes[key] = propValue;
+            }
+        });
+        if (dockviewRef.current) {
+            dockviewRef.current.updateOptions(changes);
+        }
+        else {
+            // not yet fully initialized
+        }
+        prevProps.current = props;
+    }, PROPERTY_KEYS.map((key) => props[key]));
     React.useEffect(() => {
         var _a;
         if (!domRef.current) {
-            return () => {
-                // noop
-            };
+            return;
         }
-        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 = (_a = props.tabComponents) !== null && _a !== void 0 ? _a : {};
         if (props.defaultTabComponent) {
             frameworkTabComponents[DEFAULT_REACT_TAB] =
                 props.defaultTabComponent;
         }
-        const dockview = new DockviewComponent({
+        const frameworkOptions = {
+            createLeftHeaderActionComponent: createGroupControlElement(props.leftHeaderActionsComponent, { addPortal }),
+            createRightHeaderActionComponent: createGroupControlElement(props.rightHeaderActionsComponent, { addPortal }),
+            createPrefixHeaderActionComponent: createGroupControlElement(props.prefixHeaderActionsComponent, { addPortal }),
+            createComponent: (options) => {
+                return new ReactPanelContentPart(options.id, props.components[options.name], {
+                    addPortal,
+                });
+            },
+            createTabComponent(options) {
+                return new ReactPanelHeaderPart(options.id, frameworkTabComponents[options.name], {
+                    addPortal,
+                });
+            },
+            createWatermarkComponent: props.watermarkComponent
+                ? () => {
+                    return new ReactWatermarkPart('watermark', props.watermarkComponent, {
+                        addPortal,
+                    });
+                }
+                : undefined,
             parentElement: domRef.current,
-            frameworkComponentFactory: factory,
-            frameworkComponents: props.components,
-            disableAutoResizing: props.disableAutoResizing,
-            frameworkTabComponents,
-            watermarkFrameworkComponent: props.watermarkComponent,
             defaultTabComponent: props.defaultTabComponent
                 ? DEFAULT_REACT_TAB
                 : undefined,
-            styles: props.hideBorders
-                ? { separatorBorder: 'transparent' }
-                : undefined,
-            showDndOverlay: props.showDndOverlay,
-            createLeftHeaderActionsElement: createGroupControlElement(props.leftHeaderActionsComponent, { addPortal }),
-            createRightHeaderActionsElement: createGroupControlElement(props.rightHeaderActionsComponent, { addPortal }),
-            createPrefixHeaderActionsElement: createGroupControlElement(props.prefixHeaderActionsComponent, { addPortal }),
-            singleTabMode: props.singleTabMode,
-            disableFloatingGroups: props.disableFloatingGroups,
-            floatingGroupBounds: props.floatingGroupBounds,
-            defaultRenderer: props.defaultRenderer,
-            debug: props.debug,
-            rootOverlayModel: props.rootOverlayModel,
-            locked: props.locked,
-            disableDnd: props.disableDnd,
-        });
+        };
+        const dockview = new DockviewComponent(Object.assign(Object.assign({}, extractCoreOptions(props)), frameworkOptions));
         const { clientWidth, clientHeight } = domRef.current;
         dockview.layout(clientWidth, clientHeight);
         if (props.onReady) {
@@ -89,20 +92,6 @@ export const DockviewReact = React.forwardRef((props, ref) => {
             dockview.dispose();
         };
     }, []);
-    React.useEffect(() => {
-        if (!dockviewRef.current) {
-            return;
-        }
-        dockviewRef.current.locked = !!props.locked;
-    }, [props.locked]);
-    React.useEffect(() => {
-        if (!dockviewRef.current) {
-            return;
-        }
-        dockviewRef.current.updateOptions({
-            disableDnd: props.disableDnd,
-        });
-    }, [props.disableDnd]);
     React.useEffect(() => {
         if (!dockviewRef.current) {
             return () => {
@@ -124,63 +113,43 @@ export const DockviewReact = React.forwardRef((props, ref) => {
                 // noop
             };
         }
-        const disposable = dockviewRef.current.onWillDrop((event) => {
-            if (props.onWillDrop) {
-                props.onWillDrop(event);
+        const disposable = dockviewRef.current.onUnhandledDragOverEvent((event) => {
+            var _a;
+            if ((_a = props.showDndOverlay) === null || _a === void 0 ? void 0 : _a.call(props, event)) {
+                event.accept();
             }
         });
         return () => {
             disposable.dispose();
         };
-    }, [props.onWillDrop]);
-    React.useEffect(() => {
-        if (!dockviewRef.current) {
-            return;
-        }
-        dockviewRef.current.updateOptions({
-            frameworkComponents: props.components,
-        });
-    }, [props.components]);
-    React.useEffect(() => {
-        if (!dockviewRef.current) {
-            return;
-        }
-        dockviewRef.current.updateOptions({
-            floatingGroupBounds: props.floatingGroupBounds,
-        });
-    }, [props.floatingGroupBounds]);
-    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;
+            return () => {
+                // noop
+            };
         }
-        dockviewRef.current.updateOptions({
-            frameworkTabComponents: props.tabComponents,
+        const disposable = dockviewRef.current.onWillDrop((event) => {
+            if (props.onWillDrop) {
+                props.onWillDrop(event);
+            }
         });
-    }, [props.tabComponents]);
+        return () => {
+            disposable.dispose();
+        };
+    }, [props.onWillDrop]);
     React.useEffect(() => {
         if (!dockviewRef.current) {
             return;
         }
         dockviewRef.current.updateOptions({
-            disableFloatingGroups: props.disableFloatingGroups,
+            createComponent: (options) => {
+                return new ReactPanelContentPart(options.id, props.components[options.name], {
+                    addPortal,
+                });
+            },
         });
-    }, [props.disableFloatingGroups]);
+    }, [props.components]);
     React.useEffect(() => {
         var _a;
         if (!dockviewRef.current) {
@@ -195,39 +164,49 @@ export const DockviewReact = React.forwardRef((props, ref) => {
             defaultTabComponent: props.defaultTabComponent
                 ? DEFAULT_REACT_TAB
                 : undefined,
-            frameworkTabComponents,
+            createTabComponent(options) {
+                return new ReactPanelHeaderPart(options.id, frameworkTabComponents[options.name], {
+                    addPortal,
+                });
+            },
         });
-    }, [props.defaultTabComponent]);
+    }, [props.tabComponents, props.defaultTabComponent]);
     React.useEffect(() => {
         if (!dockviewRef.current) {
             return;
         }
         dockviewRef.current.updateOptions({
-            createRightHeaderActionsElement: createGroupControlElement(props.rightHeaderActionsComponent, { addPortal }),
+            createWatermarkComponent: props.watermarkComponent
+                ? () => {
+                    return new ReactWatermarkPart('watermark', props.watermarkComponent, {
+                        addPortal,
+                    });
+                }
+                : undefined,
         });
-    }, [props.rightHeaderActionsComponent]);
+    }, [props.watermarkComponent]);
     React.useEffect(() => {
         if (!dockviewRef.current) {
             return;
         }
         dockviewRef.current.updateOptions({
-            createLeftHeaderActionsElement: createGroupControlElement(props.leftHeaderActionsComponent, { addPortal }),
+            createRightHeaderActionComponent: createGroupControlElement(props.rightHeaderActionsComponent, { addPortal }),
         });
-    }, [props.leftHeaderActionsComponent]);
+    }, [props.rightHeaderActionsComponent]);
     React.useEffect(() => {
         if (!dockviewRef.current) {
             return;
         }
         dockviewRef.current.updateOptions({
-            rootOverlayModel: props.rootOverlayModel,
+            createLeftHeaderActionComponent: createGroupControlElement(props.leftHeaderActionsComponent, { addPortal }),
         });
-    }, [props.rootOverlayModel]);
+    }, [props.leftHeaderActionsComponent]);
     React.useEffect(() => {
         if (!dockviewRef.current) {
             return;
         }
         dockviewRef.current.updateOptions({
-            createPrefixHeaderActionsElement: createGroupControlElement(props.prefixHeaderActionsComponent, { addPortal }),
+            createPrefixHeaderActionComponent: createGroupControlElement(props.prefixHeaderActionsComponent, { addPortal }),
         });
     }, [props.prefixHeaderActionsComponent]);
     return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));

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

@@ -1,15 +1,7 @@
 import React from 'react';
 import { ReactPart, ReactPortalStore } from '../react';
-import { IDockviewPanel, DockviewApi, DockviewGroupPanel, DockviewGroupPanelApi, PanelUpdateEvent } from 'dockview-core';
-export interface IDockviewHeaderActionsProps {
-    api: DockviewGroupPanelApi;
-    containerApi: DockviewApi;
-    panels: IDockviewPanel[];
-    activePanel: IDockviewPanel | undefined;
-    isGroupActive: boolean;
-    group: DockviewGroupPanel;
-}
-export declare class ReactHeaderActionsRendererPart {
+import { DockviewApi, DockviewGroupPanel, DockviewGroupPanelApi, PanelUpdateEvent, IHeaderActionsRenderer, IDockviewHeaderActionsProps } from 'dockview-core';
+export declare class ReactHeaderActionsRendererPart implements IHeaderActionsRenderer {
     private readonly component;
     private readonly reactPortalStore;
     private readonly _group;
@@ -18,15 +10,13 @@ export declare class ReactHeaderActionsRendererPart {
     private _part?;
     get element(): HTMLElement;
     get part(): ReactPart<IDockviewHeaderActionsProps> | undefined;
-    get group(): DockviewGroupPanel;
     constructor(component: React.FunctionComponent<IDockviewHeaderActionsProps>, reactPortalStore: ReactPortalStore, _group: DockviewGroupPanel);
-    focus(): void;
     init(parameters: {
         containerApi: DockviewApi;
         api: DockviewGroupPanelApi;
     }): void;
-    update(event: PanelUpdateEvent): void;
     dispose(): void;
+    update(event: PanelUpdateEvent): void;
     private updatePanels;
     private updateActivePanel;
     private updateGroupActive;

package/dist/esm/dockview/headerActionsRenderer.js

@@ -7,9 +7,6 @@ export class ReactHeaderActionsRendererPart {
     get part() {
         return this._part;
     }
-    get group() {
-        return this._group;
-    }
     constructor(component, reactPortalStore, _group) {
         this.component = component;
         this.reactPortalStore = reactPortalStore;
@@ -20,9 +17,6 @@ export class ReactHeaderActionsRendererPart {
         this._element.style.height = '100%';
         this._element.style.width = '100%';
     }
-    focus() {
-        // TODO
-    }
     init(parameters) {
         this.mutableDisposable.value = new DockviewCompositeDisposable(this._group.model.onDidAddPanel(() => {
             this.updatePanels();
@@ -42,15 +36,15 @@ export class ReactHeaderActionsRendererPart {
             group: this._group,
         });
     }
-    update(event) {
-        var _a;
-        (_a = this._part) === null || _a === void 0 ? void 0 : _a.update(event.params);
-    }
     dispose() {
         var _a;
         this.mutableDisposable.dispose();
         (_a = this._part) === null || _a === void 0 ? void 0 : _a.dispose();
     }
+    update(event) {
+        var _a;
+        (_a = this._part) === null || _a === void 0 ? void 0 : _a.update(event.params);
+    }
     updatePanels() {
         this.update({ params: { panels: this._group.model.panels } });
     }

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import { ReactPortalStore } from '../react';
-import { IDockviewPanelProps } from '../dockview/dockview';
-import { DockviewEvent, PanelUpdateEvent, IContentRenderer, GroupPanelContentPartInitParameters } from 'dockview-core';
+import { DockviewEvent, PanelUpdateEvent, IContentRenderer, GroupPanelPartInitParameters, IDockviewPanelProps } from 'dockview-core';
 export declare class ReactPanelContentPart implements IContentRenderer {
     readonly id: string;
     private readonly component;
@@ -15,7 +14,7 @@ export declare class ReactPanelContentPart implements IContentRenderer {
     get element(): HTMLElement;
     constructor(id: string, component: React.FunctionComponent<IDockviewPanelProps>, reactPortalStore: ReactPortalStore);
     focus(): void;
-    init(parameters: GroupPanelContentPartInitParameters): void;
+    init(parameters: GroupPanelPartInitParameters): void;
     update(event: PanelUpdateEvent): void;
     layout(_width: number, _height: number): void;
     dispose(): void;

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import { ReactPortalStore } from '../react';
-import { IGroupPanelBaseProps } from './dockview';
-import { PanelUpdateEvent, ITabRenderer, GroupPanelPartInitParameters } from 'dockview-core';
+import { PanelUpdateEvent, ITabRenderer, GroupPanelPartInitParameters, IGroupPanelBaseProps } from 'dockview-core';
 export declare class ReactPanelHeaderPart implements ITabRenderer {
     readonly id: string;
     private readonly component;

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

@@ -1,11 +1,6 @@
 import React from 'react';
 import { ReactPortalStore } from '../react';
-import { PanelUpdateEvent, DockviewGroupPanel, IWatermarkRenderer, WatermarkRendererInitParameters, DockviewApi, IDockviewGroupPanel } from 'dockview-core';
-export interface IWatermarkPanelProps {
-    containerApi: DockviewApi;
-    group?: IDockviewGroupPanel;
-    close: () => void;
-}
+import { PanelUpdateEvent, DockviewGroupPanel, IWatermarkRenderer, WatermarkRendererInitParameters, IWatermarkPanelProps } from 'dockview-core';
 export declare class ReactWatermarkPart implements IWatermarkRenderer {
     readonly id: string;
     private readonly component;

package/dist/esm/dockview/reactWatermarkPart.js

@@ -16,11 +16,6 @@ export class ReactWatermarkPart {
         this.part = new ReactPart(this.element, this.reactPortalStore, this.component, {
             group: parameters.group,
             containerApi: parameters.containerApi,
-            close: () => {
-                if (parameters.group) {
-                    parameters.containerApi.removeGroup(parameters.group);
-                }
-            },
         });
     }
     focus() {

package/dist/esm/gridview/gridview.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { GridviewPanelApi, Orientation, GridviewApi } from 'dockview-core';
-import { PanelCollection, PanelParameters } from '../types';
+import { PanelParameters } from '../types';
 export interface GridviewReadyEvent {
     api: GridviewApi;
 }
@@ -13,7 +13,7 @@ export interface IGridviewPanelProps<T extends {
 export interface IGridviewReactProps {
     orientation?: Orientation;
     onReady: (event: GridviewReadyEvent) => void;
-    components: PanelCollection<IGridviewPanelProps>;
+    components: Record<string, React.FunctionComponent<IGridviewPanelProps>>;
     hideBorders?: boolean;
     className?: string;
     proportionalLayout?: boolean;

package/dist/esm/index.d.ts

@@ -3,8 +3,6 @@ export * from './dockview/dockview';
 export * from './dockview/defaultTab';
 export * from './splitview/splitview';
 export * from './gridview/gridview';
-export { IDockviewHeaderActionsProps } from './dockview/headerActionsRenderer';
-export { IWatermarkPanelProps } from './dockview/reactWatermarkPart';
 export * from './paneview/paneview';
 export * from './types';
 export * from './react';

package/dist/esm/paneview/paneview.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PaneviewPanelApi, PaneviewDndOverlayEvent, PaneviewApi, PaneviewDropEvent } from 'dockview-core';
-import { PanelCollection, PanelParameters } from '../types';
+import { PanelParameters } from '../types';
 export interface PaneviewReadyEvent {
     api: PaneviewApi;
 }
@@ -13,8 +13,8 @@ export interface IPaneviewPanelProps<T extends {
 }
 export interface IPaneviewReactProps {
     onReady: (event: PaneviewReadyEvent) => void;
-    components: PanelCollection<IPaneviewPanelProps>;
-    headerComponents?: PanelCollection<IPaneviewPanelProps>;
+    components: Record<string, React.FunctionComponent<IPaneviewPanelProps>>;
+    headerComponents?: Record<string, React.FunctionComponent<IPaneviewPanelProps>>;
     className?: string;
     disableAutoResizing?: boolean;
     disableDnd?: boolean;

package/dist/esm/splitview/splitview.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SplitviewApi, SplitviewPanelApi, Orientation } from 'dockview-core';
-import { PanelCollection, PanelParameters } from '../types';
+import { PanelParameters } from '../types';
 export interface SplitviewReadyEvent {
     api: SplitviewApi;
 }
@@ -13,7 +13,7 @@ export interface ISplitviewPanelProps<T extends {
 export interface ISplitviewReactProps {
     orientation?: Orientation;
     onReady: (event: SplitviewReadyEvent) => void;
-    components: PanelCollection<ISplitviewPanelProps>;
+    components: Record<string, React.FunctionComponent<ISplitviewPanelProps>>;
     proportionalLayout?: boolean;
     hideBorders?: boolean;
     className?: string;

package/dist/esm/types.d.ts

@@ -1,8 +1,4 @@
-import * as React from 'react';
 import { Parameters } from 'dockview-core';
-export interface PanelCollection<T extends object> {
-    [name: string]: React.FunctionComponent<T>;
-}
 export interface PanelParameters<T extends {} = Parameters> {
     params: T;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dockview",
-  "version": "1.12.0",
-  "description": "Zero dependency layout manager supporting tabs, grids and splitviews with ReactJS support",
+  "version": "1.13.1",
+  "description": "Zero dependency layout manager supporting tabs, grids and splitviews",
   "keywords": [
     "splitview",
     "split-view",
@@ -54,6 +54,6 @@
     "test:cov": "cross-env ../../node_modules/.bin/jest --selectProjects dockview --coverage"
   },
   "dependencies": {
-    "dockview-core": "^1.12.0"
+    "dockview-core": "^1.13.1"
   }
 }