react-native-exp-fig 0.1.26 → 0.1.28

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":"AAAA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AAEnD,SAASC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AACrD,OAAOC,cAAc,MAAM,wCAAwC;;AAEnE;AACA,OAAOC,GAAG,MAAM,WAAW;AAC3B,SAASC,UAAU,QAAQ,kBAAkB;;AAE7C;AACA,SAASC,KAAK,QAAQ,2BAA2B;;AAEjD;;AAEA,SAASC,eAAe,QAAQ,mCAAmC;;AAEnE;AACA,SAASC,KAAK,QAAQ,6BAA6B;AACnD,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,UAAU,EAAEC,eAAe,QAAQ,4BAA4B;AAExE,MAAMC,cAAc,gBAAGb,UAAU,CAC/B,CAAC;EAAEc,KAAK;EAAEC,IAAI;EAAEC,cAAc;EAAEC,QAAQ,GAAG;AAAM,CAAC,EAAEC,GAAG,KAAyB;EAC9E,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGnB,QAAQ,CAAC,KAAK,CAAC;EACvD,MAAM,CAACoB,UAAU,EAAEC,aAAa,CAAC,GAAGrB,QAAQ,CAAO,IAAIsB,IAAI,CAAC,CAAC,CAAC;EAE9D,MAAMC,UAAU,GAAG,CAACT,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,UAAU,MAAM,UAAU;EAEtD,oBACEhB,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAA2B,QAAA,qBACE3B,KAAA,CAAA0B,aAAA,CAACtB,gBAAgB;IACfe,GAAG,EAAEA,GAAI;IACTS,aAAa,EAAE,GAAI;IACnBC,KAAK,EAAE,CACLlB,MAAM,CAACmB,KAAK,EACZ;MACEC,WAAW,EAAErB,KAAK,CAACsB,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;MACnCC,eAAe,EAAExB,KAAK,CAACsB,MAAM,CAACG,OAAO,CAAC,GAAG,CAAC;MAC1CC,OAAO,EAAElB,QAAQ,GAAG,GAAG,GAAG;IAC5B,CAAC,CACD;IACFmB,OAAO,EAAEA,CAAA,KAAMhB,eAAe,CAAC,IAAI,CAAE;IACrCH,QAAQ,EAAEA;EAAS,gBAEnBlB,KAAA,CAAA0B,aAAA,CAACvB,IAAI;IAAC0B,KAAK,EAAElB,MAAM,CAAC2B;EAAI,gBACtBtC,KAAA,CAAA0B,aAAA,CAACpB,GAAG;IACFiC,KAAK,EAAE,KAAM;IACbC,MAAM,EAAE,EAAG;IACXC,SAAS,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAS;EAAE,gBAE9D3C,KAAA,CAAA0B,aAAA,CAAClB,KAAK;IAACQ,IAAI,EAAEA,IAAI,GAAGA,IAAI,GAAG,UAAW;IAAC4B,KAAK,EAAElC,KAAK,CAACsB,MAAM,CAACa,KAAK,CAAC,GAAG,CAAE;IAACC,IAAI,EAAE;EAAG,CAAE,CAC/E,CAAC,eAEN9C,KAAA,CAAA0B,aAAA,CAACpB,GAAG;IACFiC,KAAK,EAAE,KAAM;IACbC,MAAM,EAAE,EAAG;IACXC,SAAS,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAS;EAAE,gBAE9D3C,KAAA,CAAA0B,aAAA,CAACnB,UAAU;IACTwC,IAAI,EAAEC,MAAM,CAACjC,KAAK,CAAE;IACpB6B,KAAK,EAAElC,KAAK,CAACsB,MAAM,CAACiB,IAAI,CAAC,GAAG,CAAE;IAC9BC,UAAU,EAAExC,KAAK,CAACyC,KAAK,CAACC,gBAAiB;IACzCN,IAAI,EAAEpC,KAAK,CAAC2C,SAAS,CAACC,EAAG;IACzBC,WAAW,EAAE;EAAG,CACjB,CACE,CACD,CACU,CAAC,EAElBnC,YAAY,iBACXpB,KAAA,CAAA0B,aAAA,CAACrB,cAAc;IACbU,KAAK,EAAEO,UAAW;IAClBkC,IAAI,EAAE/B,UAAU,GAAG,MAAM,GAAG,MAAO;IACnCgC,QAAQ;IACRC,QAAQ,EAAEA,CAACC,KAAU,EAAEC,IAAW,KAAK;MACrC,IAAI,CAAAD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,IAAI,MAAK,KAAK,IAAID,IAAI,EAAE;QACjCrC,aAAa,CAACqC,IAAI,CAAC;QACnB,MAAME,OAAO,GAAGF,IAAI,CAACG,QAAQ,CAAC,CAAC,GAAG,IAAI,GAAGH,IAAI,CAACI,UAAU,CAAC,CAAC,GAAG,EAAE;QAC/D,MAAMC,SAAS,GAAGxC,UAAU,GAAGb,UAAU,CAACgD,IAAI,CAAC,GAAG/C,eAAe,CAACmC,MAAM,CAACc,OAAO,CAAC,CAAC;QAClF;QACA7C,cAAc,CAACgD,SAAS,CAAC;MAC3B;MACA5C,eAAe,CAAC,KAAK,CAAC;IACxB;EAAE,CACH,CAEH,CAAC;AAEP,CACF,CAAC;AAEDP,cAAc,CAACoD,WAAW,GAAG,gBAAgB;AAE7C,eAAezD,eAAe,CAACK,cAAc,CAAC","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 = [],
@@ -180,8 +180,8 @@ const StepIndicator = ({
   return /*#__PURE__*/React.createElement(React.Fragment, null, handleRenderComponent(type));
 };
 
-/**
- * EXPORTS
+/**
+ * EXPORTS
  */
 export default StepIndicator;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","TouchableOpacity","Icons","getIconKeyByValue","styles","formHoursMinute","theme","ModalChangeActivity","StepIndicator","data","type","textColorDescription","titleColor","titleNumberColor","onChangeActivity","StepDefault","isModalVisible","setIsModalVisible","useState","currentStepIndex","setCurrentStepIndex","stepData","setStepData","handleOnPressActivitie","stepItem","index","_stepItem$descricao","_stepItem$descricao$t","desc","descricao","toLowerCase","call","isDescanso","includes","replace","sincronizado","handleConfirmModal","newData","updatedStep","label","referencia","value","ec_tipo_atividade_id","key","newSteps","map","item","createElement","Fragment","length","history","isFirst","isEditableType","tipo","isSynced","canEdit","testID","activeOpacity","id","style","containerIndicator","disabled","onPress","containerBall","width","height","marginTop","position","backgroundColor","colors","blue","orange","titleNumber","containerMain","title","data_inicio","titleDescription","data_fim","duracao_segundos","visible","modalConfirm","onClose","StepCustom","paddingHorizontal","display","flexDirection","step","indexCustom","borderRadius","alignItems","justifyContent","borderWidth","borderColor","icon","top","fontWeight","fontSize","lineHeight","textAlign","color","handleRenderComponent","stepType"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React from \"react\";\nimport { View, Text, TouchableOpacity } from \"react-native\";\n\n// commons / svg\nimport { Icons } from \"../../common/icons-svg\";\n\n// helpers\nimport { getIconKeyByValue } from \"./helpers/get-icon-by-status\";\n\n// typings\nimport type { IStepIndicator } from \"./interface\";\n\n// styles\nimport { styles } from \"./styles\";\nimport { formHoursMinute } from \"../../utils/format-data\";\nimport { theme } from \"../../styles/theme/theme\";\nimport { ModalChangeActivity } from \"../modal-change-activity\";\n\n/**\n * Componente StepIndicator para a interação da ui.\n */\nconst StepIndicator: React.FC<IStepIndicator> = ({\n  data = [],\n  type,\n  textColorDescription,\n  titleColor,\n  titleNumberColor,\n  onChangeActivity,\n}) => {\n  const StepDefault = () => {\n    const [isModalVisible, setIsModalVisible] = React.useState(false);\n    const [currentStepIndex, setCurrentStepIndex] = React.useState<number | null>(null);\n    const [stepData, setStepData] = React.useState(data);\n\n    const handleOnPressActivitie = (stepItem: any, index: number) => {\n      const desc = stepItem?.descricao?.toLowerCase?.();\n      if (!desc) return;\n\n      const isDescanso = [\"descanso\", \"refeição\", \"repouso_noturno\", \"repouso_semanal\"].includes(\n        desc.replace(/\\s+/g, \"_\")\n      );\n\n      if (isDescanso && stepItem?.sincronizado === true) {\n        setCurrentStepIndex(index);\n        setIsModalVisible(true);\n      }\n    };\n\n    const handleConfirmModal = (newData: { label: string; value: string; key: number }) => {\n      if (currentStepIndex !== null) {\n        const updatedStep = {\n          ...stepData[currentStepIndex],\n          descricao: newData.label,\n          referencia: newData.value,\n          ec_tipo_atividade_id: newData.key,\n        };\n\n        const newSteps = stepData.map((item, index) =>\n          index === currentStepIndex ? updatedStep : item\n        );\n\n        setStepData(newSteps as any);\n\n        if (onChangeActivity) {\n          onChangeActivity(updatedStep);\n        }\n      }\n\n      setIsModalVisible(false);\n      setCurrentStepIndex(null);\n    };\n\n    return (\n      <>\n        {stepData.length > 0 &&\n          stepData.map((history, index) => {\n            const isFirst = index === 0;\n            const isEditableType = history.tipo === \"descanso\";\n            const isSynced = history?.sincronizado === true;\n            const canEdit = isFirst && isEditableType && isSynced;\n\n            return (\n              <TouchableOpacity\n                testID=\"step-indicator\"\n                activeOpacity={0.7}\n                key={history?.id}\n                style={styles({}).containerIndicator}\n                disabled={!canEdit}\n                onPress={() => handleOnPressActivitie(history, index)}\n              >\n                <View style={styles({ sincronizado: history.sincronizado }).containerBall}>\n                  {stepData.length > 1 && index < stepData.length - 1 && (\n                    <View\n                      style={{\n                        width: 2,\n                        height: 84,\n                        marginTop: 116,\n                        position: \"relative\",\n                        backgroundColor: history.sincronizado\n                          ? theme.colors.blue[500]\n                          : theme.colors.orange[150],\n                      }}\n                    />\n                  )}\n                  <Text style={styles({ titleNumberColor }).titleNumber}>\n                    {stepData.length - index}\n                  </Text>\n                </View>\n\n                <View style={styles({}).containerMain}>\n                  <Text style={styles({ titleColor }).title}>{history?.descricao}</Text>\n\n                  {history?.data_inicio && (\n                    <Text style={styles({ textColorDescription }).titleDescription}>\n                      {`Inicio: ${history.data_inicio} ás ${history.data_fim}`}\n                    </Text>\n                  )}\n\n                  {history.duracao_segundos && (\n                    <Text style={styles({ textColorDescription }).titleDescription}>\n                      Duração: {formHoursMinute(history?.duracao_segundos as string)}\n                    </Text>\n                  )}\n                </View>\n              </TouchableOpacity>\n            );\n          })}\n\n        {isModalVisible && (\n          <ModalChangeActivity\n            visible={isModalVisible}\n            modalConfirm={handleConfirmModal}\n            descricao=\"\"\n            onClose={() => setIsModalVisible(false)}\n          />\n        )}\n      </>\n    );\n  };\n\n  const StepCustom = () => {\n    return (\n      <View\n        style={{\n          width: \"100%\",\n          height: 84,\n          paddingHorizontal: 24,\n          display: \"flex\",\n          flexDirection: \"row\",\n        }}\n      >\n        {data.map((step, indexCustom) => {\n          const descricao = getIconKeyByValue(step.descricao);\n\n          return (\n            <React.Fragment key={`step-${indexCustom}`}>\n              <View\n                style={{\n                  width: 45,\n                  height: 45,\n                  backgroundColor: indexCustom <= 3 ? \"orange\" : \"transparent\",\n                  borderRadius: 50,\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  borderWidth: 1,\n                  borderColor: \"#fff\",\n                }}\n              >\n                <View\n                  style={{\n                    width: 45,\n                    height: 45,\n                    backgroundColor: \"transparent\",\n                    borderRadius: 50,\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                  }}\n                >\n                  {descricao && <Icons icon={descricao} />}\n                </View>\n                <Text\n                  style={{\n                    position: \"absolute\",\n                    top: 56,\n                    fontWeight: \"600\",\n                    fontSize: 10,\n                    lineHeight: 14,\n                    textAlign: \"center\",\n                    color: \"#fff\",\n                    width: 75,\n                  }}\n                >\n                  {step.descricao}\n                </Text>\n              </View>\n\n              {data?.length > 1 && indexCustom < data?.length - 1 && (\n                <View\n                  style={{\n                    width: 35,\n                    height: 2,\n                    marginTop: 24,\n                    position: \"relative\",\n                    backgroundColor: \"orange\",\n                  }}\n                />\n              )}\n            </React.Fragment>\n          );\n        })}\n      </View>\n    );\n  };\n\n  const handleRenderComponent = (stepType: \"default\" | \"custom\") => {\n    switch (stepType) {\n      case \"default\":\n        return <StepDefault />;\n      case \"custom\":\n        return <StepCustom />;\n      default:\n        return <View />;\n    }\n  };\n\n  return <>{handleRenderComponent(type!)}</>;\n};\n\n/**\n * EXPORTS\n */\nexport default StepIndicator;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","TouchableOpacity","Icons","getIconKeyByValue","styles","formHoursMinute","theme","ModalChangeActivity","StepIndicator","data","type","textColorDescription","titleColor","titleNumberColor","onChangeActivity","StepDefault","isModalVisible","setIsModalVisible","useState","currentStepIndex","setCurrentStepIndex","stepData","setStepData","handleOnPressActivitie","stepItem","index","_stepItem$descricao","_stepItem$descricao$t","desc","descricao","toLowerCase","call","isDescanso","includes","replace","sincronizado","handleConfirmModal","newData","updatedStep","label","referencia","value","ec_tipo_atividade_id","key","newSteps","map","item","createElement","Fragment","length","history","isFirst","isEditableType","tipo","isSynced","canEdit","testID","activeOpacity","id","style","containerIndicator","disabled","onPress","containerBall","width","height","marginTop","position","backgroundColor","colors","blue","orange","titleNumber","containerMain","title","data_inicio","titleDescription","data_fim","duracao_segundos","visible","modalConfirm","onClose","StepCustom","paddingHorizontal","display","flexDirection","step","indexCustom","borderRadius","alignItems","justifyContent","borderWidth","borderColor","icon","top","fontWeight","fontSize","lineHeight","textAlign","color","handleRenderComponent","stepType"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport React from \"react\";\r\nimport { View, Text, TouchableOpacity } from \"react-native\";\r\n\r\n// commons / svg\r\nimport { Icons } from \"../../common/icons-svg\";\r\n\r\n// helpers\r\nimport { getIconKeyByValue } from \"./helpers/get-icon-by-status\";\r\n\r\n// typings\r\nimport type { IStepIndicator } from \"./interface\";\r\n\r\n// styles\r\nimport { styles } from \"./styles\";\r\nimport { formHoursMinute } from \"../../utils/format-data\";\r\nimport { theme } from \"../../styles/theme/theme\";\r\nimport { ModalChangeActivity } from \"../modals/modal-change-activity\";\r\n\r\n/**\r\n * Componente StepIndicator para a interação da ui.\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  onChangeActivity,\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 handleOnPressActivitie = (stepItem: any, index: number) => {\r\n      const desc = stepItem?.descricao?.toLowerCase?.();\r\n      if (!desc) return;\r\n\r\n      const isDescanso = [\"descanso\", \"refeição\", \"repouso_noturno\", \"repouso_semanal\"].includes(\r\n        desc.replace(/\\s+/g, \"_\")\r\n      );\r\n\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 updatedStep = {\r\n          ...stepData[currentStepIndex],\r\n          descricao: newData.label,\r\n          referencia: newData.value,\r\n          ec_tipo_atividade_id: newData.key,\r\n        };\r\n\r\n        const newSteps = stepData.map((item, index) =>\r\n          index === currentStepIndex ? updatedStep : item\r\n        );\r\n\r\n        setStepData(newSteps as any);\r\n\r\n        if (onChangeActivity) {\r\n          onChangeActivity(updatedStep);\r\n        }\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            const isFirst = index === 0;\r\n            const isEditableType = history.tipo === \"descanso\";\r\n            const isSynced = history?.sincronizado === true;\r\n            const canEdit = isFirst && isEditableType && isSynced;\r\n\r\n            return (\r\n              <TouchableOpacity\r\n                testID=\"step-indicator\"\r\n                activeOpacity={0.7}\r\n                key={history?.id}\r\n                style={styles({}).containerIndicator}\r\n                disabled={!canEdit}\r\n                onPress={() => handleOnPressActivitie(history, 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 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              </TouchableOpacity>\r\n            );\r\n          })}\r\n\r\n        {isModalVisible && (\r\n          <ModalChangeActivity\r\n            visible={isModalVisible}\r\n            modalConfirm={handleConfirmModal}\r\n            descricao=\"\"\r\n            onClose={() => setIsModalVisible(false)}\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 default StepIndicator;\r\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;;AAE3D;AACA,SAASC,KAAK,QAAQ,wBAAwB;;AAE9C;AACA,SAASC,iBAAiB,QAAQ,8BAA8B;;AAEhE;;AAGA;AACA,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,KAAK,QAAQ,0BAA0B;AAChD,SAASC,mBAAmB,QAAQ,iCAAiC;;AAErE;AACA;AACA;AACA,MAAMC,aAAuC,GAAGA,CAAC;EAC/CC,IAAI,GAAG,EAAE;EACTC,IAAI;EACJC,oBAAoB;EACpBC,UAAU;EACVC,gBAAgB;EAChBC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxB,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGnB,KAAK,CAACoB,QAAQ,CAAC,KAAK,CAAC;IACjE,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGtB,KAAK,CAACoB,QAAQ,CAAgB,IAAI,CAAC;IACnF,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAGxB,KAAK,CAACoB,QAAQ,CAACT,IAAI,CAAC;IAEpD,MAAMc,sBAAsB,GAAGA,CAACC,QAAa,EAAEC,KAAa,KAAK;MAAA,IAAAC,mBAAA,EAAAC,qBAAA;MAC/D,MAAMC,IAAI,GAAGJ,QAAQ,aAARA,QAAQ,gBAAAE,mBAAA,GAARF,QAAQ,CAAEK,SAAS,cAAAH,mBAAA,gBAAAC,qBAAA,GAAnBD,mBAAA,CAAqBI,WAAW,cAAAH,qBAAA,uBAAhCA,qBAAA,CAAAI,IAAA,CAAAL,mBAAmC,CAAC;MACjD,IAAI,CAACE,IAAI,EAAE;MAEX,MAAMI,UAAU,GAAG,CAAC,UAAU,EAAE,UAAU,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,CAACC,QAAQ,CACxFL,IAAI,CAACM,OAAO,CAAC,MAAM,EAAE,GAAG,CAC1B,CAAC;MAED,IAAIF,UAAU,IAAI,CAAAR,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEW,YAAY,MAAK,IAAI,EAAE;QACjDf,mBAAmB,CAACK,KAAK,CAAC;QAC1BR,iBAAiB,CAAC,IAAI,CAAC;MACzB;IACF,CAAC;IAED,MAAMmB,kBAAkB,GAAIC,OAAsD,IAAK;MACrF,IAAIlB,gBAAgB,KAAK,IAAI,EAAE;QAC7B,MAAMmB,WAAW,GAAG;UAClB,GAAGjB,QAAQ,CAACF,gBAAgB,CAAC;UAC7BU,SAAS,EAAEQ,OAAO,CAACE,KAAK;UACxBC,UAAU,EAAEH,OAAO,CAACI,KAAK;UACzBC,oBAAoB,EAAEL,OAAO,CAACM;QAChC,CAAC;QAED,MAAMC,QAAQ,GAAGvB,QAAQ,CAACwB,GAAG,CAAC,CAACC,IAAI,EAAErB,KAAK,KACxCA,KAAK,KAAKN,gBAAgB,GAAGmB,WAAW,GAAGQ,IAC7C,CAAC;QAEDxB,WAAW,CAACsB,QAAe,CAAC;QAE5B,IAAI9B,gBAAgB,EAAE;UACpBA,gBAAgB,CAACwB,WAAW,CAAC;QAC/B;MACF;MAEArB,iBAAiB,CAAC,KAAK,CAAC;MACxBG,mBAAmB,CAAC,IAAI,CAAC;IAC3B,CAAC;IAED,oBACEtB,KAAA,CAAAiD,aAAA,CAAAjD,KAAA,CAAAkD,QAAA,QACG3B,QAAQ,CAAC4B,MAAM,GAAG,CAAC,IAClB5B,QAAQ,CAACwB,GAAG,CAAC,CAACK,OAAO,EAAEzB,KAAK,KAAK;MAC/B,MAAM0B,OAAO,GAAG1B,KAAK,KAAK,CAAC;MAC3B,MAAM2B,cAAc,GAAGF,OAAO,CAACG,IAAI,KAAK,UAAU;MAClD,MAAMC,QAAQ,GAAG,CAAAJ,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEf,YAAY,MAAK,IAAI;MAC/C,MAAMoB,OAAO,GAAGJ,OAAO,IAAIC,cAAc,IAAIE,QAAQ;MAErD,oBACExD,KAAA,CAAAiD,aAAA,CAAC9C,gBAAgB;QACfuD,MAAM,EAAC,gBAAgB;QACvBC,aAAa,EAAE,GAAI;QACnBd,GAAG,EAAEO,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEQ,EAAG;QACjBC,KAAK,EAAEvD,MAAM,CAAC,CAAC,CAAC,CAAC,CAACwD,kBAAmB;QACrCC,QAAQ,EAAE,CAACN,OAAQ;QACnBO,OAAO,EAAEA,CAAA,KAAMvC,sBAAsB,CAAC2B,OAAO,EAAEzB,KAAK;MAAE,gBAEtD3B,KAAA,CAAAiD,aAAA,CAAChD,IAAI;QAAC4D,KAAK,EAAEvD,MAAM,CAAC;UAAE+B,YAAY,EAAEe,OAAO,CAACf;QAAa,CAAC,CAAC,CAAC4B;MAAc,GACvE1C,QAAQ,CAAC4B,MAAM,GAAG,CAAC,IAAIxB,KAAK,GAAGJ,QAAQ,CAAC4B,MAAM,GAAG,CAAC,iBACjDnD,KAAA,CAAAiD,aAAA,CAAChD,IAAI;QACH4D,KAAK,EAAE;UACLK,KAAK,EAAE,CAAC;UACRC,MAAM,EAAE,EAAE;UACVC,SAAS,EAAE,GAAG;UACdC,QAAQ,EAAE,UAAU;UACpBC,eAAe,EAAElB,OAAO,CAACf,YAAY,GACjC7B,KAAK,CAAC+D,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,GACtBhE,KAAK,CAAC+D,MAAM,CAACE,MAAM,CAAC,GAAG;QAC7B;MAAE,CACH,CACF,eACDzE,KAAA,CAAAiD,aAAA,CAAC/C,IAAI;QAAC2D,KAAK,EAAEvD,MAAM,CAAC;UAAES;QAAiB,CAAC,CAAC,CAAC2D;MAAY,GACnDnD,QAAQ,CAAC4B,MAAM,GAAGxB,KACf,CACF,CAAC,eAEP3B,KAAA,CAAAiD,aAAA,CAAChD,IAAI;QAAC4D,KAAK,EAAEvD,MAAM,CAAC,CAAC,CAAC,CAAC,CAACqE;MAAc,gBACpC3E,KAAA,CAAAiD,aAAA,CAAC/C,IAAI;QAAC2D,KAAK,EAAEvD,MAAM,CAAC;UAAEQ;QAAW,CAAC,CAAC,CAAC8D;MAAM,GAAExB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAErB,SAAgB,CAAC,EAErE,CAAAqB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEyB,WAAW,kBACnB7E,KAAA,CAAAiD,aAAA,CAAC/C,IAAI;QAAC2D,KAAK,EAAEvD,MAAM,CAAC;UAAEO;QAAqB,CAAC,CAAC,CAACiE;MAAiB,GAC5D,WAAW1B,OAAO,CAACyB,WAAW,OAAOzB,OAAO,CAAC2B,QAAQ,EAClD,CACP,EAEA3B,OAAO,CAAC4B,gBAAgB,iBACvBhF,KAAA,CAAAiD,aAAA,CAAC/C,IAAI;QAAC2D,KAAK,EAAEvD,MAAM,CAAC;UAAEO;QAAqB,CAAC,CAAC,CAACiE;MAAiB,GAAC,iBACrD,EAACvE,eAAe,CAAC6C,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAE4B,gBAA0B,CACzD,CAEJ,CACU,CAAC;IAEvB,CAAC,CAAC,EAEH9D,cAAc,iBACblB,KAAA,CAAAiD,aAAA,CAACxC,mBAAmB;MAClBwE,OAAO,EAAE/D,cAAe;MACxBgE,YAAY,EAAE5C,kBAAmB;MACjCP,SAAS,EAAC,EAAE;MACZoD,OAAO,EAAEA,CAAA,KAAMhE,iBAAiB,CAAC,KAAK;IAAE,CACzC,CAEH,CAAC;EAEP,CAAC;EAED,MAAMiE,UAAU,GAAGA,CAAA,KAAM;IACvB,oBACEpF,KAAA,CAAAiD,aAAA,CAAChD,IAAI;MACH4D,KAAK,EAAE;QACLK,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVkB,iBAAiB,EAAE,EAAE;QACrBC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE;MACjB;IAAE,GAED5E,IAAI,CAACoC,GAAG,CAAC,CAACyC,IAAI,EAAEC,WAAW,KAAK;MAC/B,MAAM1D,SAAS,GAAG1B,iBAAiB,CAACmF,IAAI,CAACzD,SAAS,CAAC;MAEnD,oBACE/B,KAAA,CAAAiD,aAAA,CAACjD,KAAK,CAACkD,QAAQ;QAACL,GAAG,EAAE,QAAQ4C,WAAW;MAAG,gBACzCzF,KAAA,CAAAiD,aAAA,CAAChD,IAAI;QACH4D,KAAK,EAAE;UACLK,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE,EAAE;UACVG,eAAe,EAAEmB,WAAW,IAAI,CAAC,GAAG,QAAQ,GAAG,aAAa;UAC5DC,YAAY,EAAE,EAAE;UAChBC,UAAU,EAAE,QAAQ;UACpBC,cAAc,EAAE,QAAQ;UACxBC,WAAW,EAAE,CAAC;UACdC,WAAW,EAAE;QACf;MAAE,gBAEF9F,KAAA,CAAAiD,aAAA,CAAChD,IAAI;QACH4D,KAAK,EAAE;UACLK,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE,EAAE;UACVG,eAAe,EAAE,aAAa;UAC9BoB,YAAY,EAAE,EAAE;UAChBC,UAAU,EAAE,QAAQ;UACpBC,cAAc,EAAE;QAClB;MAAE,GAED7D,SAAS,iBAAI/B,KAAA,CAAAiD,aAAA,CAAC7C,KAAK;QAAC2F,IAAI,EAAEhE;MAAU,CAAE,CACnC,CAAC,eACP/B,KAAA,CAAAiD,aAAA,CAAC/C,IAAI;QACH2D,KAAK,EAAE;UACLQ,QAAQ,EAAE,UAAU;UACpB2B,GAAG,EAAE,EAAE;UACPC,UAAU,EAAE,KAAK;UACjBC,QAAQ,EAAE,EAAE;UACZC,UAAU,EAAE,EAAE;UACdC,SAAS,EAAE,QAAQ;UACnBC,KAAK,EAAE,MAAM;UACbnC,KAAK,EAAE;QACT;MAAE,GAEDsB,IAAI,CAACzD,SACF,CACF,CAAC,EAEN,CAAApB,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEwC,MAAM,IAAG,CAAC,IAAIsC,WAAW,GAAG,CAAA9E,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEwC,MAAM,IAAG,CAAC,iBACjDnD,KAAA,CAAAiD,aAAA,CAAChD,IAAI;QACH4D,KAAK,EAAE;UACLK,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE,CAAC;UACTC,SAAS,EAAE,EAAE;UACbC,QAAQ,EAAE,UAAU;UACpBC,eAAe,EAAE;QACnB;MAAE,CACH,CAEW,CAAC;IAErB,CAAC,CACG,CAAC;EAEX,CAAC;EAED,MAAMgC,qBAAqB,GAAIC,QAA8B,IAAK;IAChE,QAAQA,QAAQ;MACd,KAAK,SAAS;QACZ,oBAAOvG,KAAA,CAAAiD,aAAA,CAAChC,WAAW,MAAE,CAAC;MACxB,KAAK,QAAQ;QACX,oBAAOjB,KAAA,CAAAiD,aAAA,CAACmC,UAAU,MAAE,CAAC;MACvB;QACE,oBAAOpF,KAAA,CAAAiD,aAAA,CAAChD,IAAI,MAAE,CAAC;IACnB;EACF,CAAC;EAED,oBAAOD,KAAA,CAAAiD,aAAA,CAAAjD,KAAA,CAAAkD,QAAA,QAAGoD,qBAAqB,CAAC1F,IAAK,CAAI,CAAC;AAC5C,CAAC;;AAED;AACA;AACA;AACA,eAAeF,aAAa","ignoreList":[]}

package/lib/module/index.js

@@ -1,5 +1,5 @@
-/**
- * EXPORTS
+/**
+ * EXPORTS
  */
 
 // Components
@@ -10,7 +10,7 @@ export { Typography } from "./components/typography";
 export { Input } from "./components/input";
 export { CapturePhoto } from "./components/capture-photo";
 export { CardHours } from "./components/card-hours";
-export { SelectOption } from "./components/selects/select-option";
+export { default as SelectOption } from "./components/selects/select-option";
 export { Header } from "./components/header-profile";
 export { ScheduledJourneyIndicators } from "./components/scheduled-journey-indicators";
 export { CardScheduledJourney } from "./components/card-scheduled-journey";
@@ -33,9 +33,14 @@ export { HistoryDetails } from "./components/history-details";
 export { ActivitiesDaily } from "./components/activities-daily";
 export { ActivitiesProgress } from "./components/activities-progress";
 export { ProfileMenuOption } from "./components/profile-menu-option";
-export { ModalActivities } from "./components/modal-activities";
+export { ModalActivities } from "./components/modals/modal-activities";
 export { HistoryActivitiesCard } from "./components/history-activities-card";
-export { ModalChangeActivity } from "./components/modal-change-activity";
+export { ModalChangeActivity } from "./components/modals/modal-change-activity";
+export { default as ModalActivityReason } from "./components/modals/modal-activity-reason";
+export { default as InputTextCounter } from "./components/input-text-counter";
+export { default as ModalCreteActivitie } from "./components/modal-create-activitie";
+export { default as ModalJourneyRectification } from "./components/modal-journey-rectification";
+export { default as ActivityTimeline } from "./components/activity-timeline";
 
 // Utilities
 export { multiply } from "./utils/mutiply";

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","Box","Button","StepIndicator","Typography","Input","CapturePhoto","CardHours","SelectOption","Header","ScheduledJourneyIndicators","CardScheduledJourney","UserProfile","MenuItem","CardLoading","CardWorkSession","LoadingProgress","NoData","FilterJourney","Coil","FilterDateSelector","CardHistory","NotificationLoading","CheckBox","ImageCaptureWithRemove","LoadingDetails","AvatarProfile","HistoryDetails","ActivitiesDaily","ActivitiesProgress","ProfileMenuOption","ModalActivities","HistoryActivitiesCard","ModalChangeActivity","multiply","formatDate","getLastSevenDays","formHoursMinute","theme"],"sources":["index.ts"],"sourcesContent":["/**\n * EXPORTS\n */\n\n// Components\nexport { default as Box } from \"./components/box\";\nexport { Button } from \"./components/button\";\nexport { default as StepIndicator } from \"./components/step-indicator\";\nexport { Typography } from \"./components/typography\";\nexport { Input } from \"./components/input\";\nexport { CapturePhoto } from \"./components/capture-photo\";\nexport { CardHours } from \"./components/card-hours\";\nexport { SelectOption } from \"./components/selects/select-option\";\nexport { Header } from \"./components/header-profile\";\nexport { ScheduledJourneyIndicators } from \"./components/scheduled-journey-indicators\";\nexport { CardScheduledJourney } from \"./components/card-scheduled-journey\";\nexport { UserProfile } from \"./components/user-profile\";\nexport { MenuItem } from \"./components/menu-item\";\nexport { CardLoading } from \"./components/card-loading\";\nexport { CardWorkSession } from \"./components/card-work-session\";\nexport { LoadingProgress } from \"./components/loading-progress\";\nexport { NoData } from \"./components/no-data\";\nexport { FilterJourney } from \"./components/filter-journey\";\nexport { Coil } from \"./components/coil\";\nexport { FilterDateSelector } from \"./components/filter-date-selector\";\nexport { CardHistory } from \"./components/card-history\";\nexport { NotificationLoading } from \"./components/notification-loading\";\nexport { CheckBox } from \"./components/check-box\";\nexport { ImageCaptureWithRemove } from \"./components/image-capture-with-remove\";\nexport { LoadingDetails } from \"./components/loading-details\";\nexport { AvatarProfile } from \"./components/avatar-profile\";\nexport { HistoryDetails } from \"./components/history-details\";\nexport { ActivitiesDaily } from \"./components/activities-daily\";\nexport { ActivitiesProgress } from \"./components/activities-progress\";\nexport { ProfileMenuOption } from \"./components/profile-menu-option\";\nexport { ModalActivities } from \"./components/modal-activities\";\nexport { HistoryActivitiesCard } from \"./components/history-activities-card\";\nexport { ModalChangeActivity } from \"./components/modal-change-activity\";\n\n// Utilities\nexport { multiply } from \"./utils/mutiply\";\nexport { formatDate, getLastSevenDays, formHoursMinute } from \"./utils/format-data\";\n\n// Styles\nexport { theme } from \"./styles/theme/theme\";\n"],"mappings":"AAAA;AACA;AACA;;AAEA;AACA,SAASA,OAAO,IAAIC,GAAG,QAAQ,kBAAkB;AACjD,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASF,OAAO,IAAIG,aAAa,QAAQ,6BAA6B;AACtE,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,YAAY,QAAQ,4BAA4B;AACzD,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASC,YAAY,QAAQ,oCAAoC;AACjE,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,0BAA0B,QAAQ,2CAA2C;AACtF,SAASC,oBAAoB,QAAQ,qCAAqC;AAC1E,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,eAAe,QAAQ,+BAA+B;AAC/D,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,kBAAkB,QAAQ,mCAAmC;AACtE,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,mBAAmB,QAAQ,mCAAmC;AACvE,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,sBAAsB,QAAQ,wCAAwC;AAC/E,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,eAAe,QAAQ,+BAA+B;AAC/D,SAASC,kBAAkB,QAAQ,kCAAkC;AACrE,SAASC,iBAAiB,QAAQ,kCAAkC;AACpE,SAASC,eAAe,QAAQ,+BAA+B;AAC/D,SAASC,qBAAqB,QAAQ,sCAAsC;AAC5E,SAASC,mBAAmB,QAAQ,oCAAoC;;AAExE;AACA,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,UAAU,EAAEC,gBAAgB,EAAEC,eAAe,QAAQ,qBAAqB;;AAEnF;AACA,SAASC,KAAK,QAAQ,sBAAsB","ignoreList":[]}
+{"version":3,"names":["default","Box","Button","StepIndicator","Typography","Input","CapturePhoto","CardHours","SelectOption","Header","ScheduledJourneyIndicators","CardScheduledJourney","UserProfile","MenuItem","CardLoading","CardWorkSession","LoadingProgress","NoData","FilterJourney","Coil","FilterDateSelector","CardHistory","NotificationLoading","CheckBox","ImageCaptureWithRemove","LoadingDetails","AvatarProfile","HistoryDetails","ActivitiesDaily","ActivitiesProgress","ProfileMenuOption","ModalActivities","HistoryActivitiesCard","ModalChangeActivity","ModalActivityReason","InputTextCounter","ModalCreteActivitie","ModalJourneyRectification","ActivityTimeline","multiply","formatDate","getLastSevenDays","formHoursMinute","theme"],"sources":["index.ts"],"sourcesContent":["/**\r\n * EXPORTS\r\n */\r\n\r\n// Components\r\nexport { default as Box } from \"./components/box\";\r\nexport { Button } from \"./components/button\";\r\nexport { default as StepIndicator } from \"./components/step-indicator\";\r\nexport { Typography } from \"./components/typography\";\r\nexport { Input } from \"./components/input\";\r\nexport { CapturePhoto } from \"./components/capture-photo\";\r\nexport { CardHours } from \"./components/card-hours\";\r\nexport { default as SelectOption } from \"./components/selects/select-option\";\r\nexport { Header } from \"./components/header-profile\";\r\nexport { ScheduledJourneyIndicators } from \"./components/scheduled-journey-indicators\";\r\nexport { CardScheduledJourney } from \"./components/card-scheduled-journey\";\r\nexport { UserProfile } from \"./components/user-profile\";\r\nexport { MenuItem } from \"./components/menu-item\";\r\nexport { CardLoading } from \"./components/card-loading\";\r\nexport { CardWorkSession } from \"./components/card-work-session\";\r\nexport { LoadingProgress } from \"./components/loading-progress\";\r\nexport { NoData } from \"./components/no-data\";\r\nexport { FilterJourney } from \"./components/filter-journey\";\r\nexport { Coil } from \"./components/coil\";\r\nexport { FilterDateSelector } from \"./components/filter-date-selector\";\r\nexport { CardHistory } from \"./components/card-history\";\r\nexport { NotificationLoading } from \"./components/notification-loading\";\r\nexport { CheckBox } from \"./components/check-box\";\r\nexport { ImageCaptureWithRemove } from \"./components/image-capture-with-remove\";\r\nexport { LoadingDetails } from \"./components/loading-details\";\r\nexport { AvatarProfile } from \"./components/avatar-profile\";\r\nexport { HistoryDetails } from \"./components/history-details\";\r\nexport { ActivitiesDaily } from \"./components/activities-daily\";\r\nexport { ActivitiesProgress } from \"./components/activities-progress\";\r\nexport { ProfileMenuOption } from \"./components/profile-menu-option\";\r\nexport { ModalActivities } from \"./components/modals/modal-activities\";\r\nexport { HistoryActivitiesCard } from \"./components/history-activities-card\";\r\nexport { ModalChangeActivity } from \"./components/modals/modal-change-activity\";\r\nexport { default as ModalActivityReason } from \"./components/modals/modal-activity-reason\";\r\nexport { default as InputTextCounter } from \"./components/input-text-counter\";\r\nexport { default as ModalCreteActivitie } from \"./components/modal-create-activitie\";\r\nexport { default as ModalJourneyRectification } from \"./components/modal-journey-rectification\";\r\nexport { default as ActivityTimeline } from \"./components/activity-timeline\";\r\n\r\n// Utilities\r\nexport { multiply } from \"./utils/mutiply\";\r\nexport { formatDate, getLastSevenDays, formHoursMinute } from \"./utils/format-data\";\r\n\r\n// Styles\r\nexport { theme } from \"./styles/theme/theme\";\r\n"],"mappings":"AAAA;AACA;AACA;;AAEA;AACA,SAASA,OAAO,IAAIC,GAAG,QAAQ,kBAAkB;AACjD,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASF,OAAO,IAAIG,aAAa,QAAQ,6BAA6B;AACtE,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,YAAY,QAAQ,4BAA4B;AACzD,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASP,OAAO,IAAIQ,YAAY,QAAQ,oCAAoC;AAC5E,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,0BAA0B,QAAQ,2CAA2C;AACtF,SAASC,oBAAoB,QAAQ,qCAAqC;AAC1E,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,eAAe,QAAQ,+BAA+B;AAC/D,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,kBAAkB,QAAQ,mCAAmC;AACtE,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,mBAAmB,QAAQ,mCAAmC;AACvE,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,sBAAsB,QAAQ,wCAAwC;AAC/E,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,eAAe,QAAQ,+BAA+B;AAC/D,SAASC,kBAAkB,QAAQ,kCAAkC;AACrE,SAASC,iBAAiB,QAAQ,kCAAkC;AACpE,SAASC,eAAe,QAAQ,sCAAsC;AACtE,SAASC,qBAAqB,QAAQ,sCAAsC;AAC5E,SAASC,mBAAmB,QAAQ,2CAA2C;AAC/E,SAASjC,OAAO,IAAIkC,mBAAmB,QAAQ,2CAA2C;AAC1F,SAASlC,OAAO,IAAImC,gBAAgB,QAAQ,iCAAiC;AAC7E,SAASnC,OAAO,IAAIoC,mBAAmB,QAAQ,qCAAqC;AACpF,SAASpC,OAAO,IAAIqC,yBAAyB,QAAQ,0CAA0C;AAC/F,SAASrC,OAAO,IAAIsC,gBAAgB,QAAQ,gCAAgC;;AAE5E;AACA,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,UAAU,EAAEC,gBAAgB,EAAEC,eAAe,QAAQ,qBAAqB;;AAEnF;AACA,SAASC,KAAK,QAAQ,sBAAsB","ignoreList":[]}

package/lib/module/stories/activity-timeline/activity-timeline.stories.js

@@ -0,0 +1,75 @@
+import ActivityTimeline from "../../components/activity-timeline";
+const sampleData = [{
+  id: 1,
+  title: "Operação com veículo",
+  date: "24/03/2025",
+  time: "08:00"
+}, {
+  id: 2,
+  title: "Refeição",
+  date: "24/03/2025",
+  time: "12:30"
+}, {
+  id: 3,
+  title: "Aguardando carga",
+  date: "24/03/2025",
+  time: "14:00",
+  invalid: true
+}, {
+  id: 4,
+  title: "Descanso",
+  date: "24/03/2025",
+  time: "18:45"
+}];
+const meta = {
+  title: "componente/ActivityTimeline",
+  component: ActivityTimeline,
+  args: {
+    data: sampleData,
+    showIndexBadge: true,
+    onAdd: item => console.log("onAdd", item),
+    onEdit: item => console.log("onEdit", item),
+    onDelete: item => console.log("onDelete", item)
+  },
+  parameters: {
+    notes: `
+# ActivityTimeline
+
+Lista de atividades com ações de adicionar, editar e excluir.
+
+Exemplo de uso:
+
+\`\`\`tsx
+<ActivityTimeline
+  data={data}
+  showIndexBadge
+  onAdd={(item) => console.log('onAdd', item)}
+  onEdit={(item) => console.log('onEdit', item)}
+  onDelete={(item) => console.log('onDelete', item)}
+/>
+\`\`\`
+    `
+  }
+};
+export default meta;
+export const Padrao = {
+  name: "activity-timeline-padrao",
+  args: {
+    data: sampleData,
+    showIndexBadge: true
+  }
+};
+export const SemBadge = {
+  name: "activity-timeline-sem-badge",
+  args: {
+    data: sampleData,
+    showIndexBadge: false
+  }
+};
+export const ListaVazia = {
+  name: "activity-timeline-lista-vazia",
+  args: {
+    data: []
+  }
+};
+//# sourceMappingURL=activity-timeline.stories.js.map

package/lib/module/stories/activity-timeline/activity-timeline.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityTimeline","sampleData","id","title","date","time","invalid","meta","component","args","data","showIndexBadge","onAdd","item","console","log","onEdit","onDelete","parameters","notes","Padrao","name","SemBadge","ListaVazia"],"sources":["activity-timeline.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\r\nimport ActivityTimeline from \"../../components/activity-timeline\";\r\n\r\nimport type { ActivityItemModel } from \"../../components/activity-timeline/interface\";\r\n\r\nconst sampleData: ActivityItemModel[] = [\r\n  {\r\n    id: 1,\r\n    title: \"Operação com veículo\",\r\n    date: \"24/03/2025\",\r\n    time: \"08:00\",\r\n  },\r\n  {\r\n    id: 2,\r\n    title: \"Refeição\",\r\n    date: \"24/03/2025\",\r\n    time: \"12:30\",\r\n  },\r\n  {\r\n    id: 3,\r\n    title: \"Aguardando carga\",\r\n    date: \"24/03/2025\",\r\n    time: \"14:00\",\r\n    invalid: true,\r\n  },\r\n  {\r\n    id: 4,\r\n    title: \"Descanso\",\r\n    date: \"24/03/2025\",\r\n    time: \"18:45\",\r\n  },\r\n];\r\n\r\nconst meta: Meta<typeof ActivityTimeline> = {\r\n  title: \"componente/ActivityTimeline\",\r\n  component: ActivityTimeline,\r\n  args: {\r\n    data: sampleData,\r\n    showIndexBadge: true,\r\n    onAdd: (item: ActivityItemModel) => console.log(\"onAdd\", item),\r\n    onEdit: (item: ActivityItemModel) => console.log(\"onEdit\", item),\r\n    onDelete: (item: ActivityItemModel) => console.log(\"onDelete\", item),\r\n  },\r\n  parameters: {\r\n    notes: `\r\n# ActivityTimeline\r\n\r\nLista de atividades com ações de adicionar, editar e excluir.\r\n\r\nExemplo de uso:\r\n\r\n\\`\\`\\`tsx\r\n<ActivityTimeline\r\n  data={data}\r\n  showIndexBadge\r\n  onAdd={(item) => console.log('onAdd', item)}\r\n  onEdit={(item) => console.log('onEdit', item)}\r\n  onDelete={(item) => console.log('onDelete', item)}\r\n/>\r\n\\`\\`\\`\r\n    `,\r\n  },\r\n};\r\n\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const Padrao: Story = {\r\n  name: \"activity-timeline-padrao\",\r\n  args: {\r\n    data: sampleData,\r\n    showIndexBadge: true,\r\n  },\r\n};\r\n\r\nexport const SemBadge: Story = {\r\n  name: \"activity-timeline-sem-badge\",\r\n  args: {\r\n    data: sampleData,\r\n    showIndexBadge: false,\r\n  },\r\n};\r\n\r\nexport const ListaVazia: Story = {\r\n  name: \"activity-timeline-lista-vazia\",\r\n  args: {\r\n    data: [],\r\n  },\r\n};"],"mappings":"AACA,OAAOA,gBAAgB,MAAM,oCAAoC;AAIjE,MAAMC,UAA+B,GAAG,CACtC;EACEC,EAAE,EAAE,CAAC;EACLC,KAAK,EAAE,sBAAsB;EAC7BC,IAAI,EAAE,YAAY;EAClBC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,EAAE,EAAE,CAAC;EACLC,KAAK,EAAE,UAAU;EACjBC,IAAI,EAAE,YAAY;EAClBC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,EAAE,EAAE,CAAC;EACLC,KAAK,EAAE,kBAAkB;EACzBC,IAAI,EAAE,YAAY;EAClBC,IAAI,EAAE,OAAO;EACbC,OAAO,EAAE;AACX,CAAC,EACD;EACEJ,EAAE,EAAE,CAAC;EACLC,KAAK,EAAE,UAAU;EACjBC,IAAI,EAAE,YAAY;EAClBC,IAAI,EAAE;AACR,CAAC,CACF;AAED,MAAME,IAAmC,GAAG;EAC1CJ,KAAK,EAAE,6BAA6B;EACpCK,SAAS,EAAER,gBAAgB;EAC3BS,IAAI,EAAE;IACJC,IAAI,EAAET,UAAU;IAChBU,cAAc,EAAE,IAAI;IACpBC,KAAK,EAAGC,IAAuB,IAAKC,OAAO,CAACC,GAAG,CAAC,OAAO,EAAEF,IAAI,CAAC;IAC9DG,MAAM,EAAGH,IAAuB,IAAKC,OAAO,CAACC,GAAG,CAAC,QAAQ,EAAEF,IAAI,CAAC;IAChEI,QAAQ,EAAGJ,IAAuB,IAAKC,OAAO,CAACC,GAAG,CAAC,UAAU,EAAEF,IAAI;EACrE,CAAC;EACDK,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAED,eAAeZ,IAAI;AAInB,OAAO,MAAMa,MAAa,GAAG;EAC3BC,IAAI,EAAE,0BAA0B;EAChCZ,IAAI,EAAE;IACJC,IAAI,EAAET,UAAU;IAChBU,cAAc,EAAE;EAClB;AACF,CAAC;AAED,OAAO,MAAMW,QAAe,GAAG;EAC7BD,IAAI,EAAE,6BAA6B;EACnCZ,IAAI,EAAE;IACJC,IAAI,EAAET,UAAU;IAChBU,cAAc,EAAE;EAClB;AACF,CAAC;AAED,OAAO,MAAMY,UAAiB,GAAG;EAC/BF,IAAI,EAAE,+BAA+B;EACrCZ,IAAI,EAAE;IACJC,IAAI,EAAE;EACR;AACF,CAAC","ignoreList":[]}