react-native-exp-fig 0.1.21 → 0.1.22

package/lib/module/components/history-activities-card/index.js

@@ -0,0 +1,190 @@
+/**
+ * IMPORTS
+ */
+import React, { forwardRef } from "react";
+import { Image } from "react-native";
+
+// components
+import { Box } from "../box";
+import { Typography } from "../typography";
+
+//commons/ icons
+import { IMAGES } from "../../common/constants";
+
+// typings
+
+import { asBaseComponent } from "../../@types/as-base-component";
+
+// styles
+import { theme } from "../../styles/theme/theme";
+import { getIconByProperty } from "../../utils/get-icon-by-property";
+
+// helpers
+import { truncateText } from "../../helpers/text-utils";
+const HistoryActivitiesCard = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    testID,
+    backgroundColor,
+    idAtividade,
+    name_activitie,
+    referencia,
+    type_activitie,
+    data_start,
+    data_end,
+    duration,
+    avatar
+  } = props;
+  return /*#__PURE__*/React.createElement(Box, {
+    ref: ref,
+    testID: testID,
+    width: "100%",
+    backgroundColor: theme.colors.neutral[25],
+    borderStyled: {
+      borderRadius: theme.borderWidths.thick_medium
+    },
+    marginStyle: {
+      marginBottom: theme.margins["2xs"]
+    }
+  }, /*#__PURE__*/React.createElement(Box, {
+    width: "100%",
+    height: 30,
+    backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : theme.colors.green[400],
+    borderStyled: {
+      borderTopLeftRadius: theme.borderWidths.thin_bold,
+      borderTopRightRadius: theme.borderWidths.thin_bold,
+      borderColor: theme.colors.blue[400]
+    },
+    flexStyle: {
+      justifyContent: "center"
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    text: `ATIVIDADE ${!data_end ? "EM ANDAMENTO" : ""} #${idAtividade}`,
+    color: theme.colors.neutral[25],
+    size: theme.fontSizes.xs,
+    fontFamily: theme.fonts.inter_semi_bold_600,
+    fontWeight: "500",
+    lineHeight: theme.fontSizes.lg,
+    marginLeft: theme.margins["2xs"]
+  })), /*#__PURE__*/React.createElement(Box, {
+    width: "100%",
+    flexStyle: {
+      flexDirection: "row",
+      justifyContent: "space-between"
+    },
+    paddingStyle: {
+      padding: theme.paddings["2xs"]
+    }
+  }, /*#__PURE__*/React.createElement(Box, {
+    width: "100%"
+  }, /*#__PURE__*/React.createElement(Box, {
+    flexStyle: {
+      flexDirection: "row",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement(Image, {
+    style: {
+      width: 45,
+      height: 45,
+      borderRadius: 10,
+      marginRight: 10
+    },
+    source: {
+      uri: avatar !== null && avatar !== void 0 ? avatar : IMAGES.IMAGE_ANONIMA
+    }
+  }), /*#__PURE__*/React.createElement(Box, {
+    width: "100%"
+  }, /*#__PURE__*/React.createElement(Box, {
+    width: "84%",
+    flexStyle: {
+      flexDirection: "row",
+      flexWrap: "wrap"
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    style: {
+      flexShrink: 1
+    },
+    text: `Início: `,
+    size: theme.fontSizes.xs,
+    color: theme.colors.black[10],
+    fontFamily: theme.fonts.inter_semi_bold_600
+  }), /*#__PURE__*/React.createElement(Typography, {
+    text: `${data_start} ás ${data_end !== null && data_end !== void 0 ? data_end : "00/00/0000 00:00"}`,
+    size: theme.fontSizes["2xs"],
+    color: theme.colors.black[180],
+    fontFamily: theme.fonts.inter_regular_400
+  })), /*#__PURE__*/React.createElement(Box, {
+    flexStyle: {
+      flexDirection: "row",
+      justifyContent: "space-between"
+    },
+    width: "84%"
+  }, /*#__PURE__*/React.createElement(Box, {
+    flexStyle: {
+      flexDirection: "row"
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    text: `Duração: `,
+    size: theme.fontSizes.xs,
+    color: theme.colors.black[10],
+    fontFamily: theme.fonts.inter_semi_bold_600
+  }), /*#__PURE__*/React.createElement(Typography, {
+    text: `${duration !== null && duration !== void 0 ? duration : "00:00"}`,
+    size: theme.fontSizes["2xs"],
+    color: theme.colors.black[180],
+    fontFamily: theme.fonts.inter_light_300
+  })), getIconByProperty(referencia, backgroundColor)))))), /*#__PURE__*/React.createElement(Box, {
+    width: "100%",
+    flexStyle: {
+      flexDirection: "row",
+      justifyContent: "space-between",
+      alignItems: "center"
+    },
+    paddingStyle: {
+      padding: theme.paddings["2xs"]
+    },
+    borderStyled: {
+      borderTopWidth: theme.borderWidths.thin_medium,
+      borderTopColor: theme.colors.neutral[200]
+    }
+  }, /*#__PURE__*/React.createElement(Box, {
+    marginStyle: {
+      marginRight: 2
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    text: `Atividade:`,
+    size: theme.fontSizes.xs,
+    color: theme.colors.gray[700],
+    fontFamily: theme.fonts.inter_regular_400
+  }), /*#__PURE__*/React.createElement(Typography, {
+    text: truncateText(name_activitie !== null && name_activitie !== void 0 ? name_activitie : "Sem informação"),
+    size: theme.fontSizes.sm,
+    color: theme.colors.black[100],
+    fontFamily: theme.fonts.inter_semi_bold_600
+  })), /*#__PURE__*/React.createElement(Box, {
+    flexStyle: {
+      flexDirection: "column",
+      alignItems: "flex-end",
+      justifyContent: "center"
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    text: `Tipo atividade: `,
+    size: theme.fontSizes.xs,
+    color: theme.colors.gray[700],
+    fontFamily: theme.fonts.inter_regular_400
+  }), /*#__PURE__*/React.createElement(Typography, {
+    text: `${type_activitie}`,
+    size: theme.fontSizes.sm,
+    color: theme.colors.black[100],
+    fontFamily: theme.fonts.inter_semi_bold_600,
+    marginLeft: 4
+  }))));
+});
+HistoryActivitiesCard.displayName = "HistoryActivitiesCard";
+const HistoryActivitiesCardComponent = asBaseComponent(HistoryActivitiesCard);
+
+/**
+ * Componente Box para a interação da  ui.
+ */
+export default HistoryActivitiesCardComponent;
+export { HistoryActivitiesCardComponent as HistoryActivitiesCard };
+//# sourceMappingURL=index.js.map

package/lib/module/components/history-activities-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Image","Box","Typography","IMAGES","asBaseComponent","theme","getIconByProperty","truncateText","HistoryActivitiesCard","props","ref","testID","backgroundColor","idAtividade","name_activitie","referencia","type_activitie","data_start","data_end","duration","avatar","createElement","width","colors","neutral","borderStyled","borderRadius","borderWidths","thick_medium","marginStyle","marginBottom","margins","height","green","borderTopLeftRadius","thin_bold","borderTopRightRadius","borderColor","blue","flexStyle","justifyContent","text","color","size","fontSizes","xs","fontFamily","fonts","inter_semi_bold_600","fontWeight","lineHeight","lg","marginLeft","flexDirection","paddingStyle","padding","paddings","alignItems","style","marginRight","source","uri","IMAGE_ANONIMA","flexWrap","flexShrink","black","inter_regular_400","inter_light_300","borderTopWidth","thin_medium","borderTopColor","gray","sm","displayName","HistoryActivitiesCardComponent"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React, { forwardRef } from \"react\";\nimport { Image } from \"react-native\";\n\n// components\nimport { Box } from \"../box\";\nimport { Typography } from \"../typography\";\n\n//commons/ icons\nimport { IMAGES } from \"../../common/constants\";\n\n// typings\nimport type { ICardActivitiesWeek } from \"./interface\";\nimport { asBaseComponent } from \"../../@types/as-base-component\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\nimport { getIconByProperty } from \"../../utils/get-icon-by-property\";\n\n// helpers\nimport { truncateText } from \"../../helpers/text-utils\";\n\nconst HistoryActivitiesCard = forwardRef<any, ICardActivitiesWeek>(\n  (props, ref): React.ReactElement => {\n    const {\n      testID,\n      backgroundColor,\n      idAtividade,\n      name_activitie,\n      referencia,\n      type_activitie,\n      data_start,\n      data_end,\n      duration,\n      avatar,\n    } = props;\n    return (\n      <Box\n        ref={ref}\n        testID={testID}\n        width={\"100%\"}\n        backgroundColor={theme.colors.neutral[25]}\n        borderStyled={{\n          borderRadius: theme.borderWidths.thick_medium,\n        }}\n        marginStyle={{\n          marginBottom: theme.margins[\"2xs\"],\n        }}\n      >\n        <Box\n          width={\"100%\"}\n          height={30}\n          backgroundColor={backgroundColor ?? theme.colors.green[400]}\n          borderStyled={{\n            borderTopLeftRadius: theme.borderWidths.thin_bold,\n            borderTopRightRadius: theme.borderWidths.thin_bold,\n            borderColor: theme.colors.blue[400],\n          }}\n          flexStyle={{\n            justifyContent: \"center\",\n          }}\n        >\n          <Typography\n            text={`ATIVIDADE ${!data_end ? \"EM ANDAMENTO\" : \"\"} #${idAtividade}`}\n            color={theme.colors.neutral[25]}\n            size={theme.fontSizes.xs}\n            fontFamily={theme.fonts.inter_semi_bold_600}\n            fontWeight={\"500\"}\n            lineHeight={theme.fontSizes.lg}\n            marginLeft={theme.margins[\"2xs\"]}\n          />\n        </Box>\n        <Box\n          width={\"100%\"}\n          flexStyle={{\n            flexDirection: \"row\",\n            justifyContent: \"space-between\",\n          }}\n          paddingStyle={{\n            padding: theme.paddings[\"2xs\"],\n          }}\n        >\n          <Box width={\"100%\"}>\n            <Box flexStyle={{ flexDirection: \"row\", alignItems: \"center\" }}>\n              <Image\n                style={{\n                  width: 45,\n                  height: 45,\n                  borderRadius: 10,\n                  marginRight: 10,\n                }}\n                source={{ uri: avatar ?? IMAGES.IMAGE_ANONIMA }}\n              />\n\n              <Box width={\"100%\"}>\n                <Box\n                  width={\"84%\"}\n                  flexStyle={{\n                    flexDirection: \"row\",\n                    flexWrap: \"wrap\",\n                  }}\n                >\n                  <Typography\n                    style={{ flexShrink: 1 }}\n                    text={`Início: `}\n                    size={theme.fontSizes.xs}\n                    color={theme.colors.black[10]}\n                    fontFamily={theme.fonts.inter_semi_bold_600}\n                  />\n                  <Typography\n                    text={`${data_start} ás ${data_end ?? \"00/00/0000 00:00\"}`}\n                    size={theme.fontSizes[\"2xs\"]}\n                    color={theme.colors.black[180]}\n                    fontFamily={theme.fonts.inter_regular_400}\n                  />\n                </Box>\n\n                <Box\n                  flexStyle={{\n                    flexDirection: \"row\",\n                    justifyContent: \"space-between\",\n                  }}\n                  width={\"84%\"}\n                >\n                  <Box flexStyle={{ flexDirection: \"row\" }}>\n                    <Typography\n                      text={`Duração: `}\n                      size={theme.fontSizes.xs}\n                      color={theme.colors.black[10]}\n                      fontFamily={theme.fonts.inter_semi_bold_600}\n                    />\n\n                    <Typography\n                      text={`${duration ?? \"00:00\"}`}\n                      size={theme.fontSizes[\"2xs\"]}\n                      color={theme.colors.black[180]}\n                      fontFamily={theme.fonts.inter_light_300}\n                    />\n                  </Box>\n\n                  {getIconByProperty(referencia, backgroundColor)}\n                </Box>\n              </Box>\n            </Box>\n          </Box>\n        </Box>\n\n        <Box\n          width={\"100%\"}\n          flexStyle={{\n            flexDirection: \"row\",\n            justifyContent: \"space-between\",\n            alignItems: \"center\",\n          }}\n          paddingStyle={{\n            padding: theme.paddings[\"2xs\"],\n          }}\n          borderStyled={{\n            borderTopWidth: theme.borderWidths.thin_medium,\n            borderTopColor: theme.colors.neutral[200],\n          }}\n        >\n          <Box marginStyle={{ marginRight: 2 }}>\n            <Typography\n              text={`Atividade:`}\n              size={theme.fontSizes.xs}\n              color={theme.colors.gray[700]}\n              fontFamily={theme.fonts.inter_regular_400}\n            />\n\n            <Typography\n              text={truncateText(name_activitie ?? \"Sem informação\")}\n              size={theme.fontSizes.sm}\n              color={theme.colors.black[100]}\n              fontFamily={theme.fonts.inter_semi_bold_600}\n            />\n          </Box>\n\n          <Box\n            flexStyle={{\n              flexDirection: \"column\",\n              alignItems: \"flex-end\",\n              justifyContent: \"center\",\n            }}\n          >\n            <Typography\n              text={`Tipo atividade: `}\n              size={theme.fontSizes.xs}\n              color={theme.colors.gray[700]}\n              fontFamily={theme.fonts.inter_regular_400}\n            />\n\n            <Typography\n              text={`${type_activitie}`}\n              size={theme.fontSizes.sm}\n              color={theme.colors.black[100]}\n              fontFamily={theme.fonts.inter_semi_bold_600}\n              marginLeft={4}\n            />\n          </Box>\n        </Box>\n      </Box>\n    );\n  }\n);\n\nHistoryActivitiesCard.displayName = \"HistoryActivitiesCard\";\n\nconst HistoryActivitiesCardComponent = asBaseComponent(HistoryActivitiesCard);\n\n/**\n * Componente Box para a interação da  ui.\n */\nexport default HistoryActivitiesCardComponent;\nexport { HistoryActivitiesCardComponent as HistoryActivitiesCard };\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,KAAK,QAAQ,cAAc;;AAEpC;AACA,SAASC,GAAG,QAAQ,QAAQ;AAC5B,SAASC,UAAU,QAAQ,eAAe;;AAE1C;AACA,SAASC,MAAM,QAAQ,wBAAwB;;AAE/C;;AAEA,SAASC,eAAe,QAAQ,gCAAgC;;AAEhE;AACA,SAASC,KAAK,QAAQ,0BAA0B;AAChD,SAASC,iBAAiB,QAAQ,kCAAkC;;AAEpE;AACA,SAASC,YAAY,QAAQ,0BAA0B;AAEvD,MAAMC,qBAAqB,gBAAGT,UAAU,CACtC,CAACU,KAAK,EAAEC,GAAG,KAAyB;EAClC,MAAM;IACJC,MAAM;IACNC,eAAe;IACfC,WAAW;IACXC,cAAc;IACdC,UAAU;IACVC,cAAc;IACdC,UAAU;IACVC,QAAQ;IACRC,QAAQ;IACRC;EACF,CAAC,GAAGX,KAAK;EACT,oBACEX,KAAA,CAAAuB,aAAA,CAACpB,GAAG;IACFS,GAAG,EAAEA,GAAI;IACTC,MAAM,EAAEA,MAAO;IACfW,KAAK,EAAE,MAAO;IACdV,eAAe,EAAEP,KAAK,CAACkB,MAAM,CAACC,OAAO,CAAC,EAAE,CAAE;IAC1CC,YAAY,EAAE;MACZC,YAAY,EAAErB,KAAK,CAACsB,YAAY,CAACC;IACnC,CAAE;IACFC,WAAW,EAAE;MACXC,YAAY,EAAEzB,KAAK,CAAC0B,OAAO,CAAC,KAAK;IACnC;EAAE,gBAEFjC,KAAA,CAAAuB,aAAA,CAACpB,GAAG;IACFqB,KAAK,EAAE,MAAO;IACdU,MAAM,EAAE,EAAG;IACXpB,eAAe,EAAEA,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAIP,KAAK,CAACkB,MAAM,CAACU,KAAK,CAAC,GAAG,CAAE;IAC5DR,YAAY,EAAE;MACZS,mBAAmB,EAAE7B,KAAK,CAACsB,YAAY,CAACQ,SAAS;MACjDC,oBAAoB,EAAE/B,KAAK,CAACsB,YAAY,CAACQ,SAAS;MAClDE,WAAW,EAAEhC,KAAK,CAACkB,MAAM,CAACe,IAAI,CAAC,GAAG;IACpC,CAAE;IACFC,SAAS,EAAE;MACTC,cAAc,EAAE;IAClB;EAAE,gBAEF1C,KAAA,CAAAuB,aAAA,CAACnB,UAAU;IACTuC,IAAI,EAAE,aAAa,CAACvB,QAAQ,GAAG,cAAc,GAAG,EAAE,KAAKL,WAAW,EAAG;IACrE6B,KAAK,EAAErC,KAAK,CAACkB,MAAM,CAACC,OAAO,CAAC,EAAE,CAAE;IAChCmB,IAAI,EAAEtC,KAAK,CAACuC,SAAS,CAACC,EAAG;IACzBC,UAAU,EAAEzC,KAAK,CAAC0C,KAAK,CAACC,mBAAoB;IAC5CC,UAAU,EAAE,KAAM;IAClBC,UAAU,EAAE7C,KAAK,CAACuC,SAAS,CAACO,EAAG;IAC/BC,UAAU,EAAE/C,KAAK,CAAC0B,OAAO,CAAC,KAAK;EAAE,CAClC,CACE,CAAC,eACNjC,KAAA,CAAAuB,aAAA,CAACpB,GAAG;IACFqB,KAAK,EAAE,MAAO;IACdiB,SAAS,EAAE;MACTc,aAAa,EAAE,KAAK;MACpBb,cAAc,EAAE;IAClB,CAAE;IACFc,YAAY,EAAE;MACZC,OAAO,EAAElD,KAAK,CAACmD,QAAQ,CAAC,KAAK;IAC/B;EAAE,gBAEF1D,KAAA,CAAAuB,aAAA,CAACpB,GAAG;IAACqB,KAAK,EAAE;EAAO,gBACjBxB,KAAA,CAAAuB,aAAA,CAACpB,GAAG;IAACsC,SAAS,EAAE;MAAEc,aAAa,EAAE,KAAK;MAAEI,UAAU,EAAE;IAAS;EAAE,gBAC7D3D,KAAA,CAAAuB,aAAA,CAACrB,KAAK;IACJ0D,KAAK,EAAE;MACLpC,KAAK,EAAE,EAAE;MACTU,MAAM,EAAE,EAAE;MACVN,YAAY,EAAE,EAAE;MAChBiC,WAAW,EAAE;IACf,CAAE;IACFC,MAAM,EAAE;MAAEC,GAAG,EAAEzC,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIjB,MAAM,CAAC2D;IAAc;EAAE,CACjD,CAAC,eAEFhE,KAAA,CAAAuB,aAAA,CAACpB,GAAG;IAACqB,KAAK,EAAE;EAAO,gBACjBxB,KAAA,CAAAuB,aAAA,CAACpB,GAAG;IACFqB,KAAK,EAAE,KAAM;IACbiB,SAAS,EAAE;MACTc,aAAa,EAAE,KAAK;MACpBU,QAAQ,EAAE;IACZ;EAAE,gBAEFjE,KAAA,CAAAuB,aAAA,CAACnB,UAAU;IACTwD,KAAK,EAAE;MAAEM,UAAU,EAAE;IAAE,CAAE;IACzBvB,IAAI,EAAE,UAAW;IACjBE,IAAI,EAAEtC,KAAK,CAACuC,SAAS,CAACC,EAAG;IACzBH,KAAK,EAAErC,KAAK,CAACkB,MAAM,CAAC0C,KAAK,CAAC,EAAE,CAAE;IAC9BnB,UAAU,EAAEzC,KAAK,CAAC0C,KAAK,CAACC;EAAoB,CAC7C,CAAC,eACFlD,KAAA,CAAAuB,aAAA,CAACnB,UAAU;IACTuC,IAAI,EAAE,GAAGxB,UAAU,OAAOC,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI,kBAAkB,EAAG;IAC3DyB,IAAI,EAAEtC,KAAK,CAACuC,SAAS,CAAC,KAAK,CAAE;IAC7BF,KAAK,EAAErC,KAAK,CAACkB,MAAM,CAAC0C,KAAK,CAAC,GAAG,CAAE;IAC/BnB,UAAU,EAAEzC,KAAK,CAAC0C,KAAK,CAACmB;EAAkB,CAC3C,CACE,CAAC,eAENpE,KAAA,CAAAuB,aAAA,CAACpB,GAAG;IACFsC,SAAS,EAAE;MACTc,aAAa,EAAE,KAAK;MACpBb,cAAc,EAAE;IAClB,CAAE;IACFlB,KAAK,EAAE;EAAM,gBAEbxB,KAAA,CAAAuB,aAAA,CAACpB,GAAG;IAACsC,SAAS,EAAE;MAAEc,aAAa,EAAE;IAAM;EAAE,gBACvCvD,KAAA,CAAAuB,aAAA,CAACnB,UAAU;IACTuC,IAAI,EAAE,WAAY;IAClBE,IAAI,EAAEtC,KAAK,CAACuC,SAAS,CAACC,EAAG;IACzBH,KAAK,EAAErC,KAAK,CAACkB,MAAM,CAAC0C,KAAK,CAAC,EAAE,CAAE;IAC9BnB,UAAU,EAAEzC,KAAK,CAAC0C,KAAK,CAACC;EAAoB,CAC7C,CAAC,eAEFlD,KAAA,CAAAuB,aAAA,CAACnB,UAAU;IACTuC,IAAI,EAAE,GAAGtB,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI,OAAO,EAAG;IAC/BwB,IAAI,EAAEtC,KAAK,CAACuC,SAAS,CAAC,KAAK,CAAE;IAC7BF,KAAK,EAAErC,KAAK,CAACkB,MAAM,CAAC0C,KAAK,CAAC,GAAG,CAAE;IAC/BnB,UAAU,EAAEzC,KAAK,CAAC0C,KAAK,CAACoB;EAAgB,CACzC,CACE,CAAC,EAEL7D,iBAAiB,CAACS,UAAU,EAAEH,eAAe,CAC3C,CACF,CACF,CACF,CACF,CAAC,eAENd,KAAA,CAAAuB,aAAA,CAACpB,GAAG;IACFqB,KAAK,EAAE,MAAO;IACdiB,SAAS,EAAE;MACTc,aAAa,EAAE,KAAK;MACpBb,cAAc,EAAE,eAAe;MAC/BiB,UAAU,EAAE;IACd,CAAE;IACFH,YAAY,EAAE;MACZC,OAAO,EAAElD,KAAK,CAACmD,QAAQ,CAAC,KAAK;IAC/B,CAAE;IACF/B,YAAY,EAAE;MACZ2C,cAAc,EAAE/D,KAAK,CAACsB,YAAY,CAAC0C,WAAW;MAC9CC,cAAc,EAAEjE,KAAK,CAACkB,MAAM,CAACC,OAAO,CAAC,GAAG;IAC1C;EAAE,gBAEF1B,KAAA,CAAAuB,aAAA,CAACpB,GAAG;IAAC4B,WAAW,EAAE;MAAE8B,WAAW,EAAE;IAAE;EAAE,gBACnC7D,KAAA,CAAAuB,aAAA,CAACnB,UAAU;IACTuC,IAAI,EAAE,YAAa;IACnBE,IAAI,EAAEtC,KAAK,CAACuC,SAAS,CAACC,EAAG;IACzBH,KAAK,EAAErC,KAAK,CAACkB,MAAM,CAACgD,IAAI,CAAC,GAAG,CAAE;IAC9BzB,UAAU,EAAEzC,KAAK,CAAC0C,KAAK,CAACmB;EAAkB,CAC3C,CAAC,eAEFpE,KAAA,CAAAuB,aAAA,CAACnB,UAAU;IACTuC,IAAI,EAAElC,YAAY,CAACO,cAAc,aAAdA,cAAc,cAAdA,cAAc,GAAI,gBAAgB,CAAE;IACvD6B,IAAI,EAAEtC,KAAK,CAACuC,SAAS,CAAC4B,EAAG;IACzB9B,KAAK,EAAErC,KAAK,CAACkB,MAAM,CAAC0C,KAAK,CAAC,GAAG,CAAE;IAC/BnB,UAAU,EAAEzC,KAAK,CAAC0C,KAAK,CAACC;EAAoB,CAC7C,CACE,CAAC,eAENlD,KAAA,CAAAuB,aAAA,CAACpB,GAAG;IACFsC,SAAS,EAAE;MACTc,aAAa,EAAE,QAAQ;MACvBI,UAAU,EAAE,UAAU;MACtBjB,cAAc,EAAE;IAClB;EAAE,gBAEF1C,KAAA,CAAAuB,aAAA,CAACnB,UAAU;IACTuC,IAAI,EAAE,kBAAmB;IACzBE,IAAI,EAAEtC,KAAK,CAACuC,SAAS,CAACC,EAAG;IACzBH,KAAK,EAAErC,KAAK,CAACkB,MAAM,CAACgD,IAAI,CAAC,GAAG,CAAE;IAC9BzB,UAAU,EAAEzC,KAAK,CAAC0C,KAAK,CAACmB;EAAkB,CAC3C,CAAC,eAEFpE,KAAA,CAAAuB,aAAA,CAACnB,UAAU;IACTuC,IAAI,EAAE,GAAGzB,cAAc,EAAG;IAC1B2B,IAAI,EAAEtC,KAAK,CAACuC,SAAS,CAAC4B,EAAG;IACzB9B,KAAK,EAAErC,KAAK,CAACkB,MAAM,CAAC0C,KAAK,CAAC,GAAG,CAAE;IAC/BnB,UAAU,EAAEzC,KAAK,CAAC0C,KAAK,CAACC,mBAAoB;IAC5CI,UAAU,EAAE;EAAE,CACf,CACE,CACF,CACF,CAAC;AAEV,CACF,CAAC;AAED5C,qBAAqB,CAACiE,WAAW,GAAG,uBAAuB;AAE3D,MAAMC,8BAA8B,GAAGtE,eAAe,CAACI,qBAAqB,CAAC;;AAE7E;AACA;AACA;AACA,eAAekE,8BAA8B;AAC7C,SAASA,8BAA8B,IAAIlE,qBAAqB","ignoreList":[]}

package/lib/module/components/history-activities-card/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interface.js.map

package/lib/module/components/history-activities-card/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["interface.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport type React from \"react\";\r\nimport { type DimensionValue, type ViewProps } from \"react-native\";\r\nimport type { PropertyType } from \"../../utils/get-icon-by-property\";\r\n\r\n/**\r\n * INTERFACE\r\n */\r\n\r\ntype ICardActivitiesWeek = ViewProps & {\r\n  /**\r\n   * props que mostra o nome do usuário\r\n   */\r\n  name?: string;\r\n\r\n  /**\r\n   * props que mostra o ciclo do relatório - DIÁRIA OU SEMANAL\r\n   */\r\n  ciclo?: string;\r\n\r\n  /**\r\n   * props que mostra a data\r\n   */\r\n  data_start: string;\r\n  data_end?: string | null;\r\n  duration: string;\r\n  status?: string;\r\n  name_activitie: string;\r\n  referencia: PropertyType;\r\n  type_activitie: string;\r\n  avatar?: string;\r\n  idAtividade: number;\r\n\r\n  children?: React.ReactNode;\r\n\r\n  /**\r\n   * TestID para testes automático e identificação\r\n   */\r\n  testID?: string;\r\n\r\n  /**\r\n   * A propriedade CSS abreviada border define a borda de um elemento. Ele define os valores de largura da borda, estilo da borda e cor da borda.\r\n   */\r\n  borderStyled?: {\r\n    borderStyle?: \"solid\" | \"dotted\" | \"dashed\";\r\n\r\n    borderRadius?: number | DimensionValue;\r\n    borderTopRightRadius?: number | DimensionValue;\r\n    borderTopLeftRadius?: number | DimensionValue;\r\n    borderBottomRightRadius?: number | DimensionValue;\r\n    borderBottomLeftRadius?: number | DimensionValue;\r\n\r\n    borderWidth?: number | DimensionValue;\r\n    borderLeftWidth?: number | DimensionValue;\r\n    borderRightWidth?: number | DimensionValue;\r\n    borderTopWidth?: number | DimensionValue;\r\n    borderBottomWidth?: number | DimensionValue;\r\n\r\n    borderColor?: string;\r\n    borderBottomColor?: string;\r\n    borderLeftColor?: string;\r\n    borderRightColor?: string;\r\n    borderTopColor?: string;\r\n  };\r\n\r\n  /**\r\n   * Propriedades que define a orientação do button que é usada para representar uma página. Na maioria das vezes, esse valores corresponde ao posicionamento alvo da página impressa, se aplicável.\r\n   */\r\n  flexStyle?: {\r\n    alignItems?: \"flex-start\" | \"flex-end\" | \"center\" | \"stretch\" | \"baseline\";\r\n    alignSelf?: \"auto\" | \"flex-start\" | \"flex-end\" | \"center\" | \"stretch\" | \"baseline\";\r\n    flex?: string | number;\r\n    flexDirection?: \"column\" | \"column-reverse\" | \"row\" | \"row-reverse\";\r\n    flexWrap?: \"nowrap\" | \"wrap\" | \"wrap-reverse\";\r\n    textAlign?: \"auto\" | \"center\" | \"left\" | \"right\" | \"justify\";\r\n    justifyContent?:\r\n      | \"flex-start\"\r\n      | \"flex-end\"\r\n      | \"center\"\r\n      | \"space-between\"\r\n      | \"space-around\"\r\n      | \"space-evenly\";\r\n  };\r\n\r\n  /**\r\n   * A propriedade margin do CSS define a área de margem nos quatro lados do elemento. É uma abreviação que define todas as margens individuais de uma só vez: margin-top, margin-right (en-US), margin-bottom, e margin-left (en-US).\r\n   */\r\n  marginStyle?: {\r\n    margin?: number | DimensionValue;\r\n    marginLeft?: number | DimensionValue;\r\n    marginRight?: number | DimensionValue;\r\n    marginTop?: number | DimensionValue;\r\n    marginBottom?: number | DimensionValue;\r\n  };\r\n\r\n  /**\r\n   * A propriedade padding define uma a distância entre o conteúdo de um elemento e suas bordas. É um atalho que evita definir uma distância para cada lado separadamente (padding-top, padding-right, padding-bottom, padding-left).\r\n   */\r\n  paddingStyle?: {\r\n    padding?: number | DimensionValue;\r\n    paddingLeft?: number | DimensionValue;\r\n    paddingRight?: number | DimensionValue;\r\n    paddingTop?: number | DimensionValue;\r\n    paddingBottom?: number | DimensionValue;\r\n  };\r\n\r\n  /**\r\n   * A propriedade CSS height define a altura de um elemento. A altura de um elemento é a distância do topo da borda superior do elemento ao fundo da borda inferior.\r\n   */\r\n  height?: number | DimensionValue;\r\n\r\n  /**\r\n   * A propriedade CSS width define a largura de um elemento. A largura de um elemento é a distância do topo da borda esquerda do elemento ao fundo da borda direita.\r\n   */\r\n  width?: number | DimensionValue;\r\n\r\n  /**\r\n   * O fundo abreviado CSS Propriedade define todas as propriedades do estilo de fundo de uma só vez, como cor, imagem, origem e tamanho ou método de repetição. As propriedades dos componentes não definidas no fundo da declaração de valor da propriedade abreviada são definidas como seus valores padrão..\r\n   * A Propriedade Background está sendo utilizada para definir a cor de fundo do cabeçalho do card e do ícone check.\r\n   */\r\n  backgroundColor?: string;\r\n\r\n  /**\r\n   * Propriedade texto que sera renderizado pro usuário final\r\n   */\r\n  text?: string;\r\n\r\n  /**\r\n   * A propriedade CSS color define o valor da cor de primeiro plano do texto e das decorações de texto de um elemento e define o valor currentcolor. currentcolor pode ser usado como um valor indireto em outras propriedades e é o padrão para outras propriedades de cores, como border-color.\r\n   */\r\n  color?: {\r\n    colorSvg?: string;\r\n    colorText?: string;\r\n    colorTextBold?: string;\r\n    colorTextData?: string;\r\n  };\r\n\r\n  // Cor do ícone CHECK\r\n  iconColor?: string;\r\n};\r\n\r\n/**\r\n * EXPORT\r\n */\r\nexport type { ICardActivitiesWeek };\r\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/modal-change-activity/index.js

@@ -0,0 +1,207 @@
+/**
+ * IMPORTS
+ */
+import React from "react";
+// libs RN
+import { Modal, View } from "react-native";
+
+// componentes internos
+import { Box } from "../box";
+import { Typography } from "../typography";
+import { SelectOption } from "../selects/select-option";
+import { Button } from "../button";
+
+// styles / theme
+import { theme } from "../../styles/theme/theme";
+
+// assets / icons
+import { Icons } from "../../common/icons-svg";
+
+/**
+ * TYPES
+ */
+
+/**
+ * CONSTANTS
+ */
+const options = [{
+  label: "Selecione atividade",
+  value: "none",
+  key: 0
+}, {
+  label: "Descanso",
+  value: "descanso",
+  key: 5
+}, {
+  label: "Repouso Noturno",
+  value: "repouso_noturno",
+  key: 6
+}, {
+  label: "Refeição",
+  value: "refeição",
+  key: 7
+}, {
+  label: "Repouso Semanal",
+  value: "repouso_semanal",
+  key: 9
+}];
+
+/**
+ * COMPONENT
+ */
+export const ModalChangeActivity = ({
+  visible,
+  onClose,
+  modalConfirm,
+  descricao
+}) => {
+  const [isLoading] = React.useState(false);
+  const initial = (descricao !== null && descricao !== void 0 ? descricao : "").toLowerCase().replace(/\s+/g, "_");
+  const [selectedOption, setSelectedOption] = React.useState(initial || "none");
+  const handleConfirm = () => {
+    const selected = options.find(opt => opt.value === selectedOption);
+    if (selected && selected.value !== "none") {
+      modalConfirm({
+        label: selected.label,
+        value: selected.value,
+        key: selected.key
+      });
+    }
+    onClose();
+  };
+  return /*#__PURE__*/React.createElement(Modal, {
+    animationType: "fade",
+    transparent: true,
+    visible: visible
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      justifyContent: "center",
+      alignItems: "center",
+      backgroundColor: "rgba(0,0,0,0.6)"
+    }
+  }, /*#__PURE__*/React.createElement(Box, {
+    width: 346,
+    backgroundColor: theme.colors.orange[500],
+    borderStyled: {
+      borderRadius: theme.borderWidths.thick_medium
+    },
+    paddingStyle: {
+      paddingLeft: theme.paddings["2xs"],
+      paddingRight: theme.paddings["2xs"],
+      paddingTop: theme.paddings.sm,
+      paddingBottom: theme.paddings.sm
+    }
+  }, /*#__PURE__*/React.createElement(Box, {
+    marginStyle: {
+      marginBottom: theme.margins["2xs"],
+      marginLeft: theme.margins["1xs"]
+    },
+    flexStyle: {
+      flexDirection: "row",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement(Icons, {
+    icon: "EXCLAMATION_TRIANGLE",
+    color: theme.colors.black[10],
+    background: theme.colors.yellow[50],
+    size: 22
+  }), /*#__PURE__*/React.createElement(Typography, {
+    text: "Alterar Atividade",
+    color: "#fff",
+    marginLeft: theme.margins["2xs"],
+    fontFamily: theme.fonts.inter_bold_700,
+    size: theme.fontSizes.md
+  })), /*#__PURE__*/React.createElement(Box, {
+    backgroundColor: theme.colors.neutral[300],
+    paddingStyle: {
+      padding: theme.paddings.xs
+    },
+    borderStyled: {
+      borderRadius: theme.borderWidths.thick_medium
+    }
+  }, /*#__PURE__*/React.createElement(Box, {
+    flexStyle: {
+      flexDirection: "row",
+      justifyContent: "flex-start"
+    },
+    width: "90%"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    text: `Deseja realmente alterar sua atividade de ${descricao || "atividade atual"}?`,
+    color: theme.colors.black[25],
+    fontFamily: theme.fonts.inter_medium_500,
+    size: theme.fontSizes.xs,
+    style: {
+      flexWrap: "wrap",
+      maxWidth: "100%"
+    }
+  })), /*#__PURE__*/React.createElement(SelectOption, {
+    titleLabel: "Selecione atividade",
+    sizeTitleLabel: theme.fontSizes.xs,
+    dataOption: options,
+    handleSelectDown: opt => {
+      const option = options.find(o => o.label === opt || o.value === opt);
+      if (option) setSelectedOption(option.value);
+    },
+    backgroundColor: theme.colors.neutral[300]
+  }), /*#__PURE__*/React.createElement(Box, {
+    marginStyle: {
+      marginTop: theme.margins["1xs"]
+    },
+    flexStyle: {
+      flexDirection: "row",
+      justifyContent: "space-between"
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: "CANCELAR",
+    onPress: onClose,
+    width: "48%",
+    height: 36,
+    isLoading: isLoading,
+    disabled: isLoading,
+    backgroundColor: theme.colors.neutral[300],
+    buttonTextStyle: {
+      color: theme.colors.blue[100],
+      fontFamily: "Inter-Medium",
+      fontSize: theme.fontSizes.xs,
+      fontWeight: "500"
+    },
+    flexStyle: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "center",
+      textAlign: "center"
+    },
+    borderStyled: {
+      borderWidth: theme.borderWidths.thin,
+      borderColor: theme.colors.blue[100],
+      borderRadius: theme.borderWidths.thick_medium
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    title: "CONFIRMAR",
+    onPress: handleConfirm,
+    width: "48%",
+    height: 36,
+    isLoading: isLoading,
+    disabled: isLoading,
+    backgroundColor: theme.colors.blue[100],
+    buttonTextStyle: {
+      color: "#fff",
+      fontFamily: "Inter-Medium",
+      fontSize: theme.fontSizes.xs,
+      fontWeight: "500"
+    },
+    flexStyle: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "center",
+      textAlign: "center"
+    },
+    borderStyled: {
+      borderWidth: theme.borderWidths.thin,
+      borderColor: theme.colors.blue[100],
+      borderRadius: theme.borderWidths.thick_medium
+    }
+  }))))));
+};
+//# sourceMappingURL=index.js.map

package/lib/module/components/modal-change-activity/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Modal","View","Box","Typography","SelectOption","Button","theme","Icons","options","label","value","key","ModalChangeActivity","visible","onClose","modalConfirm","descricao","isLoading","useState","initial","toLowerCase","replace","selectedOption","setSelectedOption","handleConfirm","selected","find","opt","createElement","animationType","transparent","style","flex","justifyContent","alignItems","backgroundColor","width","colors","orange","borderStyled","borderRadius","borderWidths","thick_medium","paddingStyle","paddingLeft","paddings","paddingRight","paddingTop","sm","paddingBottom","marginStyle","marginBottom","margins","marginLeft","flexStyle","flexDirection","icon","color","black","background","yellow","size","text","fontFamily","fonts","inter_bold_700","fontSizes","md","neutral","padding","xs","inter_medium_500","flexWrap","maxWidth","titleLabel","sizeTitleLabel","dataOption","handleSelectDown","option","o","marginTop","title","onPress","height","disabled","buttonTextStyle","blue","fontSize","fontWeight","textAlign","borderWidth","thin","borderColor"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport React from \"react\";\r\n// libs RN\r\nimport { Modal, View } from \"react-native\";\r\n\r\n// componentes internos\r\nimport { Box } from \"../box\";\r\nimport { Typography } from \"../typography\";\r\nimport { SelectOption } from \"../selects/select-option\";\r\nimport { Button } from \"../button\";\r\n\r\n// styles / theme\r\nimport { theme } from \"../../styles/theme/theme\";\r\n\r\n// assets / icons\r\nimport { Icons } from \"../../common/icons-svg\";\r\n\r\n/**\r\n * TYPES\r\n */\r\ninterface IModalChangeActivityProps {\r\n  visible: boolean;\r\n  onClose: () => void;\r\n  modalConfirm: (newData: { label: string; value: string; key: number }) => void;\r\n  dataRegistro: string;\r\n  descricao: string;\r\n  imagemUrl?: string;\r\n}\r\n\r\n/**\r\n * CONSTANTS\r\n */\r\nconst options = [\r\n  { label: \"Selecione atividade\", value: \"none\", key: 0 },\r\n  { label: \"Descanso\", value: \"descanso\", key: 5 },\r\n  { label: \"Repouso Noturno\", value: \"repouso_noturno\", key: 6 },\r\n  { label: \"Refeição\", value: \"refeição\", key: 7 },\r\n  { label: \"Repouso Semanal\", value: \"repouso_semanal\", key: 9 },\r\n];\r\n\r\n/**\r\n * COMPONENT\r\n */\r\nexport const ModalChangeActivity: React.FC<IModalChangeActivityProps> = ({\r\n  visible,\r\n  onClose,\r\n  modalConfirm,\r\n  descricao,\r\n}) => {\r\n  const [isLoading] = React.useState(false);\r\n\r\n  const initial = (descricao ?? \"\").toLowerCase().replace(/\\s+/g, \"_\");\r\n  const [selectedOption, setSelectedOption] = React.useState(initial || \"none\");\r\n\r\n  const handleConfirm = () => {\r\n    const selected = options.find((opt) => opt.value === selectedOption);\r\n    if (selected && selected.value !== \"none\") {\r\n      modalConfirm({\r\n        label: selected.label,\r\n        value: selected.value,\r\n        key: selected.key,\r\n      });\r\n    }\r\n    onClose();\r\n  };\r\n\r\n  return (\r\n    <Modal animationType=\"fade\" transparent visible={visible}>\r\n      <View\r\n        style={{\r\n          flex: 1,\r\n          justifyContent: \"center\",\r\n          alignItems: \"center\",\r\n          backgroundColor: \"rgba(0,0,0,0.6)\",\r\n        }}\r\n      >\r\n        <Box\r\n          width={346}\r\n          backgroundColor={theme.colors.orange[500]}\r\n          borderStyled={{\r\n            borderRadius: theme.borderWidths.thick_medium,\r\n          }}\r\n          paddingStyle={{\r\n            paddingLeft: theme.paddings[\"2xs\"],\r\n            paddingRight: theme.paddings[\"2xs\"],\r\n            paddingTop: theme.paddings.sm,\r\n            paddingBottom: theme.paddings.sm,\r\n          }}\r\n        >\r\n          <Box\r\n            marginStyle={{ marginBottom: theme.margins[\"2xs\"], marginLeft: theme.margins[\"1xs\"] }}\r\n            flexStyle={{ flexDirection: \"row\", alignItems: \"center\" }}\r\n          >\r\n            <Icons\r\n              icon=\"EXCLAMATION_TRIANGLE\"\r\n              color={theme.colors.black[10]}\r\n              background={theme.colors.yellow[50]}\r\n              size={22}\r\n            />\r\n            <Typography\r\n              text=\"Alterar Atividade\"\r\n              color=\"#fff\"\r\n              marginLeft={theme.margins[\"2xs\"]}\r\n              fontFamily={theme.fonts.inter_bold_700}\r\n              size={theme.fontSizes.md}\r\n            />\r\n          </Box>\r\n\r\n          <Box\r\n            backgroundColor={theme.colors.neutral[300]}\r\n            paddingStyle={{ padding: theme.paddings.xs }}\r\n            borderStyled={{ borderRadius: theme.borderWidths.thick_medium }}\r\n          >\r\n            <Box\r\n              flexStyle={{ flexDirection: \"row\", justifyContent: \"flex-start\" }}\r\n              width={\"90%\"}\r\n            >\r\n              <Typography\r\n                text={`Deseja realmente alterar sua atividade de ${descricao || \"atividade atual\"}?`}\r\n                color={theme.colors.black[25]}\r\n                fontFamily={theme.fonts.inter_medium_500}\r\n                size={theme.fontSizes.xs}\r\n                style={{ flexWrap: \"wrap\", maxWidth: \"100%\" }}\r\n              />\r\n            </Box>\r\n\r\n            <SelectOption\r\n              titleLabel=\"Selecione atividade\"\r\n              sizeTitleLabel={theme.fontSizes.xs}\r\n              dataOption={options}\r\n              handleSelectDown={(opt) => {\r\n                const option = options.find((o) => o.label === opt || o.value === opt);\r\n                if (option) setSelectedOption(option.value);\r\n              }}\r\n              backgroundColor={theme.colors.neutral[300]}\r\n            />\r\n\r\n            <Box\r\n              marginStyle={{ marginTop: theme.margins[\"1xs\"]}}\r\n              flexStyle={{ flexDirection: \"row\", justifyContent: \"space-between\" }}\r\n            >\r\n              <Button\r\n                title=\"CANCELAR\"\r\n                onPress={onClose}\r\n                width={\"48%\"}\r\n                height={36}\r\n                isLoading={isLoading}\r\n                disabled={isLoading}\r\n                backgroundColor={theme.colors.neutral[300]}\r\n                buttonTextStyle={{\r\n                  color: theme.colors.blue[100],\r\n                  fontFamily: \"Inter-Medium\",\r\n                  fontSize: theme.fontSizes.xs,\r\n                  fontWeight: \"500\",\r\n                }}\r\n                flexStyle={{\r\n                  flexDirection: \"row\",\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                  textAlign: \"center\",\r\n                }}\r\n                borderStyled={{\r\n                  borderWidth: theme.borderWidths.thin,\r\n                  borderColor: theme.colors.blue[100],\r\n                  borderRadius: theme.borderWidths.thick_medium,\r\n                }}\r\n              />\r\n              <Button\r\n                title=\"CONFIRMAR\"\r\n                onPress={handleConfirm}\r\n                width={\"48%\"}\r\n                height={36}\r\n                isLoading={isLoading}\r\n                disabled={isLoading}\r\n                backgroundColor={theme.colors.blue[100]}\r\n                buttonTextStyle={{\r\n                  color: \"#fff\",\r\n                  fontFamily: \"Inter-Medium\",\r\n                  fontSize: theme.fontSizes.xs,\r\n                  fontWeight: \"500\",\r\n                }}\r\n                flexStyle={{\r\n                  flexDirection: \"row\",\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                  textAlign: \"center\",\r\n                }}\r\n                borderStyled={{\r\n                  borderWidth: theme.borderWidths.thin,\r\n                  borderColor: theme.colors.blue[100],\r\n                  borderRadius: theme.borderWidths.thick_medium,\r\n                }}\r\n              />\r\n            </Box>\r\n          </Box>\r\n        </Box>\r\n      </View>\r\n    </Modal>\r\n  );\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/selects/select-option/index.js

@@ -1,5 +1,5 @@
-/**
- * IMPORTS
+/**
+ * IMPORTS
  */
 import React from "react";
 import { useState } from "react";
@@ -12,15 +12,16 @@ import { styles } from "./styles";
 import { Icons } from "../../../common/icons-svg";
 import { theme } from "../../../styles/theme/theme";
 
-/**
- * Componente SelectOption para a interação da  ui.
+/**
+ * Componente SelectOption para a interação da  ui.
  */
 const SelectOption = ({
   dataOption,
   handleSelectDown,
   titleLabel,
   sizeTitleLabel,
-  colortitleLabel
+  colortitleLabel,
+  backgroundColor
 }) => {
   var _dataOption$, _dataOption$find;
   const [selectedValue, setSelectedValue] = useState(((_dataOption$ = dataOption[0]) === null || _dataOption$ === void 0 ? void 0 : _dataOption$.value) || "");
@@ -35,7 +36,8 @@ const SelectOption = ({
     handleSelectDown,
     titleLabel,
     sizeTitleLabel,
-    colortitleLabel
+    colortitleLabel,
+    backgroundColor
   };
   return /*#__PURE__*/React.createElement(View, {
     style: styles(styleProps).container
@@ -43,7 +45,9 @@ const SelectOption = ({
     style: styles(styleProps).label
   }, `${titleLabel !== null && titleLabel !== void 0 ? titleLabel : "Selecione uma opção"}`, ":"), /*#__PURE__*/React.createElement(TouchableOpacity, {
     testID: "select-box",
-    style: styles(styleProps).selectBox,
+    style: [styles(styleProps).selectBox, backgroundColor && {
+      backgroundColor
+    }],
     onPress: () => setModalVisible(true)
   }, /*#__PURE__*/React.createElement(Text, {
     style: styles(styleProps).selectedText
@@ -59,7 +63,13 @@ const SelectOption = ({
   }, /*#__PURE__*/React.createElement(View, {
     style: styles(styleProps).modalOverlay
   }, /*#__PURE__*/React.createElement(View, {
-    style: styles(styleProps).modalContainer
+    style: {
+      width: "90%",
+      backgroundColor: "#fff",
+      borderRadius: 8,
+      padding: 16,
+      maxHeight: "80%"
+    }
   }, /*#__PURE__*/React.createElement(View, {
     style: {
       width: "100%",
@@ -78,7 +88,14 @@ const SelectOption = ({
     renderItem: ({
       item
     }) => /*#__PURE__*/React.createElement(TouchableOpacity, {
-      style: styles(styleProps).option,
+      style: {
+        width: "100%",
+        paddingVertical: 12,
+        paddingHorizontal: 8,
+        alignItems: "flex-start",
+        borderBottomWidth: 1,
+        borderColor: "#eee"
+      },
       onPress: () => handleSelect(item.value)
     }, /*#__PURE__*/React.createElement(Text, {
       style: styles(styleProps).optionText
@@ -86,8 +103,8 @@ const SelectOption = ({
   })))));
 };
 
-/**
- * EXPORTS
+/**
+ * EXPORTS
  */
 export { SelectOption };
 //# sourceMappingURL=index.js.map

package/lib/module/components/selects/select-option/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","View","Text","TouchableOpacity","Modal","FlatList","styles","Icons","theme","SelectOption","dataOption","handleSelectDown","titleLabel","sizeTitleLabel","colortitleLabel","_dataOption$","_dataOption$find","selectedValue","setSelectedValue","value","modalVisible","setModalVisible","handleSelect","styleProps","createElement","style","container","label","testID","selectBox","onPress","selectedText","find","item","size","fontSizes","color","colors","blue","icon","visible","transparent","animationType","modalOverlay","modalContainer","width","alignItems","data","keyExtractor","renderItem","option","optionText"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React from \"react\";\nimport { useState } from \"react\";\nimport { View, Text, TouchableOpacity, Modal, FlatList } from \"react-native\";\n\n// typings\nimport { ISelectDropDownProps } from \"./interface\";\n\n// styles\nimport { styles } from \"./styles\";\nimport { Icons } from \"../../../common/icons-svg\";\nimport { theme } from \"../../../styles/theme/theme\";\n\n/**\n * Componente SelectOption para a interação da  ui.\n */\nconst SelectOption: React.FC<ISelectDropDownProps> = ({\n  dataOption,\n  handleSelectDown,\n  titleLabel,\n  sizeTitleLabel,\n  colortitleLabel,\n}: ISelectDropDownProps) => {\n  const [selectedValue, setSelectedValue] = useState(dataOption[0]?.value || \"\");\n  const [modalVisible, setModalVisible] = useState(false);\n\n  const handleSelect = (value: string) => {\n    setSelectedValue(value);\n    setModalVisible(false);\n    handleSelectDown(value);\n  };\n\n  const styleProps = {\n    dataOption,\n    handleSelectDown,\n    titleLabel,\n    sizeTitleLabel,\n    colortitleLabel,\n  } as ISelectDropDownProps;\n\n  return (\n    <View style={styles(styleProps).container}>\n      {/* Titulo para exibir o label */}\n      <Text style={styles(styleProps).label}>{`${titleLabel ?? \"Selecione uma opção\"}`}:</Text>\n\n      {/* Botão para abrir o modal */}\n      <TouchableOpacity\n        testID=\"select-box\"\n        style={styles(styleProps).selectBox}\n        onPress={() => setModalVisible(true)}\n      >\n        <Text style={styles(styleProps).selectedText}>\n          {dataOption.find((item) => item.value === selectedValue)?.label}\n        </Text>\n\n        <Icons\n          size={theme.fontSizes[\"md\"]}\n          color={theme.colors.blue[500]}\n          icon={\"ARROW_DROP_DOWN\"}\n        />\n      </TouchableOpacity>\n\n      {/* Modal para exibir as opções */}\n      <Modal testID=\"modal-container\" visible={modalVisible} transparent animationType=\"fade\">\n        <View style={styles(styleProps).modalOverlay}>\n          <View style={styles(styleProps).modalContainer}>\n            <View style={{ width: \"100%\", alignItems: \"flex-end\" }}>\n              <TouchableOpacity testID=\"close-icon\" onPress={() => setModalVisible(false)}>\n                <Icons\n                  size={theme.fontSizes[\"md\"]}\n                  color={theme.colors.blue[500]}\n                  icon={\"CLOSED\"}\n                />\n              </TouchableOpacity>\n            </View>\n            <FlatList\n              data={dataOption || []}\n              keyExtractor={(item) => item.value}\n              renderItem={({ item }) => (\n                <TouchableOpacity\n                  style={styles(styleProps).option}\n                  onPress={() => handleSelect(item.value)}\n                >\n                  <Text style={styles(styleProps).optionText}>{item.label}</Text>\n                </TouchableOpacity>\n              )}\n            />\n          </View>\n        </View>\n      </Modal>\n    </View>\n  );\n};\n\n/**\n * EXPORTS\n */\nexport { SelectOption };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","View","Text","TouchableOpacity","Modal","FlatList","styles","Icons","theme","SelectOption","dataOption","handleSelectDown","titleLabel","sizeTitleLabel","colortitleLabel","backgroundColor","_dataOption$","_dataOption$find","selectedValue","setSelectedValue","value","modalVisible","setModalVisible","handleSelect","styleProps","createElement","style","container","label","testID","selectBox","onPress","selectedText","find","item","size","fontSizes","color","colors","blue","icon","visible","transparent","animationType","modalOverlay","width","borderRadius","padding","maxHeight","alignItems","data","keyExtractor","renderItem","paddingVertical","paddingHorizontal","borderBottomWidth","borderColor","optionText"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport React from \"react\";\r\nimport { useState } from \"react\";\r\nimport { View, Text, TouchableOpacity, Modal, FlatList } from \"react-native\";\r\n\r\n// typings\r\nimport { ISelectDropDownProps } from \"./interface\";\r\n\r\n// styles\r\nimport { styles } from \"./styles\";\r\nimport { Icons } from \"../../../common/icons-svg\";\r\nimport { theme } from \"../../../styles/theme/theme\";\r\n\r\n/**\r\n * Componente SelectOption para a interação da  ui.\r\n */\r\nconst SelectOption: React.FC<ISelectDropDownProps> = ({\r\n  dataOption,\r\n  handleSelectDown,\r\n  titleLabel,\r\n  sizeTitleLabel,\r\n  colortitleLabel,\r\n  backgroundColor,\r\n}: ISelectDropDownProps) => {\r\n  const [selectedValue, setSelectedValue] = useState(dataOption[0]?.value || \"\");\r\n  const [modalVisible, setModalVisible] = useState(false);\r\n\r\n  const handleSelect = (value: string) => {\r\n    setSelectedValue(value);\r\n    setModalVisible(false);\r\n    handleSelectDown(value);\r\n  };\r\n\r\n  const styleProps = {\r\n    dataOption,\r\n    handleSelectDown,\r\n    titleLabel,\r\n    sizeTitleLabel,\r\n    colortitleLabel,\r\n    backgroundColor,\r\n  } as ISelectDropDownProps;\r\n\r\n  return (\r\n    <View style={styles(styleProps).container}>\r\n      {/* Titulo para exibir o label */}\r\n      <Text style={styles(styleProps).label}>{`${titleLabel ?? \"Selecione uma opção\"}`}:</Text>\r\n\r\n      {/* Botão para abrir o modal */}\r\n      <TouchableOpacity\r\n        testID=\"select-box\"\r\n        style={[styles(styleProps).selectBox, backgroundColor && { backgroundColor },]}\r\n        onPress={() => setModalVisible(true)}\r\n      >\r\n        <Text style={styles(styleProps).selectedText}>\r\n          {dataOption.find((item) => item.value === selectedValue)?.label}\r\n        </Text>\r\n\r\n        <Icons\r\n          size={theme.fontSizes[\"md\"]}\r\n          color={theme.colors.blue[500]}\r\n          icon={\"ARROW_DROP_DOWN\"}\r\n        />\r\n      </TouchableOpacity>\r\n\r\n      {/* Modal para exibir as opções */}\r\n      <Modal testID=\"modal-container\" visible={modalVisible} transparent animationType=\"fade\">\r\n        <View style={styles(styleProps).modalOverlay}>\r\n          <View style={{\r\n              width: \"90%\",\r\n              backgroundColor: \"#fff\",\r\n              borderRadius: 8,\r\n              padding: 16,\r\n              maxHeight: \"80%\",\r\n            }}>\r\n            <View style={{ width: \"100%\", alignItems: \"flex-end\" }}>\r\n              <TouchableOpacity testID=\"close-icon\" onPress={() => setModalVisible(false)}>\r\n                <Icons\r\n                  size={theme.fontSizes[\"md\"]}\r\n                  color={theme.colors.blue[500]}\r\n                  icon={\"CLOSED\"}\r\n                />\r\n              </TouchableOpacity>\r\n            </View>\r\n            <FlatList\r\n              data={dataOption || []}\r\n              keyExtractor={(item) => item.value}\r\n              renderItem={({ item }) => (\r\n                <TouchableOpacity\r\n                  style={{\r\n                    width: \"100%\",\r\n                    paddingVertical: 12,\r\n                    paddingHorizontal: 8,\r\n                    alignItems: \"flex-start\",\r\n                    borderBottomWidth: 1,\r\n                    borderColor: \"#eee\",\r\n                  }}\r\n                  onPress={() => handleSelect(item.value)}\r\n                >\r\n                  <Text style={styles(styleProps).optionText}>{item.label}</Text>\r\n                </TouchableOpacity>\r\n              )}\r\n            />\r\n          </View>\r\n        </View>\r\n      </Modal>\r\n    </View>\r\n  );\r\n};\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { SelectOption };\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/selects/select-option/interface.d.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/**\n * IMPORTS\n */\ntype ISelectDropDownProps = {\n  dataOption: any[];\n  titleLabel: string;\n  sizeTitleLabel?: number;\n  colortitleLabel?: string;\n\n  /**retorna o valor selecionado              */\n  // eslint-disable-next-line no-unused-vars\n  handleSelectDown: (value: string) => void;\n};\n\n/**\n * EXPORTS\n */\nexport { ISelectDropDownProps };\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\ntype ISelectDropDownProps = {\r\n  dataOption: any[];\r\n  titleLabel: string;\r\n  sizeTitleLabel?: number;\r\n  colortitleLabel?: string;\r\n  backgroundColor?: string;\r\n  /**retorna o valor selecionado              */\r\n  // eslint-disable-next-line no-unused-vars\r\n  handleSelectDown: (value: string) => void;\r\n};\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { ISelectDropDownProps };\r\n"],"mappings":"","ignoreList":[]}