@xaypay/tui 0.0.28 → 0.0.30
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 +220 -124
- package/dist/index.js +220 -123
- package/package.json +1 -1
- package/src/components/checkbox/index.js +5 -1
- package/src/components/table/index.js +125 -0
- package/src/components/table/table.module.css +80 -0
- package/src/components/table/table.stories.js +36 -0
- package/src/index.js +2 -1
package/dist/index.es.js
CHANGED
|
@@ -45,9 +45,9 @@ function styleInject(css, ref) {
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
var css_248z$
|
|
49
|
-
var styles$
|
|
50
|
-
styleInject(css_248z$
|
|
48
|
+
var css_248z$d = ".button-module_btn__ffRtT{border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:16px;line-height:20px;max-height:46px;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}";
|
|
49
|
+
var styles$b = {"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"};
|
|
50
|
+
styleInject(css_248z$d);
|
|
51
51
|
|
|
52
52
|
/**
|
|
53
53
|
* Primary UI component for user interaction
|
|
@@ -83,7 +83,7 @@ const Button = ({
|
|
|
83
83
|
outline,
|
|
84
84
|
...props
|
|
85
85
|
}) => {
|
|
86
|
-
const classProps = classnames(styles$
|
|
86
|
+
const classProps = classnames(styles$b.btn, styles$b[theme], styles$b[size], outline ? styles$b['type-outline'] : styles$b['type-filled'], className);
|
|
87
87
|
// className='btn type-outline size-default'
|
|
88
88
|
return /*#__PURE__*/React.createElement("button", _extends({
|
|
89
89
|
type: "button",
|
|
@@ -129,8 +129,8 @@ Button.defaultProps = {
|
|
|
129
129
|
outline: false
|
|
130
130
|
};
|
|
131
131
|
|
|
132
|
-
var css_248z$
|
|
133
|
-
styleInject(css_248z$
|
|
132
|
+
var css_248z$c = "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;text-transform:uppercase}h4{font-size:24px;line-height:24px}h4,h5{font-weight:600;text-transform:uppercase}h5{font-size:20px;line-height:26px}h6{font-size:14px;font-weight:600;line-height:20px;text-transform:none}p{font-size:16px;line-height:22px}p,span{color:#3c393e;font-weight:500;text-transform:none}span{font-size:12px;line-height:16px}i{font-family:icomoon;font-style:inherit}";
|
|
133
|
+
styleInject(css_248z$c);
|
|
134
134
|
|
|
135
135
|
const TypographyType = {
|
|
136
136
|
h1: 'h1',
|
|
@@ -181,9 +181,9 @@ Typography.defaultProps = {
|
|
|
181
181
|
variant: 'h1'
|
|
182
182
|
};
|
|
183
183
|
|
|
184
|
-
var css_248z$
|
|
185
|
-
var styles$
|
|
186
|
-
styleInject(css_248z$
|
|
184
|
+
var css_248z$b = ".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}";
|
|
185
|
+
var styles$a = {"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"};
|
|
186
|
+
styleInject(css_248z$b);
|
|
187
187
|
|
|
188
188
|
const Autocomplate = ({
|
|
189
189
|
className,
|
|
@@ -200,7 +200,7 @@ const Autocomplate = ({
|
|
|
200
200
|
errorMesage,
|
|
201
201
|
...props
|
|
202
202
|
}) => {
|
|
203
|
-
classnames(styles$
|
|
203
|
+
classnames(styles$a.searchBox, className);
|
|
204
204
|
const parseSelectedOptionsData = jsonSelectedOptionsData ? JSON.parse(jsonSelectedOptionsData) : {
|
|
205
205
|
name: '',
|
|
206
206
|
id: ''
|
|
@@ -240,43 +240,43 @@ const Autocomplate = ({
|
|
|
240
240
|
if (showOptions && inputValue) {
|
|
241
241
|
if (parseOptionsData.length && inputValue.length >= searchCount) {
|
|
242
242
|
optionList = /*#__PURE__*/React.createElement("div", {
|
|
243
|
-
className: styles$
|
|
243
|
+
className: styles$a['autocomplate-content-bottom']
|
|
244
244
|
}, /*#__PURE__*/React.createElement("div", {
|
|
245
|
-
className: styles$
|
|
245
|
+
className: styles$a['autocomplate-content-bottom-inner']
|
|
246
246
|
}, parseOptionsData.map((optionName, index) => {
|
|
247
247
|
let className;
|
|
248
248
|
if (index === activeOption) {
|
|
249
249
|
className = "option-active";
|
|
250
250
|
}
|
|
251
251
|
return /*#__PURE__*/React.createElement("div", {
|
|
252
|
-
className: styles$
|
|
252
|
+
className: styles$a[className],
|
|
253
253
|
key: optionName[keyNames.id],
|
|
254
254
|
onClick: handleClick
|
|
255
255
|
}, /*#__PURE__*/React.createElement("div", {
|
|
256
256
|
id: optionName[keyNames.id],
|
|
257
|
-
className: styles$
|
|
257
|
+
className: styles$a['autocomplate-content-bottom-row']
|
|
258
258
|
}, optionName[keyNames.name]));
|
|
259
259
|
})));
|
|
260
260
|
} else {
|
|
261
261
|
optionList = /*#__PURE__*/React.createElement("div", {
|
|
262
|
-
className: styles$
|
|
262
|
+
className: styles$a['autocomplate-content-bottom']
|
|
263
263
|
}, /*#__PURE__*/React.createElement("div", {
|
|
264
|
-
className: styles$
|
|
264
|
+
className: styles$a['autocomplate-content-bottom-inner']
|
|
265
265
|
}, /*#__PURE__*/React.createElement("div", {
|
|
266
|
-
className: styles$
|
|
266
|
+
className: styles$a['autocomplate-content-bottom-row']
|
|
267
267
|
}, /*#__PURE__*/React.createElement("div", {
|
|
268
|
-
className: styles$
|
|
268
|
+
className: styles$a['no-option']
|
|
269
269
|
}, "No Option!"))));
|
|
270
270
|
}
|
|
271
271
|
}
|
|
272
272
|
return /*#__PURE__*/React.createElement(React.Fragment, null, label ? /*#__PURE__*/React.createElement("label", {
|
|
273
|
-
className: styles$
|
|
273
|
+
className: styles$a['autocomplate-title']
|
|
274
274
|
}, label) : "", /*#__PURE__*/React.createElement("div", {
|
|
275
|
-
className: styles$
|
|
275
|
+
className: styles$a['autocomplate-content']
|
|
276
276
|
}, /*#__PURE__*/React.createElement("input", _extends({
|
|
277
277
|
id: inputId,
|
|
278
278
|
type: "text",
|
|
279
|
-
className: styles$
|
|
279
|
+
className: styles$a['autocomplate-content-top'],
|
|
280
280
|
required: required,
|
|
281
281
|
disabled: disabled,
|
|
282
282
|
onChange: handleChange,
|
|
@@ -286,7 +286,7 @@ const Autocomplate = ({
|
|
|
286
286
|
value: inputValue,
|
|
287
287
|
placeholder: placeHolder
|
|
288
288
|
}, props)), errorMesage ? /*#__PURE__*/React.createElement("span", {
|
|
289
|
-
className: styles$
|
|
289
|
+
className: styles$a.errorMessage
|
|
290
290
|
}, errorMesage) : null, optionList));
|
|
291
291
|
};
|
|
292
292
|
Autocomplate.propTypes = {
|
|
@@ -304,9 +304,9 @@ Autocomplate.propTypes = {
|
|
|
304
304
|
errorMesage: PropTypes.string
|
|
305
305
|
};
|
|
306
306
|
|
|
307
|
-
var css_248z$
|
|
308
|
-
var styles$
|
|
309
|
-
styleInject(css_248z$
|
|
307
|
+
var css_248z$a = ".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}";
|
|
308
|
+
var styles$9 = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
|
|
309
|
+
styleInject(css_248z$a);
|
|
310
310
|
|
|
311
311
|
const Checkbox = ({
|
|
312
312
|
disabled,
|
|
@@ -318,9 +318,10 @@ const Checkbox = ({
|
|
|
318
318
|
onChange,
|
|
319
319
|
label,
|
|
320
320
|
keyNames,
|
|
321
|
+
onClick,
|
|
321
322
|
...props
|
|
322
323
|
}) => {
|
|
323
|
-
const classProps = classnames(styles$
|
|
324
|
+
const classProps = classnames(styles$9.checkbox, className);
|
|
324
325
|
const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
|
|
325
326
|
const [data, setData] = useState(parseData);
|
|
326
327
|
useEffect(() => {
|
|
@@ -328,7 +329,7 @@ const Checkbox = ({
|
|
|
328
329
|
setData(parseData);
|
|
329
330
|
}, [jsonData]);
|
|
330
331
|
useEffect(() => {
|
|
331
|
-
onChange(data.filter(d => d.checked));
|
|
332
|
+
onChange ? onChange(data.filter(d => d.checked)) : '';
|
|
332
333
|
}, [data]);
|
|
333
334
|
const handleChange = e => {
|
|
334
335
|
let id;
|
|
@@ -353,7 +354,7 @@ const Checkbox = ({
|
|
|
353
354
|
} : '';
|
|
354
355
|
return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(element => {
|
|
355
356
|
return /*#__PURE__*/React.createElement("label", {
|
|
356
|
-
className: styles$
|
|
357
|
+
className: styles$9["checkbox-wrap"],
|
|
357
358
|
key: element.value
|
|
358
359
|
}, /*#__PURE__*/React.createElement("input", _extends({
|
|
359
360
|
type: "checkbox",
|
|
@@ -363,11 +364,13 @@ const Checkbox = ({
|
|
|
363
364
|
value: keyNames.value ? element[keyNames.value] : '',
|
|
364
365
|
name: keyNames.name ? element[keyNames.name] : '',
|
|
365
366
|
id: keyNames.id ? element[keyNames.id] : '',
|
|
366
|
-
onChange: handleChange
|
|
367
|
+
onChange: handleChange,
|
|
368
|
+
onClick: onClick ? onClick : () => {},
|
|
369
|
+
defaultChecked: element.checked
|
|
367
370
|
}, props)), /*#__PURE__*/React.createElement("span", {
|
|
368
|
-
className: styles$
|
|
371
|
+
className: styles$9["checkmark"]
|
|
369
372
|
}), element[keyNames.label] ? /*#__PURE__*/React.createElement("label", {
|
|
370
|
-
className: styles$
|
|
373
|
+
className: styles$9.labelCheckbox,
|
|
371
374
|
for: element[keyNames.id]
|
|
372
375
|
}, element[keyNames.label]) : "");
|
|
373
376
|
}));
|
|
@@ -375,6 +378,7 @@ const Checkbox = ({
|
|
|
375
378
|
Checkbox.propTypes = {
|
|
376
379
|
className: PropTypes.string,
|
|
377
380
|
onChange: PropTypes.func,
|
|
381
|
+
onClick: PropTypes.func,
|
|
378
382
|
required: PropTypes.bool,
|
|
379
383
|
disabled: PropTypes.bool,
|
|
380
384
|
name: PropTypes.string,
|
|
@@ -388,21 +392,21 @@ Checkbox.defaultProps = {
|
|
|
388
392
|
jsonData: '[{"value":"email", "name":"contact1", "label":"Email", "id":"contactChoice1"}, {"value":"phone", "name":"contact2", "label":"Phone", "id":"contactChoice2"}]'
|
|
389
393
|
};
|
|
390
394
|
|
|
391
|
-
var css_248z$
|
|
392
|
-
styleInject(css_248z$
|
|
395
|
+
var css_248z$9 = "";
|
|
396
|
+
styleInject(css_248z$9);
|
|
393
397
|
|
|
394
398
|
/**
|
|
395
399
|
* Created by aleksanyan.tigran on 10/7/2022.
|
|
396
400
|
*/
|
|
397
401
|
const Icon = props => {
|
|
398
402
|
return /*#__PURE__*/React.createElement("i", {
|
|
399
|
-
className: css_248z$
|
|
403
|
+
className: css_248z$9[props.className]
|
|
400
404
|
});
|
|
401
405
|
};
|
|
402
406
|
|
|
403
|
-
var css_248z$
|
|
404
|
-
var styles$
|
|
405
|
-
styleInject(css_248z$
|
|
407
|
+
var css_248z$8 = ".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{max-width:400px;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}.input-module_input-title__giCsY{color:#3c393e;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:6px;text-transform:none}@keyframes input-module_error-message-show__OrVSo{to{bottom:-20px;transform:scaleX(1)}}";
|
|
408
|
+
var styles$8 = {"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","input-title":"input-module_input-title__giCsY"};
|
|
409
|
+
styleInject(css_248z$8);
|
|
406
410
|
|
|
407
411
|
const InputTypes = {
|
|
408
412
|
TEXT: "text",
|
|
@@ -446,11 +450,11 @@ const Input = ({
|
|
|
446
450
|
const regex = new RegExp(regexp);
|
|
447
451
|
eMessage = regex.test(inputValue) ? "" : regexpError;
|
|
448
452
|
}
|
|
449
|
-
const classProps = classnames(styles$
|
|
453
|
+
const classProps = classnames(styles$8.input, styles$8[size], eMessage != '' ? styles$8['error-message'] : "", className);
|
|
450
454
|
return /*#__PURE__*/React.createElement("div", {
|
|
451
|
-
className: styles$
|
|
455
|
+
className: styles$8['input-wrap']
|
|
452
456
|
}, label ? /*#__PURE__*/React.createElement("label", {
|
|
453
|
-
className: styles$
|
|
457
|
+
className: styles$8['input-title']
|
|
454
458
|
}, label) : "", /*#__PURE__*/React.createElement("input", _extends({}, props, {
|
|
455
459
|
type: type,
|
|
456
460
|
className: classProps,
|
|
@@ -461,7 +465,7 @@ const Input = ({
|
|
|
461
465
|
onChange: handleChange,
|
|
462
466
|
value: inputValue
|
|
463
467
|
})), eMessage ? /*#__PURE__*/React.createElement("span", {
|
|
464
|
-
className: styles$
|
|
468
|
+
className: styles$8.inputErrorMessages
|
|
465
469
|
}, eMessage) : "");
|
|
466
470
|
};
|
|
467
471
|
Input.propTypes = {
|
|
@@ -489,9 +493,9 @@ Input.defaultProps = {
|
|
|
489
493
|
value: ""
|
|
490
494
|
};
|
|
491
495
|
|
|
492
|
-
var css_248z$
|
|
493
|
-
var styles$
|
|
494
|
-
styleInject(css_248z$
|
|
496
|
+
var css_248z$7 = ".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$7 = {"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$7);
|
|
495
499
|
|
|
496
500
|
// import styles from "./pagination.module.scss";
|
|
497
501
|
|
|
@@ -578,7 +582,7 @@ const Pagination = ({
|
|
|
578
582
|
if (currentPageNumber === 0 || paginationRange.length < 2) {
|
|
579
583
|
return null;
|
|
580
584
|
}
|
|
581
|
-
const classProps = classnames(styles$
|
|
585
|
+
const classProps = classnames(styles$7.list, className ? className : styles$7["pagination-bar"]);
|
|
582
586
|
const onNext = () => {
|
|
583
587
|
onPageChange(currentPageNumber + 1);
|
|
584
588
|
};
|
|
@@ -595,7 +599,7 @@ const Pagination = ({
|
|
|
595
599
|
return /*#__PURE__*/React.createElement("ul", {
|
|
596
600
|
className: classProps
|
|
597
601
|
}, /*#__PURE__*/React.createElement("button", {
|
|
598
|
-
className: styles$
|
|
602
|
+
className: styles$7["pagination-btn"],
|
|
599
603
|
onClick: onPrevious,
|
|
600
604
|
disabled: currentPage === 1 ? true : false
|
|
601
605
|
}, /*#__PURE__*/React.createElement("i", {
|
|
@@ -605,23 +609,23 @@ const Pagination = ({
|
|
|
605
609
|
let currentPageIndex = paginationRange.indexOf(currentPageNumber);
|
|
606
610
|
return /*#__PURE__*/React.createElement("li", {
|
|
607
611
|
key: id,
|
|
608
|
-
className: classnames(styles$
|
|
612
|
+
className: classnames(styles$7["pagination-jump-next"], styles$7.listItem),
|
|
609
613
|
onClick: id < currentPageIndex ? onPreviousFive : onNextFive,
|
|
610
614
|
disabled: currentPageIndex === 0 ? true : false
|
|
611
615
|
}, id < currentPageIndex ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
|
|
612
|
-
className: styles$
|
|
616
|
+
className: styles$7["pagination-jump-next-txt"]
|
|
613
617
|
}, /*#__PURE__*/React.createElement("i", {
|
|
614
618
|
className: "icon-text"
|
|
615
619
|
})), /*#__PURE__*/React.createElement("span", {
|
|
616
|
-
className: styles$
|
|
620
|
+
className: styles$7["pagination-jump-next-arrow"]
|
|
617
621
|
}, /*#__PURE__*/React.createElement("i", {
|
|
618
622
|
className: "icon-arrow-jump-back"
|
|
619
623
|
}))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
|
|
620
|
-
className: styles$
|
|
624
|
+
className: styles$7["pagination-jump-next-txt"]
|
|
621
625
|
}, /*#__PURE__*/React.createElement("i", {
|
|
622
626
|
className: "icon-text"
|
|
623
627
|
})), /*#__PURE__*/React.createElement("span", {
|
|
624
|
-
className: styles$
|
|
628
|
+
className: styles$7["pagination-jump-next-arrow"]
|
|
625
629
|
}, /*#__PURE__*/React.createElement("i", {
|
|
626
630
|
className: "icon-arrow-jump-next"
|
|
627
631
|
}))));
|
|
@@ -629,11 +633,11 @@ const Pagination = ({
|
|
|
629
633
|
return /*#__PURE__*/React.createElement("li", {
|
|
630
634
|
onClick: () => onPageChange(pageNumber),
|
|
631
635
|
key: id,
|
|
632
|
-
className: classnames(`${pageNumber === currentPageNumber ? styles$
|
|
636
|
+
className: classnames(`${pageNumber === currentPageNumber ? styles$7.selected : styles$7.listItem}`, styles$7["pagination-item"])
|
|
633
637
|
}, pageNumber);
|
|
634
638
|
}), /*#__PURE__*/React.createElement("button", {
|
|
635
639
|
onClick: onNext,
|
|
636
|
-
className: styles$
|
|
640
|
+
className: styles$7["pagination-btn"],
|
|
637
641
|
disabled: currentPageNumber === lastPage ? true : false
|
|
638
642
|
}, /*#__PURE__*/React.createElement("i", {
|
|
639
643
|
className: "icon-arrow"
|
|
@@ -651,9 +655,9 @@ Pagination.defaultProps = {
|
|
|
651
655
|
siblingCount: 2
|
|
652
656
|
};
|
|
653
657
|
|
|
654
|
-
var css_248z$
|
|
655
|
-
var styles$
|
|
656
|
-
styleInject(css_248z$
|
|
658
|
+
var css_248z$6 = ".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}";
|
|
659
|
+
var styles$6 = {"radio-wrap":"radio-module_radio-wrap__-lO7V","radio-checkmark":"radio-module_radio-checkmark__Kvol0"};
|
|
660
|
+
styleInject(css_248z$6);
|
|
657
661
|
|
|
658
662
|
const Radio = ({
|
|
659
663
|
disabled,
|
|
@@ -667,11 +671,11 @@ const Radio = ({
|
|
|
667
671
|
keyNames,
|
|
668
672
|
...props
|
|
669
673
|
}) => {
|
|
670
|
-
const classProps = classnames(styles$
|
|
674
|
+
const classProps = classnames(styles$6.checkbox, className);
|
|
671
675
|
const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
|
|
672
676
|
return /*#__PURE__*/React.createElement(React.Fragment, null, parseData.map((element, id) => {
|
|
673
677
|
return /*#__PURE__*/React.createElement("label", {
|
|
674
|
-
className: styles$
|
|
678
|
+
className: styles$6["radio-wrap"],
|
|
675
679
|
key: element.value
|
|
676
680
|
}, /*#__PURE__*/React.createElement("input", _extends({
|
|
677
681
|
type: "radio",
|
|
@@ -682,9 +686,9 @@ const Radio = ({
|
|
|
682
686
|
value: value ? value : element.value,
|
|
683
687
|
name: name ? name : element.name
|
|
684
688
|
}, props)), /*#__PURE__*/React.createElement("span", {
|
|
685
|
-
className: styles$
|
|
689
|
+
className: styles$6["radio-checkmark"]
|
|
686
690
|
}), element.label ? /*#__PURE__*/React.createElement("span", {
|
|
687
|
-
className: styles$
|
|
691
|
+
className: styles$6.labelRadio
|
|
688
692
|
}, label ? label : element.label) : "");
|
|
689
693
|
}));
|
|
690
694
|
};
|
|
@@ -705,9 +709,9 @@ Radio.defaultProps = {
|
|
|
705
709
|
jsonData: '[{"value":"email", "name":"contact", "label":"Email", "id":"contactChoice1"}, {"value":"phone", "name":"contact", "label":"Phone", "id":"contactChoice2"}]'
|
|
706
710
|
};
|
|
707
711
|
|
|
708
|
-
var css_248z$
|
|
709
|
-
var styles$
|
|
710
|
-
styleInject(css_248z$
|
|
712
|
+
var css_248z$5 = "*{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}";
|
|
713
|
+
var styles$5 = {"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"};
|
|
714
|
+
styleInject(css_248z$5);
|
|
711
715
|
|
|
712
716
|
const Captcha = ({
|
|
713
717
|
onclick,
|
|
@@ -716,7 +720,7 @@ const Captcha = ({
|
|
|
716
720
|
const [data, setData] = useState("");
|
|
717
721
|
const [right, setRight] = useState(false);
|
|
718
722
|
let range = rangeCount <= 100 ? rangeCount : 0;
|
|
719
|
-
let rangeElement = document.getElementsByClassName(styles$
|
|
723
|
+
let rangeElement = document.getElementsByClassName(styles$5.range);
|
|
720
724
|
useEffect(() => {
|
|
721
725
|
for (let element of rangeElement) {
|
|
722
726
|
element.style.marginLeft = `${range + 60}%`;
|
|
@@ -725,9 +729,9 @@ const Captcha = ({
|
|
|
725
729
|
}, [range, data]);
|
|
726
730
|
function sliderInput(event) {
|
|
727
731
|
setData(rangeCount == event.target.value ? 'green' : 'indianred');
|
|
728
|
-
let selector = document.getElementsByClassName(styles$
|
|
729
|
-
let selectBtn = document.getElementsByClassName(styles$
|
|
730
|
-
let progressBar = document.getElementsByClassName(styles$
|
|
732
|
+
let selector = document.getElementsByClassName(styles$5.selector);
|
|
733
|
+
let selectBtn = document.getElementsByClassName(styles$5.selectBtn);
|
|
734
|
+
let progressBar = document.getElementsByClassName(styles$5.progressBar);
|
|
731
735
|
selector[0].style.left = event.target.value + '%';
|
|
732
736
|
progressBar[0].style.width = event.target.value + '%';
|
|
733
737
|
if (rangeCount == event.target.value) {
|
|
@@ -740,25 +744,25 @@ const Captcha = ({
|
|
|
740
744
|
setRight(rangeCount == e.target.value ? true : false);
|
|
741
745
|
}
|
|
742
746
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
743
|
-
className: styles$
|
|
747
|
+
className: styles$5.main
|
|
744
748
|
}, /*#__PURE__*/React.createElement("div", {
|
|
745
|
-
className: styles$
|
|
749
|
+
className: styles$5.range
|
|
746
750
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
747
751
|
className: "icon-vector-down"
|
|
748
752
|
})), /*#__PURE__*/React.createElement("input", {
|
|
749
753
|
type: "range",
|
|
750
|
-
className: styles$
|
|
754
|
+
className: styles$5.slider,
|
|
751
755
|
onClick: right ? onclick : null,
|
|
752
756
|
onInput: sliderInput,
|
|
753
757
|
onMouseUp: sliderChange
|
|
754
758
|
}), /*#__PURE__*/React.createElement("div", {
|
|
755
|
-
className: styles$
|
|
759
|
+
className: styles$5.selector
|
|
756
760
|
}, /*#__PURE__*/React.createElement("div", {
|
|
757
|
-
className: styles$
|
|
761
|
+
className: styles$5.selectBtn
|
|
758
762
|
})), /*#__PURE__*/React.createElement("div", {
|
|
759
|
-
className: styles$
|
|
763
|
+
className: styles$5.progressBar
|
|
760
764
|
}), /*#__PURE__*/React.createElement("div", {
|
|
761
|
-
className: styles$
|
|
765
|
+
className: styles$5.range
|
|
762
766
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
763
767
|
className: "icon-vector-up"
|
|
764
768
|
}))));
|
|
@@ -772,9 +776,9 @@ Captcha.defaultProps = {
|
|
|
772
776
|
onclick: undefined
|
|
773
777
|
};
|
|
774
778
|
|
|
775
|
-
var css_248z$
|
|
776
|
-
var styles$
|
|
777
|
-
styleInject(css_248z$
|
|
779
|
+
var css_248z$4 = ".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}";
|
|
780
|
+
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"};
|
|
781
|
+
styleInject(css_248z$4);
|
|
778
782
|
|
|
779
783
|
const Stepper = ({
|
|
780
784
|
className,
|
|
@@ -784,15 +788,15 @@ const Stepper = ({
|
|
|
784
788
|
}) => {
|
|
785
789
|
classnames(className);
|
|
786
790
|
return /*#__PURE__*/React.createElement("div", {
|
|
787
|
-
className: styles$
|
|
791
|
+
className: styles$4['stepper-container']
|
|
788
792
|
}, (() => {
|
|
789
793
|
let steppers = [];
|
|
790
794
|
for (let step = 1; step <= stepLength; step++) {
|
|
791
795
|
steppers.push( /*#__PURE__*/React.createElement("div", {
|
|
792
|
-
className: classnames(`${step <= activeSteps ? styles$
|
|
796
|
+
className: classnames(`${step <= activeSteps ? styles$4.activeRing : styles$4.bigRing}`),
|
|
793
797
|
key: step
|
|
794
798
|
}, /*#__PURE__*/React.createElement("div", {
|
|
795
|
-
className: classnames(`${step <= activeSteps ? styles$
|
|
799
|
+
className: classnames(`${step <= activeSteps ? styles$4.smallActiveRing : styles$4.smallRing}`)
|
|
796
800
|
}, step <= activeSteps ? step : "")));
|
|
797
801
|
}
|
|
798
802
|
return steppers;
|
|
@@ -805,9 +809,9 @@ Stepper.propTypes = {
|
|
|
805
809
|
activeSteps: PropTypes.number
|
|
806
810
|
};
|
|
807
811
|
|
|
808
|
-
var css_248z$
|
|
809
|
-
var styles$
|
|
810
|
-
styleInject(css_248z$
|
|
812
|
+
var css_248z$3 = ".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%;z-index:1}.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;line-height:22px;margin-bottom:2px;min-height:46px;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}";
|
|
813
|
+
var styles$3 = {"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"};
|
|
814
|
+
styleInject(css_248z$3);
|
|
811
815
|
|
|
812
816
|
const SelectTheme = {
|
|
813
817
|
DEFAULT: 'select-default',
|
|
@@ -844,34 +848,34 @@ const Select = ({
|
|
|
844
848
|
const parseSelectedData = selected.length !== 0 ? JSON.parse(selected) : {};
|
|
845
849
|
setNewSelected(parseSelectedData);
|
|
846
850
|
}, [selected]);
|
|
847
|
-
classnames(styles$
|
|
848
|
-
[styles$
|
|
849
|
-
[styles$
|
|
851
|
+
classnames(styles$3[theme], styles$3[size], {
|
|
852
|
+
[styles$3.disabled]: disabled,
|
|
853
|
+
[styles$3.required]: required
|
|
850
854
|
}, className);
|
|
851
855
|
return /*#__PURE__*/React.createElement("div", null, label ? /*#__PURE__*/React.createElement("label", {
|
|
852
|
-
className: styles$
|
|
856
|
+
className: styles$3['select-title']
|
|
853
857
|
}, label) : "", /*#__PURE__*/React.createElement("div", {
|
|
854
|
-
className: styles$
|
|
858
|
+
className: styles$3['select-wrap']
|
|
855
859
|
}, /*#__PURE__*/React.createElement("div", {
|
|
856
|
-
className: styles$
|
|
857
|
-
id: styles$
|
|
860
|
+
className: styles$3['select-content'],
|
|
861
|
+
id: styles$3.selector
|
|
858
862
|
}, /*#__PURE__*/React.createElement("div", {
|
|
859
|
-
className: styles$
|
|
863
|
+
className: styles$3['select-content-top'],
|
|
860
864
|
onClick: () => {
|
|
861
865
|
setOpened(!opened);
|
|
862
866
|
}
|
|
863
867
|
}, /*#__PURE__*/React.createElement("div", {
|
|
864
|
-
className: styles$
|
|
868
|
+
className: styles$3['select-content-top-text']
|
|
865
869
|
}, newSelected && newSelected[keyNames.name] ? newSelected[keyNames.name] : defaultOption), /*#__PURE__*/React.createElement("div", {
|
|
866
|
-
className: styles$
|
|
870
|
+
className: styles$3['select-content-top-icon']
|
|
867
871
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
868
872
|
className: opened ? 'icon-arrow-up' : 'icon-arrow-down'
|
|
869
873
|
}))), opened && !disabled ? /*#__PURE__*/React.createElement("div", {
|
|
870
|
-
className: styles$
|
|
874
|
+
className: styles$3['select-content-bottom']
|
|
871
875
|
}, /*#__PURE__*/React.createElement("div", {
|
|
872
|
-
className: styles$
|
|
876
|
+
className: styles$3['select-content-bottom-inner']
|
|
873
877
|
}, /*#__PURE__*/React.createElement("div", {
|
|
874
|
-
className: styles$
|
|
878
|
+
className: styles$3['select-content-bottom-row'],
|
|
875
879
|
onClick: () => {
|
|
876
880
|
if (!required && !selected) {
|
|
877
881
|
setNewSelected(defaultOption);
|
|
@@ -882,7 +886,7 @@ const Select = ({
|
|
|
882
886
|
}, defaultOption), options.map((option, i) => {
|
|
883
887
|
return /*#__PURE__*/React.createElement("div", {
|
|
884
888
|
key: i,
|
|
885
|
-
className: styles$
|
|
889
|
+
className: styles$3['select-content-bottom-row'],
|
|
886
890
|
disabled: true,
|
|
887
891
|
onClick: () => {
|
|
888
892
|
setNewSelected(option);
|
|
@@ -892,7 +896,7 @@ const Select = ({
|
|
|
892
896
|
defaultValue: option[keyNames.id]
|
|
893
897
|
}, option[keyNames.name]);
|
|
894
898
|
}))) : null)), eMessage ? /*#__PURE__*/React.createElement("span", {
|
|
895
|
-
className: styles$
|
|
899
|
+
className: styles$3.eMessage
|
|
896
900
|
}, eMessage) : null);
|
|
897
901
|
};
|
|
898
902
|
Select.propTypes = {
|
|
@@ -913,9 +917,9 @@ Select.defaultProps = {
|
|
|
913
917
|
size: 'medium'
|
|
914
918
|
};
|
|
915
919
|
|
|
916
|
-
var css_248z$
|
|
917
|
-
var styles$
|
|
918
|
-
styleInject(css_248z$
|
|
920
|
+
var css_248z$2 = ".file-module_file-form__l13d5{align-items:center;background:#fbfbfb;border:2px dashed;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:4px 0;position:relative;width:100%}.file-module_file-form__l13d5:hover .file-module_delete-upload-file__DirSm{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}.file-module_file-form__l13d5.file-module_accept__WTW6V{border-color:#00236a}.file-module_delete-upload-file__DirSm{background:rgba(60,57,62,.4);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .24s;width:100%;z-index:1}.file-module_delete-upload-icon__PWN66{align-items:center;background:#fff;border-radius:6px;display:flex;height:26px;justify-content:center;position:absolute;right:10px;top:10px;width:26px;z-index:2}.file-module_delete-upload-icon__PWN66>i{color:#00236a;font-size:16px}.file-module_upload-file-content__QHMjn>img{display:block}.file-module_file-form-title__zWTSB{margin-bottom:10px;max-width:390px;word-break:break-all}";
|
|
921
|
+
var styles$2 = {"file-form":"file-module_file-form__l13d5","delete-upload-file":"file-module_delete-upload-file__DirSm","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","delete-upload-icon":"file-module_delete-upload-icon__PWN66","upload-file-content":"file-module_upload-file-content__QHMjn","file-form-title":"file-module_file-form-title__zWTSB"};
|
|
922
|
+
styleInject(css_248z$2);
|
|
919
923
|
|
|
920
924
|
const File = ({
|
|
921
925
|
className,
|
|
@@ -952,9 +956,9 @@ const File = ({
|
|
|
952
956
|
}
|
|
953
957
|
}
|
|
954
958
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
|
|
955
|
-
className: styles$
|
|
959
|
+
className: styles$2['file-form-title']
|
|
956
960
|
}, label), /*#__PURE__*/React.createElement("div", {
|
|
957
|
-
className: styles$
|
|
961
|
+
className: styles$2['file-form'],
|
|
958
962
|
onChange: e => {
|
|
959
963
|
console.log(e);
|
|
960
964
|
},
|
|
@@ -985,16 +989,16 @@ const File = ({
|
|
|
985
989
|
}
|
|
986
990
|
}
|
|
987
991
|
}), image ? /*#__PURE__*/React.createElement("div", {
|
|
988
|
-
className: styles$
|
|
992
|
+
className: styles$2['upload-file-content']
|
|
989
993
|
}, /*#__PURE__*/React.createElement("div", {
|
|
990
994
|
onClick: () => {
|
|
991
995
|
setFileName('no selected file');
|
|
992
996
|
setImage(null);
|
|
993
997
|
}
|
|
994
998
|
}, /*#__PURE__*/React.createElement("div", {
|
|
995
|
-
className: styles$
|
|
999
|
+
className: styles$2['delete-upload-file']
|
|
996
1000
|
}, /*#__PURE__*/React.createElement("div", {
|
|
997
|
-
className: styles$
|
|
1001
|
+
className: styles$2['delete-upload-icon']
|
|
998
1002
|
}, /*#__PURE__*/React.createElement("i", {
|
|
999
1003
|
className: "icon-delete"
|
|
1000
1004
|
})))), /*#__PURE__*/React.createElement("img", {
|
|
@@ -1002,16 +1006,16 @@ const File = ({
|
|
|
1002
1006
|
height: 190,
|
|
1003
1007
|
alt: fileName
|
|
1004
1008
|
})) : /*#__PURE__*/React.createElement("div", {
|
|
1005
|
-
className: styles$
|
|
1009
|
+
className: styles$2['file-form-inner-upload']
|
|
1006
1010
|
}, /*#__PURE__*/React.createElement("img", {
|
|
1007
1011
|
src: "../../assets/upload.svg",
|
|
1008
1012
|
alt: ""
|
|
1009
1013
|
}), /*#__PURE__*/React.createElement("span", {
|
|
1010
|
-
className: styles$
|
|
1014
|
+
className: styles$2['upload-info']
|
|
1011
1015
|
}, "\u054F\u0565\u0572\u0561\u0564\u0580\u0565\u056C \u0586\u0561\u0575\u056C\u0568 \u0561\u0575\u057D\u057F\u0565\u0572 \u056F\u0561\u0574 ", /*#__PURE__*/React.createElement("span", {
|
|
1012
|
-
className: styles$
|
|
1016
|
+
className: styles$2['upload-info-txt']
|
|
1013
1017
|
}, "\u0532\u0565\u057C\u0576\u0565\u056C")), /*#__PURE__*/React.createElement("span", {
|
|
1014
|
-
className: styles$
|
|
1018
|
+
className: styles$2['upload-info-size']
|
|
1015
1019
|
}, "\u0531\u057C\u0561\u057E\u0565\u056C\u0561\u0563\u0578\u0582\u0575\u0576\u0568 5\u0544\u0532 ( jpg, jpeg, png, pdf)"))), error ? /*#__PURE__*/React.createElement("span", {
|
|
1016
1020
|
style: {
|
|
1017
1021
|
color: 'red'
|
|
@@ -1028,9 +1032,9 @@ File.propTypes = {
|
|
|
1028
1032
|
defaultData: PropTypes.object
|
|
1029
1033
|
};
|
|
1030
1034
|
|
|
1031
|
-
var css_248z = ".modal-module_modal-wrap__IsXXf{background:rgba(0,0,0,.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9}.modal-module_modal-top__ntDBi{box-shadow:0 1px 0 0 rgba(0,0,0,.08);box-sizing:border-box;display:flex;flex-direction:row;height:30px;padding-left:24px;width:100%}.modal-module_modal-title__r-WKl{align-items:center;color:#3c393e;display:flex;flex:1 1;font-size:20px;font-weight:500;justify-content:center;line-height:24px}.modal-module_close-btn__Qf2UD{cursor:pointer;flex:0 0 auto;width:24px}.modal-module_close-btn__Qf2UD,.modal-module_modal-section__Bp8jN{align-items:center;display:flex;height:100%;justify-content:center}.modal-module_modal-section__Bp8jN{flex:1 1;width:100%}.modal-module_modal-content__1F-uE{align-items:center;animation:modal-module_show-popup__WrH7a .24s;background:#fff;border-radius:8px;display:flex;flex-direction:column;height:auto;left:0;margin:auto;min-height:130px;padding:0 10px;position:absolute;right:0;top:110px;width:fit-content}@keyframes modal-module_show-popup__WrH7a{0%{transform:translate3d(0,-30%,0)}to{opacity:1;transform:translateZ(0)}}";
|
|
1032
|
-
var styles = {"modal-wrap":"modal-module_modal-wrap__IsXXf","modal-top":"modal-module_modal-top__ntDBi","modal-title":"modal-module_modal-title__r-WKl","close-btn":"modal-module_close-btn__Qf2UD","modal-section":"modal-module_modal-section__Bp8jN","modal-content":"modal-module_modal-content__1F-uE","show-popup":"modal-module_show-popup__WrH7a"};
|
|
1033
|
-
styleInject(css_248z);
|
|
1035
|
+
var css_248z$1 = ".modal-module_modal-wrap__IsXXf{background:rgba(0,0,0,.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9}.modal-module_modal-top__ntDBi{box-shadow:0 1px 0 0 rgba(0,0,0,.08);box-sizing:border-box;display:flex;flex-direction:row;height:30px;padding-left:24px;width:100%}.modal-module_modal-title__r-WKl{align-items:center;color:#3c393e;display:flex;flex:1 1;font-size:20px;font-weight:500;justify-content:center;line-height:24px}.modal-module_close-btn__Qf2UD{cursor:pointer;flex:0 0 auto;width:24px}.modal-module_close-btn__Qf2UD,.modal-module_modal-section__Bp8jN{align-items:center;display:flex;height:100%;justify-content:center}.modal-module_modal-section__Bp8jN{flex:1 1;width:100%}.modal-module_modal-content__1F-uE{align-items:center;animation:modal-module_show-popup__WrH7a .24s;background:#fff;border-radius:8px;display:flex;flex-direction:column;height:auto;left:0;margin:auto;min-height:130px;padding:0 10px;position:absolute;right:0;top:110px;width:fit-content}@keyframes modal-module_show-popup__WrH7a{0%{transform:translate3d(0,-30%,0)}to{opacity:1;transform:translateZ(0)}}";
|
|
1036
|
+
var styles$1 = {"modal-wrap":"modal-module_modal-wrap__IsXXf","modal-top":"modal-module_modal-top__ntDBi","modal-title":"modal-module_modal-title__r-WKl","close-btn":"modal-module_close-btn__Qf2UD","modal-section":"modal-module_modal-section__Bp8jN","modal-content":"modal-module_modal-content__1F-uE","show-popup":"modal-module_show-popup__WrH7a"};
|
|
1037
|
+
styleInject(css_248z$1);
|
|
1034
1038
|
|
|
1035
1039
|
const Modal = ({
|
|
1036
1040
|
setShow,
|
|
@@ -1041,34 +1045,34 @@ const Modal = ({
|
|
|
1041
1045
|
selected,
|
|
1042
1046
|
children
|
|
1043
1047
|
}) => {
|
|
1044
|
-
classnames(styles.modal, className);
|
|
1048
|
+
classnames(styles$1.modal, className);
|
|
1045
1049
|
const [select, setSelect] = useState(selected);
|
|
1046
1050
|
return /*#__PURE__*/React.createElement("div", {
|
|
1047
|
-
className: styles["modal-wrap"]
|
|
1051
|
+
className: styles$1["modal-wrap"]
|
|
1048
1052
|
}, type == "content" ? /*#__PURE__*/React.createElement("div", {
|
|
1049
|
-
className: styles["modal-content"]
|
|
1053
|
+
className: styles$1["modal-content"]
|
|
1050
1054
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1051
|
-
className: styles["modal-top"]
|
|
1055
|
+
className: styles$1["modal-top"]
|
|
1052
1056
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1053
|
-
className: styles["modal-title"]
|
|
1057
|
+
className: styles$1["modal-title"]
|
|
1054
1058
|
}, /*#__PURE__*/React.createElement(Typography, {
|
|
1055
1059
|
variant: TypographyType.h5
|
|
1056
1060
|
}, headerText)), /*#__PURE__*/React.createElement("div", {
|
|
1057
|
-
className: styles["close-btn"],
|
|
1061
|
+
className: styles$1["close-btn"],
|
|
1058
1062
|
onClick: () => setShow(false)
|
|
1059
1063
|
}, /*#__PURE__*/React.createElement("i", {
|
|
1060
1064
|
className: "icon-close"
|
|
1061
1065
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
1062
|
-
className: styles["modal-section"]
|
|
1066
|
+
className: styles$1["modal-section"]
|
|
1063
1067
|
}, children)) : type == "images" ? /*#__PURE__*/React.createElement("div", {
|
|
1064
|
-
className: styles["modal-content"]
|
|
1068
|
+
className: styles$1["modal-content"]
|
|
1065
1069
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1066
|
-
className: styles["close-btn"],
|
|
1070
|
+
className: styles$1["close-btn"],
|
|
1067
1071
|
onClick: () => setShow(false)
|
|
1068
1072
|
}, /*#__PURE__*/React.createElement("i", {
|
|
1069
1073
|
className: "icon-close"
|
|
1070
1074
|
})), /*#__PURE__*/React.createElement("div", {
|
|
1071
|
-
className: styles["modal-section"]
|
|
1075
|
+
className: styles$1["modal-section"]
|
|
1072
1076
|
}, /*#__PURE__*/React.createElement("div", null, select > 1 ? /*#__PURE__*/React.createElement("h1", {
|
|
1073
1077
|
onClick: () => setSelect(select - 1)
|
|
1074
1078
|
}, "-") : null, data.map(elem => {
|
|
@@ -1094,4 +1098,96 @@ Modal.propTypes = {
|
|
|
1094
1098
|
data: PropTypes.array
|
|
1095
1099
|
};
|
|
1096
1100
|
|
|
1097
|
-
|
|
1101
|
+
var css_248z = ".table-module_table-wrap__KKAnM{background:#fff;border-radius:14px 14px 0 0;box-shadow:0 10px 30px rgba(0,35,106,.06);overflow:hidden;width:100%}.table-module_table-wrap__KKAnM:not(:first-child){margin-top:30px}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:first-child,.table-module_table-top__tfEKM .table-module_table-items__UpFg2:first-child{flex:0 0 auto;width:60px}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:nth-child(2),.table-module_table-top__tfEKM .table-module_table-items__UpFg2:nth-child(2){flex:0 0 auto;width:120px}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:nth-child(3),.table-module_table-top__tfEKM .table-module_table-items__UpFg2:nth-child(3){flex:0 0 auto;width:170px}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:nth-child(4),.table-module_table-top__tfEKM .table-module_table-items__UpFg2:nth-child(4){flex:0 0 auto;width:126px}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:nth-child(5),.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:nth-child(6),.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:nth-child(8),.table-module_table-top__tfEKM .table-module_table-items__UpFg2:nth-child(5),.table-module_table-top__tfEKM .table-module_table-items__UpFg2:nth-child(6),.table-module_table-top__tfEKM .table-module_table-items__UpFg2:nth-child(8){flex:0 0 auto;width:100px}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:last-child,.table-module_table-top__tfEKM .table-module_table-items__UpFg2:last-child{flex:0 0 auto;width:104px}.table-module_table-top__tfEKM{background:#00236a;height:44px;width:100%}.table-module_table-top__tfEKM .table-module_table-items__UpFg2{align-items:center;color:#fff;display:flex;flex:1 1;font-size:15px;justify-content:center;line-height:17px;text-align:center}.table-module_table-bottom-inner__0Pus0{background:#fff;min-height:40px;width:100%}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2{align-items:center;border-bottom:1px solid #eee;display:flex;flex:1 1;font-size:14px;justify-content:center;line-height:16px;padding:4px;text-align:center}.table-module_table-bottom-inner__0Pus0 .table-module_table-items__UpFg2:not(:last-child){border-right:1px solid #eee}";
|
|
1102
|
+
var styles = {"table-wrap":"table-module_table-wrap__KKAnM","table-bottom-inner":"table-module_table-bottom-inner__0Pus0","table-items":"table-module_table-items__UpFg2","table-top":"table-module_table-top__tfEKM"};
|
|
1103
|
+
styleInject(css_248z);
|
|
1104
|
+
|
|
1105
|
+
const Table = ({
|
|
1106
|
+
className,
|
|
1107
|
+
onChange,
|
|
1108
|
+
config,
|
|
1109
|
+
jsonData,
|
|
1110
|
+
hearderData,
|
|
1111
|
+
keyNames,
|
|
1112
|
+
actions,
|
|
1113
|
+
...props
|
|
1114
|
+
}) => {
|
|
1115
|
+
classnames(className);
|
|
1116
|
+
let tbodyData = jsonData.length ? JSON.parse(jsonData) : [];
|
|
1117
|
+
useEffect(() => {
|
|
1118
|
+
tbodyData = jsonData.length ? JSON.parse(jsonData) : [];
|
|
1119
|
+
}, [jsonData]);
|
|
1120
|
+
const [checked, setChecked] = useState(config.isCheckbox && config.isCheckbox.checked ? config.isCheckbox.checked : []);
|
|
1121
|
+
config.isCheckbox && config.isCheckbox.showCheckbox == undefined ? config.isCheckbox.showCheckbox = () => {
|
|
1122
|
+
return true;
|
|
1123
|
+
} : "";
|
|
1124
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
1125
|
+
className: styles["table-wrap"]
|
|
1126
|
+
}, config.isHeader && hearderData.map((header, key) => {
|
|
1127
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
1128
|
+
className: styles["table-top"],
|
|
1129
|
+
key: key
|
|
1130
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
1131
|
+
className: styles["table-items"]
|
|
1132
|
+
}, header));
|
|
1133
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
1134
|
+
className: styles["table-bottom"]
|
|
1135
|
+
}, tbodyData.map((item, key) => {
|
|
1136
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
1137
|
+
className: styles["table-bottom-inner"],
|
|
1138
|
+
key: key
|
|
1139
|
+
}, keyNames.map((keyName, keyNameKey) => {
|
|
1140
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
1141
|
+
className: styles["table-items"],
|
|
1142
|
+
key: keyNameKey
|
|
1143
|
+
}, config.isCheckbox && config.isCheckbox.showCheckbox && config.isCheckbox.showCheckbox(item) && keyNameKey == 0 && /*#__PURE__*/React.createElement(Checkbox, {
|
|
1144
|
+
onClick: e => {
|
|
1145
|
+
const id = e.target.id;
|
|
1146
|
+
const checkedValue = e.target.checked;
|
|
1147
|
+
let ch = [...checked];
|
|
1148
|
+
checkedValue ? ch.push(Number(id)) : ch.splice(ch.indexOf(id), 1);
|
|
1149
|
+
setChecked(ch);
|
|
1150
|
+
config.isCheckbox.onChange(ch);
|
|
1151
|
+
},
|
|
1152
|
+
jsonData: `[{"value":"", "name":"", "label":"", "id":${item.id}, "checked":${checked.indexOf(item.id) > -1 ? true : false}}]`
|
|
1153
|
+
}), typeof keyName === "string" ? item[keyName] : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", {
|
|
1154
|
+
className: keyName.icon
|
|
1155
|
+
}), item[keyName.name]));
|
|
1156
|
+
}), actions && /*#__PURE__*/React.createElement("div", {
|
|
1157
|
+
className: styles["table-items"]
|
|
1158
|
+
}, actions.filter(a => a.show && a.show(item) || a.show === undefined).map((action, key) => {
|
|
1159
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
1160
|
+
key: key
|
|
1161
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
1162
|
+
className: action.icon,
|
|
1163
|
+
onClick: action.click ? action.click : () => {}
|
|
1164
|
+
}, action.icon));
|
|
1165
|
+
})));
|
|
1166
|
+
})));
|
|
1167
|
+
};
|
|
1168
|
+
Table.propTypes = {
|
|
1169
|
+
className: PropTypes.string,
|
|
1170
|
+
onChange: PropTypes.func,
|
|
1171
|
+
config: PropTypes.object,
|
|
1172
|
+
actions: PropTypes.arrayOf(PropTypes.object),
|
|
1173
|
+
jsonData: PropTypes.string,
|
|
1174
|
+
keyNames: PropTypes.arrayOf(PropTypes.oneOf([PropTypes.string, PropTypes.object])),
|
|
1175
|
+
hearderData: PropTypes.array
|
|
1176
|
+
};
|
|
1177
|
+
Table.defaultProps = {
|
|
1178
|
+
className: "",
|
|
1179
|
+
onChange: undefined,
|
|
1180
|
+
errorMesage: "",
|
|
1181
|
+
config: {
|
|
1182
|
+
isHeader: true,
|
|
1183
|
+
isCheckbox: {
|
|
1184
|
+
checked: []
|
|
1185
|
+
}
|
|
1186
|
+
},
|
|
1187
|
+
actions: [],
|
|
1188
|
+
jsonData: "",
|
|
1189
|
+
keyNames: [],
|
|
1190
|
+
hearderData: []
|
|
1191
|
+
};
|
|
1192
|
+
|
|
1193
|
+
export { Autocomplate, Button, ButtonSize, ButtonTheme, ButtonType, Captcha, Checkbox, File, Input, InputSizes, InputTypes, Modal, Pagination, Radio, Select, SelectSize, SelectTheme, Stepper, Table, Typography, TypographyType };
|