@xaypay/tui 0.0.38 → 0.0.40

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 (9) hide show
  1. package/dist/index.es.js +23 -8
  2. package/dist/index.js +23 -8
  3. package/package.json +1 -1
  4. package/src/components/autocomplate/index.js +1 -1
  5. package/src/components/file/file.module.css +1 -0
  6. package/src/components/file/index.js +3 -4
  7. package/src/components/input/index.js +1 -1
  8. package/src/components/multiselect/index.js +1 -1
  9. package/src/components/select/index.js +1 -1
package/dist/index.es.js CHANGED
@@ -271,7 +271,11 @@ const Autocomplate = ({
271
271
  }
272
272
  return /*#__PURE__*/React.createElement(React.Fragment, null, label ? /*#__PURE__*/React.createElement("label", {
273
273
  className: styles$a['autocomplate-title']
274
- }, label) : "", /*#__PURE__*/React.createElement("div", {
274
+ }, label, " ", required && /*#__PURE__*/React.createElement("sup", {
275
+ style: {
276
+ color: "#ee0000"
277
+ }
278
+ }, "*")) : "", /*#__PURE__*/React.createElement("div", {
275
279
  className: styles$a['autocomplate-content']
276
280
  }, /*#__PURE__*/React.createElement("input", _extends({
277
281
  id: inputId,
@@ -455,7 +459,11 @@ const Input = ({
455
459
  className: styles$8['input-wrap']
456
460
  }, label ? /*#__PURE__*/React.createElement("label", {
457
461
  className: styles$8['input-title']
458
- }, label) : "", /*#__PURE__*/React.createElement("input", _extends({}, props, {
462
+ }, label, " ", required && /*#__PURE__*/React.createElement("sup", {
463
+ style: {
464
+ color: "#ee0000"
465
+ }
466
+ }, "*")) : "", /*#__PURE__*/React.createElement("input", _extends({}, props, {
459
467
  type: type,
460
468
  className: classProps,
461
469
  style: color && {
@@ -868,7 +876,11 @@ const Select = ({
868
876
  }, className);
869
877
  return /*#__PURE__*/React.createElement("div", null, label ? /*#__PURE__*/React.createElement("label", {
870
878
  className: styles$3['select-title']
871
- }, label) : "", /*#__PURE__*/React.createElement("div", {
879
+ }, label, " ", required && /*#__PURE__*/React.createElement("sup", {
880
+ style: {
881
+ color: "#ee0000"
882
+ }
883
+ }, "*")) : "", /*#__PURE__*/React.createElement("div", {
872
884
  className: styles$3['select-wrap'],
873
885
  ref: ref
874
886
  }, /*#__PURE__*/React.createElement("div", {
@@ -930,7 +942,7 @@ Select.defaultProps = {
930
942
  size: 'medium'
931
943
  };
932
944
 
933
- var css_248z$2 = ".file-module_file-form__l13d5{align-items:center;background:#fbfbfb;border:2px dashed;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:4px 0;position:relative;width:100%}.file-module_file-form-wrap__qY--B:before{background:rgba(60,57,62,.4);border-radius:6px;content:\"\";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .24s;width:100%;z-index:1}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover:before{opacity:1;pointer-events:unset}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover .file-module_delete-upload-icon__PWN66{opacity:1}.file-module_file-form-inner-upload__tq3Dn{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px;padding-top:48px}.file-module_file-form-inner-upload__tq3Dn>img{display:block;margin-bottom:14px}.file-module_upload-info__a8GFs{margin-bottom:40px;max-width:150px;text-align:center}.file-module_upload-info-txt__l11uN{color:#0da574}.file-module_file-form__l13d5.file-module_default__t7KU0{border-color:#d1d1d1}.file-module_file-form__l13d5.file-module_error__H-M4Z{border-color:#e00}.file-module_file-form__l13d5.file-module_accept__WTW6V{border-color:#00236a}.file-module_delete-upload-icon__PWN66{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .24s;width:26px;z-index:11}.file-module_delete-upload-icon__PWN66>i{color:#00236a;font-size:16px}.file-module_upload-file-content__QHMjn{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.file-module_upload-file-content__QHMjn>img{display:block;max-width:400px}.file-module_file-form-title__zWTSB{margin-bottom:10px;max-width:390px;word-break:break-all}.file-module_file-form-wrap__qY--B{position:relative;transform:translateZ(0)}";
945
+ var css_248z$2 = ".file-module_file-form__l13d5{align-items:center;background:#fbfbfb;border:2px dashed;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:4px 0;position:relative;width:100%}.file-module_file-form-wrap__qY--B:before{background:rgba(60,57,62,.4);border-radius:6px;content:\"\";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .24s;width:100%;z-index:1}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover:before{opacity:1;pointer-events:unset}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover .file-module_delete-upload-icon__PWN66{opacity:1}.file-module_file-form-inner-upload__tq3Dn{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px;padding-top:48px}.file-module_file-form-inner-upload__tq3Dn>img{display:block;margin-bottom:14px}.file-module_upload-info__a8GFs{margin-bottom:40px;max-width:150px;text-align:center}.file-module_upload-info-txt__l11uN{color:#0da574}.file-module_file-form__l13d5.file-module_default__t7KU0{border-color:#d1d1d1}.file-module_file-form__l13d5.file-module_error__H-M4Z{border-color:#e00}.file-module_file-form__l13d5.file-module_accept__WTW6V{border-color:#00236a}.file-module_delete-upload-icon__PWN66{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .24s;width:26px;z-index:11}.file-module_delete-upload-icon__PWN66>i{color:#00236a;font-size:16px}.file-module_upload-file-content__QHMjn{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.file-module_upload-file-content__QHMjn>img{display:block;height:190px;max-width:400px}.file-module_file-form-title__zWTSB{margin-bottom:10px;max-width:390px;word-break:break-all}.file-module_file-form-wrap__qY--B{position:relative;transform:translateZ(0)}";
934
946
  var styles$2 = {"file-form-wrap":"file-module_file-form-wrap__qY--B","file-form":"file-module_file-form__l13d5","active":"file-module_active__L1gPt","delete-upload-icon":"file-module_delete-upload-icon__PWN66","file-form-inner-upload":"file-module_file-form-inner-upload__tq3Dn","upload-info":"file-module_upload-info__a8GFs","upload-info-txt":"file-module_upload-info-txt__l11uN","default":"file-module_default__t7KU0","error":"file-module_error__H-M4Z","accept":"file-module_accept__WTW6V","upload-file-content":"file-module_upload-file-content__QHMjn","file-form-title":"file-module_file-form-title__zWTSB"};
935
947
  styleInject(css_248z$2);
936
948
 
@@ -970,7 +982,11 @@ const File = ({
970
982
  }
971
983
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
972
984
  className: styles$2['file-form-title']
973
- }, label), /*#__PURE__*/React.createElement("div", {
985
+ }, label, " ", required && /*#__PURE__*/React.createElement("sup", {
986
+ style: {
987
+ color: "#ee0000"
988
+ }
989
+ }, "*")), /*#__PURE__*/React.createElement("div", {
974
990
  className: classnames(styles$2['file-form-wrap'], image ? styles$2['active'] : '')
975
991
  }, /*#__PURE__*/React.createElement("div", {
976
992
  className: styles$2['file-form'],
@@ -1007,7 +1023,6 @@ const File = ({
1007
1023
  className: styles$2['upload-file-content']
1008
1024
  }, /*#__PURE__*/React.createElement("img", {
1009
1025
  src: image,
1010
- height: 190,
1011
1026
  alt: fileName
1012
1027
  })) : /*#__PURE__*/React.createElement("div", {
1013
1028
  className: styles$2['file-form-inner-upload']
@@ -1016,7 +1031,7 @@ const File = ({
1016
1031
  alt: ""
1017
1032
  }), /*#__PURE__*/React.createElement("span", {
1018
1033
  className: styles$2['upload-info']
1019
- }, "\u054F\u0565\u0572\u0561\u0564\u0580\u0565\u056C \u0586\u0561\u0575\u056C\u0568 \u0561\u0575\u057D\u057F\u0565\u0572 \u056F\u0561\u0574 ", /*#__PURE__*/React.createElement("span", {
1034
+ }, /*#__PURE__*/React.createElement("span", {
1020
1035
  className: styles$2['upload-info-txt']
1021
1036
  }, "\u0532\u0565\u057C\u0576\u0565\u056C")), /*#__PURE__*/React.createElement("span", {
1022
1037
  className: styles$2['upload-info-size']
@@ -1025,7 +1040,7 @@ const File = ({
1025
1040
  onClick: e => {
1026
1041
  setFileName('no selected file');
1027
1042
  setImage(null);
1028
- e.target.parentElement.children[0].getElementsByTagName('input')[0].value = "";
1043
+ e.target.parentElement.parentElement.children[0].getElementsByTagName('input')[0].value = "";
1029
1044
  }
1030
1045
  }, /*#__PURE__*/React.createElement("i", {
1031
1046
  className: "icon-delete"
package/dist/index.js CHANGED
@@ -282,7 +282,11 @@ const Autocomplate = ({
282
282
  }
283
283
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, label ? /*#__PURE__*/React__default["default"].createElement("label", {
284
284
  className: styles$a['autocomplate-title']
285
- }, label) : "", /*#__PURE__*/React__default["default"].createElement("div", {
285
+ }, label, " ", required && /*#__PURE__*/React__default["default"].createElement("sup", {
286
+ style: {
287
+ color: "#ee0000"
288
+ }
289
+ }, "*")) : "", /*#__PURE__*/React__default["default"].createElement("div", {
286
290
  className: styles$a['autocomplate-content']
287
291
  }, /*#__PURE__*/React__default["default"].createElement("input", _extends({
288
292
  id: inputId,
@@ -466,7 +470,11 @@ const Input = ({
466
470
  className: styles$8['input-wrap']
467
471
  }, label ? /*#__PURE__*/React__default["default"].createElement("label", {
468
472
  className: styles$8['input-title']
469
- }, label) : "", /*#__PURE__*/React__default["default"].createElement("input", _extends({}, props, {
473
+ }, label, " ", required && /*#__PURE__*/React__default["default"].createElement("sup", {
474
+ style: {
475
+ color: "#ee0000"
476
+ }
477
+ }, "*")) : "", /*#__PURE__*/React__default["default"].createElement("input", _extends({}, props, {
470
478
  type: type,
471
479
  className: classProps,
472
480
  style: color && {
@@ -879,7 +887,11 @@ const Select = ({
879
887
  }, className);
880
888
  return /*#__PURE__*/React__default["default"].createElement("div", null, label ? /*#__PURE__*/React__default["default"].createElement("label", {
881
889
  className: styles$3['select-title']
882
- }, label) : "", /*#__PURE__*/React__default["default"].createElement("div", {
890
+ }, label, " ", required && /*#__PURE__*/React__default["default"].createElement("sup", {
891
+ style: {
892
+ color: "#ee0000"
893
+ }
894
+ }, "*")) : "", /*#__PURE__*/React__default["default"].createElement("div", {
883
895
  className: styles$3['select-wrap'],
884
896
  ref: ref
885
897
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -941,7 +953,7 @@ Select.defaultProps = {
941
953
  size: 'medium'
942
954
  };
943
955
 
944
- var css_248z$2 = ".file-module_file-form__l13d5{align-items:center;background:#fbfbfb;border:2px dashed;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:4px 0;position:relative;width:100%}.file-module_file-form-wrap__qY--B:before{background:rgba(60,57,62,.4);border-radius:6px;content:\"\";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .24s;width:100%;z-index:1}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover:before{opacity:1;pointer-events:unset}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover .file-module_delete-upload-icon__PWN66{opacity:1}.file-module_file-form-inner-upload__tq3Dn{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px;padding-top:48px}.file-module_file-form-inner-upload__tq3Dn>img{display:block;margin-bottom:14px}.file-module_upload-info__a8GFs{margin-bottom:40px;max-width:150px;text-align:center}.file-module_upload-info-txt__l11uN{color:#0da574}.file-module_file-form__l13d5.file-module_default__t7KU0{border-color:#d1d1d1}.file-module_file-form__l13d5.file-module_error__H-M4Z{border-color:#e00}.file-module_file-form__l13d5.file-module_accept__WTW6V{border-color:#00236a}.file-module_delete-upload-icon__PWN66{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .24s;width:26px;z-index:11}.file-module_delete-upload-icon__PWN66>i{color:#00236a;font-size:16px}.file-module_upload-file-content__QHMjn{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.file-module_upload-file-content__QHMjn>img{display:block;max-width:400px}.file-module_file-form-title__zWTSB{margin-bottom:10px;max-width:390px;word-break:break-all}.file-module_file-form-wrap__qY--B{position:relative;transform:translateZ(0)}";
956
+ var css_248z$2 = ".file-module_file-form__l13d5{align-items:center;background:#fbfbfb;border:2px dashed;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:4px 0;position:relative;width:100%}.file-module_file-form-wrap__qY--B:before{background:rgba(60,57,62,.4);border-radius:6px;content:\"\";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .24s;width:100%;z-index:1}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover:before{opacity:1;pointer-events:unset}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover .file-module_delete-upload-icon__PWN66{opacity:1}.file-module_file-form-inner-upload__tq3Dn{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px;padding-top:48px}.file-module_file-form-inner-upload__tq3Dn>img{display:block;margin-bottom:14px}.file-module_upload-info__a8GFs{margin-bottom:40px;max-width:150px;text-align:center}.file-module_upload-info-txt__l11uN{color:#0da574}.file-module_file-form__l13d5.file-module_default__t7KU0{border-color:#d1d1d1}.file-module_file-form__l13d5.file-module_error__H-M4Z{border-color:#e00}.file-module_file-form__l13d5.file-module_accept__WTW6V{border-color:#00236a}.file-module_delete-upload-icon__PWN66{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .24s;width:26px;z-index:11}.file-module_delete-upload-icon__PWN66>i{color:#00236a;font-size:16px}.file-module_upload-file-content__QHMjn{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.file-module_upload-file-content__QHMjn>img{display:block;height:190px;max-width:400px}.file-module_file-form-title__zWTSB{margin-bottom:10px;max-width:390px;word-break:break-all}.file-module_file-form-wrap__qY--B{position:relative;transform:translateZ(0)}";
945
957
  var styles$2 = {"file-form-wrap":"file-module_file-form-wrap__qY--B","file-form":"file-module_file-form__l13d5","active":"file-module_active__L1gPt","delete-upload-icon":"file-module_delete-upload-icon__PWN66","file-form-inner-upload":"file-module_file-form-inner-upload__tq3Dn","upload-info":"file-module_upload-info__a8GFs","upload-info-txt":"file-module_upload-info-txt__l11uN","default":"file-module_default__t7KU0","error":"file-module_error__H-M4Z","accept":"file-module_accept__WTW6V","upload-file-content":"file-module_upload-file-content__QHMjn","file-form-title":"file-module_file-form-title__zWTSB"};
946
958
  styleInject(css_248z$2);
947
959
 
@@ -981,7 +993,11 @@ const File = ({
981
993
  }
982
994
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("p", {
983
995
  className: styles$2['file-form-title']
984
- }, label), /*#__PURE__*/React__default["default"].createElement("div", {
996
+ }, label, " ", required && /*#__PURE__*/React__default["default"].createElement("sup", {
997
+ style: {
998
+ color: "#ee0000"
999
+ }
1000
+ }, "*")), /*#__PURE__*/React__default["default"].createElement("div", {
985
1001
  className: classnames__default["default"](styles$2['file-form-wrap'], image ? styles$2['active'] : '')
986
1002
  }, /*#__PURE__*/React__default["default"].createElement("div", {
987
1003
  className: styles$2['file-form'],
@@ -1018,7 +1034,6 @@ const File = ({
1018
1034
  className: styles$2['upload-file-content']
1019
1035
  }, /*#__PURE__*/React__default["default"].createElement("img", {
1020
1036
  src: image,
1021
- height: 190,
1022
1037
  alt: fileName
1023
1038
  })) : /*#__PURE__*/React__default["default"].createElement("div", {
1024
1039
  className: styles$2['file-form-inner-upload']
@@ -1027,7 +1042,7 @@ const File = ({
1027
1042
  alt: ""
1028
1043
  }), /*#__PURE__*/React__default["default"].createElement("span", {
1029
1044
  className: styles$2['upload-info']
1030
- }, "\u054F\u0565\u0572\u0561\u0564\u0580\u0565\u056C \u0586\u0561\u0575\u056C\u0568 \u0561\u0575\u057D\u057F\u0565\u0572 \u056F\u0561\u0574 ", /*#__PURE__*/React__default["default"].createElement("span", {
1045
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
1031
1046
  className: styles$2['upload-info-txt']
1032
1047
  }, "\u0532\u0565\u057C\u0576\u0565\u056C")), /*#__PURE__*/React__default["default"].createElement("span", {
1033
1048
  className: styles$2['upload-info-size']
@@ -1036,7 +1051,7 @@ const File = ({
1036
1051
  onClick: e => {
1037
1052
  setFileName('no selected file');
1038
1053
  setImage(null);
1039
- e.target.parentElement.children[0].getElementsByTagName('input')[0].value = "";
1054
+ e.target.parentElement.parentElement.children[0].getElementsByTagName('input')[0].value = "";
1040
1055
  }
1041
1056
  }, /*#__PURE__*/React__default["default"].createElement("i", {
1042
1057
  className: "icon-delete"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xaypay/tui",
3
- "version": "0.0.38",
3
+ "version": "0.0.40",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
package/src/components/autocomplate/index.js CHANGED
@@ -91,7 +91,7 @@ export const Autocomplate = ({
91
91
 
92
92
  return (
93
93
  <>
94
- {label ? <label className={styles['autocomplate-title']}>{label}</label> : ""}
94
+ {label ? <label className={styles['autocomplate-title']}>{label} {required && <sup style={{color: "#ee0000"}}>*</sup>}</label> : ""}
95
95
  <div className={styles['autocomplate-content']}>
96
96
  <input
97
97
  id={inputId}
package/src/components/file/file.module.css CHANGED
@@ -96,6 +96,7 @@
96
96
  .upload-file-content > img {
97
97
  display: block;
98
98
  max-width: 400px;
99
+ height: 190px;
99
100
  }
100
101
  .file-form-title {
101
102
  margin-bottom: 10px;
package/src/components/file/index.js CHANGED
@@ -48,7 +48,7 @@ export const File = ({
48
48
 
49
49
  return (
50
50
  <>
51
- <p className={styles['file-form-title']}>{label}</p>
51
+ <p className={styles['file-form-title']}>{label} {required && <sup style={{color: "#ee0000"}}>*</sup>}</p>
52
52
  <div className={classnames(styles['file-form-wrap'],image ? styles['active'] : '')}>
53
53
  <div
54
54
  className={styles['file-form']}
@@ -72,13 +72,12 @@ export const File = ({
72
72
  <div className={styles['upload-file-content']}>
73
73
  <img
74
74
  src={image}
75
- height={190}
76
75
  alt={fileName}
77
76
  />
78
77
  </div> :
79
78
  <div className={styles['file-form-inner-upload']}>
80
79
  <img src="../../assets/upload.svg" alt=""/>
81
- <span className={styles['upload-info']}>Տեղադրել ֆայլը այստեղ կամ <span className={styles['upload-info-txt']}>Բեռնել</span></span>
80
+ <span className={styles['upload-info']}><span className={styles['upload-info-txt']}>Բեռնել</span></span>
82
81
  <span className={styles['upload-info-size']}>Առավելագույնը 5ՄԲ ( jpg, jpeg, png, pdf)</span>
83
82
  </div>
84
83
  }
@@ -87,7 +86,7 @@ export const File = ({
87
86
  onClick={(e) => {
88
87
  setFileName('no selected file');
89
88
  setImage(null);
90
- e.target.parentElement.children[0].getElementsByTagName('input')[0].value = "";
89
+ e.target.parentElement.parentElement.children[0].getElementsByTagName('input')[0].value = "";
91
90
  }}>
92
91
  <i className="icon-delete"/>
93
92
  </div>
package/src/components/input/index.js CHANGED
@@ -53,7 +53,7 @@ export const Input = ({
53
53
  const classProps = classnames(styles.input, styles[size], eMessage != '' ? styles['error-message'] :"" , className);
54
54
  return (
55
55
  <div className={styles['input-wrap']}>
56
- {label ? <label className={styles['input-title']}>{label}</label> : ""}
56
+ {label ? <label className={styles['input-title']}>{label} {required && <sup style={{color: "#ee0000"}}>*</sup>}</label> : ""}
57
57
  <input
58
58
  {...props}
59
59
  type={type}
package/src/components/multiselect/index.js CHANGED
@@ -18,7 +18,7 @@ export const Multiselect = ({
18
18
  const [opened, setOpened] = useState(false);
19
19
  return (
20
20
  <div className={styles.main}>
21
- {label ? <label className={styles['multi-select-title']}>վարչական շրջան <span>*</span></label> : ""}
21
+ {label ? <label className={styles['multi-select-title']}>{label} {required && <sup style={{color: "#ee0000"}}>*</sup>}</label> : ""}
22
22
  <div className={styles['multi-select-content-top']} onClick={() => { setOpened(!opened) }}>
23
23
  {
24
24
  options.map((option, i) => {
package/src/components/select/index.js CHANGED
@@ -74,7 +74,7 @@ export const Select = ({
74
74
 
75
75
  return (
76
76
  <div>
77
- {label ? <label className={styles['select-title']}>{label}</label> : ""}
77
+ {label ? <label className={styles['select-title']}>{label} {required && <sup style={{color: "#ee0000"}}>*</sup>}</label> : ""}
78
78
  <div className={styles['select-wrap']} ref={ref}>
79
79
  <div className={styles['select-content']} id={styles.selector}>
80
80
  <div