@homebound/beam 2.309.2 → 2.310.0

package/dist/Css.d.ts

@@ -3952,6 +3952,18 @@ declare class CssBuilder<T extends Properties> {
     get mw100(): CssBuilder<T & {
         minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
     }>;
+    /** Sets `minWidth: "fit-content"`. */
+    get mwfc(): CssBuilder<T & {
+        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
+    }>;
+    /** Sets `minWidth: "min-content"`. */
+    get mwminc(): CssBuilder<T & {
+        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
+    }>;
+    /** Sets `minWidth: "max-content"`. */
+    get mwmaxc(): CssBuilder<T & {
+        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
+    }>;
     /** Sets `minWidth: value`. */
     mw(value: Properties["minWidth"]): CssBuilder<T & {
         minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
@@ -3980,6 +3992,18 @@ declare class CssBuilder<T extends Properties> {
     get maxw100(): CssBuilder<T & {
         maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
     }>;
+    /** Sets `maxWidth: "fit-content"`. */
+    get maxwfc(): CssBuilder<T & {
+        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
+    }>;
+    /** Sets `maxWidth: "min-content"`. */
+    get maxwminc(): CssBuilder<T & {
+        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
+    }>;
+    /** Sets `maxWidth: "max-content"`. */
+    get maxwmaxc(): CssBuilder<T & {
+        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
+    }>;
     /** Sets `maxWidth: value`. */
     maxw(value: Properties["maxWidth"]): CssBuilder<T & {
         maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;

package/dist/Css.js

@@ -3521,6 +3521,18 @@ class CssBuilder {
     get mw100() {
         return this.add("minWidth", "100%");
     }
+    /** Sets `minWidth: "fit-content"`. */
+    get mwfc() {
+        return this.add("minWidth", "fit-content");
+    }
+    /** Sets `minWidth: "min-content"`. */
+    get mwminc() {
+        return this.add("minWidth", "min-content");
+    }
+    /** Sets `minWidth: "max-content"`. */
+    get mwmaxc() {
+        return this.add("minWidth", "max-content");
+    }
     /** Sets `minWidth: value`. */
     mw(value) {
         return this.add("minWidth", value);
@@ -3549,6 +3561,18 @@ class CssBuilder {
     get maxw100() {
         return this.add("maxWidth", "100%");
     }
+    /** Sets `maxWidth: "fit-content"`. */
+    get maxwfc() {
+        return this.add("maxWidth", "fit-content");
+    }
+    /** Sets `maxWidth: "min-content"`. */
+    get maxwminc() {
+        return this.add("maxWidth", "min-content");
+    }
+    /** Sets `maxWidth: "max-content"`. */
+    get maxwmaxc() {
+        return this.add("maxWidth", "max-content");
+    }
     /** Sets `maxWidth: value`. */
     maxw(value) {
         return this.add("maxWidth", value);

package/dist/hooks/useComputed.js

@@ -26,21 +26,23 @@ function useComputed(fn, deps) {
         // If deps has changed, we're already re-running, so don't trigger a 2nd one
         current.hasRan = false;
         current.runner = (0, mobx_1.autorun)(() => {
-            const { value: oldValue, hasRan: oldHasRun } = current;
+            const { value: oldValue, hasRan } = current;
             // Always eval fn() (even on 1st render) to register our observable.
             const newValue = fn(oldValue);
+            // If we've already run and the value hasn't changed, don't trigger a re-render
+            //
+            // Also, we avoid a deep equality, b/c if a `useComputed` is returning something complicated/cyclic,
+            // like ReactElement, deep equality will crawl into the guts of React/ReactFiber and cycle/infinite loop.
+            if (hasRan && (0, shallowEqual_1.shallowEqual)(newValue, oldValue))
+                return;
+            // Only change the identity of `current.value` after we've checked that it's not shallow equal
             current.value = newValue;
             current.hasRan = true;
             // Only trigger a re-render if this is not the 1st autorun. Note
             // that if deps has changed, we're inherently in a re-render so also
             // don't need to trigger an additional re-render.
-            //
-            // Also, we avoid a deep equality, b/c if a `useComputed` is returning something
-            // complicated/cyclic, like ReactElement, deep equality will crawl into the guts
-            // of React/ReactFiber and cycle/infinite loop.
-            if (oldHasRun && !(0, shallowEqual_1.shallowEqual)(newValue, oldValue)) {
+            if (hasRan)
                 setTick((tick) => tick + 1);
-            }
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.309.2",
+  "version": "2.310.0",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",
@@ -77,7 +77,7 @@
     "@homebound/eslint-config": "1.6.1",
     "@homebound/rtl-react-router-utils": "1.0.3",
     "@homebound/rtl-utils": "^2.63.1",
-    "@homebound/truss": "^1.129.0",
+    "@homebound/truss": "^1.131.0",
     "@homebound/tsconfig": "^1.0.3",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",