react-native-exp-fig 0.1.1 → 0.1.3

package/src/components/button/styles.ts

@@ -1,34 +1,34 @@
-/**
- * IMPORTS
- */
-import { StyleSheet } from "react-native";
-
-// typings
-import { type IButtonProps } from "./interface";
-import { IGlobalCss } from "../../styles/global/interface";
-
-import { stylesGlobal } from "../../styles/global/styles";
-
-/**
- * Interface ButtonProps
- */
-interface ButtonProps extends Omit<IButtonProps, "color">, Omit<IGlobalCss, "color"> {}
-
-const styles = (props: ButtonProps) =>
-  StyleSheet.create({
-    buttonStyle: { ...stylesGlobal(props), ...props },
-    buttonTextStyle: {
-      color: props.buttonTextStyle?.color ?? "blue",
-      fontSize: props.buttonTextStyle?.fontSize ?? 14,
-      letterSpacing: props.buttonTextStyle?.letterSpacing ?? 0.5,
-      lineHeight: props.buttonTextStyle?.lineHeight ?? 24,
-      fontWeight: props.buttonTextStyle?.fontWeight,
-      fontFamily: props.buttonTextStyle?.fontFamily ?? "Inter-Medium",
-      textAlign: props.flexStyle?.textAlign,
-    },
-  });
-
-/**
- * EXPORTS
- */
-export { styles };
+/**
+ * IMPORTS
+ */
+import { StyleSheet } from "react-native";
+
+// typings
+import { type IButtonProps } from "./interface";
+import { IGlobalCss } from "../../styles/global/interface";
+
+import { stylesGlobal } from "../../styles/global/styles";
+
+/**
+ * Interface ButtonProps
+ */
+interface ButtonProps extends Omit<IButtonProps, "color">, Omit<IGlobalCss, "color"> {}
+
+const styles = (props: ButtonProps) =>
+  StyleSheet.create({
+    buttonStyle: { ...stylesGlobal(props), ...props } as IGlobalCss,
+    buttonTextStyle: {
+      color: props.buttonTextStyle?.color ?? "blue",
+      fontSize: props.buttonTextStyle?.fontSize ?? 14,
+      letterSpacing: props.buttonTextStyle?.letterSpacing ?? 0.5,
+      lineHeight: props.buttonTextStyle?.lineHeight ?? 24,
+      fontWeight: props.buttonTextStyle?.fontWeight,
+      fontFamily: props.buttonTextStyle?.fontFamily ?? "Inter-Medium",
+      textAlign: props.flexStyle?.textAlign,
+    },
+  });
+
+/**
+ * EXPORTS
+ */
+export { styles };

package/src/components/capture-photo/index.tsx

@@ -1,125 +1,125 @@
-/**
- * IMPORTS
- */
-import React from "react";
-import { Image, TouchableOpacity } from "react-native";
-
-// components
-import { Typography } from "../typography";
-
-// icons / svg
-import { Icons } from "../../common/icons-svg";
-
-// typings
-import { ICapturePhotoProps } from "./interface";
-
-// styles
-import { theme } from "../../styles/theme/theme";
-import { styles } from "./styles";
-
-/**
- * Componente Capturar foto para a interação do usuário com ui.
- */
-const CapturePhoto: React.FC<ICapturePhotoProps> = ({
-  imageComprovante,
-  takePhotoWithImagePicker,
-  testID,
-  width,
-  height,
-  marginStyle,
-  flexStyle,
-  title,
-  borderStyled,
-  color,
-  fontStyle,
-  opacity,
-  style,
-  smallText,
-  paddingStyle,
-}) => {
-  const styleProps = {
-    imageComprovante,
-    takePhotoWithImagePicker,
-    testID,
-    width,
-    height,
-    marginStyle,
-    flexStyle,
-    title,
-    borderStyled,
-    color,
-    fontStyle,
-    opacity,
-    style,
-    smallText,
-    paddingStyle,
-  } as ICapturePhotoProps;
-
-  return (
-    <>
-      {imageComprovante ? (
-        <TouchableOpacity activeOpacity={0.7} onPress={takePhotoWithImagePicker} testID={testID}>
-          <Image
-            style={[
-              {
-                width,
-                height,
-                borderWidth: Number(borderStyled?.borderWidth),
-                borderColor: borderStyled?.borderColor,
-                borderRadius: Number(borderStyled?.borderRadius),
-              },
-              styles(styleProps).capturePhoto,
-            ]}
-            source={{ uri: imageComprovante }}
-          />
-        </TouchableOpacity>
-      ) : (
-        <TouchableOpacity
-          activeOpacity={0.7}
-          style={[styles(styleProps).capturePhoto, style]}
-          onPress={takePhotoWithImagePicker}
-          testID={testID}
-        >
-          <Icons icon={"CAMERA_PLUS"} size={theme.fontSizes["2xl"] || 24} color={color?.colorSvg} />
-          <Typography
-            text={title.text || "Sem foto capturada."}
-            align={
-              flexStyle?.textAlign === "left" || flexStyle?.textAlign === "right"
-                ? flexStyle.textAlign
-                : "center"
-            }
-            color={color?.colorText ? color.colorText : theme.colors.gray[875]}
-            size={fontStyle?.fontSize ? fontStyle?.fontSize : theme.fontSizes.md}
-            fontFamily={
-              fontStyle?.fontFamily ? fontStyle?.fontFamily : theme.fonts.inter_regular_400
-            }
-            lineHeight={fontStyle?.lineHeight ? fontStyle?.lineHeight : theme.fontSizes["2xl"]}
-            letterSpacing={fontStyle?.letterSpacing ? fontStyle?.letterSpacing : "regular"}
-          />
-          {smallText && (
-            <Typography
-              text={title.textSmallPhoto || "aqui vai o texto de baixo da foto"}
-              align={
-                flexStyle?.textAlign === "left" || flexStyle?.textAlign === "right"
-                  ? flexStyle.textAlign
-                  : "center"
-              }
-              color={color?.colorText ? color.colorText : theme.colors.gray[875]}
-              size={fontStyle?.fontSize ? fontStyle?.fontSize : theme.fontSizes.sm}
-              fontFamily={
-                fontStyle?.fontFamily ? fontStyle?.fontFamily : theme.fonts.inter_regular_400
-              }
-              lineHeight={fontStyle?.lineHeight ? fontStyle?.lineHeight : theme.fontSizes.md}
-              letterSpacing={fontStyle?.letterSpacing ? fontStyle?.letterSpacing : "regular"}
-            />
-          )}
-        </TouchableOpacity>
-      )}
-    </>
-  );
-};
-
-/**
- * EXPORTS
- */
-export { CapturePhoto };
+/**
+ * IMPORTS
+ */
+import React from "react";
+import { Image, TouchableOpacity } from "react-native";
+
+// components
+import { Typography } from "../typography";
+
+// icons / svg
+import { Icons } from "../../common/icons-svg";
+
+// typings
+import { ICapturePhotoProps } from "./interface";
+
+// styles
+import { theme } from "../../styles/theme/theme";
+import { styles } from "./styles";
+
+/**
+ * Componente Capturar foto para a interação do usuário com ui.
+ */
+const CapturePhoto: React.FC<ICapturePhotoProps> = ({
+  imageComprovante,
+  takePhotoWithImagePicker,
+  testID,
+  width,
+  height,
+  marginStyle,
+  flexStyle,
+  title,
+  borderStyled,
+  color,
+  fontStyle,
+  opacity,
+  style,
+  smallText,
+  paddingStyle,
+}) => {
+  const styleProps = {
+    imageComprovante,
+    takePhotoWithImagePicker,
+    testID,
+    width,
+    height,
+    marginStyle,
+    flexStyle,
+    title,
+    borderStyled,
+    color,
+    fontStyle,
+    opacity,
+    style,
+    smallText,
+    paddingStyle,
+  } as ICapturePhotoProps;
+
+  return (
+    <>
+      {imageComprovante ? (
+        <TouchableOpacity activeOpacity={0.7} onPress={takePhotoWithImagePicker} testID={testID}>
+          <Image
+            style={[
+              {
+                width,
+                height,
+                borderWidth: Number(borderStyled?.borderWidth),
+                borderColor: borderStyled?.borderColor,
+                borderRadius: Number(borderStyled?.borderRadius),
+              },
+              styles(styleProps).capturePhoto,
+            ]}
+            source={{ uri: imageComprovante }}
+          />
+        </TouchableOpacity>
+      ) : (
+        <TouchableOpacity
+          activeOpacity={0.7}
+          style={[styles(styleProps).capturePhoto, style]}
+          onPress={takePhotoWithImagePicker}
+          testID={testID}
+        >
+          <Icons icon={"CAMERA_PLUS"} size={theme.fontSizes["2xl"] || 24} color={color?.colorSvg} />
+          <Typography
+            text={title.text || "Sem foto capturada."}
+            align={
+              flexStyle?.textAlign === "left" || flexStyle?.textAlign === "right"
+                ? flexStyle.textAlign
+                : "center"
+            }
+            color={color?.colorText ? color.colorText : theme.colors.gray[875]}
+            size={fontStyle?.fontSize ? fontStyle?.fontSize : theme.fontSizes.md}
+            fontFamily={
+              fontStyle?.fontFamily ? fontStyle?.fontFamily : theme.fonts.inter_regular_400
+            }
+            lineHeight={fontStyle?.lineHeight ? fontStyle?.lineHeight : theme.fontSizes["2xl"]}
+            letterSpacing={fontStyle?.letterSpacing ? fontStyle?.letterSpacing : "regular"}
+          />
+          {smallText && (
+            <Typography
+              text={title.textSmallPhoto || "aqui vai o texto de baixo da foto"}
+              align={
+                flexStyle?.textAlign === "left" || flexStyle?.textAlign === "right"
+                  ? flexStyle.textAlign
+                  : "center"
+              }
+              color={color?.colorText ? color.colorText : theme.colors.gray[875]}
+              size={fontStyle?.fontSize ? fontStyle?.fontSize : theme.fontSizes.sm}
+              fontFamily={
+                fontStyle?.fontFamily ? fontStyle?.fontFamily : theme.fonts.inter_regular_400
+              }
+              lineHeight={fontStyle?.lineHeight ? fontStyle?.lineHeight : theme.fontSizes.md}
+              letterSpacing={fontStyle?.letterSpacing ? fontStyle?.letterSpacing : "regular"}
+            />
+          )}
+        </TouchableOpacity>
+      )}
+    </>
+  );
+};
+
+/**
+ * EXPORTS
+ */
+export { CapturePhoto };

package/src/components/capture-photo/interface.d.ts

@@ -1,44 +1,44 @@
-/**
- * IMPORTS
- */
-import { TouchableOpacityProps } from "react-native";
-
-// typing
-import { IGlobalCss } from "../../styles/global/interface";
-
-interface ICapturePhotoProps extends TouchableOpacityProps, IGlobalCss {
-  /**
-   * Estilo customizado
-   */
-  style?: any;
-
-  /**
-   * Função que tira uma foto.
-   */
-  takePhotoWithImagePicker: () => void;
-
-  /**
-   * Valor com a foto do capturada
-   */
-  imageComprovante: string | null;
-
-  /**
-   * A propriedade CSS opacity define a transparência de um elemento, ou seja, o grau em que o fundo atrás do elemento é sobreposto. A propriedade aceita um valor entre 0,0 (totalmente transparente) e 1,0 (totalmente opaco).
-   */
-  opacity?: number;
-
-  /**
-   * A propriedade smallPhoto define quando vai ser foto pequena exemplo para manutenção : foto1 em baixo o texto informando o lado :direito , esquerdo ou frente.
-   */
-  smallText: boolean;
-
-  title: {
-    text: string;
-    textSmallPhoto?: string;
-  };
-}
-
-/**
- * EXPORTS
- */
-export type { ICapturePhotoProps };
+/**
+ * IMPORTS
+ */
+import { TouchableOpacityProps } from "react-native";
+
+// typing
+import { IGlobalCss } from "../../styles/global/interface";
+
+interface ICapturePhotoProps extends TouchableOpacityProps, IGlobalCss {
+  /**
+   * Estilo customizado
+   */
+  style?: any;
+
+  /**
+   * Função que tira uma foto.
+   */
+  takePhotoWithImagePicker: () => void;
+
+  /**
+   * Valor com a foto do capturada
+   */
+  imageComprovante: string | null;
+
+  /**
+   * A propriedade CSS opacity define a transparência de um elemento, ou seja, o grau em que o fundo atrás do elemento é sobreposto. A propriedade aceita um valor entre 0,0 (totalmente transparente) e 1,0 (totalmente opaco).
+   */
+  opacity?: number;
+
+  /**
+   * A propriedade smallPhoto define quando vai ser foto pequena exemplo para manutenção : foto1 em baixo o texto informando o lado :direito , esquerdo ou frente.
+   */
+  smallText: boolean;
+
+  title: {
+    text: string;
+    textSmallPhoto?: string;
+  };
+}
+
+/**
+ * EXPORTS
+ */
+export type { ICapturePhotoProps };

package/src/components/capture-photo/styles.ts

@@ -1,24 +1,24 @@
-/**
- * IMPORTS
- */
-import { StyleSheet } from "react-native";
-
-// typing
-import { ICapturePhotoProps } from "./interface";
-import { stylesGlobal } from "../../styles/global/styles";
-import { IGlobalCss } from "../../styles/global/interface";
-
-interface CapturePhotoProps extends ICapturePhotoProps, IGlobalCss {}
-const styles = (props: CapturePhotoProps) =>
-  StyleSheet.create({
-    capturePhoto: {
-      ...stylesGlobal(props),
-      opacity: props.opacity,
-      ...props,
-    } as IGlobalCss,
-  });
-
-/**
- * EXPORTS
- */
-export { styles };
+/**
+ * IMPORTS
+ */
+import { StyleSheet } from "react-native";
+
+// typing
+import { ICapturePhotoProps } from "./interface";
+import { stylesGlobal } from "../../styles/global/styles";
+import { IGlobalCss } from "../../styles/global/interface";
+
+interface CapturePhotoProps extends ICapturePhotoProps, IGlobalCss {}
+const styles = (props: CapturePhotoProps) =>
+  StyleSheet.create({
+    capturePhoto: {
+      ...stylesGlobal(props),
+      opacity: props.opacity,
+      ...props,
+    } as IGlobalCss,
+  });
+
+/**
+ * EXPORTS
+ */
+export { styles };