react-crud-mobile 1.0.433 → 1.0.435

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ChildType } from 'react-crud-utils';
+export default function UIView({ scope, children }: ChildType): import("react").JSX.Element;

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

@@ -12,6 +12,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var Ionicons = _interopDefault(require('@expo/vector-icons/Ionicons'));
 var vectorIcons = require('@expo/vector-icons');
 var Icon = _interopDefault(require('react-native-vector-icons/FontAwesome'));
+var expoStatusBar = require('expo-status-bar');
+var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -1076,6 +1078,53 @@ var styles$9 = /*#__PURE__*/reactNative.StyleSheet.create({
   }
 });
 
+function UIView(_ref) {
+  var scope = _ref.scope,
+    children = _ref.children;
+  var header = scope.getPart('header', null, []);
+  var dismissKeyboard = function dismissKeyboard() {
+    if (reactNative.Platform.OS !== 'web') {
+      reactNative.Keyboard.dismiss();
+    }
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(reactNativeSafeAreaContext.SafeAreaProvider, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(expoStatusBar.StatusBar, {
+      style: "dark"
+    }), /*#__PURE__*/jsxRuntime.jsx(reactNativeSafeAreaContext.SafeAreaView, {
+      style: scope.getStyle('view', styles$a.view),
+      children: /*#__PURE__*/jsxRuntime.jsxs(reactNative.KeyboardAvoidingView, {
+        behavior: reactNative.Platform.OS === 'ios' ? 'padding' : 'height',
+        style: {
+          flex: 1,
+          justifyContent: 'center'
+        },
+        children: [header, /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
+          style: scope.getStyle('container', styles$a.container),
+          children: /*#__PURE__*/jsxRuntime.jsx(reactNative.ScrollView, {
+            keyboardShouldPersistTaps: "handled",
+            children: /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableWithoutFeedback, {
+              onPress: dismissKeyboard,
+              accessible: false,
+              children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
+                scope: scope,
+                children: children
+              })
+            })
+          })
+        })]
+      })
+    })]
+  });
+}
+var styles$a = /*#__PURE__*/reactNative.StyleSheet.create({
+  container: {
+    backgroundColor: 'background'
+  },
+  view: {
+    backgroundColor: 'primary'
+  }
+});
+
 var CrudContext = /*#__PURE__*/React.createContext({});
 function UIElement(props) {
   var _original$list, _original$load;
@@ -1178,7 +1227,7 @@ function UIElement(props) {
     var _elementStyle$type;
     var type = reactCrudUtils.Utils.nvl(original.type, 'none');
     var key = reactCrudUtils.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);
@@ -1253,7 +1302,7 @@ function UIElement(props) {
     return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.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;
@@ -1335,16 +1384,19 @@ function UIElement(props) {
             style: getStyle('error'),
             children: error
           })]
-        }), scope.isType('type', 'list', 'repeat') && /*#__PURE__*/jsxRuntime.jsx(UIList, _extends({}, props, {
+        }), scope.isType('list', 'repeat') && /*#__PURE__*/jsxRuntime.jsx(UIList, _extends({}, props, {
           scope: scope,
           crud: crud
-        })), scope.isType('type', 'dialog') && /*#__PURE__*/jsxRuntime.jsx(UIModal, _extends({}, props, {
+        })), scope.isType('dialog') && /*#__PURE__*/jsxRuntime.jsx(UIModal, _extends({}, props, {
           scope: scope,
           crud: crud
-        })), scope.isType('type', 'chart') && /*#__PURE__*/jsxRuntime.jsx(ElChart, _extends({}, props, {
+        })), scope.isType('chart') && /*#__PURE__*/jsxRuntime.jsx(ElChart, _extends({}, props, {
           scope: scope,
           crud: crud
-        })), scope.isType('type', 'tabs') && /*#__PURE__*/jsxRuntime.jsx(ElTabs, _extends({}, props, {
+        })), scope.isType('tabs') && /*#__PURE__*/jsxRuntime.jsx(ElTabs, _extends({}, props, {
+          scope: scope,
+          crud: crud
+        })), scope.isType('view') && /*#__PURE__*/jsxRuntime.jsx(UIView, _extends({}, props, {
           scope: scope,
           crud: crud
         })), isShowChild() && /*#__PURE__*/jsxRuntime.jsx(UIChildren, _extends({}, props, {
@@ -1424,7 +1476,7 @@ elementStyle.toggle = /*#__PURE__*/reactNative.StyleSheet.create({
     flexWrap: 'nowrap'
   })
 });
-var styles$a = /*#__PURE__*/reactNative.StyleSheet.create({
+var styles$b = /*#__PURE__*/reactNative.StyleSheet.create({
   root: {
     gap: 5,
     flexDirection: 'column',