dockview-core 2.1.4 → 3.0.0

package/dist/cjs/api/component.api.d.ts

@@ -12,11 +12,11 @@ import { ISplitviewPanel } from '../splitview/splitviewPanel';
 import { DockviewGroupPanel, IDockviewGroupPanel } from '../dockview/dockviewGroupPanel';
 import { Event } from '../events';
 import { IDockviewPanel } from '../dockview/dockviewPanel';
-import { PaneviewDropEvent } from '../paneview/draggablePaneviewPanel';
+import { PaneviewDidDropEvent } from '../paneview/draggablePaneviewPanel';
 import { GroupDragEvent, TabDragEvent } from '../dockview/components/titlebar/tabsContainer';
 import { Box } from '../types';
 import { DockviewDidDropEvent, DockviewWillDropEvent, WillShowOverlayLocationEvent } from '../dockview/dockviewGroupPanelModel';
-import { PaneviewComponentOptions } from '../paneview/options';
+import { PaneviewComponentOptions, PaneviewDndOverlayEvent } from '../paneview/options';
 import { SplitviewComponentOptions } from '../splitview/options';
 import { GridviewComponentOptions } from '../gridview/options';
 export interface CommonApi<T = any> {
@@ -164,7 +164,8 @@ export declare class PaneviewApi implements CommonApi<SerializedPaneview> {
     /**
      * Invoked when a Drag'n'Drop event occurs that the component was unable to handle. Exposed for custom Drag'n'Drop functionality.
      */
-    get onDidDrop(): Event<PaneviewDropEvent>;
+    get onDidDrop(): Event<PaneviewDidDropEvent>;
+    get onUnhandledDragOverEvent(): Event<PaneviewDndOverlayEvent>;
     constructor(component: IPaneviewComponent);
     /**
      * Remove a panel given the panel object.

package/dist/cjs/api/component.api.js

@@ -1,18 +1,6 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DockviewApi = exports.GridviewApi = exports.PaneviewApi = exports.SplitviewApi = void 0;
-var events_1 = require("../events");
 var SplitviewApi = /** @class */ (function () {
     function SplitviewApi(component) {
         this.component = component;
@@ -295,16 +283,14 @@ var PaneviewApi = /** @class */ (function () {
          * Invoked when a Drag'n'Drop event occurs that the component was unable to handle. Exposed for custom Drag'n'Drop functionality.
          */
         get: function () {
-            var _this = this;
-            var emitter = new events_1.Emitter();
-            var disposable = this.component.onDidDrop(function (e) {
-                emitter.fire(__assign(__assign({}, e), { api: _this }));
-            });
-            emitter.dispose = function () {
-                disposable.dispose();
-                emitter.dispose();
-            };
-            return emitter.event;
+            return this.component.onDidDrop;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PaneviewApi.prototype, "onUnhandledDragOverEvent", {
+        get: function () {
+            return this.component.onUnhandledDragOverEvent;
         },
         enumerable: false,
         configurable: true

package/dist/cjs/dockview/components/titlebar/tabsContainer.d.ts

@@ -76,10 +76,11 @@ export declare class TabsContainer extends CompositeDisposable implements ITabsC
     indexOf(id: string): number;
     constructor(accessor: DockviewComponent, group: DockviewGroupPanel);
     setActive(_isGroupActive: boolean): void;
-    private addTab;
     delete(id: string): void;
     setActivePanel(panel: IDockviewPanel): void;
     openPanel(panel: IDockviewPanel, index?: number): void;
     closePanel(panel: IDockviewPanel): void;
     dispose(): void;
+    private addTab;
+    private updateClassnames;
 }

package/dist/cjs/dockview/components/titlebar/tabsContainer.js

@@ -14,6 +14,17 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -39,17 +50,6 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabsContainer = void 0;
 var lifecycle_1 = require("../../../lifecycle");
@@ -93,15 +93,7 @@ var TabsContainer = /** @class */ (function (_super) {
         _this._element.appendChild(_this.leftActionsContainer);
         _this._element.appendChild(_this.voidContainer.element);
         _this._element.appendChild(_this.rightActionsContainer);
-        _this.addDisposables(_this.accessor.onDidAddPanel(function (e) {
-            if (e.api.group === _this.group) {
-                (0, dom_1.toggleClass)(_this._element, 'dv-single-tab', _this.size === 1);
-            }
-        }), _this.accessor.onDidRemovePanel(function (e) {
-            if (e.api.group === _this.group) {
-                (0, dom_1.toggleClass)(_this._element, 'dv-single-tab', _this.size === 1);
-            }
-        }), _this._onWillShowOverlay, _this._onDrop, _this._onTabDragStart, _this._onGroupDragStart, _this.voidContainer, _this.voidContainer.onDragStart(function (event) {
+        _this.addDisposables(_this._onWillShowOverlay, _this._onDrop, _this._onTabDragStart, _this._onGroupDragStart, _this.voidContainer, _this.voidContainer.onDragStart(function (event) {
             _this._onGroupDragStart.fire({
                 nativeEvent: event,
                 group: _this.group,
@@ -233,19 +225,6 @@ var TabsContainer = /** @class */ (function (_super) {
     TabsContainer.prototype.setActive = function (_isGroupActive) {
         // noop
     };
-    TabsContainer.prototype.addTab = function (tab, index) {
-        if (index === void 0) { index = this.tabs.length; }
-        if (index < 0 || index > this.tabs.length) {
-            throw new Error('invalid location');
-        }
-        this.tabContainer.insertBefore(tab.value.element, this.tabContainer.children[index]);
-        this.tabs = __spreadArray(__spreadArray(__spreadArray([], __read(this.tabs.slice(0, index)), false), [
-            tab
-        ], false), __read(this.tabs.slice(index)), false);
-        if (this.selectedIndex < 0) {
-            this.selectedIndex = index;
-        }
-    };
     TabsContainer.prototype.delete = function (id) {
         var index = this.tabs.findIndex(function (tab) { return tab.value.panel.id === id; });
         var tabToRemove = this.tabs.splice(index, 1)[0];
@@ -253,6 +232,7 @@ var TabsContainer = /** @class */ (function (_super) {
         disposable.dispose();
         value.dispose();
         value.element.remove();
+        this.updateClassnames();
     };
     TabsContainer.prototype.setActivePanel = function (panel) {
         this.tabs.forEach(function (tab) {
@@ -334,6 +314,23 @@ var TabsContainer = /** @class */ (function (_super) {
         }
         this.tabs = [];
     };
+    TabsContainer.prototype.addTab = function (tab, index) {
+        if (index === void 0) { index = this.tabs.length; }
+        if (index < 0 || index > this.tabs.length) {
+            throw new Error('invalid location');
+        }
+        this.tabContainer.insertBefore(tab.value.element, this.tabContainer.children[index]);
+        this.tabs = __spreadArray(__spreadArray(__spreadArray([], __read(this.tabs.slice(0, index)), false), [
+            tab
+        ], false), __read(this.tabs.slice(index)), false);
+        if (this.selectedIndex < 0) {
+            this.selectedIndex = index;
+        }
+        this.updateClassnames();
+    };
+    TabsContainer.prototype.updateClassnames = function () {
+        (0, dom_1.toggleClass)(this._element, 'dv-single-tab', this.size === 1);
+    };
     return TabsContainer;
 }(lifecycle_1.CompositeDisposable));
 exports.TabsContainer = TabsContainer;

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

@@ -13,6 +13,7 @@ import { DockviewPanelRenderer } from '../overlay/overlayRenderContainer';
 import { IGroupHeaderProps } from './framework';
 import { FloatingGroupOptions } from './dockviewComponent';
 import { Contraints } from '../gridview/gridviewPanel';
+import { AcceptableEvent, IAcceptableEvent } from '../events';
 export interface IHeaderActionsRenderer extends IDisposable {
     readonly element: HTMLElement;
     init(params: IGroupHeaderProps): void;
@@ -55,27 +56,22 @@ export interface DockviewOptions {
      */
     noPanelsOverlay?: 'emptyGroup' | 'watermark';
 }
-export interface DockviewDndOverlayEvent {
+export interface DockviewDndOverlayEvent extends IAcceptableEvent {
     nativeEvent: DragEvent;
     target: DockviewGroupDropLocation;
     position: Position;
     group?: DockviewGroupPanel;
     getData: () => PanelTransfer | undefined;
-    isAccepted: boolean;
-    accept(): void;
 }
-export declare class DockviewUnhandledDragOverEvent implements DockviewDndOverlayEvent {
+export declare class DockviewUnhandledDragOverEvent extends AcceptableEvent implements DockviewDndOverlayEvent {
     readonly nativeEvent: DragEvent;
     readonly target: DockviewGroupDropLocation;
     readonly position: Position;
     readonly getData: () => PanelTransfer | undefined;
     readonly group?: DockviewGroupPanel | undefined;
-    private _isAccepted;
-    get isAccepted(): boolean;
     constructor(nativeEvent: DragEvent, target: DockviewGroupDropLocation, position: Position, getData: () => PanelTransfer | undefined, group?: DockviewGroupPanel | undefined);
-    accept(): void;
 }
-export declare const PROPERTY_KEYS: (keyof DockviewOptions)[];
+export declare const PROPERTY_KEYS_DOCKVIEW: (keyof DockviewOptions)[];
 export interface CreateComponentOptions {
     /**
      * The unqiue identifer of the component

package/dist/cjs/dockview/options.js

@@ -1,29 +1,37 @@
 "use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isGroupOptionsWithGroup = exports.isGroupOptionsWithPanel = exports.isPanelOptionsWithGroup = exports.isPanelOptionsWithPanel = exports.PROPERTY_KEYS = exports.DockviewUnhandledDragOverEvent = void 0;
-var DockviewUnhandledDragOverEvent = /** @class */ (function () {
+exports.isGroupOptionsWithGroup = exports.isGroupOptionsWithPanel = exports.isPanelOptionsWithGroup = exports.isPanelOptionsWithPanel = exports.PROPERTY_KEYS_DOCKVIEW = exports.DockviewUnhandledDragOverEvent = void 0;
+var events_1 = require("../events");
+var DockviewUnhandledDragOverEvent = /** @class */ (function (_super) {
+    __extends(DockviewUnhandledDragOverEvent, _super);
     function DockviewUnhandledDragOverEvent(nativeEvent, target, position, getData, group) {
-        this.nativeEvent = nativeEvent;
-        this.target = target;
-        this.position = position;
-        this.getData = getData;
-        this.group = group;
-        this._isAccepted = false;
+        var _this = _super.call(this) || this;
+        _this.nativeEvent = nativeEvent;
+        _this.target = target;
+        _this.position = position;
+        _this.getData = getData;
+        _this.group = group;
+        return _this;
     }
-    Object.defineProperty(DockviewUnhandledDragOverEvent.prototype, "isAccepted", {
-        get: function () {
-            return this._isAccepted;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DockviewUnhandledDragOverEvent.prototype.accept = function () {
-        this._isAccepted = true;
-    };
     return DockviewUnhandledDragOverEvent;
-}());
+}(events_1.AcceptableEvent));
 exports.DockviewUnhandledDragOverEvent = DockviewUnhandledDragOverEvent;
-exports.PROPERTY_KEYS = (function () {
+exports.PROPERTY_KEYS_DOCKVIEW = (function () {
     /**
      * by readong the keys from an empty value object TypeScript will error
      * when we add or remove new properties to `DockviewOptions`

package/dist/cjs/events.d.ts

@@ -17,6 +17,15 @@ export declare class DockviewEvent implements IDockviewEvent {
     get defaultPrevented(): boolean;
     preventDefault(): void;
 }
+export interface IAcceptableEvent {
+    readonly isAccepted: boolean;
+    accept(): void;
+}
+export declare class AcceptableEvent implements IAcceptableEvent {
+    private _isAccepted;
+    get isAccepted(): boolean;
+    accept(): void;
+}
 declare class LeakageMonitor {
     readonly events: Map<Event<any>, Stacktrace>;
     get size(): number;

package/dist/cjs/events.js

@@ -11,7 +11,7 @@ var __values = (this && this.__values) || function(o) {
     throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AsapEvent = exports.addDisposableListener = exports.addDisposableWindowListener = exports.Emitter = exports.DockviewEvent = exports.Event = void 0;
+exports.AsapEvent = exports.addDisposableListener = exports.addDisposableWindowListener = exports.Emitter = exports.AcceptableEvent = exports.DockviewEvent = exports.Event = void 0;
 var Event;
 (function (Event) {
     Event.any = function () {
@@ -48,6 +48,23 @@ var DockviewEvent = /** @class */ (function () {
     return DockviewEvent;
 }());
 exports.DockviewEvent = DockviewEvent;
+var AcceptableEvent = /** @class */ (function () {
+    function AcceptableEvent() {
+        this._isAccepted = false;
+    }
+    Object.defineProperty(AcceptableEvent.prototype, "isAccepted", {
+        get: function () {
+            return this._isAccepted;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    AcceptableEvent.prototype.accept = function () {
+        this._isAccepted = true;
+    };
+    return AcceptableEvent;
+}());
+exports.AcceptableEvent = AcceptableEvent;
 var LeakageMonitor = /** @class */ (function () {
     function LeakageMonitor() {
         this.events = new Map();

package/dist/cjs/gridview/gridviewComponent.js

@@ -58,15 +58,17 @@ var gridview_1 = require("./gridview");
 var array_1 = require("../array");
 var lifecycle_1 = require("../lifecycle");
 var baseComponentGridview_1 = require("./baseComponentGridview");
-var componentFactory_1 = require("../panel/componentFactory");
 var events_1 = require("../events");
 var GridviewComponent = /** @class */ (function (_super) {
     __extends(GridviewComponent, _super);
     function GridviewComponent(parentElement, options) {
+        var _a;
         var _this = _super.call(this, parentElement, {
-            proportionalLayout: options.proportionalLayout,
+            proportionalLayout: (_a = options.proportionalLayout) !== null && _a !== void 0 ? _a : true,
             orientation: options.orientation,
-            styles: options.styles,
+            styles: options.hideBorders
+                ? { separatorBorder: 'transparent' }
+                : undefined,
             disableAutoResizing: options.disableAutoResizing,
             className: options.className,
         }) || this;
@@ -86,12 +88,6 @@ var GridviewComponent = /** @class */ (function (_super) {
         }), _this.onDidActiveChange(function (event) {
             _this._onDidActiveGroupChange.fire(event);
         }));
-        if (!_this.options.components) {
-            _this.options.components = {};
-        }
-        if (!_this.options.frameworkComponents) {
-            _this.options.frameworkComponents = {};
-        }
         return _this;
     }
     Object.defineProperty(GridviewComponent.prototype, "orientation", {
@@ -171,14 +167,11 @@ var GridviewComponent = /** @class */ (function (_super) {
             var height = this.height;
             this.gridview.deserialize(grid, {
                 fromJSON: function (node) {
-                    var _a, _b;
                     var data = node.data;
-                    var view = (0, componentFactory_1.createComponent)(data.id, data.component, (_a = _this.options.components) !== null && _a !== void 0 ? _a : {}, (_b = _this.options.frameworkComponents) !== null && _b !== void 0 ? _b : {}, _this.options.frameworkComponentFactory
-                        ? {
-                            createComponent: _this.options.frameworkComponentFactory
-                                .createComponent,
-                        }
-                        : undefined);
+                    var view = _this.options.createComponent({
+                        id: data.id,
+                        name: data.component,
+                    });
                     queue_1.push(function () {
                         return view.init({
                             params: data.params,
@@ -279,7 +272,7 @@ var GridviewComponent = /** @class */ (function (_super) {
         this.doAddGroup(removedPanel, relativeLocation, options.size);
     };
     GridviewComponent.prototype.addPanel = function (options) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d;
         var relativeLocation = (_a = options.location) !== null && _a !== void 0 ? _a : [0];
         if ((_b = options.position) === null || _b === void 0 ? void 0 : _b.referencePanel) {
             var referenceGroup = (_c = this._groups.get(options.position.referencePanel)) === null || _c === void 0 ? void 0 : _c.value;
@@ -295,14 +288,12 @@ var GridviewComponent = /** @class */ (function (_super) {
                 relativeLocation = (0, gridview_1.getRelativeLocation)(this.gridview.orientation, location_2, target);
             }
         }
-        var view = (0, componentFactory_1.createComponent)(options.id, options.component, (_d = this.options.components) !== null && _d !== void 0 ? _d : {}, (_e = this.options.frameworkComponents) !== null && _e !== void 0 ? _e : {}, this.options.frameworkComponentFactory
-            ? {
-                createComponent: this.options.frameworkComponentFactory
-                    .createComponent,
-            }
-            : undefined);
+        var view = this.options.createComponent({
+            id: options.id,
+            name: options.component,
+        });
         view.init({
-            params: (_f = options.params) !== null && _f !== void 0 ? _f : {},
+            params: (_d = options.params) !== null && _d !== void 0 ? _d : {},
             minimumWidth: options.minimumWidth,
             maximumWidth: options.maximumWidth,
             minimumHeight: options.minimumHeight,

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

@@ -1,17 +1,15 @@
 import { GridviewPanel } from './gridviewPanel';
-import { ISplitviewStyles, Orientation } from '../splitview/splitview';
-import { ComponentConstructor, FrameworkFactory } from '../panel/componentFactory';
-export interface GridviewComponentOptions {
+import { Orientation } from '../splitview/splitview';
+import { CreateComponentOptions } from '../dockview/options';
+export interface GridviewOptions {
     disableAutoResizing?: boolean;
-    proportionalLayout: boolean;
+    proportionalLayout?: boolean;
     orientation: Orientation;
-    components?: {
-        [componentName: string]: ComponentConstructor<GridviewPanel>;
-    };
-    frameworkComponents?: {
-        [componentName: string]: any;
-    };
-    frameworkComponentFactory?: FrameworkFactory<GridviewPanel>;
-    styles?: ISplitviewStyles;
     className?: string;
+    hideBorders?: boolean;
 }
+export interface GridviewFrameworkOptions {
+    createComponent: (options: CreateComponentOptions) => GridviewPanel;
+}
+export type GridviewComponentOptions = GridviewOptions & GridviewFrameworkOptions;
+export declare const PROPERTY_KEYS_GRIDVIEW: (keyof GridviewOptions)[];

package/dist/cjs/gridview/options.js

@@ -1,2 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PROPERTY_KEYS_GRIDVIEW = void 0;
+exports.PROPERTY_KEYS_GRIDVIEW = (function () {
+    /**
+     * by readong the keys from an empty value object TypeScript will error
+     * when we add or remove new properties to `DockviewOptions`
+     */
+    var properties = {
+        disableAutoResizing: undefined,
+        proportionalLayout: undefined,
+        orientation: undefined,
+        hideBorders: undefined,
+        className: undefined,
+    };
+    return Object.keys(properties);
+})();

package/dist/cjs/index.d.ts

@@ -8,12 +8,12 @@ export { Emitter as DockviewEmitter, Event as DockviewEvent } from './events';
 export { IDisposable as DockviewIDisposable, MutableDisposable as DockviewMutableDisposable, CompositeDisposable as DockviewCompositeDisposable, Disposable as DockviewDisposable, } from './lifecycle';
 export * from './panel/types';
 export * from './splitview/splitview';
-export { SplitviewComponentOptions, PanelViewInitParameters, } from './splitview/options';
+export { SplitviewComponentOptions, PanelViewInitParameters, SplitviewOptions, SplitviewFrameworkOptions, PROPERTY_KEYS_SPLITVIEW, } from './splitview/options';
 export * from './paneview/paneview';
 export * from './gridview/gridview';
-export { GridviewComponentOptions } from './gridview/options';
+export { GridviewComponentOptions, GridviewOptions, GridviewFrameworkOptions, PROPERTY_KEYS_GRIDVIEW, } from './gridview/options';
 export * from './gridview/baseComponentGridview';
-export { DraggablePaneviewPanel, PaneviewDropEvent, } from './paneview/draggablePaneviewPanel';
+export { DraggablePaneviewPanel, PaneviewDidDropEvent as PaneviewDropEvent, } from './paneview/draggablePaneviewPanel';
 export * from './dockview/components/panel/content';
 export * from './dockview/components/tab/tab';
 export * from './dockview/dockviewGroupPanelModel';
@@ -29,7 +29,7 @@ export * from './dockview/dockviewComponent';
 export * from './gridview/gridviewComponent';
 export * from './splitview/splitviewComponent';
 export * from './paneview/paneviewComponent';
-export { PaneviewComponentOptions } from './paneview/options';
+export { PaneviewComponentOptions, PaneviewOptions, PaneviewFrameworkOptions, PROPERTY_KEYS_PANEVIEW, PaneviewUnhandledDragOverEvent, PaneviewDndOverlayEvent, } from './paneview/options';
 export * from './gridview/gridviewPanel';
 export { SplitviewPanel, ISplitviewPanel } from './splitview/splitviewPanel';
 export * from './paneview/paneviewPanel';

package/dist/cjs/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSplitview = exports.createPaneview = exports.createGridview = exports.createDockview = exports.DockviewApi = exports.GridviewApi = exports.PaneviewApi = exports.SplitviewApi = exports.directionToPosition = exports.positionToDirection = exports.SplitviewPanel = exports.DefaultDockviewDeserialzier = exports.DefaultTab = exports.DraggablePaneviewPanel = exports.DockviewDisposable = exports.DockviewCompositeDisposable = exports.DockviewMutableDisposable = exports.DockviewEvent = exports.DockviewEmitter = exports.PanelTransfer = exports.PaneTransfer = exports.getPanelData = exports.getPaneData = void 0;
+exports.createSplitview = exports.createPaneview = exports.createGridview = exports.createDockview = exports.DockviewApi = exports.GridviewApi = exports.PaneviewApi = exports.SplitviewApi = exports.directionToPosition = exports.positionToDirection = exports.SplitviewPanel = exports.PaneviewUnhandledDragOverEvent = exports.PROPERTY_KEYS_PANEVIEW = exports.DefaultDockviewDeserialzier = exports.DefaultTab = exports.DraggablePaneviewPanel = exports.PROPERTY_KEYS_GRIDVIEW = exports.PROPERTY_KEYS_SPLITVIEW = exports.DockviewDisposable = exports.DockviewCompositeDisposable = exports.DockviewMutableDisposable = exports.DockviewEvent = exports.DockviewEmitter = exports.PanelTransfer = exports.PaneTransfer = exports.getPanelData = exports.getPaneData = void 0;
 var dataTransfer_1 = require("./dnd/dataTransfer");
 Object.defineProperty(exports, "getPaneData", { enumerable: true, get: function () { return dataTransfer_1.getPaneData; } });
 Object.defineProperty(exports, "getPanelData", { enumerable: true, get: function () { return dataTransfer_1.getPanelData; } });
@@ -34,8 +34,12 @@ Object.defineProperty(exports, "DockviewCompositeDisposable", { enumerable: true
 Object.defineProperty(exports, "DockviewDisposable", { enumerable: true, get: function () { return lifecycle_1.Disposable; } });
 __exportStar(require("./panel/types"), exports);
 __exportStar(require("./splitview/splitview"), exports);
+var options_1 = require("./splitview/options");
+Object.defineProperty(exports, "PROPERTY_KEYS_SPLITVIEW", { enumerable: true, get: function () { return options_1.PROPERTY_KEYS_SPLITVIEW; } });
 __exportStar(require("./paneview/paneview"), exports);
 __exportStar(require("./gridview/gridview"), exports);
+var options_2 = require("./gridview/options");
+Object.defineProperty(exports, "PROPERTY_KEYS_GRIDVIEW", { enumerable: true, get: function () { return options_2.PROPERTY_KEYS_GRIDVIEW; } });
 __exportStar(require("./gridview/baseComponentGridview"), exports);
 var draggablePaneviewPanel_1 = require("./paneview/draggablePaneviewPanel");
 Object.defineProperty(exports, "DraggablePaneviewPanel", { enumerable: true, get: function () { return draggablePaneviewPanel_1.DraggablePaneviewPanel; } });
@@ -54,6 +58,9 @@ __exportStar(require("./dockview/dockviewComponent"), exports);
 __exportStar(require("./gridview/gridviewComponent"), exports);
 __exportStar(require("./splitview/splitviewComponent"), exports);
 __exportStar(require("./paneview/paneviewComponent"), exports);
+var options_3 = require("./paneview/options");
+Object.defineProperty(exports, "PROPERTY_KEYS_PANEVIEW", { enumerable: true, get: function () { return options_3.PROPERTY_KEYS_PANEVIEW; } });
+Object.defineProperty(exports, "PaneviewUnhandledDragOverEvent", { enumerable: true, get: function () { return options_3.PaneviewUnhandledDragOverEvent; } });
 __exportStar(require("./gridview/gridviewPanel"), exports);
 var splitviewPanel_1 = require("./splitview/splitviewPanel");
 Object.defineProperty(exports, "SplitviewPanel", { enumerable: true, get: function () { return splitviewPanel_1.SplitviewPanel; } });

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

@@ -1,8 +1,8 @@
 import { PaneviewPanelApiImpl } from '../api/paneviewPanelApi';
 import { CompositeDisposable } from '../lifecycle';
 import { PanelUpdateEvent } from '../panel/types';
-import { IPaneHeaderPart, PanePanelInitParameter } from './paneviewPanel';
-export declare class DefaultHeader extends CompositeDisposable implements IPaneHeaderPart {
+import { IPanePart, PanePanelInitParameter } from './paneviewPanel';
+export declare class DefaultHeader extends CompositeDisposable implements IPanePart {
     private readonly _expandedIcon;
     private readonly _collapsedIcon;
     private readonly disposable;

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

@@ -1,10 +1,12 @@
 import { PaneviewApi } from '../api/component.api';
 import { PaneTransfer } from '../dnd/dataTransfer';
 import { DroptargetEvent } from '../dnd/droptarget';
+import { Event } from '../events';
 import { Orientation } from '../splitview/splitview';
+import { PaneviewDndOverlayEvent } from './options';
 import { IPaneviewComponent } from './paneviewComponent';
 import { IPaneviewPanel, PaneviewPanel } from './paneviewPanel';
-export interface PaneviewDropEvent extends DroptargetEvent {
+export interface PaneviewDidDropEvent extends DroptargetEvent {
     panel: IPaneviewPanel;
     getData: () => PaneTransfer | undefined;
     api: PaneviewApi;
@@ -14,7 +16,9 @@ export declare abstract class DraggablePaneviewPanel extends PaneviewPanel {
     private handler;
     private target;
     private readonly _onDidDrop;
-    readonly onDidDrop: import("../events").Event<PaneviewDropEvent>;
+    readonly onDidDrop: Event<PaneviewDidDropEvent>;
+    private readonly _onUnhandledDragOverEvent;
+    readonly onUnhandledDragOverEvent: Event<PaneviewDndOverlayEvent>;
     constructor(accessor: IPaneviewComponent, id: string, component: string, headerComponent: string | undefined, orientation: Orientation, isExpanded: boolean, disableDnd: boolean);
     private initDragFeatures;
     private onDrop;

package/dist/cjs/paneview/draggablePaneviewPanel.js

@@ -32,6 +32,7 @@ var abstractDragHandler_1 = require("../dnd/abstractDragHandler");
 var dataTransfer_1 = require("../dnd/dataTransfer");
 var droptarget_1 = require("../dnd/droptarget");
 var events_1 = require("../events");
+var options_1 = require("./options");
 var paneviewPanel_1 = require("./paneviewPanel");
 var DraggablePaneviewPanel = /** @class */ (function (_super) {
     __extends(DraggablePaneviewPanel, _super);
@@ -40,6 +41,9 @@ var DraggablePaneviewPanel = /** @class */ (function (_super) {
         _this.accessor = accessor;
         _this._onDidDrop = new events_1.Emitter();
         _this.onDidDrop = _this._onDidDrop.event;
+        _this._onUnhandledDragOverEvent = new events_1.Emitter();
+        _this.onUnhandledDragOverEvent = _this._onUnhandledDragOverEvent.event;
+        _this.addDisposables(_this._onDidDrop, _this._onUnhandledDragOverEvent);
         if (!disableDnd) {
             _this.initDragFeatures();
         }
@@ -73,7 +77,7 @@ var DraggablePaneviewPanel = /** @class */ (function (_super) {
             overlayModel: {
                 activationSize: { type: 'percentage', value: 50 },
             },
-            canDisplayOverlay: function (event) {
+            canDisplayOverlay: function (event, position) {
                 var data = (0, dataTransfer_1.getPaneData)();
                 if (data) {
                     if (data.paneId !== _this.id &&
@@ -81,14 +85,9 @@ var DraggablePaneviewPanel = /** @class */ (function (_super) {
                         return true;
                     }
                 }
-                if (_this.accessor.options.showDndOverlay) {
-                    return _this.accessor.options.showDndOverlay({
-                        nativeEvent: event,
-                        getData: dataTransfer_1.getPaneData,
-                        panel: _this,
-                    });
-                }
-                return false;
+                var firedEvent = new options_1.PaneviewUnhandledDragOverEvent(event, position, dataTransfer_1.getPaneData, _this);
+                _this._onUnhandledDragOverEvent.fire(firedEvent);
+                return firedEvent.isAccepted;
             },
         });
         this.addDisposables(this._onDidDrop, this.handler, this.target, this.target.onDrop(function (event) {