dockview 1.14.1 → 1.14.2

package/dist/cjs/dockview/defaultTab.js

@@ -21,6 +21,22 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -28,8 +44,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DockviewDefaultTab = void 0;
 var react_1 = __importDefault(require("react"));
 var svg_1 = require("../svg");
+function useTitle(api) {
+    var _a = __read(react_1.default.useState(api.title), 2), title = _a[0], setTitle = _a[1];
+    react_1.default.useEffect(function () {
+        var disposable = api.onDidTitleChange(function (event) {
+            setTitle(event.title);
+        });
+        return function () {
+            disposable.dispose();
+        };
+    }, [api]);
+    return title;
+}
 var DockviewDefaultTab = function (_a) {
     var api = _a.api, _containerApi = _a.containerApi, _params = _a.params, hideClose = _a.hideClose, closeActionOverride = _a.closeActionOverride, rest = __rest(_a, ["api", "containerApi", "params", "hideClose", "closeActionOverride"]);
+    var title = useTitle(api);
     var onClose = react_1.default.useCallback(function (event) {
         event.preventDefault();
         if (closeActionOverride) {
@@ -52,7 +81,7 @@ var DockviewDefaultTab = function (_a) {
         }
     }, [api, rest.onClick]);
     return (react_1.default.createElement("div", __assign({ "data-testid": "dockview-dv-default-tab" }, rest, { onClick: onClick, className: "dv-default-tab" }),
-        react_1.default.createElement("span", { className: "dv-default-tab-content" }, api.title),
+        react_1.default.createElement("span", { className: "dv-default-tab-content" }, title),
         !hideClose && (react_1.default.createElement("div", { className: "dv-default-tab-action", onMouseDown: onMouseDown, onClick: onClose },
             react_1.default.createElement(svg_1.CloseButton, null)))));
 };

package/dist/dockview.amd.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.14.1
+ * @version 1.14.2
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -6207,52 +6207,40 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
       }
       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 : '';
           }
       }
   }
@@ -9885,8 +9873,21 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
   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) {
@@ -9909,7 +9910,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
           }
       }, [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)))));
   };