react-native-exp-fig 0.1.44 → 2.0.1

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

@@ -1,93 +1,93 @@
-/**
- * IMPORTS
- */
-import React from "react";
-
-// component
-import Box from "../box";
-import { Typography } from "../typography";
-import { Button } from "../button";
-
-// typings
-import { ILoadingProgress } from "./interface";
-
-// styles
-import { theme } from "../../styles/theme/theme";
-
-/**
- *
- * Componente LoadingProgress para a interação do usuário com ui.
- */
-const LoadingProgress: React.FC<ILoadingProgress> = ({
-  textLoading,
-  handleClick,
-  backgroundColor,
-}: ILoadingProgress) => {
-  const truncatedText =
-    textLoading.length > 15 ? textLoading.substring(0, 13) + "..." : textLoading;
-  return (
-    <Box>
-      <Typography
-        text="Carregamento em Andamento"
-        size={theme.fontSizes.lg}
-        fontFamily={theme.fonts.inter_medium_500}
-        color={theme.colors.gray[800]}
-      />
-      <Box
-        paddingStyle={{ padding: theme.paddings["2xs"] }}
-        backgroundColor={backgroundColor ?? theme.colors.neutral[25]}
-        borderStyled={{
-          borderWidth: theme.borderWidths.thin,
-          borderRadius: theme.borderWidths.thick_large,
-          borderStyle: "dashed",
-          borderColor: theme.colors.neutral[200],
-        }}
-        marginStyle={{ marginTop: theme.margins["2xs"], marginBottom: theme.margins["2xs"] }}
-      >
-        <Box flexStyle={{ flexDirection: "row", textAlign: "center" }}>
-          <Typography
-            text={"N° Carregamento: "}
-            size={theme.fontSizes.md}
-            fontFamily={theme.fonts.inter_bold_700}
-            color={theme.colors.blue[400]}
-          />
-
-          <Typography
-            text={truncatedText}
-            size={theme.fontSizes.md}
-            fontFamily={theme.fonts.inter_medium_500}
-            color={theme.colors.gray[800]}
-            letterSpacing={"regular"}
-          />
-        </Box>
-        <Box
-          flexStyle={{ alignItems: "center", justifyContent: "center", flexDirection: "row" }}
-          marginStyle={{ marginTop: theme.margins["2xs"] }}
-        >
-          <Button
-            title={"Visualizar"}
-            onPress={handleClick}
-            backgroundColor={theme.colors.blue[400]}
-            isLoading={false}
-            height={32}
-            width={"75%"}
-            buttonTextStyle={{
-              color: theme.colors.neutral[25],
-              fontFamily: theme.fonts.inter_medium_500,
-              fontSize: theme.fontSizes.lg,
-            }}
-            flexStyle={{ alignItems: "center", justifyContent: "center", flexDirection: "row" }}
-            borderStyled={{
-              borderRadius: theme.borderWidths.thick_medium,
-            }}
-          />
-        </Box>
-      </Box>
-    </Box>
-  );
-};
-
-/**
- * EXPORTS
- */
-export { LoadingProgress };
+/**
+ * IMPORTS
+ */
+import React from "react";
+
+// component
+import { Box } from "../box";
+import { Typography } from "../typography";
+import { Button } from "../button";
+
+// typings
+import { ILoadingProgress } from "./interface";
+
+// styles
+import { theme } from "../../styles/theme/theme";
+
+/**
+ *
+ * Componente LoadingProgress para a interação do usuário com ui.
+ */
+const LoadingProgress: React.FC<ILoadingProgress> = ({
+  textLoading,
+  handleClick,
+  backgroundColor,
+}: ILoadingProgress) => {
+  const truncatedText =
+    textLoading.length > 15 ? textLoading.substring(0, 13) + "..." : textLoading;
+  return (
+    <Box>
+      <Typography
+        text="Carregamento em Andamento"
+        size={theme.fontSizes.lg}
+        fontFamily={theme.fonts.inter_medium_500}
+        color={theme.colors.gray[800]}
+      />
+      <Box
+        paddingStyle={{ padding: theme.paddings["2xs"] }}
+        backgroundColor={backgroundColor ?? theme.colors.neutral[25]}
+        borderStyled={{
+          borderWidth: theme.borderWidths.thin,
+          borderRadius: theme.borderWidths.thick_large,
+          borderStyle: "dashed",
+          borderColor: theme.colors.neutral[200],
+        }}
+        marginStyle={{ marginTop: theme.margins["2xs"], marginBottom: theme.margins["2xs"] }}
+      >
+        <Box flexStyle={{ flexDirection: "row", textAlign: "center" }}>
+          <Typography
+            text={"N° Carregamento: "}
+            size={theme.fontSizes.md}
+            fontFamily={theme.fonts.inter_bold_700}
+            color={theme.colors.blue[400]}
+          />
+
+          <Typography
+            text={truncatedText}
+            size={theme.fontSizes.md}
+            fontFamily={theme.fonts.inter_medium_500}
+            color={theme.colors.gray[800]}
+            letterSpacing={"regular"}
+          />
+        </Box>
+        <Box
+          flexStyle={{ alignItems: "center", justifyContent: "center", flexDirection: "row" }}
+          marginStyle={{ marginTop: theme.margins["2xs"] }}
+        >
+          <Button
+            title={"Visualizar"}
+            onPress={handleClick}
+            backgroundColor={theme.colors.blue[400]}
+            isLoading={false}
+            height={32}
+            width={"75%"}
+            buttonTextStyle={{
+              color: theme.colors.neutral[25],
+              fontFamily: theme.fonts.inter_medium_500,
+              fontSize: theme.fontSizes.lg,
+            }}
+            flexStyle={{ alignItems: "center", justifyContent: "center", flexDirection: "row" }}
+            borderStyled={{
+              borderRadius: theme.borderWidths.thick_medium,
+            }}
+          />
+        </Box>
+      </Box>
+    </Box>
+  );
+};
+
+/**
+ * EXPORTS
+ */
+export { LoadingProgress };

package/src/components/loading-progress/interface.d.ts

@@ -1,22 +1,22 @@
-/**
- * IMPORTS
- */
-import { ViewProps } from "react-native";
-// typing
-import { IGlobalCss } from "../../styles/global/interface";
-
-interface ILoadingProgress extends ViewProps, IGlobalCss {
-  /*
-   *numero do carregamento em andamento
-   */
-  textLoading: string;
-
-  /**função que recebe um argumento de dados e navega usuário */
-  // eslint-disable-next-line no-unused-vars
-  handleClick: <T>(data: T) => T;
-}
-
-/**
- * EXPORTS
- */
-export { ILoadingProgress };
+/**
+ * IMPORTS
+ */
+import { ViewProps } from "react-native";
+// typing
+import { IGlobalCss } from "../../styles/global/interface";
+
+interface ILoadingProgress extends ViewProps, IGlobalCss {
+  /*
+   *numero do carregamento em andamento
+   */
+  textLoading: string;
+
+  /**função que recebe um argumento de dados e navega usuário */
+  // eslint-disable-next-line no-unused-vars
+  handleClick: <T>(data: T) => T;
+}
+
+/**
+ * EXPORTS
+ */
+export { ILoadingProgress };

package/src/components/menu-item/index.tsx

@@ -1,73 +1,73 @@
-/**
- * IMPORTS
- */
-import React from "react";
-import { TouchableOpacity } from "react-native";
-
-// components
-import Box from "../box";
-import { Typography } from "../typography";
-
-// comons / icons
-import { IconsMenuItems } from "../../common/icons-svg";
-
-// typings
-import { IMenuItem } from "./interface";
-
-// styles
-import { theme } from "../../styles/theme/theme";
-
-/**
- *
- * Componente Menu Item para a interação do usuário com ui.
- */
-const MenuItem: React.FC<IMenuItem> = ({
-  color,
-  width,
-  height,
-  title,
-  handleNavigation,
-  typeSelected,
-  testID,
-  selected,
-}: IMenuItem) => {
-  return (
-    <TouchableOpacity testID={testID} onPress={handleNavigation} activeOpacity={0.7}>
-      <Box
-        testID={"menu-item-" + typeSelected}
-        width={width ?? "100%"}
-        height={height ?? 260}
-        backgroundColor={selected ? theme.colors.blue[400] : theme.colors.gray[400]}
-        marginStyle={{ marginBottom: 16 }}
-        borderStyled={{
-          borderWidth: 1,
-          borderColor: selected ? theme.colors.blue[400] : theme.colors.gray[400],
-          borderRadius: 8,
-        }}
-        flexStyle={{ flexDirection: "column", justifyContent: "center", alignItems: "center" }}
-      >
-        <Box testID="menu-item-icon-box">
-          <IconsMenuItems
-            testID="menu-item-icon"
-            icon={typeSelected ?? "LOADING"}
-            size={theme.fontSizes["3xl"]}
-            color="#fff"
-          />
-        </Box>
-        <Typography
-          text={title ?? "Carregamento"}
-          color={color?.colorText ?? theme.colors.neutral[25]}
-          size={theme.fontSizes.xs}
-          fontFamily={theme.fonts.inter_bold_700}
-          lineHeight={theme.fontSizes.lg ?? 24}
-          letterSpacing={"regular"}
-        />
-      </Box>
-    </TouchableOpacity>
-  );
-};
-
-/**
- * EXPORTS
- */
-export { MenuItem };
+/**
+ * IMPORTS
+ */
+import React from "react";
+import { TouchableOpacity } from "react-native";
+
+// components
+import { Box } from "../box";
+import { Typography } from "../typography";
+
+// comons / icons
+import { IconsMenuItems } from "../../common/icons-svg";
+
+// typings
+import { IMenuItem } from "./interface";
+
+// styles
+import { theme } from "../../styles/theme/theme";
+
+/**
+ *
+ * Componente Menu Item para a interação do usuário com ui.
+ */
+const MenuItem: React.FC<IMenuItem> = ({
+  color,
+  width,
+  height,
+  title,
+  handleNavigation,
+  typeSelected,
+  testID,
+  selected,
+}: IMenuItem) => {
+  return (
+    <TouchableOpacity testID={testID} onPress={handleNavigation} activeOpacity={0.7}>
+      <Box
+        testID={"menu-item-" + typeSelected}
+        width={width ?? "100%"}
+        height={height ?? 260}
+        backgroundColor={selected ? theme.colors.blue[400] : theme.colors.gray[400]}
+        marginStyle={{ marginBottom: 16 }}
+        borderStyled={{
+          borderWidth: 1,
+          borderColor: selected ? theme.colors.blue[400] : theme.colors.gray[400],
+          borderRadius: 8,
+        }}
+        flexStyle={{ flexDirection: "column", justifyContent: "center", alignItems: "center" }}
+      >
+        <Box testID="menu-item-icon-box">
+          <IconsMenuItems
+            testID="menu-item-icon"
+            icon={typeSelected ?? "LOADING"}
+            size={theme.fontSizes["3xl"]}
+            color="#fff"
+          />
+        </Box>
+        <Typography
+          text={title ?? "Carregamento"}
+          color={color?.colorText ?? theme.colors.neutral[25]}
+          size={theme.fontSizes.xs}
+          fontFamily={theme.fonts.inter_bold_700}
+          lineHeight={theme.fontSizes.lg ?? 24}
+          letterSpacing={"regular"}
+        />
+      </Box>
+    </TouchableOpacity>
+  );
+};
+
+/**
+ * EXPORTS
+ */
+export { MenuItem };

package/src/components/menu-item/interface.d.ts

@@ -1,19 +1,19 @@
-/**
- * IMPORTS
- */
-import { ViewProps } from "react-native";
-
-// typing
-import { IGlobalCss } from "../../styles/global/interface";
-
-interface IMenuItem extends ViewProps, IGlobalCss {
-  title?: string;
-  handleNavigation: () => void;
-  selected: boolean;
-  typeSelected: "LOADING" | "ACTIVITY" | "HISTORY";
-}
-
-/**
- * EXPORTS
- */
-export { IMenuItem };
+/**
+ * IMPORTS
+ */
+import { ViewProps } from "react-native";
+
+// typing
+import { IGlobalCss } from "../../styles/global/interface";
+
+interface IMenuItem extends ViewProps, IGlobalCss {
+  title?: string;
+  handleNavigation: () => void;
+  selected: boolean;
+  typeSelected: "LOADING" | "ACTIVITY" | "HISTORY";
+}
+
+/**
+ * EXPORTS
+ */
+export { IMenuItem };

package/src/components/modal-activities/data-activities/index.ts

@@ -0,0 +1,65 @@
+/**
+ * dados para os tipos de atividades selecionado
+ */
+export const activities = {
+  trabalho: [
+    {
+      id: 1,
+      referencia: "operacao_veiculo",
+      cor_hex: "000000",
+      descricao: "Operação com Veículo",
+      tipo: "trabalho",
+    },
+    {
+      id: 2,
+      referencia: "aguardando_carga",
+      cor_hex: "000000",
+      descricao: "Em carga",
+      tipo: "trabalho",
+    },
+    {
+      id: 3,
+      referencia: "aguardando_descarga",
+      cor_hex: "000000",
+      descricao: "Em Descarga",
+      tipo: "trabalho",
+    },
+    {
+      id: 8,
+      referencia: "disposicao_veiculo_parado",
+      cor_hex: "000000",
+      descricao: "Disposição com Veículo Parado",
+      tipo: "trabalho",
+    },
+  ],
+  descanso: [
+    {
+      id: 5,
+      referencia: "repouso_semanal",
+      cor_hex: "000000",
+      descricao: "Repouso Semanal",
+      tipo: "descanso",
+    },
+    {
+      id: 6,
+      referencia: "repouso_noturno",
+      cor_hex: "000000",
+      descricao: "Repouso Noturno",
+      tipo: "descanso",
+    },
+    {
+      id: 7,
+      referencia: "refeicao",
+      cor_hex: "000000",
+      descricao: "Refeição",
+      tipo: "descanso",
+    },
+    {
+      id: 9,
+      referencia: "descanso",
+      cor_hex: "000000",
+      descricao: "Descanso",
+      tipo: "descanso",
+    },
+  ],
+};