react-native-exp-fig 0.1.21 → 0.1.23

package/lib/module/stories/box/box.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Box","Typography","theme","meta","title","component","args","width","height","parameters","notes","BoxSolid","name","backgroundColor","borderStyled","borderWidth","borderRadius","borderStyle","borderColor","colors","gray","flexStyle","flexDirection","alignItems","justifyContent","children","createElement","text","color","neutral","BoxDashed","BoxDotted"],"sources":["box.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { Meta, StoryObj } from \"@storybook/react\";\n\n// components\nimport { Box } from \"../../components/box\";\nimport { Typography } from \"../../components/typography\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\nconst meta: Meta<typeof Box> = {\n  title: \"Componente/Box\",\n  component: Box as React.FC,\n  args: {\n    width: \"100%\",\n    height: \"05%\",\n  },\n  parameters: {\n    notes: `\n# Box\n\nEste é um componente de box.\nVocê usa assim:\n\\`\\`\\`tsx\n  <Box\n    width={100}\n    height={80}\n    borderStyled={{\n    borderWidth: 1,\n    borderRadius: 8,\n    borderStyle: 'solid',\n    borderColor: '#050022',\n    }}\n  />\n\\`\\`\\`\n`,\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const BoxSolid: Story = {\n  name: \"box-solid\",\n  args: {\n    width: \"100%\",\n    height: 100,\n    backgroundColor: \"transparent\",\n    borderStyled: {\n      borderWidth: 1,\n      borderRadius: 8,\n      borderStyle: \"solid\",\n      borderColor: theme.colors.gray[300],\n    },\n    flexStyle: {\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    children: <Typography text=\"Olá Dev\" color={theme.colors.neutral[25]} />,\n  },\n};\n\nexport const BoxDashed: Story = {\n  name: \"box-dashed\",\n  args: {\n    width: \"100%\",\n    height: 100,\n    backgroundColor: \"transparent\",\n    borderStyled: {\n      borderWidth: 1,\n      borderRadius: 8,\n      borderStyle: \"dashed\",\n      borderColor: theme.colors.gray[300],\n    },\n    flexStyle: {\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    children: <Typography text=\"Olá Dev\" color={theme.colors.neutral[25]} />,\n  },\n};\n\nexport const BoxDotted: Story = {\n  name: \"box-dotted\",\n  args: {\n    width: \"100%\",\n    height: 100,\n    backgroundColor: \"transparent\",\n    borderStyled: {\n      borderWidth: 1,\n      borderRadius: 8,\n      borderStyle: \"dotted\",\n      borderColor: theme.colors.gray[300],\n    },\n    flexStyle: {\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    children: <Typography text=\"Olá Dev\" color={theme.colors.neutral[25]} />,\n  },\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB;AACA,SAASC,GAAG,QAAQ,sBAAsB;AAC1C,SAASC,UAAU,QAAQ,6BAA6B;;AAExD;AACA,SAASC,KAAK,QAAQ,0BAA0B;AAEhD,MAAMC,IAAsB,GAAG;EAC7BC,KAAK,EAAE,gBAAgB;EACvBC,SAAS,EAAEL,GAAe;EAC1BM,IAAI,EAAE;IACJC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAED,eAAeP,IAAI;AAInB,OAAO,MAAMQ,QAAe,GAAG;EAC7BC,IAAI,EAAE,WAAW;EACjBN,IAAI,EAAE;IACJC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,GAAG;IACXK,eAAe,EAAE,aAAa;IAC9BC,YAAY,EAAE;MACZC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEhB,KAAK,CAACiB,MAAM,CAACC,IAAI,CAAC,GAAG;IACpC,CAAC;IACDC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,QAAQ,eAAE1B,KAAA,CAAA2B,aAAA,CAACzB,UAAU;MAAC0B,IAAI,EAAC,YAAS;MAACC,KAAK,EAAE1B,KAAK,CAACiB,MAAM,CAACU,OAAO,CAAC,EAAE;IAAE,CAAE;EACzE;AACF,CAAC;AAED,OAAO,MAAMC,SAAgB,GAAG;EAC9BlB,IAAI,EAAE,YAAY;EAClBN,IAAI,EAAE;IACJC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,GAAG;IACXK,eAAe,EAAE,aAAa;IAC9BC,YAAY,EAAE;MACZC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,WAAW,EAAE,QAAQ;MACrBC,WAAW,EAAEhB,KAAK,CAACiB,MAAM,CAACC,IAAI,CAAC,GAAG;IACpC,CAAC;IACDC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,QAAQ,eAAE1B,KAAA,CAAA2B,aAAA,CAACzB,UAAU;MAAC0B,IAAI,EAAC,YAAS;MAACC,KAAK,EAAE1B,KAAK,CAACiB,MAAM,CAACU,OAAO,CAAC,EAAE;IAAE,CAAE;EACzE;AACF,CAAC;AAED,OAAO,MAAME,SAAgB,GAAG;EAC9BnB,IAAI,EAAE,YAAY;EAClBN,IAAI,EAAE;IACJC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,GAAG;IACXK,eAAe,EAAE,aAAa;IAC9BC,YAAY,EAAE;MACZC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,WAAW,EAAE,QAAQ;MACrBC,WAAW,EAAEhB,KAAK,CAACiB,MAAM,CAACC,IAAI,CAAC,GAAG;IACpC,CAAC;IACDC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,QAAQ,eAAE1B,KAAA,CAAA2B,aAAA,CAACzB,UAAU;MAAC0B,IAAI,EAAC,YAAS;MAACC,KAAK,EAAE1B,KAAK,CAACiB,MAAM,CAACU,OAAO,CAAC,EAAE;IAAE,CAAE;EACzE;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Box","Typography","theme","meta","title","component","args","width","height","parameters","notes","BoxSolid","name","backgroundColor","borderStyled","borderWidth","borderRadius","borderStyle","borderColor","colors","gray","flexStyle","flexDirection","alignItems","justifyContent","children","createElement","text","color","neutral","BoxDashed","BoxDotted"],"sources":["box.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { Meta, StoryObj } from \"@storybook/react\";\n\n// components\nimport Box from \"../../components/box\";\nimport { Typography } from \"../../components/typography\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\nconst meta: Meta<typeof Box> = {\n  title: \"Componente/Box\",\n  component: Box as React.FC,\n  args: {\n    width: \"100%\",\n    height: \"05%\",\n  },\n  parameters: {\n    notes: `\n# Box\n\nEste é um componente de box.\nVocê usa assim:\n\\`\\`\\`tsx\n  <Box\n    width={100}\n    height={80}\n    borderStyled={{\n    borderWidth: 1,\n    borderRadius: 8,\n    borderStyle: 'solid',\n    borderColor: '#050022',\n    }}\n  />\n\\`\\`\\`\n`,\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const BoxSolid: Story = {\n  name: \"box-solid\",\n  args: {\n    width: \"100%\",\n    height: 100,\n    backgroundColor: \"transparent\",\n    borderStyled: {\n      borderWidth: 1,\n      borderRadius: 8,\n      borderStyle: \"solid\",\n      borderColor: theme.colors.gray[300],\n    },\n    flexStyle: {\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    children: <Typography text=\"Olá Dev\" color={theme.colors.neutral[25]} />,\n  },\n};\n\nexport const BoxDashed: Story = {\n  name: \"box-dashed\",\n  args: {\n    width: \"100%\",\n    height: 100,\n    backgroundColor: \"transparent\",\n    borderStyled: {\n      borderWidth: 1,\n      borderRadius: 8,\n      borderStyle: \"dashed\",\n      borderColor: theme.colors.gray[300],\n    },\n    flexStyle: {\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    children: <Typography text=\"Olá Dev\" color={theme.colors.neutral[25]} />,\n  },\n};\n\nexport const BoxDotted: Story = {\n  name: \"box-dotted\",\n  args: {\n    width: \"100%\",\n    height: 100,\n    backgroundColor: \"transparent\",\n    borderStyled: {\n      borderWidth: 1,\n      borderRadius: 8,\n      borderStyle: \"dotted\",\n      borderColor: theme.colors.gray[300],\n    },\n    flexStyle: {\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    children: <Typography text=\"Olá Dev\" color={theme.colors.neutral[25]} />,\n  },\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB;AACA,OAAOC,GAAG,MAAM,sBAAsB;AACtC,SAASC,UAAU,QAAQ,6BAA6B;;AAExD;AACA,SAASC,KAAK,QAAQ,0BAA0B;AAEhD,MAAMC,IAAsB,GAAG;EAC7BC,KAAK,EAAE,gBAAgB;EACvBC,SAAS,EAAEL,GAAe;EAC1BM,IAAI,EAAE;IACJC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAED,eAAeP,IAAI;AAInB,OAAO,MAAMQ,QAAe,GAAG;EAC7BC,IAAI,EAAE,WAAW;EACjBN,IAAI,EAAE;IACJC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,GAAG;IACXK,eAAe,EAAE,aAAa;IAC9BC,YAAY,EAAE;MACZC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEhB,KAAK,CAACiB,MAAM,CAACC,IAAI,CAAC,GAAG;IACpC,CAAC;IACDC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,QAAQ,eAAE1B,KAAA,CAAA2B,aAAA,CAACzB,UAAU;MAAC0B,IAAI,EAAC,YAAS;MAACC,KAAK,EAAE1B,KAAK,CAACiB,MAAM,CAACU,OAAO,CAAC,EAAE;IAAE,CAAE;EACzE;AACF,CAAC;AAED,OAAO,MAAMC,SAAgB,GAAG;EAC9BlB,IAAI,EAAE,YAAY;EAClBN,IAAI,EAAE;IACJC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,GAAG;IACXK,eAAe,EAAE,aAAa;IAC9BC,YAAY,EAAE;MACZC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,WAAW,EAAE,QAAQ;MACrBC,WAAW,EAAEhB,KAAK,CAACiB,MAAM,CAACC,IAAI,CAAC,GAAG;IACpC,CAAC;IACDC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,QAAQ,eAAE1B,KAAA,CAAA2B,aAAA,CAACzB,UAAU;MAAC0B,IAAI,EAAC,YAAS;MAACC,KAAK,EAAE1B,KAAK,CAACiB,MAAM,CAACU,OAAO,CAAC,EAAE;IAAE,CAAE;EACzE;AACF,CAAC;AAED,OAAO,MAAME,SAAgB,GAAG;EAC9BnB,IAAI,EAAE,YAAY;EAClBN,IAAI,EAAE;IACJC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,GAAG;IACXK,eAAe,EAAE,aAAa;IAC9BC,YAAY,EAAE;MACZC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,WAAW,EAAE,QAAQ;MACrBC,WAAW,EAAEhB,KAAK,CAACiB,MAAM,CAACC,IAAI,CAAC,GAAG;IACpC,CAAC;IACDC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,QAAQ,eAAE1B,KAAA,CAAA2B,aAAA,CAACzB,UAAU;MAAC0B,IAAI,EAAC,YAAS;MAACC,KAAK,EAAE1B,KAAK,CAACiB,MAAM,CAACU,OAAO,CAAC,EAAE;IAAE,CAAE;EACzE;AACF,CAAC","ignoreList":[]}

package/lib/module/stories/history-activities-card/history-activities-card.stories.js

@@ -0,0 +1,97 @@
+import HistoryActivitiesCard from "../../components/history-activities-card";
+import { IMAGES } from "../../common/constants";
+const meta = {
+  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;
+export const Default = {
+  name: "default"
+};
+export const WithoutAvatar = {
+  name: "sem-avatar",
+  args: {
+    avatar: "",
+    name: "Maria Santos"
+  }
+};
+export const LongActivity = {
+  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 = {
+  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 = {
+  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"
+  }
+};
+//# sourceMappingURL=history-activities-card.stories.js.map

package/lib/module/stories/history-activities-card/history-activities-card.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HistoryActivitiesCard","IMAGES","meta","title","component","args","name","ciclo","data_start","data_end","idAtividade","duration","name_activitie","referencia","type_activitie","avatar","IMAGE_ANONIMA","parameters","notes","Default","WithoutAvatar","LongActivity","MinimalData","CompleteData"],"sources":["history-activities-card.stories.tsx"],"sourcesContent":["import type { StoryObj, Meta } from \"@storybook/react\";\r\n\r\nimport HistoryActivitiesCard from \"../../components/history-activities-card\";\r\nimport { IMAGES } from \"../../common/constants\";\r\n\r\nconst meta: Meta<typeof HistoryActivitiesCard> = {\r\n  title: \"componente/HistoryActivitiesCard\",\r\n  component: HistoryActivitiesCard,\r\n  args: {\r\n    name: \"João Silva\",\r\n    ciclo: \"Ciclo 1\",\r\n    data_start: \"08:00\",\r\n    data_end: \"17:00\",\r\n    idAtividade: 12345,\r\n    duration: \"9:00m\",\r\n    name_activitie: \"Operação de Veículo\",\r\n    referencia: \"operacao_veiculo\",\r\n    type_activitie: \"Operação Veículo\",\r\n    avatar: IMAGES.IMAGE_ANONIMA,\r\n  },\r\n  parameters: {\r\n    notes: `\r\n# HistoryActivitiesCard\r\n\r\nEste é um componente de Card de histórico de atividades.\r\n\r\n## Uso\r\n\r\n\\`\\`\\`tsx\r\n<HistoryActivitiesCard\r\n  name=\"João Silva\"\r\n  ciclo=\"Ciclo 1\"\r\n  data_start=\"08:00\"\r\n  data_end=\"17:00\"\r\n  idAtividade={12345}\r\n  duration=\"9h 00m\"\r\n  name_activitie=\"Operação de Veículo\"\r\n  referencia=\"operacao_veiculo\"\r\n  type_activitie=\"Operação Veículo\"\r\n  avatar=\"https://randomuser.me/api/portraits/men/1.jpg\"\r\n/>\r\n\\`\\`\\`\r\n`,\r\n  },\r\n};\r\n\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const Default: Story = {\r\n  name: \"default\",\r\n};\r\n\r\nexport const WithoutAvatar: Story = {\r\n  name: \"sem-avatar\",\r\n  args: {\r\n    avatar: \"\",\r\n    name: \"Maria Santos\",\r\n  },\r\n};\r\n\r\nexport const LongActivity: Story = {\r\n  name: \"atividade-longa\",\r\n  args: {\r\n    name: \"Pedro Oliveira\",\r\n    ciclo: \"Ciclo 2\",\r\n    data_start: \"06:00\",\r\n    data_end: \"22:00\",\r\n    idAtividade: 67890,\r\n    duration: \"16h 00m\",\r\n    name_activitie: \"Viagem Longa Distância\",\r\n    referencia: \"operacao_veiculo\",\r\n    type_activitie: \"Viagem Longa Distância\",\r\n    avatar: \"https://randomuser.me/api/portraits/men/2.jpg\",\r\n  },\r\n};\r\n\r\nexport const MinimalData: Story = {\r\n  name: \"dados-minimos\",\r\n  args: {\r\n    name: \"Ana Costa\",\r\n    data_start: \"08:00\",\r\n    duration: \"8h 00m\",\r\n    name_activitie: \"Atividade Básica\",\r\n    referencia: \"descanso\",\r\n    type_activitie: \"Básico\",\r\n    idAtividade: 11111,\r\n    // Outros campos serão undefined para testar fallbacks\r\n  },\r\n};\r\n\r\nexport const CompleteData: Story = {\r\n  name: \"dados-completos\",\r\n  args: {\r\n    name: \"Carlos Ferreira\",\r\n    ciclo: \"Ciclo 3\",\r\n    data_start: \"14:30\",\r\n    data_end: \"18:45\",\r\n    idAtividade: 54321,\r\n    duration: \"4h 15m\",\r\n    name_activitie: \"Manutenção de Equipamentos\",\r\n    referencia: \"manutencao\",\r\n    type_activitie: \"Manutenção\",\r\n    avatar: \"https://randomuser.me/api/portraits/men/3.jpg\",\r\n  },\r\n};"],"mappings":"AAEA,OAAOA,qBAAqB,MAAM,0CAA0C;AAC5E,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,MAAMC,IAAwC,GAAG;EAC/CC,KAAK,EAAE,kCAAkC;EACzCC,SAAS,EAAEJ,qBAAqB;EAChCK,IAAI,EAAE;IACJC,IAAI,EAAE,YAAY;IAClBC,KAAK,EAAE,SAAS;IAChBC,UAAU,EAAE,OAAO;IACnBC,QAAQ,EAAE,OAAO;IACjBC,WAAW,EAAE,KAAK;IAClBC,QAAQ,EAAE,OAAO;IACjBC,cAAc,EAAE,qBAAqB;IACrCC,UAAU,EAAE,kBAAkB;IAC9BC,cAAc,EAAE,kBAAkB;IAClCC,MAAM,EAAEd,MAAM,CAACe;EACjB,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAED,eAAehB,IAAI;AAInB,OAAO,MAAMiB,OAAc,GAAG;EAC5Bb,IAAI,EAAE;AACR,CAAC;AAED,OAAO,MAAMc,aAAoB,GAAG;EAClCd,IAAI,EAAE,YAAY;EAClBD,IAAI,EAAE;IACJU,MAAM,EAAE,EAAE;IACVT,IAAI,EAAE;EACR;AACF,CAAC;AAED,OAAO,MAAMe,YAAmB,GAAG;EACjCf,IAAI,EAAE,iBAAiB;EACvBD,IAAI,EAAE;IACJC,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE,SAAS;IAChBC,UAAU,EAAE,OAAO;IACnBC,QAAQ,EAAE,OAAO;IACjBC,WAAW,EAAE,KAAK;IAClBC,QAAQ,EAAE,SAAS;IACnBC,cAAc,EAAE,wBAAwB;IACxCC,UAAU,EAAE,kBAAkB;IAC9BC,cAAc,EAAE,wBAAwB;IACxCC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMO,WAAkB,GAAG;EAChChB,IAAI,EAAE,eAAe;EACrBD,IAAI,EAAE;IACJC,IAAI,EAAE,WAAW;IACjBE,UAAU,EAAE,OAAO;IACnBG,QAAQ,EAAE,QAAQ;IAClBC,cAAc,EAAE,kBAAkB;IAClCC,UAAU,EAAE,UAAU;IACtBC,cAAc,EAAE,QAAQ;IACxBJ,WAAW,EAAE;IACb;EACF;AACF,CAAC;AAED,OAAO,MAAMa,YAAmB,GAAG;EACjCjB,IAAI,EAAE,iBAAiB;EACvBD,IAAI,EAAE;IACJC,IAAI,EAAE,iBAAiB;IACvBC,KAAK,EAAE,SAAS;IAChBC,UAAU,EAAE,OAAO;IACnBC,QAAQ,EAAE,OAAO;IACjBC,WAAW,EAAE,KAAK;IAClBC,QAAQ,EAAE,QAAQ;IAClBC,cAAc,EAAE,4BAA4B;IAC5CC,UAAU,EAAE,YAAY;IACxBC,cAAc,EAAE,YAAY;IAC5BC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/lib/module/stories/modal-change-activity/modal-change-activity.stories.js

@@ -0,0 +1,45 @@
+/**
+ * IMPORTS
+ */
+
+// component
+import { ModalChangeActivity } from "../../components/modal-change-activity";
+const meta = {
+  title: "Componente/ModalChangeActivity",
+  component: ModalChangeActivity,
+  args: {
+    visible: true,
+    dataRegistro: "07/03/2024",
+    descricao: "Repouso Noturno",
+    imagemUrl: "https://via.placeholder.com/150",
+    onClose: () => {},
+    modalConfirm: () => {}
+  },
+  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;
+export const Default = {
+  name: "Modal - Alterar Descanso"
+};
+//# sourceMappingURL=modal-change-activity.stories.js.map

package/lib/module/stories/modal-change-activity/modal-change-activity.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ModalChangeActivity","meta","title","component","args","visible","dataRegistro","descricao","imagemUrl","onClose","modalConfirm","parameters","docs","description","Default","name"],"sources":["modal-change-activity.stories.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\n\nimport type { Meta, StoryObj } from \"@storybook/react\";\n\n// component\nimport { ModalChangeActivity } from \"../../components/modal-change-activity\";\n\nconst meta: Meta<typeof ModalChangeActivity> = {\n  title: \"Componente/ModalChangeActivity\",\n  component: ModalChangeActivity,\n  args: {\n    visible: true,\n    dataRegistro: \"07/03/2024\",\n    descricao: \"Repouso Noturno\",\n    imagemUrl: \"https://via.placeholder.com/150\",\n    onClose: () => {},\n    modalConfirm: () => {},\n  },\n  parameters: {\n    docs: {\n      description: {\n        component: `\n# ModalChangeActivity\n\nComponente de modal para alterar a atividade do usuário.\n\n## Uso\n\\`\\`\\`tsx\n<ModalChangeActivity\n  visible\n  dataRegistro=\"07/03/2024\"\n  descricao=\"Repouso Noturno\"\n  modalConfirm={(data) => console.log(data)}\n  onClose={() => console.log(\"fechar modal\")}\n/>\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  name: \"Modal - Alterar Descanso\",\n};\n"],"mappings":"AAAA;AACA;AACA;;AAIA;AACA,SAASA,mBAAmB,QAAQ,wCAAwC;AAE5E,MAAMC,IAAsC,GAAG;EAC7CC,KAAK,EAAE,gCAAgC;EACvCC,SAAS,EAAEH,mBAAmB;EAC9BI,IAAI,EAAE;IACJC,OAAO,EAAE,IAAI;IACbC,YAAY,EAAE,YAAY;IAC1BC,SAAS,EAAE,iBAAiB;IAC5BC,SAAS,EAAE,iCAAiC;IAC5CC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;IACjBC,YAAY,EAAEA,CAAA,KAAM,CAAC;EACvB,CAAC;EACDC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXV,SAAS,EAAE;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACM;IACF;EACF;AACF,CAAC;AAED,eAAeF,IAAI;AAInB,OAAO,MAAMa,OAAc,GAAG;EAC5BC,IAAI,EAAE;AACR,CAAC","ignoreList":[]}

package/lib/module/utils/get-icon-by-property/index.js

@@ -5,7 +5,6 @@
 import React from "react";
 import { Icons } from "../../common/icons-svg";
 import { theme } from "../../styles/theme/theme";
-
 /**
  * Function that will map property types to corresponding icons in SVG 🛠️.
  * @param propertyType

package/lib/module/utils/get-icon-by-property/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Icons","theme","getIconByProperty","propertyType","color","createElement","icon","colors","blue","size"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\n\r\nimport React from \"react\";\r\nimport { Icons } from \"../../common/icons-svg\";\r\nimport { theme } from \"../../styles/theme/theme\";\r\n\r\n/**\r\n * Function that will map property types to corresponding icons in SVG 🛠️.\r\n * @param propertyType\r\n * @param color\r\n * @returns SVG\r\n */\r\nconst getIconByProperty: React.FC<any> = (propertyType: string, color?: string) => {\r\n  switch (propertyType) {\r\n    \r\n    case \"operacao_veiculo\":\r\n      return <Icons color={color} icon=\"STEERING_WHEEL\" />;\r\n\r\n    case \"manutencao\":\r\n      return <Icons color={color} icon=\"GEAR\" />;\r\n\r\n    case \"aguardando_carga\":\r\n      return <Icons color={color} icon=\"TIMER\" />;\r\n\r\n    case \"disposicao_veiculo_parado\":\r\n      return <Icons color={theme.colors.blue[500]} size={20} icon=\"TRUCK_ACTIVITY\" />;\r\n\r\n    case \"aguardando_descarga\":\r\n      return <Icons color={color} icon=\"HOURGLASS\" />;\r\n\r\n    case \"descanso\":\r\n      return <Icons color={color} icon=\"COFFEE\" />;\r\n\r\n    case \"repouso_semanal\":\r\n      return <Icons color={color} icon=\"HOUSE\" />;\r\n\r\n    case \"repouso_noturno\":\r\n      return <Icons color={color} icon=\"MOON_STARS\" />;\r\n\r\n    case \"refeicao\":\r\n      return <Icons color={color} icon=\"CALL_BELL\" />;\r\n\r\n    case \"ferias\":\r\n      return <Icons color={color} icon=\"ISLAND\" />;\r\n    default:\r\n      return <Icons color={color} icon=\"STEERING_WHEEL\" />; // Retorna uma Svg default caso o tipo de propriedade não for reconhecido.\r\n  }\r\n};\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { getIconByProperty };\r\n"],"mappings":"AAAA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,KAAK,QAAQ,0BAA0B;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,iBAAgC,GAAGA,CAACC,YAAoB,EAAEC,KAAc,KAAK;EACjF,QAAQD,YAAY;IAElB,KAAK,kBAAkB;MACrB,oBAAOJ,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEtD,KAAK,YAAY;MACf,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAM,CAAE,CAAC;IAE5C,KAAK,kBAAkB;MACrB,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,2BAA2B;MAC9B,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEH,KAAK,CAACM,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;QAACC,IAAI,EAAE,EAAG;QAACH,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEjF,KAAK,qBAAqB;MACxB,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,UAAU;MACb,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAQ,CAAE,CAAC;IAE9C,KAAK,iBAAiB;MACpB,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,iBAAiB;MACpB,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAY,CAAE,CAAC;IAElD,KAAK,UAAU;MACb,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,QAAQ;MACX,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAQ,CAAE,CAAC;IAC9C;MACE,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAgB,CAAE,CAAC;IAAE;EAC1D;AACF,CAAC;;AAED;AACA;AACA;AACA,SAASJ,iBAAiB","ignoreList":[]}
+{"version":3,"names":["React","Icons","theme","getIconByProperty","propertyType","color","createElement","icon","colors","blue","size"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\n\r\nimport React from \"react\";\r\nimport { Icons } from \"../../common/icons-svg\";\r\nimport { theme } from \"../../styles/theme/theme\";\r\n\r\nexport type PropertyType =\r\n  | \"operacao_veiculo\"\r\n  | \"manutencao\"\r\n  | \"aguardando_carga\"\r\n  | \"disposicao_veiculo_parado\"\r\n  | \"aguardando_descarga\"\r\n  | \"descanso\"\r\n  | \"repouso_semanal\"\r\n  | \"repouso_noturno\"\r\n  | \"refeicao\"\r\n  | \"ferias\";\r\n\r\n/**\r\n * Function that will map property types to corresponding icons in SVG 🛠️.\r\n * @param propertyType\r\n * @param color\r\n * @returns SVG\r\n */\r\nconst getIconByProperty = (propertyType: PropertyType, color?: string): React.ReactNode => {\r\n  switch (propertyType) {\r\n    \r\n    case \"operacao_veiculo\":\r\n      return <Icons color={color} icon=\"STEERING_WHEEL\" />;\r\n\r\n    case \"manutencao\":\r\n      return <Icons color={color} icon=\"GEAR\" />;\r\n\r\n    case \"aguardando_carga\":\r\n      return <Icons color={color} icon=\"TIMER\" />;\r\n\r\n    case \"disposicao_veiculo_parado\":\r\n      return <Icons color={theme.colors.blue[500]} size={20} icon=\"TRUCK_ACTIVITY\" />;\r\n\r\n    case \"aguardando_descarga\":\r\n      return <Icons color={color} icon=\"HOURGLASS\" />;\r\n\r\n    case \"descanso\":\r\n      return <Icons color={color} icon=\"COFFEE\" />;\r\n\r\n    case \"repouso_semanal\":\r\n      return <Icons color={color} icon=\"HOUSE\" />;\r\n\r\n    case \"repouso_noturno\":\r\n      return <Icons color={color} icon=\"MOON_STARS\" />;\r\n\r\n    case \"refeicao\":\r\n      return <Icons color={color} icon=\"CALL_BELL\" />;\r\n\r\n    case \"ferias\":\r\n      return <Icons color={color} icon=\"ISLAND\" />;\r\n    default:\r\n      return <Icons color={color} icon=\"STEERING_WHEEL\" />; // Retorna uma Svg default caso o tipo de propriedade não for reconhecido.\r\n  }\r\n};\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { getIconByProperty };\r\n"],"mappings":"AAAA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,KAAK,QAAQ,0BAA0B;AAchD;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,iBAAiB,GAAGA,CAACC,YAA0B,EAAEC,KAAc,KAAsB;EACzF,QAAQD,YAAY;IAElB,KAAK,kBAAkB;MACrB,oBAAOJ,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEtD,KAAK,YAAY;MACf,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAM,CAAE,CAAC;IAE5C,KAAK,kBAAkB;MACrB,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,2BAA2B;MAC9B,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEH,KAAK,CAACM,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;QAACC,IAAI,EAAE,EAAG;QAACH,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEjF,KAAK,qBAAqB;MACxB,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,UAAU;MACb,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAQ,CAAE,CAAC;IAE9C,KAAK,iBAAiB;MACpB,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,iBAAiB;MACpB,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAY,CAAE,CAAC;IAElD,KAAK,UAAU;MACb,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,QAAQ;MACX,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAQ,CAAE,CAAC;IAC9C;MACE,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAgB,CAAE,CAAC;IAAE;EAC1D;AACF,CAAC;;AAED;AACA;AACA;AACA,SAASJ,iBAAiB","ignoreList":[]}

package/lib/typescript/src/@types/as-base-component.d.ts

@@ -0,0 +1,2 @@
+import type React from "react";
+export declare function asBaseComponent<P>(Component: React.ComponentType<P>, _options?: P): React.ComponentType<P>;

package/lib/typescript/src/common/icons-svg/constants/index.d.ts

@@ -56,6 +56,7 @@ declare const SVG_NAME: {
     HOURGLASS: string;
     HOUSE: string;
     ISLAND: string;
+    EXCLAMATION_TRIANGLE: string;
 };
 /**
  * EXPORTS

package/lib/typescript/src/common/icons-svg/eclamation-triangle/index.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { type ISvgProps } from "../interface";
+declare const SvgIconWarningTriangle: React.FC<ISvgProps>;
+export { SvgIconWarningTriangle };

package/lib/typescript/src/components/box/index.d.ts

@@ -2,8 +2,9 @@
  * IMPORTS
  */
 import React from "react";
-import { IBoxProps } from "./interface";
+import type { IBoxInterface } from "./interface";
 /**
- * Componente Box para envolver outros componentes de forma flexível.
+ * Componente Box para a interação da  ui.
  */
-export declare const Box: React.FC<IBoxProps>;
+declare const _default: React.ComponentType<IBoxInterface & React.RefAttributes<any>>;
+export default _default;

package/lib/typescript/src/components/box/styles.d.ts

@@ -1,7 +1,7 @@
 import { ViewProps } from "react-native";
-import { IBoxProps } from "./interface.d";
+import { IBoxInterface } from "./interface.d";
 import { IGlobalCss } from "../../styles/global/interface";
-interface BoxProps extends IBoxProps, IGlobalCss {
+interface BoxProps extends IBoxInterface, IGlobalCss {
 }
 declare const styles: (props: BoxProps) => {
     boxStyle: ViewProps;

package/lib/typescript/src/components/history-activities-card/index.d.ts

@@ -0,0 +1,76 @@
+/**
+ * IMPORTS
+ */
+import React from "react";
+declare const HistoryActivitiesCardComponent: React.ComponentType<import("react-native").ViewProps & {
+    name?: string | undefined;
+    ciclo?: string | undefined;
+    data_start: string;
+    data_end?: string | null | undefined;
+    duration: string;
+    status?: string | undefined;
+    name_activitie: string;
+    referencia: import("../../utils/get-icon-by-property").PropertyType;
+    type_activitie: string;
+    avatar?: string | undefined;
+    idAtividade: number;
+    children?: React.ReactNode;
+    testID?: string | undefined;
+    borderStyled?: {
+        borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+        borderRadius?: import("react-native").DimensionValue | undefined;
+        borderTopRightRadius?: import("react-native").DimensionValue | undefined;
+        borderTopLeftRadius?: import("react-native").DimensionValue | undefined;
+        borderBottomRightRadius?: import("react-native").DimensionValue | undefined;
+        borderBottomLeftRadius?: import("react-native").DimensionValue | undefined;
+        borderWidth?: import("react-native").DimensionValue | undefined;
+        borderLeftWidth?: import("react-native").DimensionValue | undefined;
+        borderRightWidth?: import("react-native").DimensionValue | undefined;
+        borderTopWidth?: import("react-native").DimensionValue | undefined;
+        borderBottomWidth?: import("react-native").DimensionValue | undefined;
+        borderColor?: string | undefined;
+        borderBottomColor?: string | undefined;
+        borderLeftColor?: string | undefined;
+        borderRightColor?: string | undefined;
+        borderTopColor?: string | undefined;
+    } | undefined;
+    flexStyle?: {
+        alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
+        alignSelf?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
+        flex?: string | number | undefined;
+        flexDirection?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        textAlign?: "auto" | "center" | "left" | "right" | "justify" | undefined;
+        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+    } | undefined;
+    marginStyle?: {
+        margin?: import("react-native").DimensionValue | undefined;
+        marginLeft?: import("react-native").DimensionValue | undefined;
+        marginRight?: import("react-native").DimensionValue | undefined;
+        marginTop?: import("react-native").DimensionValue | undefined;
+        marginBottom?: import("react-native").DimensionValue | undefined;
+    } | undefined;
+    paddingStyle?: {
+        padding?: import("react-native").DimensionValue | undefined;
+        paddingLeft?: import("react-native").DimensionValue | undefined;
+        paddingRight?: import("react-native").DimensionValue | undefined;
+        paddingTop?: import("react-native").DimensionValue | undefined;
+        paddingBottom?: import("react-native").DimensionValue | undefined;
+    } | undefined;
+    height?: import("react-native").DimensionValue | undefined;
+    width?: import("react-native").DimensionValue | undefined;
+    backgroundColor?: string | undefined;
+    text?: string | undefined;
+    color?: {
+        colorSvg?: string | undefined;
+        colorText?: string | undefined;
+        colorTextBold?: string | undefined;
+        colorTextData?: string | undefined;
+    } | undefined;
+    iconColor?: string | undefined;
+} & React.RefAttributes<any>>;
+/**
+ * Componente Box para a interação da  ui.
+ */
+export default HistoryActivitiesCardComponent;
+export { HistoryActivitiesCardComponent as HistoryActivitiesCard };

package/lib/typescript/src/components/history-activities-card/interface.d.ts

@@ -0,0 +1,120 @@
+/**
+ * IMPORTS
+ */
+import type React from "react";
+import { type DimensionValue, type ViewProps } from "react-native";
+import type { PropertyType } from "../../utils/get-icon-by-property";
+/**
+ * INTERFACE
+ */
+declare type ICardActivitiesWeek = ViewProps & {
+    /**
+     * props que mostra o nome do usuário
+     */
+    name?: string;
+    /**
+     * props que mostra o ciclo do relatório - DIÁRIA OU SEMANAL
+     */
+    ciclo?: string;
+    /**
+     * props que mostra a data
+     */
+    data_start: string;
+    data_end?: string | null;
+    duration: string;
+    status?: string;
+    name_activitie: string;
+    referencia: PropertyType;
+    type_activitie: string;
+    avatar?: string;
+    idAtividade: number;
+    children?: React.ReactNode;
+    /**
+     * TestID para testes automático e identificação
+     */
+    testID?: string;
+    /**
+     * A propriedade CSS abreviada border define a borda de um elemento. Ele define os valores de largura da borda, estilo da borda e cor da borda.
+     */
+    borderStyled?: {
+        borderStyle?: "solid" | "dotted" | "dashed";
+        borderRadius?: number | DimensionValue;
+        borderTopRightRadius?: number | DimensionValue;
+        borderTopLeftRadius?: number | DimensionValue;
+        borderBottomRightRadius?: number | DimensionValue;
+        borderBottomLeftRadius?: number | DimensionValue;
+        borderWidth?: number | DimensionValue;
+        borderLeftWidth?: number | DimensionValue;
+        borderRightWidth?: number | DimensionValue;
+        borderTopWidth?: number | DimensionValue;
+        borderBottomWidth?: number | DimensionValue;
+        borderColor?: string;
+        borderBottomColor?: string;
+        borderLeftColor?: string;
+        borderRightColor?: string;
+        borderTopColor?: string;
+    };
+    /**
+     * Propriedades que define a orientação do button que é usada para representar uma página. Na maioria das vezes, esse valores corresponde ao posicionamento alvo da página impressa, se aplicável.
+     */
+    flexStyle?: {
+        alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
+        alignSelf?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
+        flex?: string | number;
+        flexDirection?: "column" | "column-reverse" | "row" | "row-reverse";
+        flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
+        textAlign?: "auto" | "center" | "left" | "right" | "justify";
+        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
+    };
+    /**
+     * A propriedade margin do CSS define a área de margem nos quatro lados do elemento. É uma abreviação que define todas as margens individuais de uma só vez: margin-top, margin-right (en-US), margin-bottom, e margin-left (en-US).
+     */
+    marginStyle?: {
+        margin?: number | DimensionValue;
+        marginLeft?: number | DimensionValue;
+        marginRight?: number | DimensionValue;
+        marginTop?: number | DimensionValue;
+        marginBottom?: number | DimensionValue;
+    };
+    /**
+     * A propriedade padding define uma a distância entre o conteúdo de um elemento e suas bordas. É um atalho que evita definir uma distância para cada lado separadamente (padding-top, padding-right, padding-bottom, padding-left).
+     */
+    paddingStyle?: {
+        padding?: number | DimensionValue;
+        paddingLeft?: number | DimensionValue;
+        paddingRight?: number | DimensionValue;
+        paddingTop?: number | DimensionValue;
+        paddingBottom?: number | DimensionValue;
+    };
+    /**
+     * A propriedade CSS height define a altura de um elemento. A altura de um elemento é a distância do topo da borda superior do elemento ao fundo da borda inferior.
+     */
+    height?: number | DimensionValue;
+    /**
+     * A propriedade CSS width define a largura de um elemento. A largura de um elemento é a distância do topo da borda esquerda do elemento ao fundo da borda direita.
+     */
+    width?: number | DimensionValue;
+    /**
+     * O fundo abreviado CSS Propriedade define todas as propriedades do estilo de fundo de uma só vez, como cor, imagem, origem e tamanho ou método de repetição. As propriedades dos componentes não definidas no fundo da declaração de valor da propriedade abreviada são definidas como seus valores padrão..
+     * A Propriedade Background está sendo utilizada para definir a cor de fundo do cabeçalho do card e do ícone check.
+     */
+    backgroundColor?: string;
+    /**
+     * Propriedade texto que sera renderizado pro usuário final
+     */
+    text?: string;
+    /**
+     * A propriedade CSS color define o valor da cor de primeiro plano do texto e das decorações de texto de um elemento e define o valor currentcolor. currentcolor pode ser usado como um valor indireto em outras propriedades e é o padrão para outras propriedades de cores, como border-color.
+     */
+    color?: {
+        colorSvg?: string;
+        colorText?: string;
+        colorTextBold?: string;
+        colorTextData?: string;
+    };
+    iconColor?: string;
+};
+/**
+ * EXPORT
+ */
+export type { ICardActivitiesWeek };

package/lib/typescript/src/components/modal-change-activity/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * IMPORTS
+ */
+import React from "react";
+/**
+ * TYPES
+ */
+interface IModalChangeActivityProps {
+    visible: boolean;
+    onClose: () => void;
+    modalConfirm: (newData: {
+        label: string;
+        value: string;
+        key: number;
+    }) => void;
+    dataRegistro: string;
+    descricao: string;
+    imagemUrl?: string;
+}
+/**
+ * COMPONENT
+ */
+export declare const ModalChangeActivity: React.FC<IModalChangeActivityProps>;
+export {};

package/lib/typescript/src/helpers/text-utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Função para limitar a quantidade de caracteres de um texto
+ * @param text - O texto a ser limitado
+ * @param maxLength - Número máximo de caracteres (padrão: 20)
+ * @returns Texto limitado com "..." se exceder o limite
+ */
+export declare const truncateText: (text: string, maxLength?: number) => string;

package/lib/typescript/src/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * EXPORTS
  */
-export { Box } from "./components/box";
+export { default as Box } from "./components/box";
 export { Button } from "./components/button";
 export { StepIndicator } from "./components/step-indicator";
 export { Typography } from "./components/typography";
@@ -32,6 +32,8 @@ export { ActivitiesDaily } from "./components/activities-daily";
 export { ActivitiesProgress } from "./components/activities-progress";
 export { ProfileMenuOption } from "./components/profile-menu-option";
 export { ModalActivities } from "./components/modal-activities";
+export { HistoryActivitiesCard } from "./components/history-activities-card";
+export { ModalChangeActivity } from "./components/modal-change-activity";
 export { multiply } from "./utils/mutiply";
 export { formatDate, getLastSevenDays, formHoursMinute } from "./utils/format-data";
 export { theme } from "./styles/theme/theme";

package/lib/typescript/src/stories/box/box.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from "@storybook/react";
-import { Box } from "../../components/box";
+import Box from "../../components/box";
 declare const meta: Meta<typeof Box>;
 export default meta;
 declare type Story = StoryObj<typeof meta>;

package/lib/typescript/src/stories/history-activities-card/history-activities-card.stories.d.ts

@@ -0,0 +1,10 @@
+import type { StoryObj, Meta } from "@storybook/react";
+import HistoryActivitiesCard from "../../components/history-activities-card";
+declare const meta: Meta<typeof HistoryActivitiesCard>;
+export default meta;
+declare type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithoutAvatar: Story;
+export declare const LongActivity: Story;
+export declare const MinimalData: Story;
+export declare const CompleteData: Story;

package/lib/typescript/src/stories/modal-change-activity/modal-change-activity.stories.d.ts

@@ -0,0 +1,9 @@
+/**
+ * IMPORTS
+ */
+import type { Meta, StoryObj } from "@storybook/react";
+import { ModalChangeActivity } from "../../components/modal-change-activity";
+declare const meta: Meta<typeof ModalChangeActivity>;
+export default meta;
+declare type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/typescript/src/utils/get-icon-by-property/index.d.ts

@@ -2,13 +2,14 @@
  * IMPORTS
  */
 import React from "react";
+export declare 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
  */
-declare const getIconByProperty: React.FC<any>;
+declare const getIconByProperty: (propertyType: PropertyType, color?: string) => React.ReactNode;
 /**
  * EXPORTS
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-exp-fig",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "description": "Biblioteca para desenvolvimento dos componentes para utilizar nos app da Expresso Figueiredo.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -95,7 +95,7 @@
     "@storybook/react-native": "^8.5.3",
     "@storybook/react-webpack5": "^8.3.5",
     "@testing-library/jest-native": "^5.4.3",
-    "@testing-library/react-native": "^12.3.0",
+    "@testing-library/react-native": "^13.2.2",
     "@types/jest": "^29.5.5",
     "@types/react": "^18.2.44",
     "@typescript-eslint/eslint-plugin": "^8.23.0",
@@ -119,11 +119,15 @@
     "react": "18.3.1",
     "react-native": "0.76.6",
     "react-native-builder-bob": "^0.32.0",
+    "react-test-renderer": "^18.3.1",
     "release-it": "^17.10.0",
-    "storybook": "^8.3.5"
+    "storybook": "^8.3.5",
+    "typescript": "4.8.4"
   },
   "resolutions": {
-    "@types/react": "^18.2.44"
+    "@types/react": "^18.2.44",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   },
   "workspaces": [
     "example"
@@ -183,15 +187,14 @@
     "jest-environment-jsdom": "^29.7.0",
     "jest-matcher-utils": "^29.7.0",
     "react": "*",
-    "react-dom": "^18.3.1",
+    "react-dom": "*",
     "react-native": "*",
-    "react-native-exp-fig": "^0.1.1",
+    "react-native-exp-fig": "^0.1.20",
     "react-native-gesture-handler": "^2.19.0",
     "react-native-reanimated": "^3.16.7",
-    "react-native-safe-area-context": "^4.11.0",
+    "react-native-safe-area-context": "*",
     "react-native-svg": "^15.6.0",
     "react-native-web": "^0.19.12",
-    "react-test-renderer": "^18.2.0",
     "ts-jest": "^29.1.1",
     "ts-node": "^10.9.1",
     "typescript": "4.8.4"

package/src/@types/as-base-component.ts

@@ -0,0 +1,9 @@
+import type React from "react";
+
+export function asBaseComponent<P>(
+  Component: React.ComponentType<P>,
+  // eslint-disable-next-line no-unused-vars
+  _options?: P
+): React.ComponentType<P> {
+  return Component;
+}

package/src/common/icons-svg/constants/index.ts

@@ -57,6 +57,7 @@ const SVG_NAME = {
   HOURGLASS: "hourglass",
   HOUSE: "house",
   ISLAND: "island",
+  EXCLAMATION_TRIANGLE: "exclamation-triangle",
 };
 
 /**