react-native-exp-fig 0.1.10 → 0.1.12

package/src/common/icons-svg/check-outline/index.tsx

@@ -1,42 +1,42 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, ClipPath, G, Defs } from "react-native-svg";
-/**
- * typings
- */
-import { ISvgProps } from "../interface";
-
-const SvgIconCheckOutline: React.FC<ISvgProps> = ({ color, size, ...res }) => (
-  <Svg
-    {...res}
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? 16}
-    height={size ?? 16}
-    fill="none"
-    viewBox={`0 0 ${size ?? 16} ${size ?? 16}`}
-  >
-    <G
-      stroke={color ?? "#FC5701"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="2"
-      clipPath="url(#clip0_9435_4102)"
-    >
-      <Path d="M14.667 7.387V8a6.668 6.668 0 1 1-3.954-6.093"></Path>
-      <Path d="M14.667 2.667 8 9.34l-2-2"></Path>
-    </G>
-    <Defs>
-      <ClipPath id="clip0_9435_4102">
-        <Path fill="#fff" d="M0 0h16v16H0z"></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconCheckOutline };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, ClipPath, G, Defs } from "react-native-svg";
+/**
+ * typings
+ */
+import { ISvgProps } from "../interface";
+
+const SvgIconCheckOutline: React.FC<ISvgProps> = ({ color, size, ...res }) => (
+  <Svg
+    {...res}
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 16}
+    height={size ?? 16}
+    fill="none"
+    viewBox={`0 0 ${size ?? 16} ${size ?? 16}`}
+  >
+    <G
+      stroke={color ?? "#FC5701"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+      clipPath="url(#clip0_9435_4102)"
+    >
+      <Path d="M14.667 7.387V8a6.668 6.668 0 1 1-3.954-6.093"></Path>
+      <Path d="M14.667 2.667 8 9.34l-2-2"></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_9435_4102">
+        <Path fill="#fff" d="M0 0h16v16H0z"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconCheckOutline };

package/src/common/icons-svg/coffee/index.tsx

@@ -1,43 +1,43 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
-
-// typings
-import { ISvgProps } from "../interface";
-
-const SvgIconCoffee: React.FC<ISvgProps> = ({ color, size, background }) => (
-  <Svg
-    // @ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? "20"}
-    height={size ?? "19"}
-    fill="none"
-    viewBox="0 0 20 19"
-  >
-    <G
-      stroke={color ?? "#050022"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="1.5"
-      clipPath="url(#a)"
-    >
-      <Path d="M6.304 16.031a6.6 6.6 0 0 1-2.808-2.41 6.48 6.48 0 0 1-1.045-3.527V6.53h13.218v3.563c0 1.25-.363 2.474-1.046 3.527a6.6 6.6 0 0 1-2.807 2.41M6.657 1.781v2.375M9.06 1.781v2.375M11.463 1.781v2.375M2.45 16.031H15.67"></Path>
-      <Path d="M15.669 6.531c.637 0 1.249.25 1.7.696s.703 1.05.703 1.68V9.5c0 .63-.253 1.234-.704 1.68a2.42 2.42 0 0 1-1.7.695h-.253"></Path>
-    </G>
-    <Defs>
-      <ClipPath id="a">
-        <Path
-          fill={background ?? "#fff"}
-          d="M.048 0h19.226v15a4 4 0 0 1-4 4H4.048a4 4 0 0 1-4-4z"
-        ></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconCoffee };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
+
+// typings
+import { ISvgProps } from "../interface";
+
+const SvgIconCoffee: React.FC<ISvgProps> = ({ color, size, background }) => (
+  <Svg
+    // @ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "20"}
+    height={size ?? "19"}
+    fill="none"
+    viewBox="0 0 20 19"
+  >
+    <G
+      stroke={color ?? "#050022"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+      clipPath="url(#a)"
+    >
+      <Path d="M6.304 16.031a6.6 6.6 0 0 1-2.808-2.41 6.48 6.48 0 0 1-1.045-3.527V6.53h13.218v3.563c0 1.25-.363 2.474-1.046 3.527a6.6 6.6 0 0 1-2.807 2.41M6.657 1.781v2.375M9.06 1.781v2.375M11.463 1.781v2.375M2.45 16.031H15.67"></Path>
+      <Path d="M15.669 6.531c.637 0 1.249.25 1.7.696s.703 1.05.703 1.68V9.5c0 .63-.253 1.234-.704 1.68a2.42 2.42 0 0 1-1.7.695h-.253"></Path>
+    </G>
+    <Defs>
+      <ClipPath id="a">
+        <Path
+          fill={background ?? "#fff"}
+          d="M.048 0h19.226v15a4 4 0 0 1-4 4H4.048a4 4 0 0 1-4-4z"
+        ></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconCoffee };

package/src/common/icons-svg/pencil/index.tsx

@@ -1,32 +1,32 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
-
-// typings
-import { ISvgProps } from "../interface";
-
-const SvgIconPencil: React.FC<ISvgProps> = ({ 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"
-  >
-    <Path
-      stroke={color ?? "#fff"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="1.5"
-      d="M8.69 20.25H4.5a.75.75 0 0 1-.75-.75v-4.19a.74.74 0 0 1 .216-.526l11.25-11.25a.75.75 0 0 1 1.068 0l4.182 4.182a.75.75 0 0 1 0 1.068l-11.25 11.25a.74.74 0 0 1-.525.216M12.75 6 18 11.25"
-    ></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconPencil };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+// typings
+import { ISvgProps } from "../interface";
+
+const SvgIconPencil: React.FC<ISvgProps> = ({ 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"
+  >
+    <Path
+      stroke={color ?? "#fff"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+      d="M8.69 20.25H4.5a.75.75 0 0 1-.75-.75v-4.19a.74.74 0 0 1 .216-.526l11.25-11.25a.75.75 0 0 1 1.068 0l4.182 4.182a.75.75 0 0 1 0 1.068l-11.25 11.25a.74.74 0 0 1-.525.216M12.75 6 18 11.25"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconPencil };

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/components/activities-daily/interface.d.ts

@@ -1,22 +1,22 @@
-/**
- * IMPORTS
- */
-
-import { type ViewProps } from "react-native";
-/**
- * INTERFACE
- */
-import { IGlobalCss } from "../../styles/global/interface";
-
-interface IActivitiesDaily extends ViewProps, IGlobalCss {
-  /**
-   * function que pega o valor do tipo de atividade
-   */
-  // eslint-disable-next-line no-unused-vars
-  handleActivity: (activity: string) => void;
-}
-
-/**
- * EXPORT
- */
-export type { IActivitiesDaily };
+/**
+ * IMPORTS
+ */
+
+import { type ViewProps } from "react-native";
+/**
+ * INTERFACE
+ */
+import { IGlobalCss } from "../../styles/global/interface";
+
+interface IActivitiesDaily extends ViewProps, IGlobalCss {
+  /**
+   * function que pega o valor do tipo de atividade
+   */
+  // eslint-disable-next-line no-unused-vars
+  handleActivity: (activity: string) => void;
+}
+
+/**
+ * EXPORT
+ */
+export type { IActivitiesDaily };

package/src/components/activities-progress/interface.d.ts

@@ -1,41 +1,41 @@
-/**
- * IMPORTS
- */
-
-import { type ViewProps } from "react-native";
-/**
- * INTERFACE
- */
-import { IGlobalCss } from "../../styles/global/interface";
-
-interface IActivitiesProgress extends ViewProps, IGlobalCss {
-  /**
-   * Data de fim da atividade
-   */
-  data_fim?: string;
-
-  /**
-   * Duração da atividade
-   */
-  duracao?: string;
-
-  /**
-   * Horário de início da atividade
-   */
-  data_inicio?: string;
-
-  /**
-   * Título/label da atividade
-   */
-  titleLabel?: string;
-
-  /**
-   * Situação da atividade
-   */
-  situation: boolean;
-}
-
-/**
- * EXPORT
- */
-export type { IActivitiesProgress };
+/**
+ * IMPORTS
+ */
+
+import { type ViewProps } from "react-native";
+/**
+ * INTERFACE
+ */
+import { IGlobalCss } from "../../styles/global/interface";
+
+interface IActivitiesProgress extends ViewProps, IGlobalCss {
+  /**
+   * Data de fim da atividade
+   */
+  data_fim?: string;
+
+  /**
+   * Duração da atividade
+   */
+  duracao?: string;
+
+  /**
+   * Horário de início da atividade
+   */
+  data_inicio?: string;
+
+  /**
+   * Título/label da atividade
+   */
+  titleLabel?: string;
+
+  /**
+   * Situação da atividade
+   */
+  situation: boolean;
+}
+
+/**
+ * EXPORT
+ */
+export type { IActivitiesProgress };

package/src/components/avatar-profile/index.tsx

@@ -1,95 +1,95 @@
-import React from "react";
-import { TouchableOpacity, Image } from "react-native";
-
-// components
-import { Box } from "../box";
-import { Typography } from "../typography";
-
-// styles
-import { theme } from "../../styles/theme/theme";
-
-// icons
-import { Icons } from "../../common/icons-svg";
-
-// types
-import { IAvatarProfile } from "./interface";
-
-const AvatarProfile: React.FC<IAvatarProfile> = ({
-  avatar,
-  isEdit = false,
-  handleTakePicker,
-  name,
-  email,
-  testID,
-}) => {
-  return (
-    <Box flexStyle={{ justifyContent: "center", alignItems: "center" }}>
-      <Box
-        backgroundColor={theme.colors.neutral[25]}
-        width={96}
-        height={96}
-        borderStyled={{ borderRadius: 50 }}
-        flexStyle={{ justifyContent: "center", alignItems: "center" }}
-        testID={testID}
-      >
-        <Image
-          source={{ uri: avatar ?? "" }}
-          alt={avatar ?? "foto de perfil"}
-          style={{
-            width: 90,
-            height: 90,
-            borderRadius: 45,
-            borderWidth: theme.borderWidths.thin_medium,
-            borderColor: theme.colors.black[25],
-          }}
-        />
-        {isEdit && (
-          <Box
-            width={20}
-            height={20}
-            backgroundColor={theme.colors.blue[350]}
-            borderStyled={{
-              borderRadius: 10,
-              borderWidth: theme.borderWidths.thin_medium,
-              borderColor: theme.colors.black[25],
-            }}
-            flexStyle={{ justifyContent: "center", alignItems: "center" }}
-            style={{
-              position: "absolute",
-              bottom: 5,
-              right: 5,
-            }}
-          >
-            <TouchableOpacity
-              activeOpacity={0.7}
-              onPress={handleTakePicker}
-              testID="avatar-profile"
-            >
-              <Icons size={12} icon={"PENCIL"} />
-            </TouchableOpacity>
-          </Box>
-        )}
-      </Box>
-
-      {/* Informações do usuário */}
-      <Typography
-        text={name}
-        size={theme.fontSizes.xl}
-        fontFamily={theme.fonts.inter_bold_700}
-        fontWeight={"700"}
-        lineHeight={theme.fontSizes["2xl"]}
-        color={theme.colors.black[100]}
-      />
-      <Typography
-        text={email}
-        size={theme.fontSizes.xs}
-        fontFamily={theme.fonts.inter_regular_400}
-        fontWeight={"400"}
-        lineHeight={theme.fontSizes.sm}
-        color={theme.colors.gray[900]}
-      />
-    </Box>
-  );
-};
-
-export { AvatarProfile };
+import React from "react";
+import { TouchableOpacity, Image } from "react-native";
+
+// components
+import { Box } from "../box";
+import { Typography } from "../typography";
+
+// styles
+import { theme } from "../../styles/theme/theme";
+
+// icons
+import { Icons } from "../../common/icons-svg";
+
+// types
+import { IAvatarProfile } from "./interface";
+
+const AvatarProfile: React.FC<IAvatarProfile> = ({
+  avatar,
+  isEdit = false,
+  handleTakePicker,
+  name,
+  email,
+  testID,
+}) => {
+  return (
+    <Box flexStyle={{ justifyContent: "center", alignItems: "center" }}>
+      <Box
+        backgroundColor={theme.colors.neutral[25]}
+        width={96}
+        height={96}
+        borderStyled={{ borderRadius: 50 }}
+        flexStyle={{ justifyContent: "center", alignItems: "center" }}
+        testID={testID}
+      >
+        <Image
+          source={{ uri: avatar ?? "" }}
+          alt={avatar ?? "foto de perfil"}
+          style={{
+            width: 90,
+            height: 90,
+            borderRadius: 45,
+            borderWidth: theme.borderWidths.thin_medium,
+            borderColor: theme.colors.black[25],
+          }}
+        />
+        {isEdit && (
+          <Box
+            width={20}
+            height={20}
+            backgroundColor={theme.colors.blue[350]}
+            borderStyled={{
+              borderRadius: 10,
+              borderWidth: theme.borderWidths.thin_medium,
+              borderColor: theme.colors.black[25],
+            }}
+            flexStyle={{ justifyContent: "center", alignItems: "center" }}
+            style={{
+              position: "absolute",
+              bottom: 5,
+              right: 5,
+            }}
+          >
+            <TouchableOpacity
+              activeOpacity={0.7}
+              onPress={handleTakePicker}
+              testID="avatar-profile"
+            >
+              <Icons size={12} icon={"PENCIL"} />
+            </TouchableOpacity>
+          </Box>
+        )}
+      </Box>
+
+      {/* Informações do usuário */}
+      <Typography
+        text={name}
+        size={theme.fontSizes.xl}
+        fontFamily={theme.fonts.inter_bold_700}
+        fontWeight={"700"}
+        lineHeight={theme.fontSizes["2xl"]}
+        color={theme.colors.black[100]}
+      />
+      <Typography
+        text={email}
+        size={theme.fontSizes.xs}
+        fontFamily={theme.fonts.inter_regular_400}
+        fontWeight={"400"}
+        lineHeight={theme.fontSizes.sm}
+        color={theme.colors.gray[900]}
+      />
+    </Box>
+  );
+};
+
+export { AvatarProfile };