@xaypay/tui 0.0.91 → 0.0.92
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 +129 -111
- package/dist/index.js +129 -111
- package/package.json +1 -1
- package/src/components/input/index.js +15 -1
- package/src/components/input/input.module.css +1 -0
- package/src/components/newAutocomplete/autocomplete.module.css +3 -0
- package/src/components/newAutocomplete/index.js +3 -0
- package/src/components/select/select.module.css +2 -0
- package/src/components/textarea/textarea.module.css +4 -0
package/dist/index.es.js
CHANGED
|
@@ -66,9 +66,9 @@ function styleInject(css, ref) {
|
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
var css_248z$
|
|
70
|
-
var styles$
|
|
71
|
-
styleInject(css_248z$
|
|
69
|
+
var css_248z$f = ".file-module_file-form__l13d5{align-items:center;background:#fbfbfb;border:2px dashed;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:190px;justify-content:space-between;overflow:hidden;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!important}.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;max-height:190px;overflow:hidden;position:relative;width:100%}.file-module_upload-file-content__QHMjn>img{display:block;height:auto;max-height:95%;object-fit:contain;width:27.8rem}.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)}";
|
|
70
|
+
var styles$c = {"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"};
|
|
71
|
+
styleInject(css_248z$f);
|
|
72
72
|
|
|
73
73
|
const File = ({
|
|
74
74
|
name,
|
|
@@ -130,15 +130,15 @@ const File = ({
|
|
|
130
130
|
document.querySelector(`.${name}`).value = "";
|
|
131
131
|
};
|
|
132
132
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("p", {
|
|
133
|
-
className: `${styles$
|
|
133
|
+
className: `${styles$c['file-form-title']} ile-form-title-rem`
|
|
134
134
|
}, label, " ", required && /*#__PURE__*/React__default.createElement("sup", {
|
|
135
135
|
style: {
|
|
136
136
|
color: "#ee0000"
|
|
137
137
|
}
|
|
138
138
|
}, "*")), /*#__PURE__*/React__default.createElement("div", {
|
|
139
|
-
className: classnames(`${styles$
|
|
139
|
+
className: classnames(`${styles$c['file-form-wrap']} file-form-wrap-rem`, image ? styles$c['active'] : '')
|
|
140
140
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
141
|
-
className: `${styles$
|
|
141
|
+
className: `${styles$c['file-form']} file-form-rem ${error || errorMessage ? styles$c['error'] : ''}`,
|
|
142
142
|
onClick: () => document.querySelector(`.${name}`).click()
|
|
143
143
|
}, /*#__PURE__*/React__default.createElement("input", {
|
|
144
144
|
hidden: true,
|
|
@@ -147,23 +147,23 @@ const File = ({
|
|
|
147
147
|
disabled: disabled,
|
|
148
148
|
onChange: e => handleCheckFile(e)
|
|
149
149
|
}), image ? /*#__PURE__*/React__default.createElement("div", {
|
|
150
|
-
className: `${styles$
|
|
150
|
+
className: `${styles$c['upload-file-content']} upload-file-content-rem`
|
|
151
151
|
}, image === 'pdf' ? /*#__PURE__*/React__default.createElement(SvgPdf, null) : /*#__PURE__*/React__default.createElement("img", {
|
|
152
152
|
src: image,
|
|
153
153
|
alt: fileName
|
|
154
154
|
})) : /*#__PURE__*/React__default.createElement("div", {
|
|
155
|
-
className: `${styles$
|
|
155
|
+
className: `${styles$c['file-form-inner-upload']} ile-form-inner-upload-rem`
|
|
156
156
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
157
157
|
src: "../../assets/upload.svg",
|
|
158
158
|
alt: ""
|
|
159
159
|
}), /*#__PURE__*/React__default.createElement("span", {
|
|
160
|
-
className: `${styles$
|
|
160
|
+
className: `${styles$c['upload-info']} upload-info-rem`
|
|
161
161
|
}, /*#__PURE__*/React__default.createElement("span", {
|
|
162
|
-
className: `${styles$
|
|
162
|
+
className: `${styles$c['upload-info-txt']} upload-info-txt-rem`
|
|
163
163
|
}, "\u0532\u0565\u057C\u0576\u0565\u056C")), /*#__PURE__*/React__default.createElement("span", {
|
|
164
|
-
className: `${styles$
|
|
164
|
+
className: `${styles$c['upload-info-size']} upload-info-size-rem`
|
|
165
165
|
}, "\u0531\u057C\u0561\u057E\u0565\u056C\u0561\u0563\u0578\u0582\u0575\u0576\u0568 ", maxSize, "\u0544\u0532 ( ", fileExtensions.toString().split(',').join(', '), " )"))), !disabled && /*#__PURE__*/React__default.createElement("div", {
|
|
166
|
-
className: `${styles$
|
|
166
|
+
className: `${styles$c['delete-upload-icon']} delete-upload-icon-rem`,
|
|
167
167
|
onClick: handleRemoveFile
|
|
168
168
|
}, /*#__PURE__*/React__default.createElement("i", {
|
|
169
169
|
className: "icon-delete"
|
|
@@ -268,8 +268,8 @@ SingleCheckbox.propTypes = {
|
|
|
268
268
|
checked: PropTypes.bool.isRequired
|
|
269
269
|
};
|
|
270
270
|
|
|
271
|
-
var css_248z$
|
|
272
|
-
styleInject(css_248z$
|
|
271
|
+
var css_248z$e = ".table-module_sorting-arrows__BaN-G:after{content:\"▲\";font-size:11px;position:absolute;right:0;top:calc(50% - 12px)}.table-module_sorting-arrows__BaN-G:before{bottom:calc(50% - 12px);content:\"▼\";font-size:11px;position:absolute;right:0}.table-module_td-span__XHo6k{cursor:pointer;display:inline-block;position:relative}.table-module_td-span__XHo6k>svg{left:0;position:absolute;top:0;z-index:-1}";
|
|
272
|
+
styleInject(css_248z$e);
|
|
273
273
|
|
|
274
274
|
const _ = require('lodash');
|
|
275
275
|
const compereConfigs = () => {
|
|
@@ -316,9 +316,9 @@ const compereConfigs = () => {
|
|
|
316
316
|
handleBodyActionClick: PropTypes.func
|
|
317
317
|
});
|
|
318
318
|
|
|
319
|
-
var css_248z$
|
|
320
|
-
var styles$
|
|
321
|
-
styleInject(css_248z$
|
|
319
|
+
var css_248z$d = ".modal-module_animation__modal__3mt48{animation:modal-module_show-popup__WrH7a .15s;-webkit-animation:modal-module_show-popup__WrH7a .15s}@keyframes modal-module_show-popup__WrH7a{0%{transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0)}to{opacity:1;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}}";
|
|
320
|
+
var styles$b = {"animation__modal":"modal-module_animation__modal__3mt48","show-popup":"modal-module_show-popup__WrH7a"};
|
|
321
|
+
styleInject(css_248z$d);
|
|
322
322
|
|
|
323
323
|
const SvgNext = ({
|
|
324
324
|
title,
|
|
@@ -504,7 +504,7 @@ const Modal = ({
|
|
|
504
504
|
justifyContent: justifyContent ? justifyContent : configStyles.MODAL.justifyContent
|
|
505
505
|
}
|
|
506
506
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
507
|
-
className: `${classProps} ${styles$
|
|
507
|
+
className: `${classProps} ${styles$b['animation__modal']}`,
|
|
508
508
|
onClick: handleStopClosing,
|
|
509
509
|
style: {
|
|
510
510
|
overflow: 'auto',
|
|
@@ -657,9 +657,9 @@ Modal.defaultProps = {
|
|
|
657
657
|
type: 'content'
|
|
658
658
|
};
|
|
659
659
|
|
|
660
|
-
var css_248z$
|
|
661
|
-
var styles$
|
|
662
|
-
styleInject(css_248z$
|
|
660
|
+
var css_248z$c = ".input-module_input-wrap__NunrE{position:relative;width:100%}.input-module_input-content__kP7lZ{-webkit-appearance:none;display:flex;width:100%}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{background-color:inherit!important}.input-module_error-message-show__OrVSo{animation-fill-mode:forwards;animation-name:input-module_error-show__9MP6k}.input-module_inp-num__vH7HL::-webkit-inner-spin-button,.input-module_inp-num__vH7HL::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-module_inp-num__vH7HL[type=number]{-moz-appearance:textfield}@keyframes input-module_error-show__9MP6k{to{bottom:-20px;transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1)}}";
|
|
661
|
+
var styles$a = {"input-wrap":"input-module_input-wrap__NunrE","input-content":"input-module_input-content__kP7lZ","error-message-show":"input-module_error-message-show__OrVSo","error-show":"input-module_error-show__9MP6k","inp-num":"input-module_inp-num__vH7HL"};
|
|
662
|
+
styleInject(css_248z$c);
|
|
663
663
|
|
|
664
664
|
const InputTypes = {
|
|
665
665
|
TEL: 'tel',
|
|
@@ -698,6 +698,7 @@ const Input = ({
|
|
|
698
698
|
errorSize,
|
|
699
699
|
labelSize,
|
|
700
700
|
maxLength,
|
|
701
|
+
floatToFix,
|
|
701
702
|
minNumSize,
|
|
702
703
|
maxNumSize,
|
|
703
704
|
labelColor,
|
|
@@ -734,7 +735,7 @@ const Input = ({
|
|
|
734
735
|
const [innerErrorMessage, setInnerErrorMessage] = useState('');
|
|
735
736
|
const random = Math.floor(Math.random() * 1000 + 1);
|
|
736
737
|
const configStyles = compereConfigs();
|
|
737
|
-
const classProps = classnames(className ? className : configStyles.INPUT.className, type === 'number' ? styles$
|
|
738
|
+
const classProps = classnames(className ? className : configStyles.INPUT.className, type === 'number' ? styles$a['inp-num'] : '');
|
|
738
739
|
const errorShow = keyframes`
|
|
739
740
|
100% {
|
|
740
741
|
bottom: '-20px';
|
|
@@ -789,6 +790,17 @@ const Input = ({
|
|
|
789
790
|
change(maxNumSize);
|
|
790
791
|
}
|
|
791
792
|
}
|
|
793
|
+
if (floatToFix && floatToFix > 0 && !Number.isInteger(parseFloat(currentValue))) {
|
|
794
|
+
const floatNumParts = currentValue.split('.');
|
|
795
|
+
const int = floatNumParts[0];
|
|
796
|
+
const float = floatNumParts[1];
|
|
797
|
+
if (float && float.length > floatToFix) {
|
|
798
|
+
setInnerValue(`${int}.${float.substr(0, floatToFix)}`);
|
|
799
|
+
if (change) {
|
|
800
|
+
change(`${int}.${float.substr(0, floatToFix)}`);
|
|
801
|
+
}
|
|
802
|
+
}
|
|
803
|
+
}
|
|
792
804
|
if (currentValue === '') {
|
|
793
805
|
setInnerValue('');
|
|
794
806
|
if (change) {
|
|
@@ -854,9 +866,9 @@ const Input = ({
|
|
|
854
866
|
}
|
|
855
867
|
}, [type, value, regexp, maxLength, errorMessage, regexpErrorMessage, telErrorMessage]);
|
|
856
868
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
857
|
-
className: `${styles$
|
|
869
|
+
className: `${styles$a["input-wrap"]}`
|
|
858
870
|
}, label ? /*#__PURE__*/React__default.createElement("label", {
|
|
859
|
-
className: `${styles$
|
|
871
|
+
className: `${styles$a["input-title"]}`,
|
|
860
872
|
style: {
|
|
861
873
|
color: labelColor ? labelColor : configStyles.INPUT.labelColor,
|
|
862
874
|
fontSize: labelSize ? labelSize : configStyles.INPUT.labelSize,
|
|
@@ -870,7 +882,7 @@ const Input = ({
|
|
|
870
882
|
color: errorColor ? errorColor : "#ee0000"
|
|
871
883
|
}
|
|
872
884
|
}, "*")) : '', /*#__PURE__*/React__default.createElement("div", {
|
|
873
|
-
className: `${styles$
|
|
885
|
+
className: `${styles$a["input-content"]}`,
|
|
874
886
|
style: {
|
|
875
887
|
width: width ? width : configStyles.INPUT.width,
|
|
876
888
|
borderRadius: radius ? radius : configStyles.INPUT.radius,
|
|
@@ -918,9 +930,9 @@ const Input = ({
|
|
|
918
930
|
disabled: disabled ? disabled : "",
|
|
919
931
|
name: name ? name : `tui_${random}_tui`,
|
|
920
932
|
placeholder: placeholder ? placeholder : '',
|
|
921
|
-
autoComplete: autoComplete ? autoComplete : configStyles.INPUT.autoComplete,
|
|
922
933
|
min: type === 'number' && minNumSize ? minNumSize : '',
|
|
923
934
|
max: type === 'number' && maxNumSize ? maxNumSize : '',
|
|
935
|
+
autoComplete: autoComplete ? autoComplete : configStyles.INPUT.autoComplete,
|
|
924
936
|
style: {
|
|
925
937
|
border: 'none',
|
|
926
938
|
outline: 'none',
|
|
@@ -990,6 +1002,7 @@ Input.propTypes = {
|
|
|
990
1002
|
errorLeft: PropTypes.string,
|
|
991
1003
|
labelSize: PropTypes.string,
|
|
992
1004
|
maxLength: PropTypes.number,
|
|
1005
|
+
floatToFix: PropTypes.number,
|
|
993
1006
|
minNumSize: PropTypes.number,
|
|
994
1007
|
maxNumSize: PropTypes.number,
|
|
995
1008
|
errorColor: PropTypes.string,
|
|
@@ -1027,9 +1040,9 @@ Input.defaultProps = {
|
|
|
1027
1040
|
type: "text"
|
|
1028
1041
|
};
|
|
1029
1042
|
|
|
1030
|
-
var css_248z$
|
|
1031
|
-
var styles$
|
|
1032
|
-
styleInject(css_248z$
|
|
1043
|
+
var css_248z$b = ".radio-module_radio-wrap__-lO7V{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.radio-module_radio-wrap__-lO7V>input{height:0;opacity:0;position:absolute;width:0}.radio-module_radio-wrap__-lO7V .radio-module_radio-checkmark__Kvol0{border:1px solid #d9d9d9;border-radius:50%;display:inline-block;height:14px;left:0;margin-right:4px;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.radio-module_radio-wrap__-lO7V>.radio-module_radio-checkmark__Kvol0:after{background-color:#d9d9d9;border-radius:50%;bottom:0;content:\"\";height:8px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;transition:opacity .24s,background-color .24s;width:8px}.radio-module_radio-wrap__-lO7V input:checked~.radio-module_radio-checkmark__Kvol0:after{background-color:#1890ff;opacity:1}.radio-module_radio-wrap__-lO7V:hover input~.radio-module_radio-checkmark__Kvol0:after{opacity:1}.radio-module_radio-wrap__-lO7V input:checked~.radio-module_radio-checkmark__Kvol0{border-color:#1890ff}";
|
|
1044
|
+
var styles$9 = {"radio-wrap":"radio-module_radio-wrap__-lO7V","radio-checkmark":"radio-module_radio-checkmark__Kvol0"};
|
|
1045
|
+
styleInject(css_248z$b);
|
|
1033
1046
|
|
|
1034
1047
|
const Radio = ({
|
|
1035
1048
|
disabled,
|
|
@@ -1043,11 +1056,11 @@ const Radio = ({
|
|
|
1043
1056
|
keyNames,
|
|
1044
1057
|
...props
|
|
1045
1058
|
}) => {
|
|
1046
|
-
const classProps = classnames(styles$
|
|
1059
|
+
const classProps = classnames(styles$9.checkbox, className);
|
|
1047
1060
|
const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
|
|
1048
1061
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, parseData.map((element, id) => {
|
|
1049
1062
|
return /*#__PURE__*/React__default.createElement("label", {
|
|
1050
|
-
className: `${styles$
|
|
1063
|
+
className: `${styles$9["radio-wrap"]} radio-wrap-rem`,
|
|
1051
1064
|
key: element.value
|
|
1052
1065
|
}, /*#__PURE__*/React__default.createElement("input", _extends({
|
|
1053
1066
|
type: "radio",
|
|
@@ -1058,9 +1071,9 @@ const Radio = ({
|
|
|
1058
1071
|
value: value ? value : element.value,
|
|
1059
1072
|
name: name ? name : element.name
|
|
1060
1073
|
}, props)), /*#__PURE__*/React__default.createElement("span", {
|
|
1061
|
-
className: `${styles$
|
|
1074
|
+
className: `${styles$9["radio-checkmark"]} radio-checkmark-rem`
|
|
1062
1075
|
}), element.label ? /*#__PURE__*/React__default.createElement("span", {
|
|
1063
|
-
className: styles$
|
|
1076
|
+
className: styles$9.labelRadio
|
|
1064
1077
|
}, label ? label : element.label) : "");
|
|
1065
1078
|
}));
|
|
1066
1079
|
};
|
|
@@ -1209,9 +1222,9 @@ const SvgArrow = ({
|
|
|
1209
1222
|
fill: fillColor ? fillColor : '#3C393E'
|
|
1210
1223
|
}));
|
|
1211
1224
|
|
|
1212
|
-
var css_248z$
|
|
1213
|
-
var styles$
|
|
1214
|
-
styleInject(css_248z$
|
|
1225
|
+
var css_248z$a = ".select-module_select-content__GCMDX{-webkit-appearance:none;display:flex;flex-direction:column;position:relative}.select-module_select-content-top__Aw-fB{align-items:center;-webkit-appearance:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.select-module_select-content-bottom__ueZCR{animation:select-module_select-show__391hQ .64s linear forwards;-webkit-animation:select-module_select-show__391hQ .64s linear forwards;left:0;max-height:0;overflow:hidden;position:absolute;width:100%;z-index:99999999999}.select-module_select-content-bottom-inner__NWy2X{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}.select-module_select-content-top-icon__MBrGK{align-items:center;box-sizing:border-box;display:flex;flex:0 0 auto;padding:0 5px 0 20px}.select-module_select-content-top-icon__MBrGK>div{align-items:center;display:flex;height:14px;justify-content:center;width:14px}.select-module_close-icon__SFNaJ{border-right:1px solid #eee;box-sizing:content-box;padding-right:9px}.select-module_arrow-icon__rjHt-{margin-left:9px;transform-origin:center;transition:all .64s ease;-webkit-transition:all .64s ease;-moz-transition:all .64s ease;-ms-transition:all .64s ease;-o-transition:all .64s ease}.select-module_select-content-bottom-row__eKq5L{align-items:center;display:flex;transition:background-color .24s,color .24s;-webkit-transition:background-color .24s,color .24s;-moz-transition:background-color .24s,color .24s;-ms-transition:background-color .24s,color .24s;-o-transition:background-color .24s,color .24s}.select-module_select-content-bottom-row__eKq5L:last-child{margin-bottom:0}@keyframes select-module_select-show__391hQ{to{max-height:234px}}";
|
|
1226
|
+
var styles$8 = {"select-content":"select-module_select-content__GCMDX","select-content-top":"select-module_select-content-top__Aw-fB","select-content-bottom":"select-module_select-content-bottom__ueZCR","select-show":"select-module_select-show__391hQ","select-content-bottom-inner":"select-module_select-content-bottom-inner__NWy2X","select-content-top-icon":"select-module_select-content-top-icon__MBrGK","close-icon":"select-module_close-icon__SFNaJ","arrow-icon":"select-module_arrow-icon__rjHt-","select-content-bottom-row":"select-module_select-content-bottom-row__eKq5L"};
|
|
1227
|
+
styleInject(css_248z$a);
|
|
1215
1228
|
|
|
1216
1229
|
const Select = ({
|
|
1217
1230
|
options,
|
|
@@ -1398,7 +1411,7 @@ const Select = ({
|
|
|
1398
1411
|
}, "*")) : "", /*#__PURE__*/React__default.createElement("div", {
|
|
1399
1412
|
ref: ref
|
|
1400
1413
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1401
|
-
className: styles$
|
|
1414
|
+
className: styles$8['select-content']
|
|
1402
1415
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1403
1416
|
style: {
|
|
1404
1417
|
cursor: disabled ? 'not-allowed' : cursor ? cursor : configStyles.SELECT.cursor,
|
|
@@ -1416,9 +1429,9 @@ const Select = ({
|
|
|
1416
1429
|
onClick: disabled ? _ => _ : _ => handleOpenClose(),
|
|
1417
1430
|
onMouseEnter: disabled ? _ => _ : _ => handleMouseEnter(),
|
|
1418
1431
|
onMouseLeave: disabled ? _ => _ : _ => handleMouseLeave(),
|
|
1419
|
-
className: `${styles$
|
|
1432
|
+
className: `${styles$8['select-content-top']}`
|
|
1420
1433
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1421
|
-
className: `${styles$
|
|
1434
|
+
className: `${styles$8['select-content-top-text']}`,
|
|
1422
1435
|
style: {
|
|
1423
1436
|
whiteSpace: 'nowrap',
|
|
1424
1437
|
overflow: 'hidden',
|
|
@@ -1434,9 +1447,9 @@ const Select = ({
|
|
|
1434
1447
|
}
|
|
1435
1448
|
}
|
|
1436
1449
|
}) : defaultOption ? defaultOption : ''), /*#__PURE__*/React__default.createElement("div", {
|
|
1437
|
-
className: `${styles$
|
|
1450
|
+
className: `${styles$8['select-content-top-icon']}`
|
|
1438
1451
|
}, !disabled && multiple && newSelected.length > 1 && /*#__PURE__*/React__default.createElement("span", null, newSelected.length), (showCloseIcon ? showCloseIcon : configStyles.SELECT.showCloseIcon) && !disabled && newSelected && newSelected.length > 0 && /*#__PURE__*/React__default.createElement("div", {
|
|
1439
|
-
className: `${styles$
|
|
1452
|
+
className: `${styles$8['close-icon']}`,
|
|
1440
1453
|
onClick: disabled ? _ => _ : handleClearSelect,
|
|
1441
1454
|
style: {
|
|
1442
1455
|
marginLeft: multiple && newSelected.length > 1 ? '17px' : '0px'
|
|
@@ -1445,7 +1458,7 @@ const Select = ({
|
|
|
1445
1458
|
style: {
|
|
1446
1459
|
transform: opened ? 'rotate(180deg)' : 'rotate(0deg)'
|
|
1447
1460
|
},
|
|
1448
|
-
className: `${styles$
|
|
1461
|
+
className: `${styles$8['arrow-icon']}`
|
|
1449
1462
|
}, arrowIcon ? arrowIcon : /*#__PURE__*/React__default.createElement(SvgArrow, null)) : '')), opened && !disabled ? /*#__PURE__*/React__default.createElement("div", {
|
|
1450
1463
|
style: {
|
|
1451
1464
|
boxShadow: optionsBoxShadow ? optionsBoxShadow : configStyles.SELECT.optionsBoxShadow,
|
|
@@ -1453,9 +1466,9 @@ const Select = ({
|
|
|
1453
1466
|
backgroundColor: optionsBackgroundColor ? optionsBackgroundColor : configStyles.SELECT.optionsBackgroundColor,
|
|
1454
1467
|
top: selectedMinHeight ? selectedMinHeight.includes('rem') ? parseFloat(selectedMinHeight.substr(0, selectedMinHeight.length - 3)) + 0.6 + 'rem' : parseFloat(selectedMinHeight.substr(0, selectedMinHeight.length - 2)) + 6 + 'px' : configStyles.SELECT.selectedMinHeight.includes('rem') ? parseFloat(configStyles.SELECT.selectedMinHeight.substr(0, configStyles.SELECT.selectedMinHeight.length - 3)) + 0.6 + 'rem' : parseFloat(configStyles.SELECT.selectedMinHeight.substr(0, configStyles.SELECT.selectedMinHeight.length - 2)) + 6 + 'px'
|
|
1455
1468
|
},
|
|
1456
|
-
className: `${styles$
|
|
1469
|
+
className: `${styles$8['select-content-bottom']}`
|
|
1457
1470
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1458
|
-
className: `${styles$
|
|
1471
|
+
className: `${styles$8['select-content-bottom-inner']}`
|
|
1459
1472
|
}, existOptions && existOptions.length > 0 && existOptions.map((option, i) => {
|
|
1460
1473
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
1461
1474
|
key: i,
|
|
@@ -1464,7 +1477,7 @@ const Select = ({
|
|
|
1464
1477
|
onClick: disabled ? _ => _ : _ => handleSelectItem(option),
|
|
1465
1478
|
onMouseEnter: disabled ? _ => _ : e => handleMouseEnterOption(e),
|
|
1466
1479
|
onMouseLeave: disabled ? _ => _ : e => handleMouseLeaveOption(e),
|
|
1467
|
-
className: `${styles$
|
|
1480
|
+
className: `${styles$8['select-content-bottom-row']}`,
|
|
1468
1481
|
style: {
|
|
1469
1482
|
color: optionItemColor ? optionItemColor : configStyles.SELECT.optionItemColor,
|
|
1470
1483
|
cursor: optionItemCursor ? optionItemCursor : configStyles.SELECT.optionItemCursor,
|
|
@@ -1643,9 +1656,9 @@ const SvgToasterSuccess = ({
|
|
|
1643
1656
|
fill: fillColor ? fillColor : '#0DA574'
|
|
1644
1657
|
}));
|
|
1645
1658
|
|
|
1646
|
-
var css_248z$
|
|
1647
|
-
var styles$
|
|
1648
|
-
styleInject(css_248z$
|
|
1659
|
+
var css_248z$9 = "#toaster-module_top-left__q0LcN{left:0;top:1em}#toaster-module_top-right__f-AFL{right:0;top:1em}#toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}#toaster-module_bottom-left__b-YHI{bottom:1em;left:0}#toaster-module_bottom-right__g9ACP{bottom:1em;right:0}#toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_top-left__q0LcN{left:0;top:1em}.toaster-module_top-right__f-AFL{right:0;top:1em}.toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_bottom-left__b-YHI{bottom:1em;left:0}.toaster-module_bottom-right__g9ACP{bottom:1em;right:0}.toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_notify-block__pRnEB{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.toaster-module_bounce-in-right__shR2D{-webkit-animation-name:toaster-module_bounceInRight__rSk5p;animation-name:toaster-module_bounceInRight__rSk5p}.toaster-module_bounce-out-right__48pyA{-webkit-animation-name:toaster-module_bounceOutRight__bmFGS;animation-name:toaster-module_bounceOutRight__bmFGS}@keyframes toaster-module_bounceInRight__rSk5p{0%{opacity:0;right:-100%}60%{opacity:1;right:40px}75%{right:0}90%{right:30px}to{right:20px}}@keyframes toaster-module_bounceOutRight__bmFGS{0%{opacity:1;right:20px}60%{opacity:1;right:60px}to{opacity:0;right:-100%}}.toaster-module_bounce-in-left__xoF-M{-webkit-animation-name:toaster-module_bounceInLeft__to59v;animation-name:toaster-module_bounceInLeft__to59v}.toaster-module_bounce-out-left__fDOZw{-webkit-animation-name:toaster-module_bounceOutLeft__k5QgO;animation-name:toaster-module_bounceOutLeft__k5QgO}@keyframes toaster-module_bounceInLeft__to59v{0%{left:-100%;opacity:0}60%{left:40px;opacity:1}75%{left:0}90%{left:30px}to{left:20px}}@keyframes toaster-module_bounceOutLeft__k5QgO{0%{left:20px;opacity:1}60%{left:60px;opacity:1}to{left:-100%;opacity:0}}";
|
|
1660
|
+
var styles$7 = {"top-left":"toaster-module_top-left__q0LcN","top-right":"toaster-module_top-right__f-AFL","top-center":"toaster-module_top-center__eVRbc","bottom-left":"toaster-module_bottom-left__b-YHI","bottom-right":"toaster-module_bottom-right__g9ACP","bottom-center":"toaster-module_bottom-center__4KcFe","notify-block":"toaster-module_notify-block__pRnEB","bounce-in-right":"toaster-module_bounce-in-right__shR2D","bounceInRight":"toaster-module_bounceInRight__rSk5p","bounce-out-right":"toaster-module_bounce-out-right__48pyA","bounceOutRight":"toaster-module_bounceOutRight__bmFGS","bounce-in-left":"toaster-module_bounce-in-left__xoF-M","bounceInLeft":"toaster-module_bounceInLeft__to59v","bounce-out-left":"toaster-module_bounce-out-left__fDOZw","bounceOutLeft":"toaster-module_bounceOutLeft__k5QgO"};
|
|
1661
|
+
styleInject(css_248z$9);
|
|
1649
1662
|
|
|
1650
1663
|
const ToasterType = {
|
|
1651
1664
|
info: 'info',
|
|
@@ -1710,8 +1723,8 @@ const Toast = ({
|
|
|
1710
1723
|
justifyContent: 'space-between'
|
|
1711
1724
|
},
|
|
1712
1725
|
className: `
|
|
1713
|
-
${styles$
|
|
1714
|
-
${position === 'top-left' ? showToaster ? styles$
|
|
1726
|
+
${styles$7['notify-block']}
|
|
1727
|
+
${position === 'top-left' ? showToaster ? styles$7['bounce-in-left'] : styles$7['bounce-out-left'] : position === 'top-right' ? showToaster ? styles$7['bounce-in-right'] : styles$7['bounce-out-right'] : position === 'top-center' ? showToaster ? styles$7['bounce-in-left'] : styles$7['bounce-out-left'] : position === 'bottom-left' ? showToaster ? styles$7['bounce-in-left'] : styles$7['bounce-out-left'] : position === 'bottom-right' ? showToaster ? styles$7['bounce-in-right'] : styles$7['bounce-out-right'] : position === 'bottom-center' ? showToaster ? styles$7['bounce-in-left'] : styles$7['bounce-out-left'] : ''}
|
|
1715
1728
|
`
|
|
1716
1729
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1717
1730
|
style: {
|
|
@@ -1807,17 +1820,17 @@ const createToast = ({
|
|
|
1807
1820
|
description
|
|
1808
1821
|
});
|
|
1809
1822
|
ReactDOM.render(newElem, toastBlock);
|
|
1810
|
-
if (!document.getElementById(styles$
|
|
1823
|
+
if (!document.getElementById(styles$7[position]) || document.getElementById(styles$7[position]) == null) {
|
|
1811
1824
|
toastParentBlock = document.createElement('div');
|
|
1812
1825
|
toastParentBlock.style.position = 'fixed';
|
|
1813
1826
|
toastParentBlock.style.display = 'flex';
|
|
1814
1827
|
toastParentBlock.style.zIndex = 99999;
|
|
1815
1828
|
toastParentBlock.style.flexDirection = position === 'top-left' || position === 'top-right' || position === 'top-center' ? 'column-reverse' : 'column';
|
|
1816
|
-
toastParentBlock.setAttribute('id', styles$
|
|
1829
|
+
toastParentBlock.setAttribute('id', styles$7[position]);
|
|
1817
1830
|
toastParentBlock.appendChild(toastBlock);
|
|
1818
1831
|
toastify.appendChild(toastParentBlock);
|
|
1819
1832
|
} else {
|
|
1820
|
-
document.getElementById(styles$
|
|
1833
|
+
document.getElementById(styles$7[position]).appendChild(toastBlock);
|
|
1821
1834
|
}
|
|
1822
1835
|
};
|
|
1823
1836
|
const toast = {
|
|
@@ -1918,9 +1931,9 @@ const SvgTooltip = ({
|
|
|
1918
1931
|
fill: fillColor ? fillColor : '#D1D1D1'
|
|
1919
1932
|
}));
|
|
1920
1933
|
|
|
1921
|
-
var css_248z$
|
|
1922
|
-
var styles$
|
|
1923
|
-
styleInject(css_248z$
|
|
1934
|
+
var css_248z$8 = ".tooltip-module_tooltip-block__v8U9u{align-items:center;display:flex;justify-content:center;position:relative}.tooltip-module_tooltip__emM6A{padding:10px;position:absolute;z-index:1}.tooltip-module_tooltip-rel__to9gq{align-items:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;display:flex;height:auto;justify-content:center;min-height:10px;min-width:30px;position:relative;width:auto}.tooltip-module_tooltip-decor__qvt7t{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;height:10px;position:absolute;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);width:10px;z-index:-1}";
|
|
1935
|
+
var styles$6 = {"tooltip-block":"tooltip-module_tooltip-block__v8U9u","tooltip":"tooltip-module_tooltip__emM6A","tooltip-rel":"tooltip-module_tooltip-rel__to9gq","tooltip-decor":"tooltip-module_tooltip-decor__qvt7t"};
|
|
1936
|
+
styleInject(css_248z$8);
|
|
1924
1937
|
|
|
1925
1938
|
const Tooltip = ({
|
|
1926
1939
|
type,
|
|
@@ -1943,7 +1956,7 @@ const Tooltip = ({
|
|
|
1943
1956
|
const [checkTooltipHeight, setCheckTooltipHeight] = useState(0);
|
|
1944
1957
|
const [showTooltip, setShowTooltip] = useState(false);
|
|
1945
1958
|
const configStyles = compereConfigs();
|
|
1946
|
-
const classProps = classnames(styles$
|
|
1959
|
+
const classProps = classnames(styles$6['tooltip'], className);
|
|
1947
1960
|
const handleShow = () => {
|
|
1948
1961
|
setShowTooltip(!showTooltip);
|
|
1949
1962
|
};
|
|
@@ -1955,7 +1968,7 @@ const Tooltip = ({
|
|
|
1955
1968
|
tooltipRef.current && tooltipRef.current.clientHeight && tooltipRef.current.clientHeight > 0 && setCheckTooltipHeight(tooltipRef.current.clientHeight);
|
|
1956
1969
|
}, [text, tooltipRef, checkTooltipWidth, checkTooltipHeight]);
|
|
1957
1970
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
1958
|
-
className: `${styles$
|
|
1971
|
+
className: `${styles$6['tooltip-block']}`,
|
|
1959
1972
|
style: {
|
|
1960
1973
|
width: width ? width : configStyles.TOOLTIP.width,
|
|
1961
1974
|
height: height ? height : configStyles.TOOLTIP.height,
|
|
@@ -1973,9 +1986,9 @@ const Tooltip = ({
|
|
|
1973
1986
|
left: type === 'top' || type === 'bottom' ? `calc(50% - ${checkTooltipWidth / 2}px)` : type === 'left' ? `-${checkTooltipWidth + 7}px` : type === 'right' ? 'calc(100% + 7px)' : '0px'
|
|
1974
1987
|
}
|
|
1975
1988
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1976
|
-
className: `${styles$
|
|
1989
|
+
className: `${styles$6['tooltip-rel']}`
|
|
1977
1990
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1978
|
-
className: `${styles$
|
|
1991
|
+
className: `${styles$6['tooltip-decor']}`,
|
|
1979
1992
|
style: {
|
|
1980
1993
|
backgroundColor: tooltipBackgroundColor ? tooltipBackgroundColor : configStyles.TOOLTIP.tooltipBackgroundColor,
|
|
1981
1994
|
left: type === 'top' || type === 'bottom' ? 'calc(50% - 5px)' : type === 'right' ? '-15px' : type === 'left' ? 'calc(100% + 5px)' : '0px',
|
|
@@ -2052,9 +2065,9 @@ const SvgCaptchaArrowDown = ({
|
|
|
2052
2065
|
fill: fillColor ? fillColor : '#00236A'
|
|
2053
2066
|
}));
|
|
2054
2067
|
|
|
2055
|
-
var css_248z$
|
|
2056
|
-
var styles$
|
|
2057
|
-
styleInject(css_248z$
|
|
2068
|
+
var css_248z$7 = ".captcha-module_start-point__LkOqy:after{background-color:#d1d1d1;border:2px solid #fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;content:\"\";height:10px;left:0;position:absolute;top:7.5px;width:10px;z-index:-1}.captcha-module_range__k24I2{-webkit-appearance:none;margin:0}.captcha-module_range__k24I2::-webkit-slider-runnable-track{-webkit-appearance:none;width:100%}.captcha-module_range-default__-O0QD::-webkit-slider-thumb{background-image:url(../../assets/range-arrow-default.svg)}.captcha-module_range-default__-O0QD::-webkit-slider-thumb,.captcha-module_range-error__FKMfG::-webkit-slider-thumb{-webkit-appearance:none;background-position:-5px;background-repeat:no-repeat;background-size:46px 46px;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;-ms-border-radius:17px;-o-border-radius:17px;cursor:ew-resize;height:34px;width:34px}.captcha-module_range-error__FKMfG::-webkit-slider-thumb{background-image:url(../../assets/range-arrow-error.svg)}.captcha-module_range-success__VzLPq::-webkit-slider-thumb{-webkit-appearance:none;background-image:url(../../assets/range-arrow-success.svg);background-position:-5px;background-repeat:no-repeat;background-size:46px 46px;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;-ms-border-radius:17px;-o-border-radius:17px;cursor:ew-resize;height:34px;width:34px}";
|
|
2069
|
+
var styles$5 = {"start-point":"captcha-module_start-point__LkOqy","range":"captcha-module_range__k24I2","range-default":"captcha-module_range-default__-O0QD","range-error":"captcha-module_range-error__FKMfG","range-success":"captcha-module_range-success__VzLPq"};
|
|
2070
|
+
styleInject(css_248z$7);
|
|
2058
2071
|
|
|
2059
2072
|
const Captcha = ({
|
|
2060
2073
|
size,
|
|
@@ -2117,7 +2130,7 @@ const Captcha = ({
|
|
|
2117
2130
|
alignItems: 'center',
|
|
2118
2131
|
zIndex: 1
|
|
2119
2132
|
},
|
|
2120
|
-
className: styles$
|
|
2133
|
+
className: styles$5['start-point']
|
|
2121
2134
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
2122
2135
|
style: {
|
|
2123
2136
|
position: 'absolute',
|
|
@@ -2144,8 +2157,8 @@ const Captcha = ({
|
|
|
2144
2157
|
backgroundColor: 'transparent'
|
|
2145
2158
|
},
|
|
2146
2159
|
className: `
|
|
2147
|
-
${styles$
|
|
2148
|
-
${+rangeProgress === rangeNumber ? styles$
|
|
2160
|
+
${styles$5['range']}
|
|
2161
|
+
${+rangeProgress === rangeNumber ? styles$5['range-success'] : +rangeProgress !== rangeNumber && +rangeProgress > 0 ? styles$5['range-error'] : styles$5['range-default']}
|
|
2149
2162
|
`,
|
|
2150
2163
|
onInput: handleRange
|
|
2151
2164
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -2176,9 +2189,9 @@ Captcha.propTypes = {
|
|
|
2176
2189
|
getRange: PropTypes.func.isRequired
|
|
2177
2190
|
};
|
|
2178
2191
|
|
|
2179
|
-
var css_248z$
|
|
2180
|
-
var styles$
|
|
2181
|
-
styleInject(css_248z$
|
|
2192
|
+
var css_248z$6 = ".stepper-module_stepper-container__-OVGy>div:last-child:before{display:none}.stepper-module_activeRing__Lzvh1,.stepper-module_bigRing__5GBm0{border-radius:50%;cursor:pointer;height:36px;margin-bottom:36px;position:relative;width:36px}.stepper-module_bigRing__5GBm0{box-shadow:0 0 0 2px #d1d1d1}.stepper-module_bigRing__5GBm0:before{background:#d1d1d1}.stepper-module_activeRing__Lzvh1{box-shadow:0 0 0 2px #00236a}.stepper-module_activeRing__Lzvh1:before{background:#00236a}.stepper-module_activeRing__Lzvh1:before,.stepper-module_bigRing__5GBm0:before{border-radius:20px;bottom:-32px;content:\"\";height:28px;left:0;margin:auto;overflow:hidden;position:absolute;right:0;width:2px}.stepper-module_smallActiveRing__im-XG,.stepper-module_smallRing__u-5a8{border-radius:50%;bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.stepper-module_smallRing__u-5a8{background-color:#d1d1d1;height:14px;width:14px}.stepper-module_smallActiveRing__im-XG{align-items:center;background-color:#00236a;color:#fff;display:flex;height:28px;justify-content:center;width:28px}";
|
|
2193
|
+
var styles$4 = {"stepper-container":"stepper-module_stepper-container__-OVGy","bigRing":"stepper-module_bigRing__5GBm0","activeRing":"stepper-module_activeRing__Lzvh1","smallRing":"stepper-module_smallRing__u-5a8","smallActiveRing":"stepper-module_smallActiveRing__im-XG"};
|
|
2194
|
+
styleInject(css_248z$6);
|
|
2182
2195
|
|
|
2183
2196
|
const Stepper = ({
|
|
2184
2197
|
className,
|
|
@@ -2188,15 +2201,15 @@ const Stepper = ({
|
|
|
2188
2201
|
}) => {
|
|
2189
2202
|
classnames(className, 'stepper-inner-rem');
|
|
2190
2203
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
2191
|
-
className: `${styles$
|
|
2204
|
+
className: `${styles$4['stepper-container']} stepper-container-rem`
|
|
2192
2205
|
}, (() => {
|
|
2193
2206
|
let steppers = [];
|
|
2194
2207
|
for (let step = 1; step <= stepLength; step++) {
|
|
2195
2208
|
steppers.push( /*#__PURE__*/React__default.createElement("div", {
|
|
2196
|
-
className: classnames(`${step <= activeSteps ? styles$
|
|
2209
|
+
className: classnames(`${step <= activeSteps ? styles$4.activeRing : styles$4.bigRing}`),
|
|
2197
2210
|
key: step
|
|
2198
2211
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
2199
|
-
className: classnames(`${step <= activeSteps ? styles$
|
|
2212
|
+
className: classnames(`${step <= activeSteps ? styles$4.smallActiveRing : styles$4.smallRing}`)
|
|
2200
2213
|
}, step <= activeSteps ? step : "")));
|
|
2201
2214
|
}
|
|
2202
2215
|
return steppers;
|
|
@@ -3008,9 +3021,9 @@ NewFile.defaultProps = {
|
|
|
3008
3021
|
fileExtensions: ['jpg', 'jpeg', 'png', 'pdf']
|
|
3009
3022
|
};
|
|
3010
3023
|
|
|
3011
|
-
var css_248z$
|
|
3012
|
-
var styles$
|
|
3013
|
-
styleInject(css_248z$
|
|
3024
|
+
var css_248z$5 = ".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}";
|
|
3025
|
+
var styles$3 = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
|
|
3026
|
+
styleInject(css_248z$5);
|
|
3014
3027
|
|
|
3015
3028
|
const Checkbox = ({
|
|
3016
3029
|
disabled,
|
|
@@ -3025,7 +3038,7 @@ const Checkbox = ({
|
|
|
3025
3038
|
onClick,
|
|
3026
3039
|
...props
|
|
3027
3040
|
}) => {
|
|
3028
|
-
const classProps = classnames(styles$
|
|
3041
|
+
const classProps = classnames(styles$3.checkbox, className, 'checkbox-input-rem');
|
|
3029
3042
|
const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
|
|
3030
3043
|
const [data, setData] = useState(parseData);
|
|
3031
3044
|
useEffect(() => {
|
|
@@ -3058,7 +3071,7 @@ const Checkbox = ({
|
|
|
3058
3071
|
} : '';
|
|
3059
3072
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, data.map(element => {
|
|
3060
3073
|
return /*#__PURE__*/React__default.createElement("label", {
|
|
3061
|
-
className: `${styles$
|
|
3074
|
+
className: `${styles$3["checkbox-wrap"]} checkbox-wrap-rem`,
|
|
3062
3075
|
key: element.value
|
|
3063
3076
|
}, /*#__PURE__*/React__default.createElement("input", _extends({
|
|
3064
3077
|
type: "checkbox",
|
|
@@ -3072,9 +3085,9 @@ const Checkbox = ({
|
|
|
3072
3085
|
onClick: onClick ? onClick : () => {},
|
|
3073
3086
|
defaultChecked: element.checked
|
|
3074
3087
|
}, props)), /*#__PURE__*/React__default.createElement("span", {
|
|
3075
|
-
className: `${styles$
|
|
3088
|
+
className: `${styles$3["checkmark"]} checkmark-rem`
|
|
3076
3089
|
}), element[keyNames.label] ? /*#__PURE__*/React__default.createElement("label", {
|
|
3077
|
-
className: styles$
|
|
3090
|
+
className: styles$3.labelCheckbox,
|
|
3078
3091
|
for: element[keyNames.id]
|
|
3079
3092
|
}, element[keyNames.label]) : "");
|
|
3080
3093
|
}));
|
|
@@ -3096,8 +3109,8 @@ Checkbox.defaultProps = {
|
|
|
3096
3109
|
jsonData: '[{"value":"email", "name":"contact1", "label":"Email", "id":"contactChoice1"}, {"value":"phone", "name":"contact2", "label":"Phone", "id":"contactChoice2"}]'
|
|
3097
3110
|
};
|
|
3098
3111
|
|
|
3099
|
-
var css_248z$
|
|
3100
|
-
styleInject(css_248z$
|
|
3112
|
+
var css_248z$4 = "textarea{-webkit-appearance:none}textarea::-webkit-scrollbar{width:6px}textarea::-webkit-scrollbar-track{background:#eee}textarea::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-track{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}textarea::-webkit-scrollbar-thumb{background:#d1d1d1}";
|
|
3113
|
+
styleInject(css_248z$4);
|
|
3101
3114
|
|
|
3102
3115
|
const Textarea = ({
|
|
3103
3116
|
size,
|
|
@@ -3282,8 +3295,8 @@ Textarea.propTypes = {
|
|
|
3282
3295
|
labelRequiredColor: PropTypes.string
|
|
3283
3296
|
};
|
|
3284
3297
|
|
|
3285
|
-
var css_248z$
|
|
3286
|
-
styleInject(css_248z$
|
|
3298
|
+
var css_248z$3 = "";
|
|
3299
|
+
styleInject(css_248z$3);
|
|
3287
3300
|
|
|
3288
3301
|
const TypographyType = {
|
|
3289
3302
|
p: 'p',
|
|
@@ -3381,9 +3394,9 @@ Typography.defaultProps = {
|
|
|
3381
3394
|
variant: 'p'
|
|
3382
3395
|
};
|
|
3383
3396
|
|
|
3384
|
-
var css_248z$
|
|
3385
|
-
var styles$
|
|
3386
|
-
styleInject(css_248z$
|
|
3397
|
+
var css_248z$2 = ".pagination-module_listItem__b1-WN:focus{background-color:#4caf50;color:#fff}.pagination-module_listItem__b1-WN:hover:not(.pagination-module_active__KwBDp){background-color:#ddd}.pagination-module_pagination-bar__MrtYT{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:center}.pagination-module_pagination-btn__w8Yh8{border:none;border-radius:6px;outline:none}.pagination-module_pagination-btn__w8Yh8,.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{align-items:center;background-color:#fff;box-shadow:0 0 0 1px #eee;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{border-radius:6px;flex:0 0 auto;font-size:13px;line-height:16px;position:relative;transition:background-color .24s}.pagination-module_pagination-item__t3emS:hover{background-color:#eee}.pagination-module_pagination-item__t3emS.pagination-module_selected__EXzCA{background-color:#00236a;color:#fff}.pagination-module_pagination-jump-next-arrow__aEVD8,.pagination-module_pagination-jump-next-txt__e7nFj{align-items:center;bottom:0;display:flex;font-size:12px;justify-content:center;left:0;line-height:14px;margin:auto;position:absolute;right:0;top:0;transition:opacity .24s,color .24s}.pagination-module_pagination-jump-next-arrow__aEVD8{opacity:0}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-arrow__aEVD8{opacity:1}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-txt__e7nFj{opacity:0}i{color:#3c393e;font-size:12px;line-height:12px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}";
|
|
3398
|
+
var styles$2 = {"listItem":"pagination-module_listItem__b1-WN","active":"pagination-module_active__KwBDp","pagination-bar":"pagination-module_pagination-bar__MrtYT","pagination-btn":"pagination-module_pagination-btn__w8Yh8","pagination-item":"pagination-module_pagination-item__t3emS","pagination-jump-next":"pagination-module_pagination-jump-next__LAb9Z","selected":"pagination-module_selected__EXzCA","pagination-jump-next-txt":"pagination-module_pagination-jump-next-txt__e7nFj","pagination-jump-next-arrow":"pagination-module_pagination-jump-next-arrow__aEVD8"};
|
|
3399
|
+
styleInject(css_248z$2);
|
|
3387
3400
|
|
|
3388
3401
|
// import styles from "./pagination.module.scss";
|
|
3389
3402
|
|
|
@@ -3511,7 +3524,7 @@ const Pagination = ({
|
|
|
3511
3524
|
if (currentPageNumber === 0 || paginationRange.length < 2) {
|
|
3512
3525
|
return null;
|
|
3513
3526
|
}
|
|
3514
|
-
const classProps = classnames(styles$
|
|
3527
|
+
const classProps = classnames(styles$2.list, className ? className : `${styles$2["pagination-bar"]} pagination-bar-rem`);
|
|
3515
3528
|
const onNext = () => {
|
|
3516
3529
|
onPageChange(currentPageNumber + 1);
|
|
3517
3530
|
};
|
|
@@ -3567,37 +3580,37 @@ const Pagination = ({
|
|
|
3567
3580
|
},
|
|
3568
3581
|
onClick: onPrevious,
|
|
3569
3582
|
disabled: currentPage === 1 ? true : false,
|
|
3570
|
-
className: `${styles$
|
|
3583
|
+
className: `${styles$2["pagination-btn"]} pagination-btn-rem`
|
|
3571
3584
|
}, /*#__PURE__*/React__default.createElement(SvgNextarrow, null)), paginationRange.map((pageNumber, id) => {
|
|
3572
3585
|
if (pageNumber === Dots) {
|
|
3573
3586
|
let currentPageIndex = paginationRange.indexOf(currentPageNumber);
|
|
3574
3587
|
return /*#__PURE__*/React__default.createElement("li", {
|
|
3575
3588
|
key: id,
|
|
3576
|
-
className: classnames(`${styles$
|
|
3589
|
+
className: classnames(`${styles$2["pagination-jump-next"]} pagination-jump-next-rem`, styles$2.listItem),
|
|
3577
3590
|
onClick: id < currentPageIndex ? onPreviousFive : onNextFive,
|
|
3578
3591
|
disabled: currentPageIndex === 0 ? true : false
|
|
3579
3592
|
}, id < currentPageIndex ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
|
|
3580
|
-
className: `${styles$
|
|
3593
|
+
className: `${styles$2["pagination-jump-next-txt"]} pagination-jump-next-txt-rem`
|
|
3581
3594
|
}, /*#__PURE__*/React__default.createElement(SvgDots, null)), /*#__PURE__*/React__default.createElement("span", {
|
|
3582
|
-
className: `${styles$
|
|
3595
|
+
className: `${styles$2["pagination-jump-next-arrow"]} pagination-jump-next-arrow-rem`,
|
|
3583
3596
|
style: {
|
|
3584
3597
|
transform: 'rotate(180deg)'
|
|
3585
3598
|
}
|
|
3586
3599
|
}, /*#__PURE__*/React__default.createElement(SvgNextarrow, null))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
|
|
3587
|
-
className: `${styles$
|
|
3600
|
+
className: `${styles$2["pagination-jump-next-txt"]} pagination-jump-next-txt-rem`
|
|
3588
3601
|
}, /*#__PURE__*/React__default.createElement(SvgDots, null)), /*#__PURE__*/React__default.createElement("span", {
|
|
3589
|
-
className: `${styles$
|
|
3602
|
+
className: `${styles$2["pagination-jump-next-arrow"]} pagination-jump-next-arrow-rem`
|
|
3590
3603
|
}, /*#__PURE__*/React__default.createElement(SvgNextarrow, null))));
|
|
3591
3604
|
}
|
|
3592
3605
|
return /*#__PURE__*/React__default.createElement("li", {
|
|
3593
3606
|
onClick: () => onPageChange(pageNumber),
|
|
3594
3607
|
key: id,
|
|
3595
|
-
className: classnames(`${pageNumber === currentPageNumber ? styles$
|
|
3608
|
+
className: classnames(`${pageNumber === currentPageNumber ? styles$2.selected : styles$2.listItem}`, `${styles$2["pagination-item"]} pagination-item-rem`)
|
|
3596
3609
|
}, pageNumber);
|
|
3597
3610
|
}), /*#__PURE__*/React__default.createElement("button", {
|
|
3598
3611
|
onClick: onNext,
|
|
3599
3612
|
disabled: currentPageNumber === lastPage ? true : false,
|
|
3600
|
-
className: `${styles$
|
|
3613
|
+
className: `${styles$2["pagination-btn"]} pagination-btn-rem`
|
|
3601
3614
|
}, /*#__PURE__*/React__default.createElement(SvgNextarrow, null)), goTo && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("input", {
|
|
3602
3615
|
onKeyDown: handleKeyDown,
|
|
3603
3616
|
onInput: handleChangeInput,
|
|
@@ -3636,9 +3649,9 @@ Pagination.defaultProps = {
|
|
|
3636
3649
|
siblingCount: 2
|
|
3637
3650
|
};
|
|
3638
3651
|
|
|
3639
|
-
var css_248z = ".autocomplate-module_autocomplate-content__UbIUT{display:flex;flex-direction:column;position:relative}.autocomplate-module_autocomplate-content-top__FVgCp{border:2px solid #d1d1d1;border-radius:6px;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;height:46px;line-height:22px;max-width:400px;padding:0 15px;transition:border-color .24s}.autocomplate-module_autocomplate-content-top__FVgCp.autocomplate-module_active__40fdV{border-color:#00236a}.autocomplate-module_autocomplate-content-top__FVgCp:hover{border-color:#3c393e}.autocomplate-module_autocomplate-content-bottom__yk0zP{animation:autocomplate-module_select-show__7Uap4 .64s linear forwards;background:#fbfbfb;border-radius:6px;box-shadow:0 0 10px rgba(60,57,62,.08);left:0;max-height:0;max-width:400px;overflow:hidden;position:absolute;top:52px;width:100%;z-index:1}.autocomplate-module_autocomplate-content-bottom-inner__rF5IF{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}@keyframes autocomplate-module_select-show__7Uap4{to{max-height:400px}}.autocomplate-module_autocomplate-content-bottom-row__dRsZa{align-items:center;background:#fff;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:46px;line-height:22px;margin-bottom:2px;padding:0 15px;transition:background .24s,color .24s}.autocomplate-module_autocomplate-content-bottom-row__dRsZa .autocomplate-module_no-option__xv0-E{color:red}.autocomplate-module_autocomplate-content-bottom-row__dRsZa:hover{background:unset;color:#00236a}.autocomplate-module_option-active__WuH4I .autocomplate-module_autocomplate-content-bottom-row__dRsZa{color:#00236a}.autocomplate-module_autocomplate-title__3Qxqz{color:#3c393e;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:6px;text-transform:none}.autocomplate-module_errorBorder__LV-nb{border:2px solid #e00!important}.autocomplate-module_errorMessage__Gchpc{color:#e00!important}";
|
|
3640
|
-
var styles = {"autocomplate-content":"autocomplate-module_autocomplate-content__UbIUT","autocomplate-content-top":"autocomplate-module_autocomplate-content-top__FVgCp","active":"autocomplate-module_active__40fdV","autocomplate-content-bottom":"autocomplate-module_autocomplate-content-bottom__yk0zP","select-show":"autocomplate-module_select-show__7Uap4","autocomplate-content-bottom-inner":"autocomplate-module_autocomplate-content-bottom-inner__rF5IF","autocomplate-content-bottom-row":"autocomplate-module_autocomplate-content-bottom-row__dRsZa","no-option":"autocomplate-module_no-option__xv0-E","option-active":"autocomplate-module_option-active__WuH4I","autocomplate-title":"autocomplate-module_autocomplate-title__3Qxqz","errorBorder":"autocomplate-module_errorBorder__LV-nb","errorMessage":"autocomplate-module_errorMessage__Gchpc"};
|
|
3641
|
-
styleInject(css_248z);
|
|
3652
|
+
var css_248z$1 = ".autocomplate-module_autocomplate-content__UbIUT{display:flex;flex-direction:column;position:relative}.autocomplate-module_autocomplate-content-top__FVgCp{border:2px solid #d1d1d1;border-radius:6px;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;height:46px;line-height:22px;max-width:400px;padding:0 15px;transition:border-color .24s}.autocomplate-module_autocomplate-content-top__FVgCp.autocomplate-module_active__40fdV{border-color:#00236a}.autocomplate-module_autocomplate-content-top__FVgCp:hover{border-color:#3c393e}.autocomplate-module_autocomplate-content-bottom__yk0zP{animation:autocomplate-module_select-show__7Uap4 .64s linear forwards;background:#fbfbfb;border-radius:6px;box-shadow:0 0 10px rgba(60,57,62,.08);left:0;max-height:0;max-width:400px;overflow:hidden;position:absolute;top:52px;width:100%;z-index:1}.autocomplate-module_autocomplate-content-bottom-inner__rF5IF{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}@keyframes autocomplate-module_select-show__7Uap4{to{max-height:400px}}.autocomplate-module_autocomplate-content-bottom-row__dRsZa{align-items:center;background:#fff;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:46px;line-height:22px;margin-bottom:2px;padding:0 15px;transition:background .24s,color .24s}.autocomplate-module_autocomplate-content-bottom-row__dRsZa .autocomplate-module_no-option__xv0-E{color:red}.autocomplate-module_autocomplate-content-bottom-row__dRsZa:hover{background:unset;color:#00236a}.autocomplate-module_option-active__WuH4I .autocomplate-module_autocomplate-content-bottom-row__dRsZa{color:#00236a}.autocomplate-module_autocomplate-title__3Qxqz{color:#3c393e;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:6px;text-transform:none}.autocomplate-module_errorBorder__LV-nb{border:2px solid #e00!important}.autocomplate-module_errorMessage__Gchpc{color:#e00!important}";
|
|
3653
|
+
var styles$1 = {"autocomplate-content":"autocomplate-module_autocomplate-content__UbIUT","autocomplate-content-top":"autocomplate-module_autocomplate-content-top__FVgCp","active":"autocomplate-module_active__40fdV","autocomplate-content-bottom":"autocomplate-module_autocomplate-content-bottom__yk0zP","select-show":"autocomplate-module_select-show__7Uap4","autocomplate-content-bottom-inner":"autocomplate-module_autocomplate-content-bottom-inner__rF5IF","autocomplate-content-bottom-row":"autocomplate-module_autocomplate-content-bottom-row__dRsZa","no-option":"autocomplate-module_no-option__xv0-E","option-active":"autocomplate-module_option-active__WuH4I","autocomplate-title":"autocomplate-module_autocomplate-title__3Qxqz","errorBorder":"autocomplate-module_errorBorder__LV-nb","errorMessage":"autocomplate-module_errorMessage__Gchpc"};
|
|
3654
|
+
styleInject(css_248z$1);
|
|
3642
3655
|
|
|
3643
3656
|
const Autocomplate = ({
|
|
3644
3657
|
label,
|
|
@@ -3657,7 +3670,7 @@ const Autocomplate = ({
|
|
|
3657
3670
|
...props
|
|
3658
3671
|
}) => {
|
|
3659
3672
|
const configStyles = compereConfigs();
|
|
3660
|
-
classnames(styles.searchBox, className);
|
|
3673
|
+
classnames(styles$1.searchBox, className);
|
|
3661
3674
|
const parseSelectedOptionsData = jsonSelectedOptionsData ? JSON.parse(jsonSelectedOptionsData) : {
|
|
3662
3675
|
name: '',
|
|
3663
3676
|
id: ''
|
|
@@ -3693,32 +3706,32 @@ const Autocomplate = ({
|
|
|
3693
3706
|
if (showOptions && inputValue) {
|
|
3694
3707
|
if (parseOptionsData.length && inputValue.length >= searchCount) {
|
|
3695
3708
|
optionList = /*#__PURE__*/React__default.createElement("div", {
|
|
3696
|
-
className: `${styles['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3709
|
+
className: `${styles$1['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3697
3710
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
3698
|
-
className: `${styles['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3711
|
+
className: `${styles$1['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3699
3712
|
}, parseOptionsData.map((optionName, index) => {
|
|
3700
3713
|
let className;
|
|
3701
3714
|
if (index === activeOption) {
|
|
3702
3715
|
className = "option-active";
|
|
3703
3716
|
}
|
|
3704
3717
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
3705
|
-
className: `${styles[className]} autocomplate-content-click-rem`,
|
|
3718
|
+
className: `${styles$1[className]} autocomplate-content-click-rem`,
|
|
3706
3719
|
key: optionName[keyNames.id],
|
|
3707
3720
|
onClick: handleClick
|
|
3708
3721
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
3709
3722
|
id: optionName[keyNames.id],
|
|
3710
|
-
className: `${styles['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3723
|
+
className: `${styles$1['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3711
3724
|
}, optionName[keyNames.name]));
|
|
3712
3725
|
})));
|
|
3713
3726
|
} else {
|
|
3714
3727
|
optionList = /*#__PURE__*/React__default.createElement("div", {
|
|
3715
|
-
className: `${styles['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3728
|
+
className: `${styles$1['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3716
3729
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
3717
|
-
className: `${styles['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3730
|
+
className: `${styles$1['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3718
3731
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
3719
|
-
className: `${styles['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3732
|
+
className: `${styles$1['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3720
3733
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
3721
|
-
className: `${styles['no-option']} autocomplate-no-option`
|
|
3734
|
+
className: `${styles$1['no-option']} autocomplate-no-option`
|
|
3722
3735
|
}, inputValue.length < searchCount ? `Լրացնել առնվազն ${searchCount} նիշ` : 'Նման տվյալ առկա չէ'))));
|
|
3723
3736
|
}
|
|
3724
3737
|
}
|
|
@@ -3727,18 +3740,18 @@ const Autocomplate = ({
|
|
|
3727
3740
|
setInputId(JSON.parse(jsonSelectedOptionsData)[keyNames.id]);
|
|
3728
3741
|
}, [JSON.parse(jsonSelectedOptionsData)[keyNames.id]]);
|
|
3729
3742
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, label ? /*#__PURE__*/React__default.createElement("label", {
|
|
3730
|
-
className: `${styles['autocomplate-title']} autocomplate-title-rem`
|
|
3743
|
+
className: `${styles$1['autocomplate-title']} autocomplate-title-rem`
|
|
3731
3744
|
}, label, " ", required && /*#__PURE__*/React__default.createElement("sup", {
|
|
3732
3745
|
style: {
|
|
3733
3746
|
color: "#ee0000"
|
|
3734
3747
|
}
|
|
3735
3748
|
}, "*")) : "", /*#__PURE__*/React__default.createElement("div", {
|
|
3736
|
-
className: `${styles['autocomplate-content']} autocomplate-content-rem`
|
|
3749
|
+
className: `${styles$1['autocomplate-content']} autocomplate-content-rem`
|
|
3737
3750
|
}, /*#__PURE__*/React__default.createElement("input", _extends({
|
|
3738
3751
|
id: inputId,
|
|
3739
3752
|
type: "text",
|
|
3740
3753
|
autoComplete: autoComplete ? autoComplete : configStyles.INPUT.autoComplete,
|
|
3741
|
-
className: `${styles['autocomplate-content-top']} autocomplate-content-top-rem ${errorMessage ? styles.errorBorder : ''}`,
|
|
3754
|
+
className: `${styles$1['autocomplate-content-top']} autocomplate-content-top-rem ${errorMessage ? styles$1.errorBorder : ''}`,
|
|
3742
3755
|
disabled: disabled,
|
|
3743
3756
|
onChange: handleChange,
|
|
3744
3757
|
onClick: () => {
|
|
@@ -3750,7 +3763,7 @@ const Autocomplate = ({
|
|
|
3750
3763
|
cursor: disabled ? 'not-allowed' : 'auto'
|
|
3751
3764
|
}
|
|
3752
3765
|
}, props)), errorMessage ? /*#__PURE__*/React__default.createElement("span", {
|
|
3753
|
-
className: styles.errorMessage
|
|
3766
|
+
className: styles$1.errorMessage
|
|
3754
3767
|
}, errorMessage) : null, optionList));
|
|
3755
3768
|
};
|
|
3756
3769
|
Autocomplate.propTypes = {
|
|
@@ -3772,6 +3785,10 @@ Autocomplate.defaultProps = {
|
|
|
3772
3785
|
required: false
|
|
3773
3786
|
};
|
|
3774
3787
|
|
|
3788
|
+
var css_248z = ".autocomplete-module_auto-complete__tdYkw{-webkit-appearance:none}";
|
|
3789
|
+
var styles = {"auto-complete":"autocomplete-module_auto-complete__tdYkw"};
|
|
3790
|
+
styleInject(css_248z);
|
|
3791
|
+
|
|
3775
3792
|
const NewAutocomplete = ({
|
|
3776
3793
|
label,
|
|
3777
3794
|
change,
|
|
@@ -4025,6 +4042,7 @@ const NewAutocomplete = ({
|
|
|
4025
4042
|
onInput: handleChange,
|
|
4026
4043
|
onMouseEnter: handleMouseEnter,
|
|
4027
4044
|
onMouseLeave: handleMouseLeave,
|
|
4045
|
+
className: styles['auto-complete'],
|
|
4028
4046
|
placeholder: placeHolder ? placeHolder : '',
|
|
4029
4047
|
autoComplete: autoComplete ? autoComplete : configStyles.NEWAUTOCOMPLETE.autoComplete,
|
|
4030
4048
|
style: {
|