react-crud-mobile 1.0.433 → 1.0.435

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

@@ -1,10 +1,12 @@
 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, Image } from 'react-native';
+import { View, StyleSheet, TouchableOpacity, Text, Linking, TouchableHighlight, Modal, StatusBar, SafeAreaView, Switch, TextInput, ScrollView, KeyboardAvoidingView, Platform, TouchableWithoutFeedback, Keyboard, Image } 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';
 import Icon from 'react-native-vector-icons/FontAwesome';
+import { StatusBar as StatusBar$1 } from 'expo-status-bar';
+import { SafeAreaProvider, SafeAreaView as SafeAreaView$1 } from 'react-native-safe-area-context';
 
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -1069,6 +1071,53 @@ var styles$9 = /*#__PURE__*/StyleSheet.create({
   }
 });
 
+function UIView(_ref) {
+  var scope = _ref.scope,
+    children = _ref.children;
+  var header = scope.getPart('header', null, []);
+  var dismissKeyboard = function dismissKeyboard() {
+    if (Platform.OS !== 'web') {
+      Keyboard.dismiss();
+    }
+  };
+  return /*#__PURE__*/jsxs(SafeAreaProvider, {
+    children: [/*#__PURE__*/jsx(StatusBar$1, {
+      style: "dark"
+    }), /*#__PURE__*/jsx(SafeAreaView$1, {
+      style: scope.getStyle('view', styles$a.view),
+      children: /*#__PURE__*/jsxs(KeyboardAvoidingView, {
+        behavior: Platform.OS === 'ios' ? 'padding' : 'height',
+        style: {
+          flex: 1,
+          justifyContent: 'center'
+        },
+        children: [header, /*#__PURE__*/jsx(View, {
+          style: scope.getStyle('container', styles$a.container),
+          children: /*#__PURE__*/jsx(ScrollView, {
+            keyboardShouldPersistTaps: "handled",
+            children: /*#__PURE__*/jsx(TouchableWithoutFeedback, {
+              onPress: dismissKeyboard,
+              accessible: false,
+              children: /*#__PURE__*/jsx(UIChildren, {
+                scope: scope,
+                children: children
+              })
+            })
+          })
+        })]
+      })
+    })]
+  });
+}
+var styles$a = /*#__PURE__*/StyleSheet.create({
+  container: {
+    backgroundColor: 'background'
+  },
+  view: {
+    backgroundColor: 'primary'
+  }
+});
+
 var CrudContext = /*#__PURE__*/createContext({});
 function UIElement(props) {
   var _original$list, _original$load;
@@ -1171,7 +1220,7 @@ function UIElement(props) {
     var _elementStyle$type;
     var type = Utils.nvl(original.type, 'none');
     var key = Utils.nvl(part, 'root');
-    var def = _extends({}, styles$a[key], elementStyle == null || (_elementStyle$type = elementStyle[type]) == null ? void 0 : _elementStyle$type[key]);
+    var def = _extends({}, styles$b[key], elementStyle == null || (_elementStyle$type = elementStyle[type]) == null ? void 0 : _elementStyle$type[key]);
     var hasChild = hasChildren();
     if (!part && !hasChild) {
       def = _extends({}, def);
@@ -1246,7 +1295,7 @@ function UIElement(props) {
     return /*#__PURE__*/jsx(Fragment, {});
   }
   var isShowChild = function isShowChild() {
-    if (scope.is('type', 'tabs', 'grid', 'list', 'define', 'repeat', 'modal', 'dialog', 'chart')) {
+    if (scope.isType('tabs', 'view', 'grid', 'list', 'define', 'repeat', 'modal', 'dialog', 'chart')) {
       return false;
     }
     return true;
@@ -1328,16 +1377,19 @@ function UIElement(props) {
             style: getStyle('error'),
             children: error
           })]
-        }), scope.isType('type', 'list', 'repeat') && /*#__PURE__*/jsx(UIList, _extends({}, props, {
+        }), scope.isType('list', 'repeat') && /*#__PURE__*/jsx(UIList, _extends({}, props, {
           scope: scope,
           crud: crud
-        })), scope.isType('type', 'dialog') && /*#__PURE__*/jsx(UIModal, _extends({}, props, {
+        })), scope.isType('dialog') && /*#__PURE__*/jsx(UIModal, _extends({}, props, {
           scope: scope,
           crud: crud
-        })), scope.isType('type', 'chart') && /*#__PURE__*/jsx(ElChart, _extends({}, props, {
+        })), scope.isType('chart') && /*#__PURE__*/jsx(ElChart, _extends({}, props, {
           scope: scope,
           crud: crud
-        })), scope.isType('type', 'tabs') && /*#__PURE__*/jsx(ElTabs, _extends({}, props, {
+        })), scope.isType('tabs') && /*#__PURE__*/jsx(ElTabs, _extends({}, props, {
+          scope: scope,
+          crud: crud
+        })), scope.isType('view') && /*#__PURE__*/jsx(UIView, _extends({}, props, {
           scope: scope,
           crud: crud
         })), isShowChild() && /*#__PURE__*/jsx(UIChildren, _extends({}, props, {
@@ -1417,7 +1469,7 @@ elementStyle.toggle = /*#__PURE__*/StyleSheet.create({
     flexWrap: 'nowrap'
   })
 });
-var styles$a = /*#__PURE__*/StyleSheet.create({
+var styles$b = /*#__PURE__*/StyleSheet.create({
   root: {
     gap: 5,
     flexDirection: 'column',