react-native-exp-fig 0.1.38 → 0.1.40

package/lib/module/stories/modal-create-activitie/modal-create-activitie.stories.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-undef */
 /**
  * IMPORTS
  */
@@ -72,7 +73,14 @@ export const Fechado = {
 export const Aberto = {
   args: {
     visible: true,
-    textTitle: "Incluir atividade"
+    textTitle: "Incluir atividade",
+    optionSelected: {
+      value: 22,
+      label: "Em operação - Carregamento"
+    },
+    onPressConfirm: payload => {
+      console.log("payload", payload);
+    }
   }
 };
 //# sourceMappingURL=modal-create-activitie.stories.js.map

package/lib/module/stories/modal-create-activitie/modal-create-activitie.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ModalCreteActivitie","meta","title","component","args","visible","textTitle","argTypes","onClose","action","onPressConfirm","control","description","parameters","docs","Playground","render","createElement","Fechado","Aberto"],"sources":["modal-create-activitie.stories.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\n\n// component\nimport ModalCreteActivitie from \"../../components/modal-create-activitie\";\n\n// utils / types\ntype Props = React.ComponentProps<typeof ModalCreteActivitie>;\n\nconst meta: Meta<typeof ModalCreteActivitie> = {\n  title: \"Componente/ModalCreteActivitie\",\n  component: ModalCreteActivitie,\n  args: {\n    visible: false,\n    textTitle: \"Incluir atividade\",\n  },\n  argTypes: {\n    onClose: { action: \"onClose\" },\n    onPressConfirm: { action: \"onPressConfirm\" },\n    textTitle: {\n      control: \"text\",\n      description: \"Título exibido no cabeçalho do modal\",\n    },\n    visible: {\n      control: \"boolean\",\n      description: \"Controla a visibilidade do modal\",\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        component: `\n### ModalCreteActivitie\nModal para incluir uma atividade com motivo, data e hora.\n\n#### Uso\n\\`\\`\\`tsx\n<ModalCreteActivitie\n  visible={visible}\n  onClose={() => {}}\n  onPressConfirm={(payload) => {}}\n  textTitle=\"Incluir atividade\"\n/>\n\\`\\`\\`\n\n- \\`visible\\`: abre/fecha o modal\n- \\`onClose\\`: chamado ao cancelar/fechar\n- \\`onPressConfirm\\`: retorna { reasonValue, label, dateAndHours }\n- \\`textTitle\\`: título opcional\n        `,\n      },\n    },\n  },\n} as Meta<typeof ModalCreteActivitie>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof ModalCreteActivitie>;\n\n/**\n * Apenas controla via Controls (visible true/false no painel do Storybook).\n * Evita Template com \"args: any\" e mantém tipagem estrita.\n */\nexport const Playground: Story = {\n  render: (args: Props) => <ModalCreteActivitie {...args} />,\n};\n\nexport const Fechado: Story = {\n  args: {\n    visible: false,\n  },\n};\n\nexport const Aberto: Story = {\n  args: {\n    visible: true,\n    textTitle: \"Incluir atividade\",\n  },\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAGzB;AACA,OAAOC,mBAAmB,MAAM,yCAAyC;;AAEzE;;AAGA,MAAMC,IAAsC,GAAG;EAC7CC,KAAK,EAAE,gCAAgC;EACvCC,SAAS,EAAEH,mBAAmB;EAC9BI,IAAI,EAAE;IACJC,OAAO,EAAE,KAAK;IACdC,SAAS,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE;IACRC,OAAO,EAAE;MAAEC,MAAM,EAAE;IAAU,CAAC;IAC9BC,cAAc,EAAE;MAAED,MAAM,EAAE;IAAiB,CAAC;IAC5CH,SAAS,EAAE;MACTK,OAAO,EAAE,MAAM;MACfC,WAAW,EAAE;IACf,CAAC;IACDP,OAAO,EAAE;MACPM,OAAO,EAAE,SAAS;MAClBC,WAAW,EAAE;IACf;EACF,CAAC;EACDC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJF,WAAW,EAAE;QACXT,SAAS,EAAE;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACM;IACF;EACF;AACF,CAAqC;AAErC,eAAeF,IAAI;AAInB;AACA;AACA;AACA;AACA,OAAO,MAAMc,UAAiB,GAAG;EAC/BC,MAAM,EAAGZ,IAAW,iBAAKL,KAAA,CAAAkB,aAAA,CAACjB,mBAAmB,EAAKI,IAAO;AAC3D,CAAC;AAED,OAAO,MAAMc,OAAc,GAAG;EAC5Bd,IAAI,EAAE;IACJC,OAAO,EAAE;EACX;AACF,CAAC;AAED,OAAO,MAAMc,MAAa,GAAG;EAC3Bf,IAAI,EAAE;IACJC,OAAO,EAAE,IAAI;IACbC,SAAS,EAAE;EACb;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ModalCreteActivitie","meta","title","component","args","visible","textTitle","argTypes","onClose","action","onPressConfirm","control","description","parameters","docs","Playground","render","createElement","Fechado","Aberto","optionSelected","value","label","payload","console","log"],"sources":["modal-create-activitie.stories.tsx"],"sourcesContent":["/* eslint-disable no-undef */\n/**\n * IMPORTS\n */\nimport React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\n\n// component\nimport ModalCreteActivitie from \"../../components/modal-create-activitie\";\n\n// utils / types\ntype Props = React.ComponentProps<typeof ModalCreteActivitie>;\n\nconst meta: Meta<typeof ModalCreteActivitie> = {\n  title: \"Componente/ModalCreteActivitie\",\n  component: ModalCreteActivitie,\n  args: {\n    visible: false,\n    textTitle: \"Incluir atividade\",\n  },\n  argTypes: {\n    onClose: { action: \"onClose\" },\n    onPressConfirm: { action: \"onPressConfirm\" },\n    textTitle: {\n      control: \"text\",\n      description: \"Título exibido no cabeçalho do modal\",\n    },\n    visible: {\n      control: \"boolean\",\n      description: \"Controla a visibilidade do modal\",\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        component: `\n### ModalCreteActivitie\nModal para incluir uma atividade com motivo, data e hora.\n\n#### Uso\n\\`\\`\\`tsx\n<ModalCreteActivitie\n  visible={visible}\n  onClose={() => {}}\n  onPressConfirm={(payload) => {}}\n  textTitle=\"Incluir atividade\"\n/>\n\\`\\`\\`\n\n- \\`visible\\`: abre/fecha o modal\n- \\`onClose\\`: chamado ao cancelar/fechar\n- \\`onPressConfirm\\`: retorna { reasonValue, label, dateAndHours }\n- \\`textTitle\\`: título opcional\n        `,\n      },\n    },\n  },\n} as Meta<typeof ModalCreteActivitie>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof ModalCreteActivitie>;\n\n/**\n * Apenas controla via Controls (visible true/false no painel do Storybook).\n * Evita Template com \"args: any\" e mantém tipagem estrita.\n */\nexport const Playground: Story = {\n  render: (args: Props) => <ModalCreteActivitie {...args} />,\n};\n\nexport const Fechado: Story = {\n  args: {\n    visible: false,\n  },\n};\n\nexport const Aberto: Story = {\n  args: {\n    visible: true,\n    textTitle: \"Incluir atividade\",\n    optionSelected: {\n      value: 22,\n      label: \"Em operação - Carregamento\",\n    },\n    onPressConfirm: (payload) => {\n      console.log(\"payload\", payload);\n    },\n  },\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAGzB;AACA,OAAOC,mBAAmB,MAAM,yCAAyC;;AAEzE;;AAGA,MAAMC,IAAsC,GAAG;EAC7CC,KAAK,EAAE,gCAAgC;EACvCC,SAAS,EAAEH,mBAAmB;EAC9BI,IAAI,EAAE;IACJC,OAAO,EAAE,KAAK;IACdC,SAAS,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE;IACRC,OAAO,EAAE;MAAEC,MAAM,EAAE;IAAU,CAAC;IAC9BC,cAAc,EAAE;MAAED,MAAM,EAAE;IAAiB,CAAC;IAC5CH,SAAS,EAAE;MACTK,OAAO,EAAE,MAAM;MACfC,WAAW,EAAE;IACf,CAAC;IACDP,OAAO,EAAE;MACPM,OAAO,EAAE,SAAS;MAClBC,WAAW,EAAE;IACf;EACF,CAAC;EACDC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJF,WAAW,EAAE;QACXT,SAAS,EAAE;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACM;IACF;EACF;AACF,CAAqC;AAErC,eAAeF,IAAI;AAInB;AACA;AACA;AACA;AACA,OAAO,MAAMc,UAAiB,GAAG;EAC/BC,MAAM,EAAGZ,IAAW,iBAAKL,KAAA,CAAAkB,aAAA,CAACjB,mBAAmB,EAAKI,IAAO;AAC3D,CAAC;AAED,OAAO,MAAMc,OAAc,GAAG;EAC5Bd,IAAI,EAAE;IACJC,OAAO,EAAE;EACX;AACF,CAAC;AAED,OAAO,MAAMc,MAAa,GAAG;EAC3Bf,IAAI,EAAE;IACJC,OAAO,EAAE,IAAI;IACbC,SAAS,EAAE,mBAAmB;IAC9Bc,cAAc,EAAE;MACdC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE;IACT,CAAC;IACDZ,cAAc,EAAGa,OAAO,IAAK;MAC3BC,OAAO,CAACC,GAAG,CAAC,SAAS,EAAEF,OAAO,CAAC;IACjC;EACF;AACF,CAAC","ignoreList":[]}

package/lib/module/stories/modal-journey-rectification/modal-journey-rectification.stories.js

@@ -1,20 +1,20 @@
-/**
- * IMPORTS (Storybook)
+/**
+ * IMPORTS (Storybook)
  */
 
 import React from "react";
 import { View } from "react-native";
 import { action } from "@storybook/addon-actions";
 
-/**
- * IMPORTS (Componente)
- * Ajuste o caminho conforme sua estrutura (ex.: "../index" ou "./index").
+/**
+ * IMPORTS (Componente)
+ * Ajuste o caminho conforme sua estrutura (ex.: "../index" ou "./index").
  */
 import ModalJourneyRectification from "../../components/modal-create-activitie";
 
-/**
- * DECORATORS
- * Envolve o story para garantir área de visualização e evitar "modal perdido".
+/**
+ * DECORATORS
+ * Envolve o story para garantir área de visualização e evitar "modal perdido".
  */
 const WithViewport = ({
   children
@@ -30,8 +30,8 @@ const WithViewport = ({
   }, children);
 };
 
-/**
- * META
+/**
+ * META
  */
 const meta = {
   title: "Componente/ModalJourneyRectification",
@@ -107,21 +107,25 @@ import ModalJourneyRectification from "caminho/do/componente";
 };
 export default meta;
 
-/**
- * STORIES
+/**
+ * STORIES
  */
 
-/**
- * Estado padrão (fechado).
+/**
+ * Estado padrão (fechado).
  */
 export const Default = {};
 
-/**
- * Modal visível para inspeção visual.
+/**
+ * Modal visível para inspeção visual.
  */
 export const Opened = {
   args: {
-    visible: true
+    visible: true,
+    optionSelected: {
+      value: 22,
+      label: "Em operação - Carregamento"
+    }
   },
   parameters: {
     docs: {
@@ -132,13 +136,17 @@ export const Opened = {
   }
 };
 
-/**
- * Título customizado (ex.: para variações de copy).
+/**
+ * Título customizado (ex.: para variações de copy).
  */
 export const WithCustomTitle = {
   args: {
     visible: true,
-    textTitle: "Registrar atividade manualmente"
+    textTitle: "Editar atividade",
+    optionSelected: {
+      value: 22,
+      label: "Em operação - Carregamento"
+    }
   },
   parameters: {
     docs: {
@@ -149,13 +157,17 @@ export const WithCustomTitle = {
   }
 };
 
-/**
- * Playground — ajuste livre via Controls.
+/**
+ * Playground — ajuste livre via Controls.
  */
 export const Playground = {
   args: {
     visible: false,
-    textTitle: "Editar atividade"
+    textTitle: "Editar atividade",
+    optionSelected: {
+      value: 22,
+      label: "Em operação - Carregamento"
+    }
   },
   parameters: {
     docs: {

package/lib/module/stories/modal-journey-rectification/modal-journey-rectification.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","action","ModalJourneyRectification","WithViewport","children","createElement","style","flex","minHeight","alignItems","justifyContent","backgroundColor","meta","title","component","args","visible","textTitle","onClose","onPressConfirm","argTypes","control","type","description","table","category","parameters","layout","docs","decorators","Story","Default","Opened","story","WithCustomTitle","Playground"],"sources":["modal-journey-rectification.stories.tsx"],"sourcesContent":["/**\r\n * IMPORTS (Storybook)\r\n */\r\nimport type { Meta, StoryObj } from \"@storybook/react\";\r\nimport React from \"react\";\r\nimport { View } from \"react-native\";\r\nimport { action } from \"@storybook/addon-actions\";\r\n\r\n/**\r\n * IMPORTS (Componente)\r\n * Ajuste o caminho conforme sua estrutura (ex.: \"../index\" ou \"./index\").\r\n */\r\nimport ModalJourneyRectification from \"../../components/modal-create-activitie\";\r\n\r\n/**\r\n * DECORATORS\r\n * Envolve o story para garantir área de visualização e evitar \"modal perdido\".\r\n */\r\nconst WithViewport: React.FC<React.PropsWithChildren> = ({ children }) => {\r\n  return (\r\n    <View\r\n      style={{\r\n        flex: 1,\r\n        minHeight: 600,\r\n        alignItems: \"center\",\r\n        justifyContent: \"center\",\r\n        backgroundColor: \"#F3F4F6\", // neutro claro p/ destacar o modal\r\n      }}\r\n    >\r\n      {children}\r\n    </View>\r\n  );\r\n};\r\n\r\n/**\r\n * META\r\n */\r\nconst meta: Meta<typeof ModalJourneyRectification> = {\r\n  title: \"Componente/ModalJourneyRectification\",\r\n  component: ModalJourneyRectification,\r\n  args: {\r\n    visible: false,\r\n    textTitle: \"Editar atividade\",\r\n    onClose: action(\"onClose\"),// ação capturada no painel \"Actions\"\r\n    onPressConfirm: action(\"onPressConfirm\"), // idem\r\n  },\r\n  argTypes: {\r\n    visible: {\r\n      control: { type: \"boolean\" },\r\n      description: \"Define a visibilidade do modal.\",\r\n      table: { category: \"Controle\" },\r\n    },\r\n    textTitle: {\r\n      control: { type: \"text\" },\r\n      description: \"Título exibido no cabeçalho do modal.\",\r\n      table: { category: \"Conteúdo\" },\r\n    },\r\n    onClose: {\r\n      description: \"Callback ao cancelar/fechar o modal.\",\r\n      table: { category: \"Eventos\" },\r\n    },\r\n    onPressConfirm: {\r\n      description:\r\n        \"Callback ao confirmar. Recebe { reasonValue, label, dateAndHours }.\",\r\n      table: { category: \"Eventos\" },\r\n    },\r\n  },\r\n  parameters: {\r\n    layout: \"fullscreen\",\r\n    docs: {\r\n      description: {\r\n        component: `\r\n### ModalJourneyRectification\r\nModal para **Editar uma atividade** (motivo + data e hora) seguindo o design do sistema.\r\n\r\n#### Uso básico\r\n\\`\\`\\`tsx\r\nimport ModalJourneyRectification from \"caminho/do/componente\";\r\n\r\n<ModalJourneyRectification\r\n  visible={true}\r\n  textTitle=\"Edutar atividade\"\r\n  onClose={() => {/* fechar */}}\r\n  onPressConfirm={(payload) => {\r\n    // payload: { reasonValue, label, dateAndHours: { date, hours } }\r\n  }}\r\n/>\r\n\\`\\`\\`\r\n\r\n- Ao confirmar, o componente dispara o \\`onPressConfirm\\` com os dados selecionados e **fecha** em seguida.\r\n- O clique no overlay ou o botão \"CANCELAR\" disparam \\`onClose\\`.\r\n        `,\r\n      },\r\n    },\r\n  },\r\n  decorators: [(Story) => <WithViewport>{Story()}</WithViewport>],\r\n};\r\nexport default meta;\r\n\r\n/**\r\n * STORIES\r\n */\r\ntype Story = StoryObj<typeof ModalJourneyRectification>;\r\n\r\n/**\r\n * Estado padrão (fechado).\r\n */\r\nexport const Default: Story = {};\r\n\r\n/**\r\n * Modal visível para inspeção visual.\r\n */\r\nexport const Opened: Story = {\r\n  args: {\r\n    visible: true,\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        story:\r\n          \"Exibe o modal aberto para validar layout, overlay e botões de ação.\",\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\n/**\r\n * Título customizado (ex.: para variações de copy).\r\n */\r\nexport const WithCustomTitle: Story = {\r\n  args: {\r\n    visible: true,\r\n    textTitle: \"Registrar atividade manualmente\",\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        story:\r\n          \"Permite validar a troca do título e o encaixe no cabeçalho do modal.\",\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\n/**\r\n * Playground — ajuste livre via Controls.\r\n */\r\nexport const Playground: Story = {\r\n  args: {\r\n    visible: false,\r\n    textTitle: \"Editar atividade\",\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        story:\r\n          \"Use os **Controls** para alternar `visible` e personalizar `textTitle`. As ações aparecem no painel *Actions*.\",\r\n      },\r\n    },\r\n  },\r\n};"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","action","ModalJourneyRectification","WithViewport","children","createElement","style","flex","minHeight","alignItems","justifyContent","backgroundColor","meta","title","component","args","visible","textTitle","onClose","onPressConfirm","argTypes","control","type","description","table","category","parameters","layout","docs","decorators","Story","Default","Opened","optionSelected","value","label","story","WithCustomTitle","Playground"],"sources":["modal-journey-rectification.stories.tsx"],"sourcesContent":["/**\n * IMPORTS (Storybook)\n */\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { View } from \"react-native\";\nimport { action } from \"@storybook/addon-actions\";\n\n/**\n * IMPORTS (Componente)\n * Ajuste o caminho conforme sua estrutura (ex.: \"../index\" ou \"./index\").\n */\nimport ModalJourneyRectification from \"../../components/modal-create-activitie\";\n\n/**\n * DECORATORS\n * Envolve o story para garantir área de visualização e evitar \"modal perdido\".\n */\nconst WithViewport: React.FC<React.PropsWithChildren> = ({ children }) => {\n  return (\n    <View\n      style={{\n        flex: 1,\n        minHeight: 600,\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        backgroundColor: \"#F3F4F6\", // neutro claro p/ destacar o modal\n      }}\n    >\n      {children}\n    </View>\n  );\n};\n\n/**\n * META\n */\nconst meta: Meta<typeof ModalJourneyRectification> = {\n  title: \"Componente/ModalJourneyRectification\",\n  component: ModalJourneyRectification,\n  args: {\n    visible: false,\n    textTitle: \"Editar atividade\",\n    onClose: action(\"onClose\"), // ação capturada no painel \"Actions\"\n    onPressConfirm: action(\"onPressConfirm\"), // idem\n  },\n  argTypes: {\n    visible: {\n      control: { type: \"boolean\" },\n      description: \"Define a visibilidade do modal.\",\n      table: { category: \"Controle\" },\n    },\n    textTitle: {\n      control: { type: \"text\" },\n      description: \"Título exibido no cabeçalho do modal.\",\n      table: { category: \"Conteúdo\" },\n    },\n    onClose: {\n      description: \"Callback ao cancelar/fechar o modal.\",\n      table: { category: \"Eventos\" },\n    },\n    onPressConfirm: {\n      description: \"Callback ao confirmar. Recebe { reasonValue, label, dateAndHours }.\",\n      table: { category: \"Eventos\" },\n    },\n  },\n  parameters: {\n    layout: \"fullscreen\",\n    docs: {\n      description: {\n        component: `\n### ModalJourneyRectification\nModal para **Editar uma atividade** (motivo + data e hora) seguindo o design do sistema.\n\n#### Uso básico\n\\`\\`\\`tsx\nimport ModalJourneyRectification from \"caminho/do/componente\";\n\n<ModalJourneyRectification\n  visible={true}\n  textTitle=\"Edutar atividade\"\n  onClose={() => {/* fechar */}}\n  onPressConfirm={(payload) => {\n    // payload: { reasonValue, label, dateAndHours: { date, hours } }\n  }}\n/>\n\\`\\`\\`\n\n- Ao confirmar, o componente dispara o \\`onPressConfirm\\` com os dados selecionados e **fecha** em seguida.\n- O clique no overlay ou o botão \"CANCELAR\" disparam \\`onClose\\`.\n        `,\n      },\n    },\n  },\n  decorators: [(Story) => <WithViewport>{Story()}</WithViewport>],\n};\nexport default meta;\n\n/**\n * STORIES\n */\ntype Story = StoryObj<typeof ModalJourneyRectification>;\n\n/**\n * Estado padrão (fechado).\n */\nexport const Default: Story = {};\n\n/**\n * Modal visível para inspeção visual.\n */\nexport const Opened: Story = {\n  args: {\n    visible: true,\n    optionSelected: {\n      value: 22,\n      label: \"Em operação - Carregamento\",\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Exibe o modal aberto para validar layout, overlay e botões de ação.\",\n      },\n    },\n  },\n};\n\n/**\n * Título customizado (ex.: para variações de copy).\n */\nexport const WithCustomTitle: Story = {\n  args: {\n    visible: true,\n    textTitle: \"Editar atividade\",\n    optionSelected: {\n      value: 22,\n      label: \"Em operação - Carregamento\",\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Permite validar a troca do título e o encaixe no cabeçalho do modal.\",\n      },\n    },\n  },\n};\n\n/**\n * Playground — ajuste livre via Controls.\n */\nexport const Playground: Story = {\n  args: {\n    visible: false,\n    textTitle: \"Editar atividade\",\n    optionSelected: {\n      value: 22,\n      label: \"Em operação - Carregamento\",\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Use os **Controls** para alternar `visible` e personalizar `textTitle`. As ações aparecem no painel *Actions*.\",\n      },\n    },\n  },\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/modal-create-activitie/interface.d.ts

@@ -5,6 +5,7 @@ declare type IModalCreateActivitieProps<T> = {
     visible: boolean;
     textTitle?: string;
     options?: T;
+    optionSelected?: any | null;
     onClose: () => void;
     onPressConfirm: (value: T) => void;
 };

package/lib/typescript/src/components/modals/modal-activities/data-activities/index.d.ts

@@ -12,3 +12,10 @@ export interface IActivity {
  * Atividades específicas por tipo de usuário
  */
 export declare const activitiesByDriverType: Record<string, Record<string, IActivity[]>>;
+/**
+ * Atividades para retificação
+ */
+export declare const retificacaoActivities: {
+    value: number;
+    label: string;
+}[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-exp-fig",
-  "version": "0.1.38",
+  "version": "0.1.40",
   "description": "Biblioteca para desenvolvimento dos componentes para utilizar nos app da Expresso Figueiredo.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -105,6 +105,7 @@
     "babel-plugin-react-docgen-typescript": "^1.5.1",
     "babel-plugin-react-native-web": "^0.19.12",
     "babel-plugin-transform-inline-environment-variables": "^0.4.4",
+    "baseline-browser-mapping": "2.9.2",
     "commitlint": "^17.0.2",
     "del-cli": "^5.1.0",
     "eslint": "^9.19.0",
@@ -181,19 +182,14 @@
   },
   "dependencies": {
     "@react-native-async-storage/async-storage": "^2.0.0",
-    "@react-native-community/datetimepicker": "8.4.5",
+    "@react-native-community/datetimepicker": ">=8.0.0",
     "@react-native-community/slider": "^4.5.3",
     "@storybook/test": "^8.3.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-matcher-utils": "^29.7.0",
-    "react": "*",
-    "react-dom": "*",
-    "react-native": "*",
-    "react-native-exp-fig": "^0.1.34",
     "react-native-gesture-handler": "^2.19.0",
     "react-native-reanimated": "^3.16.7",
-    "react-native-safe-area-context": "*",
-    "react-native-svg": "^15.6.0",
+    "react-native-svg": "15.15.1",
     "react-native-web": "^0.19.12",
     "ts-jest": "^29.1.1",
     "ts-node": "^10.9.1",