react-crud-mobile 1.0.90 → 1.0.92

package/dist/elements/UI.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
-import { ListType } from "react-crud-utils";
-import { UserType } from "react-crud-utils";
-import { InputType } from "react-crud-utils";
-import { ChartType } from "react-crud-utils";
-import { ContainerType } from "react-crud-utils";
-import { ListInputType } from "react-crud-utils";
-import { TabsType } from "react-crud-utils";
-import { DefineType } from "react-crud-utils";
-import { ButtonType } from "react-crud-utils";
-import { LinkType } from "react-crud-utils";
+import { ListType } from 'react-crud-utils';
+import { UserType } from 'react-crud-utils';
+import { InputType } from 'react-crud-utils';
+import { ChartType } from 'react-crud-utils';
+import { ContainerType } from 'react-crud-utils';
+import { ListInputType } from 'react-crud-utils';
+import { TabsType } from 'react-crud-utils';
+import { DefineType } from 'react-crud-utils';
+import { ButtonType } from 'react-crud-utils';
+import { LinkType } from 'react-crud-utils';
 declare const UI: {
     Grid: (props: ListType) => import("react").JSX.Element;
     Repeat: (props: ListType) => import("react").JSX.Element;
@@ -39,6 +39,7 @@ declare const UI: {
     Password: (props: InputType) => import("react").JSX.Element;
     Complete: (props: InputType) => import("react").JSX.Element;
     Checkbox: (props: InputType) => import("react").JSX.Element;
+    Switch: (props: InputType) => import("react").JSX.Element;
     Radio: (props: ListInputType) => import("react").JSX.Element;
     Select: (props: ListInputType) => import("react").JSX.Element;
     Entity: (props: ListInputType) => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function UIAutoComplete(props: any): import("react").JSX.Element;

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

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

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function UIIcon(props: any): import("react").JSX.Element;

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

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

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function UILink(props: any): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function UIOption(props: any): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function UIRadio(props: any): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function UISelect(props: any): import("react").JSX.Element;

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

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

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

@@ -425,7 +425,7 @@ function ElGridBotom(props) {
   });
 }
 
-function Icon(props) {
+function UIIcon(props) {
   var handlePress = function handlePress() {
     reactNative.Linking.openURL('https://reactnative.dev/');
   };
@@ -457,7 +457,7 @@ function ElLabel(props) {
     if (typeof original.icon === 'string') {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "ui-label-icon",
-        children: /*#__PURE__*/jsxRuntime.jsx(Icon, {
+        children: /*#__PURE__*/jsxRuntime.jsx(UIIcon, {
           className: scope.getIcon()
         })
       });
@@ -701,7 +701,7 @@ function ElChart(props) {
   });
 }
 
-function AutoComplete(props) {
+function UIAutoComplete(props) {
   var handlePress = function handlePress() {
     reactNative.Linking.openURL('https://reactnative.dev/');
   };
@@ -721,7 +721,7 @@ function UIComplete(_ref) {
   var defaultsInput = _ref.defaultsInput,
     defaultsUI = _ref.defaultsUI;
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /*#__PURE__*/jsxRuntime.jsx(AutoComplete, _extends({}, defaultsInput, defaultsUI))
+    children: /*#__PURE__*/jsxRuntime.jsx(UIAutoComplete, _extends({}, defaultsInput, defaultsUI))
   });
 }
 
@@ -777,7 +777,7 @@ function ElRepeat(props) {
   });
 }
 
-function Link(props) {
+function UILink(props) {
   var handlePress = function handlePress() {
     reactNative.Linking.openURL('https://reactnative.dev/');
   };
@@ -793,7 +793,7 @@ var styles$3 = {
   link: {}
 };
 
-function Button(props) {
+function UIButton(props) {
   var scope = props.scope;
   var element = scope.original;
   var color = element.color;
@@ -860,7 +860,7 @@ function Button(props) {
   });
 }
 
-function Select(props) {
+function UISelect(props) {
   var handlePress = function handlePress() {
     reactNative.Linking.openURL('https://reactnative.dev/');
   };
@@ -876,55 +876,55 @@ var styles$4 = {
   link: {}
 };
 
-function Switch(props) {
-  var handlePress = function handlePress() {
-    reactNative.Linking.openURL('https://reactnative.dev/');
+function UISwitch(props) {
+  var scope = props.scope;
+  var initial = reactCrudUtils.Utils.nvl(scope.getValue(), false);
+  var _useState = React.useState(initial),
+    value = _useState[0],
+    setValue = _useState[1];
+  var onChange = function onChange(v) {
+    scope.changeValue(v);
+    setValue(v);
   };
-  return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
-    onPress: handlePress,
-    children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
-      style: styles$5.link,
-      children: "Clique aqui para acessar o React Native"
-    })
+  return /*#__PURE__*/jsxRuntime.jsx(reactNative.Switch, {
+    value: value,
+    onValueChange: onChange // Alterna o estado
   });
 }
-var styles$5 = {
-  link: {}
-};
 
-function Option(props) {
+function UIOption(props) {
   var handlePress = function handlePress() {
     reactNative.Linking.openURL('https://reactnative.dev/');
   };
   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: {}
 };
 
-function Radio(props) {
+function UIRadio(props) {
   var handlePress = function handlePress() {
     reactNative.Linking.openURL('https://reactnative.dev/');
   };
   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) {
+function UIInput(props) {
   var scope = props.scope;
   var initial = reactCrudUtils.Utils.nvl(scope.getValue(), '');
   var label = scope.getLabel();
@@ -937,13 +937,13 @@ function Input(props) {
     setValue(v);
   };
   return /*#__PURE__*/jsxRuntime.jsx(reactNative.TextInput, {
-    style: styles$8.input,
+    style: styles$7.input,
     onChangeText: onChange,
     value: value,
     placeholder: placeholder
   });
 }
-var styles$8 = /*#__PURE__*/reactNative.StyleSheet.create({
+var styles$7 = /*#__PURE__*/reactNative.StyleSheet.create({
   input: {
     borderRadius: 20,
     padding: 10,
@@ -1065,7 +1065,7 @@ function UIElement(props) {
     var _elementStyle$type, _elementStyle$type2;
     var type = reactCrudUtils.Utils.nvl(original.type, 'none');
     var key = reactCrudUtils.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, {
@@ -1108,7 +1108,7 @@ function UIElement(props) {
   });
   var CustomIcon = function CustomIcon() {
     if (typeof original.icon === 'string') {
-      return /*#__PURE__*/jsxRuntime.jsx(Icon, {
+      return /*#__PURE__*/jsxRuntime.jsx(UIIcon, {
         children: scope.getIcon()
       });
     }
@@ -1175,50 +1175,50 @@ function UIElement(props) {
         }), isShowInner() && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [/*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
             style: getStyle('inner'),
-            children: [scope.is('type', 'button') && /*#__PURE__*/jsxRuntime.jsxs(Button, _extends({}, defaultsUI, {
+            children: [scope.is('type', 'button') && /*#__PURE__*/jsxRuntime.jsxs(UIButton, _extends({}, defaultsUI, {
               onClick: onClick,
               variant: scope.attr('variant', 'outlined'),
               children: [original.icon && /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {}), original.label && /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
                 style: scope.getPart('label', 'button'),
                 children: scope.getLabel()
               })]
-            })), scope.is('type', 'icon') && /*#__PURE__*/jsxRuntime.jsx(Icon, _extends({}, defaultsUI, {
+            })), scope.is('type', 'icon') && /*#__PURE__*/jsxRuntime.jsx(UIIcon, _extends({}, defaultsUI, {
               onClick: onClick,
               variant: scope.attr('variant', 'outlined'),
               children: scope.getDisplayValue()
-            })), scope.is('type', 'link') && /*#__PURE__*/jsxRuntime.jsxs(Link, _extends({}, defaultsUI, {
+            })), scope.is('type', 'link') && /*#__PURE__*/jsxRuntime.jsxs(UILink, _extends({}, defaultsUI, {
               onClick: onClick,
               variant: scope.attr('variant', 'outlined'),
               children: [original.icon && /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {}), original.label && /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
                 style: scope.getPart('label', 'link'),
                 children: scope.getLabel()
               })]
-            })), scope.is('type', 'text', 'number', 'phone', 'postalCode', 'money', 'password', 'email') && /*#__PURE__*/jsxRuntime.jsx(Input, _extends({}, defaultsInput, defaultsUI, {
+            })), scope.is('type', 'text', 'number', 'phone', 'postalCode', 'money', 'password', 'email') && /*#__PURE__*/jsxRuntime.jsx(UIInput, _extends({}, defaultsInput, defaultsUI, {
               InputProps: _extends({}, original.inputProps)
             })), scope.is('type', 'complete', 'autocomplete') && /*#__PURE__*/jsxRuntime.jsx(UIComplete, {
               scope: scope,
               defaultsInput: defaultsInput,
               defaultsUI: defaultsUI
-            }), scope.is('type', 'checkbox', 'boolean', 'switch') && /*#__PURE__*/jsxRuntime.jsx(Switch, _extends({
+            }), scope.is('type', 'checkbox', 'boolean', 'switch') && /*#__PURE__*/jsxRuntime.jsx(UISwitch, _extends({
               checked: isChecked()
             }, defaultsInput, {
               onChange: onCheck
-            })), scope.is('type', 'select') && /*#__PURE__*/jsxRuntime.jsxs(Select, _extends({}, defaultsInput, defaultsUI, {
+            })), scope.is('type', 'select') && /*#__PURE__*/jsxRuntime.jsxs(UISelect, _extends({}, defaultsInput, defaultsUI, {
               value: scope.getSelectedValue(),
-              children: [/*#__PURE__*/jsxRuntime.jsx(Option, {
+              children: [/*#__PURE__*/jsxRuntime.jsx(UIOption, {
                 value: '',
                 children: "Selecione"
               }), options.map(function (row, i) {
-                return /*#__PURE__*/jsxRuntime.jsx(Option, {
+                return /*#__PURE__*/jsxRuntime.jsx(UIOption, {
                   value: row.value,
                   children: row.label
                 }, 'i' + i);
               })]
-            })), scope.is('type', 'radio') && /*#__PURE__*/jsxRuntime.jsx(Radio, _extends({}, defaultsInput, defaultsUI, {
+            })), scope.is('type', 'radio') && /*#__PURE__*/jsxRuntime.jsx(UIRadio, _extends({}, defaultsInput, defaultsUI, {
               row: true,
               children: options.map(function (row, i) {
-                return /*#__PURE__*/jsxRuntime.jsx(Option, {
-                  control: /*#__PURE__*/jsxRuntime.jsx(Radio, _extends({}, defaultsUI)),
+                return /*#__PURE__*/jsxRuntime.jsx(UIOption, {
+                  control: /*#__PURE__*/jsxRuntime.jsx(UIRadio, _extends({}, defaultsUI)),
                   label: row.label,
                   value: row.value
                 }, 'i' + i);
@@ -1226,7 +1226,7 @@ function UIElement(props) {
             })), scope.is('type', 'custom') && /*#__PURE__*/jsxRuntime.jsx(Custom, {}), scope.is('type', 'column') && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
               children: [scope.is('format', 'img') && /*#__PURE__*/jsxRuntime.jsx(reactNative.Image, {
                 source: scope.getDisplayValue()
-              }), scope.is('format', 'icon') && /*#__PURE__*/jsxRuntime.jsx(Icon, {
+              }), scope.is('format', 'icon') && /*#__PURE__*/jsxRuntime.jsx(UIIcon, {
                 className: scope.getDisplayValue()
               }), !scope.is('format', 'icon', 'img') && /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
                 children: scope.getDisplayValue()
@@ -1267,7 +1267,7 @@ elementStyle.card = /*#__PURE__*/reactNative.StyleSheet.create({
     paddingTop: 5
   }
 });
-var styles$9 = /*#__PURE__*/reactNative.StyleSheet.create({
+var styles$8 = /*#__PURE__*/reactNative.StyleSheet.create({
   root: {
     gap: 5,
     flexDirection: 'column',
@@ -1474,7 +1474,12 @@ var UI = {
   },
   Checkbox: function Checkbox(props) {
     return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
-      type: "checkbox"
+      type: "switch"
+    }));
+  },
+  Switch: function Switch(props) {
+    return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
+      type: "switch"
     }));
   },
   Radio: function Radio(props) {