@beppla/tapas-ui 1.0.70 → 1.0.72

package/commonjs/Progress/Progress.js

@@ -1,28 +1,24 @@
 "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 react_1 = __importDefault(require("react"));
-var react_native_1 = require("react-native");
-var themed_1 = require("@rneui/themed");
-var index_1 = require("../index");
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
-  var props = [];
-  for (var _i = 1; _i < arguments.length; _i++) {
-    props[_i - 1] = arguments[_i];
-  }
-  var _a = props[0],
-    data = _a.data,
-    type = _a.type;
-  var progress = (data || {}).progress;
-  var width = "".concat(progress, "%");
-  var fontSize;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _themed = require("@rneui/themed");
+var _index = require("../index");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const useStyles = (0, _themed.makeStyles)((theme, ...props) => {
+  const {
+    data,
+    type
+  } = props[0];
+  const {
+    progress
+  } = data || {};
+  const width = `${progress}%`;
+  let fontSize;
   switch (type) {
     case 'image':
       fontSize = theme.fonts.sizeS;
@@ -115,87 +111,84 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
     }
   };
 });
-var Progress = function (props) {
-  var styles = useStyles(props);
+const Progress = props => {
+  const styles = useStyles(props);
+
   // Add null check for data
-  if (!(props === null || props === void 0 ? void 0 : props.data)) {
+  if (!props?.data) {
     return null;
   }
-  return react_1.default.createElement(react_native_1.View, {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.container,
     testID: props.testID
-  }, react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.stepItem
-  }, react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.startContainer
-  }, props.data.start), props.type === 'image' && react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(react_native_1.View, {
+  }, props.data.start), props.type === 'image' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
       flexGrow: 1,
       position: 'relative'
     }
-  }, react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.hr
-  }), react_1.default.createElement(react_native_1.View, {
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.hr, styles[props.data.status]]
-  })), react_1.default.createElement(react_native_1.View, {
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.endContainer
-  }, props.data.status === 'progress' && react_1.default.createElement(react_native_1.View, {
+  }, props.data.status === 'progress' && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.stepText
-  }, react_1.default.createElement(react_native_1.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.progressText]
-  }, props.data.end || "".concat(props.data.progress, "%"))), props.data.status === 'failed' && react_1.default.createElement(react_native_1.View, {
+  }, props.data.end || `${props.data.progress}%`)), props.data.status === 'failed' && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.stepText
-  }, react_1.default.createElement(index_1.TapasIcon, {
+  }, /*#__PURE__*/_react.default.createElement(_index.TapasIcon, {
     name: "warning_filled",
     size: 16,
     style: styles.error
-  }), react_1.default.createElement(react_native_1.Text, {
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.progressText, styles.error]
-  }, props.data.end || props.data.progress)), props.data.status === 'done' && react_1.default.createElement(react_native_1.View, {
+  }, props.data.end || props.data.progress)), props.data.status === 'done' && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.stepText
-  }, react_1.default.createElement(index_1.TapasIcon, {
+  }, /*#__PURE__*/_react.default.createElement(_index.TapasIcon, {
     name: "check_circle_filled",
     size: 16,
     style: styles.success
-  }), react_1.default.createElement(react_native_1.Text, {
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.progressText, styles.success]
-  }, props.data.end || props.data.progress)))), props.type === 'file' && react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(react_native_1.View, {
+  }, props.data.end || props.data.progress)))), props.type === 'file' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
       flexGrow: 1,
       position: 'relative'
     }
-  }, react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.fileContainer
-  }, react_1.default.createElement(react_native_1.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styles.progressText
-  }, props.data.file), react_1.default.createElement(react_native_1.View, null, props.data.status === 'progress' && react_1.default.createElement(react_native_1.View, {
+  }, props.data.file), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, props.data.status === 'progress' && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.fileText
-  }, react_1.default.createElement(react_native_1.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.progressText]
-  }, props.data.end || "".concat(props.data.progress, "%"))), props.data.status === 'failed' && react_1.default.createElement(react_native_1.View, {
+  }, props.data.end || `${props.data.progress}%`)), props.data.status === 'failed' && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.fileText
-  }, react_1.default.createElement(index_1.TapasIcon, {
+  }, /*#__PURE__*/_react.default.createElement(_index.TapasIcon, {
     name: "warning_filled",
     size: 12,
     style: styles.error
-  }), react_1.default.createElement(react_native_1.Text, {
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.progressText, styles.error]
-  }, props.data.end || props.data.progress)), props.data.status === 'done' && react_1.default.createElement(react_native_1.View, {
+  }, props.data.end || props.data.progress)), props.data.status === 'done' && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.fileText
-  }, react_1.default.createElement(index_1.TapasIcon, {
+  }, /*#__PURE__*/_react.default.createElement(_index.TapasIcon, {
     name: "check_circle_filled",
     size: 12,
     style: styles.success
-  }), react_1.default.createElement(react_native_1.Text, {
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.progressText, styles.success]
-  }, props.data.end || props.data.progress)))), react_1.default.createElement(react_native_1.View, null, react_1.default.createElement(react_native_1.View, {
+  }, props.data.end || props.data.progress)))), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.hr
-  }), react_1.default.createElement(react_native_1.View, {
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.hr, styles[props.data.status]]
   }))))));
 };
-exports.default = (0, themed_1.withTheme)(Progress);
-//# sourceMappingURL=Progress.js.map))))));
-};
 var _default = exports.default = (0, _themed.withTheme)(Progress);
-//# sourceMappingURL=Progress.js.map

package/commonjs/Quantity/Quantity.js

@@ -144,4 +144,72 @@ const useStyles = (0, _themed.makeStyles)(theme => {
   };
 });
 var _default = exports.default = (0, _themed.withTheme)(TapasQuantity);
-//# sourceMappingURL=Quantity.js.map
+      color: theme.theme.colors.grey2
+    }]
+  }, currentValue), showBoundaryHint && react_1.default.createElement(react_native_1.Text, {
+    style: styles.boundaryHint
+  }, min, " - ", max)), react_1.default.createElement(react_native_1.Pressable, {
+    onPress: handleIncrease,
+    disabled: isIncreaseDisabled,
+    style: getButtonStyle(isIncreaseDisabled, true),
+    testID: "quantity-increase"
+  }, react_1.default.createElement(TapasIcon_1.default, {
+    size: 20,
+    name: "add",
+    color: getIconColor(isIncreaseDisabled, true)
+  })));
+};
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
+  return {
+    container: {
+      width: 136,
+      paddingLeft: 4,
+      paddingRight: 4,
+      borderRadius: 12,
+      backgroundColor: theme.colors.grey4,
+      overflow: "hidden",
+      display: "flex",
+      flexDirection: "row",
+      alignContent: "center",
+      alignItems: "center"
+    },
+    button: {
+      display: "flex",
+      flexDirection: "column",
+      alignSelf: "center",
+      justifyContent: "center",
+      alignContent: "center",
+      alignItems: "center",
+      borderRadius: 8
+    },
+    primaryButton: {
+      backgroundColor: theme.colors.primary
+    },
+    disabledButton: {
+      backgroundColor: theme.colors.grey5
+    },
+    valueContainer: {
+      display: "flex",
+      flex: 1,
+      overflow: "hidden",
+      height: 32,
+      justifyContent: "center",
+      flexDirection: "column",
+      alignContent: "center",
+      alignItems: "center"
+    },
+    valueText: {
+      fontSize: 14,
+      fontWeight: "600",
+      color: theme.colors.secondary,
+      textAlign: "center"
+    },
+    boundaryHint: {
+      fontSize: 10,
+      color: theme.colors.grey2,
+      textAlign: "center",
+      marginTop: 2
+    }
+  };
+});
+exports.default = (0, themed_1.withTheme)(TapasQuantity);

package/commonjs/Quantity/index.js

@@ -16,4 +16,3 @@ Object.defineProperty(exports, "default", {
     return __importDefault(Quantity_1).default;
   }
 });
-//# sourceMappingURL=index.js.map

package/commonjs/RadioButton/RadioButton.js

@@ -1,57 +1,105 @@
 "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;
+  };
+}();
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _themed = require("@rneui/themed");
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-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; }
-const RadioButton = ({
-  options,
-  theme,
-  onPress,
-  selected,
-  testID
-}) => {
-  const [checked, setChecked] = (0, _react.useState)(selected ?? "");
-  (0, _react.useEffect)(() => {
-    setChecked(selected ?? "");
+var themed_1 = require("@rneui/themed");
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var RadioButton = function (_a) {
+  var options = _a.options,
+    theme = _a.theme,
+    onPress = _a.onPress,
+    selected = _a.selected,
+    testID = _a.testID;
+  var _b = (0, react_1.useState)(selected !== null && selected !== void 0 ? selected : ""),
+    checked = _b[0],
+    setChecked = _b[1];
+  (0, react_1.useEffect)(function () {
+    setChecked(selected !== null && selected !== void 0 ? selected : "");
   }, [selected]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return react_1.default.createElement(react_native_1.View, {
     style: styles.container,
     testID: testID
-  }, (options || []).map((option, index) => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    key: index,
-    style: styles.radioContainer,
-    onPress: () => {
-      setChecked(option.key);
-      onPress && onPress(option);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.radioCon
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ...styles.outerCircle,
-      borderColor: theme.colors.primary
-    }
-  }, checked === option.key && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ...styles.innerCircle,
-      backgroundColor: theme.colors.primary
-    }
-  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.text
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: {
-      ...styles.label,
-      color: theme.colors.primary
-    }
-  }, option.text)))));
+  }, (options || []).map(function (option, index) {
+    return react_1.default.createElement(react_native_1.TouchableOpacity, {
+      key: index,
+      style: styles.radioContainer,
+      onPress: function () {
+        setChecked(option.key);
+        onPress && onPress(option);
+      }
+    }, react_1.default.createElement(react_native_1.View, {
+      style: styles.radioCon
+    }, react_1.default.createElement(react_native_1.View, {
+      style: __assign(__assign({}, styles.outerCircle), {
+        borderColor: theme.colors.primary
+      })
+    }, checked === option.key && react_1.default.createElement(react_native_1.View, {
+      style: __assign(__assign({}, styles.innerCircle), {
+        backgroundColor: theme.colors.primary
+      })
+    }))), react_1.default.createElement(react_native_1.View, {
+      style: styles.text
+    }, react_1.default.createElement(react_native_1.Text, {
+      style: __assign(__assign({}, styles.label), {
+        color: theme.colors.primary
+      })
+    }, option.text)));
+  }));
 };
-const styles = _reactNative.StyleSheet.create({
+var styles = react_native_1.StyleSheet.create({
   container: {
     display: "flex",
     flexDirection: "column",
@@ -101,5 +149,4 @@ const styles = _reactNative.StyleSheet.create({
     fontWeight: "400"
   }
 });
-var _default = exports.default = (0, _themed.withTheme)(RadioButton);
-//# sourceMappingURL=RadioButton.js.map
+exports.default = (0, themed_1.withTheme)(RadioButton);

package/commonjs/ReasonModal/ReasonModal.js

@@ -179,7 +179,6 @@ const useStyles = (0, _themed.makeStyles)(theme => ({
 }));
 var _default = exports.default = (0, _themed.withTheme)(TapasReasonModal); // Export aliases for compatibility
 const ReasonModal = exports.ReasonModal = (0, _themed.withTheme)(TapasReasonModal);
-//# sourceMappingURL=ReasonModal.js.mapnfirmDisabled,
     onPress: handleConfirm,
     style: styles.confirmButton
   })))));
@@ -249,4 +248,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
 exports.default = (0, themed_1.withTheme)(TapasReasonModal);
 // Export aliases for compatibility
 exports.ReasonModal = (0, themed_1.withTheme)(TapasReasonModal);
-//# sourceMappingURL=ReasonModal.js.map

package/commonjs/ReasonModal/index.js

@@ -1,27 +1,31 @@
 "use strict";
 
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ReasonModal", {
+exports.TapasReasonModal = exports.ReasonModal = exports.default = void 0;
+var ReasonModal_1 = require("./ReasonModal");
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _ReasonModal.ReasonModal;
+    return __importDefault(ReasonModal_1).default;
   }
 });
-Object.defineProperty(exports, "TapasReasonModal", {
+var ReasonModal_2 = require("./ReasonModal");
+Object.defineProperty(exports, "ReasonModal", {
   enumerable: true,
   get: function () {
-    return _ReasonModal.TapasReasonModal;
+    return ReasonModal_2.ReasonModal;
   }
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "TapasReasonModal", {
   enumerable: true,
   get: function () {
-    return _ReasonModal.default;
+    return ReasonModal_2.TapasReasonModal;
   }
 });
-var _ReasonModal = _interopRequireWildcard(require("./ReasonModal"));
-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; }
-//# sourceMappingURL=index.js.map

package/commonjs/ScanButton/ScanButton.js

@@ -133,7 +133,6 @@ const useStyles = (0, _themed.makeStyles)((theme, props) => {
   };
 });
 var _default = exports.default = (0, _themed.withTheme)(ScanButton);
-//# sourceMappingURL=ScanButton.js.mapalignItems: "center",
       alignContent: "center",
       height: 40,
       paddingLeft: 16,
@@ -161,4 +160,3 @@ var _default = exports.default = (0, _themed.withTheme)(ScanButton);
   };
 });
 exports.default = (0, themed_1.withTheme)(ScanButton);
-//# sourceMappingURL=ScanButton.js.map

package/commonjs/SearchInput/SearchInput.js

@@ -106,7 +106,6 @@ const useStyles = (0, _themed.makeStyles)(theme => ({
 }));
 var _default = exports.default = (0, _themed.withTheme)(TapasSearchInput); // Export aliases for compatibility
 const SearchInput = exports.SearchInput = (0, _themed.withTheme)(TapasSearchInput);
-//# sourceMappingURL=SearchInput.js.mapt: height,
       maxHeight: height,
       minHeight: height
     }];
@@ -167,4 +166,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
 exports.default = (0, themed_1.withTheme)(TapasSearchInput);
 // Export aliases for compatibility
 exports.SearchInput = (0, themed_1.withTheme)(TapasSearchInput);
-//# sourceMappingURL=SearchInput.js.map

package/commonjs/SearchInput/index.js

@@ -16,4 +16,3 @@ Object.defineProperty(exports, "default", {
     return __importDefault(SearchInput_1).default;
   }
 });
-//# sourceMappingURL=index.js.map

package/commonjs/SheetTitle/SheetTitle.js

@@ -1,16 +1,19 @@
 "use strict";
 
+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 _Button = _interopRequireDefault(require("../Button/Button"));
-var _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const useStyles = (0, _themed.makeStyles)(theme => {
+var react_1 = __importDefault(require("react"));
+var themed_1 = require("@rneui/themed");
+var react_native_1 = require("react-native");
+var Button_1 = __importDefault(require("../Button/Button"));
+var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
   return {
     titleContainer: {
       backgroundColor: theme.colors.white,
@@ -48,42 +51,41 @@ const useStyles = (0, _themed.makeStyles)(theme => {
     }
   };
 });
-const SheetTitle = props => {
-  const {
-    title,
-    icon = 'close',
-    showClose = true,
-    showClear,
-    onClose,
-    clearText,
-    clearStyle,
-    onClear,
-    titleContainerStyle,
-    titleStyle,
-    closeStyle,
-    testID
-  } = props;
-  const styles = useStyles(props);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+var SheetTitle = function (props) {
+  var title = props.title,
+    _a = props.icon,
+    icon = _a === void 0 ? 'close' : _a,
+    _b = props.showClose,
+    showClose = _b === void 0 ? true : _b,
+    showClear = props.showClear,
+    onClose = props.onClose,
+    clearText = props.clearText,
+    clearStyle = props.clearStyle,
+    onClear = props.onClear,
+    titleContainerStyle = props.titleContainerStyle,
+    titleStyle = props.titleStyle,
+    closeStyle = props.closeStyle,
+    testID = props.testID;
+  var styles = useStyles(props);
+  return react_1.default.createElement(react_native_1.View, {
     style: [styles.titleContainer, titleContainerStyle],
     testID: testID
-  }, /*#__PURE__*/_react.default.createElement(_themed.Text, {
+  }, react_1.default.createElement(themed_1.Text, {
     style: [styles.title, titleStyle],
     numberOfLines: 1,
     ellipsizeMode: "tail"
-  }, title), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, title), react_1.default.createElement(react_native_1.View, {
     style: styles.closeWrapper
-  }, showClear && /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, showClear && react_1.default.createElement(Button_1.default, {
     style: [styles.clear, clearStyle],
     onPress: onClear,
     type: 'clear'
-  }, clearText || 'Clear'), showClose && icon && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+  }, clearText || 'Clear'), showClose && icon && react_1.default.createElement(react_native_1.TouchableOpacity, {
     style: [styles.close, closeStyle],
     onPress: onClose
-  }, typeof icon === 'string' ? /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
+  }, typeof icon === 'string' ? react_1.default.createElement(TapasIcon_1.default, {
     name: icon,
     size: 20
   }) : icon)));
 };
-var _default = exports.default = (0, _themed.withTheme)(SheetTitle);
-//# sourceMappingURL=SheetTitle.js.map
+exports.default = (0, themed_1.withTheme)(SheetTitle);