react-native-exp-fig 0.1.16 → 0.1.17

package/src/common/icons-svg/modal-activities/SvgIconHourGlassMedium.tsx

@@ -0,0 +1,38 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
+import { ISvgProps } from "../interface";
+
+const SvgIconHourGlassMedium: React.FC<Omit<ISvgProps, "icon">> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    fill="none"
+    viewBox={`0 0 ${size ?? 24} ${size ?? 24}`}
+  >
+    <G
+      stroke={color ?? "#050022"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+      clipPath="url(#clip0_hourglass)"
+    >
+      <Path d="M12.359 12.517l-5.7-4.275a.75.75 0 01-.3-.6V4.267a.75.75 0 01.75-.75h10.5a.75.75 0 01.75.75V7.61a.75.75 0 01-.298.596l-5.702 4.312z" />
+      <Path d="M12.359 12.517l-5.7 4.275a.75.75 0 00-.3.6v3.375a.75.75 0 00.75.75h10.5a.75.75 0 00.75-.75v-3.34a.75.75 0 00-.298-.599l-5.702-4.31zM12.359 16.267v-3.75M7.36 8.767h9.96" />
+    </G>
+    <Defs>
+      <ClipPath id="clip0_hourglass">
+        <Path fill={color ?? "#fff"} d="M0 0H24V24H0z" transform="translate(.359 .517)" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconHourGlassMedium };

package/src/common/icons-svg/modal-activities/SvgIconHouse.tsx

@@ -0,0 +1,37 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
+import { ISvgProps } from "../interface";
+
+const SvgIconHouse: React.FC<Omit<ISvgProps, "icon">> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    fill="none"
+    viewBox="0 0 25 25"
+  >
+    <G clipPath="url(#clip0_house)">
+      <Path
+        stroke={color ?? "#050022"}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M14.75 20v-4.5a.75.75 0 00-.75-.75h-3a.75.75 0 00-.75.75V20a.75.75 0 01-.75.75H5a.75.75 0 01-.75-.75v-8.668a.75.75 0 01.246-.555l7.5-7.082a.75.75 0 011.01 0l7.5 7.082a.75.75 0 01.245.555V20a.75.75 0 01-.75.75H15.5a.75.75 0 01-.75-.75z"
+      />
+    </G>
+    <Defs>
+      <ClipPath id="clip0_house">
+        <Path fill={color ?? "#fff"} d="M0 0H24V24H0z" transform="translate(.5 .5)" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconHouse };

package/src/common/icons-svg/modal-activities/SvgIconMoonStars.tsx

@@ -0,0 +1,39 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconMoonStars: React.FC<Omit<ISvgProps, "icon">> = ({ color, size }) => (
+  <Svg
+    // @ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    fill="none"
+    viewBox={`0 0 ${size ?? 24} ${size ?? 24}`}
+  >
+    <G
+      stroke={color ?? "#050022"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+      clipPath="url(#clip0_moonstars)"
+    >
+      <Path d="M19.859 11.767v-4.5M22.109 9.517h-4.5M15.359 3.517v3M16.859 5.017h-3M20.111 15.347A9.008 9.008 0 019.529 4.765a8.25 8.25 0 1010.582 10.582z" />
+    </G>
+    <Defs>
+      <ClipPath id="clip0_moonstars">
+        <Path fill={color ?? "#fff"} d="M0 0H24V24H0z" transform="translate(.359 .517)" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconMoonStars };

package/src/common/icons-svg/modal-activities/SvgIconSteeringWheel.tsx

@@ -0,0 +1,48 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
+import { ISvgProps } from "../interface";
+
+const SvgIconSteeringWheel: React.FC<Omit<ISvgProps, "icon">> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    fill="none"
+    viewBox={`0 0 ${size ?? 24} ${size ?? 24}`}
+  >
+    <G clipPath="url(#clip0_steeringwheel)">
+      <Path
+        fill={color ?? "#050022"}
+        d="M12.455 14.254a.938.938 0 1 0 0-1.875.938.938 0 0 0 0 1.875Z"
+      />
+      <Path
+        stroke={color ?? "#050022"}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={1.5}
+        d="M12.455 21.192a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z"
+      />
+      <Path
+        stroke={color ?? "#050022"}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={1.5}
+        d="M3.605 13.837a12 12 0 0 1 17.7 0M11.687 21.159l-2.05-5.48a.75.75 0 0 0-.702-.487H3.966M13.22 21.16l2.052-5.482a.75.75 0 0 1 .704-.486h4.968"
+      />
+    </G>
+    <Defs>
+      <ClipPath id="clip0_steeringwheel">
+        <Path fill={color ?? "#fff"} d="M.455.192h24v24h-24z" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconSteeringWheel };

package/src/common/icons-svg/modal-activities/SvgIconTimer.tsx

@@ -0,0 +1,37 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
+import { ISvgProps } from "../interface";
+
+const SvgIconTimer: React.FC<Omit<ISvgProps, "icon">> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    fill="none"
+    viewBox="0 0 24 24"
+  >
+    <G
+      stroke={color ?? "#050022"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+      clipPath="url(#clip0_timer)"
+    >
+      <Path d="M12 21a8.25 8.25 0 100-16.5A8.25 8.25 0 0012 21zM12 12.75L15.75 9M9.75 1.5h4.5" />
+    </G>
+    <Defs>
+      <ClipPath id="clip0_timer">
+        <Path fill={color ?? "#fff"} d="M0 0H24V24H0z" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconTimer };

package/src/common/icons-svg/modal-activities/SvgIconTruck.tsx

@@ -0,0 +1,28 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Defs } from "react-native-svg";
+import { ISvgProps } from "../interface";
+
+const SvgIconTruck: React.FC<Omit<ISvgProps, "icon">> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 22}
+    fill="none"
+    viewBox={`0 0 ${size ?? 24} ${size ? Math.round((size / 24) * 22) : 22}`}
+  >
+    <Path
+      fill={color ?? "#050022"}
+      d="M24.77 14.416h-.626v-4.223c0-.496-.2-.973-.55-1.324L19.69 4.967a1.875 1.875 0 0 0-1.324-.551h-1.723V2.54c0-1.035-.84-1.875-1.875-1.875H2.27C1.234.666.394 1.506.394 2.54v12.5c0 1.035.84 1.875 1.875 1.875h.625a3.751 3.751 0 0 0 7.5 0h5a3.751 3.751 0 0 0 7.5 0h1.875a.627.627 0 0 0 .625-.625v-1.25a.627.627 0 0 0-.625-.625ZM6.643 18.79a1.876 1.876 0 1 1 .001-3.751 1.876 1.876 0 0 1 0 3.75Zm12.5 0a1.875 1.875 0 1 1 .001-3.751 1.875 1.875 0 0 1 0 3.75Zm3.125-8.125h-5.625V6.29h1.723l3.902 3.902v.473Z"
+    />
+    <Defs />
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconTruck };

package/src/common/icons-svg/modal-activities/index.tsx

@@ -0,0 +1,53 @@
+/* eslint-disable no-unused-vars */
+/**
+ * Imports
+ */
+import React from "react";
+
+// icons
+import { SvgIconCallBell } from "./SvgIconCallBell";
+import { SvgIconCoffee } from "./SvgIconCoffee";
+import { SvgIconGear } from "./SvgIconGear";
+import { SvgIconHourGlassMedium } from "./SvgIconHourGlassMedium";
+import { SvgIconHouse } from "./SvgIconHouse";
+import { SvgIconMoonStars } from "./SvgIconMoonStars";
+import { SvgIconSteeringWheel } from "./SvgIconSteeringWheel";
+import { SvgIconTimer } from "./SvgIconTimer";
+import { SvgIconTruck } from "./SvgIconTruck";
+
+/** Enum com os tipos de propriedade */
+export enum PropertyType {
+  OPERACAO_VEICULO = "operacao_veiculo",
+  MANUTENCAO = "manutencao",
+  AGUARDANDO_CARGA = "aguardando_carga",
+  DISPOSICAO_VEICULO_PARADO = "disposicao_veiculo_parado",
+  AGUARDANDO = "aguardando_descarga",
+  DESCANSO = "descanso",
+  REPOUSO_SEMANAL = "repouso_semanal",
+  REPOUSO_NOTURNO = "repouso_noturno",
+  REFEICAO = "refeicao",
+}
+
+/** Mapeamento entre tipo e função de ícone */
+const propertyTypeIcons: Record<PropertyType, (color?: string) => React.JSX.Element> = {
+  [PropertyType.OPERACAO_VEICULO]: (color) => <SvgIconSteeringWheel color={color} />,
+  [PropertyType.MANUTENCAO]: (color) => <SvgIconGear color={color} />,
+  [PropertyType.AGUARDANDO_CARGA]: (color) => <SvgIconTimer color={color} />,
+  [PropertyType.DISPOSICAO_VEICULO_PARADO]: (color) => <SvgIconTruck color={color} />,
+  [PropertyType.AGUARDANDO]: (color) => <SvgIconHourGlassMedium color={color} />,
+  [PropertyType.DESCANSO]: (color) => <SvgIconCoffee color={color} />,
+  [PropertyType.REPOUSO_SEMANAL]: (color) => <SvgIconHouse color={color} />,
+  [PropertyType.REPOUSO_NOTURNO]: (color) => <SvgIconMoonStars color={color} />,
+  [PropertyType.REFEICAO]: (color) => <SvgIconCallBell color={color} />,
+};
+
+/**
+ * Função que retorna o ícone com cor aplicada
+ * @param propertyType Tipo da propriedade
+ * @param color Cor a ser aplicada
+ * @returns Ícone com cor aplicada
+ */
+export const getIconModalActivities = (propertyType: string, color?: string): React.JSX.Element =>
+  propertyTypeIcons[propertyType as PropertyType]?.(color) ?? (
+    <SvgIconSteeringWheel color={color} />
+  );

package/src/components/button/styles.ts

@@ -1,34 +1,34 @@
-/**
- * IMPORTS
- */
-import { StyleSheet } from "react-native";
-
-// typings
-import { type IButtonProps } from "./interface";
-import { IGlobalCss } from "../../styles/global/interface";
-
-import { stylesGlobal } from "../../styles/global/styles";
-
-/**
- * Type ButtonProps
- */
-type ButtonProps = Omit<IButtonProps, "color"> & Omit<IGlobalCss, "color">;
-
-const styles = (props: ButtonProps) =>
-  StyleSheet.create({
-    buttonStyle: { ...stylesGlobal(props), ...props } as IGlobalCss,
-    buttonTextStyle: {
-      color: props.buttonTextStyle?.color ?? "black",
-      fontSize: props.buttonTextStyle?.fontSize ?? 14,
-      letterSpacing: props.buttonTextStyle?.letterSpacing ?? 0.5,
-      lineHeight: props.buttonTextStyle?.lineHeight ?? 24,
-      fontWeight: props.buttonTextStyle?.fontWeight,
-      fontFamily: props.buttonTextStyle?.fontFamily ?? "Inter-Medium",
-      textAlign: props.buttonTextStyle?.textAlign,
-    },
-  });
-
-/**
- * EXPORTS
- */
-export { styles };
+/**
+ * IMPORTS
+ */
+import { StyleSheet } from "react-native";
+
+// typings
+import { type IButtonProps } from "./interface";
+import { IGlobalCss } from "../../styles/global/interface";
+
+import { stylesGlobal } from "../../styles/global/styles";
+
+/**
+ * Type ButtonProps
+ */
+type ButtonProps = Omit<IButtonProps, "color"> & Omit<IGlobalCss, "color">;
+
+const styles = (props: ButtonProps) =>
+  StyleSheet.create({
+    buttonStyle: { ...stylesGlobal(props), ...props } as IGlobalCss,
+    buttonTextStyle: {
+      color: props.buttonTextStyle?.color ?? "black",
+      fontSize: props.buttonTextStyle?.fontSize ?? 14,
+      letterSpacing: props.buttonTextStyle?.letterSpacing ?? 0.5,
+      lineHeight: props.buttonTextStyle?.lineHeight ?? 24,
+      fontWeight: props.buttonTextStyle?.fontWeight,
+      fontFamily: props.buttonTextStyle?.fontFamily ?? "Inter-Medium",
+      textAlign: props.buttonTextStyle?.textAlign,
+    },
+  });
+
+/**
+ * EXPORTS
+ */
+export { styles };