@beppla/tapas-ui 1.0.67 → 1.0.69

package/module/CheckBox/CheckBox.js

@@ -1,16 +1,79 @@
-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 { makeStyles, withTheme, Text as RNText } from "@rneui/themed";
-import { Platform, TouchableOpacity } from "react-native";
-import Icon from '../Icons/TapasIcon';
-import Hoverable from '../Hoverable/Hoverable';
+"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];
+      }
+    };
+  }
+  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 __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var react_1 = __importStar(require("react"));
+var themed_1 = require("@rneui/themed");
+var react_native_1 = require("react-native");
+var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
+var Hoverable_1 = __importDefault(require("../Hoverable/Hoverable"));
 // @ts-ignore
-const useStyles = makeStyles((theme, ...props) => {
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
+  var props = [];
+  for (var _i = 1; _i < arguments.length; _i++) {
+    props[_i - 1] = arguments[_i];
+  }
   // @ts-ignore
-  const {
-    disabled,
-    mode
-  } = props[0];
+  var _a = props[0],
+    disabled = _a.disabled,
+    mode = _a.mode;
   return {
     textItem: {
       fontFamily: theme.fonts.fontFamily,
@@ -67,84 +130,25 @@ const useStyles = makeStyles((theme, ...props) => {
     }
   };
 });
-const CheckBox = props => {
-  const styles = useStyles(props);
-  const {
-    children,
-    label,
-    checked = false,
-    disabled,
-    style,
-    onPress,
-    hoverStyle,
-    full = true
-  } = props;
-  const [isHovered, setIsHovered] = useState(false);
-  const [isSelected, setIsSelected] = useState(checked);
-  const handleItemPress = () => {
-    setIsSelected(!isSelected);
-    onPress && onPress();
-  };
-  const handleMouseEnter = () => {
-    setIsHovered(true);
-  };
-  const handleMouseLeave = () => {
-    setIsHovered(false);
-  };
-  useEffect(() => {
-    setIsSelected(checked);
-  }, [checked]);
-  const renderText = () => {
-    return !disabled ? /*#__PURE__*/React.createElement(TouchableOpacity, {
-      style: [
-      //@ts-ignore
-      styles.checkBoxContainer,
-      //@ts-ignore
-      isHovered && styles.hovered, isHovered && hoverStyle,
-      //@ts-ignore
-      isSelected && styles.selected, style],
-      onPress: handleItemPress
-    }, /*#__PURE__*/React.createElement(RNText, _extends({
-      style: [
-      //@ts-ignore
-      styles.textItem,
-      //@ts-ignore
-      isHovered && styles.textHovered,
-      //@ts-ignore
-      isSelected && styles.textSelected],
-      numberOfLines: 1,
-      ellipsizeMode: "tail"
-    }, props), /*#__PURE__*/React.createElement(Icon
-    // @ts-ignore
-    , {
-      style: [styles.checkBox, isSelected && styles.checkedBox, !isSelected && styles.uncheckedBox],
-      name: isSelected ? full ? 'check_box' : 'indeterminate_check_box' : 'check_box_outline_blank',
-      size: 20
-    }), label, children)) : /*#__PURE__*/React.createElement(RNText, _extends({
-      style: [
-      //@ts-ignore
-      styles.checkBoxContainer,
-      //@ts-ignore
-      styles.textItem,
-      //@ts-ignore
-      disabled && styles.disabledText, style],
-      numberOfLines: 1,
-      ellipsizeMode: "tail"
-    }, props), /*#__PURE__*/React.createElement(Icon
-    // @ts-ignore
-    , {
-      style: [styles.checkBox],
-      name: isSelected ? 'check_box' : 'check_box_outline_blank',
-      size: 24
-    }), label, children);
-  };
-  return Platform.OS === 'web' ? /*#__PURE__*/React.createElement(Hoverable, {
-    onHoverIn: handleMouseEnter,
-    onHoverOut: handleMouseLeave
-  }, renderText()) : renderText();
-};
-export default withTheme(CheckBox);
-//# sourceMappingURL=CheckBox.js.map {
+var CheckBox = function (props) {
+  var styles = useStyles(props);
+  var children = props.children,
+    label = props.label,
+    _a = props.checked,
+    checked = _a === void 0 ? false : _a,
+    disabled = props.disabled,
+    style = props.style,
+    onPress = props.onPress,
+    hoverStyle = props.hoverStyle,
+    _b = props.full,
+    full = _b === void 0 ? true : _b;
+  var _c = (0, react_1.useState)(false),
+    isHovered = _c[0],
+    setIsHovered = _c[1];
+  var _d = (0, react_1.useState)(checked),
+    isSelected = _d[0],
+    setIsSelected = _d[1];
+  var handleItemPress = function () {
     setIsSelected(!isSelected);
     onPress && onPress();
   };
@@ -209,4 +213,3 @@ export default withTheme(CheckBox);
   }, renderText()) : renderText();
 };
 exports.default = (0, themed_1.withTheme)(CheckBox);
-//# sourceMappingURL=CheckBox.js.map

package/module/CheckBox/CheckBoxItem.js

@@ -1,12 +1,73 @@
-import React, { useState } from 'react';
-import { ListItem, makeStyles, withTheme } from '@rneui/themed';
-import Hoverable from '../Hoverable/Hoverable';
-import Icon from "../Icons/TapasIcon";
-const useStyle = makeStyles((theme, ...props) => {
+"use strict";
+
+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;
+};
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var react_1 = __importStar(require("react"));
+var themed_1 = require("@rneui/themed");
+var Hoverable_1 = __importDefault(require("../Hoverable/Hoverable"));
+var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
+var useStyle = (0, themed_1.makeStyles)(function (theme) {
+  var props = [];
+  for (var _i = 1; _i < arguments.length; _i++) {
+    props[_i - 1] = arguments[_i];
+  }
   //@ts-ignore
-  const {
-    disabled
-  } = props[0];
+  var disabled = props[0].disabled;
   return {
     listItemContainer: {
       backgroundColor: theme.colors.grey5,
@@ -70,82 +131,6 @@ const useStyle = makeStyles((theme, ...props) => {
     }
   };
 });
-const CheckBoxItem = ({
-  item,
-  key,
-  onItemPress,
-  ...props
-}) => {
-  const styles = useStyle(props);
-  const {
-    selected,
-    disabled
-  } = props;
-  const [isHovered, setIsHovered] = useState(false);
-  // const hasSelected = (currentItem: CheckBoxItemProps) => {
-  //    return  selected.some(i =>  i.value === currentItem.value)
-  // }
-
-  const handleMouseEnter = () => {
-    setIsHovered(true);
-  };
-  const handleMouseLeave = () => {
-    setIsHovered(false);
-  };
-  return /*#__PURE__*/React.createElement(ListItem, {
-    containerStyle: [styles.listItemContainer, disabled && styles.disabled, selected && disabled && styles.disabledSelectedContainer],
-    style: {
-      width: '100%'
-    },
-    key: key
-  }, /*#__PURE__*/React.createElement(ListItem.Content, {
-    style: [styles.itemContainer, selected ? styles.selectedItem : {}]
-  }, /*#__PURE__*/React.createElement(Hoverable, {
-    onHoverIn: handleMouseEnter,
-    onHoverOut: handleMouseLeave,
-    style: [styles.itemWrapper, isHovered && !disabled && styles.hovered],
-    key: key
-    // @ts-ignore
-    ,
-    onPress: () => {
-      onItemPress(item);
-    }
-  }, /*#__PURE__*/React.createElement(Icon
-  //@ts-ignore
-  , {
-    style: [styles.icon, selected ? styles.checkedBox : styles.uncheckedBox, disabled && styles.disabledBox],
-    name: selected ? 'check_box' : 'check_box_outline_blank',
-    size: 20
-  }), /*#__PURE__*/React.createElement(ListItem.Title, {
-    style: [styles.title, disabled && styles.disabledTitle]
-  }, item.title))));
-};
-export default withTheme(CheckBoxItem);
-//# sourceMappingURL=CheckBoxItem.js.mapdisabled
-    },
-    disabledSelectedContainer: {
-      backgroundColor: theme.colors.grey5
-    },
-    checkedBox: {
-      color: theme.colors.colorTextPrimary
-    },
-    uncheckedBox: {
-      color: theme.colors.colorTextPrimary
-    },
-    disabledBox: {
-      color: theme.colors.disabled
-    },
-    itemWrapper: {
-      display: 'flex',
-      flexDirection: 'row',
-      alignItems: 'center',
-      flex: 1,
-      height: 48,
-      backgroundColor: 'transparent',
-      paddingHorizontal: 16
-    }
-  };
-});
 var CheckBoxItem = function (_a) {
   var item = _a.item,
     key = _a.key,
@@ -195,4 +180,3 @@ var CheckBoxItem = function (_a) {
   }, item.title))));
 };
 exports.default = (0, themed_1.withTheme)(CheckBoxItem);
-//# sourceMappingURL=CheckBoxItem.js.map

package/module/CheckBox/GroupCheckBox.js

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

package/module/CircularProgress/CircularProgress.js

@@ -42,7 +42,7 @@ const styles = StyleSheet.create({
   }
 });
 export default withTheme(CircularProgressExample);
-//# sourceMappingURL=CircularProgress.js.map
+
     tintColor: tintColor || (theme === null || theme === void 0 ? void 0 : theme.colors.success),
     rotation: rotation || 0,
     lineCap: lineCap || 'round'
@@ -64,4 +64,3 @@ var styles = react_native_1.StyleSheet.create({
   }
 });
 exports.default = (0, themed_1.withTheme)(CircularProgressExample);
-//# sourceMappingURL=CircularProgress.js.map

package/module/Collapsible/Collapsible.js

@@ -63,4 +63,69 @@ const useStyles = makeStyles(theme => ({
   }
 }));
 export default withTheme(Collapsible);
-//# sourceMappingURL=Collapsible.js.map
+
+var Collapsible = function (_a) {
+  var children = _a.children,
+    title = _a.title,
+    _b = _a.initialOpen,
+    initialOpen = _b === void 0 ? false : _b,
+    testID = _a.testID,
+    onToggle = _a.onToggle,
+    titleStyle = _a.titleStyle,
+    contentStyle = _a.contentStyle,
+    iconColor = _a.iconColor,
+    _c = _a.iconSize,
+    iconSize = _c === void 0 ? 18 : _c;
+  var _d = (0, react_1.useState)(initialOpen),
+    isOpen = _d[0],
+    setIsOpen = _d[1];
+  var theme = (0, themed_1.useTheme)();
+  var styles = useStyles();
+  var handleToggle = function () {
+    var newState = !isOpen;
+    setIsOpen(newState);
+    onToggle === null || onToggle === void 0 ? void 0 : onToggle(newState);
+  };
+  return react_1.default.createElement(react_native_1.View, {
+    style: styles.container,
+    testID: testID
+  }, react_1.default.createElement(react_native_1.TouchableOpacity, {
+    style: styles.heading,
+    onPress: handleToggle,
+    activeOpacity: 0.8
+  }, react_1.default.createElement(TapasIcon_1.default, {
+    name: isOpen ? 'expand_less' : 'expand_more',
+    size: iconSize,
+    color: iconColor || theme.theme.colors.grey1
+  }), react_1.default.createElement(Text_1.default, {
+    style: [styles.title, titleStyle]
+  }, title)), isOpen && react_1.default.createElement(react_native_1.View, {
+    style: [styles.content, contentStyle]
+  }, children));
+};
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
+  return {
+    container: {
+      backgroundColor: theme.colors.background
+    },
+    heading: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 6,
+      paddingVertical: 12,
+      paddingHorizontal: 4
+    },
+    title: {
+      flex: 1,
+      fontSize: 16,
+      fontWeight: '600',
+      color: theme.colors.primary
+    },
+    content: {
+      marginTop: 6,
+      marginLeft: 24,
+      paddingBottom: 12
+    }
+  };
+});
+exports.default = (0, themed_1.withTheme)(Collapsible);

package/module/DashboardCard/DashboardCard.js

@@ -1,73 +1,12 @@
-"use strict";
-
-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;
-};
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var react_1 = __importStar(require("react"));
-var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
-var react_native_1 = require("react-native");
-var themed_1 = require("@rneui/themed");
-var Hoverable_1 = __importDefault(require("../Hoverable/Hoverable"));
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
-  var props = [];
-  for (var _i = 1; _i < arguments.length; _i++) {
-    props[_i - 1] = arguments[_i];
-  }
-  var disabled = props[0].disabled;
+import React, { useState } from 'react';
+import TapasIcon from '../Icons/TapasIcon';
+import { View, Text, TouchableOpacity } from 'react-native';
+import { makeStyles } from "@rneui/themed";
+import Hoverable from "../Hoverable/Hoverable";
+const useStyles = makeStyles((theme, ...props) => {
+  const {
+    disabled
+  } = props[0];
   return {
     cardWrap: {
       display: "flex",
@@ -175,35 +114,88 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
     }
   };
 });
-var DashboardCard = function (_a) {
-  var _b, _c;
-  var header = _a.header,
-    content = _a.content,
-    footer = _a.footer,
-    onCardPress = _a.onCardPress,
-    testID = _a.testID,
-    props = __rest(_a, ["header", "content", "footer", "onCardPress", "testID"]);
-  var styles = useStyles(props);
-  var _d = (0, react_1.useState)(false),
-    isHovered = _d[0],
-    setIsHovered = _d[1];
-  var handleMouseEnter = function () {
+const DashboardCard = ({
+  header,
+  content,
+  footer,
+  onCardPress,
+  testID,
+  ...props
+}) => {
+  const styles = useStyles(props);
+  const [isHovered, setIsHovered] = useState(false);
+  const handleMouseEnter = () => {
     setIsHovered(true);
   };
-  var handleMouseLeave = function () {
+  const handleMouseLeave = () => {
     setIsHovered(false);
   };
-  return react_1.default.createElement(Hoverable_1.default, {
+  return /*#__PURE__*/React.createElement(Hoverable, {
     onHoverIn: handleMouseEnter,
     onHoverOut: handleMouseLeave,
     style: props.cardContainerStyle,
     testID: testID
-  }, react_1.default.createElement(react_native_1.TouchableOpacity, {
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
     testID: testID,
-    onPress: function () {
-      if (props === null || props === void 0 ? void 0 : props.disabled) return;
+    onPress: () => {
+      if (props?.disabled) return;
       onCardPress && onCardPress();
     }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.cardWrap, isHovered && !props?.disabled && styles.cardWrapHover, props.cardStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.headerWrap, props.headerStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.titleWrap, props.titleStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.title
+  }, header?.icon && /*#__PURE__*/React.createElement(TapasIcon, {
+    name: header?.icon,
+    size: 24,
+    style: styles.titleIcon
+  }), header?.title && /*#__PURE__*/React.createElement(Text, {
+    style: styles.titleText,
+    numberOfLines: 1,
+    ellipsizeMode: "tail"
+  }, header?.title)), header?.description && header?.description?.length > 0 && /*#__PURE__*/React.createElement(View, {
+    style: styles.descriptionWrap
+  }, header?.description?.map((desc, index) => {
+    return desc && /*#__PURE__*/React.createElement(Text, {
+      style: styles.description,
+      key: index
+    }, desc);
+  }))), header?.action && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: header?.actionStyle,
+    onPress: () => {
+      header?.onPressAction && header?.onPressAction(header);
+    }
+  }, header?.action)), /*#__PURE__*/React.createElement(View, {
+    style: props.contentStyle
+  }, content && typeof content === 'string' ? /*#__PURE__*/React.createElement(Text, {
+    style: styles.contentTextStyle
+  }, content) : content), /*#__PURE__*/React.createElement(View, {
+    style: styles.footerWrap
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.footerTitleWrap
+  }, footer?.title && /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
+    style: styles.footerTitleText
+  }, footer?.title)), footer?.description && /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
+    style: styles.footerDescriptionText
+  }, footer?.description))), footer?.icon && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.footerIcon,
+    onPress: () => {
+      if (props?.disabled) return;
+      footer?.onPress && footer?.onPress();
+    }
+  }, /*#__PURE__*/React.createElement(TapasIcon, {
+    name: footer?.icon || '',
+    size: 20,
+    style: styles.footerIconStyle
+  }))))));
+};
+export default DashboardCard;
+
+    }
   }, react_1.default.createElement(react_native_1.View, {
     style: [styles.cardWrap, isHovered && !(props === null || props === void 0 ? void 0 : props.disabled) && styles.cardWrapHover, props.cardStyle]
   }, react_1.default.createElement(react_native_1.View, {
@@ -257,4 +249,3 @@ var DashboardCard = function (_a) {
   }))))));
 };
 exports.default = DashboardCard;
-//# sourceMappingURL=DashboardCard.js.map