react-crud-mobile 1.0.439 → 1.0.440

package/src/elements/UITag.tsx

@@ -1,13 +1,13 @@
-import React, { useState } from "react";
-import { Utils } from "react-crud-utils";
-
-interface UITagType {
-  name: string;
-  [otherOptions: string]: unknown;
-}
-
-export default function UITag(props: UITagType) {
-  let Aux = Utils.nvl(props.name, "span");
-
-  return <Aux {...props} />;
-}
+import React, { useState } from "react";
+import { Utils } from "react-crud-utils";
+
+interface UITagType {
+  name: string;
+  [otherOptions: string]: unknown;
+}
+
+export default function UITag(props: UITagType) {
+  let Aux = Utils.nvl(props.name, "span");
+
+  return <Aux {...props} />;
+}

package/src/elements/charts/ElChart.tsx

@@ -1,10 +1,10 @@
-import React from "react";
-import { ChildType, Scope, Utils } from "react-crud-utils";
-
-export default function ElChart(props: ChildType) {
-  let scope: Scope = props.scope;
-  let items: any = scope.getItems();
-  let columns = Utils.asList(scope.original.columns);
-
-  return <div className="ui-chart-data"></div>;
-}
+import React from "react";
+import { ChildType, Scope, Utils } from "react-crud-utils";
+
+export default function ElChart(props: ChildType) {
+  let scope: Scope = props.scope;
+  let items: any = scope.getItems();
+  let columns = Utils.asList(scope.original.columns);
+
+  return <div className="ui-chart-data"></div>;
+}

package/src/elements/core/UIButton.tsx

@@ -1,73 +1,73 @@
-import { Ionicons } from '@expo/vector-icons';
-import { ChildType } from 'react-crud-utils';
-import { Text, TouchableHighlight, View } from 'react-native';
-
-export default function UIButton(props: ChildType) {
-  let scope = props.scope;
-  let element = scope.original;
-
-  let color = element.color;
-  let label = element.label;
-  let icon = element.icon;
-
-  if (!color) color = 'primary';
-
-  const styles: any = {
-    buttonLabel: {
-      color: '#ffffff',
-      fontWeight: '500',
-      fontSize: 16,
-    },
-    buttonInner: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'center',
-      height: 44,
-    },
-    buttonIcon: {
-      color: '#fff',
-      fontSize: 18,
-      paddingRight: 10,
-    },
-    button: {
-      alignItems: 'center',
-      minWidth: 200,
-      margin: 5,
-      padding: 0,
-      paddingHorizontal: 20,
-      textAlign: 'center',
-      verticalAling: 'middle',
-      borderRadius: 24,
-      backgroundColor: color,
-      color: '#ffffff',
-      justifyContent: 'center',
-      flex: 1,
-    },
-  };
-
-  const onClick = (e: any) => {
-    scope.call('click', {});
-  };
-
-  const style = (part: string, extra?: any) => {
-    let s = { ...styles[part], ...extra };
-    return scope.getStyle(part, s);
-  };
-
-  return (
-    <TouchableHighlight
-      underlayColor={'transparent'}
-      onPress={onClick}
-      style={style('button')}
-    >
-      <View style={style('buttonInner')}>
-        {icon && (
-          <>
-            <Ionicons size={30} style={style('buttonIcon')} name={icon} />
-          </>
-        )}
-        <Text style={style('buttonLabel')}>{label}</Text>
-      </View>
-    </TouchableHighlight>
-  );
-}
+import { Ionicons } from '@expo/vector-icons';
+import { ChildType } from 'react-crud-utils';
+import { Text, TouchableHighlight, View } from 'react-native';
+
+export default function UIButton(props: ChildType) {
+  let scope = props.scope;
+  let element = scope.original;
+
+  let color = element.color;
+  let label = element.label;
+  let icon = element.icon;
+
+  if (!color) color = 'primary';
+
+  const styles: any = {
+    buttonLabel: {
+      color: '#ffffff',
+      fontWeight: '500',
+      fontSize: 16,
+    },
+    buttonInner: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      height: 44,
+    },
+    buttonIcon: {
+      color: '#fff',
+      fontSize: 18,
+      paddingRight: 10,
+    },
+    button: {
+      alignItems: 'center',
+      minWidth: 200,
+      margin: 5,
+      padding: 0,
+      paddingHorizontal: 20,
+      textAlign: 'center',
+      verticalAling: 'middle',
+      borderRadius: 24,
+      backgroundColor: color,
+      color: '#ffffff',
+      justifyContent: 'center',
+      flex: 1,
+    },
+  };
+
+  const onClick = (e: any) => {
+    scope.call('click', {});
+  };
+
+  const style = (part: string, extra?: any) => {
+    let s = { ...styles[part], ...extra };
+    return scope.getStyle(part, s);
+  };
+
+  return (
+    <TouchableHighlight
+      underlayColor={'transparent'}
+      onPress={onClick}
+      style={style('button')}
+    >
+      <View style={style('buttonInner')}>
+        {icon && (
+          <>
+            <Ionicons size={30} style={style('buttonIcon')} name={icon} />
+          </>
+        )}
+        <Text style={style('buttonLabel')}>{label}</Text>
+      </View>
+    </TouchableHighlight>
+  );
+}

package/src/elements/core/UIIcon.tsx

@@ -1,8 +1,8 @@
-import { Ionicons } from '@expo/vector-icons';
-import { ChildType } from 'react-crud-utils';
-
-export default function UIIcon({ scope }: ChildType) {
-  let name = scope.getValue();
-
-  return <Ionicons name={name} style={scope.getStyle('icon')} />;
-}
+import { Ionicons } from '@expo/vector-icons';
+import { ChildType } from 'react-crud-utils';
+
+export default function UIIcon({ scope }: ChildType) {
+  let name = scope.getValue();
+
+  return <Ionicons name={name} style={scope.getStyle('icon')} />;
+}

package/src/elements/core/UIInclude.tsx

@@ -1,40 +1,40 @@
-import UIChildren from '../UIChildren';
-import { ComponentUtils, DefineType, Utils } from 'react-crud-utils';
-
-export default function UIInclude(props: DefineType) {
-  if (props.rendered === false) {
-    return <></>;
-  }
-
-  let includes = ComponentUtils.getDefine(props, props.name, props.position);
-
-  if (Utils.isEmpty(includes)) {
-    includes = props.default;
-  }
-
-  if (!Utils.isEmpty(includes)) {
-    let Aux = (tagProp: any) => {
-      let Tag: any = props.tag;
-
-      if (!Utils.isEmpty(Tag)) {
-        return <Tag {...tagProp}>{tagProp.children}</Tag>;
-      }
-      return <>{tagProp.children}</>;
-    };
-
-    return (
-      <Aux {...props.tagProps}>
-        <UIChildren
-          transient
-          {...props}
-          scope={props.scope}
-          crud={props.crud}
-          part={props.name}
-        >
-          {includes}
-        </UIChildren>
-      </Aux>
-    );
-  }
-  return <>{includes}</>;
-}
+import UIChildren from '../UIChildren';
+import { ComponentUtils, DefineType, Utils } from 'react-crud-utils';
+
+export default function UIInclude(props: DefineType) {
+  if (props.rendered === false) {
+    return <></>;
+  }
+
+  let includes = ComponentUtils.getDefine(props, props.name, props.position);
+
+  if (Utils.isEmpty(includes)) {
+    includes = props.default;
+  }
+
+  if (!Utils.isEmpty(includes)) {
+    let Aux = (tagProp: any) => {
+      let Tag: any = props.tag;
+
+      if (!Utils.isEmpty(Tag)) {
+        return <Tag {...tagProp}>{tagProp.children}</Tag>;
+      }
+      return <>{tagProp.children}</>;
+    };
+
+    return (
+      <Aux {...props.tagProps}>
+        <UIChildren
+          transient
+          {...props}
+          scope={props.scope}
+          crud={props.crud}
+          part={props.name}
+        >
+          {includes}
+        </UIChildren>
+      </Aux>
+    );
+  }
+  return <>{includes}</>;
+}

package/src/elements/core/UIInput.tsx

@@ -1,69 +1,69 @@
-import { useState } from 'react';
-import { ChildType, Utils } from 'react-crud-utils';
-import { StyleSheet, TextInput, View } from 'react-native';
-import { Ionicons } from '@expo/vector-icons';
-
-export default function UIInput(props: ChildType) {
-  let scope = props.scope;
-  let initial = Utils.nvl(scope.getValue(), '');
-
-  let label = scope.getLabel();
-  let placeholder = scope.getPart('placeholder', null, label);
-  let el = scope.original;
-
-  const [value, setValue] = useState(initial);
-
-  let onChange = v => {
-    scope.changeValue(v);
-
-    setValue(v);
-  };
-
-  const style = (part: string, extra?: any) => {
-    return { ...scope.getStyle(part, styles[part]), ...extra };
-  };
-
-  return (
-    <>
-      {scope.getPart('left')}
-      <TextInput
-        style={style('input')}
-        onChangeText={onChange}
-        value={value}
-        placeholder={placeholder}
-      />
-      {el.icon && (
-        <Ionicons
-          name={el.icon}
-          size={scope.attr('iconSize', 20)}
-          color={scope.attr('iconColor', '#888')}
-        />
-      )}
-      {scope.getPart('right')}
-    </>
-  );
-}
-
-const styles = StyleSheet.create({
-  base: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    borderWidth: 1,
-    borderColor: 'borderColor',
-    borderRadius: 20,
-    paddingHorizontal: 10,
-    paddingVertical: 5,
-    padding: 10,
-    paddingLeft: 5,
-    paddingRight: 10,
-  },
-  icon: {
-    marginRight: 10, // Espaço entre ícone e input
-  },
-  input: {
-    marginHorizontal: 0,
-    marginVertical: 0,
-    height: 40,
-    flex: 1, // Para o input ocupar o espaço restante
-  },
-});
+import { useState } from 'react';
+import { ChildType, Utils } from 'react-crud-utils';
+import { StyleSheet, TextInput, View } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+
+export default function UIInput(props: ChildType) {
+  let scope = props.scope;
+  let initial = Utils.nvl(scope.getValue(), '');
+
+  let label = scope.getLabel();
+  let placeholder = scope.getPart('placeholder', null, label);
+  let el = scope.original;
+
+  const [value, setValue] = useState(initial);
+
+  let onChange = v => {
+    scope.changeValue(v);
+
+    setValue(v);
+  };
+
+  const style = (part: string, extra?: any) => {
+    return { ...scope.getStyle(part, styles[part]), ...extra };
+  };
+
+  return (
+    <>
+      {scope.getPart('left')}
+      <TextInput
+        style={style('input')}
+        onChangeText={onChange}
+        value={value}
+        placeholder={placeholder}
+      />
+      {el.icon && (
+        <Ionicons
+          name={el.icon}
+          size={scope.attr('iconSize', 20)}
+          color={scope.attr('iconColor', '#888')}
+        />
+      )}
+      {scope.getPart('right')}
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  base: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: 'borderColor',
+    borderRadius: 20,
+    paddingHorizontal: 10,
+    paddingVertical: 5,
+    padding: 10,
+    paddingLeft: 5,
+    paddingRight: 10,
+  },
+  icon: {
+    marginRight: 10, // Espaço entre ícone e input
+  },
+  input: {
+    marginHorizontal: 0,
+    marginVertical: 0,
+    height: 40,
+    flex: 1, // Para o input ocupar o espaço restante
+  },
+});