@beppla/tapas-ui 1.0.70 → 1.0.72

package/module/SheetTitle/SheetTitle.js

@@ -1,19 +1,9 @@
-"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 themed_1 = require("@rneui/themed");
-var react_native_1 = require("react-native");
-var Button_1 = __importDefault(require("../Button/Button"));
-var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
+import React from 'react';
+import { withTheme, makeStyles, Text } from "@rneui/themed";
+import { TouchableOpacity, View } from "react-native";
+import Button from "../Button/Button";
+import Icon from '../Icons/TapasIcon';
+const useStyles = makeStyles(theme => {
   return {
     titleContainer: {
       backgroundColor: theme.colors.white,
@@ -51,42 +41,41 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
     }
   };
 });
-var SheetTitle = function (props) {
-  var title = props.title,
-    _a = props.icon,
-    icon = _a === void 0 ? 'close' : _a,
-    _b = props.showClose,
-    showClose = _b === void 0 ? true : _b,
-    showClear = props.showClear,
-    onClose = props.onClose,
-    clearText = props.clearText,
-    clearStyle = props.clearStyle,
-    onClear = props.onClear,
-    titleContainerStyle = props.titleContainerStyle,
-    titleStyle = props.titleStyle,
-    closeStyle = props.closeStyle,
-    testID = props.testID;
-  var styles = useStyles(props);
-  return react_1.default.createElement(react_native_1.View, {
+const SheetTitle = props => {
+  const {
+    title,
+    icon = 'close',
+    showClose = true,
+    showClear,
+    onClose,
+    clearText,
+    clearStyle,
+    onClear,
+    titleContainerStyle,
+    titleStyle,
+    closeStyle,
+    testID
+  } = props;
+  const styles = useStyles(props);
+  return /*#__PURE__*/React.createElement(View, {
     style: [styles.titleContainer, titleContainerStyle],
     testID: testID
-  }, react_1.default.createElement(themed_1.Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     style: [styles.title, titleStyle],
     numberOfLines: 1,
     ellipsizeMode: "tail"
-  }, title), react_1.default.createElement(react_native_1.View, {
+  }, title), /*#__PURE__*/React.createElement(View, {
     style: styles.closeWrapper
-  }, showClear && react_1.default.createElement(Button_1.default, {
+  }, showClear && /*#__PURE__*/React.createElement(Button, {
     style: [styles.clear, clearStyle],
     onPress: onClear,
     type: 'clear'
-  }, clearText || 'Clear'), showClose && icon && react_1.default.createElement(react_native_1.TouchableOpacity, {
+  }, clearText || 'Clear'), showClose && icon && /*#__PURE__*/React.createElement(TouchableOpacity, {
     style: [styles.close, closeStyle],
     onPress: onClose
-  }, typeof icon === 'string' ? react_1.default.createElement(TapasIcon_1.default, {
+  }, typeof icon === 'string' ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
     size: 20
   }) : icon)));
 };
-exports.default = (0, themed_1.withTheme)(SheetTitle);
-//# sourceMappingURL=SheetTitle.js.map
+export default withTheme(SheetTitle);

package/module/Shell/Shell.js

@@ -1,85 +1,97 @@
-"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];
+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, Animated } from "react-native";
+import { withTheme } from "@rneui/themed";
+import { defaultDrawerWidth } from "./types";
+import { styles } from "./styles";
+const Shell = ({
+  children,
+  border = true,
+  drawerWidth = defaultDrawerWidth,
+  style = {},
+  openDrawer = false,
+  testID,
+  ...props
+}) => {
+  let mainContent = null;
+  let drawerContent = null;
+  const [open, setOpen] = useState(openDrawer);
+  const animatedWidth = new Animated.Value(openDrawer ? drawerWidth : 0);
+  useEffect(() => {
+    setOpen(openDrawer);
+  }, [openDrawer]);
+  useEffect(() => {
+    Animated.spring(animatedWidth, {
+      toValue: open ? drawerWidth : 0,
+      tension: 300,
+      friction: 20,
+      useNativeDriver: false
+    }).start();
+  }, [open, drawerWidth]);
+  React.Children.forEach(children, child => {
+    if (/*#__PURE__*/React.isValidElement(child)) {
+      if (child.type === Shell.Main) {
+        mainContent = child.props.children;
+      } else if (child.type === Shell.Drawer) {
+        drawerContent = child.props.children;
       }
-    };
-  }
-  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;
+  return /*#__PURE__*/React.createElement(View, _extends({
+    style: {
+      ...styles.container,
+      ...style
+    },
+    testID: testID
+  }, props), /*#__PURE__*/React.createElement(ShellView, {
+    style: {
+      ...styles.mainContainer,
+      borderTopWidth: border ? 1 : 0
+    }
+  }, mainContent), /*#__PURE__*/React.createElement(Animated.View, {
+    style: {
+      ...styles.drawerContainer,
+      width: animatedWidth
+    }
+  }, /*#__PURE__*/React.createElement(ShellDrawer, {
+    style: {
+      borderTopWidth: border ? 1 : 0,
+      borderLeftWidth: border ? 1 : 0
+    }
+  }, drawerContent)));
 };
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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"]);
+export const ShellView = ({
+  children,
+  style = {},
+  theme
+}) => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...style,
+      borderTopColor: theme?.greyOutline ?? "rgba(0, 0, 0, 0.12)",
+      borderTopStyle: "solid"
+    }
+  }, children);
+};
+export const ShellDrawer = ({
+  children,
+  style,
+  theme
+}) => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...style,
+      ...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);
+};
+Shell.Main = withTheme(ShellView);
+Shell.Drawer = withTheme(ShellDrawer);
+export default Shell;
   var mainContent = null;
   var drawerContent = null;
   var _f = (0, react_1.useState)(openDrawer),
@@ -156,4 +168,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/module/Shell/styles.js

@@ -1,11 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = void 0;
-var react_native_1 = require("react-native");
-exports.styles = react_native_1.StyleSheet.create({
+import { StyleSheet } from "react-native";
+export const styles = StyleSheet.create({
   container: {
     display: "flex",
     justifyContent: "flex-start",
@@ -32,4 +26,8 @@ exports.styles = react_native_1.StyleSheet.create({
     flexGrow: 1
   }
 });
-//# sourceMappingURL=styles.js.map
+    display: "flex",
+    flexDirection: "column",
+    flexGrow: 1
+  }
+});

package/module/Shell/types.js

@@ -1,6 +1,7 @@
-export const defaultDrawerWidth = 150;
-//# sourceMappingURL=types.js.maprue
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
 exports.defaultDrawerWidth = void 0;
 exports.defaultDrawerWidth = 150;
-//# sourceMappingURL=types.js.map

package/module/StatisticCard/StatisticCard.js

@@ -1,61 +1,76 @@
-import React from 'react';
-import { View, StyleSheet, TouchableOpacity } from 'react-native';
-import Text from '../Text/Text';
-import Card from '../Card/Card';
-export const StatisticCard = ({
-  title,
-  value,
-  prefix = '',
-  suffix = '',
-  trend,
-  description,
-  icon,
-  color = '#FF6B00',
-  onPress,
-  loading = false,
-  style
-}) => {
-  const Container = onPress ? TouchableOpacity : View;
-  const getTrendColor = () => {
+"use strict";
+
+var __importDefault = this && this.__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 () {
     if (!trend) return undefined;
     return trend.isPositive !== false ? '#00B894' : '#D63031';
   };
-  const getTrendSymbol = () => {
+  var getTrendSymbol = function () {
     if (!trend) return '';
     return trend.isPositive !== false ? '+' : '';
   };
-  return /*#__PURE__*/React.createElement(Container, {
+  return react_1.default.createElement(Container, {
     onPress: onPress,
     disabled: !onPress,
     activeOpacity: 0.7
-  }, /*#__PURE__*/React.createElement(Card, {
+  }, react_1.default.createElement(Card_1.default, {
     cardId: "statistic-card",
     style: [styles.container, style]
-  }, /*#__PURE__*/React.createElement(View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: styles.header
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, react_1.default.createElement(Text_1.default, {
     style: styles.title
-  }, title), icon && /*#__PURE__*/React.createElement(View, {
+  }, title), icon && react_1.default.createElement(react_native_1.View, {
     style: styles.iconContainer
-  }, icon)), /*#__PURE__*/React.createElement(View, {
+  }, icon)), react_1.default.createElement(react_native_1.View, {
     style: styles.content
-  }, loading ? /*#__PURE__*/React.createElement(Text, {
+  }, loading ? react_1.default.createElement(Text_1.default, {
     style: styles.loading
-  }, "Loading...") : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+  }, "Loading...") : react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(Text_1.default, {
     style: [styles.value, {
-      color
+      color: color
     }]
-  }, prefix, value, suffix), trend && /*#__PURE__*/React.createElement(View, {
+  }, prefix, value, suffix), trend && react_1.default.createElement(react_native_1.View, {
     style: styles.trendContainer
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, react_1.default.createElement(Text_1.default, {
     style: [styles.trend, {
       color: getTrendColor()
     }]
-  }, getTrendSymbol(), trend.value.toFixed(1), "%")), description && /*#__PURE__*/React.createElement(Text, {
+  }, getTrendSymbol(), trend.value.toFixed(1), "%")), description && react_1.default.createElement(Text_1.default, {
     style: styles.description
   }, description)))));
 };
-const styles = StyleSheet.create({
+exports.StatisticCard = StatisticCard;
+var styles = react_native_1.StyleSheet.create({
   container: {
     padding: 16,
     minHeight: 120
@@ -103,50 +118,3 @@ const styles = StyleSheet.create({
     marginTop: 4
   }
 });
-//# sourceMappingURL=StatisticCard.js.mapdding: 16,
-    minHeight: 120
-  },
-  header: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    marginBottom: 12
-  },
-  title: {
-    fontSize: 14,
-    color: '#7F8C8D',
-    fontWeight: '500'
-  },
-  iconContainer: {
-    width: 32,
-    height: 32,
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  content: {
-    flex: 1
-  },
-  value: {
-    fontSize: 32,
-    fontWeight: 'bold',
-    marginBottom: 4
-  },
-  loading: {
-    fontSize: 16,
-    color: '#999'
-  },
-  trendContainer: {
-    marginTop: 4,
-    marginBottom: 8
-  },
-  trend: {
-    fontSize: 14,
-    fontWeight: '600'
-  },
-  description: {
-    fontSize: 12,
-    color: '#95A5A6',
-    marginTop: 4
-  }
-});
-//# sourceMappingURL=StatisticCard.js.map

package/module/StatisticCard/index.js

@@ -1,5 +1,4 @@
 export { StatisticCard } from './StatisticCard';
-//# sourceMappingURL=index.js.mapports.StatisticCard = void 0;
 var StatisticCard_1 = require("./StatisticCard");
 Object.defineProperty(exports, "StatisticCard", {
   enumerable: true,
@@ -7,4 +6,3 @@ Object.defineProperty(exports, "StatisticCard", {
     return StatisticCard_1.StatisticCard;
   }
 });
-//# sourceMappingURL=index.js.map

package/module/Status/Status.js

@@ -111,7 +111,6 @@ export const StatusTag = ({
   }, formattedTag));
 };
 export default withTheme(StatusTag);
-//# sourceMappingURL=Status.js.map_reserved: {
       color: theme.colors.warning2,
       borderColor: theme.colors.warning2,
       borderWidth: 1
@@ -142,4 +141,3 @@ var StatusTag = function (_a) {
 };
 exports.StatusTag = StatusTag;
 exports.default = (0, themed_1.withTheme)(exports.StatusTag);
-//# sourceMappingURL=Status.js.map

package/module/Steps/Steps.js

@@ -1,8 +1,18 @@
-import React from 'react';
-import { View, Text, TouchableOpacity } from 'react-native';
-import { withTheme, makeStyles } from '@rneui/themed';
-import Icon from '../Icons/TapasIcon';
-const useStyles = makeStyles(theme => {
+"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 TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
   return {
     container: {
       flexDirection: 'row',
@@ -85,56 +95,41 @@ const useStyles = 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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
+  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(react_native_1.TouchableOpacity, {
     onPress: handleItemPress
-  }, /*#__PURE__*/React.createElement(View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: styles.stepItem
-  }, index !== 1 && /*#__PURE__*/React.createElement(View, {
+  }, index !== 1 && react_1.default.createElement(react_native_1.View, {
     style: [styles.hr, (completed || active) && styles.completedHr]
-  }), completed ? /*#__PURE__*/React.createElement(Text, {
+  }), completed ? react_1.default.createElement(react_native_1.Text, {
     style: [styles.stepText, active && styles.activeStep, completed && styles.completedStep]
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, react_1.default.createElement(TapasIcon_1.default, {
     name: "check",
     size: 16,
     color: "white"
-  })) : /*#__PURE__*/React.createElement(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.createElement(View, {
-    style: styles.container,
-    testID: testID
-  }, steps.map((step, index) => /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Step, {
-    key: index,
-    index: Number.parseInt(`${index + 1}`),
-    title: step.title,
-    description: step.description,
-    active: index === currentStep,
-    completed: index < currentStep,
-    onItemPress: onPressStep
-  }))));
-};
-export default withTheme(Steps);
-//# sourceMappingURL=Steps.js.mapurn react_1.default.createElement(react_native_1.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(function (step, index) {
@@ -150,4 +145,3 @@ export default withTheme(Steps);
   }));
 };
 exports.default = (0, themed_1.withTheme)(Steps);
-//# sourceMappingURL=Steps.js.map

package/module/TabTitle/TabTitle.js

@@ -56,7 +56,6 @@ export default withTheme(TapasTabTitle);
 // Export aliases for compatibility
 export const TabTitle = withTheme(TapasTabTitle);
 export { TapasTabTitle };
-//# sourceMappingURL=TabTitle.js.mapStyles();
   return react_1.default.createElement(react_native_1.View, __assign({
     style: [styles.container, style]
   }, otherProps), react_1.default.createElement(react_native_1.Text, __assign({
@@ -98,4 +97,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
 exports.default = (0, themed_1.withTheme)(TapasTabTitle);
 // Export aliases for compatibility
 exports.TabTitle = (0, themed_1.withTheme)(TapasTabTitle);
-//# sourceMappingURL=TabTitle.js.map

package/module/TabTitle/index.js

@@ -1,6 +1,5 @@
 export { default } from './TabTitle';
 export { TabTitle, TapasTabTitle } from './TabTitle';
-//# sourceMappingURL=index.js.map{
     "default": mod
   };
 };
@@ -28,4 +27,3 @@ Object.defineProperty(exports, "TapasTabTitle", {
     return TabTitle_2.TapasTabTitle;
   }
 });
-//# sourceMappingURL=index.js.map