@xaypay/tui 0.0.91 → 0.0.93
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 +182 -119
- package/dist/index.js +182 -119
- package/package.json +1 -1
- package/src/components/input/index.js +71 -10
- 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';
|
|
@@ -777,16 +778,34 @@ const Input = ({
|
|
|
777
778
|
}
|
|
778
779
|
}
|
|
779
780
|
if (type === 'number') {
|
|
781
|
+
const regNum = /^\d+(\.)?(\d+)?$/;
|
|
782
|
+
if (!regNum.test(currentValue)) {
|
|
783
|
+
setInnerValue(prevValue);
|
|
784
|
+
if (change) {
|
|
785
|
+
change(prevValue);
|
|
786
|
+
}
|
|
787
|
+
}
|
|
780
788
|
if (minNumSize && currentValue < minNumSize) {
|
|
781
|
-
setInnerValue(minNumSize);
|
|
789
|
+
setInnerValue(`${minNumSize}`);
|
|
782
790
|
if (change) {
|
|
783
|
-
change(minNumSize);
|
|
791
|
+
change(`${minNumSize}`);
|
|
784
792
|
}
|
|
785
793
|
}
|
|
786
794
|
if (maxNumSize && currentValue > maxNumSize) {
|
|
787
|
-
setInnerValue(maxNumSize);
|
|
795
|
+
setInnerValue(`${maxNumSize}`);
|
|
788
796
|
if (change) {
|
|
789
|
-
change(maxNumSize);
|
|
797
|
+
change(`${maxNumSize}`);
|
|
798
|
+
}
|
|
799
|
+
}
|
|
800
|
+
if (floatToFix && floatToFix > 0 && !Number.isInteger(parseFloat(currentValue))) {
|
|
801
|
+
const floatNumParts = typeof currentValue === 'string' ? currentValue.split('.') : currentValue;
|
|
802
|
+
const int = floatNumParts[0];
|
|
803
|
+
const float = floatNumParts[1];
|
|
804
|
+
if (float && float.length > floatToFix) {
|
|
805
|
+
setInnerValue(`${int}.${float.substr(0, floatToFix)}`);
|
|
806
|
+
if (change) {
|
|
807
|
+
change(`${int}.${float.substr(0, floatToFix)}`);
|
|
808
|
+
}
|
|
790
809
|
}
|
|
791
810
|
}
|
|
792
811
|
if (currentValue === '') {
|
|
@@ -796,13 +815,13 @@ const Input = ({
|
|
|
796
815
|
}
|
|
797
816
|
}
|
|
798
817
|
}
|
|
799
|
-
if (maxLength && currentValue.length > maxLength && type !== 'tel'
|
|
818
|
+
if (maxLength && currentValue.length > maxLength && type !== 'tel') {
|
|
800
819
|
setInnerValue(currentValue.substr(0, maxLength));
|
|
801
820
|
if (change) {
|
|
802
821
|
change(currentValue.substr(0, maxLength));
|
|
803
822
|
}
|
|
804
823
|
}
|
|
805
|
-
if (regexp && regexpErrorMessage && !maxLength && type !== 'tel'
|
|
824
|
+
if (regexp && regexpErrorMessage && !maxLength && type !== 'tel') {
|
|
806
825
|
!regexp.test(currentValue) ? setInnerErrorMessage(regexpErrorMessage) : setInnerErrorMessage('');
|
|
807
826
|
if (change) {
|
|
808
827
|
change(currentValue);
|
|
@@ -844,6 +863,44 @@ const Input = ({
|
|
|
844
863
|
}
|
|
845
864
|
}
|
|
846
865
|
}
|
|
866
|
+
if (type === 'number') {
|
|
867
|
+
const regNum = /^\d+(\.)?(\d+)?$/;
|
|
868
|
+
if (!regNum.test(value)) {
|
|
869
|
+
setInnerValue('');
|
|
870
|
+
if (change) {
|
|
871
|
+
change('');
|
|
872
|
+
}
|
|
873
|
+
}
|
|
874
|
+
if (minNumSize && value < minNumSize) {
|
|
875
|
+
setInnerValue(`${minNumSize}`);
|
|
876
|
+
if (change) {
|
|
877
|
+
change(`${minNumSize}`);
|
|
878
|
+
}
|
|
879
|
+
}
|
|
880
|
+
if (maxNumSize && value > maxNumSize) {
|
|
881
|
+
setInnerValue(`${maxNumSize}`);
|
|
882
|
+
if (change) {
|
|
883
|
+
change(`${maxNumSize}`);
|
|
884
|
+
}
|
|
885
|
+
}
|
|
886
|
+
if (floatToFix && floatToFix > 0 && !Number.isInteger(parseFloat(value))) {
|
|
887
|
+
const floatNumParts = typeof value === 'string' ? value.split('.') : value;
|
|
888
|
+
const int = floatNumParts[0];
|
|
889
|
+
const float = floatNumParts[1];
|
|
890
|
+
if (float && float.length > floatToFix) {
|
|
891
|
+
setInnerValue(`${int}.${float.substr(0, floatToFix)}`);
|
|
892
|
+
if (change) {
|
|
893
|
+
change(`${int}.${float.substr(0, floatToFix)}`);
|
|
894
|
+
}
|
|
895
|
+
}
|
|
896
|
+
}
|
|
897
|
+
if (value === '') {
|
|
898
|
+
setInnerValue('');
|
|
899
|
+
if (change) {
|
|
900
|
+
change('');
|
|
901
|
+
}
|
|
902
|
+
}
|
|
903
|
+
}
|
|
847
904
|
if (maxLength && value.length > maxLength && type !== 'tel') {
|
|
848
905
|
setInnerValue(value.substr(0, maxLength));
|
|
849
906
|
}
|
|
@@ -854,9 +911,9 @@ const Input = ({
|
|
|
854
911
|
}
|
|
855
912
|
}, [type, value, regexp, maxLength, errorMessage, regexpErrorMessage, telErrorMessage]);
|
|
856
913
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
857
|
-
className: `${styles$
|
|
914
|
+
className: `${styles$a["input-wrap"]}`
|
|
858
915
|
}, label ? /*#__PURE__*/React__default.createElement("label", {
|
|
859
|
-
className: `${styles$
|
|
916
|
+
className: `${styles$a["input-title"]}`,
|
|
860
917
|
style: {
|
|
861
918
|
color: labelColor ? labelColor : configStyles.INPUT.labelColor,
|
|
862
919
|
fontSize: labelSize ? labelSize : configStyles.INPUT.labelSize,
|
|
@@ -870,7 +927,7 @@ const Input = ({
|
|
|
870
927
|
color: errorColor ? errorColor : "#ee0000"
|
|
871
928
|
}
|
|
872
929
|
}, "*")) : '', /*#__PURE__*/React__default.createElement("div", {
|
|
873
|
-
className: `${styles$
|
|
930
|
+
className: `${styles$a["input-content"]}`,
|
|
874
931
|
style: {
|
|
875
932
|
width: width ? width : configStyles.INPUT.width,
|
|
876
933
|
borderRadius: radius ? radius : configStyles.INPUT.radius,
|
|
@@ -913,14 +970,14 @@ const Input = ({
|
|
|
913
970
|
}, "+374") : '', /*#__PURE__*/React__default.createElement("input", _extends({}, props, {
|
|
914
971
|
value: innerValue,
|
|
915
972
|
className: classProps,
|
|
916
|
-
|
|
917
|
-
type: show ? 'text' : type,
|
|
973
|
+
onInput: handleChange,
|
|
918
974
|
disabled: disabled ? disabled : "",
|
|
919
975
|
name: name ? name : `tui_${random}_tui`,
|
|
920
976
|
placeholder: placeholder ? placeholder : '',
|
|
921
|
-
|
|
977
|
+
type: show || type === 'number' ? 'text' : type,
|
|
922
978
|
min: type === 'number' && minNumSize ? minNumSize : '',
|
|
923
979
|
max: type === 'number' && maxNumSize ? maxNumSize : '',
|
|
980
|
+
autoComplete: autoComplete ? autoComplete : configStyles.INPUT.autoComplete,
|
|
924
981
|
style: {
|
|
925
982
|
border: 'none',
|
|
926
983
|
outline: 'none',
|
|
@@ -990,6 +1047,7 @@ Input.propTypes = {
|
|
|
990
1047
|
errorLeft: PropTypes.string,
|
|
991
1048
|
labelSize: PropTypes.string,
|
|
992
1049
|
maxLength: PropTypes.number,
|
|
1050
|
+
floatToFix: PropTypes.number,
|
|
993
1051
|
minNumSize: PropTypes.number,
|
|
994
1052
|
maxNumSize: PropTypes.number,
|
|
995
1053
|
errorColor: PropTypes.string,
|
|
@@ -1027,9 +1085,9 @@ Input.defaultProps = {
|
|
|
1027
1085
|
type: "text"
|
|
1028
1086
|
};
|
|
1029
1087
|
|
|
1030
|
-
var css_248z$
|
|
1031
|
-
var styles$
|
|
1032
|
-
styleInject(css_248z$
|
|
1088
|
+
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}";
|
|
1089
|
+
var styles$9 = {"radio-wrap":"radio-module_radio-wrap__-lO7V","radio-checkmark":"radio-module_radio-checkmark__Kvol0"};
|
|
1090
|
+
styleInject(css_248z$b);
|
|
1033
1091
|
|
|
1034
1092
|
const Radio = ({
|
|
1035
1093
|
disabled,
|
|
@@ -1043,11 +1101,11 @@ const Radio = ({
|
|
|
1043
1101
|
keyNames,
|
|
1044
1102
|
...props
|
|
1045
1103
|
}) => {
|
|
1046
|
-
const classProps = classnames(styles$
|
|
1104
|
+
const classProps = classnames(styles$9.checkbox, className);
|
|
1047
1105
|
const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
|
|
1048
1106
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, parseData.map((element, id) => {
|
|
1049
1107
|
return /*#__PURE__*/React__default.createElement("label", {
|
|
1050
|
-
className: `${styles$
|
|
1108
|
+
className: `${styles$9["radio-wrap"]} radio-wrap-rem`,
|
|
1051
1109
|
key: element.value
|
|
1052
1110
|
}, /*#__PURE__*/React__default.createElement("input", _extends({
|
|
1053
1111
|
type: "radio",
|
|
@@ -1058,9 +1116,9 @@ const Radio = ({
|
|
|
1058
1116
|
value: value ? value : element.value,
|
|
1059
1117
|
name: name ? name : element.name
|
|
1060
1118
|
}, props)), /*#__PURE__*/React__default.createElement("span", {
|
|
1061
|
-
className: `${styles$
|
|
1119
|
+
className: `${styles$9["radio-checkmark"]} radio-checkmark-rem`
|
|
1062
1120
|
}), element.label ? /*#__PURE__*/React__default.createElement("span", {
|
|
1063
|
-
className: styles$
|
|
1121
|
+
className: styles$9.labelRadio
|
|
1064
1122
|
}, label ? label : element.label) : "");
|
|
1065
1123
|
}));
|
|
1066
1124
|
};
|
|
@@ -1209,9 +1267,9 @@ const SvgArrow = ({
|
|
|
1209
1267
|
fill: fillColor ? fillColor : '#3C393E'
|
|
1210
1268
|
}));
|
|
1211
1269
|
|
|
1212
|
-
var css_248z$
|
|
1213
|
-
var styles$
|
|
1214
|
-
styleInject(css_248z$
|
|
1270
|
+
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}}";
|
|
1271
|
+
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"};
|
|
1272
|
+
styleInject(css_248z$a);
|
|
1215
1273
|
|
|
1216
1274
|
const Select = ({
|
|
1217
1275
|
options,
|
|
@@ -1398,7 +1456,7 @@ const Select = ({
|
|
|
1398
1456
|
}, "*")) : "", /*#__PURE__*/React__default.createElement("div", {
|
|
1399
1457
|
ref: ref
|
|
1400
1458
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1401
|
-
className: styles$
|
|
1459
|
+
className: styles$8['select-content']
|
|
1402
1460
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1403
1461
|
style: {
|
|
1404
1462
|
cursor: disabled ? 'not-allowed' : cursor ? cursor : configStyles.SELECT.cursor,
|
|
@@ -1416,9 +1474,9 @@ const Select = ({
|
|
|
1416
1474
|
onClick: disabled ? _ => _ : _ => handleOpenClose(),
|
|
1417
1475
|
onMouseEnter: disabled ? _ => _ : _ => handleMouseEnter(),
|
|
1418
1476
|
onMouseLeave: disabled ? _ => _ : _ => handleMouseLeave(),
|
|
1419
|
-
className: `${styles$
|
|
1477
|
+
className: `${styles$8['select-content-top']}`
|
|
1420
1478
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1421
|
-
className: `${styles$
|
|
1479
|
+
className: `${styles$8['select-content-top-text']}`,
|
|
1422
1480
|
style: {
|
|
1423
1481
|
whiteSpace: 'nowrap',
|
|
1424
1482
|
overflow: 'hidden',
|
|
@@ -1434,9 +1492,9 @@ const Select = ({
|
|
|
1434
1492
|
}
|
|
1435
1493
|
}
|
|
1436
1494
|
}) : defaultOption ? defaultOption : ''), /*#__PURE__*/React__default.createElement("div", {
|
|
1437
|
-
className: `${styles$
|
|
1495
|
+
className: `${styles$8['select-content-top-icon']}`
|
|
1438
1496
|
}, !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$
|
|
1497
|
+
className: `${styles$8['close-icon']}`,
|
|
1440
1498
|
onClick: disabled ? _ => _ : handleClearSelect,
|
|
1441
1499
|
style: {
|
|
1442
1500
|
marginLeft: multiple && newSelected.length > 1 ? '17px' : '0px'
|
|
@@ -1445,7 +1503,7 @@ const Select = ({
|
|
|
1445
1503
|
style: {
|
|
1446
1504
|
transform: opened ? 'rotate(180deg)' : 'rotate(0deg)'
|
|
1447
1505
|
},
|
|
1448
|
-
className: `${styles$
|
|
1506
|
+
className: `${styles$8['arrow-icon']}`
|
|
1449
1507
|
}, arrowIcon ? arrowIcon : /*#__PURE__*/React__default.createElement(SvgArrow, null)) : '')), opened && !disabled ? /*#__PURE__*/React__default.createElement("div", {
|
|
1450
1508
|
style: {
|
|
1451
1509
|
boxShadow: optionsBoxShadow ? optionsBoxShadow : configStyles.SELECT.optionsBoxShadow,
|
|
@@ -1453,9 +1511,9 @@ const Select = ({
|
|
|
1453
1511
|
backgroundColor: optionsBackgroundColor ? optionsBackgroundColor : configStyles.SELECT.optionsBackgroundColor,
|
|
1454
1512
|
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
1513
|
},
|
|
1456
|
-
className: `${styles$
|
|
1514
|
+
className: `${styles$8['select-content-bottom']}`
|
|
1457
1515
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1458
|
-
className: `${styles$
|
|
1516
|
+
className: `${styles$8['select-content-bottom-inner']}`
|
|
1459
1517
|
}, existOptions && existOptions.length > 0 && existOptions.map((option, i) => {
|
|
1460
1518
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
1461
1519
|
key: i,
|
|
@@ -1464,7 +1522,7 @@ const Select = ({
|
|
|
1464
1522
|
onClick: disabled ? _ => _ : _ => handleSelectItem(option),
|
|
1465
1523
|
onMouseEnter: disabled ? _ => _ : e => handleMouseEnterOption(e),
|
|
1466
1524
|
onMouseLeave: disabled ? _ => _ : e => handleMouseLeaveOption(e),
|
|
1467
|
-
className: `${styles$
|
|
1525
|
+
className: `${styles$8['select-content-bottom-row']}`,
|
|
1468
1526
|
style: {
|
|
1469
1527
|
color: optionItemColor ? optionItemColor : configStyles.SELECT.optionItemColor,
|
|
1470
1528
|
cursor: optionItemCursor ? optionItemCursor : configStyles.SELECT.optionItemCursor,
|
|
@@ -1643,9 +1701,9 @@ const SvgToasterSuccess = ({
|
|
|
1643
1701
|
fill: fillColor ? fillColor : '#0DA574'
|
|
1644
1702
|
}));
|
|
1645
1703
|
|
|
1646
|
-
var css_248z$
|
|
1647
|
-
var styles$
|
|
1648
|
-
styleInject(css_248z$
|
|
1704
|
+
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}}";
|
|
1705
|
+
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"};
|
|
1706
|
+
styleInject(css_248z$9);
|
|
1649
1707
|
|
|
1650
1708
|
const ToasterType = {
|
|
1651
1709
|
info: 'info',
|
|
@@ -1710,8 +1768,8 @@ const Toast = ({
|
|
|
1710
1768
|
justifyContent: 'space-between'
|
|
1711
1769
|
},
|
|
1712
1770
|
className: `
|
|
1713
|
-
${styles$
|
|
1714
|
-
${position === 'top-left' ? showToaster ? styles$
|
|
1771
|
+
${styles$7['notify-block']}
|
|
1772
|
+
${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
1773
|
`
|
|
1716
1774
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1717
1775
|
style: {
|
|
@@ -1807,17 +1865,17 @@ const createToast = ({
|
|
|
1807
1865
|
description
|
|
1808
1866
|
});
|
|
1809
1867
|
ReactDOM.render(newElem, toastBlock);
|
|
1810
|
-
if (!document.getElementById(styles$
|
|
1868
|
+
if (!document.getElementById(styles$7[position]) || document.getElementById(styles$7[position]) == null) {
|
|
1811
1869
|
toastParentBlock = document.createElement('div');
|
|
1812
1870
|
toastParentBlock.style.position = 'fixed';
|
|
1813
1871
|
toastParentBlock.style.display = 'flex';
|
|
1814
1872
|
toastParentBlock.style.zIndex = 99999;
|
|
1815
1873
|
toastParentBlock.style.flexDirection = position === 'top-left' || position === 'top-right' || position === 'top-center' ? 'column-reverse' : 'column';
|
|
1816
|
-
toastParentBlock.setAttribute('id', styles$
|
|
1874
|
+
toastParentBlock.setAttribute('id', styles$7[position]);
|
|
1817
1875
|
toastParentBlock.appendChild(toastBlock);
|
|
1818
1876
|
toastify.appendChild(toastParentBlock);
|
|
1819
1877
|
} else {
|
|
1820
|
-
document.getElementById(styles$
|
|
1878
|
+
document.getElementById(styles$7[position]).appendChild(toastBlock);
|
|
1821
1879
|
}
|
|
1822
1880
|
};
|
|
1823
1881
|
const toast = {
|
|
@@ -1918,9 +1976,9 @@ const SvgTooltip = ({
|
|
|
1918
1976
|
fill: fillColor ? fillColor : '#D1D1D1'
|
|
1919
1977
|
}));
|
|
1920
1978
|
|
|
1921
|
-
var css_248z$
|
|
1922
|
-
var styles$
|
|
1923
|
-
styleInject(css_248z$
|
|
1979
|
+
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}";
|
|
1980
|
+
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"};
|
|
1981
|
+
styleInject(css_248z$8);
|
|
1924
1982
|
|
|
1925
1983
|
const Tooltip = ({
|
|
1926
1984
|
type,
|
|
@@ -1943,7 +2001,7 @@ const Tooltip = ({
|
|
|
1943
2001
|
const [checkTooltipHeight, setCheckTooltipHeight] = useState(0);
|
|
1944
2002
|
const [showTooltip, setShowTooltip] = useState(false);
|
|
1945
2003
|
const configStyles = compereConfigs();
|
|
1946
|
-
const classProps = classnames(styles$
|
|
2004
|
+
const classProps = classnames(styles$6['tooltip'], className);
|
|
1947
2005
|
const handleShow = () => {
|
|
1948
2006
|
setShowTooltip(!showTooltip);
|
|
1949
2007
|
};
|
|
@@ -1955,7 +2013,7 @@ const Tooltip = ({
|
|
|
1955
2013
|
tooltipRef.current && tooltipRef.current.clientHeight && tooltipRef.current.clientHeight > 0 && setCheckTooltipHeight(tooltipRef.current.clientHeight);
|
|
1956
2014
|
}, [text, tooltipRef, checkTooltipWidth, checkTooltipHeight]);
|
|
1957
2015
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
1958
|
-
className: `${styles$
|
|
2016
|
+
className: `${styles$6['tooltip-block']}`,
|
|
1959
2017
|
style: {
|
|
1960
2018
|
width: width ? width : configStyles.TOOLTIP.width,
|
|
1961
2019
|
height: height ? height : configStyles.TOOLTIP.height,
|
|
@@ -1973,9 +2031,9 @@ const Tooltip = ({
|
|
|
1973
2031
|
left: type === 'top' || type === 'bottom' ? `calc(50% - ${checkTooltipWidth / 2}px)` : type === 'left' ? `-${checkTooltipWidth + 7}px` : type === 'right' ? 'calc(100% + 7px)' : '0px'
|
|
1974
2032
|
}
|
|
1975
2033
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1976
|
-
className: `${styles$
|
|
2034
|
+
className: `${styles$6['tooltip-rel']}`
|
|
1977
2035
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1978
|
-
className: `${styles$
|
|
2036
|
+
className: `${styles$6['tooltip-decor']}`,
|
|
1979
2037
|
style: {
|
|
1980
2038
|
backgroundColor: tooltipBackgroundColor ? tooltipBackgroundColor : configStyles.TOOLTIP.tooltipBackgroundColor,
|
|
1981
2039
|
left: type === 'top' || type === 'bottom' ? 'calc(50% - 5px)' : type === 'right' ? '-15px' : type === 'left' ? 'calc(100% + 5px)' : '0px',
|
|
@@ -2052,9 +2110,9 @@ const SvgCaptchaArrowDown = ({
|
|
|
2052
2110
|
fill: fillColor ? fillColor : '#00236A'
|
|
2053
2111
|
}));
|
|
2054
2112
|
|
|
2055
|
-
var css_248z$
|
|
2056
|
-
var styles$
|
|
2057
|
-
styleInject(css_248z$
|
|
2113
|
+
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}";
|
|
2114
|
+
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"};
|
|
2115
|
+
styleInject(css_248z$7);
|
|
2058
2116
|
|
|
2059
2117
|
const Captcha = ({
|
|
2060
2118
|
size,
|
|
@@ -2117,7 +2175,7 @@ const Captcha = ({
|
|
|
2117
2175
|
alignItems: 'center',
|
|
2118
2176
|
zIndex: 1
|
|
2119
2177
|
},
|
|
2120
|
-
className: styles$
|
|
2178
|
+
className: styles$5['start-point']
|
|
2121
2179
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
2122
2180
|
style: {
|
|
2123
2181
|
position: 'absolute',
|
|
@@ -2144,8 +2202,8 @@ const Captcha = ({
|
|
|
2144
2202
|
backgroundColor: 'transparent'
|
|
2145
2203
|
},
|
|
2146
2204
|
className: `
|
|
2147
|
-
${styles$
|
|
2148
|
-
${+rangeProgress === rangeNumber ? styles$
|
|
2205
|
+
${styles$5['range']}
|
|
2206
|
+
${+rangeProgress === rangeNumber ? styles$5['range-success'] : +rangeProgress !== rangeNumber && +rangeProgress > 0 ? styles$5['range-error'] : styles$5['range-default']}
|
|
2149
2207
|
`,
|
|
2150
2208
|
onInput: handleRange
|
|
2151
2209
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -2176,9 +2234,9 @@ Captcha.propTypes = {
|
|
|
2176
2234
|
getRange: PropTypes.func.isRequired
|
|
2177
2235
|
};
|
|
2178
2236
|
|
|
2179
|
-
var css_248z$
|
|
2180
|
-
var styles$
|
|
2181
|
-
styleInject(css_248z$
|
|
2237
|
+
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}";
|
|
2238
|
+
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"};
|
|
2239
|
+
styleInject(css_248z$6);
|
|
2182
2240
|
|
|
2183
2241
|
const Stepper = ({
|
|
2184
2242
|
className,
|
|
@@ -2188,15 +2246,15 @@ const Stepper = ({
|
|
|
2188
2246
|
}) => {
|
|
2189
2247
|
classnames(className, 'stepper-inner-rem');
|
|
2190
2248
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
2191
|
-
className: `${styles$
|
|
2249
|
+
className: `${styles$4['stepper-container']} stepper-container-rem`
|
|
2192
2250
|
}, (() => {
|
|
2193
2251
|
let steppers = [];
|
|
2194
2252
|
for (let step = 1; step <= stepLength; step++) {
|
|
2195
2253
|
steppers.push( /*#__PURE__*/React__default.createElement("div", {
|
|
2196
|
-
className: classnames(`${step <= activeSteps ? styles$
|
|
2254
|
+
className: classnames(`${step <= activeSteps ? styles$4.activeRing : styles$4.bigRing}`),
|
|
2197
2255
|
key: step
|
|
2198
2256
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
2199
|
-
className: classnames(`${step <= activeSteps ? styles$
|
|
2257
|
+
className: classnames(`${step <= activeSteps ? styles$4.smallActiveRing : styles$4.smallRing}`)
|
|
2200
2258
|
}, step <= activeSteps ? step : "")));
|
|
2201
2259
|
}
|
|
2202
2260
|
return steppers;
|
|
@@ -3008,9 +3066,9 @@ NewFile.defaultProps = {
|
|
|
3008
3066
|
fileExtensions: ['jpg', 'jpeg', 'png', 'pdf']
|
|
3009
3067
|
};
|
|
3010
3068
|
|
|
3011
|
-
var css_248z$
|
|
3012
|
-
var styles$
|
|
3013
|
-
styleInject(css_248z$
|
|
3069
|
+
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}";
|
|
3070
|
+
var styles$3 = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
|
|
3071
|
+
styleInject(css_248z$5);
|
|
3014
3072
|
|
|
3015
3073
|
const Checkbox = ({
|
|
3016
3074
|
disabled,
|
|
@@ -3025,7 +3083,7 @@ const Checkbox = ({
|
|
|
3025
3083
|
onClick,
|
|
3026
3084
|
...props
|
|
3027
3085
|
}) => {
|
|
3028
|
-
const classProps = classnames(styles$
|
|
3086
|
+
const classProps = classnames(styles$3.checkbox, className, 'checkbox-input-rem');
|
|
3029
3087
|
const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
|
|
3030
3088
|
const [data, setData] = useState(parseData);
|
|
3031
3089
|
useEffect(() => {
|
|
@@ -3058,7 +3116,7 @@ const Checkbox = ({
|
|
|
3058
3116
|
} : '';
|
|
3059
3117
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, data.map(element => {
|
|
3060
3118
|
return /*#__PURE__*/React__default.createElement("label", {
|
|
3061
|
-
className: `${styles$
|
|
3119
|
+
className: `${styles$3["checkbox-wrap"]} checkbox-wrap-rem`,
|
|
3062
3120
|
key: element.value
|
|
3063
3121
|
}, /*#__PURE__*/React__default.createElement("input", _extends({
|
|
3064
3122
|
type: "checkbox",
|
|
@@ -3072,9 +3130,9 @@ const Checkbox = ({
|
|
|
3072
3130
|
onClick: onClick ? onClick : () => {},
|
|
3073
3131
|
defaultChecked: element.checked
|
|
3074
3132
|
}, props)), /*#__PURE__*/React__default.createElement("span", {
|
|
3075
|
-
className: `${styles$
|
|
3133
|
+
className: `${styles$3["checkmark"]} checkmark-rem`
|
|
3076
3134
|
}), element[keyNames.label] ? /*#__PURE__*/React__default.createElement("label", {
|
|
3077
|
-
className: styles$
|
|
3135
|
+
className: styles$3.labelCheckbox,
|
|
3078
3136
|
for: element[keyNames.id]
|
|
3079
3137
|
}, element[keyNames.label]) : "");
|
|
3080
3138
|
}));
|
|
@@ -3096,8 +3154,8 @@ Checkbox.defaultProps = {
|
|
|
3096
3154
|
jsonData: '[{"value":"email", "name":"contact1", "label":"Email", "id":"contactChoice1"}, {"value":"phone", "name":"contact2", "label":"Phone", "id":"contactChoice2"}]'
|
|
3097
3155
|
};
|
|
3098
3156
|
|
|
3099
|
-
var css_248z$
|
|
3100
|
-
styleInject(css_248z$
|
|
3157
|
+
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}";
|
|
3158
|
+
styleInject(css_248z$4);
|
|
3101
3159
|
|
|
3102
3160
|
const Textarea = ({
|
|
3103
3161
|
size,
|
|
@@ -3282,8 +3340,8 @@ Textarea.propTypes = {
|
|
|
3282
3340
|
labelRequiredColor: PropTypes.string
|
|
3283
3341
|
};
|
|
3284
3342
|
|
|
3285
|
-
var css_248z$
|
|
3286
|
-
styleInject(css_248z$
|
|
3343
|
+
var css_248z$3 = "";
|
|
3344
|
+
styleInject(css_248z$3);
|
|
3287
3345
|
|
|
3288
3346
|
const TypographyType = {
|
|
3289
3347
|
p: 'p',
|
|
@@ -3381,9 +3439,9 @@ Typography.defaultProps = {
|
|
|
3381
3439
|
variant: 'p'
|
|
3382
3440
|
};
|
|
3383
3441
|
|
|
3384
|
-
var css_248z$
|
|
3385
|
-
var styles$
|
|
3386
|
-
styleInject(css_248z$
|
|
3442
|
+
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}";
|
|
3443
|
+
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"};
|
|
3444
|
+
styleInject(css_248z$2);
|
|
3387
3445
|
|
|
3388
3446
|
// import styles from "./pagination.module.scss";
|
|
3389
3447
|
|
|
@@ -3511,7 +3569,7 @@ const Pagination = ({
|
|
|
3511
3569
|
if (currentPageNumber === 0 || paginationRange.length < 2) {
|
|
3512
3570
|
return null;
|
|
3513
3571
|
}
|
|
3514
|
-
const classProps = classnames(styles$
|
|
3572
|
+
const classProps = classnames(styles$2.list, className ? className : `${styles$2["pagination-bar"]} pagination-bar-rem`);
|
|
3515
3573
|
const onNext = () => {
|
|
3516
3574
|
onPageChange(currentPageNumber + 1);
|
|
3517
3575
|
};
|
|
@@ -3567,37 +3625,37 @@ const Pagination = ({
|
|
|
3567
3625
|
},
|
|
3568
3626
|
onClick: onPrevious,
|
|
3569
3627
|
disabled: currentPage === 1 ? true : false,
|
|
3570
|
-
className: `${styles$
|
|
3628
|
+
className: `${styles$2["pagination-btn"]} pagination-btn-rem`
|
|
3571
3629
|
}, /*#__PURE__*/React__default.createElement(SvgNextarrow, null)), paginationRange.map((pageNumber, id) => {
|
|
3572
3630
|
if (pageNumber === Dots) {
|
|
3573
3631
|
let currentPageIndex = paginationRange.indexOf(currentPageNumber);
|
|
3574
3632
|
return /*#__PURE__*/React__default.createElement("li", {
|
|
3575
3633
|
key: id,
|
|
3576
|
-
className: classnames(`${styles$
|
|
3634
|
+
className: classnames(`${styles$2["pagination-jump-next"]} pagination-jump-next-rem`, styles$2.listItem),
|
|
3577
3635
|
onClick: id < currentPageIndex ? onPreviousFive : onNextFive,
|
|
3578
3636
|
disabled: currentPageIndex === 0 ? true : false
|
|
3579
3637
|
}, id < currentPageIndex ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
|
|
3580
|
-
className: `${styles$
|
|
3638
|
+
className: `${styles$2["pagination-jump-next-txt"]} pagination-jump-next-txt-rem`
|
|
3581
3639
|
}, /*#__PURE__*/React__default.createElement(SvgDots, null)), /*#__PURE__*/React__default.createElement("span", {
|
|
3582
|
-
className: `${styles$
|
|
3640
|
+
className: `${styles$2["pagination-jump-next-arrow"]} pagination-jump-next-arrow-rem`,
|
|
3583
3641
|
style: {
|
|
3584
3642
|
transform: 'rotate(180deg)'
|
|
3585
3643
|
}
|
|
3586
3644
|
}, /*#__PURE__*/React__default.createElement(SvgNextarrow, null))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
|
|
3587
|
-
className: `${styles$
|
|
3645
|
+
className: `${styles$2["pagination-jump-next-txt"]} pagination-jump-next-txt-rem`
|
|
3588
3646
|
}, /*#__PURE__*/React__default.createElement(SvgDots, null)), /*#__PURE__*/React__default.createElement("span", {
|
|
3589
|
-
className: `${styles$
|
|
3647
|
+
className: `${styles$2["pagination-jump-next-arrow"]} pagination-jump-next-arrow-rem`
|
|
3590
3648
|
}, /*#__PURE__*/React__default.createElement(SvgNextarrow, null))));
|
|
3591
3649
|
}
|
|
3592
3650
|
return /*#__PURE__*/React__default.createElement("li", {
|
|
3593
3651
|
onClick: () => onPageChange(pageNumber),
|
|
3594
3652
|
key: id,
|
|
3595
|
-
className: classnames(`${pageNumber === currentPageNumber ? styles$
|
|
3653
|
+
className: classnames(`${pageNumber === currentPageNumber ? styles$2.selected : styles$2.listItem}`, `${styles$2["pagination-item"]} pagination-item-rem`)
|
|
3596
3654
|
}, pageNumber);
|
|
3597
3655
|
}), /*#__PURE__*/React__default.createElement("button", {
|
|
3598
3656
|
onClick: onNext,
|
|
3599
3657
|
disabled: currentPageNumber === lastPage ? true : false,
|
|
3600
|
-
className: `${styles$
|
|
3658
|
+
className: `${styles$2["pagination-btn"]} pagination-btn-rem`
|
|
3601
3659
|
}, /*#__PURE__*/React__default.createElement(SvgNextarrow, null)), goTo && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("input", {
|
|
3602
3660
|
onKeyDown: handleKeyDown,
|
|
3603
3661
|
onInput: handleChangeInput,
|
|
@@ -3636,9 +3694,9 @@ Pagination.defaultProps = {
|
|
|
3636
3694
|
siblingCount: 2
|
|
3637
3695
|
};
|
|
3638
3696
|
|
|
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);
|
|
3697
|
+
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}";
|
|
3698
|
+
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"};
|
|
3699
|
+
styleInject(css_248z$1);
|
|
3642
3700
|
|
|
3643
3701
|
const Autocomplate = ({
|
|
3644
3702
|
label,
|
|
@@ -3657,7 +3715,7 @@ const Autocomplate = ({
|
|
|
3657
3715
|
...props
|
|
3658
3716
|
}) => {
|
|
3659
3717
|
const configStyles = compereConfigs();
|
|
3660
|
-
classnames(styles.searchBox, className);
|
|
3718
|
+
classnames(styles$1.searchBox, className);
|
|
3661
3719
|
const parseSelectedOptionsData = jsonSelectedOptionsData ? JSON.parse(jsonSelectedOptionsData) : {
|
|
3662
3720
|
name: '',
|
|
3663
3721
|
id: ''
|
|
@@ -3693,32 +3751,32 @@ const Autocomplate = ({
|
|
|
3693
3751
|
if (showOptions && inputValue) {
|
|
3694
3752
|
if (parseOptionsData.length && inputValue.length >= searchCount) {
|
|
3695
3753
|
optionList = /*#__PURE__*/React__default.createElement("div", {
|
|
3696
|
-
className: `${styles['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3754
|
+
className: `${styles$1['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3697
3755
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
3698
|
-
className: `${styles['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3756
|
+
className: `${styles$1['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3699
3757
|
}, parseOptionsData.map((optionName, index) => {
|
|
3700
3758
|
let className;
|
|
3701
3759
|
if (index === activeOption) {
|
|
3702
3760
|
className = "option-active";
|
|
3703
3761
|
}
|
|
3704
3762
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
3705
|
-
className: `${styles[className]} autocomplate-content-click-rem`,
|
|
3763
|
+
className: `${styles$1[className]} autocomplate-content-click-rem`,
|
|
3706
3764
|
key: optionName[keyNames.id],
|
|
3707
3765
|
onClick: handleClick
|
|
3708
3766
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
3709
3767
|
id: optionName[keyNames.id],
|
|
3710
|
-
className: `${styles['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3768
|
+
className: `${styles$1['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3711
3769
|
}, optionName[keyNames.name]));
|
|
3712
3770
|
})));
|
|
3713
3771
|
} else {
|
|
3714
3772
|
optionList = /*#__PURE__*/React__default.createElement("div", {
|
|
3715
|
-
className: `${styles['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3773
|
+
className: `${styles$1['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3716
3774
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
3717
|
-
className: `${styles['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3775
|
+
className: `${styles$1['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3718
3776
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
3719
|
-
className: `${styles['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3777
|
+
className: `${styles$1['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3720
3778
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
3721
|
-
className: `${styles['no-option']} autocomplate-no-option`
|
|
3779
|
+
className: `${styles$1['no-option']} autocomplate-no-option`
|
|
3722
3780
|
}, inputValue.length < searchCount ? `Լրացնել առնվազն ${searchCount} նիշ` : 'Նման տվյալ առկա չէ'))));
|
|
3723
3781
|
}
|
|
3724
3782
|
}
|
|
@@ -3727,18 +3785,18 @@ const Autocomplate = ({
|
|
|
3727
3785
|
setInputId(JSON.parse(jsonSelectedOptionsData)[keyNames.id]);
|
|
3728
3786
|
}, [JSON.parse(jsonSelectedOptionsData)[keyNames.id]]);
|
|
3729
3787
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, label ? /*#__PURE__*/React__default.createElement("label", {
|
|
3730
|
-
className: `${styles['autocomplate-title']} autocomplate-title-rem`
|
|
3788
|
+
className: `${styles$1['autocomplate-title']} autocomplate-title-rem`
|
|
3731
3789
|
}, label, " ", required && /*#__PURE__*/React__default.createElement("sup", {
|
|
3732
3790
|
style: {
|
|
3733
3791
|
color: "#ee0000"
|
|
3734
3792
|
}
|
|
3735
3793
|
}, "*")) : "", /*#__PURE__*/React__default.createElement("div", {
|
|
3736
|
-
className: `${styles['autocomplate-content']} autocomplate-content-rem`
|
|
3794
|
+
className: `${styles$1['autocomplate-content']} autocomplate-content-rem`
|
|
3737
3795
|
}, /*#__PURE__*/React__default.createElement("input", _extends({
|
|
3738
3796
|
id: inputId,
|
|
3739
3797
|
type: "text",
|
|
3740
3798
|
autoComplete: autoComplete ? autoComplete : configStyles.INPUT.autoComplete,
|
|
3741
|
-
className: `${styles['autocomplate-content-top']} autocomplate-content-top-rem ${errorMessage ? styles.errorBorder : ''}`,
|
|
3799
|
+
className: `${styles$1['autocomplate-content-top']} autocomplate-content-top-rem ${errorMessage ? styles$1.errorBorder : ''}`,
|
|
3742
3800
|
disabled: disabled,
|
|
3743
3801
|
onChange: handleChange,
|
|
3744
3802
|
onClick: () => {
|
|
@@ -3750,7 +3808,7 @@ const Autocomplate = ({
|
|
|
3750
3808
|
cursor: disabled ? 'not-allowed' : 'auto'
|
|
3751
3809
|
}
|
|
3752
3810
|
}, props)), errorMessage ? /*#__PURE__*/React__default.createElement("span", {
|
|
3753
|
-
className: styles.errorMessage
|
|
3811
|
+
className: styles$1.errorMessage
|
|
3754
3812
|
}, errorMessage) : null, optionList));
|
|
3755
3813
|
};
|
|
3756
3814
|
Autocomplate.propTypes = {
|
|
@@ -3772,6 +3830,10 @@ Autocomplate.defaultProps = {
|
|
|
3772
3830
|
required: false
|
|
3773
3831
|
};
|
|
3774
3832
|
|
|
3833
|
+
var css_248z = ".autocomplete-module_auto-complete__tdYkw{-webkit-appearance:none}";
|
|
3834
|
+
var styles = {"auto-complete":"autocomplete-module_auto-complete__tdYkw"};
|
|
3835
|
+
styleInject(css_248z);
|
|
3836
|
+
|
|
3775
3837
|
const NewAutocomplete = ({
|
|
3776
3838
|
label,
|
|
3777
3839
|
change,
|
|
@@ -4025,6 +4087,7 @@ const NewAutocomplete = ({
|
|
|
4025
4087
|
onInput: handleChange,
|
|
4026
4088
|
onMouseEnter: handleMouseEnter,
|
|
4027
4089
|
onMouseLeave: handleMouseLeave,
|
|
4090
|
+
className: styles['auto-complete'],
|
|
4028
4091
|
placeholder: placeHolder ? placeHolder : '',
|
|
4029
4092
|
autoComplete: autoComplete ? autoComplete : configStyles.NEWAUTOCOMPLETE.autoComplete,
|
|
4030
4093
|
style: {
|