@xaypay/tui 0.0.39 → 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 (8) hide show
  1. package/dist/index.es.js +20 -4
  2. package/dist/index.js +20 -4
  3. package/package.json +1 -1
  4. package/src/components/autocomplate/index.js +1 -1
  5. package/src/components/file/index.js +1 -1
  6. package/src/components/input/index.js +1 -1
  7. package/src/components/multiselect/index.js +1 -1
  8. 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", {
@@ -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'],
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", {
@@ -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'],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xaypay/tui",
3
- "version": "0.0.39",
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/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']}
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