@beppla/tapas-ui 1.0.70 → 1.0.72

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = void 0;
-var _reactNative = require("react-native");
-const styles = exports.styles = _reactNative.StyleSheet.create({
+var react_native_1 = require("react-native");
+exports.styles = react_native_1.StyleSheet.create({
   container: {
     display: "flex",
     justifyContent: "flex-start",
@@ -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;
 exports.defaultDrawerWidth = 150;
-//# sourceMappingURL=types.js.mapurceMappingURL=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,15 @@ 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,3 @@ Object.defineProperty(exports, "StatisticCard", {
   }
 });
 var _StatisticCard = require("./StatisticCard");
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/commonjs/Status/Status.js

@@ -1,28 +1,15 @@
 "use strict";
 
-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.StatusTag = void 0;
-var react_1 = __importDefault(require("react"));
-var react_native_1 = require("react-native");
-var themed_1 = require("@rneui/themed");
-var common_1 = require("../common");
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
-  var _a;
+exports.default = exports.StatusTag = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _themed = require("@rneui/themed");
+var _common = require("../common");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const useStyles = (0, _themed.makeStyles)(theme => {
   return {
     statusWrap: {
       height: 24,
@@ -33,9 +20,9 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
     },
     base: {
       width: 'auto',
-      fontFamily: (_a = theme === null || theme === void 0 ? void 0 : theme.fonts) === null || _a === void 0 ? void 0 : _a.fontFamily,
-      fontSize: theme === null || theme === void 0 ? void 0 : theme.fonts.sizeM,
-      fontWeight: theme === null || theme === void 0 ? void 0 : theme.fonts.weightR,
+      fontFamily: theme?.fonts?.fontFamily,
+      fontSize: theme?.fonts.sizeM,
+      fontWeight: theme?.fonts.weightR,
       paddingHorizontal: 6,
       alignItems: 'center',
       display: 'flex',
@@ -108,14 +95,30 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
     }
   };
 });
-var StatusTag = function (_a) {
-  var tag = _a.tag,
-    type = _a.type,
-    _b = _a.mode,
-    mode = _b === void 0 ? 'point' : _b,
-    props = __rest(_a, ["tag", "type", "mode"]);
-  var styles = useStyles(props);
-  var formattedTag = (0, common_1.capitalizeFirstLetter)(tag);
+const StatusTag = ({
+  tag,
+  type,
+  mode = 'point',
+  ...props
+}) => {
+  const styles = useStyles(props);
+  const formattedTag = (0, _common.capitalizeFirstLetter)(tag);
+  if (!tag) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    testID: props?.testID,
+    style: [styles.statusWrap, props.styles]
+  }, mode === 'point' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.point, styles[type]]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.base]
+  }, formattedTag)) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.base, styles[`solid_${type}`]]
+  }, formattedTag));
+};
+exports.StatusTag = StatusTag;
+var _default = exports.default = (0, _themed.withTheme)(StatusTag);
   if (!tag) {
     return null;
   }
@@ -132,4 +135,3 @@ var StatusTag = function (_a) {
 };
 exports.StatusTag = StatusTag;
 exports.default = (0, themed_1.withTheme)(exports.StatusTag);
-//# sourceMappingURL=Status.js.map

package/commonjs/Steps/Steps.js

@@ -1,15 +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 _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 useStyles = (0, _themed.makeStyles)(theme => {
+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: {
       flexDirection: 'row',
@@ -92,58 +95,53 @@ const useStyles = (0, _themed.makeStyles)(theme => {
     }
   };
 });
-const Step = ({
-  index,
-  active,
-  completed,
-  onItemPress
-}) => {
-  const styles = useStyles();
-  const handleItemPress = () => {
+var Step = function (_a) {
+  var index = _a.index,
+    active = _a.active,
+    completed = _a.completed,
+    onItemPress = _a.onItemPress;
+  var styles = useStyles();
+  var handleItemPress = function () {
     if (completed || active) {
       onItemPress && onItemPress(index);
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(react_native_1.TouchableOpacity, {
     onPress: handleItemPress
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: styles.stepItem
-  }, index !== 1 && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, index !== 1 && react_1.default.createElement(react_native_1.View, {
     style: [styles.hr, (completed || active) && styles.completedHr]
-  }), completed ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }), completed ? react_1.default.createElement(react_native_1.Text, {
     style: [styles.stepText, active && styles.activeStep, completed && styles.completedStep]
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
+  }, react_1.default.createElement(TapasIcon_1.default, {
     name: "check",
     size: 16,
     color: "white"
-  })) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  })) : react_1.default.createElement(react_native_1.Text, {
     style: [styles.stepText, active && styles.activeStep, completed && styles.completedStep]
   }, index))));
 };
-const Steps = ({
-  steps = [],
-  currentStep,
-  onPressStep,
-  testID
-}) => {
-  const styles = useStyles();
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+var Steps = function (_a) {
+  var _b = _a.steps,
+    steps = _b === void 0 ? [] : _b,
+    currentStep = _a.currentStep,
+    onPressStep = _a.onPressStep,
+    testID = _a.testID;
+  var styles = useStyles();
+  return react_1.default.createElement(react_native_1.View, {
     style: styles.container,
     testID: testID
-  }, steps.map((step, index) => /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(Step, {
-    key: index,
-    index: Number.parseInt(`${index + 1}`),
-    title: step.title,
-    description: step.description,
-    active: index === currentStep,
-    completed: index < currentStep,
-    onItemPress: onPressStep
-  }))));
-};
-var _default = exports.default = (0, _themed.withTheme)(Steps);
-//# sourceMappingURL=Steps.js.map onItemPress: onPressStep
+  }, steps.map(function (step, index) {
+    return react_1.default.createElement(react_native_1.View, null, react_1.default.createElement(Step, {
+      key: index,
+      index: Number.parseInt("".concat(index + 1)),
+      title: step.title,
+      description: step.description,
+      active: index === currentStep,
+      completed: index < currentStep,
+      onItemPress: onPressStep
     }));
   }));
 };
 exports.default = (0, themed_1.withTheme)(Steps);
-//# sourceMappingURL=Steps.js.map