react-native-exp-fig 0.1.42 → 0.1.44
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/document-carga-info/index.js +1 -0
- package/lib/commonjs/components/document-carga-info/index.js.map +1 -1
- package/lib/commonjs/components/document-carga-info/styles.js +1 -0
- package/lib/commonjs/components/document-carga-info/styles.js.map +1 -1
- package/lib/commonjs/components/driver-journey-info/style.js +1 -0
- package/lib/commonjs/components/driver-journey-info/style.js.map +1 -1
- package/lib/commonjs/components/filter-date-selector/index.js +6 -5
- package/lib/commonjs/components/filter-date-selector/index.js.map +1 -1
- package/lib/commonjs/components/filter-date-selector/interface.d.js.map +1 -1
- package/lib/commonjs/utils/status-color/return-color.js +2 -2
- package/lib/commonjs/utils/status-color/return-color.js.map +1 -1
- package/lib/module/components/document-carga-info/index.js +1 -0
- package/lib/module/components/document-carga-info/index.js.map +1 -1
- package/lib/module/components/document-carga-info/styles.js +1 -0
- package/lib/module/components/document-carga-info/styles.js.map +1 -1
- package/lib/module/components/driver-journey-info/style.js +1 -0
- package/lib/module/components/driver-journey-info/style.js.map +1 -1
- package/lib/module/components/filter-date-selector/index.js +6 -6
- package/lib/module/components/filter-date-selector/index.js.map +1 -1
- package/lib/module/components/filter-date-selector/interface.d.js.map +1 -1
- package/lib/module/utils/status-color/return-color.js +2 -2
- package/lib/module/utils/status-color/return-color.js.map +1 -1
- package/lib/typescript/src/components/document-carga-info/styles.d.ts +1 -0
- package/lib/typescript/src/utils/status-color/return-color.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/document-carga-info/index.tsx +2 -1
- package/src/components/document-carga-info/styles.ts +1 -0
- package/src/components/driver-journey-info/style.ts +2 -1
- package/src/components/filter-date-selector/index.tsx +9 -4
- package/src/components/filter-date-selector/interface.d.ts +5 -0
- package/src/utils/status-color/return-color.ts +36 -36
|
@@ -42,6 +42,7 @@ const DocumentCargaInfo = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
|
42
42
|
ref: ref,
|
|
43
43
|
style: _styles.styles.container
|
|
44
44
|
}, rest), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_box.default, {
|
|
45
|
+
width: "100%",
|
|
45
46
|
flexStyle: {
|
|
46
47
|
flexDirection: "row",
|
|
47
48
|
alignItems: "center"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_box","_interopRequireDefault","_typography","_asBaseComponent","_styles","_theme","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","DocumentCargaInfo","forwardRef","props","ref","title","numberDocument","linkDocument","isAlert","errorMessage","rest","handleOpenPdf","url","Linking","openURL","error","console","log","createElement","style","styles","container","Fragment","flexStyle","flexDirection","alignItems","Typography","text","size","theme","fontSizes","sm","fontFamily","fonts","inter_regular_400","color","colors","black","marginBottom","margins","md","Text","textOption","fontWeight","View","justifyContent","inter_bold","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_box","_interopRequireDefault","_typography","_asBaseComponent","_styles","_theme","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","DocumentCargaInfo","forwardRef","props","ref","title","numberDocument","linkDocument","isAlert","errorMessage","rest","handleOpenPdf","url","Linking","openURL","error","console","log","createElement","style","styles","container","Fragment","width","flexStyle","flexDirection","alignItems","Typography","text","size","theme","fontSizes","sm","fontFamily","fonts","inter_regular_400","color","colors","black","marginBottom","margins","md","Text","textOption","fontWeight","View","justifyContent","inter_bold","red","lineHeight","TouchableOpacity","button","backgroundColor","blue","activeOpacity","disabled","onPress","neutral","displayName","_default","exports","asBaseComponent"],"sources":["index.tsx"],"sourcesContent":["/* eslint-disable no-undef */\n/**\n * IMPORTS\n */\nimport React, { forwardRef } from \"react\";\nimport {\n TouchableOpacity,\n Text,\n View,\n Linking,\n} from \"react-native\";\n\n// components\nimport Box from \"../box\";\nimport { Typography } from \"../typography\";\n\n// typings\nimport { IDocumentCargaInfo } from \"./interface\";\nimport { asBaseComponent } from \"../../@types/as-base-component\";\n\n// styles\nimport { styles } from \"./styles\";\nimport { theme } from \"../../styles/theme/theme\";\n\n/**\n * Componente DocumentCargaInfo para interação do usuário com UI.\n */\nconst DocumentCargaInfo = forwardRef<View, IDocumentCargaInfo>(\n (props, ref): React.ReactElement => {\n const {\n title,\n numberDocument,\n linkDocument,\n isAlert,\n errorMessage,\n ...rest\n } = props;\n\n const handleOpenPdf = async (url: string): Promise<void> => {\n try {\n await Linking.openURL(url);\n } catch (error) {\n console.log(\"Erro ao abrir PDF\", error);\n }\n };\n\n return (\n <Box ref={ref} style={styles.container} {...rest}>\n <>\n {/* Título / Documento */}\n <Box width={\"100%\"} flexStyle={{ flexDirection: \"row\", alignItems: \"center\" }}>\n <Typography\n text={title ?? \"Selecione o Apolo disponível\"}\n size={theme.fontSizes.sm}\n fontFamily={theme.fonts.inter_regular_400}\n color={theme.colors.black[100]}\n marginBottom={isAlert ? 0 : theme.margins.md}\n />\n\n <Text\n style={[\n styles.textOption,\n\n {\n marginBottom: isAlert ? 0 : theme.margins.md,\n fontWeight: \"bold\",\n },\n ]}\n >\n #{numberDocument}\n </Text>\n </Box>\n\n {/* Alerta */}\n {isAlert && (\n <View\n style={{\n flexDirection: \"row\",\n alignItems: \"flex-start\",\n justifyContent: \"flex-start\",\n marginBottom: 16,\n }}\n >\n <Typography\n text=\"Atenção:\"\n size={theme.fontSizes.sm}\n fontFamily={theme.fonts.inter_bold}\n color={theme.colors.black[100]}\n />\n\n <Text\n style={[\n styles.textOption,\n {\n width: 250,\n color: theme.colors.red[900],\n lineHeight: 20,\n },\n ]}\n >\n {errorMessage ?? \"N/A\"}\n </Text>\n </View>\n )}\n\n {/* Botão */}\n <TouchableOpacity\n style={[\n styles.button,\n {\n backgroundColor: isAlert\n ? \"#8E949A\"\n : theme.colors.blue[500],\n },\n ]}\n activeOpacity={0.7}\n disabled={isAlert}\n onPress={() => handleOpenPdf(linkDocument!)}\n >\n <Typography\n text=\"Abrir documento\"\n color={theme.colors.neutral[25]}\n fontFamily={theme.fonts.inter_bold}\n size={16}\n />\n </TouchableOpacity>\n </>\n </Box>\n );\n }\n);\n\nDocumentCargaInfo.displayName = \"DocumentCargaInfo\";\n\n/**\n * EXPORTS\n */\nexport default asBaseComponent(DocumentCargaInfo);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_theme","styles","exports","StyleSheet","create","container","width","padding","theme","paddings","sm","backgroundColor","borderRadius","header","flexDirection","alignItems","justifyContent","marginBottom","margins","md","left","alert","color","marginTop","fontSize","button","height","arrow","textOption","colors","black","fontFamily","fonts","inter_regular_400","marginLeft"],"sources":["styles.ts"],"sourcesContent":["/**\n * IMPORTS\n */\n\nimport { StyleSheet } from \"react-native\";\n\n// theme\nimport { theme } from \"../../styles/theme/theme\";\n\n// styles\n\nconst styles = StyleSheet.create({\n container: {\n width: \"100%\",\n padding: theme.paddings.sm,\n backgroundColor: \"#EAEAEA\",\n borderRadius: 12,\n },\n header: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n marginBottom: theme.margins.md,\n },\n\n left: {\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n\n alert: {\n color: \"#D32F2F\",\n marginTop: 8,\n marginBottom: 12,\n fontSize: 13,\n },\n\n button: {\n width: \"100%\",\n height: 45,\n backgroundColor: \"#8E949A\",\n borderRadius: 8,\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n arrow: {\n width: 20,\n height: 20,\n },\n textOption: {\n color: theme.colors.black[25],\n fontFamily: theme.fonts.inter_regular_400,\n fontSize: 12,\n marginLeft: 8,\n marginTop: 2,\n }\n\n})\n\n\n\n/**\n * EXPORTS\n */\nexport { styles }\n"],"mappings":";;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAPA;AACA;AACA;;AAIA;;AAGA;;AAEA,MAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,KAAK,EAAE,MAAM;IACbC,OAAO,EAAEC,YAAK,CAACC,QAAQ,CAACC,EAAE;IAC1BC,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAE;EAChB,CAAC;EACDC,MAAM,EAAE;IACNC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,YAAY,EAAET,YAAK,CAACU,OAAO,CAACC;EAC9B,CAAC;EAEDC,IAAI,EAAE;IACJN,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EAEDM,KAAK,EAAE;IACLC,KAAK,EAAE,SAAS;IAChBC,SAAS,EAAE,CAAC;IACZN,YAAY,EAAE,EAAE;IAChBO,QAAQ,EAAE;EACZ,CAAC;EAEDC,MAAM,EAAE;IACNnB,KAAK,EAAE,MAAM;IACboB,MAAM,EAAE,EAAE;IACVf,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAE,CAAC;IACfG,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDW,KAAK,EAAE;IACLrB,KAAK,EAAE,EAAE;IACToB,MAAM,EAAE;EACV,CAAC;EACDE,UAAU,EAAE;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_theme","styles","exports","StyleSheet","create","container","width","padding","theme","paddings","sm","backgroundColor","borderRadius","header","flexDirection","alignItems","justifyContent","marginBottom","margins","md","left","alert","color","marginTop","fontSize","button","height","arrow","textOption","colors","black","fontFamily","fonts","inter_regular_400","marginLeft"],"sources":["styles.ts"],"sourcesContent":["/**\n * IMPORTS\n */\n\nimport { StyleSheet } from \"react-native\";\n\n// theme\nimport { theme } from \"../../styles/theme/theme\";\n\n// styles\n\nconst styles = StyleSheet.create({\n container: {\n width: \"100%\",\n padding: theme.paddings.sm,\n backgroundColor: \"#EAEAEA\",\n borderRadius: 12,\n },\n header: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n marginBottom: theme.margins.md,\n },\n\n left: {\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n\n alert: {\n color: \"#D32F2F\",\n marginTop: 8,\n marginBottom: 12,\n fontSize: 13,\n },\n\n button: {\n width: \"100%\",\n height: 45,\n backgroundColor: \"#8E949A\",\n borderRadius: 8,\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n arrow: {\n width: 20,\n height: 20,\n },\n textOption: {\n width: 100,\n color: theme.colors.black[25],\n fontFamily: theme.fonts.inter_regular_400,\n fontSize: 12,\n marginLeft: 8,\n marginTop: 2,\n }\n\n})\n\n\n\n/**\n * EXPORTS\n */\nexport { styles }\n"],"mappings":";;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAPA;AACA;AACA;;AAIA;;AAGA;;AAEA,MAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,KAAK,EAAE,MAAM;IACbC,OAAO,EAAEC,YAAK,CAACC,QAAQ,CAACC,EAAE;IAC1BC,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAE;EAChB,CAAC;EACDC,MAAM,EAAE;IACNC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,YAAY,EAAET,YAAK,CAACU,OAAO,CAACC;EAC9B,CAAC;EAEDC,IAAI,EAAE;IACJN,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EAEDM,KAAK,EAAE;IACLC,KAAK,EAAE,SAAS;IAChBC,SAAS,EAAE,CAAC;IACZN,YAAY,EAAE,EAAE;IAChBO,QAAQ,EAAE;EACZ,CAAC;EAEDC,MAAM,EAAE;IACNnB,KAAK,EAAE,MAAM;IACboB,MAAM,EAAE,EAAE;IACVf,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAE,CAAC;IACfG,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDW,KAAK,EAAE;IACLrB,KAAK,EAAE,EAAE;IACToB,MAAM,EAAE;EACV,CAAC;EACDE,UAAU,EAAE;IACVtB,KAAK,EAAE,GAAG;IACVgB,KAAK,EAAEd,YAAK,CAACqB,MAAM,CAACC,KAAK,CAAC,EAAE,CAAC;IAC7BC,UAAU,EAAEvB,YAAK,CAACwB,KAAK,CAACC,iBAAiB;IACzCT,QAAQ,EAAE,EAAE;IACZU,UAAU,EAAE,CAAC;IACbX,SAAS,EAAE;EACb;AAEF,CAAC,CAAC;;AAIF;AACA;AACA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_theme","styles","exports","StyleSheet","create","container","bg","width","padding","theme","paddings","sm","backgroundColor","colors","gray","borderRadius","header","flexDirection","alignItems","justifyContent","flexWrap","marginBottom","margins","md","arrow","height","textSpacing","marginTop","buttonText","color","neutral","fontFamily","fonts","inter_medium_500","fontSize","fontSizes","textOption","black","inter_regular_400","marginLeft"],"sources":["style.ts"],"sourcesContent":["/**\n * IMPORTS\n */\n\nimport { StyleSheet } from \"react-native\";\n\n// typings\nimport { IStyles } from \"./interface\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\nconst styles = StyleSheet.create<IStyles | any>({\n container: (bg?: string) => ({\n width: \"100%\",\n padding: theme.paddings.sm,\n backgroundColor: bg ?? theme.colors.gray[700],\n borderRadius: 16,\n }),\n\n header: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n flexWrap: \"wrap\",\n marginBottom: theme.margins.md,\n },\n\n arrow: {\n width: 20,\n height: 20,\n },\n\n textSpacing: {\n marginTop: theme.margins[\"2xs\"],\n marginBottom: theme.margins[\"2xs\"],\n },\n\n buttonText: {\n color: theme.colors.neutral[25],\n fontFamily: theme.fonts.inter_medium_500,\n fontSize: theme.fontSizes.md,\n },\n textOption: {\n color: theme.colors.black[25],\n fontFamily: theme.fonts.inter_regular_400,\n fontSize: 12,\n marginLeft: 4,\n }\n});\n\n/**\n * EXPORTS\n */\nexport { styles}\n"],"mappings":";;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AAVA;AACA;AACA;;AAIA;;AAGA;;AAGA,MAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGE,uBAAU,CAACC,MAAM,CAAgB;EAC9CC,SAAS,EAAGC,EAAW,KAAM;IAC3BC,KAAK,EAAE,MAAM;IACbC,OAAO,EAAEC,YAAK,CAACC,QAAQ,CAACC,EAAE;IAC1BC,eAAe,EAAEN,EAAE,aAAFA,EAAE,cAAFA,EAAE,GAAIG,YAAK,CAACI,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IAC7CC,YAAY,EAAE;EAChB,CAAC,CAAC;EAEFC,MAAM,EAAE;IACNC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,QAAQ,EAAE,MAAM;IAChBC,YAAY,EAAEZ,YAAK,CAACa,OAAO,CAACC;EAC9B,CAAC;EAEDC,KAAK,EAAE;IACLjB,KAAK,EAAE,EAAE;IACTkB,MAAM,EAAE;EACV,CAAC;EAEDC,WAAW,EAAE;IACXC,SAAS,EAAElB,YAAK,CAACa,OAAO,CAAC,KAAK,CAAC;IAC/BD,YAAY,EAAEZ,YAAK,CAACa,OAAO,CAAC,KAAK;EACnC,CAAC;EAEDM,UAAU,EAAE;IACVC,KAAK,EAAEpB,YAAK,CAACI,MAAM,CAACiB,OAAO,CAAC,EAAE,CAAC;IAC/BC,UAAU,EAAEtB,YAAK,CAACuB,KAAK,CAACC,gBAAgB;IACxCC,QAAQ,EAAEzB,YAAK,CAAC0B,SAAS,CAACZ;EAC5B,CAAC;EACDa,UAAU,EAAE;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_theme","styles","exports","StyleSheet","create","container","bg","width","padding","theme","paddings","sm","backgroundColor","colors","gray","borderRadius","header","flexDirection","alignItems","justifyContent","flexWrap","marginBottom","margins","md","arrow","height","textSpacing","marginTop","buttonText","color","neutral","fontFamily","fonts","inter_medium_500","fontSize","fontSizes","textOption","black","inter_regular_400","marginLeft"],"sources":["style.ts"],"sourcesContent":["/**\n * IMPORTS\n */\n\nimport { StyleSheet } from \"react-native\";\n\n// typings\nimport { IStyles } from \"./interface\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\nconst styles = StyleSheet.create<IStyles | any>({\n container: (bg?: string) => ({\n width: \"100%\",\n padding: theme.paddings.sm,\n backgroundColor: bg ?? theme.colors.gray[700],\n borderRadius: 16,\n }),\n\n header: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n flexWrap: \"wrap\",\n marginBottom: theme.margins.md,\n },\n\n arrow: {\n width: 20,\n height: 20,\n },\n\n textSpacing: {\n marginTop: theme.margins[\"2xs\"],\n marginBottom: theme.margins[\"2xs\"],\n },\n\n buttonText: {\n color: theme.colors.neutral[25],\n fontFamily: theme.fonts.inter_medium_500,\n fontSize: theme.fontSizes.md,\n },\n textOption: {\n width: 200,\n color: theme.colors.black[25],\n fontFamily: theme.fonts.inter_regular_400,\n fontSize: 12,\n marginLeft: 4,\n }\n});\n\n/**\n * EXPORTS\n */\nexport { styles }\n"],"mappings":";;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AAVA;AACA;AACA;;AAIA;;AAGA;;AAGA,MAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGE,uBAAU,CAACC,MAAM,CAAgB;EAC9CC,SAAS,EAAGC,EAAW,KAAM;IAC3BC,KAAK,EAAE,MAAM;IACbC,OAAO,EAAEC,YAAK,CAACC,QAAQ,CAACC,EAAE;IAC1BC,eAAe,EAAEN,EAAE,aAAFA,EAAE,cAAFA,EAAE,GAAIG,YAAK,CAACI,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IAC7CC,YAAY,EAAE;EAChB,CAAC,CAAC;EAEFC,MAAM,EAAE;IACNC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,QAAQ,EAAE,MAAM;IAChBC,YAAY,EAAEZ,YAAK,CAACa,OAAO,CAACC;EAC9B,CAAC;EAEDC,KAAK,EAAE;IACLjB,KAAK,EAAE,EAAE;IACTkB,MAAM,EAAE;EACV,CAAC;EAEDC,WAAW,EAAE;IACXC,SAAS,EAAElB,YAAK,CAACa,OAAO,CAAC,KAAK,CAAC;IAC/BD,YAAY,EAAEZ,YAAK,CAACa,OAAO,CAAC,KAAK;EACnC,CAAC;EAEDM,UAAU,EAAE;IACVC,KAAK,EAAEpB,YAAK,CAACI,MAAM,CAACiB,OAAO,CAAC,EAAE,CAAC;IAC/BC,UAAU,EAAEtB,YAAK,CAACuB,KAAK,CAACC,gBAAgB;IACxCC,QAAQ,EAAEzB,YAAK,CAAC0B,SAAS,CAACZ;EAC5B,CAAC;EACDa,UAAU,EAAE;IACV7B,KAAK,EAAE,GAAG;IACVsB,KAAK,EAAEpB,YAAK,CAACI,MAAM,CAACwB,KAAK,CAAC,EAAE,CAAC;IAC7BN,UAAU,EAAEtB,YAAK,CAACuB,KAAK,CAACM,iBAAiB;IACzCJ,QAAQ,EAAE,EAAE;IACZK,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;AACA;AACA","ignoreList":[]}
|
|
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _box = _interopRequireDefault(require("../box"));
|
|
10
10
|
var _typography = require("../typography");
|
|
11
|
-
var _theme = require("../../styles/theme/theme");
|
|
12
11
|
var _iconsSvg = require("../../common/icons-svg");
|
|
12
|
+
var _theme = require("../../styles/theme/theme");
|
|
13
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
14
|
/**
|
|
15
15
|
* IMPORTS
|
|
@@ -17,10 +17,10 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
17
17
|
|
|
18
18
|
// components
|
|
19
19
|
|
|
20
|
-
// styles
|
|
21
|
-
|
|
22
20
|
//typing
|
|
23
21
|
|
|
22
|
+
// styles
|
|
23
|
+
|
|
24
24
|
/**
|
|
25
25
|
*
|
|
26
26
|
* Componente FilterDateSelector para a interação do usuário com ui.
|
|
@@ -30,7 +30,8 @@ const FilterDateSelector = ({
|
|
|
30
30
|
handleSelectedDay,
|
|
31
31
|
days,
|
|
32
32
|
isLoading,
|
|
33
|
-
testID
|
|
33
|
+
testID,
|
|
34
|
+
sort = "desc"
|
|
34
35
|
}) => {
|
|
35
36
|
const renderDayBlock = ({
|
|
36
37
|
item: day,
|
|
@@ -86,7 +87,7 @@ const FilterDateSelector = ({
|
|
|
86
87
|
const dataWithAllOption = [...daySorted];
|
|
87
88
|
return /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
|
|
88
89
|
horizontal: true,
|
|
89
|
-
data: dataWithAllOption,
|
|
90
|
+
data: sort === "desc" ? dataWithAllOption : days,
|
|
90
91
|
showsHorizontalScrollIndicator: false,
|
|
91
92
|
renderItem: renderDayBlock
|
|
92
93
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_box","_typography","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_box","_typography","_iconsSvg","_theme","e","__esModule","default","FilterDateSelector","selectedDay","handleSelectedDay","days","isLoading","testID","sort","renderDayBlock","item","day","index","isSelected","date","createElement","TouchableOpacity","disabled","key","activeOpacity","onPress","width","height","flexStyle","alignItems","justifyContent","backgroundColor","theme","colors","blue","gray","borderStyled","borderRadius","borderWidths","thick_large","borderColor","borderWidth","thin","marginStyle","marginRight","margins","marginTop","ActivityIndicator","size","color","Fragment","Icons","icon","neutral","Typography","text","toString","padStart","fontSizes","lg","fontFamily","fonts","inter_bold_700","dayName","slice","marginBottom","letterSpacing","daySorted","a","b","Date","fullDate","getTime","dataWithAllOption","FlatList","horizontal","data","showsHorizontalScrollIndicator","renderItem","exports"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React from \"react\";\nimport { TouchableOpacity, ActivityIndicator, FlatList } from \"react-native\";\n\n// components\nimport Box from \"../box\";\nimport { Typography } from \"../typography\";\n\nimport { Icons } from \"../../common/icons-svg\";\n\n//typing\nimport { IFilterDateSelector, ISelectedDay } from \"./interface\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\n\n/**\n *\n * Componente FilterDateSelector para a interação do usuário com ui.\n */\nconst FilterDateSelector: React.FC<IFilterDateSelector> = ({\n selectedDay,\n handleSelectedDay,\n days,\n isLoading,\n testID,\n sort = \"desc\",\n}) => {\n const renderDayBlock = ({ item: day, index }: { item: ISelectedDay; index: number }) => {\n const isSelected = selectedDay && selectedDay.date === day.date;\n return (\n <TouchableOpacity\n disabled={isSelected}\n key={index}\n activeOpacity={0.7}\n onPress={() => handleSelectedDay(day)}\n >\n <Box\n testID={testID}\n width={65}\n height={75}\n flexStyle={{ alignItems: \"center\", justifyContent: \"center\" }}\n backgroundColor={isSelected ? theme.colors.blue[400] : theme.colors.gray[350]}\n borderStyled={{\n borderRadius: theme.borderWidths.thick_large,\n borderColor: isSelected ? theme.colors.blue[400] : theme.colors.gray[350],\n borderWidth: theme.borderWidths.thin,\n }}\n marginStyle={{ marginRight: theme.margins[\"2xs\"], marginTop: theme.margins[\"2xs\"] }}\n >\n {isSelected && isLoading ? (\n <ActivityIndicator size=\"small\" color=\"white\" />\n ) : (\n <>\n {day.date === \"all\" ? (\n <Icons icon=\"REFRESH_CCW_DOT\" color={theme.colors.neutral[25]} />\n ) : (\n <>\n <Typography\n text={day.date === \"all\" ? \"\" : day.date.toString().padStart(2, \"0\")}\n size={theme.fontSizes.lg}\n color={theme.colors.neutral[25]}\n fontFamily={theme.fonts.inter_bold_700}\n />\n <Typography\n text={day.date === \"all\" ? \"Todos\" : day.dayName.slice(0, 3)}\n size={theme.fontSizes.lg}\n color={theme.colors.neutral[25]}\n fontFamily={theme.fonts.inter_bold_700}\n marginBottom={day.date === \"all\" ? theme.margins[\"3xl\"] : 0}\n letterSpacing=\"o_16\"\n />\n </>\n )}\n </>\n )}\n </Box>\n </TouchableOpacity>\n );\n };\n\n\n const daySorted = days.sort(\n (a, b) => new Date(b.fullDate).getTime() - new Date(a.fullDate).getTime()\n );\n\n // Adiciona a opção \"Todos\" no início da lista\n const dataWithAllOption = [...daySorted];\n\n return (\n <FlatList\n horizontal\n data={sort === \"desc\" ? dataWithAllOption : days}\n showsHorizontalScrollIndicator={false}\n renderItem={renderDayBlock}\n />\n );\n};\n\n/**\n * EXPORTS\n */\nexport { FilterDateSelector };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/*\n * IMPORTS\n */\nimport { TouchableOpacityProps } from \"react-native\";\n\n/**\n * INTERFACE\n */\nimport { IGlobalCss } from \"../../styles/global/interface\";\n\ninterface ISelectedDay {\n date: string | number;\n dayName: string;\n fullDate: Date;\n}\n\ninterface IFilterDateSelector extends TouchableOpacityProps, IGlobalCss {\n /**\n * prop que mostra o dia selecionado\n */\n selectedDay: ISelectedDay;\n\n /**\n * função que seleciona a data\n */\n // eslint-disable-next-line no-unused-vars\n handleSelectedDay: (date: ISelectedDay) => {};\n\n /**\n * * Retorna as sete últimas datas dos dias\n */\n days: ISelectedDay[];\n\n /**\n * Retorna o loading do componente\n */\n isLoading: boolean;\n}\n\n/**\n * EXPORTS\n */\nexport type { IFilterDateSelector, ISelectedDay };\n"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/*\n * IMPORTS\n */\nimport { TouchableOpacityProps } from \"react-native\";\n\n/**\n * INTERFACE\n */\nimport { IGlobalCss } from \"../../styles/global/interface\";\n\ninterface ISelectedDay {\n date: string | number;\n dayName: string;\n fullDate: Date;\n}\n\ninterface IFilterDateSelector extends TouchableOpacityProps, IGlobalCss {\n /**\n * prop que mostra o dia selecionado\n */\n selectedDay: ISelectedDay;\n\n /**\n * função que seleciona a data\n */\n // eslint-disable-next-line no-unused-vars\n handleSelectedDay: (date: ISelectedDay) => {};\n\n /**\n * * Retorna as sete últimas datas dos dias\n */\n days: ISelectedDay[];\n\n /**\n * Retorna o loading do componente\n */\n isLoading: boolean;\n\n /**\n * Indica que a ordem da lista é alterada\n */\n sort?: \"asc\" | \"desc\";\n}\n\n/**\n * EXPORTS\n */\nexport type { IFilterDateSelector, ISelectedDay };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -20,7 +20,7 @@ function getStatusColor(status) {
|
|
|
20
20
|
Cancelado: _theme.theme.colors.red[900],
|
|
21
21
|
Pendente: _theme.theme.colors.yellow[75],
|
|
22
22
|
Andamento: _theme.theme.colors.green[150],
|
|
23
|
-
|
|
23
|
+
Em_liberacao: _theme.theme.colors.blue[20]
|
|
24
24
|
};
|
|
25
25
|
return statusColors[status];
|
|
26
26
|
}
|
|
@@ -30,7 +30,7 @@ function getStatusTextColor(status) {
|
|
|
30
30
|
Cancelado: _theme.theme.colors.neutral[25],
|
|
31
31
|
Pendente: _theme.theme.colors.neutral[50],
|
|
32
32
|
Andamento: _theme.theme.colors.neutral[50],
|
|
33
|
-
|
|
33
|
+
Em_liberacao: _theme.theme.colors.neutral[25]
|
|
34
34
|
};
|
|
35
35
|
return statusColors[status];
|
|
36
36
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_theme","require","getBorderColor","status","borderColors","Cancelado","theme","colors","red","Pendente","orange","getStatusColor","statusColors","Concluido","green","yellow","Andamento","
|
|
1
|
+
{"version":3,"names":["_theme","require","getBorderColor","status","borderColors","Cancelado","theme","colors","red","Pendente","orange","getStatusColor","statusColors","Concluido","green","yellow","Andamento","Em_liberacao","blue","getStatusTextColor","neutral"],"sources":["return-color.ts"],"sourcesContent":["import { theme } from \"../../styles/theme/theme\";\n\nexport type StatusType = \"Andamento\" | \"Cancelado\" | \"Pendente\" | \"Concluido\" | \"Em_liberacao\";\n\nfunction getBorderColor(status: string) {\n const borderColors = {\n Cancelado: theme.colors.red[900],\n Pendente: theme.colors.orange[450],\n };\n return borderColors[status as keyof typeof borderColors];\n}\nfunction getStatusColor(status: StatusType): string {\n const statusColors: Record<StatusType, string> = {\n Concluido: theme.colors.green[250],\n Cancelado: theme.colors.red[900],\n Pendente: theme.colors.yellow[75],\n Andamento: theme.colors.green[150],\n Em_liberacao: theme.colors.blue[20],\n };\n\n return statusColors[status];\n}\n\nfunction getStatusTextColor(status: StatusType): string {\n const statusColors: Record<StatusType, string> = {\n Concluido: theme.colors.neutral[25],\n Cancelado: theme.colors.neutral[25],\n Pendente: theme.colors.neutral[50],\n Andamento: theme.colors.neutral[50],\n Em_liberacao: theme.colors.neutral[25],\n };\n\n return statusColors[status];\n}\n\nexport { getStatusColor, getBorderColor, getStatusTextColor };\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,SAASC,cAAcA,CAACC,MAAc,EAAE;EACtC,MAAMC,YAAY,GAAG;IACnBC,SAAS,EAAEC,YAAK,CAACC,MAAM,CAACC,GAAG,CAAC,GAAG,CAAC;IAChCC,QAAQ,EAAEH,YAAK,CAACC,MAAM,CAACG,MAAM,CAAC,GAAG;EACnC,CAAC;EACD,OAAON,YAAY,CAACD,MAAM,CAA8B;AAC1D;AACA,SAASQ,cAAcA,CAACR,MAAkB,EAAU;EAClD,MAAMS,YAAwC,GAAG;IAC/CC,SAAS,EAAEP,YAAK,CAACC,MAAM,CAACO,KAAK,CAAC,GAAG,CAAC;IAClCT,SAAS,EAAEC,YAAK,CAACC,MAAM,CAACC,GAAG,CAAC,GAAG,CAAC;IAChCC,QAAQ,EAAEH,YAAK,CAACC,MAAM,CAACQ,MAAM,CAAC,EAAE,CAAC;IACjCC,SAAS,EAAEV,YAAK,CAACC,MAAM,CAACO,KAAK,CAAC,GAAG,CAAC;IAClCG,YAAY,EAAEX,YAAK,CAACC,MAAM,CAACW,IAAI,CAAC,EAAE;EACpC,CAAC;EAED,OAAON,YAAY,CAACT,MAAM,CAAC;AAC7B;AAEA,SAASgB,kBAAkBA,CAAChB,MAAkB,EAAU;EACtD,MAAMS,YAAwC,GAAG;IAC/CC,SAAS,EAAEP,YAAK,CAACC,MAAM,CAACa,OAAO,CAAC,EAAE,CAAC;IACnCf,SAAS,EAAEC,YAAK,CAACC,MAAM,CAACa,OAAO,CAAC,EAAE,CAAC;IACnCX,QAAQ,EAAEH,YAAK,CAACC,MAAM,CAACa,OAAO,CAAC,EAAE,CAAC;IAClCJ,SAAS,EAAEV,YAAK,CAACC,MAAM,CAACa,OAAO,CAAC,EAAE,CAAC;IACnCH,YAAY,EAAEX,YAAK,CAACC,MAAM,CAACa,OAAO,CAAC,EAAE;EACvC,CAAC;EAED,OAAOR,YAAY,CAACT,MAAM,CAAC;AAC7B","ignoreList":[]}
|
|
@@ -41,6 +41,7 @@ const DocumentCargaInfo = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
41
41
|
ref: ref,
|
|
42
42
|
style: styles.container
|
|
43
43
|
}, rest), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
|
|
44
|
+
width: "100%",
|
|
44
45
|
flexStyle: {
|
|
45
46
|
flexDirection: "row",
|
|
46
47
|
alignItems: "center"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","TouchableOpacity","Text","View","Linking","Box","Typography","asBaseComponent","styles","theme","DocumentCargaInfo","props","ref","title","numberDocument","linkDocument","isAlert","errorMessage","rest","handleOpenPdf","url","openURL","error","console","log","createElement","_extends","style","container","Fragment","flexStyle","flexDirection","alignItems","text","size","fontSizes","sm","fontFamily","fonts","inter_regular_400","color","colors","black","marginBottom","margins","md","textOption","fontWeight","justifyContent","inter_bold","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","TouchableOpacity","Text","View","Linking","Box","Typography","asBaseComponent","styles","theme","DocumentCargaInfo","props","ref","title","numberDocument","linkDocument","isAlert","errorMessage","rest","handleOpenPdf","url","openURL","error","console","log","createElement","_extends","style","container","Fragment","width","flexStyle","flexDirection","alignItems","text","size","fontSizes","sm","fontFamily","fonts","inter_regular_400","color","colors","black","marginBottom","margins","md","textOption","fontWeight","justifyContent","inter_bold","red","lineHeight","button","backgroundColor","blue","activeOpacity","disabled","onPress","neutral","displayName"],"sources":["index.tsx"],"sourcesContent":["/* eslint-disable no-undef */\n/**\n * IMPORTS\n */\nimport React, { forwardRef } from \"react\";\nimport {\n TouchableOpacity,\n Text,\n View,\n Linking,\n} from \"react-native\";\n\n// components\nimport Box from \"../box\";\nimport { Typography } from \"../typography\";\n\n// typings\nimport { IDocumentCargaInfo } from \"./interface\";\nimport { asBaseComponent } from \"../../@types/as-base-component\";\n\n// styles\nimport { styles } from \"./styles\";\nimport { theme } from \"../../styles/theme/theme\";\n\n/**\n * Componente DocumentCargaInfo para interação do usuário com UI.\n */\nconst DocumentCargaInfo = forwardRef<View, IDocumentCargaInfo>(\n (props, ref): React.ReactElement => {\n const {\n title,\n numberDocument,\n linkDocument,\n isAlert,\n errorMessage,\n ...rest\n } = props;\n\n const handleOpenPdf = async (url: string): Promise<void> => {\n try {\n await Linking.openURL(url);\n } catch (error) {\n console.log(\"Erro ao abrir PDF\", error);\n }\n };\n\n return (\n <Box ref={ref} style={styles.container} {...rest}>\n <>\n {/* Título / Documento */}\n <Box width={\"100%\"} flexStyle={{ flexDirection: \"row\", alignItems: \"center\" }}>\n <Typography\n text={title ?? \"Selecione o Apolo disponível\"}\n size={theme.fontSizes.sm}\n fontFamily={theme.fonts.inter_regular_400}\n color={theme.colors.black[100]}\n marginBottom={isAlert ? 0 : theme.margins.md}\n />\n\n <Text\n style={[\n styles.textOption,\n\n {\n marginBottom: isAlert ? 0 : theme.margins.md,\n fontWeight: \"bold\",\n },\n ]}\n >\n #{numberDocument}\n </Text>\n </Box>\n\n {/* Alerta */}\n {isAlert && (\n <View\n style={{\n flexDirection: \"row\",\n alignItems: \"flex-start\",\n justifyContent: \"flex-start\",\n marginBottom: 16,\n }}\n >\n <Typography\n text=\"Atenção:\"\n size={theme.fontSizes.sm}\n fontFamily={theme.fonts.inter_bold}\n color={theme.colors.black[100]}\n />\n\n <Text\n style={[\n styles.textOption,\n {\n width: 250,\n color: theme.colors.red[900],\n lineHeight: 20,\n },\n ]}\n >\n {errorMessage ?? \"N/A\"}\n </Text>\n </View>\n )}\n\n {/* Botão */}\n <TouchableOpacity\n style={[\n styles.button,\n {\n backgroundColor: isAlert\n ? \"#8E949A\"\n : theme.colors.blue[500],\n },\n ]}\n activeOpacity={0.7}\n disabled={isAlert}\n onPress={() => handleOpenPdf(linkDocument!)}\n >\n <Typography\n text=\"Abrir documento\"\n color={theme.colors.neutral[25]}\n fontFamily={theme.fonts.inter_bold}\n size={16}\n />\n </TouchableOpacity>\n </>\n </Box>\n );\n }\n);\n\nDocumentCargaInfo.displayName = \"DocumentCargaInfo\";\n\n/**\n * EXPORTS\n */\nexport default asBaseComponent(DocumentCargaInfo);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","theme","styles","create","container","width","padding","paddings","sm","backgroundColor","borderRadius","header","flexDirection","alignItems","justifyContent","marginBottom","margins","md","left","alert","color","marginTop","fontSize","button","height","arrow","textOption","colors","black","fontFamily","fonts","inter_regular_400","marginLeft"],"sources":["styles.ts"],"sourcesContent":["/**\n * IMPORTS\n */\n\nimport { StyleSheet } from \"react-native\";\n\n// theme\nimport { theme } from \"../../styles/theme/theme\";\n\n// styles\n\nconst styles = StyleSheet.create({\n container: {\n width: \"100%\",\n padding: theme.paddings.sm,\n backgroundColor: \"#EAEAEA\",\n borderRadius: 12,\n },\n header: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n marginBottom: theme.margins.md,\n },\n\n left: {\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n\n alert: {\n color: \"#D32F2F\",\n marginTop: 8,\n marginBottom: 12,\n fontSize: 13,\n },\n\n button: {\n width: \"100%\",\n height: 45,\n backgroundColor: \"#8E949A\",\n borderRadius: 8,\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n arrow: {\n width: 20,\n height: 20,\n },\n textOption: {\n color: theme.colors.black[25],\n fontFamily: theme.fonts.inter_regular_400,\n fontSize: 12,\n marginLeft: 8,\n marginTop: 2,\n }\n\n})\n\n\n\n/**\n * EXPORTS\n */\nexport { styles }\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;;AAEzC;AACA,SAASC,KAAK,QAAQ,0BAA0B;;AAEhD;;AAEA,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,KAAK,EAAE,MAAM;IACbC,OAAO,EAAEL,KAAK,CAACM,QAAQ,CAACC,EAAE;IAC1BC,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAE;EAChB,CAAC;EACDC,MAAM,EAAE;IACNC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,YAAY,EAAEd,KAAK,CAACe,OAAO,CAACC;EAC9B,CAAC;EAEDC,IAAI,EAAE;IACJN,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EAEDM,KAAK,EAAE;IACLC,KAAK,EAAE,SAAS;IAChBC,SAAS,EAAE,CAAC;IACZN,YAAY,EAAE,EAAE;IAChBO,QAAQ,EAAE;EACZ,CAAC;EAEDC,MAAM,EAAE;IACNlB,KAAK,EAAE,MAAM;IACbmB,MAAM,EAAE,EAAE;IACVf,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAE,CAAC;IACfG,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDW,KAAK,EAAE;IACLpB,KAAK,EAAE,EAAE;IACTmB,MAAM,EAAE;EACV,CAAC;EACDE,UAAU,EAAE;
|
|
1
|
+
{"version":3,"names":["StyleSheet","theme","styles","create","container","width","padding","paddings","sm","backgroundColor","borderRadius","header","flexDirection","alignItems","justifyContent","marginBottom","margins","md","left","alert","color","marginTop","fontSize","button","height","arrow","textOption","colors","black","fontFamily","fonts","inter_regular_400","marginLeft"],"sources":["styles.ts"],"sourcesContent":["/**\n * IMPORTS\n */\n\nimport { StyleSheet } from \"react-native\";\n\n// theme\nimport { theme } from \"../../styles/theme/theme\";\n\n// styles\n\nconst styles = StyleSheet.create({\n container: {\n width: \"100%\",\n padding: theme.paddings.sm,\n backgroundColor: \"#EAEAEA\",\n borderRadius: 12,\n },\n header: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n marginBottom: theme.margins.md,\n },\n\n left: {\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n\n alert: {\n color: \"#D32F2F\",\n marginTop: 8,\n marginBottom: 12,\n fontSize: 13,\n },\n\n button: {\n width: \"100%\",\n height: 45,\n backgroundColor: \"#8E949A\",\n borderRadius: 8,\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n arrow: {\n width: 20,\n height: 20,\n },\n textOption: {\n width: 100,\n color: theme.colors.black[25],\n fontFamily: theme.fonts.inter_regular_400,\n fontSize: 12,\n marginLeft: 8,\n marginTop: 2,\n }\n\n})\n\n\n\n/**\n * EXPORTS\n */\nexport { styles }\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;;AAEzC;AACA,SAASC,KAAK,QAAQ,0BAA0B;;AAEhD;;AAEA,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,KAAK,EAAE,MAAM;IACbC,OAAO,EAAEL,KAAK,CAACM,QAAQ,CAACC,EAAE;IAC1BC,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAE;EAChB,CAAC;EACDC,MAAM,EAAE;IACNC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,YAAY,EAAEd,KAAK,CAACe,OAAO,CAACC;EAC9B,CAAC;EAEDC,IAAI,EAAE;IACJN,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EAEDM,KAAK,EAAE;IACLC,KAAK,EAAE,SAAS;IAChBC,SAAS,EAAE,CAAC;IACZN,YAAY,EAAE,EAAE;IAChBO,QAAQ,EAAE;EACZ,CAAC;EAEDC,MAAM,EAAE;IACNlB,KAAK,EAAE,MAAM;IACbmB,MAAM,EAAE,EAAE;IACVf,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAE,CAAC;IACfG,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDW,KAAK,EAAE;IACLpB,KAAK,EAAE,EAAE;IACTmB,MAAM,EAAE;EACV,CAAC;EACDE,UAAU,EAAE;IACVrB,KAAK,EAAE,GAAG;IACVe,KAAK,EAAEnB,KAAK,CAAC0B,MAAM,CAACC,KAAK,CAAC,EAAE,CAAC;IAC7BC,UAAU,EAAE5B,KAAK,CAAC6B,KAAK,CAACC,iBAAiB;IACzCT,QAAQ,EAAE,EAAE;IACZU,UAAU,EAAE,CAAC;IACbX,SAAS,EAAE;EACb;AAEF,CAAC,CAAC;;AAIF;AACA;AACA;AACA,SAASnB,MAAM","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","theme","styles","create","container","bg","width","padding","paddings","sm","backgroundColor","colors","gray","borderRadius","header","flexDirection","alignItems","justifyContent","flexWrap","marginBottom","margins","md","arrow","height","textSpacing","marginTop","buttonText","color","neutral","fontFamily","fonts","inter_medium_500","fontSize","fontSizes","textOption","black","inter_regular_400","marginLeft"],"sources":["style.ts"],"sourcesContent":["/**\n * IMPORTS\n */\n\nimport { StyleSheet } from \"react-native\";\n\n// typings\nimport { IStyles } from \"./interface\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\nconst styles = StyleSheet.create<IStyles | any>({\n container: (bg?: string) => ({\n width: \"100%\",\n padding: theme.paddings.sm,\n backgroundColor: bg ?? theme.colors.gray[700],\n borderRadius: 16,\n }),\n\n header: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n flexWrap: \"wrap\",\n marginBottom: theme.margins.md,\n },\n\n arrow: {\n width: 20,\n height: 20,\n },\n\n textSpacing: {\n marginTop: theme.margins[\"2xs\"],\n marginBottom: theme.margins[\"2xs\"],\n },\n\n buttonText: {\n color: theme.colors.neutral[25],\n fontFamily: theme.fonts.inter_medium_500,\n fontSize: theme.fontSizes.md,\n },\n textOption: {\n color: theme.colors.black[25],\n fontFamily: theme.fonts.inter_regular_400,\n fontSize: 12,\n marginLeft: 4,\n }\n});\n\n/**\n * EXPORTS\n */\nexport { styles}\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;;AAEzC;;AAGA;AACA,SAASC,KAAK,QAAQ,0BAA0B;AAEhD,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAgB;EAC9CC,SAAS,EAAGC,EAAW,KAAM;IAC3BC,KAAK,EAAE,MAAM;IACbC,OAAO,EAAEN,KAAK,CAACO,QAAQ,CAACC,EAAE;IAC1BC,eAAe,EAAEL,EAAE,aAAFA,EAAE,cAAFA,EAAE,GAAIJ,KAAK,CAACU,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IAC7CC,YAAY,EAAE;EAChB,CAAC,CAAC;EAEFC,MAAM,EAAE;IACNC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,QAAQ,EAAE,MAAM;IAChBC,YAAY,EAAElB,KAAK,CAACmB,OAAO,CAACC;EAC9B,CAAC;EAEDC,KAAK,EAAE;IACLhB,KAAK,EAAE,EAAE;IACTiB,MAAM,EAAE;EACV,CAAC;EAEDC,WAAW,EAAE;IACXC,SAAS,EAAExB,KAAK,CAACmB,OAAO,CAAC,KAAK,CAAC;IAC/BD,YAAY,EAAElB,KAAK,CAACmB,OAAO,CAAC,KAAK;EACnC,CAAC;EAEDM,UAAU,EAAE;IACVC,KAAK,EAAE1B,KAAK,CAACU,MAAM,CAACiB,OAAO,CAAC,EAAE,CAAC;IAC/BC,UAAU,EAAE5B,KAAK,CAAC6B,KAAK,CAACC,gBAAgB;IACxCC,QAAQ,EAAE/B,KAAK,CAACgC,SAAS,CAACZ;EAC5B,CAAC;EACDa,UAAU,EAAE;
|
|
1
|
+
{"version":3,"names":["StyleSheet","theme","styles","create","container","bg","width","padding","paddings","sm","backgroundColor","colors","gray","borderRadius","header","flexDirection","alignItems","justifyContent","flexWrap","marginBottom","margins","md","arrow","height","textSpacing","marginTop","buttonText","color","neutral","fontFamily","fonts","inter_medium_500","fontSize","fontSizes","textOption","black","inter_regular_400","marginLeft"],"sources":["style.ts"],"sourcesContent":["/**\n * IMPORTS\n */\n\nimport { StyleSheet } from \"react-native\";\n\n// typings\nimport { IStyles } from \"./interface\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\nconst styles = StyleSheet.create<IStyles | any>({\n container: (bg?: string) => ({\n width: \"100%\",\n padding: theme.paddings.sm,\n backgroundColor: bg ?? theme.colors.gray[700],\n borderRadius: 16,\n }),\n\n header: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n flexWrap: \"wrap\",\n marginBottom: theme.margins.md,\n },\n\n arrow: {\n width: 20,\n height: 20,\n },\n\n textSpacing: {\n marginTop: theme.margins[\"2xs\"],\n marginBottom: theme.margins[\"2xs\"],\n },\n\n buttonText: {\n color: theme.colors.neutral[25],\n fontFamily: theme.fonts.inter_medium_500,\n fontSize: theme.fontSizes.md,\n },\n textOption: {\n width: 200,\n color: theme.colors.black[25],\n fontFamily: theme.fonts.inter_regular_400,\n fontSize: 12,\n marginLeft: 4,\n }\n});\n\n/**\n * EXPORTS\n */\nexport { styles }\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;;AAEzC;;AAGA;AACA,SAASC,KAAK,QAAQ,0BAA0B;AAEhD,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAgB;EAC9CC,SAAS,EAAGC,EAAW,KAAM;IAC3BC,KAAK,EAAE,MAAM;IACbC,OAAO,EAAEN,KAAK,CAACO,QAAQ,CAACC,EAAE;IAC1BC,eAAe,EAAEL,EAAE,aAAFA,EAAE,cAAFA,EAAE,GAAIJ,KAAK,CAACU,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IAC7CC,YAAY,EAAE;EAChB,CAAC,CAAC;EAEFC,MAAM,EAAE;IACNC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,QAAQ,EAAE,MAAM;IAChBC,YAAY,EAAElB,KAAK,CAACmB,OAAO,CAACC;EAC9B,CAAC;EAEDC,KAAK,EAAE;IACLhB,KAAK,EAAE,EAAE;IACTiB,MAAM,EAAE;EACV,CAAC;EAEDC,WAAW,EAAE;IACXC,SAAS,EAAExB,KAAK,CAACmB,OAAO,CAAC,KAAK,CAAC;IAC/BD,YAAY,EAAElB,KAAK,CAACmB,OAAO,CAAC,KAAK;EACnC,CAAC;EAEDM,UAAU,EAAE;IACVC,KAAK,EAAE1B,KAAK,CAACU,MAAM,CAACiB,OAAO,CAAC,EAAE,CAAC;IAC/BC,UAAU,EAAE5B,KAAK,CAAC6B,KAAK,CAACC,gBAAgB;IACxCC,QAAQ,EAAE/B,KAAK,CAACgC,SAAS,CAACZ;EAC5B,CAAC;EACDa,UAAU,EAAE;IACV5B,KAAK,EAAE,GAAG;IACVqB,KAAK,EAAE1B,KAAK,CAACU,MAAM,CAACwB,KAAK,CAAC,EAAE,CAAC;IAC7BN,UAAU,EAAE5B,KAAK,CAAC6B,KAAK,CAACM,iBAAiB;IACzCJ,QAAQ,EAAE,EAAE;IACZK,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,SAASnC,MAAM","ignoreList":[]}
|
|
@@ -7,13 +7,12 @@ import { TouchableOpacity, ActivityIndicator, FlatList } from "react-native";
|
|
|
7
7
|
// components
|
|
8
8
|
import Box from "../box";
|
|
9
9
|
import { Typography } from "../typography";
|
|
10
|
-
|
|
11
|
-
// styles
|
|
12
|
-
import { theme } from "../../styles/theme/theme";
|
|
10
|
+
import { Icons } from "../../common/icons-svg";
|
|
13
11
|
|
|
14
12
|
//typing
|
|
15
13
|
|
|
16
|
-
|
|
14
|
+
// styles
|
|
15
|
+
import { theme } from "../../styles/theme/theme";
|
|
17
16
|
|
|
18
17
|
/**
|
|
19
18
|
*
|
|
@@ -24,7 +23,8 @@ const FilterDateSelector = ({
|
|
|
24
23
|
handleSelectedDay,
|
|
25
24
|
days,
|
|
26
25
|
isLoading,
|
|
27
|
-
testID
|
|
26
|
+
testID,
|
|
27
|
+
sort = "desc"
|
|
28
28
|
}) => {
|
|
29
29
|
const renderDayBlock = ({
|
|
30
30
|
item: day,
|
|
@@ -80,7 +80,7 @@ const FilterDateSelector = ({
|
|
|
80
80
|
const dataWithAllOption = [...daySorted];
|
|
81
81
|
return /*#__PURE__*/React.createElement(FlatList, {
|
|
82
82
|
horizontal: true,
|
|
83
|
-
data: dataWithAllOption,
|
|
83
|
+
data: sort === "desc" ? dataWithAllOption : days,
|
|
84
84
|
showsHorizontalScrollIndicator: false,
|
|
85
85
|
renderItem: renderDayBlock
|
|
86
86
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","TouchableOpacity","ActivityIndicator","FlatList","Box","Typography","
|
|
1
|
+
{"version":3,"names":["React","TouchableOpacity","ActivityIndicator","FlatList","Box","Typography","Icons","theme","FilterDateSelector","selectedDay","handleSelectedDay","days","isLoading","testID","sort","renderDayBlock","item","day","index","isSelected","date","createElement","disabled","key","activeOpacity","onPress","width","height","flexStyle","alignItems","justifyContent","backgroundColor","colors","blue","gray","borderStyled","borderRadius","borderWidths","thick_large","borderColor","borderWidth","thin","marginStyle","marginRight","margins","marginTop","size","color","Fragment","icon","neutral","text","toString","padStart","fontSizes","lg","fontFamily","fonts","inter_bold_700","dayName","slice","marginBottom","letterSpacing","daySorted","a","b","Date","fullDate","getTime","dataWithAllOption","horizontal","data","showsHorizontalScrollIndicator","renderItem"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React from \"react\";\nimport { TouchableOpacity, ActivityIndicator, FlatList } from \"react-native\";\n\n// components\nimport Box from \"../box\";\nimport { Typography } from \"../typography\";\n\nimport { Icons } from \"../../common/icons-svg\";\n\n//typing\nimport { IFilterDateSelector, ISelectedDay } from \"./interface\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\n\n/**\n *\n * Componente FilterDateSelector para a interação do usuário com ui.\n */\nconst FilterDateSelector: React.FC<IFilterDateSelector> = ({\n selectedDay,\n handleSelectedDay,\n days,\n isLoading,\n testID,\n sort = \"desc\",\n}) => {\n const renderDayBlock = ({ item: day, index }: { item: ISelectedDay; index: number }) => {\n const isSelected = selectedDay && selectedDay.date === day.date;\n return (\n <TouchableOpacity\n disabled={isSelected}\n key={index}\n activeOpacity={0.7}\n onPress={() => handleSelectedDay(day)}\n >\n <Box\n testID={testID}\n width={65}\n height={75}\n flexStyle={{ alignItems: \"center\", justifyContent: \"center\" }}\n backgroundColor={isSelected ? theme.colors.blue[400] : theme.colors.gray[350]}\n borderStyled={{\n borderRadius: theme.borderWidths.thick_large,\n borderColor: isSelected ? theme.colors.blue[400] : theme.colors.gray[350],\n borderWidth: theme.borderWidths.thin,\n }}\n marginStyle={{ marginRight: theme.margins[\"2xs\"], marginTop: theme.margins[\"2xs\"] }}\n >\n {isSelected && isLoading ? (\n <ActivityIndicator size=\"small\" color=\"white\" />\n ) : (\n <>\n {day.date === \"all\" ? (\n <Icons icon=\"REFRESH_CCW_DOT\" color={theme.colors.neutral[25]} />\n ) : (\n <>\n <Typography\n text={day.date === \"all\" ? \"\" : day.date.toString().padStart(2, \"0\")}\n size={theme.fontSizes.lg}\n color={theme.colors.neutral[25]}\n fontFamily={theme.fonts.inter_bold_700}\n />\n <Typography\n text={day.date === \"all\" ? \"Todos\" : day.dayName.slice(0, 3)}\n size={theme.fontSizes.lg}\n color={theme.colors.neutral[25]}\n fontFamily={theme.fonts.inter_bold_700}\n marginBottom={day.date === \"all\" ? theme.margins[\"3xl\"] : 0}\n letterSpacing=\"o_16\"\n />\n </>\n )}\n </>\n )}\n </Box>\n </TouchableOpacity>\n );\n };\n\n\n const daySorted = days.sort(\n (a, b) => new Date(b.fullDate).getTime() - new Date(a.fullDate).getTime()\n );\n\n // Adiciona a opção \"Todos\" no início da lista\n const dataWithAllOption = [...daySorted];\n\n return (\n <FlatList\n horizontal\n data={sort === \"desc\" ? dataWithAllOption : days}\n showsHorizontalScrollIndicator={false}\n renderItem={renderDayBlock}\n />\n );\n};\n\n/**\n * EXPORTS\n */\nexport { FilterDateSelector };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/*\n * IMPORTS\n */\nimport { TouchableOpacityProps } from \"react-native\";\n\n/**\n * INTERFACE\n */\nimport { IGlobalCss } from \"../../styles/global/interface\";\n\ninterface ISelectedDay {\n date: string | number;\n dayName: string;\n fullDate: Date;\n}\n\ninterface IFilterDateSelector extends TouchableOpacityProps, IGlobalCss {\n /**\n * prop que mostra o dia selecionado\n */\n selectedDay: ISelectedDay;\n\n /**\n * função que seleciona a data\n */\n // eslint-disable-next-line no-unused-vars\n handleSelectedDay: (date: ISelectedDay) => {};\n\n /**\n * * Retorna as sete últimas datas dos dias\n */\n days: ISelectedDay[];\n\n /**\n * Retorna o loading do componente\n */\n isLoading: boolean;\n}\n\n/**\n * EXPORTS\n */\nexport type { IFilterDateSelector, ISelectedDay };\n"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/*\n * IMPORTS\n */\nimport { TouchableOpacityProps } from \"react-native\";\n\n/**\n * INTERFACE\n */\nimport { IGlobalCss } from \"../../styles/global/interface\";\n\ninterface ISelectedDay {\n date: string | number;\n dayName: string;\n fullDate: Date;\n}\n\ninterface IFilterDateSelector extends TouchableOpacityProps, IGlobalCss {\n /**\n * prop que mostra o dia selecionado\n */\n selectedDay: ISelectedDay;\n\n /**\n * função que seleciona a data\n */\n // eslint-disable-next-line no-unused-vars\n handleSelectedDay: (date: ISelectedDay) => {};\n\n /**\n * * Retorna as sete últimas datas dos dias\n */\n days: ISelectedDay[];\n\n /**\n * Retorna o loading do componente\n */\n isLoading: boolean;\n\n /**\n * Indica que a ordem da lista é alterada\n */\n sort?: \"asc\" | \"desc\";\n}\n\n/**\n * EXPORTS\n */\nexport type { IFilterDateSelector, ISelectedDay };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -12,7 +12,7 @@ function getStatusColor(status) {
|
|
|
12
12
|
Cancelado: theme.colors.red[900],
|
|
13
13
|
Pendente: theme.colors.yellow[75],
|
|
14
14
|
Andamento: theme.colors.green[150],
|
|
15
|
-
|
|
15
|
+
Em_liberacao: theme.colors.blue[20]
|
|
16
16
|
};
|
|
17
17
|
return statusColors[status];
|
|
18
18
|
}
|
|
@@ -22,7 +22,7 @@ function getStatusTextColor(status) {
|
|
|
22
22
|
Cancelado: theme.colors.neutral[25],
|
|
23
23
|
Pendente: theme.colors.neutral[50],
|
|
24
24
|
Andamento: theme.colors.neutral[50],
|
|
25
|
-
|
|
25
|
+
Em_liberacao: theme.colors.neutral[25]
|
|
26
26
|
};
|
|
27
27
|
return statusColors[status];
|
|
28
28
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["theme","getBorderColor","status","borderColors","Cancelado","colors","red","Pendente","orange","getStatusColor","statusColors","Concluido","green","yellow","Andamento","
|
|
1
|
+
{"version":3,"names":["theme","getBorderColor","status","borderColors","Cancelado","colors","red","Pendente","orange","getStatusColor","statusColors","Concluido","green","yellow","Andamento","Em_liberacao","blue","getStatusTextColor","neutral"],"sources":["return-color.ts"],"sourcesContent":["import { theme } from \"../../styles/theme/theme\";\n\nexport type StatusType = \"Andamento\" | \"Cancelado\" | \"Pendente\" | \"Concluido\" | \"Em_liberacao\";\n\nfunction getBorderColor(status: string) {\n const borderColors = {\n Cancelado: theme.colors.red[900],\n Pendente: theme.colors.orange[450],\n };\n return borderColors[status as keyof typeof borderColors];\n}\nfunction getStatusColor(status: StatusType): string {\n const statusColors: Record<StatusType, string> = {\n Concluido: theme.colors.green[250],\n Cancelado: theme.colors.red[900],\n Pendente: theme.colors.yellow[75],\n Andamento: theme.colors.green[150],\n Em_liberacao: theme.colors.blue[20],\n };\n\n return statusColors[status];\n}\n\nfunction getStatusTextColor(status: StatusType): string {\n const statusColors: Record<StatusType, string> = {\n Concluido: theme.colors.neutral[25],\n Cancelado: theme.colors.neutral[25],\n Pendente: theme.colors.neutral[50],\n Andamento: theme.colors.neutral[50],\n Em_liberacao: theme.colors.neutral[25],\n };\n\n return statusColors[status];\n}\n\nexport { getStatusColor, getBorderColor, getStatusTextColor };\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,0BAA0B;AAIhD,SAASC,cAAcA,CAACC,MAAc,EAAE;EACtC,MAAMC,YAAY,GAAG;IACnBC,SAAS,EAAEJ,KAAK,CAACK,MAAM,CAACC,GAAG,CAAC,GAAG,CAAC;IAChCC,QAAQ,EAAEP,KAAK,CAACK,MAAM,CAACG,MAAM,CAAC,GAAG;EACnC,CAAC;EACD,OAAOL,YAAY,CAACD,MAAM,CAA8B;AAC1D;AACA,SAASO,cAAcA,CAACP,MAAkB,EAAU;EAClD,MAAMQ,YAAwC,GAAG;IAC/CC,SAAS,EAAEX,KAAK,CAACK,MAAM,CAACO,KAAK,CAAC,GAAG,CAAC;IAClCR,SAAS,EAAEJ,KAAK,CAACK,MAAM,CAACC,GAAG,CAAC,GAAG,CAAC;IAChCC,QAAQ,EAAEP,KAAK,CAACK,MAAM,CAACQ,MAAM,CAAC,EAAE,CAAC;IACjCC,SAAS,EAAEd,KAAK,CAACK,MAAM,CAACO,KAAK,CAAC,GAAG,CAAC;IAClCG,YAAY,EAAEf,KAAK,CAACK,MAAM,CAACW,IAAI,CAAC,EAAE;EACpC,CAAC;EAED,OAAON,YAAY,CAACR,MAAM,CAAC;AAC7B;AAEA,SAASe,kBAAkBA,CAACf,MAAkB,EAAU;EACtD,MAAMQ,YAAwC,GAAG;IAC/CC,SAAS,EAAEX,KAAK,CAACK,MAAM,CAACa,OAAO,CAAC,EAAE,CAAC;IACnCd,SAAS,EAAEJ,KAAK,CAACK,MAAM,CAACa,OAAO,CAAC,EAAE,CAAC;IACnCX,QAAQ,EAAEP,KAAK,CAACK,MAAM,CAACa,OAAO,CAAC,EAAE,CAAC;IAClCJ,SAAS,EAAEd,KAAK,CAACK,MAAM,CAACa,OAAO,CAAC,EAAE,CAAC;IACnCH,YAAY,EAAEf,KAAK,CAACK,MAAM,CAACa,OAAO,CAAC,EAAE;EACvC,CAAC;EAED,OAAOR,YAAY,CAACR,MAAM,CAAC;AAC7B;AAEA,SAASO,cAAc,EAAER,cAAc,EAAEgB,kBAAkB","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare type StatusType = "Andamento" | "Cancelado" | "Pendente" | "Concluido" | "
|
|
1
|
+
export declare type StatusType = "Andamento" | "Cancelado" | "Pendente" | "Concluido" | "Em_liberacao";
|
|
2
2
|
declare function getBorderColor(status: string): string;
|
|
3
3
|
declare function getStatusColor(status: StatusType): string;
|
|
4
4
|
declare function getStatusTextColor(status: StatusType): string;
|
package/package.json
CHANGED
|
@@ -48,7 +48,7 @@ const DocumentCargaInfo = forwardRef<View, IDocumentCargaInfo>(
|
|
|
48
48
|
<Box ref={ref} style={styles.container} {...rest}>
|
|
49
49
|
<>
|
|
50
50
|
{/* Título / Documento */}
|
|
51
|
-
<Box flexStyle={{ flexDirection: "row", alignItems: "center" }}>
|
|
51
|
+
<Box width={"100%"} flexStyle={{ flexDirection: "row", alignItems: "center" }}>
|
|
52
52
|
<Typography
|
|
53
53
|
text={title ?? "Selecione o Apolo disponível"}
|
|
54
54
|
size={theme.fontSizes.sm}
|
|
@@ -60,6 +60,7 @@ const DocumentCargaInfo = forwardRef<View, IDocumentCargaInfo>(
|
|
|
60
60
|
<Text
|
|
61
61
|
style={[
|
|
62
62
|
styles.textOption,
|
|
63
|
+
|
|
63
64
|
{
|
|
64
65
|
marginBottom: isAlert ? 0 : theme.margins.md,
|
|
65
66
|
fontWeight: "bold",
|
|
@@ -42,6 +42,7 @@ const styles = StyleSheet.create<IStyles | any>({
|
|
|
42
42
|
fontSize: theme.fontSizes.md,
|
|
43
43
|
},
|
|
44
44
|
textOption: {
|
|
45
|
+
width: 200,
|
|
45
46
|
color: theme.colors.black[25],
|
|
46
47
|
fontFamily: theme.fonts.inter_regular_400,
|
|
47
48
|
fontSize: 12,
|
|
@@ -52,4 +53,4 @@ const styles = StyleSheet.create<IStyles | any>({
|
|
|
52
53
|
/**
|
|
53
54
|
* EXPORTS
|
|
54
55
|
*/
|
|
55
|
-
export { styles}
|
|
56
|
+
export { styles }
|
|
@@ -8,12 +8,14 @@ import { TouchableOpacity, ActivityIndicator, FlatList } from "react-native";
|
|
|
8
8
|
import Box from "../box";
|
|
9
9
|
import { Typography } from "../typography";
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
import { theme } from "../../styles/theme/theme";
|
|
11
|
+
import { Icons } from "../../common/icons-svg";
|
|
13
12
|
|
|
14
13
|
//typing
|
|
15
14
|
import { IFilterDateSelector, ISelectedDay } from "./interface";
|
|
16
|
-
|
|
15
|
+
|
|
16
|
+
// styles
|
|
17
|
+
import { theme } from "../../styles/theme/theme";
|
|
18
|
+
|
|
17
19
|
|
|
18
20
|
/**
|
|
19
21
|
*
|
|
@@ -25,6 +27,7 @@ const FilterDateSelector: React.FC<IFilterDateSelector> = ({
|
|
|
25
27
|
days,
|
|
26
28
|
isLoading,
|
|
27
29
|
testID,
|
|
30
|
+
sort = "desc",
|
|
28
31
|
}) => {
|
|
29
32
|
const renderDayBlock = ({ item: day, index }: { item: ISelectedDay; index: number }) => {
|
|
30
33
|
const isSelected = selectedDay && selectedDay.date === day.date;
|
|
@@ -78,6 +81,8 @@ const FilterDateSelector: React.FC<IFilterDateSelector> = ({
|
|
|
78
81
|
</TouchableOpacity>
|
|
79
82
|
);
|
|
80
83
|
};
|
|
84
|
+
|
|
85
|
+
|
|
81
86
|
const daySorted = days.sort(
|
|
82
87
|
(a, b) => new Date(b.fullDate).getTime() - new Date(a.fullDate).getTime()
|
|
83
88
|
);
|
|
@@ -88,7 +93,7 @@ const FilterDateSelector: React.FC<IFilterDateSelector> = ({
|
|
|
88
93
|
return (
|
|
89
94
|
<FlatList
|
|
90
95
|
horizontal
|
|
91
|
-
data={dataWithAllOption}
|
|
96
|
+
data={sort === "desc" ? dataWithAllOption : days}
|
|
92
97
|
showsHorizontalScrollIndicator={false}
|
|
93
98
|
renderItem={renderDayBlock}
|
|
94
99
|
/>
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
import { theme } from "../../styles/theme/theme";
|
|
2
|
-
|
|
3
|
-
export type StatusType = "Andamento" | "Cancelado" | "Pendente" | "Concluido" | "
|
|
4
|
-
|
|
5
|
-
function getBorderColor(status: string) {
|
|
6
|
-
const borderColors = {
|
|
7
|
-
Cancelado: theme.colors.red[900],
|
|
8
|
-
Pendente: theme.colors.orange[450],
|
|
9
|
-
};
|
|
10
|
-
return borderColors[status as keyof typeof borderColors];
|
|
11
|
-
}
|
|
12
|
-
function getStatusColor(status: StatusType): string {
|
|
13
|
-
const statusColors: Record<StatusType, string> = {
|
|
14
|
-
Concluido: theme.colors.green[250],
|
|
15
|
-
Cancelado: theme.colors.red[900],
|
|
16
|
-
Pendente: theme.colors.yellow[75],
|
|
17
|
-
Andamento: theme.colors.green[150],
|
|
18
|
-
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
return statusColors[status];
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
function getStatusTextColor(status: StatusType): string {
|
|
25
|
-
const statusColors: Record<StatusType, string> = {
|
|
26
|
-
Concluido: theme.colors.neutral[25],
|
|
27
|
-
Cancelado: theme.colors.neutral[25],
|
|
28
|
-
Pendente: theme.colors.neutral[50],
|
|
29
|
-
Andamento: theme.colors.neutral[50],
|
|
30
|
-
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
return statusColors[status];
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
export { getStatusColor, getBorderColor, getStatusTextColor };
|
|
1
|
+
import { theme } from "../../styles/theme/theme";
|
|
2
|
+
|
|
3
|
+
export type StatusType = "Andamento" | "Cancelado" | "Pendente" | "Concluido" | "Em_liberacao";
|
|
4
|
+
|
|
5
|
+
function getBorderColor(status: string) {
|
|
6
|
+
const borderColors = {
|
|
7
|
+
Cancelado: theme.colors.red[900],
|
|
8
|
+
Pendente: theme.colors.orange[450],
|
|
9
|
+
};
|
|
10
|
+
return borderColors[status as keyof typeof borderColors];
|
|
11
|
+
}
|
|
12
|
+
function getStatusColor(status: StatusType): string {
|
|
13
|
+
const statusColors: Record<StatusType, string> = {
|
|
14
|
+
Concluido: theme.colors.green[250],
|
|
15
|
+
Cancelado: theme.colors.red[900],
|
|
16
|
+
Pendente: theme.colors.yellow[75],
|
|
17
|
+
Andamento: theme.colors.green[150],
|
|
18
|
+
Em_liberacao: theme.colors.blue[20],
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
return statusColors[status];
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
function getStatusTextColor(status: StatusType): string {
|
|
25
|
+
const statusColors: Record<StatusType, string> = {
|
|
26
|
+
Concluido: theme.colors.neutral[25],
|
|
27
|
+
Cancelado: theme.colors.neutral[25],
|
|
28
|
+
Pendente: theme.colors.neutral[50],
|
|
29
|
+
Andamento: theme.colors.neutral[50],
|
|
30
|
+
Em_liberacao: theme.colors.neutral[25],
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
return statusColors[status];
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
export { getStatusColor, getBorderColor, getStatusTextColor };
|