react-crud-mobile 1.3.99 → 1.3.101

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/SafeView.tsx

@@ -1,63 +1,62 @@
-import {
-  Keyboard,
-  KeyboardAvoidingView,
-  Platform,
-  StatusBar,
-  StyleProp,
-  TouchableWithoutFeedback,
-  ViewStyle,
-} from 'react-native';
-import {
-  SafeAreaProvider,
-  SafeAreaView as SafeAreaContextView,
-} from 'react-native-safe-area-context';
-import { ThemeUtils, useTheme, Utils } from 'react-crud-utils';
-import { useEffect } from 'react';
-
-interface SafeViewType {
-  safeStyle?: StyleProp<ViewStyle> | any;
-  viewStyle?: StyleProp<ViewStyle> | any;
-  children?: any;
-}
-
-export default function SafeView(props: SafeViewType) {
-  let theme = ThemeUtils.getCurrentTheme();
-
-  if (Utils.isEmpty(theme)) {
-    theme = useTheme();
-  }
-
-  const dismissKeyboard = () => {
-    if (Platform.OS !== 'web') {
-      Keyboard.dismiss();
-    }
-  };
-
-  return (
-    <SafeAreaProvider>
-      <StatusBar barStyle="dark-content" />
-      <SafeAreaContextView
-        style={{
-          backgroundColor: theme.colors?.theme,
-          ...props.viewStyle,
-          flex: 1,
-        }}
-      >
-        <KeyboardAvoidingView
-          behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
-          style={{
-            flex: 1, // 🔹 Ocupa 100% da tela
-            justifyContent: 'center',
-          }}
-        >
-          <TouchableWithoutFeedback
-            onPress={dismissKeyboard}
-            accessible={false}
-          >
-            <>{props.children}</>
-          </TouchableWithoutFeedback>
-        </KeyboardAvoidingView>
-      </SafeAreaContextView>
-    </SafeAreaProvider>
-  );
-}
+import {
+  Keyboard,
+  KeyboardAvoidingView,
+  Platform,
+  StyleProp,
+  TouchableWithoutFeedback,
+  ViewStyle,
+} from 'react-native';
+import {
+  SafeAreaProvider,
+  SafeAreaView as SafeAreaContextView,
+} from 'react-native-safe-area-context';
+import { ThemeUtils, useTheme, Utils } from 'react-crud-utils';
+import UIStatusBar from './UIStatusBar';
+
+interface SafeViewType {
+  safeStyle?: StyleProp<ViewStyle> | any;
+  viewStyle?: StyleProp<ViewStyle> | any;
+  children?: any;
+}
+
+export default function SafeView(props: SafeViewType) {
+  let theme = ThemeUtils.getCurrentTheme();
+
+  if (Utils.isEmpty(theme)) {
+    theme = useTheme();
+  }
+
+  const dismissKeyboard = () => {
+    if (Platform.OS !== 'web') {
+      Keyboard.dismiss();
+    }
+  };
+
+  return (
+    <SafeAreaProvider>
+      <UIStatusBar />
+      <SafeAreaContextView
+        style={{
+          backgroundColor: theme.colors?.theme,
+          ...props.viewStyle,
+          flex: 1,
+        }}
+      >
+        <KeyboardAvoidingView
+          behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+          style={{
+            flex: 1, // 🔹 Ocupa 100% da tela
+            justifyContent: 'center',
+          }}
+        >
+          <TouchableWithoutFeedback
+            onPress={dismissKeyboard}
+            accessible={false}
+          >
+            <>{props.children}</>
+          </TouchableWithoutFeedback>
+        </KeyboardAvoidingView>
+      </SafeAreaContextView>
+    </SafeAreaProvider>
+  );
+}

package/src/elements/core/UIButton.tsx

@@ -1,139 +1,139 @@
-import { Ionicons } from '@expo/vector-icons';
-import { ChildType, Utils } from 'react-crud-utils';
-import { Text, TouchableHighlight, View } from 'react-native';
-
-const BUTTONS_SIZE: any = { small: { minWidth: 30, height: 30 } };
-
-export default function UIButton(props: ChildType) {
-  let scope = props.scope;
-  let element = scope.original;
-  let size = Utils.nvl(element.size, 'default');
-  let align = Utils.nvl(element.align, 'center');
-  let variant = Utils.nvl(element.variant, 'default');
-
-  let color = element.color;
-  let label = scope.getLabel();
-  let icon = element.icon;
-
-  //ajuste align v3
-  if (!color) color = 'primaryLight';
-
-  const styles: any = {
-    buttonLabel: {
-      color: '#ffffff',
-      fontWeight: '500',
-      fontSize: 16,
-    },
-    buttonInner: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'center',
-      height: 44,
-      minWidth: 44,
-    },
-    buttonIcon: {
-      color: '#fff',
-      fontSize: 18,
-    },
-    button: {
-      backgroundColor: color,
-      borderRadius: 24,
-      gap: 10,
-      justifyContent: 'center',
-      alignItems: 'center',
-      flexDirection: 'row',
-    },
-  };
-
-  const onClick = (e: any) => {
-    scope.call('click', {});
-  };
-
-  const style = (part: string, extra?: any) => {
-    let css = { ...styles[part], ...extra };
-
-    if (variant === 'text' || variant === 'outlined') {
-      css.backgroundColor = 'transparent';
-      css.color = Utils.nvl(color, 'text');
-    }
-
-    if (size === 'small') {
-      css.fontSize = 12;
-      css.fontWeight = 500;
-    }
-
-    if (size === 'medium') {
-      css.fontSize = 14;
-      css.fontWeight = 500;
-    }
-
-    if (align === 'left') {
-      css.justifyContent = 'flex-start';
-    }
-
-    return scope.getStyle(part, css);
-  };
-
-  let extra: any = {};
-
-  if (icon) {
-    extra.button = { height: 40, padding: 0 };
-  } else {
-    extra.button = { height: 50 };
-  }
-
-  const buttonStyle = Utils.call(() => {
-    let def: any = { ...extra?.button };
-
-    if (variant === 'outlined') {
-      def.borderWidth = 1;
-      def.borderColor = Utils.nvl(color, 'text');
-    }
-
-    if (size) {
-      def = { ...def, ...BUTTONS_SIZE[size] };
-    }
-
-    let css = style('button', def);
-
-    if (!css.width) {
-      let h = css.height;
-
-      if (typeof h === 'number') {
-        css.minWidth = h;
-      }
-    }
-
-    return css;
-  });
-
-  const buttonLabel = style('buttonLabel');
-  const iconStyle = Utils.call(() => {
-    let css: any = style('buttonIcon', extra.icon);
-
-    css.fontSize = Utils.nvl(buttonLabel.fontSize, css.fontSize);
-
-    return css;
-  });
-
-  return (
-    <TouchableHighlight
-      underlayColor={'transparent'}
-      onPress={onClick}
-      style={buttonStyle}
-    >
-      <>
-        {icon && (
-          <>
-            <Ionicons
-              size={Utils.nvl(element.iconSize, 30)}
-              style={iconStyle}
-              name={icon}
-            />
-          </>
-        )}
-        {label && <Text style={buttonLabel}>{label}</Text>}
-      </>
-    </TouchableHighlight>
-  );
-}
+import { Ionicons } from '@expo/vector-icons';
+import { ChildType, Utils } from 'react-crud-utils';
+import { Text, TouchableHighlight, View } from 'react-native';
+
+const BUTTONS_SIZE: any = { small: { minWidth: 30, height: 30 } };
+
+export default function UIButton(props: ChildType) {
+  let scope = props.scope;
+  let element = scope.original;
+  let size = Utils.nvl(element.size, 'default');
+  let align = Utils.nvl(element.align, 'center');
+  let variant = Utils.nvl(element.variant, 'default');
+
+  let color = element.color;
+  let label = scope.getLabel();
+  let icon = element.icon;
+
+  //ajuste align v3
+  if (!color) color = 'primaryLight';
+
+  const styles: any = {
+    buttonLabel: {
+      color: '#ffffff',
+      fontWeight: '500',
+      fontSize: 16,
+    },
+    buttonInner: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      height: 44,
+      minWidth: 44,
+    },
+    buttonIcon: {
+      color: '#fff',
+      fontSize: 18,
+    },
+    button: {
+      backgroundColor: color,
+      borderRadius: 24,
+      gap: 10,
+      justifyContent: 'center',
+      alignItems: 'center',
+      flexDirection: 'row',
+    },
+  };
+
+  const onClick = (e: any) => {
+    scope.call('click', {});
+  };
+
+  const style = (part: string, extra?: any) => {
+    let css = { ...styles[part], ...extra };
+
+    if (variant === 'text' || variant === 'outlined') {
+      css.backgroundColor = 'transparent';
+      css.color = Utils.nvl(color, 'text');
+    }
+
+    if (size === 'small') {
+      css.fontSize = 12;
+      css.fontWeight = 500;
+    }
+
+    if (size === 'medium') {
+      css.fontSize = 14;
+      css.fontWeight = 500;
+    }
+
+    if (align === 'left') {
+      css.justifyContent = 'flex-start';
+    }
+
+    return scope.getStyle(part, css);
+  };
+
+  let extra: any = {};
+
+  if (icon) {
+    extra.button = { height: 40, padding: 0 };
+  } else {
+    extra.button = { height: 50 };
+  }
+
+  const buttonStyle = Utils.call(() => {
+    let def: any = { ...extra?.button };
+
+    if (variant === 'outlined') {
+      def.borderWidth = 1;
+      def.borderColor = Utils.nvl(color, 'text');
+    }
+
+    if (size) {
+      def = { ...def, ...BUTTONS_SIZE[size] };
+    }
+
+    let css = style('button', def);
+
+    if (!css.width) {
+      let h = css.height;
+
+      if (typeof h === 'number') {
+        css.minWidth = h;
+      }
+    }
+
+    return css;
+  });
+
+  const buttonLabel = style('buttonLabel');
+  const iconStyle = Utils.call(() => {
+    let css: any = style('buttonIcon', extra.icon);
+
+    css.fontSize = Utils.nvl(buttonLabel.fontSize, css.fontSize);
+
+    return css;
+  });
+
+  return (
+    <TouchableHighlight
+      underlayColor={'transparent'}
+      onPress={onClick}
+      style={buttonStyle}
+    >
+      <>
+        {icon && (
+          <>
+            <Ionicons
+              size={Utils.nvl(element.iconSize, 30)}
+              style={iconStyle}
+              name={icon}
+            />
+          </>
+        )}
+        {label && <Text style={buttonLabel}>{label}</Text>}
+      </>
+    </TouchableHighlight>
+  );
+}

package/src/elements/core/UIHeader.tsx

@@ -1,38 +1,38 @@
-import { Text, View } from 'react-native';
-
-import { ChildType, HtmlUtils, Utils } from 'react-crud-utils';
-
-export default function UIHeader({ scope }: ChildType) {
-  const theme = scope.getTheme();
-  const header = scope.getPart('header', null, []);
-  const headerStyle = Utils.nvl(theme.styles?.defaults?.header, {});
-  const headerTextStyle = Utils.nvl(theme.styles?.defaults?.headerText, {});
-
-  let headerStyleFull = Utils.call(() => {
-    let css = scope.getStyle('header', headerStyle);
-    let bg = css.backgroundColor;
-
-    if (bg) {
-      css.color = HtmlUtils.getTextColor(bg);
-    }
-    return css;
-  });
-
-  let hasHeader = !Utils.isEmpty(header);
-  let AuxHeader = () => {
-    if (typeof header === 'string') {
-      return <Text style={headerTextStyle}>{header}</Text>;
-    }
-    return <>{header}</>;
-  };
-
-  return (
-    <>
-      {hasHeader && (
-        <View style={headerStyleFull}>
-          <AuxHeader />
-        </View>
-      )}
-    </>
-  );
-}
+import { Text, View } from 'react-native';
+
+import { ChildType, HtmlUtils, Utils } from 'react-crud-utils';
+
+export default function UIHeader({ scope }: ChildType) {
+  const theme = scope.getTheme();
+  const header = scope.getPart('header', null, []);
+  const headerStyle = Utils.nvl(theme.styles?.defaults?.header, {});
+  const headerTextStyle = Utils.nvl(theme.styles?.defaults?.headerText, {});
+
+  let headerStyleFull = Utils.call(() => {
+    let css = scope.getStyle('header', headerStyle);
+    let bg = css.backgroundColor;
+
+    if (bg) {
+      css.color = HtmlUtils.getTextColor(bg);
+    }
+    return css;
+  });
+
+  let hasHeader = !Utils.isEmpty(header);
+  let AuxHeader = () => {
+    if (typeof header === 'string') {
+      return <Text style={headerTextStyle}>{header}</Text>;
+    }
+    return <>{header}</>;
+  };
+
+  return (
+    <>
+      {hasHeader && (
+        <View style={headerStyleFull}>
+          <AuxHeader />
+        </View>
+      )}
+    </>
+  );
+}

package/src/elements/core/UIIcon.tsx

@@ -1,25 +1,25 @@
-import {
-  Ionicons,
-  MaterialCommunityIcons,
-  AntDesign,
-  Entypo,
-  EvilIcons,
-} from '@expo/vector-icons';
-
-import { ChildType, Utils } from 'react-crud-utils';
-
-export default function UIIcon({ scope }: ChildType) {
-  let name = scope.getValue();
-  let libs: any = {
-    ion: Ionicons,
-    ant: AntDesign,
-    entypo: Entypo,
-    evil: EvilIcons,
-    material: MaterialCommunityIcons,
-  };
-
-  let library = Utils.nvl(scope.original.library, 'ion');
-  let Aux = libs[library];
-
-  return <Aux name={name} style={scope.getStyle('icon')} />;
-}
+import {
+  Ionicons,
+  MaterialCommunityIcons,
+  AntDesign,
+  Entypo,
+  EvilIcons,
+} from '@expo/vector-icons';
+
+import { ChildType, Utils } from 'react-crud-utils';
+
+export default function UIIcon({ scope }: ChildType) {
+  let name = scope.getValue();
+  let libs: any = {
+    ion: Ionicons,
+    ant: AntDesign,
+    entypo: Entypo,
+    evil: EvilIcons,
+    material: MaterialCommunityIcons,
+  };
+
+  let library = Utils.nvl(scope.original.library, 'ion');
+  let Aux = libs[library];
+
+  return <Aux 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}</>;
+}