react-crud-mobile 1.0.38 → 1.0.41

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

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

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

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

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

@@ -10,6 +10,7 @@ var reactCrudUtils = require('react-crud-utils');
 var jsxRuntime = require('react/jsx-runtime');
 var Ionicons = _interopDefault(require('@expo/vector-icons/Ionicons'));
 var reactNative = require('react-native');
+var vectorIcons = require('@expo/vector-icons');
 
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -838,20 +839,71 @@ var styles$2 = {
 };
 
 function Button(props) {
-  var handlePress = function handlePress() {
-    reactNative.Linking.openURL('https://reactnative.dev/');
+  var scope = props.scope;
+  var element = scope.original;
+  var color = element.color;
+  var label = element.label;
+  var icon = element.icon;
+  if (!color) color = '#55a46f';
+  var styles = {
+    text: _extends({
+      color: '#ffffff',
+      lineHeight: 30,
+      fontWeight: '500',
+      textAlign: 'center'
+    }, element.textStyle),
+    inner: _extends({
+      flex: 1,
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      textAlign: 'center',
+      alignItems: 'center',
+      margin: 'auto'
+    }, element.textStyle),
+    icon: {
+      color: '#fff',
+      fontSize: 18,
+      paddingRight: 10
+    },
+    button: _extends({
+      padding: 5,
+      alignItems: 'center',
+      paddingLeft: 10,
+      paddingRight: 10,
+      minWidth: 200,
+      margin: 5,
+      textAlign: 'center',
+      verticalAling: 'middle',
+      lineHeight: 30,
+      borderRadius: 20,
+      backgroundColor: color,
+      color: '#ffffff'
+    }, element.buttonStyle)
   };
-  return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
-    onPress: handlePress,
-    children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
-      style: styles$3.link,
-      children: "Clique aqui para acessar o React Native"
+  var onClick = function onClick(e) {
+    if (typeof element.click === 'function') {
+      element.click(e);
+    }
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableHighlight, {
+    underlayColor: 'transparent',
+    onPress: onClick,
+    style: styles.button,
+    children: /*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
+      style: styles.inner,
+      children: [icon && /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/jsxRuntime.jsx(vectorIcons.Ionicons, {
+          size: 30,
+          style: styles.icon,
+          name: icon
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
+        style: styles.text,
+        children: label
+      })]
     })
   });
 }
-var styles$3 = {
-  link: {}
-};
 
 function Select(props) {
   var handlePress = function handlePress() {
@@ -860,12 +912,12 @@ function Select(props) {
   return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
     onPress: handlePress,
     children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
-      style: styles$4.link,
+      style: styles$3.link,
       children: "Clique aqui para acessar o React Native"
     })
   });
 }
-var styles$4 = {
+var styles$3 = {
   link: {}
 };
 
@@ -876,12 +928,12 @@ function Switch(props) {
   return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
     onPress: handlePress,
     children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
-      style: styles$5.link,
+      style: styles$4.link,
       children: "Clique aqui para acessar o React Native"
     })
   });
 }
-var styles$5 = {
+var styles$4 = {
   link: {}
 };
 
@@ -892,12 +944,12 @@ function Option(props) {
   return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
     onPress: handlePress,
     children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
-      style: styles$6.link,
+      style: styles$5.link,
       children: "Clique aqui para acessar o React Native"
     })
   });
 }
-var styles$6 = {
+var styles$5 = {
   link: {}
 };
 
@@ -908,29 +960,34 @@ function Radio(props) {
   return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
     onPress: handlePress,
     children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
-      style: styles$7.link,
+      style: styles$6.link,
       children: "Clique aqui para acessar o React Native"
     })
   });
 }
-var styles$7 = {
+var styles$6 = {
   link: {}
 };
 
 function Input(props) {
-  var handlePress = function handlePress() {
-    reactNative.Linking.openURL('https://reactnative.dev/');
+  var scope = props.scope;
+  var value = scope.getValue();
+  var onChange = function onChange(e) {
+    console.log(e);
   };
-  return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
-    onPress: handlePress,
-    children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
-      style: styles$8.link,
-      children: "Clique aqui para acessar o React Native"
-    })
+  return /*#__PURE__*/jsxRuntime.jsx(reactNative.TextInput, {
+    style: styles$7.input,
+    onChangeText: onChange,
+    value: value
   });
 }
-var styles$8 = {
-  link: {}
+var styles$7 = {
+  input: {
+    height: 40,
+    margin: 12,
+    borderWidth: 1,
+    padding: 10
+  }
 };
 
 function UIElement(props) {