react-native-exp-fig 0.1.20 → 0.1.22

package/src/stories/history-activities-card/history-activities-card.stories.tsx

@@ -0,0 +1,107 @@
+import type { StoryObj, Meta } from "@storybook/react";
+
+import HistoryActivitiesCard from "../../components/history-activities-card";
+import { IMAGES } from "../../common/constants";
+
+const meta: Meta<typeof HistoryActivitiesCard> = {
+  title: "componente/HistoryActivitiesCard",
+  component: HistoryActivitiesCard,
+  args: {
+    name: "João Silva",
+    ciclo: "Ciclo 1",
+    data_start: "08:00",
+    data_end: "17:00",
+    idAtividade: 12345,
+    duration: "9:00m",
+    name_activitie: "Operação de Veículo",
+    referencia: "operacao_veiculo",
+    type_activitie: "Operação Veículo",
+    avatar: IMAGES.IMAGE_ANONIMA,
+  },
+  parameters: {
+    notes: `
+# HistoryActivitiesCard
+
+Este é um componente de Card de histórico de atividades.
+
+## Uso
+
+\`\`\`tsx
+<HistoryActivitiesCard
+  name="João Silva"
+  ciclo="Ciclo 1"
+  data_start="08:00"
+  data_end="17:00"
+  idAtividade={12345}
+  duration="9h 00m"
+  name_activitie="Operação de Veículo"
+  referencia="operacao_veiculo"
+  type_activitie="Operação Veículo"
+  avatar="https://randomuser.me/api/portraits/men/1.jpg"
+/>
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  name: "default",
+};
+
+export const WithoutAvatar: Story = {
+  name: "sem-avatar",
+  args: {
+    avatar: "",
+    name: "Maria Santos",
+  },
+};
+
+export const LongActivity: Story = {
+  name: "atividade-longa",
+  args: {
+    name: "Pedro Oliveira",
+    ciclo: "Ciclo 2",
+    data_start: "06:00",
+    data_end: "22:00",
+    idAtividade: 67890,
+    duration: "16h 00m",
+    name_activitie: "Viagem Longa Distância",
+    referencia: "operacao_veiculo",
+    type_activitie: "Viagem Longa Distância",
+    avatar: "https://randomuser.me/api/portraits/men/2.jpg",
+  },
+};
+
+export const MinimalData: Story = {
+  name: "dados-minimos",
+  args: {
+    name: "Ana Costa",
+    data_start: "08:00",
+    duration: "8h 00m",
+    name_activitie: "Atividade Básica",
+    referencia: "descanso",
+    type_activitie: "Básico",
+    idAtividade: 11111,
+    // Outros campos serão undefined para testar fallbacks
+  },
+};
+
+export const CompleteData: Story = {
+  name: "dados-completos",
+  args: {
+    name: "Carlos Ferreira",
+    ciclo: "Ciclo 3",
+    data_start: "14:30",
+    data_end: "18:45",
+    idAtividade: 54321,
+    duration: "4h 15m",
+    name_activitie: "Manutenção de Equipamentos",
+    referencia: "manutencao",
+    type_activitie: "Manutenção",
+    avatar: "https://randomuser.me/api/portraits/men/3.jpg",
+  },
+};

package/src/stories/modal-change-activity/modal-change-activity.stories.tsx

@@ -0,0 +1,52 @@
+/**
+ * IMPORTS
+ */
+
+import type { Meta, StoryObj } from "@storybook/react";
+
+// component
+import { ModalChangeActivity } from "../../components/modal-change-activity";
+
+const meta: Meta<typeof ModalChangeActivity> = {
+  title: "Componente/ModalChangeActivity",
+  component: ModalChangeActivity,
+  args: {
+    visible: true,
+    dataRegistro: "07/03/2024",
+    descricao: "Repouso Noturno",
+    imagemUrl: "https://via.placeholder.com/150",
+    onClose: () => console.log("Modal fechado"),
+    modalConfirm: (data: { label: string; value: string; key: number }) =>
+      console.log("Confirmado:", data),
+  },
+  parameters: {
+    docs: {
+      description: {
+        component: `
+# ModalChangeActivity
+
+Componente de modal para alterar a atividade do usuário.
+
+## Uso
+\`\`\`tsx
+<ModalChangeActivity
+  visible
+  dataRegistro="07/03/2024"
+  descricao="Repouso Noturno"
+  modalConfirm={(data) => console.log(data)}
+  onClose={() => console.log("fechar modal")}
+/>
+\`\`\`
+        `,
+      },
+    },
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  name: "Modal - Alterar Descanso",
+};

package/src/utils/get-icon-by-property/index.tsx

@@ -6,14 +6,27 @@ import React from "react";
 import { Icons } from "../../common/icons-svg";
 import { theme } from "../../styles/theme/theme";
 
+export type PropertyType =
+  | "operacao_veiculo"
+  | "manutencao"
+  | "aguardando_carga"
+  | "disposicao_veiculo_parado"
+  | "aguardando_descarga"
+  | "descanso"
+  | "repouso_semanal"
+  | "repouso_noturno"
+  | "refeicao"
+  | "ferias";
+
 /**
  * Function that will map property types to corresponding icons in SVG 🛠️.
  * @param propertyType
  * @param color
  * @returns SVG
  */
-const getIconByProperty: React.FC<any> = (propertyType: string, color?: string) => {
+const getIconByProperty = (propertyType: PropertyType, color?: string): React.ReactNode => {
   switch (propertyType) {
+    
     case "operacao_veiculo":
       return <Icons color={color} icon="STEERING_WHEEL" />;