@beppla/tapas-ui 1.0.70 → 1.0.72

package/commonjs/Task/Task.js

@@ -1,250 +1,161 @@
 "use strict";
 
+var __assign = void 0 && (void 0).__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 = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _themed = require("@rneui/themed");
-var _reactNative = require("react-native");
-var _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
-var _type = require("./type");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TaskCard = ({
-  title,
-  description,
-  state,
-  completion,
-  theme,
-  timeRange,
-  statusText,
-  completedText,
-  style = {}
-}) => {
-  let stateColor = "";
-  let stateBg = "";
-  let completionVal = completion;
+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;
   switch (state) {
-    case _type.TaskStatus.Ongoing:
-      stateColor = theme?.colorStatusAvailable ?? "#57B07B";
-      stateBg = theme?.colorStatusAvailableBg ?? "#EEF7F2";
+    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";
       break;
-    case _type.TaskStatus.Delay:
-      stateColor = theme.colorStatusError ?? "#B81F1E";
-      stateBg = theme?.colorStatusErrorBg ?? "#FFEBEA";
+    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";
       break;
-    case _type.TaskStatus.Completed:
-      stateColor = theme.colorPrimaryBorder ?? "rgba(0, 0, 0, 0.12)";
-      stateBg = theme.grey5 ?? "rgba(0, 0, 0, 0.04)";
+    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)";
       completionVal = 1;
       break;
     default:
-      stateColor = theme.colorStatusReserved ?? "#3E6DA4";
+      stateColor = (_h = theme.colorStatusReserved) !== null && _h !== void 0 ? _h : "#3E6DA4";
       completionVal = 0;
       break;
   }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      ...style,
-      marginTop: theme?.spacing.tp2xs,
-      marginBottom: theme?.spacing.tp2xs,
+  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,
       marginLeft: 0,
       marginRight: 0,
-      borderRadius: theme?.radius.mini,
+      borderRadius: theme === null || theme === void 0 ? void 0 : 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"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_themed.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 === _type.TaskStatus.Waiting ? theme?.grey4 : stateColor,
-      borderLeftColor: state === _type.TaskStatus.Waiting ? theme?.grey4 : stateColor,
-      borderRightColor: state === _type.TaskStatus.Waiting ? theme?.grey4 : stateColor,
-      borderBottomColor: state === _type.TaskStatus.Waiting ? theme?.grey4 : stateColor,
+    })
+  }, 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,
       height: undefined,
       minWidth: undefined
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      ...styles.process,
-      borderRadius: theme?.radius.mini,
-      width: `calc(${(completionVal ?? (state === _type.TaskStatus.Completed ? 1 : 0)) * 100}% + ${!completionVal && state !== _type.TaskStatus.Completed ? 0 : 28}px)`,
+    })
+  }, 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)"),
       borderLeftStyle: "solid",
       borderColor: stateColor,
       backgroundColor: stateBg
-    }
-  }), /*#__PURE__*/_react.default.createElement(_themed.Card.Title, {
+    })
+  }), react_1.default.createElement(themed_1.Card.Title, {
     testID: "task",
-    style: {
-      ...styles.title,
-      fontSize: theme?.fonts.sizeS,
-      color: state === _type.TaskStatus.Completed ? theme?.grey2 ?? "rgba(0, 0, 0, 0.26)" : theme?.colorTextPrimary ?? "rgba(0, 0, 0, 0.87)",
+    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)",
       display: "flex",
       width: "100%",
       maxHeight: 16,
       overflow: "hidden"
-    }
-  }, title), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ...styles.vertical,
-      height: 14
-    }
-  }, (description || []).map((str, index) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ...styles.vertical,
+    })
+  }, title), react_1.default.createElement(react_native_1.View, {
+    style: __assign(__assign({}, styles.vertical), {
       height: 14
-    },
-    key: `tapas-card-desc-${index}`
-  }, index > 0 && /*#__PURE__*/_react.default.createElement(_themed.Divider, {
-    orientation: "vertical",
-    color: theme?.colorSurface6,
-    style: styles.divider
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      ...styles.text,
-      fontSize: theme.fonts.sizeS,
-      color: state === _type.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.default.createElement(_reactNative.View, {
+    })
+  }, (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, {
     style: styles.vertical
-  }, state !== _type.TaskStatus.Completed && /*#__PURE__*/_react.default.createElement(_themed.Text, {
-    style: {
-      ...styles.status,
+  }, state !== type_1.TaskStatus.Completed && react_1.default.createElement(themed_1.Text, {
+    style: __assign(__assign({}, styles.status), {
       color: stateColor,
       fontSize: theme.fonts.sizeM,
-      borderRadius: theme?.radius.mini,
+      borderRadius: theme === null || theme === void 0 ? void 0 : theme.radius.mini,
       borderTopColor: stateColor,
       borderLeftColor: stateColor,
       borderRightColor: stateColor,
       borderBottomColor: stateColor
-    }
-  }, statusText?.[state] ?? state), /*#__PURE__*/_react.default.createElement(_themed.Text, {
-    style: {
-      ...styles.greyContainer,
-      marginLeft: state === _type.TaskStatus.Completed ? 0 : 4,
-      backgroundColor: theme?.grey5 ?? "rgba(0, 0, 0, 0.04)"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    })
+  }, (_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, {
     style: styles.flexRow
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-    color: state === _type.TaskStatus.Completed ? theme?.grey2 ?? "rgba(0, 0, 0, 0.26)" : theme?.colorTextSecondary ?? "rgba(0, 0, 0, 0.54)",
+  }, 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"
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      fontSize: theme.fonts.sizeS,
-      color: state === _type.TaskStatus.Completed ? theme?.grey2 ?? "rgba(0, 0, 0, 0.26)" : theme?.colorTextSecondary ?? "rgba(0, 0, 0, 0.54)",
-      fontWeight: "400",
-      lineHeight: 24
-    }
-  }, state === _type.TaskStatus.Completed ? completedText ?? state : `${(completionVal ?? 0) * 100}%`))), timeRange && Array.isArray(timeRange) && timeRange.length > 0 && state !== _type.TaskStatus.Completed && /*#__PURE__*/_react.default.createElement(_themed.Text, {
-    style: {
-      ...styles.greyContainer,
-      backgroundColor: theme?.grey5 ?? "rgba(0, 0, 0, 0.04)",
-      overflow: "hidden"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.flexRow
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-    color: theme?.colorTextSecondary ?? "rgba(0, 0, 0, 0.54)",
-    style: {
-      fontSize: theme.fonts.sizeL,
-      marginRight: 4
-    },
-    name: "schedule"
-  }), /*#__PURE__*/_react.default.createElement("span", {
+  }), react_1.default.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 = _reactNative.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
-  }
-});
-var _default = exports.default = (0, _themed.withTheme)(TaskCard);
-//# sourceMappingURL=Task.js.mape_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)",
+      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
     }
@@ -340,4 +251,3 @@ var styles = react_native_1.StyleSheet.create({
   }
 });
 exports.default = (0, themed_1.withTheme)(TaskCard);
-//# sourceMappingURL=Task.js.map

package/commonjs/Task/type.js

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TaskStatus = void 0;
-var TaskStatus;
-(function (TaskStatus) {
+let TaskStatus = exports.TaskStatus = /*#__PURE__*/function (TaskStatus) {
   TaskStatus["Waiting"] = "Waiting";
   TaskStatus["Ongoing"] = "Ongoing";
   TaskStatus["Delay"] = "Delay";
   TaskStatus["Completed"] = "Completed";
-})(TaskStatus || (exports.TaskStatus = TaskStatus = {}));
-//# sourceMappingURL=type.js.map.map
+  return TaskStatus;
+}({});

package/commonjs/Text/Text.js

@@ -1,22 +1,83 @@
 "use strict";
 
+var __assign = void 0 && (void 0).__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 = void 0 && (void 0).__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 = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = void 0 && (void 0).__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 = void 0 && (void 0).__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 = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _themed = require("@rneui/themed");
-var _reactNative = require("react-native");
-var _Hoverable = _interopRequireDefault(require("../Hoverable/Hoverable"));
-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; }
-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); }
-const useStyles = (0, _themed.makeStyles)((theme, ...props) => {
-  const {
-    mode
-  } = props[0];
-  let height = 40,
+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,
     fontSize = theme.fonts.sizeM;
   switch (mode) {
     case 'small':
@@ -89,53 +150,32 @@ const useStyles = (0, _themed.makeStyles)((theme, ...props) => {
     }
   };
 });
-const Text = ({
-  children,
-  selected = false,
-  type = 'primary',
-  disabled,
-  style,
-  onPress,
-  hoverStyle,
-  ...props
-}) => {
-  const styles = useStyles(props);
-  const [isHovered, setIsHovered] = (0, _react.useState)(false);
-  const [isSelected, setIsSelected] = (0, _react.useState)(selected);
-  const handleItemPress = () => {
+var Text = function (_a) {
+  var children = _a.children,
+    _b = _a.selected,
+    selected = _b === void 0 ? false : _b,
+    _c = _a.type,
+    type = _c === void 0 ? 'primary' : _c,
+    disabled = _a.disabled,
+    style = _a.style,
+    onPress = _a.onPress,
+    hoverStyle = _a.hoverStyle,
+    props = __rest(_a, ["children", "selected", "type", "disabled", "style", "onPress", "hoverStyle"]);
+  var styles = useStyles(props);
+  var _d = (0, react_1.useState)(false),
+    isHovered = _d[0],
+    setIsHovered = _d[1];
+  var _e = (0, react_1.useState)(selected),
+    isSelected = _e[0],
+    setIsSelected = _e[1];
+  var handleItemPress = function () {
     // setIsSelected(!isSelected);
     onPress && onPress();
   };
-  const handleMouseEnter = () => {
+  var handleMouseEnter = function () {
     setIsHovered(true);
   };
-  const handleMouseLeave = () => {
-    setIsHovered(false);
-  };
-  (0, _react.useEffect)(() => {
-    setIsSelected(selected);
-  }, [selected]);
-  const renderText = () => {
-    return !disabled ? /*#__PURE__*/_react.default.createElement(_reactNative.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.default.createElement(_themed.Text, _extends({
-      style: [styles.textItem, isSelected && type === 'primary' && styles.textSelected, style],
-      numberOfLines: 1,
-      ellipsizeMode: "tail"
-    }, props), children)) : /*#__PURE__*/_react.default.createElement(_themed.Text, _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 _reactNative.Platform.OS === 'web' ? /*#__PURE__*/_react.default.createElement(_Hoverable.default, {
-    onHoverIn: handleMouseEnter,
-    onHoverOut: handleMouseLeave
-  }, renderText()) : renderText();
-};
-var _default = exports.default = (0, _themed.withTheme)(Text);
-//# sourceMappingURL=Text.js.mapouseLeave = function () {
+  var handleMouseLeave = function () {
     setIsHovered(false);
   };
   (0, react_1.useEffect)(function () {
@@ -161,4 +201,3 @@ var _default = exports.default = (0, _themed.withTheme)(Text);
   }, renderText()) : renderText();
 };
 exports.default = (0, themed_1.withTheme)(Text);
-//# sourceMappingURL=Text.js.map

package/commonjs/TextArea/TextArea.js

@@ -213,7 +213,6 @@ const useStyles = (0, _themed.makeStyles)(theme => ({
   }
 }));
 var _default = exports.default = (0, _themed.withTheme)(TextArea);
-//# sourceMappingURL=TextArea.js.mapurn {
     con: {
       display: "flex",
       flexDirection: "column",
@@ -295,4 +294,3 @@ var _default = exports.default = (0, _themed.withTheme)(TextArea);
   };
 });
 exports.default = (0, themed_1.withTheme)(TextArea);
-//# sourceMappingURL=TextArea.js.map

package/commonjs/Theme/ThemeProvider.js

@@ -1,25 +1,22 @@
 "use strict";
 
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var themed_1 = require("@rneui/themed");
-var defaultTheme_1 = require("./defaultTheme");
-var react_native_1 = require("react-native");
-var react_1 = __importDefault(require("react"));
-var CustomThemeProvider = function (_a) {
-  var _b = _a.mode,
-    mode = _b === void 0 ? 'dark' : _b,
-    children = _a.children,
-    testID = _a.testID;
-  return react_1.default.createElement(themed_1.ThemeProvider, {
-    theme: (0, defaultTheme_1.defaultTheme)(mode)
-  }, react_1.default.createElement(react_native_1.View, {
+exports.default = void 0;
+var _themed = require("@rneui/themed");
+var _defaultTheme = require("./defaultTheme");
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CustomThemeProvider = ({
+  mode = 'dark',
+  children,
+  testID
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_themed.ThemeProvider, {
+    theme: (0, _defaultTheme.defaultTheme)(mode)
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
       flex: 1,
       height: '100%'
@@ -27,5 +24,4 @@ var CustomThemeProvider = function (_a) {
     testID: testID
   }, children));
 };
-exports.default = CustomThemeProvider;
-//# sourceMappingURL=ThemeProvider.js.map
+var _default = exports.default = CustomThemeProvider;

package/commonjs/Theme/defaultTheme.js

@@ -215,7 +215,6 @@ const defaultTheme = options => {
 };
 exports.defaultTheme = defaultTheme;
 var _default = exports.default = defaultTheme;
-//# sourceMappingURL=defaultTheme.js.map__assign(__assign({}, props), {
           buttonStyle: {
             borderRadius: theme.radius.full,
             paddingVertical: theme.spacing.tpXs,
@@ -228,4 +227,3 @@ var _default = exports.default = defaultTheme;
 };
 exports.defaultTheme = defaultTheme;
 exports.default = exports.defaultTheme;
-//# sourceMappingURL=defaultTheme.js.map

package/commonjs/Theme/themed.d.js

@@ -1,4 +1,3 @@
 "use strict";
 
 require("@rneui/themed");
-//# sourceMappingURL=themed.d.js.map