@xaypay/tui 0.0.39 → 0.0.41

package/dist/index.es.js

@@ -271,7 +271,11 @@ const Autocomplate = ({
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, label ? /*#__PURE__*/React.createElement("label", {
     className: styles$a['autocomplate-title']
-  }, label) : "", /*#__PURE__*/React.createElement("div", {
+  }, label, " ", required && /*#__PURE__*/React.createElement("sup", {
+    style: {
+      color: "#ee0000"
+    }
+  }, "*")) : "", /*#__PURE__*/React.createElement("div", {
     className: styles$a['autocomplate-content']
   }, /*#__PURE__*/React.createElement("input", _extends({
     id: inputId,
@@ -303,6 +307,9 @@ Autocomplate.propTypes = {
   keyNames: PropTypes.object,
   errorMesage: PropTypes.string
 };
+Autocomplate.defaultProps = {
+  required: false
+};
 
 var css_248z$a = ".checkbox-module_checkbox-wrap__Xrg-m{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.checkbox-module_checkbox-wrap__Xrg-m>input{height:0;opacity:0;position:absolute;width:0}.checkbox-module_checkbox-wrap__Xrg-m .checkbox-module_checkmark__M8DY6{border:1px solid #d9d9d9;border-radius:3px;bottom:0;display:inline-block;height:14px;left:0;margin:auto 4px auto auto;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.checkbox-module_checkbox-wrap__Xrg-m>.checkbox-module_checkmark__M8DY6:after{border:solid #1890ff;border-width:0 2px 2px 0;content:\"\";display:block;height:8px;left:4px;opacity:0;position:absolute;top:1px;transform:rotate(45deg);transition:opacity .24s;width:4px}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6:after{opacity:1}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6,.checkbox-module_checkbox-wrap__Xrg-m:hover input~.checkbox-module_checkmark__M8DY6{border-color:#1890ff}";
 var styles$9 = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
@@ -455,7 +462,11 @@ const Input = ({
     className: styles$8['input-wrap']
   }, label ? /*#__PURE__*/React.createElement("label", {
     className: styles$8['input-title']
-  }, label) : "", /*#__PURE__*/React.createElement("input", _extends({}, props, {
+  }, label, " ", required && /*#__PURE__*/React.createElement("sup", {
+    style: {
+      color: "#ee0000"
+    }
+  }, "*")) : "", /*#__PURE__*/React.createElement("input", _extends({}, props, {
     type: type,
     className: classProps,
     style: color && {
@@ -487,7 +498,7 @@ Input.defaultProps = {
   color: null,
   size: InputSizes.MEDIUM,
   onChange: undefined,
-  required: true,
+  required: false,
   errorMesage: "",
   type: "text",
   value: ""
@@ -868,7 +879,11 @@ const Select = ({
   }, className);
   return /*#__PURE__*/React.createElement("div", null, label ? /*#__PURE__*/React.createElement("label", {
     className: styles$3['select-title']
-  }, label) : "", /*#__PURE__*/React.createElement("div", {
+  }, label, " ", required && /*#__PURE__*/React.createElement("sup", {
+    style: {
+      color: "#ee0000"
+    }
+  }, "*")) : "", /*#__PURE__*/React.createElement("div", {
     className: styles$3['select-wrap'],
     ref: ref
   }, /*#__PURE__*/React.createElement("div", {
@@ -927,7 +942,8 @@ Select.propTypes = {
   keyNames: PropTypes.object
 };
 Select.defaultProps = {
-  size: 'medium'
+  size: 'medium',
+  required: false
 };
 
 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)}";
@@ -970,7 +986,11 @@ const File = ({
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
     className: styles$2['file-form-title']
-  }, label), /*#__PURE__*/React.createElement("div", {
+  }, label, " ", required && /*#__PURE__*/React.createElement("sup", {
+    style: {
+      color: "#ee0000"
+    }
+  }, "*")), /*#__PURE__*/React.createElement("div", {
     className: classnames(styles$2['file-form-wrap'], image ? styles$2['active'] : '')
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$2['file-form'],
@@ -1043,6 +1063,9 @@ File.propTypes = {
   errorMesage: PropTypes.string,
   defaultData: PropTypes.object
 };
+File.defaultProps = {
+  required: false
+};
 
 var css_248z$1 = ".modal-module_modal-wrap__IsXXf{background:rgba(0,0,0,.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9}.modal-module_modal-top__ntDBi{background:#fbfbfb;box-sizing:border-box;display:flex;flex-direction:row;height:44px;padding:4px 10px 4px 24px;width:100%}.modal-module_modal-title__r-WKl{align-items:center;color:#3c393e;display:flex;flex:1 1;font-size:20px;font-weight:500;line-height:24px;padding-right:20px}.modal-module_close-btn__Qf2UD{cursor:pointer;flex:0 0 auto;width:24px}.modal-module_close-btn__Qf2UD,.modal-module_modal-section__Bp8jN{align-items:center;display:flex;height:100%;justify-content:center}.modal-module_modal-section__Bp8jN{flex:1 1;padding:10px 0;width:100%}.modal-module_modal-content__1F-uE{align-items:center;animation:modal-module_show-popup__WrH7a .24s;background:#fff;border-radius:8px;display:flex;flex-direction:column;height:auto;left:0;margin:auto;min-height:130px;overflow:hidden;padding:10px;position:absolute;right:0;top:110px;width:fit-content}@keyframes modal-module_show-popup__WrH7a{0%{transform:translate3d(0,-30%,0)}to{opacity:1;transform:translateZ(0)}}";
 var styles$1 = {"modal-wrap":"modal-module_modal-wrap__IsXXf","modal-top":"modal-module_modal-top__ntDBi","modal-title":"modal-module_modal-title__r-WKl","close-btn":"modal-module_close-btn__Qf2UD","modal-section":"modal-module_modal-section__Bp8jN","modal-content":"modal-module_modal-content__1F-uE","show-popup":"modal-module_show-popup__WrH7a"};

package/dist/index.js

@@ -282,7 +282,11 @@ const Autocomplate = ({
   }
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, label ? /*#__PURE__*/React__default["default"].createElement("label", {
     className: styles$a['autocomplate-title']
-  }, label) : "", /*#__PURE__*/React__default["default"].createElement("div", {
+  }, label, " ", required && /*#__PURE__*/React__default["default"].createElement("sup", {
+    style: {
+      color: "#ee0000"
+    }
+  }, "*")) : "", /*#__PURE__*/React__default["default"].createElement("div", {
     className: styles$a['autocomplate-content']
   }, /*#__PURE__*/React__default["default"].createElement("input", _extends({
     id: inputId,
@@ -314,6 +318,9 @@ Autocomplate.propTypes = {
   keyNames: PropTypes__default["default"].object,
   errorMesage: PropTypes__default["default"].string
 };
+Autocomplate.defaultProps = {
+  required: false
+};
 
 var css_248z$a = ".checkbox-module_checkbox-wrap__Xrg-m{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.checkbox-module_checkbox-wrap__Xrg-m>input{height:0;opacity:0;position:absolute;width:0}.checkbox-module_checkbox-wrap__Xrg-m .checkbox-module_checkmark__M8DY6{border:1px solid #d9d9d9;border-radius:3px;bottom:0;display:inline-block;height:14px;left:0;margin:auto 4px auto auto;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.checkbox-module_checkbox-wrap__Xrg-m>.checkbox-module_checkmark__M8DY6:after{border:solid #1890ff;border-width:0 2px 2px 0;content:\"\";display:block;height:8px;left:4px;opacity:0;position:absolute;top:1px;transform:rotate(45deg);transition:opacity .24s;width:4px}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6:after{opacity:1}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6,.checkbox-module_checkbox-wrap__Xrg-m:hover input~.checkbox-module_checkmark__M8DY6{border-color:#1890ff}";
 var styles$9 = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
@@ -466,7 +473,11 @@ const Input = ({
     className: styles$8['input-wrap']
   }, label ? /*#__PURE__*/React__default["default"].createElement("label", {
     className: styles$8['input-title']
-  }, label) : "", /*#__PURE__*/React__default["default"].createElement("input", _extends({}, props, {
+  }, label, " ", required && /*#__PURE__*/React__default["default"].createElement("sup", {
+    style: {
+      color: "#ee0000"
+    }
+  }, "*")) : "", /*#__PURE__*/React__default["default"].createElement("input", _extends({}, props, {
     type: type,
     className: classProps,
     style: color && {
@@ -498,7 +509,7 @@ Input.defaultProps = {
   color: null,
   size: InputSizes.MEDIUM,
   onChange: undefined,
-  required: true,
+  required: false,
   errorMesage: "",
   type: "text",
   value: ""
@@ -879,7 +890,11 @@ const Select = ({
   }, className);
   return /*#__PURE__*/React__default["default"].createElement("div", null, label ? /*#__PURE__*/React__default["default"].createElement("label", {
     className: styles$3['select-title']
-  }, label) : "", /*#__PURE__*/React__default["default"].createElement("div", {
+  }, label, " ", required && /*#__PURE__*/React__default["default"].createElement("sup", {
+    style: {
+      color: "#ee0000"
+    }
+  }, "*")) : "", /*#__PURE__*/React__default["default"].createElement("div", {
     className: styles$3['select-wrap'],
     ref: ref
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -938,7 +953,8 @@ Select.propTypes = {
   keyNames: PropTypes__default["default"].object
 };
 Select.defaultProps = {
-  size: 'medium'
+  size: 'medium',
+  required: false
 };
 
 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)}";
@@ -981,7 +997,11 @@ const File = ({
   }
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("p", {
     className: styles$2['file-form-title']
-  }, label), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, label, " ", required && /*#__PURE__*/React__default["default"].createElement("sup", {
+    style: {
+      color: "#ee0000"
+    }
+  }, "*")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames__default["default"](styles$2['file-form-wrap'], image ? styles$2['active'] : '')
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: styles$2['file-form'],
@@ -1054,6 +1074,9 @@ File.propTypes = {
   errorMesage: PropTypes__default["default"].string,
   defaultData: PropTypes__default["default"].object
 };
+File.defaultProps = {
+  required: false
+};
 
 var css_248z$1 = ".modal-module_modal-wrap__IsXXf{background:rgba(0,0,0,.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9}.modal-module_modal-top__ntDBi{background:#fbfbfb;box-sizing:border-box;display:flex;flex-direction:row;height:44px;padding:4px 10px 4px 24px;width:100%}.modal-module_modal-title__r-WKl{align-items:center;color:#3c393e;display:flex;flex:1 1;font-size:20px;font-weight:500;line-height:24px;padding-right:20px}.modal-module_close-btn__Qf2UD{cursor:pointer;flex:0 0 auto;width:24px}.modal-module_close-btn__Qf2UD,.modal-module_modal-section__Bp8jN{align-items:center;display:flex;height:100%;justify-content:center}.modal-module_modal-section__Bp8jN{flex:1 1;padding:10px 0;width:100%}.modal-module_modal-content__1F-uE{align-items:center;animation:modal-module_show-popup__WrH7a .24s;background:#fff;border-radius:8px;display:flex;flex-direction:column;height:auto;left:0;margin:auto;min-height:130px;overflow:hidden;padding:10px;position:absolute;right:0;top:110px;width:fit-content}@keyframes modal-module_show-popup__WrH7a{0%{transform:translate3d(0,-30%,0)}to{opacity:1;transform:translateZ(0)}}";
 var styles$1 = {"modal-wrap":"modal-module_modal-wrap__IsXXf","modal-top":"modal-module_modal-top__ntDBi","modal-title":"modal-module_modal-title__r-WKl","close-btn":"modal-module_close-btn__Qf2UD","modal-section":"modal-module_modal-section__Bp8jN","modal-content":"modal-module_modal-content__1F-uE","show-popup":"modal-module_show-popup__WrH7a"};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaypay/tui",
-  "version": "0.0.39",
+  "version": "0.0.41",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/components/autocomplate/index.js

@@ -91,7 +91,7 @@ export const Autocomplate = ({
 
   return (
     <>
-      {label ? <label className={styles['autocomplate-title']}>{label}</label> : ""}
+      {label ? <label className={styles['autocomplate-title']}>{label} {required && <sup style={{color: "#ee0000"}}>*</sup>}</label> : ""}
       <div className={styles['autocomplate-content']}>
         <input
           id={inputId}
@@ -128,3 +128,6 @@ Autocomplate.propTypes = {
 };
 
 
+Autocomplate.defaultProps = {
+  required: false,
+};

package/src/components/file/index.js

@@ -48,7 +48,7 @@ export const File = ({
 
   return (
       <>
-      <p className={styles['file-form-title']}>{label}</p>
+      <p className={styles['file-form-title']}>{label} {required && <sup style={{color: "#ee0000"}}>*</sup>}</p>
       <div className={classnames(styles['file-form-wrap'],image ? styles['active'] : '')}>
         <div
           className={styles['file-form']}
@@ -109,3 +109,7 @@ File.propTypes = {
 };
 
 
+
+File.defaultProps = {
+  required: false,
+};

package/src/components/input/index.js

@@ -53,7 +53,7 @@ export const Input = ({
   const classProps = classnames(styles.input, styles[size], eMessage != '' ? styles['error-message'] :"" , className);
   return (
     <div className={styles['input-wrap']}>
-      {label ? <label className={styles['input-title']}>{label}</label> : ""}
+      {label ? <label className={styles['input-title']}>{label} {required && <sup style={{color: "#ee0000"}}>*</sup>}</label> : ""}
       <input
         {...props}
         type={type}
@@ -92,7 +92,7 @@ Input.defaultProps = {
   color: null,
   size: InputSizes.MEDIUM,
   onChange: undefined,
-  required: true,
+  required: false,
   errorMesage: "",
   type: "text",
   value: ""

package/src/components/multiselect/index.js

@@ -18,7 +18,7 @@ export const Multiselect = ({
   const [opened, setOpened] = useState(false);
   return (
     <div className={styles.main}>
-      {label ? <label className={styles['multi-select-title']}>վարչական շրջան <span>*</span></label> : ""}
+      {label ? <label className={styles['multi-select-title']}>{label} {required && <sup style={{color: "#ee0000"}}>*</sup>}</label> : ""}
       <div className={styles['multi-select-content-top']} onClick={() => { setOpened(!opened) }}>
         {
           options.map((option, i) => {
@@ -90,3 +90,6 @@ Multiselect.propTypes = {
   keyNames: PropTypes.object,
 };
 
+Multiselect.defaultProps = {
+  required: false,
+};

package/src/components/select/index.js

@@ -74,7 +74,7 @@ export const Select = ({
     
     return (
         <div>
-            {label ? <label className={styles['select-title']}>{label}</label> : ""}
+            {label ? <label className={styles['select-title']}>{label} {required && <sup style={{color: "#ee0000"}}>*</sup>}</label> : ""}
             <div className={styles['select-wrap']} ref={ref}>
                 <div className={styles['select-content']} id={styles.selector}>
                     <div
@@ -161,5 +161,6 @@ Select.propTypes = {
 };
 
 Select.defaultProps = {
-    size: 'medium'
+    size: 'medium',
+    required: false
 };