react-native-exp-fig 0.1.27 → 0.1.28

package/lib/commonjs/components/activity-timeline/components/activite-row/index.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _typography = require("../../../../components/typography");
+var _iconsSvg = require("../../../../common/icons-svg");
+var _asBaseComponent = require("../../../../@types/as-base-component");
+var _theme = require("../../../../styles/theme/theme");
+var _styles = require("../../styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * IMPORTS
+ */
+
+// components
+
+// commons / svg
+
+// typings
+
+// styles
+
+/**
+ * Componente ActivityRows para a interação da ui.
+ */
+const ActivityRows = /*#__PURE__*/(0, _react.forwardRef)(({
+  index,
+  activities,
+  items,
+  onAdd,
+  onEdit,
+  onDelete
+}, ref) => {
+  var _activities$date, _activities$time, _activities$title;
+  const handleAdd = (0, _react.useCallback)(() => onAdd(activities), [onAdd, activities]);
+  const handleEdit = (0, _react.useCallback)(() => onEdit(activities), [onEdit, activities]);
+  const handleDelete = (0, _react.useCallback)(() => onDelete(activities), [onDelete, activities]);
+  const isInvalid = !!activities.invalid;
+  const dateText = activities.date instanceof Date ? `${String(activities.date.getDate()).padStart(2, "0")}/${String(activities.date.getMonth() + 1).padStart(2, "0")}/${activities.date.getFullYear()}` : String((_activities$date = activities.date) !== null && _activities$date !== void 0 ? _activities$date : "");
+  const timeText = activities.time instanceof Date ? `${String(activities.time.getHours()).padStart(2, "0")}:${String(activities.time.getMinutes()).padStart(2, "0")}` : String((_activities$time = activities.time) !== null && _activities$time !== void 0 ? _activities$time : "");
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    ref: ref,
+    style: _styles.styles.row
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _styles.styles.badge
+  }, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
+    text: String(index + 1),
+    color: _theme.theme.colors.neutral[25],
+    size: _theme.theme.fontSizes.sm,
+    fontFamily: _theme.theme.fonts.inter_bold_700
+  })), Boolean(index !== (items === null || items === void 0 ? void 0 : items.length) - 1) && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      width: 2,
+      height: 76,
+      backgroundColor: _theme.theme.colors.blue[500],
+      position: "absolute",
+      left: 21,
+      top: 60
+    }
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _styles.styles.card
+  }, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
+    numberOfLines: 1,
+    style: _styles.styles.title,
+    text: (_activities$title = activities.title) !== null && _activities$title !== void 0 ? _activities$title : "Não informada",
+    color: isInvalid ? _theme.theme.colors.red[900] : _theme.theme.colors.blue[500],
+    size: 14,
+    fontFamily: _theme.theme.fonts.inter_medium_500,
+    lineHeight: 34
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_styles.styles.pill, isInvalid ? _styles.styles.pillInvalid : _styles.styles.pillOk]
+  }, /*#__PURE__*/_react.default.createElement(_iconsSvg.Icons, {
+    icon: "CALENDAR",
+    size: 18,
+    color: isInvalid ? _theme.theme.colors.red[900] : _theme.theme.colors.blue[500]
+  }), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
+    text: dateText,
+    color: isInvalid ? _theme.theme.colors.red[800] : _theme.theme.colors.blue[400],
+    size: _theme.theme.fontSizes.xs,
+    fontFamily: _theme.theme.fonts.inter_medium_500
+  }), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
+    text: "|",
+    color: isInvalid ? _theme.theme.colors.red[800] : _theme.theme.colors.blue[400],
+    size: _theme.theme.fontSizes.sm,
+    style: _styles.styles.sep
+  }), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
+    text: timeText,
+    color: isInvalid ? _theme.theme.colors.red[800] : _theme.theme.colors.blue[500],
+    size: _theme.theme.fontSizes.xs,
+    fontFamily: _theme.theme.fonts.inter_medium_500
+  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _styles.styles.actions
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: _styles.styles.iconButton,
+    onPress: handleEdit,
+    testID: "edit-activity"
+  }, /*#__PURE__*/_react.default.createElement(_iconsSvg.Icons, {
+    icon: "NOTE_PINCEL",
+    size: 18,
+    color: _theme.theme.colors.blue[350]
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: _styles.styles.iconButton,
+    onPress: handleAdd,
+    testID: "add-after-activity"
+  }, /*#__PURE__*/_react.default.createElement(_iconsSvg.Icons, {
+    icon: "PLUS",
+    size: 18,
+    color: _theme.theme.colors.green[500]
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: _styles.styles.iconButton,
+    onPress: handleDelete,
+    testID: "delete-activity"
+  }, /*#__PURE__*/_react.default.createElement(_iconsSvg.Icons, {
+    icon: "X_CIRCLE",
+    size: 18,
+    color: _theme.theme.colors.red[900]
+  }))));
+});
+ActivityRows.displayName = "ActivityRows";
+
+/**
+ * EXPORTS
+ */
+var _default = exports.default = (0, _asBaseComponent.asBaseComponent)(ActivityRows);
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/activity-timeline/components/activite-row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_typography","_iconsSvg","_asBaseComponent","_theme","_styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ActivityRows","forwardRef","index","activities","items","onAdd","onEdit","onDelete","ref","_activities$date","_activities$time","_activities$title","handleAdd","useCallback","handleEdit","handleDelete","isInvalid","invalid","dateText","date","Date","String","getDate","padStart","getMonth","getFullYear","timeText","time","getHours","getMinutes","createElement","View","style","styles","row","badge","Typography","text","color","theme","colors","neutral","size","fontSizes","sm","fontFamily","fonts","inter_bold_700","Boolean","length","width","height","backgroundColor","blue","position","left","top","card","numberOfLines","title","red","inter_medium_500","lineHeight","pill","pillInvalid","pillOk","Icons","icon","xs","sep","actions","TouchableOpacity","iconButton","onPress","testID","green","displayName","_default","exports","asBaseComponent"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport React, { forwardRef, useCallback } from \"react\";\r\nimport { TouchableOpacity, View } from \"react-native\";\r\n\r\n// components\r\nimport { Typography } from \"../../../../components/typography\";\r\n\r\n// commons / svg\r\nimport { Icons } from \"../../../../common/icons-svg\";\r\n\r\n// typings\r\nimport type { IActivitieRowProps } from \"../../interface\";\r\nimport { asBaseComponent } from \"../../../../@types/as-base-component\";\r\n\r\n// styles\r\nimport { theme } from \"../../../../styles/theme/theme\";\r\nimport { styles } from \"../../styles\";\r\n\r\n/**\r\n * Componente ActivityRows para a interação da ui.\r\n */\r\nconst ActivityRows = forwardRef<any, IActivitieRowProps<any>>(\r\n  ({ index, activities, items, onAdd, onEdit, onDelete }, ref): React.ReactElement => {\r\n    const handleAdd = useCallback(() => onAdd(activities), [onAdd, activities]);\r\n    const handleEdit = useCallback(() => onEdit(activities), [onEdit, activities]);\r\n    const handleDelete = useCallback(() => onDelete(activities), [onDelete, activities]);\r\n\r\n    const isInvalid = !!activities.invalid;\r\n\r\n    const dateText =\r\n      activities.date instanceof Date\r\n        ? `${String(activities.date.getDate()).padStart(2, \"0\")}/${String(\r\n            activities.date.getMonth() + 1\r\n          ).padStart(2, \"0\")}/${activities.date.getFullYear()}`\r\n        : String(activities.date ?? \"\");\r\n\r\n    const timeText =\r\n      activities.time instanceof Date\r\n        ? `${String(activities.time.getHours()).padStart(2, \"0\")}:${String(\r\n            activities.time.getMinutes()\r\n          ).padStart(2, \"0\")}`\r\n        : String(activities.time ?? \"\");\r\n\r\n    return (\r\n      <View ref={ref} style={styles.row}>\r\n        <View style={styles.badge}>\r\n          <Typography\r\n            text={String(index + 1)}\r\n            color={theme.colors.neutral[25]}\r\n            size={theme.fontSizes.sm}\r\n            fontFamily={theme.fonts.inter_bold_700}\r\n          />\r\n        </View>\r\n\r\n        {Boolean(index !== items?.length - 1) && (\r\n          <View\r\n            style={{\r\n              width: 2,\r\n              height: 76,\r\n              backgroundColor: theme.colors.blue[500],\r\n              position: \"absolute\",\r\n              left: 21,\r\n              top: 60,\r\n            }}\r\n          />\r\n        )}\r\n\r\n        <View style={styles.card}>\r\n          <Typography\r\n            numberOfLines={1}\r\n            style={styles.title}\r\n            text={activities.title ?? \"Não informada\"}\r\n            color={isInvalid ? theme.colors.red[900] : theme.colors.blue[500]}\r\n            size={14}\r\n            fontFamily={theme.fonts.inter_medium_500}\r\n            lineHeight={34}\r\n          />\r\n\r\n          <View style={[styles.pill, isInvalid ? styles.pillInvalid : styles.pillOk]}>\r\n            <Icons\r\n              icon=\"CALENDAR\"\r\n              size={18}\r\n              color={isInvalid ? theme.colors.red[900] : theme.colors.blue[500]}\r\n            />\r\n            <Typography\r\n              text={dateText}\r\n              color={isInvalid ? theme.colors.red[800] : theme.colors.blue[400]}\r\n              size={theme.fontSizes.xs}\r\n              fontFamily={theme.fonts.inter_medium_500}\r\n            />\r\n            <Typography\r\n              text=\"|\"\r\n              color={isInvalid ? theme.colors.red[800] : theme.colors.blue[400]}\r\n              size={theme.fontSizes.sm}\r\n              style={styles.sep}\r\n            />\r\n            <Typography\r\n              text={timeText}\r\n              color={isInvalid ? theme.colors.red[800] : theme.colors.blue[500]}\r\n              size={theme.fontSizes.xs}\r\n              fontFamily={theme.fonts.inter_medium_500}\r\n            />\r\n          </View>\r\n        </View>\r\n\r\n        <View style={styles.actions}>\r\n          <TouchableOpacity style={styles.iconButton} onPress={handleEdit} testID=\"edit-activity\">\r\n            <Icons icon=\"NOTE_PINCEL\" size={18} color={theme.colors.blue[350]} />\r\n          </TouchableOpacity>\r\n\r\n          <TouchableOpacity style={styles.iconButton} onPress={handleAdd} testID=\"add-after-activity\">\r\n            {/* Não há PLUS_CONTAINER, usando PLUS como alternativa visual */}\r\n            <Icons icon=\"PLUS\" size={18} color={theme.colors.green[500]} />\r\n          </TouchableOpacity>\r\n\r\n          <TouchableOpacity style={styles.iconButton} onPress={handleDelete} testID=\"delete-activity\">\r\n            {/* Não há TRASH, usando X_CIRCLE como alternativa de remover */}\r\n            <Icons icon=\"X_CIRCLE\" size={18} color={theme.colors.red[900]} />\r\n          </TouchableOpacity>\r\n        </View>\r\n      </View>\r\n    );\r\n  }\r\n);\r\n\r\nActivityRows.displayName = \"ActivityRows\";\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport default asBaseComponent(ActivityRows);"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/activity-timeline/index.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _activiteRow = _interopRequireDefault(require("./components/activite-row"));
+var _asBaseComponent = require("../../@types/as-base-component");
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * IMPORTS
+ */
+
+// components
+
+// typings
+
+// styles
+
+/**
+ * Componente ActivityTimeline para a interação da ui.
+ */
+const ActivityTimeline = /*#__PURE__*/(0, _react.forwardRef)(({
+  data,
+  onAdd,
+  onEdit,
+  onDelete,
+  showIndexBadge = true,
+  testID = "activity-timeline"
+}, ref) => {
+  const keyExtractor = (0, _react.useCallback)(it => String(it.id), []);
+  const renderItem = (0, _react.useCallback)(({
+    item,
+    index
+  }) => /*#__PURE__*/_react.default.createElement(_activiteRow.default, {
+    index: index,
+    items: data,
+    activities: item,
+    onAdd: onAdd,
+    onEdit: onEdit,
+    onDelete: onDelete,
+    showIndexBadge: showIndexBadge
+  }), [onAdd, onEdit, onDelete, showIndexBadge]);
+  const getItemLayout = (0, _react.useCallback)((_, index) => ({
+    length: _styles.ROW_HEIGHT,
+    offset: _styles.ROW_HEIGHT * index,
+    index
+  }), []);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    ref: ref,
+    testID: testID,
+    data: data,
+    keyExtractor: keyExtractor,
+    renderItem: renderItem,
+    contentContainerStyle: _styles.styles.listContainer,
+    getItemLayout: getItemLayout,
+    initialNumToRender: 10,
+    maxToRenderPerBatch: 10,
+    removeClippedSubviews: true,
+    windowSize: 7,
+    ListEmptyComponent: /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        height: 8
+      }
+    })
+  });
+});
+
+/**
+ * EXPORTS
+ */
+var _default = exports.default = (0, _asBaseComponent.asBaseComponent)(ActivityTimeline);
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/activity-timeline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_activiteRow","_interopRequireDefault","_asBaseComponent","_styles","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ActivityTimeline","forwardRef","data","onAdd","onEdit","onDelete","showIndexBadge","testID","ref","keyExtractor","useCallback","it","String","id","renderItem","item","index","createElement","items","activities","getItemLayout","_","length","ROW_HEIGHT","offset","FlatList","contentContainerStyle","styles","listContainer","initialNumToRender","maxToRenderPerBatch","removeClippedSubviews","windowSize","ListEmptyComponent","View","style","height","_default","exports","asBaseComponent"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport React, { forwardRef, useCallback } from \"react\";\r\nimport { View, FlatList } from \"react-native\";\r\n\r\n// components\r\nimport ActivityRows from \"./components/activite-row\";\r\n\r\n// typings\r\nimport type { ActivityItemModel, ActivityTimelineProps } from \"./interface\";\r\nimport { asBaseComponent } from \"../../@types/as-base-component\";\r\n\r\n// styles\r\nimport { styles, ROW_HEIGHT } from \"./styles\";\r\n\r\n/**\r\n * Componente ActivityTimeline para a interação da ui.\r\n */\r\nconst ActivityTimeline = forwardRef<any, ActivityTimelineProps<any>>(\r\n  (\r\n    { data, onAdd, onEdit, onDelete, showIndexBadge = true, testID = \"activity-timeline\" },\r\n    ref\r\n  ): React.ReactElement => {\r\n    const keyExtractor = useCallback((it: ActivityItemModel) => String(it.id), []);\r\n\r\n    const renderItem = useCallback(\r\n      ({ item, index }: { item: ActivityItemModel; index: number }) => (\r\n        <ActivityRows\r\n          index={index}\r\n          items={data}\r\n          activities={item}\r\n          onAdd={onAdd}\r\n          onEdit={onEdit}\r\n          onDelete={onDelete}\r\n          showIndexBadge={showIndexBadge}\r\n        />\r\n      ),\r\n      [onAdd, onEdit, onDelete, showIndexBadge]\r\n    );\r\n\r\n    const getItemLayout = useCallback(\r\n      (_: any, index: number) => ({\r\n        length: ROW_HEIGHT,\r\n        offset: ROW_HEIGHT * index,\r\n        index,\r\n      }),\r\n      []\r\n    );\r\n    return (\r\n      <FlatList\r\n        ref={ref}\r\n        testID={testID}\r\n        data={data}\r\n        keyExtractor={keyExtractor}\r\n        renderItem={renderItem}\r\n        contentContainerStyle={styles.listContainer}\r\n        getItemLayout={getItemLayout}\r\n        initialNumToRender={10}\r\n        maxToRenderPerBatch={10}\r\n        removeClippedSubviews\r\n        windowSize={7}\r\n        ListEmptyComponent={<View style={{ height: 8 }} />}\r\n      />\r\n    );\r\n  }\r\n);\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport default asBaseComponent(ActivityTimeline);"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,YAAA,GAAAC,sBAAA,CAAAH,OAAA;AAIA,IAAAI,gBAAA,GAAAJ,OAAA;AAGA,IAAAK,OAAA,GAAAL,OAAA;AAA8C,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAd9C;AACA;AACA;;AAIA;;AAGA;;AAIA;;AAGA;AACA;AACA;AACA,MAAMW,gBAAgB,gBAAG,IAAAC,iBAAU,EACjC,CACE;EAAEC,IAAI;EAAEC,KAAK;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,cAAc,GAAG,IAAI;EAAEC,MAAM,GAAG;AAAoB,CAAC,EACtFC,GAAG,KACoB;EACvB,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAAEC,EAAqB,IAAKC,MAAM,CAACD,EAAE,CAACE,EAAE,CAAC,EAAE,EAAE,CAAC;EAE9E,MAAMC,UAAU,GAAG,IAAAJ,kBAAW,EAC5B,CAAC;IAAEK,IAAI;IAAEC;EAAkD,CAAC,kBAC1D5C,MAAA,CAAAU,OAAA,CAAAmC,aAAA,CAACzC,YAAA,CAAAM,OAAY;IACXkC,KAAK,EAAEA,KAAM;IACbE,KAAK,EAAEhB,IAAK;IACZiB,UAAU,EAAEJ,IAAK;IACjBZ,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA,QAAS;IACnBC,cAAc,EAAEA;EAAe,CAChC,CACF,EACD,CAACH,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,cAAc,CAC1C,CAAC;EAED,MAAMc,aAAa,GAAG,IAAAV,kBAAW,EAC/B,CAACW,CAAM,EAAEL,KAAa,MAAM;IAC1BM,MAAM,EAAEC,kBAAU;IAClBC,MAAM,EAAED,kBAAU,GAAGP,KAAK;IAC1BA;EACF,CAAC,CAAC,EACF,EACF,CAAC;EACD,oBACE5C,MAAA,CAAAU,OAAA,CAAAmC,aAAA,CAAC1C,YAAA,CAAAkD,QAAQ;IACPjB,GAAG,EAAEA,GAAI;IACTD,MAAM,EAAEA,MAAO;IACfL,IAAI,EAAEA,IAAK;IACXO,YAAY,EAAEA,YAAa;IAC3BK,UAAU,EAAEA,UAAW;IACvBY,qBAAqB,EAAEC,cAAM,CAACC,aAAc;IAC5CR,aAAa,EAAEA,aAAc;IAC7BS,kBAAkB,EAAE,EAAG;IACvBC,mBAAmB,EAAE,EAAG;IACxBC,qBAAqB;IACrBC,UAAU,EAAE,CAAE;IACdC,kBAAkB,eAAE7D,MAAA,CAAAU,OAAA,CAAAmC,aAAA,CAAC1C,YAAA,CAAA2D,IAAI;MAACC,KAAK,EAAE;QAAEC,MAAM,EAAE;MAAE;IAAE,CAAE;EAAE,CACpD,CAAC;AAEN,CACF,CAAC;;AAED;AACA;AACA;AAFA,IAAAC,QAAA,GAAAC,OAAA,CAAAxD,OAAA,GAGe,IAAAyD,gCAAe,EAACvC,gBAAgB,CAAC","ignoreList":[]}

package/lib/commonjs/components/activity-timeline/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=interface.js.map

package/lib/commonjs/components/activity-timeline/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["interface.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport type { TouchableOpacityProps } from \"react-native\";\r\nimport type { SVG_NAME } from \"../../common/icons-svg/constants\";\r\n\r\n/**\r\n * TYPES\r\n */\r\ntype ActivityId = string | number;\r\n\r\ntype ActivityItemModel = {\r\n  id: ActivityId;\r\n  title: string; // \"Operação com veículo\", \"Refeição\", ...\r\n  date: Date | string; // pode vir Date ou string já formatada\r\n  time: Date | string; // idem\r\n  invalid?: boolean; // destaca em vermelho\r\n};\r\n\r\ntype IconName = keyof typeof SVG_NAME;\r\n\r\ntype OnActivity = (item: ActivityItemModel) => void;\r\n\r\ntype ActivityTimelineProps<T> = TouchableOpacityProps & {\r\n  data: T[];\r\n  onAdd: OnActivity; // add novo após o item\r\n  onEdit: OnActivity;\r\n  onDelete: OnActivity;\r\n  showIndexBadge?: boolean; // mostra o “3/4/5”\r\n  testID?: string;\r\n};\r\n\r\ntype IActivitieRowProps<T> = {\r\n  index: number;\r\n  activities: ActivityItemModel;\r\n  items: T[];\r\n  onAdd: OnActivity;\r\n  onEdit: OnActivity;\r\n  onDelete: OnActivity;\r\n  showIndexBadge?: boolean;\r\n};\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport type {\r\n  ActivityId,\r\n  ActivityItemModel,\r\n  IconName,\r\n  OnActivity,\r\n  ActivityTimelineProps,\r\n  IActivitieRowProps,\r\n};"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/activity-timeline/styles.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styles = exports.ROW_HEIGHT = void 0;
+var _reactNative = require("react-native");
+var _theme = require("../../styles/theme/theme");
+/**
+ * IMPORTS
+ */
+
+const ROW_HEIGHT = exports.ROW_HEIGHT = 72;
+const styles = exports.styles = _reactNative.StyleSheet.create({
+  listContainer: {
+    paddingVertical: 8
+  },
+  row: {
+    width: "100%",
+    minHeight: ROW_HEIGHT,
+    paddingVertical: 8,
+    paddingHorizontal: 8,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 6
+  },
+  badge: {
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    backgroundColor: _theme.theme.colors.blue[500],
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  card: {
+    flex: 1,
+    borderRadius: 10
+  },
+  title: {
+    marginBottom: 6
+  },
+  pill: {
+    flexDirection: "row",
+    alignItems: "center",
+    borderWidth: 1,
+    borderRadius: 10,
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    gap: 4
+  },
+  pillOk: {
+    backgroundColor: "#F3F3F5",
+    borderColor: "#C4D4E5"
+  },
+  pillInvalid: {
+    backgroundColor: "#FDE7E7",
+    borderColor: _theme.theme.colors.red[900]
+  },
+  sep: {
+    marginHorizontal: 8,
+    opacity: 0.5
+  },
+  actions: {
+    flexDirection: "row",
+    gap: 8
+  },
+  iconButton: {
+    width: 36,
+    height: 36,
+    borderRadius: 8,
+    backgroundColor: _theme.theme.colors.neutral[25],
+    borderWidth: 1,
+    borderColor: _theme.theme.colors.neutral[200],
+    alignItems: "center",
+    justifyContent: "center",
+    marginTop: 36
+  }
+});
+
+/**
+ * EXPORTS
+ */
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/activity-timeline/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_theme","ROW_HEIGHT","exports","styles","StyleSheet","create","listContainer","paddingVertical","row","width","minHeight","paddingHorizontal","flexDirection","alignItems","justifyContent","gap","badge","height","borderRadius","backgroundColor","theme","colors","blue","card","flex","title","marginBottom","pill","borderWidth","pillOk","borderColor","pillInvalid","red","sep","marginHorizontal","opacity","actions","iconButton","neutral","marginTop"],"sources":["styles.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport { StyleSheet } from \"react-native\";\r\nimport { theme } from \"../../styles/theme/theme\";\r\n\r\nexport const ROW_HEIGHT = 72;\r\n\r\nconst styles = StyleSheet.create({\r\n  listContainer: { paddingVertical: 8 },\r\n  row: {\r\n    width: \"100%\",\r\n    minHeight: ROW_HEIGHT,\r\n    paddingVertical: 8,\r\n    paddingHorizontal: 8,\r\n    flexDirection: \"row\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n    gap: 6,\r\n  },\r\n  badge: {\r\n    width: 28,\r\n    height: 28,\r\n    borderRadius: 14,\r\n    backgroundColor: theme.colors.blue[500],\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n  },\r\n  card: {\r\n    flex: 1,\r\n    borderRadius: 10,\r\n  },\r\n  title: { marginBottom: 6 },\r\n  pill: {\r\n    flexDirection: \"row\",\r\n    alignItems: \"center\",\r\n    borderWidth: 1,\r\n    borderRadius: 10,\r\n    paddingHorizontal: 10,\r\n    paddingVertical: 8,\r\n    gap: 4,\r\n  },\r\n  pillOk: {\r\n    backgroundColor: \"#F3F3F5\",\r\n    borderColor: \"#C4D4E5\",\r\n  },\r\n  pillInvalid: {\r\n    backgroundColor: \"#FDE7E7\",\r\n    borderColor: theme.colors.red[900],\r\n  },\r\n  sep: { marginHorizontal: 8, opacity: 0.5 },\r\n  actions: { flexDirection: \"row\", gap: 8 },\r\n  iconButton: {\r\n    width: 36,\r\n    height: 36,\r\n    borderRadius: 8,\r\n    backgroundColor: theme.colors.neutral[25],\r\n    borderWidth: 1,\r\n    borderColor: theme.colors.neutral[200],\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n    marginTop: 36,\r\n  },\r\n});\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { styles };"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIO,MAAME,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,EAAE;AAE5B,MAAME,MAAM,GAAAD,OAAA,CAAAC,MAAA,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,aAAa,EAAE;IAAEC,eAAe,EAAE;EAAE,CAAC;EACrCC,GAAG,EAAE;IACHC,KAAK,EAAE,MAAM;IACbC,SAAS,EAAET,UAAU;IACrBM,eAAe,EAAE,CAAC;IAClBI,iBAAiB,EAAE,CAAC;IACpBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,GAAG,EAAE;EACP,CAAC;EACDC,KAAK,EAAE;IACLP,KAAK,EAAE,EAAE;IACTQ,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAEC,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IACvCT,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDS,IAAI,EAAE;IACJC,IAAI,EAAE,CAAC;IACPN,YAAY,EAAE;EAChB,CAAC;EACDO,KAAK,EAAE;IAAEC,YAAY,EAAE;EAAE,CAAC;EAC1BC,IAAI,EAAE;IACJf,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBe,WAAW,EAAE,CAAC;IACdV,YAAY,EAAE,EAAE;IAChBP,iBAAiB,EAAE,EAAE;IACrBJ,eAAe,EAAE,CAAC;IAClBQ,GAAG,EAAE;EACP,CAAC;EACDc,MAAM,EAAE;IACNV,eAAe,EAAE,SAAS;IAC1BW,WAAW,EAAE;EACf,CAAC;EACDC,WAAW,EAAE;IACXZ,eAAe,EAAE,SAAS;IAC1BW,WAAW,EAAEV,YAAK,CAACC,MAAM,CAACW,GAAG,CAAC,GAAG;EACnC,CAAC;EACDC,GAAG,EAAE;IAAEC,gBAAgB,EAAE,CAAC;IAAEC,OAAO,EAAE;EAAI,CAAC;EAC1CC,OAAO,EAAE;IAAExB,aAAa,EAAE,KAAK;IAAEG,GAAG,EAAE;EAAE,CAAC;EACzCsB,UAAU,EAAE;IACV5B,KAAK,EAAE,EAAE;IACTQ,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAEC,YAAK,CAACC,MAAM,CAACiB,OAAO,CAAC,EAAE,CAAC;IACzCV,WAAW,EAAE,CAAC;IACdE,WAAW,EAAEV,YAAK,CAACC,MAAM,CAACiB,OAAO,CAAC,GAAG,CAAC;IACtCzB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxByB,SAAS,EAAE;EACb;AACF,CAAC,CAAC;;AAEF;AACA;AACA","ignoreList":[]}

package/lib/commonjs/index.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "ActivitiesProgress", {
     return _activitiesProgress.ActivitiesProgress;
   }
 });
+Object.defineProperty(exports, "ActivityTimeline", {
+  enumerable: true,
+  get: function () {
+    return _activityTimeline.default;
+  }
+});
 Object.defineProperty(exports, "AvatarProfile", {
   enumerable: true,
   get: function () {
@@ -292,6 +298,7 @@ var _modalActivityReason = _interopRequireDefault(require("./components/modals/m
 var _inputTextCounter = _interopRequireDefault(require("./components/input-text-counter"));
 var _modalCreateActivitie = _interopRequireDefault(require("./components/modal-create-activitie"));
 var _modalJourneyRectification = _interopRequireDefault(require("./components/modal-journey-rectification"));
+var _activityTimeline = _interopRequireDefault(require("./components/activity-timeline"));
 var _mutiply = require("./utils/mutiply");
 var _formatData = require("./utils/format-data");
 var _theme = require("./styles/theme/theme");

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_box","_interopRequireDefault","require","_button","_stepIndicator","_typography","_input","_capturePhoto","_cardHours","_selectOption","_headerProfile","_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","_modalCreateActivitie","_modalJourneyRectification","_mutiply","_formatData","_theme","e","__esModule","default"],"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\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AACA,IAAAS,2BAAA,GAAAT,OAAA;AACA,IAAAU,qBAAA,GAAAV,OAAA;AACA,IAAAW,YAAA,GAAAX,OAAA;AACA,IAAAY,SAAA,GAAAZ,OAAA;AACA,IAAAa,YAAA,GAAAb,OAAA;AACA,IAAAc,gBAAA,GAAAd,OAAA;AACA,IAAAe,gBAAA,GAAAf,OAAA;AACA,IAAAgB,OAAA,GAAAhB,OAAA;AACA,IAAAiB,cAAA,GAAAjB,OAAA;AACA,IAAAkB,KAAA,GAAAlB,OAAA;AACA,IAAAmB,mBAAA,GAAAnB,OAAA;AACA,IAAAoB,YAAA,GAAApB,OAAA;AACA,IAAAqB,oBAAA,GAAArB,OAAA;AACA,IAAAsB,SAAA,GAAAtB,OAAA;AACA,IAAAuB,uBAAA,GAAAvB,OAAA;AACA,IAAAwB,eAAA,GAAAxB,OAAA;AACA,IAAAyB,cAAA,GAAAzB,OAAA;AACA,IAAA0B,eAAA,GAAA1B,OAAA;AACA,IAAA2B,gBAAA,GAAA3B,OAAA;AACA,IAAA4B,mBAAA,GAAA5B,OAAA;AACA,IAAA6B,kBAAA,GAAA7B,OAAA;AACA,IAAA8B,gBAAA,GAAA9B,OAAA;AACA,IAAA+B,sBAAA,GAAA/B,OAAA;AACA,IAAAgC,oBAAA,GAAAhC,OAAA;AACA,IAAAiC,oBAAA,GAAAlC,sBAAA,CAAAC,OAAA;AACA,IAAAkC,iBAAA,GAAAnC,sBAAA,CAAAC,OAAA;AACA,IAAAmC,qBAAA,GAAApC,sBAAA,CAAAC,OAAA;AACA,IAAAoC,0BAAA,GAAArC,sBAAA,CAAAC,OAAA;AAGA,IAAAqC,QAAA,GAAArC,OAAA;AACA,IAAAsC,WAAA,GAAAtC,OAAA;AAGA,IAAAuC,MAAA,GAAAvC,OAAA;AAA6C,SAAAD,uBAAAyC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
+{"version":3,"names":["_box","_interopRequireDefault","require","_button","_stepIndicator","_typography","_input","_capturePhoto","_cardHours","_selectOption","_headerProfile","_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","_modalCreateActivitie","_modalJourneyRectification","_activityTimeline","_mutiply","_formatData","_theme","e","__esModule","default"],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AACA,IAAAS,2BAAA,GAAAT,OAAA;AACA,IAAAU,qBAAA,GAAAV,OAAA;AACA,IAAAW,YAAA,GAAAX,OAAA;AACA,IAAAY,SAAA,GAAAZ,OAAA;AACA,IAAAa,YAAA,GAAAb,OAAA;AACA,IAAAc,gBAAA,GAAAd,OAAA;AACA,IAAAe,gBAAA,GAAAf,OAAA;AACA,IAAAgB,OAAA,GAAAhB,OAAA;AACA,IAAAiB,cAAA,GAAAjB,OAAA;AACA,IAAAkB,KAAA,GAAAlB,OAAA;AACA,IAAAmB,mBAAA,GAAAnB,OAAA;AACA,IAAAoB,YAAA,GAAApB,OAAA;AACA,IAAAqB,oBAAA,GAAArB,OAAA;AACA,IAAAsB,SAAA,GAAAtB,OAAA;AACA,IAAAuB,uBAAA,GAAAvB,OAAA;AACA,IAAAwB,eAAA,GAAAxB,OAAA;AACA,IAAAyB,cAAA,GAAAzB,OAAA;AACA,IAAA0B,eAAA,GAAA1B,OAAA;AACA,IAAA2B,gBAAA,GAAA3B,OAAA;AACA,IAAA4B,mBAAA,GAAA5B,OAAA;AACA,IAAA6B,kBAAA,GAAA7B,OAAA;AACA,IAAA8B,gBAAA,GAAA9B,OAAA;AACA,IAAA+B,sBAAA,GAAA/B,OAAA;AACA,IAAAgC,oBAAA,GAAAhC,OAAA;AACA,IAAAiC,oBAAA,GAAAlC,sBAAA,CAAAC,OAAA;AACA,IAAAkC,iBAAA,GAAAnC,sBAAA,CAAAC,OAAA;AACA,IAAAmC,qBAAA,GAAApC,sBAAA,CAAAC,OAAA;AACA,IAAAoC,0BAAA,GAAArC,sBAAA,CAAAC,OAAA;AACA,IAAAqC,iBAAA,GAAAtC,sBAAA,CAAAC,OAAA;AAGA,IAAAsC,QAAA,GAAAtC,OAAA;AACA,IAAAuC,WAAA,GAAAvC,OAAA;AAGA,IAAAwC,MAAA,GAAAxC,OAAA;AAA6C,SAAAD,uBAAA0C,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

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

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SemBadge = exports.Padrao = exports.ListaVazia = void 0;
+var _activityTimeline = _interopRequireDefault(require("../../components/activity-timeline"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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.default,
+  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)}
+/>
+\`\`\`
+    `
+  }
+};
+var _default = exports.default = meta;
+const Padrao = exports.Padrao = {
+  name: "activity-timeline-padrao",
+  args: {
+    data: sampleData,
+    showIndexBadge: true
+  }
+};
+const SemBadge = exports.SemBadge = {
+  name: "activity-timeline-sem-badge",
+  args: {
+    data: sampleData,
+    showIndexBadge: false
+  }
+};
+const ListaVazia = exports.ListaVazia = {
+  name: "activity-timeline-lista-vazia",
+  args: {
+    data: []
+  }
+};
+//# sourceMappingURL=activity-timeline.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_activityTimeline","_interopRequireDefault","require","e","__esModule","default","sampleData","id","title","date","time","invalid","meta","component","ActivityTimeline","args","data","showIndexBadge","onAdd","item","console","log","onEdit","onDelete","parameters","notes","_default","exports","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,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAkE,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIlE,MAAMG,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,EAAEC,yBAAgB;EAC3BC,IAAI,EAAE;IACJC,IAAI,EAAEV,UAAU;IAChBW,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;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEaO,IAAI;AAIZ,MAAMgB,MAAa,GAAAD,OAAA,CAAAC,MAAA,GAAG;EAC3BC,IAAI,EAAE,0BAA0B;EAChCd,IAAI,EAAE;IACJC,IAAI,EAAEV,UAAU;IAChBW,cAAc,EAAE;EAClB;AACF,CAAC;AAEM,MAAMa,QAAe,GAAAH,OAAA,CAAAG,QAAA,GAAG;EAC7BD,IAAI,EAAE,6BAA6B;EACnCd,IAAI,EAAE;IACJC,IAAI,EAAEV,UAAU;IAChBW,cAAc,EAAE;EAClB;AACF,CAAC;AAEM,MAAMc,UAAiB,GAAAJ,OAAA,CAAAI,UAAA,GAAG;EAC/BF,IAAI,EAAE,+BAA+B;EACrCd,IAAI,EAAE;IACJC,IAAI,EAAE;EACR;AACF,CAAC","ignoreList":[]}

package/lib/module/components/activity-timeline/components/activite-row/index.js

@@ -0,0 +1,123 @@
+/**
+ * IMPORTS
+ */
+import React, { forwardRef, useCallback } from "react";
+import { TouchableOpacity, View } from "react-native";
+
+// components
+import { Typography } from "../../../../components/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";
+
+/**
+ * Componente ActivityRows para a interação da ui.
+ */
+const ActivityRows = /*#__PURE__*/forwardRef(({
+  index,
+  activities,
+  items,
+  onAdd,
+  onEdit,
+  onDelete
+}, ref) => {
+  var _activities$date, _activities$time, _activities$title;
+  const handleAdd = useCallback(() => onAdd(activities), [onAdd, activities]);
+  const handleEdit = useCallback(() => onEdit(activities), [onEdit, activities]);
+  const handleDelete = useCallback(() => onDelete(activities), [onDelete, activities]);
+  const isInvalid = !!activities.invalid;
+  const dateText = activities.date instanceof Date ? `${String(activities.date.getDate()).padStart(2, "0")}/${String(activities.date.getMonth() + 1).padStart(2, "0")}/${activities.date.getFullYear()}` : String((_activities$date = activities.date) !== null && _activities$date !== void 0 ? _activities$date : "");
+  const timeText = activities.time instanceof Date ? `${String(activities.time.getHours()).padStart(2, "0")}:${String(activities.time.getMinutes()).padStart(2, "0")}` : String((_activities$time = activities.time) !== null && _activities$time !== void 0 ? _activities$time : "");
+  return /*#__PURE__*/React.createElement(View, {
+    ref: ref,
+    style: styles.row
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.badge
+  }, /*#__PURE__*/React.createElement(Typography, {
+    text: String(index + 1),
+    color: theme.colors.neutral[25],
+    size: theme.fontSizes.sm,
+    fontFamily: theme.fonts.inter_bold_700
+  })), Boolean(index !== (items === null || items === void 0 ? void 0 : items.length) - 1) && /*#__PURE__*/React.createElement(View, {
+    style: {
+      width: 2,
+      height: 76,
+      backgroundColor: theme.colors.blue[500],
+      position: "absolute",
+      left: 21,
+      top: 60
+    }
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.card
+  }, /*#__PURE__*/React.createElement(Typography, {
+    numberOfLines: 1,
+    style: styles.title,
+    text: (_activities$title = activities.title) !== null && _activities$title !== void 0 ? _activities$title : "Não informada",
+    color: isInvalid ? theme.colors.red[900] : theme.colors.blue[500],
+    size: 14,
+    fontFamily: theme.fonts.inter_medium_500,
+    lineHeight: 34
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styles.pill, isInvalid ? styles.pillInvalid : styles.pillOk]
+  }, /*#__PURE__*/React.createElement(Icons, {
+    icon: "CALENDAR",
+    size: 18,
+    color: isInvalid ? theme.colors.red[900] : theme.colors.blue[500]
+  }), /*#__PURE__*/React.createElement(Typography, {
+    text: dateText,
+    color: isInvalid ? theme.colors.red[800] : theme.colors.blue[400],
+    size: theme.fontSizes.xs,
+    fontFamily: theme.fonts.inter_medium_500
+  }), /*#__PURE__*/React.createElement(Typography, {
+    text: "|",
+    color: isInvalid ? theme.colors.red[800] : theme.colors.blue[400],
+    size: theme.fontSizes.sm,
+    style: styles.sep
+  }), /*#__PURE__*/React.createElement(Typography, {
+    text: timeText,
+    color: isInvalid ? theme.colors.red[800] : theme.colors.blue[500],
+    size: theme.fontSizes.xs,
+    fontFamily: theme.fonts.inter_medium_500
+  }))), /*#__PURE__*/React.createElement(View, {
+    style: styles.actions
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.iconButton,
+    onPress: handleEdit,
+    testID: "edit-activity"
+  }, /*#__PURE__*/React.createElement(Icons, {
+    icon: "NOTE_PINCEL",
+    size: 18,
+    color: theme.colors.blue[350]
+  })), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.iconButton,
+    onPress: handleAdd,
+    testID: "add-after-activity"
+  }, /*#__PURE__*/React.createElement(Icons, {
+    icon: "PLUS",
+    size: 18,
+    color: theme.colors.green[500]
+  })), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.iconButton,
+    onPress: handleDelete,
+    testID: "delete-activity"
+  }, /*#__PURE__*/React.createElement(Icons, {
+    icon: "X_CIRCLE",
+    size: 18,
+    color: theme.colors.red[900]
+  }))));
+});
+ActivityRows.displayName = "ActivityRows";
+
+/**
+ * EXPORTS
+ */
+export default asBaseComponent(ActivityRows);
+//# sourceMappingURL=index.js.map