@beppla/tapas-ui 1.0.67 → 1.0.69

package/module/SearchInput/SearchInput.js

@@ -99,7 +99,7 @@ export default withTheme(TapasSearchInput);
 // Export aliases for compatibility
 export const SearchInput = withTheme(TapasSearchInput);
 export { TapasSearchInput };
-//# sourceMappingURL=SearchInput.js.maper,
+
     value = _a.value,
     onSearch = _a.onSearch,
     attachSearch = _a.attachSearch,
@@ -193,4 +193,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/module/SearchInput/index.js

@@ -1,5 +1,6 @@
-export { default } from './SearchInput';
-//# sourceMappingURL=index.js.mapion (mod) {
+"use strict";
+
+var __importDefault = this && this.__importDefault || function (mod) {
   return mod && mod.__esModule ? mod : {
     "default": mod
   };
@@ -15,4 +16,3 @@ Object.defineProperty(exports, "default", {
     return __importDefault(SearchInput_1).default;
   }
 });
-//# sourceMappingURL=index.js.map

package/module/SheetTitle/SheetTitle.js

@@ -1,9 +1,19 @@
-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 => {
+"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) {
   return {
     titleContainer: {
       backgroundColor: theme.colors.white,
@@ -41,45 +51,30 @@ const useStyles = makeStyles(theme => {
     }
   };
 });
-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, {
+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, {
     style: [styles.titleContainer, titleContainerStyle],
     testID: testID
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, react_1.default.createElement(themed_1.Text, {
     style: [styles.title, titleStyle],
     numberOfLines: 1,
     ellipsizeMode: "tail"
-  }, title), /*#__PURE__*/React.createElement(View, {
-    style: styles.closeWrapper
-  }, showClear && /*#__PURE__*/React.createElement(Button, {
-    style: [styles.clear, clearStyle],
-    onPress: onClear,
-    type: 'clear'
-  }, clearText || 'Clear'), showClose && icon && /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: [styles.close, closeStyle],
-    onPress: onClose
-  }, typeof icon === 'string' ? /*#__PURE__*/React.createElement(Icon, {
-    name: icon,
-    size: 20
-  }) : icon)));
-};
-export default withTheme(SheetTitle);
-//# sourceMappingURL=SheetTitle.js.mapreateElement(react_native_1.View, {
+  }, title), react_1.default.createElement(react_native_1.View, {
     style: styles.closeWrapper
   }, showClear && react_1.default.createElement(Button_1.default, {
     style: [styles.clear, clearStyle],
@@ -94,4 +89,3 @@ export default withTheme(SheetTitle);
   }) : icon)));
 };
 exports.default = (0, themed_1.withTheme)(SheetTitle);
-//# sourceMappingURL=SheetTitle.js.map

package/module/Shell/Shell.js

@@ -1,98 +1,85 @@
-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;
-      }
-    }
-  });
-  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)));
-};
-export const ShellView = ({
-  children,
-  style = {},
-  theme
-}) => {
-  return /*#__PURE__*/React.createElement(View, {
-    style: {
-      ...style,
-      borderTopColor: theme?.greyOutline ?? "rgba(0, 0, 0, 0.12)",
-      borderTopStyle: "solid"
+"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];
     }
-  }, children);
+    return t;
+  };
+  return __assign.apply(this, arguments);
 };
-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);
+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;
 };
-Shell.Main = withTheme(ShellView);
-Shell.Drawer = withTheme(ShellDrawer);
-export default Shell;
-//# sourceMappingURL=Shell.js.map["children", "border", "drawerWidth", "style", "openDrawer", "testID"]);
+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"]);
   var mainContent = null;
   var drawerContent = null;
   var _f = (0, react_1.useState)(openDrawer),
@@ -169,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/module/Shell/styles.js

@@ -1,5 +1,11 @@
-import { StyleSheet } from "react-native";
-export const styles = StyleSheet.create({
+"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({
   container: {
     display: "flex",
     justifyContent: "flex-start",
@@ -26,10 +32,3 @@ export const styles = StyleSheet.create({
     flexGrow: 1
   }
 });
-//# sourceMappingURL=styles.js.mapnerCon: {
-    display: "flex",
-    flexDirection: "column",
-    flexGrow: 1
-  }
-});
-//# sourceMappingURL=styles.js.map

package/module/Shell/types.js

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

package/module/StatisticCard/StatisticCard.js

@@ -1,76 +1,61 @@
-"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 () {
+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 = () => {
     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.createElement(Container, {
     onPress: onPress,
     disabled: !onPress,
     activeOpacity: 0.7
-  }, react_1.default.createElement(Card_1.default, {
+  }, /*#__PURE__*/React.createElement(Card, {
     cardId: "statistic-card",
     style: [styles.container, style]
-  }, react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/React.createElement(View, {
     style: styles.header
-  }, react_1.default.createElement(Text_1.default, {
+  }, /*#__PURE__*/React.createElement(Text, {
     style: styles.title
-  }, title), icon && react_1.default.createElement(react_native_1.View, {
+  }, title), icon && /*#__PURE__*/React.createElement(View, {
     style: styles.iconContainer
-  }, icon)), react_1.default.createElement(react_native_1.View, {
+  }, icon)), /*#__PURE__*/React.createElement(View, {
     style: styles.content
-  }, loading ? react_1.default.createElement(Text_1.default, {
+  }, loading ? /*#__PURE__*/React.createElement(Text, {
     style: styles.loading
-  }, "Loading...") : react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(Text_1.default, {
+  }, "Loading...") : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
     style: [styles.value, {
-      color: color
+      color
     }]
-  }, prefix, value, suffix), trend && react_1.default.createElement(react_native_1.View, {
+  }, prefix, value, suffix), trend && /*#__PURE__*/React.createElement(View, {
     style: styles.trendContainer
-  }, react_1.default.createElement(Text_1.default, {
+  }, /*#__PURE__*/React.createElement(Text, {
     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.createElement(Text, {
     style: styles.description
   }, description)))));
 };
-exports.StatisticCard = StatisticCard;
-var styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
   container: {
     padding: 16,
     minHeight: 120
@@ -118,4 +103,49 @@ var styles = react_native_1.StyleSheet.create({
     marginTop: 4
   }
 });
-//# sourceMappingURL=StatisticCard.js.map
+
+    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
+  }
+});

package/module/StatisticCard/index.js

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

package/module/Status/Status.js

@@ -111,7 +111,7 @@ 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 +142,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

@@ -134,7 +134,7 @@ const Steps = ({
   }))));
 };
 export default withTheme(Steps);
-//# sourceMappingURL=Steps.js.mapurn react_1.default.createElement(react_native_1.View, {
+
     style: styles.container,
     testID: testID
   }, steps.map(function (step, index) {
@@ -150,4 +150,3 @@ export default withTheme(Steps);
   }));
 };
 exports.default = (0, themed_1.withTheme)(Steps);
-//# sourceMappingURL=Steps.js.map

package/module/TabTitle/TabTitle.js

@@ -89,4 +89,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,6 @@
 export { default } from './TabTitle';
 export { TabTitle, TapasTabTitle } from './TabTitle';
-//# sourceMappingURL=index.js.map{
+
     "default": mod
   };
 };
@@ -28,4 +28,3 @@ Object.defineProperty(exports, "TapasTabTitle", {
     return TabTitle_2.TapasTabTitle;
   }
 });
-//# sourceMappingURL=index.js.map

package/module/TableColumnHeader/TableColumnHeader.js

@@ -254,4 +254,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme, props) {
 exports.default = (0, themed_1.withTheme)(TapasTableColumnHeader);
 // Export aliases for compatibility
 exports.TableColumnHeader = (0, themed_1.withTheme)(TapasTableColumnHeader);
-//# sourceMappingURL=TableColumnHeader.js.map

package/module/TableColumnHeader/index.js

@@ -1,11 +1,6 @@
-"use strict";
+export { default } from './TableColumnHeader';
+export { TableColumnHeader, TapasTableColumnHeader } from './TableColumnHeader';
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TapasTableColumnHeader = exports.TableColumnHeader = exports.default = void 0;
@@ -29,4 +24,3 @@ Object.defineProperty(exports, "TapasTableColumnHeader", {
     return TableColumnHeader_2.TapasTableColumnHeader;
   }
 });
-//# sourceMappingURL=index.js.map