@fto-consult/expo-ui 1.0.21 → 1.0.23

package/index.js

@@ -14,5 +14,5 @@ export default function ExpoUIApp (options){
     options = defaultObj(options);
     const config = defaultObj(options.config);
     appConfig.current = config;
-    registerRootComponent(require('./src/App').default);
+    registerRootComponent(require('./src/App').default(options));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "main": "index.js",
   "scripts": {
@@ -60,7 +60,7 @@
     "@emotion/native": "^11.10.0",
     "@expo/metro-config": "^0.4.0",
     "@expo/webpack-config": "^0.17.2",
-    "@fto-consult/common": "^1.0.28",
+    "@fto-consult/common": "^1.1.0",
     "@gorhom/portal": "^1.0.14",
     "@react-native-async-storage/async-storage": "~1.17.3",
     "@react-native-community/netinfo": "9.3.0",

package/src/App.js

@@ -1,10 +1,8 @@
 import '$session';
-import appConfig  from '$capp/config';
 import React from 'react';
 import  {updateTheme,defaultTheme} from "$theme";
-import { AppRegistry} from 'react-native';
 import {Provider as PaperProvider } from 'react-native-paper';
-import App from './index';
+import Index from './index';
 import {Portal } from 'react-native-paper';
 import {PreloaderProvider} from "$epreloader";
 import DropdownAlert from '$ecomponents/Dialog/DropdownAlert';
@@ -23,43 +21,47 @@ import StatusBar from "$ecomponents/StatusBar";
 import SimpleSelect from '$ecomponents/SimpleSelect';
 import {Provider as AlertProvider} from '$ecomponents/Dialog/confirm/Alert';
 
-export default function MainAppComponent() {
-  React.useEffect(()=>{
-      return ()=>{}
-  },[])
-  const [theme,setTheme] = React.useState(updateTheme(defaultTheme));
-  const preferences = React.useMemo(()=>({
-      updateTheme : (customTheme,persist)=>{
-        setTheme(updateTheme(customTheme));
-      },
-      theme,
-  }),[theme]);
-  return (
-    <GestureHandlerRootView style={{ flex: 1 }}>
-        <PaperProvider theme={theme}>
-          <SafeAreaProvider>
-            <AuthProvider>
-                <PortalProvider>
-                  <Portal.Host>
-                      <ErrorBoundary>
-                            <StatusBar/>
-                            <PreferencesContext.Provider value={preferences}>
-                                  <DropdownAlert ref={notificationRef}/> 
-                                  <PreloaderProvider/>   
-                                      <DialogProvider responsive/>
-                                      <AlertProvider SimpleSelect={SimpleSelect}/>
-                                      <FormDataDialogProvider/>  
-                                      <App theme={theme}/>
-                                      <ErrorBoundaryProvider/>
-                                    <BottomSheetProvider/>
-                            </PreferencesContext.Provider>  
-                      </ErrorBoundary>
-                  </Portal.Host>
-                </PortalProvider>
-              </AuthProvider>
-          </SafeAreaProvider>
-        </PaperProvider>
-    </GestureHandlerRootView>
-  );
-}
-AppRegistry.registerComponent(appConfig.name || appConfig.id, () => MainAppComponent);
+export default function getIndex(options){
+  const {App} = defaultObj(options);
+  const child = <Index theme={theme}/>;
+  const children = typeof App =='function'? App({children:child}) : child;
+  return function MainIndexComponent() {
+    React.useEffect(()=>{
+        return ()=>{}
+    },[])
+    const [theme,setTheme] = React.useState(updateTheme(defaultTheme));
+    const preferences = React.useMemo(()=>({
+        updateTheme : (customTheme,persist)=>{
+          setTheme(updateTheme(customTheme));
+        },
+        theme,
+    }),[theme]);
+    return (
+      <GestureHandlerRootView style={{ flex: 1 }}>
+          <PaperProvider theme={theme}>
+            <SafeAreaProvider>
+              <AuthProvider>
+                  <PortalProvider>
+                    <Portal.Host>
+                        <ErrorBoundary>
+                              <StatusBar/>
+                              <PreferencesContext.Provider value={preferences}>
+                                    <DropdownAlert ref={notificationRef}/> 
+                                    <PreloaderProvider/>   
+                                        <DialogProvider responsive/>
+                                        <AlertProvider SimpleSelect={SimpleSelect}/>
+                                        <FormDataDialogProvider/>  
+                                        {children}
+                                        <ErrorBoundaryProvider/>
+                                      <BottomSheetProvider/>
+                              </PreferencesContext.Provider>  
+                        </ErrorBoundary>
+                    </Portal.Host>
+                  </PortalProvider>
+                </AuthProvider>
+            </SafeAreaProvider>
+          </PaperProvider>
+      </GestureHandlerRootView>
+    );
+  }
+};

package/src/components/TextField/utils.js

@@ -1,64 +1 @@
-import {defaultStr,parseDecimal as NParseDecimal,defaultDecimal} from "$utils";
-
-
-export const flatMode = 'flat';
-export const outlinedMode = 'outlined';
-export const normalMode = "normal";
-export const shadowMode = "shadow";
-
-export const defaultMode = outlinedMode;
-
-export const modes = {flat:flatMode,shadow:shadowMode,outlined:outlinedMode,normal:normalMode};
-
-export const modesObject = {
-    flat : {
-        code : flatMode,
-        label : 'Flottant',
-    },
-    shadow : {
-        code : shadowMode,
-        label : 'Ombre',
-    },
-    normal : {
-        code : normalMode,
-        label : 'Normal',
-    },
-    outlined : {
-        code : outlinedMode,
-        label : 'Décrit',
-    }
-}
-
-
-export const HEIGHT = 56;
-
-
-export const AutoCapitalizeTypes = {
-    characters : "characters", ///all characters.
-    words : "words", //first letter of each word.
-    sentences :"sentences", //first letter of each sentence (default).
-    none : "none", ///don't auto capitalize anything.
-}
-
-export const keyboardTypes = {
-    default : 'default',
-    number : "number-pad",
-    numberPad : "number-pad",
-    decimal : "decimal-pad",
-    numeric : "numeric",
-    email : "email-address",
-    tel : "phone-pad",
-    phone : "phone-pad",
-}
-export const FONT_SIZE = 16;
-
-export const parseDecimal = (v,type,preserveDecimalLength)=>{
-    type = defaultStr(type).trim().toLowerCase();
-    if((type =='number' || type =='decimal') && !isDecimal(v)){
-        if(v == undefined || v == null){
-            v = '';
-        }
-        v = defaultDecimal(NParseDecimal(v,preserveDecimalLength),0);
-    }
-    return v;
-}
+export * from "$common/TextField";