react-native-exp-fig 0.1.9 → 0.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/package.json +1 -1
  2. package/src/common/icons-svg/agent/index.tsx +40 -0
  3. package/src/common/icons-svg/bed/index.tsx +41 -0
  4. package/src/common/icons-svg/car/index.tsx +29 -0
  5. package/src/common/icons-svg/check-outline/index.tsx +42 -0
  6. package/src/common/icons-svg/coffee/index.tsx +43 -0
  7. package/src/common/icons-svg/constants/index.ts +63 -55
  8. package/src/common/icons-svg/index.tsx +255 -217
  9. package/src/common/icons-svg/pencil/index.tsx +32 -0
  10. package/src/common/icons-svg/refresh-ccw-dot/index.tsx +32 -0
  11. package/src/common/icons-svg/truck-activity/index.tsx +29 -0
  12. package/src/components/activities-daily/index.tsx +116 -0
  13. package/src/components/activities-daily/interface.d.ts +22 -0
  14. package/src/components/activities-progress/index.tsx +162 -0
  15. package/src/components/activities-progress/interface.d.ts +41 -0
  16. package/src/components/avatar-profile/index.tsx +95 -0
  17. package/src/components/avatar-profile/interface.d.ts +39 -0
  18. package/src/components/card-history/index.tsx +149 -150
  19. package/src/components/card-loading/index.tsx +16 -1
  20. package/src/components/card-work-session/index.tsx +187 -185
  21. package/src/components/check-box/index.tsx +94 -125
  22. package/src/components/check-box/interface.d.ts +31 -27
  23. package/src/components/coil/index.tsx +3 -3
  24. package/src/components/coil/interface.d.ts +1 -1
  25. package/src/components/filter-date-selector/index.tsx +101 -89
  26. package/src/components/history-details/index.tsx +100 -0
  27. package/src/components/history-details/interface.d.ts +18 -0
  28. package/src/components/image-capture-with-remove/index.tsx +8 -2
  29. package/src/components/image-capture-with-remove/interface.d.ts +3 -0
  30. package/src/components/notification-loading/index.tsx +18 -7
  31. package/src/components/notification-loading/interface.d.ts +4 -0
  32. package/src/components/profile-menu-option/index.tsx +65 -0
  33. package/src/components/profile-menu-option/interface.d.ts +42 -0
  34. package/src/components/step-indicator/index.tsx +164 -164
  35. package/src/components/step-indicator/interface.d.ts +34 -34
  36. package/src/components/user-profile/index.tsx +58 -70
  37. package/src/index.ts +42 -37
  38. package/src/stories/activities-daily/activities-daily.stories.tsx +40 -0
  39. package/src/stories/activities-progress/activities-progress.stories.tsx +61 -0
  40. package/src/stories/avatar-profile/avatar-profile.stories.tsx +32 -0
  41. package/src/stories/card-loading/card-loading.stories.tsx +2 -2
  42. package/src/stories/check-box/check-box.stories.tsx +81 -83
  43. package/src/stories/coil/coil.stories.tsx +26 -3
  44. package/src/stories/filter-date-selector/filter-date-selector.stories.tsx +122 -93
  45. package/src/stories/history-details/history-details.stories.tsx +36 -0
  46. package/src/stories/image-capture-with-remove/image-capture-with-remove.stories.tsx +10 -0
  47. package/src/stories/notification-loading/notification-loading.stories.tsx +15 -0
  48. package/src/stories/profile-menu-option/profile-menu-option.stories.tsx +70 -0
  49. package/src/stories/step-indicator/step-indicator.stories.tsx +124 -116
  50. package/src/styles/theme/theme.ts +2 -0
  51. package/src/utils/format-data/index.ts +66 -40
  52. package/src/utils/status-color/return-color.ts +12 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-exp-fig",
3
- "version": "0.1.9",
3
+ "version": "0.1.10",
4
4
  "description": "Lib para interfaces",
5
5
  "main": "lib/commonjs/index",
6
6
  "module": "lib/module/index",
@@ -0,0 +1,40 @@
1
+ /**
2
+ * IMPORTS
3
+ */
4
+ import * as React from "react";
5
+ import Svg, { Path } from "react-native-svg";
6
+
7
+ //typings
8
+ import { ISvgProps } from "../interface";
9
+
10
+ const SvgIconAgent: React.FC<ISvgProps> = ({ size, color }) => (
11
+ <Svg
12
+ // @ts-ignore
13
+ xmlns="http://www.w3.org/2000/svg"
14
+ width={size ?? "16"}
15
+ height={size ?? "16"}
16
+ fill="none"
17
+ viewBox="0 0 16 16"
18
+ >
19
+ <Path
20
+ stroke={color ?? "#fff"}
21
+ strokeLinecap="round"
22
+ strokeLinejoin="round"
23
+ d="M8 10.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4"
24
+ ></Path>
25
+ <Path
26
+ stroke={color ?? "#fff"}
27
+ strokeLinecap="round"
28
+ strokeLinejoin="round"
29
+ d="M5 12a3.75 3.75 0 0 1 6 0"
30
+ ></Path>
31
+ <Path
32
+ stroke={color ?? "#fff"}
33
+ strokeLinecap="round"
34
+ strokeLinejoin="round"
35
+ d="M13 13.5v-11a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5M6 4h4"
36
+ ></Path>
37
+ </Svg>
38
+ );
39
+
40
+ export { SvgIconAgent };
@@ -0,0 +1,41 @@
1
+ /**
2
+ * IMPORTS
3
+ */
4
+ import * as React from "react";
5
+
6
+ import Svg, { Path, G, ClipPath, Defs } from "react-native-svg";
7
+
8
+ //typings
9
+ import { ISvgProps } from "../interface";
10
+
11
+ const SvgIconBed: React.FC<ISvgProps> = ({ color, size }) => (
12
+ <Svg
13
+ //@ts-ignore
14
+ xmlns="http://www.w3.org/2000/svg"
15
+ width={size ?? "24"}
16
+ height={size ?? "24"}
17
+ fill="none"
18
+ viewBox={`0 0 ${size ?? "24"} ${size ?? "24"}`}
19
+ >
20
+ <G
21
+ stroke={color ?? "#051C3B"}
22
+ strokeLinecap="round"
23
+ strokeLinejoin="round"
24
+ strokeWidth="2"
25
+ clipPath="url(#clip0_5186_177)"
26
+ >
27
+ <Path d="M10.5 15.75V7.5h9.75a3 3 0 013 3v5.25M2.25 19.5v-15M2.25 15.75h21v3.75M10.5 7.5H2.25"></Path>
28
+ </G>
29
+ <Defs>
30
+ <ClipPath id="clip0_5186_177">
31
+ {/*@ts-ignore */}
32
+ <Path fill="#fff" d="M0 0H24V24H0z"></Path>
33
+ </ClipPath>
34
+ </Defs>
35
+ </Svg>
36
+ );
37
+
38
+ /**
39
+ * EXPORTS
40
+ */
41
+ export { SvgIconBed };
@@ -0,0 +1,29 @@
1
+ /**
2
+ * IMPORTS
3
+ */
4
+ import * as React from "react";
5
+ import Svg, { Path } from "react-native-svg";
6
+
7
+ // typings
8
+ import { ISvgProps } from "../interface";
9
+
10
+ const SvgIconCar: React.FC<ISvgProps> = ({ color, size }) => (
11
+ <Svg
12
+ // @ts-ignore
13
+ xmlns="http://www.w3.org/2000/svg"
14
+ width={size ?? "26"}
15
+ height={size ?? "23"}
16
+ fill="none"
17
+ viewBox="0 0 26 23"
18
+ >
19
+ <Path
20
+ fill={color ?? "#000"}
21
+ d="M25.023 6.981h-1.005l-.98-5.404a2.1 2.1 0 0 0-.59-1.131A1.54 1.54 0 0 0 21.387 0H5.032c-.385.002-.76.159-1.06.446-.3.286-.508.685-.59 1.131l-.98 5.404H1.398a.78.78 0 0 0-.597.293c-.158.187-.247.44-.247.705s.09.518.247.705a.78.78 0 0 0 .597.292h.844v11.968c0 .53.177 1.037.494 1.41.316.375.746.585 1.193.585H6.46c.448 0 .877-.21 1.194-.584.316-.375.494-.882.494-1.41v-2.993h10.125v2.992c0 .53.178 1.037.494 1.41.317.375.746.585 1.194.585h2.53c.448 0 .878-.21 1.194-.584.316-.375.494-.882.494-1.41V8.975h.844a.78.78 0 0 0 .597-.292c.158-.187.247-.44.247-.705s-.09-.518-.247-.705a.78.78 0 0 0-.597-.293M5.033 1.995h16.354l.904 4.986H4.13zm1.427 18.95H3.93v-2.993h2.53zm13.5 0v-2.993h2.532v2.992zm2.532-4.988h-6.75v-3.989c0-.264-.09-.518-.247-.705a.78.78 0 0 0-.597-.292.78.78 0 0 0-.597.292c-.158.187-.247.44-.247.705v3.99h-1.687v-3.99c0-.264-.09-.518-.247-.705a.78.78 0 0 0-.597-.292.78.78 0 0 0-.597.292c-.158.187-.247.44-.247.705v3.99H3.93V8.975h18.563zm-16.875-3.49c0-.296.074-.585.213-.831.14-.246.337-.438.568-.551s.486-.143.731-.086c.246.058.471.2.648.41s.298.476.347.766.023.59-.072.864a1.47 1.47 0 0 1-.467.672 1.13 1.13 0 0 1-.703.252c-.335 0-.657-.158-.895-.438a1.65 1.65 0 0 1-.37-1.058m12.656 0c0-.296.074-.585.213-.831.14-.246.337-.438.568-.551.232-.114.486-.143.732-.086.245.058.47.2.647.41s.298.476.347.766.024.59-.072.864a1.47 1.47 0 0 1-.466.672 1.13 1.13 0 0 1-.703.252c-.336 0-.658-.158-.895-.438a1.65 1.65 0 0 1-.371-1.058"
22
+ ></Path>
23
+ </Svg>
24
+ );
25
+
26
+ /**
27
+ * EXPORTS
28
+ */
29
+ export { SvgIconCar };
@@ -0,0 +1,42 @@
1
+ /**
2
+ * IMPORTS
3
+ */
4
+ import * as React from "react";
5
+ import Svg, { Path, ClipPath, G, Defs } from "react-native-svg";
6
+ /**
7
+ * typings
8
+ */
9
+ import { ISvgProps } from "../interface";
10
+
11
+ const SvgIconCheckOutline: React.FC<ISvgProps> = ({ color, size, ...res }) => (
12
+ <Svg
13
+ {...res}
14
+ //@ts-ignore
15
+ xmlns="http://www.w3.org/2000/svg"
16
+ width={size ?? 16}
17
+ height={size ?? 16}
18
+ fill="none"
19
+ viewBox={`0 0 ${size ?? 16} ${size ?? 16}`}
20
+ >
21
+ <G
22
+ stroke={color ?? "#FC5701"}
23
+ strokeLinecap="round"
24
+ strokeLinejoin="round"
25
+ strokeWidth="2"
26
+ clipPath="url(#clip0_9435_4102)"
27
+ >
28
+ <Path d="M14.667 7.387V8a6.668 6.668 0 1 1-3.954-6.093"></Path>
29
+ <Path d="M14.667 2.667 8 9.34l-2-2"></Path>
30
+ </G>
31
+ <Defs>
32
+ <ClipPath id="clip0_9435_4102">
33
+ <Path fill="#fff" d="M0 0h16v16H0z"></Path>
34
+ </ClipPath>
35
+ </Defs>
36
+ </Svg>
37
+ );
38
+
39
+ /**
40
+ * EXPORTS
41
+ */
42
+ export { SvgIconCheckOutline };
@@ -0,0 +1,43 @@
1
+ /**
2
+ * IMPORTS
3
+ */
4
+ import * as React from "react";
5
+ import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
6
+
7
+ // typings
8
+ import { ISvgProps } from "../interface";
9
+
10
+ const SvgIconCoffee: React.FC<ISvgProps> = ({ color, size, background }) => (
11
+ <Svg
12
+ // @ts-ignore
13
+ xmlns="http://www.w3.org/2000/svg"
14
+ width={size ?? "20"}
15
+ height={size ?? "19"}
16
+ fill="none"
17
+ viewBox="0 0 20 19"
18
+ >
19
+ <G
20
+ stroke={color ?? "#050022"}
21
+ strokeLinecap="round"
22
+ strokeLinejoin="round"
23
+ strokeWidth="1.5"
24
+ clipPath="url(#a)"
25
+ >
26
+ <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>
27
+ <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>
28
+ </G>
29
+ <Defs>
30
+ <ClipPath id="a">
31
+ <Path
32
+ fill={background ?? "#fff"}
33
+ d="M.048 0h19.226v15a4 4 0 0 1-4 4H4.048a4 4 0 0 1-4-4z"
34
+ ></Path>
35
+ </ClipPath>
36
+ </Defs>
37
+ </Svg>
38
+ );
39
+
40
+ /**
41
+ * EXPORTS
42
+ */
43
+ export { SvgIconCoffee };
@@ -1,55 +1,63 @@
1
- /**
2
- * IMPORTS
3
- */
4
-
5
- const SVG_NAME = {
6
- CAMERA_PLUS: "camera-plus",
7
- STEERING_WHEEL: "steering-wheel",
8
- CHECK_BOX_FILL: "check-box-fill",
9
- CHECK_BOX: "check-box",
10
- CHECK_BOX_OUTLINE: "check-box-outline",
11
- MOON_STARS: "moon-stars",
12
- CALL_BELL: "call-bell",
13
- STEERING_WHEEL_FILL: "steering-wheel-fill",
14
- TROPHY: "trophy",
15
- SHOPPING_CART: "Pedido Realizado",
16
- CREDIT_CARD: "Pagamento Aprovado",
17
- FILE_TEXT: "Pedido Faturado",
18
- TRUCK: "Pedido Enviado",
19
- PACKAGE_CHECK: "Pedido Entregue",
20
- PLUS: "plus",
21
- EYE_SLASH: "eye-slash",
22
- EYE: "eye",
23
- CALENDAR: "calendar",
24
- TIMER: "timer",
25
- GEAR: "gear",
26
- CURRENCY: "currency",
27
- GAUGE: "gauge",
28
- GAS_PUMP: "gas-pump",
29
- ARROW_LEFT: "arrow-left",
30
- BLUETOOTH: "bluetooth",
31
- BLUETOOTH_CONNECTED: "bluetooth-connected",
32
- LIST: "list",
33
- WIFI_X: "wifi-x",
34
- WIFI_HIGH: "wifi-high",
35
- NOTE_PINCEL: "note-pincel",
36
- CHECK_CIRCLE: "check-circle",
37
- ARROW_DROP_DOWN: "arrow-drop-down",
38
- CLOSED: "closed",
39
- LOADING: "currency-circle-dollar",
40
- COIL: "package",
41
- HISTORY: "chart-bar",
42
- BELL: "bell",
43
- FILES: "files",
44
- LIFEBUOY: "lifebuoy",
45
- RECUSED: "recused",
46
- EXCLAMATION_CIRCLE: "exclamation-circle",
47
- X_CIRCLE: "x-circle",
48
- ELLIPSE: "ellipsis",
49
- };
50
-
51
- /**
52
- * EXPORTS
53
- */
54
-
55
- export { SVG_NAME };
1
+ /**
2
+ * IMPORTS
3
+ */
4
+
5
+ const SVG_NAME = {
6
+ CAMERA_PLUS: "camera-plus",
7
+ STEERING_WHEEL: "steering-wheel",
8
+ CHECK_BOX_FILL: "check-box-fill",
9
+ CHECK_BOX: "check-box",
10
+ CHECK_BOX_OUTLINE: "check-box-outline",
11
+ MOON_STARS: "moon-stars",
12
+ CALL_BELL: "call-bell",
13
+ STEERING_WHEEL_FILL: "steering-wheel-fill",
14
+ TROPHY: "trophy",
15
+ SHOPPING_CART: "Pedido Realizado",
16
+ CREDIT_CARD: "Pagamento Aprovado",
17
+ FILE_TEXT: "Pedido Faturado",
18
+ TRUCK: "Pedido Enviado",
19
+ PACKAGE_CHECK: "Pedido Entregue",
20
+ PLUS: "plus",
21
+ EYE_SLASH: "eye-slash",
22
+ EYE: "eye",
23
+ CALENDAR: "calendar",
24
+ TIMER: "timer",
25
+ GEAR: "gear",
26
+ CURRENCY: "currency",
27
+ GAUGE: "gauge",
28
+ GAS_PUMP: "gas-pump",
29
+ ARROW_LEFT: "arrow-left",
30
+ BLUETOOTH: "bluetooth",
31
+ BLUETOOTH_CONNECTED: "bluetooth-connected",
32
+ LIST: "list",
33
+ WIFI_X: "wifi-x",
34
+ WIFI_HIGH: "wifi-high",
35
+ NOTE_PINCEL: "note-pincel",
36
+ CHECK_CIRCLE: "check-circle",
37
+ ARROW_DROP_DOWN: "arrow-drop-down",
38
+ CLOSED: "closed",
39
+ LOADING: "currency-circle-dollar",
40
+ COIL: "package",
41
+ HISTORY: "chart-bar",
42
+ BELL: "bell",
43
+ FILES: "files",
44
+ LIFEBUOY: "lifebuoy",
45
+ RECUSED: "recused",
46
+ EXCLAMATION_CIRCLE: "exclamation-circle",
47
+ X_CIRCLE: "x-circle",
48
+ ELLIPSE: "ellipsis",
49
+ PENCIL: "pencil",
50
+ CAR: "car",
51
+ TRUCK_ACTIVITY: "truck-activity",
52
+ COFFEE: "coffee",
53
+ AGENT: "agent",
54
+ CHECK_OUTLINE: "check-outline",
55
+ BED: "bed",
56
+ REFRESH_CCW_DOT: "refresh-ccw-dot",
57
+ };
58
+
59
+ /**
60
+ * EXPORTS
61
+ */
62
+
63
+ export { SVG_NAME };