react-native-exp-fig 0.1.14 → 0.1.16

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

@@ -1,88 +1,88 @@
-import React from "react";
-
-import type { StoryObj, Meta } from "@storybook/react";
-import { NotificationLoading } from "../../components/notification-loading";
-
-const meta: Meta<typeof NotificationLoading> = {
-  title: "componente/NotificationLoading",
-  component: NotificationLoading as React.FC,
-  args: {
-    title: "Carregamento - #013200400456",
-    date: "12:30 07/05/2025",
-    handleNavigation: () => {},
-    notification: "Hoje você tem um carregamento agendamento",
-    statusNotify: "pending",
-    dataStart: "Hoje",
-    readonly: false,
-  },
-  parameters: {
-    notes: `
-# NotificationLoading
-
-Este é um componente de Card de notificação.
-Você usa assim:
-\`\`\`tsx
-<NotificationLoading
-    title=""
-    date=""
-    handleNavigation={() => {}}
-    notification=""
-    statusNotify=""
-    dataStart: "Hoje",
-    readonly: false,
-/>
-\`\`\`
-`,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const NotificationLoadingPending: Story = {
-  name: "Notification-pending",
-  args: {
-    title: "#013200400456",
-    date: "12:30 07/05/2025",
-    handleNavigation: () => {},
-    notification: "Hoje você tem um carregamento agendamento",
-    statusNotify: "Pendente",
-    dataStart: "Ontem",
-  },
-};
-export const NotificationLoadingApproved: Story = {
-  name: "Notification-Approved",
-  args: {
-    title: "#013200400456",
-    date: "12:30 07/05/2025",
-    handleNavigation: () => {},
-    notification: "Hoje você tem um carregamento agendamento",
-    statusNotify: "Aprovado",
-    dataStart: "Hoje",
-  },
-};
-export const NotificationLoadingRecused: Story = {
-  name: "Notification-recused",
-  args: {
-    title: "#013200400456",
-    date: "12:30 07/05/2025",
-    handleNavigation: () => {},
-    notification: "Hoje você tem um carregamento agendamento",
-    statusNotify: "Reprovado",
-    dataStart: "25 abril 2025",
-  },
-};
-
-export const NotificationLoadingReadonly: Story = {
-  name: "Notification-readonly",
-  args: {
-    title: "#013200400456",
-    date: "12:30 07/05/2025",
-    handleNavigation: () => {},
-    notification: "Hoje você tem um carregamento agendamento",
-    statusNotify: "Reprovado",
-    dataStart: "25 abril 2025",
-    readonly: true,
-  },
-};
+import React from "react";
+
+import type { StoryObj, Meta } from "@storybook/react";
+import { NotificationLoading } from "../../components/notification-loading";
+
+const meta: Meta<typeof NotificationLoading> = {
+  title: "componente/NotificationLoading",
+  component: NotificationLoading as React.FC,
+  args: {
+    title: "Carregamento - #013200400456",
+    date: "12:30 07/05/2025",
+    handleNavigation: () => {},
+    notification: "Hoje você tem um carregamento agendamento",
+    statusNotify: "pending",
+    dataStart: "Hoje",
+    readonly: false,
+  },
+  parameters: {
+    notes: `
+# NotificationLoading
+
+Este é um componente de Card de notificação.
+Você usa assim:
+\`\`\`tsx
+<NotificationLoading
+    title=""
+    date=""
+    handleNavigation={() => {}}
+    notification=""
+    statusNotify=""
+    dataStart: "Hoje",
+    readonly: false,
+/>
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const NotificationLoadingPending: Story = {
+  name: "Notification-pending",
+  args: {
+    title: "#013200400456",
+    date: "12:30 07/05/2025",
+    handleNavigation: () => {},
+    notification: "Hoje você tem um carregamento agendamento",
+    statusNotify: "Pendente",
+    dataStart: "Ontem",
+  },
+};
+export const NotificationLoadingApproved: Story = {
+  name: "Notification-Approved",
+  args: {
+    title: "#013200400456",
+    date: "12:30 07/05/2025",
+    handleNavigation: () => {},
+    notification: "Hoje você tem um carregamento agendamento",
+    statusNotify: "Aprovado",
+    dataStart: "Hoje",
+  },
+};
+export const NotificationLoadingRecused: Story = {
+  name: "Notification-recused",
+  args: {
+    title: "#013200400456",
+    date: "12:30 07/05/2025",
+    handleNavigation: () => {},
+    notification: "Hoje você tem um carregamento agendamento",
+    statusNotify: "Reprovado",
+    dataStart: "25 abril 2025",
+  },
+};
+
+export const NotificationLoadingReadonly: Story = {
+  name: "Notification-readonly",
+  args: {
+    title: "#013200400456",
+    date: "12:30 07/05/2025",
+    handleNavigation: () => {},
+    notification: "Hoje você tem um carregamento agendamento",
+    statusNotify: "Reprovado",
+    dataStart: "25 abril 2025",
+    readonly: true,
+  },
+};

package/src/stories/profile-menu-option/profile-menu-option.stories.tsx

@@ -1,70 +1,70 @@
-import type { StoryObj, Meta } from "@storybook/react";
-
-import { ProfileMenuOption } from "../../components/profile-menu-option";
-import { theme } from "../../styles/theme/theme";
-
-const meta: Meta<typeof ProfileMenuOption> = {
-  title: "componente/ProfileMenuOption",
-  component: ProfileMenuOption,
-  args: {
-    text: "Perfil",
-    icon: "AGENT",
-    backgroundColor: theme.colors.blue[400],
-    colorIcon: theme.colors.neutral[25],
-    handleNavigation: () => {},
-  },
-  parameters: {
-    notes: `
-# ProfileMenuOption
-
-Este é um componente de opção de menu para perfil.
-Você usa assim:
-\`\`\`tsx
-<ProfileMenuOption
-  text="Perfil"
-  icon="AGENT"
-  backgroundColor={theme.colors.blue[400]}
-  colorIcon={theme.colors.neutral[25]}
-  handleNavigation={() => {}}
-/>
-\`\`\`
-`,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  name: "profile-menu-option",
-  args: {
-    text: "Perfil",
-    icon: "AGENT",
-    backgroundColor: theme.colors.blue[400],
-    colorIcon: theme.colors.neutral[25],
-    handleNavigation: () => {},
-  },
-};
-
-export const CustomColor: Story = {
-  name: "profile-menu-option-custom-color",
-  args: {
-    text: "Configurações",
-    icon: "GEAR",
-    backgroundColor: theme.colors.blue[500],
-    colorIcon: theme.colors.neutral[25],
-    handleNavigation: () => {},
-  },
-};
-
-export const Support: Story = {
-  name: "profile-menu-option-support",
-  args: {
-    text: "Suporte",
-    icon: "LIFEBUOY",
-    backgroundColor: theme.colors.blue[400],
-    colorIcon: theme.colors.neutral[25],
-    handleNavigation: () => {},
-  },
-};
+import type { StoryObj, Meta } from "@storybook/react";
+
+import { ProfileMenuOption } from "../../components/profile-menu-option";
+import { theme } from "../../styles/theme/theme";
+
+const meta: Meta<typeof ProfileMenuOption> = {
+  title: "componente/ProfileMenuOption",
+  component: ProfileMenuOption,
+  args: {
+    text: "Perfil",
+    icon: "AGENT",
+    backgroundColor: theme.colors.blue[400],
+    colorIcon: theme.colors.neutral[25],
+    handleNavigation: () => {},
+  },
+  parameters: {
+    notes: `
+# ProfileMenuOption
+
+Este é um componente de opção de menu para perfil.
+Você usa assim:
+\`\`\`tsx
+<ProfileMenuOption
+  text="Perfil"
+  icon="AGENT"
+  backgroundColor={theme.colors.blue[400]}
+  colorIcon={theme.colors.neutral[25]}
+  handleNavigation={() => {}}
+/>
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  name: "profile-menu-option",
+  args: {
+    text: "Perfil",
+    icon: "AGENT",
+    backgroundColor: theme.colors.blue[400],
+    colorIcon: theme.colors.neutral[25],
+    handleNavigation: () => {},
+  },
+};
+
+export const CustomColor: Story = {
+  name: "profile-menu-option-custom-color",
+  args: {
+    text: "Configurações",
+    icon: "GEAR",
+    backgroundColor: theme.colors.blue[500],
+    colorIcon: theme.colors.neutral[25],
+    handleNavigation: () => {},
+  },
+};
+
+export const Support: Story = {
+  name: "profile-menu-option-support",
+  args: {
+    text: "Suporte",
+    icon: "LIFEBUOY",
+    backgroundColor: theme.colors.blue[400],
+    colorIcon: theme.colors.neutral[25],
+    handleNavigation: () => {},
+  },
+};

package/src/stories/step-indicator/step-indicator.stories.tsx

@@ -1,124 +1,124 @@
-import { Meta, StoryObj } from "@storybook/react";
-
-// components
-import { StepIndicator } from "../../components/step-indicator";
-
-// styles
-import { theme } from "../../styles/theme/theme";
-
-const meta: Meta<typeof StepIndicator> = {
-  title: "Componente/StepIndicator",
-  component: StepIndicator,
-  args: {
-    data: [
-      {
-        id: 1,
-        descricao: "Repouso Noturno",
-        data_inicio: "07/03/2024 14:52",
-        data_fim: "07/03/2024 17:52",
-        duracao_segundos: "3601",
-      },
-    ],
-    backgroundColorBall: theme.colors.blue[500],
-    titleColor: theme.colors.neutral[25],
-    titleNumberColor: theme.colors.neutral[25],
-  },
-  parameters: {
-    notes: `
-# StepIndicator
-
-Este é um componente de step indicator.
-Você usa assim:
-\`\`\`tsx
-<StepIndicator
-    backgroundColorBall="#050022"
-    type="default"
-    data={dataMock}
-  />
-\`\`\`
-`,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-const dataMock = [
-  {
-    id: 1,
-    descricao: "Repouso Noturno",
-    data_inicio: "07/03/2024 14:52",
-    data_fim: "07/03/2024 17:52",
-    duracao_segundos: "3601",
-  },
-  {
-    id: 2,
-    descricao: "Descarga",
-    data_inicio: "06/03/2024 14:52",
-    data_fim: "06/03/2024 16:52",
-    duracao_segundos: "7200",
-  },
-];
-
-const dataMockCustom = [
-  {
-    id: 1,
-    descricao: "Pedido Realizado",
-    data_inicio: "",
-    data_fim: "",
-    duracao_segundos: "",
-  },
-  {
-    id: 2,
-    descricao: "Pagamento Aprovado",
-    data_inicio: "07/03/2024 14:52",
-    data_fim: "07/03/2024 17:52",
-    duracao_segundos: "3601",
-  },
-  {
-    id: 3,
-    descricao: "Pedido Faturado",
-    data_inicio: "",
-    data_fim: "",
-    duracao_segundos: "",
-  },
-  {
-    id: 4,
-    descricao: "Pedido Enviado",
-    data_inicio: "",
-    data_fim: "",
-    duracao_segundos: "",
-  },
-  {
-    id: 4,
-    descricao: "Pedido Entregue",
-    data_inicio: "07/03/2024 14:52",
-    data_fim: "07/03/2024 17:52",
-    duracao_segundos: "3601",
-  },
-];
-
-export const StepIndicatorDefault: Story = {
-  name: "step-indicator-default",
-  args: {
-    data: dataMock,
-    type: "default",
-    backgroundColorBall: theme.colors.blue[500],
-    titleColor: theme.colors.neutral[25],
-    textColorDescription: theme.colors.gray[300],
-    titleNumberColor: theme.colors.neutral[25],
-  },
-};
-
-export const StepIndicationCustom: Story = {
-  name: "step-indicator-custom",
-  args: {
-    data: dataMockCustom,
-    type: "custom",
-    backgroundColorBall: theme.colors.orange[150],
-    titleColor: theme.colors.blue[500],
-    textColorDescription: theme.colors.gray[300],
-    titleNumberColor: theme.colors.neutral[25],
-  },
-};
+import { Meta, StoryObj } from "@storybook/react";
+
+// components
+import { StepIndicator } from "../../components/step-indicator";
+
+// styles
+import { theme } from "../../styles/theme/theme";
+
+const meta: Meta<typeof StepIndicator> = {
+  title: "Componente/StepIndicator",
+  component: StepIndicator,
+  args: {
+    data: [
+      {
+        id: 1,
+        descricao: "Repouso Noturno",
+        data_inicio: "07/03/2024 14:52",
+        data_fim: "07/03/2024 17:52",
+        duracao_segundos: "3601",
+      },
+    ],
+    backgroundColorBall: theme.colors.blue[500],
+    titleColor: theme.colors.neutral[25],
+    titleNumberColor: theme.colors.neutral[25],
+  },
+  parameters: {
+    notes: `
+# StepIndicator
+
+Este é um componente de step indicator.
+Você usa assim:
+\`\`\`tsx
+<StepIndicator
+    backgroundColorBall="#050022"
+    type="default"
+    data={dataMock}
+  />
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+const dataMock = [
+  {
+    id: 1,
+    descricao: "Repouso Noturno",
+    data_inicio: "07/03/2024 14:52",
+    data_fim: "07/03/2024 17:52",
+    duracao_segundos: "3601",
+  },
+  {
+    id: 2,
+    descricao: "Descarga",
+    data_inicio: "06/03/2024 14:52",
+    data_fim: "06/03/2024 16:52",
+    duracao_segundos: "7200",
+  },
+];
+
+const dataMockCustom = [
+  {
+    id: 1,
+    descricao: "Pedido Realizado",
+    data_inicio: "",
+    data_fim: "",
+    duracao_segundos: "",
+  },
+  {
+    id: 2,
+    descricao: "Pagamento Aprovado",
+    data_inicio: "07/03/2024 14:52",
+    data_fim: "07/03/2024 17:52",
+    duracao_segundos: "3601",
+  },
+  {
+    id: 3,
+    descricao: "Pedido Faturado",
+    data_inicio: "",
+    data_fim: "",
+    duracao_segundos: "",
+  },
+  {
+    id: 4,
+    descricao: "Pedido Enviado",
+    data_inicio: "",
+    data_fim: "",
+    duracao_segundos: "",
+  },
+  {
+    id: 4,
+    descricao: "Pedido Entregue",
+    data_inicio: "07/03/2024 14:52",
+    data_fim: "07/03/2024 17:52",
+    duracao_segundos: "3601",
+  },
+];
+
+export const StepIndicatorDefault: Story = {
+  name: "step-indicator-default",
+  args: {
+    data: dataMock,
+    type: "default",
+    backgroundColorBall: theme.colors.blue[500],
+    titleColor: theme.colors.neutral[25],
+    textColorDescription: theme.colors.gray[300],
+    titleNumberColor: theme.colors.neutral[25],
+  },
+};
+
+export const StepIndicationCustom: Story = {
+  name: "step-indicator-custom",
+  args: {
+    data: dataMockCustom,
+    type: "custom",
+    backgroundColorBall: theme.colors.orange[150],
+    titleColor: theme.colors.blue[500],
+    textColorDescription: theme.colors.gray[300],
+    titleNumberColor: theme.colors.neutral[25],
+  },
+};