jornada-ui 0.4.27 → 0.4.28
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/common/icons-svg/closed/index.js +1 -4
- package/lib/commonjs/common/icons-svg/closed/index.js.map +1 -1
- package/lib/commonjs/components/modal-type-activities/index.js +10 -9
- package/lib/commonjs/components/modal-type-activities/index.js.map +1 -1
- package/lib/commonjs/components/selects/select-option/index.js +5 -6
- package/lib/commonjs/components/selects/select-option/index.js.map +1 -1
- package/lib/module/common/icons-svg/closed/index.js +1 -4
- package/lib/module/common/icons-svg/closed/index.js.map +1 -1
- package/lib/module/components/modal-type-activities/index.js +10 -9
- package/lib/module/components/modal-type-activities/index.js.map +1 -1
- package/lib/module/components/selects/select-option/index.js +5 -6
- package/lib/module/components/selects/select-option/index.js.map +1 -1
- package/lib/typescript/commonjs/src/components/modal-type-activities/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/selects/select-option/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/modal-type-activities/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/selects/select-option/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/common/icons-svg/closed/index.tsx +2 -2
- package/src/components/modal-type-activities/index.tsx +190 -191
- package/src/components/selects/select-option/index.tsx +123 -124
|
@@ -18,15 +18,12 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
18
18
|
*/
|
|
19
19
|
|
|
20
20
|
const SvgIconClosed = ({
|
|
21
|
-
color
|
|
22
|
-
size
|
|
21
|
+
color
|
|
23
22
|
}) =>
|
|
24
23
|
/*#__PURE__*/
|
|
25
24
|
// @ts-expect-error
|
|
26
25
|
(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
27
26
|
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
-
width: size ?? 24,
|
|
29
|
-
height: size ?? 24,
|
|
30
27
|
fill: "none",
|
|
31
28
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.G, {
|
|
32
29
|
stroke: color ?? "#1e1e1e",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SvgIconClosed","color","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SvgIconClosed","color","jsxs","xmlns","fill","children","jsx","G","stroke","strokeLinecap","strokeLinejoin","strokeWidth","clipPath","Path","d","Defs","ClipPath","id","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["common/icons-svg/closed/index.tsx"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AAAgE,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAN,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAJhE;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMmB,aAAkC,GAAGA,CAAC;EAAEC;AAAK,CAAC;AAAA;AAClD;AACA,IAAArB,WAAA,CAAAsB,IAAA,EAACxB,eAAA,CAAAa,OAAG;EAACY,KAAK,EAAC,4BAA4B;EAAEC,IAAI,EAAC,MAAM;EAAAC,QAAA,gBAClD,IAAAzB,WAAA,CAAA0B,GAAA,EAAC5B,eAAA,CAAA6B,CAAC;IACAC,MAAM,EAAEP,KAAK,IAAI,SAAU;IAC3BQ,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,WAAW,EAAE,CAAE;IACfC,QAAQ,EAAC,SAAS;IAAAP,QAAA,eAElB,IAAAzB,WAAA,CAAA0B,GAAA,EAAC5B,eAAA,CAAAmC,IAAI;MAACC,CAAC,EAAC;IAAsD,CAAE;EAAC,CAChE,CAAC,eACJ,IAAAlC,WAAA,CAAA0B,GAAA,EAAC5B,eAAA,CAAAqC,IAAI;IAAAV,QAAA,eACH,IAAAzB,WAAA,CAAA0B,GAAA,EAAC5B,eAAA,CAAAsC,QAAQ;MAACC,EAAE,EAAC,GAAG;MAAAZ,QAAA,eACd,IAAAzB,WAAA,CAAA0B,GAAA,EAAC5B,eAAA,CAAAmC,IAAI;QAACT,IAAI,EAAC,SAAS;QAACU,CAAC,EAAC;MAAkB,CAAE;IAAC,CACpC;EAAC,CACP,CAAC;AAAA,CACJ,CACN;;AAED;AACA;AACA;AAFAI,OAAA,CAAAlB,aAAA,GAAAA,aAAA","ignoreList":[]}
|
|
@@ -17,8 +17,8 @@ var _asBaseComponent = require("../../@types/as-base-component.js");
|
|
|
17
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
18
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
19
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
20
|
-
/**
|
|
21
|
-
* IMPORTS
|
|
20
|
+
/**
|
|
21
|
+
* IMPORTS
|
|
22
22
|
*/
|
|
23
23
|
|
|
24
24
|
// components
|
|
@@ -35,7 +35,6 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
35
35
|
|
|
36
36
|
const NUM_COLS = 3;
|
|
37
37
|
const GUTTER = 8; // espaço horizontal entre botões
|
|
38
|
-
const ROW_SPACE = 12; // espaço vertical entre linhas
|
|
39
38
|
|
|
40
39
|
const ModalTypeActivities = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
41
40
|
testID = "modal-activity",
|
|
@@ -94,6 +93,10 @@ const ModalTypeActivities = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
94
93
|
testID: `${testID}-close-button`,
|
|
95
94
|
activeOpacity: 0.7,
|
|
96
95
|
onPress: onClose,
|
|
96
|
+
style: {
|
|
97
|
+
width: 30,
|
|
98
|
+
height: 30
|
|
99
|
+
},
|
|
97
100
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Icons, {
|
|
98
101
|
icon: "CLOSED",
|
|
99
102
|
color: _theme.theme.colors.blue[500]
|
|
@@ -106,7 +109,7 @@ const ModalTypeActivities = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
106
109
|
flexStyle: {
|
|
107
110
|
flex: 1,
|
|
108
111
|
justifyContent: "center",
|
|
109
|
-
alignItems: "
|
|
112
|
+
alignItems: "center"
|
|
110
113
|
},
|
|
111
114
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
|
|
112
115
|
data: driverType === "normal" ? _index5.activities[activityType] : _index5.activitiesReserva[activityType],
|
|
@@ -123,11 +126,9 @@ const ModalTypeActivities = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
123
126
|
style: {
|
|
124
127
|
alignItems: "center",
|
|
125
128
|
justifyContent: "flex-start",
|
|
126
|
-
width:
|
|
129
|
+
width: 100,
|
|
127
130
|
marginRight: isLastCol ? 0 : GUTTER,
|
|
128
131
|
// espaço entre colunas
|
|
129
|
-
marginBottom: ROW_SPACE,
|
|
130
|
-
// espaço entre linhas
|
|
131
132
|
paddingVertical: 12,
|
|
132
133
|
borderRadius: 8
|
|
133
134
|
},
|
|
@@ -189,8 +190,8 @@ const ModalTypeActivities = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
189
190
|
});
|
|
190
191
|
ModalTypeActivities.displayName = "ModalTypeActivities";
|
|
191
192
|
|
|
192
|
-
/**
|
|
193
|
-
* EXPORT
|
|
193
|
+
/**
|
|
194
|
+
* EXPORT
|
|
194
195
|
*/
|
|
195
196
|
var _default = exports.default = (0, _asBaseComponent.asBaseComponent)(ModalTypeActivities);
|
|
196
197
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_interopRequireDefault","_index2","_index3","_index4","_theme","_index5","_index6","_asBaseComponent","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NUM_COLS","GUTTER","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_interopRequireDefault","_index2","_index3","_index4","_theme","_index5","_index6","_asBaseComponent","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NUM_COLS","GUTTER","ModalTypeActivities","forwardRef","testID","visible","onClose","driverType","handleSelectActivity","activityType","isLoading","style","ref","jsx","Modal","animationType","transparent","onRequestClose","children","backgroundColor","flexStyle","flex","justifyContent","alignItems","jsxs","height","width","theme","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","TouchableOpacity","activeOpacity","onPress","Icons","icon","marginStyle","marginTop","margins","FlatList","data","activities","activitiesReserva","numColumns","keyExtractor","item","String","id","scrollEnabled","renderItem","index","isLastCol","marginRight","paddingVertical","getIconByProperty","referencia","descricao","xs","lg","inter_medium_500","fontWeight","align","numberOfLines","ellipsizeMode","title","buttonTextStyle","fontSize","thin","marginLeft","bottom","left","displayName","_default","exports","asBaseComponent"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/modal-type-activities/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -13,8 +13,8 @@ var _styles = require("./styles.js");
|
|
|
13
13
|
var _theme = require("../../../styles/theme/theme.js");
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
|
-
/**
|
|
17
|
-
* IMPORTS
|
|
16
|
+
/**
|
|
17
|
+
* IMPORTS
|
|
18
18
|
*/
|
|
19
19
|
|
|
20
20
|
// commons / svg
|
|
@@ -84,8 +84,7 @@ const SelectOption = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
|
84
84
|
style: {
|
|
85
85
|
width: "100%",
|
|
86
86
|
alignItems: "flex-end",
|
|
87
|
-
height: 40
|
|
88
|
-
paddingRight: 8
|
|
87
|
+
height: 40
|
|
89
88
|
},
|
|
90
89
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
91
90
|
testID: "close-icon",
|
|
@@ -122,8 +121,8 @@ const SelectOption = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
|
122
121
|
});
|
|
123
122
|
});
|
|
124
123
|
|
|
125
|
-
/**
|
|
126
|
-
* Componente SelectOption para a interação da ui.
|
|
124
|
+
/**
|
|
125
|
+
* Componente SelectOption para a interação da ui.
|
|
127
126
|
*/
|
|
128
127
|
var _default = exports.default = (0, _asBaseComponent.asBaseComponent)(SelectOption);
|
|
129
128
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_asBaseComponent","_styles","_theme","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SelectOption","forwardRef","props","ref","dataOption","handleSelectDown","titleLabel","sizeTitleLabel","colortitleLabel","backgroundColor","selectedValue","setSelectedValue","useState","value","modalVisible","setModalVisible","handleSelect","styleProps","jsxs","View","style","styles","container","children","Text","label","TouchableOpacity","testID","selectBox","onPress","jsx","selectedText","numberOfLines","handleLimitTextdisplayByAmount","limit","text","find","item","Icons","size","theme","fontSizes","color","colors","blue","icon","Modal","visible","transparent","animationType","modalOverlay","modalContainer","width","alignItems","height","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_asBaseComponent","_styles","_theme","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SelectOption","forwardRef","props","ref","dataOption","handleSelectDown","titleLabel","sizeTitleLabel","colortitleLabel","backgroundColor","selectedValue","setSelectedValue","useState","value","modalVisible","setModalVisible","handleSelect","styleProps","jsxs","View","style","styles","container","children","Text","label","TouchableOpacity","testID","selectBox","onPress","jsx","selectedText","numberOfLines","handleLimitTextdisplayByAmount","limit","text","find","item","Icons","size","theme","fontSizes","color","colors","blue","icon","Modal","visible","transparent","animationType","modalOverlay","modalContainer","width","alignItems","height","justifyContent","FlatList","data","keyExtractor","renderItem","option","optionText","_default","exports","asBaseComponent"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/selects/select-option/index.tsx"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AAGA,IAAAI,gBAAA,GAAAJ,OAAA;AAIA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAoD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAS,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAlBpD;AACA;AACA;;AAIA;;AAGA;;AAGA;;AAIA;;AAIA,MAAMkB,YAAY,gBAAG,IAAAC,iBAAU,EAA4B,CAACC,KAAK,EAAEC,GAAG,KAAyB;EAC7F,MAAM;IACJC,UAAU;IACVC,gBAAgB;IAChBC,UAAU;IACVC,cAAc;IACdC,eAAe;IACfC;EACF,CAAC,GAAGP,KAAK;EAET,MAAM,CAACQ,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAACR,UAAU,CAAC,CAAC,CAAC,EAAES,KAAK,IAAI,EAAE,CAAC;EAC9E,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAH,eAAQ,EAAC,KAAK,CAAC;EAEvD,MAAMI,YAAY,GAAIH,KAAa,IAAK;IACtCF,gBAAgB,CAACE,KAAK,CAAC;IACvBE,eAAe,CAAC,KAAK,CAAC;IACtBV,gBAAgB,CAACQ,KAAK,CAAC;EACzB,CAAC;EAED,MAAMI,UAAU,GAAG;IACjBb,UAAU;IACVC,gBAAgB;IAChBC,UAAU;IACVC,cAAc;IACdC,eAAe;IACfC;EACF,CAAyB;EACzB,oBACE,IAAA7B,WAAA,CAAAsC,IAAA,EAAC5C,YAAA,CAAA6C,IAAI;IAAChB,GAAG,EAAEA,GAAI;IAACiB,KAAK,EAAE,IAAAC,cAAM,EAACJ,UAAU,CAAC,CAACK,SAAU;IAAAC,QAAA,gBAElD,IAAA3C,WAAA,CAAAsC,IAAA,EAAC5C,YAAA,CAAAkD,IAAI;MAACJ,KAAK,EAAE,IAAAC,cAAM,EAACJ,UAAU,CAAC,CAACQ,KAAM;MAAAF,QAAA,GAAE,GAAGjB,UAAU,IAAI,qBAAqB,EAAE,EAAC,GAAC;IAAA,CAAM,CAAC,eAGzF,IAAA1B,WAAA,CAAAsC,IAAA,EAAC5C,YAAA,CAAAoD,gBAAgB;MACfC,MAAM,EAAC,YAAY;MACnBP,KAAK,EAAE,IAAAC,cAAM,EAACJ,UAAU,CAAC,CAACW,SAAU;MACpCC,OAAO,EAAEA,CAAA,KAAMd,eAAe,CAAC,IAAI,CAAE;MAAAQ,QAAA,gBAErC,IAAA3C,WAAA,CAAAkD,GAAA,EAACxD,YAAA,CAAAkD,IAAI;QAACJ,KAAK,EAAE,IAAAC,cAAM,EAACJ,UAAU,CAAC,CAACc,YAAa;QAACC,aAAa,EAAE,CAAE;QAAAT,QAAA,EAC5D,GAAG,IAAAU,sCAA8B,EAAC;UACjCC,KAAK,EAAE,EAAE;UACTC,IAAI,EAAE/B,UAAU,CAACgC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACxB,KAAK,KAAKH,aAAa,CAAC,EAAEe;QACjE,CAAC,CAAC;MAAE,CACA,CAAC,eAEP,IAAA7C,WAAA,CAAAkD,GAAA,EAACvD,MAAA,CAAA+D,KAAK;QACJC,IAAI,EAAEC,YAAK,CAACC,SAAS,CAAC,IAAI,CAAE;QAC5BC,KAAK,EAAEF,YAAK,CAACG,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;QAC9BC,IAAI,EAAE;MAAkB,CACzB,CAAC;IAAA,CACc,CAAC,eAGnB,IAAAjE,WAAA,CAAAkD,GAAA,EAACxD,YAAA,CAAAwE,KAAK;MAACnB,MAAM,EAAC,iBAAiB;MAACoB,OAAO,EAAEjC,YAAa;MAACkC,WAAW;MAACC,aAAa,EAAC,MAAM;MAAA1B,QAAA,eACrF,IAAA3C,WAAA,CAAAkD,GAAA,EAACxD,YAAA,CAAA6C,IAAI;QAACC,KAAK,EAAE,IAAAC,cAAM,EAACJ,UAAU,CAAC,CAACiC,YAAa;QAAA3B,QAAA,eAC3C,IAAA3C,WAAA,CAAAsC,IAAA,EAAC5C,YAAA,CAAA6C,IAAI;UAACC,KAAK,EAAE,IAAAC,cAAM,EAACJ,UAAU,CAAC,CAACkC,cAAe;UAAA5B,QAAA,gBAC7C,IAAA3C,WAAA,CAAAkD,GAAA,EAACxD,YAAA,CAAA6C,IAAI;YACHC,KAAK,EAAE;cACLgC,KAAK,EAAE,MAAM;cACbC,UAAU,EAAE,UAAU;cACtBC,MAAM,EAAE;YACV,CAAE;YAAA/B,QAAA,eAEF,IAAA3C,WAAA,CAAAkD,GAAA,EAACxD,YAAA,CAAAoD,gBAAgB;cACfC,MAAM,EAAC,YAAY;cACnBE,OAAO,EAAEA,CAAA,KAAMd,eAAe,CAAC,KAAK,CAAE;cACtCK,KAAK,EAAE;gBACLgC,KAAK,EAAE,EAAE;gBACTE,MAAM,EAAE,EAAE;gBACVD,UAAU,EAAE,QAAQ;gBACpBE,cAAc,EAAE;cAClB,CAAE;cAAAhC,QAAA,eAEF,IAAA3C,WAAA,CAAAkD,GAAA,EAACvD,MAAA,CAAA+D,KAAK;gBACJC,IAAI,EAAEC,YAAK,CAACC,SAAS,CAAC,IAAI,CAAE;gBAC5BC,KAAK,EAAEF,YAAK,CAACG,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;gBAC9BC,IAAI,EAAE;cAAS,CAChB;YAAC,CACc;UAAC,CACf,CAAC,eACP,IAAAjE,WAAA,CAAAkD,GAAA,EAACxD,YAAA,CAAAkF,QAAQ;YACPC,IAAI,EAAErD,UAAU,IAAI,EAAG;YACvBsD,YAAY,EAAGrB,IAAI,IAAKA,IAAI,CAACxB,KAAM;YACnC8C,UAAU,EAAEA,CAAC;cAAEtB;YAAK,CAAC,kBACnB,IAAAzD,WAAA,CAAAkD,GAAA,EAACxD,YAAA,CAAAoD,gBAAgB;cACfN,KAAK,EAAE,IAAAC,cAAM,EAACJ,UAAU,CAAC,CAAC2C,MAAO;cACjC/B,OAAO,EAAEA,CAAA,KAAMb,YAAY,CAACqB,IAAI,CAACxB,KAAK,CAAE;cAAAU,QAAA,eAExC,IAAA3C,WAAA,CAAAkD,GAAA,EAACxD,YAAA,CAAAkD,IAAI;gBAACJ,KAAK,EAAE,IAAAC,cAAM,EAACJ,UAAU,CAAC,CAAC4C,UAAW;gBAAAtC,QAAA,EAAEc,IAAI,CAACZ;cAAK,CAAO;YAAC,CAC/C;UAClB,CACH,CAAC;QAAA,CACE;MAAC,CACH;IAAC,CACF,CAAC;EAAA,CACJ,CAAC;AAEX,CAAC,CAAC;;AAEF;AACA;AACA;AAFA,IAAAqC,QAAA,GAAAC,OAAA,CAAAxE,OAAA,GAGe,IAAAyE,gCAAe,EAAChE,YAAY,CAAC","ignoreList":[]}
|
|
@@ -10,15 +10,12 @@ import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
|
|
|
10
10
|
*/
|
|
11
11
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
12
|
const SvgIconClosed = ({
|
|
13
|
-
color
|
|
14
|
-
size
|
|
13
|
+
color
|
|
15
14
|
}) =>
|
|
16
15
|
/*#__PURE__*/
|
|
17
16
|
// @ts-expect-error
|
|
18
17
|
_jsxs(Svg, {
|
|
19
18
|
xmlns: "http://www.w3.org/2000/svg",
|
|
20
|
-
width: size ?? 24,
|
|
21
|
-
height: size ?? 24,
|
|
22
19
|
fill: "none",
|
|
23
20
|
children: [/*#__PURE__*/_jsx(G, {
|
|
24
21
|
stroke: color ?? "#1e1e1e",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Svg","Path","G","Defs","ClipPath","jsx","_jsx","jsxs","_jsxs","SvgIconClosed","color","
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","G","Defs","ClipPath","jsx","_jsx","jsxs","_jsxs","SvgIconClosed","color","xmlns","fill","children","stroke","strokeLinecap","strokeLinejoin","strokeWidth","clipPath","d","id"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["common/icons-svg/closed/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,EAAEC,CAAC,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,kBAAkB;AAC/D;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAKA,MAAMC,aAAkC,GAAGA,CAAC;EAAEC;AAAK,CAAC;AAAA;AAClD;AACAF,KAAA,CAACR,GAAG;EAACW,KAAK,EAAC,4BAA4B;EAAEC,IAAI,EAAC,MAAM;EAAAC,QAAA,gBAClDP,IAAA,CAACJ,CAAC;IACAY,MAAM,EAAEJ,KAAK,IAAI,SAAU;IAC3BK,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,WAAW,EAAE,CAAE;IACfC,QAAQ,EAAC,SAAS;IAAAL,QAAA,eAElBP,IAAA,CAACL,IAAI;MAACkB,CAAC,EAAC;IAAsD,CAAE;EAAC,CAChE,CAAC,eACJb,IAAA,CAACH,IAAI;IAAAU,QAAA,eACHP,IAAA,CAACF,QAAQ;MAACgB,EAAE,EAAC,GAAG;MAAAP,QAAA,eACdP,IAAA,CAACL,IAAI;QAACW,IAAI,EAAC,SAAS;QAACO,CAAC,EAAC;MAAkB,CAAE;IAAC,CACpC;EAAC,CACP,CAAC;AAAA,CACJ,CACN;;AAED;AACA;AACA;AACA,SAASV,aAAa","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
* IMPORTS
|
|
3
|
+
/**
|
|
4
|
+
* IMPORTS
|
|
5
5
|
*/
|
|
6
6
|
import React, { forwardRef } from "react";
|
|
7
7
|
import { Modal, TouchableOpacity, FlatList } from "react-native";
|
|
@@ -28,7 +28,6 @@ import { asBaseComponent } from "../../@types/as-base-component.js";
|
|
|
28
28
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
29
29
|
const NUM_COLS = 3;
|
|
30
30
|
const GUTTER = 8; // espaço horizontal entre botões
|
|
31
|
-
const ROW_SPACE = 12; // espaço vertical entre linhas
|
|
32
31
|
|
|
33
32
|
const ModalTypeActivities = /*#__PURE__*/forwardRef(({
|
|
34
33
|
testID = "modal-activity",
|
|
@@ -87,6 +86,10 @@ const ModalTypeActivities = /*#__PURE__*/forwardRef(({
|
|
|
87
86
|
testID: `${testID}-close-button`,
|
|
88
87
|
activeOpacity: 0.7,
|
|
89
88
|
onPress: onClose,
|
|
89
|
+
style: {
|
|
90
|
+
width: 30,
|
|
91
|
+
height: 30
|
|
92
|
+
},
|
|
90
93
|
children: /*#__PURE__*/_jsx(Icons, {
|
|
91
94
|
icon: "CLOSED",
|
|
92
95
|
color: theme.colors.blue[500]
|
|
@@ -99,7 +102,7 @@ const ModalTypeActivities = /*#__PURE__*/forwardRef(({
|
|
|
99
102
|
flexStyle: {
|
|
100
103
|
flex: 1,
|
|
101
104
|
justifyContent: "center",
|
|
102
|
-
alignItems: "
|
|
105
|
+
alignItems: "center"
|
|
103
106
|
},
|
|
104
107
|
children: /*#__PURE__*/_jsx(FlatList, {
|
|
105
108
|
data: driverType === "normal" ? activities[activityType] : activitiesReserva[activityType],
|
|
@@ -116,11 +119,9 @@ const ModalTypeActivities = /*#__PURE__*/forwardRef(({
|
|
|
116
119
|
style: {
|
|
117
120
|
alignItems: "center",
|
|
118
121
|
justifyContent: "flex-start",
|
|
119
|
-
width:
|
|
122
|
+
width: 100,
|
|
120
123
|
marginRight: isLastCol ? 0 : GUTTER,
|
|
121
124
|
// espaço entre colunas
|
|
122
|
-
marginBottom: ROW_SPACE,
|
|
123
|
-
// espaço entre linhas
|
|
124
125
|
paddingVertical: 12,
|
|
125
126
|
borderRadius: 8
|
|
126
127
|
},
|
|
@@ -182,8 +183,8 @@ const ModalTypeActivities = /*#__PURE__*/forwardRef(({
|
|
|
182
183
|
});
|
|
183
184
|
ModalTypeActivities.displayName = "ModalTypeActivities";
|
|
184
185
|
|
|
185
|
-
/**
|
|
186
|
-
* EXPORT
|
|
186
|
+
/**
|
|
187
|
+
* EXPORT
|
|
187
188
|
*/
|
|
188
189
|
export default asBaseComponent(ModalTypeActivities);
|
|
189
190
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","Modal","TouchableOpacity","FlatList","Box","Button","Typography","Icons","theme","activities","activitiesReserva","getIconByProperty","asBaseComponent","jsx","_jsx","jsxs","_jsxs","NUM_COLS","GUTTER","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","Modal","TouchableOpacity","FlatList","Box","Button","Typography","Icons","theme","activities","activitiesReserva","getIconByProperty","asBaseComponent","jsx","_jsx","jsxs","_jsxs","NUM_COLS","GUTTER","ModalTypeActivities","testID","visible","onClose","driverType","handleSelectActivity","activityType","isLoading","style","ref","animationType","transparent","onRequestClose","children","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","String","id","scrollEnabled","renderItem","index","isLastCol","marginRight","paddingVertical","referencia","descricao","xs","lg","inter_medium_500","fontWeight","align","numberOfLines","ellipsizeMode","title","buttonTextStyle","fontSize","thin","marginLeft","bottom","left","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/modal-type-activities/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
* IMPORTS
|
|
3
|
+
/**
|
|
4
|
+
* IMPORTS
|
|
5
5
|
*/
|
|
6
6
|
import React, { forwardRef, useState } from "react";
|
|
7
7
|
import { View, Text, TouchableOpacity, Modal, FlatList } from "react-native";
|
|
@@ -77,8 +77,7 @@ const SelectOption = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
77
77
|
style: {
|
|
78
78
|
width: "100%",
|
|
79
79
|
alignItems: "flex-end",
|
|
80
|
-
height: 40
|
|
81
|
-
paddingRight: 8
|
|
80
|
+
height: 40
|
|
82
81
|
},
|
|
83
82
|
children: /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
84
83
|
testID: "close-icon",
|
|
@@ -115,8 +114,8 @@ const SelectOption = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
115
114
|
});
|
|
116
115
|
});
|
|
117
116
|
|
|
118
|
-
/**
|
|
119
|
-
* Componente SelectOption para a interação da ui.
|
|
117
|
+
/**
|
|
118
|
+
* Componente SelectOption para a interação da ui.
|
|
120
119
|
*/
|
|
121
120
|
export default asBaseComponent(SelectOption);
|
|
122
121
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useState","View","Text","TouchableOpacity","Modal","FlatList","Icons","handleLimitTextdisplayByAmount","asBaseComponent","styles","theme","jsxs","_jsxs","jsx","_jsx","SelectOption","props","ref","dataOption","handleSelectDown","titleLabel","sizeTitleLabel","colortitleLabel","backgroundColor","selectedValue","setSelectedValue","value","modalVisible","setModalVisible","handleSelect","styleProps","style","container","children","label","testID","selectBox","onPress","selectedText","numberOfLines","limit","text","find","item","size","fontSizes","color","colors","blue","icon","visible","transparent","animationType","modalOverlay","modalContainer","width","alignItems","height","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useState","View","Text","TouchableOpacity","Modal","FlatList","Icons","handleLimitTextdisplayByAmount","asBaseComponent","styles","theme","jsxs","_jsxs","jsx","_jsx","SelectOption","props","ref","dataOption","handleSelectDown","titleLabel","sizeTitleLabel","colortitleLabel","backgroundColor","selectedValue","setSelectedValue","value","modalVisible","setModalVisible","handleSelect","styleProps","style","container","children","label","testID","selectBox","onPress","selectedText","numberOfLines","limit","text","find","item","size","fontSizes","color","colors","blue","icon","visible","transparent","animationType","modalOverlay","modalContainer","width","alignItems","height","justifyContent","data","keyExtractor","renderItem","option","optionText"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/selects/select-option/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal-type-activities/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAe1C,OAAO,KAAK,EAAE,oBAAoB,EAAa,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal-type-activities/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAe1C,OAAO,KAAK,EAAE,oBAAoB,EAAa,MAAM,aAAa,CAAC;AAwKnE;;GAEG;;AACH,wBAAoD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/selects/select-option/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAA+B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/selects/select-option/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAoHpD;;GAEG;;;;;;;;;;;;;AACH,wBAA6C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal-type-activities/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAe1C,OAAO,KAAK,EAAE,oBAAoB,EAAa,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal-type-activities/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAe1C,OAAO,KAAK,EAAE,oBAAoB,EAAa,MAAM,aAAa,CAAC;AAwKnE;;GAEG;;AACH,wBAAoD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/selects/select-option/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAA+B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/selects/select-option/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAoHpD;;GAEG;;;;;;;;;;;;;AACH,wBAA6C"}
|
package/package.json
CHANGED
|
@@ -8,9 +8,9 @@ import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
|
|
|
8
8
|
*/
|
|
9
9
|
import { type ISvgProps } from "../interface";
|
|
10
10
|
|
|
11
|
-
const SvgIconClosed: React.FC<ISvgProps> = ({ color
|
|
11
|
+
const SvgIconClosed: React.FC<ISvgProps> = ({ color}) => (
|
|
12
12
|
// @ts-expect-error
|
|
13
|
-
<Svg xmlns="http://www.w3.org/2000/svg"
|
|
13
|
+
<Svg xmlns="http://www.w3.org/2000/svg" fill="none">
|
|
14
14
|
<G
|
|
15
15
|
stroke={color ?? "#1e1e1e"}
|
|
16
16
|
strokeLinecap="round"
|
|
@@ -1,191 +1,190 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* IMPORTS
|
|
3
|
-
*/
|
|
4
|
-
import React, { forwardRef } from "react";
|
|
5
|
-
import { Modal, TouchableOpacity, FlatList } from "react-native";
|
|
6
|
-
|
|
7
|
-
// components
|
|
8
|
-
import Box from "../box";
|
|
9
|
-
import Button from "../button";
|
|
10
|
-
import Typography from "../typography";
|
|
11
|
-
|
|
12
|
-
// commons / icons
|
|
13
|
-
import { Icons } from "../../common/icons-svg";
|
|
14
|
-
|
|
15
|
-
// styles
|
|
16
|
-
import { theme } from "../../styles/theme/theme";
|
|
17
|
-
|
|
18
|
-
//typing
|
|
19
|
-
import type { IModalTypeActivities, IActivity } from "./interface";
|
|
20
|
-
|
|
21
|
-
// atividades
|
|
22
|
-
import { activities, activitiesReserva } from "./mock";
|
|
23
|
-
|
|
24
|
-
// utils
|
|
25
|
-
import { getIconByProperty, type PropertyType } from "../../utils/get-icon-by-property";
|
|
26
|
-
import { asBaseComponent } from "../../@types/as-base-component";
|
|
27
|
-
|
|
28
|
-
const NUM_COLS = 3;
|
|
29
|
-
const GUTTER = 8; // espaço horizontal entre botões
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
}}
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
>
|
|
95
|
-
<Icons icon="CLOSED" color={theme.colors.blue[500]} />
|
|
96
|
-
</TouchableOpacity>
|
|
97
|
-
</Box>
|
|
98
|
-
|
|
99
|
-
{/* as atividades */}
|
|
100
|
-
<Box
|
|
101
|
-
marginStyle={{ marginTop: theme.margins["2xl"] }}
|
|
102
|
-
flexStyle={{ flex: 1, justifyContent: "center", alignItems: "
|
|
103
|
-
>
|
|
104
|
-
<FlatList
|
|
105
|
-
data={
|
|
106
|
-
driverType === "normal"
|
|
107
|
-
? activities[activityType]
|
|
108
|
-
: activitiesReserva[activityType]
|
|
109
|
-
}
|
|
110
|
-
numColumns={NUM_COLS}
|
|
111
|
-
keyExtractor={(item) => String(item.id)}
|
|
112
|
-
scrollEnabled={false}
|
|
113
|
-
renderItem={({ item, index }) => {
|
|
114
|
-
const isLastCol = (index + 1) % NUM_COLS === 0;
|
|
115
|
-
|
|
116
|
-
return (
|
|
117
|
-
<TouchableOpacity
|
|
118
|
-
testID={`${testID}-${index}`}
|
|
119
|
-
style={{
|
|
120
|
-
alignItems: "center",
|
|
121
|
-
justifyContent: "flex-start",
|
|
122
|
-
width:
|
|
123
|
-
marginRight: isLastCol ? 0 : GUTTER, // espaço entre colunas
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
}}
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
export default asBaseComponent(ModalTypeActivities);
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
import React, { forwardRef } from "react";
|
|
5
|
+
import { Modal, TouchableOpacity, FlatList } from "react-native";
|
|
6
|
+
|
|
7
|
+
// components
|
|
8
|
+
import Box from "../box";
|
|
9
|
+
import Button from "../button";
|
|
10
|
+
import Typography from "../typography";
|
|
11
|
+
|
|
12
|
+
// commons / icons
|
|
13
|
+
import { Icons } from "../../common/icons-svg";
|
|
14
|
+
|
|
15
|
+
// styles
|
|
16
|
+
import { theme } from "../../styles/theme/theme";
|
|
17
|
+
|
|
18
|
+
//typing
|
|
19
|
+
import type { IModalTypeActivities, IActivity } from "./interface";
|
|
20
|
+
|
|
21
|
+
// atividades
|
|
22
|
+
import { activities, activitiesReserva } from "./mock";
|
|
23
|
+
|
|
24
|
+
// utils
|
|
25
|
+
import { getIconByProperty, type PropertyType } from "../../utils/get-icon-by-property";
|
|
26
|
+
import { asBaseComponent } from "../../@types/as-base-component";
|
|
27
|
+
|
|
28
|
+
const NUM_COLS = 3;
|
|
29
|
+
const GUTTER = 8; // espaço horizontal entre botões
|
|
30
|
+
|
|
31
|
+
const ModalTypeActivities = forwardRef<any, IModalTypeActivities>(
|
|
32
|
+
(
|
|
33
|
+
{
|
|
34
|
+
testID = "modal-activity",
|
|
35
|
+
visible,
|
|
36
|
+
onClose,
|
|
37
|
+
driverType,
|
|
38
|
+
handleSelectActivity,
|
|
39
|
+
activityType,
|
|
40
|
+
isLoading,
|
|
41
|
+
style,
|
|
42
|
+
},
|
|
43
|
+
ref
|
|
44
|
+
): React.ReactElement => {
|
|
45
|
+
return (
|
|
46
|
+
<Modal
|
|
47
|
+
testID={testID}
|
|
48
|
+
ref={ref}
|
|
49
|
+
animationType="fade"
|
|
50
|
+
transparent={true}
|
|
51
|
+
onRequestClose={onClose}
|
|
52
|
+
visible={visible}
|
|
53
|
+
>
|
|
54
|
+
<Box
|
|
55
|
+
backgroundColor={"rgba(0, 0, 0, 0.7)"}
|
|
56
|
+
flexStyle={{ flex: 1, justifyContent: "center", alignItems: "center" }}
|
|
57
|
+
>
|
|
58
|
+
<Box
|
|
59
|
+
height={330}
|
|
60
|
+
width={"92%"}
|
|
61
|
+
backgroundColor={theme.colors.neutral[25]}
|
|
62
|
+
borderStyled={{
|
|
63
|
+
borderColor: theme.colors.blue[500],
|
|
64
|
+
borderWidth: theme.borderWidths.thick,
|
|
65
|
+
borderRadius: theme.borderWidths.thick_medium,
|
|
66
|
+
}}
|
|
67
|
+
paddingStyle={{
|
|
68
|
+
padding: theme.paddings.md,
|
|
69
|
+
}}
|
|
70
|
+
style={{ position: "relative" }}
|
|
71
|
+
>
|
|
72
|
+
<Box
|
|
73
|
+
width={"100%"}
|
|
74
|
+
flexStyle={{
|
|
75
|
+
flexDirection: "row",
|
|
76
|
+
justifyContent: "space-between",
|
|
77
|
+
alignItems: "center",
|
|
78
|
+
}}
|
|
79
|
+
>
|
|
80
|
+
<Typography
|
|
81
|
+
testID={`${testID}-title`}
|
|
82
|
+
text="Atividades"
|
|
83
|
+
size={theme.fontSizes.md}
|
|
84
|
+
color={theme.colors.blue[500]}
|
|
85
|
+
fontFamily={theme.fonts.inter_bold_700}
|
|
86
|
+
lineHeight={theme.fontSizes.xl}
|
|
87
|
+
/>
|
|
88
|
+
|
|
89
|
+
<TouchableOpacity
|
|
90
|
+
testID={`${testID}-close-button`}
|
|
91
|
+
activeOpacity={0.7}
|
|
92
|
+
onPress={onClose}
|
|
93
|
+
style={{width: 30, height:30}}
|
|
94
|
+
>
|
|
95
|
+
<Icons icon="CLOSED" color={theme.colors.blue[500]} />
|
|
96
|
+
</TouchableOpacity>
|
|
97
|
+
</Box>
|
|
98
|
+
|
|
99
|
+
{/* as atividades */}
|
|
100
|
+
<Box
|
|
101
|
+
marginStyle={{ marginTop: theme.margins["2xl"], }}
|
|
102
|
+
flexStyle={{ flex: 1, justifyContent: "center", alignItems: "center" }}
|
|
103
|
+
>
|
|
104
|
+
<FlatList
|
|
105
|
+
data={
|
|
106
|
+
driverType === "normal"
|
|
107
|
+
? activities[activityType]
|
|
108
|
+
: activitiesReserva[activityType]
|
|
109
|
+
}
|
|
110
|
+
numColumns={NUM_COLS}
|
|
111
|
+
keyExtractor={(item) => String(item.id)}
|
|
112
|
+
scrollEnabled={false}
|
|
113
|
+
renderItem={({ item, index }) => {
|
|
114
|
+
const isLastCol = (index + 1) % NUM_COLS === 0;
|
|
115
|
+
|
|
116
|
+
return (
|
|
117
|
+
<TouchableOpacity
|
|
118
|
+
testID={`${testID}-${index}`}
|
|
119
|
+
style={{
|
|
120
|
+
alignItems: "center",
|
|
121
|
+
justifyContent: "flex-start",
|
|
122
|
+
width: 100,
|
|
123
|
+
marginRight: isLastCol ? 0 : GUTTER, // espaço entre colunas
|
|
124
|
+
paddingVertical: 12,
|
|
125
|
+
borderRadius: 8,
|
|
126
|
+
}}
|
|
127
|
+
onPress={() => handleSelectActivity(item as IActivity)}
|
|
128
|
+
>
|
|
129
|
+
{getIconByProperty(item.referencia as PropertyType)}
|
|
130
|
+
|
|
131
|
+
<Typography
|
|
132
|
+
testID={`${testID}-description-${index}`}
|
|
133
|
+
text={item.descricao}
|
|
134
|
+
size={theme.fontSizes.xs}
|
|
135
|
+
color={theme.colors.blue[500]}
|
|
136
|
+
lineHeight={theme.fontSizes.lg}
|
|
137
|
+
fontFamily={theme.fonts.inter_medium_500}
|
|
138
|
+
fontWeight="500"
|
|
139
|
+
align="center"
|
|
140
|
+
marginTop={5}
|
|
141
|
+
numberOfLines={3} // <= limita a 2 linhas
|
|
142
|
+
ellipsizeMode="tail" // <= se passar, coloca “...”
|
|
143
|
+
/>
|
|
144
|
+
</TouchableOpacity>
|
|
145
|
+
);
|
|
146
|
+
}}
|
|
147
|
+
/>
|
|
148
|
+
</Box>
|
|
149
|
+
|
|
150
|
+
<Button
|
|
151
|
+
testID={`${testID}-cancel-button`}
|
|
152
|
+
title={"CANCELAR ATIVIDADE"}
|
|
153
|
+
width="100%"
|
|
154
|
+
height={40}
|
|
155
|
+
activeOpacity={0.7}
|
|
156
|
+
onPress={onClose}
|
|
157
|
+
backgroundColor={theme.colors.blue[500]}
|
|
158
|
+
buttonTextStyle={{
|
|
159
|
+
color: theme.colors.neutral[25],
|
|
160
|
+
fontFamily: theme.fonts.inter_medium_500,
|
|
161
|
+
fontSize: theme.fontSizes.md,
|
|
162
|
+
fontWeight: "500",
|
|
163
|
+
}}
|
|
164
|
+
flexStyle={{
|
|
165
|
+
flexDirection: "row",
|
|
166
|
+
alignItems: "center",
|
|
167
|
+
justifyContent: "center",
|
|
168
|
+
}}
|
|
169
|
+
borderStyled={{
|
|
170
|
+
borderWidth: theme.borderWidths.thin,
|
|
171
|
+
borderColor: theme.colors.blue[500],
|
|
172
|
+
borderRadius: theme.borderWidths.thick_medium,
|
|
173
|
+
}}
|
|
174
|
+
marginStyle={{ marginLeft: theme.margins.md, }}
|
|
175
|
+
isLoading={isLoading ?? false}
|
|
176
|
+
style={[style, { position: "absolute", bottom: 10, left: 0 }]}
|
|
177
|
+
/>
|
|
178
|
+
</Box>
|
|
179
|
+
</Box>
|
|
180
|
+
</Modal>
|
|
181
|
+
);
|
|
182
|
+
}
|
|
183
|
+
);
|
|
184
|
+
|
|
185
|
+
ModalTypeActivities.displayName = "ModalTypeActivities";
|
|
186
|
+
|
|
187
|
+
/**
|
|
188
|
+
* EXPORT
|
|
189
|
+
*/
|
|
190
|
+
export default asBaseComponent(ModalTypeActivities);
|
|
@@ -1,124 +1,123 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* IMPORTS
|
|
3
|
-
*/
|
|
4
|
-
import React, { forwardRef, useState } from "react";
|
|
5
|
-
import { View, Text, TouchableOpacity, Modal, FlatList } from "react-native";
|
|
6
|
-
|
|
7
|
-
// commons / svg
|
|
8
|
-
import { Icons } from "../../../common/icons-svg";
|
|
9
|
-
|
|
10
|
-
// utils
|
|
11
|
-
import { handleLimitTextdisplayByAmount } from "../../../utils/text-limit";
|
|
12
|
-
|
|
13
|
-
// typings
|
|
14
|
-
import { asBaseComponent } from "../../../@types/as-base-component";
|
|
15
|
-
import type { ISelectDropDownProps } from "./interface";
|
|
16
|
-
|
|
17
|
-
// styles
|
|
18
|
-
import { styles } from "./styles";
|
|
19
|
-
import { theme } from "../../../styles/theme/theme";
|
|
20
|
-
|
|
21
|
-
const SelectOption = forwardRef<any, ISelectDropDownProps>((props, ref): React.ReactElement => {
|
|
22
|
-
const {
|
|
23
|
-
dataOption,
|
|
24
|
-
handleSelectDown,
|
|
25
|
-
titleLabel,
|
|
26
|
-
sizeTitleLabel,
|
|
27
|
-
colortitleLabel,
|
|
28
|
-
backgroundColor,
|
|
29
|
-
} = props;
|
|
30
|
-
|
|
31
|
-
const [selectedValue, setSelectedValue] = useState(dataOption[0]?.value || "");
|
|
32
|
-
const [modalVisible, setModalVisible] = useState(false);
|
|
33
|
-
|
|
34
|
-
const handleSelect = (value: string) => {
|
|
35
|
-
setSelectedValue(value);
|
|
36
|
-
setModalVisible(false);
|
|
37
|
-
handleSelectDown(value);
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
const styleProps = {
|
|
41
|
-
dataOption,
|
|
42
|
-
handleSelectDown,
|
|
43
|
-
titleLabel,
|
|
44
|
-
sizeTitleLabel,
|
|
45
|
-
colortitleLabel,
|
|
46
|
-
backgroundColor,
|
|
47
|
-
} as ISelectDropDownProps;
|
|
48
|
-
return (
|
|
49
|
-
<View ref={ref} style={styles(styleProps).container}>
|
|
50
|
-
{/* Titulo para exibir o label */}
|
|
51
|
-
<Text style={styles(styleProps).label}>{`${titleLabel ?? "Selecione uma opção"}`}:</Text>
|
|
52
|
-
|
|
53
|
-
{/* Botão para abrir o modal */}
|
|
54
|
-
<TouchableOpacity
|
|
55
|
-
testID="select-box"
|
|
56
|
-
style={styles(styleProps).selectBox}
|
|
57
|
-
onPress={() => setModalVisible(true)}
|
|
58
|
-
>
|
|
59
|
-
<Text style={styles(styleProps).selectedText} numberOfLines={1}>
|
|
60
|
-
{`${handleLimitTextdisplayByAmount({
|
|
61
|
-
limit: 42,
|
|
62
|
-
text: dataOption.find((item) => item.value === selectedValue)?.label!,
|
|
63
|
-
})}`}
|
|
64
|
-
</Text>
|
|
65
|
-
|
|
66
|
-
<Icons
|
|
67
|
-
size={theme.fontSizes["xs"]}
|
|
68
|
-
color={theme.colors.blue[500]}
|
|
69
|
-
icon={"ARROW_DROP_DOWN"}
|
|
70
|
-
/>
|
|
71
|
-
</TouchableOpacity>
|
|
72
|
-
|
|
73
|
-
{/* Modal para exibir as opções */}
|
|
74
|
-
<Modal testID="modal-container" visible={modalVisible} transparent animationType="fade">
|
|
75
|
-
<View style={styles(styleProps).modalOverlay}>
|
|
76
|
-
<View style={styles(styleProps).modalContainer}>
|
|
77
|
-
<View
|
|
78
|
-
style={{
|
|
79
|
-
width: "100%",
|
|
80
|
-
alignItems: "flex-end",
|
|
81
|
-
height: 40,
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
export default asBaseComponent(SelectOption);
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
import React, { forwardRef, useState } from "react";
|
|
5
|
+
import { View, Text, TouchableOpacity, Modal, FlatList } from "react-native";
|
|
6
|
+
|
|
7
|
+
// commons / svg
|
|
8
|
+
import { Icons } from "../../../common/icons-svg";
|
|
9
|
+
|
|
10
|
+
// utils
|
|
11
|
+
import { handleLimitTextdisplayByAmount } from "../../../utils/text-limit";
|
|
12
|
+
|
|
13
|
+
// typings
|
|
14
|
+
import { asBaseComponent } from "../../../@types/as-base-component";
|
|
15
|
+
import type { ISelectDropDownProps } from "./interface";
|
|
16
|
+
|
|
17
|
+
// styles
|
|
18
|
+
import { styles } from "./styles";
|
|
19
|
+
import { theme } from "../../../styles/theme/theme";
|
|
20
|
+
|
|
21
|
+
const SelectOption = forwardRef<any, ISelectDropDownProps>((props, ref): React.ReactElement => {
|
|
22
|
+
const {
|
|
23
|
+
dataOption,
|
|
24
|
+
handleSelectDown,
|
|
25
|
+
titleLabel,
|
|
26
|
+
sizeTitleLabel,
|
|
27
|
+
colortitleLabel,
|
|
28
|
+
backgroundColor,
|
|
29
|
+
} = props;
|
|
30
|
+
|
|
31
|
+
const [selectedValue, setSelectedValue] = useState(dataOption[0]?.value || "");
|
|
32
|
+
const [modalVisible, setModalVisible] = useState(false);
|
|
33
|
+
|
|
34
|
+
const handleSelect = (value: string) => {
|
|
35
|
+
setSelectedValue(value);
|
|
36
|
+
setModalVisible(false);
|
|
37
|
+
handleSelectDown(value);
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
const styleProps = {
|
|
41
|
+
dataOption,
|
|
42
|
+
handleSelectDown,
|
|
43
|
+
titleLabel,
|
|
44
|
+
sizeTitleLabel,
|
|
45
|
+
colortitleLabel,
|
|
46
|
+
backgroundColor,
|
|
47
|
+
} as ISelectDropDownProps;
|
|
48
|
+
return (
|
|
49
|
+
<View ref={ref} style={styles(styleProps).container}>
|
|
50
|
+
{/* Titulo para exibir o label */}
|
|
51
|
+
<Text style={styles(styleProps).label}>{`${titleLabel ?? "Selecione uma opção"}`}:</Text>
|
|
52
|
+
|
|
53
|
+
{/* Botão para abrir o modal */}
|
|
54
|
+
<TouchableOpacity
|
|
55
|
+
testID="select-box"
|
|
56
|
+
style={styles(styleProps).selectBox}
|
|
57
|
+
onPress={() => setModalVisible(true)}
|
|
58
|
+
>
|
|
59
|
+
<Text style={styles(styleProps).selectedText} numberOfLines={1}>
|
|
60
|
+
{`${handleLimitTextdisplayByAmount({
|
|
61
|
+
limit: 42,
|
|
62
|
+
text: dataOption.find((item) => item.value === selectedValue)?.label!,
|
|
63
|
+
})}`}
|
|
64
|
+
</Text>
|
|
65
|
+
|
|
66
|
+
<Icons
|
|
67
|
+
size={theme.fontSizes["xs"]}
|
|
68
|
+
color={theme.colors.blue[500]}
|
|
69
|
+
icon={"ARROW_DROP_DOWN"}
|
|
70
|
+
/>
|
|
71
|
+
</TouchableOpacity>
|
|
72
|
+
|
|
73
|
+
{/* Modal para exibir as opções */}
|
|
74
|
+
<Modal testID="modal-container" visible={modalVisible} transparent animationType="fade">
|
|
75
|
+
<View style={styles(styleProps).modalOverlay}>
|
|
76
|
+
<View style={styles(styleProps).modalContainer}>
|
|
77
|
+
<View
|
|
78
|
+
style={{
|
|
79
|
+
width: "100%",
|
|
80
|
+
alignItems: "flex-end",
|
|
81
|
+
height: 40,
|
|
82
|
+
}}
|
|
83
|
+
>
|
|
84
|
+
<TouchableOpacity
|
|
85
|
+
testID="close-icon"
|
|
86
|
+
onPress={() => setModalVisible(false)}
|
|
87
|
+
style={{
|
|
88
|
+
width: 40,
|
|
89
|
+
height: 45,
|
|
90
|
+
alignItems: "center",
|
|
91
|
+
justifyContent: "center",
|
|
92
|
+
}}
|
|
93
|
+
>
|
|
94
|
+
<Icons
|
|
95
|
+
size={theme.fontSizes["md"]}
|
|
96
|
+
color={theme.colors.blue[500]}
|
|
97
|
+
icon={"CLOSED"}
|
|
98
|
+
/>
|
|
99
|
+
</TouchableOpacity>
|
|
100
|
+
</View>
|
|
101
|
+
<FlatList
|
|
102
|
+
data={dataOption || []}
|
|
103
|
+
keyExtractor={(item) => item.value}
|
|
104
|
+
renderItem={({ item }) => (
|
|
105
|
+
<TouchableOpacity
|
|
106
|
+
style={styles(styleProps).option}
|
|
107
|
+
onPress={() => handleSelect(item.value)}
|
|
108
|
+
>
|
|
109
|
+
<Text style={styles(styleProps).optionText}>{item.label}</Text>
|
|
110
|
+
</TouchableOpacity>
|
|
111
|
+
)}
|
|
112
|
+
/>
|
|
113
|
+
</View>
|
|
114
|
+
</View>
|
|
115
|
+
</Modal>
|
|
116
|
+
</View>
|
|
117
|
+
);
|
|
118
|
+
});
|
|
119
|
+
|
|
120
|
+
/**
|
|
121
|
+
* Componente SelectOption para a interação da ui.
|
|
122
|
+
*/
|
|
123
|
+
export default asBaseComponent(SelectOption);
|