react-crud-mobile 1.0.511 → 1.0.513

package/dist/elements/UI.d.ts

@@ -9,6 +9,7 @@ import { TabsType } from 'react-crud-utils';
 import { DefineType } from 'react-crud-utils';
 import { ButtonType } from 'react-crud-utils';
 import { LinkType } from 'react-crud-utils';
+import SafeView from './core/SafeView';
 declare const UI: {
     List: (props: ListType) => import("react").JSX.Element;
     Row: (props: UserType) => import("react").JSX.Element;
@@ -49,5 +50,6 @@ declare const UI: {
     Entity: (props: ListInputType) => import("react").JSX.Element;
     Element: (props: ListInputType) => import("react").JSX.Element;
     Quantity: (props: ListInputType) => import("react").JSX.Element;
+    SafeView: typeof SafeView;
 };
 export default UI;

package/dist/elements/core/SafeView.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { StyleProp, ViewStyle } from 'react-native';
+interface SafeViewType {
+    safeStyle?: StyleProp<ViewStyle> | any;
+    viewStyle?: StyleProp<ViewStyle> | any;
+    children?: any;
+}
+export default function SafeView(props: SafeViewType): import("react").JSX.Element;
+export {};

package/dist/react-crud-mobile.cjs.development.js

@@ -350,7 +350,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',
@@ -1133,33 +1133,19 @@ function UIView(_ref) {
     reactNative.StatusBar.setBarStyle('light-content');
     reactNative.StatusBar.setBackgroundColor == null || reactNative.StatusBar.setBackgroundColor(theme.colors.primary);
   }, []);
-  return /*#__PURE__*/jsxRuntime.jsx(reactNativeSafeAreaContext.SafeAreaProvider, {
-    style: scope.getStyle('safe', {}),
-    children: /*#__PURE__*/jsxRuntime.jsxs(reactNativeSafeAreaContext.SafeAreaView, {
-      style: scope.getStyle('view', styles$9.view),
-      children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.StatusBar, {
-        barStyle: "light-content"
-      }), /*#__PURE__*/jsxRuntime.jsxs(reactNative.KeyboardAvoidingView, {
-        behavior: reactNative.Platform.OS === 'ios' ? 'padding' : 'height',
-        style: {
-          flex: 1,
-          width: '100%',
-          justifyContent: 'center'
-        },
-        children: [header, /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
-          style: scope.getStyle('container', styles$9.container),
-          children: /*#__PURE__*/jsxRuntime.jsx(reactNative.ScrollView, {
-            keyboardShouldPersistTaps: "handled",
-            contentContainerStyle: scope.getStyle('contentContainer', {}),
-            style: scope.getStyle('scroll', styles$9.scroll),
-            children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
-              scope: scope,
-              children: children
-            })
-          })
-        })]
-      })]
-    })
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [header, /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
+      style: scope.getStyle('container', styles$9.container),
+      children: /*#__PURE__*/jsxRuntime.jsx(reactNative.ScrollView, {
+        keyboardShouldPersistTaps: "handled",
+        contentContainerStyle: scope.getStyle('contentContainer', {}),
+        style: scope.getStyle('scroll', styles$9.scroll),
+        children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
+          scope: scope,
+          children: children
+        })
+      })
+    })]
   });
 }
 var styles$9 = /*#__PURE__*/reactNative.StyleSheet.create({
@@ -1614,6 +1600,30 @@ function UIInclude(props) {
   });
 }
 
+function SafeView(props) {
+  var _theme$colors;
+  var theme = reactCrudUtils.useTheme();
+  return /*#__PURE__*/jsxRuntime.jsx(reactNativeSafeAreaContext.SafeAreaProvider, {
+    style: props.safeStyle,
+    children: /*#__PURE__*/jsxRuntime.jsxs(reactNativeSafeAreaContext.SafeAreaView, {
+      style: _extends({
+        backgroundColor: (_theme$colors = theme.colors) == null ? void 0 : _theme$colors.primary
+      }, props.viewStyle),
+      children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.StatusBar, {
+        barStyle: "light-content"
+      }), /*#__PURE__*/jsxRuntime.jsx(reactNative.KeyboardAvoidingView, {
+        behavior: reactNative.Platform.OS === 'ios' ? 'padding' : 'height',
+        style: {
+          flex: 1,
+          width: '100%',
+          justifyContent: 'center'
+        },
+        children: props.children
+      })]
+    })
+  });
+}
+
 var _excluded = ["type"];
 var UI = {
   List: function List(props) {
@@ -1813,7 +1823,8 @@ var UI = {
     return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
       type: "quantity"
     }));
-  }
+  },
+  SafeView: SafeView
 };
 
 exports.UI = UI;