react-native-exp-fig 0.1.14 → 0.1.16

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

@@ -1,98 +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: () => {},
-    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",
-  },
-};
+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",
+  },
+};

package/src/stories/filter-date-selector/filter-date-selector.stories.tsx

@@ -1,122 +1,122 @@
-import React from "react";
-import type { StoryObj, Meta } from "@storybook/react";
-import { FilterDateSelector } from "../../components/filter-date-selector";
-import { getLastSevenDays } from "../../utils/format-data";
-import { ISelectedDay } from "../../components/filter-date-selector/interface";
-
-const meta: Meta<typeof FilterDateSelector> = {
-  title: "componente/FilterDateSelector",
-  component: FilterDateSelector as React.FC,
-  args: {
-    selectedDay: {
-      date: "",
-      dayName: "",
-      fullDate: new Date(""),
-    },
-    handleSelectedDay: (date: ISelectedDay) => {
-      return date;
-    },
-    days: [],
-  },
-  parameters: {
-    notes: `
-# FilterDateSelector
-
-Este é um componente de filtro do dias  .
-Você usa assim:
-\`\`\`tsx
-  <FilterDateSelector
-    selectedDay={selectedDay as any}
-    handleSelectedDay={setSelectedDay as any}
-    days={days as []}
-    isLoading={false}
-/>
-\`\`\`
-`,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const FilterDateSelectorSimples: Story = {
-  name: "filter-journey",
-  render: () => {
-    const [isLoading, setIsLoading] = React.useState(false);
-    const [selectedDay, setSelectedDay] = React.useState<ISelectedDay>({
-      date: "",
-      dayName: "",
-      fullDate: new Date(""),
-    });
-    const days = getLastSevenDays();
-
-    React.useEffect(() => {
-      const today = new Date();
-
-      setSelectedDay(
-        days.find(
-          (day) => day.date === today.getDate() && day.fullDate.getMonth() === today.getMonth()
-        ) as any
-      );
-    }, []);
-
-    const handleSelectedDay = (day: ISelectedDay) => {
-      setSelectedDay(day);
-      setIsLoading(true);
-
-      /* global setTimeout */
-      setTimeout(() => {
-        setIsLoading(false);
-      }, 1000);
-    };
-    return (
-      <FilterDateSelector
-        selectedDay={selectedDay as any}
-        handleSelectedDay={handleSelectedDay as any}
-        days={days as []}
-        isLoading={isLoading}
-      />
-    );
-  },
-  args: {
-    selectedDay: {
-      date: "",
-      dayName: "",
-      fullDate: new Date(""),
-    },
-    handleSelectedDay: (date: ISelectedDay) => {
-      return date;
-    },
-    days: [],
-  },
-};
-
-export const FilterDateSelectorTodos: Story = {
-  name: "filter-journey-todos",
-  render: () => {
-    const [isLoading, setIsLoading] = React.useState(false);
-
-    const days = getLastSevenDays() as ISelectedDay[];
-
-    const [selectedDay, setSelectedDay] = React.useState<any>(days[0]);
-
-    // Função para lidar com a seleção de um dia
-    const handleSelectedDay = (day: ISelectedDay) => {
-      setSelectedDay(day);
-      setIsLoading(true);
-      // Simula um carregamento de 1 segundo
-      setTimeout(() => setIsLoading(false), 1000);
-    };
-
-    return (
-      <FilterDateSelector
-        selectedDay={selectedDay}
-        handleSelectedDay={handleSelectedDay as any}
-        days={days}
-        isLoading={isLoading}
-      />
-    );
-  },
-  args: {}, // <- NÃO defina selectedDay/days aqui
-};
+import React from "react";
+import type { StoryObj, Meta } from "@storybook/react";
+import { FilterDateSelector } from "../../components/filter-date-selector";
+import { getLastSevenDays } from "../../utils/format-data";
+import { ISelectedDay } from "../../components/filter-date-selector/interface";
+
+const meta: Meta<typeof FilterDateSelector> = {
+  title: "componente/FilterDateSelector",
+  component: FilterDateSelector as React.FC,
+  args: {
+    selectedDay: {
+      date: "",
+      dayName: "",
+      fullDate: new Date(""),
+    },
+    handleSelectedDay: (date: ISelectedDay) => {
+      return date;
+    },
+    days: [],
+  },
+  parameters: {
+    notes: `
+# FilterDateSelector
+
+Este é um componente de filtro do dias  .
+Você usa assim:
+\`\`\`tsx
+  <FilterDateSelector
+    selectedDay={selectedDay as any}
+    handleSelectedDay={setSelectedDay as any}
+    days={days as []}
+    isLoading={false}
+/>
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const FilterDateSelectorSimples: Story = {
+  name: "filter-journey",
+  render: () => {
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [selectedDay, setSelectedDay] = React.useState<ISelectedDay>({
+      date: "",
+      dayName: "",
+      fullDate: new Date(""),
+    });
+    const days = getLastSevenDays();
+
+    React.useEffect(() => {
+      const today = new Date();
+
+      setSelectedDay(
+        days.find(
+          (day) => day.date === today.getDate() && day.fullDate.getMonth() === today.getMonth()
+        ) as any
+      );
+    }, []);
+
+    const handleSelectedDay = (day: ISelectedDay) => {
+      setSelectedDay(day);
+      setIsLoading(true);
+
+      /* global setTimeout */
+      setTimeout(() => {
+        setIsLoading(false);
+      }, 1000);
+    };
+    return (
+      <FilterDateSelector
+        selectedDay={selectedDay as any}
+        handleSelectedDay={handleSelectedDay as any}
+        days={days as []}
+        isLoading={isLoading}
+      />
+    );
+  },
+  args: {
+    selectedDay: {
+      date: "",
+      dayName: "",
+      fullDate: new Date(""),
+    },
+    handleSelectedDay: (date: ISelectedDay) => {
+      return date;
+    },
+    days: [],
+  },
+};
+
+export const FilterDateSelectorTodos: Story = {
+  name: "filter-journey-todos",
+  render: () => {
+    const [isLoading, setIsLoading] = React.useState(false);
+
+    const days = getLastSevenDays() as ISelectedDay[];
+
+    const [selectedDay, setSelectedDay] = React.useState<any>(days[0]);
+
+    // Função para lidar com a seleção de um dia
+    const handleSelectedDay = (day: ISelectedDay) => {
+      setSelectedDay(day);
+      setIsLoading(true);
+      // Simula um carregamento de 1 segundo
+      setTimeout(() => setIsLoading(false), 1000);
+    };
+
+    return (
+      <FilterDateSelector
+        selectedDay={selectedDay}
+        handleSelectedDay={handleSelectedDay as any}
+        days={days}
+        isLoading={isLoading}
+      />
+    );
+  },
+  args: {}, // <- NÃO defina selectedDay/days aqui
+};

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

@@ -1,36 +1,36 @@
-import type { StoryObj, Meta } from "@storybook/react";
-import { HistoryDetails } from "../../components/history-details";
-
-const meta: Meta<typeof HistoryDetails> = {
-  title: "componente/HistoryDetails",
-  component: HistoryDetails,
-  args: {
-    numero: "01020304050607",
-    local: "Doca 1, Pátio 02 - Usimais (Ipatinga)",
-    date: "24/03/2025",
-    duracao: "00:30",
-  },
-  parameters: {
-    notes: ` HistoryDetails Este é um componente de detalhe do histórico.Você usa assim:
-     <HistoryDetails
-        numero="999999"
-        local="Doca 3, Pátio 05 - Usiminas (Ipatinga)"
-        date="2026-01-01"
-        duracao="01:15"
-      />`,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Padrao: Story = {
-  name: "history-details-padrao",
-  args: {
-    numero: "01020304050607",
-    local: "Doca 1, Pátio 02 - Usimais (Ipatinga)",
-    date: "2025-03-24",
-    duracao: "00:30",
-  },
-};
+import type { StoryObj, Meta } from "@storybook/react";
+import { HistoryDetails } from "../../components/history-details";
+
+const meta: Meta<typeof HistoryDetails> = {
+  title: "componente/HistoryDetails",
+  component: HistoryDetails,
+  args: {
+    numero: "01020304050607",
+    local: "Doca 1, Pátio 02 - Usimais (Ipatinga)",
+    date: "24/03/2025",
+    duracao: "00:30",
+  },
+  parameters: {
+    notes: ` HistoryDetails Este é um componente de detalhe do histórico.Você usa assim:
+     <HistoryDetails
+        numero="999999"
+        local="Doca 3, Pátio 05 - Usiminas (Ipatinga)"
+        date="2026-01-01"
+        duracao="01:15"
+      />`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Padrao: Story = {
+  name: "history-details-padrao",
+  args: {
+    numero: "01020304050607",
+    local: "Doca 1, Pátio 02 - Usimais (Ipatinga)",
+    date: "2025-03-24",
+    duracao: "00:30",
+  },
+};

package/src/stories/image-capture-with-remove/image-capture-with-remove.stories.tsx

@@ -1,57 +1,57 @@
-import React from "react";
-
-import type { StoryObj, Meta } from "@storybook/react";
-import { ImageCaptureWithRemove } from "../../components/image-capture-with-remove";
-
-const meta: Meta<typeof ImageCaptureWithRemove> = {
-  title: "componente/ImageCaptureWithRemove",
-  component: ImageCaptureWithRemove as React.FC,
-  args: {
-    foto: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS6OOy_GKxjzabOOBo22zHfg4TdWhubwnU7GQ&s",
-    status: "Cancelado",
-  },
-  parameters: {
-    notes: `
-# ImageCaptureWithRemove
-
-Este é um componente de ImageCaptureWithRemove.
-Você usa assim:
-\`\`\`tsx
-<ImageCaptureWithRemove
-
-  />
-\`\`\`
-`,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const ImageCapture: Story = {
-  name: "image-capture-with",
-  args: {
-    foto: null,
-    handleTakePhoto: () => {},
-    onRemove: () => {},
-  },
-};
-
-export const ImageCaptureWithDelete: Story = {
-  name: "image-capture-with-delete",
-  args: {
-    foto: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS6OOy_GKxjzabOOBo22zHfg4TdWhubwnU7GQ&s",
-    handleTakePhoto: () => {},
-    onRemove: () => {},
-  },
-};
-export const ImageCaptureWithStatus: Story = {
-  name: "image-capture-with-status",
-  args: {
-    foto: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS6OOy_GKxjzabOOBo22zHfg4TdWhubwnU7GQ&s",
-    handleTakePhoto: () => {},
-    onRemove: () => {},
-    status: "Pendente",
-  },
-};
+import React from "react";
+
+import type { StoryObj, Meta } from "@storybook/react";
+import { ImageCaptureWithRemove } from "../../components/image-capture-with-remove";
+
+const meta: Meta<typeof ImageCaptureWithRemove> = {
+  title: "componente/ImageCaptureWithRemove",
+  component: ImageCaptureWithRemove as React.FC,
+  args: {
+    foto: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS6OOy_GKxjzabOOBo22zHfg4TdWhubwnU7GQ&s",
+    status: "Cancelado",
+  },
+  parameters: {
+    notes: `
+# ImageCaptureWithRemove
+
+Este é um componente de ImageCaptureWithRemove.
+Você usa assim:
+\`\`\`tsx
+<ImageCaptureWithRemove
+
+  />
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const ImageCapture: Story = {
+  name: "image-capture-with",
+  args: {
+    foto: null,
+    handleTakePhoto: () => {},
+    onRemove: () => {},
+  },
+};
+
+export const ImageCaptureWithDelete: Story = {
+  name: "image-capture-with-delete",
+  args: {
+    foto: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS6OOy_GKxjzabOOBo22zHfg4TdWhubwnU7GQ&s",
+    handleTakePhoto: () => {},
+    onRemove: () => {},
+  },
+};
+export const ImageCaptureWithStatus: Story = {
+  name: "image-capture-with-status",
+  args: {
+    foto: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS6OOy_GKxjzabOOBo22zHfg4TdWhubwnU7GQ&s",
+    handleTakePhoto: () => {},
+    onRemove: () => {},
+    status: "Pendente",
+  },
+};

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

@@ -0,0 +1,46 @@
+import { StoryObj, Meta } from "@storybook/react";
+import { ModalActivities } from "../../components/modal-activities";
+
+const meta: Meta<typeof ModalActivities> = {
+  title: "componente/ModalActivities",
+  component: ModalActivities,
+  args: {
+    width: 120,
+    onClose: () => {},
+    isLoading: false,
+    handleActivity: (activity: string) => () => {
+      return activity;
+    },
+  },
+  parameters: {
+    notes: `
+# MenuItem
+
+Este é um componente de MenuItem de menu.
+Você usa assim:
+\`\`\`tsx
+ <ModalActivities
+          {...args}
+          onClose={() => setIsVisible(false)}
+          handleActivity={handleActivity}
+        />
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  name: "modal-activities",
+  args: {
+    width: 120,
+    isLoading: false,
+    onClose: () => {},
+    handleActivity: (activity: string) => () => {
+      return activity;
+    },
+  },
+};