dockview 1.10.2 → 1.12.0

package/dist/esm/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/esm/dockview/defaultTab.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import * as React from 'react';
+import React from 'react';
 import { CloseButton } from '../svg';
 export const DockviewDefaultTab = (_a) => {
     var { api, containerApi: _containerApi, params: _params, hideClose, closeActionOverride } = _a, rest = __rest(_a, ["api", "containerApi", "params", "hideClose", "closeActionOverride"]);
@@ -34,8 +34,8 @@ export const DockviewDefaultTab = (_a) => {
             rest.onClick(event);
         }
     }, [api, rest.onClick]);
-    return (React.createElement("div", Object.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 },
+    return (React.createElement("div", Object.assign({ "data-testid": "dockview-dv-default-tab" }, rest, { onClick: onClick, className: "dv-default-tab" }),
+        React.createElement("span", { className: "dv-default-tab-content" }, api.title),
+        !hideClose && (React.createElement("div", { className: "dv-default-tab-action", onMouseDown: onMouseDown, onClick: onClose },
             React.createElement(CloseButton, null)))));
 };

package/dist/esm/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/esm/dockview/dockview.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { DockviewComponent, DockviewApi, } from 'dockview-core';
 import { ReactPanelContentPart } from './reactContentPart';
 import { ReactPanelHeaderPart } from './reactHeaderPart';

package/dist/esm/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/esm/dockview/headerActionsRenderer.js

@@ -17,6 +17,8 @@ export class ReactHeaderActionsRendererPart {
         this.mutableDisposable = new DockviewMutableDisposable();
         this._element = document.createElement('div');
         this._element.className = 'dockview-react-part';
+        this._element.style.height = '100%';
+        this._element.style.width = '100%';
     }
     focus() {
         // TODO

package/dist/esm/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/esm/dockview/reactContentPart.js

@@ -14,6 +14,8 @@ export class ReactPanelContentPart {
         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%';
     }
     focus() {
         // TODO

package/dist/esm/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/esm/dockview/reactHeaderPart.js

@@ -9,6 +9,8 @@ export class ReactPanelHeaderPart {
         this.reactPortalStore = reactPortalStore;
         this._element = document.createElement('div');
         this._element.className = 'dockview-react-part';
+        this._element.style.height = '100%';
+        this._element.style.width = '100%';
     }
     focus() {
         //noop

package/dist/esm/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/esm/dockview/reactWatermarkPart.js

@@ -9,6 +9,8 @@ export class ReactWatermarkPart {
         this.reactPortalStore = reactPortalStore;
         this._element = document.createElement('div');
         this._element.className = 'dockview-react-part';
+        this._element.style.height = '100%';
+        this._element.style.width = '100%';
     }
     init(parameters) {
         this.part = new ReactPart(this.element, this.reactPortalStore, this.component, {

package/dist/esm/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/esm/gridview/gridview.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { GridviewComponent, Orientation, GridviewApi, } from 'dockview-core';
 import { ReactGridPanelView } from './view';
 import { usePortalsLifecycle } from '../react';

package/dist/esm/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/esm/paneview/paneview.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { PaneviewComponent, PaneviewApi, } from 'dockview-core';
 import { usePortalsLifecycle } from '../react';
 import { PanePanelSection } from './view';

package/dist/esm/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/esm/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;

package/dist/esm/react.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 /**
  * This component is intended to interface between vanilla-js and React hence we need to be
  * creative in how we update props.

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

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

package/dist/esm/splitview/splitview.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { SplitviewApi, SplitviewComponent, Orientation, } from 'dockview-core';
 import { usePortalsLifecycle } from '../react';
 import { ReactPanelView } from './view';

package/dist/esm/svg.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import React from 'react';
 export declare const CloseButton: () => React.JSX.Element;
 export declare const ExpandMore: () => React.JSX.Element;

package/dist/esm/svg.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export const CloseButton = () => (React.createElement("svg", { height: "11", width: "11", viewBox: "0 0 28 28", "aria-hidden": 'false', focusable: false, className: "dockview-svg" },
     React.createElement("path", { d: "M2.1 27.3L0 25.2L11.55 13.65L0 2.1L2.1 0L13.65 11.55L25.2 0L27.3 2.1L15.75 13.65L27.3 25.2L25.2 27.3L13.65 15.75L2.1 27.3Z" })));
 export const ExpandMore = () => {