react-asc 18.8.8 → 18.9.3
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/components/Form/FormLabel/FormLabel.d.ts +2 -4
- package/components/Grid/Column/Column.d.ts +2 -4
- package/components/Grid/Row/Row.d.ts +2 -7
- package/components/Icon/Icon.d.ts +2 -3
- package/components/IconButton/IconButton.d.ts +1 -3
- package/components/Link/Link.d.ts +2 -7
- package/components/Snackbar/Snackbar.d.ts +3 -4
- package/components/Snackbar/snackbar.service.d.ts +3 -2
- package/index.es.js +168 -169
- package/index.es.js.map +1 -1
- package/index.js +168 -169
- package/index.js.map +1 -1
- package/package.json +1 -1
package/index.es.js
CHANGED
|
@@ -391,7 +391,7 @@ const Button = (props) => {
|
|
|
391
391
|
className && cssClasses.push(className);
|
|
392
392
|
return cssClasses.filter(css => css).join(' ');
|
|
393
393
|
};
|
|
394
|
-
return (React.createElement("button", Object.assign({ className: getCssClasses() }, rest),
|
|
394
|
+
return (React.createElement("button", Object.assign({ type: "button", className: getCssClasses() }, rest),
|
|
395
395
|
React.createElement("span", { className: "d-flex justify-content-center" },
|
|
396
396
|
startIcon &&
|
|
397
397
|
React.createElement(Icon, { className: styles$K.startIcon }, startIcon),
|
|
@@ -619,51 +619,32 @@ const Icon = (props) => {
|
|
|
619
619
|
return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
620
620
|
};
|
|
621
621
|
|
|
622
|
-
var css_248z$y = ".
|
|
623
|
-
var styles$y = {"
|
|
622
|
+
var css_248z$y = ".IconButton-module_iconButton__1xqrL {\n border-radius: 100%;\n padding: 0px;\n display: flex;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n min-width: auto;\n box-shadow: none;\n font-weight: 400;\n text-align: center;\n vertical-align: middle;\n -webkit-user-select: none;\n user-select: none;\n background-color: transparent;\n font-size: 1rem;\n line-height: 1.5;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n border: none; }\n .IconButton-module_iconButton__1xqrL:hover {\n cursor: pointer; }\n .IconButton-module_iconButton__1xqrL.IconButton-module_shadow__5U4-_ {\n box-shadow: var(--shadow); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_md__1lmDL {\n width: 48px;\n height: 48px; }\n .IconButton-module_iconButton__1xqrL.IconButton-module_lg__1O2Uy {\n width: 56px;\n height: 56px; }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG {\n padding: 0;\n background: transparent;\n color: inherit; }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_active__2tJut {\n background-color: rgba(0, 0, 0, 0.04); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_primary__qRw4T {\n color: var(--primary); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_primary__qRw4T:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_primary__qRw4T.IconButton-module_active__2tJut {\n color: var(--primary-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_secondary__1lzNL {\n color: var(--secondary); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_secondary__1lzNL:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_secondary__1lzNL.IconButton-module_active__2tJut {\n color: var(--secondary-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_accent__exm5t {\n color: var(--accent); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_accent__exm5t:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_accent__exm5t.IconButton-module_active__2tJut {\n color: var(--accent-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_light__2nWhD {\n color: var(--light); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_light__2nWhD:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_light__2nWhD.IconButton-module_active__2tJut {\n color: var(--light-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_dark__1e6bR {\n color: var(--dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_dark__1e6bR:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_dark__1e6bR.IconButton-module_active__2tJut {\n color: var(--dark-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_disabled__3TgpF {\n color: rgba(0, 0, 0, 0.26);\n background-color: transparent;\n cursor: default;\n pointer-events: none; }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_active__2tJut {\n background-color: rgba(0, 0, 0, 0.04); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_primary__qRw4T {\n background-color: var(--primary);\n color: var(--white); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_primary__qRw4T:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_primary__qRw4T.IconButton-module_active__2tJut {\n background-color: var(--primary-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_secondary__1lzNL {\n background-color: var(--secondary);\n color: var(--white); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_secondary__1lzNL:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_secondary__1lzNL.IconButton-module_active__2tJut {\n background-color: var(--secondary-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_accent__exm5t {\n background-color: var(--accent);\n color: var(--white); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_accent__exm5t:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_accent__exm5t.IconButton-module_active__2tJut {\n background-color: var(--accent-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_light__2nWhD {\n background-color: var(--light);\n color: var(--dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_light__2nWhD:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_light__2nWhD.IconButton-module_active__2tJut {\n background-color: var(--light-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_dark__1e6bR {\n background-color: var(--dark);\n color: var(--white); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_dark__1e6bR:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_dark__1e6bR.IconButton-module_active__2tJut {\n background-color: var(--dark-light); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_disabled__3TgpF {\n color: rgba(0, 0, 0, 0.26);\n background-color: transparent;\n cursor: default;\n pointer-events: none; }\n";
|
|
623
|
+
var styles$y = {"iconButton":"IconButton-module_iconButton__1xqrL","shadow":"IconButton-module_shadow__5U4-_","md":"IconButton-module_md__1lmDL","lg":"IconButton-module_lg__1O2Uy","text":"IconButton-module_text__33RrG","active":"IconButton-module_active__2tJut","primary":"IconButton-module_primary__qRw4T","secondary":"IconButton-module_secondary__1lzNL","accent":"IconButton-module_accent__exm5t","light":"IconButton-module_light__2nWhD","dark":"IconButton-module_dark__1e6bR","disabled":"IconButton-module_disabled__3TgpF","contained":"IconButton-module_contained__gWulJ"};
|
|
624
624
|
styleInject(css_248z$y);
|
|
625
625
|
|
|
626
|
-
const Wrapper = (props) => {
|
|
627
|
-
const { as = 'span', children, className } = props, rest = __rest(props, ["as", "children", "className"]);
|
|
628
|
-
const getCssClasses = () => {
|
|
629
|
-
const cssClasses = [];
|
|
630
|
-
cssClasses.push(styles$y.typography);
|
|
631
|
-
className && cssClasses.push(className);
|
|
632
|
-
return cssClasses.filter(css => css).join(' ');
|
|
633
|
-
};
|
|
634
|
-
return React.createElement(as, Object.assign(Object.assign({}, rest), { className: getCssClasses() }), children);
|
|
635
|
-
};
|
|
636
|
-
const Typography = (_a) => {
|
|
637
|
-
var { children, as = 'span' } = _a, rest = __rest(_a, ["children", "as"]);
|
|
638
|
-
return (React.createElement(Wrapper, Object.assign({ as: as }, rest), children));
|
|
639
|
-
};
|
|
640
|
-
|
|
641
|
-
var css_248z$x = ".IconButton-module_iconButton__1xqrL {\n border-radius: 100%;\n padding: 0px;\n display: flex;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n min-width: auto;\n box-shadow: none;\n font-weight: 400;\n text-align: center;\n vertical-align: middle;\n -webkit-user-select: none;\n user-select: none;\n background-color: transparent;\n font-size: 1rem;\n line-height: 1.5;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n border: none; }\n .IconButton-module_iconButton__1xqrL:hover {\n cursor: pointer; }\n .IconButton-module_iconButton__1xqrL.IconButton-module_shadow__5U4-_ {\n box-shadow: var(--shadow); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_md__1lmDL {\n width: 48px;\n height: 48px; }\n .IconButton-module_iconButton__1xqrL.IconButton-module_lg__1O2Uy {\n width: 56px;\n height: 56px; }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG {\n padding: 0;\n background: transparent;\n color: inherit; }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_active__2tJut {\n background-color: rgba(0, 0, 0, 0.04); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_primary__qRw4T {\n color: var(--primary); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_primary__qRw4T:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_primary__qRw4T.IconButton-module_active__2tJut {\n color: var(--primary-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_secondary__1lzNL {\n color: var(--secondary); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_secondary__1lzNL:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_secondary__1lzNL.IconButton-module_active__2tJut {\n color: var(--secondary-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_accent__exm5t {\n color: var(--accent); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_accent__exm5t:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_accent__exm5t.IconButton-module_active__2tJut {\n color: var(--accent-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_light__2nWhD {\n color: var(--light); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_light__2nWhD:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_light__2nWhD.IconButton-module_active__2tJut {\n color: var(--light-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_dark__1e6bR {\n color: var(--dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_dark__1e6bR:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_dark__1e6bR.IconButton-module_active__2tJut {\n color: var(--dark-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_disabled__3TgpF {\n color: rgba(0, 0, 0, 0.26);\n background-color: transparent;\n cursor: default;\n pointer-events: none; }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_active__2tJut {\n background-color: rgba(0, 0, 0, 0.04); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_primary__qRw4T {\n background-color: var(--primary);\n color: var(--white); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_primary__qRw4T:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_primary__qRw4T.IconButton-module_active__2tJut {\n background-color: var(--primary-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_secondary__1lzNL {\n background-color: var(--secondary);\n color: var(--white); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_secondary__1lzNL:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_secondary__1lzNL.IconButton-module_active__2tJut {\n background-color: var(--secondary-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_accent__exm5t {\n background-color: var(--accent);\n color: var(--white); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_accent__exm5t:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_accent__exm5t.IconButton-module_active__2tJut {\n background-color: var(--accent-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_light__2nWhD {\n background-color: var(--light);\n color: var(--dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_light__2nWhD:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_light__2nWhD.IconButton-module_active__2tJut {\n background-color: var(--light-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_dark__1e6bR {\n background-color: var(--dark);\n color: var(--white); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_dark__1e6bR:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_dark__1e6bR.IconButton-module_active__2tJut {\n background-color: var(--dark-light); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_disabled__3TgpF {\n color: rgba(0, 0, 0, 0.26);\n background-color: transparent;\n cursor: default;\n pointer-events: none; }\n";
|
|
642
|
-
var styles$x = {"iconButton":"IconButton-module_iconButton__1xqrL","shadow":"IconButton-module_shadow__5U4-_","md":"IconButton-module_md__1lmDL","lg":"IconButton-module_lg__1O2Uy","text":"IconButton-module_text__33RrG","active":"IconButton-module_active__2tJut","primary":"IconButton-module_primary__qRw4T","secondary":"IconButton-module_secondary__1lzNL","accent":"IconButton-module_accent__exm5t","light":"IconButton-module_light__2nWhD","dark":"IconButton-module_dark__1e6bR","disabled":"IconButton-module_disabled__3TgpF","contained":"IconButton-module_contained__gWulJ"};
|
|
643
|
-
styleInject(css_248z$x);
|
|
644
|
-
|
|
645
626
|
const IconButton = (props) => {
|
|
646
|
-
const { children, icon,
|
|
627
|
+
const { children, icon, variant = VARIANT.text, color = COLOR.dark, size = SIZE.md, isActive, disabled, className, shadow } = props, rest = __rest(props, ["children", "icon", "variant", "color", "size", "isActive", "disabled", "className", "shadow"]);
|
|
647
628
|
const getCssClasses = () => {
|
|
648
629
|
const cssClasses = [];
|
|
649
|
-
cssClasses.push(styles$
|
|
650
|
-
cssClasses.push(styles$
|
|
651
|
-
cssClasses.push(styles$
|
|
652
|
-
cssClasses.push(styles$
|
|
653
|
-
isActive && cssClasses.push(styles$
|
|
654
|
-
disabled && cssClasses.push(styles$
|
|
655
|
-
shadow && cssClasses.push(styles$
|
|
630
|
+
cssClasses.push(styles$y[color]);
|
|
631
|
+
cssClasses.push(styles$y[variant]);
|
|
632
|
+
cssClasses.push(styles$y[size]);
|
|
633
|
+
cssClasses.push(styles$y.iconButton);
|
|
634
|
+
isActive && cssClasses.push(styles$y.active);
|
|
635
|
+
disabled && cssClasses.push(styles$y.disabled);
|
|
636
|
+
shadow && cssClasses.push(styles$y.shadow);
|
|
656
637
|
className && cssClasses.push(className);
|
|
657
638
|
return cssClasses.filter(css => css).join(' ');
|
|
658
639
|
};
|
|
659
640
|
return (React.createElement("button", Object.assign({ type: "button", className: getCssClasses(), disabled: disabled }, rest),
|
|
660
641
|
icon && React.createElement(Icon, null, icon),
|
|
661
|
-
|
|
642
|
+
children));
|
|
662
643
|
};
|
|
663
644
|
|
|
664
|
-
var css_248z$
|
|
665
|
-
var styles$
|
|
666
|
-
styleInject(css_248z$
|
|
645
|
+
var css_248z$x = ".Checkbox-module_checkboxContainer__2oWhu {\n display: flex;\n align-items: center;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n .Checkbox-module_checkboxContainer__2oWhu label {\n margin-bottom: 0;\n margin-left: 0; }\n .Checkbox-module_checkboxContainer__2oWhu label:hover {\n cursor: pointer; }\n\n.Checkbox-module_checkboxLabel__27Y6U.Checkbox-module_disabled__3EXUd {\n color: rgba(0, 0, 0, 0.26);\n cursor: not-allowed; }\n";
|
|
646
|
+
var styles$x = {"checkboxContainer":"Checkbox-module_checkboxContainer__2oWhu","checkboxLabel":"Checkbox-module_checkboxLabel__27Y6U","disabled":"Checkbox-module_disabled__3EXUd"};
|
|
647
|
+
styleInject(css_248z$x);
|
|
667
648
|
|
|
668
649
|
const Checkbox = (props) => {
|
|
669
650
|
const { id, checked, className, label, name, value = "off", disabled, readOnly } = props, rest = __rest(props, ["id", "checked", "className", "label", "name", "value", "disabled", "readOnly"]);
|
|
@@ -700,24 +681,24 @@ const Checkbox = (props) => {
|
|
|
700
681
|
(_a = checkboxElement === null || checkboxElement === void 0 ? void 0 : checkboxElement.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
701
682
|
}
|
|
702
683
|
};
|
|
703
|
-
return (React.createElement("div", { className: styles$
|
|
684
|
+
return (React.createElement("div", { className: styles$x.checkboxContainer },
|
|
704
685
|
React.createElement(IconButton, { className: getCssClasses(), onClick: handleClick, icon: getIcon(), disabled: disabled || readOnly }),
|
|
705
|
-
React.createElement("label", { onClick: handleClick, className: styles$
|
|
686
|
+
React.createElement("label", { onClick: handleClick, className: styles$x.checkboxLabel + ' ' + (disabled ? styles$x['disabled'] : undefined) }, label),
|
|
706
687
|
React.createElement("input", Object.assign({ type: "checkbox", ref: checkboxElement, id: id, name: name, checked: isChecked, disabled: disabled, readOnly: readOnly, hidden: true, value: value }, rest))));
|
|
707
688
|
};
|
|
708
689
|
|
|
709
|
-
var css_248z$
|
|
710
|
-
var styles$
|
|
711
|
-
styleInject(css_248z$
|
|
690
|
+
var css_248z$w = ".Chip-module_chip__1cghp {\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 .Chip-module_chip__1cghp svg {\n width: 18px;\n height: 18px; }\n .Chip-module_chip__1cghp .Chip-module_deleteIcon__34X9c {\n margin-left: 5px; }\n .Chip-module_chip__1cghp .Chip-module_deleteIcon__34X9c:hover {\n cursor: pointer; }\n .Chip-module_chip__1cghp.Chip-module_primary__198Dq {\n background: var(--primary);\n color: var(--primary-contrast-text); }\n .Chip-module_chip__1cghp.Chip-module_secondary__14H0b {\n background: var(--secondary);\n color: var(--secondary-contrast-text); }\n .Chip-module_chip__1cghp.Chip-module_accent__2LkWr {\n background: var(--accent);\n color: var(--accent-contrast-text); }\n .Chip-module_chip__1cghp.Chip-module_light__2zVYs {\n color: var(--light-contrast-text);\n background-color: var(--light); }\n .Chip-module_chip__1cghp.Chip-module_dark__2Bg-S {\n color: var(--dark-contrast-text);\n background-color: var(--dark); }\n .Chip-module_chip__1cghp.Chip-module_clickable__2Y4x7:hover {\n cursor: pointer; }\n .Chip-module_chip__1cghp.Chip-module_clickable__2Y4x7:hover.Chip-module_primary__198Dq {\n background: var(--primary-dark); }\n .Chip-module_chip__1cghp.Chip-module_clickable__2Y4x7:hover.Chip-module_secondary__14H0b {\n background: var(--secondary-dark); }\n .Chip-module_chip__1cghp.Chip-module_clickable__2Y4x7:hover.Chip-module_accent__2LkWr {\n background: var(--accent-dark); }\n .Chip-module_chip__1cghp.Chip-module_shadow__3TYny {\n box-shadow: var(--shadow); }\n";
|
|
691
|
+
var styles$w = {"chip":"Chip-module_chip__1cghp","deleteIcon":"Chip-module_deleteIcon__34X9c","primary":"Chip-module_primary__198Dq","secondary":"Chip-module_secondary__14H0b","accent":"Chip-module_accent__2LkWr","light":"Chip-module_light__2zVYs","dark":"Chip-module_dark__2Bg-S","clickable":"Chip-module_clickable__2Y4x7","shadow":"Chip-module_shadow__3TYny"};
|
|
692
|
+
styleInject(css_248z$w);
|
|
712
693
|
|
|
713
694
|
const Chip = (props) => {
|
|
714
695
|
const { children, color = 'secondary', className, shadow, onClick, isDeletable, onDelete, deleteIcon = React.createElement(TimesCircleSolidIcon, null), style } = props, rest = __rest(props, ["children", "color", "className", "shadow", "onClick", "isDeletable", "onDelete", "deleteIcon", "style"]);
|
|
715
696
|
const getCssClass = () => {
|
|
716
697
|
const cssClasses = [];
|
|
717
|
-
cssClasses.push(styles$
|
|
718
|
-
cssClasses.push(styles$
|
|
719
|
-
shadow && cssClasses.push(styles$
|
|
720
|
-
onClick && cssClasses.push(styles$
|
|
698
|
+
cssClasses.push(styles$w.chip);
|
|
699
|
+
cssClasses.push(styles$w[color]);
|
|
700
|
+
shadow && cssClasses.push(styles$w['shadow']);
|
|
701
|
+
onClick && cssClasses.push(styles$w['clickable']);
|
|
721
702
|
className && cssClasses.push(className);
|
|
722
703
|
return cssClasses.filter(r => r).join(' ');
|
|
723
704
|
};
|
|
@@ -727,18 +708,18 @@ const Chip = (props) => {
|
|
|
727
708
|
};
|
|
728
709
|
return (React.createElement("div", Object.assign({ className: getCssClass() }, rest, { style: style }),
|
|
729
710
|
React.createElement("div", null, children),
|
|
730
|
-
isDeletable && (React.createElement("div", { className: styles$
|
|
711
|
+
isDeletable && (React.createElement("div", { className: styles$w.deleteIcon, onClick: e => handleClickOnDelete(e) }, deleteIcon))));
|
|
731
712
|
};
|
|
732
713
|
|
|
733
|
-
var css_248z$
|
|
734
|
-
var styles$
|
|
735
|
-
styleInject(css_248z$
|
|
714
|
+
var css_248z$v = ".FormLabel-module_formLabel__1Zv0W {\n margin-bottom: .5rem; }\n";
|
|
715
|
+
var styles$v = {"formLabel":"FormLabel-module_formLabel__1Zv0W"};
|
|
716
|
+
styleInject(css_248z$v);
|
|
736
717
|
|
|
737
718
|
const FormLabel = (props) => {
|
|
738
719
|
const { children, className, htmlFor } = props, rest = __rest(props, ["children", "className", "htmlFor"]);
|
|
739
720
|
const getCssClasses = () => {
|
|
740
721
|
const cssClasses = [];
|
|
741
|
-
cssClasses.push(styles$
|
|
722
|
+
cssClasses.push(styles$v.formLabel);
|
|
742
723
|
className && cssClasses.push(className);
|
|
743
724
|
return cssClasses.filter(css => css).join(' ');
|
|
744
725
|
};
|
|
@@ -776,9 +757,9 @@ const FileInput = (props) => {
|
|
|
776
757
|
React.createElement("input", Object.assign({ 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))));
|
|
777
758
|
};
|
|
778
759
|
|
|
779
|
-
var css_248z$
|
|
780
|
-
var styles$
|
|
781
|
-
styleInject(css_248z$
|
|
760
|
+
var css_248z$u = ".Select-module_selectContainer__2oizY {\n position: relative; }\n\n.Select-module_select__MSqgU {\n min-height: calc(1.5em + 0.75rem + 2px);\n height: auto;\n display: flex; }\n .Select-module_select__MSqgU:hover {\n cursor: pointer; }\n\n.Select-module_selectMenu__2vhJt {\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";
|
|
761
|
+
var styles$u = {"selectContainer":"Select-module_selectContainer__2oizY","select":"Select-module_select__MSqgU","selectMenu":"Select-module_selectMenu__2vhJt"};
|
|
762
|
+
styleInject(css_248z$u);
|
|
782
763
|
|
|
783
764
|
const Select = (props) => {
|
|
784
765
|
var _a, _b, _c;
|
|
@@ -791,7 +772,7 @@ const Select = (props) => {
|
|
|
791
772
|
const getCssClass = () => {
|
|
792
773
|
const cssClasses = [];
|
|
793
774
|
className && cssClasses.push(className);
|
|
794
|
-
cssClasses.push(styles$
|
|
775
|
+
cssClasses.push(styles$u.select);
|
|
795
776
|
return cssClasses.filter(r => r).join(' ');
|
|
796
777
|
};
|
|
797
778
|
useEffect(() => {
|
|
@@ -910,7 +891,7 @@ const Select = (props) => {
|
|
|
910
891
|
}
|
|
911
892
|
};
|
|
912
893
|
return (React.createElement(React.Fragment, null,
|
|
913
|
-
React.createElement("div", { ref: selectConainter, className: styles$
|
|
894
|
+
React.createElement("div", { ref: selectConainter, className: styles$u.selectContainer },
|
|
914
895
|
React.createElement("div", { id: id, className: getCssClass(), onClick: () => show(), tabIndex: 0, onKeyDown: e => handleOnKeyDown(e) },
|
|
915
896
|
!multiple && renderSingleViewModel(),
|
|
916
897
|
multiple && renderMultipleViewModel(),
|
|
@@ -918,7 +899,7 @@ const Select = (props) => {
|
|
|
918
899
|
React.createElement(ChevronDownSolidIcon, null))),
|
|
919
900
|
isShow &&
|
|
920
901
|
createPortal(React.createElement(React.Fragment, null,
|
|
921
|
-
React.createElement("div", { className: styles$
|
|
902
|
+
React.createElement("div", { className: styles$u.selectMenu, style: { left: (_a = selectConainter.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().x, top: (_b = selectConainter.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().y, width: (_c = selectConainter.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect().width } },
|
|
922
903
|
React.createElement(List, null, options && options.map((option, index) => React.createElement(ListItem, { id: `list-item-${index}`, key: option.value, onClick: () => handleOnClick(option), active: isActive(option) },
|
|
923
904
|
multiple &&
|
|
924
905
|
React.createElement(Checkbox, { checked: isActive(option), onChange: () => handleOnClick(option) }),
|
|
@@ -926,30 +907,30 @@ const Select = (props) => {
|
|
|
926
907
|
React.createElement(Backdrop, { style: { zIndex: 1111 }, isTransparent: true, onClick: () => hide() })), document.body))));
|
|
927
908
|
};
|
|
928
909
|
|
|
929
|
-
var css_248z$
|
|
930
|
-
var styles$
|
|
931
|
-
styleInject(css_248z$
|
|
910
|
+
var css_248z$t = "textarea {\n min-height: calc(10em + 0.75rem + 2px);\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 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n resize: vertical; }\n textarea:focus {\n outline: none !important;\n border-color: var(--primary); }\n";
|
|
911
|
+
var styles$t = {};
|
|
912
|
+
styleInject(css_248z$t);
|
|
932
913
|
|
|
933
914
|
const Textarea = (props) => {
|
|
934
915
|
const { className } = props, rest = __rest(props, ["className"]);
|
|
935
916
|
const getCssClass = () => {
|
|
936
917
|
const cssClasses = [];
|
|
937
|
-
cssClasses.push(styles$
|
|
918
|
+
cssClasses.push(styles$t.textarea);
|
|
938
919
|
className && cssClasses.push(className);
|
|
939
920
|
return cssClasses.filter(r => r).join(' ');
|
|
940
921
|
};
|
|
941
922
|
return (React.createElement("textarea", Object.assign({ className: getCssClass() }, rest)));
|
|
942
923
|
};
|
|
943
924
|
|
|
944
|
-
var css_248z$
|
|
945
|
-
var styles$
|
|
946
|
-
styleInject(css_248z$
|
|
925
|
+
var css_248z$s = ".FormInput-module_formInput__1gAYi {\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 .FormInput-module_formInput__1gAYi:focus {\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";
|
|
926
|
+
var styles$s = {"formInput":"FormInput-module_formInput__1gAYi"};
|
|
927
|
+
styleInject(css_248z$s);
|
|
947
928
|
|
|
948
929
|
const FormInput = (props) => {
|
|
949
930
|
const { value, name, type, placeholder, className = 'form-control', isValid = true, options = [], textareaOptions, selectOptions, autoCompleteOptions, autoFocus, label, disabled = false, readonly = false, onInput, onChange, onBlur, onKeyDown } = props;
|
|
950
931
|
const getCssClasses = () => {
|
|
951
932
|
const cssClasses = [];
|
|
952
|
-
cssClasses.push(styles$
|
|
933
|
+
cssClasses.push(styles$s.formInput);
|
|
953
934
|
className && cssClasses.push(className);
|
|
954
935
|
!isValid && cssClasses.push('is-invalid');
|
|
955
936
|
return cssClasses.filter(css => css).join(' ');
|
|
@@ -1315,16 +1296,16 @@ const DateSelect = (props) => {
|
|
|
1315
1296
|
// return Math.ceil((((d - yearStart) / 86400000) + 1) / 7)
|
|
1316
1297
|
// };
|
|
1317
1298
|
|
|
1318
|
-
var css_248z$
|
|
1319
|
-
var styles$
|
|
1320
|
-
styleInject(css_248z$
|
|
1299
|
+
var css_248z$r = ".Drawer-module_drawer__36R2P {\n height: 100%;\n z-index: 1101;\n bottom: 0;\n position: fixed;\n background: white;\n min-width: 280px;\n overflow-y: auto; }\n .Drawer-module_drawer__36R2P.Drawer-module_permanent__AW5Df {\n position: inherit;\n z-index: 0; }\n .Drawer-module_drawer__36R2P.Drawer-module_left__1KKcY {\n order: 0; }\n .Drawer-module_drawer__36R2P.Drawer-module_right__2gESb {\n order: 2; }\n\n.Drawer-module_drawerOpen__euFdW {\n overflow: hidden; }\n";
|
|
1300
|
+
var styles$r = {"drawer":"Drawer-module_drawer__36R2P","permanent":"Drawer-module_permanent__AW5Df","left":"Drawer-module_left__1KKcY","right":"Drawer-module_right__2gESb","drawerOpen":"Drawer-module_drawerOpen__euFdW"};
|
|
1301
|
+
styleInject(css_248z$r);
|
|
1321
1302
|
|
|
1322
1303
|
const Drawer = (props) => {
|
|
1323
1304
|
const { children, className, position = 'left', permanent = false, target = document.body, onClickBackdrop } = props;
|
|
1324
1305
|
useEffect(() => {
|
|
1325
|
-
document.body.classList.add(styles$
|
|
1306
|
+
document.body.classList.add(styles$r.drawerOpen);
|
|
1326
1307
|
return () => {
|
|
1327
|
-
document.body.classList.remove(styles$
|
|
1308
|
+
document.body.classList.remove(styles$r.drawerOpen);
|
|
1328
1309
|
};
|
|
1329
1310
|
}, []);
|
|
1330
1311
|
const handleClickBackdrop = () => {
|
|
@@ -1338,10 +1319,10 @@ const DrawerContent = (props) => {
|
|
|
1338
1319
|
const { children, className, position = 'left', permanent = false } = props;
|
|
1339
1320
|
const getCssClasses = () => {
|
|
1340
1321
|
const cssClasses = [];
|
|
1341
|
-
cssClasses.push(styles$
|
|
1322
|
+
cssClasses.push(styles$r.drawer);
|
|
1342
1323
|
className && cssClasses.push(className);
|
|
1343
|
-
!!permanent && cssClasses.push(styles$
|
|
1344
|
-
position === 'left' ? cssClasses.push(styles$
|
|
1324
|
+
!!permanent && cssClasses.push(styles$r['permanent']);
|
|
1325
|
+
position === 'left' ? cssClasses.push(styles$r['left']) : cssClasses.push(styles$r['right']);
|
|
1345
1326
|
return cssClasses.filter(css => css).join(' ');
|
|
1346
1327
|
};
|
|
1347
1328
|
const positionStyles = {
|
|
@@ -1354,9 +1335,9 @@ const DrawerContent = (props) => {
|
|
|
1354
1335
|
return (React.createElement("div", { className: getCssClasses(), style: getStyles() }, children));
|
|
1355
1336
|
};
|
|
1356
1337
|
|
|
1357
|
-
var css_248z$
|
|
1358
|
-
var styles$
|
|
1359
|
-
styleInject(css_248z$
|
|
1338
|
+
var css_248z$q = ".MenuBody-module_menuBody__3cPsp {\n z-index: 1111;\n margin: 0;\n position: absolute;\n top: 100%;\n left: 0;\n min-width: 10rem;\n padding: 8px 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 .MenuBody-module_menuBody__3cPsp.MenuBody-module_shadow__AF_9C {\n box-shadow: var(--shadow); }\n";
|
|
1339
|
+
var styles$q = {"menuBody":"MenuBody-module_menuBody__3cPsp","shadow":"MenuBody-module_shadow__AF_9C"};
|
|
1340
|
+
styleInject(css_248z$q);
|
|
1360
1341
|
|
|
1361
1342
|
const MenuBody = (props) => {
|
|
1362
1343
|
const { parentRef, children, className, shadow = true, menuPosition = 'left', onClickBackdrop } = props;
|
|
@@ -1386,8 +1367,8 @@ const MenuBody = (props) => {
|
|
|
1386
1367
|
}, [menuBodyRef]);
|
|
1387
1368
|
const getCssClasses = () => {
|
|
1388
1369
|
const cssClasses = [];
|
|
1389
|
-
cssClasses.push(styles$
|
|
1390
|
-
shadow && cssClasses.push(styles$
|
|
1370
|
+
cssClasses.push(styles$q.menuBody);
|
|
1371
|
+
shadow && cssClasses.push(styles$q.shadow);
|
|
1391
1372
|
className && cssClasses.push(className);
|
|
1392
1373
|
return cssClasses.filter(css => css).join(' ');
|
|
1393
1374
|
};
|
|
@@ -1399,9 +1380,9 @@ const MenuBody = (props) => {
|
|
|
1399
1380
|
React.createElement(Backdrop, { isTransparent: true, onClick: handleClickBackdrop })), document.body));
|
|
1400
1381
|
};
|
|
1401
1382
|
|
|
1402
|
-
var css_248z$
|
|
1403
|
-
var styles$
|
|
1404
|
-
styleInject(css_248z$
|
|
1383
|
+
var css_248z$p = ".Menu-module_menu__23BYG {\n display: flex; }\n";
|
|
1384
|
+
var styles$p = {"menu":"Menu-module_menu__23BYG"};
|
|
1385
|
+
styleInject(css_248z$p);
|
|
1405
1386
|
|
|
1406
1387
|
const Menu = (props) => {
|
|
1407
1388
|
const { toggle, children, className, open, menuPosition, onClickBackdrop, onToggleClick } = props, rest = __rest(props, ["toggle", "children", "className", "open", "menuPosition", "onClickBackdrop", "onToggleClick"]);
|
|
@@ -1409,7 +1390,7 @@ const Menu = (props) => {
|
|
|
1409
1390
|
const toggleContainerRef = useRef(null);
|
|
1410
1391
|
const getCssClasses = () => {
|
|
1411
1392
|
const cssClasses = [];
|
|
1412
|
-
cssClasses.push(styles$
|
|
1393
|
+
cssClasses.push(styles$p.menu);
|
|
1413
1394
|
className && cssClasses.push(className);
|
|
1414
1395
|
return cssClasses.filter(css => css).join(' ');
|
|
1415
1396
|
};
|
|
@@ -1422,17 +1403,17 @@ const Menu = (props) => {
|
|
|
1422
1403
|
React.createElement(MenuBody, { parentRef: toggleContainerRef, menuPosition: menuPosition, onClickBackdrop: handleClickBackdrop }, children)));
|
|
1423
1404
|
};
|
|
1424
1405
|
|
|
1425
|
-
var css_248z$
|
|
1426
|
-
var styles$
|
|
1427
|
-
styleInject(css_248z$
|
|
1406
|
+
var css_248z$o = ".MenuItem-module_menuItem__kvauR {\n display: flex;\n width: 100%;\n padding: 0.25rem 1.5rem;\n clear: both;\n font-weight: 400;\n color: #212529;\n text-align: inherit;\n text-decoration: none;\n white-space: nowrap;\n background-color: transparent;\n border: 0; }\n .MenuItem-module_menuItem__kvauR.MenuItem-module_menuItemHeader__mp7wc {\n margin-bottom: 0;\n font-size: 0.875rem; }\n .MenuItem-module_menuItem__kvauR:hover {\n cursor: pointer;\n color: #1e2125;\n background-color: rgba(0, 0, 0, 0.04); }\n";
|
|
1407
|
+
var styles$o = {"menuItem":"MenuItem-module_menuItem__kvauR","menuItemHeader":"MenuItem-module_menuItemHeader__mp7wc"};
|
|
1408
|
+
styleInject(css_248z$o);
|
|
1428
1409
|
|
|
1429
1410
|
const MenuItem = (props) => {
|
|
1430
1411
|
const { children, onClick, type = 'item' } = props;
|
|
1431
1412
|
const getCssClasses = () => {
|
|
1432
1413
|
const cssClasses = [];
|
|
1433
|
-
cssClasses.push(styles$
|
|
1414
|
+
cssClasses.push(styles$o.menuItem);
|
|
1434
1415
|
if (type === 'header') {
|
|
1435
|
-
cssClasses.push(styles$
|
|
1416
|
+
cssClasses.push(styles$o.menuItemHeader);
|
|
1436
1417
|
}
|
|
1437
1418
|
return cssClasses.filter(css => css).join(' ');
|
|
1438
1419
|
};
|
|
@@ -1450,23 +1431,23 @@ const MenuToggle = ({ children }) => {
|
|
|
1450
1431
|
return (React.createElement(Fragment, null, children));
|
|
1451
1432
|
};
|
|
1452
1433
|
|
|
1453
|
-
var css_248z$
|
|
1454
|
-
var styles$
|
|
1455
|
-
styleInject(css_248z$
|
|
1434
|
+
var css_248z$n = ".MenuDivider-module_menuItemDivider__JnLsC {\n height: 0;\n margin: 0.5rem 0;\n overflow: hidden;\n border-top: 1px solid #e9ecef; }\n";
|
|
1435
|
+
var styles$n = {"menuItemDivider":"MenuDivider-module_menuItemDivider__JnLsC"};
|
|
1436
|
+
styleInject(css_248z$n);
|
|
1456
1437
|
|
|
1457
|
-
const MenuDivider = () => React.createElement("div", { className: styles$
|
|
1438
|
+
const MenuDivider = () => React.createElement("div", { className: styles$n.menuItemDivider });
|
|
1458
1439
|
|
|
1459
|
-
var css_248z$
|
|
1460
|
-
var styles$
|
|
1461
|
-
styleInject(css_248z$
|
|
1440
|
+
var css_248z$m = ".ExpansionPanelContent-module_expansionPanelContent__3H62L {\n padding: 8px 16px 16px; }\n";
|
|
1441
|
+
var styles$m = {"expansionPanelContent":"ExpansionPanelContent-module_expansionPanelContent__3H62L"};
|
|
1442
|
+
styleInject(css_248z$m);
|
|
1462
1443
|
|
|
1463
1444
|
const ExpansionPanelContent = ({ children }) => {
|
|
1464
|
-
return (React.createElement("div", { className: styles$
|
|
1445
|
+
return (React.createElement("div", { className: styles$m.expansionPanelContent }, children));
|
|
1465
1446
|
};
|
|
1466
1447
|
|
|
1467
|
-
var css_248z$
|
|
1468
|
-
var styles$
|
|
1469
|
-
styleInject(css_248z$
|
|
1448
|
+
var css_248z$l = ".ExpansionPanelHeader-module_expansionPanelHeader__3hrsI {\n display: flex;\n align-items: center;\n padding: 12px 16px;\n min-height: 48px; }\n .ExpansionPanelHeader-module_expansionPanelHeader__3hrsI:hover {\n cursor: pointer;\n background-color: var(--highlight); }\n";
|
|
1449
|
+
var styles$l = {"expansionPanelHeader":"ExpansionPanelHeader-module_expansionPanelHeader__3hrsI"};
|
|
1450
|
+
styleInject(css_248z$l);
|
|
1470
1451
|
|
|
1471
1452
|
const ExpansionPanelHeader = (props) => {
|
|
1472
1453
|
const { children, isExpanded, onClick } = props;
|
|
@@ -1474,15 +1455,15 @@ const ExpansionPanelHeader = (props) => {
|
|
|
1474
1455
|
e.stopPropagation();
|
|
1475
1456
|
onClick && onClick(e);
|
|
1476
1457
|
};
|
|
1477
|
-
return (React.createElement("div", { className: styles$
|
|
1458
|
+
return (React.createElement("div", { className: styles$l.expansionPanelHeader, onClick: handleClick },
|
|
1478
1459
|
children,
|
|
1479
1460
|
React.createElement("span", { className: "ml-auto text-muted" },
|
|
1480
1461
|
React.createElement(Icon, null, isExpanded ? React.createElement(ChevronUpSolidIcon, null) : React.createElement(ChevronDownSolidIcon, null)))));
|
|
1481
1462
|
};
|
|
1482
1463
|
|
|
1483
|
-
var css_248z$
|
|
1484
|
-
var styles$
|
|
1485
|
-
styleInject(css_248z$
|
|
1464
|
+
var css_248z$k = ".ExpansionPanel-module_expansionPanel__3krcE {\n background-color: var(--white);\n box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\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 .ExpansionPanel-module_expansionPanel__3krcE:first-child {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px; }\n .ExpansionPanel-module_expansionPanel__3krcE:last-child {\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px; }\n .ExpansionPanel-module_expansionPanel__3krcE.ExpansionPanel-module_isExpanded__1m4Dt {\n margin: 16px 0; }\n .ExpansionPanel-module_expansionPanel__3krcE.ExpansionPanel-module_isExpanded__1m4Dt:first-child {\n margin-top: 0; }\n .ExpansionPanel-module_expansionPanel__3krcE.ExpansionPanel-module_isExpanded__1m4Dt:last-child {\n margin-bottom: 0; }\n";
|
|
1465
|
+
var styles$k = {"expansionPanel":"ExpansionPanel-module_expansionPanel__3krcE","isExpanded":"ExpansionPanel-module_isExpanded__1m4Dt"};
|
|
1466
|
+
styleInject(css_248z$k);
|
|
1486
1467
|
|
|
1487
1468
|
const ExpansionPanel = (props) => {
|
|
1488
1469
|
const { header, children, isExpanded = false, onChange } = props;
|
|
@@ -1492,9 +1473,9 @@ const ExpansionPanel = (props) => {
|
|
|
1492
1473
|
}, [isExpanded]);
|
|
1493
1474
|
const getCssClasses = () => {
|
|
1494
1475
|
const cssClasses = [];
|
|
1495
|
-
cssClasses.push(styles$
|
|
1476
|
+
cssClasses.push(styles$k.expansionPanel);
|
|
1496
1477
|
if (_isExpanded) {
|
|
1497
|
-
cssClasses.push(styles$
|
|
1478
|
+
cssClasses.push(styles$k.isExpanded);
|
|
1498
1479
|
}
|
|
1499
1480
|
return cssClasses.filter(css => css).join(' ');
|
|
1500
1481
|
};
|
|
@@ -1508,16 +1489,16 @@ const ExpansionPanel = (props) => {
|
|
|
1508
1489
|
React.createElement(ExpansionPanelContent, null, children)));
|
|
1509
1490
|
};
|
|
1510
1491
|
|
|
1511
|
-
var css_248z$
|
|
1512
|
-
var styles$
|
|
1513
|
-
styleInject(css_248z$
|
|
1492
|
+
var css_248z$j = ".FloatingActionButton-module_fab__3GwiH {\n box-shadow: var(--shadow); }\n .FloatingActionButton-module_fab__3GwiH.FloatingActionButton-module_fixed__17qrv {\n position: fixed;\n bottom: 16px;\n right: 16px;\n z-index: 1000; }\n";
|
|
1493
|
+
var styles$j = {"fab":"FloatingActionButton-module_fab__3GwiH","fixed":"FloatingActionButton-module_fixed__17qrv"};
|
|
1494
|
+
styleInject(css_248z$j);
|
|
1514
1495
|
|
|
1515
1496
|
const FloatingActionButton = (props) => {
|
|
1516
1497
|
const { className, icon, color = COLOR.primary, fixed, size = SIZE.lg, isActive, disabled, onClick } = props;
|
|
1517
1498
|
const getCssClasses = () => {
|
|
1518
1499
|
const cssClasses = [];
|
|
1519
|
-
cssClasses.push(styles$
|
|
1520
|
-
fixed && cssClasses.push(styles$
|
|
1500
|
+
cssClasses.push(styles$j.fab);
|
|
1501
|
+
fixed && cssClasses.push(styles$j['fixed']);
|
|
1521
1502
|
className && cssClasses.push(className);
|
|
1522
1503
|
return cssClasses.filter(css => css).join(' ');
|
|
1523
1504
|
};
|
|
@@ -1561,11 +1542,10 @@ const Row = (props) => {
|
|
|
1561
1542
|
};
|
|
1562
1543
|
|
|
1563
1544
|
const Link = (props) => {
|
|
1564
|
-
const {
|
|
1545
|
+
const { href, className, target, children } = props;
|
|
1565
1546
|
const [status, setStatus] = useState(STATUS.NORMAL);
|
|
1566
1547
|
const getCssClasses = () => {
|
|
1567
1548
|
const cssClasses = [];
|
|
1568
|
-
// cssClasses.push(styles.badgeContainer);
|
|
1569
1549
|
className && cssClasses.push(className);
|
|
1570
1550
|
status !== STATUS.NORMAL && cssClasses.push(status);
|
|
1571
1551
|
return cssClasses.filter(css => css).join(' ');
|
|
@@ -1576,17 +1556,17 @@ const Link = (props) => {
|
|
|
1576
1556
|
const onMouseLeave = () => {
|
|
1577
1557
|
setStatus(STATUS.NORMAL);
|
|
1578
1558
|
};
|
|
1579
|
-
return (React.createElement("a", { className: getCssClasses(), href:
|
|
1559
|
+
return (React.createElement("a", { className: getCssClasses(), href: href || '#', target: target, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, children));
|
|
1580
1560
|
};
|
|
1581
1561
|
|
|
1582
|
-
var css_248z$
|
|
1583
|
-
var styles$
|
|
1584
|
-
styleInject(css_248z$
|
|
1562
|
+
var css_248z$i = ".LoadingIndicator-module_loadingIndicatorContainer__3e1-3 {\n position: fixed;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%; }\n\n.LoadingIndicator-module_loadingIndicator__tvp5i {\n animation-name: LoadingIndicator-module_spinAnimation__PKRNn;\n animation-duration: 5000ms;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n width: 24px;\n height: 24px; }\n\n@keyframes LoadingIndicator-module_spinAnimation__PKRNn {\n from {\n transform: rotate(0deg); }\n to {\n transform: rotate(360deg); } }\n";
|
|
1563
|
+
var styles$i = {"loadingIndicatorContainer":"LoadingIndicator-module_loadingIndicatorContainer__3e1-3","loadingIndicator":"LoadingIndicator-module_loadingIndicator__tvp5i","spinAnimation":"LoadingIndicator-module_spinAnimation__PKRNn"};
|
|
1564
|
+
styleInject(css_248z$i);
|
|
1585
1565
|
|
|
1586
1566
|
const LoadingIndicator = () => {
|
|
1587
1567
|
const getCssClasses = () => {
|
|
1588
1568
|
const cssClasses = [];
|
|
1589
|
-
cssClasses.push(styles$
|
|
1569
|
+
cssClasses.push(styles$i.loadingIndicator);
|
|
1590
1570
|
return cssClasses.filter(css => css).join(' ');
|
|
1591
1571
|
};
|
|
1592
1572
|
return (React.createElement("div", { className: getCssClasses() },
|
|
@@ -1596,7 +1576,7 @@ const LoadingIndicator = () => {
|
|
|
1596
1576
|
const LoadingIndicatorContainer = ({ children }) => {
|
|
1597
1577
|
const getCssClasses = () => {
|
|
1598
1578
|
const cssClasses = [];
|
|
1599
|
-
cssClasses.push(styles$
|
|
1579
|
+
cssClasses.push(styles$i.loadingIndicatorContainer);
|
|
1600
1580
|
return cssClasses.filter(css => css).join(' ');
|
|
1601
1581
|
};
|
|
1602
1582
|
return (React.createElement("div", { className: getCssClasses() }, children));
|
|
@@ -1626,16 +1606,16 @@ class LoadingIndicatorService {
|
|
|
1626
1606
|
}
|
|
1627
1607
|
const loadingIndicatorService = new LoadingIndicatorService();
|
|
1628
1608
|
|
|
1629
|
-
var css_248z$
|
|
1630
|
-
var styles$
|
|
1631
|
-
styleInject(css_248z$
|
|
1609
|
+
var css_248z$h = ".ModalHeader-module_modalHeader__o5HzE {\n border-bottom: none;\n align-items: center; }\n";
|
|
1610
|
+
var styles$h = {"modalHeader":"ModalHeader-module_modalHeader__o5HzE"};
|
|
1611
|
+
styleInject(css_248z$h);
|
|
1632
1612
|
|
|
1633
1613
|
const ModalHeader = (props) => {
|
|
1634
1614
|
const { children, isDismissable = false, onClose } = props;
|
|
1635
1615
|
const handleClick = () => {
|
|
1636
1616
|
onClose && onClose();
|
|
1637
1617
|
};
|
|
1638
|
-
return (React.createElement("div", { className: "modal-header " + styles$
|
|
1618
|
+
return (React.createElement("div", { className: "modal-header " + styles$h.modalHeader },
|
|
1639
1619
|
React.createElement("h5", { className: "modal-title" }, children),
|
|
1640
1620
|
isDismissable &&
|
|
1641
1621
|
React.createElement(IconButton, { icon: React.createElement(TimesSolidIcon, null), variant: VARIANT.text, onClick: handleClick })));
|
|
@@ -1643,24 +1623,24 @@ const ModalHeader = (props) => {
|
|
|
1643
1623
|
|
|
1644
1624
|
const ModalBody = ({ children }) => (React.createElement("div", { className: "modal-body" }, children));
|
|
1645
1625
|
|
|
1646
|
-
var css_248z$
|
|
1647
|
-
var styles$
|
|
1648
|
-
styleInject(css_248z$
|
|
1626
|
+
var css_248z$g = ".Modal-module_modal__1NdMJ {\n z-index: 1111 !important;\n border-radius: var(--borderRadius); }\n .Modal-module_modal__1NdMJ.Modal-module_fullscreen__3R-sM {\n width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n margin: 0;\n padding: 0; }\n .Modal-module_modal__1NdMJ.Modal-module_fullscreen__3R-sM .Modal-module_modalContent__E2kaP {\n height: auto;\n min-height: 100%;\n max-height: 100%;\n border-radius: 0;\n overflow: auto; }\n @media (min-width: 320px) {\n .Modal-module_modal__1NdMJ.Modal-module_fullscreen__3R-sM {\n max-width: 100% !important; } }\n .Modal-module_modal__1NdMJ .Modal-module_sm__3UfYB {\n max-width: 300px; }\n .Modal-module_modal__1NdMJ .Modal-module_md__2uX1a {\n max-width: 500px; }\n .Modal-module_modal__1NdMJ .Modal-module_lg__3ux_V {\n max-width: 1140px; }\n @media (min-width: 576px) {\n .Modal-module_modal__1NdMJ .Modal-module_modal-dialog__IdJ1c {\n max-width: 600px; } }\n";
|
|
1627
|
+
var styles$g = {"modal":"Modal-module_modal__1NdMJ","fullscreen":"Modal-module_fullscreen__3R-sM","modalContent":"Modal-module_modalContent__E2kaP","sm":"Modal-module_sm__3UfYB","md":"Modal-module_md__2uX1a","lg":"Modal-module_lg__3ux_V","modal-dialog":"Modal-module_modal-dialog__IdJ1c"};
|
|
1628
|
+
styleInject(css_248z$g);
|
|
1649
1629
|
|
|
1650
|
-
var css_248z$
|
|
1651
|
-
var styles$
|
|
1652
|
-
styleInject(css_248z$
|
|
1630
|
+
var css_248z$f = ".ModalFooter-module_modalFooter__2Et4e {\n border-top: none; }\n";
|
|
1631
|
+
var styles$f = {"modalFooter":"ModalFooter-module_modalFooter__2Et4e"};
|
|
1632
|
+
styleInject(css_248z$f);
|
|
1653
1633
|
|
|
1654
|
-
const ModalFooter = ({ children }) => (React.createElement("div", { className: "modal-footer " + styles$
|
|
1634
|
+
const ModalFooter = ({ children }) => (React.createElement("div", { className: "modal-footer " + styles$f.modalFooter }, children));
|
|
1655
1635
|
|
|
1656
1636
|
const Modal = (props) => {
|
|
1657
1637
|
const { className, size, fullScreen, children, header, footer, onHeaderCloseClick, onBackdropClick, isDismissable = false } = props;
|
|
1658
1638
|
const getCssClass = () => {
|
|
1659
1639
|
const cssClasses = [];
|
|
1660
1640
|
cssClasses.push('modal-dialog modal-dialog-centered');
|
|
1661
|
-
cssClasses.push(styles$
|
|
1662
|
-
!!fullScreen && cssClasses.push(styles$
|
|
1663
|
-
size && cssClasses.push(styles$
|
|
1641
|
+
cssClasses.push(styles$g.modal);
|
|
1642
|
+
!!fullScreen && cssClasses.push(styles$g['fullscreen']);
|
|
1643
|
+
size && cssClasses.push(styles$g[size]);
|
|
1664
1644
|
className && cssClasses.push(className);
|
|
1665
1645
|
return cssClasses.filter(r => r).join(' ');
|
|
1666
1646
|
};
|
|
@@ -1674,9 +1654,9 @@ const Modal = (props) => {
|
|
|
1674
1654
|
onBackdropClick && onBackdropClick();
|
|
1675
1655
|
};
|
|
1676
1656
|
return (React.createElement(Fragment, null,
|
|
1677
|
-
React.createElement("div", { className: "modal show " + styles$
|
|
1657
|
+
React.createElement("div", { className: "modal show " + styles$g.modal, style: { display: 'block' } },
|
|
1678
1658
|
React.createElement("div", { className: getCssClass() },
|
|
1679
|
-
React.createElement("div", { className: 'modal-content ' + (!!fullScreen ? styles$
|
|
1659
|
+
React.createElement("div", { className: 'modal-content ' + (!!fullScreen ? styles$g['modalContent'] : undefined) },
|
|
1680
1660
|
header &&
|
|
1681
1661
|
React.createElement(ModalHeader, { isDismissable: isDismissable, onClose: () => onHeaderCloseClick && onHeaderCloseClick() }, header),
|
|
1682
1662
|
React.createElement(ModalBody, null, children),
|
|
@@ -1876,25 +1856,25 @@ const Sidebar = (props) => {
|
|
|
1876
1856
|
!item.isCollapsed && item.items && item.items.length > 0 && (React.createElement(List, { className: "list-level-1", key: `${item.id}-sub` }, item.items.map(subItem => (React.createElement(ListItem, { className: "list-item-level-1", active: isMenuItemActive(subItem.path), key: subItem.id, onClick: (e) => handleClickSubItem(item.path, subItem.path, e) }, subItem.label)))))))))));
|
|
1877
1857
|
};
|
|
1878
1858
|
|
|
1879
|
-
var css_248z$
|
|
1880
|
-
var styles$
|
|
1881
|
-
styleInject(css_248z$
|
|
1859
|
+
var css_248z$e = ".Snackbar-module_snackbar__3AF3D {\n display: flex;\n align-items: center;\n min-width: 288px;\n padding: 6px 16px;\n transform-origin: center;\n min-height: 52px;\n animation: Snackbar-module_bounceIn__11jAv 0.4s ease;\n z-index: 1001;\n position: fixed;\n left: 50%;\n transform: translateX(-50%);\n bottom: 2%;\n border-radius: var(--borderRadius); }\n .Snackbar-module_snackbar__3AF3D.Snackbar-module_primary__3Pt9m {\n color: var(--primary-contrast-text);\n background-color: var(--primary); }\n .Snackbar-module_snackbar__3AF3D.Snackbar-module_accent__1iCXk {\n color: var(--accent-contrast-text);\n background-color: var(--accent); }\n .Snackbar-module_snackbar__3AF3D.Snackbar-module_secondary__3ke12 {\n color: var(--secondary-contrast-text);\n background-color: var(--secondary); }\n .Snackbar-module_snackbar__3AF3D.Snackbar-module_light__3Pi0Y {\n color: var(--light-contrast-text);\n background-color: var(--light); }\n .Snackbar-module_snackbar__3AF3D.Snackbar-module_dark__3TwXn {\n color: var(--dark-contrast-text);\n background-color: var(--dark); }\n\n.Snackbar-module_text__2gmW- {\n width: 100%;\n padding: 8px 0; }\n\n.Snackbar-module_action__1BXqS {\n margin-left: auto; }\n .Snackbar-module_action__1BXqS:hover {\n cursor: pointer; }\n\n@keyframes Snackbar-module_bounceIn__11jAv {\n 0% {\n opacity: 0; }\n 50% {\n opacity: 0.9; }\n 80% {\n opacity: 1; }\n 100% {\n opacity: 1; } }\n";
|
|
1860
|
+
var styles$e = {"snackbar":"Snackbar-module_snackbar__3AF3D","bounceIn":"Snackbar-module_bounceIn__11jAv","primary":"Snackbar-module_primary__3Pt9m","accent":"Snackbar-module_accent__1iCXk","secondary":"Snackbar-module_secondary__3ke12","light":"Snackbar-module_light__3Pi0Y","dark":"Snackbar-module_dark__3TwXn","text":"Snackbar-module_text__2gmW-","action":"Snackbar-module_action__1BXqS"};
|
|
1861
|
+
styleInject(css_248z$e);
|
|
1882
1862
|
|
|
1883
1863
|
const Snackbar = (props) => {
|
|
1884
|
-
const {
|
|
1864
|
+
const { children, color = COLOR.dark, actionText = 'ok', onOk } = props;
|
|
1885
1865
|
const getCssClasses = () => {
|
|
1886
1866
|
const cssClasses = [];
|
|
1887
|
-
cssClasses.push(styles$
|
|
1867
|
+
cssClasses.push(styles$e.snackbar);
|
|
1888
1868
|
cssClasses.push(`shadow-lg`);
|
|
1889
|
-
cssClasses.push(styles$
|
|
1869
|
+
cssClasses.push(styles$e[color]);
|
|
1890
1870
|
return cssClasses.filter(css => css).join(' ');
|
|
1891
1871
|
};
|
|
1892
|
-
const handleClickAction = () => {
|
|
1893
|
-
onOk && onOk();
|
|
1872
|
+
const handleClickAction = (e) => {
|
|
1873
|
+
onOk && onOk(e);
|
|
1894
1874
|
};
|
|
1895
1875
|
return (React.createElement("div", { className: getCssClasses() },
|
|
1896
|
-
React.createElement("div", { className: styles$
|
|
1897
|
-
React.createElement("div", { className: styles$
|
|
1876
|
+
React.createElement("div", { className: styles$e.text }, children),
|
|
1877
|
+
React.createElement("div", { className: styles$e.action + " text-accent", onClick: handleClickAction },
|
|
1898
1878
|
React.createElement("span", null, actionText))));
|
|
1899
1879
|
};
|
|
1900
1880
|
|
|
@@ -1918,7 +1898,7 @@ class SnackbarService {
|
|
|
1918
1898
|
resolve();
|
|
1919
1899
|
this.hide();
|
|
1920
1900
|
};
|
|
1921
|
-
render(React.createElement(Snackbar, {
|
|
1901
|
+
render(React.createElement(Snackbar, { color: mergedOptions.color, actionText: mergedOptions.actionText, onOk: handleOk }, message), this.container);
|
|
1922
1902
|
});
|
|
1923
1903
|
}
|
|
1924
1904
|
hide() {
|
|
@@ -1932,29 +1912,29 @@ class SnackbarService {
|
|
|
1932
1912
|
}
|
|
1933
1913
|
const snackbarService = new SnackbarService();
|
|
1934
1914
|
|
|
1935
|
-
var css_248z$
|
|
1936
|
-
var styles$
|
|
1937
|
-
styleInject(css_248z$
|
|
1915
|
+
var css_248z$d = ".SpeedDialActions-module_speedDialActions__zLEps {\n margin-bottom: -32px;\n flex-direction: column-reverse;\n padding-bottom: 48px;\n display: flex;\n pointer-events: auto; }\n";
|
|
1916
|
+
var styles$d = {"speedDialActions":"SpeedDialActions-module_speedDialActions__zLEps"};
|
|
1917
|
+
styleInject(css_248z$d);
|
|
1938
1918
|
|
|
1939
1919
|
const SpeedDialActions = (props) => {
|
|
1940
1920
|
const { children } = props;
|
|
1941
1921
|
const getCssClasses = () => {
|
|
1942
1922
|
const cssClasses = [];
|
|
1943
|
-
cssClasses.push(styles$
|
|
1923
|
+
cssClasses.push(styles$d.speedDialActions);
|
|
1944
1924
|
return cssClasses.filter(css => css).join(' ');
|
|
1945
1925
|
};
|
|
1946
1926
|
return (React.createElement("div", { className: getCssClasses() }, children));
|
|
1947
1927
|
};
|
|
1948
1928
|
|
|
1949
|
-
var css_248z$
|
|
1950
|
-
var styles$
|
|
1951
|
-
styleInject(css_248z$
|
|
1929
|
+
var css_248z$c = ".SpeedDial-module_speedDial__CQ5x2 {\n position: absolute;\n flex-direction: column-reverse;\n display: flex;\n z-index: 1050;\n align-items: center;\n right: 16px;\n bottom: 16px;\n transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n";
|
|
1930
|
+
var styles$c = {"speedDial":"SpeedDial-module_speedDial__CQ5x2"};
|
|
1931
|
+
styleInject(css_248z$c);
|
|
1952
1932
|
|
|
1953
1933
|
const SpeedDial = (props) => {
|
|
1954
1934
|
const { children, className, open, onOpen, onClose } = props, rest = __rest(props, ["children", "className", "open", "onOpen", "onClose"]);
|
|
1955
1935
|
const getCssClasses = () => {
|
|
1956
1936
|
const cssClasses = [];
|
|
1957
|
-
cssClasses.push(styles$
|
|
1937
|
+
cssClasses.push(styles$c.speedDial);
|
|
1958
1938
|
className && cssClasses.push(className);
|
|
1959
1939
|
return cssClasses.filter(css => css).join(' ');
|
|
1960
1940
|
};
|
|
@@ -1971,15 +1951,15 @@ const SpeedDial = (props) => {
|
|
|
1971
1951
|
React.createElement(SpeedDialActions, null, children)));
|
|
1972
1952
|
};
|
|
1973
1953
|
|
|
1974
|
-
var css_248z$
|
|
1975
|
-
var styles$
|
|
1976
|
-
styleInject(css_248z$
|
|
1954
|
+
var css_248z$b = ".SpeedDialAction-module_speedDialAction__qmExs + .SpeedDialAction-module_speedDialAction__qmExs {\n margin-bottom: 10px; }\n";
|
|
1955
|
+
var styles$b = {"speedDialAction":"SpeedDialAction-module_speedDialAction__qmExs"};
|
|
1956
|
+
styleInject(css_248z$b);
|
|
1977
1957
|
|
|
1978
1958
|
const SpeedDialAction = (props) => {
|
|
1979
1959
|
const { icon, color = COLOR.light, onClick, className } = props;
|
|
1980
1960
|
const getCssClasses = () => {
|
|
1981
1961
|
const cssClasses = [];
|
|
1982
|
-
cssClasses.push(styles$
|
|
1962
|
+
cssClasses.push(styles$b.speedDialAction);
|
|
1983
1963
|
className && cssClasses.push(className);
|
|
1984
1964
|
return cssClasses.filter(css => css).join(' ');
|
|
1985
1965
|
};
|
|
@@ -1996,15 +1976,15 @@ const SpeedDialIcon = (props) => {
|
|
|
1996
1976
|
return (React.createElement(Icon, Object.assign({ className: getCssClasses() }, rest), children));
|
|
1997
1977
|
};
|
|
1998
1978
|
|
|
1999
|
-
var css_248z$
|
|
2000
|
-
var styles$
|
|
2001
|
-
styleInject(css_248z$
|
|
1979
|
+
var css_248z$a = ".StepperActions-module_stepperActions__2r5ZT {\n display: flex; }\n";
|
|
1980
|
+
var styles$a = {"stepperActions":"StepperActions-module_stepperActions__2r5ZT"};
|
|
1981
|
+
styleInject(css_248z$a);
|
|
2002
1982
|
|
|
2003
1983
|
const StepperActions = (props) => {
|
|
2004
1984
|
const { className, isCompleted, isFirstStep, isStepOptional, onBack, onSkip, onNext, onReset } = props;
|
|
2005
1985
|
const getCssClasses = () => {
|
|
2006
1986
|
const cssClasses = [];
|
|
2007
|
-
cssClasses.push(styles$
|
|
1987
|
+
cssClasses.push(styles$a.stepperActions);
|
|
2008
1988
|
className && cssClasses.push(className);
|
|
2009
1989
|
return cssClasses.filter(css => css).join(' ');
|
|
2010
1990
|
};
|
|
@@ -2021,31 +2001,31 @@ const StepPanel = (props) => {
|
|
|
2021
2001
|
return (React.createElement("div", { className: "steppanel" }, children));
|
|
2022
2002
|
};
|
|
2023
2003
|
|
|
2024
|
-
var css_248z$
|
|
2025
|
-
var styles$
|
|
2026
|
-
styleInject(css_248z$
|
|
2004
|
+
var css_248z$9 = ".StepConnector-module_stepConnector__2m7Xp {\n flex: 1 1 auto;\n flex-shrink: 0;\n min-width: 20px; }\n\n.StepConnector-module_stepConnectorLine__jSqG4 {\n display: block;\n border-color: var(--secondary);\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n .StepConnector-module_stepConnectorLine__jSqG4.StepConnector-module_isActive__3Yj6N {\n border-color: var(--primary); }\n\n.StepConnector-module_stepConnectorLineHorizontal__3R2R8 {\n border-top-style: solid;\n border-top-width: 1px; }\n";
|
|
2005
|
+
var styles$9 = {"stepConnector":"StepConnector-module_stepConnector__2m7Xp","stepConnectorLine":"StepConnector-module_stepConnectorLine__jSqG4","isActive":"StepConnector-module_isActive__3Yj6N","stepConnectorLineHorizontal":"StepConnector-module_stepConnectorLineHorizontal__3R2R8"};
|
|
2006
|
+
styleInject(css_248z$9);
|
|
2027
2007
|
|
|
2028
2008
|
const StepConnector = (props) => {
|
|
2029
2009
|
const { isActive, isHorizontal = true } = props;
|
|
2030
2010
|
const getCssClassesConnector = () => {
|
|
2031
2011
|
const cssClasses = [];
|
|
2032
|
-
cssClasses.push(styles$
|
|
2012
|
+
cssClasses.push(styles$9.stepConnector);
|
|
2033
2013
|
return cssClasses.filter(css => css).join(' ');
|
|
2034
2014
|
};
|
|
2035
2015
|
const getCssClassesLine = () => {
|
|
2036
2016
|
const cssClasses = [];
|
|
2037
|
-
cssClasses.push(styles$
|
|
2038
|
-
isActive && cssClasses.push(styles$
|
|
2039
|
-
isHorizontal && cssClasses.push(styles$
|
|
2017
|
+
cssClasses.push(styles$9.stepConnectorLine);
|
|
2018
|
+
isActive && cssClasses.push(styles$9['isActive']);
|
|
2019
|
+
isHorizontal && cssClasses.push(styles$9.stepConnectorLineHorizontal);
|
|
2040
2020
|
return cssClasses.filter(css => css).join(' ');
|
|
2041
2021
|
};
|
|
2042
2022
|
return (React.createElement("div", { className: getCssClassesConnector() },
|
|
2043
2023
|
React.createElement("div", { className: getCssClassesLine() })));
|
|
2044
2024
|
};
|
|
2045
2025
|
|
|
2046
|
-
var css_248z$
|
|
2047
|
-
var styles$
|
|
2048
|
-
styleInject(css_248z$
|
|
2026
|
+
var css_248z$8 = ".Stepper-module_stepper__1TOxM {\n display: flex;\n align-items: center;\n flex-direction: row;\n margin-bottom: 10px; }\n .Stepper-module_stepper__1TOxM.Stepper-module_isHorizontal__3rFHH {\n overflow-x: auto; }\n";
|
|
2027
|
+
var styles$8 = {"stepper":"Stepper-module_stepper__1TOxM","isHorizontal":"Stepper-module_isHorizontal__3rFHH"};
|
|
2028
|
+
styleInject(css_248z$8);
|
|
2049
2029
|
|
|
2050
2030
|
const Stepper = (props) => {
|
|
2051
2031
|
const { children, isLinear = true, showLabel = true, showProgressCheckIcon = false, value, isHorizontal = true, onChange, onFinish } = props;
|
|
@@ -2133,8 +2113,8 @@ const Stepper = (props) => {
|
|
|
2133
2113
|
};
|
|
2134
2114
|
const getCssClasses = () => {
|
|
2135
2115
|
const cssClasses = [];
|
|
2136
|
-
cssClasses.push(styles$
|
|
2137
|
-
isHorizontal && cssClasses.push(styles$
|
|
2116
|
+
cssClasses.push(styles$8.stepper);
|
|
2117
|
+
isHorizontal && cssClasses.push(styles$8['isHorizontal']);
|
|
2138
2118
|
return cssClasses.filter(css => css).join(' ');
|
|
2139
2119
|
};
|
|
2140
2120
|
return (React.createElement(React.Fragment, null, steps &&
|
|
@@ -2203,6 +2183,25 @@ function useDebounce(callback, timeout, deps) {
|
|
|
2203
2183
|
}, deps);
|
|
2204
2184
|
}
|
|
2205
2185
|
|
|
2186
|
+
var css_248z$7 = ".Typography-module_typography__2bM6E {\n text-overflow: ellipsis;\n overflow: hidden !important; }\n";
|
|
2187
|
+
var styles$7 = {"typography":"Typography-module_typography__2bM6E"};
|
|
2188
|
+
styleInject(css_248z$7);
|
|
2189
|
+
|
|
2190
|
+
const Wrapper = (props) => {
|
|
2191
|
+
const { as = 'span', children, className } = props, rest = __rest(props, ["as", "children", "className"]);
|
|
2192
|
+
const getCssClasses = () => {
|
|
2193
|
+
const cssClasses = [];
|
|
2194
|
+
cssClasses.push(styles$7.typography);
|
|
2195
|
+
className && cssClasses.push(className);
|
|
2196
|
+
return cssClasses.filter(css => css).join(' ');
|
|
2197
|
+
};
|
|
2198
|
+
return React.createElement(as, Object.assign(Object.assign({}, rest), { className: getCssClasses() }), children);
|
|
2199
|
+
};
|
|
2200
|
+
const Typography = (_a) => {
|
|
2201
|
+
var { children, as = 'span' } = _a, rest = __rest(_a, ["children", "as"]);
|
|
2202
|
+
return (React.createElement(Wrapper, Object.assign({ as: as }, rest), children));
|
|
2203
|
+
};
|
|
2204
|
+
|
|
2206
2205
|
var css_248z$6 = ".Step-module_stepWrapper__1se3l {\n display: flex;\n align-items: center;\n padding-left: 8px;\n padding-right: 8px;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n .Step-module_stepWrapper__1se3l.Step-module_hasLabel__3cdCU:not(.Step-module_disabled__1R7hh):hover {\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0.04);\n border-radius: var(--borderRadius); }\n\n.Step-module_step__2siYu {\n width: 40px;\n height: 40px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n .Step-module_step__2siYu:not(.Step-module_hasLabel__3cdCU):not(.Step-module_disabled__1R7hh):hover {\n border-radius: 100%;\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0.04); }\n .Step-module_step__2siYu.Step-module_hasLabel__3cdCU svg {\n width: 18px !important;\n height: 18px !important; }\n\n.Step-module_stepIconCircle__3IyDn svg {\n width: 24px;\n height: 24px; }\n\n.Step-module_stepValue__2TVrP {\n position: absolute;\n color: var(--secondary-contrast-text); }\n .Step-module_stepValue__2TVrP .Step-module_isActive__1QTL4 {\n color: var(--primary-contrast-text); }\n";
|
|
2207
2206
|
var styles$6 = {"stepWrapper":"Step-module_stepWrapper__1se3l","hasLabel":"Step-module_hasLabel__3cdCU","disabled":"Step-module_disabled__1R7hh","step":"Step-module_step__2siYu","stepIconCircle":"Step-module_stepIconCircle__3IyDn","stepValue":"Step-module_stepValue__2TVrP","isActive":"Step-module_isActive__1QTL4"};
|
|
2208
2207
|
styleInject(css_248z$6);
|