@react-md/transition - npm Package Compare versions

Comparing version 4.0.3 to 5.0.0

CHANGELOG.md

@@ -6,2 +6,15 @@ # Change Log
 
+# [5.0.0](https://github.com/mlaursen/react-md/compare/v4.0.3...v5.0.0) (2022-01-31)
+
+
+### Bug Fixes
+
+* **@react-md/transition:** Do not create styles for hidden elements ([6eff8a8](https://github.com/mlaursen/react-md/commit/6eff8a8d6b3845f0a987d448458fa92d78b4d77e))
+* **@react-md/utils:** Positioning logic for inner-left/inner-right and vertical anchors ([a38abfb](https://github.com/mlaursen/react-md/commit/a38abfb08b1f5569179ccb83fb6fa1ba7054a0d7))
+
+
+
+
+
+
 ## [4.0.3](https://github.com/mlaursen/react-md/compare/v4.0.2...v4.0.3) (2021-12-31)
@@ -8,0 +21,0 @@

es/useFixedPositioning.js

@@ -116,3 +116,3 @@ var __assign = (this && this.__assign) || function () {
         setStyle(style);
-        setActive(!!element);
+        setActive(!!element && !element.hidden);
         // Only changing the initialX and initialY should cause the useEffect below
@@ -144,4 +144,6 @@ // to trigger, which is why everything else is set in a ref.
     useEffect(function () {
-        updateStyle();
-    }, [updateStyle]);
+        if (!ref.current || !ref.current.hidden) {
+            updateStyle();
+        }
+    }, [ref, updateStyle]);
     var callbacks = {
@@ -148,0 +150,0 @@ onEnter: function (appearing) {

lib/useFixedPositioning.js

@@ -119,3 +119,3 @@ "use strict";
         setStyle(style);
-        setActive(!!element);
+        setActive(!!element && !element.hidden);
         // Only changing the initialX and initialY should cause the useEffect below
@@ -147,4 +147,6 @@ // to trigger, which is why everything else is set in a ref.
     (0, react_1.useEffect)(function () {
-        updateStyle();
-    }, [updateStyle]);
+        if (!ref.current || !ref.current.hidden) {
+            updateStyle();
+        }
+    }, [ref, updateStyle]);
     var callbacks = {
@@ -151,0 +153,0 @@ onEnter: function (appearing) {

package.json

 {
   "name": "@react-md/transition",
-  "version": "4.0.3",
+  "version": "5.0.0",
   "description": "A package for working with react-md to use some simple transitions.",
@@ -32,5 +32,5 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@react-md/portal": "^4.0.3",
-    "@react-md/theme": "^4.0.3",
-    "@react-md/utils": "^4.0.3",
+    "@react-md/portal": "^5.0.0",
+    "@react-md/theme": "^5.0.0",
+    "@react-md/utils": "^5.0.0",
     "classnames": "^2.3.1"
@@ -57,3 +57,3 @@ },
   },
-  "gitHead": "39edcb237de86528426b8011396f677b01b6a929"
+  "gitHead": "a67e871627db20ca8ee4b672f6e99f2f7f438c96"
 }

src/useFixedPositioning.ts

@@ -245,3 +245,3 @@ import {
     setStyle(style);
-    setActive(!!element);
+    setActive(!!element && !element.hidden);
 
@@ -278,4 +278,6 @@ // Only changing the initialX and initialY should cause the useEffect below
   useEffect(() => {
-    updateStyle();
-  }, [updateStyle]);
+    if (!ref.current || !ref.current.hidden) {
+      updateStyle();
+    }
+  }, [ref, updateStyle]);
 
@@ -282,0 +284,0 @@ const callbacks: Required<FixedPositioningTransitionCallbacks> = {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

379947

increased by0.25%

Lines of code

8917

increased by0.07%

Dependency changes

• + Added@react-md/portal@5.1.0(transitive)

• + Added@react-md/theme@5.1.6(transitive)

• + Added@react-md/utils@5.1.6(transitive)

• - Removed@react-md/portal@4.0.3(transitive)

• - Removed@react-md/theme@4.0.3(transitive)

• - Removed@react-md/utils@4.0.3(transitive)

• Updated@react-md/portal@^5.0.0

• Updated@react-md/theme@^5.0.0

• Updated@react-md/utils@^5.0.0