@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.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,
|
|
@@ -1281,6 +1294,7 @@ const Select = ({
|
|
|
1281
1294
|
selectedLineHeight,
|
|
1282
1295
|
selectedHoverColor,
|
|
1283
1296
|
selectedTransition,
|
|
1297
|
+
selectedBackgroundColor,
|
|
1284
1298
|
optionsBoxShadow,
|
|
1285
1299
|
optionsBorderRadius,
|
|
1286
1300
|
optionsBackgroundColor,
|
|
@@ -1427,7 +1441,7 @@ const Select = ({
|
|
|
1427
1441
|
}, "*")) : "", /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1428
1442
|
ref: ref
|
|
1429
1443
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1430
|
-
className: styles$
|
|
1444
|
+
className: styles$8['select-content']
|
|
1431
1445
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1432
1446
|
style: {
|
|
1433
1447
|
cursor: disabled ? 'not-allowed' : cursor ? cursor : configStyles.SELECT.cursor,
|
|
@@ -1439,14 +1453,15 @@ const Select = ({
|
|
|
1439
1453
|
fontWeight: selectedFontWeight ? selectedFontWeight : configStyles.SELECT.selectedFontWeight,
|
|
1440
1454
|
lineHeight: selectedLineHeight ? selectedLineHeight : configStyles.SELECT.selectedLineHeight,
|
|
1441
1455
|
transition: selectedTransition ? selectedTransition : configStyles.SELECT.selectedTransition,
|
|
1456
|
+
backgroundColor: selectedBackgroundColor ? selectedBackgroundColor : configStyles.SELECT.selectedBackgroundColor,
|
|
1442
1457
|
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
|
|
1443
1458
|
},
|
|
1444
1459
|
onClick: disabled ? _ => _ : _ => handleOpenClose(),
|
|
1445
1460
|
onMouseEnter: disabled ? _ => _ : _ => handleMouseEnter(),
|
|
1446
1461
|
onMouseLeave: disabled ? _ => _ : _ => handleMouseLeave(),
|
|
1447
|
-
className: `${styles$
|
|
1462
|
+
className: `${styles$8['select-content-top']}`
|
|
1448
1463
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1449
|
-
className: `${styles$
|
|
1464
|
+
className: `${styles$8['select-content-top-text']}`,
|
|
1450
1465
|
style: {
|
|
1451
1466
|
whiteSpace: 'nowrap',
|
|
1452
1467
|
overflow: 'hidden',
|
|
@@ -1462,9 +1477,9 @@ const Select = ({
|
|
|
1462
1477
|
}
|
|
1463
1478
|
}
|
|
1464
1479
|
}) : defaultOption ? defaultOption : ''), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1465
|
-
className: `${styles$
|
|
1480
|
+
className: `${styles$8['select-content-top-icon']}`
|
|
1466
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", {
|
|
1467
|
-
className: `${styles$
|
|
1482
|
+
className: `${styles$8['close-icon']}`,
|
|
1468
1483
|
onClick: disabled ? _ => _ : handleClearSelect,
|
|
1469
1484
|
style: {
|
|
1470
1485
|
marginLeft: multiple && newSelected.length > 1 ? '17px' : '0px'
|
|
@@ -1473,7 +1488,7 @@ const Select = ({
|
|
|
1473
1488
|
style: {
|
|
1474
1489
|
transform: opened ? 'rotate(180deg)' : 'rotate(0deg)'
|
|
1475
1490
|
},
|
|
1476
|
-
className: `${styles$
|
|
1491
|
+
className: `${styles$8['arrow-icon']}`
|
|
1477
1492
|
}, arrowIcon ? arrowIcon : /*#__PURE__*/React__default["default"].createElement(SvgArrow, null)) : '')), opened && !disabled ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1478
1493
|
style: {
|
|
1479
1494
|
boxShadow: optionsBoxShadow ? optionsBoxShadow : configStyles.SELECT.optionsBoxShadow,
|
|
@@ -1481,9 +1496,9 @@ const Select = ({
|
|
|
1481
1496
|
backgroundColor: optionsBackgroundColor ? optionsBackgroundColor : configStyles.SELECT.optionsBackgroundColor,
|
|
1482
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'
|
|
1483
1498
|
},
|
|
1484
|
-
className: `${styles$
|
|
1499
|
+
className: `${styles$8['select-content-bottom']}`
|
|
1485
1500
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1486
|
-
className: `${styles$
|
|
1501
|
+
className: `${styles$8['select-content-bottom-inner']}`
|
|
1487
1502
|
}, existOptions && existOptions.length > 0 && existOptions.map((option, i) => {
|
|
1488
1503
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1489
1504
|
key: i,
|
|
@@ -1492,7 +1507,7 @@ const Select = ({
|
|
|
1492
1507
|
onClick: disabled ? _ => _ : _ => handleSelectItem(option),
|
|
1493
1508
|
onMouseEnter: disabled ? _ => _ : e => handleMouseEnterOption(e),
|
|
1494
1509
|
onMouseLeave: disabled ? _ => _ : e => handleMouseLeaveOption(e),
|
|
1495
|
-
className: `${styles$
|
|
1510
|
+
className: `${styles$8['select-content-bottom-row']}`,
|
|
1496
1511
|
style: {
|
|
1497
1512
|
color: optionItemColor ? optionItemColor : configStyles.SELECT.optionItemColor,
|
|
1498
1513
|
cursor: optionItemCursor ? optionItemCursor : configStyles.SELECT.optionItemCursor,
|
|
@@ -1556,6 +1571,7 @@ Select.propTypes = {
|
|
|
1556
1571
|
selectedFontWeight: PropTypes__default["default"].string,
|
|
1557
1572
|
selectedLineHeight: PropTypes__default["default"].string,
|
|
1558
1573
|
selectedTransition: PropTypes__default["default"].string,
|
|
1574
|
+
selectedBackgroundColor: PropTypes__default["default"].string,
|
|
1559
1575
|
optionsBoxShadow: PropTypes__default["default"].string,
|
|
1560
1576
|
optionsBorderRadius: PropTypes__default["default"].string,
|
|
1561
1577
|
optionsBackgroundColor: PropTypes__default["default"].string,
|
|
@@ -1670,9 +1686,9 @@ const SvgToasterSuccess = ({
|
|
|
1670
1686
|
fill: fillColor ? fillColor : '#0DA574'
|
|
1671
1687
|
}));
|
|
1672
1688
|
|
|
1673
|
-
var css_248z$
|
|
1674
|
-
var styles$
|
|
1675
|
-
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);
|
|
1676
1692
|
|
|
1677
1693
|
const ToasterType = {
|
|
1678
1694
|
info: 'info',
|
|
@@ -1737,8 +1753,8 @@ const Toast = ({
|
|
|
1737
1753
|
justifyContent: 'space-between'
|
|
1738
1754
|
},
|
|
1739
1755
|
className: `
|
|
1740
|
-
${styles$
|
|
1741
|
-
${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'] : ''}
|
|
1742
1758
|
`
|
|
1743
1759
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1744
1760
|
style: {
|
|
@@ -1834,17 +1850,17 @@ const createToast = ({
|
|
|
1834
1850
|
description
|
|
1835
1851
|
});
|
|
1836
1852
|
ReactDOM__default["default"].render(newElem, toastBlock);
|
|
1837
|
-
if (!document.getElementById(styles$
|
|
1853
|
+
if (!document.getElementById(styles$7[position]) || document.getElementById(styles$7[position]) == null) {
|
|
1838
1854
|
toastParentBlock = document.createElement('div');
|
|
1839
1855
|
toastParentBlock.style.position = 'fixed';
|
|
1840
1856
|
toastParentBlock.style.display = 'flex';
|
|
1841
1857
|
toastParentBlock.style.zIndex = 99999;
|
|
1842
1858
|
toastParentBlock.style.flexDirection = position === 'top-left' || position === 'top-right' || position === 'top-center' ? 'column-reverse' : 'column';
|
|
1843
|
-
toastParentBlock.setAttribute('id', styles$
|
|
1859
|
+
toastParentBlock.setAttribute('id', styles$7[position]);
|
|
1844
1860
|
toastParentBlock.appendChild(toastBlock);
|
|
1845
1861
|
toastify.appendChild(toastParentBlock);
|
|
1846
1862
|
} else {
|
|
1847
|
-
document.getElementById(styles$
|
|
1863
|
+
document.getElementById(styles$7[position]).appendChild(toastBlock);
|
|
1848
1864
|
}
|
|
1849
1865
|
};
|
|
1850
1866
|
const toast = {
|
|
@@ -1945,9 +1961,9 @@ const SvgTooltip = ({
|
|
|
1945
1961
|
fill: fillColor ? fillColor : '#D1D1D1'
|
|
1946
1962
|
}));
|
|
1947
1963
|
|
|
1948
|
-
var css_248z$
|
|
1949
|
-
var styles$
|
|
1950
|
-
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);
|
|
1951
1967
|
|
|
1952
1968
|
const Tooltip = ({
|
|
1953
1969
|
type,
|
|
@@ -1970,7 +1986,7 @@ const Tooltip = ({
|
|
|
1970
1986
|
const [checkTooltipHeight, setCheckTooltipHeight] = React.useState(0);
|
|
1971
1987
|
const [showTooltip, setShowTooltip] = React.useState(false);
|
|
1972
1988
|
const configStyles = compereConfigs();
|
|
1973
|
-
const classProps = classnames__default["default"](styles$
|
|
1989
|
+
const classProps = classnames__default["default"](styles$6['tooltip'], className);
|
|
1974
1990
|
const handleShow = () => {
|
|
1975
1991
|
setShowTooltip(!showTooltip);
|
|
1976
1992
|
};
|
|
@@ -1982,7 +1998,7 @@ const Tooltip = ({
|
|
|
1982
1998
|
tooltipRef.current && tooltipRef.current.clientHeight && tooltipRef.current.clientHeight > 0 && setCheckTooltipHeight(tooltipRef.current.clientHeight);
|
|
1983
1999
|
}, [text, tooltipRef, checkTooltipWidth, checkTooltipHeight]);
|
|
1984
2000
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1985
|
-
className: `${styles$
|
|
2001
|
+
className: `${styles$6['tooltip-block']}`,
|
|
1986
2002
|
style: {
|
|
1987
2003
|
width: width ? width : configStyles.TOOLTIP.width,
|
|
1988
2004
|
height: height ? height : configStyles.TOOLTIP.height,
|
|
@@ -2000,9 +2016,9 @@ const Tooltip = ({
|
|
|
2000
2016
|
left: type === 'top' || type === 'bottom' ? `calc(50% - ${checkTooltipWidth / 2}px)` : type === 'left' ? `-${checkTooltipWidth + 7}px` : type === 'right' ? 'calc(100% + 7px)' : '0px'
|
|
2001
2017
|
}
|
|
2002
2018
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2003
|
-
className: `${styles$
|
|
2019
|
+
className: `${styles$6['tooltip-rel']}`
|
|
2004
2020
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2005
|
-
className: `${styles$
|
|
2021
|
+
className: `${styles$6['tooltip-decor']}`,
|
|
2006
2022
|
style: {
|
|
2007
2023
|
backgroundColor: tooltipBackgroundColor ? tooltipBackgroundColor : configStyles.TOOLTIP.tooltipBackgroundColor,
|
|
2008
2024
|
left: type === 'top' || type === 'bottom' ? 'calc(50% - 5px)' : type === 'right' ? '-15px' : type === 'left' ? 'calc(100% + 5px)' : '0px',
|
|
@@ -2079,9 +2095,9 @@ const SvgCaptchaArrowDown = ({
|
|
|
2079
2095
|
fill: fillColor ? fillColor : '#00236A'
|
|
2080
2096
|
}));
|
|
2081
2097
|
|
|
2082
|
-
var css_248z$
|
|
2083
|
-
var styles$
|
|
2084
|
-
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);
|
|
2085
2101
|
|
|
2086
2102
|
const Captcha = ({
|
|
2087
2103
|
size,
|
|
@@ -2144,7 +2160,7 @@ const Captcha = ({
|
|
|
2144
2160
|
alignItems: 'center',
|
|
2145
2161
|
zIndex: 1
|
|
2146
2162
|
},
|
|
2147
|
-
className: styles$
|
|
2163
|
+
className: styles$5['start-point']
|
|
2148
2164
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2149
2165
|
style: {
|
|
2150
2166
|
position: 'absolute',
|
|
@@ -2171,8 +2187,8 @@ const Captcha = ({
|
|
|
2171
2187
|
backgroundColor: 'transparent'
|
|
2172
2188
|
},
|
|
2173
2189
|
className: `
|
|
2174
|
-
${styles$
|
|
2175
|
-
${+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']}
|
|
2176
2192
|
`,
|
|
2177
2193
|
onInput: handleRange
|
|
2178
2194
|
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -2203,9 +2219,9 @@ Captcha.propTypes = {
|
|
|
2203
2219
|
getRange: PropTypes__default["default"].func.isRequired
|
|
2204
2220
|
};
|
|
2205
2221
|
|
|
2206
|
-
var css_248z$
|
|
2207
|
-
var styles$
|
|
2208
|
-
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);
|
|
2209
2225
|
|
|
2210
2226
|
const Stepper = ({
|
|
2211
2227
|
className,
|
|
@@ -2215,15 +2231,15 @@ const Stepper = ({
|
|
|
2215
2231
|
}) => {
|
|
2216
2232
|
classnames__default["default"](className, 'stepper-inner-rem');
|
|
2217
2233
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2218
|
-
className: `${styles$
|
|
2234
|
+
className: `${styles$4['stepper-container']} stepper-container-rem`
|
|
2219
2235
|
}, (() => {
|
|
2220
2236
|
let steppers = [];
|
|
2221
2237
|
for (let step = 1; step <= stepLength; step++) {
|
|
2222
2238
|
steppers.push( /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2223
|
-
className: classnames__default["default"](`${step <= activeSteps ? styles$
|
|
2239
|
+
className: classnames__default["default"](`${step <= activeSteps ? styles$4.activeRing : styles$4.bigRing}`),
|
|
2224
2240
|
key: step
|
|
2225
2241
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2226
|
-
className: classnames__default["default"](`${step <= activeSteps ? styles$
|
|
2242
|
+
className: classnames__default["default"](`${step <= activeSteps ? styles$4.smallActiveRing : styles$4.smallRing}`)
|
|
2227
2243
|
}, step <= activeSteps ? step : "")));
|
|
2228
2244
|
}
|
|
2229
2245
|
return steppers;
|
|
@@ -3035,9 +3051,9 @@ NewFile.defaultProps = {
|
|
|
3035
3051
|
fileExtensions: ['jpg', 'jpeg', 'png', 'pdf']
|
|
3036
3052
|
};
|
|
3037
3053
|
|
|
3038
|
-
var css_248z$
|
|
3039
|
-
var styles$
|
|
3040
|
-
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);
|
|
3041
3057
|
|
|
3042
3058
|
const Checkbox = ({
|
|
3043
3059
|
disabled,
|
|
@@ -3052,7 +3068,7 @@ const Checkbox = ({
|
|
|
3052
3068
|
onClick,
|
|
3053
3069
|
...props
|
|
3054
3070
|
}) => {
|
|
3055
|
-
const classProps = classnames__default["default"](styles$
|
|
3071
|
+
const classProps = classnames__default["default"](styles$3.checkbox, className, 'checkbox-input-rem');
|
|
3056
3072
|
const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
|
|
3057
3073
|
const [data, setData] = React.useState(parseData);
|
|
3058
3074
|
React.useEffect(() => {
|
|
@@ -3085,7 +3101,7 @@ const Checkbox = ({
|
|
|
3085
3101
|
} : '';
|
|
3086
3102
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, data.map(element => {
|
|
3087
3103
|
return /*#__PURE__*/React__default["default"].createElement("label", {
|
|
3088
|
-
className: `${styles$
|
|
3104
|
+
className: `${styles$3["checkbox-wrap"]} checkbox-wrap-rem`,
|
|
3089
3105
|
key: element.value
|
|
3090
3106
|
}, /*#__PURE__*/React__default["default"].createElement("input", _extends({
|
|
3091
3107
|
type: "checkbox",
|
|
@@ -3099,9 +3115,9 @@ const Checkbox = ({
|
|
|
3099
3115
|
onClick: onClick ? onClick : () => {},
|
|
3100
3116
|
defaultChecked: element.checked
|
|
3101
3117
|
}, props)), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3102
|
-
className: `${styles$
|
|
3118
|
+
className: `${styles$3["checkmark"]} checkmark-rem`
|
|
3103
3119
|
}), element[keyNames.label] ? /*#__PURE__*/React__default["default"].createElement("label", {
|
|
3104
|
-
className: styles$
|
|
3120
|
+
className: styles$3.labelCheckbox,
|
|
3105
3121
|
for: element[keyNames.id]
|
|
3106
3122
|
}, element[keyNames.label]) : "");
|
|
3107
3123
|
}));
|
|
@@ -3123,8 +3139,8 @@ Checkbox.defaultProps = {
|
|
|
3123
3139
|
jsonData: '[{"value":"email", "name":"contact1", "label":"Email", "id":"contactChoice1"}, {"value":"phone", "name":"contact2", "label":"Phone", "id":"contactChoice2"}]'
|
|
3124
3140
|
};
|
|
3125
3141
|
|
|
3126
|
-
var css_248z$
|
|
3127
|
-
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);
|
|
3128
3144
|
|
|
3129
3145
|
const Textarea = ({
|
|
3130
3146
|
size,
|
|
@@ -3309,8 +3325,8 @@ Textarea.propTypes = {
|
|
|
3309
3325
|
labelRequiredColor: PropTypes__default["default"].string
|
|
3310
3326
|
};
|
|
3311
3327
|
|
|
3312
|
-
var css_248z$
|
|
3313
|
-
styleInject(css_248z$
|
|
3328
|
+
var css_248z$3 = "";
|
|
3329
|
+
styleInject(css_248z$3);
|
|
3314
3330
|
|
|
3315
3331
|
const TypographyType = {
|
|
3316
3332
|
p: 'p',
|
|
@@ -3408,9 +3424,9 @@ Typography.defaultProps = {
|
|
|
3408
3424
|
variant: 'p'
|
|
3409
3425
|
};
|
|
3410
3426
|
|
|
3411
|
-
var css_248z$
|
|
3412
|
-
var styles$
|
|
3413
|
-
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);
|
|
3414
3430
|
|
|
3415
3431
|
// import styles from "./pagination.module.scss";
|
|
3416
3432
|
|
|
@@ -3538,7 +3554,7 @@ const Pagination = ({
|
|
|
3538
3554
|
if (currentPageNumber === 0 || paginationRange.length < 2) {
|
|
3539
3555
|
return null;
|
|
3540
3556
|
}
|
|
3541
|
-
const classProps = classnames__default["default"](styles$
|
|
3557
|
+
const classProps = classnames__default["default"](styles$2.list, className ? className : `${styles$2["pagination-bar"]} pagination-bar-rem`);
|
|
3542
3558
|
const onNext = () => {
|
|
3543
3559
|
onPageChange(currentPageNumber + 1);
|
|
3544
3560
|
};
|
|
@@ -3594,37 +3610,37 @@ const Pagination = ({
|
|
|
3594
3610
|
},
|
|
3595
3611
|
onClick: onPrevious,
|
|
3596
3612
|
disabled: currentPage === 1 ? true : false,
|
|
3597
|
-
className: `${styles$
|
|
3613
|
+
className: `${styles$2["pagination-btn"]} pagination-btn-rem`
|
|
3598
3614
|
}, /*#__PURE__*/React__default["default"].createElement(SvgNextarrow, null)), paginationRange.map((pageNumber, id) => {
|
|
3599
3615
|
if (pageNumber === Dots) {
|
|
3600
3616
|
let currentPageIndex = paginationRange.indexOf(currentPageNumber);
|
|
3601
3617
|
return /*#__PURE__*/React__default["default"].createElement("li", {
|
|
3602
3618
|
key: id,
|
|
3603
|
-
className: classnames__default["default"](`${styles$
|
|
3619
|
+
className: classnames__default["default"](`${styles$2["pagination-jump-next"]} pagination-jump-next-rem`, styles$2.listItem),
|
|
3604
3620
|
onClick: id < currentPageIndex ? onPreviousFive : onNextFive,
|
|
3605
3621
|
disabled: currentPageIndex === 0 ? true : false
|
|
3606
3622
|
}, id < currentPageIndex ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3607
|
-
className: `${styles$
|
|
3623
|
+
className: `${styles$2["pagination-jump-next-txt"]} pagination-jump-next-txt-rem`
|
|
3608
3624
|
}, /*#__PURE__*/React__default["default"].createElement(SvgDots, null)), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3609
|
-
className: `${styles$
|
|
3625
|
+
className: `${styles$2["pagination-jump-next-arrow"]} pagination-jump-next-arrow-rem`,
|
|
3610
3626
|
style: {
|
|
3611
3627
|
transform: 'rotate(180deg)'
|
|
3612
3628
|
}
|
|
3613
3629
|
}, /*#__PURE__*/React__default["default"].createElement(SvgNextarrow, null))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3614
|
-
className: `${styles$
|
|
3630
|
+
className: `${styles$2["pagination-jump-next-txt"]} pagination-jump-next-txt-rem`
|
|
3615
3631
|
}, /*#__PURE__*/React__default["default"].createElement(SvgDots, null)), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3616
|
-
className: `${styles$
|
|
3632
|
+
className: `${styles$2["pagination-jump-next-arrow"]} pagination-jump-next-arrow-rem`
|
|
3617
3633
|
}, /*#__PURE__*/React__default["default"].createElement(SvgNextarrow, null))));
|
|
3618
3634
|
}
|
|
3619
3635
|
return /*#__PURE__*/React__default["default"].createElement("li", {
|
|
3620
3636
|
onClick: () => onPageChange(pageNumber),
|
|
3621
3637
|
key: id,
|
|
3622
|
-
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`)
|
|
3623
3639
|
}, pageNumber);
|
|
3624
3640
|
}), /*#__PURE__*/React__default["default"].createElement("button", {
|
|
3625
3641
|
onClick: onNext,
|
|
3626
3642
|
disabled: currentPageNumber === lastPage ? true : false,
|
|
3627
|
-
className: `${styles$
|
|
3643
|
+
className: `${styles$2["pagination-btn"]} pagination-btn-rem`
|
|
3628
3644
|
}, /*#__PURE__*/React__default["default"].createElement(SvgNextarrow, null)), goTo && /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("input", {
|
|
3629
3645
|
onKeyDown: handleKeyDown,
|
|
3630
3646
|
onInput: handleChangeInput,
|
|
@@ -3663,9 +3679,9 @@ Pagination.defaultProps = {
|
|
|
3663
3679
|
siblingCount: 2
|
|
3664
3680
|
};
|
|
3665
3681
|
|
|
3666
|
-
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}";
|
|
3667
|
-
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"};
|
|
3668
|
-
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);
|
|
3669
3685
|
|
|
3670
3686
|
const Autocomplate = ({
|
|
3671
3687
|
label,
|
|
@@ -3684,7 +3700,7 @@ const Autocomplate = ({
|
|
|
3684
3700
|
...props
|
|
3685
3701
|
}) => {
|
|
3686
3702
|
const configStyles = compereConfigs();
|
|
3687
|
-
classnames__default["default"](styles.searchBox, className);
|
|
3703
|
+
classnames__default["default"](styles$1.searchBox, className);
|
|
3688
3704
|
const parseSelectedOptionsData = jsonSelectedOptionsData ? JSON.parse(jsonSelectedOptionsData) : {
|
|
3689
3705
|
name: '',
|
|
3690
3706
|
id: ''
|
|
@@ -3720,32 +3736,32 @@ const Autocomplate = ({
|
|
|
3720
3736
|
if (showOptions && inputValue) {
|
|
3721
3737
|
if (parseOptionsData.length && inputValue.length >= searchCount) {
|
|
3722
3738
|
optionList = /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3723
|
-
className: `${styles['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3739
|
+
className: `${styles$1['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3724
3740
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3725
|
-
className: `${styles['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3741
|
+
className: `${styles$1['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3726
3742
|
}, parseOptionsData.map((optionName, index) => {
|
|
3727
3743
|
let className;
|
|
3728
3744
|
if (index === activeOption) {
|
|
3729
3745
|
className = "option-active";
|
|
3730
3746
|
}
|
|
3731
3747
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3732
|
-
className: `${styles[className]} autocomplate-content-click-rem`,
|
|
3748
|
+
className: `${styles$1[className]} autocomplate-content-click-rem`,
|
|
3733
3749
|
key: optionName[keyNames.id],
|
|
3734
3750
|
onClick: handleClick
|
|
3735
3751
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3736
3752
|
id: optionName[keyNames.id],
|
|
3737
|
-
className: `${styles['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3753
|
+
className: `${styles$1['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3738
3754
|
}, optionName[keyNames.name]));
|
|
3739
3755
|
})));
|
|
3740
3756
|
} else {
|
|
3741
3757
|
optionList = /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3742
|
-
className: `${styles['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3758
|
+
className: `${styles$1['autocomplate-content-bottom']} autocomplate-content-bottom-rem`
|
|
3743
3759
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3744
|
-
className: `${styles['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3760
|
+
className: `${styles$1['autocomplate-content-bottom-inner']} autocomplate-content-bottom-inner-rem`
|
|
3745
3761
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3746
|
-
className: `${styles['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3762
|
+
className: `${styles$1['autocomplate-content-bottom-row']} autocomplate-content-bottom-row-rem`
|
|
3747
3763
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3748
|
-
className: `${styles['no-option']} autocomplate-no-option`
|
|
3764
|
+
className: `${styles$1['no-option']} autocomplate-no-option`
|
|
3749
3765
|
}, inputValue.length < searchCount ? `Լրացնել առնվազն ${searchCount} նիշ` : 'Նման տվյալ առկա չէ'))));
|
|
3750
3766
|
}
|
|
3751
3767
|
}
|
|
@@ -3754,18 +3770,18 @@ const Autocomplate = ({
|
|
|
3754
3770
|
setInputId(JSON.parse(jsonSelectedOptionsData)[keyNames.id]);
|
|
3755
3771
|
}, [JSON.parse(jsonSelectedOptionsData)[keyNames.id]]);
|
|
3756
3772
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, label ? /*#__PURE__*/React__default["default"].createElement("label", {
|
|
3757
|
-
className: `${styles['autocomplate-title']} autocomplate-title-rem`
|
|
3773
|
+
className: `${styles$1['autocomplate-title']} autocomplate-title-rem`
|
|
3758
3774
|
}, label, " ", required && /*#__PURE__*/React__default["default"].createElement("sup", {
|
|
3759
3775
|
style: {
|
|
3760
3776
|
color: "#ee0000"
|
|
3761
3777
|
}
|
|
3762
3778
|
}, "*")) : "", /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3763
|
-
className: `${styles['autocomplate-content']} autocomplate-content-rem`
|
|
3779
|
+
className: `${styles$1['autocomplate-content']} autocomplate-content-rem`
|
|
3764
3780
|
}, /*#__PURE__*/React__default["default"].createElement("input", _extends({
|
|
3765
3781
|
id: inputId,
|
|
3766
3782
|
type: "text",
|
|
3767
3783
|
autoComplete: autoComplete ? autoComplete : configStyles.INPUT.autoComplete,
|
|
3768
|
-
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 : ''}`,
|
|
3769
3785
|
disabled: disabled,
|
|
3770
3786
|
onChange: handleChange,
|
|
3771
3787
|
onClick: () => {
|
|
@@ -3777,7 +3793,7 @@ const Autocomplate = ({
|
|
|
3777
3793
|
cursor: disabled ? 'not-allowed' : 'auto'
|
|
3778
3794
|
}
|
|
3779
3795
|
}, props)), errorMessage ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3780
|
-
className: styles.errorMessage
|
|
3796
|
+
className: styles$1.errorMessage
|
|
3781
3797
|
}, errorMessage) : null, optionList));
|
|
3782
3798
|
};
|
|
3783
3799
|
Autocomplate.propTypes = {
|
|
@@ -3799,6 +3815,10 @@ Autocomplate.defaultProps = {
|
|
|
3799
3815
|
required: false
|
|
3800
3816
|
};
|
|
3801
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
|
+
|
|
3802
3822
|
const NewAutocomplete = ({
|
|
3803
3823
|
label,
|
|
3804
3824
|
change,
|
|
@@ -3833,6 +3853,7 @@ const NewAutocomplete = ({
|
|
|
3833
3853
|
contentTopDisplay,
|
|
3834
3854
|
contentTopPadding,
|
|
3835
3855
|
contentBottomLeft,
|
|
3856
|
+
innerErrorPadding,
|
|
3836
3857
|
showOptionDuration,
|
|
3837
3858
|
labelRequiredColor,
|
|
3838
3859
|
contentTopMaxWidth,
|
|
@@ -3858,6 +3879,7 @@ const NewAutocomplete = ({
|
|
|
3858
3879
|
contentBottomRowFontSize,
|
|
3859
3880
|
contentBottomRowBoxSizing,
|
|
3860
3881
|
contentBottomInnerDisplay,
|
|
3882
|
+
innerErrorBackgroundColor,
|
|
3861
3883
|
contentBottomRowFontWeight,
|
|
3862
3884
|
contentBottomRowLineHeight,
|
|
3863
3885
|
contentBottomRowAlignItems,
|
|
@@ -3984,10 +4006,10 @@ const NewAutocomplete = ({
|
|
|
3984
4006
|
color: errorColor ? errorColor : configStyles.NEWAUTOCOMPLETE.errorColor,
|
|
3985
4007
|
fontSize: errorSize ? errorSize : configStyles.NEWAUTOCOMPLETE.errorSize,
|
|
3986
4008
|
top: marginTop ? `calc(100% + ${marginTop})` : `calc(100% + ${configStyles.INPUT.marginTop})`,
|
|
4009
|
+
padding: innerErrorPadding ? innerErrorPadding : configStyles.NEWAUTOCOMPLETE.innerErrorPadding,
|
|
3987
4010
|
height: contentBottomRowHeight ? contentBottomRowHeight : configStyles.NEWAUTOCOMPLETE.contentBottomRowHeight,
|
|
3988
|
-
padding: contentBottomRowPadding ? contentBottomRowPadding : configStyles.NEWAUTOCOMPLETE.contentBottomRowPadding,
|
|
3989
4011
|
lineHeight: contentBottomRowHeight ? contentBottomRowHeight : configStyles.NEWAUTOCOMPLETE.contentBottomRowHeight,
|
|
3990
|
-
backgroundColor:
|
|
4012
|
+
backgroundColor: innerErrorBackgroundColor ? innerErrorBackgroundColor : configStyles.NEWAUTOCOMPLETE.innerErrorBackgroundColor
|
|
3991
4013
|
}
|
|
3992
4014
|
}, innerValue.length >= searchCount ? 'Նման տվյալ առկա չէ' : `Լրացնել առնվազն ${searchCount} նիշ`) : '' : '');
|
|
3993
4015
|
React.useEffect(() => {
|
|
@@ -4050,6 +4072,7 @@ const NewAutocomplete = ({
|
|
|
4050
4072
|
onInput: handleChange,
|
|
4051
4073
|
onMouseEnter: handleMouseEnter,
|
|
4052
4074
|
onMouseLeave: handleMouseLeave,
|
|
4075
|
+
className: styles['auto-complete'],
|
|
4053
4076
|
placeholder: placeHolder ? placeHolder : '',
|
|
4054
4077
|
autoComplete: autoComplete ? autoComplete : configStyles.NEWAUTOCOMPLETE.autoComplete,
|
|
4055
4078
|
style: {
|
|
@@ -4115,6 +4138,7 @@ NewAutocomplete.propTypes = {
|
|
|
4115
4138
|
contentBottomLeft: PropTypes__default["default"].string,
|
|
4116
4139
|
options: PropTypes__default["default"].array.isRequired,
|
|
4117
4140
|
labelMarginBottom: PropTypes__default["default"].string,
|
|
4141
|
+
innerErrorPadding: PropTypes__default["default"].string,
|
|
4118
4142
|
labelRequiredColor: PropTypes__default["default"].string,
|
|
4119
4143
|
labelTextTransform: PropTypes__default["default"].string,
|
|
4120
4144
|
showOptionDuration: PropTypes__default["default"].string,
|
|
@@ -4139,6 +4163,7 @@ NewAutocomplete.propTypes = {
|
|
|
4139
4163
|
contentBottomRowPadding: PropTypes__default["default"].string,
|
|
4140
4164
|
contentBottomRowFontSize: PropTypes__default["default"].string,
|
|
4141
4165
|
contentBottomRowBoxSizing: PropTypes__default["default"].string,
|
|
4166
|
+
innerErrorBackgroundColor: PropTypes__default["default"].string,
|
|
4142
4167
|
contentBottomInnerDisplay: PropTypes__default["default"].string,
|
|
4143
4168
|
contentBottomRowFontWeight: PropTypes__default["default"].number,
|
|
4144
4169
|
contentBottomRowLineHeight: PropTypes__default["default"].string,
|