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