npm - react-native-exp-fig - Versions diffs - 0.1.21 → 0.1.22 - Mend

react-native-exp-fig 0.1.21 → 0.1.22

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.

Files changed (95) hide show

package/lib/commonjs/components/modal-change-activity/index.js ADDED Viewed

@@ -0,0 +1,216 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalChangeActivity = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _box = require("../box");
+var _typography = require("../typography");
+var _selectOption = require("../selects/select-option");
+var _button = require("../button");
+var _theme = require("../../styles/theme/theme");
+var _iconsSvg = require("../../common/icons-svg");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * IMPORTS
+ */
+// libs RN
+// componentes internos
+// styles / theme
+// assets / icons
+/**
+ * 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
+ */
+const ModalChangeActivity = ({
+  visible,
+  onClose,
+  modalConfirm,
+  descricao
+}) => {
+  const [isLoading] = _react.default.useState(false);
+  const initial = (descricao !== null && descricao !== void 0 ? descricao : "").toLowerCase().replace(/\s+/g, "_");
+  const [selectedOption, setSelectedOption] = _react.default.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.default.createElement(_reactNative.Modal, {
+    animationType: "fade",
+    transparent: true,
+    visible: visible
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flex: 1,
+      justifyContent: "center",
+      alignItems: "center",
+      backgroundColor: "rgba(0,0,0,0.6)"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_box.Box, {
+    width: 346,
+    backgroundColor: _theme.theme.colors.orange[500],
+    borderStyled: {
+      borderRadius: _theme.theme.borderWidths.thick_medium
+    },
+    paddingStyle: {
+      paddingLeft: _theme.theme.paddings["2xs"],
+      paddingRight: _theme.theme.paddings["2xs"],
+      paddingTop: _theme.theme.paddings.sm,
+      paddingBottom: _theme.theme.paddings.sm
+    }
+  }, /*#__PURE__*/_react.default.createElement(_box.Box, {
+    marginStyle: {
+      marginBottom: _theme.theme.margins["2xs"],
+      marginLeft: _theme.theme.margins["1xs"]
+    },
+    flexStyle: {
+      flexDirection: "row",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_iconsSvg.Icons, {
+    icon: "EXCLAMATION_TRIANGLE",
+    color: _theme.theme.colors.black[10],
+    background: _theme.theme.colors.yellow[50],
+    size: 22
+  }), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
+    text: "Alterar Atividade",
+    color: "#fff",
+    marginLeft: _theme.theme.margins["2xs"],
+    fontFamily: _theme.theme.fonts.inter_bold_700,
+    size: _theme.theme.fontSizes.md
+  })), /*#__PURE__*/_react.default.createElement(_box.Box, {
+    backgroundColor: _theme.theme.colors.neutral[300],
+    paddingStyle: {
+      padding: _theme.theme.paddings.xs
+    },
+    borderStyled: {
+      borderRadius: _theme.theme.borderWidths.thick_medium
+    }
+  }, /*#__PURE__*/_react.default.createElement(_box.Box, {
+    flexStyle: {
+      flexDirection: "row",
+      justifyContent: "flex-start"
+    },
+    width: "90%"
+  }, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
+    text: `Deseja realmente alterar sua atividade de ${descricao || "atividade atual"}?`,
+    color: _theme.theme.colors.black[25],
+    fontFamily: _theme.theme.fonts.inter_medium_500,
+    size: _theme.theme.fontSizes.xs,
+    style: {
+      flexWrap: "wrap",
+      maxWidth: "100%"
+    }
+  })), /*#__PURE__*/_react.default.createElement(_selectOption.SelectOption, {
+    titleLabel: "Selecione atividade",
+    sizeTitleLabel: _theme.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.theme.colors.neutral[300]
+  }), /*#__PURE__*/_react.default.createElement(_box.Box, {
+    marginStyle: {
+      marginTop: _theme.theme.margins["1xs"]
+    },
+    flexStyle: {
+      flexDirection: "row",
+      justifyContent: "space-between"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_button.Button, {
+    title: "CANCELAR",
+    onPress: onClose,
+    width: "48%",
+    height: 36,
+    isLoading: isLoading,
+    disabled: isLoading,
+    backgroundColor: _theme.theme.colors.neutral[300],
+    buttonTextStyle: {
+      color: _theme.theme.colors.blue[100],
+      fontFamily: "Inter-Medium",
+      fontSize: _theme.theme.fontSizes.xs,
+      fontWeight: "500"
+    },
+    flexStyle: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "center",
+      textAlign: "center"
+    },
+    borderStyled: {
+      borderWidth: _theme.theme.borderWidths.thin,
+      borderColor: _theme.theme.colors.blue[100],
+      borderRadius: _theme.theme.borderWidths.thick_medium
+    }
+  }), /*#__PURE__*/_react.default.createElement(_button.Button, {
+    title: "CONFIRMAR",
+    onPress: handleConfirm,
+    width: "48%",
+    height: 36,
+    isLoading: isLoading,
+    disabled: isLoading,
+    backgroundColor: _theme.theme.colors.blue[100],
+    buttonTextStyle: {
+      color: "#fff",
+      fontFamily: "Inter-Medium",
+      fontSize: _theme.theme.fontSizes.xs,
+      fontWeight: "500"
+    },
+    flexStyle: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "center",
+      textAlign: "center"
+    },
+    borderStyled: {
+      borderWidth: _theme.theme.borderWidths.thin,
+      borderColor: _theme.theme.colors.blue[100],
+      borderRadius: _theme.theme.borderWidths.thick_medium
+    }
+  }))))));
+};
+exports.ModalChangeActivity = ModalChangeActivity;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/modal-change-activity/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_box","_typography","_selectOption","_button","_theme","_iconsSvg","e","__esModule","default","options","label","value","key","ModalChangeActivity","visible","onClose","modalConfirm","descricao","isLoading","React","useState","initial","toLowerCase","replace","selectedOption","setSelectedOption","handleConfirm","selected","find","opt","createElement","Modal","animationType","transparent","View","style","flex","justifyContent","alignItems","backgroundColor","Box","width","theme","colors","orange","borderStyled","borderRadius","borderWidths","thick_medium","paddingStyle","paddingLeft","paddings","paddingRight","paddingTop","sm","paddingBottom","marginStyle","marginBottom","margins","marginLeft","flexStyle","flexDirection","Icons","icon","color","black","background","yellow","size","Typography","text","fontFamily","fonts","inter_bold_700","fontSizes","md","neutral","padding","xs","inter_medium_500","flexWrap","maxWidth","SelectOption","titleLabel","sizeTitleLabel","dataOption","handleSelectDown","option","o","marginTop","Button","title","onPress","height","disabled","buttonTextStyle","blue","fontSize","fontWeight","textAlign","borderWidth","thin","borderColor","exports"],"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":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAGA,IAAAM,MAAA,GAAAN,OAAA;AAGA,IAAAO,SAAA,GAAAP,OAAA;AAA+C,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAjB/C;AACA;AACA;;AAEA;;AAGA;;AAMA;;AAGA;;AAGA;AACA;AACA;;AAUA;AACA;AACA;AACA,MAAMG,OAAO,GAAG,CACd;EAAEC,KAAK,EAAE,qBAAqB;EAAEC,KAAK,EAAE,MAAM;EAAEC,GAAG,EAAE;AAAE,CAAC,EACvD;EAAEF,KAAK,EAAE,UAAU;EAAEC,KAAK,EAAE,UAAU;EAAEC,GAAG,EAAE;AAAE,CAAC,EAChD;EAAEF,KAAK,EAAE,iBAAiB;EAAEC,KAAK,EAAE,iBAAiB;EAAEC,GAAG,EAAE;AAAE,CAAC,EAC9D;EAAEF,KAAK,EAAE,UAAU;EAAEC,KAAK,EAAE,UAAU;EAAEC,GAAG,EAAE;AAAE,CAAC,EAChD;EAAEF,KAAK,EAAE,iBAAiB;EAAEC,KAAK,EAAE,iBAAiB;EAAEC,GAAG,EAAE;AAAE,CAAC,CAC/D;;AAED;AACA;AACA;AACO,MAAMC,mBAAwD,GAAGA,CAAC;EACvEC,OAAO;EACPC,OAAO;EACPC,YAAY;EACZC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,SAAS,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EAEzC,MAAMC,OAAO,GAAG,CAACJ,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,EAAEK,WAAW,CAAC,CAAC,CAACC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;EACpE,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGN,cAAK,CAACC,QAAQ,CAACC,OAAO,IAAI,MAAM,CAAC;EAE7E,MAAMK,aAAa,GAAGA,CAAA,KAAM;IAC1B,MAAMC,QAAQ,GAAGlB,OAAO,CAACmB,IAAI,CAAEC,GAAG,IAAKA,GAAG,CAAClB,KAAK,KAAKa,cAAc,CAAC;IACpE,IAAIG,QAAQ,IAAIA,QAAQ,CAAChB,KAAK,KAAK,MAAM,EAAE;MACzCK,YAAY,CAAC;QACXN,KAAK,EAAEiB,QAAQ,CAACjB,KAAK;QACrBC,KAAK,EAAEgB,QAAQ,CAAChB,KAAK;QACrBC,GAAG,EAAEe,QAAQ,CAACf;MAChB,CAAC,CAAC;IACJ;IACAG,OAAO,CAAC,CAAC;EACX,CAAC;EAED,oBACEnB,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC/B,YAAA,CAAAgC,KAAK;IAACC,aAAa,EAAC,MAAM;IAACC,WAAW;IAACnB,OAAO,EAAEA;EAAQ,gBACvDlB,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC/B,YAAA,CAAAmC,IAAI;IACHC,KAAK,EAAE;MACLC,IAAI,EAAE,CAAC;MACPC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,eAAe,EAAE;IACnB;EAAE,gBAEF3C,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC9B,IAAA,CAAAwC,GAAG;IACFC,KAAK,EAAE,GAAI;IACXF,eAAe,EAAEG,YAAK,CAACC,MAAM,CAACC,MAAM,CAAC,GAAG,CAAE;IAC1CC,YAAY,EAAE;MACZC,YAAY,EAAEJ,YAAK,CAACK,YAAY,CAACC;IACnC,CAAE;IACFC,YAAY,EAAE;MACZC,WAAW,EAAER,YAAK,CAACS,QAAQ,CAAC,KAAK,CAAC;MAClCC,YAAY,EAAEV,YAAK,CAACS,QAAQ,CAAC,KAAK,CAAC;MACnCE,UAAU,EAAEX,YAAK,CAACS,QAAQ,CAACG,EAAE;MAC7BC,aAAa,EAAEb,YAAK,CAACS,QAAQ,CAACG;IAChC;EAAE,gBAEF1D,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC9B,IAAA,CAAAwC,GAAG;IACFgB,WAAW,EAAE;MAAEC,YAAY,EAAEf,YAAK,CAACgB,OAAO,CAAC,KAAK,CAAC;MAAEC,UAAU,EAAEjB,YAAK,CAACgB,OAAO,CAAC,KAAK;IAAE,CAAE;IACtFE,SAAS,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEvB,UAAU,EAAE;IAAS;EAAE,gBAE1D1C,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAACzB,SAAA,CAAAyD,KAAK;IACJC,IAAI,EAAC,sBAAsB;IAC3BC,KAAK,EAAEtB,YAAK,CAACC,MAAM,CAACsB,KAAK,CAAC,EAAE,CAAE;IAC9BC,UAAU,EAAExB,YAAK,CAACC,MAAM,CAACwB,MAAM,CAAC,EAAE,CAAE;IACpCC,IAAI,EAAE;EAAG,CACV,CAAC,eACFxE,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC7B,WAAA,CAAAoE,UAAU;IACTC,IAAI,EAAC,mBAAmB;IACxBN,KAAK,EAAC,MAAM;IACZL,UAAU,EAAEjB,YAAK,CAACgB,OAAO,CAAC,KAAK,CAAE;IACjCa,UAAU,EAAE7B,YAAK,CAAC8B,KAAK,CAACC,cAAe;IACvCL,IAAI,EAAE1B,YAAK,CAACgC,SAAS,CAACC;EAAG,CAC1B,CACE,CAAC,eAEN/E,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC9B,IAAA,CAAAwC,GAAG;IACFD,eAAe,EAAEG,YAAK,CAACC,MAAM,CAACiC,OAAO,CAAC,GAAG,CAAE;IAC3C3B,YAAY,EAAE;MAAE4B,OAAO,EAAEnC,YAAK,CAACS,QAAQ,CAAC2B;IAAG,CAAE;IAC7CjC,YAAY,EAAE;MAAEC,YAAY,EAAEJ,YAAK,CAACK,YAAY,CAACC;IAAa;EAAE,gBAEhEpD,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC9B,IAAA,CAAAwC,GAAG;IACFoB,SAAS,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAExB,cAAc,EAAE;IAAa,CAAE;IAClEI,KAAK,EAAE;EAAM,gBAEb7C,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC7B,WAAA,CAAAoE,UAAU;IACTC,IAAI,EAAE,6CAA6CrD,SAAS,IAAI,iBAAiB,GAAI;IACrF+C,KAAK,EAAEtB,YAAK,CAACC,MAAM,CAACsB,KAAK,CAAC,EAAE,CAAE;IAC9BM,UAAU,EAAE7B,YAAK,CAAC8B,KAAK,CAACO,gBAAiB;IACzCX,IAAI,EAAE1B,YAAK,CAACgC,SAAS,CAACI,EAAG;IACzB3C,KAAK,EAAE;MAAE6C,QAAQ,EAAE,MAAM;MAAEC,QAAQ,EAAE;IAAO;EAAE,CAC/C,CACE,CAAC,eAENrF,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC5B,aAAA,CAAAgF,YAAY;IACXC,UAAU,EAAC,qBAAqB;IAChCC,cAAc,EAAE1C,YAAK,CAACgC,SAAS,CAACI,EAAG;IACnCO,UAAU,EAAE5E,OAAQ;IACpB6E,gBAAgB,EAAGzD,GAAG,IAAK;MACzB,MAAM0D,MAAM,GAAG9E,OAAO,CAACmB,IAAI,CAAE4D,CAAC,IAAKA,CAAC,CAAC9E,KAAK,KAAKmB,GAAG,IAAI2D,CAAC,CAAC7E,KAAK,KAAKkB,GAAG,CAAC;MACtE,IAAI0D,MAAM,EAAE9D,iBAAiB,CAAC8D,MAAM,CAAC5E,KAAK,CAAC;IAC7C,CAAE;IACF4B,eAAe,EAAEG,YAAK,CAACC,MAAM,CAACiC,OAAO,CAAC,GAAG;EAAE,CAC5C,CAAC,eAEFhF,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC9B,IAAA,CAAAwC,GAAG;IACFgB,WAAW,EAAE;MAAEiC,SAAS,EAAE/C,YAAK,CAACgB,OAAO,CAAC,KAAK;IAAC,CAAE;IAChDE,SAAS,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAExB,cAAc,EAAE;IAAgB;EAAE,gBAErEzC,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC3B,OAAA,CAAAuF,MAAM;IACLC,KAAK,EAAC,UAAU;IAChBC,OAAO,EAAE7E,OAAQ;IACjB0B,KAAK,EAAE,KAAM;IACboD,MAAM,EAAE,EAAG;IACX3E,SAAS,EAAEA,SAAU;IACrB4E,QAAQ,EAAE5E,SAAU;IACpBqB,eAAe,EAAEG,YAAK,CAACC,MAAM,CAACiC,OAAO,CAAC,GAAG,CAAE;IAC3CmB,eAAe,EAAE;MACf/B,KAAK,EAAEtB,YAAK,CAACC,MAAM,CAACqD,IAAI,CAAC,GAAG,CAAC;MAC7BzB,UAAU,EAAE,cAAc;MAC1B0B,QAAQ,EAAEvD,YAAK,CAACgC,SAAS,CAACI,EAAE;MAC5BoB,UAAU,EAAE;IACd,CAAE;IACFtC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBvB,UAAU,EAAE,QAAQ;MACpBD,cAAc,EAAE,QAAQ;MACxB8D,SAAS,EAAE;IACb,CAAE;IACFtD,YAAY,EAAE;MACZuD,WAAW,EAAE1D,YAAK,CAACK,YAAY,CAACsD,IAAI;MACpCC,WAAW,EAAE5D,YAAK,CAACC,MAAM,CAACqD,IAAI,CAAC,GAAG,CAAC;MACnClD,YAAY,EAAEJ,YAAK,CAACK,YAAY,CAACC;IACnC;EAAE,CACH,CAAC,eACFpD,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC3B,OAAA,CAAAuF,MAAM;IACLC,KAAK,EAAC,WAAW;IACjBC,OAAO,EAAElE,aAAc;IACvBe,KAAK,EAAE,KAAM;IACboD,MAAM,EAAE,EAAG;IACX3E,SAAS,EAAEA,SAAU;IACrB4E,QAAQ,EAAE5E,SAAU;IACpBqB,eAAe,EAAEG,YAAK,CAACC,MAAM,CAACqD,IAAI,CAAC,GAAG,CAAE;IACxCD,eAAe,EAAE;MACf/B,KAAK,EAAE,MAAM;MACbO,UAAU,EAAE,cAAc;MAC1B0B,QAAQ,EAAEvD,YAAK,CAACgC,SAAS,CAACI,EAAE;MAC5BoB,UAAU,EAAE;IACd,CAAE;IACFtC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBvB,UAAU,EAAE,QAAQ;MACpBD,cAAc,EAAE,QAAQ;MACxB8D,SAAS,EAAE;IACb,CAAE;IACFtD,YAAY,EAAE;MACZuD,WAAW,EAAE1D,YAAK,CAACK,YAAY,CAACsD,IAAI;MACpCC,WAAW,EAAE5D,YAAK,CAACC,MAAM,CAACqD,IAAI,CAAC,GAAG,CAAC;MACnClD,YAAY,EAAEJ,YAAK,CAACK,YAAY,CAACC;IACnC;EAAE,CACH,CACE,CACF,CACF,CACD,CACD,CAAC;AAEZ,CAAC;AAACuD,OAAA,CAAA1F,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/commonjs/components/selects/select-option/index.js CHANGED Viewed

@@ -11,23 +11,24 @@ var _iconsSvg = require("../../../common/icons-svg");
 var _theme = require("../../../styles/theme/theme");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * IMPORTS
+/**
+ * IMPORTS
  */
 // typings
 // styles
-/**
- * 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] = (0, _react.useState)(((_dataOption$ = dataOption[0]) === null || _dataOption$ === void 0 ? void 0 : _dataOption$.value) || "");
@@ -42,7 +43,8 @@ const SelectOption = ({
     handleSelectDown,
     titleLabel,
     sizeTitleLabel,
-    colortitleLabel
+    colortitleLabel,
+    backgroundColor
   };
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: (0, _styles.styles)(styleProps).container
@@ -50,7 +52,9 @@ const SelectOption = ({
     style: (0, _styles.styles)(styleProps).label
   }, `${titleLabel !== null && titleLabel !== void 0 ? titleLabel : "Selecione uma opção"}`, ":"), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     testID: "select-box",
-    style: (0, _styles.styles)(styleProps).selectBox,
+    style: [(0, _styles.styles)(styleProps).selectBox, backgroundColor && {
+      backgroundColor
+    }],
     onPress: () => setModalVisible(true)
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: (0, _styles.styles)(styleProps).selectedText
@@ -66,7 +70,13 @@ const SelectOption = ({
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: (0, _styles.styles)(styleProps).modalOverlay
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: (0, _styles.styles)(styleProps).modalContainer
+    style: {
+      width: "90%",
+      backgroundColor: "#fff",
+      borderRadius: 8,
+      padding: 16,
+      maxHeight: "80%"
+    }
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
       width: "100%",
@@ -85,7 +95,14 @@ const SelectOption = ({
     renderItem: ({
       item
     }) => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-      style: (0, _styles.styles)(styleProps).option,
+      style: {
+        width: "100%",
+        paddingVertical: 12,
+        paddingHorizontal: 8,
+        alignItems: "flex-start",
+        borderBottomWidth: 1,
+        borderColor: "#eee"
+      },
       onPress: () => handleSelect(item.value)
     }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
       style: (0, _styles.styles)(styleProps).optionText
@@ -93,8 +110,8 @@ const SelectOption = ({
   })))));
 };
-/**
- * EXPORTS
+/**
+ * EXPORTS
  */
 exports.SelectOption = SelectOption;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/selects/select-option/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_styles","_iconsSvg","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SelectOption","dataOption","handleSelectDown","titleLabel","sizeTitleLabel","colortitleLabel","_dataOption$","_dataOption$find","selectedValue","setSelectedValue","useState","value","modalVisible","setModalVisible","handleSelect","styleProps","createElement","View","style","styles","container","Text","label","TouchableOpacity","testID","selectBox","onPress","selectedText","find","item","Icons","size","theme","fontSizes","color","colors","blue","icon","Modal","visible","transparent","animationType","modalOverlay","~~modalContainer~~","~~width~~","alignItems","FlatList","data","keyExtractor","renderItem","~~option~~","optionText","exports"],"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":";;;;;;AAGA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAoD,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAbpD;AACA;AACA;;AAKA;;AAGA;;AAKA;AACA;AACA;AACA,MAAMW,YAA4C,GAAGA,CAAC;EACpDC,UAAU;EACVC,gBAAgB;EAChBC,UAAU;EACVC,cAAc;EACdC;AACoB,CAAC,KAAK;EAAA,IAAAC,YAAA,EAAAC,gBAAA;EAC1B,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAC,EAAAJ,YAAA,~~GAAAL~~,UAAU,CAAC,CAAC,CAAC,~~cAAAK~~,YAAA,uBAAbA,YAAA,CAAeK,KAAK,KAAI,EAAE,CAAC;EAC9E,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAH,eAAQ,EAAC,KAAK,CAAC;EAEvD,MAAMI,YAAY,GAAIH,KAAa,IAAK;IACtCF,gBAAgB,CAACE,KAAK,CAAC;IACvBE,eAAe,CAAC,KAAK,CAAC;~~IACtBX~~,gBAAgB,~~CAACS~~,KAAK,CAAC;EACzB,CAAC;EAED,MAAMI,UAAU,GAAG;~~IACjBd~~,UAAU;IACVC,gBAAgB;IAChBC,UAAU;IACVC,cAAc;IACdC;EACF,CAAyB;EAEzB,~~oBACEhC~~,MAAA,CAAAa,OAAA,~~CAAA8B~~,aAAA,~~CAACxC~~,YAAA,~~CAAAyC~~,IAAI;IAACC,KAAK,EAAE,IAAAC,cAAM,EAACJ,UAAU,CAAC,CAACK;EAAU,~~gBAExC/C~~,MAAA,CAAAa,OAAA,~~CAAA8B~~,aAAA,~~CAACxC~~,YAAA,~~CAAA6C~~,IAAI;IAACH,KAAK,EAAE,IAAAC,cAAM,EAACJ,UAAU,CAAC,CAACO;EAAM,GAAE,~~GAAGnB~~,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,qBAAqB,EAAE,EAAC,GAAO,CAAC,eAGzF9B,MAAA,CAAAa,OAAA,~~CAAA8B~~,aAAA,~~CAACxC~~,YAAA,~~CAAA+C~~,gBAAgB;IACfC,MAAM,EAAC,YAAY;IACnBN,KAAK,EAAE,IAAAC,cAAM,EAACJ,UAAU,CAAC,CAACU,~~SAAU~~;~~IACpCC~~,OAAO,EAAEA,CAAA,KAAMb,eAAe,CAAC,IAAI;EAAE,~~gBAErCxC~~,MAAA,CAAAa,OAAA,~~CAAA8B~~,aAAA,~~CAACxC~~,YAAA,~~CAAA6C~~,IAAI;IAACH,KAAK,EAAE,IAAAC,cAAM,EAACJ,UAAU,CAAC,CAACY;EAAa,IAAApB,gBAAA,~~GAC1CN~~,UAAU,~~CAAC2B~~,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAAClB,KAAK,KAAKH,aAAa,CAAC,cAAAD,gBAAA,uBAAvDA,gBAAA,CAAyDe,KACtD,CAAC,~~eAEPjD~~,MAAA,CAAAa,OAAA,~~CAAA8B~~,aAAA,~~CAACtC~~,SAAA,~~CAAAoD~~,KAAK;IACJC,IAAI,EAAEC,YAAK,CAACC,SAAS,CAAC,IAAI,CAAE;IAC5BC,KAAK,EAAEF,YAAK,CAACG,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;IAC9BC,IAAI,EAAE;EAAkB,CACzB,CACe,CAAC,~~eAGnBhE~~,MAAA,CAAAa,OAAA,~~CAAA8B~~,aAAA,~~CAACxC~~,YAAA,~~CAAA8D~~,KAAK;IAACd,MAAM,EAAC,iBAAiB;IAACe,OAAO,EAAE3B,YAAa;IAAC4B,WAAW;IAACC,aAAa,EAAC;EAAM,~~gBACrFpE~~,MAAA,CAAAa,OAAA,~~CAAA8B~~,aAAA,~~CAACxC~~,YAAA,~~CAAAyC~~,IAAI;IAACC,KAAK,EAAE,IAAAC,cAAM,EAACJ,UAAU,CAAC,CAAC2B;EAAa,~~gBAC3CrE~~,MAAA,CAAAa,OAAA,~~CAAA8B~~,aAAA,~~CAACxC~~,YAAA,~~CAAAyC~~,IAAI;IAACC,KAAK,EAAE,~~IAAAC~~,~~cAAM~~,~~EAACJ~~,~~UAAU~~,CAAC,~~CAAC4B~~;~~EAAe~~,~~gBAC7CtE~~,MAAA,CAAAa,OAAA,~~CAAA8B~~,aAAA,~~CAACxC~~,YAAA,~~CAAAyC~~,IAAI;IAACC,KAAK,EAAE;~~MAAE0B~~,KAAK,EAAE,MAAM;~~MAAEC~~,UAAU,EAAE;IAAW;EAAE,~~gBACrDxE~~,MAAA,CAAAa,OAAA,~~CAAA8B~~,aAAA,~~CAACxC~~,YAAA,~~CAAA+C~~,gBAAgB;IAACC,MAAM,EAAC,YAAY;IAACE,OAAO,EAAEA,CAAA,KAAMb,eAAe,CAAC,KAAK;EAAE,~~gBAC1ExC~~,MAAA,CAAAa,OAAA,~~CAAA8B~~,aAAA,~~CAACtC~~,SAAA,~~CAAAoD~~,KAAK;IACJC,IAAI,EAAEC,YAAK,CAACC,SAAS,CAAC,IAAI,CAAE;IAC5BC,KAAK,EAAEF,YAAK,CAACG,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;IAC9BC,IAAI,EAAE;EAAS,CAChB,CACe,CACd,CAAC,~~eACPhE~~,MAAA,CAAAa,OAAA,~~CAAA8B~~,aAAA,~~CAACxC~~,YAAA,~~CAAAsE~~,QAAQ;IACPC,IAAI,~~EAAE9C~~,UAAU,IAAI,EAAG;~~IACvB+C~~,YAAY,~~EAAGnB~~,IAAI,IAAKA,IAAI,CAAClB,KAAM;~~IACnCsC~~,UAAU,EAAEA,CAAC;~~MAAEpB~~;IAAK,CAAC,~~kBACnBxD~~,MAAA,CAAAa,OAAA,~~CAAA8B~~,aAAA,~~CAACxC~~,YAAA,~~CAAA+C~~,gBAAgB;MACfL,KAAK,EAAE,~~IAAAC~~,~~cAAM~~,~~EAACJ~~,UAAU,CAAC,~~CAACmC~~,~~MAAO~~;~~MACjCxB~~,OAAO,EAAEA,CAAA,KAAMZ,YAAY,CAACe,IAAI,CAAClB,KAAK;IAAE,~~gBAExCtC~~,MAAA,CAAAa,OAAA,~~CAAA8B~~,aAAA,~~CAACxC~~,YAAA,~~CAAA6C~~,IAAI;MAACH,KAAK,EAAE,IAAAC,cAAM,EAACJ,UAAU,CAAC,~~CAACoC~~;IAAW,~~GAAEtB~~,IAAI,CAACP,KAAY,CAC9C;EAClB,CACH,CACG,CACF,CACD,CACH,CAAC;AAEX,CAAC;;AAED;AACA;AACA;~~AAFA8B~~,OAAA,~~CAAApD~~,YAAA,GAAAA,YAAA","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_styles","_iconsSvg","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SelectOption","dataOption","handleSelectDown","titleLabel","sizeTitleLabel","colortitleLabel","backgroundColor","_dataOption$","_dataOption$find","selectedValue","setSelectedValue","useState","value","modalVisible","setModalVisible","handleSelect","styleProps","createElement","View","style","styles","container","Text","label","TouchableOpacity","testID","selectBox","onPress","selectedText","find","item","Icons","size","theme","fontSizes","color","colors","blue","icon","Modal","visible","transparent","animationType","modalOverlay","width","borderRadius","padding","maxHeight","alignItems","FlatList","data","keyExtractor","renderItem","paddingVertical","paddingHorizontal","borderBottomWidth","borderColor","optionText","exports"],"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/commonjs/components/selects/select-option/interface.d.js.map CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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":[]}

package/lib/commonjs/components/step-indicator/index.js CHANGED Viewed

@@ -11,6 +11,7 @@ var _styles = require("./styles");
 var _iconsSvg = require("../../common/icons-svg");
 var _formatData = require("../../utils/format-data");
 var _theme = require("../../styles/theme/theme");
+var _modalChangeActivity = require("../modal-change-activity");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * IMPORTS
@@ -32,15 +33,45 @@ const StepIndicator = ({
   titleNumberColor
 }) => {
   const StepDefault = () => {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data.length > 0 && data.map((history, index) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    var _stepData;
+    const [isModalVisible, setIsModalVisible] = _react.default.useState(false);
+    const [currentStepIndex, setCurrentStepIndex] = _react.default.useState(null);
+    const [stepData, setStepData] = _react.default.useState(data);
+    const handleOpenModal = index => {
+      var _stepItem$descricao, _stepItem$descricao$t;
+      const stepItem = stepData[index];
+      const desc = stepItem === null || stepItem === void 0 || (_stepItem$descricao = stepItem.descricao) === null || _stepItem$descricao === void 0 || (_stepItem$descricao$t = _stepItem$descricao.toLowerCase) === null || _stepItem$descricao$t === void 0 ? void 0 : _stepItem$descricao$t.call(_stepItem$descricao);
+      if (!desc) return;
+      const isDescanso = ["descanso", "refeição", "repouso_noturno", "repouso_semanal"].includes(desc.replace(/\s+/g, "_"));
+      // Só abre o modal se for do tipo descanso E se estiver sincronizado
+      if (isDescanso && (stepItem === null || stepItem === void 0 ? void 0 : stepItem.sincronizado) === true) {
+        setCurrentStepIndex(index);
+        setIsModalVisible(true);
+      }
+    };
+    const handleConfirmModal = newData => {
+      if (currentStepIndex !== null) {
+        const newSteps = stepData.map((item, index) => index === currentStepIndex ? {
+          ...item,
+          descricao: newData.label,
+          tipo_atividade: newData.value,
+          identificador: newData.key
+        } : item);
+        setStepData(newSteps);
+      }
+      setIsModalVisible(false);
+      setCurrentStepIndex(null);
+    };
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, stepData.length > 0 && stepData.map((history, index) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       testID: "step-indicator",
       style: (0, _styles.styles)({}).containerIndicator,
-      key: history.id
+      key: `${history.id}-${index}`
     }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       style: (0, _styles.styles)({
         sincronizado: history.sincronizado
       }).containerBall
-    }, (data === null || data === void 0 ? void 0 : data.length) > 1 && index < (data === null || data === void 0 ? void 0 : data.length) - 1 && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    }, stepData.length > 1 && index < stepData.length - 1 && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       style: {
         width: 2,
         height: 84,
@@ -52,8 +83,9 @@ const StepIndicator = ({
       style: (0, _styles.styles)({
         titleNumberColor
       }).titleNumber
-    }, (data === null || data === void 0 ? void 0 : data.length) - index)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: (0, _styles.styles)({}).containerMain
+    }, stepData.length - index)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: (0, _styles.styles)({}).containerMain,
+      onTouchEnd: () => handleOpenModal(index)
     }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
       style: (0, _styles.styles)({
         titleColor
@@ -62,11 +94,17 @@ const StepIndicator = ({
       style: (0, _styles.styles)({
         textColorDescription
       }).titleDescription
-    }, `Inicio: ${history.data_inicio} ás ${history.data_fim}`), history.duracao_segundos && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    }, `Inicio: ${history.data_inicio} às ${history.data_fim}`), history.duracao_segundos && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
       style: (0, _styles.styles)({
         textColorDescription
       }).titleDescription
-    }, "Dura\xE7\xE3o: ", (0, _formatData.formHoursMinute)(history === null || history === void 0 ? void 0 : history.duracao_segundos))))));
+    }, "Dura\xE7\xE3o: ", (0, _formatData.formHoursMinute)(history === null || history === void 0 ? void 0 : history.duracao_segundos))))), isModalVisible && currentStepIndex !== null && /*#__PURE__*/_react.default.createElement(_modalChangeActivity.ModalChangeActivity, {
+      visible: isModalVisible,
+      onClose: () => setIsModalVisible(false),
+      modalConfirm: handleConfirmModal,
+      dataRegistro: "",
+      descricao: ((_stepData = stepData[currentStepIndex]) === null || _stepData === void 0 ? void 0 : _stepData.descricao) || ""
+    }));
   };
   const StepCustom = () => {
     return /*#__PURE__*/_react.default.createElement(_reactNative.View, {

package/lib/commonjs/components/step-indicator/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_getIconByStatus","_styles","_iconsSvg","_formatData","_theme","e","__esModule","default","StepIndicator","data","type","textColorDescription","titleColor","titleNumberColor","StepDefault","createElement","Fragment","length","map","history","index","View","testID","style","styles","containerIndicator","key","id","sincronizado","containerBall","width","height","marginTop","position","backgroundColor","theme","colors","blue","orange","Text","titleNumber","containerMain","title","descricao","data_inicio","titleDescription","data_fim","duracao_segundos","formHoursMinute","StepCustom","paddingHorizontal","display","flexDirection","step","indexCustom","getIconKeyByValue","borderRadius","alignItems","justifyContent","borderWidth","borderColor","Icons","icon","top","fontWeight","fontSize","lineHeight","textAlign","color","handleRenderComponent","stepType","exports"],"sources":["index.tsx"],"sourcesContent":["/*\r\n IMPORTS\r\n /\r\nimport React from \"react\";\r\nimport { View, Text } from \"react-native\";\r\n\r\nimport { getIconKeyByValue } from \"./helpers/get-icon-by-status\";\r\n\r\n// typings\r\nimport { IStepIndicator } from \"./interface\";\r\n\r\n// styles\r\nimport { styles } from \"./styles\";\r\nimport { Icons } from \"../../common/icons-svg\";\r\nimport { formHoursMinute } from \"../../utils/format-data\";\r\nimport { theme } from \"../../styles/theme/theme\";\r\n\r\n/\r\n Componente StepIndicator para a interação da ui.\r\n /\r\n\r\nconst StepIndicator: React.FC<IStepIndicator> = ({\r\n data = [],\r\n type,\r\n textColorDescription,\r\n titleColor,\r\n titleNumberColor,\r\n}) => {\r\n const StepDefault = () => {\r\n return (\r\n <>\r\n {data!.length > 0 &&\r\n data!.map((history, index) => (\r\n <View testID=\"step-indicator\" style={styles({}).containerIndicator} key={history.id}>\r\n <View style={styles({ sincronizado: history.sincronizado }).containerBall}>\r\n {data!?.length > 1 && index < data!?.length - 1 && (\r\n <View\r\n style={{\r\n width: 2,\r\n height: 84,\r\n marginTop: 116,\r\n position: \"relative\",\r\n backgroundColor: history.sincronizado\r\n ? theme.colors.blue[500]\r\n : theme.colors.orange[150],\r\n }}\r\n />\r\n )}\r\n <Text style={styles({ titleNumberColor }).titleNumber}>\r\n {data!?.length - index}\r\n </Text>\r\n </View>\r\n\r\n <View style={styles({}).containerMain}>\r\n <Text style={styles({ titleColor }).title}>{history?.descricao}</Text>\r\n\r\n {history?.data_inicio && (\r\n <Text style={styles({ textColorDescription }).titleDescription}>\r\n {`Inicio: ${history.data_inicio} ás ${history.data_fim}`}\r\n </Text>\r\n )}\r\n\r\n {history.duracao_segundos && (\r\n <Text style={styles({ textColorDescription }).titleDescription}>\r\n Duração: {formHoursMinute(history?.duracao_segundos as string)}\r\n </Text>\r\n )}\r\n </View>\r\n </View>\r\n ))}\r\n </>\r\n );\r\n };\r\n\r\n const StepCustom = () => {\r\n return (\r\n <View\r\n style={{\r\n width: \"100%\",\r\n height: 84,\r\n paddingHorizontal: 24,\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n }}\r\n >\r\n {data.map((step, indexCustom) => {\r\n const descricao = getIconKeyByValue(step.descricao);\r\n\r\n return (\r\n <React.Fragment key={`step-${indexCustom}`}>\r\n <View\r\n style={{\r\n width: 45,\r\n height: 45,\r\n backgroundColor: indexCustom <= 3 ? \"orange\" : \"transparent\",\r\n borderRadius: 50,\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n borderWidth: 1,\r\n borderColor: \"#fff\",\r\n }}\r\n >\r\n <View\r\n style={{\r\n width: 45,\r\n height: 45,\r\n backgroundColor: \"transparent\",\r\n borderRadius: 50,\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n }}\r\n >\r\n {descricao && <Icons icon={descricao} />}\r\n </View>\r\n <Text\r\n style={{\r\n position: \"absolute\",\r\n top: 56,\r\n fontWeight: \"600\",\r\n fontSize: 10,\r\n lineHeight: 14,\r\n textAlign: \"center\",\r\n color: \"#fff\",\r\n width: 75,\r\n }}\r\n >\r\n {step.descricao}\r\n </Text>\r\n </View>\r\n\r\n {data?.length > 1 && indexCustom < data?.length - 1 && (\r\n <View\r\n style={{\r\n width: 35,\r\n height: 2,\r\n marginTop: 24,\r\n position: \"relative\",\r\n backgroundColor: \"orange\",\r\n }}\r\n />\r\n )}\r\n </React.Fragment>\r\n );\r\n })}\r\n </View>\r\n );\r\n };\r\n\r\n const handleRenderComponent = (stepType: \"default\" \| \"custom\") => {\r\n switch (stepType) {\r\n case \"default\":\r\n return <StepDefault />;\r\n case \"custom\":\r\n return <StepCustom />;\r\n default:\r\n return <View />;\r\n }\r\n };\r\n\r\n return <>{handleRenderComponent(type!)}</>;\r\n};\r\n\r\n/\r\n EXPORTS\r\n */\r\nexport { StepIndicator };\r\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_getIconByStatus","_styles","_iconsSvg","_formatData","_theme","_modalChangeActivity","e","__esModule","default","StepIndicator","data","type","textColorDescription","titleColor","titleNumberColor","StepDefault","_stepData","isModalVisible","setIsModalVisible","React","useState","currentStepIndex","setCurrentStepIndex","stepData","setStepData","handleOpenModal","index","_stepItem$descricao","_stepItem$descricao$t","stepItem","desc","descricao","toLowerCase","call","isDescanso","includes","replace","sincronizado","handleConfirmModal","newData","newSteps","map","item","label","tipo_atividade","value","identificador","key","createElement","Fragment","length","history","View","testID","style","styles","containerIndicator","id","containerBall","width","height","marginTop","position","backgroundColor","theme","colors","blue","orange","Text","titleNumber","containerMain","onTouchEnd","title","data_inicio","titleDescription","data_fim","duracao_segundos","formHoursMinute","ModalChangeActivity","visible","onClose","modalConfirm","dataRegistro","StepCustom","paddingHorizontal","display","flexDirection","step","indexCustom","getIconKeyByValue","borderRadius","alignItems","justifyContent","borderWidth","borderColor","Icons","icon","top","fontWeight","fontSize","lineHeight","textAlign","color","handleRenderComponent","stepType","exports"],"sources":["index.tsx"],"sourcesContent":["/*\r\n IMPORTS\r\n /\r\nimport React from \"react\";\r\nimport { View, Text } from \"react-native\";\r\n\r\nimport { getIconKeyByValue } from \"./helpers/get-icon-by-status\";\r\n\r\n// typings\r\nimport { IStepIndicator } from \"./interface\";\r\n\r\n// styles\r\nimport { styles } from \"./styles\";\r\nimport { Icons } from \"../../common/icons-svg\";\r\nimport { formHoursMinute } from \"../../utils/format-data\";\r\nimport { theme } from \"../../styles/theme/theme\";\r\nimport { ModalChangeActivity } from \"../modal-change-activity\";\r\n\r\n/\r\n Componente StepIndicator para a interação da ui.\r\n /\r\n\r\nconst StepIndicator: React.FC<IStepIndicator> = ({\r\n data = [],\r\n type,\r\n textColorDescription,\r\n titleColor,\r\n titleNumberColor,\r\n}) => {\r\n const StepDefault = () => {\r\n const [isModalVisible, setIsModalVisible] = React.useState(false);\r\n const [currentStepIndex, setCurrentStepIndex] = React.useState<number \| null>(null);\r\n const [stepData, setStepData] = React.useState(data);\r\n\r\n const handleOpenModal = (index: number) => {\r\n const stepItem = stepData[index];\r\n const desc = stepItem?.descricao?.toLowerCase?.();\r\n if (!desc) return;\r\n \r\n const isDescanso = [\r\n \"descanso\",\r\n \"refeição\",\r\n \"repouso_noturno\",\r\n \"repouso_semanal\",\r\n ].includes(desc.replace(/\\s+/g, \"_\"));\r\n\r\n // Só abre o modal se for do tipo descanso E se estiver sincronizado\r\n if (isDescanso && stepItem?.sincronizado === true) {\r\n setCurrentStepIndex(index);\r\n setIsModalVisible(true);\r\n }\r\n };\r\n\r\n const handleConfirmModal = (newData: { label: string; value: string; key: number }) => {\r\n if (currentStepIndex !== null) {\r\n const newSteps = stepData.map((item, index) =>\r\n index === currentStepIndex\r\n ? { ...item, descricao: newData.label, tipo_atividade: newData.value, identificador: newData.key }\r\n : item\r\n );\r\n setStepData(newSteps);\r\n }\r\n\r\n setIsModalVisible(false);\r\n setCurrentStepIndex(null);\r\n };\r\n\r\n return (\r\n <>\r\n {stepData.length > 0 &&\r\n stepData.map((history, index) => (\r\n <View\r\n testID=\"step-indicator\"\r\n style={styles({}).containerIndicator}\r\n key={`${history.id}-${index}`}\r\n >\r\n <View style={styles({ sincronizado: history.sincronizado }).containerBall}>\r\n {stepData.length > 1 && index < stepData.length - 1 && (\r\n <View\r\n style={{\r\n width: 2,\r\n height: 84,\r\n marginTop: 116,\r\n position: \"relative\",\r\n backgroundColor: history.sincronizado\r\n ? theme.colors.blue[500]\r\n : theme.colors.orange[150],\r\n }}\r\n />\r\n )}\r\n <Text style={styles({ titleNumberColor }).titleNumber}>\r\n {stepData.length - index}\r\n </Text>\r\n </View>\r\n\r\n <View\r\n style={styles({}).containerMain}\r\n onTouchEnd={() => handleOpenModal(index)}\r\n >\r\n <Text style={styles({ titleColor }).title}>{history?.descricao}</Text>\r\n\r\n {history?.data_inicio && (\r\n <Text style={styles({ textColorDescription }).titleDescription}>\r\n {`Inicio: ${history.data_inicio} às ${history.data_fim}`}\r\n </Text>\r\n )}\r\n\r\n {history.duracao_segundos && (\r\n <Text style={styles({ textColorDescription }).titleDescription}>\r\n Duração: {formHoursMinute(history?.duracao_segundos as string)}\r\n </Text>\r\n )}\r\n </View>\r\n </View>\r\n ))}\r\n\r\n {isModalVisible && currentStepIndex !== null && (\r\n <ModalChangeActivity\r\n visible={isModalVisible}\r\n onClose={() => setIsModalVisible(false)}\r\n modalConfirm={handleConfirmModal}\r\n dataRegistro={\"\"}\r\n descricao={stepData[currentStepIndex!]?.descricao \|\| \"\"}\r\n />\r\n )}\r\n </>\r\n );\r\n };\r\n\r\n\r\n const StepCustom = () => {\r\n return (\r\n <View\r\n style={{\r\n width: \"100%\",\r\n height: 84,\r\n paddingHorizontal: 24,\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n }}\r\n >\r\n {data.map((step, indexCustom) => {\r\n const descricao = getIconKeyByValue(step.descricao);\r\n\r\n return (\r\n <React.Fragment key={`step-${indexCustom}`}>\r\n <View\r\n style={{\r\n width: 45,\r\n height: 45,\r\n backgroundColor: indexCustom <= 3 ? \"orange\" : \"transparent\",\r\n borderRadius: 50,\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n borderWidth: 1,\r\n borderColor: \"#fff\",\r\n }}\r\n >\r\n <View\r\n style={{\r\n width: 45,\r\n height: 45,\r\n backgroundColor: \"transparent\",\r\n borderRadius: 50,\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n }}\r\n >\r\n {descricao && <Icons icon={descricao} />}\r\n </View>\r\n <Text\r\n style={{\r\n position: \"absolute\",\r\n top: 56,\r\n fontWeight: \"600\",\r\n fontSize: 10,\r\n lineHeight: 14,\r\n textAlign: \"center\",\r\n color: \"#fff\",\r\n width: 75,\r\n }}\r\n >\r\n {step.descricao}\r\n </Text>\r\n </View>\r\n\r\n {data?.length > 1 && indexCustom < data?.length - 1 && (\r\n <View\r\n style={{\r\n width: 35,\r\n height: 2,\r\n marginTop: 24,\r\n position: \"relative\",\r\n backgroundColor: \"orange\",\r\n }}\r\n />\r\n )}\r\n </React.Fragment>\r\n );\r\n })}\r\n </View>\r\n );\r\n };\r\n\r\n const handleRenderComponent = (stepType: \"default\" \| \"custom\") => {\r\n switch (stepType) {\r\n case \"default\":\r\n return <StepDefault />;\r\n case \"custom\":\r\n return <StepCustom />;\r\n default:\r\n return <View />;\r\n }\r\n };\r\n\r\n return <>{handleRenderComponent(type!)}</>;\r\n};\r\n\r\n/\r\n EXPORTS\r\n */\r\nexport { StepIndicator };\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/helpers/text-utils.js ADDED Viewed

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.truncateText = void 0;
+/**
+ * Função para limitar a quantidade de caracteres de um texto
+ * @param text - O texto a ser limitado
+ * @param maxLength - Número máximo de caracteres (padrão: 20)
+ * @returns Texto limitado com "..." se exceder o limite
+ */
+const truncateText = (text, maxLength = 20) => {
+  if (!text) return "";
+  if (text.length <= maxLength) {
+    return text;
+  }
+  return text.substring(0, maxLength) + "...";
+};
+exports.truncateText = truncateText;
+//# sourceMappingURL=text-utils.js.map

package/lib/commonjs/helpers/text-utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["truncateText","text","maxLength","length","substring","exports"],"sources":["text-utils.ts"],"sourcesContent":["/**\n * Função para limitar a quantidade de caracteres de um texto\n * @param text - O texto a ser limitado\n * @param maxLength - Número máximo de caracteres (padrão: 20)\n * @returns Texto limitado com \"...\" se exceder o limite\n */\nexport const truncateText = (text: string, maxLength: number = 20): string => {\n if (!text) return \"\";\n\n if (text.length <= maxLength) {\n return text;\n }\n\n return text.substring(0, maxLength) + \"...\";\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,YAAY,GAAGA,CAACC,IAAY,EAAEC,SAAiB,GAAG,EAAE,KAAa;EAC5E,IAAI,CAACD,IAAI,EAAE,OAAO,EAAE;EAEpB,IAAIA,IAAI,CAACE,MAAM,IAAID,SAAS,EAAE;IAC5B,OAAOD,IAAI;EACb;EAEA,OAAOA,IAAI,CAACG,SAAS,CAAC,CAAC,EAAEF,SAAS,CAAC,GAAG,KAAK;AAC7C,CAAC;AAACG,OAAA,CAAAL,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/index.js CHANGED Viewed

@@ -99,6 +99,12 @@ Object.defineProperty(exports, "Header", {
     return _headerProfile.Header;
   }
 });
+Object.defineProperty(exports, "HistoryActivitiesCard", {
+  enumerable: true,
+  get: function () {
+    return _historyActivitiesCard.HistoryActivitiesCard;
+  }
+});
 Object.defineProperty(exports, "HistoryDetails", {
   enumerable: true,
   get: function () {
@@ -141,6 +147,12 @@ Object.defineProperty(exports, "ModalActivities", {
     return _modalActivities.ModalActivities;
   }
 });
+Object.defineProperty(exports, "ModalChangeActivity", {
+  enumerable: true,
+  get: function () {
+    return _modalChangeActivity.ModalChangeActivity;
+  }
+});
 Object.defineProperty(exports, "NoData", {
   enumerable: true,
   get: function () {
@@ -250,6 +262,8 @@ var _activitiesDaily = require("./components/activities-daily");
 var _activitiesProgress = require("./components/activities-progress");
 var _profileMenuOption = require("./components/profile-menu-option");
 var _modalActivities = require("./components/modal-activities");
+var _historyActivitiesCard = require("./components/history-activities-card");
+var _modalChangeActivity = require("./components/modal-change-activity");
 var _mutiply = require("./utils/mutiply");
 var _formatData = require("./utils/format-data");
 var _theme = require("./styles/theme/theme");