@ornikar/kitt-universal 31.3.2-canary.d9333a410786c9c1a722ce408a27e7980c9146a4.0 → 31.4.1-canary.2fdbcaad37b7e76ba2442f7c56a4939349d51eb1.0

package/dist/index.es.js

@@ -858,15 +858,15 @@ var card = {
   }
 };
 
-var webAnimationContentDuration$2 = 400;
-var webAnimationContentEasing$2 = {
+var webAnimationContentDuration$1 = 400;
+var webAnimationContentEasing$1 = {
   x1: 0.77,
   y1: 0,
   x2: 0.175,
   y2: 1
 };
-var webAnimationOverlayDuration$2 = 250;
-var webAnimationOverlayEasing$2 = {
+var webAnimationOverlayDuration$1 = 250;
+var webAnimationOverlayEasing$1 = {
   x1: 0.42,
   y1: 0,
   x2: 1,
@@ -901,12 +901,12 @@ var cardModal = {
   },
   animation: {
     overlay: {
-      duration: webAnimationOverlayDuration$2,
-      easing: webAnimationOverlayEasing$2
+      duration: webAnimationOverlayDuration$1,
+      easing: webAnimationOverlayEasing$1
     },
     content: {
-      duration: webAnimationContentDuration$2,
-      easing: webAnimationContentEasing$2
+      duration: webAnimationContentDuration$1,
+      easing: webAnimationContentEasing$1
     }
   }
 };
@@ -962,15 +962,15 @@ var choices = {
   }
 };
 
-var webAnimationContentDuration$1 = 400;
-var webAnimationContentEasing$1 = {
+var webAnimationContentDuration = 400;
+var webAnimationContentEasing = {
   x1: 0.77,
   y1: 0,
   x2: 0.175,
   y2: 1
 };
-var webAnimationOverlayDuration$1 = 250;
-var webAnimationOverlayEasing$1 = {
+var webAnimationOverlayDuration = 250;
+var webAnimationOverlayEasing = {
   x1: 0.42,
   y1: 0,
   x2: 1,
@@ -992,12 +992,12 @@ var dialogModal = {
   },
   animation: {
     overlay: {
-      duration: webAnimationOverlayDuration$1,
-      easing: webAnimationOverlayEasing$1
+      duration: webAnimationOverlayDuration,
+      easing: webAnimationOverlayEasing
     },
     content: {
-      duration: webAnimationContentDuration$1,
-      easing: webAnimationContentEasing$1
+      duration: webAnimationContentDuration,
+      easing: webAnimationContentEasing
     }
   }
 };
@@ -1906,20 +1906,6 @@ var forms = {
   timePicker: timePicker
 };
 
-var webAnimationContentDuration = 600;
-var webAnimationContentEasing = {
-  x1: 0.77,
-  y1: 0,
-  x2: 0.175,
-  y2: 1
-};
-var webAnimationOverlayDuration = 250;
-var webAnimationOverlayEasing = {
-  x1: 0.42,
-  y1: 0,
-  x2: 1,
-  y2: 1
-};
 var fullscreenModal = {
   header: {
     height: 56
@@ -1933,12 +1919,22 @@ var fullscreenModal = {
   },
   animation: {
     overlay: {
-      duration: webAnimationOverlayDuration,
-      easing: webAnimationOverlayEasing
+      duration: 250,
+      easing: {
+        x1: 0.42,
+        y1: 0,
+        x2: 1,
+        y2: 1
+      }
     },
     content: {
-      duration: webAnimationContentDuration,
-      easing: webAnimationContentEasing
+      duration: 600,
+      easing: {
+        x1: 0.77,
+        y1: 0,
+        x2: 0.175,
+        y2: 1
+      }
     }
   }
 };
@@ -4407,7 +4403,7 @@ var CardModalRotationContainer = /*#__PURE__*/forwardRef(function (props, ref) {
   }));
 });
 
-function NativeOpacityAnimation$2(_ref) {
+function OpacityAnimation(_ref) {
   var visible = _ref.visible,
     children = _ref.children,
     onExited = _ref.onExited;
@@ -4445,7 +4441,7 @@ function NativeOpacityAnimation$2(_ref) {
   });
 }
 
-function NativeRotationAnimation$1(_ref) {
+function RotationAnimation(_ref) {
   var visible = _ref.visible,
     children = _ref.children,
     onEntered = _ref.onEntered,
@@ -4543,14 +4539,14 @@ function CardModalAnimation(_ref) {
       flexGrow: 1,
       justifyContent: "center",
       alignItems: "center",
-      children: [/*#__PURE__*/jsx(NativeOpacityAnimation$2, {
+      children: [/*#__PURE__*/jsx(OpacityAnimation, {
         visible: isContentVisible,
         onExited: handleAnimationExited,
         children: /*#__PURE__*/jsx(Overlay, {
           onPress: onClose
         })
       }), /*#__PURE__*/jsx(CardModalRotationContainer, {
-        children: /*#__PURE__*/jsx(NativeRotationAnimation$1, {
+        children: /*#__PURE__*/jsx(RotationAnimation, {
           visible: isContentVisible,
           onExited: handleAnimationExited,
           onEntered: onEntered,
@@ -5118,10 +5114,12 @@ function NativeOpacityAnimation$1(_ref) {
     onExited = _ref.onExited;
   var theme = useTheme();
   var hasRunAnimationRef = useRef(false);
-  function handleAnimationFinished() {
+  useEffect(function () {
     if (visible) {
       hasRunAnimationRef.current = true;
     }
+  }, [visible]);
+  function handleAnimationFinished() {
     if (!visible && hasRunAnimationRef.current) {
       onExited();
     }
@@ -5143,7 +5141,7 @@ function NativeOpacityAnimation$1(_ref) {
         runOnJS(handleAnimationFinished)();
       })
     };
-  });
+  }, [theme, visible, handleAnimationFinished]);
   return /*#__PURE__*/jsx(Animated.View, {
     style: [StyleSheet.absoluteFillObject, opacityStyle],
     children: children
@@ -5158,10 +5156,14 @@ function NativeRotationAnimation(_ref) {
   var theme = useTheme();
   var hasRunAnimationRef = useRef(false);
   var rotation = useSharedValue(0.8);
+  useEffect(function () {
+    if (visible) {
+      hasRunAnimationRef.current = true;
+    }
+  }, [visible]);
   function handleAnimationFinished() {
     if (visible) {
       if (onEntered) onEntered();
-      hasRunAnimationRef.current = true;
     }
     if (!visible && hasRunAnimationRef.current) onExited();
   }
@@ -5194,7 +5196,7 @@ function NativeRotationAnimation(_ref) {
         rotateZ: "".concat(rotation.value, "deg")
       }]
     };
-  });
+  }, [theme, visible, rotation, handleAnimationFinished]);
   return /*#__PURE__*/jsx(Animated.View, {
     style: [animatedStyle],
     children: children