react-asc 25.7.4 → 25.8.1
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/index.d.ts +2 -0
- package/index.es.js +309 -271
- package/index.js +309 -271
- package/lib/components/Button/Button.d.ts +1 -0
- package/lib/components/IconButton/IconButton.d.ts +1 -0
- package/package.json +1 -1
package/index.es.js
CHANGED
|
@@ -278,55 +278,154 @@ const Icon = (props) => {
|
|
|
278
278
|
return (jsx("div", { className: getCssClasses(), ...rest, children: children }));
|
|
279
279
|
};
|
|
280
280
|
|
|
281
|
-
var css_248z$11 = ".
|
|
282
|
-
var styles$11 = {"
|
|
281
|
+
var css_248z$11 = ".LoadingIndicator-module_loadingIndicatorContainer__GS9OG {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n}\n.LoadingIndicator-module_loadingIndicatorContainer__GS9OG.LoadingIndicator-module_isFixed__WCFNG {\n position: fixed;\n top: 0;\n left: 0;\n}\n\n.LoadingIndicator-module_loadingIndicator__EC9sx {\n animation-name: LoadingIndicator-module_spinAnimation__LeY4Z;\n animation-duration: 5000ms;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n width: 24px;\n height: 24px;\n}\n\n@keyframes LoadingIndicator-module_spinAnimation__LeY4Z {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}";
|
|
282
|
+
var styles$11 = {"loadingIndicatorContainer":"LoadingIndicator-module_loadingIndicatorContainer__GS9OG","isFixed":"LoadingIndicator-module_isFixed__WCFNG","loadingIndicator":"LoadingIndicator-module_loadingIndicator__EC9sx","spinAnimation":"LoadingIndicator-module_spinAnimation__LeY4Z"};
|
|
283
283
|
styleInject(css_248z$11);
|
|
284
284
|
|
|
285
|
+
const LoadingIndicator = ({ ...rest }) => {
|
|
286
|
+
const getCssClasses = () => {
|
|
287
|
+
const cssClasses = [];
|
|
288
|
+
cssClasses.push(styles$11.loadingIndicator);
|
|
289
|
+
return cssClasses.filter(css => css).join(' ');
|
|
290
|
+
};
|
|
291
|
+
return (jsx("div", { className: getCssClasses(), ...rest, children: jsx(SpinnerSolidIcon, {}) }));
|
|
292
|
+
};
|
|
293
|
+
|
|
294
|
+
const LoadingIndicatorContainer = ({ children, isFixed }) => {
|
|
295
|
+
const getCssClasses = () => {
|
|
296
|
+
const cssClasses = [];
|
|
297
|
+
cssClasses.push(styles$11.loadingIndicatorContainer);
|
|
298
|
+
isFixed && cssClasses.push(styles$11.isFixed);
|
|
299
|
+
return cssClasses.filter(css => css).join(' ');
|
|
300
|
+
};
|
|
301
|
+
return (jsx("div", { className: getCssClasses(), children: children }));
|
|
302
|
+
};
|
|
303
|
+
|
|
304
|
+
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
305
|
+
|
|
306
|
+
function createCommonjsModule(fn, module) {
|
|
307
|
+
return module = { exports: {} }, fn(module, module.exports), module.exports;
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
var client = createCommonjsModule(function (module, exports) {
|
|
311
|
+
|
|
312
|
+
|
|
313
|
+
if (process.env.NODE_ENV === 'production') {
|
|
314
|
+
exports.createRoot = reactDom.createRoot;
|
|
315
|
+
exports.hydrateRoot = reactDom.hydrateRoot;
|
|
316
|
+
} else {
|
|
317
|
+
var i = reactDom.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
318
|
+
exports.createRoot = function(c, o) {
|
|
319
|
+
i.usingClientEntryPoint = true;
|
|
320
|
+
try {
|
|
321
|
+
return reactDom.createRoot(c, o);
|
|
322
|
+
} finally {
|
|
323
|
+
i.usingClientEntryPoint = false;
|
|
324
|
+
}
|
|
325
|
+
};
|
|
326
|
+
exports.hydrateRoot = function(c, h, o) {
|
|
327
|
+
i.usingClientEntryPoint = true;
|
|
328
|
+
try {
|
|
329
|
+
return reactDom.hydrateRoot(c, h, o);
|
|
330
|
+
} finally {
|
|
331
|
+
i.usingClientEntryPoint = false;
|
|
332
|
+
}
|
|
333
|
+
};
|
|
334
|
+
}
|
|
335
|
+
});
|
|
336
|
+
var client_1 = client.createRoot;
|
|
337
|
+
client.hydrateRoot;
|
|
338
|
+
|
|
339
|
+
class LoadingIndicatorService {
|
|
340
|
+
show() {
|
|
341
|
+
if (this.container) {
|
|
342
|
+
this.hide();
|
|
343
|
+
}
|
|
344
|
+
this.container = document.createElement('div');
|
|
345
|
+
this.container.classList.add('snackbar-container');
|
|
346
|
+
document.body.appendChild(this.container);
|
|
347
|
+
this.root = client_1(this.container);
|
|
348
|
+
this.root.render(jsx(LoadingIndicatorContainer, { isFixed: true, children: jsx(LoadingIndicator, {}) }));
|
|
349
|
+
}
|
|
350
|
+
hide() {
|
|
351
|
+
if (this.container) {
|
|
352
|
+
this.root?.unmount();
|
|
353
|
+
document.body.removeChild(this.container);
|
|
354
|
+
this.container = undefined;
|
|
355
|
+
this.handler && clearTimeout(this.handler);
|
|
356
|
+
}
|
|
357
|
+
}
|
|
358
|
+
}
|
|
359
|
+
const loadingIndicatorService = new LoadingIndicatorService();
|
|
360
|
+
|
|
361
|
+
var css_248z$10 = ".IconButton-module_iconButton__rpCPQ {\n border-radius: 100%;\n padding: 0px;\n display: flex;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n min-width: auto;\n box-shadow: none;\n font-weight: 400;\n text-align: center;\n vertical-align: middle;\n -webkit-user-select: none;\n user-select: none;\n background-color: transparent;\n font-size: 1rem;\n line-height: 1.5;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n border: none;\n}\n.IconButton-module_iconButton__rpCPQ:hover {\n cursor: pointer;\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_shadow__Uw0RK {\n box-shadow: var(--shadow);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_md__XnuSk {\n width: 48px;\n height: 48px;\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_lg__arEvo {\n width: 56px;\n height: 56px;\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag {\n padding: 0;\n background: transparent;\n color: inherit;\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_active__VIqU9 {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G {\n color: var(--primary);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G.IconButton-module_active__VIqU9 {\n color: var(--primary-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY {\n color: var(--secondary);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY.IconButton-module_active__VIqU9 {\n color: var(--secondary-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2 {\n color: var(--accent);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2.IconButton-module_active__VIqU9 {\n color: var(--accent-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO {\n color: var(--light);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO.IconButton-module_active__VIqU9 {\n color: var(--light-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH {\n color: var(--dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH.IconButton-module_active__VIqU9 {\n color: var(--dark-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_disabled__QB0ZV {\n color: rgba(0, 0, 0, 0.26);\n background-color: transparent;\n cursor: default;\n pointer-events: none;\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_active__VIqU9 {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G {\n background-color: var(--primary);\n color: var(--white);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G.IconButton-module_active__VIqU9 {\n background-color: var(--primary-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY {\n background-color: var(--secondary);\n color: var(--white);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY.IconButton-module_active__VIqU9 {\n background-color: var(--secondary-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2 {\n background-color: var(--accent);\n color: var(--white);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2.IconButton-module_active__VIqU9 {\n background-color: var(--accent-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO {\n background-color: var(--light);\n color: var(--dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO.IconButton-module_active__VIqU9 {\n background-color: var(--light-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH {\n background-color: var(--dark);\n color: var(--white);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH.IconButton-module_active__VIqU9 {\n background-color: var(--dark-light);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_disabled__QB0ZV {\n color: rgba(0, 0, 0, 0.26);\n background-color: transparent;\n cursor: default;\n pointer-events: none;\n}\n.IconButton-module_iconButton__rpCPQ:focus:not(.IconButton-module_iconButton__rpCPQ.IconButton-module_disabled__QB0ZV) {\n border-color: #86b7fe;\n outline: 0;\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039), 0 0 0 0.25rem rgba(13, 110, 253, 0.2509803922);\n}";
|
|
362
|
+
var styles$10 = {"iconButton":"IconButton-module_iconButton__rpCPQ","shadow":"IconButton-module_shadow__Uw0RK","md":"IconButton-module_md__XnuSk","lg":"IconButton-module_lg__arEvo","text":"IconButton-module_text__Ualag","active":"IconButton-module_active__VIqU9","primary":"IconButton-module_primary__vbo-G","secondary":"IconButton-module_secondary__AiNAY","accent":"IconButton-module_accent__QRzM2","light":"IconButton-module_light__YNEiO","dark":"IconButton-module_dark__gnbUH","disabled":"IconButton-module_disabled__QB0ZV","contained":"IconButton-module_contained__k7vGA"};
|
|
363
|
+
styleInject(css_248z$10);
|
|
364
|
+
|
|
285
365
|
const IconButton = (props) => {
|
|
286
|
-
const { children, icon, variant = VARIANT.text, color = COLOR.dark, size = SIZE.md, isActive, disabled, className, shadow, ...rest } = props;
|
|
366
|
+
const { children, icon, variant = VARIANT.text, color = COLOR.dark, size = SIZE.md, isActive, disabled, loading, className, shadow, ...rest } = props;
|
|
367
|
+
const [isDisabled, setIsDisabled] = useState(false);
|
|
368
|
+
const [isLoading, setIsLoading] = useState(false);
|
|
369
|
+
useEffect(() => {
|
|
370
|
+
if (loading) {
|
|
371
|
+
setIsLoading(true);
|
|
372
|
+
setIsDisabled(true);
|
|
373
|
+
}
|
|
374
|
+
else {
|
|
375
|
+
setIsLoading(false);
|
|
376
|
+
if (disabled !== true) {
|
|
377
|
+
setIsDisabled(false);
|
|
378
|
+
}
|
|
379
|
+
}
|
|
380
|
+
}, [loading]);
|
|
381
|
+
useEffect(() => {
|
|
382
|
+
if (disabled !== undefined) {
|
|
383
|
+
setIsDisabled(disabled);
|
|
384
|
+
}
|
|
385
|
+
}, [disabled]);
|
|
287
386
|
const getCssClasses = () => {
|
|
288
387
|
const cssClasses = [];
|
|
289
|
-
cssClasses.push(styles$
|
|
290
|
-
cssClasses.push(styles$
|
|
291
|
-
cssClasses.push(styles$
|
|
292
|
-
cssClasses.push(styles$
|
|
293
|
-
isActive && cssClasses.push(styles$
|
|
294
|
-
disabled && cssClasses.push(styles$
|
|
295
|
-
shadow && cssClasses.push(styles$
|
|
388
|
+
cssClasses.push(styles$10[color]);
|
|
389
|
+
cssClasses.push(styles$10[variant]);
|
|
390
|
+
cssClasses.push(styles$10[size]);
|
|
391
|
+
cssClasses.push(styles$10.iconButton);
|
|
392
|
+
isActive && cssClasses.push(styles$10.active);
|
|
393
|
+
disabled && cssClasses.push(styles$10.disabled);
|
|
394
|
+
shadow && cssClasses.push(styles$10.shadow);
|
|
296
395
|
className && cssClasses.push(className);
|
|
297
396
|
return cssClasses.filter(css => css).join(' ');
|
|
298
397
|
};
|
|
299
|
-
return (jsxs("button", { type: "button", className: getCssClasses(), disabled:
|
|
398
|
+
return (jsxs("button", { type: "button", className: getCssClasses(), disabled: isDisabled, ...rest, children: [isLoading && (jsx(LoadingIndicatorContainer, { children: jsx(LoadingIndicator, {}) })), !isLoading && (jsxs(Fragment$1, { children: [icon && jsx(Icon, { children: icon }), children] }))] }));
|
|
300
399
|
};
|
|
301
400
|
|
|
302
|
-
var css_248z
|
|
303
|
-
var styles
|
|
304
|
-
styleInject(css_248z
|
|
401
|
+
var css_248z$$ = ".List-module_list__gpZ41 {\n width: 100%;\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n margin-top: 0;\n background-color: var(--white);\n}";
|
|
402
|
+
var styles$$ = {"list":"List-module_list__gpZ41"};
|
|
403
|
+
styleInject(css_248z$$);
|
|
305
404
|
|
|
306
405
|
const List = (props) => {
|
|
307
406
|
const { children, className, isFlush, ...rest } = props;
|
|
308
407
|
const getCssClasses = () => {
|
|
309
408
|
const cssClasses = [];
|
|
310
|
-
isFlush && cssClasses.push(styles
|
|
311
|
-
cssClasses.push(styles
|
|
409
|
+
isFlush && cssClasses.push(styles$$.flush);
|
|
410
|
+
cssClasses.push(styles$$.list);
|
|
312
411
|
className && cssClasses.push(className);
|
|
313
412
|
return cssClasses.filter(css => css).join(' ');
|
|
314
413
|
};
|
|
315
414
|
return (jsx("ul", { className: getCssClasses(), ...rest, children: children }));
|
|
316
415
|
};
|
|
317
416
|
|
|
318
|
-
var css_248z
|
|
319
|
-
var styles
|
|
320
|
-
styleInject(css_248z
|
|
417
|
+
var css_248z$_ = ".ListItem-module_listItem__Pk1AP {\n display: flex;\n align-items: center;\n position: relative;\n padding: 0.75rem 1.25rem;\n min-width: 100%;\n color: var(--bodyColor);\n text-align: inherit;\n transition: background 0.5s ease;\n}\n.ListItem-module_listItem__Pk1AP:hover, .ListItem-module_listItem__Pk1AP.ListItem-module_active__zm2q8 {\n cursor: pointer;\n z-index: 1;\n text-decoration: none;\n background-color: rgba(0, 0, 0, 0.04);\n color: var(--primary);\n}\n.ListItem-module_listItem__Pk1AP + .ListItem-module_listItem__Pk1AP {\n border-top-width: 0;\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_primary__F6Qja {\n color: var(--primary-contrast-text);\n background-color: var(--primary);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_accent__pg3Ha {\n color: var(--accent-contrast-text);\n background-color: var(--accent);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_secondary__d0drD {\n color: var(--secondary-contrast-text);\n background-color: var(--secondary);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_light__37kby {\n color: var(--light-contrast-text);\n background-color: var(--light);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_dark__ZxQTF {\n color: var(--dark-contrast-text);\n background-color: var(--dark);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl {\n color: rgba(0, 0, 0, 0.26);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl:hover {\n cursor: not-allowed;\n background-color: inherit;\n}";
|
|
418
|
+
var styles$_ = {"listItem":"ListItem-module_listItem__Pk1AP","active":"ListItem-module_active__zm2q8","primary":"ListItem-module_primary__F6Qja","accent":"ListItem-module_accent__pg3Ha","secondary":"ListItem-module_secondary__d0drD","light":"ListItem-module_light__37kby","dark":"ListItem-module_dark__ZxQTF","disabled":"ListItem-module_disabled__DQLKl"};
|
|
419
|
+
styleInject(css_248z$_);
|
|
321
420
|
|
|
322
421
|
const ListItem = (props) => {
|
|
323
422
|
const { children, color, active, className, disabled, onClick, ...rest } = props;
|
|
324
423
|
const getCssClasses = () => {
|
|
325
424
|
const cssClasses = [];
|
|
326
|
-
cssClasses.push(styles
|
|
327
|
-
color && cssClasses.push(styles
|
|
328
|
-
active && cssClasses.push(styles
|
|
329
|
-
disabled && cssClasses.push(styles
|
|
425
|
+
cssClasses.push(styles$_.listItem);
|
|
426
|
+
color && cssClasses.push(styles$_[color]);
|
|
427
|
+
active && cssClasses.push(styles$_['active']);
|
|
428
|
+
disabled && cssClasses.push(styles$_['disabled']);
|
|
330
429
|
className && cssClasses.push(className);
|
|
331
430
|
return cssClasses.filter(css => css).join(' ');
|
|
332
431
|
};
|
|
@@ -336,32 +435,32 @@ const ListItem = (props) => {
|
|
|
336
435
|
return (jsx("li", { onClick: handleClick, className: getCssClasses(), ...rest, children: children }));
|
|
337
436
|
};
|
|
338
437
|
|
|
339
|
-
var css_248z$
|
|
340
|
-
var styles$
|
|
341
|
-
styleInject(css_248z$_);
|
|
342
|
-
|
|
343
|
-
const ListItemAvatar = ({ avatar, ...rest }) => (jsx("div", { className: styles$_.avatar, ...rest, children: avatar }));
|
|
344
|
-
|
|
345
|
-
var css_248z$Z = ".ListItemIcon-module_icon__cCvEv {\n margin-right: 32px;\n}\n.ListItemIcon-module_icon__cCvEv svg {\n width: 24px;\n height: 24px;\n}";
|
|
346
|
-
var styles$Z = {"icon":"ListItemIcon-module_icon__cCvEv"};
|
|
438
|
+
var css_248z$Z = ".ListItemAvatar-module_avatar__sVWfR {\n display: flex;\n align-items: center;\n margin-right: 16px;\n}\n.ListItemAvatar-module_avatar__sVWfR svg, .ListItemAvatar-module_avatar__sVWfR img {\n width: 24px;\n height: 24px;\n}\n.ListItemAvatar-module_avatar__sVWfR img {\n border-radius: 50%;\n}";
|
|
439
|
+
var styles$Z = {"avatar":"ListItemAvatar-module_avatar__sVWfR"};
|
|
347
440
|
styleInject(css_248z$Z);
|
|
348
441
|
|
|
349
|
-
const
|
|
442
|
+
const ListItemAvatar = ({ avatar, ...rest }) => (jsx("div", { className: styles$Z.avatar, ...rest, children: avatar }));
|
|
350
443
|
|
|
351
|
-
var css_248z$Y = ".
|
|
352
|
-
var styles$Y = {"
|
|
444
|
+
var css_248z$Y = ".ListItemIcon-module_icon__cCvEv {\n margin-right: 32px;\n}\n.ListItemIcon-module_icon__cCvEv svg {\n width: 24px;\n height: 24px;\n}";
|
|
445
|
+
var styles$Y = {"icon":"ListItemIcon-module_icon__cCvEv"};
|
|
353
446
|
styleInject(css_248z$Y);
|
|
354
447
|
|
|
355
|
-
const
|
|
448
|
+
const ListItemIcon = ({ icon, ...rest }) => (jsx("div", { className: styles$Y.icon, ...rest, children: icon }));
|
|
356
449
|
|
|
357
|
-
var css_248z$X = ".
|
|
358
|
-
var styles$X = {"
|
|
450
|
+
var css_248z$X = ".ListItemAction-module_listItemAction__gAQRj {\n display: flex;\n justify-content: center;\n min-width: 40px;\n}\n.ListItemAction-module_listItemAction__gAQRj svg {\n width: 20px;\n height: 20px;\n}";
|
|
451
|
+
var styles$X = {"listItemAction":"ListItemAction-module_listItemAction__gAQRj"};
|
|
359
452
|
styleInject(css_248z$X);
|
|
360
453
|
|
|
454
|
+
const ListItemAction = ({ children, onClick, ...rest }) => (jsx("div", { className: styles$X.listItemAction, onClick: (e) => onClick && onClick(e), ...rest, children: children }));
|
|
455
|
+
|
|
456
|
+
var css_248z$W = ".ListItemTextIcon-module_listItemText__xCBLW {\n flex: 1;\n}";
|
|
457
|
+
var styles$W = {"listItemText":"ListItemTextIcon-module_listItemText__xCBLW"};
|
|
458
|
+
styleInject(css_248z$W);
|
|
459
|
+
|
|
361
460
|
const ListItemText = ({ primary, secondary, ...rest }) => {
|
|
362
461
|
const getCssClasses = () => {
|
|
363
462
|
const cssClasses = [];
|
|
364
|
-
cssClasses.push(styles$
|
|
463
|
+
cssClasses.push(styles$W.listItemText);
|
|
365
464
|
return cssClasses.filter(css => css).join(' ');
|
|
366
465
|
};
|
|
367
466
|
return (jsxs("div", { className: getCssClasses(), ...rest, children: [jsx(ListItemTextPrimary, { children: primary }), secondary &&
|
|
@@ -370,9 +469,9 @@ const ListItemText = ({ primary, secondary, ...rest }) => {
|
|
|
370
469
|
const ListItemTextPrimary = ({ children }) => (jsx("div", { className: "list-item-text-primary", children: children }));
|
|
371
470
|
const ListItemTextSecondary = ({ children }) => (jsx("div", { className: "list-item-text-secondary text-muted", style: { fontSize: '0.875rem' }, children: children }));
|
|
372
471
|
|
|
373
|
-
var css_248z$
|
|
374
|
-
var styles$
|
|
375
|
-
styleInject(css_248z$
|
|
472
|
+
var css_248z$V = ".AutoComplete-module_selectContainer__1kA85 {\n position: relative;\n}\n\n.AutoComplete-module_select__NNYOi {\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ced4da;\n appearance: none;\n border-radius: 0.25rem;\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039);\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n min-height: calc(1.5em + 0.75rem + 2px);\n height: auto;\n display: flex;\n}\n.AutoComplete-module_select__NNYOi:hover {\n cursor: pointer;\n}\n.AutoComplete-module_select__NNYOi:focus:not(.AutoComplete-module_select__NNYOi.AutoComplete-module_disabled__CbGP4) {\n color: #212529;\n background-color: #fff;\n border-color: #86b7fe;\n outline: 0;\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039), 0 0 0 0.25rem rgba(13, 110, 253, 0.2509803922);\n}\n.AutoComplete-module_select__NNYOi:disabled, .AutoComplete-module_select__NNYOi:read-only {\n background-color: #e9ecef;\n}\n.AutoComplete-module_select__NNYOi:disabled:hover {\n cursor: not-allowed;\n}\n.AutoComplete-module_select__NNYOi:read-only:hover {\n cursor: inherit;\n}\n\n.AutoComplete-module_selectMenu__Gu81L {\n background-color: var(--light);\n position: absolute;\n box-shadow: var(--shadow);\n border-radius: var(--borderRadius);\n width: 100%;\n top: 38px;\n z-index: 1050;\n max-height: 280px;\n overflow: auto;\n}";
|
|
473
|
+
var styles$V = {"selectContainer":"AutoComplete-module_selectContainer__1kA85","select":"AutoComplete-module_select__NNYOi","disabled":"AutoComplete-module_disabled__CbGP4","selectMenu":"AutoComplete-module_selectMenu__Gu81L"};
|
|
474
|
+
styleInject(css_248z$V);
|
|
376
475
|
|
|
377
476
|
// preset value
|
|
378
477
|
// enter -> delay? -> show results
|
|
@@ -420,7 +519,7 @@ const AutoComplete = (props) => {
|
|
|
420
519
|
const getCssClass = () => {
|
|
421
520
|
const cssClasses = [];
|
|
422
521
|
className && cssClasses.push(className);
|
|
423
|
-
cssClasses.push(styles$
|
|
522
|
+
cssClasses.push(styles$V.select);
|
|
424
523
|
return cssClasses.filter(r => r).join(' ');
|
|
425
524
|
};
|
|
426
525
|
const show = () => setIsShow(true);
|
|
@@ -444,34 +543,34 @@ const AutoComplete = (props) => {
|
|
|
444
543
|
setModel('');
|
|
445
544
|
setSearchText('');
|
|
446
545
|
};
|
|
447
|
-
return (jsxs("div", { ref: selectConainter, className: styles$
|
|
546
|
+
return (jsxs("div", { ref: selectConainter, className: styles$V.selectContainer, children: [jsxs("div", { className: "d-flex", children: [jsx("input", { type: "text", className: getCssClass(), id: id, name: name, tabIndex: 0, readOnly: readOnly, disabled: disabled, onChange: handleOnChange, onFocus: handleOnFocus, placeholder: placeholder, value: model }), showClearButton && model?.length > 0 && jsx(IconButton, { icon: jsx(TimesSolidIcon, {}), onClick: handleClickReset })] }), isShow && (jsxs(Fragment$1, { children: [jsx("div", { className: styles$V.selectMenu, children: jsx(List, { children: _options &&
|
|
448
547
|
_options.map((option, index) => (jsx(ListItem, { id: `list-item-${index}`, onClick: () => handleOnClick(option), disabled: !option.value, children: jsx(ListItemText, { primary: option.label ? option.label : option.value }) }, option.value))) }) }), jsx(Backdrop, { isTransparent: true, onClick: () => hide() })] }))] }));
|
|
449
548
|
};
|
|
450
549
|
|
|
451
|
-
var css_248z$
|
|
452
|
-
var styles$
|
|
453
|
-
styleInject(css_248z$
|
|
550
|
+
var css_248z$U = ".Badge-module_badgeContainer__3nZBs {\n display: inline-flex;\n position: relative;\n flex-shrink: 0;\n vertical-align: middle;\n}\n\n.Badge-module_badge__9ImR0 {\n top: 0;\n right: 0;\n transform: scale(1) translate(50%, -50%);\n transform-origin: 100% 0%;\n height: 20px;\n display: flex;\n padding: 0 6px;\n z-index: 1;\n position: absolute;\n flex-wrap: wrap;\n font-size: 0.75rem;\n min-width: 20px;\n align-items: center;\n font-weight: 500;\n line-height: 1;\n align-content: center;\n flex-direction: row;\n justify-content: center;\n border-radius: 10px;\n transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.Badge-module_badge__9ImR0.Badge-module_primary__41U-t {\n color: var(--primary-contrast-text);\n background-color: var(--primary);\n}\n.Badge-module_badge__9ImR0.Badge-module_accent__OQy2- {\n color: var(--accent-contrast-text);\n background-color: var(--accent);\n}\n.Badge-module_badge__9ImR0.Badge-module_secondary__a9Jfh {\n color: var(--secondary-contrast-text);\n background-color: var(--secondary);\n}\n.Badge-module_badge__9ImR0.Badge-module_light__4QvQ5 {\n color: var(--light-contrast-text);\n background-color: var(--light);\n}\n.Badge-module_badge__9ImR0.Badge-module_dark__g1yUJ {\n color: var(--dark-contrast-text);\n background-color: var(--dark);\n}";
|
|
551
|
+
var styles$U = {"badgeContainer":"Badge-module_badgeContainer__3nZBs","badge":"Badge-module_badge__9ImR0","primary":"Badge-module_primary__41U-t","accent":"Badge-module_accent__OQy2-","secondary":"Badge-module_secondary__a9Jfh","light":"Badge-module_light__4QvQ5","dark":"Badge-module_dark__g1yUJ"};
|
|
552
|
+
styleInject(css_248z$U);
|
|
454
553
|
|
|
455
554
|
const Badge = (props) => {
|
|
456
555
|
const { children, content, className, color = COLOR.primary, ...rest } = props;
|
|
457
|
-
const [cssClassName] = useCssClasses([styles$
|
|
556
|
+
const [cssClassName] = useCssClasses([styles$U.badge, styles$U[color], className]);
|
|
458
557
|
return (jsxs(BadgeContainer, { children: [children, jsx("span", { className: cssClassName, ...rest, children: content })] }));
|
|
459
558
|
};
|
|
460
559
|
const BadgeContainer = (props) => {
|
|
461
560
|
const { children, className, ...rest } = props;
|
|
462
|
-
const [cssClassName] = useCssClasses([styles$
|
|
561
|
+
const [cssClassName] = useCssClasses([styles$U.badgeContainer, className]);
|
|
463
562
|
return (jsx("div", { className: cssClassName, ...rest, children: children }));
|
|
464
563
|
};
|
|
465
564
|
|
|
466
|
-
var css_248z$
|
|
467
|
-
var styles$
|
|
468
|
-
styleInject(css_248z$
|
|
565
|
+
var css_248z$T = ".Breadcrumb-module_breadcrumb__-pvAn {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n list-style: none;\n margin: 0;\n}";
|
|
566
|
+
var styles$T = {"breadcrumb":"Breadcrumb-module_breadcrumb__-pvAn"};
|
|
567
|
+
styleInject(css_248z$T);
|
|
469
568
|
|
|
470
569
|
const Breadcrumb = (props) => {
|
|
471
570
|
const { children, className, ...rest } = props;
|
|
472
571
|
const getCssClasses = () => {
|
|
473
572
|
const cssClasses = [];
|
|
474
|
-
cssClasses.push(styles$
|
|
573
|
+
cssClasses.push(styles$T.breadcrumb);
|
|
475
574
|
className && cssClasses.push(className);
|
|
476
575
|
return cssClasses.filter(css => css).join(' ');
|
|
477
576
|
};
|
|
@@ -480,15 +579,15 @@ const Breadcrumb = (props) => {
|
|
|
480
579
|
|
|
481
580
|
const ConditionalWrapper = ({ condition, wrapper, children }) => condition ? wrapper(children) : children;
|
|
482
581
|
|
|
483
|
-
var css_248z$
|
|
484
|
-
var styles$
|
|
485
|
-
styleInject(css_248z$
|
|
582
|
+
var css_248z$S = ".BreadcrumbItem-module_breadcrumbItem__zsUq- {\n display: flex;\n align-items: center;\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq- + .BreadcrumbItem-module_breadcrumbItem__zsUq- {\n padding-left: 0.5rem;\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq- + .BreadcrumbItem-module_breadcrumbItem__zsUq-::before {\n float: left;\n padding-right: 0.5rem;\n color: #6c757d;\n content: \"/\";\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq- a:not([href]):not([class]) {\n color: var(--primary);\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq-:hover {\n cursor: pointer;\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq-.BreadcrumbItem-module_active__Kn1dA:hover {\n cursor: unset;\n}";
|
|
583
|
+
var styles$S = {"breadcrumbItem":"BreadcrumbItem-module_breadcrumbItem__zsUq-","active":"BreadcrumbItem-module_active__Kn1dA"};
|
|
584
|
+
styleInject(css_248z$S);
|
|
486
585
|
|
|
487
586
|
const BreadcrumbItem = (props) => {
|
|
488
587
|
const { children, className, isActive, onClick } = props;
|
|
489
588
|
const getCssClasses = () => {
|
|
490
589
|
const cssClasses = [];
|
|
491
|
-
cssClasses.push(styles$
|
|
590
|
+
cssClasses.push(styles$S.breadcrumbItem);
|
|
492
591
|
className && cssClasses.push(className);
|
|
493
592
|
isActive && cssClasses.push('active');
|
|
494
593
|
return cssClasses.filter(css => css).join(' ');
|
|
@@ -499,9 +598,9 @@ const BreadcrumbItem = (props) => {
|
|
|
499
598
|
return (jsx("li", { className: getCssClasses(), onClick: handleClick, children: jsx(ConditionalWrapper, { condition: !isActive, wrapper: (label) => jsx("a", { children: label }), children: children }) }));
|
|
500
599
|
};
|
|
501
600
|
|
|
502
|
-
var css_248z$
|
|
503
|
-
var styles$
|
|
504
|
-
styleInject(css_248z$
|
|
601
|
+
var css_248z$R = ".Button-module_button__qeIer {\n text-transform: uppercase;\n flex-shrink: 0;\n background-color: transparent;\n display: inline-block;\n font-weight: 400;\n line-height: 1.5;\n text-align: center;\n text-decoration: none;\n vertical-align: middle;\n user-select: none;\n border: 1px solid transparent;\n padding: 0.375rem 0.75rem;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n min-width: 64px;\n font-size: 0.875rem;\n border-radius: var(--borderRadius);\n}\n.Button-module_button__qeIer.Button-module_shadow__6N2nE {\n box-shadow: var(--shadow);\n}\n.Button-module_button__qeIer.Button-module_block__JIazf {\n width: 100%;\n}\n.Button-module_button__qeIer:hover:not(:disabled) {\n cursor: pointer;\n}\n.Button-module_button__qeIer:focus:not(:disabled) {\n border-color: var(--primary-highlight);\n outline: 0;\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039), 0 0 0 0.25rem var(--primary-highlight);\n}\n\n.Button-module_btnContained__16y5l.Button-module_primary__EUyOu {\n color: var(--primary-contrast-text);\n background-color: var(--primary);\n}\n.Button-module_btnContained__16y5l.Button-module_primary__EUyOu:hover:not(:disabled) {\n background-color: var(--primary-dark);\n}\n.Button-module_btnContained__16y5l.Button-module_accent__opVgQ {\n color: var(--accent-contrast-text);\n background-color: var(--accent);\n}\n.Button-module_btnContained__16y5l.Button-module_accent__opVgQ:hover:not(:disabled) {\n background-color: var(--accent-dark);\n}\n.Button-module_btnContained__16y5l.Button-module_secondary__zKoGk {\n color: var(--secondary-contrast-text);\n background-color: var(--secondary);\n}\n.Button-module_btnContained__16y5l.Button-module_secondary__zKoGk:hover:not(:disabled) {\n background-color: var(--secondary-dark);\n}\n.Button-module_btnContained__16y5l.Button-module_light__LXeZy {\n color: var(--light-contrast-text);\n background-color: var(--light);\n}\n.Button-module_btnContained__16y5l.Button-module_light__LXeZy:hover:not(:disabled) {\n background-color: var(--light-dark);\n}\n.Button-module_btnContained__16y5l.Button-module_dark__5oFOT {\n color: var(--dark-contrast-text);\n background-color: var(--dark);\n}\n.Button-module_btnContained__16y5l.Button-module_dark__5oFOT:hover:not(:disabled) {\n background-color: var(--dark-dark);\n}\n.Button-module_btnContained__16y5l:disabled {\n color: rgba(0, 0, 0, 0.26);\n box-shadow: none;\n background-color: rgba(0, 0, 0, 0.12);\n}\n.Button-module_btnContained__16y5l:disabled:hover {\n cursor: not-allowed;\n}\n\n.Button-module_btnText__N5Gys {\n box-shadow: none;\n text-decoration: none;\n}\n.Button-module_btnText__N5Gys.Button-module_primary__EUyOu {\n color: var(--primary);\n}\n.Button-module_btnText__N5Gys.Button-module_primary__EUyOu:hover:not(:disabled) {\n text-decoration: none;\n background: var(--primary-highlight);\n}\n.Button-module_btnText__N5Gys.Button-module_secondary__zKoGk {\n color: var(--secondary);\n}\n.Button-module_btnText__N5Gys.Button-module_secondary__zKoGk:hover:not(:disabled) {\n text-decoration: none;\n background: var(--secondary-highlight);\n}\n.Button-module_btnText__N5Gys.Button-module_accent__opVgQ {\n color: var(--accent);\n}\n.Button-module_btnText__N5Gys.Button-module_accent__opVgQ:hover:not(:disabled) {\n text-decoration: none;\n background: var(--accent-highlight);\n}\n.Button-module_btnText__N5Gys.Button-module_light__LXeZy {\n color: var(--light-contrast-text);\n}\n.Button-module_btnText__N5Gys.Button-module_light__LXeZy:hover:not(:disabled) {\n text-decoration: none;\n background: var(--light-highlight);\n}\n.Button-module_btnText__N5Gys.Button-module_dark__5oFOT {\n color: var(--dark);\n}\n.Button-module_btnText__N5Gys.Button-module_dark__5oFOT:hover:not(:disabled) {\n text-decoration: none;\n background: var(--dark-highlight);\n}\n\n.Button-module_btnOutline__CCFPI {\n box-shadow: none;\n text-decoration: none;\n}\n.Button-module_btnOutline__CCFPI.Button-module_primary__EUyOu {\n color: var(--primary);\n border-color: var(--primary);\n}\n.Button-module_btnOutline__CCFPI.Button-module_primary__EUyOu:hover:not(:disabled) {\n background: var(--primary-highlight);\n}\n.Button-module_btnOutline__CCFPI.Button-module_secondary__zKoGk {\n color: var(--secondary);\n border-color: var(--secondary);\n}\n.Button-module_btnOutline__CCFPI.Button-module_secondary__zKoGk:hover:not(:disabled) {\n background: var(--secondary-highlight);\n}\n.Button-module_btnOutline__CCFPI.Button-module_accent__opVgQ {\n color: var(--accent);\n border-color: var(--accent);\n}\n.Button-module_btnOutline__CCFPI.Button-module_accent__opVgQ:hover:not(:disabled) {\n background: var(--accent-highlight);\n}\n.Button-module_btnOutline__CCFPI.Button-module_light__LXeZy {\n color: var(--light-contrast-text);\n border-color: var(--light);\n}\n.Button-module_btnOutline__CCFPI.Button-module_light__LXeZy:hover:not(:disabled) {\n background: var(--light-highlight);\n}\n.Button-module_btnOutline__CCFPI.Button-module_dark__5oFOT {\n color: var(--dark);\n border-color: var(--dark);\n}\n.Button-module_btnOutline__CCFPI.Button-module_dark__5oFOT:hover:not(:disabled) {\n background: var(--dark-highlight);\n}\n.Button-module_btnOutline__CCFPI:disabled {\n color: rgba(0, 0, 0, 0.26);\n border: 1px solid rgba(0, 0, 0, 0.12);\n}\n\n.Button-module_startIcon__Eylwr {\n display: inherit;\n margin-left: -4px;\n margin-right: 8px;\n}\n.Button-module_startIcon__Eylwr svg {\n width: 18px;\n height: 18px;\n}\n\n.Button-module_endIcon__pCffL {\n display: inherit;\n margin-left: 8px;\n}\n.Button-module_endIcon__pCffL svg {\n width: 18px;\n height: 18px;\n}";
|
|
602
|
+
var styles$R = {"button":"Button-module_button__qeIer","shadow":"Button-module_shadow__6N2nE","block":"Button-module_block__JIazf","btnContained":"Button-module_btnContained__16y5l","primary":"Button-module_primary__EUyOu","accent":"Button-module_accent__opVgQ","secondary":"Button-module_secondary__zKoGk","light":"Button-module_light__LXeZy","dark":"Button-module_dark__5oFOT","btnText":"Button-module_btnText__N5Gys","btnOutline":"Button-module_btnOutline__CCFPI","startIcon":"Button-module_startIcon__Eylwr","endIcon":"Button-module_endIcon__pCffL"};
|
|
603
|
+
styleInject(css_248z$R);
|
|
505
604
|
|
|
506
605
|
const ButtonContext = createContext({
|
|
507
606
|
color: null
|
|
@@ -509,23 +608,42 @@ const ButtonContext = createContext({
|
|
|
509
608
|
const useButtonContext = () => useContext(ButtonContext);
|
|
510
609
|
|
|
511
610
|
const Button = props => {
|
|
512
|
-
const { children, variant = VARIANT.contained, color = COLOR.primary, isRounded, isActive, className, startIcon, endIcon, shadow = true, block, ...rest } = props;
|
|
611
|
+
const { children, variant = VARIANT.contained, color = COLOR.primary, isRounded, isActive, className, startIcon, endIcon, shadow = true, block, loading, disabled, ...rest } = props;
|
|
612
|
+
const [isDisabled, setIsDisabled] = useState(false);
|
|
613
|
+
const [isLoading, setIsLoading] = useState(false);
|
|
614
|
+
useEffect(() => {
|
|
615
|
+
if (loading) {
|
|
616
|
+
setIsLoading(true);
|
|
617
|
+
setIsDisabled(true);
|
|
618
|
+
}
|
|
619
|
+
else {
|
|
620
|
+
setIsLoading(false);
|
|
621
|
+
if (disabled !== true) {
|
|
622
|
+
setIsDisabled(false);
|
|
623
|
+
}
|
|
624
|
+
}
|
|
625
|
+
}, [loading]);
|
|
626
|
+
useEffect(() => {
|
|
627
|
+
if (disabled !== undefined) {
|
|
628
|
+
setIsDisabled(disabled);
|
|
629
|
+
}
|
|
630
|
+
}, [disabled]);
|
|
513
631
|
const buttonContext = useButtonContext();
|
|
514
632
|
const getCssClasses = () => {
|
|
515
633
|
const cssClasses = [];
|
|
516
|
-
cssClasses.push(styles$
|
|
634
|
+
cssClasses.push(styles$R.button);
|
|
517
635
|
const buttonColor = buttonContext.color || color;
|
|
518
636
|
if (variant !== 'outline' && variant !== 'text') {
|
|
519
|
-
cssClasses.push(styles$
|
|
520
|
-
cssClasses.push(styles$
|
|
637
|
+
cssClasses.push(styles$R.btnContained);
|
|
638
|
+
cssClasses.push(styles$R[buttonColor]);
|
|
521
639
|
}
|
|
522
640
|
if (variant === 'outline') {
|
|
523
|
-
cssClasses.push(styles$
|
|
524
|
-
cssClasses.push(styles$
|
|
641
|
+
cssClasses.push(styles$R.btnOutline);
|
|
642
|
+
cssClasses.push(styles$R[buttonColor]);
|
|
525
643
|
}
|
|
526
644
|
if (variant === 'text') {
|
|
527
|
-
cssClasses.push(styles$
|
|
528
|
-
cssClasses.push(styles$
|
|
645
|
+
cssClasses.push(styles$R.btnText);
|
|
646
|
+
cssClasses.push(styles$R[buttonColor]);
|
|
529
647
|
}
|
|
530
648
|
if (isRounded && variant !== 'text') {
|
|
531
649
|
cssClasses.push(`rounded-pill`);
|
|
@@ -533,138 +651,138 @@ const Button = props => {
|
|
|
533
651
|
if (isActive) {
|
|
534
652
|
cssClasses.push('active');
|
|
535
653
|
}
|
|
536
|
-
shadow && cssClasses.push(styles$
|
|
537
|
-
block && cssClasses.push(styles$
|
|
654
|
+
shadow && cssClasses.push(styles$R.shadow);
|
|
655
|
+
block && cssClasses.push(styles$R.block);
|
|
538
656
|
className && cssClasses.push(className);
|
|
539
657
|
return cssClasses.filter(css => css).join(' ');
|
|
540
658
|
};
|
|
541
|
-
return (jsx("button", { type: "button", className: getCssClasses(), ...rest, children: jsxs("span", { className: "d-flex justify-content-center", children: [startIcon && jsx(Icon, { className: styles$
|
|
659
|
+
return (jsx("button", { type: "button", className: getCssClasses(), disabled: isDisabled, ...rest, children: jsxs("span", { className: "d-flex justify-content-center", children: [isLoading && (jsx("div", { className: "mr-1", children: jsx(LoadingIndicatorContainer, { children: jsx(LoadingIndicator, {}) }) })), startIcon && jsx(Icon, { className: styles$R.startIcon, children: startIcon }), children, endIcon && jsx(Icon, { className: styles$R.endIcon, children: endIcon })] }) }));
|
|
542
660
|
};
|
|
543
661
|
|
|
544
|
-
var css_248z$
|
|
545
|
-
var styles$
|
|
546
|
-
styleInject(css_248z$
|
|
662
|
+
var css_248z$Q = ".ButtonGroup-module_buttonGroup__w6iB- {\n display: inline-flex;\n border-radius: 4px;\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n.ButtonGroup-module_buttonGroup__w6iB- button:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.ButtonGroup-module_buttonGroup__w6iB- button:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.ButtonGroup-module_buttonGroup__w6iB- button:not(:last-of-type) {\n border-right: 1px solid #bdbdbd;\n}";
|
|
663
|
+
var styles$Q = {"buttonGroup":"ButtonGroup-module_buttonGroup__w6iB-"};
|
|
664
|
+
styleInject(css_248z$Q);
|
|
547
665
|
|
|
548
666
|
const ButtonGroup = (props) => {
|
|
549
667
|
const { children, className, color, ...rest } = props;
|
|
550
668
|
const getCssClasses = () => {
|
|
551
669
|
const cssClasses = [];
|
|
552
|
-
cssClasses.push(styles$
|
|
670
|
+
cssClasses.push(styles$Q.buttonGroup);
|
|
553
671
|
className && cssClasses.push(className);
|
|
554
672
|
return cssClasses.filter(css => css).join(' ');
|
|
555
673
|
};
|
|
556
674
|
return (jsx(ButtonContext.Provider, { value: { color: color || COLOR.primary }, children: jsx("div", { className: getCssClasses(), role: "group", ...rest, children: children }) }));
|
|
557
675
|
};
|
|
558
676
|
|
|
559
|
-
var css_248z$
|
|
560
|
-
var styles$
|
|
561
|
-
styleInject(css_248z$
|
|
677
|
+
var css_248z$P = ".Card-module_card__TQdQq {\n background: var(--white);\n border-radius: var(--borderRadius);\n}\n.Card-module_card__TQdQq.Card-module_shadow__NxDVz {\n box-shadow: var(--shadow);\n}";
|
|
678
|
+
var styles$P = {"card":"Card-module_card__TQdQq","shadow":"Card-module_shadow__NxDVz"};
|
|
679
|
+
styleInject(css_248z$P);
|
|
562
680
|
|
|
563
681
|
const Card = (props) => {
|
|
564
682
|
const { children, className, shadow = true, ...rest } = props;
|
|
565
683
|
const getCssClasses = () => {
|
|
566
684
|
const cssClasses = [];
|
|
567
|
-
cssClasses.push(styles$
|
|
568
|
-
shadow && cssClasses.push(styles$
|
|
685
|
+
cssClasses.push(styles$P.card);
|
|
686
|
+
shadow && cssClasses.push(styles$P.shadow);
|
|
569
687
|
className && cssClasses.push(className);
|
|
570
688
|
return cssClasses.filter(css => css).join(' ');
|
|
571
689
|
};
|
|
572
690
|
return (jsx("div", { className: getCssClasses(), ...rest, children: children }));
|
|
573
691
|
};
|
|
574
692
|
|
|
575
|
-
var css_248z$
|
|
576
|
-
var styles$
|
|
577
|
-
styleInject(css_248z$
|
|
693
|
+
var css_248z$O = ".CardBody-module_cardBody__X52VY {\n flex: 1 1 auto;\n min-height: 1px;\n padding: 1.25rem;\n}";
|
|
694
|
+
var styles$O = {"cardBody":"CardBody-module_cardBody__X52VY"};
|
|
695
|
+
styleInject(css_248z$O);
|
|
578
696
|
|
|
579
697
|
const CardBody = (props) => {
|
|
580
698
|
const { children, className, ...rest } = props;
|
|
581
699
|
const getCssClasses = () => {
|
|
582
700
|
const cssClasses = [];
|
|
583
|
-
cssClasses.push(styles$
|
|
701
|
+
cssClasses.push(styles$O.cardBody);
|
|
584
702
|
className && cssClasses.push(className);
|
|
585
703
|
return cssClasses.filter(css => css).join(' ');
|
|
586
704
|
};
|
|
587
705
|
return (jsx("div", { className: getCssClasses(), ...rest, children: children }));
|
|
588
706
|
};
|
|
589
707
|
|
|
590
|
-
var css_248z$
|
|
591
|
-
var styles$
|
|
592
|
-
styleInject(css_248z$
|
|
708
|
+
var css_248z$N = ".CardFooter-module_cardFooter__BpOTG {\n padding: 0.75rem 1.25rem;\n background-color: rgba(0, 0, 0, 0.03);\n border-top: 1px solid rgba(0, 0, 0, 0.125);\n}\n.CardFooter-module_cardFooter__BpOTG:last-child {\n border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);\n}";
|
|
709
|
+
var styles$N = {"cardFooter":"CardFooter-module_cardFooter__BpOTG"};
|
|
710
|
+
styleInject(css_248z$N);
|
|
593
711
|
|
|
594
712
|
const CardFooter = (props) => {
|
|
595
713
|
const { children, className, ...rest } = props;
|
|
596
714
|
const getCssClasses = () => {
|
|
597
715
|
const cssClasses = [];
|
|
598
|
-
cssClasses.push(styles$
|
|
716
|
+
cssClasses.push(styles$N.cardFooter);
|
|
599
717
|
className && cssClasses.push(className);
|
|
600
718
|
return cssClasses.filter(css => css).join(' ');
|
|
601
719
|
};
|
|
602
720
|
return (jsx("div", { className: getCssClasses(), ...rest, children: children }));
|
|
603
721
|
};
|
|
604
722
|
|
|
605
|
-
var css_248z$
|
|
606
|
-
var styles$
|
|
607
|
-
styleInject(css_248z$
|
|
723
|
+
var css_248z$M = ".CardSubtitle-module_cardSubtitle__YdoRM {\n color: #6c757d !important;\n}";
|
|
724
|
+
var styles$M = {"cardSubtitle":"CardSubtitle-module_cardSubtitle__YdoRM"};
|
|
725
|
+
styleInject(css_248z$M);
|
|
608
726
|
|
|
609
727
|
const CardSubtitle = (props) => {
|
|
610
728
|
const { children, className, ...rest } = props;
|
|
611
729
|
const getCssClasses = () => {
|
|
612
730
|
const cssClasses = [];
|
|
613
|
-
cssClasses.push(styles$
|
|
731
|
+
cssClasses.push(styles$M.cardSubtitle);
|
|
614
732
|
className && cssClasses.push(className);
|
|
615
733
|
return cssClasses.filter(css => css).join(' ');
|
|
616
734
|
};
|
|
617
735
|
return (jsx("p", { className: getCssClasses(), ...rest, children: children }));
|
|
618
736
|
};
|
|
619
737
|
|
|
620
|
-
var css_248z$
|
|
621
|
-
var styles$
|
|
622
|
-
styleInject(css_248z$
|
|
738
|
+
var css_248z$L = ".CardText-module_cardText__UtYd9:last-child {\n margin-bottom: 0;\n}";
|
|
739
|
+
var styles$L = {"cardText":"CardText-module_cardText__UtYd9"};
|
|
740
|
+
styleInject(css_248z$L);
|
|
623
741
|
|
|
624
742
|
const CardText = (props) => {
|
|
625
743
|
const { children, className, ...rest } = props;
|
|
626
744
|
const getCssClasses = () => {
|
|
627
745
|
const cssClasses = [];
|
|
628
|
-
cssClasses.push(styles$
|
|
746
|
+
cssClasses.push(styles$L.cardText);
|
|
629
747
|
className && cssClasses.push(className);
|
|
630
748
|
return cssClasses.filter(css => css).join(' ');
|
|
631
749
|
};
|
|
632
750
|
return (jsx("p", { className: getCssClasses(), ...rest, children: children }));
|
|
633
751
|
};
|
|
634
752
|
|
|
635
|
-
var css_248z$
|
|
636
|
-
var styles$
|
|
637
|
-
styleInject(css_248z$
|
|
753
|
+
var css_248z$K = ".CardTitle-module_cardTitle__aiPSE {\n margin-bottom: 0;\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 1.334;\n letter-spacing: 0em;\n}";
|
|
754
|
+
var styles$K = {"cardTitle":"CardTitle-module_cardTitle__aiPSE"};
|
|
755
|
+
styleInject(css_248z$K);
|
|
638
756
|
|
|
639
757
|
const CardTitle = (props) => {
|
|
640
758
|
const { children, className, as: As = 'div', ...rest } = props;
|
|
641
759
|
const getCssClasses = () => {
|
|
642
760
|
const cssClasses = [];
|
|
643
|
-
cssClasses.push(styles$
|
|
761
|
+
cssClasses.push(styles$K.cardTitle);
|
|
644
762
|
className && cssClasses.push(className);
|
|
645
763
|
return cssClasses.filter(css => css).join(' ');
|
|
646
764
|
};
|
|
647
765
|
return (jsx(As, { className: getCssClasses(), ...rest, children: children }));
|
|
648
766
|
};
|
|
649
767
|
|
|
650
|
-
var css_248z$
|
|
651
|
-
var styles$
|
|
652
|
-
styleInject(css_248z$
|
|
768
|
+
var css_248z$J = ".CardImage-module_cardImage__Z6JWW {\n flex-shrink: 0;\n width: 100%;\n border-top-left-radius: calc(0.25rem - 1px);\n border-top-right-radius: calc(0.25rem - 1px);\n}";
|
|
769
|
+
var styles$J = {"cardImage":"CardImage-module_cardImage__Z6JWW"};
|
|
770
|
+
styleInject(css_248z$J);
|
|
653
771
|
|
|
654
772
|
const CardImage = (props) => {
|
|
655
773
|
const { src, alt, className, ...rest } = props;
|
|
656
774
|
const getCssClasses = () => {
|
|
657
775
|
const cssClasses = [];
|
|
658
|
-
cssClasses.push(styles$
|
|
776
|
+
cssClasses.push(styles$J.cardImage);
|
|
659
777
|
className && cssClasses.push(className);
|
|
660
778
|
return cssClasses.filter(css => css).join(' ');
|
|
661
779
|
};
|
|
662
780
|
return (jsx("img", { className: getCssClasses(), src: src, alt: alt, ...rest }));
|
|
663
781
|
};
|
|
664
782
|
|
|
665
|
-
var css_248z$
|
|
666
|
-
var styles$
|
|
667
|
-
styleInject(css_248z$
|
|
783
|
+
var css_248z$I = ".Checkbox-module_checkboxContainer__x2GCi {\n display: flex;\n align-items: center;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n\n.Checkbox-module_checkboxLabel__nPY4k:hover {\n cursor: pointer;\n}\n.Checkbox-module_checkboxLabel__nPY4k.Checkbox-module_disabled__wnFIG {\n color: rgba(0, 0, 0, 0.26);\n cursor: not-allowed;\n}\n.Checkbox-module_checkboxLabel__nPY4k.Checkbox-module_disabled__wnFIG:hover {\n cursor: not-allowed;\n}";
|
|
784
|
+
var styles$I = {"checkboxContainer":"Checkbox-module_checkboxContainer__x2GCi","checkboxLabel":"Checkbox-module_checkboxLabel__nPY4k","disabled":"Checkbox-module_disabled__wnFIG"};
|
|
785
|
+
styleInject(css_248z$I);
|
|
668
786
|
|
|
669
787
|
const Checkbox = (props) => {
|
|
670
788
|
const { id, checked, className, label, name, value = 'off', disabled, readOnly, ...rest } = props;
|
|
@@ -693,8 +811,8 @@ const Checkbox = (props) => {
|
|
|
693
811
|
};
|
|
694
812
|
const getCssClassesLabel = () => {
|
|
695
813
|
const cssClasses = [];
|
|
696
|
-
cssClasses.push(styles$
|
|
697
|
-
disabled && cssClasses.push(styles$
|
|
814
|
+
cssClasses.push(styles$I.checkboxLabel);
|
|
815
|
+
disabled && cssClasses.push(styles$I['disabled']);
|
|
698
816
|
return cssClasses.filter(css => css).join(' ');
|
|
699
817
|
};
|
|
700
818
|
const getIcon = () => {
|
|
@@ -706,21 +824,21 @@ const Checkbox = (props) => {
|
|
|
706
824
|
checkboxElement?.current?.click();
|
|
707
825
|
}
|
|
708
826
|
};
|
|
709
|
-
return (jsxs("div", { className: styles$
|
|
827
|
+
return (jsxs("div", { className: styles$I.checkboxContainer, children: [jsx(IconButton, { className: getCssClasses(), onClick: handleClick, icon: getIcon(), disabled: disabled || readOnly }), jsx("label", { onClick: handleClick, className: getCssClassesLabel(), children: label }), jsx("input", { type: "checkbox", ref: checkboxElement, id: id, name: name, checked: isChecked, disabled: disabled, readOnly: readOnly, hidden: true, value: value, ...rest })] }));
|
|
710
828
|
};
|
|
711
829
|
|
|
712
|
-
var css_248z$
|
|
713
|
-
var styles$
|
|
714
|
-
styleInject(css_248z$
|
|
830
|
+
var css_248z$H = ".Chip-module_chip__dZ5qz {\n display: inline-flex;\n align-items: center;\n padding: 0.5rem;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n font-size: 75%;\n font-weight: 700;\n border-radius: 10rem;\n line-height: 1;\n}\n.Chip-module_chip__dZ5qz span {\n margin-bottom: 2px;\n}\n.Chip-module_chip__dZ5qz svg {\n width: 18px;\n height: 18px;\n}\n.Chip-module_chip__dZ5qz .Chip-module_deleteIcon__--rUx {\n margin-left: 5px;\n}\n.Chip-module_chip__dZ5qz .Chip-module_deleteIcon__--rUx:hover {\n cursor: pointer;\n}\n.Chip-module_chip__dZ5qz.Chip-module_primary__YVDi9 {\n background: var(--primary);\n color: var(--primary-contrast-text);\n}\n.Chip-module_chip__dZ5qz.Chip-module_secondary__-e4xP {\n background: var(--secondary);\n color: var(--secondary-contrast-text);\n}\n.Chip-module_chip__dZ5qz.Chip-module_accent__ZCTwu {\n background: var(--accent);\n color: var(--accent-contrast-text);\n}\n.Chip-module_chip__dZ5qz.Chip-module_light__vKs7O {\n color: var(--light-contrast-text);\n background-color: var(--light);\n}\n.Chip-module_chip__dZ5qz.Chip-module_dark__G-FLQ {\n color: var(--dark-contrast-text);\n background-color: var(--dark);\n}\n.Chip-module_chip__dZ5qz.Chip-module_clickable__qAqVH:hover {\n cursor: pointer;\n}\n.Chip-module_chip__dZ5qz.Chip-module_clickable__qAqVH:hover.Chip-module_primary__YVDi9 {\n background: var(--primary-dark);\n}\n.Chip-module_chip__dZ5qz.Chip-module_clickable__qAqVH:hover.Chip-module_secondary__-e4xP {\n background: var(--secondary-dark);\n}\n.Chip-module_chip__dZ5qz.Chip-module_clickable__qAqVH:hover.Chip-module_accent__ZCTwu {\n background: var(--accent-dark);\n}\n.Chip-module_chip__dZ5qz.Chip-module_shadow__v11NF {\n box-shadow: var(--shadow);\n}";
|
|
831
|
+
var styles$H = {"chip":"Chip-module_chip__dZ5qz","deleteIcon":"Chip-module_deleteIcon__--rUx","primary":"Chip-module_primary__YVDi9","secondary":"Chip-module_secondary__-e4xP","accent":"Chip-module_accent__ZCTwu","light":"Chip-module_light__vKs7O","dark":"Chip-module_dark__G-FLQ","clickable":"Chip-module_clickable__qAqVH","shadow":"Chip-module_shadow__v11NF"};
|
|
832
|
+
styleInject(css_248z$H);
|
|
715
833
|
|
|
716
834
|
const Chip = (props) => {
|
|
717
835
|
const { children, color = 'secondary', className, shadow, onClick, isDeletable, onDelete, deleteIcon = jsx(TimesCircleSolidIcon, {}), style, ...rest } = props;
|
|
718
836
|
const getCssClass = () => {
|
|
719
837
|
const cssClasses = [];
|
|
720
|
-
cssClasses.push(styles$
|
|
721
|
-
cssClasses.push(styles$
|
|
722
|
-
shadow && cssClasses.push(styles$
|
|
723
|
-
onClick && cssClasses.push(styles$
|
|
838
|
+
cssClasses.push(styles$H.chip);
|
|
839
|
+
cssClasses.push(styles$H[color]);
|
|
840
|
+
shadow && cssClasses.push(styles$H['shadow']);
|
|
841
|
+
onClick && cssClasses.push(styles$H['clickable']);
|
|
724
842
|
className && cssClasses.push(className);
|
|
725
843
|
return cssClasses.filter(r => r).join(' ');
|
|
726
844
|
};
|
|
@@ -728,7 +846,7 @@ const Chip = (props) => {
|
|
|
728
846
|
e.stopPropagation();
|
|
729
847
|
onDelete && onDelete(e);
|
|
730
848
|
};
|
|
731
|
-
return (jsxs("div", { className: getCssClass(), ...rest, style: style, children: [jsx("span", { children: children }), isDeletable && (jsx("div", { className: styles$
|
|
849
|
+
return (jsxs("div", { className: getCssClass(), ...rest, style: style, children: [jsx("span", { children: children }), isDeletable && (jsx("div", { className: styles$H.deleteIcon, onClick: (e) => handleClickOnDelete(e), children: deleteIcon }))] }));
|
|
732
850
|
};
|
|
733
851
|
|
|
734
852
|
const CssTransition = (props) => {
|
|
@@ -806,12 +924,6 @@ const CssTransition = (props) => {
|
|
|
806
924
|
jsx("div", { ref: transitionConainter, className: getCssClasses(), children: children }) }));
|
|
807
925
|
};
|
|
808
926
|
|
|
809
|
-
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
810
|
-
|
|
811
|
-
function createCommonjsModule(fn, module) {
|
|
812
|
-
return module = { exports: {} }, fn(module, module.exports), module.exports;
|
|
813
|
-
}
|
|
814
|
-
|
|
815
927
|
/** @license React v16.13.1
|
|
816
928
|
* react-is.production.min.js
|
|
817
929
|
*
|
|
@@ -5011,9 +5123,9 @@ var Calendar = /** @class */ (function (_super) {
|
|
|
5011
5123
|
}(Component));
|
|
5012
5124
|
var Calendar$1 = Calendar;
|
|
5013
5125
|
|
|
5014
|
-
var css_248z$
|
|
5015
|
-
var styles$
|
|
5016
|
-
styleInject(css_248z$
|
|
5126
|
+
var css_248z$G = ".DatePicker-module_datePicker__mTJ3f {\n width: 100%;\n}";
|
|
5127
|
+
var styles$G = {"datePicker":"DatePicker-module_datePicker__mTJ3f"};
|
|
5128
|
+
styleInject(css_248z$G);
|
|
5017
5129
|
|
|
5018
5130
|
const DatePicker = (props) => {
|
|
5019
5131
|
const { value = new Date(), selectRange, minDate, maxDate,
|
|
@@ -5024,19 +5136,19 @@ const DatePicker = (props) => {
|
|
|
5024
5136
|
setCurrDate(value);
|
|
5025
5137
|
onChange && onChange(value);
|
|
5026
5138
|
};
|
|
5027
|
-
return (jsx(Calendar$1, { className: styles$
|
|
5139
|
+
return (jsx(Calendar$1, { className: styles$G.datePicker, value: currDate, minDate: minDate, maxDate: maxDate, selectRange: selectRange, onChange: handleOnChange, ...rest }));
|
|
5028
5140
|
};
|
|
5029
5141
|
|
|
5030
|
-
var css_248z$
|
|
5031
|
-
var styles$
|
|
5032
|
-
styleInject(css_248z$G);
|
|
5033
|
-
|
|
5034
|
-
var css_248z$F = ".FormError-module_isInvalid__tO1Sw {\n width: 100%;\n margin-top: 0.25rem;\n font-size: 0.875em;\n color: #dc3545;\n}";
|
|
5035
|
-
var styles$F = {"isInvalid":"FormError-module_isInvalid__tO1Sw"};
|
|
5142
|
+
var css_248z$F = ".Form-module_form__h9CkF > div {\n margin-bottom: 10px;\n}\n.Form-module_form__h9CkF :last-child {\n margin-bottom: 0;\n}";
|
|
5143
|
+
var styles$F = {"form":"Form-module_form__h9CkF"};
|
|
5036
5144
|
styleInject(css_248z$F);
|
|
5037
5145
|
|
|
5146
|
+
var css_248z$E = ".FormError-module_isInvalid__tO1Sw {\n width: 100%;\n margin-top: 0.25rem;\n font-size: 0.875em;\n color: #dc3545;\n}";
|
|
5147
|
+
var styles$E = {"isInvalid":"FormError-module_isInvalid__tO1Sw"};
|
|
5148
|
+
styleInject(css_248z$E);
|
|
5149
|
+
|
|
5038
5150
|
const FormError = (props) => {
|
|
5039
|
-
const { className = styles$
|
|
5151
|
+
const { className = styles$E.isInvalid, errors = [] } = props;
|
|
5040
5152
|
return (jsx(Fragment$2, { children: errors &&
|
|
5041
5153
|
jsx("div", { className: className, children: errors.map(e => jsx("div", { children: e.message }, e.validator)) }) }));
|
|
5042
5154
|
};
|
|
@@ -5078,9 +5190,9 @@ const FileInput = (props) => {
|
|
|
5078
5190
|
return (jsxs("div", { className: "d-flex align-items-start", children: [jsx(Button, { className: "flex-wrap", disabled: disabled, onClick: () => inputFileElement.current?.click(), children: children }), jsx("div", { className: "d-flex align-items-center flex-wrap ml-1", children: fileList && Array.from(fileList).map((file) => jsx(Chip, { isDeletable: deletable, onDelete: () => handleOnDelete(), children: file.name }, file.name)) }), jsx("input", { type: "file", ref: inputFileElement, className: getCssClasses(), id: id, name: name, multiple: multiple, accept: accept, disabled: disabled, readOnly: readOnly, hidden: true, onChange: handleOnChange, value: model, ...rest })] }));
|
|
5079
5191
|
};
|
|
5080
5192
|
|
|
5081
|
-
var css_248z$
|
|
5082
|
-
var styles$
|
|
5083
|
-
styleInject(css_248z$
|
|
5193
|
+
var css_248z$D = ".Select-module_selectContainer__DHFDZ {\n position: relative;\n}\n\n.Select-module_select__Fbn38 {\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ced4da;\n appearance: none;\n border-radius: 0.25rem;\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039);\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n align-items: center;\n min-height: calc(1.5em + 0.75rem + 2px);\n height: auto;\n display: flex;\n flex-wrap: wrap;\n}\n.Select-module_select__Fbn38 > span {\n flex: 1;\n}\n.Select-module_select__Fbn38:hover {\n cursor: pointer;\n}\n.Select-module_select__Fbn38:focus:not(.Select-module_select__Fbn38.Select-module_disabled__2XXut) {\n color: #212529;\n background-color: #fff;\n border-color: #86b7fe;\n outline: 0;\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039), 0 0 0 0.25rem rgba(13, 110, 253, 0.2509803922);\n}\n.Select-module_select__Fbn38.Select-module_disabled__2XXut, .Select-module_select__Fbn38.Select-module_readOnly__VoTER {\n background-color: #e9ecef;\n}\n.Select-module_select__Fbn38.Select-module_disabled__2XXut:hover {\n cursor: not-allowed;\n}\n.Select-module_select__Fbn38.Select-module_readOnly__VoTER:hover {\n cursor: inherit;\n}\n\n.Select-module_chipContainer__1poFF {\n gap: 10px;\n flex: 1;\n display: inline-flex;\n flex-wrap: wrap;\n}\n\n.Select-module_selectMenu__8y4kQ {\n background-color: var(--light);\n position: absolute;\n box-shadow: var(--shadow);\n border-radius: var(--borderRadius);\n width: 100%;\n top: 2px;\n z-index: 1112;\n max-height: 280px;\n overflow: auto;\n}";
|
|
5194
|
+
var styles$D = {"selectContainer":"Select-module_selectContainer__DHFDZ","select":"Select-module_select__Fbn38","disabled":"Select-module_disabled__2XXut","readOnly":"Select-module_readOnly__VoTER","chipContainer":"Select-module_chipContainer__1poFF","selectMenu":"Select-module_selectMenu__8y4kQ"};
|
|
5195
|
+
styleInject(css_248z$D);
|
|
5084
5196
|
|
|
5085
5197
|
const Select = (props) => {
|
|
5086
5198
|
const { id, className, options = [], value, multiple, multipleMaxCountItems = 5, disabled, readOnly, onChange, onKeyDown } = props;
|
|
@@ -5093,9 +5205,9 @@ const Select = (props) => {
|
|
|
5093
5205
|
const getCssClass = () => {
|
|
5094
5206
|
const cssClasses = [];
|
|
5095
5207
|
className && cssClasses.push(className);
|
|
5096
|
-
disabled && cssClasses.push(styles$
|
|
5097
|
-
readOnly && cssClasses.push(styles$
|
|
5098
|
-
cssClasses.push(styles$
|
|
5208
|
+
disabled && cssClasses.push(styles$D['disabled']);
|
|
5209
|
+
readOnly && cssClasses.push(styles$D['readOnly']);
|
|
5210
|
+
cssClasses.push(styles$D.select);
|
|
5099
5211
|
return cssClasses.filter(r => r).join(' ');
|
|
5100
5212
|
};
|
|
5101
5213
|
useEffect(() => {
|
|
@@ -5216,7 +5328,7 @@ const Select = (props) => {
|
|
|
5216
5328
|
}
|
|
5217
5329
|
}
|
|
5218
5330
|
};
|
|
5219
|
-
return (jsxs("div", { ref: selectConainter, className: styles$
|
|
5331
|
+
return (jsxs("div", { ref: selectConainter, className: styles$D.selectContainer, children: [jsx("div", { id: id, className: getCssClass(), onClick: () => show(), tabIndex: 0, onKeyDown: (e) => handleOnKeyDown(e), children: jsxs(Fragment$1, { children: [!multiple && renderSingleViewModel(), multiple && jsx("div", { className: styles$D.chipContainer, children: renderMultipleViewModel() }), jsx(Icon, { className: "ml-auto", children: jsx(ChevronDownSolidIcon, {}) })] }) }), isShow && (jsxs(Portal$1, { className: "backdrop-root", children: [jsx("div", { ref: selectMenu, className: styles$D.selectMenu, style: {
|
|
5220
5332
|
left: selectConainter.current?.getBoundingClientRect().x,
|
|
5221
5333
|
top: selectConainter.current?.getBoundingClientRect().y,
|
|
5222
5334
|
width: selectConainter.current?.getBoundingClientRect().width,
|
|
@@ -5224,33 +5336,33 @@ const Select = (props) => {
|
|
|
5224
5336
|
options.map((option, index) => (jsxs(ListItem, { id: `list-item-${index}`, onClick: () => handleOnClick(option), active: isActive(option), children: [multiple && jsx(Checkbox, { checked: isActive(option), onChange: () => handleOnClick(option) }), jsx(ListItemText, { primary: option.label ? option.label : option.value })] }, option.value))) }) }), jsx(Backdrop, { style: { zIndex: 1111 }, isTransparent: true, onClick: () => hide() })] }))] }));
|
|
5225
5337
|
};
|
|
5226
5338
|
|
|
5227
|
-
var css_248z$
|
|
5228
|
-
var styles$
|
|
5229
|
-
styleInject(css_248z$
|
|
5339
|
+
var css_248z$C = ".Textarea-module_textarea__L5zqa {\n display: block;\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n background-clip: padding-box;\n border: 2px solid var(--input-border-color);\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-radius: var(--borderRadius);\n resize: vertical;\n color: #212529;\n background-color: #fff;\n background-clip: padding-box;\n appearance: none;\n border-radius: 0.25rem;\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039);\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n border: 1px solid #ced4da;\n}\n.Textarea-module_textarea__L5zqa:focus:not(.Textarea-module_textarea__L5zqa.Textarea-module_disabled__OqqOF) {\n outline: none !important;\n border-color: var(--primary);\n}\n.Textarea-module_textarea__L5zqa.Textarea-module_isInvalid__JI01W {\n border-color: #dc3545;\n box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.2509803922);\n}";
|
|
5340
|
+
var styles$C = {"textarea":"Textarea-module_textarea__L5zqa","disabled":"Textarea-module_disabled__OqqOF","isInvalid":"Textarea-module_isInvalid__JI01W"};
|
|
5341
|
+
styleInject(css_248z$C);
|
|
5230
5342
|
|
|
5231
5343
|
const Textarea = (props) => {
|
|
5232
5344
|
const { className, error, ...rest } = props;
|
|
5233
5345
|
const getCssClass = () => {
|
|
5234
5346
|
const cssClasses = [];
|
|
5235
|
-
cssClasses.push(styles$
|
|
5347
|
+
cssClasses.push(styles$C.textarea);
|
|
5236
5348
|
className && cssClasses.push(className);
|
|
5237
|
-
error && cssClasses.push(styles$
|
|
5349
|
+
error && cssClasses.push(styles$C['isInvalid']);
|
|
5238
5350
|
return cssClasses.filter(r => r).join(' ');
|
|
5239
5351
|
};
|
|
5240
5352
|
return (jsx("textarea", { className: getCssClass(), ...rest }));
|
|
5241
5353
|
};
|
|
5242
5354
|
|
|
5243
|
-
var css_248z$
|
|
5244
|
-
var styles$
|
|
5245
|
-
styleInject(css_248z$
|
|
5355
|
+
var css_248z$B = ".FormInput-module_formInput__VXZip {\n display: block;\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ced4da;\n -webkit-appearance: none;\n appearance: none;\n border-radius: 0.25rem;\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n.FormInput-module_formInput__VXZip:focus:not(.FormInput-module_formInput__VXZip.FormInput-module_disabled__EjdD9) {\n color: #212529;\n background-color: #fff;\n border-color: #86b7fe;\n outline: 0;\n box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n}\n.FormInput-module_formInput__VXZip.FormInput-module_isInvalid__vQDuz {\n border-color: #dc3545;\n box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.2509803922);\n}";
|
|
5356
|
+
var styles$B = {"formInput":"FormInput-module_formInput__VXZip","disabled":"FormInput-module_disabled__EjdD9","isInvalid":"FormInput-module_isInvalid__vQDuz"};
|
|
5357
|
+
styleInject(css_248z$B);
|
|
5246
5358
|
|
|
5247
5359
|
const FormInput = (props) => {
|
|
5248
5360
|
const { value, name, type, placeholder, className, isValid = true, options = [], textareaOptions, selectOptions, autoCompleteOptions, autoFocus, label, disabled = false, readonly = false, onInput, onChange, onBlur, onKeyDown } = props;
|
|
5249
5361
|
const getCssClasses = () => {
|
|
5250
5362
|
const cssClasses = [];
|
|
5251
|
-
cssClasses.push(styles$
|
|
5363
|
+
cssClasses.push(styles$B.formInput);
|
|
5252
5364
|
className && cssClasses.push(className);
|
|
5253
|
-
!isValid && cssClasses.push(styles$
|
|
5365
|
+
!isValid && cssClasses.push(styles$B['isInvalid']);
|
|
5254
5366
|
return cssClasses.filter(css => css).join(' ');
|
|
5255
5367
|
};
|
|
5256
5368
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -5279,14 +5391,14 @@ const FormInput = (props) => {
|
|
|
5279
5391
|
jsx(Fragment$1, { children: options.map((option) => jsxs("div", { className: "form-check", children: [jsx("input", { id: option.id ? option.id : option.value, name: name, type: "radio", className: "form-check-input", onChange: (e) => handleOnChange((e?.target).value, type, name), value: option.value, checked: value === option.value, onKeyDown: onKeyDown }), jsx("label", { className: "form-check-label", htmlFor: option.id, children: option.label })] }, option.id)) })] }));
|
|
5280
5392
|
};
|
|
5281
5393
|
|
|
5282
|
-
var css_248z$
|
|
5283
|
-
var styles$
|
|
5284
|
-
styleInject(css_248z$
|
|
5394
|
+
var css_248z$A = ".FormLabel-module_formLabel__TXcHc {\n display: inline-block;\n margin-bottom: 0.5rem;\n}";
|
|
5395
|
+
var styles$A = {"formLabel":"FormLabel-module_formLabel__TXcHc"};
|
|
5396
|
+
styleInject(css_248z$A);
|
|
5285
5397
|
|
|
5286
5398
|
const FormLabel = ({ children, className, htmlFor, ...rest }) => {
|
|
5287
5399
|
const getCssClasses = () => {
|
|
5288
5400
|
const cssClasses = [];
|
|
5289
|
-
cssClasses.push(styles$
|
|
5401
|
+
cssClasses.push(styles$A.formLabel);
|
|
5290
5402
|
className && cssClasses.push(className);
|
|
5291
5403
|
return cssClasses.filter(css => css).join(' ');
|
|
5292
5404
|
};
|
|
@@ -5323,7 +5435,7 @@ class Form extends Component {
|
|
|
5323
5435
|
}
|
|
5324
5436
|
getCssClasses() {
|
|
5325
5437
|
const cssClasses = [];
|
|
5326
|
-
cssClasses.push(styles$
|
|
5438
|
+
cssClasses.push(styles$F.form);
|
|
5327
5439
|
this.props.className && cssClasses.push(this.props.className);
|
|
5328
5440
|
return cssClasses.filter(css => css).join(' ');
|
|
5329
5441
|
}
|
|
@@ -5521,29 +5633,29 @@ class FormControl {
|
|
|
5521
5633
|
}
|
|
5522
5634
|
}
|
|
5523
5635
|
|
|
5524
|
-
var css_248z$
|
|
5525
|
-
var styles$
|
|
5526
|
-
styleInject(css_248z$
|
|
5636
|
+
var css_248z$z = ".Column-module_column__fcTgl {\n flex: 1 0 0%;\n}\n\n@media (max-width: 575.98px) {\n .Column-module_column__fcTgl {\n flex: 1;\n }\n}";
|
|
5637
|
+
var styles$z = {"column":"Column-module_column__fcTgl"};
|
|
5638
|
+
styleInject(css_248z$z);
|
|
5527
5639
|
|
|
5528
5640
|
const Column = (props) => {
|
|
5529
5641
|
const { children, className, ...rest } = props;
|
|
5530
5642
|
const getCssClasses = () => {
|
|
5531
5643
|
const cssClasses = [];
|
|
5532
|
-
cssClasses.push(styles$
|
|
5644
|
+
cssClasses.push(styles$z.column);
|
|
5533
5645
|
className && cssClasses.push(className);
|
|
5534
5646
|
return cssClasses.filter(css => css).join(' ');
|
|
5535
5647
|
};
|
|
5536
5648
|
return (jsx("div", { className: getCssClasses(), ...rest, children: children }));
|
|
5537
5649
|
};
|
|
5538
5650
|
|
|
5539
|
-
var css_248z$
|
|
5540
|
-
var styles$
|
|
5541
|
-
styleInject(css_248z$
|
|
5651
|
+
var css_248z$y = ".Row-module_row__bTIWp {\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n}\n.Row-module_row__bTIWp > * {\n flex-shrink: 0;\n width: 100%;\n min-width: 0;\n max-width: 100%;\n}";
|
|
5652
|
+
var styles$y = {"row":"Row-module_row__bTIWp"};
|
|
5653
|
+
styleInject(css_248z$y);
|
|
5542
5654
|
|
|
5543
5655
|
const Row = ({ children, direction = 'row', className, ...rest }) => {
|
|
5544
5656
|
const getCssClasses = () => {
|
|
5545
5657
|
const cssClasses = [];
|
|
5546
|
-
cssClasses.push(styles$
|
|
5658
|
+
cssClasses.push(styles$y.row);
|
|
5547
5659
|
className && cssClasses.push(className);
|
|
5548
5660
|
direction && cssClasses.push(`flex-${direction}`);
|
|
5549
5661
|
return cssClasses.filter(css => css).join(' ');
|
|
@@ -5647,16 +5759,16 @@ const DateSelect = (props) => {
|
|
|
5647
5759
|
return (jsxs(Row, { className: getCssClasses(), children: [jsxs(Column, { children: [jsx(FormLabel, { children: "Year" }), jsx(YearSelect, { value: currDate.getFullYear(), disabled: disabled, from: yearConfig?.from, to: yearConfig?.to, onChange: (e) => handleOnChange(e, DATEMODE.YEAR) })] }), jsxs(Column, { children: [jsx(FormLabel, { children: "Month" }), jsx(MonthSelect, { value: currDate.getMonth(), disabled: disabled, onChange: (e) => handleOnChange(e, DATEMODE.MONTH) })] }), jsxs(Column, { children: [jsx(FormLabel, { children: "Day" }), jsx(DaySelect, { day: currDate.getDate(), month: currDate.getMonth(), year: currDate.getFullYear(), disabled: disabled, onChange: (e) => handleOnChange(e, DATEMODE.DAY) })] })] }));
|
|
5648
5760
|
};
|
|
5649
5761
|
|
|
5650
|
-
var css_248z$
|
|
5651
|
-
var styles$
|
|
5652
|
-
styleInject(css_248z$
|
|
5762
|
+
var css_248z$x = ".Drawer-module_drawer__kdQCk {\n height: 100%;\n z-index: 1101;\n bottom: 0;\n position: fixed;\n background: white;\n min-width: 320px;\n overflow-y: auto;\n}\n.Drawer-module_drawer__kdQCk.Drawer-module_permanent__c-y8y {\n position: inherit;\n z-index: 0;\n}\n.Drawer-module_drawer__kdQCk.Drawer-module_left__loQVO {\n order: 0;\n left: 0;\n}\n.Drawer-module_drawer__kdQCk.Drawer-module_right__sJ3mZ {\n order: 2;\n right: 0;\n}\n.Drawer-module_drawer__kdQCk.Drawer-module_shadow__Myo3n {\n box-shadow: var(--shadow);\n}\n\n.Drawer-module_drawerOpen__07ptP {\n overflow: hidden;\n}";
|
|
5763
|
+
var styles$x = {"drawer":"Drawer-module_drawer__kdQCk","permanent":"Drawer-module_permanent__c-y8y","left":"Drawer-module_left__loQVO","right":"Drawer-module_right__sJ3mZ","shadow":"Drawer-module_shadow__Myo3n","drawerOpen":"Drawer-module_drawerOpen__07ptP"};
|
|
5764
|
+
styleInject(css_248z$x);
|
|
5653
5765
|
|
|
5654
5766
|
const Drawer = (props) => {
|
|
5655
5767
|
const { children, className, position = 'left', permanent = false, target = document.body, shadow = true, onClickBackdrop, ...rest } = props;
|
|
5656
5768
|
useEffect(() => {
|
|
5657
|
-
document.body.classList.add(styles$
|
|
5769
|
+
document.body.classList.add(styles$x.drawerOpen);
|
|
5658
5770
|
return () => {
|
|
5659
|
-
document.body.classList.remove(styles$
|
|
5771
|
+
document.body.classList.remove(styles$x.drawerOpen);
|
|
5660
5772
|
};
|
|
5661
5773
|
}, []);
|
|
5662
5774
|
const handleClickBackdrop = () => {
|
|
@@ -5668,10 +5780,10 @@ const DrawerContent = (props) => {
|
|
|
5668
5780
|
const { children, className, position = 'left', permanent = false, shadow, ...rest } = props;
|
|
5669
5781
|
const getCssClasses = () => {
|
|
5670
5782
|
const cssClasses = [];
|
|
5671
|
-
cssClasses.push(styles$
|
|
5672
|
-
shadow && cssClasses.push(styles$
|
|
5673
|
-
!!permanent && cssClasses.push(styles$
|
|
5674
|
-
position === 'left' ? cssClasses.push(styles$
|
|
5783
|
+
cssClasses.push(styles$x.drawer);
|
|
5784
|
+
shadow && cssClasses.push(styles$x.shadow);
|
|
5785
|
+
!!permanent && cssClasses.push(styles$x['permanent']);
|
|
5786
|
+
position === 'left' ? cssClasses.push(styles$x['left']) : cssClasses.push(styles$x['right']);
|
|
5675
5787
|
className && cssClasses.push(className);
|
|
5676
5788
|
return cssClasses.filter(css => css).join(' ');
|
|
5677
5789
|
};
|
|
@@ -5685,21 +5797,21 @@ const DrawerContent = (props) => {
|
|
|
5685
5797
|
return (jsx("div", { className: getCssClasses(), style: getStyles(), ...rest, children: children }));
|
|
5686
5798
|
};
|
|
5687
5799
|
|
|
5688
|
-
var css_248z$
|
|
5689
|
-
var styles$
|
|
5690
|
-
styleInject(css_248z$x);
|
|
5691
|
-
|
|
5692
|
-
var css_248z$w = ".ExpansionPanelContent-module_expansionPanelContent__aXNfH {\n padding: 8px 16px 16px;\n}";
|
|
5693
|
-
var styles$w = {"expansionPanelContent":"ExpansionPanelContent-module_expansionPanelContent__aXNfH"};
|
|
5800
|
+
var css_248z$w = ".ExpansionPanel-module_expansionPanel__m1yQq {\n background-color: var(--white);\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n.ExpansionPanel-module_expansionPanel__m1yQq.ExpansionPanel-module_shadow__zIjJ6 {\n box-shadow: var(--shadow);\n}\n.ExpansionPanel-module_expansionPanel__m1yQq:first-child {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}\n.ExpansionPanel-module_expansionPanel__m1yQq:last-child {\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n.ExpansionPanel-module_expansionPanel__m1yQq.ExpansionPanel-module_isExpanded__TS1ph:first-child {\n margin-top: 0;\n}\n.ExpansionPanel-module_expansionPanel__m1yQq.ExpansionPanel-module_isExpanded__TS1ph:last-child {\n margin-bottom: 0;\n}";
|
|
5801
|
+
var styles$w = {"expansionPanel":"ExpansionPanel-module_expansionPanel__m1yQq","shadow":"ExpansionPanel-module_shadow__zIjJ6","isExpanded":"ExpansionPanel-module_isExpanded__TS1ph"};
|
|
5694
5802
|
styleInject(css_248z$w);
|
|
5695
5803
|
|
|
5804
|
+
var css_248z$v = ".ExpansionPanelContent-module_expansionPanelContent__aXNfH {\n padding: 8px 16px 16px;\n}";
|
|
5805
|
+
var styles$v = {"expansionPanelContent":"ExpansionPanelContent-module_expansionPanelContent__aXNfH"};
|
|
5806
|
+
styleInject(css_248z$v);
|
|
5807
|
+
|
|
5696
5808
|
const ExpansionPanelContent = ({ children }) => {
|
|
5697
|
-
return (jsx("div", { className: styles$
|
|
5809
|
+
return (jsx("div", { className: styles$v.expansionPanelContent, children: children }));
|
|
5698
5810
|
};
|
|
5699
5811
|
|
|
5700
|
-
var css_248z$
|
|
5701
|
-
var styles$
|
|
5702
|
-
styleInject(css_248z$
|
|
5812
|
+
var css_248z$u = ".ExpansionPanelHeader-module_expansionPanelHeader__Wy6Pq {\n display: flex;\n align-items: center;\n padding: 12px 16px;\n min-height: 48px;\n}\n.ExpansionPanelHeader-module_expansionPanelHeader__Wy6Pq:hover {\n cursor: pointer;\n background-color: var(--highlight);\n}";
|
|
5813
|
+
var styles$u = {"expansionPanelHeader":"ExpansionPanelHeader-module_expansionPanelHeader__Wy6Pq"};
|
|
5814
|
+
styleInject(css_248z$u);
|
|
5703
5815
|
|
|
5704
5816
|
const ExpansionPanelHeader = (props) => {
|
|
5705
5817
|
const { children, isExpanded, onClick } = props;
|
|
@@ -5707,7 +5819,7 @@ const ExpansionPanelHeader = (props) => {
|
|
|
5707
5819
|
e.stopPropagation();
|
|
5708
5820
|
onClick && onClick(e);
|
|
5709
5821
|
};
|
|
5710
|
-
return (jsxs("div", { className: styles$
|
|
5822
|
+
return (jsxs("div", { className: styles$u.expansionPanelHeader, onClick: handleClick, children: [children, jsx("span", { className: "ml-auto text-muted", children: jsx(Icon, { children: isExpanded ? jsx(ChevronUpSolidIcon, {}) : jsx(ChevronDownSolidIcon, {}) }) })] }));
|
|
5711
5823
|
};
|
|
5712
5824
|
|
|
5713
5825
|
const ExpansionPanel = (props) => {
|
|
@@ -5718,11 +5830,11 @@ const ExpansionPanel = (props) => {
|
|
|
5718
5830
|
}, [isExpanded]);
|
|
5719
5831
|
const getCssClasses = () => {
|
|
5720
5832
|
const cssClasses = [];
|
|
5721
|
-
cssClasses.push(styles$
|
|
5833
|
+
cssClasses.push(styles$w.expansionPanel);
|
|
5722
5834
|
if (_isExpanded) {
|
|
5723
|
-
cssClasses.push(styles$
|
|
5835
|
+
cssClasses.push(styles$w.isExpanded);
|
|
5724
5836
|
}
|
|
5725
|
-
shadow && cssClasses.push(styles$
|
|
5837
|
+
shadow && cssClasses.push(styles$w.shadow);
|
|
5726
5838
|
return cssClasses.filter(css => css).join(' ');
|
|
5727
5839
|
};
|
|
5728
5840
|
const handleClickHeader = (event) => {
|
|
@@ -5732,17 +5844,17 @@ const ExpansionPanel = (props) => {
|
|
|
5732
5844
|
return (jsxs("div", { className: getCssClasses(), children: [jsx(ExpansionPanelHeader, { isExpanded: _isExpanded, onClick: handleClickHeader, children: header }), _isExpanded && jsx(ExpansionPanelContent, { children: children })] }));
|
|
5733
5845
|
};
|
|
5734
5846
|
|
|
5735
|
-
var css_248z$
|
|
5736
|
-
var styles$
|
|
5737
|
-
styleInject(css_248z$
|
|
5847
|
+
var css_248z$t = ".FloatingActionButton-module_fab__Rw3kd {\n box-shadow: var(--shadow);\n}\n\n.FloatingActionButton-module_fixed__XQOkG {\n position: fixed;\n z-index: 1000;\n}\n.FloatingActionButton-module_fixed__XQOkG.FloatingActionButton-module_leftTop__ZiHQN {\n top: 16px;\n left: 16px;\n}\n.FloatingActionButton-module_fixed__XQOkG.FloatingActionButton-module_leftBottom__210sl {\n bottom: 16px;\n left: 16px;\n}\n.FloatingActionButton-module_fixed__XQOkG.FloatingActionButton-module_rightTop__VUsvT {\n top: 64px;\n right: 16px;\n}\n.FloatingActionButton-module_fixed__XQOkG.FloatingActionButton-module_rightBottom__FaUFl {\n bottom: 16px;\n right: 16px;\n}";
|
|
5848
|
+
var styles$t = {"fab":"FloatingActionButton-module_fab__Rw3kd","fixed":"FloatingActionButton-module_fixed__XQOkG","leftTop":"FloatingActionButton-module_leftTop__ZiHQN","leftBottom":"FloatingActionButton-module_leftBottom__210sl","rightTop":"FloatingActionButton-module_rightTop__VUsvT","rightBottom":"FloatingActionButton-module_rightBottom__FaUFl"};
|
|
5849
|
+
styleInject(css_248z$t);
|
|
5738
5850
|
|
|
5739
5851
|
const FloatingActionButton = (props) => {
|
|
5740
5852
|
const { className, icon, color = COLOR.primary, fixed, position = 'rightBottom', size = SIZE.lg, isActive, disabled, onClick } = props;
|
|
5741
5853
|
const getCssClasses = () => {
|
|
5742
5854
|
const cssClasses = [];
|
|
5743
|
-
cssClasses.push(styles$
|
|
5744
|
-
fixed && cssClasses.push(styles$
|
|
5745
|
-
position && fixed && cssClasses.push(styles$
|
|
5855
|
+
cssClasses.push(styles$t.fab);
|
|
5856
|
+
fixed && cssClasses.push(styles$t.fixed);
|
|
5857
|
+
position && fixed && cssClasses.push(styles$t[position]);
|
|
5746
5858
|
className && cssClasses.push(className);
|
|
5747
5859
|
return cssClasses.filter(css => css).join(' ');
|
|
5748
5860
|
};
|
|
@@ -5753,14 +5865,14 @@ const FloatingActionButton = (props) => {
|
|
|
5753
5865
|
return (jsx(IconButton, { className: getCssClasses(), color: color, size: size, isActive: isActive, disabled: disabled, icon: icon, variant: VARIANT.contained, onClick: handleClick }));
|
|
5754
5866
|
};
|
|
5755
5867
|
|
|
5756
|
-
var css_248z$
|
|
5757
|
-
var styles$
|
|
5758
|
-
styleInject(css_248z$
|
|
5868
|
+
var css_248z$s = ".Link-module_link__YlJQl {\n color: var(--primary);\n text-decoration: underline;\n}\n.Link-module_link__YlJQl:hover {\n color: var(--primary-dark);\n}";
|
|
5869
|
+
var styles$s = {"link":"Link-module_link__YlJQl"};
|
|
5870
|
+
styleInject(css_248z$s);
|
|
5759
5871
|
|
|
5760
5872
|
const Link = (props) => {
|
|
5761
5873
|
const { href = '#', className, target, children, ...rest } = props;
|
|
5762
5874
|
const [status, setStatus] = useState(STATUS.NORMAL);
|
|
5763
|
-
const [cssClassName] = useCssClasses([styles$
|
|
5875
|
+
const [cssClassName] = useCssClasses([styles$s.link, className, status]);
|
|
5764
5876
|
const onMouseEnter = () => {
|
|
5765
5877
|
setStatus(STATUS.HOVERED);
|
|
5766
5878
|
};
|
|
@@ -5770,80 +5882,6 @@ const Link = (props) => {
|
|
|
5770
5882
|
return (jsx("a", { className: cssClassName, href: href, target: target, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ...rest, children: children }));
|
|
5771
5883
|
};
|
|
5772
5884
|
|
|
5773
|
-
var css_248z$s = ".LoadingIndicator-module_loadingIndicatorContainer__GS9OG {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n}\n.LoadingIndicator-module_loadingIndicatorContainer__GS9OG.LoadingIndicator-module_isFixed__WCFNG {\n position: fixed;\n top: 0;\n left: 0;\n}\n\n.LoadingIndicator-module_loadingIndicator__EC9sx {\n animation-name: LoadingIndicator-module_spinAnimation__LeY4Z;\n animation-duration: 5000ms;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n width: 24px;\n height: 24px;\n}\n\n@keyframes LoadingIndicator-module_spinAnimation__LeY4Z {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}";
|
|
5774
|
-
var styles$s = {"loadingIndicatorContainer":"LoadingIndicator-module_loadingIndicatorContainer__GS9OG","isFixed":"LoadingIndicator-module_isFixed__WCFNG","loadingIndicator":"LoadingIndicator-module_loadingIndicator__EC9sx","spinAnimation":"LoadingIndicator-module_spinAnimation__LeY4Z"};
|
|
5775
|
-
styleInject(css_248z$s);
|
|
5776
|
-
|
|
5777
|
-
const LoadingIndicator = ({ ...rest }) => {
|
|
5778
|
-
const getCssClasses = () => {
|
|
5779
|
-
const cssClasses = [];
|
|
5780
|
-
cssClasses.push(styles$s.loadingIndicator);
|
|
5781
|
-
return cssClasses.filter(css => css).join(' ');
|
|
5782
|
-
};
|
|
5783
|
-
return (jsx("div", { className: getCssClasses(), ...rest, children: jsx(SpinnerSolidIcon, {}) }));
|
|
5784
|
-
};
|
|
5785
|
-
|
|
5786
|
-
const LoadingIndicatorContainer = ({ children, isFixed }) => {
|
|
5787
|
-
const getCssClasses = () => {
|
|
5788
|
-
const cssClasses = [];
|
|
5789
|
-
cssClasses.push(styles$s.loadingIndicatorContainer);
|
|
5790
|
-
isFixed && cssClasses.push(styles$s.isFixed);
|
|
5791
|
-
return cssClasses.filter(css => css).join(' ');
|
|
5792
|
-
};
|
|
5793
|
-
return (jsx("div", { className: getCssClasses(), children: children }));
|
|
5794
|
-
};
|
|
5795
|
-
|
|
5796
|
-
var client = createCommonjsModule(function (module, exports) {
|
|
5797
|
-
|
|
5798
|
-
|
|
5799
|
-
if (process.env.NODE_ENV === 'production') {
|
|
5800
|
-
exports.createRoot = reactDom.createRoot;
|
|
5801
|
-
exports.hydrateRoot = reactDom.hydrateRoot;
|
|
5802
|
-
} else {
|
|
5803
|
-
var i = reactDom.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
5804
|
-
exports.createRoot = function(c, o) {
|
|
5805
|
-
i.usingClientEntryPoint = true;
|
|
5806
|
-
try {
|
|
5807
|
-
return reactDom.createRoot(c, o);
|
|
5808
|
-
} finally {
|
|
5809
|
-
i.usingClientEntryPoint = false;
|
|
5810
|
-
}
|
|
5811
|
-
};
|
|
5812
|
-
exports.hydrateRoot = function(c, h, o) {
|
|
5813
|
-
i.usingClientEntryPoint = true;
|
|
5814
|
-
try {
|
|
5815
|
-
return reactDom.hydrateRoot(c, h, o);
|
|
5816
|
-
} finally {
|
|
5817
|
-
i.usingClientEntryPoint = false;
|
|
5818
|
-
}
|
|
5819
|
-
};
|
|
5820
|
-
}
|
|
5821
|
-
});
|
|
5822
|
-
var client_1 = client.createRoot;
|
|
5823
|
-
client.hydrateRoot;
|
|
5824
|
-
|
|
5825
|
-
class LoadingIndicatorService {
|
|
5826
|
-
show() {
|
|
5827
|
-
if (this.container) {
|
|
5828
|
-
this.hide();
|
|
5829
|
-
}
|
|
5830
|
-
this.container = document.createElement('div');
|
|
5831
|
-
this.container.classList.add('snackbar-container');
|
|
5832
|
-
document.body.appendChild(this.container);
|
|
5833
|
-
this.root = client_1(this.container);
|
|
5834
|
-
this.root.render(jsx(LoadingIndicatorContainer, { isFixed: true, children: jsx(LoadingIndicator, {}) }));
|
|
5835
|
-
}
|
|
5836
|
-
hide() {
|
|
5837
|
-
if (this.container) {
|
|
5838
|
-
this.root?.unmount();
|
|
5839
|
-
document.body.removeChild(this.container);
|
|
5840
|
-
this.container = undefined;
|
|
5841
|
-
this.handler && clearTimeout(this.handler);
|
|
5842
|
-
}
|
|
5843
|
-
}
|
|
5844
|
-
}
|
|
5845
|
-
const loadingIndicatorService = new LoadingIndicatorService();
|
|
5846
|
-
|
|
5847
5885
|
var css_248z$r = ".MenuBody-module_menuBody__u4FIQ {\n z-index: 1111;\n margin: 0;\n position: absolute;\n top: 100%;\n left: 0;\n min-width: 10rem;\n padding: 0px;\n font-size: 1rem;\n color: #212529;\n text-align: left;\n list-style: none;\n background-color: #fff;\n background-clip: padding-box;\n border-radius: var(--borderRadius);\n max-width: 300px;\n}\n.MenuBody-module_menuBody__u4FIQ.MenuBody-module_shadow__OBp-f {\n box-shadow: var(--shadow);\n}";
|
|
5848
5886
|
var styles$r = {"menuBody":"MenuBody-module_menuBody__u4FIQ","shadow":"MenuBody-module_shadow__OBp-f"};
|
|
5849
5887
|
styleInject(css_248z$r);
|