react-crud-mobile 1.0.91 → 1.0.92

package/src/elements/UIElement.tsx

@@ -13,14 +13,14 @@ import {
   Utils,
   ElementType,
 } from 'react-crud-utils';
-import Link from './core/Link';
-import Icon from './core/Icon';
-import Button from './core/Button';
-import Select from './core/Select';
-import Switch from './core/Switch';
-import Option from './core/Option';
-import Radio from './core/Radio';
-import Input from './core/Input';
+import UILink from './core/UILink';
+import UIIcon from './core/UIIcon';
+import UIButton from './core/UIButton';
+import UISelect from './core/UISelect';
+import UISwitch from './core/UISwitch';
+import UIOption from './core/UIOption';
+import UIRadio from './core/UIRadio';
+import UIInput from './core/UIInput';
 import { Image, Linking, StyleSheet, Text, View } from 'react-native';
 
 export default function UIElement(props: ElementType) {
@@ -193,7 +193,7 @@ export default function UIElement(props: ElementType) {
 
   const CustomIcon = () => {
     if (typeof original.icon === 'string') {
-      return <Icon>{scope.getIcon()}</Icon>;
+      return <UIIcon>{scope.getIcon()}</UIIcon>;
     }
     return <>{original.icon}</>;
   };
@@ -264,7 +264,7 @@ export default function UIElement(props: ElementType) {
             <>
               <View style={getStyle('inner')}>
                 {scope.is('type', 'button') && (
-                  <Button
+                  <UIButton
                     {...defaultsUI}
                     onClick={onClick}
                     variant={scope.attr('variant', 'outlined')}
@@ -275,19 +275,19 @@ export default function UIElement(props: ElementType) {
                         {scope.getLabel()}
                       </Text>
                     )}
-                  </Button>
+                  </UIButton>
                 )}
                 {scope.is('type', 'icon') && (
-                  <Icon
+                  <UIIcon
                     {...defaultsUI}
                     onClick={onClick}
                     variant={scope.attr('variant', 'outlined')}
                   >
                     {scope.getDisplayValue()}
-                  </Icon>
+                  </UIIcon>
                 )}
                 {scope.is('type', 'link') && (
-                  <Link
+                  <UILink
                     {...defaultsUI}
                     onClick={onClick}
                     variant={scope.attr('variant', 'outlined')}
@@ -298,7 +298,7 @@ export default function UIElement(props: ElementType) {
                         {scope.getLabel()}
                       </Text>
                     )}
-                  </Link>
+                  </UILink>
                 )}
                 {scope.is(
                   'type',
@@ -310,7 +310,7 @@ export default function UIElement(props: ElementType) {
                   'password',
                   'email'
                 ) && (
-                  <Input
+                  <UIInput
                     {...defaultsInput}
                     {...defaultsUI}
                     InputProps={{ ...original.inputProps }}
@@ -324,37 +324,37 @@ export default function UIElement(props: ElementType) {
                   />
                 )}
                 {scope.is('type', 'checkbox', 'boolean', 'switch') && (
-                  <Switch
+                  <UISwitch
                     checked={isChecked()}
                     {...defaultsInput}
                     onChange={onCheck}
                   />
                 )}
                 {scope.is('type', 'select') && (
-                  <Select
+                  <UISelect
                     {...defaultsInput}
                     {...defaultsUI}
                     value={scope.getSelectedValue()}
                   >
-                    <Option value={''}>Selecione</Option>
+                    <UIOption value={''}>Selecione</UIOption>
                     {options.map((row: any, i: number) => (
-                      <Option key={'i' + i} value={row.value}>
+                      <UIOption key={'i' + i} value={row.value}>
                         {row.label}
-                      </Option>
+                      </UIOption>
                     ))}
-                  </Select>
+                  </UISelect>
                 )}
                 {scope.is('type', 'radio') && (
-                  <Radio {...defaultsInput} {...defaultsUI} row>
+                  <UIRadio {...defaultsInput} {...defaultsUI} row>
                     {options.map((row: any, i: number) => (
-                      <Option
+                      <UIOption
                         key={'i' + i}
-                        control={<Radio {...defaultsUI} />}
+                        control={<UIRadio {...defaultsUI} />}
                         label={row.label}
                         value={row.value}
                       />
                     ))}
-                  </Radio>
+                  </UIRadio>
                 )}
                 {scope.is('type', 'custom') && <Custom />}
                 {scope.is('type', 'column') && (
@@ -363,7 +363,7 @@ export default function UIElement(props: ElementType) {
                       <Image source={scope.getDisplayValue()} />
                     )}
                     {scope.is('format', 'icon') && (
-                      <Icon className={scope.getDisplayValue()} />
+                      <UIIcon className={scope.getDisplayValue()} />
                     )}
                     {!scope.is('format', 'icon', 'img') && (
                       <Text>{scope.getDisplayValue()}</Text>

package/src/elements/core/{AutoComplete.tsx → UIAutoComplete.tsx}

@@ -1,6 +1,6 @@
 import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';
 
-export default function AutoComplete(props: any) {
+export default function UIAutoComplete(props: any) {
   const handlePress = () => {
     Linking.openURL('https://reactnative.dev/');
   };

package/src/elements/core/{Button.tsx → UIButton.tsx}

@@ -2,7 +2,7 @@ import { Ionicons } from '@expo/vector-icons';
 import { ChildType } from 'react-crud-utils';
 import { Text, TouchableHighlight, View } from 'react-native';
 
-export default function Button(props: ChildType) {
+export default function UIButton(props: ChildType) {
   let scope = props.scope;
   let element = scope.original;
 

package/src/elements/core/{Radio.tsx → UIIcon.tsx}

@@ -1,6 +1,6 @@
 import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';
 
-export default function Radio(props: any) {
+export default function UIIcon(props: any) {
   const handlePress = () => {
     Linking.openURL('https://reactnative.dev/');
   };

package/src/elements/core/{Input.tsx → UIInput.tsx}

@@ -2,7 +2,7 @@ import { useState } from 'react';
 import { ChildType, Utils } from 'react-crud-utils';
 import { StyleSheet, TextInput } from 'react-native';
 
-export default function Input(props: ChildType) {
+export default function UIInput(props: ChildType) {
   let scope = props.scope;
   let initial = Utils.nvl(scope.getValue(), '');
 

package/src/elements/core/{Icon.tsx → UILink.tsx}

@@ -1,6 +1,6 @@
 import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';
 
-export default function Icon(props: any) {
+export default function UILink(props: any) {
   const handlePress = () => {
     Linking.openURL('https://reactnative.dev/');
   };

package/src/elements/core/{Option.tsx → UIOption.tsx}

@@ -1,6 +1,6 @@
 import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';
 
-export default function Option(props: any) {
+export default function UIOption(props: any) {
   const handlePress = () => {
     Linking.openURL('https://reactnative.dev/');
   };

package/src/elements/core/{Link.tsx → UIRadio.tsx}

@@ -1,6 +1,6 @@
 import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';
 
-export default function Link(props: any) {
+export default function UIRadio(props: any) {
   const handlePress = () => {
     Linking.openURL('https://reactnative.dev/');
   };

package/src/elements/core/UISelect.tsx

@@ -0,0 +1,17 @@
+import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';
+
+export default function UISelect(props: any) {
+  const handlePress = () => {
+    Linking.openURL('https://reactnative.dev/');
+  };
+
+  return (
+    <TouchableOpacity onPress={handlePress}>
+      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>
+    </TouchableOpacity>
+  );
+}
+
+const styles = {
+  link: {},
+};

package/src/elements/core/{Switch.tsx → UISwitch.tsx}

@@ -2,7 +2,7 @@ import { useState } from 'react';
 import { ChildType, Utils } from 'react-crud-utils';
 import { Switch as ReactSwitch } from 'react-native';
 
-export default function Switch(props: ChildType) {
+export default function UISwitch(props: ChildType) {
   const scope = props.scope;
   const initial = Utils.nvl(scope.getValue(), false) as boolean;
   const [value, setValue] = useState(initial);

package/src/elements/grid/ElLabel.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import UI from '../UI';
 import { ChildType, Utils } from 'react-crud-utils';
-import Icon from '../core/Icon';
+import Icon from '../core/UIIcon';
 
 interface ElLabelType extends ChildType {
   position?: string;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/src/elements/core/Select.tsx

@@ -1,17 +0,0 @@
-import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';
-
-export default function Select(props: any) {
-  const handlePress = () => {
-    Linking.openURL('https://reactnative.dev/');
-  };
-
-  return (
-    <TouchableOpacity onPress={handlePress}>
-      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>
-    </TouchableOpacity>
-  );
-}
-
-const styles = {
-  link: {},
-};