react-native-exp-fig 0.1.6 → 0.1.8

package/src/components/header-profile/interface.d.ts

@@ -1,57 +1,57 @@
-/**
- * IMPORTS
- */
-import { ViewProps } from "react-native";
-
-// typing
-import { IGlobalCss } from "../../styles/global/interface";
-
-interface IHeaderProps extends ViewProps, IGlobalCss {
-  title: string;
-
-  /**
-   * TestID para testes automático e identificação
-   */
-  testID?: string;
-
-  /**
-   * prop de navegação
-   */
-  propsNav?: any;
-
-  /**
-   * arrow para coloca o ícone da flecha ou lista
-   */
-  arrow: boolean;
-
-  /**
-   * permission boolean
-   */
-  permission: boolean;
-
-  /**
-   * isInternetReachable boolean que consta se está conectado a internet
-   */
-  isInternetReachable: boolean;
-
-  /**
-   * verifica se o bluetooth esta conectado
-   */
-  bluetoothIsConnected: boolean;
-
-  /**
-   * direciona para navegação correspondente
-   */
-  // eslint-disable-next-line no-unused-vars
-  handleNavigation: (propsNav: any) => void;
-
-  /**
-   * verifica se precisa do bluetooth na aplicação
-   */
-  isBluetooth: boolean;
-}
-
-/**
- * EXPORTS
- */
-export type { IHeaderProps };
+/**
+ * IMPORTS
+ */
+import { ViewProps } from "react-native";
+
+// typing
+import { IGlobalCss } from "../../styles/global/interface";
+
+interface IHeaderProps extends ViewProps, IGlobalCss {
+  title: string;
+
+  /**
+   * TestID para testes automático e identificação
+   */
+  testID?: string;
+
+  /**
+   * prop de navegação
+   */
+  propsNav?: any;
+
+  /**
+   * arrow para coloca o ícone da flecha ou lista
+   */
+  arrow: boolean;
+
+  /**
+   * permission boolean
+   */
+  permission: boolean;
+
+  /**
+   * isInternetReachable boolean que consta se está conectado a internet
+   */
+  isInternetReachable: boolean;
+
+  /**
+   * verifica se o bluetooth esta conectado
+   */
+  bluetoothIsConnected: boolean;
+
+  /**
+   * direciona para navegação correspondente
+   */
+  // eslint-disable-next-line no-unused-vars
+  handleNavigation: (propsNav: any) => void;
+
+  /**
+   * verifica se precisa do bluetooth na aplicação
+   */
+  isBluetooth: boolean;
+}
+
+/**
+ * EXPORTS
+ */
+export type { IHeaderProps };

package/src/components/input/index.tsx

@@ -1,181 +1,181 @@
-/**
- * IMPORTS
- */
-import React from "react";
-import { Dimensions, TextInput, TouchableOpacity, ViewStyle } from "react-native";
-
-// components
-import { Box } from "../box";
-import { Typography } from "../typography";
-import { Icons } from "../../common/icons-svg";
-
-// typings
-import { type IInputProps } from "./interface";
-
-// styles
-import { theme } from "../../styles/theme/theme";
-import { styles } from "./styles";
-
-/**
- *
- * Componente Input para a interação do usuário com ui.
- */
-const Input: React.FC<IInputProps> = ({
-  name,
-  textLabel,
-  messageError,
-  width,
-  backgroundColor,
-  marginStyle,
-  paddingStyle,
-  borderStyled,
-  isVisiblyPassword, // password
-  testID,
-  opacity,
-  children,
-  fontStyle,
-  style,
-  flexStyle,
-  handlePressIsVisiblyPassword, // password
-  append,
-  color,
-  placeholder,
-  textLabelPlaceholder,
-  secureTextEntry,
-  ...props
-}) => {
-  const styleProps = {
-    width,
-    backgroundColor,
-    borderStyled,
-    flexStyle,
-    paddingStyle,
-    marginStyle,
-    testID,
-    opacity,
-    children,
-    fontStyle,
-    color,
-    style,
-    name,
-  } as IInputProps;
-
-  const { width: widthScreen } = Dimensions.get("window");
-  const isMobile = widthScreen < 768;
-
-  const positionIcon: ViewStyle = {
-    position: "absolute",
-    right: 15,
-    top: isMobile ? 65 : 40,
-  };
-  const positionIconPassword: ViewStyle = {
-    position: "absolute",
-    right: isMobile ? 5 : 32,
-    top: isMobile ? 65 : 38,
-  };
-  const positionLabel: ViewStyle = { position: "absolute", right: 35, top: 65 };
-
-  return (
-    <Box paddingStyle={paddingStyle} marginStyle={marginStyle} style={{ position: "relative" }}>
-      <Box>
-        <Typography
-          size={theme.fontSizes.md}
-          text={String(textLabel)}
-          color={color?.colorText ?? theme.colors.gray[900]}
-        />
-
-        <TextInput
-          // @ts-ignore
-          style={[styles(styleProps).input, { backgroundColor }, style]}
-          placeholder={placeholder}
-          secureTextEntry={secureTextEntry}
-          color={theme.colors.gray[900]}
-          {...props}
-        />
-      </Box>
-      {append && (
-        <Box>
-          <Typography
-            size={theme.fontSizes["lg"]}
-            text={append.appendText ?? ""}
-            color={append.appendColor ?? "#000"}
-          />
-        </Box>
-      )}
-
-      {name === "label" && (
-        <Box backgroundColor={"transparent"} style={positionLabel}>
-          <Typography
-            text={textLabelPlaceholder ?? ""}
-            size={theme.fontSizes["sm"]}
-            fontWeight="400"
-            fontFamily={theme.fonts.inter_regular_400}
-            color={theme.colors.blue[500]}
-            lineHeight={24}
-            letterSpacing={"regular"}
-          />
-        </Box>
-      )}
-
-      {name === "password" ||
-        (name === "senha" && (
-          <Box backgroundColor={"transparent"} style={positionIconPassword}>
-            <TouchableOpacity
-              activeOpacity={0.7}
-              testID="eye-icon"
-              onPress={handlePressIsVisiblyPassword}
-            >
-              <Icons
-                size={theme.fontSizes["3xl"]}
-                color={theme.colors.blue[500]}
-                icon={isVisiblyPassword ? "EYE" : "EYE_SLASH"}
-              />
-            </TouchableOpacity>
-          </Box>
-        ))}
-      {name === "data" && (
-        <Box width={40} height={70} backgroundColor={"transparent"} style={positionIcon}>
-          <Icons
-            testID="CALENDAR"
-            size={theme.fontSizes["lg"]}
-            color={theme.colors.gray[700]}
-            icon={"CALENDAR"}
-          />
-        </Box>
-      )}
-      {name === "hours" && (
-        <Box width={40} height={70} backgroundColor={"transparent"} style={positionIcon}>
-          <Icons size={theme.fontSizes["lg"]} color={theme.colors.gray[700]} icon={"TIMER"} />
-        </Box>
-      )}
-      {name === "litragem" && (
-        <Box width={40} height={70} backgroundColor={"transparent"} style={positionIcon}>
-          <Icons size={theme.fontSizes["lg"]} color={theme.colors.gray[700]} icon={"GAS_PUMP"} />
-        </Box>
-      )}
-      {name === "value" && (
-        <Box width={40} height={70} backgroundColor={"transparent"} style={positionIcon}>
-          <Icons size={theme.fontSizes["lg"]} color={theme.colors.gray[700]} icon={"CURRENCY"} />
-        </Box>
-      )}
-      {Boolean(messageError) && (
-        <Box width={"100%"} backgroundColor={backgroundColor}>
-          <Typography
-            text={messageError ?? ""}
-            size={theme.fontSizes["sm"]}
-            fontFamily="inter_regular_400"
-            color={theme.colors.red[900] ?? "#9F0000"}
-            lineHeight={24}
-            letterSpacing={"regular"}
-            marginTop={2}
-          />
-        </Box>
-      )}
-    </Box>
-  );
-};
-
-/**
- * EXPORTS
- */
-export { Input };
+/**
+ * IMPORTS
+ */
+import React from "react";
+import { Dimensions, TextInput, TouchableOpacity, ViewStyle } from "react-native";
+
+// components
+import { Box } from "../box";
+import { Typography } from "../typography";
+import { Icons } from "../../common/icons-svg";
+
+// typings
+import { type IInputProps } from "./interface";
+
+// styles
+import { theme } from "../../styles/theme/theme";
+import { styles } from "./styles";
+
+/**
+ *
+ * Componente Input para a interação do usuário com ui.
+ */
+const Input: React.FC<IInputProps> = ({
+  name,
+  textLabel,
+  messageError,
+  width,
+  backgroundColor,
+  marginStyle,
+  paddingStyle,
+  borderStyled,
+  isVisiblyPassword, // password
+  testID,
+  opacity,
+  children,
+  fontStyle,
+  style,
+  flexStyle,
+  handlePressIsVisiblyPassword, // password
+  append,
+  color,
+  placeholder,
+  textLabelPlaceholder,
+  secureTextEntry,
+  ...props
+}) => {
+  const styleProps = {
+    width,
+    backgroundColor,
+    borderStyled,
+    flexStyle,
+    paddingStyle,
+    marginStyle,
+    testID,
+    opacity,
+    children,
+    fontStyle,
+    color,
+    style,
+    name,
+  } as IInputProps;
+
+  const { width: widthScreen } = Dimensions.get("window");
+  const isMobile = widthScreen < 768;
+
+  const positionIcon: ViewStyle = {
+    position: "absolute",
+    right: 15,
+    top: isMobile ? 65 : 40,
+  };
+  const positionIconPassword: ViewStyle = {
+    position: "absolute",
+    right: isMobile ? 5 : 32,
+    top: isMobile ? 65 : 38,
+  };
+  const positionLabel: ViewStyle = { position: "absolute", right: 35, top: 65 };
+
+  return (
+    <Box paddingStyle={paddingStyle} marginStyle={marginStyle} style={{ position: "relative" }}>
+      <Box>
+        <Typography
+          size={theme.fontSizes.md}
+          text={String(textLabel)}
+          color={color?.colorText ?? theme.colors.gray[900]}
+        />
+
+        <TextInput
+          // @ts-ignore
+          style={[styles(styleProps).input, { backgroundColor }, style]}
+          placeholder={placeholder}
+          secureTextEntry={secureTextEntry}
+          color={theme.colors.gray[900]}
+          {...props}
+        />
+      </Box>
+      {append && (
+        <Box>
+          <Typography
+            size={theme.fontSizes["lg"]}
+            text={append.appendText ?? ""}
+            color={append.appendColor ?? "#000"}
+          />
+        </Box>
+      )}
+
+      {name === "label" && (
+        <Box backgroundColor={"transparent"} style={positionLabel}>
+          <Typography
+            text={textLabelPlaceholder ?? ""}
+            size={theme.fontSizes["sm"]}
+            fontWeight="400"
+            fontFamily={theme.fonts.inter_regular_400}
+            color={theme.colors.blue[500]}
+            lineHeight={24}
+            letterSpacing={"regular"}
+          />
+        </Box>
+      )}
+
+      {name === "password" ||
+        (name === "senha" && (
+          <Box backgroundColor={"transparent"} style={positionIconPassword}>
+            <TouchableOpacity
+              activeOpacity={0.7}
+              testID="eye-icon"
+              onPress={handlePressIsVisiblyPassword}
+            >
+              <Icons
+                size={theme.fontSizes["3xl"]}
+                color={theme.colors.blue[500]}
+                icon={isVisiblyPassword ? "EYE" : "EYE_SLASH"}
+              />
+            </TouchableOpacity>
+          </Box>
+        ))}
+      {name === "data" && (
+        <Box width={40} height={70} backgroundColor={"transparent"} style={positionIcon}>
+          <Icons
+            testID="CALENDAR"
+            size={theme.fontSizes["lg"]}
+            color={theme.colors.gray[700]}
+            icon={"CALENDAR"}
+          />
+        </Box>
+      )}
+      {name === "hours" && (
+        <Box width={40} height={70} backgroundColor={"transparent"} style={positionIcon}>
+          <Icons size={theme.fontSizes["lg"]} color={theme.colors.gray[700]} icon={"TIMER"} />
+        </Box>
+      )}
+      {name === "litragem" && (
+        <Box width={40} height={70} backgroundColor={"transparent"} style={positionIcon}>
+          <Icons size={theme.fontSizes["lg"]} color={theme.colors.gray[700]} icon={"GAS_PUMP"} />
+        </Box>
+      )}
+      {name === "value" && (
+        <Box width={40} height={70} backgroundColor={"transparent"} style={positionIcon}>
+          <Icons size={theme.fontSizes["lg"]} color={theme.colors.gray[700]} icon={"CURRENCY"} />
+        </Box>
+      )}
+      {Boolean(messageError) && (
+        <Box width={"100%"} backgroundColor={backgroundColor}>
+          <Typography
+            text={messageError ?? ""}
+            size={theme.fontSizes["sm"]}
+            fontFamily="inter_regular_400"
+            color={theme.colors.red[900] ?? "#9F0000"}
+            lineHeight={24}
+            letterSpacing={"regular"}
+            marginTop={2}
+          />
+        </Box>
+      )}
+    </Box>
+  );
+};
+
+/**
+ * EXPORTS
+ */
+export { Input };