refactor: move and delete code

packages/dockview-core/src/__tests__/dockview/dockviewComponent.spec.ts

@@ -8,7 +8,7 @@ import {
     IGroupPanelInitParameters,
 } from '../../dockview/types';
 import { PanelUpdateEvent } from '../../panel/types';
-import { Orientation } from '../../splitview/core/splitview';
+import { Orientation } from '../../splitview/splitview';
 import { CompositeDisposable } from '../../lifecycle';
 import { Emitter } from '../../events';
 import { IDockviewPanel } from '../../dockview/dockviewPanel';

packages/dockview-core/src/__tests__/gridview/baseComponentGridview.spec.ts

@@ -11,7 +11,7 @@ import {
     PanelUpdateEvent,
     Parameters,
 } from '../../panel/types';
-import { LayoutPriority, Orientation } from '../../splitview/core/splitview';
+import { LayoutPriority, Orientation } from '../../splitview/splitview';
 
 class TestPanel implements IGridPanelView {
     _onDidChange = new Emitter<IViewSize | undefined>();

packages/dockview-core/src/__tests__/gridview/gridview.spec.ts

@@ -1,5 +1,5 @@
 import { Gridview } from '../../gridview/gridview';
-import { Orientation } from '../../splitview/core/splitview';
+import { Orientation } from '../../splitview/splitview';
 
 describe('gridview', () => {
     let container: HTMLElement;

packages/dockview-core/src/__tests__/gridview/gridviewComponent.spec.ts

@@ -2,7 +2,7 @@ import { GridviewComponent } from '../../gridview/gridviewComponent';
 import { GridviewPanel } from '../../gridview/gridviewPanel';
 import { CompositeDisposable } from '../../lifecycle';
 import { IFrameworkPart } from '../../panel/types';
-import { Orientation } from '../../splitview/core/splitview';
+import { Orientation } from '../../splitview/splitview';
 
 class TestGridview extends GridviewPanel {
     constructor(id: string, componentName: string) {

packages/dockview-core/src/__tests__/paneview/paneview.spec.ts

@@ -5,7 +5,7 @@ import {
     IPaneHeaderPart,
     PaneviewPanel,
 } from '../../paneview/paneviewPanel';
-import { Orientation } from '../../splitview/core/splitview';
+import { Orientation } from '../../splitview/splitview';
 
 class TestPanel extends PaneviewPanel {
     protected getBodyComponent(): IPaneBodyPart {

packages/dockview-core/src/__tests__/paneview/paneviewComponent.spec.ts

@@ -8,7 +8,7 @@ import {
     IPaneHeaderPart,
     PanePanelComponentInitParameter,
 } from '../../paneview/paneviewPanel';
-import { Orientation } from '../../splitview/core/splitview';
+import { Orientation } from '../../splitview/splitview';
 
 class TestPanel extends PaneviewPanel {
     constructor(id: string, component: string) {

packages/dockview-core/src/__tests__/splitview/splitview.spec.ts

@@ -1,12 +1,12 @@
-import { Emitter } from '../../../events';
+import { Emitter } from '../../events';
-import { CompositeDisposable } from '../../../lifecycle';
+import { CompositeDisposable } from '../../lifecycle';
 import {
     IView,
     LayoutPriority,
     Orientation,
     Sizing,
     Splitview,
-} from '../../../splitview/core/splitview';
+} from '../../splitview/splitview';
 
 class Testview implements IView {
     private _element: HTMLElement = document.createElement('div');

packages/dockview-core/src/__tests__/splitview/splitviewComponent.spec.ts

@@ -1,6 +1,6 @@
 import { PanelDimensionChangeEvent } from '../../api/panelApi';
 import { CompositeDisposable } from '../../lifecycle';
-import { Orientation } from '../../splitview/core/splitview';
+import { Orientation } from '../../splitview/splitview';
 import { SplitviewComponent } from '../../splitview/splitviewComponent';
 import { SplitviewPanel } from '../../splitview/splitviewPanel';
 

packages/dockview-core/src/actionbar/actionsContainer.scss

@@ -1,29 +0,0 @@
-.actions-bar {
-    text-align: right;
-    width: 28px;
-    display: flex;
-    align-items: center;
-    flex-shrink: 0;
-
-    .actions-container {
-        display: flex;
-        padding: 0px;
-        margin: 0px;
-        justify-content: flex-end;
-
-        .close-action {
-            padding: 4px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            box-sizing: border-box;
-            cursor: pointer;
-            color: var(--dv-activegroup-hiddenpanel-tab-color);
-
-            &:hover {
-                border-radius: 2px;
-                background-color: var(--dv-icon-hover-background-color);
-            }
-        }
-    }
-}

packages/dockview-core/src/actionbar/actionsContainer.ts

@@ -1,24 +0,0 @@
-export class ActionContainer {
-    private _element: HTMLElement;
-    private _list: HTMLElement;
-
-    get element(): HTMLElement {
-        return this._element;
-    }
-
-    constructor() {
-        this._element = document.createElement('div');
-        this._element.className = 'actions-bar';
-
-        this._list = document.createElement('ul');
-        this._list.className = 'actions-container';
-
-        this._element.appendChild(this._list);
-    }
-
-    public add(element: HTMLElement): void {
-        const listItem = document.createElement('li');
-        listItem.className = 'action-item';
-        this._list.appendChild(element);
-    }
-}

packages/dockview-core/src/api/component.api.ts

@@ -28,7 +28,7 @@ import {
     SerializedSplitview,
     SplitviewComponentUpdateOptions,
 } from '../splitview/splitviewComponent';
-import { IView, Orientation, Sizing } from '../splitview/core/splitview';
+import { IView, Orientation, Sizing } from '../splitview/splitview';
 import { ISplitviewPanel } from '../splitview/splitviewPanel';
 import {
     DockviewGroupPanel,

packages/dockview-core/src/dockview/components/watermark/watermark.scss

@@ -4,7 +4,7 @@
 
     &.has-actions {
         .watermark-title {
-            .actions-bar {
+            .actions-container {
                 display: none;
             }
         }
@@ -18,4 +18,28 @@
     .watermark-content {
         flex-grow: 1;
     }
+
+    .actions-container {
+        display: flex;
+        align-items: center;
+        padding: 0px 8px;
+        // padding: 0px;
+        // margin: 0px;
+        // justify-content: flex-end;
+
+        .close-action {
+            padding: 4px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            box-sizing: border-box;
+            cursor: pointer;
+            color: var(--dv-activegroup-hiddenpanel-tab-color);
+
+            &:hover {
+                border-radius: 2px;
+                background-color: var(--dv-icon-hover-background-color);
+            }
+        }
+    }
 }

packages/dockview-core/src/dockview/components/watermark/watermark.ts

@@ -1,5 +1,4 @@
 import { GroupPanelPartInitParameters, IWatermarkRenderer } from '../../types';
-import { ActionContainer } from '../../../actionbar/actionsContainer';
 import { addDisposableListener } from '../../../events';
 import { toggleClass } from '../../../dom';
 import { CompositeDisposable } from '../../../lifecycle';
@@ -36,15 +35,17 @@ export class Watermark
         this._element.appendChild(title);
         this._element.appendChild(content);
 
-        const actions = new ActionContainer();
+        const actionsContainer = document.createElement('div');
-        title.appendChild(emptySpace);
+        actionsContainer.className = 'actions-container';
-        title.appendChild(actions.element);
 
         const closeAnchor = document.createElement('div');
         closeAnchor.className = 'close-action';
         closeAnchor.appendChild(createCloseButton());
 
-        actions.add(closeAnchor);
+        actionsContainer.appendChild(closeAnchor);
+
+        title.appendChild(emptySpace);
+        title.appendChild(actionsContainer);
 
         this.addDisposables(
             addDisposableListener(closeAnchor, 'click', (ev) => {

packages/dockview-core/src/dockview/dockviewComponent.ts

@@ -35,7 +35,7 @@ import {
     toTarget,
 } from '../gridview/baseComponentGridview';
 import { DockviewApi } from '../api/component.api';
-import { Orientation, Sizing } from '../splitview/core/splitview';
+import { Orientation, Sizing } from '../splitview/splitview';
 import {
     GroupOptions,
     GroupPanelViewState,

packages/dockview-core/src/dockview/options.ts

@@ -12,7 +12,7 @@ import {
     DockviewGroupPanel,
     DockviewGroupPanelApi,
 } from './dockviewGroupPanel';
-import { ISplitviewStyles, Orientation } from '../splitview/core/splitview';
+import { ISplitviewStyles, Orientation } from '../splitview/splitview';
 import { FrameworkFactory } from '../types';
 import { PanelTransfer } from '../dnd/dataTransfer';
 import { IDisposable } from '../lifecycle';

packages/dockview-core/src/gridview/baseComponentGridview.ts

@@ -3,11 +3,7 @@ import { getGridLocation, Gridview, IGridView } from './gridview';
 import { Position } from '../dnd/droptarget';
 import { CompositeDisposable, IValueDisposable } from '../lifecycle';
 import { sequentialNumberGenerator } from '../math';
-import {
+import { ISplitviewStyles, Orientation, Sizing } from '../splitview/splitview';
-    ISplitviewStyles,
-    Orientation,
-    Sizing,
-} from '../splitview/core/splitview';
 import { IPanel } from '../panel/types';
 import { MovementOptions2 } from '../dockview/options';
 

packages/dockview-core/src/gridview/branchNode.ts

@@ -10,7 +10,7 @@ import {
     Sizing,
     LayoutPriority,
     ISplitviewStyles,
-} from '../splitview/core/splitview';
+} from '../splitview/splitview';
 import { Emitter, Event } from '../events';
 import { INodeDescriptor } from './gridview';
 import { LeafNode } from './leafNode';

packages/dockview-core/src/gridview/gridview.ts

@@ -8,7 +8,7 @@ import {
     LayoutPriority,
     Orientation,
     Sizing,
-} from '../splitview/core/splitview';
+} from '../splitview/splitview';
 import { tail } from '../array';
 import { LeafNode } from './leafNode';
 import { BranchNode } from './branchNode';

packages/dockview-core/src/gridview/gridviewComponent.ts

@@ -22,7 +22,7 @@ import {
     IGridviewPanel,
 } from './gridviewPanel';
 import { BaseComponentOptions } from '../panel/types';
-import { Orientation, Sizing } from '../splitview/core/splitview';
+import { Orientation, Sizing } from '../splitview/splitview';
 import { createComponent } from '../panel/componentFactory';
 import { Emitter, Event } from '../events';
 import { Position } from '../dnd/droptarget';

packages/dockview-core/src/gridview/gridviewPanel.ts

@@ -13,7 +13,7 @@ import {
     GridviewPanelApi,
     GridviewPanelApiImpl,
 } from '../api/gridviewPanelApi';
-import { LayoutPriority } from '../splitview/core/splitview';
+import { LayoutPriority } from '../splitview/splitview';
 import { Emitter, Event } from '../events';
 import { IViewSize } from './gridview';
 

packages/dockview-core/src/gridview/leafNode.ts

@@ -3,11 +3,7 @@
  * https://github.com/microsoft/vscode/tree/main/src/vs/base/browser/ui/grid
  *--------------------------------------------------------------------------------------------*/
 
-import {
+import { IView, LayoutPriority, Orientation } from '../splitview/splitview';
-    IView,
-    LayoutPriority,
-    Orientation,
-} from '../splitview/core/splitview';
 import { Emitter, Event } from '../events';
 import { IGridView } from './gridview';
 import { IDisposable } from '../lifecycle';

packages/dockview-core/src/gridview/options.ts

@@ -1,5 +1,5 @@
 import { GridviewPanel } from './gridviewPanel';
-import { ISplitviewStyles, Orientation } from '../splitview/core/splitview';
+import { ISplitviewStyles, Orientation } from '../splitview/splitview';
 import { FrameworkFactory } from '../types';
 
 export interface GridviewComponentOptions {

packages/dockview-core/src/index.ts

@@ -18,8 +18,8 @@ export {
 export * from './panel/types';
 export * from './panel/componentFactory';
 
-export * from './splitview/core/splitview';
+export * from './splitview/splitview';
-export * from './splitview/core/options';
+export * from './splitview/options';
 
 export * from './paneview/paneview';
 export * from './gridview/gridview';

packages/dockview-core/src/panel/types.ts

@@ -1,5 +1,5 @@
 import { IDisposable } from '../lifecycle';
-import { LayoutPriority } from '../splitview/core/splitview';
+import { LayoutPriority } from '../splitview/splitview';
 
 /**
  * A key-value object of anything that is a valid JavaScript Object.

packages/dockview-core/src/paneview/draggablePaneviewPanel.ts

@@ -8,7 +8,7 @@ import {
 import { Droptarget, DroptargetEvent } from '../dnd/droptarget';
 import { Emitter } from '../events';
 import { IDisposable } from '../lifecycle';
-import { Orientation } from '../splitview/core/splitview';
+import { Orientation } from '../splitview/splitview';
 import { IPaneviewComponent } from './paneviewComponent';
 import {
     IPaneviewPanel,

packages/dockview-core/src/paneview/paneview.ts

@@ -3,7 +3,7 @@ import {
     Orientation,
     ISplitViewDescriptor,
     Sizing,
-} from '../splitview/core/splitview';
+} from '../splitview/splitview';
 import { CompositeDisposable, IDisposable } from '../lifecycle';
 import { Emitter, Event } from '../events';
 import { addClasses, removeClasses } from '../dom';

packages/dockview-core/src/paneview/paneviewComponent.ts

@@ -6,11 +6,7 @@ import {
     IDisposable,
     MutableDisposable,
 } from '../lifecycle';
-import {
+import { LayoutPriority, Orientation, Sizing } from '../splitview/splitview';
-    LayoutPriority,
-    Orientation,
-    Sizing,
-} from '../splitview/core/splitview';
 import { PaneviewComponentOptions } from './options';
 import { Paneview } from './paneview';
 import {

packages/dockview-core/src/paneview/paneviewPanel.ts

@@ -14,7 +14,7 @@ import {
     PanelUpdateEvent,
     Parameters,
 } from '../panel/types';
-import { IView, Orientation } from '../splitview/core/splitview';
+import { IView, Orientation } from '../splitview/splitview';
 
 export interface PanePanelViewState extends BasePanelViewState {
     headerComponent?: string;

packages/dockview-core/src/splitview/options.ts

@@ -1,8 +1,8 @@
-import { IPanel, PanelInitParameters } from '../../panel/types';
+import { IPanel, PanelInitParameters } from '../panel/types';
 import { IView, SplitViewOptions, LayoutPriority } from './splitview';
-import { FrameworkFactory } from '../../types';
+import { FrameworkFactory } from '../types';
-import { SplitviewPanel } from '../splitviewPanel';
+import { SplitviewPanel } from './splitviewPanel';
-import { SplitviewComponent } from '../splitviewComponent';
+import { SplitviewComponent } from './splitviewComponent';
 
 export interface PanelViewInitParameters extends PanelInitParameters {
     minimumSize?: number;

packages/dockview-core/src/splitview/splitview.ts

@@ -8,10 +8,10 @@ import {
     addClasses,
     toggleClass,
     getElementsByTagName,
-} from '../../dom';
+} from '../dom';
-import { clamp } from '../../math';
+import { clamp } from '../math';
-import { Event, Emitter } from '../../events';
+import { Event, Emitter } from '../events';
-import { pushToStart, pushToEnd, range, firstIndex } from '../../array';
+import { pushToStart, pushToEnd, range, firstIndex } from '../array';
 import { ViewItem } from './viewItem';
 
 export enum Orientation {

packages/dockview-core/src/splitview/splitviewComponent.ts

@@ -10,8 +10,8 @@ import {
     Orientation,
     Sizing,
     Splitview,
-} from './core/splitview';
+} from './splitview';
-import { SplitviewComponentOptions } from './core/options';
+import { SplitviewComponentOptions } from './options';
 import { BaseComponentOptions } from '../panel/types';
 import { Emitter, Event } from '../events';
 import { SplitviewPanel, ISplitviewPanel } from './splitviewPanel';

packages/dockview-core/src/splitview/splitviewPanel.ts

@@ -1,10 +1,10 @@
-import { ISerializableView, PanelViewInitParameters } from './core/options';
+import { ISerializableView, PanelViewInitParameters } from './options';
 import {
     BasePanelView,
     BasePanelViewExported,
 } from '../gridview/basePanelView';
 import { SplitviewPanelApiImpl } from '../api/splitviewPanelApi';
-import { LayoutPriority, Orientation } from './core/splitview';
+import { LayoutPriority, Orientation } from './splitview';
 import { FunctionOrValue } from '../types';
 import { Emitter, Event } from '../events';
 

packages/dockview-core/src/splitview/viewItem.ts

@@ -1,5 +1,5 @@
-import { IDisposable } from '../../lifecycle';
+import { IDisposable } from '../lifecycle';
-import { clamp } from '../../math';
+import { clamp } from '../math';
 import { IView, LayoutPriority } from './splitview';
 
 export class ViewItem {

packages/dockview/src/dockview/reactContentPart.ts

@@ -4,7 +4,6 @@ import { IDockviewPanelProps } from '../dockview/dockview';
 import {
     DockviewEmitter,
     DockviewEvent,
-    DockviewGroupPanel,
     PanelUpdateEvent,
     IContentRenderer,
     GroupPanelContentPartInitParameters,

packages/dockview/src/dockview/reactHeaderPart.ts

@@ -3,7 +3,6 @@ import { ReactPart, ReactPortalStore } from '../react';
 import { IGroupPanelBaseProps } from './dockview';
 import {
     PanelUpdateEvent,
-    DockviewGroupPanel,
     ITabRenderer,
     GroupPanelPartInitParameters,
 } from 'dockview-core';

packages/dockview/src/dockview/v2/reactContentRenderer.ts

@@ -1,90 +0,0 @@
-import {
-    GroupPanelPartInitParameters,
-    IContentRenderer,
-    DockviewGroupPanel,
-    HostedContainer,
-    PanelUpdateEvent,
-    DockviewEvent,
-} from 'dockview-core';
-import { ReactPart, ReactPortalStore } from '../../react';
-import { IDockviewPanelProps } from '../dockview';
-
-export class ReactContentRenderer implements IContentRenderer {
-    private _hostedContainer: HostedContainer;
-    private _element: HTMLElement;
-    private part?: ReactPart<IDockviewPanelProps>;
-    private parameters: GroupPanelPartInitParameters | undefined;
-
-    get element(): HTMLElement {
-        return this._element;
-    }
-
-    get onDidBlur(): DockviewEvent<void> {
-        return this._hostedContainer.onDidBlur;
-    }
-
-    get onDidFocus(): DockviewEvent<void> {
-        return this._hostedContainer.onDidFocus;
-    }
-
-    constructor(
-        public readonly id: string,
-        private readonly component: React.FunctionComponent<IDockviewPanelProps>,
-        private readonly reactPortalStore: ReactPortalStore
-    ) {
-        this._hostedContainer = new HostedContainer({
-            id,
-            parent: document
-                .getElementsByClassName('dockview')
-                .item(0) as HTMLElement,
-        });
-
-        this._element = document.createElement('div');
-        this._element.style.height = '100%';
-        this._element.style.width = '100%';
-    }
-
-    focus(): void {
-        // noop
-    }
-
-    public init(parameters: GroupPanelPartInitParameters): void {
-        this.parameters = parameters;
-
-        parameters.api.onDidVisibilityChange((event) => {
-            if (event.isVisible) {
-                this._hostedContainer.show();
-                this._hostedContainer.layout(this.element);
-            } else {
-                this._hostedContainer.hide();
-            }
-        });
-
-        this.part = new ReactPart(
-            this._hostedContainer.element,
-            this.reactPortalStore,
-            this.component,
-            {
-                params: parameters.params,
-                api: parameters.api,
-                containerApi: parameters.containerApi,
-            }
-        );
-    }
-
-    public update(params: PanelUpdateEvent): void {
-        if (this.parameters) {
-            this.parameters.params = params.params;
-        }
-
-        this.part?.update(params.params);
-    }
-
-    public layout(_width: number, _height: number): void {
-        this._hostedContainer.layout(this.element);
-    }
-
-    public dispose(): void {
-        this.part?.dispose();
-    }
-}

packages/dockview/src/dockview/v2/webviewContentRenderer.ts

@@ -1,47 +0,0 @@
-import {
-    GroupPanelPartInitParameters,
-    IContentRenderer,
-    DockviewGroupPanel,
-    HostedContainer,
-    PanelUpdateEvent,
-} from 'dockview-core';
-
-export class WebviewContentRenderer implements IContentRenderer {
-    private _hostedContainer: HostedContainer;
-    private _element: HTMLElement;
-    private parameters: GroupPanelPartInitParameters | undefined;
-
-    get element(): HTMLElement {
-        return this._element;
-    }
-
-    constructor(public readonly id: string) {
-        this._hostedContainer = new HostedContainer({ id });
-
-        this._element = document.createElement('div');
-        this._element.style.height = '100%';
-        this._element.style.width = '100%';
-    }
-
-    focus(): void {
-        // noop
-    }
-
-    public init(parameters: GroupPanelPartInitParameters): void {
-        this.parameters = parameters;
-    }
-
-    public update(params: PanelUpdateEvent): void {
-        if (this.parameters) {
-            this.parameters.params = params.params;
-        }
-    }
-
-    public layout(_width: number, _height: number): void {
-        this._hostedContainer.layout(this._element);
-    }
-
-    public dispose(): void {
-        //
-    }
-}