react-native-exp-fig 0.1.14 → 0.1.16

package/src/stories/avatar-profile/avatar-profile.stories.tsx

@@ -1,32 +1,32 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { AvatarProfile } from "../../components/avatar-profile";
-
-const meta: Meta<typeof AvatarProfile> = {
-  title: "Componente/AvatarProfile",
-  component: AvatarProfile,
-  args: {
-    name: "Everton",
-    avatar: "https://randomuser.me/api/portraits/men/1.jpg",
-    email: "teste@gmail.com",
-    isEdit: false,
-    handleTakePicker: () => {},
-  },
-  parameters: {
-    notes: ` AvatarProfile Componente de avatar de perfil com edição opcional.`,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  name: "default",
-};
-
-export const Editable: Story = {
-  name: "editable",
-  args: {
-    isEdit: true,
-  },
-};
+import { Meta, StoryObj } from "@storybook/react";
+import { AvatarProfile } from "../../components/avatar-profile";
+
+const meta: Meta<typeof AvatarProfile> = {
+  title: "Componente/AvatarProfile",
+  component: AvatarProfile,
+  args: {
+    name: "Everton",
+    avatar: "https://randomuser.me/api/portraits/men/1.jpg",
+    email: "teste@gmail.com",
+    isEdit: false,
+    handleTakePicker: () => {},
+  },
+  parameters: {
+    notes: ` AvatarProfile Componente de avatar de perfil com edição opcional.`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  name: "default",
+};
+
+export const Editable: Story = {
+  name: "editable",
+  args: {
+    isEdit: true,
+  },
+};

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

@@ -1,50 +1,50 @@
-import type { StoryObj, Meta } from "@storybook/react";
-
-import { CardHistory } from "../../components/card-history";
-import { theme } from "../../styles/theme/theme";
-
-const meta: Meta<typeof CardHistory> = {
-  title: "componente/CardHistory",
-  component: CardHistory,
-  args: {
-    width: 120,
-    height: 90,
-    title: "Carregamento #01020304050607",
-    backgroundColor: theme.colors.blue[400],
-    handleNavigation: () => {},
-  },
-  parameters: {
-    notes: `
-# CardHistory
-
-Este é um componente de CardHistory.
-Você usa assim:
-\`\`\`tsx
- <CardHistory
-    width={"100%"}
-    title="Carregamento #01020304050607"
-    local="Doca 1, Patío 03 - Usiminas Ipatinga"
-    vehicle="EXP-0000"
-    prevision="12:37 10/03/2025"
-    handleNavigation={() => {}}
-/>
-\`\`\`
-`,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const CardHistoryAprovado: Story = {
-  name: "card-history",
-  args: {
-    width: "100%",
-    title: "Carregamento #01020304050607",
-    local: "Doca 1, Patío 03 - Usiminas Ipatinga",
-    vehicle: "EXP-0000",
-    prevision: "12:37 10/03/2025",
-    handleNavigation: () => {},
-  },
-};
+import type { StoryObj, Meta } from "@storybook/react";
+
+import { CardHistory } from "../../components/card-history";
+import { theme } from "../../styles/theme/theme";
+
+const meta: Meta<typeof CardHistory> = {
+  title: "componente/CardHistory",
+  component: CardHistory,
+  args: {
+    width: 120,
+    height: 90,
+    title: "Carregamento #01020304050607",
+    backgroundColor: theme.colors.blue[400],
+    handleNavigation: () => {},
+  },
+  parameters: {
+    notes: `
+# CardHistory
+
+Este é um componente de CardHistory.
+Você usa assim:
+\`\`\`tsx
+ <CardHistory
+    width={"100%"}
+    title="Carregamento #01020304050607"
+    local="Doca 1, Patío 03 - Usiminas Ipatinga"
+    vehicle="EXP-0000"
+    prevision="12:37 10/03/2025"
+    handleNavigation={() => {}}
+/>
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const CardHistoryAprovado: Story = {
+  name: "card-history",
+  args: {
+    width: "100%",
+    title: "Carregamento #01020304050607",
+    local: "Doca 1, Patío 03 - Usiminas Ipatinga",
+    vehicle: "EXP-0000",
+    prevision: "12:37 10/03/2025",
+    handleNavigation: () => {},
+  },
+};

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: "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: () => {},
-  },
-};
+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,81 +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}
-  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],
-  },
-};
+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],
+  },
+};