@beppla/tapas-ui 1.0.67 → 1.0.69

package/module/Popover/Popover.js

@@ -1,157 +1,127 @@
-import React from 'react';
-import { View } from 'react-native';
-import { makeStyles, withTheme } from '@rneui/themed';
-import Icon from '../Icons/TapasIcon';
-const useStyles = makeStyles(theme => ({
-  container: {
-    position: 'absolute',
-    backgroundColor: theme.colors.white,
-    borderRadius: theme.radius.rounded,
-    shadowColor: theme.colors.grey4,
-    shadowOffset: {
-      width: 0,
-      height: 12
+"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 __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var react_1 = __importDefault(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) {
+  return {
+    container: {
+      position: 'absolute',
+      backgroundColor: theme.colors.white,
+      borderRadius: theme.radius.rounded,
+      shadowColor: theme.colors.grey4,
+      shadowOffset: {
+        width: 0,
+        height: 12
+      },
+      shadowOpacity: 0.58,
+      shadowRadius: 24,
+      elevation: 8,
+      zIndex: 9999
     },
-    shadowOpacity: 0.58,
-    shadowRadius: 24,
-    elevation: 8,
-    zIndex: 9999
-  },
-  arrow: {
-    position: 'absolute',
-    color: theme.colors.white,
-    width: 12,
-    height: 27
-  },
-  arrowTop: {
-    top: -6,
-    shadowColor: theme.colors.grey4,
-    shadowOffset: {
-      width: 0,
-      height: -2
+    arrow: {
+      position: 'absolute',
+      color: theme.colors.white,
+      width: 12,
+      height: 27
     },
-    shadowOpacity: 0.3,
-    shadowRadius: 4,
-    elevation: 2
-  },
-  arrowBottom: {
-    bottom: -6,
-    shadowColor: theme.colors.grey4,
-    shadowOffset: {
-      width: 0,
-      height: 2
+    arrowTop: {
+      top: -6,
+      shadowColor: theme.colors.grey4,
+      shadowOffset: {
+        width: 0,
+        height: -2
+      },
+      shadowOpacity: 0.3,
+      shadowRadius: 4,
+      elevation: 2
     },
-    shadowOpacity: 0.3,
-    shadowRadius: 4,
-    elevation: 2
-  },
-  arrowLeft: {
-    left: -6,
-    shadowColor: theme.colors.grey4,
-    shadowOffset: {
-      width: -2,
-      height: 0
+    arrowBottom: {
+      bottom: -6,
+      shadowColor: theme.colors.grey4,
+      shadowOffset: {
+        width: 0,
+        height: 2
+      },
+      shadowOpacity: 0.3,
+      shadowRadius: 4,
+      elevation: 2
     },
-    shadowOpacity: 0.3,
-    shadowRadius: 4,
-    elevation: 2
-  },
-  arrowRight: {
-    right: -6,
-    shadowColor: theme.colors.grey4,
-    shadowOffset: {
-      width: 2,
-      height: 0
+    arrowLeft: {
+      left: -6,
+      shadowColor: theme.colors.grey4,
+      shadowOffset: {
+        width: -2,
+        height: 0
+      },
+      shadowOpacity: 0.3,
+      shadowRadius: 4,
+      elevation: 2
     },
-    shadowOpacity: 0.3,
-    shadowRadius: 4,
-    elevation: 2
-  },
-  content: {
-    flex: 1,
-    borderRadius: theme.radius.rounded,
-    overflow: 'hidden'
-  }
-}));
-const Popover = ({
-  isVisible,
-  children,
-  position = 'bottom',
-  arrowPosition = 'center',
-  width = 392,
-  height = 696,
-  containerStyle,
-  contentStyle,
-  ...props
-}) => {
-  const styles = useStyles(props);
-  if (!isVisible) return null;
-  const getArrowStyle = () => {
-    let arrowPositionStyle = {};
-    switch (position) {
-      case 'top':
-        arrowPositionStyle = styles.arrowTop;
-        break;
-      case 'bottom':
-        arrowPositionStyle = styles.arrowBottom;
-        break;
-      case 'left':
-        arrowPositionStyle = styles.arrowLeft;
-        break;
-      case 'right':
-        arrowPositionStyle = styles.arrowRight;
-        break;
-    }
-
-    // 根据箭头位置调整left/top值
-    const positionStyle = {};
-    if (position === 'top' || position === 'bottom') {
-      switch (arrowPosition) {
-        case 'start':
-          positionStyle.left = 20;
-          break;
-        case 'center':
-          positionStyle.left = width / 2 - 6;
-          break;
-        case 'end':
-          positionStyle.right = 20;
-          break;
-      }
-    } else {
-      switch (arrowPosition) {
-        case 'start':
-          positionStyle.top = 20;
-          break;
-        case 'center':
-          positionStyle.top = height / 2 - 6;
-          break;
-        case 'end':
-          positionStyle.bottom = 20;
-          break;
-      }
+    arrowRight: {
+      right: -6,
+      shadowColor: theme.colors.grey4,
+      shadowOffset: {
+        width: 2,
+        height: 0
+      },
+      shadowOpacity: 0.3,
+      shadowRadius: 4,
+      elevation: 2
+    },
+    content: {
+      flex: 1,
+      borderRadius: theme.radius.rounded,
+      overflow: 'hidden'
     }
-    return {
-      ...styles.arrow,
-      ...arrowPositionStyle,
-      ...positionStyle
-    };
   };
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, {
-      width,
-      height
-    }, containerStyle],
-    testID: "popover"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "left_arrow",
-    size: 17,
-    style: getArrowStyle()
-  }), /*#__PURE__*/React.createElement(View, {
-    style: [styles.content, contentStyle]
-  }, children));
-};
-export default withTheme(Popover);
-//# sourceMappingURL=Popover.js.mapswitch (position) {
+});
+var Popover = function (_a) {
+  var isVisible = _a.isVisible,
+    children = _a.children,
+    _b = _a.position,
+    position = _b === void 0 ? 'bottom' : _b,
+    _c = _a.arrowPosition,
+    arrowPosition = _c === void 0 ? 'center' : _c,
+    _d = _a.width,
+    width = _d === void 0 ? 392 : _d,
+    _e = _a.height,
+    height = _e === void 0 ? 696 : _e,
+    containerStyle = _a.containerStyle,
+    contentStyle = _a.contentStyle,
+    props = __rest(_a, ["isVisible", "children", "position", "arrowPosition", "width", "height", "containerStyle", "contentStyle"]);
+  var styles = useStyles(props);
+  if (!isVisible) return null;
+  var getArrowStyle = function () {
+    var arrowPositionStyle = {};
+    switch (position) {
       case 'top':
         arrowPositionStyle = styles.arrowTop;
         break;
@@ -209,4 +179,3 @@ export default withTheme(Popover);
   }, children));
 };
 exports.default = (0, themed_1.withTheme)(Popover);
-//# sourceMappingURL=Popover.js.map

package/module/Progress/Progress.js

@@ -185,7 +185,7 @@ const Progress = props => {
   }))))));
 };
 export default withTheme(Progress);
-//# sourceMappingURL=Progress.js.mapyles.error]
+
   }, props.data.end || props.data.progress)), props.data.status === 'done' && react_1.default.createElement(react_native_1.View, {
     style: styles.fileText
   }, react_1.default.createElement(index_1.TapasIcon, {
@@ -201,4 +201,3 @@ export default withTheme(Progress);
   }))))));
 };
 exports.default = (0, themed_1.withTheme)(Progress);
-//# sourceMappingURL=Progress.js.map

package/module/Quantity/Quantity.js

@@ -1,141 +1,124 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useEffect, useState } from "react";
-import { View, Text, Pressable } from "react-native";
-import { makeStyles, useTheme, withTheme } from "@rneui/themed";
-import TapasIcon from "../Icons/TapasIcon";
-const TapasQuantity = ({
-  value,
-  onChange,
-  max = 99999,
-  min = 0,
-  disabled = false,
-  step = 1,
-  showValue = true,
-  style,
-  buttonStyle,
-  valueStyle,
-  buttonSize = 32,
-  showBoundaryHint = false,
-  testID,
-  ...props
-}) => {
-  const theme = useTheme();
-  const styles = useStyles(theme);
-  const [currentValue, setCurrentValue] = useState(value ?? 0);
-  useEffect(() => {
+"use strict";
+
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = this && this.__importStar || function () {
+  var ownKeys = function (o) {
+    ownKeys = Object.getOwnPropertyNames || function (o) {
+      var ar = [];
+      for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+      return ar;
+    };
+    return ownKeys(o);
+  };
+  return function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+    __setModuleDefault(result, mod);
+    return result;
+  };
+}();
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var themed_1 = require("@rneui/themed");
+var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
+var TapasQuantity = function (_a) {
+  var value = _a.value,
+    onChange = _a.onChange,
+    _b = _a.max,
+    max = _b === void 0 ? 99999 : _b,
+    _c = _a.min,
+    min = _c === void 0 ? 0 : _c,
+    _d = _a.disabled,
+    disabled = _d === void 0 ? false : _d,
+    _e = _a.step,
+    step = _e === void 0 ? 1 : _e,
+    _f = _a.showValue,
+    showValue = _f === void 0 ? true : _f,
+    style = _a.style,
+    buttonStyle = _a.buttonStyle,
+    valueStyle = _a.valueStyle,
+    _g = _a.buttonSize,
+    buttonSize = _g === void 0 ? 32 : _g,
+    _h = _a.showBoundaryHint,
+    showBoundaryHint = _h === void 0 ? false : _h,
+    testID = _a.testID,
+    props = __rest(_a, ["value", "onChange", "max", "min", "disabled", "step", "showValue", "style", "buttonStyle", "valueStyle", "buttonSize", "showBoundaryHint", "testID"]);
+  var theme = (0, themed_1.useTheme)();
+  var styles = useStyles(theme);
+  var _j = (0, react_1.useState)(value !== null && value !== void 0 ? value : 0),
+    currentValue = _j[0],
+    setCurrentValue = _j[1];
+  (0, react_1.useEffect)(function () {
     setCurrentValue(value);
   }, [value]);
-  const isDecreaseDisabled = disabled || currentValue <= min;
-  const isIncreaseDisabled = disabled || currentValue >= max;
-  const handleDecrease = () => {
+  var isDecreaseDisabled = disabled || currentValue <= min;
+  var isIncreaseDisabled = disabled || currentValue >= max;
+  var handleDecrease = function () {
     if (isDecreaseDisabled) return;
-    const newValue = Math.max(min, currentValue - step);
+    var newValue = Math.max(min, currentValue - step);
     setCurrentValue(newValue);
-    onChange?.(newValue);
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
   };
-  const handleIncrease = () => {
+  var handleIncrease = function () {
     if (isIncreaseDisabled) return;
-    const newValue = Math.min(max, currentValue + step);
+    var newValue = Math.min(max, currentValue + step);
     setCurrentValue(newValue);
-    onChange?.(newValue);
-  };
-  const getButtonStyle = (isDisabled, isPrimary = false) => [styles.button, {
-    width: buttonSize,
-    height: buttonSize
-  }, isPrimary && styles.primaryButton, isDisabled && styles.disabledButton, buttonStyle];
-  const getIconColor = (isDisabled, isPrimary = false) => {
-    if (isDisabled) return theme.theme.colors.grey2;
-    if (isPrimary) return theme.theme.colors.white;
-    return theme.theme.colors.secondary;
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
   };
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [styles.container, style],
-    testID: testID
-  }, props), /*#__PURE__*/React.createElement(Pressable, {
-    onPress: handleDecrease,
-    disabled: isDecreaseDisabled,
-    style: getButtonStyle(isDecreaseDisabled),
-    testID: "quantity-decrease"
-  }, /*#__PURE__*/React.createElement(TapasIcon, {
-    size: 20,
-    name: "remove",
-    color: getIconColor(isDecreaseDisabled)
-  })), showValue && /*#__PURE__*/React.createElement(View, {
-    style: [styles.valueContainer, valueStyle]
-  }, /*#__PURE__*/React.createElement(Text, {
-    numberOfLines: 1,
-    ellipsizeMode: "tail",
-    style: [styles.valueText, disabled && {
-      color: theme.theme.colors.grey2
-    }]
-  }, currentValue), showBoundaryHint && /*#__PURE__*/React.createElement(Text, {
-    style: styles.boundaryHint
-  }, min, " - ", max)), /*#__PURE__*/React.createElement(Pressable, {
-    onPress: handleIncrease,
-    disabled: isIncreaseDisabled,
-    style: getButtonStyle(isIncreaseDisabled, true),
-    testID: "quantity-increase"
-  }, /*#__PURE__*/React.createElement(TapasIcon, {
-    size: 20,
-    name: "add",
-    color: getIconColor(isIncreaseDisabled, true)
-  })));
-};
-const useStyles = makeStyles(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
+  var getButtonStyle = function (isDisabled, isPrimary) {
+    if (isPrimary === void 0) {
+      isPrimary = false;
     }
-  };
-});
-export default withTheme(TapasQuantity);
-//# sourceMappingURL=Quantity.js.map
     return [styles.button, {
       width: buttonSize,
       height: buttonSize
@@ -236,4 +219,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
   };
 });
 exports.default = (0, themed_1.withTheme)(TapasQuantity);
-//# sourceMappingURL=Quantity.js.map

package/module/Quantity/index.js

@@ -1,2 +1,17 @@
 export { default } from './Quantity';
-//# sourceMappingURL=index.js.map
+
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var Quantity_1 = require("./Quantity");
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return __importDefault(Quantity_1).default;
+  }
+});

package/module/RadioButton/RadioButton.js

@@ -94,7 +94,7 @@ const styles = StyleSheet.create({
   }
 });
 export default withTheme(RadioButton);
-//# sourceMappingURL=RadioButton.js.map
+
   return react_1.default.createElement(react_native_1.View, {
     style: styles.container,
     testID: testID
@@ -176,4 +176,3 @@ var styles = react_native_1.StyleSheet.create({
   }
 });
 exports.default = (0, themed_1.withTheme)(RadioButton);
-//# sourceMappingURL=RadioButton.js.map

package/module/ReasonModal/ReasonModal.js

@@ -172,7 +172,7 @@ export default withTheme(TapasReasonModal);
 // Export aliases for compatibility
 export const ReasonModal = withTheme(TapasReasonModal);
 export { TapasReasonModal };
-//# sourceMappingURL=ReasonModal.js.map&& !localSelectedReason;
+
   }, [disableConfirmWhenEmpty, localSelectedReason]);
   return react_1.default.createElement(react_native_1.Modal, __assign({
     animationType: "fade",
@@ -277,4 +277,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/module/ReasonModal/index.js

@@ -1,30 +1,2 @@
 export { default } from './ReasonModal';
 export { ReasonModal, TapasReasonModal } from './ReasonModal';
-//# sourceMappingURL=index.js.maplt": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TapasReasonModal = exports.ReasonModal = exports.default = void 0;
-var ReasonModal_1 = require("./ReasonModal");
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return __importDefault(ReasonModal_1).default;
-  }
-});
-var ReasonModal_2 = require("./ReasonModal");
-Object.defineProperty(exports, "ReasonModal", {
-  enumerable: true,
-  get: function () {
-    return ReasonModal_2.ReasonModal;
-  }
-});
-Object.defineProperty(exports, "TapasReasonModal", {
-  enumerable: true,
-  get: function () {
-    return ReasonModal_2.TapasReasonModal;
-  }
-});
-//# sourceMappingURL=index.js.map

package/module/ScanButton/ScanButton.js

@@ -126,49 +126,3 @@ const useStyles = makeStyles((theme, props) => {
   };
 });
 export default withTheme(ScanButton);
-//# sourceMappingURL=ScanButton.js.mapisplay: "flex",
-      position: "absolute",
-      flexDirection: "column",
-      height: 40,
-      justifyContent: "flex-end"
-    }, positionStyle),
-    barCon: {
-      height: 40,
-      flex: 1,
-      maxHeight: 40,
-      display: "flex",
-      flexDirection: "row",
-      zIndex: 20
-    },
-    scanBtn: {
-      display: "flex",
-      flexDirection: "row",
-      alignItems: "center",
-      alignContent: "center",
-      height: 40,
-      paddingLeft: 16,
-      paddingRight: 16,
-      borderRadius: 20,
-      shadowColor: "#000",
-      shadowOffset: {
-        width: 0,
-        height: 4
-      },
-      shadowOpacity: 0.08,
-      shadowRadius: 16,
-      elevation: 8,
-      backgroundColor: theme.colors.primary
-    },
-    scanIcon: {
-      display: "flex",
-      marginRight: 8
-    },
-    scanText: {
-      fontSize: 14,
-      fontWeight: "600",
-      color: theme.colors.white
-    }
-  };
-});
-exports.default = (0, themed_1.withTheme)(ScanButton);
-//# sourceMappingURL=ScanButton.js.map