dockview-react 1.14.1 → 1.14.2

package/dist/dockview-react.cjs.js

@@ -1,6 +1,6 @@
 /**
  * dockview-react
- * @version 1.14.1
+ * @version 1.14.2
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -6210,52 +6210,40 @@ class DefaultTab extends CompositeDisposable {
     }
     constructor() {
         super();
-        //
-        this.params = {};
         this._element = document.createElement('div');
         this._element.className = 'dv-default-tab';
-        //
         this._content = document.createElement('div');
         this._content.className = 'dv-default-tab-content';
         this.action = document.createElement('div');
         this.action.className = 'dv-default-tab-action';
         this.action.appendChild(createCloseButton());
-        //
         this._element.appendChild(this._content);
         this._element.appendChild(this.action);
-        //
         this.addDisposables(addDisposableListener(this.action, 'mousedown', (ev) => {
             ev.preventDefault();
         }));
         this.render();
     }
-    update(event) {
-        this.params = Object.assign(Object.assign({}, this.params), event.params);
-        this.render();
-    }
-    focus() {
-        //noop
-    }
     init(params) {
-        this.params = params;
-        this._content.textContent = params.title;
-        addDisposableListener(this.action, 'click', (ev) => {
-            ev.preventDefault(); //
-            this.params.api.close();
-        });
-    }
-    onGroupChange(_group) {
-        this.render();
-    }
-    onPanelVisibleChange(_isPanelVisible) {
+        this._title = params.title;
+        this.addDisposables(params.api.onDidTitleChange((event) => {
+            this._title = event.title;
+            this.render();
+        }), addDisposableListener(this.action, 'mousedown', (ev) => {
+            ev.preventDefault();
+        }), addDisposableListener(this.action, 'click', (ev) => {
+            if (ev.defaultPrevented) {
+                return;
+            }
+            ev.preventDefault();
+            params.api.close();
+        }));
         this.render();
     }
-    layout(_width, _height) {
-        // noop
-    }
     render() {
-        if (this._content.textContent !== this.params.title) {
-            this._content.textContent = this.params.title;
+        var _a;
+        if (this._content.textContent !== this._title) {
+            this._content.textContent = (_a = this._title) !== null && _a !== void 0 ? _a : '';
         }
     }
 }
@@ -9865,8 +9853,21 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
         }
     return t;
 };
+function useTitle(api) {
+    const [title, setTitle] = React.useState(api.title);
+    React.useEffect(() => {
+        const disposable = api.onDidTitleChange((event) => {
+            setTitle(event.title);
+        });
+        return () => {
+            disposable.dispose();
+        };
+    }, [api]);
+    return title;
+}
 const DockviewDefaultTab = (_a) => {
     var { api, containerApi: _containerApi, params: _params, hideClose, closeActionOverride } = _a, rest = __rest(_a, ["api", "containerApi", "params", "hideClose", "closeActionOverride"]);
+    const title = useTitle(api);
     const onClose = React.useCallback((event) => {
         event.preventDefault();
         if (closeActionOverride) {
@@ -9889,7 +9890,7 @@ const DockviewDefaultTab = (_a) => {
         }
     }, [api, rest.onClick]);
     return (React.createElement("div", Object.assign({ "data-testid": "dockview-dv-default-tab" }, rest, { onClick: onClick, className: "dv-default-tab" }),
-        React.createElement("span", { className: "dv-default-tab-content" }, api.title),
+        React.createElement("span", { className: "dv-default-tab-content" }, title),
         !hideClose && (React.createElement("div", { className: "dv-default-tab-action", onMouseDown: onMouseDown, onClick: onClose },
             React.createElement(CloseButton, null)))));
 };