@beppla/tapas-ui 1.0.70 → 1.0.72

package/commonjs/Card/Card.js

@@ -1,100 +1,39 @@
 "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;
-};
-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 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var themed_1 = require("@rneui/themed");
-var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
-var Card = function (_a) {
-  var style = _a.style,
-    icon = _a.icon,
-    state = _a.state,
-    stateText = _a.stateText,
-    showMore = _a.showMore,
-    title = _a.title,
-    subTitle = _a.subTitle,
-    _b = _a.moreBtnIcon,
-    moreBtnIcon = _b === void 0 ? "more_vert" : _b,
-    actions = _a.actions,
-    cardId = _a.cardId,
-    path = _a.path,
-    showNavBtn = _a.showNavBtn,
-    _c = _a.width,
-    width = _c === void 0 ? 285 : _c,
-    _d = _a.navBtnIcon,
-    navBtnIcon = _d === void 0 ? "back" : _d,
-    onPress = _a.onPress,
-    showMoreOptions = _a.showMoreOptions,
-    otherProps = __rest(_a, ["style", "icon", "state", "stateText", "showMore", "title", "subTitle", "moreBtnIcon", "actions", "cardId", "path", "showNavBtn", "width", "navBtnIcon", "onPress", "showMoreOptions"]);
-  var theme = (0, themed_1.useTheme)();
-  var styles = useStyles();
-  var stateColors = {
+exports.default = void 0;
+var _react = _interopRequireWildcard(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 }; }
+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 Card = ({
+  style,
+  icon,
+  state,
+  stateText,
+  showMore,
+  title,
+  subTitle,
+  moreBtnIcon = "more_vert",
+  actions,
+  cardId,
+  path,
+  showNavBtn,
+  width = 285,
+  navBtnIcon = "back",
+  onPress,
+  showMoreOptions,
+  ...otherProps
+}) => {
+  const theme = (0, _themed.useTheme)();
+  const styles = useStyles();
+  const stateColors = {
     error_bg: theme.theme.colors.colorStatusErrorBg || "#FFE6E6",
     error_text: theme.theme.colors.colorStatusError || "#FF4444",
     warning_bg: theme.theme.colors.colorStatusWarningBg || "#FFF3E0",
@@ -102,80 +41,70 @@ var Card = function (_a) {
     success_bg: theme.theme.colors.colorStatusSuccessBg || "#E8F5E8",
     success_text: theme.theme.colors.colorStatusSuccess || "#4CAF50"
   };
-  var _e = (0, react_1.useState)(false),
-    hover = _e[0],
-    setHover = _e[1];
-  return react_1.default.createElement(react_native_1.TouchableWithoutFeedback, {
-    onPressIn: function () {
-      return setHover(true);
-    },
-    onPressOut: function () {
-      return setHover(false);
-    },
-    onPress: function () {
-      return onPress && onPress("".concat(path, "--").concat(cardId));
-    }
-  }, react_1.default.createElement(react_native_1.View, __assign({}, otherProps, {
+  const [hover, setHover] = (0, _react.useState)(false);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, {
+    onPressIn: () => setHover(true),
+    onPressOut: () => setHover(false),
+    onPress: () => onPress && onPress(`${path}--${cardId}`)
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, otherProps, {
     style: [styles.container, style, {
       width: width || 285
     }, hover && styles.hoverStyle]
-  }), react_1.default.createElement(react_native_1.View, {
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.inner
-  }, react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.header
-  }, react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.left
-  }, icon && react_1.default.createElement(TapasIcon_1.default, {
+  }, icon && /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
     size: 24,
     color: theme.theme.colors.primary,
     name: icon
-  }), state && stateText && react_1.default.createElement(react_native_1.View, {
+  }), state && stateText && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.stateCon, {
       backgroundColor: stateColors[state + "_bg"]
     }]
-  }, react_1.default.createElement(react_native_1.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     numberOfLines: 1,
     ellipsizeMode: "tail",
     style: [styles.stateText, {
       color: stateColors[state + "_text"]
     }]
-  }, stateText))), react_1.default.createElement(react_native_1.View, {
+  }, stateText))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.right
-  }, showMore && moreBtnIcon && react_1.default.createElement(react_native_1.Pressable, {
-    onPress: function (e) {
+  }, showMore && moreBtnIcon && /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: e => {
       e.stopPropagation();
       if (showMoreOptions) {
         showMoreOptions(cardId);
       }
     }
-  }, react_1.default.createElement(TapasIcon_1.default, {
+  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
     size: 20,
     color: theme.theme.colors.primary,
     name: moreBtnIcon
-  })))), react_1.default.createElement(react_native_1.View, {
+  })))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.main
-  }, react_1.default.createElement(react_native_1.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.left, {
       flexDirection: "column",
       width: width - 32 - (showNavBtn ? 38 : 0),
       overflow: "hidden"
     }]
-  }, react_1.default.createElement(react_native_1.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     numberOfLines: 1,
     ellipsizeMode: "tail",
     style: styles.subTitle
-  }, subTitle || ""), react_1.default.createElement(react_native_1.Text, {
+  }, subTitle || ""), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     numberOfLines: 1,
     ellipsizeMode: "tail",
     style: styles.title
-  }, title || "")), react_1.default.createElement(react_native_1.View, {
+  }, title || "")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.right
-  }, showNavBtn && react_1.default.createElement(react_native_1.Pressable, {
-    onPress: function () {
-      return onPress && onPress(cardId);
-    },
+  }, showNavBtn && /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: () => onPress && onPress(cardId),
     style: styles.navBtn
-  }, react_1.default.createElement(TapasIcon_1.default, {
+  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
     size: 20,
     style: {
       alignSelf: "center"
@@ -184,110 +113,107 @@ var Card = function (_a) {
     name: navBtnIcon
   })))))));
 };
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
-  return {
-    container: {
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "flex-start",
-      width: 285,
-      height: 128,
-      borderRadius: 12,
-      overflow: "hidden",
-      backgroundColor: theme.colors.white,
-      cursor: "pointer"
+const useStyles = (0, _themed.makeStyles)(theme => ({
+  container: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "flex-start",
+    width: 285,
+    height: 128,
+    borderRadius: 12,
+    overflow: "hidden",
+    backgroundColor: theme.colors.white,
+    cursor: "pointer"
+  },
+  hoverStyle: {
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 8
     },
-    hoverStyle: {
-      shadowColor: "#000",
-      shadowOffset: {
-        width: 0,
-        height: 8
-      },
-      shadowOpacity: 0.08,
-      shadowRadius: 24,
-      elevation: 12
-    },
-    inner: {
-      marginTop: 10,
-      marginBottom: 16,
-      marginRight: 16,
-      marginLeft: 16,
-      display: "flex",
-      flexGrow: 1,
-      overflow: "hidden",
-      flexDirection: "column",
-      justifyContent: "space-between"
-    },
-    header: {
-      height: 32,
-      display: "flex",
-      flexDirection: "row",
-      width: "100%",
-      overflow: "hidden",
-      justifyContent: "space-between",
-      gap: 8
-    },
-    left: {
-      display: "flex",
-      flexDirection: "row",
-      flexGrow: 1,
-      overflow: "hidden",
-      justifyContent: "flex-start"
-    },
-    right: {
-      display: "flex",
-      flexDirection: "row",
-      overflow: "hidden",
-      justifyContent: "flex-end"
-    },
-    stateCon: {
-      display: "flex",
-      flexDirection: "row",
-      height: 24,
-      alignSelf: "center",
-      paddingLeft: 8,
-      paddingRight: 8,
-      borderRadius: 12
-    },
-    stateText: {
-      fontSize: 10,
-      fontWeight: "700",
-      lineHeight: 24
-    },
-    main: {
-      display: "flex",
-      flexDirection: "row",
-      height: 40,
-      justifyContent: "space-between",
-      overflow: "hidden",
-      width: "100%",
-      gap: 8
-    },
-    navBtn: {
-      display: "flex",
-      flexDirection: "column",
-      width: 28,
-      height: 28,
-      justifyContent: "center",
-      alignSelf: "center",
-      borderRadius: 14,
-      borderColor: theme.colors.greyOutline,
-      borderWidth: 1,
-      transform: "rotate(180deg)",
-      borderStyle: "solid"
-    },
-    subTitle: {
-      fontSize: 10,
-      fontWeight: "700",
-      color: theme.colors.grey1
-    },
-    title: {
-      fontSize: 16,
-      fontWeight: "700",
-      color: theme.colors.primary,
-      overflow: "hidden"
-    }
-  };
-});
-exports.default = (0, themed_1.withTheme)(Card);
-//# sourceMappingURL=Card.js.map
+    shadowOpacity: 0.08,
+    shadowRadius: 24,
+    elevation: 12
+  },
+  inner: {
+    marginTop: 10,
+    marginBottom: 16,
+    marginRight: 16,
+    marginLeft: 16,
+    display: "flex",
+    flexGrow: 1,
+    overflow: "hidden",
+    flexDirection: "column",
+    justifyContent: "space-between"
+  },
+  header: {
+    height: 32,
+    display: "flex",
+    flexDirection: "row",
+    width: "100%",
+    overflow: "hidden",
+    justifyContent: "space-between",
+    gap: 8
+  },
+  left: {
+    display: "flex",
+    flexDirection: "row",
+    flexGrow: 1,
+    overflow: "hidden",
+    justifyContent: "flex-start"
+  },
+  right: {
+    display: "flex",
+    flexDirection: "row",
+    overflow: "hidden",
+    justifyContent: "flex-end"
+  },
+  stateCon: {
+    display: "flex",
+    flexDirection: "row",
+    height: 24,
+    alignSelf: "center",
+    paddingLeft: 8,
+    paddingRight: 8,
+    borderRadius: 12
+  },
+  stateText: {
+    fontSize: 10,
+    fontWeight: "700",
+    lineHeight: 24
+  },
+  main: {
+    display: "flex",
+    flexDirection: "row",
+    height: 40,
+    justifyContent: "space-between",
+    overflow: "hidden",
+    width: "100%",
+    gap: 8
+  },
+  navBtn: {
+    display: "flex",
+    flexDirection: "column",
+    width: 28,
+    height: 28,
+    justifyContent: "center",
+    alignSelf: "center",
+    borderRadius: 14,
+    borderColor: theme.colors.greyOutline,
+    borderWidth: 1,
+    transform: "rotate(180deg)",
+    borderStyle: "solid"
+  },
+  subTitle: {
+    fontSize: 10,
+    fontWeight: "700",
+    color: theme.colors.grey1
+  },
+  title: {
+    fontSize: 16,
+    fontWeight: "700",
+    color: theme.colors.primary,
+    overflow: "hidden"
+  }
+}));
+var _default = exports.default = (0, _themed.withTheme)(Card);

package/commonjs/CheckBox/CheckBox.js

@@ -213,4 +213,3 @@ var CheckBox = function (props) {
   }, renderText()) : renderText();
 };
 exports.default = (0, themed_1.withTheme)(CheckBox);
-//# sourceMappingURL=CheckBox.js.map

package/commonjs/CheckBox/CheckBoxItem.js

@@ -1,73 +1,21 @@
 "use strict";
 
-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;
-};
-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 = __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];
-  }
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _themed = require("@rneui/themed");
+var _Hoverable = _interopRequireDefault(require("../Hoverable/Hoverable"));
+var _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
+const useStyle = (0, _themed.makeStyles)((theme, ...props) => {
   //@ts-ignore
-  var disabled = props[0].disabled;
+  const {
+    disabled
+  } = props[0];
   return {
     listItemContainer: {
       backgroundColor: theme.colors.grey5,
@@ -131,53 +79,54 @@ var useStyle = (0, themed_1.makeStyles)(function (theme) {
     }
   };
 });
-var CheckBoxItem = function (_a) {
-  var item = _a.item,
-    key = _a.key,
-    onItemPress = _a.onItemPress,
-    props = __rest(_a, ["item", "key", "onItemPress"]);
-  var styles = useStyle(props);
-  var selected = props.selected,
-    disabled = props.disabled;
-  var _b = (0, react_1.useState)(false),
-    isHovered = _b[0],
-    setIsHovered = _b[1];
+const CheckBoxItem = ({
+  item,
+  key,
+  onItemPress,
+  ...props
+}) => {
+  const styles = useStyle(props);
+  const {
+    selected,
+    disabled
+  } = props;
+  const [isHovered, setIsHovered] = (0, _react.useState)(false);
   // const hasSelected = (currentItem: CheckBoxItemProps) => {
   //    return  selected.some(i =>  i.value === currentItem.value)
   // }
-  var handleMouseEnter = function () {
+
+  const handleMouseEnter = () => {
     setIsHovered(true);
   };
-  var handleMouseLeave = function () {
+  const handleMouseLeave = () => {
     setIsHovered(false);
   };
-  return react_1.default.createElement(themed_1.ListItem, {
+  return /*#__PURE__*/_react.default.createElement(_themed.ListItem, {
     containerStyle: [styles.listItemContainer, disabled && styles.disabled, selected && disabled && styles.disabledSelectedContainer],
     style: {
       width: '100%'
     },
     key: key
-  }, react_1.default.createElement(themed_1.ListItem.Content, {
+  }, /*#__PURE__*/_react.default.createElement(_themed.ListItem.Content, {
     style: [styles.itemContainer, selected ? styles.selectedItem : {}]
-  }, react_1.default.createElement(Hoverable_1.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Hoverable.default, {
     onHoverIn: handleMouseEnter,
     onHoverOut: handleMouseLeave,
     style: [styles.itemWrapper, isHovered && !disabled && styles.hovered],
-    key: key,
+    key: key
     // @ts-ignore
-    onPress: function () {
+    ,
+    onPress: () => {
       onItemPress(item);
     }
-  }, react_1.default.createElement(TapasIcon_1.default
+  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default
   //@ts-ignore
   , {
-    //@ts-ignore
     style: [styles.icon, selected ? styles.checkedBox : styles.uncheckedBox, disabled && styles.disabledBox],
     name: selected ? 'check_box' : 'check_box_outline_blank',
     size: 20
-  }), react_1.default.createElement(themed_1.ListItem.Title, {
+  }), /*#__PURE__*/_react.default.createElement(_themed.ListItem.Title, {
     style: [styles.title, disabled && styles.disabledTitle]
   }, item.title))));
 };
-exports.default = (0, themed_1.withTheme)(CheckBoxItem);
-//# sourceMappingURL=CheckBoxItem.js.map
+var _default = exports.default = (0, _themed.withTheme)(CheckBoxItem);