@beppla/tapas-ui 1.5.13 → 1.5.15

package/package/module/MessageBox/MessageBox.js

@@ -0,0 +1,207 @@
+"use strict";
+
+import React, { useEffect, useState, useCallback, useMemo } from "react";
+import { View, Text, Modal, Pressable, useWindowDimensions } from "react-native";
+import { withTheme, makeStyles, useTheme } from "@rneui/themed";
+import TapasIcon from "../Icons/TapasIcon";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MessageBox = ({
+  state,
+  title,
+  text,
+  icon,
+  visible,
+  confirmBtnText,
+  closeBtnText,
+  hideFooter = false,
+  hideCloseBtn = false,
+  hideConfirmBtn = false,
+  descNumberOfLines = 3,
+  onVisibilityChange,
+  onClose,
+  onConfirm
+}) => {
+  const theme = useTheme();
+  const {
+    width: windowWidth
+  } = useWindowDimensions();
+  const isPhone = windowWidth <= 430;
+  const styles = useStyles();
+  const [modalVisible, setModalVisible] = useState(false);
+  useEffect(() => {
+    setModalVisible(Boolean(visible));
+  }, [visible]);
+  const stateIcon = useMemo(() => {
+    if (icon) return icon;
+    switch (state) {
+      case "success":
+        return "check_circle";
+      case "warning":
+        return "warning";
+      case "error":
+        return "error";
+      default:
+        return "";
+    }
+  }, [state, icon]);
+  const handleClose = useCallback(() => {
+    if (onClose) {
+      onClose();
+    } else if (onVisibilityChange) {
+      onVisibilityChange(false);
+    } else {
+      setModalVisible(false);
+    }
+  }, [onClose, onVisibilityChange]);
+  const handleConfirm = useCallback(() => {
+    onConfirm?.();
+  }, [onConfirm]);
+  const handleRequestClose = useCallback(() => {
+    onVisibilityChange ? onVisibilityChange(false) : setModalVisible(false);
+  }, [onVisibilityChange]);
+  return /*#__PURE__*/_jsx(Modal, {
+    animationType: "fade",
+    transparent: true,
+    visible: modalVisible,
+    onRequestClose: handleRequestClose,
+    children: /*#__PURE__*/_jsx(View, {
+      style: styles.modalContainer,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.modalContent, isPhone && {
+          width: windowWidth - 32
+        }],
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.messagebox_header,
+          children: [stateIcon ? /*#__PURE__*/_jsx(View, {
+            style: styles.messagebox_header_icon,
+            children: /*#__PURE__*/_jsx(TapasIcon, {
+              name: stateIcon,
+              size: 20,
+              color: theme.theme.colors.primary
+            })
+          }) : null, /*#__PURE__*/_jsx(View, {
+            style: styles.messagebox_header_txt_con,
+            children: title ? /*#__PURE__*/_jsx(Text, {
+              style: styles.messagebox_header_txt,
+              numberOfLines: 1,
+              ellipsizeMode: "tail",
+              children: title
+            }) : null
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.messagebox_main,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.messagebox_main_txt,
+            numberOfLines: descNumberOfLines,
+            ellipsizeMode: "tail",
+            children: text
+          })
+        }), !hideFooter ? /*#__PURE__*/_jsxs(View, {
+          style: styles.messagebox_footer,
+          children: [!hideCloseBtn ? /*#__PURE__*/_jsx(Pressable, {
+            style: styles.messagebox_btn,
+            onPress: handleClose,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.messagebox_btn_txt,
+              numberOfLines: 1,
+              ellipsizeMode: "tail",
+              children: closeBtnText || "Close"
+            })
+          }) : null, !hideConfirmBtn ? /*#__PURE__*/_jsx(Pressable, {
+            style: [styles.messagebox_btn, {
+              backgroundColor: theme.theme.colors.primary
+            }],
+            onPress: handleConfirm,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [styles.messagebox_btn_txt, {
+                color: theme.theme.colors.white
+              }],
+              numberOfLines: 1,
+              ellipsizeMode: "tail",
+              children: confirmBtnText || "Confirm"
+            })
+          }) : null]
+        }) : null]
+      })
+    })
+  });
+};
+const useStyles = 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"
+  }
+}));
+export default withTheme(MessageBox);
+//# sourceMappingURL=MessageBox.js.map

package/package/module/MessageBox/MessageBox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","useCallback","useMemo","View","Text","Modal","Pressable","useWindowDimensions","withTheme","makeStyles","useTheme","TapasIcon","jsx","_jsx","jsxs","_jsxs","MessageBox","state","title","text","icon","visible","confirmBtnText","closeBtnText","hideFooter","hideCloseBtn","hideConfirmBtn","descNumberOfLines","onVisibilityChange","onClose","onConfirm","theme","width","windowWidth","isPhone","styles","useStyles","modalVisible","setModalVisible","Boolean","stateIcon","handleClose","handleConfirm","handleRequestClose","animationType","transparent","onRequestClose","children","style","modalContainer","modalContent","messagebox_header","messagebox_header_icon","name","size","color","colors","primary","messagebox_header_txt_con","messagebox_header_txt","numberOfLines","ellipsizeMode","messagebox_main","messagebox_main_txt","messagebox_footer","messagebox_btn","onPress","messagebox_btn_txt","backgroundColor","white","flex","justifyContent","alignItems","zIndex","borderRadius","display","flexDirection","padding","gap","height","alignContent","overflow","fontSize","fontWeight","secondary","paddingLeft","paddingRight"],"sourceRoot":"../../../components","sources":["MessageBox/MessageBox.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACxE,SAASC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAEC,SAAS,EAAEC,mBAAmB,QAAQ,cAAc;AAChF,SAASC,SAAS,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,eAAe;AAC/D,OAAOC,SAAS,MAAM,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAoB3C,MAAMC,UAAqC,GAAGA,CAAC;EAC7CC,KAAK;EACLC,KAAK;EACLC,IAAI;EACJC,IAAI;EACJC,OAAO;EACPC,cAAc;EACdC,YAAY;EACZC,UAAU,GAAG,KAAK;EAClBC,YAAY,GAAG,KAAK;EACpBC,cAAc,GAAG,KAAK;EACtBC,iBAAiB,GAAG,CAAC;EACrBC,kBAAkB;EAClBC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAGrB,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEsB,KAAK,EAAEC;EAAY,CAAC,GAAG1B,mBAAmB,CAAC,CAAC;EACpD,MAAM2B,OAAO,GAAGD,WAAW,IAAI,GAAG;EAClC,MAAME,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGtC,QAAQ,CAAC,KAAK,CAAC;EAEvDD,SAAS,CAAC,MAAM;IACduC,eAAe,CAACC,OAAO,CAAClB,OAAO,CAAC,CAAC;EACnC,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,MAAMmB,SAAS,GAAGtC,OAAO,CAAC,MAAM;IAC9B,IAAIkB,IAAI,EAAE,OAAOA,IAAI;IAErB,QAAQH,KAAK;MACX,KAAK,SAAS;QACZ,OAAO,cAAc;MACvB,KAAK,SAAS;QACZ,OAAO,SAAS;MAClB,KAAK,OAAO;QACV,OAAO,OAAO;MAChB;QACE,OAAO,EAAE;IACb;EACF,CAAC,EAAE,CAACA,KAAK,EAAEG,IAAI,CAAC,CAAC;EAEjB,MAAMqB,WAAW,GAAGxC,WAAW,CAAC,MAAM;IACpC,IAAI4B,OAAO,EAAE;MACXA,OAAO,CAAC,CAAC;IACX,CAAC,MAAM,IAAID,kBAAkB,EAAE;MAC7BA,kBAAkB,CAAC,KAAK,CAAC;IAC3B,CAAC,MAAM;MACLU,eAAe,CAAC,KAAK,CAAC;IACxB;EACF,CAAC,EAAE,CAACT,OAAO,EAAED,kBAAkB,CAAC,CAAC;EAEjC,MAAMc,aAAa,GAAGzC,WAAW,CAAC,MAAM;IACtC6B,SAAS,GAAG,CAAC;EACf,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAMa,kBAAkB,GAAG1C,WAAW,CAAC,MAAM;IAC3C2B,kBAAkB,GAAGA,kBAAkB,CAAC,KAAK,CAAC,GAAGU,eAAe,CAAC,KAAK,CAAC;EACzE,CAAC,EAAE,CAACV,kBAAkB,CAAC,CAAC;EAExB,oBACEf,IAAA,CAACR,KAAK;IACJuC,aAAa,EAAC,MAAM;IACpBC,WAAW,EAAE,IAAK;IAClBxB,OAAO,EAAEgB,YAAa;IACtBS,cAAc,EAAEH,kBAAmB;IAAAI,QAAA,eAEnClC,IAAA,CAACV,IAAI;MAAC6C,KAAK,EAAEb,MAAM,CAACc,cAAe;MAAAF,QAAA,eACjChC,KAAA,CAACZ,IAAI;QAAC6C,KAAK,EAAE,CAACb,MAAM,CAACe,YAAY,EAAEhB,OAAO,IAAI;UAAEF,KAAK,EAAEC,WAAW,GAAG;QAAG,CAAC,CAAE;QAAAc,QAAA,gBACzEhC,KAAA,CAACZ,IAAI;UAAC6C,KAAK,EAAEb,MAAM,CAACgB,iBAAkB;UAAAJ,QAAA,GACnCP,SAAS,gBACR3B,IAAA,CAACV,IAAI;YAAC6C,KAAK,EAAEb,MAAM,CAACiB,sBAAuB;YAAAL,QAAA,eACzClC,IAAA,CAACF,SAAS;cACR0C,IAAI,EAAEb,SAAU;cAChBc,IAAI,EAAE,EAAG;cACTC,KAAK,EAAExB,KAAK,CAACA,KAAK,CAACyB,MAAM,CAACC;YAAQ,CACnC;UAAC,CACE,CAAC,GACL,IAAI,eACR5C,IAAA,CAACV,IAAI;YAAC6C,KAAK,EAAEb,MAAM,CAACuB,yBAA0B;YAAAX,QAAA,EAC3C7B,KAAK,gBACJL,IAAA,CAACT,IAAI;cACH4C,KAAK,EAAEb,MAAM,CAACwB,qBAAsB;cACpCC,aAAa,EAAE,CAAE;cACjBC,aAAa,EAAC,MAAM;cAAAd,QAAA,EAEnB7B;YAAK,CACF,CAAC,GACL;UAAI,CACJ,CAAC;QAAA,CACH,CAAC,eACPL,IAAA,CAACV,IAAI;UAAC6C,KAAK,EAAEb,MAAM,CAAC2B,eAAgB;UAAAf,QAAA,eAClClC,IAAA,CAACT,IAAI;YACH4C,KAAK,EAAEb,MAAM,CAAC4B,mBAAoB;YAClCH,aAAa,EAAEjC,iBAAkB;YACjCkC,aAAa,EAAC,MAAM;YAAAd,QAAA,EAEnB5B;UAAI,CACD;QAAC,CACH,CAAC,EACN,CAACK,UAAU,gBACVT,KAAA,CAACZ,IAAI;UAAC6C,KAAK,EAAEb,MAAM,CAAC6B,iBAAkB;UAAAjB,QAAA,GACnC,CAACtB,YAAY,gBACZZ,IAAA,CAACP,SAAS;YACR0C,KAAK,EAAEb,MAAM,CAAC8B,cAAe;YAC7BC,OAAO,EAAEzB,WAAY;YAAAM,QAAA,eAErBlC,IAAA,CAACT,IAAI;cACH4C,KAAK,EAAEb,MAAM,CAACgC,kBAAmB;cACjCP,aAAa,EAAE,CAAE;cACjBC,aAAa,EAAC,MAAM;cAAAd,QAAA,EAEnBxB,YAAY,IAAI;YAAO,CACpB;UAAC,CACE,CAAC,GACV,IAAI,EACP,CAACG,cAAc,gBACdb,IAAA,CAACP,SAAS;YACR0C,KAAK,EAAE,CACLb,MAAM,CAAC8B,cAAc,EACrB;cAAEG,eAAe,EAAErC,KAAK,CAACA,KAAK,CAACyB,MAAM,CAACC;YAAQ,CAAC,CAC/C;YACFS,OAAO,EAAExB,aAAc;YAAAK,QAAA,eAEvBlC,IAAA,CAACT,IAAI;cACH4C,KAAK,EAAE,CACLb,MAAM,CAACgC,kBAAkB,EACzB;gBAAEZ,KAAK,EAAExB,KAAK,CAACA,KAAK,CAACyB,MAAM,CAACa;cAAM,CAAC,CACnC;cACFT,aAAa,EAAE,CAAE;cACjBC,aAAa,EAAC,MAAM;cAAAd,QAAA,EAEnBzB,cAAc,IAAI;YAAS,CACxB;UAAC,CACE,CAAC,GACV,IAAI;QAAA,CACJ,CAAC,GACL,IAAI;MAAA,CACJ;IAAC,CACH;EAAC,CACF,CAAC;AAEZ,CAAC;AAED,MAAMc,SAAS,GAAG3B,UAAU,CAAEsB,KAAK,KAAM;EACvCkB,cAAc,EAAE;IACdqB,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBJ,eAAe,EAAE,oBAAoB;IACrCK,MAAM,EAAE;EACV,CAAC;EACDvB,YAAY,EAAE;IACZlB,KAAK,EAAE,GAAG;IACV0C,YAAY,EAAE,EAAE;IAChBN,eAAe,EAAErC,KAAK,EAAEyB,MAAM,EAAEa,KAAK;IACrCM,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,OAAO,EAAE,EAAE;IACXC,GAAG,EAAE;EACP,CAAC;EACD3B,iBAAiB,EAAE;IACjBwB,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,KAAK;IACpBE,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE;EACV,CAAC;EACD3B,sBAAsB,EAAE;IACtBpB,KAAK,EAAE,EAAE;IACT+C,MAAM,EAAE,EAAE;IACVJ,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBL,cAAc,EAAE,QAAQ;IACxBS,YAAY,EAAE,QAAQ;IACtBR,UAAU,EAAE;EACd,CAAC;EACDd,yBAAyB,EAAE;IACzBiB,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,KAAK;IACpBN,IAAI,EAAE,CAAC;IACPW,QAAQ,EAAE;EACZ,CAAC;EACDtB,qBAAqB,EAAE;IACrBuB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjB5B,KAAK,EAAExB,KAAK,EAAEyB,MAAM,EAAEC;EACxB,CAAC;EACDK,eAAe,EAAE;IACfa,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBN,IAAI,EAAE,CAAC;IACPW,QAAQ,EAAE;EACZ,CAAC;EACDlB,mBAAmB,EAAE;IACnBmB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjB5B,KAAK,EAAExB,KAAK,EAAEyB,MAAM,EAAE4B;EACxB,CAAC;EACDpB,iBAAiB,EAAE;IACjBW,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,KAAK;IACpBL,cAAc,EAAE,UAAU;IAC1BO,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE;EACV,CAAC;EACDd,cAAc,EAAE;IACdc,MAAM,EAAE,EAAE;IACVJ,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,KAAK;IACpBL,cAAc,EAAE,QAAQ;IACxBS,YAAY,EAAE,QAAQ;IACtBR,UAAU,EAAE,QAAQ;IACpBa,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,EAAE;IAChBZ,YAAY,EAAE;EAChB,CAAC;EACDP,kBAAkB,EAAE;IAClBe,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC,CAAC;AAEH,eAAe3E,SAAS,CAACQ,UAAU,CAAC","ignoreList":[]}

package/package/module/MessageBox/README.md

@@ -0,0 +1,120 @@
+# MessageBox
+
+模态对话框组件，用于显示重要信息和获取用户确认。支持 success、warning、error 三种状态，提供灵活的按钮配置（隐藏确认/取消按钮、隐藏整个底部栏），适合操作确认、错误提示、成功反馈等场景。
+
+## 功能特性
+
+- ✅ 支持 success、warning、error 三种状态
+- ✅ 状态自动匹配图标（check_circle / warning / error）
+- ✅ 可自定义图标名称覆盖默认状态图标
+- ✅ 灵活的按钮配置：隐藏确认按钮、隐藏取消按钮、隐藏整个底部栏
+- ✅ 自定义确认和取消按钮文本
+- ✅ 描述文本行数限制（descNumberOfLines）
+- ✅ 淡入淡出动画（animationType="fade"）
+- ✅ 透明遮罩背景
+- ✅ 支持 onVisibilityChange 双向绑定控制
+
+## 安装使用
+
+```tsx
+import { MessageBox } from '@beppla/tapas-ui';
+```
+
+## Props
+
+| 属性 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| visible | `boolean` | - | 是否显示对话框 |
+| state | `'success' \| 'warning' \| 'error'` | - | 状态类型 |
+| icon | `string` | 根据 state 自动选择 | 自定义图标名称 |
+| title | `string` | - | 标题文本 |
+| text | `string` | - | 描述内容 |
+| hideFooter | `boolean` | `false` | 是否隐藏整个底部按钮栏 |
+| hideCloseBtn | `boolean` | `false` | 是否隐藏取消按钮 |
+| hideConfirmBtn | `boolean` | `false` | 是否隐藏确认按钮 |
+| confirmBtnText | `string` | `'Confirm'` | 确认按钮文本 |
+| closeBtnText | `string` | `'Close'` | 取消按钮文本 |
+| descNumberOfLines | `number` | `3` | 描述文本最大行数 |
+| onVisibilityChange | `(val: boolean) => void` | - | 可见状态变化回调 |
+| onConfirm | `() => void` | - | 确认按钮点击回调 |
+| onClose | `() => void` | - | 取消按钮点击回调 |
+
+## 使用示例
+
+### 基础用法
+
+```tsx
+const [visible, setVisible] = useState(false);
+
+<MessageBox
+  visible={visible}
+  title="Confirm"
+  text="Are you sure you want to proceed?"
+  confirmBtnText="OK"
+  closeBtnText="Cancel"
+  onVisibilityChange={setVisible}
+  onConfirm={() => {
+    handleConfirm();
+    setVisible(false);
+  }}
+  onClose={() => setVisible(false)}
+/>
+```
+
+### 不同状态
+
+```tsx
+<MessageBox
+  visible={visible}
+  state="success"
+  title="Success"
+  text="Operation completed!"
+  hideCloseBtn
+  confirmBtnText="OK"
+  onConfirm={() => setVisible(false)}
+/>
+
+<MessageBox
+  visible={visible}
+  state="error"
+  title="Error"
+  text="Operation failed, please retry."
+  confirmBtnText="Retry"
+  closeBtnText="Close"
+  onConfirm={() => handleRetry()}
+  onClose={() => setVisible(false)}
+/>
+```
+
+### 仅确认按钮
+
+```tsx
+<MessageBox
+  visible={visible}
+  title="Notice"
+  text="This is a notification."
+  hideCloseBtn={true}
+  confirmBtnText="Got it"
+  onConfirm={() => setVisible(false)}
+/>
+```
+
+### 无按钮（点击遮罩关闭）
+
+```tsx
+<MessageBox
+  visible={visible}
+  title="Info"
+  text="Click backdrop to close."
+  hideFooter={true}
+  onVisibilityChange={setVisible}
+/>
+```
+
+## 注意事项
+
+- 组件内部维护 `modalVisible` 状态，与外部 `visible` 同步
+- 关闭优先级：`onClose` > `onVisibilityChange` > 内部 `setModalVisible(false)`
+- 对话框固定宽度 392px，居中显示
+- 需在 `ThemeProvider` 内使用
+- 确认按钮使用主题 `primary` 色，取消按钮无背景色

package/package/module/Modal/Modal.js

@@ -0,0 +1,94 @@
+"use strict";
+
+import React, { useCallback } from "react";
+import { Modal as RNModal, View, Pressable } from "react-native";
+import { withTheme, makeStyles } from "@rneui/themed";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TapasModal = ({
+  visible,
+  onClose,
+  children,
+  width = 480,
+  height,
+  animationType = "fade",
+  backdropColor,
+  closeOnBackdrop = true,
+  contentStyle,
+  testID,
+  statusBarTranslucent,
+  supportedOrientations
+}) => {
+  const styles = useStyles();
+  const handleBackdropPress = useCallback(() => {
+    if (closeOnBackdrop) {
+      onClose();
+    }
+  }, [closeOnBackdrop, onClose]);
+  const handleRequestClose = useCallback(() => {
+    onClose();
+  }, [onClose]);
+
+  // Build dynamic content style
+  const dynamicContentStyle = {
+    width: width,
+    ...(height != null ? {
+      height: height
+    } : {})
+  };
+  return /*#__PURE__*/_jsx(RNModal, {
+    animationType: animationType,
+    transparent: true,
+    visible: visible,
+    onRequestClose: handleRequestClose,
+    statusBarTranslucent: statusBarTranslucent,
+    supportedOrientations: supportedOrientations,
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.backdrop, backdropColor ? {
+        backgroundColor: backdropColor
+      } : undefined],
+      testID: testID ? `${testID}-backdrop` : undefined,
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        style: styles.backdropPressable,
+        onPress: handleBackdropPress,
+        testID: testID ? `${testID}-backdrop-press` : undefined
+      }), /*#__PURE__*/_jsx(View, {
+        style: [styles.content, dynamicContentStyle, contentStyle],
+        testID: testID ? `${testID}-content` : undefined,
+        children: children
+      })]
+    })
+  });
+};
+const useStyles = makeStyles(theme => ({
+  backdrop: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "rgba(0, 0, 0, 0.5)",
+    zIndex: 10
+  },
+  backdropPressable: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  content: {
+    borderRadius: theme?.radius?.rounded || 12,
+    backgroundColor: theme?.colors?.white || "#ffffff",
+    boxShadow: "0px 12px 40px 0px rgba(0, 0, 0, 0.14), 0px 24px 56px 0px rgba(0, 0, 0, 0.10)",
+    display: "flex",
+    flexDirection: "column",
+    maxHeight: "80%",
+    minWidth: 320,
+    maxWidth: "90%",
+    overflow: "hidden"
+  }
+}));
+export default withTheme(TapasModal);
+
+// Named exports for flexibility
+export { TapasModal };
+//# sourceMappingURL=Modal.js.map

package/package/module/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","Modal","RNModal","View","Pressable","withTheme","makeStyles","jsx","_jsx","jsxs","_jsxs","TapasModal","visible","onClose","children","width","height","animationType","backdropColor","closeOnBackdrop","contentStyle","testID","statusBarTranslucent","supportedOrientations","styles","useStyles","handleBackdropPress","handleRequestClose","dynamicContentStyle","transparent","onRequestClose","style","backdrop","backgroundColor","undefined","backdropPressable","onPress","content","theme","flex","justifyContent","alignItems","zIndex","position","top","left","right","bottom","borderRadius","radius","rounded","colors","white","boxShadow","display","flexDirection","maxHeight","minWidth","maxWidth","overflow"],"sourceRoot":"../../../components","sources":["Modal/Modal.tsx"],"mappings":"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","ignoreList":[]}

package/package/module/Modal/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as TapasModal } from "./Modal";
+export { TapasModal as TapasModalComponent } from "./Modal";
+//# sourceMappingURL=index.js.map

package/package/module/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","TapasModal","TapasModalComponent"],"sourceRoot":"../../../components","sources":["Modal/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,SAAS;AAC/C,SAASA,UAAU,IAAIC,mBAAmB,QAAQ,SAAS","ignoreList":[]}