dockview 1.4.1 → 1.4.2

package/dist/dockview.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.4.1
+ * @version 1.4.2
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -2391,13 +2391,13 @@
         get onDidLayoutChange() {
             return this.component.onDidLayoutChange;
         }
-        get onDidAddGroup() {
+        get onDidAddPanel() {
             return this.component.onDidAddGroup;
         }
-        get onDidRemoveGroup() {
+        get onDidRemovePanel() {
             return this.component.onDidRemoveGroup;
         }
-        get onDidActiveGroupChange() {
+        get onDidActivePanelChange() {
             return this.component.onDidActiveGroupChange;
         }
         get onDidLayoutFromJSON() {
@@ -2680,6 +2680,7 @@
             this._element.className = 'tab';
             this._element.tabIndex = 0;
             this._element.draggable = true;
+            toggleClass(this.element, 'inactive-tab', true);
             this.addDisposables(new (class Handler extends DragHandler {
                 constructor() {
                     super(...arguments);
@@ -2756,7 +2757,6 @@
             this.group = group;
             this.tabs = [];
             this.selectedIndex = -1;
-            this.active = false;
             this._hidden = false;
             this._onDrop = new Emitter();
             this.onDrop = this._onDrop.event;
@@ -2860,8 +2860,8 @@
         indexOf(id) {
             return this.tabs.findIndex((tab) => tab.value.panelId === id);
         }
-        setActive(isGroupActive) {
-            this.active = isGroupActive;
+        setActive(_isGroupActive) {
+            // noop
         }
         addTab(tab, index = this.tabs.length) {
             if (index < 0 || index > this.tabs.length) {
@@ -2922,7 +2922,6 @@
             }));
             const value = { value: tabToAdd, disposable };
             this.addTab(value, index);
-            this.activePanel = panel;
         }
         closePanel(panel) {
             this.delete(panel.id);
@@ -3146,7 +3145,7 @@
                 this.accessor.doSetGroupActive(this.parent);
                 return;
             }
-            this.doAddPanel(panel, options.index);
+            this.doAddPanel(panel, options.index, skipSetActive);
             if (!skipSetActive) {
                 this.doSetActivePanel(panel);
                 this.accessor.doSetGroupActive(this.parent, !!options.skipFocus);
@@ -3252,11 +3251,13 @@
                 panel,
             });
         }
-        doAddPanel(panel, index = this.panels.length) {
+        doAddPanel(panel, index = this.panels.length, skipSetActive = false) {
             const existingPanel = this._panels.indexOf(panel);
             const hasExistingPanel = existingPanel > -1;
             this.tabsContainer.openPanel(panel, index);
-            this.contentContainer.openPanel(panel);
+            if (!skipSetActive) {
+                this.contentContainer.openPanel(panel);
+            }
             this.tabsContainer.show();
             this.contentContainer.show();
             if (hasExistingPanel) {

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

@@ -77,9 +77,9 @@ export declare class GridviewApi implements CommonApi<SerializedGridview> {
     get width(): number;
     get height(): number;
     get onDidLayoutChange(): Event<void>;
-    get onDidAddGroup(): Event<IGridviewPanel>;
-    get onDidRemoveGroup(): Event<IGridviewPanel>;
-    get onDidActiveGroupChange(): Event<IGridviewPanel | undefined>;
+    get onDidAddPanel(): Event<IGridviewPanel>;
+    get onDidRemovePanel(): Event<IGridviewPanel>;
+    get onDidActivePanelChange(): Event<IGridviewPanel | undefined>;
     get onDidLayoutFromJSON(): Event<void>;
     get panels(): IGridviewPanel[];
     get orientation(): Orientation;

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

@@ -156,13 +156,13 @@ export class GridviewApi {
     get onDidLayoutChange() {
         return this.component.onDidLayoutChange;
     }
-    get onDidAddGroup() {
+    get onDidAddPanel() {
         return this.component.onDidAddGroup;
     }
-    get onDidRemoveGroup() {
+    get onDidRemovePanel() {
         return this.component.onDidRemoveGroup;
     }
-    get onDidActiveGroupChange() {
+    get onDidActivePanelChange() {
         return this.component.onDidActiveGroupChange;
     }
     get onDidLayoutFromJSON() {

package/dist/esm/groupview/groupview.js

@@ -217,7 +217,7 @@ export class Groupview extends CompositeDisposable {
             this.accessor.doSetGroupActive(this.parent);
             return;
         }
-        this.doAddPanel(panel, options.index);
+        this.doAddPanel(panel, options.index, skipSetActive);
         if (!skipSetActive) {
             this.doSetActivePanel(panel);
             this.accessor.doSetGroupActive(this.parent, !!options.skipFocus);
@@ -323,11 +323,13 @@ export class Groupview extends CompositeDisposable {
             panel,
         });
     }
-    doAddPanel(panel, index = this.panels.length) {
+    doAddPanel(panel, index = this.panels.length, skipSetActive = false) {
         const existingPanel = this._panels.indexOf(panel);
         const hasExistingPanel = existingPanel > -1;
         this.tabsContainer.openPanel(panel, index);
-        this.contentContainer.openPanel(panel);
+        if (!skipSetActive) {
+            this.contentContainer.openPanel(panel);
+        }
         this.tabsContainer.show();
         this.contentContainer.show();
         if (hasExistingPanel) {

package/dist/esm/groupview/tab.js

@@ -24,6 +24,7 @@ export class Tab extends CompositeDisposable {
         this._element.className = 'tab';
         this._element.tabIndex = 0;
         this._element.draggable = true;
+        toggleClass(this.element, 'inactive-tab', true);
         this.addDisposables(new (class Handler extends DragHandler {
             constructor() {
                 super(...arguments);

package/dist/esm/groupview/titlebar/tabsContainer.d.ts

@@ -37,8 +37,6 @@ export declare class TabsContainer extends CompositeDisposable implements ITabsC
     private readonly voidDropTarget;
     private tabs;
     private selectedIndex;
-    private active;
-    private activePanel;
     private actions;
     private _height;
     private _hidden;
@@ -60,7 +58,7 @@ export declare class TabsContainer extends CompositeDisposable implements ITabsC
     constructor(accessor: IDockviewComponent, group: GroupPanel, options: {
         tabHeight?: number;
     });
-    setActive(isGroupActive: boolean): void;
+    setActive(_isGroupActive: boolean): void;
     private addTab;
     delete(id: string): void;
     setActivePanel(panel: IDockviewPanel): void;

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

@@ -12,7 +12,6 @@ export class TabsContainer extends CompositeDisposable {
         this.group = group;
         this.tabs = [];
         this.selectedIndex = -1;
-        this.active = false;
         this._hidden = false;
         this._onDrop = new Emitter();
         this.onDrop = this._onDrop.event;
@@ -116,8 +115,8 @@ export class TabsContainer extends CompositeDisposable {
     indexOf(id) {
         return this.tabs.findIndex((tab) => tab.value.panelId === id);
     }
-    setActive(isGroupActive) {
-        this.active = isGroupActive;
+    setActive(_isGroupActive) {
+        // noop
     }
     addTab(tab, index = this.tabs.length) {
         if (index < 0 || index > this.tabs.length) {
@@ -178,7 +177,6 @@ export class TabsContainer extends CompositeDisposable {
         }));
         const value = { value: tabToAdd, disposable };
         this.addTab(value, index);
-        this.activePanel = panel;
     }
     closePanel(panel) {
         this.delete(panel.id);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dockview",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "description": "Zero dependency layout manager supporting tabs, grids and splitviews with ReactJS support",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -74,5 +74,5 @@
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
-  "gitHead": "ba2976dd74eeb664dea846690c89ccf8961cdd75"
+  "gitHead": "5fba8814a8a510ca1bdc26d9744bf3cf4e29cf41"
 }