@fto-consult/expo-ui 6.27.4 → 6.27.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "6.27.4",
+  "version": "6.27.6",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "main": "index.js",
   "scripts": {
@@ -68,7 +68,7 @@
     "@expo/html-elements": "^0.5.1",
     "@expo/vector-icons": "^13.0.0",
     "@faker-js/faker": "^8.0.2",
-    "@fto-consult/common": "^3.29.4",
+    "@fto-consult/common": "^3.29.5",
     "@pchmn/expo-material3-theme": "^1.3.1",
     "@react-native-async-storage/async-storage": "1.18.2",
     "@react-native-community/datetimepicker": "7.2.0",
@@ -77,7 +77,7 @@
     "@react-navigation/native": "^6.1.7",
     "@react-navigation/native-stack": "^6.9.13",
     "@shopify/flash-list": "1.4.3",
-    "apexcharts": "^3.41.1",
+    "apexcharts": "^3.42.0",
     "expo": "^49.0.8",
     "expo-camera": "~13.4.2",
     "expo-clipboard": "~4.3.1",

package/src/components/Animations/index.js

@@ -1,6 +1,4 @@
 
-export * from "./Animation/utils";
+export * from "./web";
 
-export {default} from "./Animation";
-
-export {default as OpacityAnimation} from "./OpacityAnimation";
+export {default} from "./web";

package/src/components/Animations/index.native.js

@@ -0,0 +1,3 @@
+export {default} from "./native";
+
+export * from "./native";

package/src/components/Animations/{Animation → native}/index.js

@@ -5,13 +5,10 @@
 
  export const ANIMATION_DURATION = 300;
  
- 
- const AnimationComponent = React.forwardRef(function AnimationComponent(props,ref) {
-   let { animationType,animationPosition,enteringCallback,exitingCallback,animationDuration,...rest} = props;
+ const AnimationComponent = React.forwardRef(function AnimationComponent({animationType,animationPosition,enteringCallback,exitingCallback,animationDuration,...rest},ref) {
    const rProps = defaultObj(rest);
    const duration =  animationDuration || ANIMATION_DURATION;
     let animations = getAnimations(animationType,animationPosition);
-    
     const style = useAnimatedStyle(() => {
       return {};
     });

package/src/components/Animations/{OpacityAnimation → web}/index.js

@@ -3,7 +3,7 @@ import { Animated} from "react-native";
 import PropTypes from "prop-types";
 import {translateByAppearFrom,inputRangeByAppearFrom,animationType,outputRangeByAppearFrom,initialPositionByAppearFrom} from "./utils";
 
-const OpacityAnimationComponent = React.forwardRef(({ delay,children,style, animationPosition,animationDuration,enteringCallback,exitingCallback,...viewProps},ref) => {
+const WebAnimationComponent = React.forwardRef(({ delay,children,style, animationPosition,animationDuration,enteringCallback,exitingCallback,...viewProps},ref) => {
   if(!animationPosition || !initialPositionByAppearFrom[animationPosition]){
     animationPosition = 'up';
   }
@@ -42,7 +42,7 @@ const OpacityAnimationComponent = React.forwardRef(({ delay,children,style, anim
   );
 });
 
-OpacityAnimationComponent.propTypes = {
+WebAnimationComponent.propTypes = {
   delay: PropTypes.number,
   enteringCallback : PropTypes.func,
   animationPosition: PropTypes.oneOf([
@@ -50,4 +50,4 @@ OpacityAnimationComponent.propTypes = {
   ]),
   animationDuration: PropTypes.number
 }
-export default OpacityAnimationComponent;
+export default WebAnimationComponent;

package/src/components/Modal/index.js

@@ -7,9 +7,7 @@ import {
 import BackHandler from "$ecomponents/BackHandler";
 import PropTypes from "prop-types";
 import theme,{StyleProp} from "$theme";
-//import Animated  from "react-native-reanimated";
-//import Animation,{OpacityAnimation} from "$ecomponents/Animations";
-import OpacityAnimation from "$ecomponents/Animations/OpacityAnimation";
+import Animation from "$ecomponents/Animation";
 import { Surface } from "react-native-paper";
 import { Platform } from "react-native";
 import Portal from "$ecomponents/Portal";
@@ -99,7 +97,9 @@ const ModalComponent = React.forwardRef((props,ref)=>{
         }
       },100);
     },[visible]);
-    const Anim = animate !== false ? OpacityAnimation  : View;
+    const Anim = React.useMemo(()=>{
+      return animate !== false ? Animation  : View;
+    },[animate]);
     const wrapperProps = animate !== false ? {enteringCallback:callback,exitingCallback:callback} : {};
     return !visible?null: <Portal>
       <Anim