@fluentui/react-motion - npm Package Compare versions

Comparing version 9.6.5 to 9.6.6

CHANGELOG.md

 # Change Log - @fluentui/react-motion
 
-This log was last generated on Mon, 16 Dec 2024 16:22:08 GMT and should not be manually modified.
+This log was last generated on Wed, 08 Jan 2025 18:29:14 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.6.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-motion_v9.6.6)
+
+Wed, 08 Jan 2025 18:29:14 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-motion_v9.6.5..@fluentui/react-motion_v9.6.6)
+
+### Patches
+
+- fix: handle case when Animation.persist() does not exist ([PR #33282](https://github.com/microsoft/fluentui/pull/33282) by [e-mail])
+
 ## [9.6.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-motion_v9.6.5)
 
-Mon, 16 Dec 2024 16:22:08 GMT 
+Mon, 16 Dec 2024 16:26:49 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-motion_v9.6.4..@fluentui/react-motion_v9.6.5)
@@ -11,0 +20,0 @@

lib-commonjs/hooks/useAnimateAtoms.js

@@ -14,2 +14,5 @@ "use strict";
 function useAnimateAtomsInSupportedEnvironment() {
+    var _window_Animation;
+    // eslint-disable-next-line @nx/workspace-no-restricted-globals
+    const SUPPORTS_PERSIST = typeof window !== 'undefined' && typeof ((_window_Animation = window.Animation) === null || _window_Animation === void 0 ? void 0 : _window_Animation.prototype.persist) === 'function';
     return _react.useCallback((element, value, options)=>{
@@ -29,3 +32,9 @@ const atoms = Array.isArray(value) ? value : [
             });
-            animation.persist();
+            if (SUPPORTS_PERSIST) {
+                animation.persist();
+            } else {
+                const resultKeyframe = keyframes[keyframes.length - 1];
+                var _element_style;
+                Object.assign((_element_style = element.style) !== null && _element_style !== void 0 ? _element_style : {}, resultKeyframe);
+            }
             return animation;
@@ -76,3 +85,5 @@ });
         };
-    }, []);
+    }, [
+        SUPPORTS_PERSIST
+    ]);
 }
@@ -79,0 +90,0 @@ /**

lib/hooks/useAnimateAtoms.js

 import * as React from 'react';
 function useAnimateAtomsInSupportedEnvironment() {
+    var _window_Animation;
+    // eslint-disable-next-line @nx/workspace-no-restricted-globals
+    const SUPPORTS_PERSIST = typeof window !== 'undefined' && typeof ((_window_Animation = window.Animation) === null || _window_Animation === void 0 ? void 0 : _window_Animation.prototype.persist) === 'function';
     return React.useCallback((element, value, options)=>{
@@ -17,3 +20,9 @@ const atoms = Array.isArray(value) ? value : [
             });
-            animation.persist();
+            if (SUPPORTS_PERSIST) {
+                animation.persist();
+            } else {
+                const resultKeyframe = keyframes[keyframes.length - 1];
+                var _element_style;
+                Object.assign((_element_style = element.style) !== null && _element_style !== void 0 ? _element_style : {}, resultKeyframe);
+            }
             return animation;
@@ -64,3 +73,5 @@ });
         };
-    }, []);
+    }, [
+        SUPPORTS_PERSIST
+    ]);
 }
@@ -67,0 +78,0 @@ /**

package.json

 {
   "name": "@fluentui/react-motion",
-  "version": "9.6.5",
+  "version": "9.6.6",
   "description": "A package with utilities & motion definitions using Web Animations API",
@@ -5,0 +5,0 @@ "main": "lib-commonjs/index.js",

No alert changes

Improved metrics

Total package byte prevSize

216088

increased by1.61%

Lines of code

1898

increased by1.17%

No dependency changes