@fto-consult/expo-ui 6.29.0 → 6.29.1

package/package.json

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

package/src/components/Modal/index.js

@@ -15,6 +15,7 @@ import {
   getStatusBarHeight,
   getBottomSpace,
 } from 'react-native-iphone-x-helper';
+import {isMobileNative} from "$cplatform";
 
 import {defaultObj} from "$cutils";
 
@@ -40,8 +41,9 @@ const ModalComponent = React.forwardRef((props,ref)=>{
         isPreloader,
         children,
         ...rest
-      } = props;
-      rest = defaultObj(rest);
+    } = props;
+    animate = animate !== false ? isMobileNative() : false;
+    rest = defaultObj(rest);
     contentContainerProps = defaultObj(contentContainerProps);
     backdropProps = defaultObj(backdropProps);
     const subscription = React.useRef(null);
@@ -98,9 +100,9 @@ const ModalComponent = React.forwardRef((props,ref)=>{
       },100);
     },[visible]);
     const Anim = React.useMemo(()=>{
-      return animate !== false ? Animation  : View;
+      return animate ? Animation  : View;
     },[animate]);
-    const wrapperProps = animate !== false ? {enteringCallback:callback,exitingCallback:callback} : {};
+    const wrapperProps = animate ? {enteringCallback:callback,exitingCallback:callback} : {};
     return !visible?null: <Portal>
       <Anim
         ref={ref}

package/src/components/TextField/index.js

@@ -291,7 +291,7 @@ const TextFieldComponent = React.forwardRef((componentProps,inputRef)=>{
     const currentDefaultValue = alwaysUseLabel && displayText == emptyValue ? "" : displayText;
     const withAutoHeight = typeof autoHeight === 'boolean'? autoHeight : false;
     const height = withAutoHeight || multiline ? undefined : tHeight;
-    const inputStyle2 = withAutoHeight || multiline ? {height : Math.min(heightRef.current,250)} : null;
+    const inputStyle2 = withAutoHeight || multiline ? {height : Math.min(Math.max(heightRef.current,MULTIPLE_HEIGHT),250)} : null;
     const containerStyle = StyleSheet.flatten(containerProps.style) || {};
     const inputProps= {
         caretHidden : false,

package/src/components/FadeInOut/index.js

@@ -1,70 +0,0 @@
-import React, { useEffect, useRef } from "react";
-import { Animated } from "react-native";
-import PropTypes from "prop-types";
-import { StyleProp } from "$theme";
-
-const DEFAULT_DURATION = 300;
-
-
-const FadeInOutComponent = React.forwardRef(({
-  children,
-  visible,
-  duration = DEFAULT_DURATION,
-  rotate,
-  scale,
-  style,
-  onShow,
-  useNativeDriver = true,
-  ...rest
-},ref) => {
-  const fadeAnim = useRef(new Animated.Value(visible ? 1 : 0)).current;
-
-  useEffect(() => {
-    Animated.timing(fadeAnim, {
-      toValue: visible ? 1 : 0,
-      duration: duration,
-      useNativeDriver: useNativeDriver,
-    }).start();
-    setTimeout(()=>{
-      if(visible && onShow){
-        onShow();
-      }
-    },10)
-  }, [visible]);
-
-  const transform = [{ perspective: 1000 }];
-
-  if (scale) {
-    transform.push({ scale: fadeAnim });
-  }
-
-  if (rotate) {
-    transform.push({
-      rotate: fadeAnim.interpolate({
-        inputRange: [0, 1],
-        outputRange: ["0deg", "360deg"],
-      }),
-    });
-  }
-  rest = Object.assign({},rest);
-  return (
-    <Animated.View testID={'RN_FadeInOut'} {...rest} ref={ref} style={[style,{ opacity: fadeAnim, transform }]}>
-      {children}
-    </Animated.View>
-  );
-});
-
-export default FadeInOutComponent;
-
-FadeInOutComponent.propTypes = {
-  visible: PropTypes.bool,
-  children : PropTypes.any,
-  duration : PropTypes.number,
-  rotate : PropTypes.bool,
-  scale : PropTypes.bool,
-  style : StyleProp,
-  onShow : PropTypes.func,
-  useNativeDriver : PropTypes.bool,
-}
-
-FadeInOutComponent.displayName = "FadeInOutComponent";