@beppla/tapas-ui 1.0.67 → 1.0.69

package/module/Tag/Tag.js

@@ -1,78 +1,93 @@
-"use strict";
-
-var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function () {
-        return m[k];
-      }
-    };
-  }
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
-  Object.defineProperty(o, "default", {
-    enumerable: true,
-    value: v
-  });
-} : function (o, v) {
-  o["default"] = v;
-});
-var __importStar = this && this.__importStar || function () {
-  var ownKeys = function (o) {
-    ownKeys = Object.getOwnPropertyNames || function (o) {
-      var ar = [];
-      for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-      return ar;
-    };
-    return ownKeys(o);
-  };
-  return function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-    __setModuleDefault(result, mod);
-    return result;
-  };
-}();
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+import React, { Fragment } from "react";
+import { View, TouchableOpacity } from "react-native";
+import { makeStyles, withTheme, Text as RNText } from "@rneui/themed";
+import Icon from '../Icons/TapasIcon';
+const useStyles = makeStyles((theme, ...props) => {
+  const {
+    size,
+    textMaxWidth,
+    disabled
+  } = props[0];
+  let height = 36,
+    fontSize = theme.fonts.sizeM,
+    iconSize = 20;
+  switch (size) {
+    case 'small':
+      height = 32;
+      fontSize = theme.fonts.sizeS;
+      iconSize = 16;
+      break;
+    case 'middle':
+      height = 36;
+      break;
+    default:
+      height = 40;
+      break;
   }
-  return t;
-};
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
+  return {
+    tagWrap: {
+      marginRight: 8,
+      display: 'flex',
+      flexDirection: 'row',
+      justifyContent: 'center',
+      alignItems: 'center',
+      borderRadius: height,
+      paddingHorizontal: 12,
+      paddingVertical: 2,
+      marginBottom: 8,
+      height: height,
+      backgroundColor: theme.colors.grey4
+    },
+    textItem: {
+      fontFamily: theme?.fonts?.fontFamily,
+      fontSize: fontSize || theme.fonts.sizeM,
+      fontWeight: theme?.fonts.weightR,
+      color: theme.colors.colorTextPrimary,
+      // textOverflow: 'ellipsis', // Not supported in React Native
+      // whiteSpace: 'nowrap', // Not supported in React Native
+      overflow: "hidden",
+      maxWidth: textMaxWidth || 226
+    },
+    closeIcon: {
+      marginLeft: 8,
+      fontSize: iconSize,
+      color: disabled ? theme.colors.colorTextPlaceholder : theme.colors.colorTextPrimary
+    },
+    disabled: {
+      color: theme.colors.colorTextPlaceholder
+    }
   };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
 });
-var react_1 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var themed_1 = require("@rneui/themed");
-var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
-  var _a;
-  var props = [];
-  for (var _i = 1; _i < arguments.length; _i++) {
-    props[_i - 1] = arguments[_i];
-  }
-  var _b = props[0],
-    size = _b.size,
-    textMaxWidth = _b.textMaxWidth,
-    disabled = _b.disabled;
-  var height = 36,
-    fontSize = theme.fonts.sizeM,
+const Tag = ({
+  // @ts-ignore
+  theme,
+  ...props
+}) => {
+  const styles = useStyles(props);
+  const {
+    disabled = false,
+    closable = true
+  } = props;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.tagWrap, props.style],
+    testID: "tag"
+  }, /*#__PURE__*/React.createElement(RNText, {
+    style: [styles.textItem, disabled && styles.disabled]
+  }, props.children), closable && /*#__PURE__*/React.createElement(Fragment, null, !disabled ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: e => {
+      e.stopPropagation();
+      props.onClose && props.onClose();
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "close",
+    style: styles.closeIcon
+  })) : /*#__PURE__*/React.createElement(Icon, {
+    name: "close",
+    style: styles.closeIcon
+  })));
+};
+export default withTheme(Tag);
+
     iconSize = 20;
   switch (size) {
     case 'small':
@@ -150,4 +165,3 @@ var Tag = function (_a) {
   })));
 };
 exports.default = (0, themed_1.withTheme)(Tag);
-//# sourceMappingURL=Tag.js.map

package/module/Task/Task.js

@@ -237,4 +237,111 @@ const styles = StyleSheet.create({
   }
 });
 export default withTheme(TaskCard);
-//# sourceMappingURL=Task.js.map
+
+    style: styles.flexRow
+  }, react_1.default.createElement(TapasIcon_1.default, {
+    color: state === type_1.TaskStatus.Completed ? (_o = theme === null || theme === void 0 ? void 0 : theme.grey2) !== null && _o !== void 0 ? _o : "rgba(0, 0, 0, 0.26)" : (_p = theme === null || theme === void 0 ? void 0 : theme.colorTextSecondary) !== null && _p !== void 0 ? _p : "rgba(0, 0, 0, 0.54)",
+    style: {
+      fontSize: theme.fonts.sizeL,
+      marginRight: 4
+    },
+    name: "check"
+  }), react_1.default.createElement("span", {
+    style: {
+      fontSize: theme.fonts.sizeS,
+      color: state === type_1.TaskStatus.Completed ? (_q = theme === null || theme === void 0 ? void 0 : theme.grey2) !== null && _q !== void 0 ? _q : "rgba(0, 0, 0, 0.26)" : (_r = theme === null || theme === void 0 ? void 0 : theme.colorTextSecondary) !== null && _r !== void 0 ? _r : "rgba(0, 0, 0, 0.54)",
+      fontWeight: "400",
+      lineHeight: 24
+    }
+  }, state === type_1.TaskStatus.Completed ? completedText !== null && completedText !== void 0 ? completedText : state : "".concat((completionVal !== null && completionVal !== void 0 ? completionVal : 0) * 100, "%")))), timeRange && Array.isArray(timeRange) && timeRange.length > 0 && state !== type_1.TaskStatus.Completed && react_1.default.createElement(themed_1.Text, {
+    style: __assign(__assign({}, styles.greyContainer), {
+      backgroundColor: (_s = theme === null || theme === void 0 ? void 0 : theme.grey5) !== null && _s !== void 0 ? _s : "rgba(0, 0, 0, 0.04)",
+      overflow: "hidden"
+    })
+  }, react_1.default.createElement(react_native_1.View, {
+    style: styles.flexRow
+  }, react_1.default.createElement(TapasIcon_1.default, {
+    color: (_t = theme === null || theme === void 0 ? void 0 : theme.colorTextSecondary) !== null && _t !== void 0 ? _t : "rgba(0, 0, 0, 0.54)",
+    style: {
+      fontSize: theme.fonts.sizeL,
+      marginRight: 4
+    },
+    name: "schedule"
+  }), react_1.default.createElement("span", {
+    style: {
+      fontSize: theme.fonts.sizeS,
+      color: (_u = theme === null || theme === void 0 ? void 0 : theme.colorTextSecondary) !== null && _u !== void 0 ? _u : "rgba(0, 0, 0, 0.54)",
+      fontWeight: "400",
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      lineHeight: 24
+    }
+  }, timeRange === null || timeRange === void 0 ? void 0 : timeRange[0], (timeRange === null || timeRange === void 0 ? void 0 : timeRange[0]) && (timeRange === null || timeRange === void 0 ? void 0 : timeRange[1]) && " - ", timeRange === null || timeRange === void 0 ? void 0 : timeRange[1]))))));
+};
+var styles = react_native_1.StyleSheet.create({
+  process: {
+    position: "absolute",
+    bottom: -8,
+    top: -12,
+    left: -16,
+    borderLeftWidth: 4
+  },
+  vertical: {
+    display: "flex",
+    maxWidth: '100%',
+    overflow: 'hidden',
+    flexDirection: "row"
+  },
+  flexRow: {
+    display: "flex",
+    flexDirection: "row"
+  },
+  divider: {
+    marginLeft: 6,
+    marginRight: 6,
+    maxHeight: 8,
+    marginTop: 4
+  },
+  text: {
+    fontWeight: "400"
+  },
+  title: {
+    textAlign: "left",
+    margin: 0,
+    fontWeight: "bold"
+  },
+  container: {
+    height: 80,
+    minWidth: 50,
+    margin: 0,
+    borderWidth: 1,
+    borderStyle: "solid",
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    flexGrow: 1,
+    overflow: "hidden"
+  },
+  status: {
+    borderWidth: 1,
+    borderStyle: "solid",
+    paddingLeft: 6,
+    paddingRight: 6,
+    height: 24,
+    marginTop: 4,
+    fontWeight: "400"
+  },
+  greyContainer: {
+    height: 24,
+    marginTop: 4,
+    fontWeight: "400",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    marginLeft: 4,
+    paddingLeft: 4,
+    paddingRight: 4
+  }
+});
+exports.default = (0, themed_1.withTheme)(TaskCard);

package/module/Task/type.js

@@ -11,4 +11,3 @@ var TaskStatus;
   TaskStatus["Delay"] = "Delay";
   TaskStatus["Completed"] = "Completed";
 })(TaskStatus || (exports.TaskStatus = TaskStatus = {}));
-//# sourceMappingURL=type.js.map

package/module/Text/Text.js

@@ -1,83 +1,13 @@
-"use strict";
-
-var __assign = this && this.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function () {
-        return m[k];
-      }
-    };
-  }
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
-  Object.defineProperty(o, "default", {
-    enumerable: true,
-    value: v
-  });
-} : function (o, v) {
-  o["default"] = v;
-});
-var __importStar = this && this.__importStar || function () {
-  var ownKeys = function (o) {
-    ownKeys = Object.getOwnPropertyNames || function (o) {
-      var ar = [];
-      for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-      return ar;
-    };
-    return ownKeys(o);
-  };
-  return function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-    __setModuleDefault(result, mod);
-    return result;
-  };
-}();
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var react_1 = __importStar(require("react"));
-var themed_1 = require("@rneui/themed");
-var react_native_1 = require("react-native");
-var Hoverable_1 = __importDefault(require("../Hoverable/Hoverable"));
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
-  var props = [];
-  for (var _i = 1; _i < arguments.length; _i++) {
-    props[_i - 1] = arguments[_i];
-  }
-  var mode = props[0].mode;
-  var height = 40,
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useEffect, useState } from 'react';
+import { makeStyles, withTheme, Text as RNText } from "@rneui/themed";
+import { Platform, TouchableOpacity } from "react-native";
+import Hoverable from '../Hoverable/Hoverable';
+const useStyles = makeStyles((theme, ...props) => {
+  const {
+    mode
+  } = props[0];
+  let height = 40,
     fontSize = theme.fonts.sizeM;
   switch (mode) {
     case 'small':
@@ -150,6 +80,66 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
     }
   };
 });
+const Text = ({
+  children,
+  selected = false,
+  type = 'primary',
+  disabled,
+  style,
+  onPress,
+  hoverStyle,
+  ...props
+}) => {
+  const styles = useStyles(props);
+  const [isHovered, setIsHovered] = useState(false);
+  const [isSelected, setIsSelected] = useState(selected);
+  const handleItemPress = () => {
+    // setIsSelected(!isSelected);
+    onPress && onPress();
+  };
+  const handleMouseEnter = () => {
+    setIsHovered(true);
+  };
+  const handleMouseLeave = () => {
+    setIsHovered(false);
+  };
+  useEffect(() => {
+    setIsSelected(selected);
+  }, [selected]);
+  const renderText = () => {
+    return !disabled ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: [styles.priceRangeItem, type === 'primary' ? styles.primary : styles.secondary, isHovered && (type === 'primary' ? styles.hovered : styles.secondaryHovered), isHovered && hoverStyle, isSelected && (type === 'primary' ? styles.selected : styles.secondarySelected), style],
+      onPress: handleItemPress
+    }, /*#__PURE__*/React.createElement(RNText, _extends({
+      style: [styles.textItem, isSelected && type === 'primary' && styles.textSelected, style],
+      numberOfLines: 1,
+      ellipsizeMode: "tail"
+    }, props), children)) : /*#__PURE__*/React.createElement(RNText, _extends({
+      style: [styles.priceRangeItem, type === 'primary' ? styles.primary : styles.secondary, styles.textItem, disabled && type === 'primary' ? styles.disabledText : styles.secondaryDisableText, style],
+      numberOfLines: 1,
+      ellipsizeMode: "tail"
+    }, props), children);
+  };
+  return Platform.OS === 'web' ? /*#__PURE__*/React.createElement(Hoverable, {
+    onHoverIn: handleMouseEnter,
+    onHoverOut: handleMouseLeave
+  }, renderText()) : renderText();
+};
+export default withTheme(Text);
+
+      backgroundColor: theme.colors.primary
+    },
+    secondarySelected: {
+      backgroundColor: theme.colors.grey4,
+      borderColor: theme.colors.primary,
+      borderWidth: 2,
+      color: theme.colors.primary
+    },
+    textSelected: {
+      color: theme.colors.white
+    }
+  };
+});
 var Text = function (_a) {
   var children = _a.children,
     _b = _a.selected,
@@ -201,4 +191,3 @@ var Text = function (_a) {
   }, renderText()) : renderText();
 };
 exports.default = (0, themed_1.withTheme)(Text);
-//# sourceMappingURL=Text.js.map

package/module/TextArea/TextArea.js

@@ -204,123 +204,3 @@ const useStyles = makeStyles(theme => ({
   }
 }));
 export default withTheme(TextArea);
-//# sourceMappingURL=TextArea.js.mapault.createElement(react_native_1.Text, {
-    style: labelTextStyle,
-    numberOfLines: 1,
-    ellipsizeMode: "tail"
-  }, !text && !focus ? placeholder || label : label), required && react_1.default.createElement(react_native_1.Text, {
-    style: styles.required
-  }, "*")), showClearBtn && text ? react_1.default.createElement(react_native_1.Pressable, {
-    style: styles.clearBtnCon,
-    onPress: handleClear
-  }, react_1.default.createElement(TapasIcon_1.default, {
-    size: 20,
-    color: theme.theme.colors.secondary,
-    name: "clear-all"
-  })) : null, react_1.default.createElement(react_native_1.TextInput, {
-    editable: !disabled,
-    style: textAreaStyle,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    value: text,
-    onChangeText: handleChangeText,
-    multiline: true,
-    numberOfLines: numberOfLines,
-    placeholder: !label ? placeholder : undefined
-  }), react_1.default.createElement(react_native_1.View, {
-    style: styles.count
-  }, react_1.default.createElement(react_native_1.Text, {
-    style: stateMsgStyle,
-    numberOfLines: 1,
-    ellipsizeMode: "tail"
-  }, stateMsg), showCount && react_1.default.createElement(react_native_1.Text, {
-    style: styles.count_text,
-    numberOfLines: 1,
-    ellipsizeMode: "tail"
-  }, text.length, "/", maxCount)));
-};
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
-  var _a, _b, _c, _d, _e, _f;
-  return {
-    con: {
-      display: "flex",
-      flexDirection: "column",
-      overflow: "hidden",
-      width: "100%",
-      position: "relative"
-    },
-    textArea: __assign({
-      paddingTop: 10,
-      paddingBottom: 10,
-      paddingLeft: 16,
-      paddingRight: 12,
-      marginTop: 7,
-      borderColor: (_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a.grey2,
-      borderWidth: 1,
-      borderRadius: 12,
-      textAlignVertical: "top",
-      width: "100%"
-    }, react_native_1.Platform.select({
-      web: {
-        // outlineWidth: 0, // Not supported in React Native
-      }
-    })),
-    focus: {
-      borderWidth: 2,
-      borderColor: (_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.primary
-    },
-    label: {
-      display: "flex",
-      flexDirection: "row",
-      position: "absolute",
-      left: 16,
-      paddingLeft: 1,
-      paddingRight: 1,
-      zIndex: 1
-    },
-    label_text: {
-      fontSize: 12,
-      color: (_c = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _c === void 0 ? void 0 : _c.primary
-    },
-    count: {
-      display: "flex",
-      flexDirection: "row",
-      justifyContent: "space-between",
-      paddingLeft: 8,
-      paddingRight: 8,
-      marginTop: 1
-    },
-    stateMsg: {
-      flexGrow: 1,
-      paddingLeft: 16,
-      marginRight: 8,
-      fontSize: 12,
-      fontWeight: "400",
-      color: (_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.secondary
-    },
-    count_text: {
-      fontSize: 12,
-      fontWeight: "400",
-      color: (_e = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _e === void 0 ? void 0 : _e.secondary
-    },
-    clearBtnCon: {
-      position: "absolute",
-      top: 18,
-      right: 13,
-      width: 20,
-      height: 20,
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      zIndex: 2
-    },
-    required: {
-      fontSize: 12,
-      fontWeight: "400",
-      color: (_f = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _f === void 0 ? void 0 : _f.error,
-      marginLeft: 1
-    }
-  };
-});
-exports.default = (0, themed_1.withTheme)(TextArea);
-//# sourceMappingURL=TextArea.js.map

package/module/Theme/ThemeProvider.js

@@ -18,7 +18,7 @@ const CustomThemeProvider = ({
   }, children));
 };
 export default CustomThemeProvider;
-//# sourceMappingURL=ThemeProvider.js.mapD = _a.testID;
+
   return react_1.default.createElement(themed_1.ThemeProvider, {
     theme: (0, defaultTheme_1.defaultTheme)(mode)
   }, react_1.default.createElement(react_native_1.View, {
@@ -30,4 +30,3 @@ export default CustomThemeProvider;
   }, children));
 };
 exports.default = CustomThemeProvider;
-//# sourceMappingURL=ThemeProvider.js.map

package/module/Theme/defaultTheme.js

@@ -208,24 +208,3 @@ export const defaultTheme = options => {
   };
 };
 export default defaultTheme;
-//# sourceMappingURL=defaultTheme.js.map.88,
-      letterSpacingM: -0.32,
-      letterSpacingS: -0.24,
-      letterSpacingR: -0.21
-    },
-    components: {
-      Button: function (props, theme) {
-        return __assign(__assign({}, props), {
-          buttonStyle: {
-            borderRadius: theme.radius.full,
-            paddingVertical: theme.spacing.tpXs,
-            paddingHorizontal: theme.spacing.tpRg
-          }
-        });
-      }
-    }
-  };
-};
-exports.defaultTheme = defaultTheme;
-exports.default = exports.defaultTheme;
-//# sourceMappingURL=defaultTheme.js.map

package/module/Theme/themed.d.js

@@ -1,2 +1 @@
 import '@rneui/themed';
-//# sourceMappingURL=themed.d.js.map

package/module/Timeline/Timeline.js

@@ -209,58 +209,3 @@ const Timeline = ({
   })));
 };
 export default withTheme(Timeline);
-//# sourceMappingURL=Timeline.js.mape);
-    hoverItemIndex.current = '';
-  };
-  var handlePressItem = function (item) {
-    onPress && onPress(item);
-  };
-  var renderItem = function (item, index) {
-    return react_1.default.createElement(react_native_1.View, {
-      key: index
-    }, react_1.default.createElement(react_native_1.View, {
-      style: styles.titleContainer
-    }, react_1.default.createElement(react_native_1.View, {
-      style: styles.pointContainer
-    }, react_1.default.createElement(react_native_1.View, {
-      style: [styles.point, item.disabled && styles.pointDisabled, item.selected && styles.pointSelected, item.error && styles.pointError]
-    })), item.error && react_1.default.createElement(TapasIcon_1.default, {
-      name: 'error',
-      size: 20,
-      style: styles.error
-    }), react_1.default.createElement(themed_1.Text, {
-      style: [styles.itemTitle, item.disabled && styles.titleDisabled, item.selected && styles.titleSelected, item.error && styles.titleError]
-    }, item.time)), react_1.default.createElement(Hoverable_1.default, {
-      onHoverIn: function () {
-        handleMouseEnter(index);
-      },
-      onHoverOut: handleMouseLeave,
-      style: styles.descriptionContainer,
-      //@ts-ignore
-      onPress: function () {
-        handlePressItem(item);
-      }
-    }, react_1.default.createElement(react_native_1.View, {
-      style: styles.lineContainer
-    }, react_1.default.createElement(react_native_1.View, {
-      style: [styles.line, item.disabled && styles.lineDisabled, item.selected && styles.lineSelected, item.error && styles.lineError]
-    })), react_1.default.createElement(themed_1.Text, {
-      style: [styles.description, item.disabled && styles.descriptionDisabled, item.selected && styles.descriptionSelected, item.error && styles.descriptionError, isHovered && +hoverItemIndex.current === index && styles.itemHover]
-    }, item.description)));
-  };
-  return react_1.default.createElement(react_native_1.View, {
-    style: [styles.container, containerStyle],
-    testID: testID
-  }, react_1.default.createElement(themed_1.Text
-  //@ts-ignore
-  , {
-    //@ts-ignore
-    style: styles.title
-  }, data === null || data === void 0 ? void 0 : data.title), react_1.default.createElement(react_native_1.ScrollView, {
-    style: [styles.itemContainer, props.itemContainerStyle]
-  }, data === null || data === void 0 ? void 0 : data.items.map(function (item, index) {
-    return renderItem(item, index);
-  })));
-};
-exports.default = (0, themed_1.withTheme)(Timeline);
-//# sourceMappingURL=Timeline.js.map