react-crud-mobile 1.0.511 → 1.0.513

package/dist/react-crud-mobile.esm.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useContext, useRef, useLayoutEffect, createContext } from 'react';
 import { Utils, ScopeUtils, CrudUtils, useTheme, HtmlUtils, ComponentUtils } from 'react-crud-utils';
-import { View, StyleSheet, TouchableOpacity, Text, Linking, TouchableHighlight, Modal, StatusBar, SafeAreaView, Switch, TextInput, ScrollView, KeyboardAvoidingView, Platform, Image } from 'react-native';
+import { View, StyleSheet, TouchableOpacity, Text, Linking, TouchableHighlight, Modal, StatusBar, SafeAreaView, Switch, TextInput, ScrollView, Image, KeyboardAvoidingView, Platform } from 'react-native';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import Ionicons from '@expo/vector-icons/Ionicons';
 import { Ionicons as Ionicons$1 } from '@expo/vector-icons';
@@ -343,7 +343,7 @@ function UIButton(props) {
   var color = element.color;
   var label = element.label;
   var icon = element.icon;
-  if (!color) color = 'primary';
+  if (!color) color = 'primaryLight';
   var styles = {
     buttonLabel: {
       color: '#ffffff',
@@ -1126,33 +1126,19 @@ function UIView(_ref) {
     StatusBar.setBarStyle('light-content');
     StatusBar.setBackgroundColor == null || StatusBar.setBackgroundColor(theme.colors.primary);
   }, []);
-  return /*#__PURE__*/jsx(SafeAreaProvider, {
-    style: scope.getStyle('safe', {}),
-    children: /*#__PURE__*/jsxs(SafeAreaView$1, {
-      style: scope.getStyle('view', styles$9.view),
-      children: [/*#__PURE__*/jsx(StatusBar, {
-        barStyle: "light-content"
-      }), /*#__PURE__*/jsxs(KeyboardAvoidingView, {
-        behavior: Platform.OS === 'ios' ? 'padding' : 'height',
-        style: {
-          flex: 1,
-          width: '100%',
-          justifyContent: 'center'
-        },
-        children: [header, /*#__PURE__*/jsx(View, {
-          style: scope.getStyle('container', styles$9.container),
-          children: /*#__PURE__*/jsx(ScrollView, {
-            keyboardShouldPersistTaps: "handled",
-            contentContainerStyle: scope.getStyle('contentContainer', {}),
-            style: scope.getStyle('scroll', styles$9.scroll),
-            children: /*#__PURE__*/jsx(UIChildren, {
-              scope: scope,
-              children: children
-            })
-          })
-        })]
-      })]
-    })
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [header, /*#__PURE__*/jsx(View, {
+      style: scope.getStyle('container', styles$9.container),
+      children: /*#__PURE__*/jsx(ScrollView, {
+        keyboardShouldPersistTaps: "handled",
+        contentContainerStyle: scope.getStyle('contentContainer', {}),
+        style: scope.getStyle('scroll', styles$9.scroll),
+        children: /*#__PURE__*/jsx(UIChildren, {
+          scope: scope,
+          children: children
+        })
+      })
+    })]
   });
 }
 var styles$9 = /*#__PURE__*/StyleSheet.create({
@@ -1607,6 +1593,30 @@ function UIInclude(props) {
   });
 }
 
+function SafeView(props) {
+  var _theme$colors;
+  var theme = useTheme();
+  return /*#__PURE__*/jsx(SafeAreaProvider, {
+    style: props.safeStyle,
+    children: /*#__PURE__*/jsxs(SafeAreaView$1, {
+      style: _extends({
+        backgroundColor: (_theme$colors = theme.colors) == null ? void 0 : _theme$colors.primary
+      }, props.viewStyle),
+      children: [/*#__PURE__*/jsx(StatusBar, {
+        barStyle: "light-content"
+      }), /*#__PURE__*/jsx(KeyboardAvoidingView, {
+        behavior: Platform.OS === 'ios' ? 'padding' : 'height',
+        style: {
+          flex: 1,
+          width: '100%',
+          justifyContent: 'center'
+        },
+        children: props.children
+      })]
+    })
+  });
+}
+
 var _excluded = ["type"];
 var UI = {
   List: function List(props) {
@@ -1806,7 +1816,8 @@ var UI = {
     return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
       type: "quantity"
     }));
-  }
+  },
+  SafeView: SafeView
 };
 
 export { UI };