react-crud-mobile 1.0.520 → 1.0.522

package/src/elements/core/SafeView.tsx

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

package/src/elements/core/UIAutoComplete.tsx

@@ -1,17 +1,17 @@
-import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';
-
-export default function UIAutoComplete(props: any) {
-  const handlePress = () => {
-    Linking.openURL('https://reactnative.dev/');
-  };
-
-  return (
-    <TouchableOpacity onPress={handlePress}>
-      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>
-    </TouchableOpacity>
-  );
-}
-
-const styles = {
-  link: {},
-};
+import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';
+
+export default function UIAutoComplete(props: any) {
+  const handlePress = () => {
+    Linking.openURL('https://reactnative.dev/');
+  };
+
+  return (
+    <TouchableOpacity onPress={handlePress}>
+      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>
+    </TouchableOpacity>
+  );
+}
+
+const styles = {
+  link: {},
+};

package/src/elements/core/UILink.tsx

@@ -1,17 +1,17 @@
-import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';
-
-export default function UILink(props: any) {
-  const handlePress = () => {
-    Linking.openURL('https://reactnative.dev/');
-  };
-
-  return (
-    <TouchableOpacity onPress={handlePress}>
-      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>
-    </TouchableOpacity>
-  );
-}
-
-const styles = {
-  link: {},
-};
+import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';
+
+export default function UILink(props: any) {
+  const handlePress = () => {
+    Linking.openURL('https://reactnative.dev/');
+  };
+
+  return (
+    <TouchableOpacity onPress={handlePress}>
+      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>
+    </TouchableOpacity>
+  );
+}
+
+const styles = {
+  link: {},
+};

package/src/elements/core/UIList.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { ChildType, Utils } from 'react-crud-utils';
+import { ChildType, ComponentUtils, Utils } from 'react-crud-utils';
 import { StyleSheet, Text, TouchableHighlight, View } from 'react-native';
 import UIListRow from './UIListRow';
 import UI from '../UI';
@@ -13,6 +13,8 @@ export default function UIList(props: ChildType) {
   const rowWidth = Math.floor(100 / cols) + '%';
   const items = Utils.nvl(scope.getItems(), []);
   const styles = { repeat: stylesRepeat, list: stylesList }?.[original.type];
+  const add = ComponentUtils.getDefine(props, 'add');
+  const hideAddWhenEmpty = original.hideAddWhenEmpty;
 
   const onClick = (item: any) => {
     scope.call('click', { value: item, item, edit: true });
@@ -42,6 +44,13 @@ export default function UIList(props: ChildType) {
     return row;
   };
 
+  const isShowAdd = () => {
+    if (!Utils.isEmpty(items)) {
+      return true;
+    }
+    return hideAddWhenEmpty !== true;
+  };
+
   let Empty = () => {
     if (!Utils.isEmpty(items)) {
       return <></>;
@@ -96,13 +105,12 @@ export default function UIList(props: ChildType) {
               onClick(item);
             }}
           >
-            <View style={getStyle('rowInner')}>
-              <UIListRow scope={scope} item={item} index={i}>
-                {props.children}
-              </UIListRow>
-            </View>
+            <UIListRow scope={scope} item={item} index={i}>
+              {props.children}
+            </UIListRow>
           </TouchableHighlight>
         ))}
+        {isShowAdd() && <>{add}</>}
       </View>
     </>
   );

package/src/elements/core/UIListItem.tsx

@@ -1,32 +1,32 @@
-import { useState } from 'react';
-import { ChildType, Utils } from 'react-crud-utils';
-import { FlatList, StyleSheet, Switch, Text, View } from 'react-native';
-
-interface UIListItemType extends ChildType {
-  data: any;
-}
-
-export default function UIListItem(props: UIListItemType) {
-  const scope = props.scope;
-  const crud = props.crud;
-
-  return <View style={styles.item}></View>;
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    padding: 20,
-    backgroundColor: '#fff',
-  },
-  item: {
-    padding: 15,
-    marginVertical: 8,
-    backgroundColor: '#f9c2ff',
-    borderRadius: 8,
-  },
-  text: {
-    fontSize: 18,
-    fontWeight: 'bold',
-  },
-});
+import { useState } from 'react';
+import { ChildType, Utils } from 'react-crud-utils';
+import { FlatList, StyleSheet, Switch, Text, View } from 'react-native';
+
+interface UIListItemType extends ChildType {
+  data: any;
+}
+
+export default function UIListItem(props: UIListItemType) {
+  const scope = props.scope;
+  const crud = props.crud;
+
+  return <View style={styles.item}></View>;
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 20,
+    backgroundColor: '#fff',
+  },
+  item: {
+    padding: 15,
+    marginVertical: 8,
+    backgroundColor: '#f9c2ff',
+    borderRadius: 8,
+  },
+  text: {
+    fontSize: 18,
+    fontWeight: 'bold',
+  },
+});

package/src/elements/core/UIOption.tsx

@@ -1,17 +1,17 @@
-import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';
-
-export default function UIOption(props: any) {
-  const handlePress = () => {
-    Linking.openURL('https://reactnative.dev/');
-  };
-
-  return (
-    <TouchableOpacity onPress={handlePress}>
-      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>
-    </TouchableOpacity>
-  );
-}
-
-const styles = {
-  link: {},
-};
+import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';
+
+export default function UIOption(props: any) {
+  const handlePress = () => {
+    Linking.openURL('https://reactnative.dev/');
+  };
+
+  return (
+    <TouchableOpacity onPress={handlePress}>
+      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>
+    </TouchableOpacity>
+  );
+}
+
+const styles = {
+  link: {},
+};

package/src/elements/core/UIRadio.tsx

@@ -1,17 +1,17 @@
-import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';
-
-export default function UIRadio(props: any) {
-  const handlePress = () => {
-    Linking.openURL('https://reactnative.dev/');
-  };
-
-  return (
-    <TouchableOpacity onPress={handlePress}>
-      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>
-    </TouchableOpacity>
-  );
-}
-
-const styles = {
-  link: {},
-};
+import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';
+
+export default function UIRadio(props: any) {
+  const handlePress = () => {
+    Linking.openURL('https://reactnative.dev/');
+  };
+
+  return (
+    <TouchableOpacity onPress={handlePress}>
+      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>
+    </TouchableOpacity>
+  );
+}
+
+const styles = {
+  link: {},
+};

package/src/elements/core/UISwitch.tsx

@@ -1,26 +1,26 @@
-import { useState } from 'react';
-import { ChildType, Utils } from 'react-crud-utils';
-import { Switch } from 'react-native';
-
-export default function UISwitch(props: ChildType) {
-  const scope = props.scope;
-  const initial = Utils.nvl(scope.getValue(), false) as boolean;
-  const [value, setValue] = useState(initial);
-
-  let onChange = v => {
-    scope.changeValue(v);
-
-    setValue(v);
-  };
-
-  return (
-    <Switch
-      value={value}
-      onValueChange={onChange} // Alterna o estado
-    />
-  );
-}
-
-const styles = {
-  link: {},
-};
+import { useState } from 'react';
+import { ChildType, Utils } from 'react-crud-utils';
+import { Switch } from 'react-native';
+
+export default function UISwitch(props: ChildType) {
+  const scope = props.scope;
+  const initial = Utils.nvl(scope.getValue(), false) as boolean;
+  const [value, setValue] = useState(initial);
+
+  let onChange = v => {
+    scope.changeValue(v);
+
+    setValue(v);
+  };
+
+  return (
+    <Switch
+      value={value}
+      onValueChange={onChange} // Alterna o estado
+    />
+  );
+}
+
+const styles = {
+  link: {},
+};