react-native-exp-fig 2.0.2 → 2.0.4

package/src/components/activities-daily/index.tsx

@@ -1,116 +1,116 @@
-/**
- * IMPORTS
- */
-import React from "react";
-import { TouchableOpacity } from "react-native";
-
-// components
-import { Box } from "../../components/box";
-import { Typography } from "../../components/typography";
-
-//commons/ icons
-import { Icons } from "../../common/icons-svg";
-
-// styles
-import { theme } from "../../styles/theme/theme";
-
-// typings
-import { IActivitiesDaily } from "./interface";
-
-const ActivitiesDaily: React.FC<IActivitiesDaily> = ({ handleActivity }) => {
-  return (
-    <Box
-      testID={"activities-daily"}
-      width={"100%"}
-      height={100}
-      backgroundColor={theme.colors.neutral[25]}
-      borderStyled={{
-        borderRadius: theme.borderWidths.thick_medium,
-      }}
-    >
-      <Box
-        width={"100%"}
-        height={30}
-        backgroundColor={theme.colors.blue[400]}
-        borderStyled={{
-          borderTopLeftRadius: theme.borderWidths.thin_bold,
-          borderTopRightRadius: theme.borderWidths.thin_bold,
-          borderColor: theme.colors.blue[400],
-        }}
-        flexStyle={{
-          justifyContent: "center",
-        }}
-      >
-        <Typography
-          text={"Atividades diárias"}
-          color={theme.colors.neutral[25]}
-          size={theme.fontSizes.sm}
-          fontFamily={theme.fonts.inter_medium_500}
-          fontWeight={"500"}
-          lineHeight={theme.fontSizes.lg}
-          marginLeft={theme.margins["2xs"]}
-        />
-      </Box>
-      <Box
-        width={"100%"}
-        flexStyle={{
-          flexDirection: "row",
-          justifyContent: "space-between",
-        }}
-        paddingStyle={{
-          padding: theme.paddings["2xs"],
-        }}
-      >
-        <Typography
-          text={"Selecione uma das opções"}
-          color={theme.colors.blue[500]}
-          size={theme.fontSizes.xs}
-          fontFamily={theme.fonts.inter_bold_700}
-          fontWeight={"700"}
-          lineHeight={theme.fontSizes.md}
-        />
-
-        <Box flexStyle={{ flexDirection: "row" }} marginStyle={{ marginTop: 5 }}>
-          <TouchableOpacity
-            activeOpacity={0.7}
-            style={{ marginRight: theme.margins.xl, alignItems: "center" }}
-            onPress={() => handleActivity("trabalho")}
-          >
-            <Icons icon={"TRUCK"} color={theme.colors.blue[525]} />
-            <Typography
-              text={"Trabalho"}
-              color={theme.colors.black[25]}
-              size={theme.fontSizes.xs}
-              fontFamily={theme.fonts.inter_bold_700}
-              fontWeight={"700"}
-              lineHeight={theme.fontSizes.sm}
-              marginTop={4}
-            />
-          </TouchableOpacity>
-
-          <TouchableOpacity
-            activeOpacity={0.7}
-            style={{ alignItems: "center" }}
-            onPress={() => handleActivity("descanso")}
-          >
-            <Icons icon={"BED"} />
-            <Typography
-              text={"Descanso"}
-              color={theme.colors.black[25]}
-              size={theme.fontSizes.xs}
-              fontFamily={theme.fonts.inter_bold_700}
-              fontWeight={"700"}
-              lineHeight={theme.fontSizes.sm}
-              marginTop={4}
-            />
-          </TouchableOpacity>
-        </Box>
-      </Box>
-    </Box>
-  );
-};
-
-/**
- * EXPORTS
- */
-export { ActivitiesDaily };
+/**
+ * IMPORTS
+ */
+import React from "react";
+import { TouchableOpacity } from "react-native";
+
+// components
+import { Box } from "../../components/box";
+import { Typography } from "../../components/typography";
+
+//commons/ icons
+import { Icons } from "../../common/icons-svg";
+
+// styles
+import { theme } from "../../styles/theme/theme";
+
+// typings
+import { IActivitiesDaily } from "./interface";
+
+const ActivitiesDaily: React.FC<IActivitiesDaily> = ({ handleActivity }) => {
+  return (
+    <Box
+      testID={"activities-daily"}
+      width={"100%"}
+      height={100}
+      backgroundColor={theme.colors.neutral[25]}
+      borderStyled={{
+        borderRadius: theme.borderWidths.thick_medium,
+      }}
+    >
+      <Box
+        width={"100%"}
+        height={30}
+        backgroundColor={theme.colors.blue[400]}
+        borderStyled={{
+          borderTopLeftRadius: theme.borderWidths.thin_bold,
+          borderTopRightRadius: theme.borderWidths.thin_bold,
+          borderColor: theme.colors.blue[400],
+        }}
+        flexStyle={{
+          justifyContent: "center",
+        }}
+      >
+        <Typography
+          text={"Atividades diárias"}
+          color={theme.colors.neutral[25]}
+          size={theme.fontSizes.sm}
+          fontFamily={theme.fonts.inter_medium_500}
+          fontWeight={"500"}
+          lineHeight={theme.fontSizes.lg}
+          marginLeft={theme.margins["2xs"]}
+        />
+      </Box>
+      <Box
+        width={"100%"}
+        flexStyle={{
+          flexDirection: "row",
+          justifyContent: "space-between",
+        }}
+        paddingStyle={{
+          padding: theme.paddings["2xs"],
+        }}
+      >
+        <Typography
+          text={"Selecione uma das opções"}
+          color={theme.colors.blue[500]}
+          size={theme.fontSizes.xs}
+          fontFamily={theme.fonts.inter_bold_700}
+          fontWeight={"700"}
+          lineHeight={theme.fontSizes.md}
+        />
+
+        <Box flexStyle={{ flexDirection: "row" }} marginStyle={{ marginTop: 5 }}>
+          <TouchableOpacity
+            activeOpacity={0.7}
+            style={{ marginRight: theme.margins.xl, alignItems: "center" }}
+            onPress={() => handleActivity("trabalho")}
+          >
+            <Icons icon={"TRUCK"} color={theme.colors.blue[525]} />
+            <Typography
+              text={"Trabalho"}
+              color={theme.colors.black[25]}
+              size={theme.fontSizes.xs}
+              fontFamily={theme.fonts.inter_bold_700}
+              fontWeight={"700"}
+              lineHeight={theme.fontSizes.sm}
+              marginTop={4}
+            />
+          </TouchableOpacity>
+
+          <TouchableOpacity
+            activeOpacity={0.7}
+            style={{ alignItems: "center" }}
+            onPress={() => handleActivity("descanso")}
+          >
+            <Icons icon={"BED"} />
+            <Typography
+              text={"Descanso"}
+              color={theme.colors.black[25]}
+              size={theme.fontSizes.xs}
+              fontFamily={theme.fonts.inter_bold_700}
+              fontWeight={"700"}
+              lineHeight={theme.fontSizes.sm}
+              marginTop={4}
+            />
+          </TouchableOpacity>
+        </Box>
+      </Box>
+    </Box>
+  );
+};
+
+/**
+ * EXPORTS
+ */
+export { ActivitiesDaily };

package/src/components/header-profile/index.tsx

@@ -47,7 +47,7 @@ const HeaderNavigation = forwardRef<any, IHeaderProps>((props, ref): React.React
       flexStyle={{ flexDirection: "row", justifyContent: "space-between", alignItems: "center" }}
     >
       <Box
-        width={"20%"}
+        width={"15%"}
         backgroundColor={theme.colors.blue[525]}
         flexStyle={{ flexDirection: "column", justifyContent: "center", alignItems: "flex-start" }}
         paddingStyle={{ paddingLeft: 16 }}
@@ -65,7 +65,7 @@ const HeaderNavigation = forwardRef<any, IHeaderProps>((props, ref): React.React
               justifyContent: "center",
             }}
           >
-            {title === "Controle de Jornada" ? (
+            {title === "Controle de Carregamento" ? (
               <>
                 <Icons icon="LIST" color={theme.colors.neutral[25]} />
                 <Box marginStyle={{ marginBottom: 8 }} />
@@ -99,7 +99,7 @@ const HeaderNavigation = forwardRef<any, IHeaderProps>((props, ref): React.React
 
       <Box
         backgroundColor={theme.colors.blue[525]}
-        width={"20%"}
+        width={"15%"}
         flexStyle={{
           alignItems: "center",
           justifyContent: "flex-end",

package/src/components/loading-details/index.tsx

@@ -1,156 +1,156 @@
-/**
- * IMPORTS
- */
-import React from "react";
-
-// components
-import { Box } from "../box";
-import { Button } from "../button";
-import { Typography } from "../typography";
-
-// typings
-import { ILoadingDetails } from "./interface";
-
-// styles
-import { theme } from "../../styles/theme/theme";
-
-const LoadingDetails: React.FC<ILoadingDetails> = ({
-  numero = "01020304050607",
-  local = "Doca 1, Pátio 02 - Usimais (Ipatinga)",
-  date = "24/03/2025",
-  duracao = "00:00",
-  isLoadingStart = false,
-  disabled,
-  handleClickGoback,
-  handleClickStart,
-}: ILoadingDetails) => {
-  return (
-    <Box
-      width="100%"
-      borderStyled={{ borderRadius: 8 }}
-      style={{
-        shadowColor: theme.colors.black[10],
-        shadowOpacity: 0.1,
-        shadowOffset: { width: 0, height: 2 },
-        shadowRadius: 4,
-        elevation: 2,
-      }}
-      backgroundColor={theme.colors.blue[400]}
-    >
-      <Box
-        width={"100%"}
-        flexStyle={{
-          flexDirection: "row",
-          alignItems: "center",
-          justifyContent: "space-between",
-        }}
-        paddingStyle={{ padding: theme.paddings.md }}
-      >
-        <Box
-          width={"78%"}
-          flexStyle={{
-            flexDirection: "column",
-            justifyContent: "flex-start",
-            alignItems: "flex-start",
-          }}
-        >
-          <Typography
-            text={`Carregamento - #${numero}`}
-            size={theme.fontSizes.sm}
-            fontFamily={theme.fonts.inter_bold}
-            fontWeight="700"
-            color={theme.colors.neutral[25]}
-            lineHeight={theme.fontSizes["lg"]}
-            letterSpacing={"regular"}
-          />
-
-          <Typography
-            text={local}
-            color={theme.colors.neutral[25]}
-            size={theme.fontSizes.xs}
-            lineHeight={theme.fontSizes["2xl"]}
-            letterSpacing={"regular"}
-            numberOfLines={1}
-          />
-          <Typography
-            text={`Data carregamento: ${date}`}
-            color={theme.colors.neutral[25]}
-            size={theme.fontSizes.xs}
-            lineHeight={theme.fontSizes["2xl"]}
-            letterSpacing={"regular"}
-            numberOfLines={1}
-          />
-        </Box>
-
-        <Typography
-          text={duracao}
-          color={theme.colors.neutral[25]}
-          size={24}
-          align="left"
-          fontFamily="inter_bold"
-          fontWeight="700"
-          lineHeight={theme.fontSizes["3xl"]}
-          letterSpacing={"regular"}
-        />
-      </Box>
-
-      <Box
-        height={1}
-        backgroundColor={theme.colors.gray[950]}
-        marginStyle={{ marginTop: theme.margins.xs, marginBottom: theme.margins.xs }}
-      />
-
-      <Box style={{ flexDirection: "row", gap: 12, marginBottom: 8, padding: theme.paddings.md }}>
-        <Button
-          testID="iniciar-button"
-          title="INICIAR"
-          onPress={handleClickStart}
-          height={40}
-          isLoading={isLoadingStart}
-          disabled={disabled}
-          backgroundColor={disabled ? theme.colors.green[100] : theme.colors.green[250]}
-          flexStyle={{ flex: 1, alignItems: "center", justifyContent: "center" }}
-          buttonTextStyle={{
-            color: theme.colors.neutral[25],
-            fontFamily: theme.fonts.inter_semi_bold_600,
-            fontSize: theme.fontSizes.md,
-            fontWeight: "600",
-            textAlign: "center",
-          }}
-          borderStyled={{
-            borderWidth: theme.borderWidths.thin,
-            borderColor: disabled ? theme.colors.green[100] : theme.colors.green[250],
-            borderRadius: theme.fontSizes["2xl"],
-          }}
-        />
-
-        <Button
-          title="VOLTAR"
-          onPress={handleClickGoback}
-          height={40}
-          isLoading={false}
-          disabled={isLoadingStart}
-          backgroundColor={theme.colors.yellow[75]}
-          flexStyle={{ flex: 1, alignItems: "center", justifyContent: "center" }}
-          buttonTextStyle={{
-            color: theme.colors.neutral[25],
-            fontFamily: theme.fonts.inter_semi_bold_600,
-            fontSize: theme.fontSizes.md,
-            fontWeight: "600",
-            textAlign: "center",
-          }}
-          borderStyled={{
-            borderWidth: theme.borderWidths.thin,
-            borderColor: theme.colors.yellow[75],
-            borderRadius: theme.fontSizes["2xl"],
-          }}
-        />
-      </Box>
-    </Box>
-  );
-};
-
-/**
- * EXPORTS
- */
-export { LoadingDetails };
+/**
+ * IMPORTS
+ */
+import React from "react";
+
+// components
+import { Box } from "../box";
+import { Button } from "../button";
+import { Typography } from "../typography";
+
+// typings
+import { ILoadingDetails } from "./interface";
+
+// styles
+import { theme } from "../../styles/theme/theme";
+
+const LoadingDetails: React.FC<ILoadingDetails> = ({
+  numero = "01020304050607",
+  local = "Doca 1, Pátio 02 - Usimais (Ipatinga)",
+  date = "24/03/2025",
+  duracao = "00:00",
+  isLoadingStart = false,
+  disabled,
+  handleClickGoback,
+  handleClickStart,
+}: ILoadingDetails) => {
+  return (
+    <Box
+      width="100%"
+      borderStyled={{ borderRadius: 8 }}
+      style={{
+        shadowColor: theme.colors.black[10],
+        shadowOpacity: 0.1,
+        shadowOffset: { width: 0, height: 2 },
+        shadowRadius: 4,
+        elevation: 2,
+      }}
+      backgroundColor={theme.colors.blue[400]}
+    >
+      <Box
+        width={"100%"}
+        flexStyle={{
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+        }}
+        paddingStyle={{ padding: theme.paddings.md }}
+      >
+        <Box
+          width={"78%"}
+          flexStyle={{
+            flexDirection: "column",
+            justifyContent: "flex-start",
+            alignItems: "flex-start",
+          }}
+        >
+          <Typography
+            text={`Carregamento - #${numero}`}
+            size={theme.fontSizes.sm}
+            fontFamily={theme.fonts.inter_bold}
+            fontWeight="700"
+            color={theme.colors.neutral[25]}
+            lineHeight={theme.fontSizes["lg"]}
+            letterSpacing={"regular"}
+          />
+
+          <Typography
+            text={local}
+            color={theme.colors.neutral[25]}
+            size={theme.fontSizes.xs}
+            lineHeight={theme.fontSizes["2xl"]}
+            letterSpacing={"regular"}
+            numberOfLines={1}
+          />
+          <Typography
+            text={`Data carregamento: ${date}`}
+            color={theme.colors.neutral[25]}
+            size={theme.fontSizes.xs}
+            lineHeight={theme.fontSizes["2xl"]}
+            letterSpacing={"regular"}
+            numberOfLines={1}
+          />
+        </Box>
+
+        <Typography
+          text={duracao}
+          color={theme.colors.neutral[25]}
+          size={24}
+          align="left"
+          fontFamily="inter_bold"
+          fontWeight="700"
+          lineHeight={theme.fontSizes["3xl"]}
+          letterSpacing={"regular"}
+        />
+      </Box>
+
+      <Box
+        height={1}
+        backgroundColor={theme.colors.gray[950]}
+        marginStyle={{ marginTop: theme.margins.xs, marginBottom: theme.margins.xs }}
+      />
+
+      <Box style={{ flexDirection: "row", gap: 12, marginBottom: 8, padding: theme.paddings.md }}>
+        <Button
+          testID="iniciar-button"
+          title="INICIAR"
+          onPress={handleClickStart}
+          height={40}
+          isLoading={isLoadingStart}
+          disabled={disabled}
+          backgroundColor={disabled ? theme.colors.gray[900] : theme.colors.green[250]}
+          flexStyle={{ flex: 1, alignItems: "center", justifyContent: "center" }}
+          buttonTextStyle={{
+            color: theme.colors.neutral[25],
+            fontFamily: theme.fonts.inter_semi_bold_600,
+            fontSize: theme.fontSizes.md,
+            fontWeight: "600",
+            textAlign: "center",
+          }}
+          borderStyled={{
+            borderWidth: theme.borderWidths.thin,
+            borderColor: disabled ? theme.colors.gray[900] : theme.colors.green[250],
+            borderRadius: theme.fontSizes["2xl"],
+          }}
+        />
+
+        <Button
+          title="VOLTAR"
+          onPress={handleClickGoback}
+          height={40}
+          isLoading={false}
+          disabled={isLoadingStart}
+          backgroundColor={theme.colors.yellow[75]}
+          flexStyle={{ flex: 1, alignItems: "center", justifyContent: "center" }}
+          buttonTextStyle={{
+            color: theme.colors.neutral[25],
+            fontFamily: theme.fonts.inter_semi_bold_600,
+            fontSize: theme.fontSizes.md,
+            fontWeight: "600",
+            textAlign: "center",
+          }}
+          borderStyled={{
+            borderWidth: theme.borderWidths.thin,
+            borderColor: theme.colors.yellow[75],
+            borderRadius: theme.fontSizes["2xl"],
+          }}
+        />
+      </Box>
+    </Box>
+  );
+};
+
+/**
+ * EXPORTS
+ */
+export { LoadingDetails };