react-native-exp-fig 0.1.25 → 0.1.27

package/lib/module/components/modals/modal-activities/interface.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport { ModalProps } from \"react-native\";\r\n\r\n// typing\r\nimport { IGlobalCss } from \"../../../styles/global/interface\";\r\n\r\ninterface IActivity {\r\n  id: number;\r\n  referencia: string;\r\n  cor_hex: string;\r\n  descricao: string;\r\n  tipo: \"trabalho\" | \"descanso\";\r\n}\r\n\r\ninterface IModalActivities extends ModalProps, IGlobalCss {\r\n  /** função que fecha modal */\r\n  onClose: () => void;\r\n\r\n  /** tipo de atividades */\r\n  activityType: IActivity[\"tipo\"];\r\n\r\n  /** função que manda atividade selecionada */\r\n  // eslint-disable-next-line no-unused-vars\r\n  handleActivity: (activity: IActivity) => void;\r\n}\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { IModalActivities, IActivity };\r\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/modals/modal-activity-reason/index.js

@@ -0,0 +1,151 @@
+/**
+ * IMPORTS
+ */
+import React, { useState } from "react";
+import { Modal, View } from "react-native";
+
+// components
+import Box from "../../box";
+import { Typography } from "../../typography";
+import { Button } from "../../button";
+import InputTextCounter from "../../input-text-counter";
+
+// commons / svg
+import { Icons } from "../../../common/icons-svg";
+
+// typings
+
+// styles
+import { theme } from "../../../styles/theme/theme";
+const ModalActivityReason = ({
+  visible,
+  onClose,
+  modalConfirm,
+  textTitle,
+  testID
+}) => {
+  const [isLoading] = useState(false);
+  return /*#__PURE__*/React.createElement(Modal, {
+    testID: testID,
+    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: "90%",
+    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: 10,
+      marginLeft: 4
+    },
+    flexStyle: {
+      flexDirection: "row",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement(Icons, {
+    icon: "EXCLAMATION_TRIANGLE",
+    color: theme.colors.orange[500],
+    background: theme.colors.neutral[300],
+    size: 22
+  }), /*#__PURE__*/React.createElement(Typography, {
+    text: `${textTitle !== null && textTitle !== void 0 ? textTitle : "Motivo da exclusão"}`,
+    color: theme.colors.neutral[25],
+    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, {
+    width: "100%"
+  }, /*#__PURE__*/React.createElement(InputTextCounter, {
+    label: `${textTitle || "Motivo da exclusão"}`,
+    placeholderTextColor: "#9B9B9B",
+    placeholder: "Motivo da exclus\xE3o"
+  })), /*#__PURE__*/React.createElement(Box, {
+    marginStyle: {
+      marginTop: 4
+    },
+    flexStyle: {
+      flexDirection: "row",
+      justifyContent: "space-between"
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: "CANCELAR",
+    onPress: onClose,
+    width: "48%",
+    height: 40,
+    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: () => {
+      modalConfirm(true);
+      onClose();
+    },
+    width: "48%",
+    height: 40,
+    isLoading: isLoading,
+    disabled: isLoading,
+    backgroundColor: theme.colors.blue[500],
+    buttonTextStyle: {
+      color: theme.colors.neutral[25],
+      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
+    }
+  }))))));
+};
+ModalActivityReason.displayName = "ModalActivityReason";
+export default ModalActivityReason;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Modal","View","Box","Typography","Button","InputTextCounter","Icons","theme","ModalActivityReason","visible","onClose","modalConfirm","textTitle","testID","isLoading","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","marginLeft","flexStyle","flexDirection","icon","color","background","neutral","size","text","margins","fontFamily","fonts","inter_bold_700","fontSizes","md","padding","xs","label","placeholderTextColor","placeholder","marginTop","title","onPress","height","disabled","buttonTextStyle","blue","fontSize","fontWeight","textAlign","borderWidth","thin","borderColor","displayName"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport React, { useState } from \"react\";\r\nimport { Modal, View } from \"react-native\";\r\n\r\n// components\r\nimport Box from \"../../box\";\r\nimport { Typography } from \"../../typography\";\r\nimport { Button } from \"../../button\";\r\n\r\nimport InputTextCounter from \"../../input-text-counter\";\r\n\r\n// commons / svg\r\nimport { Icons } from \"../../../common/icons-svg\";\r\n\r\n// typings\r\nimport type { IModalActivityReasonProps } from \"./interface\";\r\n\r\n// styles\r\nimport { theme } from \"../../../styles/theme/theme\";\r\n\r\nconst ModalActivityReason: React.FC<IModalActivityReasonProps> = ({\r\n  visible,\r\n  onClose,\r\n  modalConfirm,\r\n  textTitle,\r\n  testID,\r\n}) => {\r\n  const [isLoading] = useState(false);\r\n\r\n  return (\r\n    <Modal testID={testID} 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={\"90%\"}\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: 10, marginLeft: 4 }}\r\n            flexStyle={{ flexDirection: \"row\", alignItems: \"center\" }}\r\n          >\r\n            <Icons\r\n              icon=\"EXCLAMATION_TRIANGLE\"\r\n              color={theme.colors.orange[500]}\r\n              background={theme.colors.neutral[300]}\r\n              size={22}\r\n            />\r\n            <Typography\r\n              text={`${textTitle ?? \"Motivo da exclusão\"}`}\r\n              color={theme.colors.neutral[25]}\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={{\r\n              padding: theme.paddings.xs,\r\n            }}\r\n            borderStyled={{\r\n              borderRadius: theme.borderWidths.thick_medium,\r\n            }}\r\n          >\r\n            <Box width=\"100%\">\r\n              <InputTextCounter\r\n                label={`${textTitle || \"Motivo da exclusão\"}`}\r\n                placeholderTextColor=\"#9B9B9B\"\r\n                placeholder=\"Motivo da exclusão\"\r\n              />\r\n            </Box>\r\n            <Box\r\n              marginStyle={{ marginTop: 4 }}\r\n              flexStyle={{\r\n                flexDirection: \"row\",\r\n                justifyContent: \"space-between\",\r\n              }}\r\n            >\r\n              <Button\r\n                title=\"CANCELAR\"\r\n                onPress={onClose}\r\n                width={\"48%\"}\r\n                height={40}\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={() => {\r\n                  modalConfirm(true);\r\n                  onClose();\r\n                }}\r\n                width={\"48%\"}\r\n                height={40}\r\n                isLoading={isLoading}\r\n                disabled={isLoading}\r\n                backgroundColor={theme.colors.blue[500]}\r\n                buttonTextStyle={{\r\n                  color: theme.colors.neutral[25],\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\r\nModalActivityReason.displayName = \"ModalActivityReason\";\r\n\r\nexport default ModalActivityReason;\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/modals/modal-activity-reason/interface.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=interface.d.js.map

package/lib/module/components/modals/modal-activity-reason/interface.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\r\ninterface IModalActivityReasonProps {\r\n  visible: boolean;\r\n  onClose: () => void;\r\n  modalConfirm: (value: true) => void;\r\n  textTitle?: string;\r\n  testID?: string;\r\n}\r\n\r\nexport type { IModalActivityReasonProps };\r\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/{modal-change-activity → modals/modal-change-activity}/index.js

@@ -7,16 +7,16 @@ import React from "react";
 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";
+import Box from "../../box";
+import { Typography } from "../../typography";
+import { Button } from "../../button";
+import SelectOption from "../../selects/select-option";
 
 // styles / theme
-import { theme } from "../../styles/theme/theme";
+import { theme } from "../../../styles/theme/theme";
 
 // assets / icons
-import { Icons } from "../../common/icons-svg";
+import { Icons } from "../../../common/icons-svg";
 
 /**
  * TYPES

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

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

package/lib/module/components/selects/select-date-and-hours/index.js

@@ -0,0 +1,86 @@
+/**
+ * IMPORTS
+ */
+import React, { forwardRef, useState } from "react";
+import { View, TouchableOpacity } from "react-native";
+import DateTimePicker from "@react-native-community/datetimepicker";
+
+// seus componentes
+import Box from "../../box";
+import { Typography } from "../../typography";
+
+// commons / svg
+import { Icons } from "../../../common/icons-svg";
+
+// typings
+
+import { asBaseComponent } from "../../../@types/as-base-component";
+
+// styles
+import { theme } from "../../../styles/theme/theme";
+import { styles } from "./styles";
+import { formatDate, formHoursMinute } from "../../../utils/format-data";
+const ActivityFields = /*#__PURE__*/forwardRef(({
+  value,
+  icon,
+  onPressConfirm,
+  disabled = false
+}, ref) => {
+  const [modalVisible, setModalVisible] = useState(false);
+  const [pickerDate, setPickerDate] = useState(new Date());
+  const isCalendar = (icon !== null && icon !== void 0 ? icon : "CALENDAR") === "CALENDAR";
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    ref: ref,
+    activeOpacity: 0.7,
+    style: [styles.field, {
+      borderColor: theme.colors.gray[700],
+      backgroundColor: theme.colors.neutral[300],
+      opacity: disabled ? 0.7 : 1
+    }],
+    onPress: () => setModalVisible(true),
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.row
+  }, /*#__PURE__*/React.createElement(Box, {
+    width: "10%",
+    height: 45,
+    flexStyle: {
+      alignItems: "center",
+      justifyContent: "center"
+    }
+  }, /*#__PURE__*/React.createElement(Icons, {
+    icon: icon ? icon : "CALENDAR",
+    color: theme.colors.black[100],
+    size: 18
+  })), /*#__PURE__*/React.createElement(Box, {
+    width: "90%",
+    height: 45,
+    flexStyle: {
+      alignItems: "center",
+      justifyContent: "center"
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    text: String(value),
+    color: theme.colors.blue[500],
+    fontFamily: theme.fonts.inter_medium_500,
+    size: theme.fontSizes.md,
+    marginRight: 44
+  })))), modalVisible && /*#__PURE__*/React.createElement(DateTimePicker, {
+    value: pickerDate,
+    mode: isCalendar ? "date" : "time",
+    is24Hour: true,
+    onChange: (event, date) => {
+      if ((event === null || event === void 0 ? void 0 : event.type) === "set" && date) {
+        setPickerDate(date);
+        const seconds = date.getHours() * 3600 + date.getMinutes() * 60;
+        const nextValue = isCalendar ? formatDate(date) : formHoursMinute(String(seconds));
+        // @ts-ignore genérico aceita string
+        onPressConfirm(nextValue);
+      }
+      setModalVisible(false);
+    }
+  }));
+});
+ActivityFields.displayName = "ActivityFields";
+export default asBaseComponent(ActivityFields);
+//# sourceMappingURL=index.js.map

package/lib/module/components/selects/select-date-and-hours/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useState","View","TouchableOpacity","DateTimePicker","Box","Typography","Icons","asBaseComponent","theme","styles","formatDate","formHoursMinute","ActivityFields","value","icon","onPressConfirm","disabled","ref","modalVisible","setModalVisible","pickerDate","setPickerDate","Date","isCalendar","createElement","Fragment","activeOpacity","style","field","borderColor","colors","gray","backgroundColor","neutral","opacity","onPress","row","width","height","flexStyle","alignItems","justifyContent","color","black","size","text","String","blue","fontFamily","fonts","inter_medium_500","fontSizes","md","marginRight","mode","is24Hour","onChange","event","date","type","seconds","getHours","getMinutes","nextValue","displayName"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React, { forwardRef, useState } from \"react\";\n\nimport { View, TouchableOpacity } from \"react-native\";\nimport DateTimePicker from \"@react-native-community/datetimepicker\";\n\n// seus componentes\nimport Box from \"../../box\";\nimport { Typography } from \"../../typography\";\n\n// commons / svg\nimport { Icons } from \"../../../common/icons-svg\";\n\n// typings\nimport type { IActivityFieldsProps } from \"./interface\";\nimport { asBaseComponent } from \"../../../@types/as-base-component\";\n\n// styles\nimport { theme } from \"../../../styles/theme/theme\";\nimport { styles } from \"./styles\";\nimport { formatDate, formHoursMinute } from \"../../../utils/format-data\";\n\nconst ActivityFields = forwardRef<any, IActivityFieldsProps<any>>(\n  ({ value, icon, onPressConfirm, disabled = false }, ref): React.ReactElement => {\n    const [modalVisible, setModalVisible] = useState(false);\n    const [pickerDate, setPickerDate] = useState<Date>(new Date());\n\n    const isCalendar = (icon ?? \"CALENDAR\") === \"CALENDAR\";\n\n    return (\n      <>\n        <TouchableOpacity\n          ref={ref}\n          activeOpacity={0.7}\n          style={[\n            styles.field,\n            {\n              borderColor: theme.colors.gray[700],\n              backgroundColor: theme.colors.neutral[300],\n              opacity: disabled ? 0.7 : 1,\n            },\n          ]}\n          onPress={() => setModalVisible(true)}\n          disabled={disabled}\n        >\n          <View style={styles.row}>\n            <Box\n              width={\"10%\"}\n              height={45}\n              flexStyle={{ alignItems: \"center\", justifyContent: \"center\" }}\n            >\n              <Icons icon={icon ? icon : \"CALENDAR\"} color={theme.colors.black[100]} size={18} />\n            </Box>\n\n            <Box\n              width={\"90%\"}\n              height={45}\n              flexStyle={{ alignItems: \"center\", justifyContent: \"center\" }}\n            >\n              <Typography\n                text={String(value)}\n                color={theme.colors.blue[500]}\n                fontFamily={theme.fonts.inter_medium_500}\n                size={theme.fontSizes.md}\n                marginRight={44}\n              />\n            </Box>\n          </View>\n        </TouchableOpacity>\n\n        {modalVisible && (\n          <DateTimePicker\n            value={pickerDate}\n            mode={isCalendar ? \"date\" : \"time\"}\n            is24Hour\n            onChange={(event: any, date?: Date) => {\n              if (event?.type === \"set\" && date) {\n                setPickerDate(date);\n                const seconds = date.getHours() * 3600 + date.getMinutes() * 60;\n                const nextValue = isCalendar ? formatDate(date) : formHoursMinute(String(seconds));\n                // @ts-ignore genérico aceita string\n                onPressConfirm(nextValue);\n              }\n              setModalVisible(false);\n            }}\n          />\n        )}\n      </>\n    );\n  }\n);\n\nActivityFields.displayName = \"ActivityFields\";\n\nexport default asBaseComponent(ActivityFields);\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/selects/select-date-and-hours/interface.js

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

package/lib/module/components/selects/select-date-and-hours/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["interface.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\r\n/**\r\n * IMPORTS\r\n */\r\n\r\nimport type { TouchableOpacityProps } from \"react-native\";\r\n\r\n// commons / svg\r\nimport type { SVG_NAME } from \"../../../common/icons-svg/constants\";\r\n\r\ntype IActivityFieldsProps<T> = TouchableOpacityProps & {\r\n  /** Valor exibido e retornado no onPressConfirm */\r\n  value: T | null;\r\n\r\n  /** Ícone à esquerda (padrão: 'CALENDAR') */\r\n  icon: keyof typeof SVG_NAME;\r\n\r\n  /** Desabilita interação */\r\n  disabled?: boolean;\r\n\r\n  /** Cor do texto (opcional) */\r\n  textColor?: string;\r\n\r\n  /** Clique confirma e devolve o value */\r\n  onPressConfirm: (value: T) => void;\r\n};\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport type { IActivityFieldsProps };\r\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/selects/select-date-and-hours/styles.js

@@ -0,0 +1,28 @@
+/**
+ * IMPORTS
+ */
+
+import { StyleSheet } from "react-native";
+const styles = StyleSheet.create({
+  field: {
+    width: "100%",
+    height: 45,
+    borderRadius: 12,
+    borderWidth: 1,
+    paddingHorizontal: 12,
+    justifyContent: "center",
+    marginTop: 10,
+    marginBottom: 16
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-around"
+  }
+});
+
+/**
+ * EXPORTS
+ */
+export { styles };
+//# sourceMappingURL=styles.js.map

package/lib/module/components/selects/select-date-and-hours/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","styles","create","field","width","height","borderRadius","borderWidth","paddingHorizontal","justifyContent","marginTop","marginBottom","row","flexDirection","alignItems"],"sources":["styles.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\n\r\nimport { StyleSheet } from \"react-native\";\r\n\r\nconst styles = StyleSheet.create({\r\n  field: {\r\n    width: \"100%\",\r\n    height: 45,\r\n    borderRadius: 12,\r\n    borderWidth: 1,\r\n    paddingHorizontal: 12,\r\n    justifyContent: \"center\",\r\n    marginTop: 10,\r\n    marginBottom: 16,\r\n  },\r\n  row: { flexDirection: \"row\", alignItems: \"center\", justifyContent: \"space-around\" },\r\n});\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { styles };\r\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AAEzC,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,iBAAiB,EAAE,EAAE;IACrBC,cAAc,EAAE,QAAQ;IACxBC,SAAS,EAAE,EAAE;IACbC,YAAY,EAAE;EAChB,CAAC;EACDC,GAAG,EAAE;IAAEC,aAAa,EAAE,KAAK;IAAEC,UAAU,EAAE,QAAQ;IAAEL,cAAc,EAAE;EAAe;AACpF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,SAASR,MAAM","ignoreList":[]}

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

@@ -1,29 +1,30 @@
 /**
  * IMPORTS
  */
-import React from "react";
-import { useState } from "react";
+import React, { forwardRef, useState } from "react";
 import { View, Text, TouchableOpacity, Modal, FlatList } from "react-native";
 
-// typings
+// commons / svg
+import { Icons } from "../../../common/icons-svg";
+
+// utils
+import { handleLimitTextdisplayByAmount } from "../../../utils/text-limit";
 
+// typings
+import { asBaseComponent } from "../../../@types/as-base-component";
 // styles
 import { styles } from "./styles";
-import { Icons } from "../../../common/icons-svg";
 import { theme } from "../../../styles/theme/theme";
-
-/**
- * Componente SelectOption para a interação da  ui.
- */
-const SelectOption = ({
-  dataOption,
-  handleSelectDown,
-  titleLabel,
-  sizeTitleLabel,
-  colortitleLabel,
-  backgroundColor
-}) => {
+const SelectOption = /*#__PURE__*/forwardRef((props, ref) => {
   var _dataOption$, _dataOption$find;
+  const {
+    dataOption,
+    handleSelectDown,
+    titleLabel,
+    sizeTitleLabel,
+    colortitleLabel,
+    backgroundColor
+  } = props;
   const [selectedValue, setSelectedValue] = useState(((_dataOption$ = dataOption[0]) === null || _dataOption$ === void 0 ? void 0 : _dataOption$.value) || "");
   const [modalVisible, setModalVisible] = useState(false);
   const handleSelect = value => {
@@ -40,19 +41,22 @@ const SelectOption = ({
     backgroundColor
   };
   return /*#__PURE__*/React.createElement(View, {
+    ref: ref,
     style: styles(styleProps).container
   }, /*#__PURE__*/React.createElement(Text, {
     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, backgroundColor && {
-      backgroundColor
-    }],
+    style: styles(styleProps).selectBox,
     onPress: () => setModalVisible(true)
   }, /*#__PURE__*/React.createElement(Text, {
-    style: styles(styleProps).selectedText
-  }, (_dataOption$find = dataOption.find(item => item.value === selectedValue)) === null || _dataOption$find === void 0 ? void 0 : _dataOption$find.label), /*#__PURE__*/React.createElement(Icons, {
-    size: theme.fontSizes["md"],
+    style: styles(styleProps).selectedText,
+    numberOfLines: 1
+  }, `${handleLimitTextdisplayByAmount({
+    limit: 42,
+    text: (_dataOption$find = dataOption.find(item => item.value === selectedValue)) === null || _dataOption$find === void 0 ? void 0 : _dataOption$find.label
+  })}`), /*#__PURE__*/React.createElement(Icons, {
+    size: theme.fontSizes["xs"],
     color: theme.colors.blue[500],
     icon: "ARROW_DROP_DOWN"
   })), /*#__PURE__*/React.createElement(Modal, {
@@ -63,21 +67,23 @@ const SelectOption = ({
   }, /*#__PURE__*/React.createElement(View, {
     style: styles(styleProps).modalOverlay
   }, /*#__PURE__*/React.createElement(View, {
-    style: {
-      width: "90%",
-      backgroundColor: "#fff",
-      borderRadius: 8,
-      padding: 16,
-      maxHeight: "80%"
-    }
+    style: styles(styleProps).modalContainer
   }, /*#__PURE__*/React.createElement(View, {
     style: {
       width: "100%",
-      alignItems: "flex-end"
+      alignItems: "flex-end",
+      height: 40,
+      paddingRight: 8
     }
   }, /*#__PURE__*/React.createElement(TouchableOpacity, {
     testID: "close-icon",
-    onPress: () => setModalVisible(false)
+    onPress: () => setModalVisible(false),
+    style: {
+      width: 40,
+      height: 45,
+      alignItems: "center",
+      justifyContent: "center"
+    }
   }, /*#__PURE__*/React.createElement(Icons, {
     size: theme.fontSizes["md"],
     color: theme.colors.blue[500],
@@ -88,23 +94,16 @@ const SelectOption = ({
     renderItem: ({
       item
     }) => /*#__PURE__*/React.createElement(TouchableOpacity, {
-      style: {
-        width: "100%",
-        paddingVertical: 12,
-        paddingHorizontal: 8,
-        alignItems: "flex-start",
-        borderBottomWidth: 1,
-        borderColor: "#eee"
-      },
+      style: styles(styleProps).option,
       onPress: () => handleSelect(item.value)
     }, /*#__PURE__*/React.createElement(Text, {
       style: styles(styleProps).optionText
     }, item.label))
   })))));
-};
+});
 
 /**
- * EXPORTS
+ * Componente SelectOption para a interação da  ui.
  */
-export { SelectOption };
+export default asBaseComponent(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","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":[]}
+{"version":3,"names":["React","forwardRef","useState","View","Text","TouchableOpacity","Modal","FlatList","Icons","handleLimitTextdisplayByAmount","asBaseComponent","styles","theme","SelectOption","props","ref","_dataOption$","_dataOption$find","dataOption","handleSelectDown","titleLabel","sizeTitleLabel","colortitleLabel","backgroundColor","selectedValue","setSelectedValue","value","modalVisible","setModalVisible","handleSelect","styleProps","createElement","style","container","label","testID","selectBox","onPress","selectedText","numberOfLines","limit","text","find","item","size","fontSizes","color","colors","blue","icon","visible","transparent","animationType","modalOverlay","modalContainer","width","alignItems","height","paddingRight","justifyContent","data","keyExtractor","renderItem","option","optionText"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport React, { forwardRef, useState } from \"react\";\r\nimport { View, Text, TouchableOpacity, Modal, FlatList } from \"react-native\";\r\n\r\n// commons / svg\r\nimport { Icons } from \"../../../common/icons-svg\";\r\n\r\n// utils\r\nimport { handleLimitTextdisplayByAmount } from \"../../../utils/text-limit\";\r\n\r\n// typings\r\nimport { asBaseComponent } from \"../../../@types/as-base-component\";\r\nimport type { ISelectDropDownProps } from \"./interface\";\r\n\r\n// styles\r\nimport { styles } from \"./styles\";\r\nimport { theme } from \"../../../styles/theme/theme\";\r\n\r\nconst SelectOption = forwardRef<any, ISelectDropDownProps>((props, ref): React.ReactElement => {\r\n  const {\r\n    dataOption,\r\n    handleSelectDown,\r\n    titleLabel,\r\n    sizeTitleLabel,\r\n    colortitleLabel,\r\n    backgroundColor,\r\n  } = props;\r\n\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  return (\r\n    <View ref={ref} 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}\r\n        onPress={() => setModalVisible(true)}\r\n      >\r\n        <Text style={styles(styleProps).selectedText} numberOfLines={1}>\r\n          {`${handleLimitTextdisplayByAmount({\r\n            limit: 42,\r\n            text: dataOption.find((item) => item.value === selectedValue)?.label!,\r\n          })}`}\r\n        </Text>\r\n\r\n        <Icons\r\n          size={theme.fontSizes[\"xs\"]}\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={styles(styleProps).modalContainer}>\r\n            <View\r\n              style={{\r\n                width: \"100%\",\r\n                alignItems: \"flex-end\",\r\n                height: 40,\r\n                paddingRight: 8,\r\n              }}\r\n            >\r\n              <TouchableOpacity\r\n                testID=\"close-icon\"\r\n                onPress={() => setModalVisible(false)}\r\n                style={{\r\n                  width: 40,\r\n                  height: 45,\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                }}\r\n              >\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={styles(styleProps).option}\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 * Componente SelectOption para a interação da  ui.\r\n */\r\nexport default asBaseComponent(SelectOption);\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/step-indicator/index.js

@@ -1,5 +1,5 @@
-/**
- * IMPORTS
+/**
+ * IMPORTS
  */
 import React from "react";
 import { View, Text, TouchableOpacity } from "react-native";
@@ -16,10 +16,10 @@ import { getIconKeyByValue } from "./helpers/get-icon-by-status";
 import { styles } from "./styles";
 import { formHoursMinute } from "../../utils/format-data";
 import { theme } from "../../styles/theme/theme";
-import { ModalChangeActivity } from "../modal-change-activity";
+import { ModalChangeActivity } from "../modals/modal-change-activity";
 
-/**
- * Componente StepIndicator para a interação da ui.
+/**
+ * Componente StepIndicator para a interação da ui.
  */
 const StepIndicator = ({
   data = [],
@@ -48,8 +48,8 @@ const StepIndicator = ({
         const updatedStep = {
           ...stepData[currentStepIndex],
           descricao: newData.label,
-          tipo_atividade: newData.value,
-          identificador: newData.key
+          referencia: newData.value,
+          ec_tipo_atividade_id: newData.key
         };
         const newSteps = stepData.map((item, index) => index === currentStepIndex ? updatedStep : item);
         setStepData(newSteps);
@@ -68,7 +68,7 @@ const StepIndicator = ({
       return /*#__PURE__*/React.createElement(TouchableOpacity, {
         testID: "step-indicator",
         activeOpacity: 0.7,
-        key: history.jr_tipo_atividade_id,
+        key: history === null || history === void 0 ? void 0 : history.id,
         style: styles({}).containerIndicator,
         disabled: !canEdit,
         onPress: () => handleOnPressActivitie(history, index)
@@ -180,8 +180,8 @@ const StepIndicator = ({
   return /*#__PURE__*/React.createElement(React.Fragment, null, handleRenderComponent(type));
 };
 
-/**
- * EXPORTS
+/**
+ * EXPORTS
  */
 export default StepIndicator;
 //# sourceMappingURL=index.js.map