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.
- package/package.json +1 -1
- package/src/common/icons-svg/agent/index.tsx +40 -0
- package/src/common/icons-svg/bed/index.tsx +41 -0
- package/src/common/icons-svg/car/index.tsx +29 -0
- package/src/common/icons-svg/check-outline/index.tsx +42 -0
- package/src/common/icons-svg/coffee/index.tsx +43 -0
- package/src/common/icons-svg/constants/index.ts +63 -55
- package/src/common/icons-svg/index.tsx +255 -217
- package/src/common/icons-svg/pencil/index.tsx +32 -0
- package/src/common/icons-svg/refresh-ccw-dot/index.tsx +32 -0
- package/src/common/icons-svg/truck-activity/index.tsx +29 -0
- package/src/components/activities-daily/index.tsx +116 -0
- package/src/components/activities-daily/interface.d.ts +22 -0
- package/src/components/activities-progress/index.tsx +162 -0
- package/src/components/activities-progress/interface.d.ts +41 -0
- package/src/components/avatar-profile/index.tsx +95 -0
- package/src/components/avatar-profile/interface.d.ts +39 -0
- package/src/components/card-history/index.tsx +149 -150
- package/src/components/card-loading/index.tsx +16 -1
- package/src/components/card-work-session/index.tsx +187 -185
- package/src/components/check-box/index.tsx +94 -125
- package/src/components/check-box/interface.d.ts +31 -27
- package/src/components/coil/index.tsx +3 -3
- package/src/components/coil/interface.d.ts +1 -1
- package/src/components/filter-date-selector/index.tsx +101 -89
- package/src/components/history-details/index.tsx +100 -0
- package/src/components/history-details/interface.d.ts +18 -0
- package/src/components/image-capture-with-remove/index.tsx +8 -2
- package/src/components/image-capture-with-remove/interface.d.ts +3 -0
- package/src/components/notification-loading/index.tsx +18 -7
- package/src/components/notification-loading/interface.d.ts +4 -0
- package/src/components/profile-menu-option/index.tsx +65 -0
- package/src/components/profile-menu-option/interface.d.ts +42 -0
- package/src/components/step-indicator/index.tsx +164 -164
- package/src/components/step-indicator/interface.d.ts +34 -34
- package/src/components/user-profile/index.tsx +58 -70
- package/src/index.ts +42 -37
- package/src/stories/activities-daily/activities-daily.stories.tsx +40 -0
- package/src/stories/activities-progress/activities-progress.stories.tsx +61 -0
- package/src/stories/avatar-profile/avatar-profile.stories.tsx +32 -0
- package/src/stories/card-loading/card-loading.stories.tsx +2 -2
- package/src/stories/check-box/check-box.stories.tsx +81 -83
- package/src/stories/coil/coil.stories.tsx +26 -3
- package/src/stories/filter-date-selector/filter-date-selector.stories.tsx +122 -93
- package/src/stories/history-details/history-details.stories.tsx +36 -0
- package/src/stories/image-capture-with-remove/image-capture-with-remove.stories.tsx +10 -0
- package/src/stories/notification-loading/notification-loading.stories.tsx +15 -0
- package/src/stories/profile-menu-option/profile-menu-option.stories.tsx +70 -0
- package/src/stories/step-indicator/step-indicator.stories.tsx +124 -116
- package/src/styles/theme/theme.ts +2 -0
- package/src/utils/format-data/index.ts +66 -40
- package/src/utils/status-color/return-color.ts +12 -4
package/package.json
CHANGED
|
@@ -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
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
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 };
|