@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.js
CHANGED
|
@@ -96,9 +96,9 @@ function styleInject(css, ref) {
|
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
var css_248z$
|
|
100
|
-
var styles$
|
|
101
|
-
styleInject(css_248z$
|
|
99
|
+
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)}";
|
|
100
|
+
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"};
|
|
101
|
+
styleInject(css_248z$f);
|
|
102
102
|
|
|
103
103
|
const File = ({
|
|
104
104
|
name,
|
|
@@ -160,15 +160,15 @@ const File = ({
|
|
|
160
160
|
document.querySelector(`.${name}`).value = "";
|
|
161
161
|
};
|
|
162
162
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
163
|
-
className: `${styles$
|
|
163
|
+
className: `${styles$c['file-form-title']} ile-form-title-rem`
|
|
164
164
|
}, label, " ", required && /*#__PURE__*/React__default["default"].createElement("sup", {
|
|
165
165
|
style: {
|
|
166
166
|
color: "#ee0000"
|
|
167
167
|
}
|
|
168
168
|
}, "*")), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
169
|
-
className: classnames__default["default"](`${styles$
|
|
169
|
+
className: classnames__default["default"](`${styles$c['file-form-wrap']} file-form-wrap-rem`, image ? styles$c['active'] : '')
|
|
170
170
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
171
|
-
className: `${styles$
|
|
171
|
+
className: `${styles$c['file-form']} file-form-rem ${error || errorMessage ? styles$c['error'] : ''}`,
|
|
172
172
|
onClick: () => document.querySelector(`.${name}`).click()
|
|
173
173
|
}, /*#__PURE__*/React__default["default"].createElement("input", {
|
|
174
174
|
hidden: true,
|
|
@@ -177,23 +177,23 @@ const File = ({
|
|
|
177
177
|
disabled: disabled,
|
|
178
178
|
onChange: e => handleCheckFile(e)
|
|
179
179
|
}), image ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
180
|
-
className: `${styles$
|
|
180
|
+
className: `${styles$c['upload-file-content']} upload-file-content-rem`
|
|
181
181
|
}, image === 'pdf' ? /*#__PURE__*/React__default["default"].createElement(SvgPdf, null) : /*#__PURE__*/React__default["default"].createElement("img", {
|
|
182
182
|
src: image,
|
|
183
183
|
alt: fileName
|
|
184
184
|
})) : /*#__PURE__*/React__default["default"].createElement("div", {
|
|
185
|
-
className: `${styles$
|
|
185
|
+
className: `${styles$c['file-form-inner-upload']} ile-form-inner-upload-rem`
|
|
186
186
|
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
187
187
|
src: "../../assets/upload.svg",
|
|
188
188
|
alt: ""
|
|
189
189
|
}), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
190
|
-
className: `${styles$
|
|
190
|
+
className: `${styles$c['upload-info']} upload-info-rem`
|
|
191
191
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
192
|
-
className: `${styles$
|
|
192
|
+
className: `${styles$c['upload-info-txt']} upload-info-txt-rem`
|
|
193
193
|
}, "\u0532\u0565\u057C\u0576\u0565\u056C")), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
194
|
-
className: `${styles$
|
|
194
|
+
className: `${styles$c['upload-info-size']} upload-info-size-rem`
|
|
195
195
|
}, "\u0531\u057C\u0561\u057E\u0565\u056C\u0561\u0563\u0578\u0582\u0575\u0576\u0568 ", maxSize, "\u0544\u0532 ( ", fileExtensions.toString().split(',').join(', '), " )"))), !disabled && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
196
|
-
className: `${styles$
|
|
196
|
+
className: `${styles$c['delete-upload-icon']} delete-upload-icon-rem`,
|
|
197
197
|
onClick: handleRemoveFile
|
|
198
198
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
199
199
|
className: "icon-delete"
|
|
@@ -298,8 +298,8 @@ SingleCheckbox.propTypes = {
|
|
|
298
298
|
checked: PropTypes__default["default"].bool.isRequired
|
|
299
299
|
};
|
|
300
300
|
|
|
301
|
-
var css_248z$
|
|
302
|
-
styleInject(css_248z$
|
|
301
|
+
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}";
|
|
302
|
+
styleInject(css_248z$e);
|
|
303
303
|
|
|
304
304
|
const _ = require('lodash');
|
|
305
305
|
const compereConfigs = () => {
|
|
@@ -346,9 +346,9 @@ const compereConfigs = () => {
|
|
|
346
346
|
handleBodyActionClick: PropTypes__default["default"].func
|
|
347
347
|
});
|
|
348
348
|
|
|
349
|
-
var css_248z$
|
|
350
|
-
var styles$
|
|
351
|
-
styleInject(css_248z$
|
|
349
|
+
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)}}";
|
|
350
|
+
var styles$b = {"animation__modal":"modal-module_animation__modal__3mt48","show-popup":"modal-module_show-popup__WrH7a"};
|
|
351
|
+
styleInject(css_248z$d);
|
|
352
352
|
|
|
353
353
|
const SvgNext = ({
|
|
354
354
|
title,
|
|
@@ -534,7 +534,7 @@ const Modal = ({
|
|
|
534
534
|
justifyContent: justifyContent ? justifyContent : configStyles.MODAL.justifyContent
|
|
535
535
|
}
|
|
536
536
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
537
|
-
className: `${classProps} ${styles$
|
|
537
|
+
className: `${classProps} ${styles$b['animation__modal']}`,
|
|
538
538
|
onClick: handleStopClosing,
|
|
539
539
|
style: {
|
|
540
540
|
overflow: 'auto',
|
|
@@ -687,9 +687,9 @@ Modal.defaultProps = {
|
|
|
687
687
|
type: 'content'
|
|
688
688
|
};
|
|
689
689
|
|
|
690
|
-
var css_248z$
|
|
691
|
-
var styles$
|
|
692
|
-
styleInject(css_248z$
|
|
690
|
+
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)}}";
|
|
691
|
+
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"};
|
|
692
|
+
styleInject(css_248z$c);
|
|
693
693
|
|
|
694
694
|
const InputTypes = {
|
|
695
695
|
TEL: 'tel',
|
|
@@ -728,6 +728,7 @@ const Input = ({
|
|
|
728
728
|
errorSize,
|
|
729
729
|
labelSize,
|
|
730
730
|
maxLength,
|
|
731
|
+
floatToFix,
|
|
731
732
|
minNumSize,
|
|
732
733
|
maxNumSize,
|
|
733
734
|
labelColor,
|
|
@@ -764,7 +765,7 @@ const Input = ({
|
|
|
764
765
|
const [innerErrorMessage, setInnerErrorMessage] = React.useState('');
|
|
765
766
|
const random = Math.floor(Math.random() * 1000 + 1);
|
|
766
767
|
const configStyles = compereConfigs();
|
|
767
|
-
const classProps = classnames__default["default"](className ? className : configStyles.INPUT.className, type === 'number' ? styles$
|
|
768
|
+
const classProps = classnames__default["default"](className ? className : configStyles.INPUT.className, type === 'number' ? styles$a['inp-num'] : '');
|
|
768
769
|
const errorShow = styled.keyframes`
|
|
769
770
|
100% {
|
|
770
771
|
bottom: '-20px';
|
|
@@ -807,16 +808,34 @@ const Input = ({
|
|
|
807
808
|
}
|
|
808
809
|
}
|
|
809
810
|
if (type === 'number') {
|
|
811
|
+
const regNum = /^\d+(\.)?(\d+)?$/;
|
|
812
|
+
if (!regNum.test(currentValue)) {
|
|
813
|
+
setInnerValue(prevValue);
|
|
814
|
+
if (change) {
|
|
815
|
+
change(prevValue);
|
|
816
|
+
}
|
|
817
|
+
}
|
|
810
818
|
if (minNumSize && currentValue < minNumSize) {
|
|
811
|
-
setInnerValue(minNumSize);
|
|
819
|
+
setInnerValue(`${minNumSize}`);
|
|
812
820
|
if (change) {
|
|
813
|
-
change(minNumSize);
|
|
821
|
+
change(`${minNumSize}`);
|
|
814
822
|
}
|
|
815
823
|
}
|
|
816
824
|
if (maxNumSize && currentValue > maxNumSize) {
|
|
817
|
-
setInnerValue(maxNumSize);
|
|
825
|
+
setInnerValue(`${maxNumSize}`);
|
|
818
826
|
if (change) {
|
|
819
|
-
change(maxNumSize);
|
|
827
|
+
change(`${maxNumSize}`);
|
|
828
|
+
}
|
|
829
|
+
}
|
|
830
|
+
if (floatToFix && floatToFix > 0 && !Number.isInteger(parseFloat(currentValue))) {
|
|
831
|
+
const floatNumParts = typeof currentValue === 'string' ? currentValue.split('.') : currentValue;
|
|
832
|
+
const int = floatNumParts[0];
|
|
833
|
+
const float = floatNumParts[1];
|
|
834
|
+
if (float && float.length > floatToFix) {
|
|
835
|
+
setInnerValue(`${int}.${float.substr(0, floatToFix)}`);
|
|
836
|
+
if (change) {
|
|
837
|
+
change(`${int}.${float.substr(0, floatToFix)}`);
|
|
838
|
+
}
|
|
820
839
|
}
|
|
821
840
|
}
|
|
822
841
|
if (currentValue === '') {
|
|
@@ -826,13 +845,13 @@ const Input = ({
|
|
|
826
845
|
}
|
|
827
846
|
}
|
|
828
847
|
}
|
|
829
|
-
if (maxLength && currentValue.length > maxLength && type !== 'tel'
|
|
848
|
+
if (maxLength && currentValue.length > maxLength && type !== 'tel') {
|
|
830
849
|
setInnerValue(currentValue.substr(0, maxLength));
|
|
831
850
|
if (change) {
|
|
832
851
|
change(currentValue.substr(0, maxLength));
|
|
833
852
|
}
|
|
834
853
|
}
|
|
835
|
-
if (regexp && regexpErrorMessage && !maxLength && type !== 'tel'
|
|
854
|
+
if (regexp && regexpErrorMessage && !maxLength && type !== 'tel') {
|
|
836
855
|
!regexp.test(currentValue) ? setInnerErrorMessage(regexpErrorMessage) : setInnerErrorMessage('');
|
|
837
856
|
if (change) {
|
|
838
857
|
change(currentValue);
|
|
@@ -874,6 +893,44 @@ const Input = ({
|
|
|
874
893
|
}
|
|
875
894
|
}
|
|
876
895
|
}
|
|
896
|
+
if (type === 'number') {
|
|
897
|
+
const regNum = /^\d+(\.)?(\d+)?$/;
|
|
898
|
+
if (!regNum.test(value)) {
|
|
899
|
+
setInnerValue('');
|
|
900
|
+
if (change) {
|
|
901
|
+
change('');
|
|
902
|
+
}
|
|
903
|
+
}
|
|
904
|
+
if (minNumSize && value < minNumSize) {
|
|
905
|
+
setInnerValue(`${minNumSize}`);
|
|
906
|
+
if (change) {
|
|
907
|
+
change(`${minNumSize}`);
|
|
908
|
+
}
|
|
909
|
+
}
|
|
910
|
+
if (maxNumSize && value > maxNumSize) {
|
|
911
|
+
setInnerValue(`${maxNumSize}`);
|
|
912
|
+
if (change) {
|
|
913
|
+
change(`${maxNumSize}`);
|
|
914
|
+
}
|
|
915
|
+
}
|
|
916
|
+
if (floatToFix && floatToFix > 0 && !Number.isInteger(parseFloat(value))) {
|
|
917
|
+
const floatNumParts = typeof value === 'string' ? value.split('.') : value;
|
|
918
|
+
const int = floatNumParts[0];
|
|
919
|
+
const float = floatNumParts[1];
|
|
920
|
+
if (float && float.length > floatToFix) {
|
|
921
|
+
setInnerValue(`${int}.${float.substr(0, floatToFix)}`);
|
|
922
|
+
if (change) {
|
|
923
|
+
change(`${int}.${float.substr(0, floatToFix)}`);
|
|
924
|
+
}
|
|
925
|
+
}
|
|
926
|
+
}
|
|
927
|
+
if (value === '') {
|
|
928
|
+
setInnerValue('');
|
|
929
|
+
if (change) {
|
|
930
|
+
change('');
|
|
931
|
+
}
|
|
932
|
+
}
|
|
933
|
+
}
|
|
877
934
|
if (maxLength && value.length > maxLength && type !== 'tel') {
|
|
878
935
|
setInnerValue(value.substr(0, maxLength));
|
|
879
936
|
}
|
|
@@ -884,9 +941,9 @@ const Input = ({
|
|
|
884
941
|
}
|
|
885
942
|
}, [type, value, regexp, maxLength, errorMessage, regexpErrorMessage, telErrorMessage]);
|
|
886
943
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
887
|
-
className: `${styles$
|
|
944
|
+
className: `${styles$a["input-wrap"]}`
|
|
888
945
|
}, label ? /*#__PURE__*/React__default["default"].createElement("label", {
|
|
889
|
-
className: `${styles$
|
|
946
|
+
className: `${styles$a["input-title"]}`,
|
|
890
947
|
style: {
|
|
891
948
|
color: labelColor ? labelColor : configStyles.INPUT.labelColor,
|
|
892
949
|
fontSize: labelSize ? labelSize : configStyles.INPUT.labelSize,
|
|
@@ -900,7 +957,7 @@ const Input = ({
|
|
|
900
957
|
color: errorColor ? errorColor : "#ee0000"
|
|
901
958
|
}
|
|
902
959
|
}, "*")) : '', /*#__PURE__*/React__default["default"].createElement("div", {
|
|
903
|
-
className: `${styles$
|
|
960
|
+
className: `${styles$a["input-content"]}`,
|
|
904
961
|
style: {
|
|
905
962
|
width: width ? width : configStyles.INPUT.width,
|
|
906
963
|
borderRadius: radius ? radius : configStyles.INPUT.radius,
|
|
@@ -943,14 +1000,14 @@ const Input = ({
|
|
|
943
1000
|
}, "+374") : '', /*#__PURE__*/React__default["default"].createElement("input", _extends({}, props, {
|
|
944
1001
|
value: innerValue,
|
|
945
1002
|
className: classProps,
|
|
946
|
-
|
|
947
|
-
type: show ? 'text' : type,
|
|
1003
|
+
onInput: handleChange,
|
|
948
1004
|
disabled: disabled ? disabled : "",
|
|
949
1005
|
name: name ? name : `tui_${random}_tui`,
|
|
950
1006
|
placeholder: placeholder ? placeholder : '',
|
|
951
|
-
|
|
1007
|
+
type: show || type === 'number' ? 'text' : type,
|
|
952
1008
|
min: type === 'number' && minNumSize ? minNumSize : '',
|
|
953
1009
|
max: type === 'number' && maxNumSize ? maxNumSize : '',
|
|
1010
|
+
autoComplete: autoComplete ? autoComplete : configStyles.INPUT.autoComplete,
|
|
954
1011
|
style: {
|
|
955
1012
|
border: 'none',
|
|
956
1013
|
outline: 'none',
|
|
@@ -1020,6 +1077,7 @@ Input.propTypes = {
|
|
|
1020
1077
|
errorLeft: PropTypes__default["default"].string,
|
|
1021
1078
|
labelSize: PropTypes__default["default"].string,
|
|
1022
1079
|
maxLength: PropTypes__default["default"].number,
|
|
1080
|
+
floatToFix: PropTypes__default["default"].number,
|
|
1023
1081
|
minNumSize: PropTypes__default["default"].number,
|
|
1024
1082
|
maxNumSize: PropTypes__default["default"].number,
|
|
1025
1083
|
errorColor: PropTypes__default["default"].string,
|
|
@@ -1057,9 +1115,9 @@ Input.defaultProps = {
|
|
|
1057
1115
|
type: "text"
|
|
1058
1116
|
};
|
|
1059
1117
|
|
|
1060
|
-
var css_248z$
|
|
1061
|
-
var styles$
|
|
1062
|
-
styleInject(css_248z$
|
|
1118
|
+
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}";
|
|
1119
|
+
var styles$9 = {"radio-wrap":"radio-module_radio-wrap__-lO7V","radio-checkmark":"radio-module_radio-checkmark__Kvol0"};
|
|
1120
|
+
styleInject(css_248z$b);
|
|
1063
1121
|
|
|
1064
1122
|
const Radio = ({
|
|
1065
1123
|
disabled,
|
|
@@ -1073,11 +1131,11 @@ const Radio = ({
|
|
|
1073
1131
|
keyNames,
|
|
1074
1132
|
...props
|
|
1075
1133
|
}) => {
|
|
1076
|
-
const classProps = classnames__default["default"](styles$
|
|
1134
|
+
const classProps = classnames__default["default"](styles$9.checkbox, className);
|
|
1077
1135
|
const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
|
|
1078
1136
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, parseData.map((element, id) => {
|
|
1079
1137
|
return /*#__PURE__*/React__default["default"].createElement("label", {
|
|
1080
|
-
className: `${styles$
|
|
1138
|
+
className: `${styles$9["radio-wrap"]} radio-wrap-rem`,
|
|
1081
1139
|
key: element.value
|
|
1082
1140
|
}, /*#__PURE__*/React__default["default"].createElement("input", _extends({
|
|
1083
1141
|
type: "radio",
|
|
@@ -1088,9 +1146,9 @@ const Radio = ({
|
|
|
1088
1146
|
value: value ? value : element.value,
|
|
1089
1147
|
name: name ? name : element.name
|
|
1090
1148
|
}, props)), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
1091
|
-
className: `${styles$
|
|
1149
|
+
className: `${styles$9["radio-checkmark"]} radio-checkmark-rem`
|
|
1092
1150
|
}), element.label ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
1093
|
-
className: styles$
|
|
1151
|
+
className: styles$9.labelRadio
|
|
1094
1152
|
}, label ? label : element.label) : "");
|
|
1095
1153
|
}));
|
|
1096
1154
|
};
|
|
@@ -1239,9 +1297,9 @@ const SvgArrow = ({
|
|
|
1239
1297
|
fill: fillColor ? fillColor : '#3C393E'
|
|
1240
1298
|
}));
|
|
1241
1299
|
|
|
1242
|
-
var css_248z$
|
|
1243
|
-
var styles$
|
|
1244
|
-
styleInject(css_248z$
|
|
1300
|
+
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}}";
|
|
1301
|
+
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"};
|
|
1302
|
+
styleInject(css_248z$a);
|
|
1245
1303
|
|
|
1246
1304
|
const Select = ({
|
|
1247
1305
|
options,
|
|
@@ -1428,7 +1486,7 @@ const Select = ({
|
|
|
1428
1486
|
}, "*")) : "", /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1429
1487
|
ref: ref
|
|
1430
1488
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1431
|
-
className: styles$
|
|
1489
|
+
className: styles$8['select-content']
|
|
1432
1490
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1433
1491
|
style: {
|
|
1434
1492
|
cursor: disabled ? 'not-allowed' : cursor ? cursor : configStyles.SELECT.cursor,
|
|
@@ -1446,9 +1504,9 @@ const Select = ({
|
|
|
1446
1504
|
onClick: disabled ? _ => _ : _ => handleOpenClose(),
|
|
1447
1505
|
onMouseEnter: disabled ? _ => _ : _ => handleMouseEnter(),
|
|
1448
1506
|
onMouseLeave: disabled ? _ => _ : _ => handleMouseLeave(),
|
|
1449
|
-
className: `${styles$
|
|
1507
|
+
className: `${styles$8['select-content-top']}`
|
|
1450
1508
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1451
|
-
className: `${styles$
|
|
1509
|
+
className: `${styles$8['select-content-top-text']}`,
|
|
1452
1510
|
style: {
|
|
1453
1511
|
whiteSpace: 'nowrap',
|
|
1454
1512
|
overflow: 'hidden',
|
|
@@ -1464,9 +1522,9 @@ const Select = ({
|
|
|
1464
1522
|
}
|
|
1465
1523
|
}
|
|
1466
1524
|
}) : defaultOption ? defaultOption : ''), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1467
|
-
className: `${styles$
|
|
1525
|
+
className: `${styles$8['select-content-top-icon']}`
|
|
1468
1526
|
}, !disabled && multiple && newSelected.length > 1 && /*#__PURE__*/React__default["default"].createElement("span", null, newSelected.length), (showCloseIcon ? showCloseIcon : configStyles.SELECT.showCloseIcon) && !disabled && newSelected && newSelected.length > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1469
|
-
className: `${styles$
|
|
1527
|
+
className: `${styles$8['close-icon']}`,
|
|
1470
1528
|
onClick: disabled ? _ => _ : handleClearSelect,
|
|
1471
1529
|
style: {
|
|
1472
1530
|
marginLeft: multiple && newSelected.length > 1 ? '17px' : '0px'
|
|
@@ -1475,7 +1533,7 @@ const Select = ({
|
|
|
1475
1533
|
style: {
|
|
1476
1534
|
transform: opened ? 'rotate(180deg)' : 'rotate(0deg)'
|
|
1477
1535
|
},
|
|
1478
|
-
className: `${styles$
|
|
1536
|
+
className: `${styles$8['arrow-icon']}`
|
|
1479
1537
|
}, arrowIcon ? arrowIcon : /*#__PURE__*/React__default["default"].createElement(SvgArrow, null)) : '')), opened && !disabled ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1480
1538
|
style: {
|
|
1481
1539
|
boxShadow: optionsBoxShadow ? optionsBoxShadow : configStyles.SELECT.optionsBoxShadow,
|
|
@@ -1483,9 +1541,9 @@ const Select = ({
|
|
|
1483
1541
|
backgroundColor: optionsBackgroundColor ? optionsBackgroundColor : configStyles.SELECT.optionsBackgroundColor,
|
|
1484
1542
|
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'
|
|
1485
1543
|
},
|
|
1486
|
-
className: `${styles$
|
|
1544
|
+
className: `${styles$8['select-content-bottom']}`
|
|
1487
1545
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1488
|
-
className: `${styles$
|
|
1546
|
+
className: `${styles$8['select-content-bottom-inner']}`
|
|
1489
1547
|
}, existOptions && existOptions.length > 0 && existOptions.map((option, i) => {
|
|
1490
1548
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1491
1549
|
key: i,
|
|
@@ -1494,7 +1552,7 @@ const Select = ({
|
|
|
1494
1552
|
onClick: disabled ? _ => _ : _ => handleSelectItem(option),
|
|
1495
1553
|
onMouseEnter: disabled ? _ => _ : e => handleMouseEnterOption(e),
|
|
1496
1554
|
onMouseLeave: disabled ? _ => _ : e => handleMouseLeaveOption(e),
|
|
1497
|
-
className: `${styles$
|
|
1555
|
+
className: `${styles$8['select-content-bottom-row']}`,
|
|
1498
1556
|
style: {
|
|
1499
1557
|
color: optionItemColor ? optionItemColor : configStyles.SELECT.optionItemColor,
|
|
1500
1558
|
cursor: optionItemCursor ? optionItemCursor : configStyles.SELECT.optionItemCursor,
|
|
@@ -1673,9 +1731,9 @@ const SvgToasterSuccess = ({
|
|
|
1673
1731
|
fill: fillColor ? fillColor : '#0DA574'
|
|
1674
1732
|
}));
|
|
1675
1733
|
|
|
1676
|
-
var css_248z$
|
|
1677
|
-
var styles$
|
|
1678
|
-
styleInject(css_248z$
|
|
1734
|
+
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}}";
|
|
1735
|
+
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"};
|
|
1736
|
+
styleInject(css_248z$9);
|
|
1679
1737
|
|
|
1680
1738
|
const ToasterType = {
|
|
1681
1739
|
info: 'info',
|
|
@@ -1740,8 +1798,8 @@ const Toast = ({
|
|
|
1740
1798
|
justifyContent: 'space-between'
|
|
1741
1799
|
},
|
|
1742
1800
|
className: `
|
|
1743
|
-
${styles$
|
|
1744
|
-
${position === 'top-left' ? showToaster ? styles$
|
|
1801
|
+
${styles$7['notify-block']}
|
|
1802
|
+
${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'] : ''}
|
|
1745
1803
|
`
|
|
1746
1804
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1747
1805
|
style: {
|
|
@@ -1837,17 +1895,17 @@ const createToast = ({
|
|
|
1837
1895
|
description
|
|
1838
1896
|
});
|
|
1839
1897
|
ReactDOM__default["default"].render(newElem, toastBlock);
|
|
1840
|
-
if (!document.getElementById(styles$
|
|
1898
|
+
if (!document.getElementById(styles$7[position]) || document.getElementById(styles$7[position]) == null) {
|
|
1841
1899
|
toastParentBlock = document.createElement('div');
|
|
1842
1900
|
toastParentBlock.style.position = 'fixed';
|
|
1843
1901
|
toastParentBlock.style.display = 'flex';
|
|
1844
1902
|
toastParentBlock.style.zIndex = 99999;
|
|
1845
1903
|
toastParentBlock.style.flexDirection = position === 'top-left' || position === 'top-right' || position === 'top-center' ? 'column-reverse' : 'column';
|
|
1846
|
-
toastParentBlock.setAttribute('id', styles$
|
|
1904
|
+
toastParentBlock.setAttribute('id', styles$7[position]);
|
|
1847
1905
|
toastParentBlock.appendChild(toastBlock);
|
|
1848
1906
|
toastify.appendChild(toastParentBlock);
|
|
1849
1907
|
} else {
|
|
1850
|
-
document.getElementById(styles$
|
|
1908
|
+
document.getElementById(styles$7[position]).appendChild(toastBlock);
|
|
1851
1909
|
}
|
|
1852
1910
|
};
|
|
1853
1911
|
const toast = {
|
|
@@ -1948,9 +2006,9 @@ const SvgTooltip = ({
|
|
|
1948
2006
|
fill: fillColor ? fillColor : '#D1D1D1'
|
|
1949
2007
|
}));
|
|
1950
2008
|
|
|
1951
|
-
var css_248z$
|
|
1952
|
-
var styles$
|
|
1953
|
-
styleInject(css_248z$
|
|
2009
|
+
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}";
|
|
2010
|
+
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"};
|
|
2011
|
+
styleInject(css_248z$8);
|
|
1954
2012
|
|
|
1955
2013
|
const Tooltip = ({
|
|
1956
2014
|
type,
|
|
@@ -1973,7 +2031,7 @@ const Tooltip = ({
|
|
|
1973
2031
|
const [checkTooltipHeight, setCheckTooltipHeight] = React.useState(0);
|
|
1974
2032
|
const [showTooltip, setShowTooltip] = React.useState(false);
|
|
1975
2033
|
const configStyles = compereConfigs();
|
|
1976
|
-
const classProps = classnames__default["default"](styles$
|
|
2034
|
+
const classProps = classnames__default["default"](styles$6['tooltip'], className);
|
|
1977
2035
|
const handleShow = () => {
|
|
1978
2036
|
setShowTooltip(!showTooltip);
|
|
1979
2037
|
};
|
|
@@ -1985,7 +2043,7 @@ const Tooltip = ({
|
|
|
1985
2043
|
tooltipRef.current && tooltipRef.current.clientHeight && tooltipRef.current.clientHeight > 0 && setCheckTooltipHeight(tooltipRef.current.clientHeight);
|
|
1986
2044
|
}, [text, tooltipRef, checkTooltipWidth, checkTooltipHeight]);
|
|
1987
2045
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1988
|
-
className: `${styles$
|
|
2046
|
+
className: `${styles$6['tooltip-block']}`,
|
|
1989
2047
|
style: {
|
|
1990
2048
|
width: width ? width : configStyles.TOOLTIP.width,
|
|
1991
2049
|
height: height ? height : configStyles.TOOLTIP.height,
|
|
@@ -2003,9 +2061,9 @@ const Tooltip = ({
|
|
|
2003
2061
|
left: type === 'top' || type === 'bottom' ? `calc(50% - ${checkTooltipWidth / 2}px)` : type === 'left' ? `-${checkTooltipWidth + 7}px` : type === 'right' ? 'calc(100% + 7px)' : '0px'
|
|
2004
2062
|
}
|
|
2005
2063
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2006
|
-
className: `${styles$
|
|
2064
|
+
className: `${styles$6['tooltip-rel']}`
|
|
2007
2065
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2008
|
-
className: `${styles$
|
|
2066
|
+
className: `${styles$6['tooltip-decor']}`,
|
|
2009
2067
|
style: {
|
|
2010
2068
|
backgroundColor: tooltipBackgroundColor ? tooltipBackgroundColor : configStyles.TOOLTIP.tooltipBackgroundColor,
|
|
2011
2069
|
left: type === 'top' || type === 'bottom' ? 'calc(50% - 5px)' : type === 'right' ? '-15px' : type === 'left' ? 'calc(100% + 5px)' : '0px',
|
|
@@ -2082,9 +2140,9 @@ const SvgCaptchaArrowDown = ({
|
|
|
2082
2140
|
fill: fillColor ? fillColor : '#00236A'
|
|
2083
2141
|
}));
|
|
2084
2142
|
|
|
2085
|
-
var css_248z$
|
|
2086
|
-
var styles$
|
|
2087
|
-
styleInject(css_248z$
|
|
2143
|
+
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}";
|
|
2144
|
+
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"};
|
|
2145
|
+
styleInject(css_248z$7);
|
|
2088
2146
|
|
|
2089
2147
|
const Captcha = ({
|
|
2090
2148
|
size,
|
|
@@ -2147,7 +2205,7 @@ const Captcha = ({
|
|
|
2147
2205
|
alignItems: 'center',
|
|
2148
2206
|
zIndex: 1
|
|
2149
2207
|
},
|
|
2150
|
-
className: styles$
|
|
2208
|
+
className: styles$5['start-point']
|
|
2151
2209
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2152
2210
|
style: {
|
|
2153
2211
|
position: 'absolute',
|
|
@@ -2174,8 +2232,8 @@ const Captcha = ({
|
|
|
2174
2232
|
backgroundColor: 'transparent'
|
|
2175
2233
|
},
|
|
2176
2234
|
className: `
|
|
2177
|
-
${styles$
|
|
2178
|
-
${+rangeProgress === rangeNumber ? styles$
|
|
2235
|
+
${styles$5['range']}
|
|
2236
|
+
${+rangeProgress === rangeNumber ? styles$5['range-success'] : +rangeProgress !== rangeNumber && +rangeProgress > 0 ? styles$5['range-error'] : styles$5['range-default']}
|
|
2179
2237
|
`,
|
|
2180
2238
|
onInput: handleRange
|
|
2181
2239
|
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -2206,9 +2264,9 @@ Captcha.propTypes = {
|
|
|
2206
2264
|
getRange: PropTypes__default["default"].func.isRequired
|
|
2207
2265
|
};
|
|
2208
2266
|
|
|
2209
|
-
var css_248z$
|
|
2210
|
-
var styles$
|
|
2211
|
-
styleInject(css_248z$
|
|
2267
|
+
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}";
|
|
2268
|
+
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"};
|
|
2269
|
+
styleInject(css_248z$6);
|
|
2212
2270
|
|
|
2213
2271
|
const Stepper = ({
|
|
2214
2272
|
className,
|
|
@@ -2218,15 +2276,15 @@ const Stepper = ({
|
|
|
2218
2276
|
}) => {
|
|
2219
2277
|
classnames__default["default"](className, 'stepper-inner-rem');
|
|
2220
2278
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2221
|
-
className: `${styles$
|
|
2279
|
+
className: `${styles$4['stepper-container']} stepper-container-rem`
|
|
2222
2280
|
}, (() => {
|
|
2223
2281
|
let steppers = [];
|
|
2224
2282
|
for (let step = 1; step <= stepLength; step++) {
|
|
2225
2283
|
steppers.push( /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2226
|
-
className: classnames__default["default"](`${step <= activeSteps ? styles$
|
|
2284
|
+
className: classnames__default["default"](`${step <= activeSteps ? styles$4.activeRing : styles$4.bigRing}`),
|
|
2227
2285
|
key: step
|
|
2228
2286
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2229
|
-
className: classnames__default["default"](`${step <= activeSteps ? styles$
|
|
2287
|
+
className: classnames__default["default"](`${step <= activeSteps ? styles$4.smallActiveRing : styles$4.smallRing}`)
|
|
2230
2288
|
}, step <= activeSteps ? step : "")));
|
|
2231
2289
|
}
|
|
2232
2290
|
return steppers;
|
|
@@ -3038,9 +3096,9 @@ NewFile.defaultProps = {
|
|
|
3038
3096
|
fileExtensions: ['jpg', 'jpeg', 'png', 'pdf']
|
|
3039
3097
|
};
|
|
3040
3098
|
|
|
3041
|
-
var css_248z$
|
|
3042
|
-
var styles$
|
|
3043
|
-
styleInject(css_248z$
|
|
3099
|
+
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}";
|
|
3100
|
+
var styles$3 = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
|
|
3101
|
+
styleInject(css_248z$5);
|
|
3044
3102
|
|
|
3045
3103
|
const Checkbox = ({
|
|
3046
3104
|
disabled,
|
|
@@ -3055,7 +3113,7 @@ const Checkbox = ({
|
|
|
3055
3113
|
onClick,
|
|
3056
3114
|
...props
|
|
3057
3115
|
}) => {
|
|
3058
|
-
const classProps = classnames__default["default"](styles$
|
|
3116
|
+
const classProps = classnames__default["default"](styles$3.checkbox, className, 'checkbox-input-rem');
|
|
3059
3117
|
const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
|
|
3060
3118
|
const [data, setData] = React.useState(parseData);
|
|
3061
3119
|
React.useEffect(() => {
|
|
@@ -3088,7 +3146,7 @@ const Checkbox = ({
|
|
|
3088
3146
|
} : '';
|
|
3089
3147
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, data.map(element => {
|
|
3090
3148
|
return /*#__PURE__*/React__default["default"].createElement("label", {
|
|
3091
|
-
className: `${styles$
|
|
3149
|
+
className: `${styles$3["checkbox-wrap"]} checkbox-wrap-rem`,
|
|
3092
3150
|
key: element.value
|
|
3093
3151
|
}, /*#__PURE__*/React__default["default"].createElement("input", _extends({
|
|
3094
3152
|
type: "checkbox",
|
|
@@ -3102,9 +3160,9 @@ const Checkbox = ({
|
|
|
3102
3160
|
onClick: onClick ? onClick : () => {},
|
|
3103
3161
|
defaultChecked: element.checked
|
|
3104
3162
|
}, props)), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3105
|
-
className: `${styles$
|
|
3163
|
+
className: `${styles$3["checkmark"]} checkmark-rem`
|
|
3106
3164
|
}), element[keyNames.label] ? /*#__PURE__*/React__default["default"].createElement("label", {
|
|
3107
|
-
className: styles$
|
|
3165
|
+
className: styles$3.labelCheckbox,
|
|
3108
3166
|
for: element[keyNames.id]
|
|
3109
3167
|
}, element[keyNames.label]) : "");
|
|
3110
3168
|
}));
|
|
@@ -3126,8 +3184,8 @@ Checkbox.defaultProps = {
|
|
|
3126
3184
|
jsonData: '[{"value":"email", "name":"contact1", "label":"Email", "id":"contactChoice1"}, {"value":"phone", "name":"contact2", "label":"Phone", "id":"contactChoice2"}]'
|
|
3127
3185
|
};
|
|
3128
3186
|
|
|
3129
|
-
var css_248z$
|
|
3130
|
-
styleInject(css_248z$
|
|
3187
|
+
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}";
|
|
3188
|
+
styleInject(css_248z$4);
|
|
3131
3189
|
|
|
3132
3190
|
const Textarea = ({
|
|
3133
3191
|
size,
|
|
@@ -3312,8 +3370,8 @@ Textarea.propTypes = {
|
|
|
3312
3370
|
labelRequiredColor: PropTypes__default["default"].string
|
|
3313
3371
|
};
|
|
3314
3372
|
|
|
3315
|
-
var css_248z$
|
|
3316
|
-
styleInject(css_248z$
|
|
3373
|
+
var css_248z$3 = "";
|
|
3374
|
+
styleInject(css_248z$3);
|
|
3317
3375
|
|
|
3318
3376
|
const TypographyType = {
|
|
3319
3377
|
p: 'p',
|
|
@@ -3411,9 +3469,9 @@ Typography.defaultProps = {
|
|
|
3411
3469
|
variant: 'p'
|
|
3412
3470
|
};
|
|
3413
3471
|
|
|
3414
|
-
var css_248z$
|
|
3415
|
-
var styles$
|
|
3416
|
-
styleInject(css_248z$
|
|
3472
|
+
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}";
|
|
3473
|
+
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"};
|
|
3474
|
+
styleInject(css_248z$2);
|
|
3417
3475
|
|
|
3418
3476
|
// import styles from "./pagination.module.scss";
|
|
3419
3477
|
|
|
@@ -3541,7 +3599,7 @@ const Pagination = ({
|
|
|
3541
3599
|
if (currentPageNumber === 0 || paginationRange.length < 2) {
|
|
3542
3600
|
return null;
|
|
3543
3601
|
}
|
|
3544
|
-
const classProps = classnames__default["default"](styles$
|
|
3602
|
+
const classProps = classnames__default["default"](styles$2.list, className ? className : `${styles$2["pagination-bar"]} pagination-bar-rem`);
|
|
3545
3603
|
const onNext = () => {
|
|
3546
3604
|
onPageChange(currentPageNumber + 1);
|
|
3547
3605
|
};
|
|
@@ -3597,37 +3655,37 @@ const Pagination = ({
|
|
|
3597
3655
|
},
|
|
3598
3656
|
onClick: onPrevious,
|
|
3599
3657
|
disabled: currentPage === 1 ? true : false,
|
|
3600
|
-
className: `${styles$
|
|
3658
|
+
className: `${styles$2["pagination-btn"]} pagination-btn-rem`
|
|
3601
3659
|
}, /*#__PURE__*/React__default["default"].createElement(SvgNextarrow, null)), paginationRange.map((pageNumber, id) => {
|
|
3602
3660
|
if (pageNumber === Dots) {
|
|
3603
3661
|
let currentPageIndex = paginationRange.indexOf(currentPageNumber);
|
|
3604
3662
|
return /*#__PURE__*/React__default["default"].createElement("li", {
|
|
3605
3663
|
key: id,
|
|
3606
|
-
className: classnames__default["default"](`${styles$
|
|
3664
|
+
className: classnames__default["default"](`${styles$2["pagination-jump-next"]} pagination-jump-next-rem`, styles$2.listItem),
|
|
3607
3665
|
onClick: id < currentPageIndex ? onPreviousFive : onNextFive,
|
|
3608
3666
|
disabled: currentPageIndex === 0 ? true : false
|
|
3609
3667
|
}, id < currentPageIndex ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3610
|
-
className: `${styles$
|
|
3668
|
+
className: `${styles$2["pagination-jump-next-txt"]} pagination-jump-next-txt-rem`
|
|
3611
3669
|
}, /*#__PURE__*/React__default["default"].createElement(SvgDots, null)), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3612
|
-
className: `${styles$
|
|
3670
|
+
className: `${styles$2["pagination-jump-next-arrow"]} pagination-jump-next-arrow-rem`,
|
|
3613
3671
|
style: {
|
|
3614
3672
|
transform: 'rotate(180deg)'
|
|
3615
3673
|
}
|
|
3616
3674
|
}, /*#__PURE__*/React__default["default"].createElement(SvgNextarrow, null))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3617
|
-
className: `${styles$
|
|
3675
|
+
className: `${styles$2["pagination-jump-next-txt"]} pagination-jump-next-txt-rem`
|
|
3618
3676
|
}, /*#__PURE__*/React__default["default"].createElement(SvgDots, null)), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3619
|
-
className: `${styles$
|
|
3677
|
+
className: `${styles$2["pagination-jump-next-arrow"]} pagination-jump-next-arrow-rem`
|
|
3620
3678
|
}, /*#__PURE__*/React__default["default"].createElement(SvgNextarrow, null))));
|
|
3621
3679
|
}
|
|
3622
3680
|
return /*#__PURE__*/React__default["default"].createElement("li", {
|
|
3623
3681
|
onClick: () => onPageChange(pageNumber),
|
|
3624
3682
|
key: id,
|
|
3625
|
-
className: classnames__default["default"](`${pageNumber === currentPageNumber ? styles$
|
|
3683
|
+
className: classnames__default["default"](`${pageNumber === currentPageNumber ? styles$2.selected : styles$2.listItem}`, `${styles$2["pagination-item"]} pagination-item-rem`)
|
|
3626
3684
|
}, pageNumber);
|
|
3627
3685
|
}), /*#__PURE__*/React__default["default"].createElement("button", {
|
|
3628
3686
|
onClick: onNext,
|
|
3629
3687
|
disabled: currentPageNumber === lastPage ? true : false,
|
|
3630
|
-
className: `${styles$
|
|
3688
|
+
className: `${styles$2["pagination-btn"]} pagination-btn-rem`
|
|
3631
3689
|
}, /*#__PURE__*/React__default["default"].createElement(SvgNextarrow, null)), goTo && /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("input", {
|
|
3632
3690
|
onKeyDown: handleKeyDown,
|
|
3633
3691
|
onInput: handleChangeInput,
|
|
@@ -3666,9 +3724,9 @@ Pagination.defaultProps = {
|
|
|
3666
3724
|
siblingCount: 2
|
|
3667
3725
|
};
|
|
3668
3726
|
|
|
3669
|
-
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}";
|
|
3670
|
-
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"};
|
|
3671
|
-
styleInject(css_248z);
|
|
3727
|
+
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}";
|
|
3728
|
+
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"};
|
|
3729
|
+
styleInject(css_248z$1);
|
|
3672
3730
|
|
|
3673
3731
|
const Autocomplate = ({
|
|
3674
3732
|
label,
|
|
@@ -3687,7 +3745,7 @@ const Autocomplate = ({
|
|
|
3687
3745
|
...props
|
|
3688
3746
|
}) => {
|
|
3689
3747
|
const configStyles = compereConfigs();
|
|
3690
|
-
classnames__default["default"](styles.searchBox, className);
|
|
3748
|
+
classnames__default["default"](styles$1.searchBox, className);
|
|
3691
3749
|
const parseSelectedOptionsData = jsonSelectedOptionsData ? JSON.parse(jsonSelectedOptionsData) : {
|
|
3692
3750
|
name: '',
|
|
3693
3751
|
id: ''
|
|
@@ -3723,32 +3781,32 @@ const Autocomplate = ({
|
|
|
3723
3781
|
if (showOptions && inputValue) {
|
|
3724
3782
|
if (parseOptionsData.length && inputValue.length >= searchCount) {
|
|
3725
3783
|
optionList = /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3726
|
-
className: `${styles['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3784
|
+
className: `${styles$1['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3727
3785
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3728
|
-
className: `${styles['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3786
|
+
className: `${styles$1['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3729
3787
|
}, parseOptionsData.map((optionName, index) => {
|
|
3730
3788
|
let className;
|
|
3731
3789
|
if (index === activeOption) {
|
|
3732
3790
|
className = "option-active";
|
|
3733
3791
|
}
|
|
3734
3792
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3735
|
-
className: `${styles[className]} autocomplate-content-click-rem`,
|
|
3793
|
+
className: `${styles$1[className]} autocomplate-content-click-rem`,
|
|
3736
3794
|
key: optionName[keyNames.id],
|
|
3737
3795
|
onClick: handleClick
|
|
3738
3796
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3739
3797
|
id: optionName[keyNames.id],
|
|
3740
|
-
className: `${styles['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3798
|
+
className: `${styles$1['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3741
3799
|
}, optionName[keyNames.name]));
|
|
3742
3800
|
})));
|
|
3743
3801
|
} else {
|
|
3744
3802
|
optionList = /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3745
|
-
className: `${styles['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3803
|
+
className: `${styles$1['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3746
3804
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3747
|
-
className: `${styles['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3805
|
+
className: `${styles$1['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3748
3806
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3749
|
-
className: `${styles['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3807
|
+
className: `${styles$1['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3750
3808
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3751
|
-
className: `${styles['no-option']} autocomplate-no-option`
|
|
3809
|
+
className: `${styles$1['no-option']} autocomplate-no-option`
|
|
3752
3810
|
}, inputValue.length < searchCount ? `Լրացնել առնվազն ${searchCount} նիշ` : 'Նման տվյալ առկա չէ'))));
|
|
3753
3811
|
}
|
|
3754
3812
|
}
|
|
@@ -3757,18 +3815,18 @@ const Autocomplate = ({
|
|
|
3757
3815
|
setInputId(JSON.parse(jsonSelectedOptionsData)[keyNames.id]);
|
|
3758
3816
|
}, [JSON.parse(jsonSelectedOptionsData)[keyNames.id]]);
|
|
3759
3817
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, label ? /*#__PURE__*/React__default["default"].createElement("label", {
|
|
3760
|
-
className: `${styles['autocomplate-title']} autocomplate-title-rem`
|
|
3818
|
+
className: `${styles$1['autocomplate-title']} autocomplate-title-rem`
|
|
3761
3819
|
}, label, " ", required && /*#__PURE__*/React__default["default"].createElement("sup", {
|
|
3762
3820
|
style: {
|
|
3763
3821
|
color: "#ee0000"
|
|
3764
3822
|
}
|
|
3765
3823
|
}, "*")) : "", /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3766
|
-
className: `${styles['autocomplate-content']} autocomplate-content-rem`
|
|
3824
|
+
className: `${styles$1['autocomplate-content']} autocomplate-content-rem`
|
|
3767
3825
|
}, /*#__PURE__*/React__default["default"].createElement("input", _extends({
|
|
3768
3826
|
id: inputId,
|
|
3769
3827
|
type: "text",
|
|
3770
3828
|
autoComplete: autoComplete ? autoComplete : configStyles.INPUT.autoComplete,
|
|
3771
|
-
className: `${styles['autocomplate-content-top']} autocomplate-content-top-rem ${errorMessage ? styles.errorBorder : ''}`,
|
|
3829
|
+
className: `${styles$1['autocomplate-content-top']} autocomplate-content-top-rem ${errorMessage ? styles$1.errorBorder : ''}`,
|
|
3772
3830
|
disabled: disabled,
|
|
3773
3831
|
onChange: handleChange,
|
|
3774
3832
|
onClick: () => {
|
|
@@ -3780,7 +3838,7 @@ const Autocomplate = ({
|
|
|
3780
3838
|
cursor: disabled ? 'not-allowed' : 'auto'
|
|
3781
3839
|
}
|
|
3782
3840
|
}, props)), errorMessage ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3783
|
-
className: styles.errorMessage
|
|
3841
|
+
className: styles$1.errorMessage
|
|
3784
3842
|
}, errorMessage) : null, optionList));
|
|
3785
3843
|
};
|
|
3786
3844
|
Autocomplate.propTypes = {
|
|
@@ -3802,6 +3860,10 @@ Autocomplate.defaultProps = {
|
|
|
3802
3860
|
required: false
|
|
3803
3861
|
};
|
|
3804
3862
|
|
|
3863
|
+
var css_248z = ".autocomplete-module_auto-complete__tdYkw{-webkit-appearance:none}";
|
|
3864
|
+
var styles = {"auto-complete":"autocomplete-module_auto-complete__tdYkw"};
|
|
3865
|
+
styleInject(css_248z);
|
|
3866
|
+
|
|
3805
3867
|
const NewAutocomplete = ({
|
|
3806
3868
|
label,
|
|
3807
3869
|
change,
|
|
@@ -4055,6 +4117,7 @@ const NewAutocomplete = ({
|
|
|
4055
4117
|
onInput: handleChange,
|
|
4056
4118
|
onMouseEnter: handleMouseEnter,
|
|
4057
4119
|
onMouseLeave: handleMouseLeave,
|
|
4120
|
+
className: styles['auto-complete'],
|
|
4058
4121
|
placeholder: placeHolder ? placeHolder : '',
|
|
4059
4122
|
autoComplete: autoComplete ? autoComplete : configStyles.NEWAUTOCOMPLETE.autoComplete,
|
|
4060
4123
|
style: {
|