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