react-native-exp-fig 0.1.13 → 0.1.15

package/src/stories/activities-progress/activities-progress.stories.tsx

@@ -1,61 +1,61 @@
-import type { StoryObj, Meta } from "@storybook/react";
-
-import { ActivitiesProgress } from "../../components/activities-progress";
-
-const meta: Meta<typeof ActivitiesProgress> = {
-  title: "componente/ActivitiesProgress",
-  component: ActivitiesProgress,
-  args: {
-    data_fim: "11/05/2025",
-    duracao: "00:30",
-    data_inicio: "17:20",
-    titleLabel: "Descanso",
-  },
-  parameters: {
-    notes: `
-# ActivitiesProgress
-
-Este é um componente de progresso de atividades.
-Você usa assim:
-\`\`\`tsx
-<ActivitiesProgress
-  data_fim="11/05/2025"
-  duracao="00:30"
-  data_inicio="17:20"
-  titleLabel="Descanso"
-/>
-\`\`\`
-`,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const ActivitiesProgressPadrao: Story = {
-  name: "activities-progress-padrao",
-  args: {},
-};
-
-export const ActivitiesProgressTrabalho: Story = {
-  name: "activities-progress-trabalho",
-  args: {
-    data_fim: "15/06/2023",
-    duracao: "01:45",
-    data_inicio: "14:30",
-    titleLabel: "Trabalho",
-    situation: true,
-  },
-};
-
-export const ActivitiesProgressDescanso: Story = {
-  name: "activities-progress-descanso",
-  args: {
-    data_fim: "20/07/2023",
-    duracao: "00:15",
-    data_inicio: "12:00",
-    titleLabel: "Descanso",
-    situation: true,
-  },
-};
+import type { StoryObj, Meta } from "@storybook/react";
+
+import { ActivitiesProgress } from "../../components/activities-progress";
+
+const meta: Meta<typeof ActivitiesProgress> = {
+  title: "componente/ActivitiesProgress",
+  component: ActivitiesProgress,
+  args: {
+    data_fim: "11/05/2025",
+    duracao: "00:30",
+    data_inicio: "17:20",
+    titleLabel: "Descanso",
+  },
+  parameters: {
+    notes: `
+# ActivitiesProgress
+
+Este é um componente de progresso de atividades.
+Você usa assim:
+\`\`\`tsx
+<ActivitiesProgress
+  data_fim="11/05/2025"
+  duracao="00:30"
+  data_inicio="17:20"
+  titleLabel="Descanso"
+/>
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const ActivitiesProgressPadrao: Story = {
+  name: "activities-progress-padrao",
+  args: {},
+};
+
+export const ActivitiesProgressTrabalho: Story = {
+  name: "activities-progress-trabalho",
+  args: {
+    data_fim: "15/06/2023",
+    duracao: "01:45",
+    data_inicio: "14:30",
+    titleLabel: "Trabalho",
+    situation: true,
+  },
+};
+
+export const ActivitiesProgressDescanso: Story = {
+  name: "activities-progress-descanso",
+  args: {
+    data_fim: "20/07/2023",
+    duracao: "00:15",
+    data_inicio: "12:00",
+    titleLabel: "Descanso",
+    situation: true,
+  },
+};

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-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],
+  },
+};