@xaypay/tui 0.0.91 → 0.0.92
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +129 -111
- package/dist/index.js +129 -111
- package/package.json +1 -1
- package/src/components/input/index.js +15 -1
- package/src/components/input/input.module.css +1 -0
- package/src/components/newAutocomplete/autocomplete.module.css +3 -0
- package/src/components/newAutocomplete/index.js +3 -0
- package/src/components/select/select.module.css +2 -0
- package/src/components/textarea/textarea.module.css +4 -0
package/dist/index.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';
|
|
@@ -819,6 +820,17 @@ const Input = ({
|
|
|
819
820
|
change(maxNumSize);
|
|
820
821
|
}
|
|
821
822
|
}
|
|
823
|
+
if (floatToFix && floatToFix > 0 && !Number.isInteger(parseFloat(currentValue))) {
|
|
824
|
+
const floatNumParts = currentValue.split('.');
|
|
825
|
+
const int = floatNumParts[0];
|
|
826
|
+
const float = floatNumParts[1];
|
|
827
|
+
if (float && float.length > floatToFix) {
|
|
828
|
+
setInnerValue(`${int}.${float.substr(0, floatToFix)}`);
|
|
829
|
+
if (change) {
|
|
830
|
+
change(`${int}.${float.substr(0, floatToFix)}`);
|
|
831
|
+
}
|
|
832
|
+
}
|
|
833
|
+
}
|
|
822
834
|
if (currentValue === '') {
|
|
823
835
|
setInnerValue('');
|
|
824
836
|
if (change) {
|
|
@@ -884,9 +896,9 @@ const Input = ({
|
|
|
884
896
|
}
|
|
885
897
|
}, [type, value, regexp, maxLength, errorMessage, regexpErrorMessage, telErrorMessage]);
|
|
886
898
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
887
|
-
className: `${styles$
|
|
899
|
+
className: `${styles$a["input-wrap"]}`
|
|
888
900
|
}, label ? /*#__PURE__*/React__default["default"].createElement("label", {
|
|
889
|
-
className: `${styles$
|
|
901
|
+
className: `${styles$a["input-title"]}`,
|
|
890
902
|
style: {
|
|
891
903
|
color: labelColor ? labelColor : configStyles.INPUT.labelColor,
|
|
892
904
|
fontSize: labelSize ? labelSize : configStyles.INPUT.labelSize,
|
|
@@ -900,7 +912,7 @@ const Input = ({
|
|
|
900
912
|
color: errorColor ? errorColor : "#ee0000"
|
|
901
913
|
}
|
|
902
914
|
}, "*")) : '', /*#__PURE__*/React__default["default"].createElement("div", {
|
|
903
|
-
className: `${styles$
|
|
915
|
+
className: `${styles$a["input-content"]}`,
|
|
904
916
|
style: {
|
|
905
917
|
width: width ? width : configStyles.INPUT.width,
|
|
906
918
|
borderRadius: radius ? radius : configStyles.INPUT.radius,
|
|
@@ -948,9 +960,9 @@ const Input = ({
|
|
|
948
960
|
disabled: disabled ? disabled : "",
|
|
949
961
|
name: name ? name : `tui_${random}_tui`,
|
|
950
962
|
placeholder: placeholder ? placeholder : '',
|
|
951
|
-
autoComplete: autoComplete ? autoComplete : configStyles.INPUT.autoComplete,
|
|
952
963
|
min: type === 'number' && minNumSize ? minNumSize : '',
|
|
953
964
|
max: type === 'number' && maxNumSize ? maxNumSize : '',
|
|
965
|
+
autoComplete: autoComplete ? autoComplete : configStyles.INPUT.autoComplete,
|
|
954
966
|
style: {
|
|
955
967
|
border: 'none',
|
|
956
968
|
outline: 'none',
|
|
@@ -1020,6 +1032,7 @@ Input.propTypes = {
|
|
|
1020
1032
|
errorLeft: PropTypes__default["default"].string,
|
|
1021
1033
|
labelSize: PropTypes__default["default"].string,
|
|
1022
1034
|
maxLength: PropTypes__default["default"].number,
|
|
1035
|
+
floatToFix: PropTypes__default["default"].number,
|
|
1023
1036
|
minNumSize: PropTypes__default["default"].number,
|
|
1024
1037
|
maxNumSize: PropTypes__default["default"].number,
|
|
1025
1038
|
errorColor: PropTypes__default["default"].string,
|
|
@@ -1057,9 +1070,9 @@ Input.defaultProps = {
|
|
|
1057
1070
|
type: "text"
|
|
1058
1071
|
};
|
|
1059
1072
|
|
|
1060
|
-
var css_248z$
|
|
1061
|
-
var styles$
|
|
1062
|
-
styleInject(css_248z$
|
|
1073
|
+
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}";
|
|
1074
|
+
var styles$9 = {"radio-wrap":"radio-module_radio-wrap__-lO7V","radio-checkmark":"radio-module_radio-checkmark__Kvol0"};
|
|
1075
|
+
styleInject(css_248z$b);
|
|
1063
1076
|
|
|
1064
1077
|
const Radio = ({
|
|
1065
1078
|
disabled,
|
|
@@ -1073,11 +1086,11 @@ const Radio = ({
|
|
|
1073
1086
|
keyNames,
|
|
1074
1087
|
...props
|
|
1075
1088
|
}) => {
|
|
1076
|
-
const classProps = classnames__default["default"](styles$
|
|
1089
|
+
const classProps = classnames__default["default"](styles$9.checkbox, className);
|
|
1077
1090
|
const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
|
|
1078
1091
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, parseData.map((element, id) => {
|
|
1079
1092
|
return /*#__PURE__*/React__default["default"].createElement("label", {
|
|
1080
|
-
className: `${styles$
|
|
1093
|
+
className: `${styles$9["radio-wrap"]} radio-wrap-rem`,
|
|
1081
1094
|
key: element.value
|
|
1082
1095
|
}, /*#__PURE__*/React__default["default"].createElement("input", _extends({
|
|
1083
1096
|
type: "radio",
|
|
@@ -1088,9 +1101,9 @@ const Radio = ({
|
|
|
1088
1101
|
value: value ? value : element.value,
|
|
1089
1102
|
name: name ? name : element.name
|
|
1090
1103
|
}, props)), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
1091
|
-
className: `${styles$
|
|
1104
|
+
className: `${styles$9["radio-checkmark"]} radio-checkmark-rem`
|
|
1092
1105
|
}), element.label ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
1093
|
-
className: styles$
|
|
1106
|
+
className: styles$9.labelRadio
|
|
1094
1107
|
}, label ? label : element.label) : "");
|
|
1095
1108
|
}));
|
|
1096
1109
|
};
|
|
@@ -1239,9 +1252,9 @@ const SvgArrow = ({
|
|
|
1239
1252
|
fill: fillColor ? fillColor : '#3C393E'
|
|
1240
1253
|
}));
|
|
1241
1254
|
|
|
1242
|
-
var css_248z$
|
|
1243
|
-
var styles$
|
|
1244
|
-
styleInject(css_248z$
|
|
1255
|
+
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}}";
|
|
1256
|
+
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"};
|
|
1257
|
+
styleInject(css_248z$a);
|
|
1245
1258
|
|
|
1246
1259
|
const Select = ({
|
|
1247
1260
|
options,
|
|
@@ -1428,7 +1441,7 @@ const Select = ({
|
|
|
1428
1441
|
}, "*")) : "", /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1429
1442
|
ref: ref
|
|
1430
1443
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1431
|
-
className: styles$
|
|
1444
|
+
className: styles$8['select-content']
|
|
1432
1445
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1433
1446
|
style: {
|
|
1434
1447
|
cursor: disabled ? 'not-allowed' : cursor ? cursor : configStyles.SELECT.cursor,
|
|
@@ -1446,9 +1459,9 @@ const Select = ({
|
|
|
1446
1459
|
onClick: disabled ? _ => _ : _ => handleOpenClose(),
|
|
1447
1460
|
onMouseEnter: disabled ? _ => _ : _ => handleMouseEnter(),
|
|
1448
1461
|
onMouseLeave: disabled ? _ => _ : _ => handleMouseLeave(),
|
|
1449
|
-
className: `${styles$
|
|
1462
|
+
className: `${styles$8['select-content-top']}`
|
|
1450
1463
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1451
|
-
className: `${styles$
|
|
1464
|
+
className: `${styles$8['select-content-top-text']}`,
|
|
1452
1465
|
style: {
|
|
1453
1466
|
whiteSpace: 'nowrap',
|
|
1454
1467
|
overflow: 'hidden',
|
|
@@ -1464,9 +1477,9 @@ const Select = ({
|
|
|
1464
1477
|
}
|
|
1465
1478
|
}
|
|
1466
1479
|
}) : defaultOption ? defaultOption : ''), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1467
|
-
className: `${styles$
|
|
1480
|
+
className: `${styles$8['select-content-top-icon']}`
|
|
1468
1481
|
}, !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$
|
|
1482
|
+
className: `${styles$8['close-icon']}`,
|
|
1470
1483
|
onClick: disabled ? _ => _ : handleClearSelect,
|
|
1471
1484
|
style: {
|
|
1472
1485
|
marginLeft: multiple && newSelected.length > 1 ? '17px' : '0px'
|
|
@@ -1475,7 +1488,7 @@ const Select = ({
|
|
|
1475
1488
|
style: {
|
|
1476
1489
|
transform: opened ? 'rotate(180deg)' : 'rotate(0deg)'
|
|
1477
1490
|
},
|
|
1478
|
-
className: `${styles$
|
|
1491
|
+
className: `${styles$8['arrow-icon']}`
|
|
1479
1492
|
}, arrowIcon ? arrowIcon : /*#__PURE__*/React__default["default"].createElement(SvgArrow, null)) : '')), opened && !disabled ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1480
1493
|
style: {
|
|
1481
1494
|
boxShadow: optionsBoxShadow ? optionsBoxShadow : configStyles.SELECT.optionsBoxShadow,
|
|
@@ -1483,9 +1496,9 @@ const Select = ({
|
|
|
1483
1496
|
backgroundColor: optionsBackgroundColor ? optionsBackgroundColor : configStyles.SELECT.optionsBackgroundColor,
|
|
1484
1497
|
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
1498
|
},
|
|
1486
|
-
className: `${styles$
|
|
1499
|
+
className: `${styles$8['select-content-bottom']}`
|
|
1487
1500
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1488
|
-
className: `${styles$
|
|
1501
|
+
className: `${styles$8['select-content-bottom-inner']}`
|
|
1489
1502
|
}, existOptions && existOptions.length > 0 && existOptions.map((option, i) => {
|
|
1490
1503
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1491
1504
|
key: i,
|
|
@@ -1494,7 +1507,7 @@ const Select = ({
|
|
|
1494
1507
|
onClick: disabled ? _ => _ : _ => handleSelectItem(option),
|
|
1495
1508
|
onMouseEnter: disabled ? _ => _ : e => handleMouseEnterOption(e),
|
|
1496
1509
|
onMouseLeave: disabled ? _ => _ : e => handleMouseLeaveOption(e),
|
|
1497
|
-
className: `${styles$
|
|
1510
|
+
className: `${styles$8['select-content-bottom-row']}`,
|
|
1498
1511
|
style: {
|
|
1499
1512
|
color: optionItemColor ? optionItemColor : configStyles.SELECT.optionItemColor,
|
|
1500
1513
|
cursor: optionItemCursor ? optionItemCursor : configStyles.SELECT.optionItemCursor,
|
|
@@ -1673,9 +1686,9 @@ const SvgToasterSuccess = ({
|
|
|
1673
1686
|
fill: fillColor ? fillColor : '#0DA574'
|
|
1674
1687
|
}));
|
|
1675
1688
|
|
|
1676
|
-
var css_248z$
|
|
1677
|
-
var styles$
|
|
1678
|
-
styleInject(css_248z$
|
|
1689
|
+
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}}";
|
|
1690
|
+
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"};
|
|
1691
|
+
styleInject(css_248z$9);
|
|
1679
1692
|
|
|
1680
1693
|
const ToasterType = {
|
|
1681
1694
|
info: 'info',
|
|
@@ -1740,8 +1753,8 @@ const Toast = ({
|
|
|
1740
1753
|
justifyContent: 'space-between'
|
|
1741
1754
|
},
|
|
1742
1755
|
className: `
|
|
1743
|
-
${styles$
|
|
1744
|
-
${position === 'top-left' ? showToaster ? styles$
|
|
1756
|
+
${styles$7['notify-block']}
|
|
1757
|
+
${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
1758
|
`
|
|
1746
1759
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1747
1760
|
style: {
|
|
@@ -1837,17 +1850,17 @@ const createToast = ({
|
|
|
1837
1850
|
description
|
|
1838
1851
|
});
|
|
1839
1852
|
ReactDOM__default["default"].render(newElem, toastBlock);
|
|
1840
|
-
if (!document.getElementById(styles$
|
|
1853
|
+
if (!document.getElementById(styles$7[position]) || document.getElementById(styles$7[position]) == null) {
|
|
1841
1854
|
toastParentBlock = document.createElement('div');
|
|
1842
1855
|
toastParentBlock.style.position = 'fixed';
|
|
1843
1856
|
toastParentBlock.style.display = 'flex';
|
|
1844
1857
|
toastParentBlock.style.zIndex = 99999;
|
|
1845
1858
|
toastParentBlock.style.flexDirection = position === 'top-left' || position === 'top-right' || position === 'top-center' ? 'column-reverse' : 'column';
|
|
1846
|
-
toastParentBlock.setAttribute('id', styles$
|
|
1859
|
+
toastParentBlock.setAttribute('id', styles$7[position]);
|
|
1847
1860
|
toastParentBlock.appendChild(toastBlock);
|
|
1848
1861
|
toastify.appendChild(toastParentBlock);
|
|
1849
1862
|
} else {
|
|
1850
|
-
document.getElementById(styles$
|
|
1863
|
+
document.getElementById(styles$7[position]).appendChild(toastBlock);
|
|
1851
1864
|
}
|
|
1852
1865
|
};
|
|
1853
1866
|
const toast = {
|
|
@@ -1948,9 +1961,9 @@ const SvgTooltip = ({
|
|
|
1948
1961
|
fill: fillColor ? fillColor : '#D1D1D1'
|
|
1949
1962
|
}));
|
|
1950
1963
|
|
|
1951
|
-
var css_248z$
|
|
1952
|
-
var styles$
|
|
1953
|
-
styleInject(css_248z$
|
|
1964
|
+
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}";
|
|
1965
|
+
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"};
|
|
1966
|
+
styleInject(css_248z$8);
|
|
1954
1967
|
|
|
1955
1968
|
const Tooltip = ({
|
|
1956
1969
|
type,
|
|
@@ -1973,7 +1986,7 @@ const Tooltip = ({
|
|
|
1973
1986
|
const [checkTooltipHeight, setCheckTooltipHeight] = React.useState(0);
|
|
1974
1987
|
const [showTooltip, setShowTooltip] = React.useState(false);
|
|
1975
1988
|
const configStyles = compereConfigs();
|
|
1976
|
-
const classProps = classnames__default["default"](styles$
|
|
1989
|
+
const classProps = classnames__default["default"](styles$6['tooltip'], className);
|
|
1977
1990
|
const handleShow = () => {
|
|
1978
1991
|
setShowTooltip(!showTooltip);
|
|
1979
1992
|
};
|
|
@@ -1985,7 +1998,7 @@ const Tooltip = ({
|
|
|
1985
1998
|
tooltipRef.current && tooltipRef.current.clientHeight && tooltipRef.current.clientHeight > 0 && setCheckTooltipHeight(tooltipRef.current.clientHeight);
|
|
1986
1999
|
}, [text, tooltipRef, checkTooltipWidth, checkTooltipHeight]);
|
|
1987
2000
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1988
|
-
className: `${styles$
|
|
2001
|
+
className: `${styles$6['tooltip-block']}`,
|
|
1989
2002
|
style: {
|
|
1990
2003
|
width: width ? width : configStyles.TOOLTIP.width,
|
|
1991
2004
|
height: height ? height : configStyles.TOOLTIP.height,
|
|
@@ -2003,9 +2016,9 @@ const Tooltip = ({
|
|
|
2003
2016
|
left: type === 'top' || type === 'bottom' ? `calc(50% - ${checkTooltipWidth / 2}px)` : type === 'left' ? `-${checkTooltipWidth + 7}px` : type === 'right' ? 'calc(100% + 7px)' : '0px'
|
|
2004
2017
|
}
|
|
2005
2018
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2006
|
-
className: `${styles$
|
|
2019
|
+
className: `${styles$6['tooltip-rel']}`
|
|
2007
2020
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2008
|
-
className: `${styles$
|
|
2021
|
+
className: `${styles$6['tooltip-decor']}`,
|
|
2009
2022
|
style: {
|
|
2010
2023
|
backgroundColor: tooltipBackgroundColor ? tooltipBackgroundColor : configStyles.TOOLTIP.tooltipBackgroundColor,
|
|
2011
2024
|
left: type === 'top' || type === 'bottom' ? 'calc(50% - 5px)' : type === 'right' ? '-15px' : type === 'left' ? 'calc(100% + 5px)' : '0px',
|
|
@@ -2082,9 +2095,9 @@ const SvgCaptchaArrowDown = ({
|
|
|
2082
2095
|
fill: fillColor ? fillColor : '#00236A'
|
|
2083
2096
|
}));
|
|
2084
2097
|
|
|
2085
|
-
var css_248z$
|
|
2086
|
-
var styles$
|
|
2087
|
-
styleInject(css_248z$
|
|
2098
|
+
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}";
|
|
2099
|
+
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"};
|
|
2100
|
+
styleInject(css_248z$7);
|
|
2088
2101
|
|
|
2089
2102
|
const Captcha = ({
|
|
2090
2103
|
size,
|
|
@@ -2147,7 +2160,7 @@ const Captcha = ({
|
|
|
2147
2160
|
alignItems: 'center',
|
|
2148
2161
|
zIndex: 1
|
|
2149
2162
|
},
|
|
2150
|
-
className: styles$
|
|
2163
|
+
className: styles$5['start-point']
|
|
2151
2164
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2152
2165
|
style: {
|
|
2153
2166
|
position: 'absolute',
|
|
@@ -2174,8 +2187,8 @@ const Captcha = ({
|
|
|
2174
2187
|
backgroundColor: 'transparent'
|
|
2175
2188
|
},
|
|
2176
2189
|
className: `
|
|
2177
|
-
${styles$
|
|
2178
|
-
${+rangeProgress === rangeNumber ? styles$
|
|
2190
|
+
${styles$5['range']}
|
|
2191
|
+
${+rangeProgress === rangeNumber ? styles$5['range-success'] : +rangeProgress !== rangeNumber && +rangeProgress > 0 ? styles$5['range-error'] : styles$5['range-default']}
|
|
2179
2192
|
`,
|
|
2180
2193
|
onInput: handleRange
|
|
2181
2194
|
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -2206,9 +2219,9 @@ Captcha.propTypes = {
|
|
|
2206
2219
|
getRange: PropTypes__default["default"].func.isRequired
|
|
2207
2220
|
};
|
|
2208
2221
|
|
|
2209
|
-
var css_248z$
|
|
2210
|
-
var styles$
|
|
2211
|
-
styleInject(css_248z$
|
|
2222
|
+
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}";
|
|
2223
|
+
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"};
|
|
2224
|
+
styleInject(css_248z$6);
|
|
2212
2225
|
|
|
2213
2226
|
const Stepper = ({
|
|
2214
2227
|
className,
|
|
@@ -2218,15 +2231,15 @@ const Stepper = ({
|
|
|
2218
2231
|
}) => {
|
|
2219
2232
|
classnames__default["default"](className, 'stepper-inner-rem');
|
|
2220
2233
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2221
|
-
className: `${styles$
|
|
2234
|
+
className: `${styles$4['stepper-container']} stepper-container-rem`
|
|
2222
2235
|
}, (() => {
|
|
2223
2236
|
let steppers = [];
|
|
2224
2237
|
for (let step = 1; step <= stepLength; step++) {
|
|
2225
2238
|
steppers.push( /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2226
|
-
className: classnames__default["default"](`${step <= activeSteps ? styles$
|
|
2239
|
+
className: classnames__default["default"](`${step <= activeSteps ? styles$4.activeRing : styles$4.bigRing}`),
|
|
2227
2240
|
key: step
|
|
2228
2241
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2229
|
-
className: classnames__default["default"](`${step <= activeSteps ? styles$
|
|
2242
|
+
className: classnames__default["default"](`${step <= activeSteps ? styles$4.smallActiveRing : styles$4.smallRing}`)
|
|
2230
2243
|
}, step <= activeSteps ? step : "")));
|
|
2231
2244
|
}
|
|
2232
2245
|
return steppers;
|
|
@@ -3038,9 +3051,9 @@ NewFile.defaultProps = {
|
|
|
3038
3051
|
fileExtensions: ['jpg', 'jpeg', 'png', 'pdf']
|
|
3039
3052
|
};
|
|
3040
3053
|
|
|
3041
|
-
var css_248z$
|
|
3042
|
-
var styles$
|
|
3043
|
-
styleInject(css_248z$
|
|
3054
|
+
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}";
|
|
3055
|
+
var styles$3 = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
|
|
3056
|
+
styleInject(css_248z$5);
|
|
3044
3057
|
|
|
3045
3058
|
const Checkbox = ({
|
|
3046
3059
|
disabled,
|
|
@@ -3055,7 +3068,7 @@ const Checkbox = ({
|
|
|
3055
3068
|
onClick,
|
|
3056
3069
|
...props
|
|
3057
3070
|
}) => {
|
|
3058
|
-
const classProps = classnames__default["default"](styles$
|
|
3071
|
+
const classProps = classnames__default["default"](styles$3.checkbox, className, 'checkbox-input-rem');
|
|
3059
3072
|
const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
|
|
3060
3073
|
const [data, setData] = React.useState(parseData);
|
|
3061
3074
|
React.useEffect(() => {
|
|
@@ -3088,7 +3101,7 @@ const Checkbox = ({
|
|
|
3088
3101
|
} : '';
|
|
3089
3102
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, data.map(element => {
|
|
3090
3103
|
return /*#__PURE__*/React__default["default"].createElement("label", {
|
|
3091
|
-
className: `${styles$
|
|
3104
|
+
className: `${styles$3["checkbox-wrap"]} checkbox-wrap-rem`,
|
|
3092
3105
|
key: element.value
|
|
3093
3106
|
}, /*#__PURE__*/React__default["default"].createElement("input", _extends({
|
|
3094
3107
|
type: "checkbox",
|
|
@@ -3102,9 +3115,9 @@ const Checkbox = ({
|
|
|
3102
3115
|
onClick: onClick ? onClick : () => {},
|
|
3103
3116
|
defaultChecked: element.checked
|
|
3104
3117
|
}, props)), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3105
|
-
className: `${styles$
|
|
3118
|
+
className: `${styles$3["checkmark"]} checkmark-rem`
|
|
3106
3119
|
}), element[keyNames.label] ? /*#__PURE__*/React__default["default"].createElement("label", {
|
|
3107
|
-
className: styles$
|
|
3120
|
+
className: styles$3.labelCheckbox,
|
|
3108
3121
|
for: element[keyNames.id]
|
|
3109
3122
|
}, element[keyNames.label]) : "");
|
|
3110
3123
|
}));
|
|
@@ -3126,8 +3139,8 @@ Checkbox.defaultProps = {
|
|
|
3126
3139
|
jsonData: '[{"value":"email", "name":"contact1", "label":"Email", "id":"contactChoice1"}, {"value":"phone", "name":"contact2", "label":"Phone", "id":"contactChoice2"}]'
|
|
3127
3140
|
};
|
|
3128
3141
|
|
|
3129
|
-
var css_248z$
|
|
3130
|
-
styleInject(css_248z$
|
|
3142
|
+
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}";
|
|
3143
|
+
styleInject(css_248z$4);
|
|
3131
3144
|
|
|
3132
3145
|
const Textarea = ({
|
|
3133
3146
|
size,
|
|
@@ -3312,8 +3325,8 @@ Textarea.propTypes = {
|
|
|
3312
3325
|
labelRequiredColor: PropTypes__default["default"].string
|
|
3313
3326
|
};
|
|
3314
3327
|
|
|
3315
|
-
var css_248z$
|
|
3316
|
-
styleInject(css_248z$
|
|
3328
|
+
var css_248z$3 = "";
|
|
3329
|
+
styleInject(css_248z$3);
|
|
3317
3330
|
|
|
3318
3331
|
const TypographyType = {
|
|
3319
3332
|
p: 'p',
|
|
@@ -3411,9 +3424,9 @@ Typography.defaultProps = {
|
|
|
3411
3424
|
variant: 'p'
|
|
3412
3425
|
};
|
|
3413
3426
|
|
|
3414
|
-
var css_248z$
|
|
3415
|
-
var styles$
|
|
3416
|
-
styleInject(css_248z$
|
|
3427
|
+
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}";
|
|
3428
|
+
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"};
|
|
3429
|
+
styleInject(css_248z$2);
|
|
3417
3430
|
|
|
3418
3431
|
// import styles from "./pagination.module.scss";
|
|
3419
3432
|
|
|
@@ -3541,7 +3554,7 @@ const Pagination = ({
|
|
|
3541
3554
|
if (currentPageNumber === 0 || paginationRange.length < 2) {
|
|
3542
3555
|
return null;
|
|
3543
3556
|
}
|
|
3544
|
-
const classProps = classnames__default["default"](styles$
|
|
3557
|
+
const classProps = classnames__default["default"](styles$2.list, className ? className : `${styles$2["pagination-bar"]} pagination-bar-rem`);
|
|
3545
3558
|
const onNext = () => {
|
|
3546
3559
|
onPageChange(currentPageNumber + 1);
|
|
3547
3560
|
};
|
|
@@ -3597,37 +3610,37 @@ const Pagination = ({
|
|
|
3597
3610
|
},
|
|
3598
3611
|
onClick: onPrevious,
|
|
3599
3612
|
disabled: currentPage === 1 ? true : false,
|
|
3600
|
-
className: `${styles$
|
|
3613
|
+
className: `${styles$2["pagination-btn"]} pagination-btn-rem`
|
|
3601
3614
|
}, /*#__PURE__*/React__default["default"].createElement(SvgNextarrow, null)), paginationRange.map((pageNumber, id) => {
|
|
3602
3615
|
if (pageNumber === Dots) {
|
|
3603
3616
|
let currentPageIndex = paginationRange.indexOf(currentPageNumber);
|
|
3604
3617
|
return /*#__PURE__*/React__default["default"].createElement("li", {
|
|
3605
3618
|
key: id,
|
|
3606
|
-
className: classnames__default["default"](`${styles$
|
|
3619
|
+
className: classnames__default["default"](`${styles$2["pagination-jump-next"]} pagination-jump-next-rem`, styles$2.listItem),
|
|
3607
3620
|
onClick: id < currentPageIndex ? onPreviousFive : onNextFive,
|
|
3608
3621
|
disabled: currentPageIndex === 0 ? true : false
|
|
3609
3622
|
}, id < currentPageIndex ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3610
|
-
className: `${styles$
|
|
3623
|
+
className: `${styles$2["pagination-jump-next-txt"]} pagination-jump-next-txt-rem`
|
|
3611
3624
|
}, /*#__PURE__*/React__default["default"].createElement(SvgDots, null)), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3612
|
-
className: `${styles$
|
|
3625
|
+
className: `${styles$2["pagination-jump-next-arrow"]} pagination-jump-next-arrow-rem`,
|
|
3613
3626
|
style: {
|
|
3614
3627
|
transform: 'rotate(180deg)'
|
|
3615
3628
|
}
|
|
3616
3629
|
}, /*#__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$
|
|
3630
|
+
className: `${styles$2["pagination-jump-next-txt"]} pagination-jump-next-txt-rem`
|
|
3618
3631
|
}, /*#__PURE__*/React__default["default"].createElement(SvgDots, null)), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3619
|
-
className: `${styles$
|
|
3632
|
+
className: `${styles$2["pagination-jump-next-arrow"]} pagination-jump-next-arrow-rem`
|
|
3620
3633
|
}, /*#__PURE__*/React__default["default"].createElement(SvgNextarrow, null))));
|
|
3621
3634
|
}
|
|
3622
3635
|
return /*#__PURE__*/React__default["default"].createElement("li", {
|
|
3623
3636
|
onClick: () => onPageChange(pageNumber),
|
|
3624
3637
|
key: id,
|
|
3625
|
-
className: classnames__default["default"](`${pageNumber === currentPageNumber ? styles$
|
|
3638
|
+
className: classnames__default["default"](`${pageNumber === currentPageNumber ? styles$2.selected : styles$2.listItem}`, `${styles$2["pagination-item"]} pagination-item-rem`)
|
|
3626
3639
|
}, pageNumber);
|
|
3627
3640
|
}), /*#__PURE__*/React__default["default"].createElement("button", {
|
|
3628
3641
|
onClick: onNext,
|
|
3629
3642
|
disabled: currentPageNumber === lastPage ? true : false,
|
|
3630
|
-
className: `${styles$
|
|
3643
|
+
className: `${styles$2["pagination-btn"]} pagination-btn-rem`
|
|
3631
3644
|
}, /*#__PURE__*/React__default["default"].createElement(SvgNextarrow, null)), goTo && /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("input", {
|
|
3632
3645
|
onKeyDown: handleKeyDown,
|
|
3633
3646
|
onInput: handleChangeInput,
|
|
@@ -3666,9 +3679,9 @@ Pagination.defaultProps = {
|
|
|
3666
3679
|
siblingCount: 2
|
|
3667
3680
|
};
|
|
3668
3681
|
|
|
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);
|
|
3682
|
+
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}";
|
|
3683
|
+
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"};
|
|
3684
|
+
styleInject(css_248z$1);
|
|
3672
3685
|
|
|
3673
3686
|
const Autocomplate = ({
|
|
3674
3687
|
label,
|
|
@@ -3687,7 +3700,7 @@ const Autocomplate = ({
|
|
|
3687
3700
|
...props
|
|
3688
3701
|
}) => {
|
|
3689
3702
|
const configStyles = compereConfigs();
|
|
3690
|
-
classnames__default["default"](styles.searchBox, className);
|
|
3703
|
+
classnames__default["default"](styles$1.searchBox, className);
|
|
3691
3704
|
const parseSelectedOptionsData = jsonSelectedOptionsData ? JSON.parse(jsonSelectedOptionsData) : {
|
|
3692
3705
|
name: '',
|
|
3693
3706
|
id: ''
|
|
@@ -3723,32 +3736,32 @@ const Autocomplate = ({
|
|
|
3723
3736
|
if (showOptions && inputValue) {
|
|
3724
3737
|
if (parseOptionsData.length && inputValue.length >= searchCount) {
|
|
3725
3738
|
optionList = /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3726
|
-
className: `${styles['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3739
|
+
className: `${styles$1['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3727
3740
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3728
|
-
className: `${styles['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3741
|
+
className: `${styles$1['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3729
3742
|
}, parseOptionsData.map((optionName, index) => {
|
|
3730
3743
|
let className;
|
|
3731
3744
|
if (index === activeOption) {
|
|
3732
3745
|
className = "option-active";
|
|
3733
3746
|
}
|
|
3734
3747
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3735
|
-
className: `${styles[className]} autocomplate-content-click-rem`,
|
|
3748
|
+
className: `${styles$1[className]} autocomplate-content-click-rem`,
|
|
3736
3749
|
key: optionName[keyNames.id],
|
|
3737
3750
|
onClick: handleClick
|
|
3738
3751
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3739
3752
|
id: optionName[keyNames.id],
|
|
3740
|
-
className: `${styles['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3753
|
+
className: `${styles$1['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3741
3754
|
}, optionName[keyNames.name]));
|
|
3742
3755
|
})));
|
|
3743
3756
|
} else {
|
|
3744
3757
|
optionList = /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3745
|
-
className: `${styles['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3758
|
+
className: `${styles$1['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3746
3759
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3747
|
-
className: `${styles['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3760
|
+
className: `${styles$1['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3748
3761
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3749
|
-
className: `${styles['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3762
|
+
className: `${styles$1['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3750
3763
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3751
|
-
className: `${styles['no-option']} autocomplate-no-option`
|
|
3764
|
+
className: `${styles$1['no-option']} autocomplate-no-option`
|
|
3752
3765
|
}, inputValue.length < searchCount ? `Լրացնել առնվազն ${searchCount} նիշ` : 'Նման տվյալ առկա չէ'))));
|
|
3753
3766
|
}
|
|
3754
3767
|
}
|
|
@@ -3757,18 +3770,18 @@ const Autocomplate = ({
|
|
|
3757
3770
|
setInputId(JSON.parse(jsonSelectedOptionsData)[keyNames.id]);
|
|
3758
3771
|
}, [JSON.parse(jsonSelectedOptionsData)[keyNames.id]]);
|
|
3759
3772
|
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`
|
|
3773
|
+
className: `${styles$1['autocomplate-title']} autocomplate-title-rem`
|
|
3761
3774
|
}, label, " ", required && /*#__PURE__*/React__default["default"].createElement("sup", {
|
|
3762
3775
|
style: {
|
|
3763
3776
|
color: "#ee0000"
|
|
3764
3777
|
}
|
|
3765
3778
|
}, "*")) : "", /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3766
|
-
className: `${styles['autocomplate-content']} autocomplate-content-rem`
|
|
3779
|
+
className: `${styles$1['autocomplate-content']} autocomplate-content-rem`
|
|
3767
3780
|
}, /*#__PURE__*/React__default["default"].createElement("input", _extends({
|
|
3768
3781
|
id: inputId,
|
|
3769
3782
|
type: "text",
|
|
3770
3783
|
autoComplete: autoComplete ? autoComplete : configStyles.INPUT.autoComplete,
|
|
3771
|
-
className: `${styles['autocomplate-content-top']} autocomplate-content-top-rem ${errorMessage ? styles.errorBorder : ''}`,
|
|
3784
|
+
className: `${styles$1['autocomplate-content-top']} autocomplate-content-top-rem ${errorMessage ? styles$1.errorBorder : ''}`,
|
|
3772
3785
|
disabled: disabled,
|
|
3773
3786
|
onChange: handleChange,
|
|
3774
3787
|
onClick: () => {
|
|
@@ -3780,7 +3793,7 @@ const Autocomplate = ({
|
|
|
3780
3793
|
cursor: disabled ? 'not-allowed' : 'auto'
|
|
3781
3794
|
}
|
|
3782
3795
|
}, props)), errorMessage ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3783
|
-
className: styles.errorMessage
|
|
3796
|
+
className: styles$1.errorMessage
|
|
3784
3797
|
}, errorMessage) : null, optionList));
|
|
3785
3798
|
};
|
|
3786
3799
|
Autocomplate.propTypes = {
|
|
@@ -3802,6 +3815,10 @@ Autocomplate.defaultProps = {
|
|
|
3802
3815
|
required: false
|
|
3803
3816
|
};
|
|
3804
3817
|
|
|
3818
|
+
var css_248z = ".autocomplete-module_auto-complete__tdYkw{-webkit-appearance:none}";
|
|
3819
|
+
var styles = {"auto-complete":"autocomplete-module_auto-complete__tdYkw"};
|
|
3820
|
+
styleInject(css_248z);
|
|
3821
|
+
|
|
3805
3822
|
const NewAutocomplete = ({
|
|
3806
3823
|
label,
|
|
3807
3824
|
change,
|
|
@@ -4055,6 +4072,7 @@ const NewAutocomplete = ({
|
|
|
4055
4072
|
onInput: handleChange,
|
|
4056
4073
|
onMouseEnter: handleMouseEnter,
|
|
4057
4074
|
onMouseLeave: handleMouseLeave,
|
|
4075
|
+
className: styles['auto-complete'],
|
|
4058
4076
|
placeholder: placeHolder ? placeHolder : '',
|
|
4059
4077
|
autoComplete: autoComplete ? autoComplete : configStyles.NEWAUTOCOMPLETE.autoComplete,
|
|
4060
4078
|
style: {
|