@beppla/tapas-ui 1.0.70 → 1.0.71

package/module/Tag/Tag.js

@@ -1,93 +1,78 @@
-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;
+"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];
+      }
+    };
   }
-  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(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
 });
-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
-  })));
+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
+  };
 };
-export default withTheme(Tag);
-//# sourceMappingURL=Tag.js.map    fontSize = theme.fonts.sizeM,
+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,
     iconSize = 20;
   switch (size) {
     case 'small':

package/module/Tag/Tag.js.map

@@ -1,2 +1 @@
-{"version":3,"names":["React","Fragment","View","TouchableOpacity","makeStyles","withTheme","Text","RNText","Icon","useStyles","theme","props","size","textMaxWidth","disabled","height","fontSize","fonts","sizeM","iconSize","sizeS","tagWrap","marginRight","display","flexDirection","justifyContent","alignItems","borderRadius","paddingHorizontal","paddingVertical","marginBottom","backgroundColor","colors","grey4","textItem","fontFamily","fontWeight","weightR","color","colorTextPrimary","overflow","maxWidth","closeIcon","marginLeft","colorTextPlaceholder","Tag","styles","closable","createElement","style","testID","children","onPress","e","stopPropagation","onClose","name"],"sourceRoot":"../../../components","sources":["Tag/Tag.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,IAAI,EAAwBC,gBAAgB,QAAQ,cAAc;AAC3E,SAASC,UAAU,EAAEC,SAAS,EAAEC,IAAI,IAAIC,MAAM,QAAQ,eAAe;AACrE,OAAOC,IAAI,MAAM,oBAAoB;AAYrC,MAAMC,SAAS,GAAGL,UAAU,CAAC,CAACM,KAAU,EAAE,GAAGC,KAAK,KAAK;EACnD,MAAM;IAAEC,IAAI;IAAEC,YAAY;IAAEC;EAAS,CAAC,GAAGH,KAAK,CAAC,CAAC,CAAa;EAC7D,IAAII,MAAM,GAAG,EAAE;IAAEC,QAAQ,GAAGN,KAAK,CAACO,KAAK,CAACC,KAAK;IAAEC,QAAQ,GAAG,EAAE;EAC5D,QAAQP,IAAI;IACR,KAAK,OAAO;MACRG,MAAM,GAAG,EAAE;MACXC,QAAQ,GAAGN,KAAK,CAACO,KAAK,CAACG,KAAK;MAC5BD,QAAQ,GAAG,EAAE;MACb;IACJ,KAAK,QAAQ;MACTJ,MAAM,GAAG,EAAE;MACX;IACJ;MACIA,MAAM,GAAG,EAAE;MACX;EACR;EACA,OAAO;IACHM,OAAO,EAAE;MACLC,WAAW,EAAE,CAAC;MACdC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,YAAY,EAAEZ,MAAM;MACpBa,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAE,CAAC;MAClBC,YAAY,EAAE,CAAC;MACff,MAAM,EAAEA,MAAM;MACdgB,eAAe,EAAErB,KAAK,CAACsB,MAAM,CAACC;IAClC,CAAC;IACDC,QAAQ,EAAE;MACNC,UAAU,EAAEzB,KAAK,EAAEO,KAAK,EAAEkB,UAAU;MACpCnB,QAAQ,EAAEA,QAAQ,IAAIN,KAAK,CAACO,KAAK,CAACC,KAAK;MACvCkB,UAAU,EAAE1B,KAAK,EAAEO,KAAK,CAACoB,OAAO;MAChCC,KAAK,EAAE5B,KAAK,CAACsB,MAAM,CAACO,gBAAgB;MACpC;MACA;MACAC,QAAQ,EAAE,QAAQ;MAClBC,QAAQ,EAAE5B,YAAY,IAAI;IAC9B,CAAC;IACD6B,SAAS,EAAE;MACPC,UAAU,EAAE,CAAC;MACb3B,QAAQ,EAAEG,QAAQ;MAClBmB,KAAK,EAAExB,QAAQ,GAAGJ,KAAK,CAACsB,MAAM,CAACY,oBAAoB,GAAGlC,KAAK,CAACsB,MAAM,CAACO;IACvE,CAAC;IACDzB,QAAQ,EAAE;MACNwB,KAAK,EAAE5B,KAAK,CAACsB,MAAM,CAACY;IACxB;EACJ,CAAC;AACL,CAAC,CAAC;AACF,MAAMC,GAAuB,GAAGA,CAAC;EAC7B;EACAnC,KAAK;EACL,GAAGC;AACP,CAAC,KAAK;EACF,MAAMmC,MAAM,GAAGrC,SAAS,CAACE,KAAK,CAAC;EAC/B,MAAM;IAAEG,QAAQ,GAAG,KAAK;IAAEiC,QAAQ,GAAG;EAAK,CAAC,GAAGpC,KAAK;EAEnD,oBACIX,KAAA,CAAAgD,aAAA,CAAC9C,IAAI;IAAC+C,KAAK,EAAE,CAACH,MAAM,CAACzB,OAAO,EAAEV,KAAK,CAACsC,KAAK,CAAE;IAACC,MAAM,EAAC;EAAK,gBACpDlD,KAAA,CAAAgD,aAAA,CAACzC,MAAM;IAAC0C,KAAK,EAAE,CAACH,MAAM,CAACZ,QAAQ,EAAEpB,QAAQ,IAAIgC,MAAM,CAAChC,QAAQ;EAAE,GACzDH,KAAK,CAACwC,QACH,CAAC,EACRJ,QAAQ,iBAAI/C,KAAA,CAAAgD,aAAA,CAAC/C,QAAQ,QACjB,CAACa,QAAQ,gBAAGd,KAAA,CAAAgD,aAAA,CAAC7C,gBAAgB;IAACiD,OAAO,EAAGC,CAAC,IAAK;MAC3CA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnB3C,KAAK,CAAC4C,OAAO,IAAI5C,KAAK,CAAC4C,OAAO,CAAC,CAAC;IACpC;EAAE,gBACEvD,KAAA,CAAAgD,aAAA,CAACxC,IAAI;IAACgD,IAAI,EAAC,OAAO;IAACP,KAAK,EAAEH,MAAM,CAACJ;EAAU,CAAE,CAC/B,CAAC,gBACjB1C,KAAA,CAAAgD,aAAA,CAACxC,IAAI;IAACgD,IAAI,EAAC,OAAO;IAACP,KAAK,EAAEH,MAAM,CAACJ;EAAU,CAAE,CACzC,CACR,CAAC;AAEf,CAAC;AAED,eAAerC,SAAS,CAACwC,GAAG,CAAC","ignoreList":[]}
-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","ignoreList":[]}
+{"version":3,"names":["__createBinding","Object","create","o","m","k","k2","undefined","desc","getOwnPropertyDescriptor","__esModule","writable","configurable","enumerable","get","defineProperty","__setModuleDefault","v","value","__importStar","ownKeys","getOwnPropertyNames","ar","prototype","hasOwnProperty","call","length","mod","result","i","__rest","s","e","t","p","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__importDefault","exports","react_1","require","react_native_1","themed_1","TapasIcon_1","useStyles","makeStyles","theme","_a","props","_i","arguments","_b","size","textMaxWidth","disabled","height","fontSize","fonts","sizeM","iconSize","sizeS","tagWrap","marginRight","display","flexDirection","justifyContent","alignItems","borderRadius","paddingHorizontal","paddingVertical","marginBottom","backgroundColor","colors","grey4","textItem","fontFamily","fontWeight","weightR","color","colorTextPrimary","overflow","maxWidth","closeIcon","marginLeft","colorTextPlaceholder","Tag","styles","_c","closable","default","createElement","View","style","testID","Text","children","Fragment","TouchableOpacity","onPress","stopPropagation","onClose","name","withTheme"],"sourceRoot":"../../../components","sources":["Tag/Tag.js"],"mappings":"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","ignoreList":[]}

package/module/Task/Task.js

@@ -1,149 +1,243 @@
-"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 __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var react_1 = __importDefault(require("react"));
-var themed_1 = require("@rneui/themed");
-var react_native_1 = require("react-native");
-var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
-var type_1 = require("./type");
-var TaskCard = function (_a) {
-  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
-  var title = _a.title,
-    description = _a.description,
-    state = _a.state,
-    completion = _a.completion,
-    theme = _a.theme,
-    timeRange = _a.timeRange,
-    statusText = _a.statusText,
-    completedText = _a.completedText,
-    _v = _a.style,
-    style = _v === void 0 ? {} : _v;
-  var stateColor = "";
-  var stateBg = "";
-  var completionVal = completion;
+import React from "react";
+import { Card, Divider, Text, withTheme } from "@rneui/themed";
+import { View, StyleSheet } from "react-native";
+import CustomIcon from "../Icons/TapasIcon";
+import { TaskStatus } from "./type";
+const TaskCard = ({
+  title,
+  description,
+  state,
+  completion,
+  theme,
+  timeRange,
+  statusText,
+  completedText,
+  style = {}
+}) => {
+  let stateColor = "";
+  let stateBg = "";
+  let completionVal = completion;
   switch (state) {
-    case type_1.TaskStatus.Ongoing:
-      stateColor = (_b = theme === null || theme === void 0 ? void 0 : theme.colorStatusAvailable) !== null && _b !== void 0 ? _b : "#57B07B";
-      stateBg = (_c = theme === null || theme === void 0 ? void 0 : theme.colorStatusAvailableBg) !== null && _c !== void 0 ? _c : "#EEF7F2";
+    case TaskStatus.Ongoing:
+      stateColor = theme?.colorStatusAvailable ?? "#57B07B";
+      stateBg = theme?.colorStatusAvailableBg ?? "#EEF7F2";
       break;
-    case type_1.TaskStatus.Delay:
-      stateColor = (_d = theme.colorStatusError) !== null && _d !== void 0 ? _d : "#B81F1E";
-      stateBg = (_e = theme === null || theme === void 0 ? void 0 : theme.colorStatusErrorBg) !== null && _e !== void 0 ? _e : "#FFEBEA";
+    case TaskStatus.Delay:
+      stateColor = theme.colorStatusError ?? "#B81F1E";
+      stateBg = theme?.colorStatusErrorBg ?? "#FFEBEA";
       break;
-    case type_1.TaskStatus.Completed:
-      stateColor = (_f = theme.colorPrimaryBorder) !== null && _f !== void 0 ? _f : "rgba(0, 0, 0, 0.12)";
-      stateBg = (_g = theme.grey5) !== null && _g !== void 0 ? _g : "rgba(0, 0, 0, 0.04)";
+    case TaskStatus.Completed:
+      stateColor = theme.colorPrimaryBorder ?? "rgba(0, 0, 0, 0.12)";
+      stateBg = theme.grey5 ?? "rgba(0, 0, 0, 0.04)";
       completionVal = 1;
       break;
     default:
-      stateColor = (_h = theme.colorStatusReserved) !== null && _h !== void 0 ? _h : "#3E6DA4";
+      stateColor = theme.colorStatusReserved ?? "#3E6DA4";
       completionVal = 0;
       break;
   }
-  return react_1.default.createElement("div", {
-    style: __assign(__assign({}, style), {
-      marginTop: theme === null || theme === void 0 ? void 0 : theme.spacing.tp2xs,
-      marginBottom: theme === null || theme === void 0 ? void 0 : theme.spacing.tp2xs,
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      ...style,
+      marginTop: theme?.spacing.tp2xs,
+      marginBottom: theme?.spacing.tp2xs,
       marginLeft: 0,
       marginRight: 0,
-      borderRadius: theme === null || theme === void 0 ? void 0 : theme.radius.mini,
+      borderRadius: theme?.radius.mini,
       boxShadow: "0px 2px 4px 0px rgba(0, 0, 0, 0.08), 0px 4px 16px 0px rgba(0, 0, 0, 0.12)",
       display: "flex",
       flexDirection: "column",
       overflow: "hidden"
-    })
-  }, react_1.default.createElement(themed_1.Card, {
-    containerStyle: __assign(__assign({}, styles.container), {
-      paddingLeft: theme === null || theme === void 0 ? void 0 : theme.spacing.tpRg,
-      paddingRight: theme === null || theme === void 0 ? void 0 : theme.spacing.tpRg,
-      paddingTop: theme === null || theme === void 0 ? void 0 : theme.spacing.tpSm,
-      paddingBottom: theme === null || theme === void 0 ? void 0 : theme.spacing.tpSm,
-      borderRadius: theme === null || theme === void 0 ? void 0 : theme.radius.mini,
-      borderTopColor: state === type_1.TaskStatus.Waiting ? theme === null || theme === void 0 ? void 0 : theme.grey4 : stateColor,
-      borderLeftColor: state === type_1.TaskStatus.Waiting ? theme === null || theme === void 0 ? void 0 : theme.grey4 : stateColor,
-      borderRightColor: state === type_1.TaskStatus.Waiting ? theme === null || theme === void 0 ? void 0 : theme.grey4 : stateColor,
-      borderBottomColor: state === type_1.TaskStatus.Waiting ? theme === null || theme === void 0 ? void 0 : theme.grey4 : stateColor,
+    }
+  }, /*#__PURE__*/React.createElement(Card, {
+    containerStyle: {
+      ...styles.container,
+      paddingLeft: theme?.spacing.tpRg,
+      paddingRight: theme?.spacing.tpRg,
+      paddingTop: theme?.spacing.tpSm,
+      paddingBottom: theme?.spacing.tpSm,
+      borderRadius: theme?.radius.mini,
+      borderTopColor: state === TaskStatus.Waiting ? theme?.grey4 : stateColor,
+      borderLeftColor: state === TaskStatus.Waiting ? theme?.grey4 : stateColor,
+      borderRightColor: state === TaskStatus.Waiting ? theme?.grey4 : stateColor,
+      borderBottomColor: state === TaskStatus.Waiting ? theme?.grey4 : stateColor,
       height: undefined,
       minWidth: undefined
-    })
-  }, react_1.default.createElement("div", {
-    style: __assign(__assign({}, styles.process), {
-      borderRadius: theme === null || theme === void 0 ? void 0 : theme.radius.mini,
-      width: "calc(".concat((completionVal !== null && completionVal !== void 0 ? completionVal : state === type_1.TaskStatus.Completed ? 1 : 0) * 100, "% + ").concat(!completionVal && state !== type_1.TaskStatus.Completed ? 0 : 28, "px)"),
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      ...styles.process,
+      borderRadius: theme?.radius.mini,
+      width: `calc(${(completionVal ?? (state === TaskStatus.Completed ? 1 : 0)) * 100}% + ${!completionVal && state !== TaskStatus.Completed ? 0 : 28}px)`,
       borderLeftStyle: "solid",
       borderColor: stateColor,
       backgroundColor: stateBg
-    })
-  }), react_1.default.createElement(themed_1.Card.Title, {
+    }
+  }), /*#__PURE__*/React.createElement(Card.Title, {
     testID: "task",
-    style: __assign(__assign({}, styles.title), {
-      fontSize: theme === null || theme === void 0 ? void 0 : theme.fonts.sizeS,
-      color: state === type_1.TaskStatus.Completed ? (_j = theme === null || theme === void 0 ? void 0 : theme.grey2) !== null && _j !== void 0 ? _j : "rgba(0, 0, 0, 0.26)" : (_k = theme === null || theme === void 0 ? void 0 : theme.colorTextPrimary) !== null && _k !== void 0 ? _k : "rgba(0, 0, 0, 0.87)",
+    style: {
+      ...styles.title,
+      fontSize: theme?.fonts.sizeS,
+      color: state === TaskStatus.Completed ? theme?.grey2 ?? "rgba(0, 0, 0, 0.26)" : theme?.colorTextPrimary ?? "rgba(0, 0, 0, 0.87)",
       display: "flex",
       width: "100%",
       maxHeight: 16,
       overflow: "hidden"
-    })
-  }, title), react_1.default.createElement(react_native_1.View, {
-    style: __assign(__assign({}, styles.vertical), {
+    }
+  }, title), /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...styles.vertical,
       height: 14
-    })
-  }, (description || []).map(function (str, index) {
-    var _a, _b;
-    return react_1.default.createElement(react_native_1.View, {
-      style: __assign(__assign({}, styles.vertical), {
-        height: 14
-      }),
-      key: "tapas-card-desc-".concat(index)
-    }, index > 0 && react_1.default.createElement(themed_1.Divider, {
-      orientation: "vertical",
-      color: theme === null || theme === void 0 ? void 0 : theme.colorSurface6,
-      style: styles.divider
-    }), react_1.default.createElement("span", {
-      style: __assign(__assign({}, styles.text), {
-        fontSize: theme.fonts.sizeS,
-        color: state === type_1.TaskStatus.Completed ? (_a = theme === null || theme === void 0 ? void 0 : theme.grey2) !== null && _a !== void 0 ? _a : "rgba(0, 0, 0, 0.26)" : (_b = theme === null || theme === void 0 ? void 0 : theme.colorTextSecondary) !== null && _b !== void 0 ? _b : "rgba(0, 0, 0, 0.54)",
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        lineHeight: "14px"
-      })
-    }, str));
-  })), react_1.default.createElement(react_native_1.View, {
+    }
+  }, (description || []).map((str, index) => /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...styles.vertical,
+      height: 14
+    },
+    key: `tapas-card-desc-${index}`
+  }, index > 0 && /*#__PURE__*/React.createElement(Divider, {
+    orientation: "vertical",
+    color: theme?.colorSurface6,
+    style: styles.divider
+  }), /*#__PURE__*/React.createElement("span", {
+    style: {
+      ...styles.text,
+      fontSize: theme.fonts.sizeS,
+      color: state === TaskStatus.Completed ? theme?.grey2 ?? "rgba(0, 0, 0, 0.26)" : theme?.colorTextSecondary ?? "rgba(0, 0, 0, 0.54)",
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      lineHeight: "14px"
+    }
+  }, str)))), /*#__PURE__*/React.createElement(View, {
     style: styles.vertical
-  }, state !== type_1.TaskStatus.Completed && react_1.default.createElement(themed_1.Text, {
-    style: __assign(__assign({}, styles.status), {
+  }, state !== TaskStatus.Completed && /*#__PURE__*/React.createElement(Text, {
+    style: {
+      ...styles.status,
       color: stateColor,
       fontSize: theme.fonts.sizeM,
-      borderRadius: theme === null || theme === void 0 ? void 0 : theme.radius.mini,
+      borderRadius: theme?.radius.mini,
       borderTopColor: stateColor,
       borderLeftColor: stateColor,
       borderRightColor: stateColor,
       borderBottomColor: stateColor
-    })
-  }, (_l = statusText === null || statusText === void 0 ? void 0 : statusText[state]) !== null && _l !== void 0 ? _l : state), react_1.default.createElement(themed_1.Text, {
-    style: __assign(__assign({}, styles.greyContainer), {
-      marginLeft: state === type_1.TaskStatus.Completed ? 0 : 4,
-      backgroundColor: (_m = theme === null || theme === void 0 ? void 0 : theme.grey5) !== null && _m !== void 0 ? _m : "rgba(0, 0, 0, 0.04)"
-    })
-  }, react_1.default.createElement(react_native_1.View, {
+    }
+  }, statusText?.[state] ?? state), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      ...styles.greyContainer,
+      marginLeft: state === TaskStatus.Completed ? 0 : 4,
+      backgroundColor: theme?.grey5 ?? "rgba(0, 0, 0, 0.04)"
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.flexRow
+  }, /*#__PURE__*/React.createElement(CustomIcon, {
+    color: state === TaskStatus.Completed ? theme?.grey2 ?? "rgba(0, 0, 0, 0.26)" : theme?.colorTextSecondary ?? "rgba(0, 0, 0, 0.54)",
+    style: {
+      fontSize: theme.fonts.sizeL,
+      marginRight: 4
+    },
+    name: "check"
+  }), /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: theme.fonts.sizeS,
+      color: state === TaskStatus.Completed ? theme?.grey2 ?? "rgba(0, 0, 0, 0.26)" : theme?.colorTextSecondary ?? "rgba(0, 0, 0, 0.54)",
+      fontWeight: "400",
+      lineHeight: 24
+    }
+  }, state === TaskStatus.Completed ? completedText ?? state : `${(completionVal ?? 0) * 100}%`))), timeRange && Array.isArray(timeRange) && timeRange.length > 0 && state !== TaskStatus.Completed && /*#__PURE__*/React.createElement(Text, {
+    style: {
+      ...styles.greyContainer,
+      backgroundColor: theme?.grey5 ?? "rgba(0, 0, 0, 0.04)",
+      overflow: "hidden"
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.flexRow
+  }, /*#__PURE__*/React.createElement(CustomIcon, {
+    color: theme?.colorTextSecondary ?? "rgba(0, 0, 0, 0.54)",
+    style: {
+      fontSize: theme.fonts.sizeL,
+      marginRight: 4
+    },
+    name: "schedule"
+  }), /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: theme.fonts.sizeS,
+      color: theme?.colorTextSecondary ?? "rgba(0, 0, 0, 0.54)",
+      fontWeight: "400",
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      lineHeight: 24
+    }
+  }, timeRange?.[0], timeRange?.[0] && timeRange?.[1] && " - ", timeRange?.[1]))))));
+};
+const styles = 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
+  }
+});
+export default withTheme(TaskCard);
+//# sourceMappingURL=Task.js.mapeElement(react_native_1.View, {
     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)",