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.js
CHANGED
|
@@ -399,7 +399,7 @@ const Button = (props) => {
|
|
|
399
399
|
className && cssClasses.push(className);
|
|
400
400
|
return cssClasses.filter(css => css).join(' ');
|
|
401
401
|
};
|
|
402
|
-
return (React__default["default"].createElement("button", Object.assign({ className: getCssClasses() }, rest),
|
|
402
|
+
return (React__default["default"].createElement("button", Object.assign({ type: "button", className: getCssClasses() }, rest),
|
|
403
403
|
React__default["default"].createElement("span", { className: "d-flex justify-content-center" },
|
|
404
404
|
startIcon &&
|
|
405
405
|
React__default["default"].createElement(Icon, { className: styles$K.startIcon }, startIcon),
|
|
@@ -627,51 +627,32 @@ const Icon = (props) => {
|
|
|
627
627
|
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
628
628
|
};
|
|
629
629
|
|
|
630
|
-
var css_248z$y = ".
|
|
631
|
-
var styles$y = {"
|
|
630
|
+
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";
|
|
631
|
+
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"};
|
|
632
632
|
styleInject(css_248z$y);
|
|
633
633
|
|
|
634
|
-
const Wrapper = (props) => {
|
|
635
|
-
const { as = 'span', children, className } = props, rest = __rest(props, ["as", "children", "className"]);
|
|
636
|
-
const getCssClasses = () => {
|
|
637
|
-
const cssClasses = [];
|
|
638
|
-
cssClasses.push(styles$y.typography);
|
|
639
|
-
className && cssClasses.push(className);
|
|
640
|
-
return cssClasses.filter(css => css).join(' ');
|
|
641
|
-
};
|
|
642
|
-
return React__default["default"].createElement(as, Object.assign(Object.assign({}, rest), { className: getCssClasses() }), children);
|
|
643
|
-
};
|
|
644
|
-
const Typography = (_a) => {
|
|
645
|
-
var { children, as = 'span' } = _a, rest = __rest(_a, ["children", "as"]);
|
|
646
|
-
return (React__default["default"].createElement(Wrapper, Object.assign({ as: as }, rest), children));
|
|
647
|
-
};
|
|
648
|
-
|
|
649
|
-
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";
|
|
650
|
-
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"};
|
|
651
|
-
styleInject(css_248z$x);
|
|
652
|
-
|
|
653
634
|
const IconButton = (props) => {
|
|
654
|
-
const { children, icon,
|
|
635
|
+
const { children, icon, variant = exports.VARIANT.text, color = exports.COLOR.dark, size = exports.SIZE.md, isActive, disabled, className, shadow } = props, rest = __rest(props, ["children", "icon", "variant", "color", "size", "isActive", "disabled", "className", "shadow"]);
|
|
655
636
|
const getCssClasses = () => {
|
|
656
637
|
const cssClasses = [];
|
|
657
|
-
cssClasses.push(styles$
|
|
658
|
-
cssClasses.push(styles$
|
|
659
|
-
cssClasses.push(styles$
|
|
660
|
-
cssClasses.push(styles$
|
|
661
|
-
isActive && cssClasses.push(styles$
|
|
662
|
-
disabled && cssClasses.push(styles$
|
|
663
|
-
shadow && cssClasses.push(styles$
|
|
638
|
+
cssClasses.push(styles$y[color]);
|
|
639
|
+
cssClasses.push(styles$y[variant]);
|
|
640
|
+
cssClasses.push(styles$y[size]);
|
|
641
|
+
cssClasses.push(styles$y.iconButton);
|
|
642
|
+
isActive && cssClasses.push(styles$y.active);
|
|
643
|
+
disabled && cssClasses.push(styles$y.disabled);
|
|
644
|
+
shadow && cssClasses.push(styles$y.shadow);
|
|
664
645
|
className && cssClasses.push(className);
|
|
665
646
|
return cssClasses.filter(css => css).join(' ');
|
|
666
647
|
};
|
|
667
648
|
return (React__default["default"].createElement("button", Object.assign({ type: "button", className: getCssClasses(), disabled: disabled }, rest),
|
|
668
649
|
icon && React__default["default"].createElement(Icon, null, icon),
|
|
669
|
-
|
|
650
|
+
children));
|
|
670
651
|
};
|
|
671
652
|
|
|
672
|
-
var css_248z$
|
|
673
|
-
var styles$
|
|
674
|
-
styleInject(css_248z$
|
|
653
|
+
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";
|
|
654
|
+
var styles$x = {"checkboxContainer":"Checkbox-module_checkboxContainer__2oWhu","checkboxLabel":"Checkbox-module_checkboxLabel__27Y6U","disabled":"Checkbox-module_disabled__3EXUd"};
|
|
655
|
+
styleInject(css_248z$x);
|
|
675
656
|
|
|
676
657
|
const Checkbox = (props) => {
|
|
677
658
|
const { id, checked, className, label, name, value = "off", disabled, readOnly } = props, rest = __rest(props, ["id", "checked", "className", "label", "name", "value", "disabled", "readOnly"]);
|
|
@@ -708,24 +689,24 @@ const Checkbox = (props) => {
|
|
|
708
689
|
(_a = checkboxElement === null || checkboxElement === void 0 ? void 0 : checkboxElement.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
709
690
|
}
|
|
710
691
|
};
|
|
711
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
692
|
+
return (React__default["default"].createElement("div", { className: styles$x.checkboxContainer },
|
|
712
693
|
React__default["default"].createElement(IconButton, { className: getCssClasses(), onClick: handleClick, icon: getIcon(), disabled: disabled || readOnly }),
|
|
713
|
-
React__default["default"].createElement("label", { onClick: handleClick, className: styles$
|
|
694
|
+
React__default["default"].createElement("label", { onClick: handleClick, className: styles$x.checkboxLabel + ' ' + (disabled ? styles$x['disabled'] : undefined) }, label),
|
|
714
695
|
React__default["default"].createElement("input", Object.assign({ type: "checkbox", ref: checkboxElement, id: id, name: name, checked: isChecked, disabled: disabled, readOnly: readOnly, hidden: true, value: value }, rest))));
|
|
715
696
|
};
|
|
716
697
|
|
|
717
|
-
var css_248z$
|
|
718
|
-
var styles$
|
|
719
|
-
styleInject(css_248z$
|
|
698
|
+
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";
|
|
699
|
+
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"};
|
|
700
|
+
styleInject(css_248z$w);
|
|
720
701
|
|
|
721
702
|
const Chip = (props) => {
|
|
722
703
|
const { children, color = 'secondary', className, shadow, onClick, isDeletable, onDelete, deleteIcon = React__default["default"].createElement(TimesCircleSolidIcon, null), style } = props, rest = __rest(props, ["children", "color", "className", "shadow", "onClick", "isDeletable", "onDelete", "deleteIcon", "style"]);
|
|
723
704
|
const getCssClass = () => {
|
|
724
705
|
const cssClasses = [];
|
|
725
|
-
cssClasses.push(styles$
|
|
726
|
-
cssClasses.push(styles$
|
|
727
|
-
shadow && cssClasses.push(styles$
|
|
728
|
-
onClick && cssClasses.push(styles$
|
|
706
|
+
cssClasses.push(styles$w.chip);
|
|
707
|
+
cssClasses.push(styles$w[color]);
|
|
708
|
+
shadow && cssClasses.push(styles$w['shadow']);
|
|
709
|
+
onClick && cssClasses.push(styles$w['clickable']);
|
|
729
710
|
className && cssClasses.push(className);
|
|
730
711
|
return cssClasses.filter(r => r).join(' ');
|
|
731
712
|
};
|
|
@@ -735,18 +716,18 @@ const Chip = (props) => {
|
|
|
735
716
|
};
|
|
736
717
|
return (React__default["default"].createElement("div", Object.assign({ className: getCssClass() }, rest, { style: style }),
|
|
737
718
|
React__default["default"].createElement("div", null, children),
|
|
738
|
-
isDeletable && (React__default["default"].createElement("div", { className: styles$
|
|
719
|
+
isDeletable && (React__default["default"].createElement("div", { className: styles$w.deleteIcon, onClick: e => handleClickOnDelete(e) }, deleteIcon))));
|
|
739
720
|
};
|
|
740
721
|
|
|
741
|
-
var css_248z$
|
|
742
|
-
var styles$
|
|
743
|
-
styleInject(css_248z$
|
|
722
|
+
var css_248z$v = ".FormLabel-module_formLabel__1Zv0W {\n margin-bottom: .5rem; }\n";
|
|
723
|
+
var styles$v = {"formLabel":"FormLabel-module_formLabel__1Zv0W"};
|
|
724
|
+
styleInject(css_248z$v);
|
|
744
725
|
|
|
745
726
|
const FormLabel = (props) => {
|
|
746
727
|
const { children, className, htmlFor } = props, rest = __rest(props, ["children", "className", "htmlFor"]);
|
|
747
728
|
const getCssClasses = () => {
|
|
748
729
|
const cssClasses = [];
|
|
749
|
-
cssClasses.push(styles$
|
|
730
|
+
cssClasses.push(styles$v.formLabel);
|
|
750
731
|
className && cssClasses.push(className);
|
|
751
732
|
return cssClasses.filter(css => css).join(' ');
|
|
752
733
|
};
|
|
@@ -784,9 +765,9 @@ const FileInput = (props) => {
|
|
|
784
765
|
React__default["default"].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))));
|
|
785
766
|
};
|
|
786
767
|
|
|
787
|
-
var css_248z$
|
|
788
|
-
var styles$
|
|
789
|
-
styleInject(css_248z$
|
|
768
|
+
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";
|
|
769
|
+
var styles$u = {"selectContainer":"Select-module_selectContainer__2oizY","select":"Select-module_select__MSqgU","selectMenu":"Select-module_selectMenu__2vhJt"};
|
|
770
|
+
styleInject(css_248z$u);
|
|
790
771
|
|
|
791
772
|
const Select = (props) => {
|
|
792
773
|
var _a, _b, _c;
|
|
@@ -799,7 +780,7 @@ const Select = (props) => {
|
|
|
799
780
|
const getCssClass = () => {
|
|
800
781
|
const cssClasses = [];
|
|
801
782
|
className && cssClasses.push(className);
|
|
802
|
-
cssClasses.push(styles$
|
|
783
|
+
cssClasses.push(styles$u.select);
|
|
803
784
|
return cssClasses.filter(r => r).join(' ');
|
|
804
785
|
};
|
|
805
786
|
React.useEffect(() => {
|
|
@@ -918,7 +899,7 @@ const Select = (props) => {
|
|
|
918
899
|
}
|
|
919
900
|
};
|
|
920
901
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
921
|
-
React__default["default"].createElement("div", { ref: selectConainter, className: styles$
|
|
902
|
+
React__default["default"].createElement("div", { ref: selectConainter, className: styles$u.selectContainer },
|
|
922
903
|
React__default["default"].createElement("div", { id: id, className: getCssClass(), onClick: () => show(), tabIndex: 0, onKeyDown: e => handleOnKeyDown(e) },
|
|
923
904
|
!multiple && renderSingleViewModel(),
|
|
924
905
|
multiple && renderMultipleViewModel(),
|
|
@@ -926,7 +907,7 @@ const Select = (props) => {
|
|
|
926
907
|
React__default["default"].createElement(ChevronDownSolidIcon, null))),
|
|
927
908
|
isShow &&
|
|
928
909
|
reactDom.createPortal(React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
929
|
-
React__default["default"].createElement("div", { className: styles$
|
|
910
|
+
React__default["default"].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 } },
|
|
930
911
|
React__default["default"].createElement(List, null, options && options.map((option, index) => React__default["default"].createElement(ListItem, { id: `list-item-${index}`, key: option.value, onClick: () => handleOnClick(option), active: isActive(option) },
|
|
931
912
|
multiple &&
|
|
932
913
|
React__default["default"].createElement(Checkbox, { checked: isActive(option), onChange: () => handleOnClick(option) }),
|
|
@@ -934,30 +915,30 @@ const Select = (props) => {
|
|
|
934
915
|
React__default["default"].createElement(Backdrop, { style: { zIndex: 1111 }, isTransparent: true, onClick: () => hide() })), document.body))));
|
|
935
916
|
};
|
|
936
917
|
|
|
937
|
-
var css_248z$
|
|
938
|
-
var styles$
|
|
939
|
-
styleInject(css_248z$
|
|
918
|
+
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";
|
|
919
|
+
var styles$t = {};
|
|
920
|
+
styleInject(css_248z$t);
|
|
940
921
|
|
|
941
922
|
const Textarea = (props) => {
|
|
942
923
|
const { className } = props, rest = __rest(props, ["className"]);
|
|
943
924
|
const getCssClass = () => {
|
|
944
925
|
const cssClasses = [];
|
|
945
|
-
cssClasses.push(styles$
|
|
926
|
+
cssClasses.push(styles$t.textarea);
|
|
946
927
|
className && cssClasses.push(className);
|
|
947
928
|
return cssClasses.filter(r => r).join(' ');
|
|
948
929
|
};
|
|
949
930
|
return (React__default["default"].createElement("textarea", Object.assign({ className: getCssClass() }, rest)));
|
|
950
931
|
};
|
|
951
932
|
|
|
952
|
-
var css_248z$
|
|
953
|
-
var styles$
|
|
954
|
-
styleInject(css_248z$
|
|
933
|
+
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";
|
|
934
|
+
var styles$s = {"formInput":"FormInput-module_formInput__1gAYi"};
|
|
935
|
+
styleInject(css_248z$s);
|
|
955
936
|
|
|
956
937
|
const FormInput = (props) => {
|
|
957
938
|
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;
|
|
958
939
|
const getCssClasses = () => {
|
|
959
940
|
const cssClasses = [];
|
|
960
|
-
cssClasses.push(styles$
|
|
941
|
+
cssClasses.push(styles$s.formInput);
|
|
961
942
|
className && cssClasses.push(className);
|
|
962
943
|
!isValid && cssClasses.push('is-invalid');
|
|
963
944
|
return cssClasses.filter(css => css).join(' ');
|
|
@@ -1323,16 +1304,16 @@ const DateSelect = (props) => {
|
|
|
1323
1304
|
// return Math.ceil((((d - yearStart) / 86400000) + 1) / 7)
|
|
1324
1305
|
// };
|
|
1325
1306
|
|
|
1326
|
-
var css_248z$
|
|
1327
|
-
var styles$
|
|
1328
|
-
styleInject(css_248z$
|
|
1307
|
+
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";
|
|
1308
|
+
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"};
|
|
1309
|
+
styleInject(css_248z$r);
|
|
1329
1310
|
|
|
1330
1311
|
const Drawer = (props) => {
|
|
1331
1312
|
const { children, className, position = 'left', permanent = false, target = document.body, onClickBackdrop } = props;
|
|
1332
1313
|
React.useEffect(() => {
|
|
1333
|
-
document.body.classList.add(styles$
|
|
1314
|
+
document.body.classList.add(styles$r.drawerOpen);
|
|
1334
1315
|
return () => {
|
|
1335
|
-
document.body.classList.remove(styles$
|
|
1316
|
+
document.body.classList.remove(styles$r.drawerOpen);
|
|
1336
1317
|
};
|
|
1337
1318
|
}, []);
|
|
1338
1319
|
const handleClickBackdrop = () => {
|
|
@@ -1346,10 +1327,10 @@ const DrawerContent = (props) => {
|
|
|
1346
1327
|
const { children, className, position = 'left', permanent = false } = props;
|
|
1347
1328
|
const getCssClasses = () => {
|
|
1348
1329
|
const cssClasses = [];
|
|
1349
|
-
cssClasses.push(styles$
|
|
1330
|
+
cssClasses.push(styles$r.drawer);
|
|
1350
1331
|
className && cssClasses.push(className);
|
|
1351
|
-
!!permanent && cssClasses.push(styles$
|
|
1352
|
-
position === 'left' ? cssClasses.push(styles$
|
|
1332
|
+
!!permanent && cssClasses.push(styles$r['permanent']);
|
|
1333
|
+
position === 'left' ? cssClasses.push(styles$r['left']) : cssClasses.push(styles$r['right']);
|
|
1353
1334
|
return cssClasses.filter(css => css).join(' ');
|
|
1354
1335
|
};
|
|
1355
1336
|
const positionStyles = {
|
|
@@ -1362,9 +1343,9 @@ const DrawerContent = (props) => {
|
|
|
1362
1343
|
return (React__default["default"].createElement("div", { className: getCssClasses(), style: getStyles() }, children));
|
|
1363
1344
|
};
|
|
1364
1345
|
|
|
1365
|
-
var css_248z$
|
|
1366
|
-
var styles$
|
|
1367
|
-
styleInject(css_248z$
|
|
1346
|
+
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";
|
|
1347
|
+
var styles$q = {"menuBody":"MenuBody-module_menuBody__3cPsp","shadow":"MenuBody-module_shadow__AF_9C"};
|
|
1348
|
+
styleInject(css_248z$q);
|
|
1368
1349
|
|
|
1369
1350
|
const MenuBody = (props) => {
|
|
1370
1351
|
const { parentRef, children, className, shadow = true, menuPosition = 'left', onClickBackdrop } = props;
|
|
@@ -1394,8 +1375,8 @@ const MenuBody = (props) => {
|
|
|
1394
1375
|
}, [menuBodyRef]);
|
|
1395
1376
|
const getCssClasses = () => {
|
|
1396
1377
|
const cssClasses = [];
|
|
1397
|
-
cssClasses.push(styles$
|
|
1398
|
-
shadow && cssClasses.push(styles$
|
|
1378
|
+
cssClasses.push(styles$q.menuBody);
|
|
1379
|
+
shadow && cssClasses.push(styles$q.shadow);
|
|
1399
1380
|
className && cssClasses.push(className);
|
|
1400
1381
|
return cssClasses.filter(css => css).join(' ');
|
|
1401
1382
|
};
|
|
@@ -1407,9 +1388,9 @@ const MenuBody = (props) => {
|
|
|
1407
1388
|
React__default["default"].createElement(Backdrop, { isTransparent: true, onClick: handleClickBackdrop })), document.body));
|
|
1408
1389
|
};
|
|
1409
1390
|
|
|
1410
|
-
var css_248z$
|
|
1411
|
-
var styles$
|
|
1412
|
-
styleInject(css_248z$
|
|
1391
|
+
var css_248z$p = ".Menu-module_menu__23BYG {\n display: flex; }\n";
|
|
1392
|
+
var styles$p = {"menu":"Menu-module_menu__23BYG"};
|
|
1393
|
+
styleInject(css_248z$p);
|
|
1413
1394
|
|
|
1414
1395
|
const Menu = (props) => {
|
|
1415
1396
|
const { toggle, children, className, open, menuPosition, onClickBackdrop, onToggleClick } = props, rest = __rest(props, ["toggle", "children", "className", "open", "menuPosition", "onClickBackdrop", "onToggleClick"]);
|
|
@@ -1417,7 +1398,7 @@ const Menu = (props) => {
|
|
|
1417
1398
|
const toggleContainerRef = React.useRef(null);
|
|
1418
1399
|
const getCssClasses = () => {
|
|
1419
1400
|
const cssClasses = [];
|
|
1420
|
-
cssClasses.push(styles$
|
|
1401
|
+
cssClasses.push(styles$p.menu);
|
|
1421
1402
|
className && cssClasses.push(className);
|
|
1422
1403
|
return cssClasses.filter(css => css).join(' ');
|
|
1423
1404
|
};
|
|
@@ -1430,17 +1411,17 @@ const Menu = (props) => {
|
|
|
1430
1411
|
React__default["default"].createElement(MenuBody, { parentRef: toggleContainerRef, menuPosition: menuPosition, onClickBackdrop: handleClickBackdrop }, children)));
|
|
1431
1412
|
};
|
|
1432
1413
|
|
|
1433
|
-
var css_248z$
|
|
1434
|
-
var styles$
|
|
1435
|
-
styleInject(css_248z$
|
|
1414
|
+
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";
|
|
1415
|
+
var styles$o = {"menuItem":"MenuItem-module_menuItem__kvauR","menuItemHeader":"MenuItem-module_menuItemHeader__mp7wc"};
|
|
1416
|
+
styleInject(css_248z$o);
|
|
1436
1417
|
|
|
1437
1418
|
const MenuItem = (props) => {
|
|
1438
1419
|
const { children, onClick, type = 'item' } = props;
|
|
1439
1420
|
const getCssClasses = () => {
|
|
1440
1421
|
const cssClasses = [];
|
|
1441
|
-
cssClasses.push(styles$
|
|
1422
|
+
cssClasses.push(styles$o.menuItem);
|
|
1442
1423
|
if (type === 'header') {
|
|
1443
|
-
cssClasses.push(styles$
|
|
1424
|
+
cssClasses.push(styles$o.menuItemHeader);
|
|
1444
1425
|
}
|
|
1445
1426
|
return cssClasses.filter(css => css).join(' ');
|
|
1446
1427
|
};
|
|
@@ -1458,23 +1439,23 @@ const MenuToggle = ({ children }) => {
|
|
|
1458
1439
|
return (React__default["default"].createElement(React.Fragment, null, children));
|
|
1459
1440
|
};
|
|
1460
1441
|
|
|
1461
|
-
var css_248z$
|
|
1462
|
-
var styles$
|
|
1463
|
-
styleInject(css_248z$
|
|
1442
|
+
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";
|
|
1443
|
+
var styles$n = {"menuItemDivider":"MenuDivider-module_menuItemDivider__JnLsC"};
|
|
1444
|
+
styleInject(css_248z$n);
|
|
1464
1445
|
|
|
1465
|
-
const MenuDivider = () => React__default["default"].createElement("div", { className: styles$
|
|
1446
|
+
const MenuDivider = () => React__default["default"].createElement("div", { className: styles$n.menuItemDivider });
|
|
1466
1447
|
|
|
1467
|
-
var css_248z$
|
|
1468
|
-
var styles$
|
|
1469
|
-
styleInject(css_248z$
|
|
1448
|
+
var css_248z$m = ".ExpansionPanelContent-module_expansionPanelContent__3H62L {\n padding: 8px 16px 16px; }\n";
|
|
1449
|
+
var styles$m = {"expansionPanelContent":"ExpansionPanelContent-module_expansionPanelContent__3H62L"};
|
|
1450
|
+
styleInject(css_248z$m);
|
|
1470
1451
|
|
|
1471
1452
|
const ExpansionPanelContent = ({ children }) => {
|
|
1472
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1453
|
+
return (React__default["default"].createElement("div", { className: styles$m.expansionPanelContent }, children));
|
|
1473
1454
|
};
|
|
1474
1455
|
|
|
1475
|
-
var css_248z$
|
|
1476
|
-
var styles$
|
|
1477
|
-
styleInject(css_248z$
|
|
1456
|
+
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";
|
|
1457
|
+
var styles$l = {"expansionPanelHeader":"ExpansionPanelHeader-module_expansionPanelHeader__3hrsI"};
|
|
1458
|
+
styleInject(css_248z$l);
|
|
1478
1459
|
|
|
1479
1460
|
const ExpansionPanelHeader = (props) => {
|
|
1480
1461
|
const { children, isExpanded, onClick } = props;
|
|
@@ -1482,15 +1463,15 @@ const ExpansionPanelHeader = (props) => {
|
|
|
1482
1463
|
e.stopPropagation();
|
|
1483
1464
|
onClick && onClick(e);
|
|
1484
1465
|
};
|
|
1485
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1466
|
+
return (React__default["default"].createElement("div", { className: styles$l.expansionPanelHeader, onClick: handleClick },
|
|
1486
1467
|
children,
|
|
1487
1468
|
React__default["default"].createElement("span", { className: "ml-auto text-muted" },
|
|
1488
1469
|
React__default["default"].createElement(Icon, null, isExpanded ? React__default["default"].createElement(ChevronUpSolidIcon, null) : React__default["default"].createElement(ChevronDownSolidIcon, null)))));
|
|
1489
1470
|
};
|
|
1490
1471
|
|
|
1491
|
-
var css_248z$
|
|
1492
|
-
var styles$
|
|
1493
|
-
styleInject(css_248z$
|
|
1472
|
+
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";
|
|
1473
|
+
var styles$k = {"expansionPanel":"ExpansionPanel-module_expansionPanel__3krcE","isExpanded":"ExpansionPanel-module_isExpanded__1m4Dt"};
|
|
1474
|
+
styleInject(css_248z$k);
|
|
1494
1475
|
|
|
1495
1476
|
const ExpansionPanel = (props) => {
|
|
1496
1477
|
const { header, children, isExpanded = false, onChange } = props;
|
|
@@ -1500,9 +1481,9 @@ const ExpansionPanel = (props) => {
|
|
|
1500
1481
|
}, [isExpanded]);
|
|
1501
1482
|
const getCssClasses = () => {
|
|
1502
1483
|
const cssClasses = [];
|
|
1503
|
-
cssClasses.push(styles$
|
|
1484
|
+
cssClasses.push(styles$k.expansionPanel);
|
|
1504
1485
|
if (_isExpanded) {
|
|
1505
|
-
cssClasses.push(styles$
|
|
1486
|
+
cssClasses.push(styles$k.isExpanded);
|
|
1506
1487
|
}
|
|
1507
1488
|
return cssClasses.filter(css => css).join(' ');
|
|
1508
1489
|
};
|
|
@@ -1516,16 +1497,16 @@ const ExpansionPanel = (props) => {
|
|
|
1516
1497
|
React__default["default"].createElement(ExpansionPanelContent, null, children)));
|
|
1517
1498
|
};
|
|
1518
1499
|
|
|
1519
|
-
var css_248z$
|
|
1520
|
-
var styles$
|
|
1521
|
-
styleInject(css_248z$
|
|
1500
|
+
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";
|
|
1501
|
+
var styles$j = {"fab":"FloatingActionButton-module_fab__3GwiH","fixed":"FloatingActionButton-module_fixed__17qrv"};
|
|
1502
|
+
styleInject(css_248z$j);
|
|
1522
1503
|
|
|
1523
1504
|
const FloatingActionButton = (props) => {
|
|
1524
1505
|
const { className, icon, color = exports.COLOR.primary, fixed, size = exports.SIZE.lg, isActive, disabled, onClick } = props;
|
|
1525
1506
|
const getCssClasses = () => {
|
|
1526
1507
|
const cssClasses = [];
|
|
1527
|
-
cssClasses.push(styles$
|
|
1528
|
-
fixed && cssClasses.push(styles$
|
|
1508
|
+
cssClasses.push(styles$j.fab);
|
|
1509
|
+
fixed && cssClasses.push(styles$j['fixed']);
|
|
1529
1510
|
className && cssClasses.push(className);
|
|
1530
1511
|
return cssClasses.filter(css => css).join(' ');
|
|
1531
1512
|
};
|
|
@@ -1569,11 +1550,10 @@ const Row = (props) => {
|
|
|
1569
1550
|
};
|
|
1570
1551
|
|
|
1571
1552
|
const Link = (props) => {
|
|
1572
|
-
const {
|
|
1553
|
+
const { href, className, target, children } = props;
|
|
1573
1554
|
const [status, setStatus] = React.useState(STATUS.NORMAL);
|
|
1574
1555
|
const getCssClasses = () => {
|
|
1575
1556
|
const cssClasses = [];
|
|
1576
|
-
// cssClasses.push(styles.badgeContainer);
|
|
1577
1557
|
className && cssClasses.push(className);
|
|
1578
1558
|
status !== STATUS.NORMAL && cssClasses.push(status);
|
|
1579
1559
|
return cssClasses.filter(css => css).join(' ');
|
|
@@ -1584,17 +1564,17 @@ const Link = (props) => {
|
|
|
1584
1564
|
const onMouseLeave = () => {
|
|
1585
1565
|
setStatus(STATUS.NORMAL);
|
|
1586
1566
|
};
|
|
1587
|
-
return (React__default["default"].createElement("a", { className: getCssClasses(), href:
|
|
1567
|
+
return (React__default["default"].createElement("a", { className: getCssClasses(), href: href || '#', target: target, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, children));
|
|
1588
1568
|
};
|
|
1589
1569
|
|
|
1590
|
-
var css_248z$
|
|
1591
|
-
var styles$
|
|
1592
|
-
styleInject(css_248z$
|
|
1570
|
+
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";
|
|
1571
|
+
var styles$i = {"loadingIndicatorContainer":"LoadingIndicator-module_loadingIndicatorContainer__3e1-3","loadingIndicator":"LoadingIndicator-module_loadingIndicator__tvp5i","spinAnimation":"LoadingIndicator-module_spinAnimation__PKRNn"};
|
|
1572
|
+
styleInject(css_248z$i);
|
|
1593
1573
|
|
|
1594
1574
|
const LoadingIndicator = () => {
|
|
1595
1575
|
const getCssClasses = () => {
|
|
1596
1576
|
const cssClasses = [];
|
|
1597
|
-
cssClasses.push(styles$
|
|
1577
|
+
cssClasses.push(styles$i.loadingIndicator);
|
|
1598
1578
|
return cssClasses.filter(css => css).join(' ');
|
|
1599
1579
|
};
|
|
1600
1580
|
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
@@ -1604,7 +1584,7 @@ const LoadingIndicator = () => {
|
|
|
1604
1584
|
const LoadingIndicatorContainer = ({ children }) => {
|
|
1605
1585
|
const getCssClasses = () => {
|
|
1606
1586
|
const cssClasses = [];
|
|
1607
|
-
cssClasses.push(styles$
|
|
1587
|
+
cssClasses.push(styles$i.loadingIndicatorContainer);
|
|
1608
1588
|
return cssClasses.filter(css => css).join(' ');
|
|
1609
1589
|
};
|
|
1610
1590
|
return (React__default["default"].createElement("div", { className: getCssClasses() }, children));
|
|
@@ -1634,16 +1614,16 @@ class LoadingIndicatorService {
|
|
|
1634
1614
|
}
|
|
1635
1615
|
const loadingIndicatorService = new LoadingIndicatorService();
|
|
1636
1616
|
|
|
1637
|
-
var css_248z$
|
|
1638
|
-
var styles$
|
|
1639
|
-
styleInject(css_248z$
|
|
1617
|
+
var css_248z$h = ".ModalHeader-module_modalHeader__o5HzE {\n border-bottom: none;\n align-items: center; }\n";
|
|
1618
|
+
var styles$h = {"modalHeader":"ModalHeader-module_modalHeader__o5HzE"};
|
|
1619
|
+
styleInject(css_248z$h);
|
|
1640
1620
|
|
|
1641
1621
|
const ModalHeader = (props) => {
|
|
1642
1622
|
const { children, isDismissable = false, onClose } = props;
|
|
1643
1623
|
const handleClick = () => {
|
|
1644
1624
|
onClose && onClose();
|
|
1645
1625
|
};
|
|
1646
|
-
return (React__default["default"].createElement("div", { className: "modal-header " + styles$
|
|
1626
|
+
return (React__default["default"].createElement("div", { className: "modal-header " + styles$h.modalHeader },
|
|
1647
1627
|
React__default["default"].createElement("h5", { className: "modal-title" }, children),
|
|
1648
1628
|
isDismissable &&
|
|
1649
1629
|
React__default["default"].createElement(IconButton, { icon: React__default["default"].createElement(TimesSolidIcon, null), variant: exports.VARIANT.text, onClick: handleClick })));
|
|
@@ -1651,24 +1631,24 @@ const ModalHeader = (props) => {
|
|
|
1651
1631
|
|
|
1652
1632
|
const ModalBody = ({ children }) => (React__default["default"].createElement("div", { className: "modal-body" }, children));
|
|
1653
1633
|
|
|
1654
|
-
var css_248z$
|
|
1655
|
-
var styles$
|
|
1656
|
-
styleInject(css_248z$
|
|
1634
|
+
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";
|
|
1635
|
+
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"};
|
|
1636
|
+
styleInject(css_248z$g);
|
|
1657
1637
|
|
|
1658
|
-
var css_248z$
|
|
1659
|
-
var styles$
|
|
1660
|
-
styleInject(css_248z$
|
|
1638
|
+
var css_248z$f = ".ModalFooter-module_modalFooter__2Et4e {\n border-top: none; }\n";
|
|
1639
|
+
var styles$f = {"modalFooter":"ModalFooter-module_modalFooter__2Et4e"};
|
|
1640
|
+
styleInject(css_248z$f);
|
|
1661
1641
|
|
|
1662
|
-
const ModalFooter = ({ children }) => (React__default["default"].createElement("div", { className: "modal-footer " + styles$
|
|
1642
|
+
const ModalFooter = ({ children }) => (React__default["default"].createElement("div", { className: "modal-footer " + styles$f.modalFooter }, children));
|
|
1663
1643
|
|
|
1664
1644
|
const Modal = (props) => {
|
|
1665
1645
|
const { className, size, fullScreen, children, header, footer, onHeaderCloseClick, onBackdropClick, isDismissable = false } = props;
|
|
1666
1646
|
const getCssClass = () => {
|
|
1667
1647
|
const cssClasses = [];
|
|
1668
1648
|
cssClasses.push('modal-dialog modal-dialog-centered');
|
|
1669
|
-
cssClasses.push(styles$
|
|
1670
|
-
!!fullScreen && cssClasses.push(styles$
|
|
1671
|
-
size && cssClasses.push(styles$
|
|
1649
|
+
cssClasses.push(styles$g.modal);
|
|
1650
|
+
!!fullScreen && cssClasses.push(styles$g['fullscreen']);
|
|
1651
|
+
size && cssClasses.push(styles$g[size]);
|
|
1672
1652
|
className && cssClasses.push(className);
|
|
1673
1653
|
return cssClasses.filter(r => r).join(' ');
|
|
1674
1654
|
};
|
|
@@ -1682,9 +1662,9 @@ const Modal = (props) => {
|
|
|
1682
1662
|
onBackdropClick && onBackdropClick();
|
|
1683
1663
|
};
|
|
1684
1664
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
1685
|
-
React__default["default"].createElement("div", { className: "modal show " + styles$
|
|
1665
|
+
React__default["default"].createElement("div", { className: "modal show " + styles$g.modal, style: { display: 'block' } },
|
|
1686
1666
|
React__default["default"].createElement("div", { className: getCssClass() },
|
|
1687
|
-
React__default["default"].createElement("div", { className: 'modal-content ' + (!!fullScreen ? styles$
|
|
1667
|
+
React__default["default"].createElement("div", { className: 'modal-content ' + (!!fullScreen ? styles$g['modalContent'] : undefined) },
|
|
1688
1668
|
header &&
|
|
1689
1669
|
React__default["default"].createElement(ModalHeader, { isDismissable: isDismissable, onClose: () => onHeaderCloseClick && onHeaderCloseClick() }, header),
|
|
1690
1670
|
React__default["default"].createElement(ModalBody, null, children),
|
|
@@ -1884,25 +1864,25 @@ const Sidebar = (props) => {
|
|
|
1884
1864
|
!item.isCollapsed && item.items && item.items.length > 0 && (React__default["default"].createElement(List, { className: "list-level-1", key: `${item.id}-sub` }, item.items.map(subItem => (React__default["default"].createElement(ListItem, { className: "list-item-level-1", active: isMenuItemActive(subItem.path), key: subItem.id, onClick: (e) => handleClickSubItem(item.path, subItem.path, e) }, subItem.label)))))))))));
|
|
1885
1865
|
};
|
|
1886
1866
|
|
|
1887
|
-
var css_248z$
|
|
1888
|
-
var styles$
|
|
1889
|
-
styleInject(css_248z$
|
|
1867
|
+
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";
|
|
1868
|
+
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"};
|
|
1869
|
+
styleInject(css_248z$e);
|
|
1890
1870
|
|
|
1891
1871
|
const Snackbar = (props) => {
|
|
1892
|
-
const {
|
|
1872
|
+
const { children, color = exports.COLOR.dark, actionText = 'ok', onOk } = props;
|
|
1893
1873
|
const getCssClasses = () => {
|
|
1894
1874
|
const cssClasses = [];
|
|
1895
|
-
cssClasses.push(styles$
|
|
1875
|
+
cssClasses.push(styles$e.snackbar);
|
|
1896
1876
|
cssClasses.push(`shadow-lg`);
|
|
1897
|
-
cssClasses.push(styles$
|
|
1877
|
+
cssClasses.push(styles$e[color]);
|
|
1898
1878
|
return cssClasses.filter(css => css).join(' ');
|
|
1899
1879
|
};
|
|
1900
|
-
const handleClickAction = () => {
|
|
1901
|
-
onOk && onOk();
|
|
1880
|
+
const handleClickAction = (e) => {
|
|
1881
|
+
onOk && onOk(e);
|
|
1902
1882
|
};
|
|
1903
1883
|
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
1904
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1905
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1884
|
+
React__default["default"].createElement("div", { className: styles$e.text }, children),
|
|
1885
|
+
React__default["default"].createElement("div", { className: styles$e.action + " text-accent", onClick: handleClickAction },
|
|
1906
1886
|
React__default["default"].createElement("span", null, actionText))));
|
|
1907
1887
|
};
|
|
1908
1888
|
|
|
@@ -1926,7 +1906,7 @@ class SnackbarService {
|
|
|
1926
1906
|
resolve();
|
|
1927
1907
|
this.hide();
|
|
1928
1908
|
};
|
|
1929
|
-
reactDom.render(React__default["default"].createElement(Snackbar, {
|
|
1909
|
+
reactDom.render(React__default["default"].createElement(Snackbar, { color: mergedOptions.color, actionText: mergedOptions.actionText, onOk: handleOk }, message), this.container);
|
|
1930
1910
|
});
|
|
1931
1911
|
}
|
|
1932
1912
|
hide() {
|
|
@@ -1940,29 +1920,29 @@ class SnackbarService {
|
|
|
1940
1920
|
}
|
|
1941
1921
|
const snackbarService = new SnackbarService();
|
|
1942
1922
|
|
|
1943
|
-
var css_248z$
|
|
1944
|
-
var styles$
|
|
1945
|
-
styleInject(css_248z$
|
|
1923
|
+
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";
|
|
1924
|
+
var styles$d = {"speedDialActions":"SpeedDialActions-module_speedDialActions__zLEps"};
|
|
1925
|
+
styleInject(css_248z$d);
|
|
1946
1926
|
|
|
1947
1927
|
const SpeedDialActions = (props) => {
|
|
1948
1928
|
const { children } = props;
|
|
1949
1929
|
const getCssClasses = () => {
|
|
1950
1930
|
const cssClasses = [];
|
|
1951
|
-
cssClasses.push(styles$
|
|
1931
|
+
cssClasses.push(styles$d.speedDialActions);
|
|
1952
1932
|
return cssClasses.filter(css => css).join(' ');
|
|
1953
1933
|
};
|
|
1954
1934
|
return (React__default["default"].createElement("div", { className: getCssClasses() }, children));
|
|
1955
1935
|
};
|
|
1956
1936
|
|
|
1957
|
-
var css_248z$
|
|
1958
|
-
var styles$
|
|
1959
|
-
styleInject(css_248z$
|
|
1937
|
+
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";
|
|
1938
|
+
var styles$c = {"speedDial":"SpeedDial-module_speedDial__CQ5x2"};
|
|
1939
|
+
styleInject(css_248z$c);
|
|
1960
1940
|
|
|
1961
1941
|
const SpeedDial = (props) => {
|
|
1962
1942
|
const { children, className, open, onOpen, onClose } = props, rest = __rest(props, ["children", "className", "open", "onOpen", "onClose"]);
|
|
1963
1943
|
const getCssClasses = () => {
|
|
1964
1944
|
const cssClasses = [];
|
|
1965
|
-
cssClasses.push(styles$
|
|
1945
|
+
cssClasses.push(styles$c.speedDial);
|
|
1966
1946
|
className && cssClasses.push(className);
|
|
1967
1947
|
return cssClasses.filter(css => css).join(' ');
|
|
1968
1948
|
};
|
|
@@ -1979,15 +1959,15 @@ const SpeedDial = (props) => {
|
|
|
1979
1959
|
React__default["default"].createElement(SpeedDialActions, null, children)));
|
|
1980
1960
|
};
|
|
1981
1961
|
|
|
1982
|
-
var css_248z$
|
|
1983
|
-
var styles$
|
|
1984
|
-
styleInject(css_248z$
|
|
1962
|
+
var css_248z$b = ".SpeedDialAction-module_speedDialAction__qmExs + .SpeedDialAction-module_speedDialAction__qmExs {\n margin-bottom: 10px; }\n";
|
|
1963
|
+
var styles$b = {"speedDialAction":"SpeedDialAction-module_speedDialAction__qmExs"};
|
|
1964
|
+
styleInject(css_248z$b);
|
|
1985
1965
|
|
|
1986
1966
|
const SpeedDialAction = (props) => {
|
|
1987
1967
|
const { icon, color = exports.COLOR.light, onClick, className } = props;
|
|
1988
1968
|
const getCssClasses = () => {
|
|
1989
1969
|
const cssClasses = [];
|
|
1990
|
-
cssClasses.push(styles$
|
|
1970
|
+
cssClasses.push(styles$b.speedDialAction);
|
|
1991
1971
|
className && cssClasses.push(className);
|
|
1992
1972
|
return cssClasses.filter(css => css).join(' ');
|
|
1993
1973
|
};
|
|
@@ -2004,15 +1984,15 @@ const SpeedDialIcon = (props) => {
|
|
|
2004
1984
|
return (React__default["default"].createElement(Icon, Object.assign({ className: getCssClasses() }, rest), children));
|
|
2005
1985
|
};
|
|
2006
1986
|
|
|
2007
|
-
var css_248z$
|
|
2008
|
-
var styles$
|
|
2009
|
-
styleInject(css_248z$
|
|
1987
|
+
var css_248z$a = ".StepperActions-module_stepperActions__2r5ZT {\n display: flex; }\n";
|
|
1988
|
+
var styles$a = {"stepperActions":"StepperActions-module_stepperActions__2r5ZT"};
|
|
1989
|
+
styleInject(css_248z$a);
|
|
2010
1990
|
|
|
2011
1991
|
const StepperActions = (props) => {
|
|
2012
1992
|
const { className, isCompleted, isFirstStep, isStepOptional, onBack, onSkip, onNext, onReset } = props;
|
|
2013
1993
|
const getCssClasses = () => {
|
|
2014
1994
|
const cssClasses = [];
|
|
2015
|
-
cssClasses.push(styles$
|
|
1995
|
+
cssClasses.push(styles$a.stepperActions);
|
|
2016
1996
|
className && cssClasses.push(className);
|
|
2017
1997
|
return cssClasses.filter(css => css).join(' ');
|
|
2018
1998
|
};
|
|
@@ -2029,31 +2009,31 @@ const StepPanel = (props) => {
|
|
|
2029
2009
|
return (React__default["default"].createElement("div", { className: "steppanel" }, children));
|
|
2030
2010
|
};
|
|
2031
2011
|
|
|
2032
|
-
var css_248z$
|
|
2033
|
-
var styles$
|
|
2034
|
-
styleInject(css_248z$
|
|
2012
|
+
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";
|
|
2013
|
+
var styles$9 = {"stepConnector":"StepConnector-module_stepConnector__2m7Xp","stepConnectorLine":"StepConnector-module_stepConnectorLine__jSqG4","isActive":"StepConnector-module_isActive__3Yj6N","stepConnectorLineHorizontal":"StepConnector-module_stepConnectorLineHorizontal__3R2R8"};
|
|
2014
|
+
styleInject(css_248z$9);
|
|
2035
2015
|
|
|
2036
2016
|
const StepConnector = (props) => {
|
|
2037
2017
|
const { isActive, isHorizontal = true } = props;
|
|
2038
2018
|
const getCssClassesConnector = () => {
|
|
2039
2019
|
const cssClasses = [];
|
|
2040
|
-
cssClasses.push(styles$
|
|
2020
|
+
cssClasses.push(styles$9.stepConnector);
|
|
2041
2021
|
return cssClasses.filter(css => css).join(' ');
|
|
2042
2022
|
};
|
|
2043
2023
|
const getCssClassesLine = () => {
|
|
2044
2024
|
const cssClasses = [];
|
|
2045
|
-
cssClasses.push(styles$
|
|
2046
|
-
isActive && cssClasses.push(styles$
|
|
2047
|
-
isHorizontal && cssClasses.push(styles$
|
|
2025
|
+
cssClasses.push(styles$9.stepConnectorLine);
|
|
2026
|
+
isActive && cssClasses.push(styles$9['isActive']);
|
|
2027
|
+
isHorizontal && cssClasses.push(styles$9.stepConnectorLineHorizontal);
|
|
2048
2028
|
return cssClasses.filter(css => css).join(' ');
|
|
2049
2029
|
};
|
|
2050
2030
|
return (React__default["default"].createElement("div", { className: getCssClassesConnector() },
|
|
2051
2031
|
React__default["default"].createElement("div", { className: getCssClassesLine() })));
|
|
2052
2032
|
};
|
|
2053
2033
|
|
|
2054
|
-
var css_248z$
|
|
2055
|
-
var styles$
|
|
2056
|
-
styleInject(css_248z$
|
|
2034
|
+
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";
|
|
2035
|
+
var styles$8 = {"stepper":"Stepper-module_stepper__1TOxM","isHorizontal":"Stepper-module_isHorizontal__3rFHH"};
|
|
2036
|
+
styleInject(css_248z$8);
|
|
2057
2037
|
|
|
2058
2038
|
const Stepper = (props) => {
|
|
2059
2039
|
const { children, isLinear = true, showLabel = true, showProgressCheckIcon = false, value, isHorizontal = true, onChange, onFinish } = props;
|
|
@@ -2141,8 +2121,8 @@ const Stepper = (props) => {
|
|
|
2141
2121
|
};
|
|
2142
2122
|
const getCssClasses = () => {
|
|
2143
2123
|
const cssClasses = [];
|
|
2144
|
-
cssClasses.push(styles$
|
|
2145
|
-
isHorizontal && cssClasses.push(styles$
|
|
2124
|
+
cssClasses.push(styles$8.stepper);
|
|
2125
|
+
isHorizontal && cssClasses.push(styles$8['isHorizontal']);
|
|
2146
2126
|
return cssClasses.filter(css => css).join(' ');
|
|
2147
2127
|
};
|
|
2148
2128
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, steps &&
|
|
@@ -2211,6 +2191,25 @@ function useDebounce(callback, timeout, deps) {
|
|
|
2211
2191
|
}, deps);
|
|
2212
2192
|
}
|
|
2213
2193
|
|
|
2194
|
+
var css_248z$7 = ".Typography-module_typography__2bM6E {\n text-overflow: ellipsis;\n overflow: hidden !important; }\n";
|
|
2195
|
+
var styles$7 = {"typography":"Typography-module_typography__2bM6E"};
|
|
2196
|
+
styleInject(css_248z$7);
|
|
2197
|
+
|
|
2198
|
+
const Wrapper = (props) => {
|
|
2199
|
+
const { as = 'span', children, className } = props, rest = __rest(props, ["as", "children", "className"]);
|
|
2200
|
+
const getCssClasses = () => {
|
|
2201
|
+
const cssClasses = [];
|
|
2202
|
+
cssClasses.push(styles$7.typography);
|
|
2203
|
+
className && cssClasses.push(className);
|
|
2204
|
+
return cssClasses.filter(css => css).join(' ');
|
|
2205
|
+
};
|
|
2206
|
+
return React__default["default"].createElement(as, Object.assign(Object.assign({}, rest), { className: getCssClasses() }), children);
|
|
2207
|
+
};
|
|
2208
|
+
const Typography = (_a) => {
|
|
2209
|
+
var { children, as = 'span' } = _a, rest = __rest(_a, ["children", "as"]);
|
|
2210
|
+
return (React__default["default"].createElement(Wrapper, Object.assign({ as: as }, rest), children));
|
|
2211
|
+
};
|
|
2212
|
+
|
|
2214
2213
|
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";
|
|
2215
2214
|
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"};
|
|
2216
2215
|
styleInject(css_248z$6);
|