react-crud-mobile 1.0.430 → 1.0.432

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/UIQuantity.tsx

@@ -1,97 +1,97 @@
-import { Ionicons } from '@expo/vector-icons';
-import { useState } from 'react';
-import { ChildType, Utils } from 'react-crud-utils';
-import { Text, TouchableHighlight, View } from 'react-native';
-
-export default function UIQuantity(props: ChildType) {
-  const scope = props.scope;
-  const element = scope.original;
-
-  let [index, setIndex] = useState(0);
-
-  const value = scope.getValue(0);
-
-  let color = element.color;
-
-  if (!color) color = 'primary';
-
-  const btn = {
-    padding: 10,
-    alignItems: 'center',
-    height: 44,
-    width: 44,
-    textAlign: 'center',
-    verticalAling: 'middle',
-    borderRadius: 24,
-    backgroundColor: color,
-    color: '#ffffff',
-    justifyContent: 'center',
-  };
-
-  const styles: any = {
-    buttonLabel: {
-      color: '#ffffff',
-      fontWeight: '500',
-      fontSize: 16,
-    },
-    value: {
-      flex: 1,
-      flexDirection: 'row',
-      textAlign: 'center',
-    },
-    buttonInner: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'center',
-    },
-    buttonIcon: {
-      color: '#fff',
-      fontSize: 18,
-    },
-    button: btn,
-    addButton: {
-      ...btn,
-    },
-    delButton: {
-      ...btn,
-    },
-  };
-
-  const change = (val: number) => {
-    scope.changeValue(value + val);
-    setIndex(++index);
-  };
-
-  const onClickAdd = () => {
-    change(1);
-  };
-
-  const onClickDel = () => {
-    change(-1);
-  };
-
-  const style = (part: string, extra?: any) => {
-    let s = { ...styles[part], ...extra };
-    return scope.getStyle(part, s);
-  };
-
-  return (
-    <>
-      <TouchableHighlight
-        underlayColor={'transparent'}
-        onPress={onClickDel}
-        style={style('delButton')}
-      >
-        <Ionicons size={30} style={style('buttonIcon')} name="remove" />
-      </TouchableHighlight>
-      <Text style={style('value')}>{Utils.nvl(value, 0)}</Text>
-      <TouchableHighlight
-        underlayColor={'transparent'}
-        onPress={onClickAdd}
-        style={style('addButton')}
-      >
-        <Ionicons size={30} style={style('buttonIcon')} name="add" />
-      </TouchableHighlight>
-    </>
-  );
-}
+import { Ionicons } from '@expo/vector-icons';
+import { useState } from 'react';
+import { ChildType, Utils } from 'react-crud-utils';
+import { Text, TouchableHighlight, View } from 'react-native';
+
+export default function UIQuantity(props: ChildType) {
+  const scope = props.scope;
+  const element = scope.original;
+
+  let [index, setIndex] = useState(0);
+
+  const value = scope.getValue(0);
+
+  let color = element.color;
+
+  if (!color) color = 'primary';
+
+  const btn = {
+    padding: 10,
+    alignItems: 'center',
+    height: 44,
+    width: 44,
+    textAlign: 'center',
+    verticalAling: 'middle',
+    borderRadius: 24,
+    backgroundColor: color,
+    color: '#ffffff',
+    justifyContent: 'center',
+  };
+
+  const styles: any = {
+    buttonLabel: {
+      color: '#ffffff',
+      fontWeight: '500',
+      fontSize: 16,
+    },
+    value: {
+      flex: 1,
+      flexDirection: 'row',
+      textAlign: 'center',
+    },
+    buttonInner: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+    },
+    buttonIcon: {
+      color: '#fff',
+      fontSize: 18,
+    },
+    button: btn,
+    addButton: {
+      ...btn,
+    },
+    delButton: {
+      ...btn,
+    },
+  };
+
+  const change = (val: number) => {
+    scope.changeValue(value + val);
+    setIndex(++index);
+  };
+
+  const onClickAdd = () => {
+    change(1);
+  };
+
+  const onClickDel = () => {
+    change(-1);
+  };
+
+  const style = (part: string, extra?: any) => {
+    let s = { ...styles[part], ...extra };
+    return scope.getStyle(part, s);
+  };
+
+  return (
+    <>
+      <TouchableHighlight
+        underlayColor={'transparent'}
+        onPress={onClickDel}
+        style={style('delButton')}
+      >
+        <Ionicons size={30} style={style('buttonIcon')} name="remove" />
+      </TouchableHighlight>
+      <Text style={style('value')}>{Utils.nvl(value, 0)}</Text>
+      <TouchableHighlight
+        underlayColor={'transparent'}
+        onPress={onClickAdd}
+        style={style('addButton')}
+      >
+        <Ionicons size={30} style={style('buttonIcon')} name="add" />
+      </TouchableHighlight>
+    </>
+  );
+}

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/UISelect.tsx

@@ -1,122 +1,122 @@
-import { useState } from 'react';
-import { ChildType, MethodType, useTheme, Utils } from 'react-crud-utils';
-import {
-  Text,
-  TouchableOpacity,
-  StyleSheet,
-  Modal,
-  View,
-  StatusBar,
-  SafeAreaView,
-} from 'react-native';
-import Icon from 'react-native-vector-icons/FontAwesome';
-import UI from '../UI';
-
-export default function UISelect(props: ChildType) {
-  const [modalVisible, setModalVisible] = useState(false);
-  const scope = props.scope;
-  const items = Utils.nvl(scope.getOptions(), []);
-  const placeholder = scope.attr('placeholder', 'Selecione...');
-  const value = scope.getDisplayValue();
-  const theme = useTheme();
-
-  const handlePress = () => {
-    setModalVisible(!modalVisible);
-  };
-
-  const onClick = ({ crud, value }: MethodType) => {
-    scope.changeValue(value);
-    handlePress();
-  };
-
-  const style = (part: string, extra?: any) => {
-    return { ...styles[part], ...scope.getStyle(part), ...extra };
-  };
-
-  return (
-    <View style={style('selectRoot')}>
-      <TouchableOpacity onPress={handlePress} style={style('selectInput')}>
-        <Text style={style('selectLabel')}>
-          {Utils.nvl(value, placeholder)}
-        </Text>
-        <Icon name="angle-down" size={20} color="#888" />
-      </TouchableOpacity>
-      <Modal
-        animationType="slide"
-        transparent={true}
-        visible={modalVisible}
-        onRequestClose={() => setModalVisible(false)}
-      >
-        <StatusBar
-          barStyle="dark-content"
-          backgroundColor={theme.colors.primary}
-        />
-        <SafeAreaView style={style('modalSafe')}>
-          <View style={style('modalHeader')}>
-            <TouchableOpacity
-              onPress={() => setModalVisible(false)}
-              style={style('modalCloseButton')}
-            >
-              <Text style={style('modalCloseText')}>X</Text>
-            </TouchableOpacity>
-            <Text style={style('modalTitle')}>{placeholder}</Text>
-          </View>
-          <View style={style('modalContent')}>
-            <UI.List data={items} name={scope.getName('list')} click={onClick}>
-              <UI.Value value="#{@this.label}" />
-            </UI.List>
-          </View>
-        </SafeAreaView>
-      </Modal>
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  selectRoot: {
-    justifyContent: 'flex-start',
-    alignItems: 'flex-start',
-  },
-  selectInput: {
-    width: '100%',
-    flexDirection: 'row',
-    borderWidth: 1,
-    borderColor: '#a9a9a9',
-    borderRadius: 20,
-    paddingHorizontal: 15,
-    paddingVertical: 10,
-  },
-  selectLabel: { flex: 1 },
-  modalSafe: {
-    flex: 1,
-    backgroundColor: '#f5f5f5',
-    paddingTop: StatusBar.currentHeight || 0, // Considera a altura da barra de status no Android
-  },
-  modalHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 15,
-    backgroundColor: '#6200ea',
-  },
-  modalCloseButton: {
-    padding: 10,
-  },
-  modalCloseText: {
-    fontSize: 18,
-    color: 'white',
-  },
-  modalTitle: {
-    fontSize: 18,
-    color: 'white',
-    fontWeight: 'bold',
-    marginLeft: 10,
-  },
-  modalContent: {
-    flex: 1,
-    width: '100%',
-    alignSelf: 'flex-start',
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    padding: 20,
-  },
-});
+import { useState } from 'react';
+import { ChildType, MethodType, useTheme, Utils } from 'react-crud-utils';
+import {
+  Text,
+  TouchableOpacity,
+  StyleSheet,
+  Modal,
+  View,
+  StatusBar,
+  SafeAreaView,
+} from 'react-native';
+import Icon from 'react-native-vector-icons/FontAwesome';
+import UI from '../UI';
+
+export default function UISelect(props: ChildType) {
+  const [modalVisible, setModalVisible] = useState(false);
+  const scope = props.scope;
+  const items = Utils.nvl(scope.getOptions(), []);
+  const placeholder = scope.attr('placeholder', 'Selecione...');
+  const value = scope.getDisplayValue();
+  const theme = useTheme();
+
+  const handlePress = () => {
+    setModalVisible(!modalVisible);
+  };
+
+  const onClick = ({ crud, value }: MethodType) => {
+    scope.changeValue(value);
+    handlePress();
+  };
+
+  const style = (part: string, extra?: any) => {
+    return { ...styles[part], ...scope.getStyle(part), ...extra };
+  };
+
+  return (
+    <View style={style('selectRoot')}>
+      <TouchableOpacity onPress={handlePress} style={style('selectInput')}>
+        <Text style={style('selectLabel')}>
+          {Utils.nvl(value, placeholder)}
+        </Text>
+        <Icon name="angle-down" size={20} color="#888" />
+      </TouchableOpacity>
+      <Modal
+        animationType="slide"
+        transparent={true}
+        visible={modalVisible}
+        onRequestClose={() => setModalVisible(false)}
+      >
+        <StatusBar
+          barStyle="dark-content"
+          backgroundColor={theme.colors.primary}
+        />
+        <SafeAreaView style={style('modalSafe')}>
+          <View style={style('modalHeader')}>
+            <TouchableOpacity
+              onPress={() => setModalVisible(false)}
+              style={style('modalCloseButton')}
+            >
+              <Text style={style('modalCloseText')}>X</Text>
+            </TouchableOpacity>
+            <Text style={style('modalTitle')}>{placeholder}</Text>
+          </View>
+          <View style={style('modalContent')}>
+            <UI.List data={items} name={scope.getName('list')} click={onClick}>
+              <UI.Value value="#{@this.label}" />
+            </UI.List>
+          </View>
+        </SafeAreaView>
+      </Modal>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  selectRoot: {
+    justifyContent: 'flex-start',
+    alignItems: 'flex-start',
+  },
+  selectInput: {
+    width: '100%',
+    flexDirection: 'row',
+    borderWidth: 1,
+    borderColor: '#a9a9a9',
+    borderRadius: 20,
+    paddingHorizontal: 15,
+    paddingVertical: 10,
+  },
+  selectLabel: { flex: 1 },
+  modalSafe: {
+    flex: 1,
+    backgroundColor: '#f5f5f5',
+    paddingTop: StatusBar.currentHeight || 0, // Considera a altura da barra de status no Android
+  },
+  modalHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 15,
+    backgroundColor: '#6200ea',
+  },
+  modalCloseButton: {
+    padding: 10,
+  },
+  modalCloseText: {
+    fontSize: 18,
+    color: 'white',
+  },
+  modalTitle: {
+    fontSize: 18,
+    color: 'white',
+    fontWeight: 'bold',
+    marginLeft: 10,
+  },
+  modalContent: {
+    flex: 1,
+    width: '100%',
+    alignSelf: 'flex-start',
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    padding: 20,
+  },
+});

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: {},
+};