@beppla/tapas-ui 1.0.67 → 1.0.69

package/commonjs/RadioButton/RadioButton.js

@@ -1,105 +1,57 @@
 "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
 });
-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 : "");
+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 ?? "");
   }, [selected]);
-  return react_1.default.createElement(react_native_1.View, {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.container,
     testID: testID
-  }, (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)));
-  }));
+  }, (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)))));
 };
-var styles = react_native_1.StyleSheet.create({
+const styles = _reactNative.StyleSheet.create({
   container: {
     display: "flex",
     flexDirection: "column",
@@ -149,5 +101,4 @@ var styles = react_native_1.StyleSheet.create({
     fontWeight: "400"
   }
 });
-exports.default = (0, themed_1.withTheme)(RadioButton);
-//# sourceMappingURL=RadioButton.js.map
+var _default = exports.default = (0, _themed.withTheme)(RadioButton);

package/commonjs/ReasonModal/ReasonModal.js

@@ -1,116 +1,179 @@
 "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 = exports.TapasReasonModal = exports.ReasonModal = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _themed = require("@rneui/themed");
-var _Button = _interopRequireDefault(require("../Button/Button"));
-var _RadioButton = _interopRequireDefault(require("../RadioButton/RadioButton"));
-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 TapasReasonModal = ({
-  visible = false,
-  title = "Select Reason",
-  subtitle,
-  options = [],
-  selectedReason,
-  confirmText = "Confirm",
-  cancelText = "Cancel",
-  width = 480,
-  disableConfirmWhenEmpty = true,
-  onClose,
-  onConfirm,
-  onSelectionChange,
-  onRequestClose,
-  style,
-  ...otherProps
-}) => {
-  const styles = useStyles();
-  const [localSelectedReason, setLocalSelectedReason] = (0, _react.useState)("");
-
+exports.TapasReasonModal = exports.ReasonModal = void 0;
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var themed_1 = require("@rneui/themed");
+var Button_1 = __importDefault(require("../Button/Button"));
+var RadioButton_1 = __importDefault(require("../RadioButton/RadioButton"));
+var TapasReasonModal = function (_a) {
+  var _b = _a.visible,
+    visible = _b === void 0 ? false : _b,
+    _c = _a.title,
+    title = _c === void 0 ? "Select Reason" : _c,
+    subtitle = _a.subtitle,
+    _d = _a.options,
+    options = _d === void 0 ? [] : _d,
+    selectedReason = _a.selectedReason,
+    _e = _a.confirmText,
+    confirmText = _e === void 0 ? "Confirm" : _e,
+    _f = _a.cancelText,
+    cancelText = _f === void 0 ? "Cancel" : _f,
+    _g = _a.width,
+    width = _g === void 0 ? 480 : _g,
+    _h = _a.disableConfirmWhenEmpty,
+    disableConfirmWhenEmpty = _h === void 0 ? true : _h,
+    onClose = _a.onClose,
+    onConfirm = _a.onConfirm,
+    onSelectionChange = _a.onSelectionChange,
+    onRequestClose = _a.onRequestClose,
+    style = _a.style,
+    otherProps = __rest(_a, ["visible", "title", "subtitle", "options", "selectedReason", "confirmText", "cancelText", "width", "disableConfirmWhenEmpty", "onClose", "onConfirm", "onSelectionChange", "onRequestClose", "style"]);
+  var styles = useStyles();
+  var _j = (0, react_1.useState)(""),
+    localSelectedReason = _j[0],
+    setLocalSelectedReason = _j[1];
   // 同步外部选中状态
-  (0, _react.useEffect)(() => {
+  (0, react_1.useEffect)(function () {
     setLocalSelectedReason(selectedReason || "");
   }, [selectedReason]);
-
   // 重置选择当模态框显示/隐藏时
-  (0, _react.useEffect)(() => {
+  (0, react_1.useEffect)(function () {
     if (visible) {
       setLocalSelectedReason(selectedReason || "");
     } else {
       setLocalSelectedReason("");
     }
   }, [visible, selectedReason]);
-
   // 处理选择改变
-  const handleSelectionChange = (0, _react.useCallback)(option => {
+  var handleSelectionChange = (0, react_1.useCallback)(function (option) {
     setLocalSelectedReason(option.key);
-    onSelectionChange?.(option);
+    onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(option);
   }, [onSelectionChange]);
-
   // 处理关闭
-  const handleClose = (0, _react.useCallback)(() => {
+  var handleClose = (0, react_1.useCallback)(function () {
     setLocalSelectedReason("");
-    onClose?.();
+    onClose === null || onClose === void 0 ? void 0 : onClose();
   }, [onClose]);
-
   // 处理确认
-  const handleConfirm = (0, _react.useCallback)(() => {
-    const selectedOption = options.find(option => option.key === localSelectedReason);
+  var handleConfirm = (0, react_1.useCallback)(function () {
+    var selectedOption = options.find(function (option) {
+      return option.key === localSelectedReason;
+    });
     if (selectedOption) {
-      onConfirm?.(selectedOption);
+      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(selectedOption);
     }
   }, [localSelectedReason, options, onConfirm]);
-
   // 处理模态框请求关闭
-  const handleRequestClose = (0, _react.useCallback)(() => {
+  var handleRequestClose = (0, react_1.useCallback)(function () {
     if (onRequestClose) {
       onRequestClose();
     } else {
       handleClose();
     }
   }, [onRequestClose, handleClose]);
-
   // 计算是否应该禁用确认按钮
-  const isConfirmDisabled = (0, _react.useMemo)(() => {
+  var isConfirmDisabled = (0, react_1.useMemo)(function () {
     return disableConfirmWhenEmpty && !localSelectedReason;
   }, [disableConfirmWhenEmpty, localSelectedReason]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Modal, _extends({
+  return react_1.default.createElement(react_native_1.Modal, __assign({
     animationType: "fade",
     transparent: true,
     visible: visible,
     onRequestClose: handleRequestClose
-  }, otherProps), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, otherProps), react_1.default.createElement(react_native_1.View, {
     style: [styles.modalContainer, style]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: [styles.modalContent, {
-      width
+      width: width
     }]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: styles.titleContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }, react_1.default.createElement(react_native_1.Text, {
     style: styles.title
-  }, title), subtitle && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }, title), subtitle && react_1.default.createElement(react_native_1.Text, {
     style: styles.subtitle
-  }, subtitle)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, subtitle)), react_1.default.createElement(react_native_1.View, {
     style: styles.optionsContainer
-  }, /*#__PURE__*/_react.default.createElement(_RadioButton.default, {
+  }, react_1.default.createElement(RadioButton_1.default, {
     options: options,
     selected: localSelectedReason,
     onPress: handleSelectionChange
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })), react_1.default.createElement(react_native_1.View, {
     style: styles.buttonsContainer
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, react_1.default.createElement(Button_1.default, {
     title: cancelText,
     type: "clear",
     onPress: handleClose,
     style: styles.cancelButton
-  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }), react_1.default.createElement(Button_1.default, {
     title: confirmText,
     type: "solid",
     disabled: isConfirmDisabled,
@@ -119,72 +182,6 @@ const TapasReasonModal = ({
   })))));
 };
 exports.TapasReasonModal = TapasReasonModal;
-const useStyles = (0, _themed.makeStyles)(theme => ({
-  modalContainer: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    backgroundColor: "rgba(0, 0, 0, 0.6)",
-    zIndex: 10
-  },
-  modalContent: {
-    borderRadius: theme?.radius?.rounded || 12,
-    backgroundColor: theme?.colors?.white || '#ffffff',
-    boxShadow: "0px 12px 40px 0px rgba(0, 0, 0, 0.14), 0px 24px 56px 0px rgba(0, 0, 0, 0.10)",
-    display: "flex",
-    flexDirection: "column",
-    maxHeight: "80%",
-    minWidth: 320,
-    maxWidth: "90%"
-  },
-  titleContainer: {
-    padding: theme?.spacing?.tpRg || 16,
-    paddingBottom: theme?.spacing?.tpXs || 8,
-    borderBottomWidth: 1,
-    borderBottomColor: theme?.colors?.grey4 || '#e0e0e0'
-  },
-  title: {
-    fontSize: 18,
-    fontWeight: theme?.fonts?.weightL || "600",
-    color: theme?.colors?.primary || '#007AFF',
-    lineHeight: 24
-  },
-  subtitle: {
-    marginTop: theme?.spacing?.tp2xs || 4,
-    fontSize: 14,
-    color: theme?.colors?.colorTextSecondary || theme?.colors?.grey1 || '#666666',
-    lineHeight: 20
-  },
-  optionsContainer: {
-    flex: 1,
-    padding: theme?.spacing?.tpRg || 16,
-    minHeight: 100,
-    maxHeight: 400
-  },
-  buttonsContainer: {
-    flexDirection: "row",
-    justifyContent: "flex-end",
-    padding: theme?.spacing?.tpRg || 16,
-    paddingTop: theme?.spacing?.tpXs || 8,
-    borderTopWidth: 1,
-    borderTopColor: theme?.colors?.grey4 || '#e0e0e0',
-    gap: 12
-  },
-  cancelButton: {
-    minWidth: 80
-  },
-  confirmButton: {
-    minWidth: 80
-  }
-}));
-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
-  })))));
-};
-exports.TapasReasonModal = TapasReasonModal;
 var useStyles = (0, themed_1.makeStyles)(function (theme) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
   return {
@@ -249,4 +246,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,32 @@
 "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
+