react-native-exp-fig 0.1.39 → 0.1.41

package/src/components/user-profile/index.tsx

@@ -26,6 +26,7 @@ const UserProfile: React.FC<IUserProfile> = ({
   cpf,
   placa_cavalo,
   bluetoothIsConnected,
+  situacao = "carregador",
   app_version,
   color,
   width,
@@ -133,36 +134,38 @@ const UserProfile: React.FC<IUserProfile> = ({
             letterSpacing={"regular"}
           />
         </Box>
-        <Box
-          width={"100%"}
-          flexStyle={{
-            flexDirection: "row",
-            alignItems: "center",
-            justifyContent: "flex-start",
-            textAlign: "center",
-          }}
-          paddingStyle={{ paddingTop: 5 }}
-        >
-          <Typography
-            text={"CONECTADO: "}
-            color={color?.colorText ?? theme.colors.neutral[25]}
-            size={theme.fontSizes.sm}
-            fontFamily={theme.fonts.inter_medium_500}
-            fontWeight="500"
-            lineHeight={theme.fontSizes.lg ?? 18}
-            letterSpacing={"regular"}
-          />
+        {situacao !== "carregador" && (
+          <Box
+            width={"100%"}
+            flexStyle={{
+              flexDirection: "row",
+              alignItems: "center",
+              justifyContent: "flex-start",
+              textAlign: "center",
+            }}
+            paddingStyle={{ paddingTop: 5 }}
+          >
+            <Typography
+              text={"CONECTADO: "}
+              color={color?.colorText ?? theme.colors.neutral[25]}
+              size={theme.fontSizes.sm}
+              fontFamily={theme.fonts.inter_medium_500}
+              fontWeight="500"
+              lineHeight={theme.fontSizes.lg ?? 18}
+              letterSpacing={"regular"}
+            />
 
-          <Typography
-            text={bluetoothIsConnected ? placa_cavalo : ""}
-            color={theme.colors.green[400]}
-            size={theme.fontSizes.sm}
-            fontFamily={theme.fonts.inter_bold_700}
-            fontWeight="700"
-            lineHeight={theme.fontSizes.lg ?? 18}
-            letterSpacing={"regular"}
-          />
-        </Box>
+            <Typography
+              text={bluetoothIsConnected ? placa_cavalo : ""}
+              color={theme.colors.green[400]}
+              size={theme.fontSizes.sm}
+              fontFamily={theme.fonts.inter_bold_700}
+              fontWeight="700"
+              lineHeight={theme.fontSizes.lg ?? 18}
+              letterSpacing={"regular"}
+            />
+          </Box>
+        )}
       </Box>
 
       <Box

package/src/components/user-profile/interface.d.ts

@@ -12,6 +12,7 @@ interface IUserProfile extends ViewProps, IGlobalCss {
   cpf: string;
   placa_cavalo: string;
   bluetoothIsConnected: boolean;
+  situacao?: string;
   app_version: string;
   handleProfileView: () => void;
 }

package/src/stories/modal-create-activitie/modal-create-activitie.stories.tsx

@@ -79,6 +79,10 @@ export const Aberto: Story = {
   args: {
     visible: true,
     textTitle: "Incluir atividade",
+    optionSelected: {
+      value: 22,
+      label: "Em operação - Carregamento",
+    },
     onPressConfirm: (payload) => {
       console.log("payload", payload);
     },

package/src/stories/modal-journey-rectification/modal-journey-rectification.stories.tsx

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