@fto-consult/expo-ui 6.23.0 → 6.23.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "6.23.0",
+  "version": "6.23.1",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "main": "index.js",
   "scripts": {

package/src/components/HeavyScreen/index.js

@@ -1,8 +1,7 @@
 import React from '$react';
 import {useAfterInteractions }  from "./utils";
-import { Transition } from 'react-native-reanimated'
-import PropTypes from "prop-types";
-import {Animated} from "react-native";
+import PropTypes from "prop-types"
+import Animated,{ FadeIn, FadeOut } from 'react-native-reanimated';
 import { StylePropTypes } from '$theme';
 import {isNumber,defaultStr} from "$cutils";
 
@@ -25,7 +24,8 @@ const OptimizedHeavyScreen = React.forwardRef(({
   return (
     <Animated.View
       testID={defaultStr(testID,'RN_OptimizedHeavyScreen')}
-      //transition={transition}
+      entering={FadeIn} 
+      exiting={FadeOut}
       style={[{flex:1},style]}
       ref={React.useMergeRefs(transitionRef,ref)}
     >

package/src/components/HeavyScreen/utils.js

@@ -1,7 +1,7 @@
 import React from "$react";
 import {InteractionManager} from "react-native";
 /**** options, les options lié à la transition */
-export const AFTER_INTERACTIONS_TIMEOUT = 10;
+export const AFTER_INTERACTIONS_TIMEOUT = 100;
 export const useAfterInteractions =  (options) => {
 	const [areInteractionsComplete, setInteractionsComplete] = React.useState(false)
     if(isNumber(options)){
@@ -9,11 +9,8 @@ export const useAfterInteractions =  (options) => {
     }
     options = defaultObj(options);
     let timeout = isNumber(options.timeout)? options.timeout : defaultNumber(options.timeout,options.transitionTimeout,AFTER_INTERACTIONS_TIMEOUT);
-
 	const subscriptionRef = React.useRef(null)
-
 	const transitionRef = React.useRef(null)
-
 	React.useEffect(() => {
 		subscriptionRef.current = InteractionManager.runAfterInteractions(
 			() => {
@@ -34,4 +31,4 @@ export const useAfterInteractions =  (options) => {
         completed : areInteractionsComplete,
 		transitionRef,
 	}
-}
+}

package/src/layouts/Screen/FormData/FormData.js

@@ -67,7 +67,7 @@ export default class FormDataLayout extends FormDataActions {
         return <HeavyScreen {...wProps} 
             testID={testID+"_HeavyScreen"} 
             placeholder={React.isValidElement(preloader)? preloader : <FormLoader {...defaultObj(preloaderProps)}/>} 
-            enabled={(withHeavyScreen === false)?false:isLoading} 
+            enabled={(withHeavyScreen === false)?false:true} 
             isLoading={isLoading}
         >{content}</HeavyScreen>
     }