dockview 1.10.2 → 1.11.0

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

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

package/dist/cjs/dockview/defaultTab.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     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)
@@ -44,13 +21,16 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DockviewDefaultTab = void 0;
-var React = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var svg_1 = require("../svg");
 var DockviewDefaultTab = function (_a) {
     var api = _a.api, _containerApi = _a.containerApi, _params = _a.params, hideClose = _a.hideClose, closeActionOverride = _a.closeActionOverride, rest = __rest(_a, ["api", "containerApi", "params", "hideClose", "closeActionOverride"]);
-    var onClose = React.useCallback(function (event) {
+    var onClose = react_1.default.useCallback(function (event) {
         event.preventDefault();
         if (closeActionOverride) {
             closeActionOverride();
@@ -59,10 +39,10 @@ var DockviewDefaultTab = function (_a) {
             api.close();
         }
     }, [api, closeActionOverride]);
-    var onMouseDown = React.useCallback(function (e) {
+    var onMouseDown = react_1.default.useCallback(function (e) {
         e.preventDefault();
     }, []);
-    var onClick = React.useCallback(function (event) {
+    var onClick = react_1.default.useCallback(function (event) {
         if (event.defaultPrevented) {
             return;
         }
@@ -71,9 +51,9 @@ var DockviewDefaultTab = function (_a) {
             rest.onClick(event);
         }
     }, [api, rest.onClick]);
-    return (React.createElement("div", __assign({ "data-testid": "dockview-default-tab" }, rest, { onClick: onClick, className: "dockview-react-tab" }),
-        React.createElement("span", { className: "dockview-react-tab-title" }, api.title),
-        !hideClose && (React.createElement("div", { className: "dv-react-tab-close-btn", onMouseDown: onMouseDown, onClick: onClose },
-            React.createElement(svg_1.CloseButton, null)))));
+    return (react_1.default.createElement("div", __assign({ "data-testid": "dockview-dv-default-tab" }, rest, { onClick: onClick, className: "dv-default-tab" }),
+        react_1.default.createElement("span", { className: "dv-default-tab-content" }, api.title),
+        !hideClose && (react_1.default.createElement("div", { className: "dv-default-tab-action", onMouseDown: onMouseDown, onClick: onClose },
+            react_1.default.createElement(svg_1.CloseButton, null)))));
 };
 exports.DockviewDefaultTab = DockviewDefaultTab;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { DockviewWillDropEvent, DockviewDndOverlayEvent, DockviewPanelApi, DockviewApi, DockviewPanelRenderer, DroptargetOverlayModel, DockviewDidDropEvent } from 'dockview-core';
 import { IWatermarkPanelProps } from './reactWatermarkPart';
 import { PanelCollection, PanelParameters } from '../types';

package/dist/cjs/dockview/dockview.js

@@ -1,27 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -38,13 +15,16 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DockviewReact = void 0;
-var React = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var dockview_core_1 = require("dockview-core");
 var reactContentPart_1 = require("./reactContentPart");
 var reactHeaderPart_1 = require("./reactHeaderPart");
-var react_1 = require("../react");
+var react_2 = require("../react");
 var reactWatermarkPart_1 = require("./reactWatermarkPart");
 var headerActionsRenderer_1 = require("./headerActionsRenderer");
 function createGroupControlElement(component, store) {
@@ -55,12 +35,12 @@ function createGroupControlElement(component, store) {
         : undefined;
 }
 var DEFAULT_REACT_TAB = 'props.defaultTabComponent';
-exports.DockviewReact = React.forwardRef(function (props, ref) {
-    var domRef = React.useRef(null);
-    var dockviewRef = React.useRef();
-    var _a = __read((0, react_1.usePortalsLifecycle)(), 2), portals = _a[0], addPortal = _a[1];
-    React.useImperativeHandle(ref, function () { return domRef.current; }, []);
-    React.useEffect(function () {
+exports.DockviewReact = react_1.default.forwardRef(function (props, ref) {
+    var domRef = react_1.default.useRef(null);
+    var dockviewRef = react_1.default.useRef();
+    var _a = __read((0, react_2.usePortalsLifecycle)(), 2), portals = _a[0], addPortal = _a[1];
+    react_1.default.useImperativeHandle(ref, function () { return domRef.current; }, []);
+    react_1.default.useEffect(function () {
         var _a;
         if (!domRef.current) {
             return function () {
@@ -131,13 +111,13 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             dockview.dispose();
         };
     }, []);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!dockviewRef.current) {
             return;
         }
         dockviewRef.current.locked = !!props.locked;
     }, [props.locked]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!dockviewRef.current) {
             return;
         }
@@ -145,7 +125,7 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             disableDnd: props.disableDnd,
         });
     }, [props.disableDnd]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!dockviewRef.current) {
             return function () {
                 // noop
@@ -160,7 +140,7 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             disposable.dispose();
         };
     }, [props.onDidDrop]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!dockviewRef.current) {
             return function () {
                 // noop
@@ -175,7 +155,7 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             disposable.dispose();
         };
     }, [props.onWillDrop]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!dockviewRef.current) {
             return;
         }
@@ -183,7 +163,7 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             frameworkComponents: props.components,
         });
     }, [props.components]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!dockviewRef.current) {
             return;
         }
@@ -191,7 +171,7 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             floatingGroupBounds: props.floatingGroupBounds,
         });
     }, [props.floatingGroupBounds]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!dockviewRef.current) {
             return;
         }
@@ -199,7 +179,7 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             watermarkFrameworkComponent: props.watermarkComponent,
         });
     }, [props.watermarkComponent]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!dockviewRef.current) {
             return;
         }
@@ -207,7 +187,7 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             showDndOverlay: props.showDndOverlay,
         });
     }, [props.showDndOverlay]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!dockviewRef.current) {
             return;
         }
@@ -215,7 +195,7 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             frameworkTabComponents: props.tabComponents,
         });
     }, [props.tabComponents]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!dockviewRef.current) {
             return;
         }
@@ -223,7 +203,7 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             disableFloatingGroups: props.disableFloatingGroups,
         });
     }, [props.disableFloatingGroups]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         var _a;
         if (!dockviewRef.current) {
             return;
@@ -240,7 +220,7 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             frameworkTabComponents: frameworkTabComponents,
         });
     }, [props.defaultTabComponent]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!dockviewRef.current) {
             return;
         }
@@ -248,7 +228,7 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             createRightHeaderActionsElement: createGroupControlElement(props.rightHeaderActionsComponent, { addPortal: addPortal }),
         });
     }, [props.rightHeaderActionsComponent]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!dockviewRef.current) {
             return;
         }
@@ -256,7 +236,7 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             createLeftHeaderActionsElement: createGroupControlElement(props.leftHeaderActionsComponent, { addPortal: addPortal }),
         });
     }, [props.leftHeaderActionsComponent]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!dockviewRef.current) {
             return;
         }
@@ -264,7 +244,7 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             rootOverlayModel: props.rootOverlayModel,
         });
     }, [props.rootOverlayModel]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!dockviewRef.current) {
             return;
         }
@@ -272,6 +252,6 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             createPrefixHeaderActionsElement: createGroupControlElement(props.prefixHeaderActionsComponent, { addPortal: addPortal }),
         });
     }, [props.prefixHeaderActionsComponent]);
-    return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
+    return (react_1.default.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
 });
 exports.DockviewReact.displayName = 'DockviewComponent';

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ReactPart, ReactPortalStore } from '../react';
 import { IDockviewPanel, DockviewApi, DockviewGroupPanel, DockviewGroupPanelApi, PanelUpdateEvent } from 'dockview-core';
 export interface IDockviewHeaderActionsProps {

package/dist/cjs/dockview/headerActionsRenderer.js

@@ -11,6 +11,8 @@ var ReactHeaderActionsRendererPart = /** @class */ (function () {
         this.mutableDisposable = new dockview_core_1.DockviewMutableDisposable();
         this._element = document.createElement('div');
         this._element.className = 'dockview-react-part';
+        this._element.style.height = '100%';
+        this._element.style.width = '100%';
     }
     Object.defineProperty(ReactHeaderActionsRendererPart.prototype, "element", {
         get: function () {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ReactPortalStore } from '../react';
 import { IDockviewPanelProps } from '../dockview/dockview';
 import { DockviewEvent, PanelUpdateEvent, IContentRenderer, GroupPanelContentPartInitParameters } from 'dockview-core';

package/dist/cjs/dockview/reactContentPart.js

@@ -14,6 +14,8 @@ var ReactPanelContentPart = /** @class */ (function () {
         this.onDidBlur = this._onDidBlur.event;
         this._element = document.createElement('div');
         this._element.className = 'dockview-react-part';
+        this._element.style.height = '100%';
+        this._element.style.width = '100%';
     }
     Object.defineProperty(ReactPanelContentPart.prototype, "element", {
         get: function () {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ReactPortalStore } from '../react';
 import { IGroupPanelBaseProps } from './dockview';
 import { PanelUpdateEvent, ITabRenderer, GroupPanelPartInitParameters } from 'dockview-core';

package/dist/cjs/dockview/reactHeaderPart.js

@@ -9,6 +9,8 @@ var ReactPanelHeaderPart = /** @class */ (function () {
         this.reactPortalStore = reactPortalStore;
         this._element = document.createElement('div');
         this._element.className = 'dockview-react-part';
+        this._element.style.height = '100%';
+        this._element.style.width = '100%';
     }
     Object.defineProperty(ReactPanelHeaderPart.prototype, "element", {
         get: function () {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ReactPortalStore } from '../react';
 import { PanelUpdateEvent, DockviewGroupPanel, IWatermarkRenderer, WatermarkRendererInitParameters, DockviewApi, IDockviewGroupPanel } from 'dockview-core';
 export interface IWatermarkPanelProps {

package/dist/cjs/dockview/reactWatermarkPart.js

@@ -9,6 +9,8 @@ var ReactWatermarkPart = /** @class */ (function () {
         this.reactPortalStore = reactPortalStore;
         this._element = document.createElement('div');
         this._element.className = 'dockview-react-part';
+        this._element.style.height = '100%';
+        this._element.style.width = '100%';
     }
     Object.defineProperty(ReactWatermarkPart.prototype, "element", {
         get: function () {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { GridviewPanelApi, Orientation, GridviewApi } from 'dockview-core';
 import { PanelCollection, PanelParameters } from '../types';
 export interface GridviewReadyEvent {

package/dist/cjs/gridview/gridview.js

@@ -1,27 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -38,18 +15,21 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridviewReact = void 0;
-var React = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var dockview_core_1 = require("dockview-core");
 var view_1 = require("./view");
-var react_1 = require("../react");
-exports.GridviewReact = React.forwardRef(function (props, ref) {
-    var domRef = React.useRef(null);
-    var gridviewRef = React.useRef();
-    var _a = __read((0, react_1.usePortalsLifecycle)(), 2), portals = _a[0], addPortal = _a[1];
-    React.useImperativeHandle(ref, function () { return domRef.current; }, []);
-    React.useEffect(function () {
+var react_2 = require("../react");
+exports.GridviewReact = react_1.default.forwardRef(function (props, ref) {
+    var domRef = react_1.default.useRef(null);
+    var gridviewRef = react_1.default.useRef();
+    var _a = __read((0, react_2.usePortalsLifecycle)(), 2), portals = _a[0], addPortal = _a[1];
+    react_1.default.useImperativeHandle(ref, function () { return domRef.current; }, []);
+    react_1.default.useEffect(function () {
         var _a;
         if (!domRef.current) {
             return function () {
@@ -85,7 +65,7 @@ exports.GridviewReact = React.forwardRef(function (props, ref) {
             gridview.dispose();
         };
     }, []);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!gridviewRef.current) {
             return;
         }
@@ -93,6 +73,6 @@ exports.GridviewReact = React.forwardRef(function (props, ref) {
             frameworkComponents: props.components,
         });
     }, [props.components]);
-    return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
+    return (react_1.default.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
 });
 exports.GridviewReact.displayName = 'GridviewComponent';

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { PaneviewPanelApi, PaneviewDndOverlayEvent, PaneviewApi, PaneviewDropEvent } from 'dockview-core';
 import { PanelCollection, PanelParameters } from '../types';
 export interface PaneviewReadyEvent {

package/dist/cjs/paneview/paneview.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -49,18 +26,21 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaneviewReact = void 0;
-var React = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var dockview_core_1 = require("dockview-core");
-var react_1 = require("../react");
+var react_2 = require("../react");
 var view_1 = require("./view");
-exports.PaneviewReact = React.forwardRef(function (props, ref) {
-    var domRef = React.useRef(null);
-    var paneviewRef = React.useRef();
-    var _a = __read((0, react_1.usePortalsLifecycle)(), 2), portals = _a[0], addPortal = _a[1];
-    React.useImperativeHandle(ref, function () { return domRef.current; }, []);
-    React.useEffect(function () {
+exports.PaneviewReact = react_1.default.forwardRef(function (props, ref) {
+    var domRef = react_1.default.useRef(null);
+    var paneviewRef = react_1.default.useRef();
+    var _a = __read((0, react_2.usePortalsLifecycle)(), 2), portals = _a[0], addPortal = _a[1];
+    react_1.default.useImperativeHandle(ref, function () { return domRef.current; }, []);
+    react_1.default.useEffect(function () {
         var createComponent = function (id, _componentId, component) {
             return new view_1.PanePanelSection(id, component, {
                 addPortal: addPortal,
@@ -95,7 +75,7 @@ exports.PaneviewReact = React.forwardRef(function (props, ref) {
             paneview.dispose();
         };
     }, []);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!paneviewRef.current) {
             return;
         }
@@ -103,7 +83,7 @@ exports.PaneviewReact = React.forwardRef(function (props, ref) {
             frameworkComponents: props.components,
         });
     }, [props.components]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!paneviewRef.current) {
             return;
         }
@@ -111,7 +91,7 @@ exports.PaneviewReact = React.forwardRef(function (props, ref) {
             headerframeworkComponents: props.headerComponents,
         });
     }, [props.headerComponents]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!paneviewRef.current) {
             return function () {
                 //
@@ -127,7 +107,7 @@ exports.PaneviewReact = React.forwardRef(function (props, ref) {
             disposable.dispose();
         };
     }, [props.onDidDrop]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!paneviewRef.current) {
             return;
         }
@@ -135,6 +115,6 @@ exports.PaneviewReact = React.forwardRef(function (props, ref) {
             showDndOverlay: props.showDndOverlay,
         });
     }, [props.showDndOverlay]);
-    return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
+    return (react_1.default.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
 });
 exports.PaneviewReact.displayName = 'PaneviewComponent';

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { PanelUpdateEvent, IPaneBodyPart, PanePanelComponentInitParameter } from 'dockview-core';
 import { ReactPortalStore } from '../react';
 import { IPaneviewPanelProps } from './paneview';

package/dist/cjs/react.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { IFrameworkPart, IDockviewDisposable } from 'dockview-core';
 export interface ReactPortalStore {
     addPortal: (portal: React.ReactPortal) => IDockviewDisposable;