react-native-exp-fig 0.1.9 → 0.1.11

package/src/stories/card-loading/card-loading.stories.tsx

@@ -1,85 +1,85 @@
-import type { StoryObj, Meta } from "@storybook/react";
-
-import { CardLoading } from "../../components/card-loading";
-import { theme } from "../../styles/theme/theme";
-
-const meta: Meta<typeof CardLoading> = {
-  title: "componente/CardLoading",
-  component: CardLoading,
-  args: {
-    width: 120,
-    height: 90,
-    title: "Carregamento #01020304050607",
-    backgroundColor: theme.colors.blue[400],
-    handleNavigation: () => {},
-  },
-  parameters: {
-    notes: `
-# CardLoading
-
-Este é um componente de CardLoading.
-Você usa assim:
-\`\`\`tsx
- <CardLoading
-    width={"100%"}
-    title="Carregamento #01020304050607"
-    local="Doca 1, Patío 03 - Usiminas Ipatinga"
-    vehicle="EXP-0000"
-    prevision="12:37 10/03/2025"
-    kg={40}
-    qtdCoils={15}
-    status="Pendente"
-    handleNavigation={() => {}}
-/>
-\`\`\`
-`,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const CardLoadingAprovado: Story = {
-  name: "card-carregamento-aprovado",
-  args: {
-    width: "100%",
-    title: "Carregamento #01020304050607",
-    local: "Doca 1, Patío 03 - Usiminas Ipatinga",
-    vehicle: "EXP-0000",
-    prevision: "12:37 10/03/2025",
-    kg: 40,
-    qtdCoils: 15,
-    status: "Aprovado",
-    handleNavigation: () => {},
-  },
-};
-
-export const CardLoadingPendente: Story = {
-  name: "card-carregamento-pendente",
-  args: {
-    width: "100%",
-    title: "Carregamento #01020304050607",
-    local: "Doca 1, Patío 03 - Usiminas Ipatinga",
-    vehicle: "EXP-0000",
-    prevision: "12:37 10/03/2025",
-    kg: 40,
-    qtdCoils: 15,
-    status: "Pendente",
-    handleNavigation: () => {},
-  },
-};
-export const CardLoadingReprovado: Story = {
-  name: "card-carregamento-reprovado",
-  args: {
-    width: "100%",
-    title: "Carregamento #01020304050607",
-    local: "Doca 1, Patío 03 - Usiminas Ipatinga",
-    vehicle: "EXP-0000",
-    prevision: "12:37 10/03/2025",
-    kg: 40,
-    qtdCoils: 15,
-    status: "Reprovado",
-    handleNavigation: () => {},
-  },
-};
+import type { StoryObj, Meta } from "@storybook/react";
+
+import { CardLoading } from "../../components/card-loading";
+import { theme } from "../../styles/theme/theme";
+
+const meta: Meta<typeof CardLoading> = {
+  title: "componente/CardLoading",
+  component: CardLoading,
+  args: {
+    width: 120,
+    height: 90,
+    title: "Carregamento #01020304050607",
+    backgroundColor: theme.colors.blue[400],
+    handleNavigation: () => {},
+  },
+  parameters: {
+    notes: `
+# CardLoading
+
+Este é um componente de CardLoading.
+Você usa assim:
+\`\`\`tsx
+ <CardLoading
+    width={"100%"}
+    title="Carregamento #01020304050607"
+    local="Doca 1, Patío 03 - Usiminas Ipatinga"
+    vehicle="EXP-0000"
+    prevision="12:37 10/03/2025"
+    kg={40}
+    qtdCoils={15}
+    status="Pendente"
+    handleNavigation={() => {}}
+/>
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const CardLoadingAprovado: Story = {
+  name: "card-carregamento-aprovado",
+  args: {
+    width: "100%",
+    title: "Carregamento #01020304050607",
+    local: "Doca 1, Patío 03 - Usiminas Ipatinga",
+    vehicle: "EXP-0000",
+    prevision: "12:37 10/03/2025",
+    kg: 40,
+    qtdCoils: 15,
+    status: "Concluido",
+    handleNavigation: () => {},
+  },
+};
+
+export const CardLoadingPendente: Story = {
+  name: "card-carregamento-pendente",
+  args: {
+    width: "100%",
+    title: "Carregamento #01020304050607",
+    local: "Doca 1, Patío 03 - Usiminas Ipatinga",
+    vehicle: "EXP-0000",
+    prevision: "12:37 10/03/2025",
+    kg: 40,
+    qtdCoils: 15,
+    status: "Pendente",
+    handleNavigation: () => {},
+  },
+};
+export const CardLoadingReprovado: Story = {
+  name: "card-carregamento-reprovado",
+  args: {
+    width: "100%",
+    title: "Carregamento #01020304050607",
+    local: "Doca 1, Patío 03 - Usiminas Ipatinga",
+    vehicle: "EXP-0000",
+    prevision: "12:37 10/03/2025",
+    kg: 40,
+    qtdCoils: 15,
+    status: "Cancelado",
+    handleNavigation: () => {},
+  },
+};

package/src/stories/check-box/check-box.stories.tsx

@@ -1,83 +1,81 @@
-import React from "react";
-import type { StoryObj, Meta } from "@storybook/react";
-
-import { CheckBox } from "../../components/check-box";
-import { theme } from "../../styles/theme/theme";
-
-const meta: Meta<typeof CheckBox> = {
-  title: "componente/CheckBox",
-  component: CheckBox as React.FC,
-  args: {
-    onPress: () => {},
-    isChecked: false,
-    backgroundColorCheck: theme.colors.blue[375],
-  },
-  parameters: {
-    notes: `
-# CheckBox
-
-Componente de caixa de seleção customizável com ou sem texto.
-
-Exemplo de uso:
-
-\`\`\`tsx
-<CheckBox
-  isChecked={false}
-  widthBoxCheckIcon={30}
-  heightWrapperTextLabel={40}
-  backgroundColorCheck={theme.colors.blue[400]}
-  textSizeLabel={16}
-  textLabel="Eu concordo com a Política de privacidade da ExpFig e dou consentimento para a coleta, e processamento e uso dos meus dados pessoais."
-  colorTextLabel={theme.colors.gray[600]}
-  backgroundBoxCheckIcon={"transparent"}
-/>
-\`\`\`
-`,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const CheckBoxDisable: Story = {
-  name: "checkbox-desmarcado",
-  args: {
-    isChecked: false,
-  },
-};
-
-export const CheckBoxAble: Story = {
-  name: "checkbox-marcado",
-  args: {
-    widthBoxCheckIcon: 40,
-    isChecked: true,
-    backgroundColorCheck: theme.colors.blue[50],
-  },
-};
-
-export const CheckBoxDisableWithLabel: Story = {
-  name: "checkbox-desmarcado-com-label",
-  args: {
-    widthBoxCheckIcon: 30,
-    backgroundBoxCheckIcon: "transparent",
-    heightWrapperTextLabel: 40,
-    textLabel:
-      "Eu concordo com a Política de privacidade da ExpFig e dou consentimento para a coleta, e processamento e uso dos meus dados pessoais.",
-    textSizeLabel: 17,
-    colorTextLabel: theme.colors.neutral[25],
-    isChecked: false,
-    backgroundColorCheck: theme.colors.blue[375],
-  },
-};
-
-export const CheckBoxAbleWithLabel: Story = {
-  name: "checkbox-marcado-com-label",
-  args: {
-    textLabel: "Label Checked",
-    textSizeLabel: 17,
-    colorTextLabel: theme.colors.neutral[25],
-    isChecked: true,
-    backgroundColorCheck: theme.colors.blue[375],
-  },
-};
+import React from "react";
+import type { StoryObj, Meta } from "@storybook/react";
+
+import { CheckBox } from "../../components/check-box";
+import { theme } from "../../styles/theme/theme";
+
+const meta: Meta<typeof CheckBox> = {
+  title: "componente/CheckBox",
+  component: CheckBox as React.FC,
+  args: {
+    onPress: () => {},
+    isChecked: false,
+    backgroundColorCheck: theme.colors.blue[375],
+  },
+  parameters: {
+    notes: `
+# CheckBox
+
+Componente de caixa de seleção customizável com ou sem texto.
+
+Exemplo de uso:
+
+\`\`\`tsx
+<CheckBox
+  isChecked={false}
+  widthBoxCheckIcon={30}
+  backgroundColorCheck={theme.colors.blue[400]}
+  textSizeLabel={16}
+  textLabel="Eu concordo com a Política de privacidade da ExpFig e dou consentimento para a coleta, e processamento e uso dos meus dados pessoais."
+  colorTextLabel={theme.colors.gray[600]}
+  backgroundBoxCheckIcon={"transparent"}
+/>
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const CheckBoxDisable: Story = {
+  name: "checkbox-desmarcado",
+  args: {
+    isChecked: false,
+  },
+};
+
+export const CheckBoxAble: Story = {
+  name: "checkbox-marcado",
+  args: {
+    widthBoxCheckIcon: 40,
+    isChecked: true,
+    backgroundColorCheck: theme.colors.blue[50],
+  },
+};
+
+export const CheckBoxDisableWithLabel: Story = {
+  name: "checkbox-desmarcado-com-label",
+  args: {
+    widthBoxCheckIcon: 30,
+    backgroundBoxCheckIcon: "transparent",
+    textLabel:
+      "Eu concordo com a Política de privacidade da ExpFig e dou consentimento para a coleta, e processamento e uso dos meus dados pessoais.",
+    textSizeLabel: 17,
+    colorTextLabel: theme.colors.neutral[25],
+    isChecked: false,
+    backgroundColorCheck: theme.colors.blue[375],
+  },
+};
+
+export const CheckBoxAbleWithLabel: Story = {
+  name: "checkbox-marcado-com-label",
+  args: {
+    textLabel: "Label Checked",
+    textSizeLabel: 17,
+    colorTextLabel: theme.colors.neutral[25],
+    isChecked: true,
+    backgroundColorCheck: theme.colors.blue[375],
+  },
+};

package/src/stories/coil/coil.stories.tsx

@@ -1,75 +1,98 @@
-import React from "react";
-
-import type { StoryObj, Meta } from "@storybook/react";
-import { Coil } from "../../components/coil";
-
-const meta: Meta<typeof Coil> = {
-  title: "componente/Coil",
-  component: Coil as React.FC,
-  args: {
-    title: "HUTY-9754",
-    description: "04 de 02 fotos pendentes",
-    handleNavigation: () => {},
-  },
-  parameters: {
-    notes: `
-# Coil
-
-Este é um componente de Card da bobina.
-Você usa assim:
-\`\`\`tsx
-<Coil
-  title=''
-  description=''
-  handleNavigation={() => {}}
-  status=''
-/>
-\`\`\`
-`,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const CoilPending: Story = {
-  name: "coil-pending",
-  args: {
-    title: "HUTY-9754",
-    description: "04 de 02 fotos pendentes",
-    handleNavigation: () => {},
-    status: "pending",
-  },
-};
-
-export const CoilApproved: Story = {
-  name: "coil-approved",
-  args: {
-    title: "HUTY-9754",
-    description: "04 de 02 fotos pendentes",
-    handleNavigation: () => {},
-    status: "approved",
-  },
-};
-
-export const CoilRecused: Story = {
-  name: "coil-recused",
-  args: {
-    title: "HUTY-9754",
-    description: "04 de 02 fotos pendentes",
-    handleNavigation: () => {},
-    status: "recused",
-  },
-};
-
-export const CoilNoStatus: Story = {
-  name: "coil-no-status",
-  args: {
-    title: "HUTY-9754",
-    description: "background color diferente",
-    handleNavigation: () => {},
-    backgroundColor: "green",
-    disabled: true,
-  },
-};
+import React from "react";
+
+import type { StoryObj, Meta } from "@storybook/react";
+import { Coil } from "../../components/coil";
+
+const meta: Meta<typeof Coil> = {
+  title: "componente/Coil",
+  component: Coil as React.FC,
+  args: {
+    title: "HUTY-9754",
+    description: "04 de 02 fotos pendentes",
+    handleNavigation: () => {},
+    status: "Cancelado",
+  },
+  parameters: {
+    notes: `
+# Coil
+
+Este é um componente de Card da bobina.
+Você usa assim:
+\`\`\`tsx
+<Coil
+  title=''
+  description=''
+  handleNavigation={() => {}}
+  status=''
+/>
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const CoilPending: Story = {
+  name: "coil-pending",
+  args: {
+    title: "HUTY-9754",
+    description: "04 de 02 fotos pendentes",
+    handleNavigation: () => {},
+    status: "Pendente",
+  },
+};
+
+export const CoilApproved: Story = {
+  name: "coil-approved",
+  args: {
+    title: "HUTY-9754",
+    description: "04 de 02 fotos pendentes",
+    handleNavigation: () => {},
+    status: "Concluido",
+  },
+};
+
+export const CoilRecused: Story = {
+  name: "coil-recused",
+  args: {
+    title: "HUTY-9754",
+    description: "04 de 02 fotos pendentes",
+    handleNavigation: () => {},
+    status: "Cancelado",
+  },
+};
+
+export const CoilAndamento: Story = {
+  name: "coil-andamento",
+  args: {
+    title: "HUTY-9754",
+    description: "background color diferente",
+    handleNavigation: () => {},
+    status: "Andamento",
+  },
+};
+
+export const CoilNoStatus: Story = {
+  name: "coil-no-status",
+  args: {
+    title: "HUTY-9754",
+    description: "background color diferente",
+    handleNavigation: () => {},
+    backgroundColor: "green",
+    status: "Andamento",
+    disabled: true,
+  },
+};
+
+export const CoilOff: Story = {
+  name: "coil-off",
+  args: {
+    title: "HUTY-9823",
+    description: "background color diferente",
+    handleNavigation: () => {},
+    status: "Pendente",
+    backgroundColorIcon: "#fff",
+  },
+};