@aptre/flex-layout 0.1.2 → 0.1.4

package/dist/index.mjs

@@ -48,11 +48,7 @@ var Rect = class _Rect {
     return new _Rect(this.x, this.y, this.width, this.height);
   }
   equals(rect) {
-    if (this.x === rect.x && this.y === rect.y && this.width === rect.width && this.height === rect.height) {
-      return true;
-    } else {
-      return false;
-    }
+    return this.x === rect?.x && this.y === rect?.y && this.width === rect?.width && this.height === rect?.height;
   }
   getBottom() {
     return this.y + this.height;
@@ -3157,15 +3153,17 @@ var BorderButton = (props) => {
   });
   const updateRect = () => {
     const layoutRect = layout.getDomRect();
-    const r = selfRef.current.getBoundingClientRect();
-    node._setTabRect(
-      new Rect(
-        r.left - layoutRect.left,
-        r.top - layoutRect.top,
-        r.width,
-        r.height
-      )
-    );
+    const r = selfRef.current?.getBoundingClientRect();
+    if (r) {
+      node._setTabRect(
+        new Rect(
+          r.left - layoutRect.left,
+          r.top - layoutRect.top,
+          r.width,
+          r.height
+        )
+      );
+    }
   };
   const onTextBoxMouseDown = (event) => {
     event.stopPropagation();
@@ -3403,13 +3401,16 @@ var useTabOverflow = (node, orientation, toolbarRef, stickyButtonsRef) => {
   React5.useLayoutEffect(() => {
     updateVisibleTabs();
   });
+  const instance = selfRef.current;
   React5.useEffect(() => {
-    const instance = selfRef.current;
+    if (!instance) {
+      return;
+    }
     instance.addEventListener("wheel", onWheel, { passive: false });
     return () => {
       instance.removeEventListener("wheel", onWheel);
     };
-  }, []);
+  }, [instance]);
   const onWheel = (event) => {
     event.preventDefault();
   };
@@ -4114,15 +4115,17 @@ var TabButton = (props) => {
   });
   const updateRect = () => {
     const layoutRect = layout.getDomRect();
-    const r = selfRef.current.getBoundingClientRect();
-    node._setTabRect(
-      new Rect(
-        r.left - layoutRect.left,
-        r.top - layoutRect.top,
-        r.width,
-        r.height
-      )
-    );
+    const r = selfRef.current?.getBoundingClientRect();
+    if (r) {
+      node._setTabRect(
+        new Rect(
+          r.left - layoutRect.left,
+          r.top - layoutRect.top,
+          r.width,
+          r.height
+        )
+      );
+    }
   };
   const onTextBoxMouseDown = (event) => {
     event.stopPropagation();
@@ -5842,7 +5845,7 @@ var Layout = class extends React16.Component {
   /** @internal */
   _getScreenRect(node) {
     const rect = node.getRect().clone();
-    const bodyRect = this.selfRef.current.getBoundingClientRect();
+    const bodyRect = this.selfRef.current?.getBoundingClientRect();
     if (!bodyRect) {
       return null;
     }

package/package.json

@@ -2,7 +2,7 @@
     "name": "@aptre/flex-layout",
     "author": "Caplin Systems Ltd",
     "description": "A multi-tab docking layout manager",
-    "version": "0.1.2",
+    "version": "0.1.4",
     "license": "ISC",
     "repository": {
         "type": "git",
@@ -49,7 +49,7 @@
         "build:doc": "typedoc --out typedoc --exclude \"**/examples/**/*.tsx\" --excludeInternal --disableSources --excludePrivate --excludeProtected --readme none ./src",
         "build:style": "sass style/underline.scss style/underline.css && sass style/gray.scss style/gray.css && sass style/light.scss style/light.css && sass style/dark.scss style/dark.css",
         "test": "tsc --project tsconfig.json --noEmit",
-        "format": "prettier --write './{src,style,declarations}/**/(*.ts|*.tsx|*.html|*.css|*.scss)' package.json",
+        "format": "prettier --write './style/*.scss' './{src,declarations}/**/(*.ts|*.tsx|*.html)' package.json",
         "lint": "eslint src/*"
     },
     "peerDependencies": {

package/typedoc/classes/Rect.html

@@ -125,7 +125,7 @@
 <h4 class="tsd-parameters-title">Parameters</h4>
 <ul class="tsd-parameter-list">
 <li>
-<h5><span class="tsd-kind-parameter">rect</span>: <a href="Rect.html" class="tsd-signature-type tsd-kind-class">Rect</a></h5></li></ul></div>
+<h5><span class="tsd-kind-parameter">rect</span>: <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="Rect.html" class="tsd-signature-type tsd-kind-class">Rect</a></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section>
 <section class="tsd-panel tsd-member"><a id="getBottom" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><span>get<wbr/>Bottom</span><a href="#getBottom" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>