react-asc 25.7.4 → 25.8.0
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 +1 -0
- package/index.es.js +233 -214
- package/index.js +233 -214
- package/lib/components/Button/Button.d.ts +1 -0
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -501,33 +501,132 @@ const BreadcrumbItem = (props) => {
|
|
|
501
501
|
return (jsxRuntime.jsx("li", { className: getCssClasses(), onClick: handleClick, children: jsxRuntime.jsx(ConditionalWrapper, { condition: !isActive, wrapper: (label) => jsxRuntime.jsx("a", { children: label }), children: children }) }));
|
|
502
502
|
};
|
|
503
503
|
|
|
504
|
-
var css_248z$S = ".
|
|
505
|
-
var styles$S = {"
|
|
504
|
+
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}";
|
|
505
|
+
var styles$S = {"loadingIndicatorContainer":"LoadingIndicator-module_loadingIndicatorContainer__GS9OG","isFixed":"LoadingIndicator-module_isFixed__WCFNG","loadingIndicator":"LoadingIndicator-module_loadingIndicator__EC9sx","spinAnimation":"LoadingIndicator-module_spinAnimation__LeY4Z"};
|
|
506
506
|
styleInject(css_248z$S);
|
|
507
507
|
|
|
508
|
+
const LoadingIndicator = ({ ...rest }) => {
|
|
509
|
+
const getCssClasses = () => {
|
|
510
|
+
const cssClasses = [];
|
|
511
|
+
cssClasses.push(styles$S.loadingIndicator);
|
|
512
|
+
return cssClasses.filter(css => css).join(' ');
|
|
513
|
+
};
|
|
514
|
+
return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: jsxRuntime.jsx(SpinnerSolidIcon, {}) }));
|
|
515
|
+
};
|
|
516
|
+
|
|
517
|
+
const LoadingIndicatorContainer = ({ children, isFixed }) => {
|
|
518
|
+
const getCssClasses = () => {
|
|
519
|
+
const cssClasses = [];
|
|
520
|
+
cssClasses.push(styles$S.loadingIndicatorContainer);
|
|
521
|
+
isFixed && cssClasses.push(styles$S.isFixed);
|
|
522
|
+
return cssClasses.filter(css => css).join(' ');
|
|
523
|
+
};
|
|
524
|
+
return (jsxRuntime.jsx("div", { className: getCssClasses(), children: children }));
|
|
525
|
+
};
|
|
526
|
+
|
|
527
|
+
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
528
|
+
|
|
529
|
+
function createCommonjsModule(fn, module) {
|
|
530
|
+
return module = { exports: {} }, fn(module, module.exports), module.exports;
|
|
531
|
+
}
|
|
532
|
+
|
|
533
|
+
var client = createCommonjsModule(function (module, exports) {
|
|
534
|
+
|
|
535
|
+
|
|
536
|
+
if (process.env.NODE_ENV === 'production') {
|
|
537
|
+
exports.createRoot = reactDom.createRoot;
|
|
538
|
+
exports.hydrateRoot = reactDom.hydrateRoot;
|
|
539
|
+
} else {
|
|
540
|
+
var i = reactDom.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
541
|
+
exports.createRoot = function(c, o) {
|
|
542
|
+
i.usingClientEntryPoint = true;
|
|
543
|
+
try {
|
|
544
|
+
return reactDom.createRoot(c, o);
|
|
545
|
+
} finally {
|
|
546
|
+
i.usingClientEntryPoint = false;
|
|
547
|
+
}
|
|
548
|
+
};
|
|
549
|
+
exports.hydrateRoot = function(c, h, o) {
|
|
550
|
+
i.usingClientEntryPoint = true;
|
|
551
|
+
try {
|
|
552
|
+
return reactDom.hydrateRoot(c, h, o);
|
|
553
|
+
} finally {
|
|
554
|
+
i.usingClientEntryPoint = false;
|
|
555
|
+
}
|
|
556
|
+
};
|
|
557
|
+
}
|
|
558
|
+
});
|
|
559
|
+
var client_1 = client.createRoot;
|
|
560
|
+
client.hydrateRoot;
|
|
561
|
+
|
|
562
|
+
class LoadingIndicatorService {
|
|
563
|
+
show() {
|
|
564
|
+
if (this.container) {
|
|
565
|
+
this.hide();
|
|
566
|
+
}
|
|
567
|
+
this.container = document.createElement('div');
|
|
568
|
+
this.container.classList.add('snackbar-container');
|
|
569
|
+
document.body.appendChild(this.container);
|
|
570
|
+
this.root = client_1(this.container);
|
|
571
|
+
this.root.render(jsxRuntime.jsx(LoadingIndicatorContainer, { isFixed: true, children: jsxRuntime.jsx(LoadingIndicator, {}) }));
|
|
572
|
+
}
|
|
573
|
+
hide() {
|
|
574
|
+
if (this.container) {
|
|
575
|
+
this.root?.unmount();
|
|
576
|
+
document.body.removeChild(this.container);
|
|
577
|
+
this.container = undefined;
|
|
578
|
+
this.handler && clearTimeout(this.handler);
|
|
579
|
+
}
|
|
580
|
+
}
|
|
581
|
+
}
|
|
582
|
+
const loadingIndicatorService = new LoadingIndicatorService();
|
|
583
|
+
|
|
584
|
+
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}";
|
|
585
|
+
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"};
|
|
586
|
+
styleInject(css_248z$R);
|
|
587
|
+
|
|
508
588
|
const ButtonContext = React.createContext({
|
|
509
589
|
color: null
|
|
510
590
|
});
|
|
511
591
|
const useButtonContext = () => React.useContext(ButtonContext);
|
|
512
592
|
|
|
513
593
|
const Button = props => {
|
|
514
|
-
const { children, variant = exports.VARIANT.contained, color = exports.COLOR.primary, isRounded, isActive, className, startIcon, endIcon, shadow = true, block, ...rest } = props;
|
|
594
|
+
const { children, variant = exports.VARIANT.contained, color = exports.COLOR.primary, isRounded, isActive, className, startIcon, endIcon, shadow = true, block, loading, disabled, ...rest } = props;
|
|
595
|
+
const [isDisabled, setIsDisabled] = React.useState(false);
|
|
596
|
+
const [isLoading, setIsLoading] = React.useState(false);
|
|
597
|
+
React.useEffect(() => {
|
|
598
|
+
if (loading) {
|
|
599
|
+
setIsLoading(true);
|
|
600
|
+
setIsDisabled(true);
|
|
601
|
+
}
|
|
602
|
+
else {
|
|
603
|
+
setIsLoading(false);
|
|
604
|
+
if (disabled !== true) {
|
|
605
|
+
setIsDisabled(false);
|
|
606
|
+
}
|
|
607
|
+
}
|
|
608
|
+
}, [loading]);
|
|
609
|
+
React.useEffect(() => {
|
|
610
|
+
if (disabled !== undefined) {
|
|
611
|
+
setIsDisabled(disabled);
|
|
612
|
+
}
|
|
613
|
+
}, [disabled]);
|
|
515
614
|
const buttonContext = useButtonContext();
|
|
516
615
|
const getCssClasses = () => {
|
|
517
616
|
const cssClasses = [];
|
|
518
|
-
cssClasses.push(styles$
|
|
617
|
+
cssClasses.push(styles$R.button);
|
|
519
618
|
const buttonColor = buttonContext.color || color;
|
|
520
619
|
if (variant !== 'outline' && variant !== 'text') {
|
|
521
|
-
cssClasses.push(styles$
|
|
522
|
-
cssClasses.push(styles$
|
|
620
|
+
cssClasses.push(styles$R.btnContained);
|
|
621
|
+
cssClasses.push(styles$R[buttonColor]);
|
|
523
622
|
}
|
|
524
623
|
if (variant === 'outline') {
|
|
525
|
-
cssClasses.push(styles$
|
|
526
|
-
cssClasses.push(styles$
|
|
624
|
+
cssClasses.push(styles$R.btnOutline);
|
|
625
|
+
cssClasses.push(styles$R[buttonColor]);
|
|
527
626
|
}
|
|
528
627
|
if (variant === 'text') {
|
|
529
|
-
cssClasses.push(styles$
|
|
530
|
-
cssClasses.push(styles$
|
|
628
|
+
cssClasses.push(styles$R.btnText);
|
|
629
|
+
cssClasses.push(styles$R[buttonColor]);
|
|
531
630
|
}
|
|
532
631
|
if (isRounded && variant !== 'text') {
|
|
533
632
|
cssClasses.push(`rounded-pill`);
|
|
@@ -535,138 +634,138 @@ const Button = props => {
|
|
|
535
634
|
if (isActive) {
|
|
536
635
|
cssClasses.push('active');
|
|
537
636
|
}
|
|
538
|
-
shadow && cssClasses.push(styles$
|
|
539
|
-
block && cssClasses.push(styles$
|
|
637
|
+
shadow && cssClasses.push(styles$R.shadow);
|
|
638
|
+
block && cssClasses.push(styles$R.block);
|
|
540
639
|
className && cssClasses.push(className);
|
|
541
640
|
return cssClasses.filter(css => css).join(' ');
|
|
542
641
|
};
|
|
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$
|
|
642
|
+
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
643
|
};
|
|
545
644
|
|
|
546
|
-
var css_248z$
|
|
547
|
-
var styles$
|
|
548
|
-
styleInject(css_248z$
|
|
645
|
+
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}";
|
|
646
|
+
var styles$Q = {"buttonGroup":"ButtonGroup-module_buttonGroup__w6iB-"};
|
|
647
|
+
styleInject(css_248z$Q);
|
|
549
648
|
|
|
550
649
|
const ButtonGroup = (props) => {
|
|
551
650
|
const { children, className, color, ...rest } = props;
|
|
552
651
|
const getCssClasses = () => {
|
|
553
652
|
const cssClasses = [];
|
|
554
|
-
cssClasses.push(styles$
|
|
653
|
+
cssClasses.push(styles$Q.buttonGroup);
|
|
555
654
|
className && cssClasses.push(className);
|
|
556
655
|
return cssClasses.filter(css => css).join(' ');
|
|
557
656
|
};
|
|
558
657
|
return (jsxRuntime.jsx(ButtonContext.Provider, { value: { color: color || exports.COLOR.primary }, children: jsxRuntime.jsx("div", { className: getCssClasses(), role: "group", ...rest, children: children }) }));
|
|
559
658
|
};
|
|
560
659
|
|
|
561
|
-
var css_248z$
|
|
562
|
-
var styles$
|
|
563
|
-
styleInject(css_248z$
|
|
660
|
+
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}";
|
|
661
|
+
var styles$P = {"card":"Card-module_card__TQdQq","shadow":"Card-module_shadow__NxDVz"};
|
|
662
|
+
styleInject(css_248z$P);
|
|
564
663
|
|
|
565
664
|
const Card = (props) => {
|
|
566
665
|
const { children, className, shadow = true, ...rest } = props;
|
|
567
666
|
const getCssClasses = () => {
|
|
568
667
|
const cssClasses = [];
|
|
569
|
-
cssClasses.push(styles$
|
|
570
|
-
shadow && cssClasses.push(styles$
|
|
668
|
+
cssClasses.push(styles$P.card);
|
|
669
|
+
shadow && cssClasses.push(styles$P.shadow);
|
|
571
670
|
className && cssClasses.push(className);
|
|
572
671
|
return cssClasses.filter(css => css).join(' ');
|
|
573
672
|
};
|
|
574
673
|
return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: children }));
|
|
575
674
|
};
|
|
576
675
|
|
|
577
|
-
var css_248z$
|
|
578
|
-
var styles$
|
|
579
|
-
styleInject(css_248z$
|
|
676
|
+
var css_248z$O = ".CardBody-module_cardBody__X52VY {\n flex: 1 1 auto;\n min-height: 1px;\n padding: 1.25rem;\n}";
|
|
677
|
+
var styles$O = {"cardBody":"CardBody-module_cardBody__X52VY"};
|
|
678
|
+
styleInject(css_248z$O);
|
|
580
679
|
|
|
581
680
|
const CardBody = (props) => {
|
|
582
681
|
const { children, className, ...rest } = props;
|
|
583
682
|
const getCssClasses = () => {
|
|
584
683
|
const cssClasses = [];
|
|
585
|
-
cssClasses.push(styles$
|
|
684
|
+
cssClasses.push(styles$O.cardBody);
|
|
586
685
|
className && cssClasses.push(className);
|
|
587
686
|
return cssClasses.filter(css => css).join(' ');
|
|
588
687
|
};
|
|
589
688
|
return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: children }));
|
|
590
689
|
};
|
|
591
690
|
|
|
592
|
-
var css_248z$
|
|
593
|
-
var styles$
|
|
594
|
-
styleInject(css_248z$
|
|
691
|
+
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}";
|
|
692
|
+
var styles$N = {"cardFooter":"CardFooter-module_cardFooter__BpOTG"};
|
|
693
|
+
styleInject(css_248z$N);
|
|
595
694
|
|
|
596
695
|
const CardFooter = (props) => {
|
|
597
696
|
const { children, className, ...rest } = props;
|
|
598
697
|
const getCssClasses = () => {
|
|
599
698
|
const cssClasses = [];
|
|
600
|
-
cssClasses.push(styles$
|
|
699
|
+
cssClasses.push(styles$N.cardFooter);
|
|
601
700
|
className && cssClasses.push(className);
|
|
602
701
|
return cssClasses.filter(css => css).join(' ');
|
|
603
702
|
};
|
|
604
703
|
return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: children }));
|
|
605
704
|
};
|
|
606
705
|
|
|
607
|
-
var css_248z$
|
|
608
|
-
var styles$
|
|
609
|
-
styleInject(css_248z$
|
|
706
|
+
var css_248z$M = ".CardSubtitle-module_cardSubtitle__YdoRM {\n color: #6c757d !important;\n}";
|
|
707
|
+
var styles$M = {"cardSubtitle":"CardSubtitle-module_cardSubtitle__YdoRM"};
|
|
708
|
+
styleInject(css_248z$M);
|
|
610
709
|
|
|
611
710
|
const CardSubtitle = (props) => {
|
|
612
711
|
const { children, className, ...rest } = props;
|
|
613
712
|
const getCssClasses = () => {
|
|
614
713
|
const cssClasses = [];
|
|
615
|
-
cssClasses.push(styles$
|
|
714
|
+
cssClasses.push(styles$M.cardSubtitle);
|
|
616
715
|
className && cssClasses.push(className);
|
|
617
716
|
return cssClasses.filter(css => css).join(' ');
|
|
618
717
|
};
|
|
619
718
|
return (jsxRuntime.jsx("p", { className: getCssClasses(), ...rest, children: children }));
|
|
620
719
|
};
|
|
621
720
|
|
|
622
|
-
var css_248z$
|
|
623
|
-
var styles$
|
|
624
|
-
styleInject(css_248z$
|
|
721
|
+
var css_248z$L = ".CardText-module_cardText__UtYd9:last-child {\n margin-bottom: 0;\n}";
|
|
722
|
+
var styles$L = {"cardText":"CardText-module_cardText__UtYd9"};
|
|
723
|
+
styleInject(css_248z$L);
|
|
625
724
|
|
|
626
725
|
const CardText = (props) => {
|
|
627
726
|
const { children, className, ...rest } = props;
|
|
628
727
|
const getCssClasses = () => {
|
|
629
728
|
const cssClasses = [];
|
|
630
|
-
cssClasses.push(styles$
|
|
729
|
+
cssClasses.push(styles$L.cardText);
|
|
631
730
|
className && cssClasses.push(className);
|
|
632
731
|
return cssClasses.filter(css => css).join(' ');
|
|
633
732
|
};
|
|
634
733
|
return (jsxRuntime.jsx("p", { className: getCssClasses(), ...rest, children: children }));
|
|
635
734
|
};
|
|
636
735
|
|
|
637
|
-
var css_248z$
|
|
638
|
-
var styles$
|
|
639
|
-
styleInject(css_248z$
|
|
736
|
+
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}";
|
|
737
|
+
var styles$K = {"cardTitle":"CardTitle-module_cardTitle__aiPSE"};
|
|
738
|
+
styleInject(css_248z$K);
|
|
640
739
|
|
|
641
740
|
const CardTitle = (props) => {
|
|
642
741
|
const { children, className, as: As = 'div', ...rest } = props;
|
|
643
742
|
const getCssClasses = () => {
|
|
644
743
|
const cssClasses = [];
|
|
645
|
-
cssClasses.push(styles$
|
|
744
|
+
cssClasses.push(styles$K.cardTitle);
|
|
646
745
|
className && cssClasses.push(className);
|
|
647
746
|
return cssClasses.filter(css => css).join(' ');
|
|
648
747
|
};
|
|
649
748
|
return (jsxRuntime.jsx(As, { className: getCssClasses(), ...rest, children: children }));
|
|
650
749
|
};
|
|
651
750
|
|
|
652
|
-
var css_248z$
|
|
653
|
-
var styles$
|
|
654
|
-
styleInject(css_248z$
|
|
751
|
+
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}";
|
|
752
|
+
var styles$J = {"cardImage":"CardImage-module_cardImage__Z6JWW"};
|
|
753
|
+
styleInject(css_248z$J);
|
|
655
754
|
|
|
656
755
|
const CardImage = (props) => {
|
|
657
756
|
const { src, alt, className, ...rest } = props;
|
|
658
757
|
const getCssClasses = () => {
|
|
659
758
|
const cssClasses = [];
|
|
660
|
-
cssClasses.push(styles$
|
|
759
|
+
cssClasses.push(styles$J.cardImage);
|
|
661
760
|
className && cssClasses.push(className);
|
|
662
761
|
return cssClasses.filter(css => css).join(' ');
|
|
663
762
|
};
|
|
664
763
|
return (jsxRuntime.jsx("img", { className: getCssClasses(), src: src, alt: alt, ...rest }));
|
|
665
764
|
};
|
|
666
765
|
|
|
667
|
-
var css_248z$
|
|
668
|
-
var styles$
|
|
669
|
-
styleInject(css_248z$
|
|
766
|
+
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}";
|
|
767
|
+
var styles$I = {"checkboxContainer":"Checkbox-module_checkboxContainer__x2GCi","checkboxLabel":"Checkbox-module_checkboxLabel__nPY4k","disabled":"Checkbox-module_disabled__wnFIG"};
|
|
768
|
+
styleInject(css_248z$I);
|
|
670
769
|
|
|
671
770
|
const Checkbox = (props) => {
|
|
672
771
|
const { id, checked, className, label, name, value = 'off', disabled, readOnly, ...rest } = props;
|
|
@@ -695,8 +794,8 @@ const Checkbox = (props) => {
|
|
|
695
794
|
};
|
|
696
795
|
const getCssClassesLabel = () => {
|
|
697
796
|
const cssClasses = [];
|
|
698
|
-
cssClasses.push(styles$
|
|
699
|
-
disabled && cssClasses.push(styles$
|
|
797
|
+
cssClasses.push(styles$I.checkboxLabel);
|
|
798
|
+
disabled && cssClasses.push(styles$I['disabled']);
|
|
700
799
|
return cssClasses.filter(css => css).join(' ');
|
|
701
800
|
};
|
|
702
801
|
const getIcon = () => {
|
|
@@ -708,21 +807,21 @@ const Checkbox = (props) => {
|
|
|
708
807
|
checkboxElement?.current?.click();
|
|
709
808
|
}
|
|
710
809
|
};
|
|
711
|
-
return (jsxRuntime.jsxs("div", { className: styles$
|
|
810
|
+
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
811
|
};
|
|
713
812
|
|
|
714
|
-
var css_248z$
|
|
715
|
-
var styles$
|
|
716
|
-
styleInject(css_248z$
|
|
813
|
+
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}";
|
|
814
|
+
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"};
|
|
815
|
+
styleInject(css_248z$H);
|
|
717
816
|
|
|
718
817
|
const Chip = (props) => {
|
|
719
818
|
const { children, color = 'secondary', className, shadow, onClick, isDeletable, onDelete, deleteIcon = jsxRuntime.jsx(TimesCircleSolidIcon, {}), style, ...rest } = props;
|
|
720
819
|
const getCssClass = () => {
|
|
721
820
|
const cssClasses = [];
|
|
722
|
-
cssClasses.push(styles$
|
|
723
|
-
cssClasses.push(styles$
|
|
724
|
-
shadow && cssClasses.push(styles$
|
|
725
|
-
onClick && cssClasses.push(styles$
|
|
821
|
+
cssClasses.push(styles$H.chip);
|
|
822
|
+
cssClasses.push(styles$H[color]);
|
|
823
|
+
shadow && cssClasses.push(styles$H['shadow']);
|
|
824
|
+
onClick && cssClasses.push(styles$H['clickable']);
|
|
726
825
|
className && cssClasses.push(className);
|
|
727
826
|
return cssClasses.filter(r => r).join(' ');
|
|
728
827
|
};
|
|
@@ -730,7 +829,7 @@ const Chip = (props) => {
|
|
|
730
829
|
e.stopPropagation();
|
|
731
830
|
onDelete && onDelete(e);
|
|
732
831
|
};
|
|
733
|
-
return (jsxRuntime.jsxs("div", { className: getCssClass(), ...rest, style: style, children: [jsxRuntime.jsx("span", { children: children }), isDeletable && (jsxRuntime.jsx("div", { className: styles$
|
|
832
|
+
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
833
|
};
|
|
735
834
|
|
|
736
835
|
const CssTransition = (props) => {
|
|
@@ -808,12 +907,6 @@ const CssTransition = (props) => {
|
|
|
808
907
|
jsxRuntime.jsx("div", { ref: transitionConainter, className: getCssClasses(), children: children }) }));
|
|
809
908
|
};
|
|
810
909
|
|
|
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
910
|
/** @license React v16.13.1
|
|
818
911
|
* react-is.production.min.js
|
|
819
912
|
*
|
|
@@ -5013,9 +5106,9 @@ var Calendar = /** @class */ (function (_super) {
|
|
|
5013
5106
|
}(React.Component));
|
|
5014
5107
|
var Calendar$1 = Calendar;
|
|
5015
5108
|
|
|
5016
|
-
var css_248z$
|
|
5017
|
-
var styles$
|
|
5018
|
-
styleInject(css_248z$
|
|
5109
|
+
var css_248z$G = ".DatePicker-module_datePicker__mTJ3f {\n width: 100%;\n}";
|
|
5110
|
+
var styles$G = {"datePicker":"DatePicker-module_datePicker__mTJ3f"};
|
|
5111
|
+
styleInject(css_248z$G);
|
|
5019
5112
|
|
|
5020
5113
|
const DatePicker = (props) => {
|
|
5021
5114
|
const { value = new Date(), selectRange, minDate, maxDate,
|
|
@@ -5026,19 +5119,19 @@ const DatePicker = (props) => {
|
|
|
5026
5119
|
setCurrDate(value);
|
|
5027
5120
|
onChange && onChange(value);
|
|
5028
5121
|
};
|
|
5029
|
-
return (jsxRuntime.jsx(Calendar$1, { className: styles$
|
|
5122
|
+
return (jsxRuntime.jsx(Calendar$1, { className: styles$G.datePicker, value: currDate, minDate: minDate, maxDate: maxDate, selectRange: selectRange, onChange: handleOnChange, ...rest }));
|
|
5030
5123
|
};
|
|
5031
5124
|
|
|
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"};
|
|
5125
|
+
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}";
|
|
5126
|
+
var styles$F = {"form":"Form-module_form__h9CkF"};
|
|
5038
5127
|
styleInject(css_248z$F);
|
|
5039
5128
|
|
|
5129
|
+
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}";
|
|
5130
|
+
var styles$E = {"isInvalid":"FormError-module_isInvalid__tO1Sw"};
|
|
5131
|
+
styleInject(css_248z$E);
|
|
5132
|
+
|
|
5040
5133
|
const FormError = (props) => {
|
|
5041
|
-
const { className = styles$
|
|
5134
|
+
const { className = styles$E.isInvalid, errors = [] } = props;
|
|
5042
5135
|
return (jsxRuntime.jsx(React.Fragment, { children: errors &&
|
|
5043
5136
|
jsxRuntime.jsx("div", { className: className, children: errors.map(e => jsxRuntime.jsx("div", { children: e.message }, e.validator)) }) }));
|
|
5044
5137
|
};
|
|
@@ -5080,9 +5173,9 @@ const FileInput = (props) => {
|
|
|
5080
5173
|
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
5174
|
};
|
|
5082
5175
|
|
|
5083
|
-
var css_248z$
|
|
5084
|
-
var styles$
|
|
5085
|
-
styleInject(css_248z$
|
|
5176
|
+
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}";
|
|
5177
|
+
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"};
|
|
5178
|
+
styleInject(css_248z$D);
|
|
5086
5179
|
|
|
5087
5180
|
const Select = (props) => {
|
|
5088
5181
|
const { id, className, options = [], value, multiple, multipleMaxCountItems = 5, disabled, readOnly, onChange, onKeyDown } = props;
|
|
@@ -5095,9 +5188,9 @@ const Select = (props) => {
|
|
|
5095
5188
|
const getCssClass = () => {
|
|
5096
5189
|
const cssClasses = [];
|
|
5097
5190
|
className && cssClasses.push(className);
|
|
5098
|
-
disabled && cssClasses.push(styles$
|
|
5099
|
-
readOnly && cssClasses.push(styles$
|
|
5100
|
-
cssClasses.push(styles$
|
|
5191
|
+
disabled && cssClasses.push(styles$D['disabled']);
|
|
5192
|
+
readOnly && cssClasses.push(styles$D['readOnly']);
|
|
5193
|
+
cssClasses.push(styles$D.select);
|
|
5101
5194
|
return cssClasses.filter(r => r).join(' ');
|
|
5102
5195
|
};
|
|
5103
5196
|
React.useEffect(() => {
|
|
@@ -5218,7 +5311,7 @@ const Select = (props) => {
|
|
|
5218
5311
|
}
|
|
5219
5312
|
}
|
|
5220
5313
|
};
|
|
5221
|
-
return (jsxRuntime.jsxs("div", { ref: selectConainter, className: styles$
|
|
5314
|
+
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
5315
|
left: selectConainter.current?.getBoundingClientRect().x,
|
|
5223
5316
|
top: selectConainter.current?.getBoundingClientRect().y,
|
|
5224
5317
|
width: selectConainter.current?.getBoundingClientRect().width,
|
|
@@ -5226,33 +5319,33 @@ const Select = (props) => {
|
|
|
5226
5319
|
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
5320
|
};
|
|
5228
5321
|
|
|
5229
|
-
var css_248z$
|
|
5230
|
-
var styles$
|
|
5231
|
-
styleInject(css_248z$
|
|
5322
|
+
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}";
|
|
5323
|
+
var styles$C = {"textarea":"Textarea-module_textarea__L5zqa","disabled":"Textarea-module_disabled__OqqOF","isInvalid":"Textarea-module_isInvalid__JI01W"};
|
|
5324
|
+
styleInject(css_248z$C);
|
|
5232
5325
|
|
|
5233
5326
|
const Textarea = (props) => {
|
|
5234
5327
|
const { className, error, ...rest } = props;
|
|
5235
5328
|
const getCssClass = () => {
|
|
5236
5329
|
const cssClasses = [];
|
|
5237
|
-
cssClasses.push(styles$
|
|
5330
|
+
cssClasses.push(styles$C.textarea);
|
|
5238
5331
|
className && cssClasses.push(className);
|
|
5239
|
-
error && cssClasses.push(styles$
|
|
5332
|
+
error && cssClasses.push(styles$C['isInvalid']);
|
|
5240
5333
|
return cssClasses.filter(r => r).join(' ');
|
|
5241
5334
|
};
|
|
5242
5335
|
return (jsxRuntime.jsx("textarea", { className: getCssClass(), ...rest }));
|
|
5243
5336
|
};
|
|
5244
5337
|
|
|
5245
|
-
var css_248z$
|
|
5246
|
-
var styles$
|
|
5247
|
-
styleInject(css_248z$
|
|
5338
|
+
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}";
|
|
5339
|
+
var styles$B = {"formInput":"FormInput-module_formInput__VXZip","disabled":"FormInput-module_disabled__EjdD9","isInvalid":"FormInput-module_isInvalid__vQDuz"};
|
|
5340
|
+
styleInject(css_248z$B);
|
|
5248
5341
|
|
|
5249
5342
|
const FormInput = (props) => {
|
|
5250
5343
|
const { value, name, type, placeholder, className, isValid = true, options = [], textareaOptions, selectOptions, autoCompleteOptions, autoFocus, label, disabled = false, readonly = false, onInput, onChange, onBlur, onKeyDown } = props;
|
|
5251
5344
|
const getCssClasses = () => {
|
|
5252
5345
|
const cssClasses = [];
|
|
5253
|
-
cssClasses.push(styles$
|
|
5346
|
+
cssClasses.push(styles$B.formInput);
|
|
5254
5347
|
className && cssClasses.push(className);
|
|
5255
|
-
!isValid && cssClasses.push(styles$
|
|
5348
|
+
!isValid && cssClasses.push(styles$B['isInvalid']);
|
|
5256
5349
|
return cssClasses.filter(css => css).join(' ');
|
|
5257
5350
|
};
|
|
5258
5351
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -5281,14 +5374,14 @@ const FormInput = (props) => {
|
|
|
5281
5374
|
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
5375
|
};
|
|
5283
5376
|
|
|
5284
|
-
var css_248z$
|
|
5285
|
-
var styles$
|
|
5286
|
-
styleInject(css_248z$
|
|
5377
|
+
var css_248z$A = ".FormLabel-module_formLabel__TXcHc {\n display: inline-block;\n margin-bottom: 0.5rem;\n}";
|
|
5378
|
+
var styles$A = {"formLabel":"FormLabel-module_formLabel__TXcHc"};
|
|
5379
|
+
styleInject(css_248z$A);
|
|
5287
5380
|
|
|
5288
5381
|
const FormLabel = ({ children, className, htmlFor, ...rest }) => {
|
|
5289
5382
|
const getCssClasses = () => {
|
|
5290
5383
|
const cssClasses = [];
|
|
5291
|
-
cssClasses.push(styles$
|
|
5384
|
+
cssClasses.push(styles$A.formLabel);
|
|
5292
5385
|
className && cssClasses.push(className);
|
|
5293
5386
|
return cssClasses.filter(css => css).join(' ');
|
|
5294
5387
|
};
|
|
@@ -5325,7 +5418,7 @@ class Form extends React.Component {
|
|
|
5325
5418
|
}
|
|
5326
5419
|
getCssClasses() {
|
|
5327
5420
|
const cssClasses = [];
|
|
5328
|
-
cssClasses.push(styles$
|
|
5421
|
+
cssClasses.push(styles$F.form);
|
|
5329
5422
|
this.props.className && cssClasses.push(this.props.className);
|
|
5330
5423
|
return cssClasses.filter(css => css).join(' ');
|
|
5331
5424
|
}
|
|
@@ -5523,29 +5616,29 @@ class FormControl {
|
|
|
5523
5616
|
}
|
|
5524
5617
|
}
|
|
5525
5618
|
|
|
5526
|
-
var css_248z$
|
|
5527
|
-
var styles$
|
|
5528
|
-
styleInject(css_248z$
|
|
5619
|
+
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}";
|
|
5620
|
+
var styles$z = {"column":"Column-module_column__fcTgl"};
|
|
5621
|
+
styleInject(css_248z$z);
|
|
5529
5622
|
|
|
5530
5623
|
const Column = (props) => {
|
|
5531
5624
|
const { children, className, ...rest } = props;
|
|
5532
5625
|
const getCssClasses = () => {
|
|
5533
5626
|
const cssClasses = [];
|
|
5534
|
-
cssClasses.push(styles$
|
|
5627
|
+
cssClasses.push(styles$z.column);
|
|
5535
5628
|
className && cssClasses.push(className);
|
|
5536
5629
|
return cssClasses.filter(css => css).join(' ');
|
|
5537
5630
|
};
|
|
5538
5631
|
return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: children }));
|
|
5539
5632
|
};
|
|
5540
5633
|
|
|
5541
|
-
var css_248z$
|
|
5542
|
-
var styles$
|
|
5543
|
-
styleInject(css_248z$
|
|
5634
|
+
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}";
|
|
5635
|
+
var styles$y = {"row":"Row-module_row__bTIWp"};
|
|
5636
|
+
styleInject(css_248z$y);
|
|
5544
5637
|
|
|
5545
5638
|
const Row = ({ children, direction = 'row', className, ...rest }) => {
|
|
5546
5639
|
const getCssClasses = () => {
|
|
5547
5640
|
const cssClasses = [];
|
|
5548
|
-
cssClasses.push(styles$
|
|
5641
|
+
cssClasses.push(styles$y.row);
|
|
5549
5642
|
className && cssClasses.push(className);
|
|
5550
5643
|
direction && cssClasses.push(`flex-${direction}`);
|
|
5551
5644
|
return cssClasses.filter(css => css).join(' ');
|
|
@@ -5649,16 +5742,16 @@ const DateSelect = (props) => {
|
|
|
5649
5742
|
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
5743
|
};
|
|
5651
5744
|
|
|
5652
|
-
var css_248z$
|
|
5653
|
-
var styles$
|
|
5654
|
-
styleInject(css_248z$
|
|
5745
|
+
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}";
|
|
5746
|
+
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"};
|
|
5747
|
+
styleInject(css_248z$x);
|
|
5655
5748
|
|
|
5656
5749
|
const Drawer = (props) => {
|
|
5657
5750
|
const { children, className, position = 'left', permanent = false, target = document.body, shadow = true, onClickBackdrop, ...rest } = props;
|
|
5658
5751
|
React.useEffect(() => {
|
|
5659
|
-
document.body.classList.add(styles$
|
|
5752
|
+
document.body.classList.add(styles$x.drawerOpen);
|
|
5660
5753
|
return () => {
|
|
5661
|
-
document.body.classList.remove(styles$
|
|
5754
|
+
document.body.classList.remove(styles$x.drawerOpen);
|
|
5662
5755
|
};
|
|
5663
5756
|
}, []);
|
|
5664
5757
|
const handleClickBackdrop = () => {
|
|
@@ -5670,10 +5763,10 @@ const DrawerContent = (props) => {
|
|
|
5670
5763
|
const { children, className, position = 'left', permanent = false, shadow, ...rest } = props;
|
|
5671
5764
|
const getCssClasses = () => {
|
|
5672
5765
|
const cssClasses = [];
|
|
5673
|
-
cssClasses.push(styles$
|
|
5674
|
-
shadow && cssClasses.push(styles$
|
|
5675
|
-
!!permanent && cssClasses.push(styles$
|
|
5676
|
-
position === 'left' ? cssClasses.push(styles$
|
|
5766
|
+
cssClasses.push(styles$x.drawer);
|
|
5767
|
+
shadow && cssClasses.push(styles$x.shadow);
|
|
5768
|
+
!!permanent && cssClasses.push(styles$x['permanent']);
|
|
5769
|
+
position === 'left' ? cssClasses.push(styles$x['left']) : cssClasses.push(styles$x['right']);
|
|
5677
5770
|
className && cssClasses.push(className);
|
|
5678
5771
|
return cssClasses.filter(css => css).join(' ');
|
|
5679
5772
|
};
|
|
@@ -5687,21 +5780,21 @@ const DrawerContent = (props) => {
|
|
|
5687
5780
|
return (jsxRuntime.jsx("div", { className: getCssClasses(), style: getStyles(), ...rest, children: children }));
|
|
5688
5781
|
};
|
|
5689
5782
|
|
|
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"};
|
|
5783
|
+
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}";
|
|
5784
|
+
var styles$w = {"expansionPanel":"ExpansionPanel-module_expansionPanel__m1yQq","shadow":"ExpansionPanel-module_shadow__zIjJ6","isExpanded":"ExpansionPanel-module_isExpanded__TS1ph"};
|
|
5696
5785
|
styleInject(css_248z$w);
|
|
5697
5786
|
|
|
5787
|
+
var css_248z$v = ".ExpansionPanelContent-module_expansionPanelContent__aXNfH {\n padding: 8px 16px 16px;\n}";
|
|
5788
|
+
var styles$v = {"expansionPanelContent":"ExpansionPanelContent-module_expansionPanelContent__aXNfH"};
|
|
5789
|
+
styleInject(css_248z$v);
|
|
5790
|
+
|
|
5698
5791
|
const ExpansionPanelContent = ({ children }) => {
|
|
5699
|
-
return (jsxRuntime.jsx("div", { className: styles$
|
|
5792
|
+
return (jsxRuntime.jsx("div", { className: styles$v.expansionPanelContent, children: children }));
|
|
5700
5793
|
};
|
|
5701
5794
|
|
|
5702
|
-
var css_248z$
|
|
5703
|
-
var styles$
|
|
5704
|
-
styleInject(css_248z$
|
|
5795
|
+
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}";
|
|
5796
|
+
var styles$u = {"expansionPanelHeader":"ExpansionPanelHeader-module_expansionPanelHeader__Wy6Pq"};
|
|
5797
|
+
styleInject(css_248z$u);
|
|
5705
5798
|
|
|
5706
5799
|
const ExpansionPanelHeader = (props) => {
|
|
5707
5800
|
const { children, isExpanded, onClick } = props;
|
|
@@ -5709,7 +5802,7 @@ const ExpansionPanelHeader = (props) => {
|
|
|
5709
5802
|
e.stopPropagation();
|
|
5710
5803
|
onClick && onClick(e);
|
|
5711
5804
|
};
|
|
5712
|
-
return (jsxRuntime.jsxs("div", { className: styles$
|
|
5805
|
+
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
5806
|
};
|
|
5714
5807
|
|
|
5715
5808
|
const ExpansionPanel = (props) => {
|
|
@@ -5720,11 +5813,11 @@ const ExpansionPanel = (props) => {
|
|
|
5720
5813
|
}, [isExpanded]);
|
|
5721
5814
|
const getCssClasses = () => {
|
|
5722
5815
|
const cssClasses = [];
|
|
5723
|
-
cssClasses.push(styles$
|
|
5816
|
+
cssClasses.push(styles$w.expansionPanel);
|
|
5724
5817
|
if (_isExpanded) {
|
|
5725
|
-
cssClasses.push(styles$
|
|
5818
|
+
cssClasses.push(styles$w.isExpanded);
|
|
5726
5819
|
}
|
|
5727
|
-
shadow && cssClasses.push(styles$
|
|
5820
|
+
shadow && cssClasses.push(styles$w.shadow);
|
|
5728
5821
|
return cssClasses.filter(css => css).join(' ');
|
|
5729
5822
|
};
|
|
5730
5823
|
const handleClickHeader = (event) => {
|
|
@@ -5734,17 +5827,17 @@ const ExpansionPanel = (props) => {
|
|
|
5734
5827
|
return (jsxRuntime.jsxs("div", { className: getCssClasses(), children: [jsxRuntime.jsx(ExpansionPanelHeader, { isExpanded: _isExpanded, onClick: handleClickHeader, children: header }), _isExpanded && jsxRuntime.jsx(ExpansionPanelContent, { children: children })] }));
|
|
5735
5828
|
};
|
|
5736
5829
|
|
|
5737
|
-
var css_248z$
|
|
5738
|
-
var styles$
|
|
5739
|
-
styleInject(css_248z$
|
|
5830
|
+
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}";
|
|
5831
|
+
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"};
|
|
5832
|
+
styleInject(css_248z$t);
|
|
5740
5833
|
|
|
5741
5834
|
const FloatingActionButton = (props) => {
|
|
5742
5835
|
const { className, icon, color = exports.COLOR.primary, fixed, position = 'rightBottom', size = exports.SIZE.lg, isActive, disabled, onClick } = props;
|
|
5743
5836
|
const getCssClasses = () => {
|
|
5744
5837
|
const cssClasses = [];
|
|
5745
|
-
cssClasses.push(styles$
|
|
5746
|
-
fixed && cssClasses.push(styles$
|
|
5747
|
-
position && fixed && cssClasses.push(styles$
|
|
5838
|
+
cssClasses.push(styles$t.fab);
|
|
5839
|
+
fixed && cssClasses.push(styles$t.fixed);
|
|
5840
|
+
position && fixed && cssClasses.push(styles$t[position]);
|
|
5748
5841
|
className && cssClasses.push(className);
|
|
5749
5842
|
return cssClasses.filter(css => css).join(' ');
|
|
5750
5843
|
};
|
|
@@ -5755,14 +5848,14 @@ const FloatingActionButton = (props) => {
|
|
|
5755
5848
|
return (jsxRuntime.jsx(IconButton, { className: getCssClasses(), color: color, size: size, isActive: isActive, disabled: disabled, icon: icon, variant: exports.VARIANT.contained, onClick: handleClick }));
|
|
5756
5849
|
};
|
|
5757
5850
|
|
|
5758
|
-
var css_248z$
|
|
5759
|
-
var styles$
|
|
5760
|
-
styleInject(css_248z$
|
|
5851
|
+
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}";
|
|
5852
|
+
var styles$s = {"link":"Link-module_link__YlJQl"};
|
|
5853
|
+
styleInject(css_248z$s);
|
|
5761
5854
|
|
|
5762
5855
|
const Link = (props) => {
|
|
5763
5856
|
const { href = '#', className, target, children, ...rest } = props;
|
|
5764
5857
|
const [status, setStatus] = React.useState(exports.STATUS.NORMAL);
|
|
5765
|
-
const [cssClassName] = useCssClasses([styles$
|
|
5858
|
+
const [cssClassName] = useCssClasses([styles$s.link, className, status]);
|
|
5766
5859
|
const onMouseEnter = () => {
|
|
5767
5860
|
setStatus(exports.STATUS.HOVERED);
|
|
5768
5861
|
};
|
|
@@ -5772,80 +5865,6 @@ const Link = (props) => {
|
|
|
5772
5865
|
return (jsxRuntime.jsx("a", { className: cssClassName, href: href, target: target, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ...rest, children: children }));
|
|
5773
5866
|
};
|
|
5774
5867
|
|
|
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
5868
|
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
5869
|
var styles$r = {"menuBody":"MenuBody-module_menuBody__u4FIQ","shadow":"MenuBody-module_shadow__OBp-f"};
|
|
5851
5870
|
styleInject(css_248z$r);
|