dockview-core 1.10.0 → 1.10.2

package/dist/esm/dockview/dockviewPanel.js

@@ -15,7 +15,7 @@ export class DockviewPanel extends CompositeDisposable {
         var _a;
         return (_a = this._renderer) !== null && _a !== void 0 ? _a : this.accessor.renderer;
     }
-    constructor(id, accessor, containerApi, group, view, options) {
+    constructor(id, component, tabComponent, accessor, containerApi, group, view, options) {
         super();
         this.id = id;
         this.accessor = accessor;
@@ -23,7 +23,7 @@ export class DockviewPanel extends CompositeDisposable {
         this.view = view;
         this._renderer = options.renderer;
         this._group = group;
-        this.api = new DockviewPanelApiImpl(this, this._group, accessor);
+        this.api = new DockviewPanelApiImpl(this, this._group, accessor, component, tabComponent);
         this.addDisposables(this.api.onActiveChange(() => {
             accessor.setActivePanel(this);
         }), this.api.onDidSizeChange((event) => {

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

@@ -1,14 +1,14 @@
 import { DockviewApi } from '../api/component.api';
 import { Direction } from '../gridview/baseComponentGridview';
 import { IGridView } from '../gridview/gridview';
-import { IContentRenderer, ITabRenderer, WatermarkConstructor, IWatermarkRenderer, DockviewDropTargets } from './types';
+import { IContentRenderer, ITabRenderer, WatermarkConstructor, IWatermarkRenderer } from './types';
 import { Parameters } from '../panel/types';
 import { DockviewGroupPanel } from './dockviewGroupPanel';
 import { ISplitviewStyles, Orientation } from '../splitview/splitview';
 import { PanelTransfer } from '../dnd/dataTransfer';
 import { IDisposable } from '../lifecycle';
 import { DroptargetOverlayModel, Position } from '../dnd/droptarget';
-import { GroupOptions } from './dockviewGroupPanelModel';
+import { DockviewGroupDropLocation, GroupOptions } from './dockviewGroupPanelModel';
 import { IDockviewPanel } from './dockviewPanel';
 import { ComponentConstructor, FrameworkFactory } from '../panel/componentFactory';
 import { DockviewGroupPanelApi } from '../api/dockviewGroupPanelApi';
@@ -50,7 +50,7 @@ export interface ViewFactoryData {
 }
 export interface DockviewDndOverlayEvent {
     nativeEvent: DragEvent;
-    target: DockviewDropTargets;
+    target: DockviewGroupDropLocation;
     position: Position;
     group?: DockviewGroupPanel;
     getData: () => PanelTransfer | undefined;

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

@@ -6,7 +6,6 @@ import { Event } from '../events';
 import { Optional } from '../types';
 import { DockviewGroupPanel, IDockviewGroupPanel } from './dockviewGroupPanel';
 import { DockviewPanelRenderer } from '../overlayRenderContainer';
-export type DockviewDropTargets = 'tab' | 'panel' | 'tabContainer' | 'edge';
 export interface HeaderPartInitParameters {
     title: string;
 }

package/dist/esm/gridview/gridviewPanel.js

@@ -52,7 +52,7 @@ export class GridviewPanel extends BasePanelView {
         return this.api.isActive;
     }
     constructor(id, component, options, api) {
-        super(id, component, api !== null && api !== void 0 ? api : new GridviewPanelApiImpl(id));
+        super(id, component, api !== null && api !== void 0 ? api : new GridviewPanelApiImpl(id, component));
         this._evaluatedMinimumWidth = 0;
         this._evaluatedMaximumWidth = Number.MAX_SAFE_INTEGER;
         this._evaluatedMinimumHeight = 0;
@@ -77,10 +77,10 @@ export class GridviewPanel extends BasePanelView {
             this._maximumHeight = options.maximumHeight;
         }
         this.api.initialize(this); // TODO: required to by-pass 'super before this' requirement
-        this.addDisposables(this.api.onDidHiddenChange((event) => {
-            const { isHidden } = event;
+        this.addDisposables(this.api.onWillVisibilityChange((event) => {
+            const { isVisible } = event;
             const { accessor } = this._params;
-            accessor.setVisible(this, !isHidden);
+            accessor.setVisible(this, isVisible);
         }), this.api.onActiveChange(() => {
             const { accessor } = this._params;
             accessor.doSetGroupActive(this);

package/dist/esm/lifecycle.d.ts

@@ -1,5 +1,5 @@
 export interface IDisposable {
-    dispose: () => void;
+    dispose(): void;
 }
 export interface IValueDisposable<T> {
     readonly value: T;

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

@@ -26,6 +26,7 @@ export declare class Paneview extends CompositeDisposable implements IDisposable
         orientation: Orientation;
         descriptor?: ISplitViewDescriptor;
     });
+    setViewVisible(index: number, visible: boolean): void;
     addPane(pane: PaneviewPanel, size?: number | Sizing, index?: number, skipLayout?: boolean): void;
     getViewSize(index: number): number;
     getPanes(): PaneviewPanel[];

package/dist/esm/paneview/paneview.js

@@ -66,6 +66,9 @@ export class Paneview extends CompositeDisposable {
             this._onDidChange.fire();
         }));
     }
+    setViewVisible(index, visible) {
+        this.splitview.setViewVisible(index, visible);
+    }
     addPane(pane, size, index = this.splitview.length, skipLayout = false) {
         const disposable = pane.onDidChangeExpansionState(() => {
             this.setupAnimation();

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

@@ -84,6 +84,7 @@ export interface IPaneviewComponent extends IDisposable {
     getPanel(id: string): IPaneviewPanel | undefined;
     movePanel(from: number, to: number): void;
     updateOptions(options: Partial<PaneviewComponentOptions>): void;
+    setVisible(panel: IPaneviewPanel, visible: boolean): void;
     clear(): void;
 }
 export declare class PaneviewComponent extends Resizable implements IPaneviewComponent {
@@ -112,6 +113,7 @@ export declare class PaneviewComponent extends Resizable implements IPaneviewCom
     get width(): number;
     get options(): PaneviewComponentOptions;
     constructor(options: PaneviewComponentOptions);
+    setVisible(panel: PaneviewPanel, visible: boolean): void;
     focus(): void;
     updateOptions(options: Partial<PaneviewComponentOptions>): void;
     addPanel<T extends object = Parameters>(options: AddPaneviewComponentOptions<T>): IPaneviewPanel;

package/dist/esm/paneview/paneviewComponent.js

@@ -85,6 +85,10 @@ export class PaneviewComponent extends Resizable {
         });
         this.addDisposables(this._disposable);
     }
+    setVisible(panel, visible) {
+        const index = this.panels.indexOf(panel);
+        this.paneview.setViewVisible(index, visible);
+    }
     focus() {
         //noop
     }
@@ -131,6 +135,7 @@ export class PaneviewComponent extends Resizable {
             isExpanded: options.isExpanded,
             title: options.title,
             containerApi: new PaneviewApi(this),
+            accessor: this,
         });
         this.paneview.addPane(view, size, index);
         view.orientation = this.paneview.orientation;
@@ -230,6 +235,7 @@ export class PaneviewComponent extends Resizable {
                             title: data.title,
                             isExpanded: !!view.expanded,
                             containerApi: new PaneviewApi(this),
+                            accessor: this,
                         });
                         panel.orientation = this.paneview.orientation;
                     });

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

@@ -5,6 +5,7 @@ import { BasePanelView, BasePanelViewExported, BasePanelViewState } from '../gri
 import { IDisposable } from '../lifecycle';
 import { IFrameworkPart, PanelInitParameters, PanelUpdateEvent } from '../panel/types';
 import { IView, Orientation } from '../splitview/splitview';
+import { PaneviewComponent } from './paneviewComponent';
 export interface PanePanelViewState extends BasePanelViewState {
     headerComponent?: string;
     title: string;
@@ -15,6 +16,7 @@ export interface PanePanelInitParameter extends PanelInitParameters {
     isExpanded?: boolean;
     title: string;
     containerApi: PaneviewApi;
+    accessor: PaneviewComponent;
 }
 export interface PanePanelComponentInitParameter extends PanePanelInitParameter {
     api: PaneviewPanelApiImpl;

package/dist/esm/paneview/paneviewPanel.js

@@ -52,7 +52,7 @@ export class PaneviewPanel extends BasePanelView {
         this.header.style.display = value ? '' : 'none';
     }
     constructor(id, component, headerComponent, orientation, isExpanded, isHeaderVisible) {
-        super(id, component, new PaneviewPanelApiImpl(id));
+        super(id, component, new PaneviewPanelApiImpl(id, component));
         this.headerComponent = headerComponent;
         this._onDidChangeExpansionState = new Emitter({ replay: true });
         this.onDidChangeExpansionState = this._onDidChangeExpansionState.event;
@@ -72,7 +72,11 @@ export class PaneviewPanel extends BasePanelView {
         this._onDidChangeExpansionState.fire(this.isExpanded()); // initialize value
         this._orientation = orientation;
         this.element.classList.add('pane');
-        this.addDisposables(this.api.onDidSizeChange((event) => {
+        this.addDisposables(this.api.onWillVisibilityChange((event) => {
+            const { isVisible } = event;
+            const { accessor } = this._params;
+            accessor.setVisible(this, isVisible);
+        }), this.api.onDidSizeChange((event) => {
             this._onDidChange.fire({ size: event.size });
         }), addDisposableListener(this.element, 'mouseenter', (ev) => {
             this.api._onMouseEnter.fire(ev);

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

@@ -88,7 +88,7 @@ export declare class SplitviewComponent extends Resizable implements ISplitviewC
     focus(): void;
     movePanel(from: number, to: number): void;
     setVisible(panel: SplitviewPanel, visible: boolean): void;
-    setActive(view: SplitviewPanel, skipFocus?: boolean): void;
+    setActive(panel: SplitviewPanel, skipFocus?: boolean): void;
     removePanel(panel: SplitviewPanel, sizing?: Sizing): void;
     getPanel(id: string): SplitviewPanel | undefined;
     addPanel<T extends object = Parameters>(options: AddSplitviewComponentOptions<T>): SplitviewPanel;

package/dist/esm/splitview/splitviewComponent.js

@@ -86,19 +86,19 @@ export class SplitviewComponent extends Resizable {
         const index = this.panels.indexOf(panel);
         this.splitview.setViewVisible(index, visible);
     }
-    setActive(view, skipFocus) {
-        this._activePanel = view;
+    setActive(panel, skipFocus) {
+        this._activePanel = panel;
         this.panels
-            .filter((v) => v !== view)
+            .filter((v) => v !== panel)
             .forEach((v) => {
             v.api._onDidActiveChange.fire({ isActive: false });
             if (!skipFocus) {
                 v.focus();
             }
         });
-        view.api._onDidActiveChange.fire({ isActive: true });
+        panel.api._onDidActiveChange.fire({ isActive: true });
         if (!skipFocus) {
-            view.focus();
+            panel.focus();
         }
     }
     removePanel(panel, sizing) {

package/dist/esm/splitview/splitviewPanel.js

@@ -36,7 +36,7 @@ export class SplitviewPanel extends BasePanelView {
         return this._snap;
     }
     constructor(id, componentName) {
-        super(id, componentName, new SplitviewPanelApiImpl(id));
+        super(id, componentName, new SplitviewPanelApiImpl(id, componentName));
         this._evaluatedMinimumSize = 0;
         this._evaluatedMaximumSize = Number.POSITIVE_INFINITY;
         this._minimumSize = 0;
@@ -45,10 +45,10 @@ export class SplitviewPanel extends BasePanelView {
         this._onDidChange = new Emitter();
         this.onDidChange = this._onDidChange.event;
         this.api.initialize(this);
-        this.addDisposables(this._onDidChange, this.api.onDidHiddenChange((event) => {
-            const { isHidden } = event;
+        this.addDisposables(this._onDidChange, this.api.onWillVisibilityChange((event) => {
+            const { isVisible } = event;
             const { accessor } = this._params;
-            accessor.setVisible(this, !isHidden);
+            accessor.setVisible(this, isVisible);
         }), this.api.onActiveChange(() => {
             const { accessor } = this._params;
             accessor.setActive(this);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dockview-core",
-  "version": "1.10.0",
+  "version": "1.10.2",
   "description": "Zero dependency layout manager supporting tabs, grids and splitviews with ReactJS support",
   "keywords": [
     "splitview",