react-native-exp-fig 2.0.2 → 2.0.4

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

@@ -1,64 +1,73 @@
-import { StoryObj, Meta } from "@storybook/react";
-import { ModalActivities } from "../../components/modal-activities";
-import { IActivity } from "../../components/modal-activities/interface";
-
-const meta: Meta<typeof ModalActivities> = {
-  title: "componente/ModalActivities",
-  component: ModalActivities,
-  args: {
-    width: 120,
-    onClose: () => {},
-    activityType: "trabalho",
-    isLoading: false,
-    handleActivity: (activity: IActivity) => {
-      return activity;
-    },
-  },
-  parameters: {
-    notes: `
-# MenuItem
-
-Este é um componente de MenuItem de menu.
-Você usa assim:
-\`\`\`tsx
- <ModalActivities
-          {...args}
-           activityType={activity?.tipo || "trabalho"}
-          onClose={() => setIsVisible(false)}
-          handleActivity={handleActivity}
-        />
-\`\`\`
-`,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const DefaultWork: Story = {
-  name: "modal-activities-work",
-  args: {
-    isLoading: false,
-    activityType: "trabalho",
-    onClose: () => {},
-    handleActivity: (activity: IActivity) => () => {
-      return activity;
-    },
-  },
-};
-
-export const DefaultRest: Story = {
-  name: "modal-activities-rest",
-  args: {
-    isLoading: false,
-    activityType: "descanso",
-    style: {
-      marginLeft: 0,
-    },
-    onClose: () => {},
-    handleActivity: (activity: IActivity) => () => {
-      return activity;
-    },
-  },
-};
+/**
+ * IMPORTS
+ */
+
+import { Alert } from "react-native";
+import { StoryObj, Meta } from "@storybook/react";
+
+// components
+import { ModalActivities } from "../../components/modal-activities";
+
+//typings
+import { IActivity } from "../../components/modal-activities/interface";
+
+const handleMock = () => {
+  Alert.alert("Atividade selecionada");
+};
+
+const meta: Meta<typeof ModalActivities> = {
+  title: "componente/ModalActivities",
+  component: ModalActivities,
+  args: {
+    onClose: () => handleMock(),
+    activityType: "trabalho",
+    handleActivity: (activity: IActivity) => {
+      return activity;
+    },
+  },
+  parameters: {
+    notes: `
+# MenuItem
+
+Este é um componente de MenuItem de menu.
+Você usa assim:
+\`\`\`tsx
+ <ModalActivities
+          {...args}
+           activityType={activity?.tipo || "trabalho"}
+          onClose={() => setIsVisible(false)}
+          handleActivity={handleActivity}
+        />
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const DefaultWork: Story = {
+  name: "modal-activities-work",
+  args: {
+    activityType: "trabalho",
+    onClose: () => handleMock(),
+    handleActivity: (activity: IActivity) => () => {
+      return activity;
+    },
+  },
+};
+
+export const DefaultRest: Story = {
+  name: "modal-activities-rest",
+  args: {
+    activityType: "descanso",
+    style: {
+      marginLeft: 0,
+    },
+    onClose: () => handleMock(),
+    handleActivity: (activity: IActivity) => () => {
+      return activity;
+    },
+  },
+};

package/src/utils/get-icon-by-property/index.tsx

@@ -1,54 +1,73 @@
-/**
- * IMPORTS
- */
-
-import React from "react";
-import { Icons } from "../../common/icons-svg";
-import { theme } from "../../styles/theme/theme";
-
-/**
- * Function that will map property types to corresponding icons in SVG 🛠️.
- * @param propertyType
- * @param color
- * @returns SVG
- */
-const getIconByProperty: React.FC<any> = (propertyType: string, color?: string) => {
-  switch (propertyType) {
-    case "operacao_veiculo":
-      return <Icons color={color} icon="STEERING_WHEEL" />;
-
-    case "manutencao":
-      return <Icons color={color} icon="GEAR" />;
-
-    case "aguardando_carga":
-      return <Icons color={color} icon="TIMER" />;
-
-    case "disposicao_veiculo_parado":
-      return <Icons color={theme.colors.blue[500]} size={20} icon="TRUCK_ACTIVITY" />;
-
-    case "aguardando_descarga":
-      return <Icons color={color} icon="HOURGLASS" />;
-
-    case "descanso":
-      return <Icons color={color} icon="COFFEE" />;
-
-    case "repouso_semanal":
-      return <Icons color={color} icon="HOUSE" />;
-
-    case "repouso_noturno":
-      return <Icons color={color} icon="MOON_STARS" />;
-
-    case "refeicao":
-      return <Icons color={color} icon="CALL_BELL" />;
-
-    case "ferias":
-      return <Icons color={color} icon="ISLAND" />;
-    default:
-      return <Icons color={color} icon="STEERING_WHEEL" />; // Retorna uma Svg default caso o tipo de propriedade não for reconhecido.
-  }
-};
-
-/**
- * EXPORTS
- */
-export { getIconByProperty };
+/**
+ * IMPORTS
+ */
+
+import React from "react";
+import { Icons } from "../../common/icons-svg";
+
+export type PropertyType =
+  | "operacao_veiculo"
+  | "em_operacao"
+  | "manutencao"
+  | "tempo_disposicao"
+  | "aguardando_carga"
+  | "disposicao_veiculo_parado"
+  | "aguardando_descarga"
+  | "descanso"
+  | "repouso_semanal"
+  | "repouso_noturno"
+  | "refeicao"
+  | "ferias";
+
+/**
+ * Function that will map property types to corresponding icons in SVG 🛠️.
+ * @param propertyType
+ * @param color
+ * @returns SVG
+ */
+const getIconByProperty = (propertyType: PropertyType, color?: string): React.ReactNode => {
+  switch (propertyType) {
+    case "operacao_veiculo":
+      return <Icons color={color} icon="STEERING_WHEEL" />;
+
+    case "manutencao":
+      return <Icons color={color} icon="GEAR" />;
+
+    case "aguardando_carga":
+      return <Icons color={color} icon="TIMER" />;
+
+    case "disposicao_veiculo_parado":
+      return <Icons color={color} size={20} icon="TRUCK_ACTIVITY" />;
+
+    case "aguardando_descarga":
+      return <Icons color={color} icon="HOURGLASS" />;
+
+    case "tempo_disposicao":
+      return <Icons color={color} icon="TIMER" />;
+
+    case "descanso":
+      return <Icons color={color} icon="COFFEE" />;
+
+    case "em_operacao":
+      return <Icons color={color} icon="STEERING_WHEEL" />;
+
+    case "repouso_semanal":
+      return <Icons color={color} icon="HOUSE" />;
+
+    case "repouso_noturno":
+      return <Icons color={color} icon="MOON_STARS" />;
+
+    case "refeicao":
+      return <Icons color={color} icon="CALL_BELL" />;
+
+    case "ferias":
+      return <Icons color={color} icon="ISLAND" />;
+    default:
+      return <Icons color={color} icon="STEERING_WHEEL" />; // Retorna uma Svg default caso o tipo de propriedade não for reconhecido.
+  }
+};
+
+/**
+ * EXPORTS
+ */
+export { getIconByProperty };

package/src/utils/options-activity/index.ts

@@ -0,0 +1,13 @@
+/**
+ * IMPORTS
+ */
+const OPTIONS = [
+  { label: "Disp com veículo parado", value: "option1" },
+  { label: "Em Operação de Carregamento", value: "option2" },
+  { label: "Tempo à disposição", value: "option5" },
+] as const;
+
+/**
+ * EXPORTS
+ */
+export { OPTIONS };