react-crud-mobile 1.1.3 → 1.3.2

package/src/elements/UIChildren.tsx

@@ -1,6 +1,7 @@
-import React, { useState } from "react";
-import UIElement from "./UIElement";
-import { Crud, Scope, ScopeUtils, Utils } from "react-crud-utils";
+import React, { useState } from 'react';
+import UIElement from './UIElement';
+import { Crud, Scope, ScopeUtils, Utils } from 'react-crud-utils';
+import { StyleSheet, View } from 'react-native';
 
 interface UIChildrenType {
   scope: Scope;
@@ -10,14 +11,15 @@ interface UIChildrenType {
   elements?: any;
   transient?: boolean;
   part?: string;
+  style?: any;
   childProps?: any;
 }
 
 export default function UIChildren(props: UIChildrenType) {
   let [scope] = useState(Utils.nvl(props.scope, ScopeUtils.create(props)));
   let crud = Utils.nvl(props.crud, scope.crud);
-  let validateScope = Utils.nvl(props.validateScope, "global");
-  let name = Utils.nvl(props.part, "child");
+  let validateScope = Utils.nvl(props.validateScope, 'global');
+  let name = Utils.nvl(props.part, 'child');
 
   if (scope.isInput()) {
     return <></>;
@@ -27,7 +29,7 @@ export default function UIChildren(props: UIChildrenType) {
     if (!child) {
       return <></>;
     }
-    if (typeof child === "string") {
+    if (typeof child === 'string') {
       return <>{child}</>;
     }
 
@@ -36,7 +38,7 @@ export default function UIChildren(props: UIChildrenType) {
 
     delete pps.children;
 
-    if (typeof Custom === "string") {
+    if (typeof Custom === 'string') {
       if (Utils.isEmpty(child.props.children)) {
         return <Custom {...pps} />;
       }
@@ -51,7 +53,7 @@ export default function UIChildren(props: UIChildrenType) {
           ></UIChildren>
         </Custom>
       );
-    } else if (typeof Custom === "function") {
+    } else if (typeof Custom === 'function') {
       return (
         <Custom
           validateScope={validateScope}
@@ -62,7 +64,7 @@ export default function UIChildren(props: UIChildrenType) {
       );
     }
 
-    if (!Utils.isEmpty(child.props.children)) {
+    if (!Utils.isEmpty(child.props?.children)) {
       return (
         <UIChildren
           validateScope={validateScope}
@@ -88,7 +90,7 @@ export default function UIChildren(props: UIChildrenType) {
     }
     return (
       <>
-        {React.Children.map(props.children, (child) => {
+        {React.Children.map(props.children, child => {
           return <Paint child={child}></Paint>;
         })}
       </>
@@ -103,15 +105,35 @@ export default function UIChildren(props: UIChildrenType) {
     return <></>;
   }
 
+  const getStyle = (part?: string) => {
+    let key = Utils.nvl(part, 'root');
+    let def = styles[key];
+    let css = {};
+
+    if (!Utils.isEmpty(props.style)) {
+      if (props.style?.push) {
+        Utils.each(props.style, s => {
+          if (s) {
+            css = { ...css, ...s };
+          }
+        });
+      } else {
+        css = { ...props.style };
+      }
+    }
+    return { ...def, ...css, ...scope.getStyle(part) };
+  };
+
   return (
     <>
-      <div
-        className={scope.getStyleClass(name)}
-        style={scope.getStyle(name)}
-        {...props.childProps}
-      >
+      <View style={getStyle(name)}>
         <Draw />
-      </div>
+      </View>
     </>
   );
 }
+
+const styles = StyleSheet.create({
+  child: { width: '100%' },
+  inner: { width: '100%' },
+});

package/src/elements/UIComplete.tsx

@@ -1,6 +1,5 @@
-import React from 'react';
 import { ChildType } from 'react-crud-utils';
-import AutoComplete from './core/AutoComplete';
+import AutoComplete from './core/UIAutoComplete';
 
 export default function UIComplete({
   defaultsInput,