@xaypay/tui 0.0.73 → 0.0.74
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 +395 -255
- package/dist/index.js +395 -255
- package/package.json +1 -1
- package/src/components/icon/Close.js +19 -0
- package/src/components/icon/index.js +1 -2
- package/src/components/modal/index.js +231 -66
- package/src/components/modal/modal.stories.js +22 -7
- package/src/components/newAutocomplete/NewAutocomplete.stories.js +3 -2
- package/src/components/newAutocomplete/index.js +12 -2
- package/src/components/select/index.js +1 -1
package/dist/index.js
CHANGED
|
@@ -95,9 +95,9 @@ function styleInject(css, ref) {
|
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
97
|
|
|
98
|
-
var css_248z$
|
|
99
|
-
var styles$
|
|
100
|
-
styleInject(css_248z$
|
|
98
|
+
var css_248z$d = ".file-module_file-form__l13d5{align-items:center;background:#fbfbfb;border:2px dashed;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:190px;justify-content:space-between;overflow:hidden;padding:4px 0;position:relative;width:100%}.file-module_file-form-wrap__qY--B:before{background:rgba(60,57,62,.4);border-radius:6px;content:\"\";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .24s;width:100%;z-index:1}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover:before{opacity:1;pointer-events:unset}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover .file-module_delete-upload-icon__PWN66{opacity:1}.file-module_file-form-inner-upload__tq3Dn{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px;padding-top:48px}.file-module_file-form-inner-upload__tq3Dn>img{display:block;margin-bottom:14px}.file-module_upload-info__a8GFs{margin-bottom:40px;max-width:150px;text-align:center}.file-module_upload-info-txt__l11uN{color:#0da574}.file-module_file-form__l13d5.file-module_default__t7KU0{border-color:#d1d1d1}.file-module_file-form__l13d5.file-module_error__H-M4Z{border-color:#e00!important}.file-module_file-form__l13d5.file-module_accept__WTW6V{border-color:#00236a}.file-module_delete-upload-icon__PWN66{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .24s;width:26px;z-index:11}.file-module_delete-upload-icon__PWN66>i{color:#00236a;font-size:16px}.file-module_upload-file-content__QHMjn{align-items:center;display:flex;height:100%;justify-content:center;max-height:190px;overflow:hidden;position:relative;width:100%}.file-module_upload-file-content__QHMjn>img{display:block;height:auto;max-height:95%;object-fit:contain;width:27.8rem}.file-module_file-form-title__zWTSB{margin-bottom:10px;max-width:390px;word-break:break-all}.file-module_file-form-wrap__qY--B{position:relative;transform:translateZ(0)}";
|
|
99
|
+
var styles$b = {"file-form-wrap":"file-module_file-form-wrap__qY--B","file-form":"file-module_file-form__l13d5","active":"file-module_active__L1gPt","delete-upload-icon":"file-module_delete-upload-icon__PWN66","file-form-inner-upload":"file-module_file-form-inner-upload__tq3Dn","upload-info":"file-module_upload-info__a8GFs","upload-info-txt":"file-module_upload-info-txt__l11uN","default":"file-module_default__t7KU0","error":"file-module_error__H-M4Z","accept":"file-module_accept__WTW6V","upload-file-content":"file-module_upload-file-content__QHMjn","file-form-title":"file-module_file-form-title__zWTSB"};
|
|
100
|
+
styleInject(css_248z$d);
|
|
101
101
|
|
|
102
102
|
const File = ({
|
|
103
103
|
name,
|
|
@@ -159,15 +159,15 @@ const File = ({
|
|
|
159
159
|
document.querySelector(`.${name}`).value = "";
|
|
160
160
|
};
|
|
161
161
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
162
|
-
className: `${styles$
|
|
162
|
+
className: `${styles$b['file-form-title']} ile-form-title-rem`
|
|
163
163
|
}, label, " ", required && /*#__PURE__*/React__default["default"].createElement("sup", {
|
|
164
164
|
style: {
|
|
165
165
|
color: "#ee0000"
|
|
166
166
|
}
|
|
167
167
|
}, "*")), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
168
|
-
className: classnames__default["default"](`${styles$
|
|
168
|
+
className: classnames__default["default"](`${styles$b['file-form-wrap']} file-form-wrap-rem`, image ? styles$b['active'] : '')
|
|
169
169
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
170
|
-
className: `${styles$
|
|
170
|
+
className: `${styles$b['file-form']} file-form-rem ${error || errorMessage ? styles$b['error'] : ''}`,
|
|
171
171
|
onClick: () => document.querySelector(`.${name}`).click()
|
|
172
172
|
}, /*#__PURE__*/React__default["default"].createElement("input", {
|
|
173
173
|
hidden: true,
|
|
@@ -176,23 +176,23 @@ const File = ({
|
|
|
176
176
|
disabled: disabled,
|
|
177
177
|
onChange: e => handleCheckFile(e)
|
|
178
178
|
}), image ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
179
|
-
className: `${styles$
|
|
179
|
+
className: `${styles$b['upload-file-content']} upload-file-content-rem`
|
|
180
180
|
}, image === 'pdf' ? /*#__PURE__*/React__default["default"].createElement(SvgPdf, null) : /*#__PURE__*/React__default["default"].createElement("img", {
|
|
181
181
|
src: image,
|
|
182
182
|
alt: fileName
|
|
183
183
|
})) : /*#__PURE__*/React__default["default"].createElement("div", {
|
|
184
|
-
className: `${styles$
|
|
184
|
+
className: `${styles$b['file-form-inner-upload']} ile-form-inner-upload-rem`
|
|
185
185
|
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
186
186
|
src: "../../assets/upload.svg",
|
|
187
187
|
alt: ""
|
|
188
188
|
}), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
189
|
-
className: `${styles$
|
|
189
|
+
className: `${styles$b['upload-info']} upload-info-rem`
|
|
190
190
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
191
|
-
className: `${styles$
|
|
191
|
+
className: `${styles$b['upload-info-txt']} upload-info-txt-rem`
|
|
192
192
|
}, "\u0532\u0565\u057C\u0576\u0565\u056C")), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
193
|
-
className: `${styles$
|
|
193
|
+
className: `${styles$b['upload-info-size']} upload-info-size-rem`
|
|
194
194
|
}, "\u0531\u057C\u0561\u057E\u0565\u056C\u0561\u0563\u0578\u0582\u0575\u0576\u0568 ", maxSize, "\u0544\u0532 ( ", fileExtensions.toString().split(',').join(', '), " )"))), !disabled && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
195
|
-
className: `${styles$
|
|
195
|
+
className: `${styles$b['delete-upload-icon']} delete-upload-icon-rem`,
|
|
196
196
|
onClick: handleRemoveFile
|
|
197
197
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
198
198
|
className: "icon-delete"
|
|
@@ -219,14 +219,14 @@ File.defaultProps = {
|
|
|
219
219
|
fileExtensions: ['jpg', 'jpeg', 'png', 'pdf']
|
|
220
220
|
};
|
|
221
221
|
|
|
222
|
-
var css_248z$
|
|
223
|
-
var styles$
|
|
224
|
-
styleInject(css_248z$d);
|
|
225
|
-
|
|
226
|
-
var css_248z$c = ".checkbox-module_checkbox-wrap__Xrg-m{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.checkbox-module_checkbox-wrap__Xrg-m>input{height:0;opacity:0;position:absolute;width:0}.checkbox-module_checkbox-wrap__Xrg-m .checkbox-module_checkmark__M8DY6{border:1px solid #d9d9d9;border-radius:3px;bottom:0;display:inline-block;height:14px;left:0;margin:auto 4px auto auto;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.checkbox-module_checkbox-wrap__Xrg-m>.checkbox-module_checkmark__M8DY6:after{border:solid #1890ff;border-width:0 2px 2px 0;content:\"\";display:block;height:8px;left:4px;opacity:0;position:absolute;top:1px;transform:rotate(45deg);transition:opacity .24s;width:4px}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6:after{opacity:1}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6,.checkbox-module_checkbox-wrap__Xrg-m:hover input~.checkbox-module_checkmark__M8DY6{border-color:#1890ff}";
|
|
227
|
-
var styles$a = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
|
|
222
|
+
var css_248z$c = ".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}";
|
|
223
|
+
var styles$a = {"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"};
|
|
228
224
|
styleInject(css_248z$c);
|
|
229
225
|
|
|
226
|
+
var css_248z$b = ".checkbox-module_checkbox-wrap__Xrg-m{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.checkbox-module_checkbox-wrap__Xrg-m>input{height:0;opacity:0;position:absolute;width:0}.checkbox-module_checkbox-wrap__Xrg-m .checkbox-module_checkmark__M8DY6{border:1px solid #d9d9d9;border-radius:3px;bottom:0;display:inline-block;height:14px;left:0;margin:auto 4px auto auto;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.checkbox-module_checkbox-wrap__Xrg-m>.checkbox-module_checkmark__M8DY6:after{border:solid #1890ff;border-width:0 2px 2px 0;content:\"\";display:block;height:8px;left:4px;opacity:0;position:absolute;top:1px;transform:rotate(45deg);transition:opacity .24s;width:4px}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6:after{opacity:1}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6,.checkbox-module_checkbox-wrap__Xrg-m:hover input~.checkbox-module_checkmark__M8DY6{border-color:#1890ff}";
|
|
227
|
+
var styles$9 = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
|
|
228
|
+
styleInject(css_248z$b);
|
|
229
|
+
|
|
230
230
|
const Checkbox = ({
|
|
231
231
|
disabled,
|
|
232
232
|
required,
|
|
@@ -240,7 +240,7 @@ const Checkbox = ({
|
|
|
240
240
|
onClick,
|
|
241
241
|
...props
|
|
242
242
|
}) => {
|
|
243
|
-
const classProps = classnames__default["default"](styles$
|
|
243
|
+
const classProps = classnames__default["default"](styles$9.checkbox, className, 'checkbox-input-rem');
|
|
244
244
|
const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
|
|
245
245
|
const [data, setData] = React.useState(parseData);
|
|
246
246
|
React.useEffect(() => {
|
|
@@ -273,7 +273,7 @@ const Checkbox = ({
|
|
|
273
273
|
} : '';
|
|
274
274
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, data.map(element => {
|
|
275
275
|
return /*#__PURE__*/React__default["default"].createElement("label", {
|
|
276
|
-
className: `${styles$
|
|
276
|
+
className: `${styles$9["checkbox-wrap"]} checkbox-wrap-rem`,
|
|
277
277
|
key: element.value
|
|
278
278
|
}, /*#__PURE__*/React__default["default"].createElement("input", _extends({
|
|
279
279
|
type: "checkbox",
|
|
@@ -287,9 +287,9 @@ const Checkbox = ({
|
|
|
287
287
|
onClick: onClick ? onClick : () => {},
|
|
288
288
|
defaultChecked: element.checked
|
|
289
289
|
}, props)), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
290
|
-
className: `${styles$
|
|
290
|
+
className: `${styles$9["checkmark"]} checkmark-rem`
|
|
291
291
|
}), element[keyNames.label] ? /*#__PURE__*/React__default["default"].createElement("label", {
|
|
292
|
-
className: styles$
|
|
292
|
+
className: styles$9.labelCheckbox,
|
|
293
293
|
for: element[keyNames.id]
|
|
294
294
|
}, element[keyNames.label]) : "");
|
|
295
295
|
}));
|
|
@@ -331,23 +331,23 @@ const Table = ({
|
|
|
331
331
|
return true;
|
|
332
332
|
} : "";
|
|
333
333
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
334
|
-
className: `${styles$
|
|
334
|
+
className: `${styles$a["table-wrap"]} table-wrap-rem`
|
|
335
335
|
}, config.isHeader && hearderData.map((header, key) => {
|
|
336
336
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
337
|
-
className: `${styles$
|
|
337
|
+
className: `${styles$a["table-top"]} table-top-rem`,
|
|
338
338
|
key: key
|
|
339
339
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
340
|
-
className: `${styles$
|
|
340
|
+
className: `${styles$a["table-items"]} table-items-rem`
|
|
341
341
|
}, header));
|
|
342
342
|
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
343
|
-
className: `${styles$
|
|
343
|
+
className: `${styles$a["table-bottom"]} table-bottom-rem`
|
|
344
344
|
}, tbodyData.map((item, key) => {
|
|
345
345
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
346
|
-
className: `${styles$
|
|
346
|
+
className: `${styles$a["table-bottom-inner"]} table-bottom-inner-rem`,
|
|
347
347
|
key: key
|
|
348
348
|
}, keyNames.map((keyName, keyNameKey) => {
|
|
349
349
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
350
|
-
className: `${styles$
|
|
350
|
+
className: `${styles$a["table-items"]} table-items-rem`,
|
|
351
351
|
key: keyNameKey
|
|
352
352
|
}, config.isCheckbox && config.isCheckbox.showCheckbox && config.isCheckbox.showCheckbox(item) && keyNameKey == 0 && /*#__PURE__*/React__default["default"].createElement(Checkbox, {
|
|
353
353
|
onClick: e => {
|
|
@@ -363,7 +363,7 @@ const Table = ({
|
|
|
363
363
|
className: keyName.icon
|
|
364
364
|
}), item[keyName.name]));
|
|
365
365
|
}), actions && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
366
|
-
className: `${styles$
|
|
366
|
+
className: `${styles$a["table-items"]} table-items-rem`
|
|
367
367
|
}, actions.filter(a => a.show && a.show(item) || a.show === undefined).map((action, key) => {
|
|
368
368
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
369
369
|
key: key
|
|
@@ -399,12 +399,246 @@ Table.defaultProps = {
|
|
|
399
399
|
hearderData: []
|
|
400
400
|
};
|
|
401
401
|
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
402
|
+
const SvgCloseIcon = ({
|
|
403
|
+
title,
|
|
404
|
+
titleId,
|
|
405
|
+
...props
|
|
406
|
+
}) => /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
407
|
+
width: "14",
|
|
408
|
+
height: "14",
|
|
409
|
+
viewBox: "0 0 14 14",
|
|
410
|
+
fill: "none",
|
|
411
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
412
|
+
"aria-labelledby": titleId
|
|
413
|
+
}, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
|
|
414
|
+
id: titleId
|
|
415
|
+
}, title) : null, /*#__PURE__*/React__namespace.createElement("path", {
|
|
416
|
+
d: "m12.425.241.006-.005a.95.95 0 0 1 1.34 1.34l-.005.006-5.38 5.38 5.38 5.38.005.007a.95.95 0 0 1-1.34 1.34l-.006-.005-5.38-5.38-5.378 5.37a.951.951 0 1 1-1.34-1.341l5.377-5.37-5.38-5.388-.005-.006a.95.95 0 0 1 1.34-1.34l.006.005 5.38 5.387 5.38-5.38Z",
|
|
417
|
+
fill: "#3C393E"
|
|
418
|
+
}));
|
|
405
419
|
|
|
406
|
-
|
|
407
|
-
|
|
420
|
+
const SvgNextarrow = ({
|
|
421
|
+
title,
|
|
422
|
+
titleId,
|
|
423
|
+
...props
|
|
424
|
+
}) => /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
425
|
+
width: "6",
|
|
426
|
+
height: "12",
|
|
427
|
+
viewBox: "0 0 6 12",
|
|
428
|
+
fill: "none",
|
|
429
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
430
|
+
"aria-labelledby": titleId
|
|
431
|
+
}, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
|
|
432
|
+
id: titleId
|
|
433
|
+
}, title) : null, /*#__PURE__*/React__namespace.createElement("path", {
|
|
434
|
+
d: "M.851 11.998a.847.847 0 0 1-.847-.776.86.86 0 0 1 .193-.626l3.808-4.584L.333 1.419A.857.857 0 0 1 .46.213a.849.849 0 0 1 1.241.128l4.106 5.132a.859.859 0 0 1 0 1.086l-4.25 5.132a.85.85 0 0 1-.706.307Z",
|
|
435
|
+
fill: "#3C393E"
|
|
436
|
+
}));
|
|
437
|
+
|
|
438
|
+
const Modal = ({
|
|
439
|
+
type,
|
|
440
|
+
data,
|
|
441
|
+
setShow,
|
|
442
|
+
selected,
|
|
443
|
+
children,
|
|
444
|
+
className,
|
|
445
|
+
headerText
|
|
446
|
+
}) => {
|
|
447
|
+
const classProps = classnames__default["default"](className);
|
|
448
|
+
const [select, setSelect] = React.useState(0);
|
|
449
|
+
const [innerData, setInnerData] = React.useState([]);
|
|
450
|
+
const handleCloseModal = () => {
|
|
451
|
+
setShow(false);
|
|
452
|
+
};
|
|
453
|
+
const handleStopClosing = e => {
|
|
454
|
+
e.stopPropagation();
|
|
455
|
+
};
|
|
456
|
+
const handleGoTo = e => {
|
|
457
|
+
const goTo = e.target.getAttribute('data-go');
|
|
458
|
+
if (goTo === 'next') {
|
|
459
|
+
if (select >= data.length - 1) {
|
|
460
|
+
setSelect(0);
|
|
461
|
+
} else {
|
|
462
|
+
setSelect(select + 1);
|
|
463
|
+
}
|
|
464
|
+
} else {
|
|
465
|
+
if (select <= 0) {
|
|
466
|
+
setSelect(data.length - 1);
|
|
467
|
+
} else {
|
|
468
|
+
setSelect(select - 1);
|
|
469
|
+
}
|
|
470
|
+
}
|
|
471
|
+
};
|
|
472
|
+
React.useEffect(() => {
|
|
473
|
+
if (type === 'images') {
|
|
474
|
+
if (data) {
|
|
475
|
+
if (data.length === 0) {
|
|
476
|
+
alert('Please fill data prop');
|
|
477
|
+
} else {
|
|
478
|
+
setInnerData(data);
|
|
479
|
+
}
|
|
480
|
+
} else {
|
|
481
|
+
alert('Please add data prop on Modal component');
|
|
482
|
+
}
|
|
483
|
+
}
|
|
484
|
+
}, [type, data, data?.length]);
|
|
485
|
+
React.useEffect(() => {
|
|
486
|
+
if (selected) {
|
|
487
|
+
if (selected <= 0) {
|
|
488
|
+
setSelect(0);
|
|
489
|
+
} else if (selected >= data.length - 1) {
|
|
490
|
+
setSelect(data.length - 1);
|
|
491
|
+
} else {
|
|
492
|
+
setSelect(selected);
|
|
493
|
+
}
|
|
494
|
+
}
|
|
495
|
+
}, [selected]);
|
|
496
|
+
React.useEffect(() => {
|
|
497
|
+
return () => {
|
|
498
|
+
setSelect(0);
|
|
499
|
+
setInnerData([]);
|
|
500
|
+
};
|
|
501
|
+
}, []);
|
|
502
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
503
|
+
onClick: handleCloseModal,
|
|
504
|
+
style: {
|
|
505
|
+
position: 'fixed',
|
|
506
|
+
top: '0px',
|
|
507
|
+
left: '0px',
|
|
508
|
+
zIndex: 999,
|
|
509
|
+
width: '100%',
|
|
510
|
+
height: '100vh',
|
|
511
|
+
backgroundColor: 'rgba(0,0,0,0.4)' // TODO: config
|
|
512
|
+
}
|
|
513
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
514
|
+
style: {
|
|
515
|
+
position: 'relative',
|
|
516
|
+
width: '100%',
|
|
517
|
+
height: '100vh'
|
|
518
|
+
}
|
|
519
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
520
|
+
className: classProps,
|
|
521
|
+
onClick: handleStopClosing,
|
|
522
|
+
style: {
|
|
523
|
+
position: 'absolute',
|
|
524
|
+
top: '0px',
|
|
525
|
+
left: '0px',
|
|
526
|
+
right: '0px',
|
|
527
|
+
bottom: '0px',
|
|
528
|
+
margin: 'auto',
|
|
529
|
+
maxWidth: '95%',
|
|
530
|
+
overflow: 'auto',
|
|
531
|
+
maxHeight: '95vh',
|
|
532
|
+
width: 'fit-content',
|
|
533
|
+
borderRadius: '14px',
|
|
534
|
+
height: 'fit-content',
|
|
535
|
+
boxSizing: 'border-box',
|
|
536
|
+
backgroundColor: 'white',
|
|
537
|
+
padding: '10px 20px 20px'
|
|
538
|
+
// TODO: animation
|
|
539
|
+
}
|
|
540
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
541
|
+
style: {
|
|
542
|
+
display: 'flex',
|
|
543
|
+
width: '100%',
|
|
544
|
+
height: '27px',
|
|
545
|
+
alignItems: 'center',
|
|
546
|
+
backgroundColor: '#fbfbfb',
|
|
547
|
+
justifyContent: headerText && type === 'content' ? 'space-between' : 'flex-end'
|
|
548
|
+
}
|
|
549
|
+
}, headerText && type === 'content' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
550
|
+
style: {
|
|
551
|
+
color: '#00236a',
|
|
552
|
+
fontSize: '20px',
|
|
553
|
+
fontWeight: '600',
|
|
554
|
+
overflow: 'hidden',
|
|
555
|
+
whiteSpace: 'nowrap',
|
|
556
|
+
textOverflow: 'ellipsis',
|
|
557
|
+
margin: '0px 16px 0px 0px',
|
|
558
|
+
maxWidth: 'calc(100% - 30px)'
|
|
559
|
+
}
|
|
560
|
+
}, headerText), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
561
|
+
onClick: handleCloseModal,
|
|
562
|
+
style: {
|
|
563
|
+
width: '14px',
|
|
564
|
+
height: '14px',
|
|
565
|
+
cursor: 'pointer'
|
|
566
|
+
}
|
|
567
|
+
}, /*#__PURE__*/React__default["default"].createElement(SvgCloseIcon, null))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
568
|
+
style: {
|
|
569
|
+
display: 'flex',
|
|
570
|
+
paddingTop: '10px',
|
|
571
|
+
alignItems: 'center',
|
|
572
|
+
boxSizing: 'border-box',
|
|
573
|
+
justifyContent: 'center'
|
|
574
|
+
}
|
|
575
|
+
}, type === 'content' ? children ? children : '' : /*#__PURE__*/React__default["default"].createElement("div", {
|
|
576
|
+
style: {
|
|
577
|
+
width: '100%'
|
|
578
|
+
}
|
|
579
|
+
}, innerData && innerData.length > 0 && innerData.map((item, index) => {
|
|
580
|
+
if (select === index) {
|
|
581
|
+
if (!item.hasOwnProperty('url')) {
|
|
582
|
+
alert('Please add url property in data prop on each element');
|
|
583
|
+
} else {
|
|
584
|
+
return /*#__PURE__*/React__default["default"].createElement("img", {
|
|
585
|
+
style: {
|
|
586
|
+
width: '600px',
|
|
587
|
+
height: '300px',
|
|
588
|
+
objectFit: 'cover',
|
|
589
|
+
objectPosition: 'center'
|
|
590
|
+
},
|
|
591
|
+
src: item.url
|
|
592
|
+
});
|
|
593
|
+
}
|
|
594
|
+
}
|
|
595
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
596
|
+
style: {
|
|
597
|
+
marginTop: '10px'
|
|
598
|
+
}
|
|
599
|
+
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
600
|
+
onClick: handleGoTo,
|
|
601
|
+
"data-go": "prev",
|
|
602
|
+
style: {
|
|
603
|
+
padding: '8px',
|
|
604
|
+
outline: 'none',
|
|
605
|
+
cursor: 'pointer',
|
|
606
|
+
marginRight: '10px',
|
|
607
|
+
borderRadius: '6px',
|
|
608
|
+
alignItems: 'center',
|
|
609
|
+
display: 'inline-flex',
|
|
610
|
+
justifyContent: 'center',
|
|
611
|
+
backgroundColor: 'white',
|
|
612
|
+
transform: 'rotate(180deg)',
|
|
613
|
+
border: '1px solid #979090'
|
|
614
|
+
}
|
|
615
|
+
}, /*#__PURE__*/React__default["default"].createElement(SvgNextarrow, null)), /*#__PURE__*/React__default["default"].createElement("button", {
|
|
616
|
+
onClick: handleGoTo,
|
|
617
|
+
"data-go": "next",
|
|
618
|
+
style: {
|
|
619
|
+
padding: '8px',
|
|
620
|
+
outline: 'none',
|
|
621
|
+
cursor: 'pointer',
|
|
622
|
+
borderRadius: '6px',
|
|
623
|
+
alignItems: 'center',
|
|
624
|
+
display: 'inline-flex',
|
|
625
|
+
justifyContent: 'center',
|
|
626
|
+
backgroundColor: 'white',
|
|
627
|
+
border: '1px solid #979090'
|
|
628
|
+
}
|
|
629
|
+
}, /*#__PURE__*/React__default["default"].createElement(SvgNextarrow, null))))))));
|
|
630
|
+
};
|
|
631
|
+
Modal.propTypes = {
|
|
632
|
+
data: PropTypes__default["default"].array,
|
|
633
|
+
type: PropTypes__default["default"].string,
|
|
634
|
+
setShow: PropTypes__default["default"].func,
|
|
635
|
+
selected: PropTypes__default["default"].number,
|
|
636
|
+
className: PropTypes__default["default"].string,
|
|
637
|
+
headerText: PropTypes__default["default"].string
|
|
638
|
+
};
|
|
639
|
+
Modal.defaultProps = {
|
|
640
|
+
type: 'content'
|
|
641
|
+
};
|
|
408
642
|
|
|
409
643
|
const _ = require('lodash');
|
|
410
644
|
const compereConfigs = () => {
|
|
@@ -429,175 +663,9 @@ const compereConfigs = () => {
|
|
|
429
663
|
return _.merge(packageConfig, projectConfig);
|
|
430
664
|
};
|
|
431
665
|
|
|
432
|
-
|
|
433
|
-
p: 'p',
|
|
434
|
-
h1: 'h1',
|
|
435
|
-
h2: 'h2',
|
|
436
|
-
h3: 'h3',
|
|
437
|
-
h4: 'h4',
|
|
438
|
-
h5: 'h5',
|
|
439
|
-
h6: 'h6',
|
|
440
|
-
span: 'span'
|
|
441
|
-
};
|
|
442
|
-
const Typography = ({
|
|
443
|
-
size,
|
|
444
|
-
color,
|
|
445
|
-
weight,
|
|
446
|
-
radius,
|
|
447
|
-
border,
|
|
448
|
-
cursor,
|
|
449
|
-
variant,
|
|
450
|
-
onClick,
|
|
451
|
-
children,
|
|
452
|
-
textAlign,
|
|
453
|
-
fontStyle,
|
|
454
|
-
className,
|
|
455
|
-
textShadow,
|
|
456
|
-
lineHeight,
|
|
457
|
-
colorHover,
|
|
458
|
-
fontFamily,
|
|
459
|
-
textTransform,
|
|
460
|
-
textDecoration,
|
|
461
|
-
backgroundColor,
|
|
462
|
-
...props
|
|
463
|
-
}) => {
|
|
464
|
-
const configStyles = compereConfigs();
|
|
465
|
-
const classProps = classnames__default["default"](className);
|
|
466
|
-
const [isHover, setIsHover] = React.useState(false);
|
|
467
|
-
const [validVariant, setValidVariant] = React.useState(false);
|
|
468
|
-
React.useEffect(() => {
|
|
469
|
-
if (!Object.values(TypographyType).includes(variant)) {
|
|
470
|
-
setValidVariant(true);
|
|
471
|
-
}
|
|
472
|
-
}, [variant]);
|
|
473
|
-
const handleMouseEnter = () => {
|
|
474
|
-
setIsHover(true);
|
|
475
|
-
};
|
|
476
|
-
const handleMouseLeave = () => {
|
|
477
|
-
setIsHover(false);
|
|
478
|
-
};
|
|
479
|
-
const tagT = /*#__PURE__*/React__default["default"].createElement(variant, {
|
|
480
|
-
style: {
|
|
481
|
-
border: border ? border : configStyles.TYPOGRAPHY.border,
|
|
482
|
-
cursor: cursor ? cursor : configStyles.TYPOGRAPHY.cursor,
|
|
483
|
-
borderRadius: radius ? radius : configStyles.TYPOGRAPHY.radius,
|
|
484
|
-
fontSize: size ? size : configStyles.TYPOGRAPHY['size' + variant],
|
|
485
|
-
fontWeight: weight ? weight : configStyles.TYPOGRAPHY['weight' + variant],
|
|
486
|
-
textShadow: textShadow ? textShadow : configStyles.TYPOGRAPHY.textShadow,
|
|
487
|
-
textAlign: textAlign ? textAlign : configStyles.TYPOGRAPHY['textAlign' + variant],
|
|
488
|
-
fontStyle: fontStyle ? fontStyle : configStyles.TYPOGRAPHY['fontStyle' + variant],
|
|
489
|
-
lineHeight: lineHeight ? lineHeight : configStyles.TYPOGRAPHY['lineHeight' + variant],
|
|
490
|
-
fontFamily: fontFamily ? fontFamily : configStyles.TYPOGRAPHY['fontFamily' + variant],
|
|
491
|
-
textTransform: textTransform ? textTransform : configStyles.TYPOGRAPHY['textTransform' + variant],
|
|
492
|
-
textDecoration: textDecoration ? textDecoration : configStyles.TYPOGRAPHY['textDecoration' + variant],
|
|
493
|
-
backgroundColor: backgroundColor ? backgroundColor : configStyles.TYPOGRAPHY['backgroundColor' + variant],
|
|
494
|
-
color: isHover ? colorHover ? colorHover : color ? color : configStyles.TYPOGRAPHY['color' + variant] : color ? color : configStyles.TYPOGRAPHY['color' + variant]
|
|
495
|
-
},
|
|
496
|
-
...props,
|
|
497
|
-
className: classProps,
|
|
498
|
-
onClick: onClick ? onClick : _ => _,
|
|
499
|
-
onMouseEnter: handleMouseEnter,
|
|
500
|
-
onMouseLeave: handleMouseLeave
|
|
501
|
-
}, [children]);
|
|
502
|
-
return validVariant ? 'Please set Typography valid variant' : tagT;
|
|
503
|
-
};
|
|
504
|
-
Typography.propTypes = {
|
|
505
|
-
size: PropTypes__default["default"].string,
|
|
506
|
-
color: PropTypes__default["default"].string,
|
|
507
|
-
onClick: PropTypes__default["default"].func,
|
|
508
|
-
weight: PropTypes__default["default"].string,
|
|
509
|
-
border: PropTypes__default["default"].string,
|
|
510
|
-
cursor: PropTypes__default["default"].string,
|
|
511
|
-
radius: PropTypes__default["default"].string,
|
|
512
|
-
textAlign: PropTypes__default["default"].string,
|
|
513
|
-
className: PropTypes__default["default"].string,
|
|
514
|
-
fontStyle: PropTypes__default["default"].string,
|
|
515
|
-
lineHeight: PropTypes__default["default"].string,
|
|
516
|
-
textShadow: PropTypes__default["default"].string,
|
|
517
|
-
fontFamily: PropTypes__default["default"].string,
|
|
518
|
-
colorHover: PropTypes__default["default"].string,
|
|
519
|
-
textTransform: PropTypes__default["default"].string,
|
|
520
|
-
textDecoration: PropTypes__default["default"].string,
|
|
521
|
-
backgroundColor: PropTypes__default["default"].string,
|
|
522
|
-
variant: PropTypes__default["default"].oneOf(Object.values(TypographyType))
|
|
523
|
-
};
|
|
524
|
-
Typography.defaultProps = {
|
|
525
|
-
variant: 'p'
|
|
526
|
-
};
|
|
527
|
-
|
|
528
|
-
const Modal = ({
|
|
529
|
-
setShow,
|
|
530
|
-
headerText,
|
|
531
|
-
className,
|
|
532
|
-
type,
|
|
533
|
-
data,
|
|
534
|
-
selected,
|
|
535
|
-
children
|
|
536
|
-
}) => {
|
|
537
|
-
classnames__default["default"](styles$9.modal, className);
|
|
538
|
-
const [select, setSelect] = React.useState(selected);
|
|
539
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
540
|
-
className: `${styles$9["modal-wrap"]} modal-wrap-rem`,
|
|
541
|
-
onClick: () => setShow(false)
|
|
542
|
-
}, type == "content" ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
543
|
-
className: `${styles$9["modal-content"]} modal-content-rem`,
|
|
544
|
-
onClick: e => {
|
|
545
|
-
e.stopPropagation();
|
|
546
|
-
}
|
|
547
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
548
|
-
className: `${styles$9["modal-top"]} modal-top-rem`
|
|
549
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
550
|
-
className: `${styles$9["modal-title"]} modal-title-rem`
|
|
551
|
-
}, /*#__PURE__*/React__default["default"].createElement(Typography, {
|
|
552
|
-
variant: TypographyType.p,
|
|
553
|
-
color: "#00236A"
|
|
554
|
-
}, headerText)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
555
|
-
className: `${styles$9["close-btn"]} close-btn-rem`,
|
|
556
|
-
onClick: () => setShow(false)
|
|
557
|
-
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
558
|
-
className: "icon-close"
|
|
559
|
-
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
560
|
-
className: `${styles$9["modal-section"]} modal-section-rem`
|
|
561
|
-
}, children)) : type == "images" ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
562
|
-
className: `${styles$9["modal-content"]} modal-content-rem`,
|
|
563
|
-
onClick: e => {
|
|
564
|
-
e.stopPropagation();
|
|
565
|
-
}
|
|
566
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
567
|
-
className: `${styles$9["close-btn"]} close-btn-rem`,
|
|
568
|
-
onClick: () => setShow(false)
|
|
569
|
-
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
570
|
-
className: "icon-close"
|
|
571
|
-
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
572
|
-
className: `${styles$9["modal-section"]} modal-section-rem`
|
|
573
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", null, select > 1 ? /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
574
|
-
onClick: () => setSelect(select - 1)
|
|
575
|
-
}, "-") : null, data.map(elem => {
|
|
576
|
-
if (select == elem.id) {
|
|
577
|
-
return /*#__PURE__*/React__default["default"].createElement("img", {
|
|
578
|
-
width: "600px",
|
|
579
|
-
key: elem.id,
|
|
580
|
-
src: elem.url
|
|
581
|
-
});
|
|
582
|
-
}
|
|
583
|
-
}), select < data.length ? /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
584
|
-
onClick: () => {
|
|
585
|
-
setSelect(select + 1);
|
|
586
|
-
}
|
|
587
|
-
}, "+") : null))) : null);
|
|
588
|
-
};
|
|
589
|
-
Modal.propTypes = {
|
|
590
|
-
setShow: PropTypes__default["default"].func,
|
|
591
|
-
headerText: PropTypes__default["default"].string,
|
|
592
|
-
className: PropTypes__default["default"].string,
|
|
593
|
-
type: PropTypes__default["default"].string,
|
|
594
|
-
selected: PropTypes__default["default"].string,
|
|
595
|
-
data: PropTypes__default["default"].array
|
|
596
|
-
};
|
|
597
|
-
|
|
598
|
-
var css_248z$9 = ".input-module_input-wrap__NunrE{position:relative;width:100%}.input-module_input-content__kP7lZ{display:flex;width:100%}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{background-color:inherit!important}.input-module_error-message-show__OrVSo{animation-fill-mode:forwards;animation-name:input-module_error-show__9MP6k}@keyframes input-module_error-show__9MP6k{to{bottom:-20px;transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1)}}";
|
|
666
|
+
var css_248z$a = ".input-module_input-wrap__NunrE{position:relative;width:100%}.input-module_input-content__kP7lZ{display:flex;width:100%}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{background-color:inherit!important}.input-module_error-message-show__OrVSo{animation-fill-mode:forwards;animation-name:input-module_error-show__9MP6k}@keyframes input-module_error-show__9MP6k{to{bottom:-20px;transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1)}}";
|
|
599
667
|
var styles$8 = {"input-wrap":"input-module_input-wrap__NunrE","input-content":"input-module_input-content__kP7lZ","error-message-show":"input-module_error-message-show__OrVSo","error-show":"input-module_error-show__9MP6k"};
|
|
600
|
-
styleInject(css_248z$
|
|
668
|
+
styleInject(css_248z$a);
|
|
601
669
|
|
|
602
670
|
const InputTypes = {
|
|
603
671
|
TEL: 'tel',
|
|
@@ -915,9 +983,9 @@ Input.defaultProps = {
|
|
|
915
983
|
type: "text"
|
|
916
984
|
};
|
|
917
985
|
|
|
918
|
-
var css_248z$
|
|
986
|
+
var css_248z$9 = ".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}";
|
|
919
987
|
var styles$7 = {"radio-wrap":"radio-module_radio-wrap__-lO7V","radio-checkmark":"radio-module_radio-checkmark__Kvol0"};
|
|
920
|
-
styleInject(css_248z$
|
|
988
|
+
styleInject(css_248z$9);
|
|
921
989
|
|
|
922
990
|
const Radio = ({
|
|
923
991
|
disabled,
|
|
@@ -1134,27 +1202,9 @@ const SvgArrow = ({
|
|
|
1134
1202
|
fill: "#3C393E"
|
|
1135
1203
|
}));
|
|
1136
1204
|
|
|
1137
|
-
|
|
1138
|
-
title,
|
|
1139
|
-
titleId,
|
|
1140
|
-
...props
|
|
1141
|
-
}) => /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
1142
|
-
width: "14",
|
|
1143
|
-
height: "14",
|
|
1144
|
-
viewBox: "0 0 14 14",
|
|
1145
|
-
fill: "none",
|
|
1146
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
1147
|
-
"aria-labelledby": titleId
|
|
1148
|
-
}, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
|
|
1149
|
-
id: titleId
|
|
1150
|
-
}, title) : null, /*#__PURE__*/React__namespace.createElement("path", {
|
|
1151
|
-
d: "m12.425.241.006-.005a.95.95 0 0 1 1.34 1.34l-.005.006-5.38 5.38 5.38 5.38.005.007a.95.95 0 0 1-1.34 1.34l-.006-.005-5.38-5.38-5.378 5.37a.951.951 0 1 1-1.34-1.341l5.377-5.37-5.38-5.388-.005-.006a.95.95 0 0 1 1.34-1.34l.006.005 5.38 5.387 5.38-5.38Z",
|
|
1152
|
-
fill: "#3C393E"
|
|
1153
|
-
}));
|
|
1154
|
-
|
|
1155
|
-
var css_248z$7 = ".select-module_select-content__GCMDX{display:flex;flex-direction:column;position:relative}.select-module_select-content-top__Aw-fB{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.select-module_select-content-bottom__ueZCR{animation:select-module_select-show__391hQ .64s linear forwards;-webkit-animation:select-module_select-show__391hQ .64s linear forwards;left:0;max-height:0;overflow:hidden;position:absolute;width:100%;z-index:1}.select-module_select-content-bottom-inner__NWy2X{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}.select-module_select-content-top-icon__MBrGK{align-items:center;box-sizing:border-box;display:flex;flex:0 0 auto;padding:0 5px 0 20px}.select-module_select-content-top-icon__MBrGK>div{align-items:center;display:flex;height:14px;justify-content:center;width:14px}.select-module_close-icon__SFNaJ{border-right:1px solid #eee;box-sizing:content-box;padding-right:9px}.select-module_arrow-icon__rjHt-{margin-left:9px;transform-origin:center;transition:all .64s ease;-webkit-transition:all .64s ease;-moz-transition:all .64s ease;-ms-transition:all .64s ease;-o-transition:all .64s ease}.select-module_select-content-bottom-row__eKq5L{align-items:center;display:flex;transition:background-color .24s,color .24s;-webkit-transition:background-color .24s,color .24s;-moz-transition:background-color .24s,color .24s;-ms-transition:background-color .24s,color .24s;-o-transition:background-color .24s,color .24s}.select-module_select-content-bottom-row__eKq5L:last-child{margin-bottom:0}@keyframes select-module_select-show__391hQ{to{max-height:234px}}";
|
|
1205
|
+
var css_248z$8 = ".select-module_select-content__GCMDX{display:flex;flex-direction:column;position:relative}.select-module_select-content-top__Aw-fB{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.select-module_select-content-bottom__ueZCR{animation:select-module_select-show__391hQ .64s linear forwards;-webkit-animation:select-module_select-show__391hQ .64s linear forwards;left:0;max-height:0;overflow:hidden;position:absolute;width:100%;z-index:1}.select-module_select-content-bottom-inner__NWy2X{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}.select-module_select-content-top-icon__MBrGK{align-items:center;box-sizing:border-box;display:flex;flex:0 0 auto;padding:0 5px 0 20px}.select-module_select-content-top-icon__MBrGK>div{align-items:center;display:flex;height:14px;justify-content:center;width:14px}.select-module_close-icon__SFNaJ{border-right:1px solid #eee;box-sizing:content-box;padding-right:9px}.select-module_arrow-icon__rjHt-{margin-left:9px;transform-origin:center;transition:all .64s ease;-webkit-transition:all .64s ease;-moz-transition:all .64s ease;-ms-transition:all .64s ease;-o-transition:all .64s ease}.select-module_select-content-bottom-row__eKq5L{align-items:center;display:flex;transition:background-color .24s,color .24s;-webkit-transition:background-color .24s,color .24s;-moz-transition:background-color .24s,color .24s;-ms-transition:background-color .24s,color .24s;-o-transition:background-color .24s,color .24s}.select-module_select-content-bottom-row__eKq5L:last-child{margin-bottom:0}@keyframes select-module_select-show__391hQ{to{max-height:234px}}";
|
|
1156
1206
|
var styles$6 = {"select-content":"select-module_select-content__GCMDX","select-content-top":"select-module_select-content-top__Aw-fB","select-content-bottom":"select-module_select-content-bottom__ueZCR","select-show":"select-module_select-show__391hQ","select-content-bottom-inner":"select-module_select-content-bottom-inner__NWy2X","select-content-top-icon":"select-module_select-content-top-icon__MBrGK","close-icon":"select-module_close-icon__SFNaJ","arrow-icon":"select-module_arrow-icon__rjHt-","select-content-bottom-row":"select-module_select-content-bottom-row__eKq5L"};
|
|
1157
|
-
styleInject(css_248z$
|
|
1207
|
+
styleInject(css_248z$8);
|
|
1158
1208
|
|
|
1159
1209
|
const Select = ({
|
|
1160
1210
|
options,
|
|
@@ -1314,7 +1364,7 @@ const Select = ({
|
|
|
1314
1364
|
});
|
|
1315
1365
|
setExistOptions(modifiedOptions);
|
|
1316
1366
|
}
|
|
1317
|
-
}, [options, multiple, selected, selected
|
|
1367
|
+
}, [options, multiple, selected, selected?.length]);
|
|
1318
1368
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1319
1369
|
className: classProps
|
|
1320
1370
|
}, label ? /*#__PURE__*/React__default["default"].createElement("label", {
|
|
@@ -1564,9 +1614,9 @@ const SvgToasterSuccess = ({
|
|
|
1564
1614
|
fill: "#0DA574"
|
|
1565
1615
|
}));
|
|
1566
1616
|
|
|
1567
|
-
var css_248z$
|
|
1617
|
+
var css_248z$7 = "#toaster-module_top-left__q0LcN{left:0;top:1em}#toaster-module_top-right__f-AFL{right:0;top:1em}#toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}#toaster-module_bottom-left__b-YHI{bottom:1em;left:0}#toaster-module_bottom-right__g9ACP{bottom:1em;right:0}#toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_top-left__q0LcN{left:0;top:1em}.toaster-module_top-right__f-AFL{right:0;top:1em}.toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_bottom-left__b-YHI{bottom:1em;left:0}.toaster-module_bottom-right__g9ACP{bottom:1em;right:0}.toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_notify-block__pRnEB{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.toaster-module_bounce-in-right__shR2D{-webkit-animation-name:toaster-module_bounceInRight__rSk5p;animation-name:toaster-module_bounceInRight__rSk5p}.toaster-module_bounce-out-right__48pyA{-webkit-animation-name:toaster-module_bounceOutRight__bmFGS;animation-name:toaster-module_bounceOutRight__bmFGS}@keyframes toaster-module_bounceInRight__rSk5p{0%{opacity:0;right:-100%}60%{opacity:1;right:40px}75%{right:0}90%{right:30px}to{right:20px}}@keyframes toaster-module_bounceOutRight__bmFGS{0%{opacity:1;right:20px}60%{opacity:1;right:60px}to{opacity:0;right:-100%}}.toaster-module_bounce-in-left__xoF-M{-webkit-animation-name:toaster-module_bounceInLeft__to59v;animation-name:toaster-module_bounceInLeft__to59v}.toaster-module_bounce-out-left__fDOZw{-webkit-animation-name:toaster-module_bounceOutLeft__k5QgO;animation-name:toaster-module_bounceOutLeft__k5QgO}@keyframes toaster-module_bounceInLeft__to59v{0%{left:-100%;opacity:0}60%{left:40px;opacity:1}75%{left:0}90%{left:30px}to{left:20px}}@keyframes toaster-module_bounceOutLeft__k5QgO{0%{left:20px;opacity:1}60%{left:60px;opacity:1}to{left:-100%;opacity:0}}";
|
|
1568
1618
|
var styles$5 = {"top-left":"toaster-module_top-left__q0LcN","top-right":"toaster-module_top-right__f-AFL","top-center":"toaster-module_top-center__eVRbc","bottom-left":"toaster-module_bottom-left__b-YHI","bottom-right":"toaster-module_bottom-right__g9ACP","bottom-center":"toaster-module_bottom-center__4KcFe","notify-block":"toaster-module_notify-block__pRnEB","bounce-in-right":"toaster-module_bounce-in-right__shR2D","bounceInRight":"toaster-module_bounceInRight__rSk5p","bounce-out-right":"toaster-module_bounce-out-right__48pyA","bounceOutRight":"toaster-module_bounceOutRight__bmFGS","bounce-in-left":"toaster-module_bounce-in-left__xoF-M","bounceInLeft":"toaster-module_bounceInLeft__to59v","bounce-out-left":"toaster-module_bounce-out-left__fDOZw","bounceOutLeft":"toaster-module_bounceOutLeft__k5QgO"};
|
|
1569
|
-
styleInject(css_248z$
|
|
1619
|
+
styleInject(css_248z$7);
|
|
1570
1620
|
|
|
1571
1621
|
const ToasterType = {
|
|
1572
1622
|
info: 'info',
|
|
@@ -1838,9 +1888,9 @@ const SvgTooltip = ({
|
|
|
1838
1888
|
fill: "#D1D1D1"
|
|
1839
1889
|
}));
|
|
1840
1890
|
|
|
1841
|
-
var css_248z$
|
|
1891
|
+
var css_248z$6 = ".tooltip-module_tooltip-block__v8U9u{align-items:center;display:flex;justify-content:center;position:relative}.tooltip-module_tooltip__emM6A{padding:10px;position:absolute;z-index:1}.tooltip-module_tooltip-rel__to9gq{align-items:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;display:flex;height:auto;justify-content:center;min-height:10px;min-width:30px;position:relative;width:auto}.tooltip-module_tooltip-decor__qvt7t{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;height:10px;position:absolute;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);width:10px;z-index:-1}";
|
|
1842
1892
|
var styles$4 = {"tooltip-block":"tooltip-module_tooltip-block__v8U9u","tooltip":"tooltip-module_tooltip__emM6A","tooltip-rel":"tooltip-module_tooltip-rel__to9gq","tooltip-decor":"tooltip-module_tooltip-decor__qvt7t"};
|
|
1843
|
-
styleInject(css_248z$
|
|
1893
|
+
styleInject(css_248z$6);
|
|
1844
1894
|
|
|
1845
1895
|
const Tooltip = ({
|
|
1846
1896
|
type,
|
|
@@ -1970,9 +2020,9 @@ const SvgCaptchaArrowDown = ({
|
|
|
1970
2020
|
fill: "#00236A"
|
|
1971
2021
|
}));
|
|
1972
2022
|
|
|
1973
|
-
var css_248z$
|
|
2023
|
+
var css_248z$5 = ".captcha-module_start-point__LkOqy:after{background-color:#d1d1d1;border:2px solid #fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;content:\"\";height:10px;left:0;position:absolute;top:7.5px;width:10px;z-index:-1}.captcha-module_range__k24I2{-webkit-appearance:none;margin:0}.captcha-module_range__k24I2::-webkit-slider-runnable-track{-webkit-appearance:none;width:100%}.captcha-module_range-default__-O0QD::-webkit-slider-thumb{background-image:url(../../assets/range-arrow-default.svg)}.captcha-module_range-default__-O0QD::-webkit-slider-thumb,.captcha-module_range-error__FKMfG::-webkit-slider-thumb{-webkit-appearance:none;background-position:-5px;background-repeat:no-repeat;background-size:46px 46px;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;-ms-border-radius:17px;-o-border-radius:17px;cursor:ew-resize;height:34px;width:34px}.captcha-module_range-error__FKMfG::-webkit-slider-thumb{background-image:url(../../assets/range-arrow-error.svg)}.captcha-module_range-success__VzLPq::-webkit-slider-thumb{-webkit-appearance:none;background-image:url(../../assets/range-arrow-success.svg);background-position:-5px;background-repeat:no-repeat;background-size:46px 46px;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;-ms-border-radius:17px;-o-border-radius:17px;cursor:ew-resize;height:34px;width:34px}";
|
|
1974
2024
|
var styles$3 = {"start-point":"captcha-module_start-point__LkOqy","range":"captcha-module_range__k24I2","range-default":"captcha-module_range-default__-O0QD","range-error":"captcha-module_range-error__FKMfG","range-success":"captcha-module_range-success__VzLPq"};
|
|
1975
|
-
styleInject(css_248z$
|
|
2025
|
+
styleInject(css_248z$5);
|
|
1976
2026
|
|
|
1977
2027
|
const Captcha = ({
|
|
1978
2028
|
size,
|
|
@@ -2094,9 +2144,9 @@ Captcha.propTypes = {
|
|
|
2094
2144
|
getRange: PropTypes__default["default"].func.isRequired
|
|
2095
2145
|
};
|
|
2096
2146
|
|
|
2097
|
-
var css_248z$
|
|
2147
|
+
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}";
|
|
2098
2148
|
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"};
|
|
2099
|
-
styleInject(css_248z$
|
|
2149
|
+
styleInject(css_248z$4);
|
|
2100
2150
|
|
|
2101
2151
|
const Stepper = ({
|
|
2102
2152
|
className,
|
|
@@ -2924,8 +2974,8 @@ NewFile.defaultProps = {
|
|
|
2924
2974
|
fileExtensions: ['jpg', 'jpeg', 'png', 'pdf']
|
|
2925
2975
|
};
|
|
2926
2976
|
|
|
2927
|
-
var css_248z$
|
|
2928
|
-
styleInject(css_248z$
|
|
2977
|
+
var css_248z$3 = "textarea::-webkit-scrollbar{width:6px}textarea::-webkit-scrollbar-track{background:#eee}textarea::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-track{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}textarea::-webkit-scrollbar-thumb{background:#d1d1d1}";
|
|
2978
|
+
styleInject(css_248z$3);
|
|
2929
2979
|
|
|
2930
2980
|
const Textarea = ({
|
|
2931
2981
|
size,
|
|
@@ -3104,6 +3154,105 @@ Textarea.propTypes = {
|
|
|
3104
3154
|
labelRequiredColor: PropTypes__default["default"].string
|
|
3105
3155
|
};
|
|
3106
3156
|
|
|
3157
|
+
var css_248z$2 = "";
|
|
3158
|
+
styleInject(css_248z$2);
|
|
3159
|
+
|
|
3160
|
+
const TypographyType = {
|
|
3161
|
+
p: 'p',
|
|
3162
|
+
h1: 'h1',
|
|
3163
|
+
h2: 'h2',
|
|
3164
|
+
h3: 'h3',
|
|
3165
|
+
h4: 'h4',
|
|
3166
|
+
h5: 'h5',
|
|
3167
|
+
h6: 'h6',
|
|
3168
|
+
span: 'span'
|
|
3169
|
+
};
|
|
3170
|
+
const Typography = ({
|
|
3171
|
+
size,
|
|
3172
|
+
color,
|
|
3173
|
+
weight,
|
|
3174
|
+
radius,
|
|
3175
|
+
border,
|
|
3176
|
+
cursor,
|
|
3177
|
+
variant,
|
|
3178
|
+
onClick,
|
|
3179
|
+
children,
|
|
3180
|
+
textAlign,
|
|
3181
|
+
fontStyle,
|
|
3182
|
+
className,
|
|
3183
|
+
textShadow,
|
|
3184
|
+
lineHeight,
|
|
3185
|
+
colorHover,
|
|
3186
|
+
fontFamily,
|
|
3187
|
+
textTransform,
|
|
3188
|
+
textDecoration,
|
|
3189
|
+
backgroundColor,
|
|
3190
|
+
...props
|
|
3191
|
+
}) => {
|
|
3192
|
+
const configStyles = compereConfigs();
|
|
3193
|
+
const classProps = classnames__default["default"](className);
|
|
3194
|
+
const [isHover, setIsHover] = React.useState(false);
|
|
3195
|
+
const [validVariant, setValidVariant] = React.useState(false);
|
|
3196
|
+
React.useEffect(() => {
|
|
3197
|
+
if (!Object.values(TypographyType).includes(variant)) {
|
|
3198
|
+
setValidVariant(true);
|
|
3199
|
+
}
|
|
3200
|
+
}, [variant]);
|
|
3201
|
+
const handleMouseEnter = () => {
|
|
3202
|
+
setIsHover(true);
|
|
3203
|
+
};
|
|
3204
|
+
const handleMouseLeave = () => {
|
|
3205
|
+
setIsHover(false);
|
|
3206
|
+
};
|
|
3207
|
+
const tagT = /*#__PURE__*/React__default["default"].createElement(variant, {
|
|
3208
|
+
style: {
|
|
3209
|
+
border: border ? border : configStyles.TYPOGRAPHY.border,
|
|
3210
|
+
cursor: cursor ? cursor : configStyles.TYPOGRAPHY.cursor,
|
|
3211
|
+
borderRadius: radius ? radius : configStyles.TYPOGRAPHY.radius,
|
|
3212
|
+
fontSize: size ? size : configStyles.TYPOGRAPHY['size' + variant],
|
|
3213
|
+
fontWeight: weight ? weight : configStyles.TYPOGRAPHY['weight' + variant],
|
|
3214
|
+
textShadow: textShadow ? textShadow : configStyles.TYPOGRAPHY.textShadow,
|
|
3215
|
+
textAlign: textAlign ? textAlign : configStyles.TYPOGRAPHY['textAlign' + variant],
|
|
3216
|
+
fontStyle: fontStyle ? fontStyle : configStyles.TYPOGRAPHY['fontStyle' + variant],
|
|
3217
|
+
lineHeight: lineHeight ? lineHeight : configStyles.TYPOGRAPHY['lineHeight' + variant],
|
|
3218
|
+
fontFamily: fontFamily ? fontFamily : configStyles.TYPOGRAPHY['fontFamily' + variant],
|
|
3219
|
+
textTransform: textTransform ? textTransform : configStyles.TYPOGRAPHY['textTransform' + variant],
|
|
3220
|
+
textDecoration: textDecoration ? textDecoration : configStyles.TYPOGRAPHY['textDecoration' + variant],
|
|
3221
|
+
backgroundColor: backgroundColor ? backgroundColor : configStyles.TYPOGRAPHY['backgroundColor' + variant],
|
|
3222
|
+
color: isHover ? colorHover ? colorHover : color ? color : configStyles.TYPOGRAPHY['color' + variant] : color ? color : configStyles.TYPOGRAPHY['color' + variant]
|
|
3223
|
+
},
|
|
3224
|
+
...props,
|
|
3225
|
+
className: classProps,
|
|
3226
|
+
onClick: onClick ? onClick : _ => _,
|
|
3227
|
+
onMouseEnter: handleMouseEnter,
|
|
3228
|
+
onMouseLeave: handleMouseLeave
|
|
3229
|
+
}, [children]);
|
|
3230
|
+
return validVariant ? 'Please set Typography valid variant' : tagT;
|
|
3231
|
+
};
|
|
3232
|
+
Typography.propTypes = {
|
|
3233
|
+
size: PropTypes__default["default"].string,
|
|
3234
|
+
color: PropTypes__default["default"].string,
|
|
3235
|
+
onClick: PropTypes__default["default"].func,
|
|
3236
|
+
weight: PropTypes__default["default"].string,
|
|
3237
|
+
border: PropTypes__default["default"].string,
|
|
3238
|
+
cursor: PropTypes__default["default"].string,
|
|
3239
|
+
radius: PropTypes__default["default"].string,
|
|
3240
|
+
textAlign: PropTypes__default["default"].string,
|
|
3241
|
+
className: PropTypes__default["default"].string,
|
|
3242
|
+
fontStyle: PropTypes__default["default"].string,
|
|
3243
|
+
lineHeight: PropTypes__default["default"].string,
|
|
3244
|
+
textShadow: PropTypes__default["default"].string,
|
|
3245
|
+
fontFamily: PropTypes__default["default"].string,
|
|
3246
|
+
colorHover: PropTypes__default["default"].string,
|
|
3247
|
+
textTransform: PropTypes__default["default"].string,
|
|
3248
|
+
textDecoration: PropTypes__default["default"].string,
|
|
3249
|
+
backgroundColor: PropTypes__default["default"].string,
|
|
3250
|
+
variant: PropTypes__default["default"].oneOf(Object.values(TypographyType))
|
|
3251
|
+
};
|
|
3252
|
+
Typography.defaultProps = {
|
|
3253
|
+
variant: 'p'
|
|
3254
|
+
};
|
|
3255
|
+
|
|
3107
3256
|
var css_248z$1 = ".pagination-module_listItem__b1-WN:focus{background-color:#4caf50;color:#fff}.pagination-module_listItem__b1-WN:hover:not(.pagination-module_active__KwBDp){background-color:#ddd}.pagination-module_pagination-bar__MrtYT{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:center}.pagination-module_pagination-btn__w8Yh8{border:none;border-radius:6px;outline:none}.pagination-module_pagination-btn__w8Yh8,.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{align-items:center;background-color:#fff;box-shadow:0 0 0 1px #eee;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{border-radius:6px;flex:0 0 auto;font-size:13px;line-height:16px;position:relative;transition:background-color .24s}.pagination-module_pagination-item__t3emS:hover{background-color:#eee}.pagination-module_pagination-item__t3emS.pagination-module_selected__EXzCA{background-color:#00236a;color:#fff}.pagination-module_pagination-jump-next-arrow__aEVD8,.pagination-module_pagination-jump-next-txt__e7nFj{align-items:center;bottom:0;display:flex;font-size:12px;justify-content:center;left:0;line-height:14px;margin:auto;position:absolute;right:0;top:0;transition:opacity .24s,color .24s}.pagination-module_pagination-jump-next-arrow__aEVD8{opacity:0}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-arrow__aEVD8{opacity:1}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-txt__e7nFj{opacity:0}i{color:#3c393e;font-size:12px;line-height:12px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}";
|
|
3108
3257
|
var styles$1 = {"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"};
|
|
3109
3258
|
styleInject(css_248z$1);
|
|
@@ -3174,24 +3323,6 @@ const SvgDots = ({
|
|
|
3174
3323
|
fill: "#3C393E"
|
|
3175
3324
|
}));
|
|
3176
3325
|
|
|
3177
|
-
const SvgNextarrow = ({
|
|
3178
|
-
title,
|
|
3179
|
-
titleId,
|
|
3180
|
-
...props
|
|
3181
|
-
}) => /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
3182
|
-
width: "6",
|
|
3183
|
-
height: "12",
|
|
3184
|
-
viewBox: "0 0 6 12",
|
|
3185
|
-
fill: "none",
|
|
3186
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
3187
|
-
"aria-labelledby": titleId
|
|
3188
|
-
}, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
|
|
3189
|
-
id: titleId
|
|
3190
|
-
}, title) : null, /*#__PURE__*/React__namespace.createElement("path", {
|
|
3191
|
-
d: "M.851 11.998a.847.847 0 0 1-.847-.776.86.86 0 0 1 .193-.626l3.808-4.584L.333 1.419A.857.857 0 0 1 .46.213a.849.849 0 0 1 1.241.128l4.106 5.132a.859.859 0 0 1 0 1.086l-4.25 5.132a.85.85 0 0 1-.706.307Z",
|
|
3192
|
-
fill: "#3C393E"
|
|
3193
|
-
}));
|
|
3194
|
-
|
|
3195
3326
|
const Pagination = ({
|
|
3196
3327
|
goTo,
|
|
3197
3328
|
onChange,
|
|
@@ -3500,6 +3631,7 @@ const NewAutocomplete = ({
|
|
|
3500
3631
|
getItem,
|
|
3501
3632
|
required,
|
|
3502
3633
|
disabled,
|
|
3634
|
+
selected,
|
|
3503
3635
|
errorSize,
|
|
3504
3636
|
labelSize,
|
|
3505
3637
|
errorColor,
|
|
@@ -3614,7 +3746,7 @@ const NewAutocomplete = ({
|
|
|
3614
3746
|
getItem(selectedValue);
|
|
3615
3747
|
setInnerValue(selectedValue.name);
|
|
3616
3748
|
};
|
|
3617
|
-
const optionList = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, show && innerOptions ? innerOptions.length > 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3749
|
+
const optionList = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, show && innerOptions && !disabled ? innerOptions.length > 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3618
3750
|
style: {
|
|
3619
3751
|
left: contentBottomLeft ? contentBottomLeft : configStyles.NEWAUTOCOMPLETE.contentBottomLeft,
|
|
3620
3752
|
width: contentBottomWidth ? contentBottomWidth : configStyles.NEWAUTOCOMPLETE.contentBottomWidth,
|
|
@@ -3684,12 +3816,19 @@ const NewAutocomplete = ({
|
|
|
3684
3816
|
alert('Please add getItem function for get choosen item from autocomplete');
|
|
3685
3817
|
}
|
|
3686
3818
|
options && setInnerOptions(options);
|
|
3687
|
-
}, [options, options
|
|
3819
|
+
}, [options, options?.length, getItem]);
|
|
3688
3820
|
React.useEffect(() => {
|
|
3689
3821
|
if (!change) {
|
|
3690
3822
|
alert('Please add change prop on New Autocomplete component');
|
|
3691
3823
|
}
|
|
3692
3824
|
}, [change]);
|
|
3825
|
+
React.useEffect(() => {
|
|
3826
|
+
if (selected) {
|
|
3827
|
+
setInnerValue(selected);
|
|
3828
|
+
} else {
|
|
3829
|
+
setInnerValue('');
|
|
3830
|
+
}
|
|
3831
|
+
}, [selected, selected?.length]);
|
|
3693
3832
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, label ? /*#__PURE__*/React__default["default"].createElement("label", {
|
|
3694
3833
|
style: {
|
|
3695
3834
|
color: labelColor ? labelColor : configStyles.NEWAUTOCOMPLETE.labelColor,
|
|
@@ -3754,6 +3893,7 @@ NewAutocomplete.propTypes = {
|
|
|
3754
3893
|
label: PropTypes__default["default"].string,
|
|
3755
3894
|
required: PropTypes__default["default"].bool,
|
|
3756
3895
|
disabled: PropTypes__default["default"].bool,
|
|
3896
|
+
selected: PropTypes__default["default"].string,
|
|
3757
3897
|
errorSize: PropTypes__default["default"].string,
|
|
3758
3898
|
labelSize: PropTypes__default["default"].string,
|
|
3759
3899
|
errorColor: PropTypes__default["default"].string,
|