react-native-exp-fig 0.1.41 → 0.1.43

package/src/stories/alert-critical-load/alert-critical-load.stories.tsx

@@ -0,0 +1,51 @@
+/**
+ * IMPORTS
+ */
+import type { Meta, StoryObj } from "@storybook/react";
+
+// component
+import AlertCriticalLoad from "../../components/alert-critical-load";
+
+const meta: Meta<typeof AlertCriticalLoad> = {
+  title: "componente/AlertCriticalLoad",
+  component: AlertCriticalLoad,
+  args: {
+    message: "Carregamento crítico para esse carregamento, faça o mais rápido possível.",
+    handleToggle: () => { },
+  },
+  parameters: {
+    docs: { disable: true },
+    previewTabs: {
+      "storybook/docs/panel": { hidden: true },
+      canvas: { hidden: true },
+    },
+    notes: `
+# AlertCriticalLoad
+
+Componente responsável por exibir informações urgentes sobre uma carga.
+
+Exemplo de uso:
+
+\`\`\`tsx
+<AlertCriticalLoad
+  message="Carregamento crítico para esse carregamento, faça o mais rápido possível."
+  handleToggle: () => { },
+/>
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+
+export const Default: Story = {
+  name: "alert-critical-load-default",
+  args: {
+    message: "Carregamento crítico para esse carregamento, faça o mais rápido possível.",
+    handleToggle: () => { },
+  },
+};
+

package/src/stories/card-available-load/card-available-load.stories.tsx

@@ -0,0 +1,85 @@
+/**
+ * IMPORTS
+ */
+import type { StoryObj, Meta } from "@storybook/react";
+
+// components
+import  CardAvailableLoad  from "../../components/card-available-load";
+
+const meta: Meta<typeof CardAvailableLoad> = {
+  title: "componente/CardAvailableLoad",
+  component: CardAvailableLoad,
+  args: {
+    backgroundColor: "#2D3748",
+    onPress: () => {},
+    carregamento: {
+      numero_carregamento: "01020304050607",
+      local: "Doca 1, Patío 03 - Usiminas Ipatinga",
+      previsao_carregamento: "10/03/2025 12:37",
+      qtd_bobinas: 15,
+      peso_total_kg: 20
+    },
+  },
+  parameters: {
+    docs: { disable: true },
+    previewTabs: {
+      "storybook/docs/panel": { hidden: true },
+      canvas: { hidden: true },
+    },
+    notes: `
+# CardAvailableLoad
+
+Componente que mostra os dados detalhado de um carregamento.
+Você usa assim:
+\`\`\`tsx
+<CardAvailableLoad
+    backgroundColor={"#2D3748"}
+    onPress={() => { }}
+    carregamento={
+      {
+        numero_carregamento: "01020304050607",
+        local: "Doca 1, Patío 03 - Usiminas Ipatinga",
+        previsao_carregamento: "10/03/2025 12:37",
+        qtd_bobinas: 15,
+        peso_total_kg: 20
+      }
+    }
+/>
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+
+export const CardAvailableLoadOpen: Story = {
+  name: "card-available-load-open",
+  args: {
+    backgroundColor: "#2D3748",
+    onPress: () => {},
+    carregamento: {
+      numero_carregamento: "01020304050607",
+      local: "Doca 1, Patío 03 - Usiminas Ipatinga",
+      previsao_carregamento: "10/03/2025 12:37",
+      qtd_bobinas: 15, peso_total_kg: 20
+    },
+  },
+};
+
+export const CardAvailableLoadClosed: Story = {
+  name: "card-available-load-closed",
+  args: {
+    isOpen: false,
+    backgroundColor: "#2D3748",
+    onPress: () => {},
+    carregamento: {
+      numero_carregamento: "01020304050607",
+      local: "Doca 1, Patío 03 - Usiminas Ipatinga",
+      previsao_carregamento: "10/03/2025 12:37",
+      qtd_bobinas: 15, peso_total_kg: 20
+    },
+  },
+};

package/src/stories/card-driver-data/card-driver-data.stories.tsx

@@ -0,0 +1,73 @@
+/**
+ * IMPORTS
+ */
+import type { StoryObj, Meta } from "@storybook/react";
+
+// component
+import CardDriverData from "../../components/card-driver-data";
+
+const meta: Meta<typeof CardDriverData> = {
+  title: "componente/CardDriverData",
+  component: CardDriverData,
+  args: {
+    isOpen: true,
+    backgroundColor: "#F2F2F2",
+    veiculo: {
+      placa: "MG-0934-8333",
+      tipo: "04 EIXOS",
+    },
+  },
+  parameters: {
+    docs: { disable: true },
+    previewTabs: {
+      "storybook/docs/panel": { hidden: true },
+      canvas: { hidden: true },
+    },
+    notes: `
+# CardDriverData
+
+Componente responsável por exibir os dados do veículo a ser carregado,
+com comportamento expansível (aberto / fechado).
+
+### Exemplo de uso:
+\`\`\`tsx
+<CardDriverData
+  isOpen={true}
+  backgroundColor={"#F2F2F2"}
+  veiculo={{
+    placa: "MG-0934-8333",
+    tipo: "04 EIXOS",
+  }}
+/>
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const CardDriverDataOpen: Story = {
+  name: "card-driver-data-open",
+  args: {
+    isOpen: true,
+    backgroundColor: "#F2F2F2",
+    veiculo: {
+      placa: "MG-0934-8333",
+      tipo: "04 EIXOS",
+    },
+  },
+};
+
+export const CardDriverDataClosed: Story = {
+  name: "card-driver-data-closed",
+  args: {
+    isOpen: false,
+    backgroundColor: "#F2F2F2",
+    veiculo: {
+      placa: "MG-0934-8333",
+      tipo: "04 EIXOS",
+    },
+  },
+};

package/src/stories/document-carga-info/document-carga-info.stories.tsx

@@ -0,0 +1,72 @@
+/**
+ * IMPORTS
+ */
+import type { Meta, StoryObj } from "@storybook/react";
+
+// component
+import DocumentCargaInfo from "../../components/document-carga-info";
+
+const meta: Meta<typeof DocumentCargaInfo> = {
+  title: "componente/DocumentCargaInfo",
+  component: DocumentCargaInfo,
+  args: {
+    title: "Documento de carga",
+    numberDocument: "123456789",
+    linkDocument: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",
+    isAlert: false,
+    errorMessage: "",
+  },
+  parameters: {
+    docs: { disable: true },
+    previewTabs: {
+      "storybook/docs/panel": { hidden: true },
+      canvas: { hidden: true },
+    },
+    notes: `
+# DocumentCargaInfo
+
+Componente responsável por exibir informações de um documento de carga
+e permitir a abertura do PDF associado.
+
+Exemplo de uso:
+
+\`\`\`tsx
+<DocumentCargaInfo
+  title="Documento de carga"
+  numberDocument="123456789"
+  linkDocument="https://exemplo.com/documento.pdf"
+  isAlert={false}
+/>
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+
+export const Default: Story = {
+  name: "document-carga-info-default",
+  args: {
+    title: "Documento de carga",
+    numberDocument: "123456789",
+    linkDocument:
+      "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",
+    isAlert: false,
+  },
+};
+
+export const WithAlert: Story = {
+  name: "document-carga-info-alert",
+  args: {
+    title: "Documento de carga",
+    numberDocument: "123456789",
+    linkDocument:
+      "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",
+    isAlert: true,
+    errorMessage:
+      "Documento indisponível no momento. Verifique com o setor responsável.",
+  },
+};

package/src/stories/driver-journey-info/driver-journey-info.stories.tsx

@@ -0,0 +1,79 @@
+/**
+ * IMPORTS
+ */
+import type { StoryObj, Meta } from "@storybook/react";
+
+// component
+import DriverJourneyInfo from "../../components/driver-journey-info";
+
+const meta: Meta<typeof DriverJourneyInfo> = {
+  title: "componente/DriverJourneyInfo",
+  component: DriverJourneyInfo,
+  args: {
+    backgroundColor: "#F2F2F2",
+    motorista: {
+      nome: "João da Silva",
+      contato: "(31) 9 8213-2422",
+      posicao: "Usiminas Ipatinga - MG",
+      previsao_chegada: "10/03/2025 14:30",
+    },
+  },
+  parameters: {
+    docs: { disable: true },
+    previewTabs: {
+      "storybook/docs/panel": { hidden: true },
+      canvas: { hidden: true },
+    },
+    notes: `
+# DriverJourneyInfo
+
+Componente responsável por exibir as informações da jornada do motorista,
+com comportamento expansível (abrir / fechar).
+
+### Exemplo de uso:
+\`\`\`tsx
+<DriverJourneyInfo
+  backgroundColor={"#F2F2F2"}
+  motorista={{
+    nome: "João da Silva",
+    contato: "(31) 9 8213-2422",
+    posicao: "Usiminas Ipatinga - MG",
+    previsao_chegada: "10/03/2025 14:30",
+  }}
+/>
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const DriverJourneyInfoOpen: Story = {
+  name: "driver-journey-info-open",
+  args: {
+    backgroundColor: "#F2F2F2",
+    motorista: {
+      nome: "João da Silva",
+      contato: "(31) 9 8213-2422",
+      posicao: "Usiminas Ipatinga - MG",
+      previsao_chegada: "10/03/2025 14:30",
+    },
+  },
+};
+
+export const DriverJourneyInfoClosed: Story = {
+  name: "driver-journey-info-closed",
+  args: {
+    // estado inicial fechado pode ser implementado futuramente
+    // caso você queira adicionar isOpen como prop
+    backgroundColor: "#F2F2F2",
+    motorista: {
+      nome: "João da Silva",
+      contato: "(31) 9 8213-2422",
+      posicao: "Usiminas Ipatinga - MG",
+      previsao_chegada: "10/03/2025 14:30",
+    },
+  },
+};