dockview 1.0.0 → 1.0.3

package/dist/dockview.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.0.0
+ * @version 1.0.3
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -31,25 +31,6 @@
     var React__namespace = /*#__PURE__*/_interopNamespace(React);
     var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
-    function runFootnote() {
-        var _a, _b;
-        const DOCKVIEW_SUPPRESS_WATERMARK = 'DOCKVIEW_WATERMARK_SUPPRESSED';
-        const isTest = ((_b = (_a = window.process) === null || _a === void 0 ? void 0 : _a.env) === null || _b === void 0 ? void 0 : _b.NODE_ENV) === 'test';
-        if (isTest) {
-            return; // don't spam people tests
-        }
-        const isSuppressed = !!window[DOCKVIEW_SUPPRESS_WATERMARK];
-        if (!isSuppressed) {
-            console.log([
-                'dockview: https://github.com/mathuo/dockview for examples and documentation',
-                'dockview: https://www.npmjs.com/package/dockview',
-                `dockview: To suppress this message set window.${DOCKVIEW_SUPPRESS_WATERMARK}=1 before importing the dockview package`,
-                '',
-            ].join('\n'));
-        }
-    }
-    runFootnote();
-
     exports.Event = void 0;
     (function (Event) {
         Event.any = (...children) => {
@@ -120,6 +101,24 @@
                 element.removeEventListener(type, listener);
             },
         };
+    }
+    class TickDelayedEvent {
+        constructor() {
+            this._onFired = new Emitter();
+            this.onEvent = this._onFired.event;
+        }
+        fire() {
+            if (this.timer) {
+                clearTimeout(this.timer);
+            }
+            this.timer = setTimeout(() => {
+                this._onFired.fire();
+                clearTimeout(this.timer);
+            });
+        }
+        dispose() {
+            this._onFired.dispose();
+        }
     }
 
     exports.Disposable = void 0;
@@ -302,6 +301,12 @@
         get onDidLayoutChange() {
             return this.component.onDidLayoutChange;
         }
+        get onDidAddView() {
+            return this.component.onDidAddView;
+        }
+        get onDidRemoveView() {
+            return this.component.onDidRemoveView;
+        }
         get orientation() {
             return this.component.orientation;
         }
@@ -364,6 +369,23 @@
         get onDidLayoutChange() {
             return this.component.onDidLayoutChange;
         }
+        get onDidAddView() {
+            return this.component.onDidAddView;
+        }
+        get onDidRemoveView() {
+            return this.component.onDidRemoveView;
+        }
+        get onDidDrop() {
+            const emitter = new Emitter();
+            const disposable = this.component.onDidDrop((e) => {
+                emitter.fire(Object.assign(Object.assign({}, e), { api: this }));
+            });
+            emitter.dispose = () => {
+                disposable.dispose();
+                emitter.dispose();
+            };
+            return emitter.event;
+        }
         getPanels() {
             return this.component.getPanels();
         }
@@ -886,7 +908,7 @@
             this._onDidAddView = new Emitter();
             this.onDidAddView = this._onDidAddView.event;
             this._onDidRemoveView = new Emitter();
-            this.onDidRemoveView = this._onDidAddView.event;
+            this.onDidRemoveView = this._onDidRemoveView.event;
             this._startSnappingEnabled = true;
             this._endSnappingEnabled = true;
             this.resize = (index, delta, sizes = this.views.map((x) => x.size), lowPriorityIndexes, highPriorityIndexes, overloadMinDelta = Number.NEGATIVE_INFINITY, overloadMaxDelta = Number.POSITIVE_INFINITY, snapBefore, snapAfter) => {
@@ -1528,9 +1550,9 @@
             var _a;
             super();
             this.paneItems = [];
+            this.skipAnimation = false;
             this._onDidChange = new Emitter();
             this.onDidChange = this._onDidChange.event;
-            this.skipAnimation = false;
             this._orientation = (_a = options.orientation) !== null && _a !== void 0 ? _a : exports.Orientation.VERTICAL;
             this.element = document.createElement('div');
             this.element.className = 'pane-container';
@@ -1630,9 +1652,6 @@
             }
         }
         layout(size, orthogonalSize) {
-            // for (const paneItem of this.paneItems) {
-            //     paneItem.pane.orthogonalSize = orthogonalSize;
-            // }
             this.splitview.layout(size, orthogonalSize);
         }
         setupAnimation() {
@@ -1816,7 +1835,7 @@
                     const state = this._state;
                     this.removeDropTarget();
                     if (state) {
-                        this._onDrop.fire({ position: state, event: e });
+                        this._onDrop.fire({ position: state, nativeEvent: e });
                     }
                 },
             }));
@@ -2479,7 +2498,6 @@
             }
             parent.removeChild(index, sizing);
             if (parent.children.length === 0) {
-                // throw new Error('Invalid grid state');
                 return node.view;
             }
             if (parent.children.length > 1) {
@@ -2780,7 +2798,7 @@
             });
             this.addDisposables(this.voidDropTarget.onDrop((event) => {
                 this._onDrop.fire({
-                    event: event.event,
+                    event: event.nativeEvent,
                     index: this.tabs.length,
                 });
             }), this.voidDropTarget, addDisposableListener(this.tabContainer, 'mousedown', (event) => {
@@ -2902,7 +2920,7 @@
                 }
             }), tabToAdd.onDrop((event) => {
                 this._onDrop.fire({
-                    event: event.event,
+                    event: event.nativeEvent,
                     index: this.tabs.findIndex((x) => x.value === tabToAdd),
                 });
             }));
@@ -2978,9 +2996,9 @@
             }), this.contentContainer.onDidFocus(() => {
                 this.accessor.doSetGroupActive(this.parent, true);
             }), this.contentContainer.onDidBlur(() => {
-                // this._activePanel?.api._ondid
+                // noop
             }), this.dropTarget.onDrop((event) => {
-                this.handleDropEvent(event.event, event.position);
+                this.handleDropEvent(event.nativeEvent, event.position);
             }));
         }
         get element() {
@@ -3398,11 +3416,8 @@
                 this._onGridEvent.fire({ kind: exports.GroupChangeKind.LAYOUT });
             }));
             this.addDisposables((() => {
-                /**
-                 * TODO Fix this relatively ugly 'merge and delay'
-                 */
-                let timer;
-                return this.onGridEvent((event) => {
+                const tickDelayedEvent = new TickDelayedEvent();
+                return new CompositeDisposable(this.onGridEvent((event) => {
                     if ([
                         exports.GroupChangeKind.ADD_GROUP,
                         exports.GroupChangeKind.REMOVE_GROUP,
@@ -3412,15 +3427,11 @@
                         exports.GroupChangeKind.PANEL_ACTIVE,
                         exports.GroupChangeKind.LAYOUT,
                     ].includes(event.kind)) {
-                        if (timer) {
-                            clearTimeout(timer);
-                        }
-                        timer = setTimeout(() => {
-                            this._onDidLayoutChange.fire();
-                            clearTimeout(timer);
-                        });
+                        tickDelayedEvent.fire();
                     }
-                });
+                }), tickDelayedEvent.onEvent(() => {
+                    this._onDidLayoutChange.fire();
+                }), tickDelayedEvent);
             })());
         }
         get id() {
@@ -4426,7 +4437,9 @@
             this.tab.init(params);
         }
         updateParentGroup(group, isPanelVisible) {
-            // TODO
+            var _a;
+            this._content.updateParentGroup(group, isPanelVisible);
+            (_a = this._tab) === null || _a === void 0 ? void 0 : _a.updateParentGroup(group, isPanelVisible);
         }
         layout(width, height) {
             this.content.layout(width, height);
@@ -5196,6 +5209,10 @@
             this.element = element;
             this._disposable = new MutableDisposable();
             this.panels = new Map();
+            this._onDidAddView = new Emitter();
+            this.onDidAddView = this._onDidAddView.event;
+            this._onDidRemoveView = new Emitter();
+            this.onDidRemoveView = this._onDidRemoveView.event;
             this._onDidLayoutChange = new Emitter();
             this.onDidLayoutChange = this._onDidLayoutChange.event;
             this._options = options;
@@ -5221,7 +5238,7 @@
             this._splitview = value;
             this._disposable.value = new CompositeDisposable(this._splitview.onDidSashEnd(() => {
                 this._onDidLayoutChange.fire(undefined);
-            }));
+            }), this._splitview.onDidAddView((e) => this._onDidAddView.fire(e)), this._splitview.onDidRemoveView((e) => this._onDidRemoveView.fire(e)));
         }
         get minimumSize() {
             return this.splitview.minimumSize;
@@ -5395,6 +5412,10 @@
                         });
                         panel.orientation = orientation;
                         this.doAddView(panel);
+                        setTimeout(() => {
+                            // the original onDidAddView events are missed since they are fired before we can subcribe to them
+                            this._onDidAddView.fire(panel);
+                        }, 0);
                         return { size: view.size, view: panel };
                     }),
                 },
@@ -5513,7 +5534,7 @@
     }
 
     class PaneviewPanel extends BasePanelView {
-        constructor(id, component, headerComponent, orientation, isExpanded) {
+        constructor(id, component, headerComponent, orientation, isExpanded, isHeaderVisible) {
             super(id, component, new PaneviewPanelApiImpl(id));
             this.headerComponent = headerComponent;
             this._onDidChangeExpansionState = new Emitter({ replay: true });
@@ -5529,6 +5550,7 @@
             this.expandedSize = 0;
             this.api.pane = this; // TODO cannot use 'this' before 'super'
             this._isExpanded = isExpanded;
+            this._headerVisible = isHeaderVisible;
             this._onDidChangeExpansionState.fire(this.isExpanded()); // initialize value
             this._orientation = orientation;
             this.element.classList.add('pane');
@@ -5596,6 +5618,13 @@
             this._maximumBodySize =
                 typeof value === 'number' ? value : Number.POSITIVE_INFINITY;
         }
+        get headerVisible() {
+            return this._headerVisible;
+        }
+        set headerVisible(value) {
+            this._headerVisible = value;
+            this.header.style.display = value ? '' : 'none';
+        }
         setVisible(isVisible) {
             this.api._onDidVisibilityChange.fire({ isVisible });
         }
@@ -5693,7 +5722,7 @@
 
     class DraggablePaneviewPanel extends PaneviewPanel {
         constructor(id, component, headerComponent, orientation, isExpanded, disableDnd) {
-            super(id, component, headerComponent, orientation, isExpanded);
+            super(id, component, headerComponent, orientation, isExpanded, true);
             this._onDidDrop = new Emitter();
             this.onDidDrop = this._onDidDrop.event;
             if (!disableDnd) {
@@ -5816,6 +5845,10 @@
             this.onDidLayoutChange = this._onDidLayoutChange.event;
             this._onDidDrop = new Emitter();
             this.onDidDrop = this._onDidDrop.event;
+            this._onDidAddView = new Emitter();
+            this.onDidAddView = this._onDidAddView.event;
+            this._onDidRemoveView = new Emitter();
+            this.onDidRemoveView = this._onDidRemoveView.event;
             this._options = options;
             if (!options.components) {
                 options.components = {};
@@ -5829,17 +5862,11 @@
             });
             this.addDisposables(this._disposable);
         }
-        get onDidAddView() {
-            return this._paneview.onDidAddView;
-        }
-        get onDidRemoveView() {
-            return this._paneview.onDidRemoveView;
-        }
         set paneview(value) {
             this._paneview = value;
-            this._disposable.value = new CompositeDisposable(this.paneview.onDidChange(() => {
+            this._disposable.value = new CompositeDisposable(this._paneview.onDidChange(() => {
                 this._onDidLayoutChange.fire(undefined);
-            }));
+            }), this._paneview.onDidAddView((e) => this._onDidAddView.fire(e)), this._paneview.onDidRemoveView((e) => this._onDidRemoveView.fire(e)));
         }
         get paneview() {
             return this._paneview;
@@ -6019,6 +6046,10 @@
                             });
                             panel.orientation = this.paneview.orientation;
                         });
+                        setTimeout(() => {
+                            // the original onDidAddView events are missed since they are fired before we can subcribe to them
+                            this._onDidAddView.fire(panel);
+                        }, 0);
                         return { size: view.size, view: panel };
                     }),
                 },
@@ -6524,6 +6555,22 @@
                 dockview.dispose();
             };
         }, []);
+        React__namespace.useEffect(() => {
+            if (!dockviewRef.current) {
+                return;
+            }
+            dockviewRef.current.updateOptions({
+                frameworkComponents: props.components,
+            });
+        }, [props.components]);
+        React__namespace.useEffect(() => {
+            if (!dockviewRef.current) {
+                return;
+            }
+            dockviewRef.current.updateOptions({
+                frameworkTabComponents: props.tabComponents,
+            });
+        }, [props.tabComponents]);
         React__namespace.useEffect(() => {
             if (!props.onTabContextMenu || !dockviewRef.current) {
                 return () => {
@@ -6658,6 +6705,14 @@
                 splitview.dispose();
             };
         }, []);
+        React__namespace.useEffect(() => {
+            if (!splitviewRef.current) {
+                return;
+            }
+            splitviewRef.current.updateOptions({
+                frameworkComponents: props.components,
+            });
+        }, [props.components]);
         return (React__namespace.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
     });
     SplitviewReact.displayName = 'SplitviewComponent';
@@ -6728,6 +6783,14 @@
                 gridview.dispose();
             };
         }, []);
+        React__namespace.useEffect(() => {
+            if (!gridviewRef.current) {
+                return;
+            }
+            gridviewRef.current.updateOptions({
+                frameworkComponents: props.components,
+            });
+        }, [props.components]);
         return (React__namespace.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
     });
     GridviewReact.displayName = 'GridviewComponent';
@@ -6818,14 +6881,18 @@
             };
         }, []);
         React__namespace.useEffect(() => {
-            var _a;
-            (_a = paneviewRef.current) === null || _a === void 0 ? void 0 : _a.updateOptions({
+            if (!paneviewRef.current) {
+                return;
+            }
+            paneviewRef.current.updateOptions({
                 frameworkComponents: props.components,
             });
         }, [props.components]);
         React__namespace.useEffect(() => {
-            var _a;
-            (_a = paneviewRef.current) === null || _a === void 0 ? void 0 : _a.updateOptions({
+            if (!paneviewRef.current) {
+                return;
+            }
+            paneviewRef.current.updateOptions({
                 headerframeworkComponents: props.headerComponents,
             });
         }, [props.headerComponents]);
@@ -6884,6 +6951,7 @@
     exports.SplitviewPanel = SplitviewPanel;
     exports.SplitviewReact = SplitviewReact;
     exports.Tab = Tab$1;
+    exports.TickDelayedEvent = TickDelayedEvent;
     exports.addDisposableListener = addDisposableListener;
     exports.addDisposableWindowListener = addDisposableWindowListener;
     exports.extractData = extractData;

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

@@ -5,13 +5,14 @@ import { AddComponentOptions, IGridviewComponent, SerializedGridview } from '../
 import { GridviewPanel, IGridviewPanel } from '../gridview/gridviewPanel';
 import { IGroupPanel } from '../groupview/groupPanel';
 import { AddPaneviewCompponentOptions, SerializedPaneview, IPaneviewComponent } from '../paneview/paneviewComponent';
-import { IPaneviewPanel } from '../paneview/paneviewPanel';
+import { IPaneviewPanel, PaneviewPanel } from '../paneview/paneviewPanel';
 import { AddSplitviewComponentOptions, ISplitviewComponent, SerializedSplitview, SplitviewComponentUpdateOptions } from '../splitview/splitviewComponent';
-import { Orientation, Sizing } from '../splitview/core/splitview';
+import { IView, Orientation, Sizing } from '../splitview/core/splitview';
 import { ISplitviewPanel } from '../splitview/splitviewPanel';
 import { GroupviewPanel } from '../groupview/groupviewPanel';
 import { Event } from '../events';
 import { IDisposable } from '../lifecycle';
+import { PaneviewDropEvent } from '../react';
 export interface CommonApi {
     readonly height: number;
     readonly width: number;
@@ -28,6 +29,8 @@ export declare class SplitviewApi implements CommonApi {
     get width(): number;
     get length(): number;
     get onDidLayoutChange(): Event<void>;
+    get onDidAddView(): Event<IView>;
+    get onDidRemoveView(): Event<IView>;
     get orientation(): Orientation;
     constructor(component: ISplitviewComponent);
     updateOptions(options: SplitviewComponentUpdateOptions): void;
@@ -51,6 +54,9 @@ export declare class PaneviewApi implements CommonApi {
     get minimumSize(): number;
     get maximumSize(): number;
     get onDidLayoutChange(): Event<void>;
+    get onDidAddView(): Event<PaneviewPanel>;
+    get onDidRemoveView(): Event<PaneviewPanel>;
+    get onDidDrop(): Event<PaneviewDropEvent>;
     constructor(component: IPaneviewComponent);
     getPanels(): IPaneviewPanel[];
     removePanel(panel: IPaneviewPanel): void;

package/dist/esm/api/component.api.js

@@ -1,3 +1,4 @@
+import { Emitter } from '../events';
 export class SplitviewApi {
     constructor(component) {
         this.component = component;
@@ -20,6 +21,12 @@ export class SplitviewApi {
     get onDidLayoutChange() {
         return this.component.onDidLayoutChange;
     }
+    get onDidAddView() {
+        return this.component.onDidAddView;
+    }
+    get onDidRemoveView() {
+        return this.component.onDidRemoveView;
+    }
     get orientation() {
         return this.component.orientation;
     }
@@ -82,6 +89,23 @@ export class PaneviewApi {
     get onDidLayoutChange() {
         return this.component.onDidLayoutChange;
     }
+    get onDidAddView() {
+        return this.component.onDidAddView;
+    }
+    get onDidRemoveView() {
+        return this.component.onDidRemoveView;
+    }
+    get onDidDrop() {
+        const emitter = new Emitter();
+        const disposable = this.component.onDidDrop((e) => {
+            emitter.fire(Object.assign(Object.assign({}, e), { api: this }));
+        });
+        emitter.dispose = () => {
+            disposable.dispose();
+            emitter.dispose();
+        };
+        return emitter.event;
+    }
     getPanels() {
         return this.component.getPanels();
     }

package/dist/esm/dnd/droptarget.d.ts

@@ -1,9 +1,5 @@
 import { Event } from '../events';
 import { CompositeDisposable } from '../lifecycle';
-export interface DroptargetEvent {
-    position: Position;
-    event: DragEvent;
-}
 export declare enum Position {
     Top = "Top",
     Left = "Left",
@@ -13,7 +9,7 @@ export declare enum Position {
 }
 export interface DroptargetEvent {
     position: Position;
-    event: DragEvent;
+    nativeEvent: DragEvent;
 }
 export declare type DropTargetDirections = 'vertical' | 'horizontal' | 'all' | 'none';
 export declare type CanDisplayOverlay = boolean | ((dragEvent: DragEvent) => boolean);

package/dist/esm/dnd/droptarget.js

@@ -114,7 +114,7 @@ export class Droptarget extends CompositeDisposable {
                 const state = this._state;
                 this.removeDropTarget();
                 if (state) {
-                    this._onDrop.fire({ position: state, event: e });
+                    this._onDrop.fire({ position: state, nativeEvent: e });
                 }
             },
         }));

package/dist/esm/dockview/defaultGroupPanelView.js

@@ -29,7 +29,9 @@ export class DefaultGroupPanelView {
         this.tab.init(params);
     }
     updateParentGroup(group, isPanelVisible) {
-        // TODO
+        var _a;
+        this._content.updateParentGroup(group, isPanelVisible);
+        (_a = this._tab) === null || _a === void 0 ? void 0 : _a.updateParentGroup(group, isPanelVisible);
     }
     layout(width, height) {
         this.content.layout(width, height);

package/dist/esm/events.d.ts

@@ -21,3 +21,10 @@ export declare class Emitter<T> implements IDisposable {
 }
 export declare function addDisposableWindowListener<K extends keyof WindowEventMap>(element: Window, type: K, listener: (this: Window, ev: WindowEventMap[K]) => any, options?: boolean | AddEventListenerOptions): IDisposable;
 export declare function addDisposableListener<K extends keyof HTMLElementEventMap>(element: HTMLElement, type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): IDisposable;
+export declare class TickDelayedEvent implements IDisposable {
+    private timer;
+    private readonly _onFired;
+    readonly onEvent: Event<void>;
+    fire(): void;
+    dispose(): void;
+}

package/dist/esm/events.js

@@ -69,3 +69,21 @@ export function addDisposableListener(element, type, listener, options) {
         },
     };
 }
+export class TickDelayedEvent {
+    constructor() {
+        this._onFired = new Emitter();
+        this.onEvent = this._onFired.event;
+    }
+    fire() {
+        if (this.timer) {
+            clearTimeout(this.timer);
+        }
+        this.timer = setTimeout(() => {
+            this._onFired.fire();
+            clearTimeout(this.timer);
+        });
+    }
+    dispose() {
+        this._onFired.dispose();
+    }
+}

package/dist/esm/gridview/baseComponentGridview.js

@@ -1,4 +1,4 @@
-import { Emitter } from '../events';
+import { Emitter, TickDelayedEvent } from '../events';
 import { getGridLocation, Gridview } from './gridview';
 import { Position } from '../dnd/droptarget';
 import { CompositeDisposable } from '../lifecycle';
@@ -52,11 +52,8 @@ export class BaseGrid extends CompositeDisposable {
             this._onGridEvent.fire({ kind: GroupChangeKind.LAYOUT });
         }));
         this.addDisposables((() => {
-            /**
-             * TODO Fix this relatively ugly 'merge and delay'
-             */
-            let timer;
-            return this.onGridEvent((event) => {
+            const tickDelayedEvent = new TickDelayedEvent();
+            return new CompositeDisposable(this.onGridEvent((event) => {
                 if ([
                     GroupChangeKind.ADD_GROUP,
                     GroupChangeKind.REMOVE_GROUP,
@@ -66,15 +63,11 @@ export class BaseGrid extends CompositeDisposable {
                     GroupChangeKind.PANEL_ACTIVE,
                     GroupChangeKind.LAYOUT,
                 ].includes(event.kind)) {
-                    if (timer) {
-                        clearTimeout(timer);
-                    }
-                    timer = setTimeout(() => {
-                        this._onDidLayoutChange.fire();
-                        clearTimeout(timer);
-                    });
+                    tickDelayedEvent.fire();
                 }
-            });
+            }), tickDelayedEvent.onEvent(() => {
+                this._onDidLayoutChange.fire();
+            }), tickDelayedEvent);
         })());
     }
     get id() {

package/dist/esm/gridview/gridview.js

@@ -329,7 +329,6 @@ export class Gridview {
         }
         parent.removeChild(index, sizing);
         if (parent.children.length === 0) {
-            // throw new Error('Invalid grid state');
             return node.view;
         }
         if (parent.children.length > 1) {

package/dist/esm/gridview/gridviewComponent.d.ts

@@ -37,7 +37,7 @@ export interface IGridPanelComponentView extends IGridPanelView {
 export declare type GridviewComponentUpdateOptions = Pick<GridviewComponentOptions, 'orientation' | 'components' | 'frameworkComponents'>;
 export interface IGridviewComponent extends IBaseGrid<GridviewPanel> {
     readonly orientation: Orientation;
-    updateOptions(options: GridviewComponentUpdateOptions): void;
+    updateOptions(options: Partial<GridviewComponentUpdateOptions>): void;
     addPanel(options: AddComponentOptions): void;
     removePanel(panel: IGridviewPanel, sizing?: Sizing): void;
     toggleVisibility(panel: IGridviewPanel): void;
@@ -61,7 +61,7 @@ export declare class GridviewComponent extends BaseGrid<GridviewPanel> implement
     get deserializer(): IPanelDeserializer | undefined;
     set deserializer(value: IPanelDeserializer | undefined);
     constructor(element: HTMLElement, options: GridviewComponentOptions);
-    updateOptions(options: GridviewComponentUpdateOptions): void;
+    updateOptions(options: Partial<GridviewComponentUpdateOptions>): void;
     removePanel(panel: GridviewPanel): void;
     /**
      * Serialize the current state of the layout

package/dist/esm/groupview/groupview.js

@@ -72,9 +72,9 @@ export class Groupview extends CompositeDisposable {
         }), this.contentContainer.onDidFocus(() => {
             this.accessor.doSetGroupActive(this.parent, true);
         }), this.contentContainer.onDidBlur(() => {
-            // this._activePanel?.api._ondid
+            // noop
         }), this.dropTarget.onDrop((event) => {
-            this.handleDropEvent(event.event, event.position);
+            this.handleDropEvent(event.nativeEvent, event.position);
         }));
     }
     get element() {

package/dist/esm/groupview/titlebar/tabsContainer.js

@@ -42,7 +42,7 @@ export class TabsContainer extends CompositeDisposable {
         });
         this.addDisposables(this.voidDropTarget.onDrop((event) => {
             this._onDrop.fire({
-                event: event.event,
+                event: event.nativeEvent,
                 index: this.tabs.length,
             });
         }), this.voidDropTarget, addDisposableListener(this.tabContainer, 'mousedown', (event) => {
@@ -164,7 +164,7 @@ export class TabsContainer extends CompositeDisposable {
             }
         }), tabToAdd.onDrop((event) => {
             this._onDrop.fire({
-                event: event.event,
+                event: event.nativeEvent,
                 index: this.tabs.findIndex((x) => x.value === tabToAdd),
             });
         }));

package/dist/esm/index.d.ts

@@ -1,4 +1,3 @@
-import './footnote';
 export * from './events';
 export * from './lifecycle';
 export * from './dnd/dataTransfer';

package/dist/esm/index.js

@@ -1,4 +1,3 @@
-import './footnote';
 export * from './events';
 export * from './lifecycle';
 export * from './dnd/dataTransfer';