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