react-native-exp-fig 0.1.25 → 0.1.27
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/lib/commonjs/components/input-text-counter/index.js +66 -0
- package/lib/commonjs/components/input-text-counter/index.js.map +1 -0
- package/lib/commonjs/components/input-text-counter/interface.d.js.map +1 -0
- package/lib/commonjs/components/input-text-counter/styles.js +42 -0
- package/lib/commonjs/components/input-text-counter/styles.js.map +1 -0
- package/lib/commonjs/components/modal-create-activitie/index.js +202 -0
- package/lib/commonjs/components/modal-create-activitie/index.js.map +1 -0
- package/lib/commonjs/components/modal-create-activitie/interface.js +2 -0
- package/lib/commonjs/components/modal-create-activitie/interface.js.map +1 -0
- package/lib/commonjs/components/modal-create-activitie/styles.js +42 -0
- package/lib/commonjs/components/modal-create-activitie/styles.js.map +1 -0
- package/lib/commonjs/components/modal-journey-rectification/index.js +202 -0
- package/lib/commonjs/components/modal-journey-rectification/index.js.map +1 -0
- package/lib/commonjs/components/modal-journey-rectification/interface.d.js +2 -0
- package/lib/commonjs/components/modal-journey-rectification/interface.d.js.map +1 -0
- package/lib/commonjs/components/modal-journey-rectification/styles.js +42 -0
- package/lib/commonjs/components/modal-journey-rectification/styles.js.map +1 -0
- package/lib/commonjs/components/{modal-activities → modals/modal-activities}/data-activities/index.js +2 -2
- package/lib/commonjs/components/modals/modal-activities/data-activities/index.js.map +1 -0
- package/lib/commonjs/components/{modal-activities → modals/modal-activities}/index.js +8 -8
- package/lib/commonjs/components/modals/modal-activities/index.js.map +1 -0
- package/lib/commonjs/components/modals/modal-activities/interface.d.js +6 -0
- package/lib/commonjs/components/modals/modal-activities/interface.d.js.map +1 -0
- package/lib/commonjs/components/modals/modal-activity-reason/index.js +161 -0
- package/lib/commonjs/components/modals/modal-activity-reason/index.js.map +1 -0
- package/lib/commonjs/components/modals/modal-activity-reason/interface.d.js +2 -0
- package/lib/commonjs/components/modals/modal-activity-reason/interface.d.js.map +1 -0
- package/lib/commonjs/components/{modal-change-activity → modals/modal-change-activity}/index.js +7 -7
- package/lib/commonjs/components/modals/modal-change-activity/index.js.map +1 -0
- package/lib/commonjs/components/selects/select-date-and-hours/index.js +95 -0
- package/lib/commonjs/components/selects/select-date-and-hours/index.js.map +1 -0
- package/lib/commonjs/components/selects/select-date-and-hours/interface.js +6 -0
- package/lib/commonjs/components/selects/select-date-and-hours/interface.js.map +1 -0
- package/lib/commonjs/components/selects/select-date-and-hours/styles.js +33 -0
- package/lib/commonjs/components/selects/select-date-and-hours/styles.js.map +1 -0
- package/lib/commonjs/components/selects/select-option/index.js +41 -39
- package/lib/commonjs/components/selects/select-option/index.js.map +1 -1
- package/lib/commonjs/components/step-indicator/index.js +10 -10
- package/lib/commonjs/components/step-indicator/index.js.map +1 -1
- package/lib/commonjs/components/step-indicator/interface.d.js.map +1 -1
- package/lib/commonjs/index.js +32 -4
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/stories/input-text-counter/input-text-counter.stories.js +259 -0
- package/lib/commonjs/stories/input-text-counter/input-text-counter.stories.js.map +1 -0
- package/lib/commonjs/stories/modal-activities/modal-activities.stories.js +1 -1
- package/lib/commonjs/stories/modal-activities/modal-activities.stories.js.map +1 -1
- package/lib/commonjs/stories/modal-activity-reason/modal-activity-reason.stories.js +198 -0
- package/lib/commonjs/stories/modal-activity-reason/modal-activity-reason.stories.js.map +1 -0
- package/lib/commonjs/stories/modal-change-activity/modal-change-activity.stories.js +3 -3
- package/lib/commonjs/stories/modal-change-activity/modal-change-activity.stories.js.map +1 -1
- package/lib/commonjs/stories/modal-create-activitie/modal-create-activitie.stories.js +86 -0
- package/lib/commonjs/stories/modal-create-activitie/modal-create-activitie.stories.js.map +1 -0
- package/lib/commonjs/stories/modal-journey-rectification/modal-journey-rectification.stories.js +172 -0
- package/lib/commonjs/stories/modal-journey-rectification/modal-journey-rectification.stories.js.map +1 -0
- package/lib/commonjs/stories/select-option/select-option.stories.js +3 -2
- package/lib/commonjs/stories/select-option/select-option.stories.js.map +1 -1
- package/lib/commonjs/stories/step-indicator/step-indicator.stories.js +2 -1
- package/lib/commonjs/stories/step-indicator/step-indicator.stories.js.map +1 -1
- package/lib/commonjs/styles/theme/theme.js +18 -2
- package/lib/commonjs/styles/theme/theme.js.map +1 -1
- package/lib/commonjs/utils/options-activity/index.js +27 -0
- package/lib/commonjs/utils/options-activity/index.js.map +1 -0
- package/lib/commonjs/utils/text-limit/index.js +37 -0
- package/lib/commonjs/utils/text-limit/index.js.map +1 -0
- package/lib/module/components/input-text-counter/index.js +63 -0
- package/lib/module/components/input-text-counter/index.js.map +1 -0
- package/lib/module/components/input-text-counter/interface.d.js.map +1 -0
- package/lib/module/components/input-text-counter/styles.js +37 -0
- package/lib/module/components/input-text-counter/styles.js.map +1 -0
- package/lib/module/components/modal-create-activitie/index.js +192 -0
- package/lib/module/components/modal-create-activitie/index.js.map +1 -0
- package/lib/module/components/modal-create-activitie/interface.js +2 -0
- package/lib/module/components/modal-create-activitie/interface.js.map +1 -0
- package/lib/module/components/modal-create-activitie/styles.js +37 -0
- package/lib/module/components/modal-create-activitie/styles.js.map +1 -0
- package/lib/module/components/modal-journey-rectification/index.js +192 -0
- package/lib/module/components/modal-journey-rectification/index.js.map +1 -0
- package/lib/module/components/modal-journey-rectification/interface.d.js +2 -0
- package/lib/module/components/modal-journey-rectification/interface.d.js.map +1 -0
- package/lib/module/components/modal-journey-rectification/styles.js +37 -0
- package/lib/module/components/modal-journey-rectification/styles.js.map +1 -0
- package/lib/module/components/{modal-activities → modals/modal-activities}/data-activities/index.js +2 -2
- package/lib/module/components/modals/modal-activities/data-activities/index.js.map +1 -0
- package/lib/module/components/{modal-activities → modals/modal-activities}/index.js +8 -8
- package/lib/module/components/modals/modal-activities/index.js.map +1 -0
- package/lib/module/components/modals/modal-activities/interface.d.js +2 -0
- package/lib/module/components/modals/modal-activities/interface.d.js.map +1 -0
- package/lib/module/components/modals/modal-activity-reason/index.js +151 -0
- package/lib/module/components/modals/modal-activity-reason/index.js.map +1 -0
- package/lib/module/components/modals/modal-activity-reason/interface.d.js +2 -0
- package/lib/module/components/modals/modal-activity-reason/interface.d.js.map +1 -0
- package/lib/module/components/{modal-change-activity → modals/modal-change-activity}/index.js +6 -6
- package/lib/module/components/modals/modal-change-activity/index.js.map +1 -0
- package/lib/module/components/selects/select-date-and-hours/index.js +86 -0
- package/lib/module/components/selects/select-date-and-hours/index.js.map +1 -0
- package/lib/module/components/selects/select-date-and-hours/interface.js +2 -0
- package/lib/module/components/selects/select-date-and-hours/interface.js.map +1 -0
- package/lib/module/components/selects/select-date-and-hours/styles.js +28 -0
- package/lib/module/components/selects/select-date-and-hours/styles.js.map +1 -0
- package/lib/module/components/selects/select-option/index.js +41 -42
- package/lib/module/components/selects/select-option/index.js.map +1 -1
- package/lib/module/components/step-indicator/index.js +10 -10
- package/lib/module/components/step-indicator/index.js.map +1 -1
- package/lib/module/components/step-indicator/interface.d.js.map +1 -1
- package/lib/module/index.js +9 -5
- package/lib/module/index.js.map +1 -1
- package/lib/module/stories/input-text-counter/input-text-counter.stories.js +253 -0
- package/lib/module/stories/input-text-counter/input-text-counter.stories.js.map +1 -0
- package/lib/module/stories/modal-activities/modal-activities.stories.js +1 -1
- package/lib/module/stories/modal-activities/modal-activities.stories.js.map +1 -1
- package/lib/module/stories/modal-activity-reason/modal-activity-reason.stories.js +193 -0
- package/lib/module/stories/modal-activity-reason/modal-activity-reason.stories.js.map +1 -0
- package/lib/module/stories/modal-change-activity/modal-change-activity.stories.js +3 -3
- package/lib/module/stories/modal-change-activity/modal-change-activity.stories.js.map +1 -1
- package/lib/module/stories/modal-create-activitie/modal-create-activitie.stories.js +78 -0
- package/lib/module/stories/modal-create-activitie/modal-create-activitie.stories.js.map +1 -0
- package/lib/module/stories/modal-journey-rectification/modal-journey-rectification.stories.js +168 -0
- package/lib/module/stories/modal-journey-rectification/modal-journey-rectification.stories.js.map +1 -0
- package/lib/module/stories/select-option/select-option.stories.js +1 -1
- package/lib/module/stories/select-option/select-option.stories.js.map +1 -1
- package/lib/module/stories/step-indicator/step-indicator.stories.js +2 -1
- package/lib/module/stories/step-indicator/step-indicator.stories.js.map +1 -1
- package/lib/module/styles/theme/theme.js +18 -2
- package/lib/module/styles/theme/theme.js.map +1 -1
- package/lib/module/utils/options-activity/index.js +22 -0
- package/lib/module/utils/options-activity/index.js.map +1 -0
- package/lib/module/utils/text-limit/index.js +30 -0
- package/lib/module/utils/text-limit/index.js.map +1 -0
- package/lib/typescript/src/components/input-text-counter/index.d.ts +33 -0
- package/lib/typescript/src/components/input-text-counter/styles.d.ts +34 -0
- package/lib/typescript/src/components/modal-create-activitie/index.d.ts +7 -0
- package/lib/typescript/src/components/modal-create-activitie/interface.d.ts +18 -0
- package/lib/typescript/src/components/modal-create-activitie/styles.d.ts +32 -0
- package/lib/typescript/src/components/modal-journey-rectification/index.d.ts +7 -0
- package/lib/typescript/src/components/modal-journey-rectification/styles.d.ts +32 -0
- package/lib/typescript/src/components/modals/modal-activity-reason/index.d.ts +7 -0
- package/lib/typescript/src/components/selects/select-date-and-hours/index.d.ts +12 -0
- package/lib/typescript/src/components/selects/select-date-and-hours/interface.d.ts +21 -0
- package/lib/typescript/src/components/selects/select-date-and-hours/styles.d.ts +24 -0
- package/lib/typescript/src/components/selects/select-option/index.d.ts +3 -6
- package/lib/typescript/src/index.d.ts +7 -3
- package/lib/typescript/src/stories/input-text-counter/input-text-counter.stories.d.ts +17 -0
- package/lib/typescript/src/stories/modal-activities/modal-activities.stories.d.ts +1 -1
- package/lib/typescript/src/stories/modal-activity-reason/modal-activity-reason.stories.d.ts +15 -0
- package/lib/typescript/src/stories/modal-change-activity/modal-change-activity.stories.d.ts +1 -1
- package/lib/typescript/src/stories/modal-create-activitie/modal-create-activitie.stories.d.ts +12 -0
- package/lib/typescript/src/stories/modal-journey-rectification/modal-journey-rectification.stories.d.ts +34 -0
- package/lib/typescript/src/stories/select-option/select-option.stories.d.ts +1 -1
- package/lib/typescript/src/styles/global/theme-provider.d.ts +16 -0
- package/lib/typescript/src/styles/theme/theme.d.ts +16 -0
- package/lib/typescript/src/utils/options-activity/index.d.ts +20 -0
- package/lib/typescript/src/utils/text-limit/index.d.ts +13 -0
- package/package.json +1 -1
- package/src/components/input-text-counter/index.tsx +64 -0
- package/src/components/input-text-counter/interface.d.ts +41 -0
- package/src/components/input-text-counter/styles.ts +38 -0
- package/src/components/modal-create-activitie/index.tsx +211 -0
- package/src/components/modal-create-activitie/interface.ts +22 -0
- package/src/components/modal-create-activitie/styles.ts +24 -0
- package/src/components/modal-journey-rectification/index.tsx +211 -0
- package/src/components/modal-journey-rectification/interface.d.ts +22 -0
- package/src/components/modal-journey-rectification/styles.ts +24 -0
- package/src/components/{modal-activities → modals/modal-activities}/data-activities/index.ts +65 -65
- package/src/components/{modal-activities → modals/modal-activities}/index.tsx +137 -137
- package/src/components/{modal-activities → modals/modal-activities}/interface.d.ts +32 -32
- package/src/components/modals/modal-activity-reason/index.tsx +162 -0
- package/src/components/modals/modal-activity-reason/interface.d.ts +10 -0
- package/src/components/{modal-change-activity → modals/modal-change-activity}/index.tsx +6 -6
- package/src/components/selects/select-date-and-hours/index.tsx +97 -0
- package/src/components/selects/select-date-and-hours/interface.ts +31 -0
- package/src/components/selects/select-date-and-hours/styles.ts +24 -0
- package/src/components/selects/select-option/index.tsx +50 -41
- package/src/components/step-indicator/index.tsx +235 -235
- package/src/components/step-indicator/interface.d.ts +2 -2
- package/src/index.ts +49 -45
- package/src/stories/input-text-counter/input-text-counter.stories.tsx +232 -0
- package/src/stories/modal-activities/modal-activities.stories.tsx +64 -64
- package/src/stories/modal-activity-reason/modal-activity-reason.stories.tsx +192 -0
- package/src/stories/modal-change-activity/modal-change-activity.stories.tsx +49 -49
- package/src/stories/modal-create-activitie/modal-create-activitie.stories.tsx +82 -0
- package/src/stories/modal-journey-rectification/modal-journey-rectification.stories.tsx +161 -0
- package/src/stories/select-option/select-option.stories.tsx +1 -1
- package/src/stories/step-indicator/step-indicator.stories.tsx +2 -1
- package/src/styles/theme/theme.ts +17 -0
- package/src/utils/options-activity/index.ts +14 -0
- package/src/utils/text-limit/index.ts +28 -0
- package/lib/commonjs/components/modal-activities/data-activities/index.js.map +0 -1
- package/lib/commonjs/components/modal-activities/index.js.map +0 -1
- package/lib/commonjs/components/modal-activities/interface.d.js.map +0 -1
- package/lib/commonjs/components/modal-change-activity/index.js.map +0 -1
- package/lib/module/components/modal-activities/data-activities/index.js.map +0 -1
- package/lib/module/components/modal-activities/index.js.map +0 -1
- package/lib/module/components/modal-activities/interface.d.js.map +0 -1
- package/lib/module/components/modal-change-activity/index.js.map +0 -1
- /package/lib/commonjs/components/{modal-activities → input-text-counter}/interface.d.js +0 -0
- /package/lib/module/components/{modal-activities → input-text-counter}/interface.d.js +0 -0
- /package/lib/typescript/src/components/{modal-activities → modals/modal-activities}/data-activities/index.d.ts +0 -0
- /package/lib/typescript/src/components/{modal-activities → modals/modal-activities}/index.d.ts +0 -0
- /package/lib/typescript/src/components/{modal-change-activity → modals/modal-change-activity}/index.d.ts +0 -0
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
import React, { useMemo, useState, useCallback } from "react";
|
|
5
|
+
import { Modal, View, Pressable } from "react-native";
|
|
6
|
+
|
|
7
|
+
// components
|
|
8
|
+
import Box from "..//box";
|
|
9
|
+
import { Button } from "../button";
|
|
10
|
+
import { Typography } from "../typography";
|
|
11
|
+
import ActivityFields from "../selects/select-date-and-hours";
|
|
12
|
+
import SelectOption from "../selects/select-option";
|
|
13
|
+
|
|
14
|
+
// commons
|
|
15
|
+
import { Icons } from "../../common/icons-svg";
|
|
16
|
+
import { asBaseComponent } from "../../@types/as-base-component";
|
|
17
|
+
|
|
18
|
+
// helpers
|
|
19
|
+
import { OPTIONS } from "../../utils/options-activity";
|
|
20
|
+
|
|
21
|
+
// typings
|
|
22
|
+
|
|
23
|
+
// styles / theme
|
|
24
|
+
import { theme } from "../../styles/theme/theme";
|
|
25
|
+
import { styles } from "./styles";
|
|
26
|
+
import { formatDate, formHoursMinute } from "../../utils/format-data";
|
|
27
|
+
const ModalCreteActivitie = /*#__PURE__*/React.memo(({
|
|
28
|
+
visible,
|
|
29
|
+
onClose,
|
|
30
|
+
onPressConfirm,
|
|
31
|
+
textTitle
|
|
32
|
+
}) => {
|
|
33
|
+
var _OPTIONS$0$value, _OPTIONS$;
|
|
34
|
+
const [dateAndHours, setDateAndHours] = useState({
|
|
35
|
+
date: formatDate(new Date()),
|
|
36
|
+
hours: formHoursMinute(String(new Date().getHours() * 3600 + new Date().getMinutes() * 60))
|
|
37
|
+
});
|
|
38
|
+
|
|
39
|
+
// estados controlados mínimos
|
|
40
|
+
const [selectedActivitie, setSelectedActivitie] = useState((_OPTIONS$0$value = (_OPTIONS$ = OPTIONS[0]) === null || _OPTIONS$ === void 0 ? void 0 : _OPTIONS$.value) !== null && _OPTIONS$0$value !== void 0 ? _OPTIONS$0$value : null);
|
|
41
|
+
|
|
42
|
+
// label do motivo derivada com memo
|
|
43
|
+
const activitieLabel = useMemo(() => {
|
|
44
|
+
var _OPTIONS$find$label, _OPTIONS$find;
|
|
45
|
+
return (_OPTIONS$find$label = (_OPTIONS$find = OPTIONS.find(activitie => activitie.value === selectedActivitie)) === null || _OPTIONS$find === void 0 ? void 0 : _OPTIONS$find.label) !== null && _OPTIONS$find$label !== void 0 ? _OPTIONS$find$label : null;
|
|
46
|
+
}, [selectedActivitie]);
|
|
47
|
+
|
|
48
|
+
// handlers estáveis
|
|
49
|
+
const handleChangeReason = useCallback(value => {
|
|
50
|
+
setSelectedActivitie(value);
|
|
51
|
+
}, []);
|
|
52
|
+
const handleCancel = useCallback(() => {
|
|
53
|
+
onClose === null || onClose === void 0 || onClose();
|
|
54
|
+
}, [onClose]);
|
|
55
|
+
const handleConfirm = useCallback(() => {
|
|
56
|
+
onPressConfirm === null || onPressConfirm === void 0 || onPressConfirm({
|
|
57
|
+
reasonValue: selectedActivitie,
|
|
58
|
+
label: activitieLabel,
|
|
59
|
+
dateAndHours: dateAndHours
|
|
60
|
+
});
|
|
61
|
+
onClose === null || onClose === void 0 || onClose();
|
|
62
|
+
}, [onPressConfirm, onClose, activitieLabel, selectedActivitie, dateAndHours]);
|
|
63
|
+
return /*#__PURE__*/React.createElement(Modal, {
|
|
64
|
+
animationType: "fade",
|
|
65
|
+
transparent: true,
|
|
66
|
+
visible: visible,
|
|
67
|
+
onRequestClose: handleCancel,
|
|
68
|
+
statusBarTranslucent: true
|
|
69
|
+
}, /*#__PURE__*/React.createElement(Pressable, {
|
|
70
|
+
style: styles.overlay,
|
|
71
|
+
onPress: handleCancel
|
|
72
|
+
}, /*#__PURE__*/React.createElement(Box, {
|
|
73
|
+
width: "90%",
|
|
74
|
+
backgroundColor: theme.colors.orange[500],
|
|
75
|
+
borderStyled: {
|
|
76
|
+
borderRadius: theme.borderWidths.thick_medium
|
|
77
|
+
},
|
|
78
|
+
paddingStyle: {
|
|
79
|
+
paddingLeft: theme.paddings["2xs"],
|
|
80
|
+
paddingRight: theme.paddings["2xs"],
|
|
81
|
+
paddingTop: theme.paddings.sm,
|
|
82
|
+
paddingBottom: theme.paddings.sm
|
|
83
|
+
}
|
|
84
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
85
|
+
style: styles.headerRow
|
|
86
|
+
}, /*#__PURE__*/React.createElement(Icons, {
|
|
87
|
+
icon: "EXCLAMATION_TRIANGLE",
|
|
88
|
+
color: theme.colors.orange[500],
|
|
89
|
+
background: theme.colors.neutral[300],
|
|
90
|
+
size: 22
|
|
91
|
+
}), /*#__PURE__*/React.createElement(Typography, {
|
|
92
|
+
text: textTitle !== null && textTitle !== void 0 ? textTitle : "Incluir atividade",
|
|
93
|
+
color: theme.colors.neutral[25],
|
|
94
|
+
marginLeft: theme.margins["2xs"],
|
|
95
|
+
fontFamily: theme.fonts.inter_bold,
|
|
96
|
+
fontWeight: "700",
|
|
97
|
+
size: theme.fontSizes.lg
|
|
98
|
+
})), /*#__PURE__*/React.createElement(Box, {
|
|
99
|
+
backgroundColor: theme.colors.neutral[300],
|
|
100
|
+
paddingStyle: {
|
|
101
|
+
padding: theme.paddings.xs
|
|
102
|
+
},
|
|
103
|
+
borderStyled: {
|
|
104
|
+
borderRadius: theme.borderWidths.thick_medium
|
|
105
|
+
}
|
|
106
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
107
|
+
text: "Preencha os dados da atividade que deseja incluir.",
|
|
108
|
+
color: theme.colors.black[100],
|
|
109
|
+
fontFamily: theme.fonts.inter_regular_400,
|
|
110
|
+
fontWeight: "400",
|
|
111
|
+
lineHeight: theme.lineHeight["2xl"],
|
|
112
|
+
size: theme.fontSizes.sm,
|
|
113
|
+
marginBottom: 16
|
|
114
|
+
}), /*#__PURE__*/React.createElement(SelectOption, {
|
|
115
|
+
titleLabel: "Selecione um motivo",
|
|
116
|
+
sizeTitleLabel: 18,
|
|
117
|
+
dataOption: OPTIONS,
|
|
118
|
+
handleSelectDown: handleChangeReason,
|
|
119
|
+
backgroundColor: theme.colors.neutral[300]
|
|
120
|
+
}), /*#__PURE__*/React.createElement(ActivityFields, {
|
|
121
|
+
disabled: false,
|
|
122
|
+
icon: "CALENDAR",
|
|
123
|
+
value: dateAndHours === null || dateAndHours === void 0 ? void 0 : dateAndHours.date,
|
|
124
|
+
onPressConfirm: value => setDateAndHours({
|
|
125
|
+
date: value,
|
|
126
|
+
hours: dateAndHours === null || dateAndHours === void 0 ? void 0 : dateAndHours.hours
|
|
127
|
+
})
|
|
128
|
+
}), /*#__PURE__*/React.createElement(ActivityFields, {
|
|
129
|
+
disabled: false,
|
|
130
|
+
icon: "TIMER",
|
|
131
|
+
value: dateAndHours === null || dateAndHours === void 0 ? void 0 : dateAndHours.hours,
|
|
132
|
+
onPressConfirm: value => setDateAndHours({
|
|
133
|
+
date: dateAndHours === null || dateAndHours === void 0 ? void 0 : dateAndHours.date,
|
|
134
|
+
hours: value
|
|
135
|
+
})
|
|
136
|
+
}), /*#__PURE__*/React.createElement(View, {
|
|
137
|
+
style: styles.actions
|
|
138
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
139
|
+
title: "CANCELAR",
|
|
140
|
+
onPress: handleCancel,
|
|
141
|
+
width: "48%",
|
|
142
|
+
height: 40,
|
|
143
|
+
isLoading: false,
|
|
144
|
+
disabled: false,
|
|
145
|
+
backgroundColor: theme.colors.neutral[300],
|
|
146
|
+
buttonTextStyle: {
|
|
147
|
+
color: theme.colors.blue[500],
|
|
148
|
+
fontFamily: theme.fonts.inter_medium_500,
|
|
149
|
+
fontSize: theme.fontSizes.xs,
|
|
150
|
+
fontWeight: "500"
|
|
151
|
+
},
|
|
152
|
+
flexStyle: {
|
|
153
|
+
flexDirection: "row",
|
|
154
|
+
alignItems: "center",
|
|
155
|
+
justifyContent: "center",
|
|
156
|
+
textAlign: "center"
|
|
157
|
+
},
|
|
158
|
+
borderStyled: {
|
|
159
|
+
borderWidth: theme.borderWidths.thin,
|
|
160
|
+
borderColor: theme.colors.blue[100],
|
|
161
|
+
borderRadius: theme.borderWidths.thick_medium
|
|
162
|
+
}
|
|
163
|
+
}), /*#__PURE__*/React.createElement(Button, {
|
|
164
|
+
title: "CONFIRMAR",
|
|
165
|
+
onPress: handleConfirm,
|
|
166
|
+
width: "48%",
|
|
167
|
+
height: 40,
|
|
168
|
+
isLoading: false,
|
|
169
|
+
disabled: false,
|
|
170
|
+
backgroundColor: theme.colors.blue[500],
|
|
171
|
+
buttonTextStyle: {
|
|
172
|
+
color: theme.colors.neutral[25],
|
|
173
|
+
fontFamily: theme.fonts.inter_medium_500,
|
|
174
|
+
fontSize: theme.fontSizes.xs,
|
|
175
|
+
fontWeight: "500"
|
|
176
|
+
},
|
|
177
|
+
flexStyle: {
|
|
178
|
+
flexDirection: "row",
|
|
179
|
+
alignItems: "center",
|
|
180
|
+
justifyContent: "center",
|
|
181
|
+
textAlign: "center"
|
|
182
|
+
},
|
|
183
|
+
borderStyled: {
|
|
184
|
+
borderWidth: theme.borderWidths.thin,
|
|
185
|
+
borderColor: theme.colors.blue[100],
|
|
186
|
+
borderRadius: theme.borderWidths.thick_medium
|
|
187
|
+
}
|
|
188
|
+
}))))));
|
|
189
|
+
});
|
|
190
|
+
ModalCreteActivitie.displayName = "ModalCreteActivitie";
|
|
191
|
+
export default asBaseComponent(ModalCreteActivitie);
|
|
192
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","useState","useCallback","Modal","View","Pressable","Box","Button","Typography","ActivityFields","SelectOption","Icons","asBaseComponent","OPTIONS","theme","styles","formatDate","formHoursMinute","ModalCreteActivitie","memo","visible","onClose","onPressConfirm","textTitle","_OPTIONS$0$value","_OPTIONS$","dateAndHours","setDateAndHours","date","Date","hours","String","getHours","getMinutes","selectedActivitie","setSelectedActivitie","value","activitieLabel","_OPTIONS$find$label","_OPTIONS$find","find","activitie","label","handleChangeReason","handleCancel","handleConfirm","reasonValue","createElement","animationType","transparent","onRequestClose","statusBarTranslucent","style","overlay","onPress","width","backgroundColor","colors","orange","borderStyled","borderRadius","borderWidths","thick_medium","paddingStyle","paddingLeft","paddings","paddingRight","paddingTop","sm","paddingBottom","headerRow","icon","color","background","neutral","size","text","marginLeft","margins","fontFamily","fonts","inter_bold","fontWeight","fontSizes","lg","padding","xs","black","inter_regular_400","lineHeight","marginBottom","titleLabel","sizeTitleLabel","dataOption","handleSelectDown","disabled","actions","title","height","isLoading","buttonTextStyle","blue","inter_medium_500","fontSize","flexStyle","flexDirection","alignItems","justifyContent","textAlign","borderWidth","thin","borderColor","displayName"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport React, { useMemo, useState, useCallback } from \"react\";\r\nimport { Modal, View, Pressable } from \"react-native\";\r\n\r\n// components\r\nimport Box from \"..//box\";\r\nimport { Button }from \"../button\";\r\n\r\nimport { Typography } from \"../typography\";\r\n\r\nimport ActivityFields from \"../selects/select-date-and-hours\";\r\n\r\nimport SelectOption from \"../selects/select-option\";\r\n\r\n// commons\r\nimport { Icons } from \"../../common/icons-svg\";\r\nimport { asBaseComponent } from \"../../@types/as-base-component\";\r\n\r\n// helpers\r\nimport { OPTIONS } from \"../../utils/options-activity\";\r\n\r\n// typings\r\nimport type { IDateAndHoursProps, IModalCreateActivitieProps } from \"./interface\";\r\n\r\n// styles / theme\r\nimport { theme } from \"../../styles/theme/theme\";\r\nimport { styles } from \"./styles\";\r\nimport { formatDate, formHoursMinute } from \"../../utils/format-data\";\r\n\r\nconst ModalCreteActivitie: React.FC<IModalCreateActivitieProps<any>> = React.memo(\r\n ({ visible, onClose, onPressConfirm, textTitle }) => {\r\n const [dateAndHours, setDateAndHours] = useState<IDateAndHoursProps>({\r\n date: formatDate(new Date()),\r\n hours: formHoursMinute(String(new Date().getHours() * 3600 + new Date().getMinutes() * 60)),\r\n });\r\n\r\n // estados controlados mínimos\r\n const [selectedActivitie, setSelectedActivitie] = useState<string | null>(\r\n OPTIONS[0]?.value ?? null\r\n );\r\n\r\n // label do motivo derivada com memo\r\n const activitieLabel = useMemo(\r\n () => OPTIONS.find((activitie) => activitie.value === selectedActivitie)?.label ?? null,\r\n [selectedActivitie]\r\n );\r\n\r\n // handlers estáveis\r\n const handleChangeReason = useCallback((value: string | null) => {\r\n setSelectedActivitie(value);\r\n }, []);\r\n\r\n const handleCancel = useCallback(() => {\r\n onClose?.();\r\n }, [onClose]);\r\n\r\n const handleConfirm = useCallback(() => {\r\n onPressConfirm?.({\r\n reasonValue: selectedActivitie,\r\n label: activitieLabel,\r\n dateAndHours: dateAndHours,\r\n });\r\n\r\n onClose?.();\r\n }, [onPressConfirm, onClose, activitieLabel, selectedActivitie, dateAndHours]);\r\n\r\n return (\r\n <Modal\r\n animationType=\"fade\"\r\n transparent\r\n visible={visible}\r\n onRequestClose={handleCancel}\r\n statusBarTranslucent\r\n >\r\n <Pressable style={styles.overlay} onPress={handleCancel}>\r\n <Box\r\n width=\"90%\"\r\n backgroundColor={theme.colors.orange[500]}\r\n borderStyled={{ borderRadius: theme.borderWidths.thick_medium }}\r\n paddingStyle={{\r\n paddingLeft: theme.paddings[\"2xs\"],\r\n paddingRight: theme.paddings[\"2xs\"],\r\n paddingTop: theme.paddings.sm,\r\n paddingBottom: theme.paddings.sm,\r\n }}\r\n >\r\n <View style={styles.headerRow}>\r\n <Icons\r\n icon=\"EXCLAMATION_TRIANGLE\"\r\n color={theme.colors.orange[500]}\r\n background={theme.colors.neutral[300]}\r\n size={22}\r\n />\r\n <Typography\r\n text={textTitle ?? \"Incluir atividade\"}\r\n color={theme.colors.neutral[25]}\r\n marginLeft={theme.margins[\"2xs\"]}\r\n fontFamily={theme.fonts.inter_bold}\r\n fontWeight=\"700\"\r\n size={theme.fontSizes.lg}\r\n />\r\n </View>\r\n\r\n <Box\r\n backgroundColor={theme.colors.neutral[300]}\r\n paddingStyle={{ padding: theme.paddings.xs }}\r\n borderStyled={{ borderRadius: theme.borderWidths.thick_medium }}\r\n >\r\n <Typography\r\n text=\"Preencha os dados da atividade que deseja incluir.\"\r\n color={theme.colors.black[100]}\r\n fontFamily={theme.fonts.inter_regular_400}\r\n fontWeight=\"400\"\r\n lineHeight={theme.lineHeight[\"2xl\"]}\r\n size={theme.fontSizes.sm}\r\n marginBottom={16}\r\n />\r\n\r\n <SelectOption\r\n titleLabel=\"Selecione um motivo\"\r\n sizeTitleLabel={18}\r\n dataOption={OPTIONS as any}\r\n handleSelectDown={handleChangeReason}\r\n backgroundColor={theme.colors.neutral[300]}\r\n />\r\n\r\n <ActivityFields\r\n disabled={false}\r\n icon={\"CALENDAR\"}\r\n value={dateAndHours?.date}\r\n onPressConfirm={(value) =>\r\n setDateAndHours({ date: value, hours: dateAndHours?.hours })\r\n }\r\n />\r\n\r\n <ActivityFields\r\n disabled={false}\r\n icon={\"TIMER\"}\r\n value={dateAndHours?.hours}\r\n onPressConfirm={(value) =>\r\n setDateAndHours({ date: dateAndHours?.date, hours: value })\r\n }\r\n />\r\n\r\n <View style={styles.actions}>\r\n <Button\r\n title=\"CANCELAR\"\r\n onPress={handleCancel}\r\n width=\"48%\"\r\n height={40}\r\n isLoading={false}\r\n disabled={false}\r\n backgroundColor={theme.colors.neutral[300]}\r\n buttonTextStyle={{\r\n color: theme.colors.blue[500],\r\n fontFamily: theme.fonts.inter_medium_500,\r\n fontSize: theme.fontSizes.xs,\r\n fontWeight: \"500\",\r\n }}\r\n flexStyle={{\r\n flexDirection: \"row\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n textAlign: \"center\",\r\n }}\r\n borderStyled={{\r\n borderWidth: theme.borderWidths.thin,\r\n borderColor: theme.colors.blue[100],\r\n borderRadius: theme.borderWidths.thick_medium,\r\n }}\r\n />\r\n\r\n <Button\r\n title=\"CONFIRMAR\"\r\n onPress={handleConfirm}\r\n width=\"48%\"\r\n height={40}\r\n isLoading={false}\r\n disabled={false}\r\n backgroundColor={theme.colors.blue[500]}\r\n buttonTextStyle={{\r\n color: theme.colors.neutral[25],\r\n fontFamily: theme.fonts.inter_medium_500,\r\n fontSize: theme.fontSizes.xs,\r\n fontWeight: \"500\",\r\n }}\r\n flexStyle={{\r\n flexDirection: \"row\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n textAlign: \"center\",\r\n }}\r\n borderStyled={{\r\n borderWidth: theme.borderWidths.thin,\r\n borderColor: theme.colors.blue[100],\r\n borderRadius: theme.borderWidths.thick_medium,\r\n }}\r\n />\r\n </View>\r\n </Box>\r\n </Box>\r\n </Pressable>\r\n </Modal>\r\n );\r\n }\r\n);\r\n\r\nModalCreteActivitie.displayName = \"ModalCreteActivitie\";\r\nexport default asBaseComponent(ModalCreteActivitie);\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["interface.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\r\n/**\r\n * IMPORTS\r\n */\r\n\r\ntype IModalCreateActivitieProps<T> = {\r\n visible: boolean;\r\n textTitle?: string;\r\n options?: T;\r\n onClose: () => void;\r\n onPressConfirm: (value: T) => void;\r\n};\r\n\r\ntype IDateAndHoursProps = {\r\n date: string;\r\n hours: string;\r\n};\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport type { IModalCreateActivitieProps, IDateAndHoursProps };\r\n"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
import { StyleSheet } from "react-native";
|
|
6
|
+
import { theme } from "../../styles/theme/theme";
|
|
7
|
+
const styles = StyleSheet.create({
|
|
8
|
+
overlay: {
|
|
9
|
+
flex: 1,
|
|
10
|
+
justifyContent: "center",
|
|
11
|
+
alignItems: "center",
|
|
12
|
+
backgroundColor: theme.shadows.z1
|
|
13
|
+
},
|
|
14
|
+
card: {
|
|
15
|
+
width: "90%"
|
|
16
|
+
},
|
|
17
|
+
headerRow: {
|
|
18
|
+
marginBottom: 10,
|
|
19
|
+
marginLeft: 4,
|
|
20
|
+
flexDirection: "row",
|
|
21
|
+
alignItems: "center"
|
|
22
|
+
},
|
|
23
|
+
content: {
|
|
24
|
+
padding: theme.paddings.xs
|
|
25
|
+
},
|
|
26
|
+
actions: {
|
|
27
|
+
marginTop: 16,
|
|
28
|
+
flexDirection: "row",
|
|
29
|
+
justifyContent: "space-between"
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
* EXPORTS
|
|
35
|
+
*/
|
|
36
|
+
export { styles };
|
|
37
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","theme","styles","create","overlay","flex","justifyContent","alignItems","backgroundColor","shadows","z1","card","width","headerRow","marginBottom","marginLeft","flexDirection","content","padding","paddings","xs","actions","marginTop"],"sources":["styles.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\n\r\nimport { StyleSheet } from \"react-native\";\r\nimport { theme } from \"../../styles/theme/theme\";\r\n\r\nconst styles = StyleSheet.create({\r\n overlay: {\r\n flex: 1,\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n backgroundColor: theme.shadows.z1,\r\n },\r\n card: { width: \"90%\" },\r\n headerRow: { marginBottom: 10, marginLeft: 4, flexDirection: \"row\", alignItems: \"center\" },\r\n content: { padding: theme.paddings.xs },\r\n actions: { marginTop: 16, flexDirection: \"row\", justifyContent: \"space-between\" },\r\n});\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { styles };\r\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,QAAQ,0BAA0B;AAEhD,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAEP,KAAK,CAACQ,OAAO,CAACC;EACjC,CAAC;EACDC,IAAI,EAAE;IAAEC,KAAK,EAAE;EAAM,CAAC;EACtBC,SAAS,EAAE;IAAEC,YAAY,EAAE,EAAE;IAAEC,UAAU,EAAE,CAAC;IAAEC,aAAa,EAAE,KAAK;IAAET,UAAU,EAAE;EAAS,CAAC;EAC1FU,OAAO,EAAE;IAAEC,OAAO,EAAEjB,KAAK,CAACkB,QAAQ,CAACC;EAAG,CAAC;EACvCC,OAAO,EAAE;IAAEC,SAAS,EAAE,EAAE;IAAEN,aAAa,EAAE,KAAK;IAAEV,cAAc,EAAE;EAAgB;AAClF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,SAASJ,MAAM","ignoreList":[]}
|
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
import React, { useMemo, useState, useCallback } from "react";
|
|
5
|
+
import { Modal, View, Pressable } from "react-native";
|
|
6
|
+
|
|
7
|
+
// components
|
|
8
|
+
import Box from "..//box";
|
|
9
|
+
import { Button } from "../button";
|
|
10
|
+
import { Typography } from "../typography";
|
|
11
|
+
import ActivityFields from "../selects/select-date-and-hours";
|
|
12
|
+
import SelectOption from "../selects/select-option";
|
|
13
|
+
|
|
14
|
+
// commons
|
|
15
|
+
import { Icons } from "../../common/icons-svg";
|
|
16
|
+
import { asBaseComponent } from "../../@types/as-base-component";
|
|
17
|
+
|
|
18
|
+
// helpers
|
|
19
|
+
import { OPTIONS } from "../../utils/options-activity";
|
|
20
|
+
|
|
21
|
+
// typings
|
|
22
|
+
|
|
23
|
+
// styles / theme
|
|
24
|
+
import { theme } from "../../styles/theme/theme";
|
|
25
|
+
import { styles } from "./styles";
|
|
26
|
+
import { formatDate, formHoursMinute } from "../../utils/format-data";
|
|
27
|
+
const ModalJourneyRectification = /*#__PURE__*/React.memo(({
|
|
28
|
+
visible,
|
|
29
|
+
onClose,
|
|
30
|
+
onPressConfirm,
|
|
31
|
+
textTitle
|
|
32
|
+
}) => {
|
|
33
|
+
var _OPTIONS$0$value, _OPTIONS$;
|
|
34
|
+
const [dateAndHours, setDateAndHours] = useState({
|
|
35
|
+
date: formatDate(new Date()),
|
|
36
|
+
hours: formHoursMinute(String(new Date().getHours() * 3600 + new Date().getMinutes() * 60))
|
|
37
|
+
});
|
|
38
|
+
|
|
39
|
+
// estados controlados mínimos
|
|
40
|
+
const [selectedActivitie, setSelectedActivitie] = useState((_OPTIONS$0$value = (_OPTIONS$ = OPTIONS[0]) === null || _OPTIONS$ === void 0 ? void 0 : _OPTIONS$.value) !== null && _OPTIONS$0$value !== void 0 ? _OPTIONS$0$value : null);
|
|
41
|
+
|
|
42
|
+
// label do motivo derivada com memo
|
|
43
|
+
const activitieLabel = useMemo(() => {
|
|
44
|
+
var _OPTIONS$find$label, _OPTIONS$find;
|
|
45
|
+
return (_OPTIONS$find$label = (_OPTIONS$find = OPTIONS.find(activitie => activitie.value === selectedActivitie)) === null || _OPTIONS$find === void 0 ? void 0 : _OPTIONS$find.label) !== null && _OPTIONS$find$label !== void 0 ? _OPTIONS$find$label : null;
|
|
46
|
+
}, [selectedActivitie]);
|
|
47
|
+
|
|
48
|
+
// handlers estáveis
|
|
49
|
+
const handleChangeReason = useCallback(value => {
|
|
50
|
+
setSelectedActivitie(value);
|
|
51
|
+
}, []);
|
|
52
|
+
const handleCancel = useCallback(() => {
|
|
53
|
+
onClose === null || onClose === void 0 || onClose();
|
|
54
|
+
}, [onClose]);
|
|
55
|
+
const handleConfirm = useCallback(() => {
|
|
56
|
+
onPressConfirm === null || onPressConfirm === void 0 || onPressConfirm({
|
|
57
|
+
reasonValue: selectedActivitie,
|
|
58
|
+
label: activitieLabel,
|
|
59
|
+
dateAndHours: dateAndHours
|
|
60
|
+
});
|
|
61
|
+
onClose === null || onClose === void 0 || onClose();
|
|
62
|
+
}, [onPressConfirm, onClose, activitieLabel, selectedActivitie, dateAndHours]);
|
|
63
|
+
return /*#__PURE__*/React.createElement(Modal, {
|
|
64
|
+
animationType: "fade",
|
|
65
|
+
transparent: true,
|
|
66
|
+
visible: visible,
|
|
67
|
+
onRequestClose: handleCancel,
|
|
68
|
+
statusBarTranslucent: true
|
|
69
|
+
}, /*#__PURE__*/React.createElement(Pressable, {
|
|
70
|
+
style: styles.overlay,
|
|
71
|
+
onPress: handleCancel
|
|
72
|
+
}, /*#__PURE__*/React.createElement(Box, {
|
|
73
|
+
width: "90%",
|
|
74
|
+
backgroundColor: theme.colors.orange[500],
|
|
75
|
+
borderStyled: {
|
|
76
|
+
borderRadius: theme.borderWidths.thick_medium
|
|
77
|
+
},
|
|
78
|
+
paddingStyle: {
|
|
79
|
+
paddingLeft: theme.paddings["2xs"],
|
|
80
|
+
paddingRight: theme.paddings["2xs"],
|
|
81
|
+
paddingTop: theme.paddings.sm,
|
|
82
|
+
paddingBottom: theme.paddings.sm
|
|
83
|
+
}
|
|
84
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
85
|
+
style: styles.headerRow
|
|
86
|
+
}, /*#__PURE__*/React.createElement(Icons, {
|
|
87
|
+
icon: "EXCLAMATION_TRIANGLE",
|
|
88
|
+
color: theme.colors.orange[500],
|
|
89
|
+
background: theme.colors.neutral[300],
|
|
90
|
+
size: 22
|
|
91
|
+
}), /*#__PURE__*/React.createElement(Typography, {
|
|
92
|
+
text: textTitle !== null && textTitle !== void 0 ? textTitle : "Editar atividad",
|
|
93
|
+
color: theme.colors.neutral[25],
|
|
94
|
+
marginLeft: theme.margins["2xs"],
|
|
95
|
+
fontFamily: theme.fonts.inter_bold,
|
|
96
|
+
fontWeight: "700",
|
|
97
|
+
size: theme.fontSizes.lg
|
|
98
|
+
})), /*#__PURE__*/React.createElement(Box, {
|
|
99
|
+
backgroundColor: theme.colors.neutral[300],
|
|
100
|
+
paddingStyle: {
|
|
101
|
+
padding: theme.paddings.xs
|
|
102
|
+
},
|
|
103
|
+
borderStyled: {
|
|
104
|
+
borderRadius: theme.borderWidths.thick_medium
|
|
105
|
+
}
|
|
106
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
107
|
+
text: "Confirme as altera\xE7\xF5es antes de salvar.",
|
|
108
|
+
color: theme.colors.black[100],
|
|
109
|
+
fontFamily: theme.fonts.inter_regular_400,
|
|
110
|
+
fontWeight: "400",
|
|
111
|
+
lineHeight: theme.lineHeight["2xl"],
|
|
112
|
+
size: theme.fontSizes.sm,
|
|
113
|
+
marginBottom: 16
|
|
114
|
+
}), /*#__PURE__*/React.createElement(SelectOption, {
|
|
115
|
+
titleLabel: "Selecione um motivo",
|
|
116
|
+
sizeTitleLabel: 18,
|
|
117
|
+
dataOption: OPTIONS,
|
|
118
|
+
handleSelectDown: handleChangeReason,
|
|
119
|
+
backgroundColor: theme.colors.neutral[300]
|
|
120
|
+
}), /*#__PURE__*/React.createElement(ActivityFields, {
|
|
121
|
+
disabled: false,
|
|
122
|
+
icon: "CALENDAR",
|
|
123
|
+
value: dateAndHours === null || dateAndHours === void 0 ? void 0 : dateAndHours.date,
|
|
124
|
+
onPressConfirm: value => setDateAndHours({
|
|
125
|
+
date: value,
|
|
126
|
+
hours: dateAndHours === null || dateAndHours === void 0 ? void 0 : dateAndHours.hours
|
|
127
|
+
})
|
|
128
|
+
}), /*#__PURE__*/React.createElement(ActivityFields, {
|
|
129
|
+
disabled: false,
|
|
130
|
+
icon: "TIMER",
|
|
131
|
+
value: dateAndHours === null || dateAndHours === void 0 ? void 0 : dateAndHours.hours,
|
|
132
|
+
onPressConfirm: value => setDateAndHours({
|
|
133
|
+
date: dateAndHours === null || dateAndHours === void 0 ? void 0 : dateAndHours.date,
|
|
134
|
+
hours: value
|
|
135
|
+
})
|
|
136
|
+
}), /*#__PURE__*/React.createElement(View, {
|
|
137
|
+
style: styles.actions
|
|
138
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
139
|
+
title: "CANCELAR",
|
|
140
|
+
onPress: handleCancel,
|
|
141
|
+
width: "48%",
|
|
142
|
+
height: 40,
|
|
143
|
+
isLoading: false,
|
|
144
|
+
disabled: false,
|
|
145
|
+
backgroundColor: theme.colors.neutral[300],
|
|
146
|
+
buttonTextStyle: {
|
|
147
|
+
color: theme.colors.blue[500],
|
|
148
|
+
fontFamily: theme.fonts.inter_medium_500,
|
|
149
|
+
fontSize: theme.fontSizes.xs,
|
|
150
|
+
fontWeight: "500"
|
|
151
|
+
},
|
|
152
|
+
flexStyle: {
|
|
153
|
+
flexDirection: "row",
|
|
154
|
+
alignItems: "center",
|
|
155
|
+
justifyContent: "center",
|
|
156
|
+
textAlign: "center"
|
|
157
|
+
},
|
|
158
|
+
borderStyled: {
|
|
159
|
+
borderWidth: theme.borderWidths.thin,
|
|
160
|
+
borderColor: theme.colors.blue[100],
|
|
161
|
+
borderRadius: theme.borderWidths.thick_medium
|
|
162
|
+
}
|
|
163
|
+
}), /*#__PURE__*/React.createElement(Button, {
|
|
164
|
+
title: "CONFIRMAR",
|
|
165
|
+
onPress: handleConfirm,
|
|
166
|
+
width: "48%",
|
|
167
|
+
height: 40,
|
|
168
|
+
isLoading: false,
|
|
169
|
+
disabled: false,
|
|
170
|
+
backgroundColor: theme.colors.blue[500],
|
|
171
|
+
buttonTextStyle: {
|
|
172
|
+
color: theme.colors.neutral[25],
|
|
173
|
+
fontFamily: theme.fonts.inter_medium_500,
|
|
174
|
+
fontSize: theme.fontSizes.xs,
|
|
175
|
+
fontWeight: "500"
|
|
176
|
+
},
|
|
177
|
+
flexStyle: {
|
|
178
|
+
flexDirection: "row",
|
|
179
|
+
alignItems: "center",
|
|
180
|
+
justifyContent: "center",
|
|
181
|
+
textAlign: "center"
|
|
182
|
+
},
|
|
183
|
+
borderStyled: {
|
|
184
|
+
borderWidth: theme.borderWidths.thin,
|
|
185
|
+
borderColor: theme.colors.blue[100],
|
|
186
|
+
borderRadius: theme.borderWidths.thick_medium
|
|
187
|
+
}
|
|
188
|
+
}))))));
|
|
189
|
+
});
|
|
190
|
+
ModalJourneyRectification.displayName = "ModalJourneyRectification";
|
|
191
|
+
export default asBaseComponent(ModalJourneyRectification);
|
|
192
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","useState","useCallback","Modal","View","Pressable","Box","Button","Typography","ActivityFields","SelectOption","Icons","asBaseComponent","OPTIONS","theme","styles","formatDate","formHoursMinute","ModalJourneyRectification","memo","visible","onClose","onPressConfirm","textTitle","_OPTIONS$0$value","_OPTIONS$","dateAndHours","setDateAndHours","date","Date","hours","String","getHours","getMinutes","selectedActivitie","setSelectedActivitie","value","activitieLabel","_OPTIONS$find$label","_OPTIONS$find","find","activitie","label","handleChangeReason","handleCancel","handleConfirm","reasonValue","createElement","animationType","transparent","onRequestClose","statusBarTranslucent","style","overlay","onPress","width","backgroundColor","colors","orange","borderStyled","borderRadius","borderWidths","thick_medium","paddingStyle","paddingLeft","paddings","paddingRight","paddingTop","sm","paddingBottom","headerRow","icon","color","background","neutral","size","text","marginLeft","margins","fontFamily","fonts","inter_bold","fontWeight","fontSizes","lg","padding","xs","black","inter_regular_400","lineHeight","marginBottom","titleLabel","sizeTitleLabel","dataOption","handleSelectDown","disabled","actions","title","height","isLoading","buttonTextStyle","blue","inter_medium_500","fontSize","flexStyle","flexDirection","alignItems","justifyContent","textAlign","borderWidth","thin","borderColor","displayName"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport React, { useMemo, useState, useCallback } from \"react\";\r\nimport { Modal, View, Pressable } from \"react-native\";\r\n\r\n// components\r\nimport Box from \"..//box\";\r\nimport { Button }from \"../button\";\r\n\r\nimport { Typography } from \"../typography\";\r\n\r\nimport ActivityFields from \"../selects/select-date-and-hours\";\r\n\r\nimport SelectOption from \"../selects/select-option\";\r\n\r\n// commons\r\nimport { Icons } from \"../../common/icons-svg\";\r\nimport { asBaseComponent } from \"../../@types/as-base-component\";\r\n\r\n// helpers\r\nimport { OPTIONS } from \"../../utils/options-activity\";\r\n\r\n// typings\r\nimport type { IDateAndHoursProps, IModalJourneyRectificationProps } from \"./interface\";\r\n\r\n// styles / theme\r\nimport { theme } from \"../../styles/theme/theme\";\r\nimport { styles } from \"./styles\";\r\nimport { formatDate, formHoursMinute } from \"../../utils/format-data\";\r\n\r\nconst ModalJourneyRectification: React.FC<IModalJourneyRectificationProps<any>> = React.memo(\r\n ({ visible, onClose, onPressConfirm, textTitle }) => {\r\n const [dateAndHours, setDateAndHours] = useState<IDateAndHoursProps>({\r\n date: formatDate(new Date()),\r\n hours: formHoursMinute(String(new Date().getHours() * 3600 + new Date().getMinutes() * 60)),\r\n });\r\n\r\n // estados controlados mínimos\r\n const [selectedActivitie, setSelectedActivitie] = useState<string | null>(\r\n OPTIONS[0]?.value ?? null\r\n );\r\n\r\n // label do motivo derivada com memo\r\n const activitieLabel = useMemo(\r\n () => OPTIONS.find((activitie) => activitie.value === selectedActivitie)?.label ?? null,\r\n [selectedActivitie]\r\n );\r\n\r\n // handlers estáveis\r\n const handleChangeReason = useCallback((value: string | null) => {\r\n setSelectedActivitie(value);\r\n }, []);\r\n\r\n const handleCancel = useCallback(() => {\r\n onClose?.();\r\n }, [onClose]);\r\n\r\n const handleConfirm = useCallback(() => {\r\n onPressConfirm?.({\r\n reasonValue: selectedActivitie,\r\n label: activitieLabel,\r\n dateAndHours: dateAndHours,\r\n });\r\n\r\n onClose?.();\r\n }, [onPressConfirm, onClose, activitieLabel, selectedActivitie, dateAndHours]);\r\n\r\n return (\r\n <Modal\r\n animationType=\"fade\"\r\n transparent\r\n visible={visible}\r\n onRequestClose={handleCancel}\r\n statusBarTranslucent\r\n >\r\n <Pressable style={styles.overlay} onPress={handleCancel}>\r\n <Box\r\n width=\"90%\"\r\n backgroundColor={theme.colors.orange[500]}\r\n borderStyled={{ borderRadius: theme.borderWidths.thick_medium }}\r\n paddingStyle={{\r\n paddingLeft: theme.paddings[\"2xs\"],\r\n paddingRight: theme.paddings[\"2xs\"],\r\n paddingTop: theme.paddings.sm,\r\n paddingBottom: theme.paddings.sm,\r\n }}\r\n >\r\n <View style={styles.headerRow}>\r\n <Icons\r\n icon=\"EXCLAMATION_TRIANGLE\"\r\n color={theme.colors.orange[500]}\r\n background={theme.colors.neutral[300]}\r\n size={22}\r\n />\r\n <Typography\r\n text={textTitle ?? \"Editar atividad\"}\r\n color={theme.colors.neutral[25]}\r\n marginLeft={theme.margins[\"2xs\"]}\r\n fontFamily={theme.fonts.inter_bold}\r\n fontWeight=\"700\"\r\n size={theme.fontSizes.lg}\r\n />\r\n </View>\r\n\r\n <Box\r\n backgroundColor={theme.colors.neutral[300]}\r\n paddingStyle={{ padding: theme.paddings.xs }}\r\n borderStyled={{ borderRadius: theme.borderWidths.thick_medium }}\r\n >\r\n <Typography\r\n text=\"Confirme as alterações antes de salvar.\"\r\n color={theme.colors.black[100]}\r\n fontFamily={theme.fonts.inter_regular_400}\r\n fontWeight=\"400\"\r\n lineHeight={theme.lineHeight[\"2xl\"]}\r\n size={theme.fontSizes.sm}\r\n marginBottom={16}\r\n />\r\n\r\n <SelectOption\r\n titleLabel=\"Selecione um motivo\"\r\n sizeTitleLabel={18}\r\n dataOption={OPTIONS as any}\r\n handleSelectDown={handleChangeReason}\r\n backgroundColor={theme.colors.neutral[300]}\r\n />\r\n\r\n <ActivityFields\r\n disabled={false}\r\n icon={\"CALENDAR\"}\r\n value={dateAndHours?.date}\r\n onPressConfirm={(value) =>\r\n setDateAndHours({ date: value, hours: dateAndHours?.hours })\r\n }\r\n />\r\n\r\n <ActivityFields\r\n disabled={false}\r\n icon={\"TIMER\"}\r\n value={dateAndHours?.hours}\r\n onPressConfirm={(value) =>\r\n setDateAndHours({ date: dateAndHours?.date, hours: value })\r\n }\r\n />\r\n\r\n <View style={styles.actions}>\r\n <Button\r\n title=\"CANCELAR\"\r\n onPress={handleCancel}\r\n width=\"48%\"\r\n height={40}\r\n isLoading={false}\r\n disabled={false}\r\n backgroundColor={theme.colors.neutral[300]}\r\n buttonTextStyle={{\r\n color: theme.colors.blue[500],\r\n fontFamily: theme.fonts.inter_medium_500,\r\n fontSize: theme.fontSizes.xs,\r\n fontWeight: \"500\",\r\n }}\r\n flexStyle={{\r\n flexDirection: \"row\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n textAlign: \"center\",\r\n }}\r\n borderStyled={{\r\n borderWidth: theme.borderWidths.thin,\r\n borderColor: theme.colors.blue[100],\r\n borderRadius: theme.borderWidths.thick_medium,\r\n }}\r\n />\r\n\r\n <Button\r\n title=\"CONFIRMAR\"\r\n onPress={handleConfirm}\r\n width=\"48%\"\r\n height={40}\r\n isLoading={false}\r\n disabled={false}\r\n backgroundColor={theme.colors.blue[500]}\r\n buttonTextStyle={{\r\n color: theme.colors.neutral[25],\r\n fontFamily: theme.fonts.inter_medium_500,\r\n fontSize: theme.fontSizes.xs,\r\n fontWeight: \"500\",\r\n }}\r\n flexStyle={{\r\n flexDirection: \"row\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n textAlign: \"center\",\r\n }}\r\n borderStyled={{\r\n borderWidth: theme.borderWidths.thin,\r\n borderColor: theme.colors.blue[100],\r\n borderRadius: theme.borderWidths.thick_medium,\r\n }}\r\n />\r\n </View>\r\n </Box>\r\n </Box>\r\n </Pressable>\r\n </Modal>\r\n );\r\n }\r\n);\r\n\r\nModalJourneyRectification.displayName = \"ModalJourneyRectification\";\r\nexport default asBaseComponent(ModalJourneyRectification);"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\r\n/**\r\n * IMPORTS\r\n */\r\n\r\ntype IModalJourneyRectificationProps<T> = {\r\n visible: boolean;\r\n textTitle?: string;\r\n options?: T;\r\n onClose: () => void;\r\n onPressConfirm: (value: T) => void;\r\n};\r\n\r\ntype IDateAndHoursProps = {\r\n date: string;\r\n hours: string;\r\n};\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport type { IModalJourneyRectificationProps, IDateAndHoursProps };"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
import { StyleSheet } from "react-native";
|
|
6
|
+
import { theme } from "../../styles/theme/theme";
|
|
7
|
+
const styles = StyleSheet.create({
|
|
8
|
+
overlay: {
|
|
9
|
+
flex: 1,
|
|
10
|
+
justifyContent: "center",
|
|
11
|
+
alignItems: "center",
|
|
12
|
+
backgroundColor: theme.shadows.z1
|
|
13
|
+
},
|
|
14
|
+
card: {
|
|
15
|
+
width: "90%"
|
|
16
|
+
},
|
|
17
|
+
headerRow: {
|
|
18
|
+
marginBottom: 10,
|
|
19
|
+
marginLeft: 4,
|
|
20
|
+
flexDirection: "row",
|
|
21
|
+
alignItems: "center"
|
|
22
|
+
},
|
|
23
|
+
content: {
|
|
24
|
+
padding: theme.paddings.xs
|
|
25
|
+
},
|
|
26
|
+
actions: {
|
|
27
|
+
marginTop: 16,
|
|
28
|
+
flexDirection: "row",
|
|
29
|
+
justifyContent: "space-between"
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
* EXPORTS
|
|
35
|
+
*/
|
|
36
|
+
export { styles };
|
|
37
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","theme","styles","create","overlay","flex","justifyContent","alignItems","backgroundColor","shadows","z1","card","width","headerRow","marginBottom","marginLeft","flexDirection","content","padding","paddings","xs","actions","marginTop"],"sources":["styles.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\n\r\nimport { StyleSheet } from \"react-native\";\r\nimport { theme } from \"../../styles/theme/theme\";\r\n\r\nconst styles = StyleSheet.create({\r\n overlay: {\r\n flex: 1,\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n backgroundColor: theme.shadows.z1,\r\n },\r\n card: { width: \"90%\" },\r\n headerRow: { marginBottom: 10, marginLeft: 4, flexDirection: \"row\", alignItems: \"center\" },\r\n content: { padding: theme.paddings.xs },\r\n actions: { marginTop: 16, flexDirection: \"row\", justifyContent: \"space-between\" },\r\n});\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { styles };"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,QAAQ,0BAA0B;AAEhD,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAEP,KAAK,CAACQ,OAAO,CAACC;EACjC,CAAC;EACDC,IAAI,EAAE;IAAEC,KAAK,EAAE;EAAM,CAAC;EACtBC,SAAS,EAAE;IAAEC,YAAY,EAAE,EAAE;IAAEC,UAAU,EAAE,CAAC;IAAEC,aAAa,EAAE,KAAK;IAAET,UAAU,EAAE;EAAS,CAAC;EAC1FU,OAAO,EAAE;IAAEC,OAAO,EAAEjB,KAAK,CAACkB,QAAQ,CAACC;EAAG,CAAC;EACvCC,OAAO,EAAE;IAAEC,SAAS,EAAE,EAAE;IAAEN,aAAa,EAAE,KAAK;IAAEV,cAAc,EAAE;EAAgB;AAClF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,SAASJ,MAAM","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["activities","trabalho","id","referencia","cor_hex","descricao","tipo","descanso"],"sources":["index.ts"],"sourcesContent":["/**\r\n * dados para os tipos de atividades selecionado\r\n */\r\nexport const activities = {\r\n trabalho: [\r\n {\r\n id: 1,\r\n referencia: \"operacao_veiculo\",\r\n cor_hex: \"000000\",\r\n descricao: \"Operação com Veículo\",\r\n tipo: \"trabalho\",\r\n },\r\n {\r\n id: 2,\r\n referencia: \"aguardando_carga\",\r\n cor_hex: \"000000\",\r\n descricao: \"Em carga\",\r\n tipo: \"trabalho\",\r\n },\r\n {\r\n id: 3,\r\n referencia: \"aguardando_descarga\",\r\n cor_hex: \"000000\",\r\n descricao: \"Em Descarga\",\r\n tipo: \"trabalho\",\r\n },\r\n {\r\n id: 8,\r\n referencia: \"disposicao_veiculo_parado\",\r\n cor_hex: \"000000\",\r\n descricao: \"Disposição com Veículo Parado\",\r\n tipo: \"trabalho\",\r\n },\r\n ],\r\n descanso: [\r\n {\r\n id: 5,\r\n referencia: \"repouso_semanal\",\r\n cor_hex: \"000000\",\r\n descricao: \"Repouso Semanal\",\r\n tipo: \"descanso\",\r\n },\r\n {\r\n id: 6,\r\n referencia: \"repouso_noturno\",\r\n cor_hex: \"000000\",\r\n descricao: \"Repouso Noturno\",\r\n tipo: \"descanso\",\r\n },\r\n {\r\n id: 7,\r\n referencia: \"refeicao\",\r\n cor_hex: \"000000\",\r\n descricao: \"Refeição\",\r\n tipo: \"descanso\",\r\n },\r\n {\r\n id: 9,\r\n referencia: \"descanso\",\r\n cor_hex: \"000000\",\r\n descricao: \"Descanso\",\r\n tipo: \"descanso\",\r\n },\r\n ],\r\n};\r\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,MAAMA,UAAU,GAAG;EACxBC,QAAQ,EAAE,CACR;IACEC,EAAE,EAAE,CAAC;IACLC,UAAU,EAAE,kBAAkB;IAC9BC,OAAO,EAAE,QAAQ;IACjBC,SAAS,EAAE,sBAAsB;IACjCC,IAAI,EAAE;EACR,CAAC,EACD;IACEJ,EAAE,EAAE,CAAC;IACLC,UAAU,EAAE,kBAAkB;IAC9BC,OAAO,EAAE,QAAQ;IACjBC,SAAS,EAAE,UAAU;IACrBC,IAAI,EAAE;EACR,CAAC,EACD;IACEJ,EAAE,EAAE,CAAC;IACLC,UAAU,EAAE,qBAAqB;IACjCC,OAAO,EAAE,QAAQ;IACjBC,SAAS,EAAE,aAAa;IACxBC,IAAI,EAAE;EACR,CAAC,EACD;IACEJ,EAAE,EAAE,CAAC;IACLC,UAAU,EAAE,2BAA2B;IACvCC,OAAO,EAAE,QAAQ;IACjBC,SAAS,EAAE,+BAA+B;IAC1CC,IAAI,EAAE;EACR,CAAC,CACF;EACDC,QAAQ,EAAE,CACR;IACEL,EAAE,EAAE,CAAC;IACLC,UAAU,EAAE,iBAAiB;IAC7BC,OAAO,EAAE,QAAQ;IACjBC,SAAS,EAAE,iBAAiB;IAC5BC,IAAI,EAAE;EACR,CAAC,EACD;IACEJ,EAAE,EAAE,CAAC;IACLC,UAAU,EAAE,iBAAiB;IAC7BC,OAAO,EAAE,QAAQ;IACjBC,SAAS,EAAE,iBAAiB;IAC5BC,IAAI,EAAE;EACR,CAAC,EACD;IACEJ,EAAE,EAAE,CAAC;IACLC,UAAU,EAAE,UAAU;IACtBC,OAAO,EAAE,QAAQ;IACjBC,SAAS,EAAE,UAAU;IACrBC,IAAI,EAAE;EACR,CAAC,EACD;IACEJ,EAAE,EAAE,CAAC;IACLC,UAAU,EAAE,UAAU;IACtBC,OAAO,EAAE,QAAQ;IACjBC,SAAS,EAAE,UAAU;IACrBC,IAAI,EAAE;EACR,CAAC;AAEL,CAAC","ignoreList":[]}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* IMPORTS
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
3
|
*/
|
|
4
4
|
import React from "react";
|
|
5
5
|
import { Modal, TouchableOpacity, FlatList } from "react-native";
|
|
6
6
|
|
|
7
7
|
// components
|
|
8
8
|
|
|
9
|
-
import Box from "
|
|
9
|
+
import Box from "../../box";
|
|
10
10
|
|
|
11
11
|
// commons / icons
|
|
12
|
-
import { Icons } from "
|
|
13
|
-
import { getIconModalActivities } from "
|
|
12
|
+
import { Icons } from "../../../common/icons-svg";
|
|
13
|
+
import { getIconModalActivities } from "../../../common/icons-svg/modal-activities";
|
|
14
14
|
|
|
15
15
|
// styles
|
|
16
|
-
import { theme } from "
|
|
17
|
-
import { Typography } from "
|
|
18
|
-
import { Button } from "
|
|
16
|
+
import { theme } from "../../../styles/theme/theme";
|
|
17
|
+
import { Typography } from "../../typography";
|
|
18
|
+
import { Button } from "../../button";
|
|
19
19
|
|
|
20
20
|
//typing
|
|
21
21
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Modal","TouchableOpacity","FlatList","Box","Icons","getIconModalActivities","theme","Typography","Button","activities","ModalActivities","onClose","handleActivity","activityType","isLoading","style","createElement","animationType","transparent","onRequestClose","backgroundColor","flexStyle","flex","justifyContent","alignItems","height","width","colors","neutral","borderStyled","borderColor","blue","borderWidth","borderWidths","thick","borderRadius","thick_medium","paddingStyle","padding","paddings","md","position","flexDirection","text","size","fontSizes","color","fontFamily","fonts","inter_bold_700","lineHeight","xl","activeOpacity","onPress","icon","marginStyle","marginTop","margins","data","numColumns","keyExtractor","item","id","toString","scrollEnabled","renderItem","marginBottom","referencia","descricao","xs","inter_medium_500","fontWeight","align","title","buttonTextStyle","fontSize","thin","marginLeft","bottom","left"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport React from \"react\";\r\nimport { Modal, TouchableOpacity, FlatList } from \"react-native\";\r\n\r\n// components\r\n\r\nimport Box from \"../../box\";\r\n\r\n// commons / icons\r\nimport { Icons } from \"../../../common/icons-svg\";\r\nimport { getIconModalActivities } from \"../../../common/icons-svg/modal-activities\";\r\n\r\n// styles\r\nimport { theme } from \"../../../styles/theme/theme\";\r\nimport { Typography } from \"../../typography\";\r\nimport { Button } from \"../../button\";\r\n\r\n//typing\r\nimport { IModalActivities, IActivity } from \"./interface\";\r\n\r\n// atividades\r\nimport { activities } from \"./data-activities\";\r\n\r\nexport const ModalActivities: React.FC<IModalActivities> = ({\r\n onClose,\r\n handleActivity,\r\n activityType,\r\n isLoading,\r\n style,\r\n}) => {\r\n return (\r\n <Modal animationType=\"fade\" transparent={true} onRequestClose={onClose}>\r\n <Box\r\n backgroundColor={\"rgba(0, 0, 0, 0.7)\"}\r\n flexStyle={{ flex: 1, justifyContent: \"center\", alignItems: \"center\" }}\r\n >\r\n <Box\r\n height={310}\r\n width={\"92%\"}\r\n backgroundColor={theme.colors.neutral[25]}\r\n borderStyled={{\r\n borderColor: theme.colors.blue[500],\r\n borderWidth: theme.borderWidths.thick,\r\n borderRadius: theme.borderWidths.thick_medium,\r\n }}\r\n paddingStyle={{\r\n padding: theme.paddings.md,\r\n }}\r\n style={{ position: \"relative\" }}\r\n >\r\n <Box\r\n width={\"100%\"}\r\n flexStyle={{\r\n flexDirection: \"row\",\r\n justifyContent: \"space-between\",\r\n alignItems: \"center\",\r\n }}\r\n >\r\n <Typography\r\n text=\"Atividades\"\r\n size={theme.fontSizes.md}\r\n color={theme.colors.blue[500]}\r\n fontFamily={theme.fonts.inter_bold_700}\r\n lineHeight={theme.fontSizes.xl}\r\n />\r\n\r\n <TouchableOpacity activeOpacity={0.7} onPress={onClose} style={{}}>\r\n <Icons icon=\"CLOSED\" color={theme.colors.blue[500]} />\r\n </TouchableOpacity>\r\n </Box>\r\n {/* as atividades */}\r\n <Box marginStyle={{ marginTop: theme.margins[\"2xl\"] }}>\r\n <FlatList\r\n data={activities[activityType]}\r\n numColumns={3}\r\n keyExtractor={(item) => item.id.toString()}\r\n scrollEnabled={false}\r\n renderItem={({ item }) => (\r\n <TouchableOpacity\r\n style={{\r\n alignItems: \"center\",\r\n width: 110,\r\n marginBottom: theme.margins[\"2xl\"], // espaço entre as linhas\r\n }}\r\n onPress={() => handleActivity(item as IActivity)}\r\n >\r\n {getIconModalActivities(item.referencia)}\r\n\r\n <Typography\r\n text={item.descricao}\r\n size={theme.fontSizes.xs}\r\n color={theme.colors.blue[500]}\r\n lineHeight={theme.fontSizes.md}\r\n fontFamily={theme.fonts.inter_medium_500}\r\n fontWeight=\"500\"\r\n align=\"center\"\r\n marginTop={5}\r\n />\r\n </TouchableOpacity>\r\n )}\r\n />\r\n </Box>\r\n\r\n <Button\r\n title={\"CANCELAR ATIVIDADE\"}\r\n width=\"100%\"\r\n height={40}\r\n activeOpacity={0.7}\r\n onPress={onClose}\r\n backgroundColor={theme.colors.blue[500]}\r\n buttonTextStyle={{\r\n color: theme.colors.neutral[25],\r\n fontFamily: theme.fonts.inter_medium_500,\r\n fontSize: theme.fontSizes.md,\r\n fontWeight: \"500\",\r\n }}\r\n flexStyle={{\r\n flexDirection: \"row\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n }}\r\n borderStyled={{\r\n borderWidth: theme.borderWidths.thin,\r\n borderColor: theme.colors.blue[500],\r\n borderRadius: theme.borderWidths.thick_medium,\r\n }}\r\n marginStyle={{ marginLeft: theme.margins.md }}\r\n isLoading={isLoading ?? false}\r\n style={[style, { position: \"absolute\", bottom: 10, left: 0 }]}\r\n />\r\n </Box>\r\n </Box>\r\n </Modal>\r\n );\r\n};\r\n"],"mappings":"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","ignoreList":[]}
|