react-native-exp-fig 0.1.1 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-exp-fig",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Lib para interfaces",
   "source": "./src/index.ts",
   "main": "./src/index.ts",
@@ -57,14 +57,14 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/Weverson-Luan/react-native-exp-fig.git"
+    "url": "https://github.com/expfig/expfig-ui"
   },
   "author": "Weverson-Luan <wltech2022@gmail.com> (https://github.com/Weverson-Luan)",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/Weverson-Luan/react-native-exp-fig/issues"
+    "url": "https://github.com/expfig/expfig-ui/issues"
   },
-  "homepage": "https://github.com/Weverson-Luan/react-native-exp-fig#readme",
+  "homepage": "https://github.com/expfig/expfig-ui/blob/main/README.md",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },

package/src/common/constants/index.ts

@@ -0,0 +1,5 @@
+const IMAGES = {
+  IMAGE_ANONIMA:
+    "https://static.vakinha.com.br/uploads/user/avatar/2251959/download.png?ims=225x225",
+};
+export { IMAGES };

package/src/common/icons-svg/arrow-drop-down/index.tsx

@@ -1,28 +1,28 @@
-/**
- * IMPORTS
- */
-import React from "react";
-import Svg, { Path } from "react-native-svg";
-/**
- * typings
- */
-import { ISvgProps } from "../interface";
-
-const SvgIconArrowDropDown: React.FC<ISvgProps> = ({ size, color, ...res }) => (
-  <Svg
-    // @ts-expect-error
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? "10"}
-    height={size ?? "6"}
-    fill="none"
-    viewBox="0 0 10 6"
-    {...res}
-  >
-    <Path fill={color ?? "#868686"} d="M5 5.813L0 0h10L5 5.813z"></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconArrowDropDown };
+/**
+ * IMPORTS
+ */
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+/**
+ * typings
+ */
+import { ISvgProps } from "../interface";
+
+const SvgIconArrowDropDown: React.FC<ISvgProps> = ({ size, color, ...res }) => (
+  <Svg
+    // @ts-expect-error
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "10"}
+    height={size ?? "6"}
+    fill="none"
+    viewBox="0 0 10 6"
+    {...res}
+  >
+    <Path fill={color ?? "#868686"} d="M5 5.813L0 0h10L5 5.813z"></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconArrowDropDown };

package/src/common/icons-svg/arrow-left/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 SvgIconArrowLeft: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? 21}
-    height={size ?? 11}
-    fill="none"
-    viewBox="0 0 21 10"
-  >
-    <Path
-      stroke={color ?? "#fff"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="2"
-      d="M5.078 9L1.067 5m0 0l4.01-4m-4.01 4h18.05"
-    ></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconArrowLeft };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconArrowLeft: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 21}
+    height={size ?? 11}
+    fill="none"
+    viewBox="0 0 21 10"
+  >
+    <Path
+      stroke={color ?? "#fff"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+      d="M5.078 9L1.067 5m0 0l4.01-4m-4.01 4h18.05"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconArrowLeft };

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

@@ -1,37 +1,37 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
-import { ISvgProps } from "../interface";
-
-const SvgIconBluetooth: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    // @ts-expect-error
-    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_9131_659)"
-    >
-      <Path d="M12 3l6 4.5-6 4.5V3zM12 12l6 4.5-6 4.5v-9zM6 7.5l6 4.5M6 16.5l6-4.5"></Path>
-    </G>
-    <Defs>
-      <ClipPath id="clip0_9131_659">
-        <Path fill="#fff" d="M0 0H24V24H0z"></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconBluetooth };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
+import { ISvgProps } from "../interface";
+
+const SvgIconBluetooth: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    // @ts-expect-error
+    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_9131_659)"
+    >
+      <Path d="M12 3l6 4.5-6 4.5V3zM12 12l6 4.5-6 4.5v-9zM6 7.5l6 4.5M6 16.5l6-4.5"></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_9131_659">
+        <Path fill="#fff" d="M0 0H24V24H0z"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconBluetooth };

package/src/common/icons-svg/bluetooth-connected/index.tsx

@@ -1,41 +1,41 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
-import { ISvgProps } from "../interface";
-
-const SvgIconBluetoothConnected: 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  ${size ?? 24} ${size ?? 24}`}
-  >
-    <G clipPath="url(#clip0_9125_243)">
-      <Path
-        stroke={color ?? "#fff"}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth="2"
-        d="M12 3l6 4.5-6 4.5V3zM12 12l6 4.5-6 4.5v-9zM6 7.5l6 4.5M6 16.5l6-4.5"
-      ></Path>
-      <Path
-        fill={color ?? "#fff"}
-        d="M5.625 13.125a1.125 1.125 0 100-2.25 1.125 1.125 0 000 2.25zM19.125 13.125a1.125 1.125 0 100-2.25 1.125 1.125 0 000 2.25z"
-      ></Path>
-    </G>
-    <Defs>
-      <ClipPath id="clip0_9125_243">
-        <Path fill={color ?? "#fff"} d="M0 0H24V24H0z"></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconBluetoothConnected };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
+import { ISvgProps } from "../interface";
+
+const SvgIconBluetoothConnected: 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  ${size ?? 24} ${size ?? 24}`}
+  >
+    <G clipPath="url(#clip0_9125_243)">
+      <Path
+        stroke={color ?? "#fff"}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M12 3l6 4.5-6 4.5V3zM12 12l6 4.5-6 4.5v-9zM6 7.5l6 4.5M6 16.5l6-4.5"
+      ></Path>
+      <Path
+        fill={color ?? "#fff"}
+        d="M5.625 13.125a1.125 1.125 0 100-2.25 1.125 1.125 0 000 2.25zM19.125 13.125a1.125 1.125 0 100-2.25 1.125 1.125 0 000 2.25z"
+      ></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_9125_243">
+        <Path fill={color ?? "#fff"} d="M0 0H24V24H0z"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconBluetoothConnected };

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

@@ -1,40 +1,40 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
-
-// typings
-import { ISvgProps } from "../interface";
-
-const SvgIconCalendar: 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 16 16"
-  >
-    <G
-      stroke={color ?? "#050022"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="1.5"
-      clipPath="url(#clip0_686_587)"
-    >
-      <Path d="M13 2.5H3a.5.5 0 00-.5.5v10a.5.5 0 00.5.5h10a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5zM11 1.5v2M5 1.5v2M2.5 5.5h11"></Path>
-      <Path d="M5.5 8l1-.5v4M8.634 8a1 1 0 111.665 1.102L8.5 11.5h2"></Path>
-    </G>
-    <Defs>
-      <ClipPath id="clip0_686_587">
-        <Path fill="#fff" d="M0 0H16V16H0z"></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconCalendar };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
+
+// typings
+import { ISvgProps } from "../interface";
+
+const SvgIconCalendar: 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 16 16"
+  >
+    <G
+      stroke={color ?? "#050022"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+      clipPath="url(#clip0_686_587)"
+    >
+      <Path d="M13 2.5H3a.5.5 0 00-.5.5v10a.5.5 0 00.5.5h10a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5zM11 1.5v2M5 1.5v2M2.5 5.5h11"></Path>
+      <Path d="M5.5 8l1-.5v4M8.634 8a1 1 0 111.665 1.102L8.5 11.5h2"></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_686_587">
+        <Path fill="#fff" d="M0 0H16V16H0z"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconCalendar };

package/src/common/icons-svg/call-bell/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 SvgIconCallBell: 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
-      fill={color ?? "#050022"}
-      d="M2.25 17.25h19.5a.75.75 0 1 0 0-1.5H21v-1.5a9.01 9.01 0 0 0-8.25-8.968V3.75h1.5a.75.75 0 1 0 0-1.5h-4.5a.75.75 0 0 0 0 1.5h1.5v1.532A9.01 9.01 0 0 0 3 14.25v1.5h-.75a.75.75 0 1 0 0 1.5m2.25-3a7.5 7.5 0 0 1 15 0v1.5h-15zm18 5.25a.75.75 0 0 1-.75.75H2.25a.75.75 0 1 1 0-1.5h19.5a.75.75 0 0 1 .75.75"
-    ></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconCallBell };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconCallBell: 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
+      fill={color ?? "#050022"}
+      d="M2.25 17.25h19.5a.75.75 0 1 0 0-1.5H21v-1.5a9.01 9.01 0 0 0-8.25-8.968V3.75h1.5a.75.75 0 1 0 0-1.5h-4.5a.75.75 0 0 0 0 1.5h1.5v1.532A9.01 9.01 0 0 0 3 14.25v1.5h-.75a.75.75 0 1 0 0 1.5m2.25-3a7.5 7.5 0 0 1 15 0v1.5h-15zm18 5.25a.75.75 0 0 1-.75.75H2.25a.75.75 0 1 1 0-1.5h19.5a.75.75 0 0 1 .75.75"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconCallBell };

package/src/common/icons-svg/camera-plus/index.tsx

@@ -1,40 +1,40 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconCameraPlus: React.FC<ISvgProps> = ({ color, size, ...res }) => (
-  <Svg
-    {...res}
-    // @ts-expect-error
-    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_862_99)"
-    >
-      <Path d="M19.5 19.5h-15A1.5 1.5 0 013 18V7.5A1.5 1.5 0 014.5 6h3L9 3.75h6L16.5 6h3A1.5 1.5 0 0121 7.5V18a1.5 1.5 0 01-1.5 1.5zM12 9.75v6M9 12.75h6"></Path>
-    </G>
-    <Defs>
-      <ClipPath id="clip0_862_99">
-        <Path fill="#fff" d="M0 0H24V24H0z"></Path>
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconCameraPlus };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconCameraPlus: React.FC<ISvgProps> = ({ color, size, ...res }) => (
+  <Svg
+    {...res}
+    // @ts-expect-error
+    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_862_99)"
+    >
+      <Path d="M19.5 19.5h-15A1.5 1.5 0 013 18V7.5A1.5 1.5 0 014.5 6h3L9 3.75h6L16.5 6h3A1.5 1.5 0 0121 7.5V18a1.5 1.5 0 01-1.5 1.5zM12 9.75v6M9 12.75h6"></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_862_99">
+        <Path fill="#fff" d="M0 0H24V24H0z"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconCameraPlus };

package/src/common/icons-svg/chart-bar/index.tsx

@@ -0,0 +1,29 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgChartBar: 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"}`}
+  >
+    <Path
+      fill={color ?? "#fff"}
+      d="M29 26a1 1 0 0 1-1 1H4a1 1 0 0 1 0-2h1v-8a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v8h2V11a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v14h2V5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v20h1a1 1 0 0 1 1 1"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgChartBar };

package/src/common/icons-svg/check-box-fill/index.tsx

@@ -1,30 +1,30 @@
-/**
- * IMPORTS
- */
-import React from "react";
-import Svg, { Path } from "react-native-svg";
-/**
- * typings
- */
-import { ISvgProps } from "../interface";
-
-const SvgIconCheckBoxFill: React.FC<ISvgProps> = ({ color, size, ...res }) => (
-  <Svg
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ? size : 24}
-    height={size ? size : 24}
-    fill="none"
-    {...res}
-  >
-    <Path
-      fill={color ? color : "#F3F3F3 "}
-      d="M16.28 9.22a.748.748 0 0 1 0 1.06l-5.25 5.25a.747.747 0 0 1-1.06 0l-2.25-2.25a.75.75 0 1 1 1.06-1.06l1.72 1.72 4.72-4.72a.749.749 0 0 1 1.06 0ZM21 4.5v15a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 19.5v-15A1.5 1.5 0 0 1 4.5 3h15A1.5 1.5 0 0 1 21 4.5Zm-1.5 15v-15h-15v15h15Z"
-    />
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconCheckBoxFill };
+/**
+ * IMPORTS
+ */
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+/**
+ * typings
+ */
+import { ISvgProps } from "../interface";
+
+const SvgIconCheckBoxFill: React.FC<ISvgProps> = ({ color, size, ...res }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ? size : 24}
+    height={size ? size : 24}
+    fill="none"
+    {...res}
+  >
+    <Path
+      fill={color ? color : "#F3F3F3 "}
+      d="M16.28 9.22a.748.748 0 0 1 0 1.06l-5.25 5.25a.747.747 0 0 1-1.06 0l-2.25-2.25a.75.75 0 1 1 1.06-1.06l1.72 1.72 4.72-4.72a.749.749 0 0 1 1.06 0ZM21 4.5v15a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 19.5v-15A1.5 1.5 0 0 1 4.5 3h15A1.5 1.5 0 0 1 21 4.5Zm-1.5 15v-15h-15v15h15Z"
+    />
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconCheckBoxFill };