react-asc 25.7.3 → 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 +245 -222
- package/index.js +245 -222
- 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;
|
|
@@ -5091,12 +5184,13 @@ const Select = (props) => {
|
|
|
5091
5184
|
const [isShow, setIsShow] = React.useState(false);
|
|
5092
5185
|
const [selectedOptions, setSelectedOptions] = React.useState([]);
|
|
5093
5186
|
const selectConainter = React.useRef(null);
|
|
5187
|
+
const selectMenu = React.useRef(null);
|
|
5094
5188
|
const getCssClass = () => {
|
|
5095
5189
|
const cssClasses = [];
|
|
5096
5190
|
className && cssClasses.push(className);
|
|
5097
|
-
disabled && cssClasses.push(styles$
|
|
5098
|
-
readOnly && cssClasses.push(styles$
|
|
5099
|
-
cssClasses.push(styles$
|
|
5191
|
+
disabled && cssClasses.push(styles$D['disabled']);
|
|
5192
|
+
readOnly && cssClasses.push(styles$D['readOnly']);
|
|
5193
|
+
cssClasses.push(styles$D.select);
|
|
5100
5194
|
return cssClasses.filter(r => r).join(' ');
|
|
5101
5195
|
};
|
|
5102
5196
|
React.useEffect(() => {
|
|
@@ -5111,13 +5205,15 @@ const Select = (props) => {
|
|
|
5111
5205
|
}, [value, options]);
|
|
5112
5206
|
React.useEffect(() => {
|
|
5113
5207
|
if (hoverIndex) {
|
|
5114
|
-
|
|
5208
|
+
setTimeout(() => {
|
|
5209
|
+
scrollIntoView(hoverIndex);
|
|
5210
|
+
}, 100);
|
|
5115
5211
|
}
|
|
5116
5212
|
}, [hoverIndex, isShow]);
|
|
5117
5213
|
const scrollIntoView = (index) => {
|
|
5118
|
-
const htmlListItem =
|
|
5214
|
+
const htmlListItem = selectMenu.current?.children[0]?.querySelector(`#list-item-${index}`);
|
|
5119
5215
|
if (htmlListItem) {
|
|
5120
|
-
htmlListItem?.scrollIntoView({ block: '
|
|
5216
|
+
htmlListItem?.scrollIntoView({ block: 'center', behavior: 'smooth' });
|
|
5121
5217
|
}
|
|
5122
5218
|
};
|
|
5123
5219
|
const writeValue = (val) => setModel(val);
|
|
@@ -5174,8 +5270,7 @@ const Select = (props) => {
|
|
|
5174
5270
|
const renderMultipleViewModel = () => {
|
|
5175
5271
|
let result = null;
|
|
5176
5272
|
if (selectedOptions.length <= multipleMaxCountItems && selectedOptions.length > 0) {
|
|
5177
|
-
result = selectedOptions
|
|
5178
|
-
.map(option => jsxRuntime.jsx(Chip, { color: exports.COLOR.primary, isDeletable: true, onDelete: (e) => handleOnDelete(e, option), children: option.label }, option.value));
|
|
5273
|
+
result = selectedOptions.map(option => (jsxRuntime.jsx(Chip, { color: exports.COLOR.primary, isDeletable: true, onDelete: (e) => handleOnDelete(e, option), children: option.label }, option.value)));
|
|
5179
5274
|
}
|
|
5180
5275
|
else {
|
|
5181
5276
|
result = jsxRuntime.jsxs("span", { children: [selectedOptions.length, " Items selected"] });
|
|
@@ -5216,39 +5311,41 @@ const Select = (props) => {
|
|
|
5216
5311
|
}
|
|
5217
5312
|
}
|
|
5218
5313
|
};
|
|
5219
|
-
return (jsxRuntime.jsxs("div", { ref: selectConainter, className: styles$
|
|
5220
|
-
|
|
5221
|
-
|
|
5222
|
-
|
|
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: {
|
|
5315
|
+
left: selectConainter.current?.getBoundingClientRect().x,
|
|
5316
|
+
top: selectConainter.current?.getBoundingClientRect().y,
|
|
5317
|
+
width: selectConainter.current?.getBoundingClientRect().width,
|
|
5318
|
+
}, children: jsxRuntime.jsx(List, { children: options &&
|
|
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() })] }))] }));
|
|
5223
5320
|
};
|
|
5224
5321
|
|
|
5225
|
-
var css_248z$
|
|
5226
|
-
var styles$
|
|
5227
|
-
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);
|
|
5228
5325
|
|
|
5229
5326
|
const Textarea = (props) => {
|
|
5230
5327
|
const { className, error, ...rest } = props;
|
|
5231
5328
|
const getCssClass = () => {
|
|
5232
5329
|
const cssClasses = [];
|
|
5233
|
-
cssClasses.push(styles$
|
|
5330
|
+
cssClasses.push(styles$C.textarea);
|
|
5234
5331
|
className && cssClasses.push(className);
|
|
5235
|
-
error && cssClasses.push(styles$
|
|
5332
|
+
error && cssClasses.push(styles$C['isInvalid']);
|
|
5236
5333
|
return cssClasses.filter(r => r).join(' ');
|
|
5237
5334
|
};
|
|
5238
5335
|
return (jsxRuntime.jsx("textarea", { className: getCssClass(), ...rest }));
|
|
5239
5336
|
};
|
|
5240
5337
|
|
|
5241
|
-
var css_248z$
|
|
5242
|
-
var styles$
|
|
5243
|
-
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);
|
|
5244
5341
|
|
|
5245
5342
|
const FormInput = (props) => {
|
|
5246
5343
|
const { value, name, type, placeholder, className, isValid = true, options = [], textareaOptions, selectOptions, autoCompleteOptions, autoFocus, label, disabled = false, readonly = false, onInput, onChange, onBlur, onKeyDown } = props;
|
|
5247
5344
|
const getCssClasses = () => {
|
|
5248
5345
|
const cssClasses = [];
|
|
5249
|
-
cssClasses.push(styles$
|
|
5346
|
+
cssClasses.push(styles$B.formInput);
|
|
5250
5347
|
className && cssClasses.push(className);
|
|
5251
|
-
!isValid && cssClasses.push(styles$
|
|
5348
|
+
!isValid && cssClasses.push(styles$B['isInvalid']);
|
|
5252
5349
|
return cssClasses.filter(css => css).join(' ');
|
|
5253
5350
|
};
|
|
5254
5351
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -5277,14 +5374,14 @@ const FormInput = (props) => {
|
|
|
5277
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)) })] }));
|
|
5278
5375
|
};
|
|
5279
5376
|
|
|
5280
|
-
var css_248z$
|
|
5281
|
-
var styles$
|
|
5282
|
-
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);
|
|
5283
5380
|
|
|
5284
5381
|
const FormLabel = ({ children, className, htmlFor, ...rest }) => {
|
|
5285
5382
|
const getCssClasses = () => {
|
|
5286
5383
|
const cssClasses = [];
|
|
5287
|
-
cssClasses.push(styles$
|
|
5384
|
+
cssClasses.push(styles$A.formLabel);
|
|
5288
5385
|
className && cssClasses.push(className);
|
|
5289
5386
|
return cssClasses.filter(css => css).join(' ');
|
|
5290
5387
|
};
|
|
@@ -5321,7 +5418,7 @@ class Form extends React.Component {
|
|
|
5321
5418
|
}
|
|
5322
5419
|
getCssClasses() {
|
|
5323
5420
|
const cssClasses = [];
|
|
5324
|
-
cssClasses.push(styles$
|
|
5421
|
+
cssClasses.push(styles$F.form);
|
|
5325
5422
|
this.props.className && cssClasses.push(this.props.className);
|
|
5326
5423
|
return cssClasses.filter(css => css).join(' ');
|
|
5327
5424
|
}
|
|
@@ -5519,29 +5616,29 @@ class FormControl {
|
|
|
5519
5616
|
}
|
|
5520
5617
|
}
|
|
5521
5618
|
|
|
5522
|
-
var css_248z$
|
|
5523
|
-
var styles$
|
|
5524
|
-
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);
|
|
5525
5622
|
|
|
5526
5623
|
const Column = (props) => {
|
|
5527
5624
|
const { children, className, ...rest } = props;
|
|
5528
5625
|
const getCssClasses = () => {
|
|
5529
5626
|
const cssClasses = [];
|
|
5530
|
-
cssClasses.push(styles$
|
|
5627
|
+
cssClasses.push(styles$z.column);
|
|
5531
5628
|
className && cssClasses.push(className);
|
|
5532
5629
|
return cssClasses.filter(css => css).join(' ');
|
|
5533
5630
|
};
|
|
5534
5631
|
return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: children }));
|
|
5535
5632
|
};
|
|
5536
5633
|
|
|
5537
|
-
var css_248z$
|
|
5538
|
-
var styles$
|
|
5539
|
-
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);
|
|
5540
5637
|
|
|
5541
5638
|
const Row = ({ children, direction = 'row', className, ...rest }) => {
|
|
5542
5639
|
const getCssClasses = () => {
|
|
5543
5640
|
const cssClasses = [];
|
|
5544
|
-
cssClasses.push(styles$
|
|
5641
|
+
cssClasses.push(styles$y.row);
|
|
5545
5642
|
className && cssClasses.push(className);
|
|
5546
5643
|
direction && cssClasses.push(`flex-${direction}`);
|
|
5547
5644
|
return cssClasses.filter(css => css).join(' ');
|
|
@@ -5645,16 +5742,16 @@ const DateSelect = (props) => {
|
|
|
5645
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) })] })] }));
|
|
5646
5743
|
};
|
|
5647
5744
|
|
|
5648
|
-
var css_248z$
|
|
5649
|
-
var styles$
|
|
5650
|
-
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);
|
|
5651
5748
|
|
|
5652
5749
|
const Drawer = (props) => {
|
|
5653
5750
|
const { children, className, position = 'left', permanent = false, target = document.body, shadow = true, onClickBackdrop, ...rest } = props;
|
|
5654
5751
|
React.useEffect(() => {
|
|
5655
|
-
document.body.classList.add(styles$
|
|
5752
|
+
document.body.classList.add(styles$x.drawerOpen);
|
|
5656
5753
|
return () => {
|
|
5657
|
-
document.body.classList.remove(styles$
|
|
5754
|
+
document.body.classList.remove(styles$x.drawerOpen);
|
|
5658
5755
|
};
|
|
5659
5756
|
}, []);
|
|
5660
5757
|
const handleClickBackdrop = () => {
|
|
@@ -5666,10 +5763,10 @@ const DrawerContent = (props) => {
|
|
|
5666
5763
|
const { children, className, position = 'left', permanent = false, shadow, ...rest } = props;
|
|
5667
5764
|
const getCssClasses = () => {
|
|
5668
5765
|
const cssClasses = [];
|
|
5669
|
-
cssClasses.push(styles$
|
|
5670
|
-
shadow && cssClasses.push(styles$
|
|
5671
|
-
!!permanent && cssClasses.push(styles$
|
|
5672
|
-
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']);
|
|
5673
5770
|
className && cssClasses.push(className);
|
|
5674
5771
|
return cssClasses.filter(css => css).join(' ');
|
|
5675
5772
|
};
|
|
@@ -5683,21 +5780,21 @@ const DrawerContent = (props) => {
|
|
|
5683
5780
|
return (jsxRuntime.jsx("div", { className: getCssClasses(), style: getStyles(), ...rest, children: children }));
|
|
5684
5781
|
};
|
|
5685
5782
|
|
|
5686
|
-
var css_248z$
|
|
5687
|
-
var styles$
|
|
5688
|
-
styleInject(css_248z$x);
|
|
5689
|
-
|
|
5690
|
-
var css_248z$w = ".ExpansionPanelContent-module_expansionPanelContent__aXNfH {\n padding: 8px 16px 16px;\n}";
|
|
5691
|
-
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"};
|
|
5692
5785
|
styleInject(css_248z$w);
|
|
5693
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
|
+
|
|
5694
5791
|
const ExpansionPanelContent = ({ children }) => {
|
|
5695
|
-
return (jsxRuntime.jsx("div", { className: styles$
|
|
5792
|
+
return (jsxRuntime.jsx("div", { className: styles$v.expansionPanelContent, children: children }));
|
|
5696
5793
|
};
|
|
5697
5794
|
|
|
5698
|
-
var css_248z$
|
|
5699
|
-
var styles$
|
|
5700
|
-
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);
|
|
5701
5798
|
|
|
5702
5799
|
const ExpansionPanelHeader = (props) => {
|
|
5703
5800
|
const { children, isExpanded, onClick } = props;
|
|
@@ -5705,7 +5802,7 @@ const ExpansionPanelHeader = (props) => {
|
|
|
5705
5802
|
e.stopPropagation();
|
|
5706
5803
|
onClick && onClick(e);
|
|
5707
5804
|
};
|
|
5708
|
-
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, {}) }) })] }));
|
|
5709
5806
|
};
|
|
5710
5807
|
|
|
5711
5808
|
const ExpansionPanel = (props) => {
|
|
@@ -5716,11 +5813,11 @@ const ExpansionPanel = (props) => {
|
|
|
5716
5813
|
}, [isExpanded]);
|
|
5717
5814
|
const getCssClasses = () => {
|
|
5718
5815
|
const cssClasses = [];
|
|
5719
|
-
cssClasses.push(styles$
|
|
5816
|
+
cssClasses.push(styles$w.expansionPanel);
|
|
5720
5817
|
if (_isExpanded) {
|
|
5721
|
-
cssClasses.push(styles$
|
|
5818
|
+
cssClasses.push(styles$w.isExpanded);
|
|
5722
5819
|
}
|
|
5723
|
-
shadow && cssClasses.push(styles$
|
|
5820
|
+
shadow && cssClasses.push(styles$w.shadow);
|
|
5724
5821
|
return cssClasses.filter(css => css).join(' ');
|
|
5725
5822
|
};
|
|
5726
5823
|
const handleClickHeader = (event) => {
|
|
@@ -5730,17 +5827,17 @@ const ExpansionPanel = (props) => {
|
|
|
5730
5827
|
return (jsxRuntime.jsxs("div", { className: getCssClasses(), children: [jsxRuntime.jsx(ExpansionPanelHeader, { isExpanded: _isExpanded, onClick: handleClickHeader, children: header }), _isExpanded && jsxRuntime.jsx(ExpansionPanelContent, { children: children })] }));
|
|
5731
5828
|
};
|
|
5732
5829
|
|
|
5733
|
-
var css_248z$
|
|
5734
|
-
var styles$
|
|
5735
|
-
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);
|
|
5736
5833
|
|
|
5737
5834
|
const FloatingActionButton = (props) => {
|
|
5738
5835
|
const { className, icon, color = exports.COLOR.primary, fixed, position = 'rightBottom', size = exports.SIZE.lg, isActive, disabled, onClick } = props;
|
|
5739
5836
|
const getCssClasses = () => {
|
|
5740
5837
|
const cssClasses = [];
|
|
5741
|
-
cssClasses.push(styles$
|
|
5742
|
-
fixed && cssClasses.push(styles$
|
|
5743
|
-
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]);
|
|
5744
5841
|
className && cssClasses.push(className);
|
|
5745
5842
|
return cssClasses.filter(css => css).join(' ');
|
|
5746
5843
|
};
|
|
@@ -5751,14 +5848,14 @@ const FloatingActionButton = (props) => {
|
|
|
5751
5848
|
return (jsxRuntime.jsx(IconButton, { className: getCssClasses(), color: color, size: size, isActive: isActive, disabled: disabled, icon: icon, variant: exports.VARIANT.contained, onClick: handleClick }));
|
|
5752
5849
|
};
|
|
5753
5850
|
|
|
5754
|
-
var css_248z$
|
|
5755
|
-
var styles$
|
|
5756
|
-
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);
|
|
5757
5854
|
|
|
5758
5855
|
const Link = (props) => {
|
|
5759
5856
|
const { href = '#', className, target, children, ...rest } = props;
|
|
5760
5857
|
const [status, setStatus] = React.useState(exports.STATUS.NORMAL);
|
|
5761
|
-
const [cssClassName] = useCssClasses([styles$
|
|
5858
|
+
const [cssClassName] = useCssClasses([styles$s.link, className, status]);
|
|
5762
5859
|
const onMouseEnter = () => {
|
|
5763
5860
|
setStatus(exports.STATUS.HOVERED);
|
|
5764
5861
|
};
|
|
@@ -5768,80 +5865,6 @@ const Link = (props) => {
|
|
|
5768
5865
|
return (jsxRuntime.jsx("a", { className: cssClassName, href: href, target: target, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ...rest, children: children }));
|
|
5769
5866
|
};
|
|
5770
5867
|
|
|
5771
|
-
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}";
|
|
5772
|
-
var styles$s = {"loadingIndicatorContainer":"LoadingIndicator-module_loadingIndicatorContainer__GS9OG","isFixed":"LoadingIndicator-module_isFixed__WCFNG","loadingIndicator":"LoadingIndicator-module_loadingIndicator__EC9sx","spinAnimation":"LoadingIndicator-module_spinAnimation__LeY4Z"};
|
|
5773
|
-
styleInject(css_248z$s);
|
|
5774
|
-
|
|
5775
|
-
const LoadingIndicator = ({ ...rest }) => {
|
|
5776
|
-
const getCssClasses = () => {
|
|
5777
|
-
const cssClasses = [];
|
|
5778
|
-
cssClasses.push(styles$s.loadingIndicator);
|
|
5779
|
-
return cssClasses.filter(css => css).join(' ');
|
|
5780
|
-
};
|
|
5781
|
-
return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: jsxRuntime.jsx(SpinnerSolidIcon, {}) }));
|
|
5782
|
-
};
|
|
5783
|
-
|
|
5784
|
-
const LoadingIndicatorContainer = ({ children, isFixed }) => {
|
|
5785
|
-
const getCssClasses = () => {
|
|
5786
|
-
const cssClasses = [];
|
|
5787
|
-
cssClasses.push(styles$s.loadingIndicatorContainer);
|
|
5788
|
-
isFixed && cssClasses.push(styles$s.isFixed);
|
|
5789
|
-
return cssClasses.filter(css => css).join(' ');
|
|
5790
|
-
};
|
|
5791
|
-
return (jsxRuntime.jsx("div", { className: getCssClasses(), children: children }));
|
|
5792
|
-
};
|
|
5793
|
-
|
|
5794
|
-
var client = createCommonjsModule(function (module, exports) {
|
|
5795
|
-
|
|
5796
|
-
|
|
5797
|
-
if (process.env.NODE_ENV === 'production') {
|
|
5798
|
-
exports.createRoot = reactDom.createRoot;
|
|
5799
|
-
exports.hydrateRoot = reactDom.hydrateRoot;
|
|
5800
|
-
} else {
|
|
5801
|
-
var i = reactDom.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
5802
|
-
exports.createRoot = function(c, o) {
|
|
5803
|
-
i.usingClientEntryPoint = true;
|
|
5804
|
-
try {
|
|
5805
|
-
return reactDom.createRoot(c, o);
|
|
5806
|
-
} finally {
|
|
5807
|
-
i.usingClientEntryPoint = false;
|
|
5808
|
-
}
|
|
5809
|
-
};
|
|
5810
|
-
exports.hydrateRoot = function(c, h, o) {
|
|
5811
|
-
i.usingClientEntryPoint = true;
|
|
5812
|
-
try {
|
|
5813
|
-
return reactDom.hydrateRoot(c, h, o);
|
|
5814
|
-
} finally {
|
|
5815
|
-
i.usingClientEntryPoint = false;
|
|
5816
|
-
}
|
|
5817
|
-
};
|
|
5818
|
-
}
|
|
5819
|
-
});
|
|
5820
|
-
var client_1 = client.createRoot;
|
|
5821
|
-
client.hydrateRoot;
|
|
5822
|
-
|
|
5823
|
-
class LoadingIndicatorService {
|
|
5824
|
-
show() {
|
|
5825
|
-
if (this.container) {
|
|
5826
|
-
this.hide();
|
|
5827
|
-
}
|
|
5828
|
-
this.container = document.createElement('div');
|
|
5829
|
-
this.container.classList.add('snackbar-container');
|
|
5830
|
-
document.body.appendChild(this.container);
|
|
5831
|
-
this.root = client_1(this.container);
|
|
5832
|
-
this.root.render(jsxRuntime.jsx(LoadingIndicatorContainer, { isFixed: true, children: jsxRuntime.jsx(LoadingIndicator, {}) }));
|
|
5833
|
-
}
|
|
5834
|
-
hide() {
|
|
5835
|
-
if (this.container) {
|
|
5836
|
-
this.root?.unmount();
|
|
5837
|
-
document.body.removeChild(this.container);
|
|
5838
|
-
this.container = undefined;
|
|
5839
|
-
this.handler && clearTimeout(this.handler);
|
|
5840
|
-
}
|
|
5841
|
-
}
|
|
5842
|
-
}
|
|
5843
|
-
const loadingIndicatorService = new LoadingIndicatorService();
|
|
5844
|
-
|
|
5845
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}";
|
|
5846
5869
|
var styles$r = {"menuBody":"MenuBody-module_menuBody__u4FIQ","shadow":"MenuBody-module_shadow__OBp-f"};
|
|
5847
5870
|
styleInject(css_248z$r);
|