@xaypay/tui 0.0.23 → 0.0.24
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 +194 -96
- package/dist/index.js +194 -95
- package/package.json +1 -1
- package/src/components/button/button.module.css +1 -1
- package/src/components/file/file.module.css +11 -0
- package/src/components/file/file.stories.js +24 -0
- package/src/components/file/index.js +117 -0
- package/src/components/input/input.module.css +1 -1
- package/src/components/multiselect/multiselect.module.css +1 -1
- package/src/components/pagination/paginationRange.js +1 -1
- package/src/components/select/select.module.css +1 -1
- package/src/components/typography/typography.module.css +3 -3
- package/src/index.js +2 -1
package/dist/index.js
CHANGED
|
@@ -56,9 +56,9 @@ function styleInject(css, ref) {
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
var css_248z$
|
|
60
|
-
var styles$
|
|
61
|
-
styleInject(css_248z$
|
|
59
|
+
var css_248z$b = ".button-module_btn__ffRtT{border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:16px;line-height:20px;min-height:46px;outline:none;overflow:hidden;padding:12px 20px;text-transform:none;transition:background-color .24s,color .24s}.button-module_btn__ffRtT.button-module_full-size__vmV2E{width:100%}.button-module_btn__ffRtT.button-module_content-size__f7JSE{width:auto}.button-module_btn__ffRtT.button-module_type-filled__BiyVo{background-color:#00236a;color:#fff}.button-module_btn__ffRtT.button-module_type-filled__BiyVo:hover{background-color:#001745}.button-module_btn__ffRtT.button-module_type-filled__BiyVo:disabled{background-color:#eee;color:#3c393e;pointer-events:none}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V{background-color:#fff;box-shadow:inset 0 0 0 2px #00236a}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V:hover{background-color:#001745;color:#fff}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V:disabled{box-shadow:inset 0 0 0 2px #eee;color:#3c393e;pointer-events:none}";
|
|
60
|
+
var styles$9 = {"btn":"button-module_btn__ffRtT","full-size":"button-module_full-size__vmV2E","content-size":"button-module_content-size__f7JSE","size-default":"button-module_size-default__ydEgl","type-filled":"button-module_type-filled__BiyVo","with-icon":"button-module_with-icon__mfKU-","type-outline":"button-module_type-outline__RpZ2V"};
|
|
61
|
+
styleInject(css_248z$b);
|
|
62
62
|
|
|
63
63
|
/**
|
|
64
64
|
* Primary UI component for user interaction
|
|
@@ -94,7 +94,7 @@ const Button = ({
|
|
|
94
94
|
outline,
|
|
95
95
|
...props
|
|
96
96
|
}) => {
|
|
97
|
-
const classProps = classnames__default["default"](styles$
|
|
97
|
+
const classProps = classnames__default["default"](styles$9.btn, styles$9[theme], styles$9[size], outline ? styles$9['type-outline'] : styles$9['type-filled'], className);
|
|
98
98
|
// className='btn type-outline size-default'
|
|
99
99
|
return /*#__PURE__*/React__default["default"].createElement("button", _extends({
|
|
100
100
|
type: "button",
|
|
@@ -140,8 +140,8 @@ Button.defaultProps = {
|
|
|
140
140
|
outline: false
|
|
141
141
|
};
|
|
142
142
|
|
|
143
|
-
var css_248z$
|
|
144
|
-
styleInject(css_248z$
|
|
143
|
+
var css_248z$a = "h1{font-size:70px;line-height:70px}h1,h2{font-weight:400;text-transform:uppercase}h2{font-size:50px;line-height:50px}h3{font-size:38px;font-weight:400;line-height:38px}h3,h4{text-transform:uppercase}h4{font-size:24px;font-weight:600;line-height:24px}h5{font-size:20px;font-size:16px;line-height:20px;line-height:22px;text-transform:uppercase}h5,p{font-weight:600;text-transform:none}p{font-size:14px;line-height:20px}span{font-size:12px;font-weight:500;line-height:16px;text-transform:none}i{font-family:icomoon;font-style:inherit}";
|
|
144
|
+
styleInject(css_248z$a);
|
|
145
145
|
|
|
146
146
|
const TypographyType = {
|
|
147
147
|
h1: 'h1',
|
|
@@ -192,9 +192,9 @@ Typography.defaultProps = {
|
|
|
192
192
|
variant: 'h1'
|
|
193
193
|
};
|
|
194
194
|
|
|
195
|
-
var css_248z$
|
|
196
|
-
var styles$
|
|
197
|
-
styleInject(css_248z$
|
|
195
|
+
var css_248z$9 = ".autocomplate-module_autocomplate-content__UbIUT{display:flex;flex-direction:column}.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);max-height:0;max-width:400px;overflow:hidden;position:relative;top:6px}.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}";
|
|
196
|
+
var styles$8 = {"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"};
|
|
197
|
+
styleInject(css_248z$9);
|
|
198
198
|
|
|
199
199
|
const Autocomplate = ({
|
|
200
200
|
className,
|
|
@@ -211,7 +211,7 @@ const Autocomplate = ({
|
|
|
211
211
|
errorMesage,
|
|
212
212
|
...props
|
|
213
213
|
}) => {
|
|
214
|
-
classnames__default["default"](styles$
|
|
214
|
+
classnames__default["default"](styles$8.searchBox, className);
|
|
215
215
|
const parseSelectedOptionsData = jsonSelectedOptionsData ? JSON.parse(jsonSelectedOptionsData) : {
|
|
216
216
|
name: '',
|
|
217
217
|
id: ''
|
|
@@ -251,43 +251,43 @@ const Autocomplate = ({
|
|
|
251
251
|
if (showOptions && inputValue) {
|
|
252
252
|
if (parseOptionsData.length && inputValue.length >= searchCount) {
|
|
253
253
|
optionList = /*#__PURE__*/React__default["default"].createElement("div", {
|
|
254
|
-
className: styles$
|
|
254
|
+
className: styles$8['autocomplate-content-bottom']
|
|
255
255
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
256
|
-
className: styles$
|
|
256
|
+
className: styles$8['autocomplate-content-bottom-inner']
|
|
257
257
|
}, parseOptionsData.map((optionName, index) => {
|
|
258
258
|
let className;
|
|
259
259
|
if (index === activeOption) {
|
|
260
260
|
className = "option-active";
|
|
261
261
|
}
|
|
262
262
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
263
|
-
className: styles$
|
|
263
|
+
className: styles$8[className],
|
|
264
264
|
key: optionName[keyNames.id],
|
|
265
265
|
onClick: handleClick
|
|
266
266
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
267
267
|
id: optionName[keyNames.id],
|
|
268
|
-
className: styles$
|
|
268
|
+
className: styles$8['autocomplate-content-bottom-row']
|
|
269
269
|
}, optionName[keyNames.name]));
|
|
270
270
|
})));
|
|
271
271
|
} else {
|
|
272
272
|
optionList = /*#__PURE__*/React__default["default"].createElement("div", {
|
|
273
|
-
className: styles$
|
|
273
|
+
className: styles$8['autocomplate-content-bottom']
|
|
274
274
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
275
|
-
className: styles$
|
|
275
|
+
className: styles$8['autocomplate-content-bottom-inner']
|
|
276
276
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
277
|
-
className: styles$
|
|
277
|
+
className: styles$8['autocomplate-content-bottom-row']
|
|
278
278
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
279
|
-
className: styles$
|
|
279
|
+
className: styles$8['no-option']
|
|
280
280
|
}, "No Option!"))));
|
|
281
281
|
}
|
|
282
282
|
}
|
|
283
283
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, label ? /*#__PURE__*/React__default["default"].createElement("label", {
|
|
284
|
-
className: styles$
|
|
284
|
+
className: styles$8.labelInput
|
|
285
285
|
}, label) : "", /*#__PURE__*/React__default["default"].createElement("div", {
|
|
286
|
-
className: styles$
|
|
286
|
+
className: styles$8['autocomplate-content']
|
|
287
287
|
}, /*#__PURE__*/React__default["default"].createElement("input", _extends({
|
|
288
288
|
id: inputId,
|
|
289
289
|
type: "text",
|
|
290
|
-
className: styles$
|
|
290
|
+
className: styles$8['autocomplate-content-top'],
|
|
291
291
|
required: required,
|
|
292
292
|
disabled: disabled,
|
|
293
293
|
onChange: handleChange,
|
|
@@ -297,7 +297,7 @@ const Autocomplate = ({
|
|
|
297
297
|
value: inputValue,
|
|
298
298
|
placeholder: placeHolder
|
|
299
299
|
}, props)), errorMesage ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
300
|
-
className: styles$
|
|
300
|
+
className: styles$8.errorMessage
|
|
301
301
|
}, errorMesage) : null, optionList));
|
|
302
302
|
};
|
|
303
303
|
Autocomplate.propTypes = {
|
|
@@ -315,9 +315,9 @@ Autocomplate.propTypes = {
|
|
|
315
315
|
errorMesage: PropTypes__default["default"].string
|
|
316
316
|
};
|
|
317
317
|
|
|
318
|
-
var css_248z$
|
|
319
|
-
var styles$
|
|
320
|
-
styleInject(css_248z$
|
|
318
|
+
var css_248z$8 = ".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;display:inline-block;height:14px;left:0;margin-right:4px;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}";
|
|
319
|
+
var styles$7 = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
|
|
320
|
+
styleInject(css_248z$8);
|
|
321
321
|
|
|
322
322
|
const Checkbox = ({
|
|
323
323
|
disabled,
|
|
@@ -332,7 +332,7 @@ const Checkbox = ({
|
|
|
332
332
|
onClick,
|
|
333
333
|
...props
|
|
334
334
|
}) => {
|
|
335
|
-
const classProps = classnames__default["default"](styles$
|
|
335
|
+
const classProps = classnames__default["default"](styles$7.checkbox, className);
|
|
336
336
|
const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
|
|
337
337
|
const [data, setData] = React.useState(parseData);
|
|
338
338
|
const handleClick = e => {
|
|
@@ -357,7 +357,7 @@ const Checkbox = ({
|
|
|
357
357
|
};
|
|
358
358
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, data.map(element => {
|
|
359
359
|
return /*#__PURE__*/React__default["default"].createElement("label", {
|
|
360
|
-
className: styles$
|
|
360
|
+
className: styles$7["checkbox-wrap"],
|
|
361
361
|
key: element.value
|
|
362
362
|
}, /*#__PURE__*/React__default["default"].createElement("input", _extends({
|
|
363
363
|
type: "checkbox",
|
|
@@ -369,9 +369,9 @@ const Checkbox = ({
|
|
|
369
369
|
onChange: handleChange,
|
|
370
370
|
onClick: handleClick
|
|
371
371
|
}, props)), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
372
|
-
className: styles$
|
|
372
|
+
className: styles$7["checkmark"]
|
|
373
373
|
}), element.label ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
374
|
-
className: styles$
|
|
374
|
+
className: styles$7.labelRadio
|
|
375
375
|
}, label ? label : element.label) : "");
|
|
376
376
|
}));
|
|
377
377
|
};
|
|
@@ -392,21 +392,21 @@ Checkbox.defaultProps = {
|
|
|
392
392
|
jsonData: '[{"value":"email", "name":"contact1", "label":"Email", "id":"contactChoice1"}, {"value":"phone", "name":"contact2", "label":"Phone", "id":"contactChoice2"}]'
|
|
393
393
|
};
|
|
394
394
|
|
|
395
|
-
var css_248z$
|
|
396
|
-
styleInject(css_248z$
|
|
395
|
+
var css_248z$7 = "@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(fonts/icomoon.eot?r3pd9w);src:url(fonts/icomoon.eot?r3pd9w#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?r3pd9w) format(\"truetype\"),url(fonts/icomoon.woff?r3pd9w) format(\"woff\"),url(fonts/icomoon.svg?r3pd9w#icomoon) format(\"svg\")}[class*=\" icon-\"],[class^=icon-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-vector-up:before{content:\"\\e908\"}.icon-vector-down:before{content:\"\\e909\"}.icon-close:before{content:\"\\e907\"}.icon-icon-arrow-top:before{content:\"\\e905\"}.icon-icon-arrow-bottom:before{content:\"\\e906\"}.icon-arrow:before{content:\"\\e900\"}.icon-arrow-jump-next:before{content:\"\\e901\"}.icon-arrow-jump-back:before{content:\"\\e902\"}.icon-text:before{content:\"\\e903\"}.icon-arrow-back:before{content:\"\\e904\"}";
|
|
396
|
+
styleInject(css_248z$7);
|
|
397
397
|
|
|
398
398
|
/**
|
|
399
399
|
* Created by aleksanyan.tigran on 10/7/2022.
|
|
400
400
|
*/
|
|
401
401
|
const Icon = props => {
|
|
402
402
|
return /*#__PURE__*/React__default["default"].createElement("i", {
|
|
403
|
-
className: css_248z$
|
|
403
|
+
className: css_248z$7[props.className]
|
|
404
404
|
});
|
|
405
405
|
};
|
|
406
406
|
|
|
407
|
-
var css_248z$
|
|
408
|
-
var styles$
|
|
409
|
-
styleInject(css_248z$
|
|
407
|
+
var css_248z$6 = ".input-module_input-wrap__NunrE{position:relative}.input-module_input__-ipHD{border:none;border-radius:6px;box-shadow:inset 0 0 0 2px #d1d1d1;box-sizing:border-box;color:#3c393e;cursor:pointer;font-size:16px;line-height:20px;outline:none;overflow:hidden;text-transform:none;transition:background-color .24s,color .24s}.input-module_input__-ipHD.input-module_full-size__38YG7{width:100%}.input-module_input__-ipHD.input-module_content-size__rZ5EA{width:auto}.input-module_input__-ipHD.input-module_size-medium__frTDq{min-height:46px;padding:12px 15px}.input-module_input__-ipHD:hover{box-shadow:inset 0 0 0 2px #3c393e}.input-module_input__-ipHD:active{box-shadow:inset 0 0 0 2px #00236a}.input-module_inputErrorMessages__hx490{animation:input-module_error-message-show__OrVSo .24s forwards;bottom:0;color:#e00;font-size:14px;left:0;line-height:19px;position:absolute;transform:scale3d(0,0,0);z-index:1}.input-module_labelInput__sUMKQ{color:#000}.input-module_input__-ipHD.input-module_state-disabled__402v0{background-color:#fbfbfb;pointer-events:none}.input-module_input__-ipHD.input-module_error-message__7NphF{box-shadow:inset 0 0 0 2px #e00}@keyframes input-module_error-message-show__OrVSo{to{bottom:-20px;transform:scaleX(1)}}";
|
|
408
|
+
var styles$6 = {"input-wrap":"input-module_input-wrap__NunrE","input":"input-module_input__-ipHD","full-size":"input-module_full-size__38YG7","content-size":"input-module_content-size__rZ5EA","size-medium":"input-module_size-medium__frTDq","with-icon":"input-module_with-icon__w3jTW","inputErrorMessages":"input-module_inputErrorMessages__hx490","error-message-show":"input-module_error-message-show__OrVSo","labelInput":"input-module_labelInput__sUMKQ","state-disabled":"input-module_state-disabled__402v0","error-message":"input-module_error-message__7NphF"};
|
|
409
|
+
styleInject(css_248z$6);
|
|
410
410
|
|
|
411
411
|
const InputTypes = {
|
|
412
412
|
TEXT: "text",
|
|
@@ -450,11 +450,11 @@ const Input = ({
|
|
|
450
450
|
const regex = new RegExp(regexp);
|
|
451
451
|
eMessage = regex.test(inputValue) ? "" : regexpError;
|
|
452
452
|
}
|
|
453
|
-
const classProps = classnames__default["default"](styles$
|
|
453
|
+
const classProps = classnames__default["default"](styles$6.input, styles$6[size], eMessage != '' ? styles$6['error-message'] : "", className);
|
|
454
454
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
455
|
-
className: styles$
|
|
455
|
+
className: styles$6['input-wrap']
|
|
456
456
|
}, label ? /*#__PURE__*/React__default["default"].createElement("label", {
|
|
457
|
-
className: styles$
|
|
457
|
+
className: styles$6.labelInput
|
|
458
458
|
}, label) : "", /*#__PURE__*/React__default["default"].createElement("input", _extends({}, props, {
|
|
459
459
|
type: type,
|
|
460
460
|
className: classProps,
|
|
@@ -465,7 +465,7 @@ const Input = ({
|
|
|
465
465
|
onChange: handleChange,
|
|
466
466
|
value: inputValue
|
|
467
467
|
})), eMessage ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
468
|
-
className: styles$
|
|
468
|
+
className: styles$6.inputErrorMessages
|
|
469
469
|
}, eMessage) : "");
|
|
470
470
|
};
|
|
471
471
|
Input.propTypes = {
|
|
@@ -493,9 +493,9 @@ Input.defaultProps = {
|
|
|
493
493
|
value: ""
|
|
494
494
|
};
|
|
495
495
|
|
|
496
|
-
var css_248z$
|
|
497
|
-
var styles$
|
|
498
|
-
styleInject(css_248z$
|
|
496
|
+
var css_248z$5 = ".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}.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:16px;line-height:22px;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}";
|
|
497
|
+
var styles$5 = {"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"};
|
|
498
|
+
styleInject(css_248z$5);
|
|
499
499
|
|
|
500
500
|
// import styles from "./pagination.module.scss";
|
|
501
501
|
|
|
@@ -532,7 +532,8 @@ const PaginationRange = ({
|
|
|
532
532
|
return [...leftRange, Dots, totalPageCount];
|
|
533
533
|
}
|
|
534
534
|
if (shouldShowLeftDots && !shouldShowRightDots) {
|
|
535
|
-
let rightItemCount =
|
|
535
|
+
let rightItemCount = 0;
|
|
536
|
+
currentPageNumber === lastPageIndex - 3 && lastPageIndex > 7 ? rightItemCount = 4 + siblingCountNumber : rightItemCount = 3 + siblingCountNumber;
|
|
536
537
|
let rightRange = range(totalPageCount - rightItemCount + 1, totalPageCount);
|
|
537
538
|
return [firstPageIndex, Dots, ...rightRange];
|
|
538
539
|
}
|
|
@@ -579,7 +580,7 @@ const Pagination = ({
|
|
|
579
580
|
if (currentPageNumber === 0 || paginationRange.length < 2) {
|
|
580
581
|
return null;
|
|
581
582
|
}
|
|
582
|
-
const classProps = classnames__default["default"](styles$
|
|
583
|
+
const classProps = classnames__default["default"](styles$5.list, className ? className : styles$5["pagination-bar"]);
|
|
583
584
|
const onNext = () => {
|
|
584
585
|
onPageChange(currentPageNumber + 1);
|
|
585
586
|
};
|
|
@@ -596,7 +597,7 @@ const Pagination = ({
|
|
|
596
597
|
return /*#__PURE__*/React__default["default"].createElement("ul", {
|
|
597
598
|
className: classProps
|
|
598
599
|
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
599
|
-
className: styles$
|
|
600
|
+
className: styles$5["pagination-btn"],
|
|
600
601
|
onClick: onPrevious,
|
|
601
602
|
disabled: currentPage === 1 ? true : false
|
|
602
603
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
@@ -606,13 +607,13 @@ const Pagination = ({
|
|
|
606
607
|
let currentPageIndex = paginationRange.indexOf(currentPageNumber);
|
|
607
608
|
return /*#__PURE__*/React__default["default"].createElement("li", {
|
|
608
609
|
key: id,
|
|
609
|
-
className: classnames__default["default"](styles$
|
|
610
|
+
className: classnames__default["default"](styles$5['pagination-jump-next'], styles$5.listItem),
|
|
610
611
|
onClick: id < currentPageIndex ? onPreviousFive : onNextFive,
|
|
611
612
|
disabled: currentPageIndex === 0 ? true : false
|
|
612
613
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
613
|
-
className: styles$
|
|
614
|
+
className: styles$5['pagination-jump-next-txt']
|
|
614
615
|
}, "..."), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
615
|
-
className: styles$
|
|
616
|
+
className: styles$5['pagination-jump-next-arrow']
|
|
616
617
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
617
618
|
className: "icon-arrow-jump-next"
|
|
618
619
|
})));
|
|
@@ -620,11 +621,11 @@ const Pagination = ({
|
|
|
620
621
|
return /*#__PURE__*/React__default["default"].createElement("li", {
|
|
621
622
|
onClick: () => onPageChange(pageNumber),
|
|
622
623
|
key: id,
|
|
623
|
-
className: classnames__default["default"](`${pageNumber === currentPageNumber ? styles$
|
|
624
|
+
className: classnames__default["default"](`${pageNumber === currentPageNumber ? styles$5.selected : styles$5.listItem}`, styles$5['pagination-item'])
|
|
624
625
|
}, pageNumber);
|
|
625
626
|
}), /*#__PURE__*/React__default["default"].createElement("button", {
|
|
626
627
|
onClick: onNext,
|
|
627
|
-
className: styles$
|
|
628
|
+
className: styles$5["pagination-btn"],
|
|
628
629
|
disabled: currentPageNumber === lastPage ? true : false
|
|
629
630
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
630
631
|
className: "icon-arrow"
|
|
@@ -642,9 +643,9 @@ Pagination.defaultProps = {
|
|
|
642
643
|
siblingCount: 2
|
|
643
644
|
};
|
|
644
645
|
|
|
645
|
-
var css_248z$
|
|
646
|
-
var styles$
|
|
647
|
-
styleInject(css_248z$
|
|
646
|
+
var css_248z$4 = ".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}";
|
|
647
|
+
var styles$4 = {"radio-wrap":"radio-module_radio-wrap__-lO7V","radio-checkmark":"radio-module_radio-checkmark__Kvol0"};
|
|
648
|
+
styleInject(css_248z$4);
|
|
648
649
|
|
|
649
650
|
const Radio = ({
|
|
650
651
|
disabled,
|
|
@@ -658,11 +659,11 @@ const Radio = ({
|
|
|
658
659
|
keyNames,
|
|
659
660
|
...props
|
|
660
661
|
}) => {
|
|
661
|
-
const classProps = classnames__default["default"](styles$
|
|
662
|
+
const classProps = classnames__default["default"](styles$4.checkbox, className);
|
|
662
663
|
const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
|
|
663
664
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, parseData.map((element, id) => {
|
|
664
665
|
return /*#__PURE__*/React__default["default"].createElement("label", {
|
|
665
|
-
className: styles$
|
|
666
|
+
className: styles$4["radio-wrap"],
|
|
666
667
|
key: element.value
|
|
667
668
|
}, /*#__PURE__*/React__default["default"].createElement("input", _extends({
|
|
668
669
|
type: "radio",
|
|
@@ -673,9 +674,9 @@ const Radio = ({
|
|
|
673
674
|
value: value ? value : element.value,
|
|
674
675
|
name: name ? name : element.name
|
|
675
676
|
}, props)), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
676
|
-
className: styles$
|
|
677
|
+
className: styles$4["radio-checkmark"]
|
|
677
678
|
}), element.label ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
678
|
-
className: styles$
|
|
679
|
+
className: styles$4.labelRadio
|
|
679
680
|
}, label ? label : element.label) : "");
|
|
680
681
|
}));
|
|
681
682
|
};
|
|
@@ -696,9 +697,9 @@ Radio.defaultProps = {
|
|
|
696
697
|
jsonData: '[{"value":"email", "name":"contact", "label":"Email", "id":"contactChoice1"}, {"value":"phone", "name":"contact", "label":"Phone", "id":"contactChoice2"}]'
|
|
697
698
|
};
|
|
698
699
|
|
|
699
|
-
var css_248z$
|
|
700
|
-
var styles$
|
|
701
|
-
styleInject(css_248z$
|
|
700
|
+
var css_248z$3 = "*{margin:0;padding:0}.captcha-module_main__Ys3EH{height:74px;max-width:400px;position:relative;width:100%}.captcha-module_slider__KLYny{-webkit-appearance:none;background:#eee;border-radius:2px;bottom:0;height:4px;left:0;margin:auto 0;outline:none;position:absolute;top:0;width:100%}.captcha-module_slider__KLYny::-webkit-slider-thumb{-webkit-appearance:none;height:30px;position:relative;width:30px;z-index:3}.captcha-module_selector__JFhb4{left:0;z-index:2}.captcha-module_selectBtn__GP1iH,.captcha-module_selector__JFhb4{bottom:0;height:30px;margin:auto 0;position:absolute;top:0;width:30px}.captcha-module_selectBtn__GP1iH{background:#00236a;border:2px solid #fff;border-radius:50%;box-shadow:1px 0 6px rgba(60,57,62,.15);cursor:pointer}.captcha-module_progressBar__mhdtM{background:red;bottom:0;height:4px;left:0;margin:auto 0;position:absolute;top:0;width:auto}.captcha-module_range__k24I2{color:blue;margin-bottom:15px;margin-top:15px}";
|
|
701
|
+
var styles$3 = {"main":"captcha-module_main__Ys3EH","slider":"captcha-module_slider__KLYny","selector":"captcha-module_selector__JFhb4","selectBtn":"captcha-module_selectBtn__GP1iH","progressBar":"captcha-module_progressBar__mhdtM","range":"captcha-module_range__k24I2"};
|
|
702
|
+
styleInject(css_248z$3);
|
|
702
703
|
|
|
703
704
|
const Captcha = ({
|
|
704
705
|
onclick,
|
|
@@ -707,7 +708,7 @@ const Captcha = ({
|
|
|
707
708
|
const [data, setData] = React.useState("");
|
|
708
709
|
const [right, setRight] = React.useState(false);
|
|
709
710
|
let range = rangeCount <= 100 ? rangeCount : 0;
|
|
710
|
-
let rangeElement = document.getElementsByClassName(styles$
|
|
711
|
+
let rangeElement = document.getElementsByClassName(styles$3.range);
|
|
711
712
|
React.useEffect(() => {
|
|
712
713
|
for (let element of rangeElement) {
|
|
713
714
|
element.style.marginLeft = `${range + 60}%`;
|
|
@@ -716,9 +717,9 @@ const Captcha = ({
|
|
|
716
717
|
}, [range, data]);
|
|
717
718
|
function sliderInput(event) {
|
|
718
719
|
setData(rangeCount == event.target.value ? 'green' : 'indianred');
|
|
719
|
-
let selector = document.getElementsByClassName(styles$
|
|
720
|
-
let selectBtn = document.getElementsByClassName(styles$
|
|
721
|
-
let progressBar = document.getElementsByClassName(styles$
|
|
720
|
+
let selector = document.getElementsByClassName(styles$3.selector);
|
|
721
|
+
let selectBtn = document.getElementsByClassName(styles$3.selectBtn);
|
|
722
|
+
let progressBar = document.getElementsByClassName(styles$3.progressBar);
|
|
722
723
|
selector[0].style.left = event.target.value + '%';
|
|
723
724
|
progressBar[0].style.width = event.target.value + '%';
|
|
724
725
|
if (rangeCount == event.target.value) {
|
|
@@ -731,25 +732,25 @@ const Captcha = ({
|
|
|
731
732
|
setRight(rangeCount == e.target.value ? true : false);
|
|
732
733
|
}
|
|
733
734
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
734
|
-
className: styles$
|
|
735
|
+
className: styles$3.main
|
|
735
736
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
736
|
-
className: styles$
|
|
737
|
+
className: styles$3.range
|
|
737
738
|
}, /*#__PURE__*/React__default["default"].createElement(Icon, {
|
|
738
739
|
className: "icon-vector-down"
|
|
739
740
|
})), /*#__PURE__*/React__default["default"].createElement("input", {
|
|
740
741
|
type: "range",
|
|
741
|
-
className: styles$
|
|
742
|
+
className: styles$3.slider,
|
|
742
743
|
onClick: right ? onclick : null,
|
|
743
744
|
onInput: sliderInput,
|
|
744
745
|
onMouseUp: sliderChange
|
|
745
746
|
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
746
|
-
className: styles$
|
|
747
|
+
className: styles$3.selector
|
|
747
748
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
748
|
-
className: styles$
|
|
749
|
+
className: styles$3.selectBtn
|
|
749
750
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
750
|
-
className: styles$
|
|
751
|
+
className: styles$3.progressBar
|
|
751
752
|
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
752
|
-
className: styles$
|
|
753
|
+
className: styles$3.range
|
|
753
754
|
}, /*#__PURE__*/React__default["default"].createElement(Icon, {
|
|
754
755
|
className: "icon-vector-up"
|
|
755
756
|
}))));
|
|
@@ -763,9 +764,9 @@ Captcha.defaultProps = {
|
|
|
763
764
|
onclick: undefined
|
|
764
765
|
};
|
|
765
766
|
|
|
766
|
-
var css_248z$
|
|
767
|
-
var styles$
|
|
768
|
-
styleInject(css_248z$
|
|
767
|
+
var css_248z$2 = ".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}";
|
|
768
|
+
var styles$2 = {"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"};
|
|
769
|
+
styleInject(css_248z$2);
|
|
769
770
|
|
|
770
771
|
const Stepper = ({
|
|
771
772
|
className,
|
|
@@ -775,15 +776,15 @@ const Stepper = ({
|
|
|
775
776
|
}) => {
|
|
776
777
|
classnames__default["default"](className);
|
|
777
778
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
778
|
-
className: styles$
|
|
779
|
+
className: styles$2['stepper-container']
|
|
779
780
|
}, (() => {
|
|
780
781
|
let steppers = [];
|
|
781
782
|
for (let step = 1; step <= stepLength; step++) {
|
|
782
783
|
steppers.push( /*#__PURE__*/React__default["default"].createElement("div", {
|
|
783
|
-
className: classnames__default["default"](`${step <= activeSteps ? styles$
|
|
784
|
+
className: classnames__default["default"](`${step <= activeSteps ? styles$2.activeRing : styles$2.bigRing}`),
|
|
784
785
|
key: step
|
|
785
786
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
786
|
-
className: classnames__default["default"](`${step <= activeSteps ? styles$
|
|
787
|
+
className: classnames__default["default"](`${step <= activeSteps ? styles$2.smallActiveRing : styles$2.smallRing}`)
|
|
787
788
|
}, step <= activeSteps ? step : "")));
|
|
788
789
|
}
|
|
789
790
|
return steppers;
|
|
@@ -796,9 +797,9 @@ Stepper.propTypes = {
|
|
|
796
797
|
activeSteps: PropTypes__default["default"].number
|
|
797
798
|
};
|
|
798
799
|
|
|
799
|
-
var css_248z = ".select-module_select-title__c8bR7{color:#3c393e;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:6px;text-transform:
|
|
800
|
-
var styles = {"select-title":"select-module_select-title__c8bR7","select-content":"select-module_select-content__GCMDX","select-content-top":"select-module_select-content-top__Aw-fB","active":"select-module_active__v2Dce","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-text":"select-module_select-content-top-text__euajq","select-content-top-icon":"select-module_select-content-top-icon__MBrGK","select-content-bottom-row":"select-module_select-content-bottom-row__eKq5L"};
|
|
801
|
-
styleInject(css_248z);
|
|
800
|
+
var css_248z$1 = ".select-module_select-title__c8bR7{color:#3c393e;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:6px;text-transform:none}.select-module_select-content__GCMDX{display:flex;flex-direction:column;position:relative}.select-module_select-content-top__Aw-fB{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}.select-module_select-content-top__Aw-fB.select-module_active__v2Dce{border-color:#00236a}.select-module_select-content-top__Aw-fB:hover{border-color:#3c393e}.select-module_select-content-bottom__ueZCR{animation:select-module_select-show__391hQ .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%}.select-module_select-content-bottom-inner__NWy2X{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}@keyframes select-module_select-show__391hQ{to{max-height:400px}}.select-module_select-content-top-text__euajq{align-items:center;display:flex;flex:1;flex-direction:row;flex-wrap:nowrap}.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>i{color:#3c393e;font-size:8px}.select-module_select-content-bottom-row__eKq5L{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}.select-module_select-content-bottom-row__eKq5L:last-child{margin-bottom:0}.select-module_select-content-bottom-row__eKq5L:hover{background:unset;color:#00236a}";
|
|
801
|
+
var styles$1 = {"select-title":"select-module_select-title__c8bR7","select-content":"select-module_select-content__GCMDX","select-content-top":"select-module_select-content-top__Aw-fB","active":"select-module_active__v2Dce","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-text":"select-module_select-content-top-text__euajq","select-content-top-icon":"select-module_select-content-top-icon__MBrGK","select-content-bottom-row":"select-module_select-content-bottom-row__eKq5L"};
|
|
802
|
+
styleInject(css_248z$1);
|
|
802
803
|
|
|
803
804
|
const SelectTheme = {
|
|
804
805
|
DEFAULT: 'select-default',
|
|
@@ -835,34 +836,34 @@ const Select = ({
|
|
|
835
836
|
const parseSelectedData = selected.length !== 0 ? JSON.parse(selected) : {};
|
|
836
837
|
setNewSelected(parseSelectedData);
|
|
837
838
|
}, [selected]);
|
|
838
|
-
classnames__default["default"](styles[theme], styles[size], {
|
|
839
|
-
[styles.disabled]: disabled,
|
|
840
|
-
[styles.required]: required
|
|
839
|
+
classnames__default["default"](styles$1[theme], styles$1[size], {
|
|
840
|
+
[styles$1.disabled]: disabled,
|
|
841
|
+
[styles$1.required]: required
|
|
841
842
|
}, className);
|
|
842
843
|
return /*#__PURE__*/React__default["default"].createElement("div", null, label ? /*#__PURE__*/React__default["default"].createElement("label", {
|
|
843
|
-
className: styles['select-title']
|
|
844
|
+
className: styles$1['select-title']
|
|
844
845
|
}, label) : "", /*#__PURE__*/React__default["default"].createElement("div", {
|
|
845
|
-
className: styles['select-wrap']
|
|
846
|
+
className: styles$1['select-wrap']
|
|
846
847
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
847
|
-
className: styles['select-content'],
|
|
848
|
-
id: styles.selector
|
|
848
|
+
className: styles$1['select-content'],
|
|
849
|
+
id: styles$1.selector
|
|
849
850
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
850
|
-
className: styles['select-content-top'],
|
|
851
|
+
className: styles$1['select-content-top'],
|
|
851
852
|
onClick: () => {
|
|
852
853
|
setOpened(!opened);
|
|
853
854
|
}
|
|
854
855
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
855
|
-
className: styles['select-content-top-text']
|
|
856
|
+
className: styles$1['select-content-top-text']
|
|
856
857
|
}, newSelected && newSelected[keyNames.name] ? newSelected[keyNames.name] : defaultOption), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
857
|
-
className: styles['select-content-top-icon']
|
|
858
|
+
className: styles$1['select-content-top-icon']
|
|
858
859
|
}, /*#__PURE__*/React__default["default"].createElement(Icon, {
|
|
859
860
|
className: opened ? 'icon-arrow-up' : 'icon-arrow-down'
|
|
860
861
|
}))), opened && !disabled ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
861
|
-
className: styles['select-content-bottom']
|
|
862
|
+
className: styles$1['select-content-bottom']
|
|
862
863
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
863
|
-
className: styles['select-content-bottom-inner']
|
|
864
|
+
className: styles$1['select-content-bottom-inner']
|
|
864
865
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
865
|
-
className: styles['select-content-bottom-row'],
|
|
866
|
+
className: styles$1['select-content-bottom-row'],
|
|
866
867
|
onClick: () => {
|
|
867
868
|
if (!required && !selected) {
|
|
868
869
|
setNewSelected(defaultOption);
|
|
@@ -873,7 +874,7 @@ const Select = ({
|
|
|
873
874
|
}, defaultOption), options.map((option, i) => {
|
|
874
875
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
875
876
|
key: i,
|
|
876
|
-
className: styles['select-content-bottom-row'],
|
|
877
|
+
className: styles$1['select-content-bottom-row'],
|
|
877
878
|
disabled: true,
|
|
878
879
|
onClick: () => {
|
|
879
880
|
setNewSelected(option);
|
|
@@ -883,7 +884,7 @@ const Select = ({
|
|
|
883
884
|
defaultValue: option[keyNames.id]
|
|
884
885
|
}, option[keyNames.name]);
|
|
885
886
|
}))) : null)), eMessage ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
886
|
-
className: styles.eMessage
|
|
887
|
+
className: styles$1.eMessage
|
|
887
888
|
}, eMessage) : null);
|
|
888
889
|
};
|
|
889
890
|
Select.propTypes = {
|
|
@@ -904,6 +905,103 @@ Select.defaultProps = {
|
|
|
904
905
|
size: 'medium'
|
|
905
906
|
};
|
|
906
907
|
|
|
908
|
+
var css_248z = ".file-module_file-Form__G2sbx{align-items:center;border:3px dashed #a1a0a0;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:200px;justify-content:center;width:300px}";
|
|
909
|
+
var styles = {"file-Form":"file-module_file-Form__G2sbx"};
|
|
910
|
+
styleInject(css_248z);
|
|
911
|
+
|
|
912
|
+
const File = ({
|
|
913
|
+
className,
|
|
914
|
+
label,
|
|
915
|
+
required,
|
|
916
|
+
disabled,
|
|
917
|
+
onChange,
|
|
918
|
+
defaultData,
|
|
919
|
+
errorMesage,
|
|
920
|
+
name,
|
|
921
|
+
...props
|
|
922
|
+
}) => {
|
|
923
|
+
const pdfImageName = 'https://play-lh.googleusercontent.com/kIwlXqs28otssKK_9AKwdkB6gouex_U2WmtLshTACnwIJuvOqVvJEzewpzuYBXwXQQ';
|
|
924
|
+
const [image, setImage] = React.useState(defaultData ? defaultData.type != 'application/pdf' ? defaultData.url : pdfImageName : null);
|
|
925
|
+
const [error, setError] = React.useState(errorMesage);
|
|
926
|
+
const [fileName, setFileName] = React.useState('no selected file');
|
|
927
|
+
function fileType(file) {
|
|
928
|
+
if (file.size <= 5000000) {
|
|
929
|
+
if (file.type === 'image/jpeg' || file.type === 'image/png') {
|
|
930
|
+
setImage(URL.createObjectURL(file));
|
|
931
|
+
setError('');
|
|
932
|
+
} else if (file.type === 'application/pdf') {
|
|
933
|
+
setImage(pdfImageName);
|
|
934
|
+
setError('');
|
|
935
|
+
} else {
|
|
936
|
+
setImage(null);
|
|
937
|
+
setFileName('no selected file');
|
|
938
|
+
setError('ֆայլի սխալ ֆորմատ');
|
|
939
|
+
}
|
|
940
|
+
} else {
|
|
941
|
+
setImage(null);
|
|
942
|
+
setFileName('no selected file');
|
|
943
|
+
setError('առավելագույն ծավալ');
|
|
944
|
+
}
|
|
945
|
+
}
|
|
946
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("label", null, label), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
947
|
+
className: styles['file-Form'],
|
|
948
|
+
onChange: e => {
|
|
949
|
+
console.log(e);
|
|
950
|
+
},
|
|
951
|
+
style: error ? {
|
|
952
|
+
borderColor: 'red'
|
|
953
|
+
} : {},
|
|
954
|
+
onClick: () => {
|
|
955
|
+
document.querySelector(`.${name}`).click();
|
|
956
|
+
}
|
|
957
|
+
}, /*#__PURE__*/React__default["default"].createElement("input", {
|
|
958
|
+
type: "file",
|
|
959
|
+
className: name,
|
|
960
|
+
hidden: true,
|
|
961
|
+
disabled: disabled,
|
|
962
|
+
onChange: ({
|
|
963
|
+
target: {
|
|
964
|
+
files
|
|
965
|
+
}
|
|
966
|
+
}) => {
|
|
967
|
+
onChange({
|
|
968
|
+
target: {
|
|
969
|
+
files
|
|
970
|
+
}
|
|
971
|
+
});
|
|
972
|
+
files[0] && setFileName(files[0].name);
|
|
973
|
+
if (files[0]) {
|
|
974
|
+
fileType(files[0]);
|
|
975
|
+
}
|
|
976
|
+
}
|
|
977
|
+
}), image ? /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
978
|
+
onClick: () => {
|
|
979
|
+
setFileName('no selected file');
|
|
980
|
+
setImage(null);
|
|
981
|
+
}
|
|
982
|
+
}, "x"), /*#__PURE__*/React__default["default"].createElement("img", {
|
|
983
|
+
src: image,
|
|
984
|
+
height: 120,
|
|
985
|
+
alt: fileName
|
|
986
|
+
})) : /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
987
|
+
src: "https://uxwing.com/wp-content/themes/uxwing/download/web-app-development/cloud-upload-icon.png",
|
|
988
|
+
width: 100
|
|
989
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("span", null, "\u054F\u0565\u0572\u0561\u0564\u0580\u0565\u056C \u0586\u0561\u0575\u056C\u0568 \u0561\u0575\u057D\u057F\u0565\u0572 \u056F\u0561\u0574 \u0532\u0565\u057C\u0576\u0565\u056C")), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("span", null, "\u0531\u057C\u0561\u057E\u0565\u056C\u0561\u0563\u0578\u0582\u0575\u0576\u0568 5\u0544\u0532 ( jpg, jpeg, png, pdf)"))))), error ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
990
|
+
style: {
|
|
991
|
+
color: 'red'
|
|
992
|
+
}
|
|
993
|
+
}, error) : null);
|
|
994
|
+
};
|
|
995
|
+
File.propTypes = {
|
|
996
|
+
className: PropTypes__default["default"].string,
|
|
997
|
+
label: PropTypes__default["default"].string,
|
|
998
|
+
required: PropTypes__default["default"].bool,
|
|
999
|
+
disabled: PropTypes__default["default"].bool,
|
|
1000
|
+
onChange: PropTypes__default["default"].func,
|
|
1001
|
+
errorMesage: PropTypes__default["default"].string,
|
|
1002
|
+
defaultData: PropTypes__default["default"].object
|
|
1003
|
+
};
|
|
1004
|
+
|
|
907
1005
|
exports.Autocomplate = Autocomplate;
|
|
908
1006
|
exports.Button = Button;
|
|
909
1007
|
exports.ButtonSize = ButtonSize;
|
|
@@ -911,6 +1009,7 @@ exports.ButtonTheme = ButtonTheme;
|
|
|
911
1009
|
exports.ButtonType = ButtonType;
|
|
912
1010
|
exports.Captcha = Captcha;
|
|
913
1011
|
exports.Checkbox = Checkbox;
|
|
1012
|
+
exports.File = File;
|
|
914
1013
|
exports.Input = Input;
|
|
915
1014
|
exports.InputSizes = InputSizes;
|
|
916
1015
|
exports.InputTypes = InputTypes;
|