react-native-exp-fig 0.1.44 → 2.0.0

package/src/common/icons-svg/truck-activity/index.tsx

@@ -1,29 +1,29 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
-
-// typings
-import { ISvgProps } from "../interface";
-
-const SvgIconTruckActivity: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    // @ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? "28"}
-    height={size ?? "24"}
-    fill="none"
-    viewBox="0 0 28 24"
-  >
-    <Path
-      fill={color ?? "#050022"}
-      d="M27.2 15.827h-.675v-4.86c0-.572-.215-1.12-.595-1.525L21.716 4.95a1.96 1.96 0 0 0-1.43-.634h-1.861V2.158C18.425.967 17.518 0 16.4 0H2.9C1.782 0 .875.967.875 2.158v14.388c0 1.191.907 2.158 2.025 2.158h.675c0 2.383 1.814 4.316 4.05 4.316s4.05-1.933 4.05-4.316h5.4c0 2.383 1.814 4.316 4.05 4.316s4.05-1.933 4.05-4.316H27.2c.371 0 .675-.324.675-.72v-1.438c0-.396-.304-.72-.675-.72M7.625 20.862c-1.118 0-2.025-.966-2.025-2.158s.907-2.158 2.025-2.158 2.025.967 2.025 2.158c0 1.192-.907 2.158-2.025 2.158m13.5 0c-1.118 0-2.025-.966-2.025-2.158s.907-2.158 2.025-2.158 2.025.967 2.025 2.158c0 1.192-.907 2.158-2.025 2.158M24.5 11.51h-6.075V6.475h1.86l4.215 4.491z"
-    ></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconTruckActivity };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+// typings
+import { ISvgProps } from "../interface";
+
+const SvgIconTruckActivity: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    // @ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "28"}
+    height={size ?? "24"}
+    fill="none"
+    viewBox="0 0 28 24"
+  >
+    <Path
+      fill={color ?? "#050022"}
+      d="M27.2 15.827h-.675v-4.86c0-.572-.215-1.12-.595-1.525L21.716 4.95a1.96 1.96 0 0 0-1.43-.634h-1.861V2.158C18.425.967 17.518 0 16.4 0H2.9C1.782 0 .875.967.875 2.158v14.388c0 1.191.907 2.158 2.025 2.158h.675c0 2.383 1.814 4.316 4.05 4.316s4.05-1.933 4.05-4.316h5.4c0 2.383 1.814 4.316 4.05 4.316s4.05-1.933 4.05-4.316H27.2c.371 0 .675-.324.675-.72v-1.438c0-.396-.304-.72-.675-.72M7.625 20.862c-1.118 0-2.025-.966-2.025-2.158s.907-2.158 2.025-2.158 2.025.967 2.025 2.158c0 1.192-.907 2.158-2.025 2.158m13.5 0c-1.118 0-2.025-.966-2.025-2.158s.907-2.158 2.025-2.158 2.025.967 2.025 2.158c0 1.192-.907 2.158-2.025 2.158M24.5 11.51h-6.075V6.475h1.86l4.215 4.491z"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconTruckActivity };

package/src/common/icons-svg/truck-trailer/index.tsx

@@ -1,36 +1,36 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgTruckTrailer: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? "32"}
-    height={size ?? "32"}
-    fill="none"
-    viewBox={`0 0 ${size ?? "32"} ${size ?? "32"}`}
-  >
-    <G clipPath="url(#clip0_472_2058)">
-      <Path
-        fill={color ?? "#fff"}
-        d="M28 12.1V12a7.01 7.01 0 0 0-7-7h-1a2 2 0 0 0-2 2v15h-2V9a1 1 0 0 0-1-1H2a2 2 0 0 0-2 2v13a4 4 0 0 0 7 2.641A4 4 0 0 0 13.875 24h10.25A4 4 0 0 0 32 23v-6a5.01 5.01 0 0 0-4-4.9M4 25a2 2 0 1 1 0-4 2 2 0 0 1 0 4m6 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4m18 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4"
-      ></Path>
-    </G>
-    <Defs>
-      <ClipPath id="clip0_472_2058">
-        <Path fill={color ?? "#fff"} d="M0 0h32v32H0z"></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgTruckTrailer };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgTruckTrailer: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "32"}
+    height={size ?? "32"}
+    fill="none"
+    viewBox={`0 0 ${size ?? "32"} ${size ?? "32"}`}
+  >
+    <G clipPath="url(#clip0_472_2058)">
+      <Path
+        fill={color ?? "#fff"}
+        d="M28 12.1V12a7.01 7.01 0 0 0-7-7h-1a2 2 0 0 0-2 2v15h-2V9a1 1 0 0 0-1-1H2a2 2 0 0 0-2 2v13a4 4 0 0 0 7 2.641A4 4 0 0 0 13.875 24h10.25A4 4 0 0 0 32 23v-6a5.01 5.01 0 0 0-4-4.9M4 25a2 2 0 1 1 0-4 2 2 0 0 1 0 4m6 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4m18 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4"
+      ></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_472_2058">
+        <Path fill={color ?? "#fff"} d="M0 0h32v32H0z"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgTruckTrailer };

package/src/common/icons-svg/wifi-high/index.tsx

@@ -1,43 +1,43 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconWiFiHigh: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? "25"}
-    height={size ?? "25"}
-    fill="none"
-    viewBox="0 0 25 25"
-  >
-    <G clipPath="url(#clip0_912_107)">
-      <Path
-        fill={color ?? "#0DEC08"}
-        d="M12.56 20.767a1.125 1.125 0 100-2.25 1.125 1.125 0 000 2.25z"
-      ></Path>
-      <Path
-        stroke={color ?? "#0DEC08"}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth="2"
-        d="M22.31 9.253a15.375 15.375 0 00-19.5 0M19.31 12.61a10.875 10.875 0 00-13.5 0M16.31 15.985a6.375 6.375 0 00-7.5 0"
-      ></Path>
-    </G>
-    <Defs>
-      <ClipPath id="clip0_912_107">
-        <Path fill="#fff" d="M0 0H24V24H0z" transform="translate(.56 .517)"></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconWiFiHigh };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconWiFiHigh: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "25"}
+    height={size ?? "25"}
+    fill="none"
+    viewBox="0 0 25 25"
+  >
+    <G clipPath="url(#clip0_912_107)">
+      <Path
+        fill={color ?? "#0DEC08"}
+        d="M12.56 20.767a1.125 1.125 0 100-2.25 1.125 1.125 0 000 2.25z"
+      ></Path>
+      <Path
+        stroke={color ?? "#0DEC08"}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M22.31 9.253a15.375 15.375 0 00-19.5 0M19.31 12.61a10.875 10.875 0 00-13.5 0M16.31 15.985a6.375 6.375 0 00-7.5 0"
+      ></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_912_107">
+        <Path fill="#fff" d="M0 0H24V24H0z" transform="translate(.56 .517)"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconWiFiHigh };

package/src/common/icons-svg/wifi-x/index.tsx

@@ -1,50 +1,50 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconWiFiX: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? "25"}
-    height={size ?? "25"}
-    fill="none"
-    viewBox="0 0 25 25"
-  >
-    <G clipPath="url(#clip0_912_99)">
-      <Path
-        stroke={color ?? "#E72626"}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth="2"
-        d="M21.56 5.767l-4.5 4.5M21.56 10.267l-4.5-4.5"
-      ></Path>
-      <Path
-        fill={color ?? "#E72626"}
-        d="M12.56 20.767a1.125 1.125 0 100-2.25 1.125 1.125 0 000 2.25z"
-      ></Path>
-      <Path
-        stroke={color ?? "#E72626"}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth="2"
-        d="M16.31 15.985a6.375 6.375 0 00-7.5 0M14.06 5.839a15.433 15.433 0 00-1.5-.072 15.31 15.31 0 00-9.75 3.486M14.06 10.369a11.004 11.004 0 00-1.5-.102c-2.45-.005-4.83.82-6.75 2.343"
-      ></Path>
-    </G>
-    <Defs>
-      <ClipPath id="clip0_912_99">
-        <Path fill="#fff" d="M0 0H24V24H0z" transform="translate(.56 .517)"></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconWiFiX };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconWiFiX: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "25"}
+    height={size ?? "25"}
+    fill="none"
+    viewBox="0 0 25 25"
+  >
+    <G clipPath="url(#clip0_912_99)">
+      <Path
+        stroke={color ?? "#E72626"}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M21.56 5.767l-4.5 4.5M21.56 10.267l-4.5-4.5"
+      ></Path>
+      <Path
+        fill={color ?? "#E72626"}
+        d="M12.56 20.767a1.125 1.125 0 100-2.25 1.125 1.125 0 000 2.25z"
+      ></Path>
+      <Path
+        stroke={color ?? "#E72626"}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M16.31 15.985a6.375 6.375 0 00-7.5 0M14.06 5.839a15.433 15.433 0 00-1.5-.072 15.31 15.31 0 00-9.75 3.486M14.06 10.369a11.004 11.004 0 00-1.5-.102c-2.45-.005-4.83.82-6.75 2.343"
+      ></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_912_99">
+        <Path fill="#fff" d="M0 0H24V24H0z" transform="translate(.56 .517)"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconWiFiX };

package/src/common/icons-svg/x-circle/index.tsx

@@ -1,40 +1,40 @@
-/**
- * IMPORTS
- */
-import React from "react";
-import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
-/**
- * typings
- */
-import { ISvgProps } from "../interface";
-
-const SvgIconXCirle: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    // @ts-expect-error
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? 18}
-    height={size ?? 18}
-    fill="none"
-    viewBox={`0 0 ${size ?? "18"} ${size ?? "18"}`}
-  >
-    <G
-      stroke={color ?? "#931818"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="2"
-      clipPath="url(#clip0_136_1156)"
-    >
-      <Path d="m11.25 6.75-4.5 4.5M6.75 6.75l4.5 4.5M9 15.75a6.75 6.75 0 1 0 0-13.5 6.75 6.75 0 0 0 0 13.5"></Path>
-    </G>
-    <Defs>
-      <ClipPath id="clip0_136_1156">
-        <Path fill="#fff" d="M0 0h18v18H0z"></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconXCirle };
+/**
+ * IMPORTS
+ */
+import React from "react";
+import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
+/**
+ * typings
+ */
+import { ISvgProps } from "../interface";
+
+const SvgIconXCirle: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    // @ts-expect-error
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 18}
+    height={size ?? 18}
+    fill="none"
+    viewBox={`0 0 ${size ?? "18"} ${size ?? "18"}`}
+  >
+    <G
+      stroke={color ?? "#931818"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+      clipPath="url(#clip0_136_1156)"
+    >
+      <Path d="m11.25 6.75-4.5 4.5M6.75 6.75l4.5 4.5M9 15.75a6.75 6.75 0 1 0 0-13.5 6.75 6.75 0 0 0 0 13.5"></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_136_1156">
+        <Path fill="#fff" d="M0 0h18v18H0z"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconXCirle };

package/src/components/activities-daily/index.tsx

@@ -1,116 +1,116 @@
-/**
- * IMPORTS
- */
-import React from "react";
-import { TouchableOpacity } from "react-native";
-
-// components
-import Box from "../box";
-import { Typography } from "../../components/typography";
-
-//commons/ icons
-import { Icons } from "../../common/icons-svg";
-
-// styles
-import { theme } from "../../styles/theme/theme";
-
-// typings
-import { IActivitiesDaily } from "./interface";
-
-const ActivitiesDaily: React.FC<IActivitiesDaily> = ({ handleActivity }) => {
-  return (
-    <Box
-      testID={"activities-daily"}
-      width={"100%"}
-      height={100}
-      backgroundColor={theme.colors.neutral[25]}
-      borderStyled={{
-        borderRadius: theme.borderWidths.thick_medium,
-      }}
-    >
-      <Box
-        width={"100%"}
-        height={30}
-        backgroundColor={theme.colors.blue[400]}
-        borderStyled={{
-          borderTopLeftRadius: theme.borderWidths.thin_bold,
-          borderTopRightRadius: theme.borderWidths.thin_bold,
-          borderColor: theme.colors.blue[400],
-        }}
-        flexStyle={{
-          justifyContent: "center",
-        }}
-      >
-        <Typography
-          text={"Atividades diárias"}
-          color={theme.colors.neutral[25]}
-          size={theme.fontSizes.sm}
-          fontFamily={theme.fonts.inter_medium_500}
-          fontWeight={"500"}
-          lineHeight={theme.fontSizes.lg}
-          marginLeft={theme.margins["2xs"]}
-        />
-      </Box>
-      <Box
-        width={"100%"}
-        flexStyle={{
-          flexDirection: "row",
-          justifyContent: "space-between",
-        }}
-        paddingStyle={{
-          padding: theme.paddings["2xs"],
-        }}
-      >
-        <Typography
-          text={"Selecione uma das opções"}
-          color={theme.colors.blue[500]}
-          size={theme.fontSizes.xs}
-          fontFamily={theme.fonts.inter_bold_700}
-          fontWeight={"700"}
-          lineHeight={theme.fontSizes.md}
-        />
-
-        <Box flexStyle={{ flexDirection: "row" }} marginStyle={{ marginTop: 5 }}>
-          <TouchableOpacity
-            activeOpacity={0.7}
-            style={{ marginRight: theme.margins.xl, alignItems: "center" }}
-            onPress={() => handleActivity("trabalho")}
-          >
-            <Icons icon={"TRUCK"} color={theme.colors.blue[525]} />
-            <Typography
-              text={"Trabalho"}
-              color={theme.colors.black[25]}
-              size={theme.fontSizes.xs}
-              fontFamily={theme.fonts.inter_bold_700}
-              fontWeight={"700"}
-              lineHeight={theme.fontSizes.sm}
-              marginTop={4}
-            />
-          </TouchableOpacity>
-
-          <TouchableOpacity
-            activeOpacity={0.7}
-            style={{ alignItems: "center" }}
-            onPress={() => handleActivity("descanso")}
-          >
-            <Icons icon={"BED"} />
-            <Typography
-              text={"Descanso"}
-              color={theme.colors.black[25]}
-              size={theme.fontSizes.xs}
-              fontFamily={theme.fonts.inter_bold_700}
-              fontWeight={"700"}
-              lineHeight={theme.fontSizes.sm}
-              marginTop={4}
-            />
-          </TouchableOpacity>
-        </Box>
-      </Box>
-    </Box>
-  );
-};
-
-/**
- * EXPORTS
- */
-export { ActivitiesDaily };
+/**
+ * IMPORTS
+ */
+import React from "react";
+import { TouchableOpacity } from "react-native";
+
+// components
+import { Box } from "../../components/box";
+import { Typography } from "../../components/typography";
+
+//commons/ icons
+import { Icons } from "../../common/icons-svg";
+
+// styles
+import { theme } from "../../styles/theme/theme";
+
+// typings
+import { IActivitiesDaily } from "./interface";
+
+const ActivitiesDaily: React.FC<IActivitiesDaily> = ({ handleActivity }) => {
+  return (
+    <Box
+      testID={"activities-daily"}
+      width={"100%"}
+      height={100}
+      backgroundColor={theme.colors.neutral[25]}
+      borderStyled={{
+        borderRadius: theme.borderWidths.thick_medium,
+      }}
+    >
+      <Box
+        width={"100%"}
+        height={30}
+        backgroundColor={theme.colors.blue[400]}
+        borderStyled={{
+          borderTopLeftRadius: theme.borderWidths.thin_bold,
+          borderTopRightRadius: theme.borderWidths.thin_bold,
+          borderColor: theme.colors.blue[400],
+        }}
+        flexStyle={{
+          justifyContent: "center",
+        }}
+      >
+        <Typography
+          text={"Atividades diárias"}
+          color={theme.colors.neutral[25]}
+          size={theme.fontSizes.sm}
+          fontFamily={theme.fonts.inter_medium_500}
+          fontWeight={"500"}
+          lineHeight={theme.fontSizes.lg}
+          marginLeft={theme.margins["2xs"]}
+        />
+      </Box>
+      <Box
+        width={"100%"}
+        flexStyle={{
+          flexDirection: "row",
+          justifyContent: "space-between",
+        }}
+        paddingStyle={{
+          padding: theme.paddings["2xs"],
+        }}
+      >
+        <Typography
+          text={"Selecione uma das opções"}
+          color={theme.colors.blue[500]}
+          size={theme.fontSizes.xs}
+          fontFamily={theme.fonts.inter_bold_700}
+          fontWeight={"700"}
+          lineHeight={theme.fontSizes.md}
+        />
+
+        <Box flexStyle={{ flexDirection: "row" }} marginStyle={{ marginTop: 5 }}>
+          <TouchableOpacity
+            activeOpacity={0.7}
+            style={{ marginRight: theme.margins.xl, alignItems: "center" }}
+            onPress={() => handleActivity("trabalho")}
+          >
+            <Icons icon={"TRUCK"} color={theme.colors.blue[525]} />
+            <Typography
+              text={"Trabalho"}
+              color={theme.colors.black[25]}
+              size={theme.fontSizes.xs}
+              fontFamily={theme.fonts.inter_bold_700}
+              fontWeight={"700"}
+              lineHeight={theme.fontSizes.sm}
+              marginTop={4}
+            />
+          </TouchableOpacity>
+
+          <TouchableOpacity
+            activeOpacity={0.7}
+            style={{ alignItems: "center" }}
+            onPress={() => handleActivity("descanso")}
+          >
+            <Icons icon={"BED"} />
+            <Typography
+              text={"Descanso"}
+              color={theme.colors.black[25]}
+              size={theme.fontSizes.xs}
+              fontFamily={theme.fonts.inter_bold_700}
+              fontWeight={"700"}
+              lineHeight={theme.fontSizes.sm}
+              marginTop={4}
+            />
+          </TouchableOpacity>
+        </Box>
+      </Box>
+    </Box>
+  );
+};
+
+/**
+ * EXPORTS
+ */
+export { ActivitiesDaily };