dockview 1.4.1 → 1.4.2

package/dist/dockview.amd.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.4.1
+ * @version 1.4.2
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -2387,13 +2387,13 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
         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() {
@@ -2676,6 +2676,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             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);
@@ -2752,7 +2753,6 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             this.group = group;
             this.tabs = [];
             this.selectedIndex = -1;
-            this.active = false;
             this._hidden = false;
             this._onDrop = new Emitter();
             this.onDrop = this._onDrop.event;
@@ -2856,8 +2856,8 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
         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) {
@@ -2918,7 +2918,6 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             }));
             const value = { value: tabToAdd, disposable };
             this.addTab(value, index);
-            this.activePanel = panel;
         }
         closePanel(panel) {
             this.delete(panel.id);
@@ -3142,7 +3141,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                 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);
@@ -3248,11 +3247,13 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                 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/dockview.cjs.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.4.1
+ * @version 1.4.2
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -2422,13 +2422,13 @@ 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() {
@@ -2711,6 +2711,7 @@ 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);
@@ -2787,7 +2788,6 @@ 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;
@@ -2891,8 +2891,8 @@ 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) {
@@ -2953,7 +2953,6 @@ class TabsContainer extends CompositeDisposable {
         }));
         const value = { value: tabToAdd, disposable };
         this.addTab(value, index);
-        this.activePanel = panel;
     }
     closePanel(panel) {
         this.delete(panel.id);
@@ -3177,7 +3176,7 @@ 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);
@@ -3283,11 +3282,13 @@ 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/dockview.esm.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.4.1
+ * @version 1.4.2
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -2397,13 +2397,13 @@ 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() {
@@ -2686,6 +2686,7 @@ 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);
@@ -2762,7 +2763,6 @@ 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;
@@ -2866,8 +2866,8 @@ 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) {
@@ -2928,7 +2928,6 @@ class TabsContainer extends CompositeDisposable {
         }));
         const value = { value: tabToAdd, disposable };
         this.addTab(value, index);
-        this.activePanel = panel;
     }
     closePanel(panel) {
         this.delete(panel.id);
@@ -3152,7 +3151,7 @@ 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);
@@ -3258,11 +3257,13 @@ 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) {