react-crud-mobile 1.3.20 → 1.3.22

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.20",
+  "version": "1.3.22",
   "license": "MIT",
   "description": "Uma biblioteca de componentes para React Native",
   "main": "dist/index.js",

package/src/elements/core/UISelect.tsx

@@ -22,6 +22,7 @@ export default function UISelect(props: ChildType) {
   const value = scope.getDisplayValue();
   const main = ViewUtils.getCrud('view');
   const theme = scope.getTheme();
+  const headerStyle = Utils.nvl(theme.styles?.defaults?.header, {});
   const handlePress = () => {
     const _modalVisible = !modalVisible;
 
@@ -78,8 +79,9 @@ export default function UISelect(props: ChildType) {
         visible={isModalVisible()}
         onRequestClose={() => setModalVisible(false)}
       >
+        <SafeAreaView style={style('modalTop')} />
         <SafeAreaView style={style('modalSafe')}>
-          <View style={style('modalHeader')}>
+          <View style={scope.getStyle('header', headerStyle)}>
             <TouchableOpacity
               onPress={() => setModalVisible(false)}
               style={style('modalCloseButton')}
@@ -113,16 +115,14 @@ const styles = StyleSheet.create({
     paddingVertical: 10,
   },
   selectLabel: { flex: 1 },
+  modalTop: {
+    backgroundColor: 'primary',
+    width: '100%',
+  },
   modalSafe: {
     flex: 1,
+    width: '100%',
     backgroundColor: 'background',
-    paddingTop: StatusBar.currentHeight || 0, // Considera a altura da barra de status no Android
-  },
-  modalHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 15,
-    backgroundColor: 'theme',
   },
   modalCloseButton: {
     padding: 10,
@@ -133,16 +133,15 @@ const styles = StyleSheet.create({
   },
   modalTitle: {
     fontSize: 18,
-    color: 'white',
     fontWeight: 'bold',
     marginLeft: 10,
   },
   modalContent: {
     flex: 1,
-    width: '100%',
-    alignSelf: 'flex-start',
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    padding: 20,
+    backgroundColor: 'background',
+    paddingTop: 10,
+    paddingBottom: 10,
+    paddingLeft: 15,
+    paddingRight: 15,
   },
 });