@beppla/tapas-ui 1.0.70 → 1.0.72

package/commonjs/Alert/Alert.js

@@ -1,19 +1,69 @@
 "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
 });
-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 useStyles = (0, _themed.makeStyles)(theme => {
+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 useStyles = (0, themed_1.makeStyles)(function (theme) {
   // const {type} = props[0] as AlertProps;
-  const color = theme.colors.colorTextBrand,
+  var color = theme.colors.colorTextBrand,
     bgColor = '#EBDFB5';
   return {
     flx: {
@@ -44,42 +94,13 @@ const useStyles = (0, _themed.makeStyles)(theme => {
     }
   };
 });
-const Alert = ({
-  // @ts-ignore
-  theme,
-  ...props
-}) => {
-  const styles = useStyles(props);
-  const {
-    message,
-    closable,
-    icon
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.flx, styles.alertWrap, props.style],
-    testID: "alert"
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.flx, styles.flxStart]
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-    name: icon ?? 'error',
-    size: 20,
-    style: styles.statusIcon
-  }), /*#__PURE__*/_react.default.createElement(_themed.Text, {
-    style: [styles.textItem],
-    numberOfLines: 1
-  }, message)), closable && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: e => {
-      e.stopPropagation();
-      props.onClose && props.onClose();
-    }
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-    name: "close",
-    size: 20,
-    style: styles.closeIcon
-  }))));
-};
-var _default = exports.default = (0, _themed.withTheme)(Alert);
-//# sourceMappingURL=Alert.js.mape = props.message,
+var Alert = function (_a) {
+  var
+    // @ts-ignore
+    theme = _a.theme,
+    props = __rest(_a, ["theme"]);
+  var styles = useStyles(props);
+  var message = props.message,
     closable = props.closable,
     icon = props.icon;
   return react_1.default.createElement(react_native_1.View, {
@@ -106,4 +127,3 @@ var _default = exports.default = (0, _themed.withTheme)(Alert);
   }))));
 };
 exports.default = (0, themed_1.withTheme)(Alert);
-//# sourceMappingURL=Alert.js.map

package/commonjs/AnimatedNavItem/AnimatedNavItem.js

@@ -172,75 +172,3 @@ const useStyles = (0, _themed.makeStyles)((theme, props) => {
 });
 var _default = exports.default = (0, _themed.withTheme)(TapasAnimatedNavItem); // Export aliases for compatibility
 const AnimatedNavItem = exports.AnimatedNavItem = (0, _themed.withTheme)(TapasAnimatedNavItem);
-//# sourceMappingURL=AnimatedNavItem.js.mapor(),
-      opacity: disabled ? 0.5 : 1
-    }],
-    onPress: handlePress,
-    onLongPress: handleLongPress,
-    disabled: disabled
-  }), react_1.default.createElement(react_native_1.Animated.View, {
-    style: [styles.animatedContainer, {
-      width: widthAnim
-    }]
-  }, icon && react_1.default.createElement(TapasIcon_1.default, {
-    name: icon,
-    size: iconSize,
-    color: getCurrentIconColor()
-  }), expanded && text && react_1.default.createElement(react_native_1.Text, {
-    style: [styles.text, {
-      color: getCurrentTextColor()
-    }, textStyle],
-    numberOfLines: 1,
-    ellipsizeMode: "tail"
-  }, text)));
-};
-exports.TapasAnimatedNavItem = TapasAnimatedNavItem;
-var useStyles = (0, themed_1.makeStyles)(function (theme, props) {
-  var _a, _b, _c, _d, _e, _f;
-  var height = (props === null || props === void 0 ? void 0 : props.height) || 40;
-  var paddingHorizontal = ((_a = props === null || props === void 0 ? void 0 : props.padding) === null || _a === void 0 ? void 0 : _a.horizontal) || 12;
-  var paddingVertical = ((_b = props === null || props === void 0 ? void 0 : props.padding) === null || _b === void 0 ? void 0 : _b.vertical) || 0;
-  return {
-    container: {
-      minWidth: 40,
-      width: "auto",
-      display: "flex",
-      flexDirection: "row",
-      height: height,
-      justifyContent: "center",
-      alignItems: "center",
-      borderRadius: height / 2,
-      overflow: "hidden"
-    },
-    animatedContainer: {
-      height: height,
-      display: "flex",
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: "center",
-      paddingHorizontal: paddingHorizontal,
-      paddingVertical: paddingVertical,
-      gap: 8
-    },
-    text: {
-      fontSize: 14,
-      fontWeight: "600",
-      alignSelf: "center",
-      color: ((_c = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _c === void 0 ? void 0 : _c.white) || "#FFFFFF",
-      flexShrink: 1
-    },
-    defaultIcon: {
-      color: ((_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.primary) || "#007AFF"
-    },
-    expandedIcon: {
-      color: ((_e = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _e === void 0 ? void 0 : _e.white) || "#FFFFFF"
-    },
-    expandedContainer: {
-      backgroundColor: ((_f = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _f === void 0 ? void 0 : _f.primary) || "#007AFF"
-    }
-  };
-});
-exports.default = (0, themed_1.withTheme)(TapasAnimatedNavItem);
-// Export aliases for compatibility
-exports.AnimatedNavItem = (0, themed_1.withTheme)(TapasAnimatedNavItem);
-//# sourceMappingURL=AnimatedNavItem.js.map

package/commonjs/AnimatedNavItem/index.js

@@ -1,33 +1,26 @@
 "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.TapasAnimatedNavItem = exports.AnimatedNavItem = exports.default = void 0;
-var AnimatedNavItem_1 = require("./AnimatedNavItem");
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "AnimatedNavItem", {
   enumerable: true,
   get: function () {
-    return __importDefault(AnimatedNavItem_1).default;
+    return _AnimatedNavItem.AnimatedNavItem;
   }
 });
-var AnimatedNavItem_2 = require("./AnimatedNavItem");
-Object.defineProperty(exports, "AnimatedNavItem", {
+Object.defineProperty(exports, "TapasAnimatedNavItem", {
   enumerable: true,
   get: function () {
-    return AnimatedNavItem_2.AnimatedNavItem;
+    return _AnimatedNavItem.TapasAnimatedNavItem;
   }
 });
-Object.defineProperty(exports, "TapasAnimatedNavItem", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return AnimatedNavItem_2.TapasAnimatedNavItem;
+    return _AnimatedNavItem.default;
   }
 });
-//# sourceMappingURL=index.js.map != 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; }
-//# sourceMappingURL=index.js.map
+var _AnimatedNavItem = _interopRequireWildcard(require("./AnimatedNavItem"));
+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; }

package/commonjs/BarChart/BarChart.js

@@ -277,4 +277,3 @@ var styles = react_native_1.StyleSheet.create({
     color: '#999'
   }
 });
-//# sourceMappingURL=BarChart.js.map

package/commonjs/BarChart/index.js

@@ -10,4 +10,3 @@ Object.defineProperty(exports, "BarChart", {
   }
 });
 var _BarChart = require("./BarChart");
-//# sourceMappingURL=index.js.mapsourceMappingURL=index.js.map

package/commonjs/Button/Button.js

@@ -1,104 +1,85 @@
 "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
 });
-exports.Button = void 0;
-var react_1 = __importStar(require("react"));
-var themed_1 = require("@rneui/themed");
-var react_native_1 = require("react-native");
-var Hoverable_1 = __importDefault(require("../Hoverable/Hoverable"));
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  return {
-    buttonHovered: {
-      backgroundColor: (_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a.colorSurface2
-    },
-    outlineButtonHovered: {
-      backgroundColor: (_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.grey4,
-      borderColor: (_c = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _c === void 0 ? void 0 : _c.grey4
-    },
-    button: {
-      backgroundColor: (_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.primary
-    },
-    baseButton: {
-      fontFamily: (_e = theme === null || theme === void 0 ? void 0 : theme.fonts) === null || _e === void 0 ? void 0 : _e.fontFamily,
-      fontSize: theme === null || theme === void 0 ? void 0 : theme.fonts.sizeM,
-      fontWeight: theme === null || theme === void 0 ? void 0 : theme.fonts.weightM
-    },
-    outlineButton: {
-      borderColor: (_f = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _f === void 0 ? void 0 : _f.grey4,
-      backgroundColor: ((_g = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _g === void 0 ? void 0 : _g.white) || '#ffffff'
-    }
-  };
-});
-var Button = function (_a) {
-  var hoverStyle = _a.hoverStyle,
-    buttonStyle = _a.buttonStyle,
+exports.default = exports.Button = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _themed = require("@rneui/themed");
+var _reactNative = require("react-native");
+var _Hoverable = _interopRequireDefault(require("../Hoverable/Hoverable"));
+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 useStyles = (0, _themed.makeStyles)(theme => ({
+  buttonHovered: {
+    backgroundColor: theme?.colors?.colorSurface2
+  },
+  outlineButtonHovered: {
+    backgroundColor: theme?.colors?.grey4,
+    borderColor: theme?.colors?.grey4
+  },
+  button: {
+    backgroundColor: theme?.colors?.primary
+  },
+  baseButton: {
+    fontFamily: theme?.fonts?.fontFamily,
+    fontSize: theme?.fonts.sizeM,
+    fontWeight: theme?.fonts.weightM
+  },
+  outlineButton: {
+    borderColor: theme?.colors?.grey4,
+    backgroundColor: theme?.colors?.white || '#ffffff'
+  }
+}));
+const Button = ({
+  hoverStyle,
+  buttonStyle,
+  width,
+  ...props
+}) => {
+  const [isHovered, setIsHovered] = (0, _react.useState)(false);
+  const styles = useStyles(props);
+  const handleMouseEnter = (0, _react.useCallback)(() => {
+    setIsHovered(true);
+  }, []);
+  const handleMouseLeave = (0, _react.useCallback)(() => {
+    setIsHovered(false);
+  }, []);
+  const {
+    primaryStyle,
+    hoveredStyle
+  } = (0, _react.useMemo)(() => ({
+    primaryStyle: props.type === 'solid' ? styles.button : props.type === 'outline' ? styles.outlineButton : {},
+    hoveredStyle: props.type === 'solid' ? styles.buttonHovered : props.type === 'outline' ? styles.outlineButtonHovered : {}
+  }), [props.type, styles]);
+  const newButtonStyle = (0, _react.useMemo)(() => isHovered && props.type !== 'clear' ? {
+    ...hoveredStyle,
+    ...hoverStyle
+  } : {
+    ...primaryStyle,
+    ...buttonStyle
+  }, [isHovered, props.type, hoveredStyle, hoverStyle, primaryStyle, buttonStyle]);
+  const containerStyle = (0, _react.useMemo)(() => ({
+    width
+  }), [width]);
+  const titleStyleMemo = (0, _react.useMemo)(() => [styles.baseButton, props.titleStyle], [styles.baseButton, props.titleStyle]);
+  return _reactNative.Platform.OS === 'web' && props.type !== 'clear' ? /*#__PURE__*/_react.default.createElement(_Hoverable.default, {
+    onHoverIn: handleMouseEnter,
+    onHoverOut: handleMouseLeave
+  }, isHovered => /*#__PURE__*/_react.default.createElement(_themed.Button, _extends({
+    containerStyle: containerStyle,
+    buttonStyle: isHovered ? [newButtonStyle, hoverStyle].filter(Boolean) : newButtonStyle,
+    titleStyle: isHovered ? [titleStyleMemo, props.selectedTitleStyle] : titleStyleMemo
+  }, props))) : /*#__PURE__*/_react.default.createElement(_themed.Button, _extends({
+    containerStyle: containerStyle,
+    buttonStyle: newButtonStyle,
+    titleStyle: titleStyleMemo
+  }, props));
+};
+exports.Button = Button;
+var _default = exports.default = Button;
     width = _a.width,
     props = __rest(_a, ["hoverStyle", "buttonStyle", "width"]);
   var _b = (0, react_1.useState)(false),
@@ -147,4 +128,3 @@ var Button = function (_a) {
 };
 exports.Button = Button;
 exports.default = exports.Button;
-//# sourceMappingURL=Button.js.map

package/commonjs/Button/ButtonGroup.js

@@ -211,4 +211,3 @@ var ButtonGroup = function (_a) {
   }));
 };
 exports.default = ButtonGroup;
-//# sourceMappingURL=ButtonGroup.js.map

package/commonjs/Button/react-native-hoverable.d.js

@@ -1,2 +1 @@
 "use strict";
-//# sourceMappingURL=react-native-hoverable.d.js.map