@xaypay/tui 0.0.50 → 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.
Files changed (5) hide show
  1. package/dist/index.es.js +11 -4
  2. package/dist/index.js +11 -4
  3. package/package.json +1 -1
  4. package/src/components/autocomplate/index.js +1 -1
  5. package/src/components/modal/index.js +13 -3
package/dist/index.es.js CHANGED
@@ -270,7 +270,7 @@ const Autocomplate = ({
270
270
  className: `${styles$a['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
271
271
  }, /*#__PURE__*/React.createElement("div", {
272
272
  className: `${styles$a['no-option']} autocomplate-no-option`
273
- }, inputValue.length <= searchCount ? `Լրացնել առնվազն ${searchCount} նիշ` : 'Նման տվյալ առկա չէ'))));
273
+ }, inputValue.length < searchCount ? `Լրացնել առնվազն ${searchCount} նիշ` : 'Նման տվյալ առկա չէ'))));
274
274
  }
275
275
  }
276
276
  return /*#__PURE__*/React.createElement(React.Fragment, null, label ? /*#__PURE__*/React.createElement("label", {
@@ -1103,9 +1103,13 @@ const Modal = ({
1103
1103
  classnames(styles$1.modal, className);
1104
1104
  const [select, setSelect] = useState(selected);
1105
1105
  return /*#__PURE__*/React.createElement("div", {
1106
- className: `${styles$1["modal-wrap"]} modal-wrap-rem`
1106
+ className: `${styles$1["modal-wrap"]} modal-wrap-rem`,
1107
+ onClick: () => setShow(false)
1107
1108
  }, type == "content" ? /*#__PURE__*/React.createElement("div", {
1108
- className: `${styles$1["modal-content"]} modal-content-rem`
1109
+ className: `${styles$1["modal-content"]} modal-content-rem`,
1110
+ onClick: e => {
1111
+ e.stopPropagation();
1112
+ }
1109
1113
  }, /*#__PURE__*/React.createElement("div", {
1110
1114
  className: `${styles$1["modal-top"]} modal-top-rem`
1111
1115
  }, /*#__PURE__*/React.createElement("div", {
@@ -1121,7 +1125,10 @@ const Modal = ({
1121
1125
  }))), /*#__PURE__*/React.createElement("div", {
1122
1126
  className: `${styles$1["modal-section"]} modal-section-rem`
1123
1127
  }, children)) : type == "images" ? /*#__PURE__*/React.createElement("div", {
1124
- className: `${styles$1["modal-content"]} modal-content-rem`
1128
+ className: `${styles$1["modal-content"]} modal-content-rem`,
1129
+ onClick: e => {
1130
+ e.stopPropagation();
1131
+ }
1125
1132
  }, /*#__PURE__*/React.createElement("div", {
1126
1133
  className: `${styles$1["close-btn"]} close-btn-rem`,
1127
1134
  onClick: () => setShow(false)
package/dist/index.js CHANGED
@@ -281,7 +281,7 @@ const Autocomplate = ({
281
281
  className: `${styles$a['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
282
282
  }, /*#__PURE__*/React__default["default"].createElement("div", {
283
283
  className: `${styles$a['no-option']} autocomplate-no-option`
284
- }, inputValue.length <= searchCount ? `Լրացնել առնվազն ${searchCount} նիշ` : 'Նման տվյալ առկա չէ'))));
284
+ }, inputValue.length < searchCount ? `Լրացնել առնվազն ${searchCount} նիշ` : 'Նման տվյալ առկա չէ'))));
285
285
  }
286
286
  }
287
287
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, label ? /*#__PURE__*/React__default["default"].createElement("label", {
@@ -1114,9 +1114,13 @@ const Modal = ({
1114
1114
  classnames__default["default"](styles$1.modal, className);
1115
1115
  const [select, setSelect] = React.useState(selected);
1116
1116
  return /*#__PURE__*/React__default["default"].createElement("div", {
1117
- className: `${styles$1["modal-wrap"]} modal-wrap-rem`
1117
+ className: `${styles$1["modal-wrap"]} modal-wrap-rem`,
1118
+ onClick: () => setShow(false)
1118
1119
  }, type == "content" ? /*#__PURE__*/React__default["default"].createElement("div", {
1119
- className: `${styles$1["modal-content"]} modal-content-rem`
1120
+ className: `${styles$1["modal-content"]} modal-content-rem`,
1121
+ onClick: e => {
1122
+ e.stopPropagation();
1123
+ }
1120
1124
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1121
1125
  className: `${styles$1["modal-top"]} modal-top-rem`
1122
1126
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1132,7 +1136,10 @@ const Modal = ({
1132
1136
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
1133
1137
  className: `${styles$1["modal-section"]} modal-section-rem`
1134
1138
  }, children)) : type == "images" ? /*#__PURE__*/React__default["default"].createElement("div", {
1135
- className: `${styles$1["modal-content"]} modal-content-rem`
1139
+ className: `${styles$1["modal-content"]} modal-content-rem`,
1140
+ onClick: e => {
1141
+ e.stopPropagation();
1142
+ }
1136
1143
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1137
1144
  className: `${styles$1["close-btn"]} close-btn-rem`,
1138
1145
  onClick: () => setShow(false)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xaypay/tui",
3
- "version": "0.0.50",
3
+ "version": "0.0.52",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
package/src/components/autocomplate/index.js CHANGED
@@ -81,7 +81,7 @@ export const Autocomplate = ({
81
81
  <div className={`${styles['autocomplate-content-bottom']} autocomplate-content-bottom-rem`}>
82
82
  <div className={`${styles['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`}>
83
83
  <div className={`${styles['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`}>
84
- <div className={`${styles['no-option']} autocomplate-no-option`}>{inputValue.length <= searchCount ? `Լրացնել առնվազն ${searchCount} նիշ` : 'Նման տվյալ առկա չէ'}</div>
84
+ <div className={`${styles['no-option']} autocomplate-no-option`}>{inputValue.length < searchCount ? `Լրացնել առնվազն ${searchCount} նիշ` : 'Նման տվյալ առկա չէ'}</div>
85
85
  </div>
86
86
  </div>
87
87
  </div>
package/src/components/modal/index.js CHANGED
@@ -17,9 +17,14 @@ export const Modal = ({
17
17
  const classProps = classnames(styles.modal, className);
18
18
  const [select, setSelect] = useState(selected);
19
19
  return (
20
- <div className={`${styles["modal-wrap"]} modal-wrap-rem`}>
20
+ <div className={`${styles["modal-wrap"]} modal-wrap-rem`} onClick={() => setShow(false)}>
21
21
  {type == "content" ? (
22
- <div className={`${styles["modal-content"]} modal-content-rem`}>
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 className={`${styles["modal-content"]} modal-content-rem`}>
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)}