react-crud-mobile 1.0.511 → 1.0.513

package/src/elements/core/SafeView.tsx

@@ -0,0 +1,45 @@
+import {
+  Keyboard,
+  KeyboardAvoidingView,
+  Platform,
+  StyleProp,
+  ViewStyle,
+} from 'react-native';
+import {
+  SafeAreaProvider,
+  SafeAreaView as SafeAreaContextView,
+} from 'react-native-safe-area-context';
+
+import { StatusBar } from 'react-native';
+import { useTheme } from 'react-crud-utils';
+
+interface SafeViewType {
+  safeStyle?: StyleProp<ViewStyle> | any;
+  viewStyle?: StyleProp<ViewStyle> | any;
+  children?: any;
+}
+
+export default function SafeView(props: SafeViewType) {
+  const theme = useTheme();
+
+  return (
+    <SafeAreaProvider style={props.safeStyle}>
+      <SafeAreaContextView
+        style={{ backgroundColor: theme.colors?.primary, ...props.viewStyle }}
+      >
+        <StatusBar barStyle="light-content" />
+
+        <KeyboardAvoidingView
+          behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+          style={{
+            flex: 1, // 🔹 Ocupa 100% da tela
+            width: '100%',
+            justifyContent: 'center',
+          }}
+        >
+          {props.children}
+        </KeyboardAvoidingView>
+      </SafeAreaContextView>
+    </SafeAreaProvider>
+  );
+}

package/src/elements/core/UIButton.tsx

@@ -10,7 +10,7 @@ export default function UIButton(props: ChildType) {
   let label = element.label;
   let icon = element.icon;
 
-  if (!color) color = 'primary';
+  if (!color) color = 'primaryLight';
 
   const styles: any = {
     buttonLabel: {

package/src/elements/core/UIView.tsx

@@ -1,16 +1,4 @@
-import {
-  Keyboard,
-  KeyboardAvoidingView,
-  Platform,
-  ScrollView,
-  StyleSheet,
-  TouchableWithoutFeedback,
-  View,
-} from 'react-native';
-import {
-  SafeAreaProvider,
-  SafeAreaView as SafeAreaContextView,
-} from 'react-native-safe-area-context';
+import { ScrollView, StyleSheet, View } from 'react-native';
 
 import UIChildren from '../UIChildren';
 import { ChildType, useTheme } from 'react-crud-utils';
@@ -20,42 +8,24 @@ import { StatusBar } from 'react-native';
 export default function UIView({ scope, children }: ChildType) {
   const theme = useTheme();
   const header = scope.getPart('header', null, []);
-  const dismissKeyboard = () => {
-    if (Platform.OS !== 'web') {
-      Keyboard.dismiss();
-    }
-  };
 
   useEffect(() => {
     StatusBar.setBarStyle('light-content');
     StatusBar.setBackgroundColor?.(theme.colors.primary);
   }, []);
   return (
-    <SafeAreaProvider style={scope.getStyle('safe', {})}>
-      <SafeAreaContextView style={scope.getStyle('view', styles.view)}>
-        <StatusBar barStyle="light-content" />
-
-        <KeyboardAvoidingView
-          behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
-          style={{
-            flex: 1, // 🔹 Ocupa 100% da tela
-            width: '100%',
-            justifyContent: 'center',
-          }}
+    <>
+      {header}
+      <View style={scope.getStyle('container', styles.container)}>
+        <ScrollView
+          keyboardShouldPersistTaps="handled"
+          contentContainerStyle={scope.getStyle('contentContainer', {})}
+          style={scope.getStyle('scroll', styles.scroll)}
         >
-          {header}
-          <View style={scope.getStyle('container', styles.container)}>
-            <ScrollView
-              keyboardShouldPersistTaps="handled"
-              contentContainerStyle={scope.getStyle('contentContainer', {})}
-              style={scope.getStyle('scroll', styles.scroll)}
-            >
-              <UIChildren scope={scope}>{children}</UIChildren>
-            </ScrollView>
-          </View>
-        </KeyboardAvoidingView>
-      </SafeAreaContextView>
-    </SafeAreaProvider>
+          <UIChildren scope={scope}>{children}</UIChildren>
+        </ScrollView>
+      </View>
+    </>
   );
 }