react-asc 18.9.0 → 18.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/IconButton/IconButton.d.ts +1 -2
- package/index.es.js +160 -160
- package/index.es.js.map +1 -1
- package/index.js +160 -160
- package/index.js.map +1 -1
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -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
635
|
const { children, icon, label, variant = exports.VARIANT.text, color = exports.COLOR.dark, size = exports.SIZE.md, isActive, disabled, className, shadow } = props, rest = __rest(props, ["children", "icon", "label", "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
|
};
|
|
@@ -1587,14 +1568,14 @@ const Link = (props) => {
|
|
|
1587
1568
|
return (React__default["default"].createElement("a", { className: getCssClasses(), href: url || '#', target: target, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, children));
|
|
1588
1569
|
};
|
|
1589
1570
|
|
|
1590
|
-
var css_248z$
|
|
1591
|
-
var styles$
|
|
1592
|
-
styleInject(css_248z$
|
|
1571
|
+
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";
|
|
1572
|
+
var styles$i = {"loadingIndicatorContainer":"LoadingIndicator-module_loadingIndicatorContainer__3e1-3","loadingIndicator":"LoadingIndicator-module_loadingIndicator__tvp5i","spinAnimation":"LoadingIndicator-module_spinAnimation__PKRNn"};
|
|
1573
|
+
styleInject(css_248z$i);
|
|
1593
1574
|
|
|
1594
1575
|
const LoadingIndicator = () => {
|
|
1595
1576
|
const getCssClasses = () => {
|
|
1596
1577
|
const cssClasses = [];
|
|
1597
|
-
cssClasses.push(styles$
|
|
1578
|
+
cssClasses.push(styles$i.loadingIndicator);
|
|
1598
1579
|
return cssClasses.filter(css => css).join(' ');
|
|
1599
1580
|
};
|
|
1600
1581
|
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
@@ -1604,7 +1585,7 @@ const LoadingIndicator = () => {
|
|
|
1604
1585
|
const LoadingIndicatorContainer = ({ children }) => {
|
|
1605
1586
|
const getCssClasses = () => {
|
|
1606
1587
|
const cssClasses = [];
|
|
1607
|
-
cssClasses.push(styles$
|
|
1588
|
+
cssClasses.push(styles$i.loadingIndicatorContainer);
|
|
1608
1589
|
return cssClasses.filter(css => css).join(' ');
|
|
1609
1590
|
};
|
|
1610
1591
|
return (React__default["default"].createElement("div", { className: getCssClasses() }, children));
|
|
@@ -1634,16 +1615,16 @@ class LoadingIndicatorService {
|
|
|
1634
1615
|
}
|
|
1635
1616
|
const loadingIndicatorService = new LoadingIndicatorService();
|
|
1636
1617
|
|
|
1637
|
-
var css_248z$
|
|
1638
|
-
var styles$
|
|
1639
|
-
styleInject(css_248z$
|
|
1618
|
+
var css_248z$h = ".ModalHeader-module_modalHeader__o5HzE {\n border-bottom: none;\n align-items: center; }\n";
|
|
1619
|
+
var styles$h = {"modalHeader":"ModalHeader-module_modalHeader__o5HzE"};
|
|
1620
|
+
styleInject(css_248z$h);
|
|
1640
1621
|
|
|
1641
1622
|
const ModalHeader = (props) => {
|
|
1642
1623
|
const { children, isDismissable = false, onClose } = props;
|
|
1643
1624
|
const handleClick = () => {
|
|
1644
1625
|
onClose && onClose();
|
|
1645
1626
|
};
|
|
1646
|
-
return (React__default["default"].createElement("div", { className: "modal-header " + styles$
|
|
1627
|
+
return (React__default["default"].createElement("div", { className: "modal-header " + styles$h.modalHeader },
|
|
1647
1628
|
React__default["default"].createElement("h5", { className: "modal-title" }, children),
|
|
1648
1629
|
isDismissable &&
|
|
1649
1630
|
React__default["default"].createElement(IconButton, { icon: React__default["default"].createElement(TimesSolidIcon, null), variant: exports.VARIANT.text, onClick: handleClick })));
|
|
@@ -1651,24 +1632,24 @@ const ModalHeader = (props) => {
|
|
|
1651
1632
|
|
|
1652
1633
|
const ModalBody = ({ children }) => (React__default["default"].createElement("div", { className: "modal-body" }, children));
|
|
1653
1634
|
|
|
1654
|
-
var css_248z$
|
|
1655
|
-
var styles$
|
|
1656
|
-
styleInject(css_248z$
|
|
1635
|
+
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";
|
|
1636
|
+
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"};
|
|
1637
|
+
styleInject(css_248z$g);
|
|
1657
1638
|
|
|
1658
|
-
var css_248z$
|
|
1659
|
-
var styles$
|
|
1660
|
-
styleInject(css_248z$
|
|
1639
|
+
var css_248z$f = ".ModalFooter-module_modalFooter__2Et4e {\n border-top: none; }\n";
|
|
1640
|
+
var styles$f = {"modalFooter":"ModalFooter-module_modalFooter__2Et4e"};
|
|
1641
|
+
styleInject(css_248z$f);
|
|
1661
1642
|
|
|
1662
|
-
const ModalFooter = ({ children }) => (React__default["default"].createElement("div", { className: "modal-footer " + styles$
|
|
1643
|
+
const ModalFooter = ({ children }) => (React__default["default"].createElement("div", { className: "modal-footer " + styles$f.modalFooter }, children));
|
|
1663
1644
|
|
|
1664
1645
|
const Modal = (props) => {
|
|
1665
1646
|
const { className, size, fullScreen, children, header, footer, onHeaderCloseClick, onBackdropClick, isDismissable = false } = props;
|
|
1666
1647
|
const getCssClass = () => {
|
|
1667
1648
|
const cssClasses = [];
|
|
1668
1649
|
cssClasses.push('modal-dialog modal-dialog-centered');
|
|
1669
|
-
cssClasses.push(styles$
|
|
1670
|
-
!!fullScreen && cssClasses.push(styles$
|
|
1671
|
-
size && cssClasses.push(styles$
|
|
1650
|
+
cssClasses.push(styles$g.modal);
|
|
1651
|
+
!!fullScreen && cssClasses.push(styles$g['fullscreen']);
|
|
1652
|
+
size && cssClasses.push(styles$g[size]);
|
|
1672
1653
|
className && cssClasses.push(className);
|
|
1673
1654
|
return cssClasses.filter(r => r).join(' ');
|
|
1674
1655
|
};
|
|
@@ -1682,9 +1663,9 @@ const Modal = (props) => {
|
|
|
1682
1663
|
onBackdropClick && onBackdropClick();
|
|
1683
1664
|
};
|
|
1684
1665
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
1685
|
-
React__default["default"].createElement("div", { className: "modal show " + styles$
|
|
1666
|
+
React__default["default"].createElement("div", { className: "modal show " + styles$g.modal, style: { display: 'block' } },
|
|
1686
1667
|
React__default["default"].createElement("div", { className: getCssClass() },
|
|
1687
|
-
React__default["default"].createElement("div", { className: 'modal-content ' + (!!fullScreen ? styles$
|
|
1668
|
+
React__default["default"].createElement("div", { className: 'modal-content ' + (!!fullScreen ? styles$g['modalContent'] : undefined) },
|
|
1688
1669
|
header &&
|
|
1689
1670
|
React__default["default"].createElement(ModalHeader, { isDismissable: isDismissable, onClose: () => onHeaderCloseClick && onHeaderCloseClick() }, header),
|
|
1690
1671
|
React__default["default"].createElement(ModalBody, null, children),
|
|
@@ -1884,25 +1865,25 @@ const Sidebar = (props) => {
|
|
|
1884
1865
|
!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
1866
|
};
|
|
1886
1867
|
|
|
1887
|
-
var css_248z$
|
|
1888
|
-
var styles$
|
|
1889
|
-
styleInject(css_248z$
|
|
1868
|
+
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";
|
|
1869
|
+
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"};
|
|
1870
|
+
styleInject(css_248z$e);
|
|
1890
1871
|
|
|
1891
1872
|
const Snackbar = (props) => {
|
|
1892
1873
|
const { children, color = exports.COLOR.dark, actionText = 'ok', onOk } = props;
|
|
1893
1874
|
const getCssClasses = () => {
|
|
1894
1875
|
const cssClasses = [];
|
|
1895
|
-
cssClasses.push(styles$
|
|
1876
|
+
cssClasses.push(styles$e.snackbar);
|
|
1896
1877
|
cssClasses.push(`shadow-lg`);
|
|
1897
|
-
cssClasses.push(styles$
|
|
1878
|
+
cssClasses.push(styles$e[color]);
|
|
1898
1879
|
return cssClasses.filter(css => css).join(' ');
|
|
1899
1880
|
};
|
|
1900
1881
|
const handleClickAction = (e) => {
|
|
1901
1882
|
onOk && onOk(e);
|
|
1902
1883
|
};
|
|
1903
1884
|
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
1904
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1905
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1885
|
+
React__default["default"].createElement("div", { className: styles$e.text }, children),
|
|
1886
|
+
React__default["default"].createElement("div", { className: styles$e.action + " text-accent", onClick: handleClickAction },
|
|
1906
1887
|
React__default["default"].createElement("span", null, actionText))));
|
|
1907
1888
|
};
|
|
1908
1889
|
|
|
@@ -1940,29 +1921,29 @@ class SnackbarService {
|
|
|
1940
1921
|
}
|
|
1941
1922
|
const snackbarService = new SnackbarService();
|
|
1942
1923
|
|
|
1943
|
-
var css_248z$
|
|
1944
|
-
var styles$
|
|
1945
|
-
styleInject(css_248z$
|
|
1924
|
+
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";
|
|
1925
|
+
var styles$d = {"speedDialActions":"SpeedDialActions-module_speedDialActions__zLEps"};
|
|
1926
|
+
styleInject(css_248z$d);
|
|
1946
1927
|
|
|
1947
1928
|
const SpeedDialActions = (props) => {
|
|
1948
1929
|
const { children } = props;
|
|
1949
1930
|
const getCssClasses = () => {
|
|
1950
1931
|
const cssClasses = [];
|
|
1951
|
-
cssClasses.push(styles$
|
|
1932
|
+
cssClasses.push(styles$d.speedDialActions);
|
|
1952
1933
|
return cssClasses.filter(css => css).join(' ');
|
|
1953
1934
|
};
|
|
1954
1935
|
return (React__default["default"].createElement("div", { className: getCssClasses() }, children));
|
|
1955
1936
|
};
|
|
1956
1937
|
|
|
1957
|
-
var css_248z$
|
|
1958
|
-
var styles$
|
|
1959
|
-
styleInject(css_248z$
|
|
1938
|
+
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";
|
|
1939
|
+
var styles$c = {"speedDial":"SpeedDial-module_speedDial__CQ5x2"};
|
|
1940
|
+
styleInject(css_248z$c);
|
|
1960
1941
|
|
|
1961
1942
|
const SpeedDial = (props) => {
|
|
1962
1943
|
const { children, className, open, onOpen, onClose } = props, rest = __rest(props, ["children", "className", "open", "onOpen", "onClose"]);
|
|
1963
1944
|
const getCssClasses = () => {
|
|
1964
1945
|
const cssClasses = [];
|
|
1965
|
-
cssClasses.push(styles$
|
|
1946
|
+
cssClasses.push(styles$c.speedDial);
|
|
1966
1947
|
className && cssClasses.push(className);
|
|
1967
1948
|
return cssClasses.filter(css => css).join(' ');
|
|
1968
1949
|
};
|
|
@@ -1979,15 +1960,15 @@ const SpeedDial = (props) => {
|
|
|
1979
1960
|
React__default["default"].createElement(SpeedDialActions, null, children)));
|
|
1980
1961
|
};
|
|
1981
1962
|
|
|
1982
|
-
var css_248z$
|
|
1983
|
-
var styles$
|
|
1984
|
-
styleInject(css_248z$
|
|
1963
|
+
var css_248z$b = ".SpeedDialAction-module_speedDialAction__qmExs + .SpeedDialAction-module_speedDialAction__qmExs {\n margin-bottom: 10px; }\n";
|
|
1964
|
+
var styles$b = {"speedDialAction":"SpeedDialAction-module_speedDialAction__qmExs"};
|
|
1965
|
+
styleInject(css_248z$b);
|
|
1985
1966
|
|
|
1986
1967
|
const SpeedDialAction = (props) => {
|
|
1987
1968
|
const { icon, color = exports.COLOR.light, onClick, className } = props;
|
|
1988
1969
|
const getCssClasses = () => {
|
|
1989
1970
|
const cssClasses = [];
|
|
1990
|
-
cssClasses.push(styles$
|
|
1971
|
+
cssClasses.push(styles$b.speedDialAction);
|
|
1991
1972
|
className && cssClasses.push(className);
|
|
1992
1973
|
return cssClasses.filter(css => css).join(' ');
|
|
1993
1974
|
};
|
|
@@ -2004,15 +1985,15 @@ const SpeedDialIcon = (props) => {
|
|
|
2004
1985
|
return (React__default["default"].createElement(Icon, Object.assign({ className: getCssClasses() }, rest), children));
|
|
2005
1986
|
};
|
|
2006
1987
|
|
|
2007
|
-
var css_248z$
|
|
2008
|
-
var styles$
|
|
2009
|
-
styleInject(css_248z$
|
|
1988
|
+
var css_248z$a = ".StepperActions-module_stepperActions__2r5ZT {\n display: flex; }\n";
|
|
1989
|
+
var styles$a = {"stepperActions":"StepperActions-module_stepperActions__2r5ZT"};
|
|
1990
|
+
styleInject(css_248z$a);
|
|
2010
1991
|
|
|
2011
1992
|
const StepperActions = (props) => {
|
|
2012
1993
|
const { className, isCompleted, isFirstStep, isStepOptional, onBack, onSkip, onNext, onReset } = props;
|
|
2013
1994
|
const getCssClasses = () => {
|
|
2014
1995
|
const cssClasses = [];
|
|
2015
|
-
cssClasses.push(styles$
|
|
1996
|
+
cssClasses.push(styles$a.stepperActions);
|
|
2016
1997
|
className && cssClasses.push(className);
|
|
2017
1998
|
return cssClasses.filter(css => css).join(' ');
|
|
2018
1999
|
};
|
|
@@ -2029,31 +2010,31 @@ const StepPanel = (props) => {
|
|
|
2029
2010
|
return (React__default["default"].createElement("div", { className: "steppanel" }, children));
|
|
2030
2011
|
};
|
|
2031
2012
|
|
|
2032
|
-
var css_248z$
|
|
2033
|
-
var styles$
|
|
2034
|
-
styleInject(css_248z$
|
|
2013
|
+
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";
|
|
2014
|
+
var styles$9 = {"stepConnector":"StepConnector-module_stepConnector__2m7Xp","stepConnectorLine":"StepConnector-module_stepConnectorLine__jSqG4","isActive":"StepConnector-module_isActive__3Yj6N","stepConnectorLineHorizontal":"StepConnector-module_stepConnectorLineHorizontal__3R2R8"};
|
|
2015
|
+
styleInject(css_248z$9);
|
|
2035
2016
|
|
|
2036
2017
|
const StepConnector = (props) => {
|
|
2037
2018
|
const { isActive, isHorizontal = true } = props;
|
|
2038
2019
|
const getCssClassesConnector = () => {
|
|
2039
2020
|
const cssClasses = [];
|
|
2040
|
-
cssClasses.push(styles$
|
|
2021
|
+
cssClasses.push(styles$9.stepConnector);
|
|
2041
2022
|
return cssClasses.filter(css => css).join(' ');
|
|
2042
2023
|
};
|
|
2043
2024
|
const getCssClassesLine = () => {
|
|
2044
2025
|
const cssClasses = [];
|
|
2045
|
-
cssClasses.push(styles$
|
|
2046
|
-
isActive && cssClasses.push(styles$
|
|
2047
|
-
isHorizontal && cssClasses.push(styles$
|
|
2026
|
+
cssClasses.push(styles$9.stepConnectorLine);
|
|
2027
|
+
isActive && cssClasses.push(styles$9['isActive']);
|
|
2028
|
+
isHorizontal && cssClasses.push(styles$9.stepConnectorLineHorizontal);
|
|
2048
2029
|
return cssClasses.filter(css => css).join(' ');
|
|
2049
2030
|
};
|
|
2050
2031
|
return (React__default["default"].createElement("div", { className: getCssClassesConnector() },
|
|
2051
2032
|
React__default["default"].createElement("div", { className: getCssClassesLine() })));
|
|
2052
2033
|
};
|
|
2053
2034
|
|
|
2054
|
-
var css_248z$
|
|
2055
|
-
var styles$
|
|
2056
|
-
styleInject(css_248z$
|
|
2035
|
+
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";
|
|
2036
|
+
var styles$8 = {"stepper":"Stepper-module_stepper__1TOxM","isHorizontal":"Stepper-module_isHorizontal__3rFHH"};
|
|
2037
|
+
styleInject(css_248z$8);
|
|
2057
2038
|
|
|
2058
2039
|
const Stepper = (props) => {
|
|
2059
2040
|
const { children, isLinear = true, showLabel = true, showProgressCheckIcon = false, value, isHorizontal = true, onChange, onFinish } = props;
|
|
@@ -2141,8 +2122,8 @@ const Stepper = (props) => {
|
|
|
2141
2122
|
};
|
|
2142
2123
|
const getCssClasses = () => {
|
|
2143
2124
|
const cssClasses = [];
|
|
2144
|
-
cssClasses.push(styles$
|
|
2145
|
-
isHorizontal && cssClasses.push(styles$
|
|
2125
|
+
cssClasses.push(styles$8.stepper);
|
|
2126
|
+
isHorizontal && cssClasses.push(styles$8['isHorizontal']);
|
|
2146
2127
|
return cssClasses.filter(css => css).join(' ');
|
|
2147
2128
|
};
|
|
2148
2129
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, steps &&
|
|
@@ -2211,6 +2192,25 @@ function useDebounce(callback, timeout, deps) {
|
|
|
2211
2192
|
}, deps);
|
|
2212
2193
|
}
|
|
2213
2194
|
|
|
2195
|
+
var css_248z$7 = ".Typography-module_typography__2bM6E {\n text-overflow: ellipsis;\n overflow: hidden !important; }\n";
|
|
2196
|
+
var styles$7 = {"typography":"Typography-module_typography__2bM6E"};
|
|
2197
|
+
styleInject(css_248z$7);
|
|
2198
|
+
|
|
2199
|
+
const Wrapper = (props) => {
|
|
2200
|
+
const { as = 'span', children, className } = props, rest = __rest(props, ["as", "children", "className"]);
|
|
2201
|
+
const getCssClasses = () => {
|
|
2202
|
+
const cssClasses = [];
|
|
2203
|
+
cssClasses.push(styles$7.typography);
|
|
2204
|
+
className && cssClasses.push(className);
|
|
2205
|
+
return cssClasses.filter(css => css).join(' ');
|
|
2206
|
+
};
|
|
2207
|
+
return React__default["default"].createElement(as, Object.assign(Object.assign({}, rest), { className: getCssClasses() }), children);
|
|
2208
|
+
};
|
|
2209
|
+
const Typography = (_a) => {
|
|
2210
|
+
var { children, as = 'span' } = _a, rest = __rest(_a, ["children", "as"]);
|
|
2211
|
+
return (React__default["default"].createElement(Wrapper, Object.assign({ as: as }, rest), children));
|
|
2212
|
+
};
|
|
2213
|
+
|
|
2214
2214
|
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
2215
|
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
2216
|
styleInject(css_248z$6);
|