dockview 1.14.1 → 1.14.2

package/dist/dockview.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.14.1
+ * @version 1.14.2
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -6181,52 +6181,40 @@
         }
         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 : '';
             }
         }
     }
@@ -9859,8 +9847,21 @@
     const CloseButton = () => (React.createElement("svg", { height: "11", width: "11", viewBox: "0 0 28 28", "aria-hidden": 'false', focusable: false, className: "dockview-svg" },
         React.createElement("path", { d: "M2.1 27.3L0 25.2L11.55 13.65L0 2.1L2.1 0L13.65 11.55L25.2 0L27.3 2.1L15.75 13.65L27.3 25.2L25.2 27.3L13.65 15.75L2.1 27.3Z" })));
 
+    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) {
@@ -9883,7 +9884,7 @@
             }
         }, [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)))));
     };