react-native-exp-fig 2.0.3 → 2.0.4

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

@@ -1,65 +1,107 @@
-/**
- * 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",
-    },
-  ],
-};
+/**
+ * Tipagem da atividade
+ */
+export interface IActivity {
+  id: number;
+  referencia: string;
+  cor_hex: string;
+  descricao: string;
+  tipo: "trabalho" | "descanso";
+}
+
+/**
+ * Lista base de atividades padrão (normal)
+ */
+const baseActivities: Record<string, IActivity[]> = {
+  trabalho: [
+    {
+      id: 1,
+      referencia: "em_operacao",
+      cor_hex: "#000000",
+      descricao: "Em Operação Carregamento",
+      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",
+    },
+  ],
+};
+
+/**
+ * Atividades específicas por tipo de usuário
+ */
+export const activitiesByDriverType: Record<string, Record<string, IActivity[]>> = {
+  normal: baseActivities,
+  carregador: {
+    trabalho: [
+      {
+        id: 1,
+        referencia: "em_operacao",
+        cor_hex: "#000000",
+        descricao: "Em Operação Carregamento",
+        tipo: "trabalho",
+      },
+      {
+        id: 21,
+        referencia: "aguardando_descarga",
+        cor_hex: "#000000",
+        descricao: "Tempo à Disposição",
+        tipo: "trabalho",
+      },
+    ],
+    descanso: baseActivities.descanso!,
+  },
+};
+
+/**
+ * Atividades base para uso nos testes
+ */
+export const activities = baseActivities;

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

@@ -0,0 +1,25 @@
+/**
+ * IMPORTS
+ */
+import { activitiesByDriverType } from "../data-activities";
+
+/**
+ * Função que retorna as atividades por tipo de atividade e tipo de usuário (normal ou carregador)
+ * @param driverType
+ * @param activityType
+ * @returns
+ */
+const getActivitiesByType = (driverType: string, activityType: string) => {
+  const driverActivities = activitiesByDriverType[driverType];
+
+  if (!driverActivities) {
+    return activitiesByDriverType["carregador"]![activityType] || [];
+  }
+
+  return driverActivities[activityType] || [];
+};
+
+/**
+ * EXPORTS
+ */
+export { getActivitiesByType };

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

@@ -1,137 +1,137 @@
-/**
- * IMPORTS
- */
-import React from "react";
-import { Modal, TouchableOpacity, FlatList } from "react-native";
-
-// components
-
-import { Box } from "../box";
-
-// commons / icons
-import { Icons } from "../../common/icons-svg";
-import { getIconModalActivities } from "../../common/icons-svg/modal-activities";
-
-// styles
-import { theme } from "../../styles/theme/theme";
-import { Typography } from "../typography";
-import { Button } from "../button";
-
-//typing
-import { IModalActivities, IActivity } from "./interface";
-
-// atividades
-import { activities } from "./data-activities";
-
-export const ModalActivities: React.FC<IModalActivities> = ({
-  onClose,
-  handleActivity,
-  activityType,
-  isLoading,
-  style,
-}) => {
-  return (
-    <Modal animationType="fade" transparent={true} onRequestClose={onClose}>
-      <Box
-        backgroundColor={"rgba(0, 0, 0, 0.7)"}
-        flexStyle={{ flex: 1, justifyContent: "center", alignItems: "center" }}
-      >
-        <Box
-          height={310}
-          width={"92%"}
-          backgroundColor={theme.colors.neutral[25]}
-          borderStyled={{
-            borderColor: theme.colors.blue[500],
-            borderWidth: theme.borderWidths.thick,
-            borderRadius: theme.borderWidths.thick_medium,
-          }}
-          paddingStyle={{
-            padding: theme.paddings.md,
-          }}
-          style={{ position: "relative" }}
-        >
-          <Box
-            width={"100%"}
-            flexStyle={{
-              flexDirection: "row",
-              justifyContent: "space-between",
-              alignItems: "center",
-            }}
-          >
-            <Typography
-              text="Atividades"
-              size={theme.fontSizes.md}
-              color={theme.colors.blue[500]}
-              fontFamily={theme.fonts.inter_bold_700}
-              lineHeight={theme.fontSizes.xl}
-            />
-
-            <TouchableOpacity activeOpacity={0.7} onPress={onClose} style={{}}>
-              <Icons icon="CLOSED" color={theme.colors.blue[500]} />
-            </TouchableOpacity>
-          </Box>
-          {/* as atividades  */}
-          <Box marginStyle={{ marginTop: theme.margins["2xl"] }}>
-            <FlatList
-              data={activities[activityType]}
-              numColumns={3}
-              keyExtractor={(item) => item.id.toString()}
-              scrollEnabled={false}
-              renderItem={({ item }) => (
-                <TouchableOpacity
-                  style={{
-                    alignItems: "center",
-                    width: 110,
-                    marginBottom: theme.margins["2xl"], // espaço entre as linhas
-                  }}
-                  onPress={() => handleActivity(item as IActivity)}
-                >
-                  {getIconModalActivities(item.referencia)}
-
-                  <Typography
-                    text={item.descricao}
-                    size={theme.fontSizes.xs}
-                    color={theme.colors.blue[500]}
-                    lineHeight={theme.fontSizes.md}
-                    fontFamily={theme.fonts.inter_medium_500}
-                    fontWeight="500"
-                    align="center"
-                    marginTop={5}
-                  />
-                </TouchableOpacity>
-              )}
-            />
-          </Box>
-
-          <Button
-            title={"CANCELAR ATIVIDADE"}
-            width="100%"
-            height={40}
-            activeOpacity={0.7}
-            onPress={onClose}
-            backgroundColor={theme.colors.blue[500]}
-            buttonTextStyle={{
-              color: theme.colors.neutral[25],
-              fontFamily: theme.fonts.inter_medium_500,
-              fontSize: theme.fontSizes.md,
-              fontWeight: "500",
-            }}
-            flexStyle={{
-              flexDirection: "row",
-              alignItems: "center",
-              justifyContent: "center",
-            }}
-            borderStyled={{
-              borderWidth: theme.borderWidths.thin,
-              borderColor: theme.colors.blue[500],
-              borderRadius: theme.borderWidths.thick_medium,
-            }}
-            marginStyle={{ marginLeft: theme.margins.md }}
-            isLoading={isLoading ?? false}
-            style={[style, { position: "absolute", bottom: 10, left: 0 }]}
-          />
-        </Box>
-      </Box>
-    </Modal>
-  );
-};
+/**
+ * IMPORTS
+ */
+import React from "react";
+import { Modal, TouchableOpacity, FlatList } from "react-native";
+
+// components
+
+import { Box } from "../box";
+
+// commons / icons
+import { Icons } from "../../common/icons-svg";
+import { getIconModalActivities } from "../../common/icons-svg/modal-activities";
+
+// styles
+import { theme } from "../../styles/theme/theme";
+import { Typography } from "../typography";
+import { Button } from "../button";
+
+//typing
+import { IModalActivities, IActivity } from "./interface";
+
+// atividades
+import { getActivitiesByType } from "./helpers";
+
+export const ModalActivities: React.FC<IModalActivities> = ({
+  onClose,
+  handleActivity,
+  activityType,
+  driverType = "carregador",
+  style,
+}) => {
+  return (
+    <Modal animationType="fade" transparent={true} onRequestClose={onClose}>
+      <Box
+        backgroundColor={"rgba(0, 0, 0, 0.7)"}
+        flexStyle={{ flex: 1, justifyContent: "center", alignItems: "center" }}
+      >
+        <Box
+          height={310}
+          width={"92%"}
+          backgroundColor={theme.colors.neutral[25]}
+          borderStyled={{
+            borderColor: theme.colors.blue[500],
+            borderWidth: theme.borderWidths.thick,
+            borderRadius: theme.borderWidths.thick_medium,
+          }}
+          paddingStyle={{
+            padding: theme.paddings.md,
+          }}
+          style={{ position: "relative" }}
+        >
+          <Box
+            width={"100%"}
+            flexStyle={{
+              flexDirection: "row",
+              justifyContent: "space-between",
+              alignItems: "center",
+            }}
+          >
+            <Typography
+              text="Atividades"
+              size={theme.fontSizes.md}
+              color={theme.colors.blue[500]}
+              fontFamily={theme.fonts.inter_bold_700}
+              lineHeight={theme.fontSizes.xl}
+            />
+
+            <TouchableOpacity activeOpacity={0.7} onPress={onClose} style={{}}>
+              <Icons icon="CLOSED" color={theme.colors.blue[500]} />
+            </TouchableOpacity>
+          </Box>
+          {/* as atividades  */}
+          <Box marginStyle={{ marginTop: theme.margins["2xl"] }}>
+            <FlatList
+              data={getActivitiesByType(driverType, activityType)}
+              numColumns={3}
+              keyExtractor={(item) => item.id.toString()}
+              scrollEnabled={false}
+              renderItem={({ item }) => (
+                <TouchableOpacity
+                  style={{
+                    alignItems: "center",
+                    width: 110,
+                    marginBottom: theme.margins["2xl"], // espaço entre as linhas
+                  }}
+                  onPress={() => handleActivity(item as IActivity)}
+                >
+                  {getIconModalActivities(item.referencia)}
+
+                  <Typography
+                    text={item.descricao}
+                    size={theme.fontSizes.xs}
+                    color={theme.colors.blue[500]}
+                    lineHeight={theme.fontSizes.md}
+                    fontFamily={theme.fonts.inter_medium_500}
+                    fontWeight="500"
+                    align="center"
+                    marginTop={5}
+                  />
+                </TouchableOpacity>
+              )}
+            />
+          </Box>
+
+          <Button
+            title={"CANCELAR ATIVIDADE"}
+            width="100%"
+            height={40}
+            activeOpacity={0.7}
+            onPress={onClose}
+            backgroundColor={theme.colors.blue[500]}
+            buttonTextStyle={{
+              color: theme.colors.neutral[25],
+              fontFamily: theme.fonts.inter_medium_500,
+              fontSize: theme.fontSizes.md,
+              fontWeight: "500",
+            }}
+            flexStyle={{
+              flexDirection: "row",
+              alignItems: "center",
+              justifyContent: "center",
+            }}
+            borderStyled={{
+              borderWidth: theme.borderWidths.thin,
+              borderColor: theme.colors.blue[500],
+              borderRadius: theme.borderWidths.thick_medium,
+            }}
+            marginStyle={{ marginLeft: theme.margins.md }}
+            isLoading={false}
+            style={[style, { position: "absolute", bottom: 10, left: 0 }]}
+          />
+        </Box>
+      </Box>
+    </Modal>
+  );
+};

package/src/components/modal-activities/interface.d.ts

@@ -1,32 +1,34 @@
-/**
- * IMPORTS
- */
-import { ModalProps } from "react-native";
-
-// typing
-import { IGlobalCss } from "../../styles/global/interface";
-
-interface IActivity {
-  id: number;
-  referencia: string;
-  cor_hex: string;
-  descricao: string;
-  tipo: "trabalho" | "descanso";
-}
-
-interface IModalActivities extends ModalProps, IGlobalCss {
-  /** função que fecha modal */
-  onClose: () => void;
-
-  /** tipo de atividades */
-  activityType: IActivity["tipo"];
-
-  /** função que manda atividade selecionada */
-  // eslint-disable-next-line no-unused-vars
-  handleActivity: (activity: IActivity) => void;
-}
-
-/**
- * EXPORTS
- */
-export { IModalActivities, IActivity };
+/**
+ * IMPORTS
+ */
+import { ModalProps } from "react-native";
+
+// typing
+import { IGlobalCss } from "../../../styles/global/interface";
+
+interface IActivity {
+  id: number;
+  referencia: string;
+  cor_hex: string;
+  descricao: string;
+  tipo: "trabalho" | "descanso";
+}
+
+interface IModalActivities extends ModalProps, IGlobalCss {
+  /** função que fecha modal */
+  onClose: () => void;
+
+  /** tipo de atividades */
+  activityType: IActivity["tipo"];
+
+  /** função que manda atividade selecionada */
+  // eslint-disable-next-line no-unused-vars
+  handleActivity: (activity: IActivity) => void;
+
+  driverType?: "normal" | "carregador";
+}
+
+/**
+ * EXPORTS
+ */
+export { IModalActivities, IActivity };