@xaypay/tui 0.0.51 → 0.0.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +8 -2
- package/dist/index.js +8 -2
- package/package.json +1 -1
- package/src/components/modal/index.js +12 -2
package/dist/index.es.js
CHANGED
|
@@ -1106,7 +1106,10 @@ const Modal = ({
|
|
|
1106
1106
|
className: `${styles$1["modal-wrap"]} modal-wrap-rem`,
|
|
1107
1107
|
onClick: () => setShow(false)
|
|
1108
1108
|
}, type == "content" ? /*#__PURE__*/React.createElement("div", {
|
|
1109
|
-
className: `${styles$1["modal-content"]} modal-content-rem
|
|
1109
|
+
className: `${styles$1["modal-content"]} modal-content-rem`,
|
|
1110
|
+
onClick: e => {
|
|
1111
|
+
e.stopPropagation();
|
|
1112
|
+
}
|
|
1110
1113
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1111
1114
|
className: `${styles$1["modal-top"]} modal-top-rem`
|
|
1112
1115
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -1122,7 +1125,10 @@ const Modal = ({
|
|
|
1122
1125
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
1123
1126
|
className: `${styles$1["modal-section"]} modal-section-rem`
|
|
1124
1127
|
}, children)) : type == "images" ? /*#__PURE__*/React.createElement("div", {
|
|
1125
|
-
className: `${styles$1["modal-content"]} modal-content-rem
|
|
1128
|
+
className: `${styles$1["modal-content"]} modal-content-rem`,
|
|
1129
|
+
onClick: e => {
|
|
1130
|
+
e.stopPropagation();
|
|
1131
|
+
}
|
|
1126
1132
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1127
1133
|
className: `${styles$1["close-btn"]} close-btn-rem`,
|
|
1128
1134
|
onClick: () => setShow(false)
|
package/dist/index.js
CHANGED
|
@@ -1117,7 +1117,10 @@ const Modal = ({
|
|
|
1117
1117
|
className: `${styles$1["modal-wrap"]} modal-wrap-rem`,
|
|
1118
1118
|
onClick: () => setShow(false)
|
|
1119
1119
|
}, type == "content" ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1120
|
-
className: `${styles$1["modal-content"]} modal-content-rem
|
|
1120
|
+
className: `${styles$1["modal-content"]} modal-content-rem`,
|
|
1121
|
+
onClick: e => {
|
|
1122
|
+
e.stopPropagation();
|
|
1123
|
+
}
|
|
1121
1124
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1122
1125
|
className: `${styles$1["modal-top"]} modal-top-rem`
|
|
1123
1126
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -1133,7 +1136,10 @@ const Modal = ({
|
|
|
1133
1136
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1134
1137
|
className: `${styles$1["modal-section"]} modal-section-rem`
|
|
1135
1138
|
}, children)) : type == "images" ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1136
|
-
className: `${styles$1["modal-content"]} modal-content-rem
|
|
1139
|
+
className: `${styles$1["modal-content"]} modal-content-rem`,
|
|
1140
|
+
onClick: e => {
|
|
1141
|
+
e.stopPropagation();
|
|
1142
|
+
}
|
|
1137
1143
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1138
1144
|
className: `${styles$1["close-btn"]} close-btn-rem`,
|
|
1139
1145
|
onClick: () => setShow(false)
|
package/package.json
CHANGED
|
@@ -19,7 +19,12 @@ export const Modal = ({
|
|
|
19
19
|
return (
|
|
20
20
|
<div className={`${styles["modal-wrap"]} modal-wrap-rem`} onClick={() => setShow(false)}>
|
|
21
21
|
{type == "content" ? (
|
|
22
|
-
<div
|
|
22
|
+
<div
|
|
23
|
+
className={`${styles["modal-content"]} modal-content-rem`}
|
|
24
|
+
onClick={(e) => {
|
|
25
|
+
e.stopPropagation();
|
|
26
|
+
}}
|
|
27
|
+
>
|
|
23
28
|
<div className={`${styles["modal-top"]} modal-top-rem`}>
|
|
24
29
|
<div className={`${styles["modal-title"]} modal-title-rem`}>
|
|
25
30
|
<Typography variant={TypographyType.p} color="#00236A">{headerText}</Typography>
|
|
@@ -34,7 +39,12 @@ export const Modal = ({
|
|
|
34
39
|
<div className={`${styles["modal-section"]} modal-section-rem`}>{children}</div>
|
|
35
40
|
</div>
|
|
36
41
|
) : type == "images" ? (
|
|
37
|
-
<div
|
|
42
|
+
<div
|
|
43
|
+
className={`${styles["modal-content"]} modal-content-rem`}
|
|
44
|
+
onClick={(e) => {
|
|
45
|
+
e.stopPropagation();
|
|
46
|
+
}}
|
|
47
|
+
>
|
|
38
48
|
<div
|
|
39
49
|
className={`${styles["close-btn"]} close-btn-rem`}
|
|
40
50
|
onClick={() => setShow(false)}
|