esoftplay 0.0.141-t → 0.0.141-u

package/modules/lib/collaps.tsx

@@ -1,7 +1,7 @@
 // withHooks
 // noPage
 import useSafeState from 'esoftplay/state';
-import React, { useEffect } from 'react';
+import React, { useEffect, useLayoutEffect } from 'react';
 import { Pressable, ViewStyle } from 'react-native';
 import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
 
@@ -17,16 +17,22 @@ export interface LibCollapsProps {
 }
 export default function m(props: LibCollapsProps): any {
   const [expand, setExpand] = useSafeState(props.show)
-  const opacity = useSharedValue(0);
   const translateY = useSharedValue(-10);
+  const isAnimationOff = useSharedValue(0)
 
   const animatedStyle = useAnimatedStyle(() => {
     return {
-      opacity: opacity.value,
+      opacity: 1,
       transform: [{ translateY: translateY.value }],
     };
   });
 
+  useLayoutEffect(() => {
+    checkIfAnimationsAreDisabled().then((isDisabled) => {
+      isAnimationOff.value = isDisabled ? 1 : 0
+    });
+  }, [])
+
   useEffect(() => {
     if (expand) {
       toggleAnimation()
@@ -34,12 +40,15 @@ export default function m(props: LibCollapsProps): any {
   }, [expand])
 
   const toggleAnimation = () => {
-    opacity.value = withTiming(opacity.value === 0 ? 1 : 0, { duration: 300 }, (status) => {
-      if (opacity.value == 0 && status) {
-        runOnJS(setExpand)(false)
-      }
-    });
-    translateY.value = withTiming(opacity.value !== 0 ? -10 : 0, { duration: 300 })
+    if (isAnimationOff.value) {
+      translateY.value = translateY.value !== -10 ? -10 : 0
+    } else {
+      translateY.value = withTiming(translateY.value !== -10 ? -10 : 0, { duration: 300 }, (status) => {
+        if (translateY.value == -10 && status) {
+          runOnJS(setExpand)(false)
+        }
+      })
+    }
   };
 
   function toggle() {
@@ -66,4 +75,22 @@ export default function m(props: LibCollapsProps): any {
       }
     </Animated.View>
   )
-}
+}
+
+const checkIfAnimationsAreDisabled = async () => {
+  const value = useSharedValue(0);
+
+  const startTime = Date.now();
+
+  // Animate the shared value with a short duration
+  await new Promise((resolve) => {
+    value.value = withTiming(1, { duration: 50 }, () => {
+      resolve();
+    });
+  });
+
+  const elapsedTime = Date.now() - startTime;
+
+  // If animations are disabled, the elapsed time will be very short (e.g., < 10ms)
+  return elapsedTime < 10;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "esoftplay",
-  "version": "0.0.141-t",
+  "version": "0.0.141-u",
   "description": "embedding data from esoftplay framework (web based) into mobile app",
   "main": "cache/index.js",
   "types": "../../index.d.ts",