@beppla/tapas-ui 1.0.70 → 1.0.72

package/module/Popover/Popover.js

@@ -1,126 +1,93 @@
-"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
-    },
-    arrow: {
-      position: 'absolute',
-      color: theme.colors.white,
-      width: 12,
-      height: 27
+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
     },
-    arrowTop: {
-      top: -6,
-      shadowColor: theme.colors.grey4,
-      shadowOffset: {
-        width: 0,
-        height: -2
-      },
-      shadowOpacity: 0.3,
-      shadowRadius: 4,
-      elevation: 2
+    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
     },
-    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
+  },
+  arrowBottom: {
+    bottom: -6,
+    shadowColor: theme.colors.grey4,
+    shadowOffset: {
+      width: 0,
+      height: 2
     },
-    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
+  },
+  arrowLeft: {
+    left: -6,
+    shadowColor: theme.colors.grey4,
+    shadowOffset: {
+      width: -2,
+      height: 0
     },
-    arrowRight: {
-      right: -6,
-      shadowColor: theme.colors.grey4,
-      shadowOffset: {
-        width: 2,
-        height: 0
-      },
-      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
     },
-    content: {
-      flex: 1,
-      borderRadius: theme.radius.rounded,
-      overflow: 'hidden'
-    }
-  };
-});
-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);
+    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;
-  var getArrowStyle = function () {
-    var arrowPositionStyle = {};
+  const getArrowStyle = () => {
+    let arrowPositionStyle = {};
     switch (position) {
       case 'top':
         arrowPositionStyle = styles.arrowTop;
@@ -135,8 +102,9 @@ var Popover = function (_a) {
         arrowPositionStyle = styles.arrowRight;
         break;
     }
+
     // 根据箭头位置调整left/top值
-    var positionStyle = {};
+    const positionStyle = {};
     if (position === 'top' || position === 'bottom') {
       switch (arrowPosition) {
         case 'start':
@@ -162,21 +130,24 @@ var Popover = function (_a) {
           break;
       }
     }
-    return __assign(__assign(__assign({}, styles.arrow), arrowPositionStyle), positionStyle);
+    return {
+      ...styles.arrow,
+      ...arrowPositionStyle,
+      ...positionStyle
+    };
   };
-  return react_1.default.createElement(react_native_1.View, {
+  return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, {
-      width: width,
-      height: height
+      width,
+      height
     }, containerStyle],
     testID: "popover"
-  }, react_1.default.createElement(TapasIcon_1.default, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: "left_arrow",
     size: 17,
     style: getArrowStyle()
-  }), react_1.default.createElement(react_native_1.View, {
+  }), /*#__PURE__*/React.createElement(View, {
     style: [styles.content, contentStyle]
   }, children));
 };
-exports.default = (0, themed_1.withTheme)(Popover);
-//# sourceMappingURL=Popover.js.map
+export default withTheme(Popover);

package/module/Progress/Progress.js

@@ -1,17 +1,28 @@
-import React from 'react';
-import { View, Text } from 'react-native';
-import { withTheme, makeStyles } from '@rneui/themed';
-import { TapasIcon } from "../index";
-const useStyles = makeStyles((theme, ...props) => {
-  const {
-    data,
-    type
-  } = props[0];
-  const {
-    progress
-  } = data || {};
-  const width = `${progress}%`;
-  let fontSize;
+"use strict";
+
+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 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;
   switch (type) {
     case 'image':
       fontSize = theme.fonts.sizeS;
@@ -104,88 +115,71 @@ const useStyles = makeStyles((theme, ...props) => {
     }
   };
 });
-const Progress = props => {
-  const styles = useStyles(props);
-
+var Progress = function (props) {
+  var styles = useStyles(props);
   // Add null check for data
-  if (!props?.data) {
+  if (!(props === null || props === void 0 ? void 0 : props.data)) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(View, {
+  return react_1.default.createElement(react_native_1.View, {
     style: styles.container,
     testID: props.testID
-  }, /*#__PURE__*/React.createElement(View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: styles.stepItem
-  }, /*#__PURE__*/React.createElement(View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: styles.startContainer
-  }, props.data.start), props.type === 'image' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  }, props.data.start), props.type === 'image' && react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(react_native_1.View, {
     style: {
       flexGrow: 1,
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement(View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: styles.hr
-  }), /*#__PURE__*/React.createElement(View, {
+  }), react_1.default.createElement(react_native_1.View, {
     style: [styles.hr, styles[props.data.status]]
-  })), /*#__PURE__*/React.createElement(View, {
+  })), react_1.default.createElement(react_native_1.View, {
     style: styles.endContainer
-  }, props.data.status === 'progress' && /*#__PURE__*/React.createElement(View, {
+  }, props.data.status === 'progress' && react_1.default.createElement(react_native_1.View, {
     style: styles.stepText
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, react_1.default.createElement(react_native_1.Text, {
     style: [styles.progressText]
-  }, props.data.end || `${props.data.progress}%`)), props.data.status === 'failed' && /*#__PURE__*/React.createElement(View, {
+  }, props.data.end || "".concat(props.data.progress, "%"))), props.data.status === 'failed' && react_1.default.createElement(react_native_1.View, {
     style: styles.stepText
-  }, /*#__PURE__*/React.createElement(TapasIcon, {
+  }, react_1.default.createElement(index_1.TapasIcon, {
     name: "warning_filled",
     size: 16,
     style: styles.error
-  }), /*#__PURE__*/React.createElement(Text, {
+  }), react_1.default.createElement(react_native_1.Text, {
     style: [styles.progressText, styles.error]
-  }, props.data.end || props.data.progress)), props.data.status === 'done' && /*#__PURE__*/React.createElement(View, {
+  }, props.data.end || props.data.progress)), props.data.status === 'done' && react_1.default.createElement(react_native_1.View, {
     style: styles.stepText
-  }, /*#__PURE__*/React.createElement(TapasIcon, {
+  }, react_1.default.createElement(index_1.TapasIcon, {
     name: "check_circle_filled",
     size: 16,
     style: styles.success
-  }), /*#__PURE__*/React.createElement(Text, {
+  }), react_1.default.createElement(react_native_1.Text, {
     style: [styles.progressText, styles.success]
-  }, props.data.end || props.data.progress)))), props.type === 'file' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  }, 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, {
     style: {
       flexGrow: 1,
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement(View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: styles.fileContainer
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, react_1.default.createElement(react_native_1.Text, {
     style: styles.progressText
-  }, props.data.file), /*#__PURE__*/React.createElement(View, null, props.data.status === 'progress' && /*#__PURE__*/React.createElement(View, {
+  }, props.data.file), react_1.default.createElement(react_native_1.View, null, props.data.status === 'progress' && react_1.default.createElement(react_native_1.View, {
     style: styles.fileText
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, react_1.default.createElement(react_native_1.Text, {
     style: [styles.progressText]
-  }, props.data.end || `${props.data.progress}%`)), props.data.status === 'failed' && /*#__PURE__*/React.createElement(View, {
+  }, props.data.end || "".concat(props.data.progress, "%"))), props.data.status === 'failed' && react_1.default.createElement(react_native_1.View, {
     style: styles.fileText
-  }, /*#__PURE__*/React.createElement(TapasIcon, {
+  }, react_1.default.createElement(index_1.TapasIcon, {
     name: "warning_filled",
     size: 12,
     style: styles.error
-  }), /*#__PURE__*/React.createElement(Text, {
+  }), react_1.default.createElement(react_native_1.Text, {
     style: [styles.progressText, styles.error]
-  }, props.data.end || props.data.progress)), props.data.status === 'done' && /*#__PURE__*/React.createElement(View, {
-    style: styles.fileText
-  }, /*#__PURE__*/React.createElement(TapasIcon, {
-    name: "check_circle_filled",
-    size: 12,
-    style: styles.success
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: [styles.progressText, styles.success]
-  }, props.data.end || props.data.progress)))), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
-    style: styles.hr
-  }), /*#__PURE__*/React.createElement(View, {
-    style: [styles.hr, styles[props.data.status]]
-  }))))));
-};
-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 +195,3 @@ export default withTheme(Progress);
   }))))));
 };
 exports.default = (0, themed_1.withTheme)(Progress);
-//# sourceMappingURL=Progress.js.map