react-crud-mobile 1.0.90 → 1.0.92

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

@@ -1,6 +1,6 @@
 import React, { useState, createElement, useRef, useEffect, useLayoutEffect } from 'react';
 import { Utils, ScopeUtils, Scope, CrudUtils, ComponentUtils, HtmlUtils } from 'react-crud-utils';
-import { View, StyleSheet, TouchableOpacity, Text, Linking, TouchableHighlight, TextInput, Image } from 'react-native';
+import { View, StyleSheet, TouchableOpacity, Text, Linking, TouchableHighlight, Switch, TextInput, 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';
@@ -418,7 +418,7 @@ function ElGridBotom(props) {
   });
 }
 
-function Icon(props) {
+function UIIcon(props) {
   var handlePress = function handlePress() {
     Linking.openURL('https://reactnative.dev/');
   };
@@ -450,7 +450,7 @@ function ElLabel(props) {
     if (typeof original.icon === 'string') {
       return /*#__PURE__*/jsx("div", {
         className: "ui-label-icon",
-        children: /*#__PURE__*/jsx(Icon, {
+        children: /*#__PURE__*/jsx(UIIcon, {
           className: scope.getIcon()
         })
       });
@@ -694,7 +694,7 @@ function ElChart(props) {
   });
 }
 
-function AutoComplete(props) {
+function UIAutoComplete(props) {
   var handlePress = function handlePress() {
     Linking.openURL('https://reactnative.dev/');
   };
@@ -714,7 +714,7 @@ function UIComplete(_ref) {
   var defaultsInput = _ref.defaultsInput,
     defaultsUI = _ref.defaultsUI;
   return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsx(AutoComplete, _extends({}, defaultsInput, defaultsUI))
+    children: /*#__PURE__*/jsx(UIAutoComplete, _extends({}, defaultsInput, defaultsUI))
   });
 }
 
@@ -770,7 +770,7 @@ function ElRepeat(props) {
   });
 }
 
-function Link(props) {
+function UILink(props) {
   var handlePress = function handlePress() {
     Linking.openURL('https://reactnative.dev/');
   };
@@ -786,7 +786,7 @@ var styles$3 = {
   link: {}
 };
 
-function Button(props) {
+function UIButton(props) {
   var scope = props.scope;
   var element = scope.original;
   var color = element.color;
@@ -853,7 +853,7 @@ function Button(props) {
   });
 }
 
-function Select(props) {
+function UISelect(props) {
   var handlePress = function handlePress() {
     Linking.openURL('https://reactnative.dev/');
   };
@@ -869,55 +869,55 @@ var styles$4 = {
   link: {}
 };
 
-function Switch(props) {
-  var handlePress = function handlePress() {
-    Linking.openURL('https://reactnative.dev/');
+function UISwitch(props) {
+  var scope = props.scope;
+  var initial = Utils.nvl(scope.getValue(), false);
+  var _useState = useState(initial),
+    value = _useState[0],
+    setValue = _useState[1];
+  var onChange = function onChange(v) {
+    scope.changeValue(v);
+    setValue(v);
   };
-  return /*#__PURE__*/jsx(TouchableOpacity, {
-    onPress: handlePress,
-    children: /*#__PURE__*/jsx(Text, {
-      style: styles$5.link,
-      children: "Clique aqui para acessar o React Native"
-    })
+  return /*#__PURE__*/jsx(Switch, {
+    value: value,
+    onValueChange: onChange // Alterna o estado
   });
 }
-var styles$5 = {
-  link: {}
-};
 
-function Option(props) {
+function UIOption(props) {
   var handlePress = function handlePress() {
     Linking.openURL('https://reactnative.dev/');
   };
   return /*#__PURE__*/jsx(TouchableOpacity, {
     onPress: handlePress,
     children: /*#__PURE__*/jsx(Text, {
-      style: styles$6.link,
+      style: styles$5.link,
       children: "Clique aqui para acessar o React Native"
     })
   });
 }
-var styles$6 = {
+var styles$5 = {
   link: {}
 };
 
-function Radio(props) {
+function UIRadio(props) {
   var handlePress = function handlePress() {
     Linking.openURL('https://reactnative.dev/');
   };
   return /*#__PURE__*/jsx(TouchableOpacity, {
     onPress: handlePress,
     children: /*#__PURE__*/jsx(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) {
+function UIInput(props) {
   var scope = props.scope;
   var initial = Utils.nvl(scope.getValue(), '');
   var label = scope.getLabel();
@@ -930,13 +930,13 @@ function Input(props) {
     setValue(v);
   };
   return /*#__PURE__*/jsx(TextInput, {
-    style: styles$8.input,
+    style: styles$7.input,
     onChangeText: onChange,
     value: value,
     placeholder: placeholder
   });
 }
-var styles$8 = /*#__PURE__*/StyleSheet.create({
+var styles$7 = /*#__PURE__*/StyleSheet.create({
   input: {
     borderRadius: 20,
     padding: 10,
@@ -1058,7 +1058,7 @@ function UIElement(props) {
     var _elementStyle$type, _elementStyle$type2;
     var type = Utils.nvl(original.type, 'none');
     var key = Utils.nvl(part, 'root');
-    var def = _extends({}, styles$9[key], elementStyle == null || (_elementStyle$type = elementStyle[type]) == null ? void 0 : _elementStyle$type[key]);
+    var def = _extends({}, styles$8[key], elementStyle == null || (_elementStyle$type = elementStyle[type]) == null ? void 0 : _elementStyle$type[key]);
     var hasChild = hasChildren();
     if (!part && !hasChild) {
       def = _extends({}, def, {
@@ -1101,7 +1101,7 @@ function UIElement(props) {
   });
   var CustomIcon = function CustomIcon() {
     if (typeof original.icon === 'string') {
-      return /*#__PURE__*/jsx(Icon, {
+      return /*#__PURE__*/jsx(UIIcon, {
         children: scope.getIcon()
       });
     }
@@ -1168,50 +1168,50 @@ function UIElement(props) {
         }), isShowInner() && /*#__PURE__*/jsxs(Fragment, {
           children: [/*#__PURE__*/jsxs(View, {
             style: getStyle('inner'),
-            children: [scope.is('type', 'button') && /*#__PURE__*/jsxs(Button, _extends({}, defaultsUI, {
+            children: [scope.is('type', 'button') && /*#__PURE__*/jsxs(UIButton, _extends({}, defaultsUI, {
               onClick: onClick,
               variant: scope.attr('variant', 'outlined'),
               children: [original.icon && /*#__PURE__*/jsx(CustomIcon, {}), original.label && /*#__PURE__*/jsx(Text, {
                 style: scope.getPart('label', 'button'),
                 children: scope.getLabel()
               })]
-            })), scope.is('type', 'icon') && /*#__PURE__*/jsx(Icon, _extends({}, defaultsUI, {
+            })), scope.is('type', 'icon') && /*#__PURE__*/jsx(UIIcon, _extends({}, defaultsUI, {
               onClick: onClick,
               variant: scope.attr('variant', 'outlined'),
               children: scope.getDisplayValue()
-            })), scope.is('type', 'link') && /*#__PURE__*/jsxs(Link, _extends({}, defaultsUI, {
+            })), scope.is('type', 'link') && /*#__PURE__*/jsxs(UILink, _extends({}, defaultsUI, {
               onClick: onClick,
               variant: scope.attr('variant', 'outlined'),
               children: [original.icon && /*#__PURE__*/jsx(CustomIcon, {}), original.label && /*#__PURE__*/jsx(Text, {
                 style: scope.getPart('label', 'link'),
                 children: scope.getLabel()
               })]
-            })), scope.is('type', 'text', 'number', 'phone', 'postalCode', 'money', 'password', 'email') && /*#__PURE__*/jsx(Input, _extends({}, defaultsInput, defaultsUI, {
+            })), scope.is('type', 'text', 'number', 'phone', 'postalCode', 'money', 'password', 'email') && /*#__PURE__*/jsx(UIInput, _extends({}, defaultsInput, defaultsUI, {
               InputProps: _extends({}, original.inputProps)
             })), scope.is('type', 'complete', 'autocomplete') && /*#__PURE__*/jsx(UIComplete, {
               scope: scope,
               defaultsInput: defaultsInput,
               defaultsUI: defaultsUI
-            }), scope.is('type', 'checkbox', 'boolean', 'switch') && /*#__PURE__*/jsx(Switch, _extends({
+            }), scope.is('type', 'checkbox', 'boolean', 'switch') && /*#__PURE__*/jsx(UISwitch, _extends({
               checked: isChecked()
             }, defaultsInput, {
               onChange: onCheck
-            })), scope.is('type', 'select') && /*#__PURE__*/jsxs(Select, _extends({}, defaultsInput, defaultsUI, {
+            })), scope.is('type', 'select') && /*#__PURE__*/jsxs(UISelect, _extends({}, defaultsInput, defaultsUI, {
               value: scope.getSelectedValue(),
-              children: [/*#__PURE__*/jsx(Option, {
+              children: [/*#__PURE__*/jsx(UIOption, {
                 value: '',
                 children: "Selecione"
               }), options.map(function (row, i) {
-                return /*#__PURE__*/jsx(Option, {
+                return /*#__PURE__*/jsx(UIOption, {
                   value: row.value,
                   children: row.label
                 }, 'i' + i);
               })]
-            })), scope.is('type', 'radio') && /*#__PURE__*/jsx(Radio, _extends({}, defaultsInput, defaultsUI, {
+            })), scope.is('type', 'radio') && /*#__PURE__*/jsx(UIRadio, _extends({}, defaultsInput, defaultsUI, {
               row: true,
               children: options.map(function (row, i) {
-                return /*#__PURE__*/jsx(Option, {
-                  control: /*#__PURE__*/jsx(Radio, _extends({}, defaultsUI)),
+                return /*#__PURE__*/jsx(UIOption, {
+                  control: /*#__PURE__*/jsx(UIRadio, _extends({}, defaultsUI)),
                   label: row.label,
                   value: row.value
                 }, 'i' + i);
@@ -1219,7 +1219,7 @@ function UIElement(props) {
             })), scope.is('type', 'custom') && /*#__PURE__*/jsx(Custom, {}), scope.is('type', 'column') && /*#__PURE__*/jsxs(Fragment, {
               children: [scope.is('format', 'img') && /*#__PURE__*/jsx(Image, {
                 source: scope.getDisplayValue()
-              }), scope.is('format', 'icon') && /*#__PURE__*/jsx(Icon, {
+              }), scope.is('format', 'icon') && /*#__PURE__*/jsx(UIIcon, {
                 className: scope.getDisplayValue()
               }), !scope.is('format', 'icon', 'img') && /*#__PURE__*/jsx(Text, {
                 children: scope.getDisplayValue()
@@ -1260,7 +1260,7 @@ elementStyle.card = /*#__PURE__*/StyleSheet.create({
     paddingTop: 5
   }
 });
-var styles$9 = /*#__PURE__*/StyleSheet.create({
+var styles$8 = /*#__PURE__*/StyleSheet.create({
   root: {
     gap: 5,
     flexDirection: 'column',
@@ -1467,7 +1467,12 @@ var UI = {
   },
   Checkbox: function Checkbox(props) {
     return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
-      type: "checkbox"
+      type: "switch"
+    }));
+  },
+  Switch: function Switch(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "switch"
     }));
   },
   Radio: function Radio(props) {