@beppla/tapas-ui 1.0.67 → 1.0.69

package/commonjs/ScanButton/ScanButton.js

@@ -1,63 +1,47 @@
 "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
 });
-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 ScanButton = function (_a) {
-  var onPress = _a.onPress,
-    _b = _a.text,
-    text = _b === void 0 ? "Scan QR Code" : _b,
-    _c = _a.icon,
-    icon = _c === void 0 ? "qr_code_scan" : _c,
-    _d = _a.size,
-    size = _d === void 0 ? 20 : _d,
-    _e = _a.position,
-    position = _e === void 0 ? 'bottom-right' : _e,
-    backgroundColor = _a.backgroundColor,
-    textColor = _a.textColor,
-    iconColor = _a.iconColor,
-    testID = _a.testID;
-  var theme = (0, themed_1.useTheme)();
-  var styles = useStyles({
-    position: position
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _themed = require("@rneui/themed");
+var _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ScanButton = ({
+  onPress,
+  text = "Scan QR Code",
+  icon = "qr_code_scan",
+  size = 20,
+  position = 'bottom-right',
+  backgroundColor,
+  textColor,
+  iconColor,
+  testID
+}) => {
+  const theme = (0, _themed.useTheme)();
+  const styles = useStyles({
+    position
   });
-  return react_1.default.createElement(react_native_1.View, {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.scanWrapper,
     testID: testID
-  }, react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.barCon
-  }, react_1.default.createElement(react_native_1.Pressable, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
     style: [styles.scanBtn, backgroundColor ? {
-      backgroundColor: backgroundColor
+      backgroundColor
     } : null],
-    onPress: function () {
+    onPress: () => {
       onPress && onPress();
     }
-  }, react_1.default.createElement(TapasIcon_1.default, {
+  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
     style: styles.scanIcon,
     name: icon,
     size: size,
     color: iconColor || theme.theme.colors.white
-  }), react_1.default.createElement(react_native_1.Text, {
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.scanText, textColor ? {
       color: textColor
     } : null],
@@ -65,10 +49,11 @@ var ScanButton = function (_a) {
     ellipsizeMode: "tail"
   }, text))));
 };
-var useStyles = (0, themed_1.makeStyles)(function (theme, props) {
-  var _a = (props || {}).position,
-    position = _a === void 0 ? 'bottom-right' : _a;
-  var positionStyle = {
+const useStyles = (0, _themed.makeStyles)((theme, props) => {
+  const {
+    position = 'bottom-right'
+  } = props || {};
+  let positionStyle = {
     bottom: 24,
     right: 24
   };
@@ -101,13 +86,14 @@ var useStyles = (0, themed_1.makeStyles)(function (theme, props) {
       break;
   }
   return {
-    scanWrapper: __assign({
+    scanWrapper: {
       display: "flex",
       position: "absolute",
       flexDirection: "column",
       height: 40,
-      justifyContent: "flex-end"
-    }, positionStyle),
+      justifyContent: "flex-end",
+      ...positionStyle
+    },
     barCon: {
       height: 40,
       flex: 1,
@@ -146,5 +132,32 @@ var useStyles = (0, themed_1.makeStyles)(function (theme, props) {
     }
   };
 });
+var _default = exports.default = (0, _themed.withTheme)(ScanButton);
+
+      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

package/commonjs/SearchInput/SearchInput.js

@@ -183,4 +183,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

@@ -1,17 +1,18 @@
 "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 SearchInput_1 = require("./SearchInput");
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _SearchInput.default;
+    return __importDefault(SearchInput_1).default;
   }
 });
-var _SearchInput = _interopRequireDefault(require("./SearchInput"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-//# sourceMappingURL=index.js.map_importDefault(SearchInput_1).default;
-  }
-});
-//# sourceMappingURL=index.js.map

package/commonjs/SheetTitle/SheetTitle.js

@@ -86,10 +86,9 @@ const SheetTitle = props => {
   }) : icon)));
 };
 var _default = exports.default = (0, _themed.withTheme)(SheetTitle);
-//# sourceMappingURL=SheetTitle.js.maptring' ? react_1.default.createElement(TapasIcon_1.default, {
+
     name: icon,
     size: 20
   }) : icon)));
 };
 exports.default = (0, themed_1.withTheme)(SheetTitle);
-//# sourceMappingURL=SheetTitle.js.map

package/commonjs/Shell/Shell.js

@@ -1,43 +1,104 @@
 "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;
+};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ShellView = exports.ShellDrawer = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _themed = require("@rneui/themed");
-var _types = require("./types");
-var _styles = require("./styles");
-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 Shell = ({
-  children,
-  border = true,
-  drawerWidth = _types.defaultDrawerWidth,
-  style = {},
-  openDrawer = false,
-  testID,
-  ...props
-}) => {
-  let mainContent = null;
-  let drawerContent = null;
-  const [open, setOpen] = (0, _react.useState)(openDrawer);
-  const animatedWidth = new _reactNative.Animated.Value(openDrawer ? drawerWidth : 0);
-  (0, _react.useEffect)(() => {
+exports.ShellDrawer = exports.ShellView = void 0;
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var themed_1 = require("@rneui/themed");
+var types_1 = require("./types");
+var styles_1 = require("./styles");
+var Shell = function (_a) {
+  var children = _a.children,
+    _b = _a.border,
+    border = _b === void 0 ? true : _b,
+    _c = _a.drawerWidth,
+    drawerWidth = _c === void 0 ? types_1.defaultDrawerWidth : _c,
+    _d = _a.style,
+    style = _d === void 0 ? {} : _d,
+    _e = _a.openDrawer,
+    openDrawer = _e === void 0 ? false : _e,
+    testID = _a.testID,
+    props = __rest(_a, ["children", "border", "drawerWidth", "style", "openDrawer", "testID"]);
+  var mainContent = null;
+  var drawerContent = null;
+  var _f = (0, react_1.useState)(openDrawer),
+    open = _f[0],
+    setOpen = _f[1];
+  var animatedWidth = new react_native_1.Animated.Value(openDrawer ? drawerWidth : 0);
+  (0, react_1.useEffect)(function () {
     setOpen(openDrawer);
   }, [openDrawer]);
-  (0, _react.useEffect)(() => {
-    _reactNative.Animated.spring(animatedWidth, {
+  (0, react_1.useEffect)(function () {
+    react_native_1.Animated.spring(animatedWidth, {
       toValue: open ? drawerWidth : 0,
       tension: 300,
       friction: 20,
       useNativeDriver: false
     }).start();
   }, [open, drawerWidth]);
-  _react.default.Children.forEach(children, child => {
-    if (/*#__PURE__*/_react.default.isValidElement(child)) {
+  react_1.default.Children.forEach(children, function (child) {
+    if (react_1.default.isValidElement(child)) {
       if (child.type === Shell.Main) {
         mainContent = child.props.children;
       } else if (child.type === Shell.Drawer) {
@@ -45,64 +106,11 @@ const Shell = ({
       }
     }
   });
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
-    style: {
-      ..._styles.styles.container,
-      ...style
-    },
+  return react_1.default.createElement(react_native_1.View, __assign({
+    style: __assign(__assign({}, styles_1.styles.container), style),
     testID: testID
-  }, props), /*#__PURE__*/_react.default.createElement(ShellView, {
-    style: {
-      ..._styles.styles.mainContainer,
-      borderTopWidth: border ? 1 : 0
-    }
-  }, mainContent), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
-    style: {
-      ..._styles.styles.drawerContainer,
-      width: animatedWidth
-    }
-  }, /*#__PURE__*/_react.default.createElement(ShellDrawer, {
-    style: {
-      borderTopWidth: border ? 1 : 0,
-      borderLeftWidth: border ? 1 : 0
-    }
-  }, drawerContent)));
-};
-const ShellView = ({
-  children,
-  style = {},
-  theme
-}) => {
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ...style,
-      borderTopColor: theme?.greyOutline ?? "rgba(0, 0, 0, 0.12)",
-      borderTopStyle: "solid"
-    }
-  }, children);
-};
-exports.ShellView = ShellView;
-const ShellDrawer = ({
-  children,
-  style,
-  theme
-}) => {
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ...style,
-      ..._styles.styles.drawerInnerCon,
-      borderTopColor: theme?.greyOutline ?? "rgba(0, 0, 0, 0.12)",
-      borderTopStyle: "solid",
-      borderLeftColor: theme?.greyOutline ?? "rgba(0, 0, 0, 0.12)",
-      borderLeftStyle: "solid"
-    }
-  }, children);
-};
-exports.ShellDrawer = ShellDrawer;
-Shell.Main = (0, _themed.withTheme)(ShellView);
-Shell.Drawer = (0, _themed.withTheme)(ShellDrawer);
-var _default = exports.default = Shell;
-//# sourceMappingURL=Shell.js.mapinContainer), {
+  }, props), react_1.default.createElement(exports.ShellView, {
+    style: __assign(__assign({}, styles_1.styles.mainContainer), {
       borderTopWidth: border ? 1 : 0
     })
   }, mainContent), react_1.default.createElement(react_native_1.Animated.View, {
@@ -148,4 +156,3 @@ exports.ShellDrawer = ShellDrawer;
 Shell.Main = (0, themed_1.withTheme)(exports.ShellView);
 Shell.Drawer = (0, themed_1.withTheme)(exports.ShellDrawer);
 exports.default = Shell;
-//# sourceMappingURL=Shell.js.map

package/commonjs/Shell/styles.js

@@ -32,4 +32,3 @@ const styles = exports.styles = _reactNative.StyleSheet.create({
     flexGrow: 1
   }
 });
-//# sourceMappingURL=styles.js.map

package/commonjs/Shell/types.js

@@ -5,4 +5,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultDrawerWidth = void 0;
 const defaultDrawerWidth = exports.defaultDrawerWidth = 150;
-//# sourceMappingURL=types.js.map

package/commonjs/StatisticCard/StatisticCard.js

@@ -1,76 +1,69 @@
 "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.StatisticCard = void 0;
-var react_1 = __importDefault(require("react"));
-var react_native_1 = require("react-native");
-var Text_1 = __importDefault(require("../Text/Text"));
-var Card_1 = __importDefault(require("../Card/Card"));
-var StatisticCard = function (_a) {
-  var title = _a.title,
-    value = _a.value,
-    _b = _a.prefix,
-    prefix = _b === void 0 ? '' : _b,
-    _c = _a.suffix,
-    suffix = _c === void 0 ? '' : _c,
-    trend = _a.trend,
-    description = _a.description,
-    icon = _a.icon,
-    _d = _a.color,
-    color = _d === void 0 ? '#FF6B00' : _d,
-    onPress = _a.onPress,
-    _e = _a.loading,
-    loading = _e === void 0 ? false : _e,
-    style = _a.style;
-  var Container = onPress ? react_native_1.TouchableOpacity : react_native_1.View;
-  var getTrendColor = function () {
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _Text = _interopRequireDefault(require("../Text/Text"));
+var _Card = _interopRequireDefault(require("../Card/Card"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StatisticCard = ({
+  title,
+  value,
+  prefix = '',
+  suffix = '',
+  trend,
+  description,
+  icon,
+  color = '#FF6B00',
+  onPress,
+  loading = false,
+  style
+}) => {
+  const Container = onPress ? _reactNative.TouchableOpacity : _reactNative.View;
+  const getTrendColor = () => {
     if (!trend) return undefined;
     return trend.isPositive !== false ? '#00B894' : '#D63031';
   };
-  var getTrendSymbol = function () {
+  const getTrendSymbol = () => {
     if (!trend) return '';
     return trend.isPositive !== false ? '+' : '';
   };
-  return react_1.default.createElement(Container, {
+  return /*#__PURE__*/_react.default.createElement(Container, {
     onPress: onPress,
     disabled: !onPress,
     activeOpacity: 0.7
-  }, react_1.default.createElement(Card_1.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Card.default, {
     cardId: "statistic-card",
     style: [styles.container, style]
-  }, react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.header
-  }, react_1.default.createElement(Text_1.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
     style: styles.title
-  }, title), icon && react_1.default.createElement(react_native_1.View, {
+  }, title), icon && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.iconContainer
-  }, icon)), react_1.default.createElement(react_native_1.View, {
+  }, icon)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.content
-  }, loading ? react_1.default.createElement(Text_1.default, {
+  }, loading ? /*#__PURE__*/_react.default.createElement(_Text.default, {
     style: styles.loading
-  }, "Loading...") : react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(Text_1.default, {
+  }, "Loading...") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
     style: [styles.value, {
-      color: color
+      color
     }]
-  }, prefix, value, suffix), trend && react_1.default.createElement(react_native_1.View, {
+  }, prefix, value, suffix), trend && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.trendContainer
-  }, react_1.default.createElement(Text_1.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
     style: [styles.trend, {
       color: getTrendColor()
     }]
-  }, getTrendSymbol(), trend.value.toFixed(1), "%")), description && react_1.default.createElement(Text_1.default, {
+  }, getTrendSymbol(), trend.value.toFixed(1), "%")), description && /*#__PURE__*/_react.default.createElement(_Text.default, {
     style: styles.description
   }, description)))));
 };
 exports.StatisticCard = StatisticCard;
-var styles = react_native_1.StyleSheet.create({
+const styles = _reactNative.StyleSheet.create({
   container: {
     padding: 16,
     minHeight: 120
@@ -118,4 +111,16 @@ var styles = react_native_1.StyleSheet.create({
     marginTop: 4
   }
 });
-//# sourceMappingURL=StatisticCard.js.map
+
+    marginBottom: 8
+  },
+  trend: {
+    fontSize: 14,
+    fontWeight: '600'
+  },
+  description: {
+    fontSize: 12,
+    color: '#95A5A6',
+    marginTop: 4
+  }
+});

package/commonjs/StatisticCard/index.js

@@ -10,5 +10,4 @@ Object.defineProperty(exports, "StatisticCard", {
   }
 });
 var _StatisticCard = require("./StatisticCard");
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+

package/commonjs/Status/Status.js

@@ -132,4 +132,3 @@ var StatusTag = function (_a) {
 };
 exports.StatusTag = StatusTag;
 exports.default = (0, themed_1.withTheme)(exports.StatusTag);
-//# sourceMappingURL=Status.js.map