dockview-react 1.14.0 → 1.14.2

package/dist/dockview-react.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview-react
- * @version 1.14.0
+ * @version 1.14.2
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -274,7 +274,7 @@
         }
     }
 
-    var Disposable;
+    exports.DockviewDisposable = void 0;
     (function (Disposable) {
         Disposable.NONE = {
             dispose: () => {
@@ -289,7 +289,7 @@
             };
         }
         Disposable.from = from;
-    })(Disposable || (Disposable = {}));
+    })(exports.DockviewDisposable || (exports.DockviewDisposable = {}));
     class CompositeDisposable {
         get isDisposed() {
             return this._isDisposed;
@@ -312,7 +312,7 @@
     }
     class MutableDisposable {
         constructor() {
-            this._disposable = Disposable.NONE;
+            this._disposable = exports.DockviewDisposable.NONE;
         }
         set value(disposable) {
             if (this._disposable) {
@@ -323,7 +323,7 @@
         dispose() {
             if (this._disposable) {
                 this._disposable.dispose();
-                this._disposable = Disposable.NONE;
+                this._disposable = exports.DockviewDisposable.NONE;
             }
         }
     }
@@ -1750,7 +1750,7 @@
             this.orientation = orientation;
             this.proportionalLayout = proportionalLayout;
             this.styles = styles;
-            this._childrenDisposable = Disposable.NONE;
+            this._childrenDisposable = exports.DockviewDisposable.NONE;
             this.children = [];
             this._onDidChange = new Emitter();
             this.onDidChange = this._onDidChange.event;
@@ -1898,7 +1898,7 @@
                         this.setChildVisible(i, visible);
                     });
                 }
-                return Disposable.NONE;
+                return exports.DockviewDisposable.NONE;
             }));
         }
         dispose() {
@@ -2599,7 +2599,7 @@
             this.gridview.locked = !!options.locked;
             this.element.appendChild(this.gridview.element);
             this.layout(0, 0, true); // set some elements height/widths
-            this.addDisposables(Disposable.from(() => {
+            this.addDisposables(exports.DockviewDisposable.from(() => {
                 var _a;
                 (_a = this.element.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(this.element);
             }), this.gridview.onDidChange(() => {
@@ -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 : '';
             }
         }
     }
@@ -6707,7 +6695,7 @@
             this.element = element;
             this.map = {};
             this._disposed = false;
-            this.addDisposables(Disposable.from(() => {
+            this.addDisposables(exports.DockviewDisposable.from(() => {
                 for (const value of Object.values(this.map)) {
                     value.disposable.dispose();
                     value.destroy.dispose();
@@ -6732,8 +6720,8 @@
                 element.className = 'dv-render-overlay';
                 this.map[panel.api.id] = {
                     panel,
-                    disposable: Disposable.NONE,
-                    destroy: Disposable.NONE,
+                    disposable: exports.DockviewDisposable.NONE,
+                    destroy: exports.DockviewDisposable.NONE,
                     element,
                 };
             }
@@ -6797,7 +6785,7 @@
                 }
                 resize();
             }));
-            this.map[panel.api.id].destroy = Disposable.from(() => {
+            this.map[panel.api.id].destroy = exports.DockviewDisposable.from(() => {
                 var _a;
                 if (panel.view.content.element.parentElement === focusContainer) {
                     focusContainer.removeChild(panel.view.content.element);
@@ -7094,7 +7082,7 @@
                 this.updateWatermark();
             }), exports.DockviewEvent.any(this.onDidAddPanel, this.onDidRemovePanel, this.onDidActivePanelChange)(() => {
                 this._bufferOnDidLayoutChange.fire();
-            }), Disposable.from(() => {
+            }), exports.DockviewDisposable.from(() => {
                 // iterate over a copy of the array since .dispose() mutates the original array
                 for (const group of [...this._floatingGroups]) {
                     group.dispose();
@@ -7310,7 +7298,7 @@
                  */
                 addDisposableWindowListener(_window.window, 'resize', () => {
                     group.layout(window.innerWidth, window.innerHeight);
-                }), overlayRenderContainer, Disposable.from(() => {
+                }), overlayRenderContainer, exports.DockviewDisposable.from(() => {
                     if (this.getPanel(referenceGroup.id)) {
                         this.movingLock(() => moveGroupWithoutDestroying({
                             from: group,
@@ -9415,15 +9403,13 @@
         const addPortal = React.useCallback((portal) => {
             setPortals((existingPortals) => [...existingPortals, portal]);
             let disposed = false;
-            return {
-                dispose: () => {
-                    if (disposed) {
-                        throw new Error('invalid operation: resource already disposed');
-                    }
-                    disposed = true;
-                    setPortals((existingPortals) => existingPortals.filter((p) => p !== portal));
-                },
-            };
+            return exports.DockviewDisposable.from(() => {
+                if (disposed) {
+                    throw new Error('invalid operation: resource already disposed');
+                }
+                disposed = true;
+                setPortals((existingPortals) => existingPortals.filter((p) => p !== portal));
+            });
         }, []);
         return [portals, addPortal];
     };
@@ -9838,8 +9824,21 @@
             }
         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) {
@@ -9862,7 +9861,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)))));
     };