@beppla/tapas-ui 1.0.67 → 1.0.69

package/commonjs/MessageBox/MessageBox.js

@@ -1,39 +1,86 @@
 "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 __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 = _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; }
-const MessageBox = ({
-  state,
-  title,
-  text,
-  icon,
-  visible,
-  confirmBtnText,
-  closeBtnText,
-  hideFooter = false,
-  hideCloseBtn = false,
-  hideConfirmBtn = false,
-  descNumberOfLines = 3,
-  onVisibilityChange,
-  onClose,
-  onConfirm
-}) => {
-  const theme = (0, _themed.useTheme)();
-  const styles = useStyles();
-  const [modalVisible, setModalVisible] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
+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 MessageBox = function (_a) {
+  var state = _a.state,
+    title = _a.title,
+    text = _a.text,
+    icon = _a.icon,
+    visible = _a.visible,
+    confirmBtnText = _a.confirmBtnText,
+    closeBtnText = _a.closeBtnText,
+    _b = _a.hideFooter,
+    hideFooter = _b === void 0 ? false : _b,
+    _c = _a.hideCloseBtn,
+    hideCloseBtn = _c === void 0 ? false : _c,
+    _d = _a.hideConfirmBtn,
+    hideConfirmBtn = _d === void 0 ? false : _d,
+    _e = _a.descNumberOfLines,
+    descNumberOfLines = _e === void 0 ? 3 : _e,
+    onVisibilityChange = _a.onVisibilityChange,
+    onClose = _a.onClose,
+    onConfirm = _a.onConfirm;
+  var theme = (0, themed_1.useTheme)();
+  var styles = useStyles();
+  var _f = (0, react_1.useState)(false),
+    modalVisible = _f[0],
+    setModalVisible = _f[1];
+  (0, react_1.useEffect)(function () {
     setModalVisible(Boolean(visible));
   }, [visible]);
-  const stateIcon = (0, _react.useMemo)(() => {
+  var stateIcon = (0, react_1.useMemo)(function () {
     if (icon) return icon;
     switch (state) {
       case "success":
@@ -46,7 +93,7 @@ const MessageBox = ({
         return "";
     }
   }, [state, icon]);
-  const handleClose = (0, _react.useCallback)(() => {
+  var handleClose = (0, react_1.useCallback)(function () {
     if (onClose) {
       onClose();
     } else if (onVisibilityChange) {
@@ -55,56 +102,56 @@ const MessageBox = ({
       setModalVisible(false);
     }
   }, [onClose, onVisibilityChange]);
-  const handleConfirm = (0, _react.useCallback)(() => {
-    onConfirm?.();
+  var handleConfirm = (0, react_1.useCallback)(function () {
+    onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
   }, [onConfirm]);
-  const handleRequestClose = (0, _react.useCallback)(() => {
+  var handleRequestClose = (0, react_1.useCallback)(function () {
     onVisibilityChange ? onVisibilityChange(false) : setModalVisible(false);
   }, [onVisibilityChange]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+  return react_1.default.createElement(react_native_1.Modal, {
     animationType: "fade",
     transparent: true,
     visible: modalVisible,
     onRequestClose: handleRequestClose
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: styles.modalContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: styles.modalContent
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: styles.messagebox_header
-  }, stateIcon ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, stateIcon ? react_1.default.createElement(react_native_1.View, {
     style: styles.messagebox_header_icon
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
+  }, react_1.default.createElement(TapasIcon_1.default, {
     name: stateIcon,
     size: 20,
     color: theme.theme.colors.primary
-  })) : null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })) : null, react_1.default.createElement(react_native_1.View, {
     style: styles.messagebox_header_txt_con
-  }, title ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }, title ? react_1.default.createElement(react_native_1.Text, {
     style: styles.messagebox_header_txt,
     numberOfLines: 1,
     ellipsizeMode: "tail"
-  }, title) : null)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, title) : null)), react_1.default.createElement(react_native_1.View, {
     style: styles.messagebox_main
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }, react_1.default.createElement(react_native_1.Text, {
     style: styles.messagebox_main_txt,
     numberOfLines: descNumberOfLines,
     ellipsizeMode: "tail"
-  }, text)), !hideFooter ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, text)), !hideFooter ? react_1.default.createElement(react_native_1.View, {
     style: styles.messagebox_footer
-  }, !hideCloseBtn ? /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+  }, !hideCloseBtn ? react_1.default.createElement(react_native_1.Pressable, {
     style: styles.messagebox_btn,
     onPress: handleClose
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }, react_1.default.createElement(react_native_1.Text, {
     style: styles.messagebox_btn_txt,
     numberOfLines: 1,
     ellipsizeMode: "tail"
-  }, closeBtnText || "Close")) : null, !hideConfirmBtn ? /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+  }, closeBtnText || "Close")) : null, !hideConfirmBtn ? react_1.default.createElement(react_native_1.Pressable, {
     style: [styles.messagebox_btn, {
       backgroundColor: theme.theme.colors.primary
     }],
     onPress: handleConfirm
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }, react_1.default.createElement(react_native_1.Text, {
     style: [styles.messagebox_btn_txt, {
       color: theme.theme.colors.white
     }],
@@ -112,85 +159,37 @@ const MessageBox = ({
     ellipsizeMode: "tail"
   }, confirmBtnText || "Confirm")) : null) : null)));
 };
-const useStyles = (0, _themed.makeStyles)(theme => ({
-  modalContainer: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    backgroundColor: "rgba(0, 0, 0, 0.6)",
-    zIndex: 10
-  },
-  modalContent: {
-    width: 392,
-    borderRadius: 12,
-    backgroundColor: theme?.colors?.white,
-    display: "flex",
-    flexDirection: "column",
-    padding: 16,
-    gap: 16
-  },
-  messagebox_header: {
-    display: "flex",
-    flexDirection: "row",
-    gap: 4,
-    height: 20
-  },
-  messagebox_header_icon: {
-    width: 20,
-    height: 20,
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-    alignContent: "center",
-    alignItems: "center"
-  },
-  messagebox_header_txt_con: {
-    display: "flex",
-    flexDirection: "row",
-    flex: 1,
-    overflow: "hidden"
-  },
-  messagebox_header_txt: {
-    fontSize: 16,
-    fontWeight: "700",
-    color: theme?.colors?.primary
-  },
-  messagebox_main: {
-    display: "flex",
-    flexDirection: "column",
-    flex: 1,
-    overflow: "hidden"
-  },
-  messagebox_main_txt: {
-    fontSize: 14,
-    fontWeight: "400",
-    color: theme?.colors?.secondary
-  },
-  messagebox_footer: {
-    display: "flex",
-    flexDirection: "row",
-    justifyContent: "flex-end",
-    gap: 8,
-    height: 40
-  },
-  messagebox_btn: {
-    height: 40,
-    display: "flex",
-    flexDirection: "row",
-    justifyContent: "center",
-    alignContent: "center",
-    alignItems: "center",
-    paddingLeft: 16,
-    paddingRight: 16,
-    borderRadius: 20
-  },
-  messagebox_btn_txt: {
-    fontSize: 14,
-    fontWeight: "600"
-  }
-}));
-var _default = exports.default = (0, _themed.withTheme)(MessageBox);
-//# sourceMappingURL=MessageBox.js.mapntent: "center",
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
+  var _a, _b, _c;
+  return {
+    modalContainer: {
+      flex: 1,
+      justifyContent: "center",
+      alignItems: "center",
+      backgroundColor: "rgba(0, 0, 0, 0.6)",
+      zIndex: 10
+    },
+    modalContent: {
+      width: 392,
+      borderRadius: 12,
+      backgroundColor: (_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a.white,
+      display: "flex",
+      flexDirection: "column",
+      padding: 16,
+      gap: 16
+    },
+    messagebox_header: {
+      display: "flex",
+      flexDirection: "row",
+      gap: 4,
+      height: 20
+    },
+    messagebox_header_icon: {
+      width: 20,
+      height: 20,
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
       alignContent: "center",
       alignItems: "center"
     },
@@ -241,4 +240,3 @@ var _default = exports.default = (0, _themed.withTheme)(MessageBox);
   };
 });
 exports.default = (0, themed_1.withTheme)(MessageBox);
-//# sourceMappingURL=MessageBox.js.map

package/commonjs/MultiSelector/MultiSelector.js

@@ -575,4 +575,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
   };
 });
 exports.default = (0, themed_1.withTheme)(TapasMultiSelector);
-//# sourceMappingURL=MultiSelector.js.map

package/commonjs/MultiSelector/index.js

@@ -1,14 +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 MultiSelector_1 = require("./MultiSelector");
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _MultiSelector.default;
+    return __importDefault(MultiSelector_1).default;
   }
 });
-var _MultiSelector = _interopRequireDefault(require("./MultiSelector"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-//# sourceMappingURL=index.js.map

package/commonjs/Navigation/Navigation.js

@@ -198,4 +198,3 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = exports.default = (0, _themed.withTheme)(Navigation);
-//# sourceMappingURL=Navigation.js.map

package/commonjs/Notification/Notification.js

@@ -217,7 +217,7 @@ const TapasNotification = ({
   }, emptyText)))));
 };
 var _default = exports.default = (0, _themed.withTheme)(TapasNotification);
-//# sourceMappingURL=Notification.js.maple)), !hideHeaderButton && react_1.default.createElement(react_native_1.View, {
+
     style: styles.headerButton
   }, react_1.default.createElement(Button_1.default, {
     type: "clear",
@@ -265,4 +265,3 @@ var _default = exports.default = (0, _themed.withTheme)(TapasNotification);
   }, emptyText)))));
 };
 exports.default = (0, themed_1.withTheme)(TapasNotification);
-//# sourceMappingURL=Notification.js.map

package/commonjs/Notification/index.js

@@ -1,17 +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 Notification_1 = require("./Notification");
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _Notification.default;
+    return __importDefault(Notification_1).default;
   }
 });
-var _Notification = _interopRequireDefault(require("./Notification"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-//# sourceMappingURL=index.js.mapimportDefault(Notification_1).default;
-  }
-});
-//# sourceMappingURL=index.js.map

package/commonjs/NumericInput/NumericInput.js

@@ -152,27 +152,3 @@ const NumericInput = props => {
   })));
 };
 var _default = exports.default = NumericInput;
-//# sourceMappingURL=NumericInput.js.mapreateElement(react_native_1.TextInput, {
-    style: [styles.input, props.inputStyle, props.disabled && styles.disabledColor],
-    editable: !props.disabled,
-    keyboardType: "numeric",
-    value: (value || 0).toString(),
-    onChangeText: handleChange,
-    onBlur: function () {
-      props.onChange && props.onChange(value);
-    }
-  }), isAddDisabled || props.disabled ? react_1.default.createElement(TapasIcon_1.default, {
-    name: "add",
-    size: 20,
-    style: __assign(__assign(__assign(__assign({}, styles.iconWrap), addStyle), styles.disabledColor), styles.iconAddWrapDisabled)
-  }) : react_1.default.createElement(react_native_1.TouchableOpacity, {
-    onPress: handleAdd,
-    style: [styles.iconWrap, styles.iconAddWrap]
-  }, react_1.default.createElement(TapasIcon_1.default, {
-    name: "add",
-    size: 20,
-    style: __assign(__assign({}, styles.iconAdd), addStyle)
-  })));
-};
-exports.default = NumericInput;
-//# sourceMappingURL=NumericInput.js.map

package/commonjs/Overlay/Overlay.js

@@ -1,37 +1,38 @@
 "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 __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.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _themed = require("@rneui/themed");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 useStyles = (0, _themed.makeStyles)(theme => ({
-  overlay: {
-    width: '100%',
-    height: '80%',
-    justifyContent: 'flex-start',
-    position: 'absolute',
-    bottom: 0
-  },
-  backdropStyle: {
-    backgroundColor: theme.colors.grey4
-  }
-}));
-const OverlayComponent = ({
-  children,
-  ...props
-}) => {
-  const styles = useStyles(props);
-  return /*#__PURE__*/_react.default.createElement(_themed.Overlay, _extends({
-    overlayStyle: [styles.overlay, props.overlayStyle],
-    backdropStyle: [styles.backdropStyle, props.backdropStyle]
-  }, props), children);
-};
-var _default = exports.default = OverlayComponent;
-//# sourceMappingURL=Overlay.js.map0%',
+var react_1 = __importDefault(require("react"));
+var themed_1 = require("@rneui/themed");
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
+  return {
+    overlay: {
+      width: '100%',
+      height: '80%',
       justifyContent: 'flex-start',
       position: 'absolute',
       bottom: 0
@@ -51,4 +52,3 @@ var OverlayComponent = function (_a) {
   }, props), children);
 };
 exports.default = OverlayComponent;
-//# sourceMappingURL=Overlay.js.map