react-asc 20.1.0 → 21.0.2
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/Button/Button.d.ts +1 -0
- package/components/Select/Select.d.ts +1 -0
- package/index.es.js +139 -132
- package/index.js +139 -132
- package/package.json +1 -3
- package/react-asc.scss +82 -2
- package/readme.md +3 -5
package/index.es.js
CHANGED
|
@@ -159,7 +159,7 @@ const Icon = (props) => {
|
|
|
159
159
|
return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
160
160
|
};
|
|
161
161
|
|
|
162
|
-
var css_248z$Y = ".IconButton-module_iconButton__rpCPQ {\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__rpCPQ:hover {\n cursor: pointer; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_shadow__Uw0RK {\n box-shadow: var(--shadow); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_md__XnuSk {\n width: 48px;\n height: 48px; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_lg__arEvo {\n width: 56px;\n height: 56px; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag {\n padding: 0;\n background: transparent;\n color: inherit; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_active__VIqU9 {\n background-color: rgba(0, 0, 0, 0.04); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G {\n color: var(--primary); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G.IconButton-module_active__VIqU9 {\n color: var(--primary-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY {\n color: var(--secondary); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY.IconButton-module_active__VIqU9 {\n color: var(--secondary-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2 {\n color: var(--accent); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2.IconButton-module_active__VIqU9 {\n color: var(--accent-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO {\n color: var(--light); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO.IconButton-module_active__VIqU9 {\n color: var(--light-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH {\n color: var(--dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH.IconButton-module_active__VIqU9 {\n color: var(--dark-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_disabled__QB0ZV {\n color: rgba(0, 0, 0, 0.26);\n background-color: transparent;\n cursor: default;\n pointer-events: none; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_active__VIqU9 {\n background-color: rgba(0, 0, 0, 0.04); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G {\n background-color: var(--primary);\n color: var(--white); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G.IconButton-module_active__VIqU9 {\n background-color: var(--primary-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY {\n background-color: var(--secondary);\n color: var(--white); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY.IconButton-module_active__VIqU9 {\n background-color: var(--secondary-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2 {\n background-color: var(--accent);\n color: var(--white); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2.IconButton-module_active__VIqU9 {\n background-color: var(--accent-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO {\n background-color: var(--light);\n color: var(--dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO.IconButton-module_active__VIqU9 {\n background-color: var(--light-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH {\n background-color: var(--dark);\n color: var(--white); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH.IconButton-module_active__VIqU9 {\n background-color: var(--dark-light); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_disabled__QB0ZV {\n color: rgba(0, 0, 0, 0.26);\n background-color: transparent;\n cursor: default;\n pointer-events: none; }\n .IconButton-module_iconButton__rpCPQ:focus {\n color: #212529;\n border-color: #86b7fe;\n outline: 0;\n box-shadow: inset 0 1px 2px #00000013, 0 0 0 0.25rem #0d6efd40; }\n";
|
|
162
|
+
var css_248z$Y = ".IconButton-module_iconButton__rpCPQ {\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__rpCPQ:hover {\n cursor: pointer; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_shadow__Uw0RK {\n box-shadow: var(--shadow); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_md__XnuSk {\n width: 48px;\n height: 48px; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_lg__arEvo {\n width: 56px;\n height: 56px; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag {\n padding: 0;\n background: transparent;\n color: inherit; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_active__VIqU9 {\n background-color: rgba(0, 0, 0, 0.04); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G {\n color: var(--primary); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G.IconButton-module_active__VIqU9 {\n color: var(--primary-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY {\n color: var(--secondary); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY.IconButton-module_active__VIqU9 {\n color: var(--secondary-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2 {\n color: var(--accent); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2.IconButton-module_active__VIqU9 {\n color: var(--accent-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO {\n color: var(--light); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO.IconButton-module_active__VIqU9 {\n color: var(--light-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH {\n color: var(--dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH.IconButton-module_active__VIqU9 {\n color: var(--dark-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_disabled__QB0ZV {\n color: rgba(0, 0, 0, 0.26);\n background-color: transparent;\n cursor: default;\n pointer-events: none; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_active__VIqU9 {\n background-color: rgba(0, 0, 0, 0.04); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G {\n background-color: var(--primary);\n color: var(--white); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G.IconButton-module_active__VIqU9 {\n background-color: var(--primary-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY {\n background-color: var(--secondary);\n color: var(--white); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY.IconButton-module_active__VIqU9 {\n background-color: var(--secondary-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2 {\n background-color: var(--accent);\n color: var(--white); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2.IconButton-module_active__VIqU9 {\n background-color: var(--accent-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO {\n background-color: var(--light);\n color: var(--dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO.IconButton-module_active__VIqU9 {\n background-color: var(--light-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH {\n background-color: var(--dark);\n color: var(--white); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH.IconButton-module_active__VIqU9 {\n background-color: var(--dark-light); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_disabled__QB0ZV {\n color: rgba(0, 0, 0, 0.26);\n background-color: transparent;\n cursor: default;\n pointer-events: none; }\n .IconButton-module_iconButton__rpCPQ:focus:not(.IconButton-module_iconButton__rpCPQ.IconButton-module_disabled__QB0ZV) {\n color: #212529;\n border-color: #86b7fe;\n outline: 0;\n box-shadow: inset 0 1px 2px #00000013, 0 0 0 0.25rem #0d6efd40; }\n";
|
|
163
163
|
var styles$Y = {"iconButton":"IconButton-module_iconButton__rpCPQ","shadow":"IconButton-module_shadow__Uw0RK","md":"IconButton-module_md__XnuSk","lg":"IconButton-module_lg__arEvo","text":"IconButton-module_text__Ualag","active":"IconButton-module_active__VIqU9","primary":"IconButton-module_primary__vbo-G","secondary":"IconButton-module_secondary__AiNAY","accent":"IconButton-module_accent__QRzM2","light":"IconButton-module_light__YNEiO","dark":"IconButton-module_dark__gnbUH","disabled":"IconButton-module_disabled__QB0ZV","contained":"IconButton-module_contained__k7vGA"};
|
|
164
164
|
styleInject(css_248z$Y);
|
|
165
165
|
|
|
@@ -282,8 +282,8 @@ function useDebounce(callback, timeout, deps) {
|
|
|
282
282
|
}, deps);
|
|
283
283
|
}
|
|
284
284
|
|
|
285
|
-
var css_248z$X = ".Backdrop-module_backdrop__IRMoL {\n height: 100%;\n width: 100%;\n position: absolute;\n opacity: 0.5;\n z-index: 1040;\n top: 0;\n left: 0;\n background-color: #000; }\n";
|
|
286
|
-
var styles$X = {"backdrop":"Backdrop-module_backdrop__IRMoL"};
|
|
285
|
+
var css_248z$X = ".Backdrop-module_backdrop__IRMoL {\n height: 100%;\n width: 100%;\n position: absolute;\n opacity: 0.5;\n z-index: 1040;\n top: 0;\n left: 0;\n background-color: #000; }\n .Backdrop-module_backdrop__IRMoL.Backdrop-module_isTransparent__F5nA5 {\n opacity: 0; }\n";
|
|
286
|
+
var styles$X = {"backdrop":"Backdrop-module_backdrop__IRMoL","isTransparent":"Backdrop-module_isTransparent__F5nA5"};
|
|
287
287
|
styleInject(css_248z$X);
|
|
288
288
|
|
|
289
289
|
const Backdrop = (props) => {
|
|
@@ -295,7 +295,7 @@ const Backdrop = (props) => {
|
|
|
295
295
|
const getCssClasses = () => {
|
|
296
296
|
const cssClasses = [];
|
|
297
297
|
cssClasses.push(styles$X.backdrop);
|
|
298
|
-
isTransparent && cssClasses.push(
|
|
298
|
+
isTransparent && cssClasses.push(styles$X['isTransparent']);
|
|
299
299
|
return cssClasses.filter(css => css).join(' ');
|
|
300
300
|
};
|
|
301
301
|
const getStyles = () => {
|
|
@@ -388,8 +388,8 @@ const ListItemText = (_a) => {
|
|
|
388
388
|
const ListItemTextPrimary = ({ children }) => (React.createElement("div", { className: "list-item-text-primary" }, children));
|
|
389
389
|
const ListItemTextSecondary = ({ children }) => (React.createElement("div", { className: "list-item-text-secondary text-muted", style: { fontSize: '0.875rem' } }, children));
|
|
390
390
|
|
|
391
|
-
var css_248z$Q = ".AutoComplete-module_selectContainer__1kA85 {\n position: relative; }\n\n.AutoComplete-module_select__NNYOi {\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ced4da;\n appearance: none;\n border-radius: 0.25rem;\n box-shadow: inset 0 1px 2px #00000013;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n min-height: calc(1.5em + 0.75rem + 2px);\n height: auto;\n display: flex; }\n .AutoComplete-module_select__NNYOi:hover {\n cursor: pointer; }\n .AutoComplete-module_select__NNYOi:focus {\n color: #212529;\n background-color: #fff;\n border-color: #86b7fe;\n outline: 0;\n box-shadow: inset 0 1px 2px #00000013, 0 0 0 0.25rem #0d6efd40; }\n\n.AutoComplete-module_selectMenu__Gu81L {\n background-color: var(--light);\n position: absolute;\n box-shadow: var(--shadow);\n border-radius: var(--borderRadius);\n width: 100%;\n top: 38px;\n z-index: 1050;\n max-height: 280px;\n overflow: auto; }\n";
|
|
392
|
-
var styles$Q = {"selectContainer":"AutoComplete-module_selectContainer__1kA85","select":"AutoComplete-module_select__NNYOi","selectMenu":"AutoComplete-module_selectMenu__Gu81L"};
|
|
391
|
+
var css_248z$Q = ".AutoComplete-module_selectContainer__1kA85 {\n position: relative; }\n\n.AutoComplete-module_select__NNYOi {\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ced4da;\n appearance: none;\n border-radius: 0.25rem;\n box-shadow: inset 0 1px 2px #00000013;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n min-height: calc(1.5em + 0.75rem + 2px);\n height: auto;\n display: flex; }\n .AutoComplete-module_select__NNYOi:hover {\n cursor: pointer; }\n .AutoComplete-module_select__NNYOi:focus:not(.AutoComplete-module_select__NNYOi.AutoComplete-module_disabled__CbGP4) {\n color: #212529;\n background-color: #fff;\n border-color: #86b7fe;\n outline: 0;\n box-shadow: inset 0 1px 2px #00000013, 0 0 0 0.25rem #0d6efd40; }\n .AutoComplete-module_select__NNYOi:disabled, .AutoComplete-module_select__NNYOi:read-only {\n background-color: #e9ecef; }\n .AutoComplete-module_select__NNYOi:disabled:hover {\n cursor: not-allowed; }\n .AutoComplete-module_select__NNYOi:read-only:hover {\n cursor: inherit; }\n\n.AutoComplete-module_selectMenu__Gu81L {\n background-color: var(--light);\n position: absolute;\n box-shadow: var(--shadow);\n border-radius: var(--borderRadius);\n width: 100%;\n top: 38px;\n z-index: 1050;\n max-height: 280px;\n overflow: auto; }\n";
|
|
392
|
+
var styles$Q = {"selectContainer":"AutoComplete-module_selectContainer__1kA85","select":"AutoComplete-module_select__NNYOi","disabled":"AutoComplete-module_disabled__CbGP4","selectMenu":"AutoComplete-module_selectMenu__Gu81L"};
|
|
393
393
|
styleInject(css_248z$Q);
|
|
394
394
|
|
|
395
395
|
// preset value
|
|
@@ -506,12 +506,12 @@ const Badge = (props) => {
|
|
|
506
506
|
React.createElement("span", { className: getCssClassesBadge() }, content)));
|
|
507
507
|
};
|
|
508
508
|
|
|
509
|
-
var css_248z$O = ".Button-module_button__qeIer {\n text-transform: uppercase !important;\n flex-shrink: 0;\n background-color: transparent;\n display: inline-block;\n font-weight: 400;\n line-height: 1.5;\n text-align: center;\n text-decoration: none;\n vertical-align: middle;\n user-select: none;\n border: 1px solid transparent;\n padding: 0.375rem 0.75rem;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out
|
|
510
|
-
var styles$O = {"button":"Button-module_button__qeIer","shadow":"Button-module_shadow__6N2nE","btnContained":"Button-module_btnContained__16y5l","primary":"Button-module_primary__EUyOu","accent":"Button-module_accent__opVgQ","secondary":"Button-module_secondary__zKoGk","light":"Button-module_light__LXeZy","dark":"Button-module_dark__5oFOT","btnText":"Button-module_btnText__N5Gys","btnOutline":"Button-module_btnOutline__CCFPI","startIcon":"Button-module_startIcon__Eylwr","endIcon":"Button-module_endIcon__pCffL"};
|
|
509
|
+
var css_248z$O = ".Button-module_button__qeIer {\n text-transform: uppercase !important;\n flex-shrink: 0;\n background-color: transparent;\n display: inline-block;\n font-weight: 400;\n line-height: 1.5;\n text-align: center;\n text-decoration: none;\n vertical-align: middle;\n user-select: none;\n border: 1px solid transparent;\n padding: 0.375rem 0.75rem;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,\r box-shadow 0.15s ease-in-out;\n min-width: 64px;\n font-size: 0.875rem;\n border-radius: var(--borderRadius); }\n .Button-module_button__qeIer.Button-module_shadow__6N2nE {\n box-shadow: var(--shadow); }\n .Button-module_button__qeIer.Button-module_block__JIazf {\n width: 100%; }\n .Button-module_button__qeIer:hover {\n cursor: pointer; }\n .Button-module_button__qeIer:focus:not(.Button-module_button__qeIer.Button-module_disabled__jiOqa) {\n border-color: #86b7fe;\n outline: 0;\n box-shadow: inset 0 1px 2px #00000013, 0 0 0 0.25rem #0d6efd40; }\n\n.Button-module_btnContained__16y5l.Button-module_primary__EUyOu {\n color: var(--primary-contrast-text);\n background-color: var(--primary); }\n .Button-module_btnContained__16y5l.Button-module_primary__EUyOu:hover {\n background-color: var(--primary-dark); }\n\n.Button-module_btnContained__16y5l.Button-module_accent__opVgQ {\n color: var(--accent-contrast-text);\n background-color: var(--accent); }\n .Button-module_btnContained__16y5l.Button-module_accent__opVgQ:hover {\n background-color: var(--accent-dark); }\n\n.Button-module_btnContained__16y5l.Button-module_secondary__zKoGk {\n color: var(--secondary-contrast-text);\n background-color: var(--secondary); }\n .Button-module_btnContained__16y5l.Button-module_secondary__zKoGk:hover {\n background-color: var(--secondary-dark); }\n\n.Button-module_btnContained__16y5l.Button-module_light__LXeZy {\n color: var(--light-contrast-text);\n background-color: var(--light); }\n .Button-module_btnContained__16y5l.Button-module_light__LXeZy:hover {\n background-color: var(--light-dark); }\n\n.Button-module_btnContained__16y5l.Button-module_dark__5oFOT {\n color: var(--dark-contrast-text);\n background-color: var(--dark); }\n .Button-module_btnContained__16y5l.Button-module_dark__5oFOT:hover {\n background-color: var(--dark-dark); }\n\n.Button-module_btnContained__16y5l:disabled:hover {\n cursor: not-allowed; }\n\n.Button-module_btnText__N5Gys {\n box-shadow: none;\n text-decoration: none; }\n .Button-module_btnText__N5Gys.Button-module_primary__EUyOu {\n color: var(--primary) !important; }\n .Button-module_btnText__N5Gys.Button-module_primary__EUyOu:hover {\n text-decoration: none;\n background: var(--primary-highlight) !important; }\n .Button-module_btnText__N5Gys.Button-module_secondary__zKoGk {\n color: var(--secondary) !important; }\n .Button-module_btnText__N5Gys.Button-module_secondary__zKoGk:hover {\n text-decoration: none;\n background: var(--secondary-highlight) !important; }\n .Button-module_btnText__N5Gys.Button-module_accent__opVgQ {\n color: var(--accent) !important; }\n .Button-module_btnText__N5Gys.Button-module_accent__opVgQ:hover {\n text-decoration: none;\n background: var(--accent-highlight) !important; }\n .Button-module_btnText__N5Gys.Button-module_light__LXeZy {\n color: var(--light-contrast-text) !important; }\n .Button-module_btnText__N5Gys.Button-module_light__LXeZy:hover {\n text-decoration: none;\n background: var(--light-highlight) !important; }\n .Button-module_btnText__N5Gys.Button-module_dark__5oFOT {\n color: var(--dark) !important; }\n .Button-module_btnText__N5Gys.Button-module_dark__5oFOT:hover {\n text-decoration: none;\n background: var(--dark-highlight) !important; }\n\n.Button-module_btnOutline__CCFPI {\n box-shadow: none;\n text-decoration: none; }\n .Button-module_btnOutline__CCFPI.Button-module_primary__EUyOu {\n color: var(--primary) !important;\n border-color: var(--primary) !important; }\n .Button-module_btnOutline__CCFPI.Button-module_primary__EUyOu:hover {\n background: var(--primary-highlight) !important; }\n .Button-module_btnOutline__CCFPI.Button-module_secondary__zKoGk {\n color: var(--secondary) !important;\n border-color: var(--secondary) !important; }\n .Button-module_btnOutline__CCFPI.Button-module_secondary__zKoGk:hover {\n background: var(--secondary-highlight) !important; }\n .Button-module_btnOutline__CCFPI.Button-module_accent__opVgQ {\n color: var(--accent) !important;\n border-color: var(--accent) !important; }\n .Button-module_btnOutline__CCFPI.Button-module_accent__opVgQ:hover {\n background: var(--accent-highlight) !important; }\n .Button-module_btnOutline__CCFPI.Button-module_light__LXeZy {\n color: var(--light-contrast-text) !important;\n border-color: var(--light) !important; }\n .Button-module_btnOutline__CCFPI.Button-module_light__LXeZy:hover {\n background: var(--light-highlight) !important; }\n .Button-module_btnOutline__CCFPI.Button-module_dark__5oFOT {\n color: var(--dark) !important;\n border-color: var(--dark) !important; }\n .Button-module_btnOutline__CCFPI.Button-module_dark__5oFOT:hover {\n background: var(--dark-highlight) !important; }\n\n.Button-module_startIcon__Eylwr {\n display: inherit;\n margin-left: -4px;\n margin-right: 8px; }\n .Button-module_startIcon__Eylwr svg {\n width: 18px;\n height: 18px; }\n\n.Button-module_endIcon__pCffL {\n display: inherit;\n margin-left: 8px; }\n .Button-module_endIcon__pCffL svg {\n width: 18px;\n height: 18px; }\n";
|
|
510
|
+
var styles$O = {"button":"Button-module_button__qeIer","shadow":"Button-module_shadow__6N2nE","block":"Button-module_block__JIazf","disabled":"Button-module_disabled__jiOqa","btnContained":"Button-module_btnContained__16y5l","primary":"Button-module_primary__EUyOu","accent":"Button-module_accent__opVgQ","secondary":"Button-module_secondary__zKoGk","light":"Button-module_light__LXeZy","dark":"Button-module_dark__5oFOT","btnText":"Button-module_btnText__N5Gys","btnOutline":"Button-module_btnOutline__CCFPI","startIcon":"Button-module_startIcon__Eylwr","endIcon":"Button-module_endIcon__pCffL"};
|
|
511
511
|
styleInject(css_248z$O);
|
|
512
512
|
|
|
513
513
|
const Button = (props) => {
|
|
514
|
-
const { children, variant = VARIANT.contained, color = COLOR.primary, isRounded, isActive, className, startIcon, endIcon, shadow = true } = props, rest = __rest(props, ["children", "variant", "color", "isRounded", "isActive", "className", "startIcon", "endIcon", "shadow"]);
|
|
514
|
+
const { children, variant = VARIANT.contained, color = COLOR.primary, isRounded, isActive, className, startIcon, endIcon, shadow = true, block } = props, rest = __rest(props, ["children", "variant", "color", "isRounded", "isActive", "className", "startIcon", "endIcon", "shadow", "block"]);
|
|
515
515
|
const getCssClasses = () => {
|
|
516
516
|
const cssClasses = [];
|
|
517
517
|
cssClasses.push(styles$O.button);
|
|
@@ -534,6 +534,7 @@ const Button = (props) => {
|
|
|
534
534
|
cssClasses.push('active');
|
|
535
535
|
}
|
|
536
536
|
shadow && cssClasses.push(styles$O.shadow);
|
|
537
|
+
block && cssClasses.push(styles$O.block);
|
|
537
538
|
className && cssClasses.push(className);
|
|
538
539
|
return cssClasses.filter(css => css).join(' ');
|
|
539
540
|
};
|
|
@@ -780,15 +781,58 @@ const Chip = (props) => {
|
|
|
780
781
|
isDeletable && (React.createElement("div", { className: styles$C.deleteIcon, onClick: e => handleClickOnDelete(e) }, deleteIcon))));
|
|
781
782
|
};
|
|
782
783
|
|
|
783
|
-
var css_248z$B = ".
|
|
784
|
-
var styles$B = {"
|
|
784
|
+
var css_248z$B = ".Column-module_column__fcTgl {\n flex: 1 0 0%; }\n";
|
|
785
|
+
var styles$B = {"column":"Column-module_column__fcTgl"};
|
|
785
786
|
styleInject(css_248z$B);
|
|
786
787
|
|
|
788
|
+
const Column = (props) => {
|
|
789
|
+
const { children, className } = props,
|
|
790
|
+
// xs,
|
|
791
|
+
// sm,
|
|
792
|
+
// md,
|
|
793
|
+
// lg,
|
|
794
|
+
// xl,
|
|
795
|
+
rest = __rest(props, ["children", "className"]);
|
|
796
|
+
const getCssClasses = () => {
|
|
797
|
+
const cssClasses = [];
|
|
798
|
+
// !xs && !sm && !md && !lg && !xl && cssClasses.push('col');
|
|
799
|
+
// if (xs) cssClasses.push(`col-${xs.toString()}`);
|
|
800
|
+
// if (sm) cssClasses.push(`col-sm-${sm.toString()}`);
|
|
801
|
+
// if (md) cssClasses.push(`col-md-${md.toString()}`);
|
|
802
|
+
// if (lg) cssClasses.push(`col-lg-${lg.toString()}`);
|
|
803
|
+
// if (xl) cssClasses.push(`col-xl-${xl.toString()}`);
|
|
804
|
+
cssClasses.push(styles$B.column);
|
|
805
|
+
className && cssClasses.push(className);
|
|
806
|
+
return cssClasses.filter(css => css).join(' ');
|
|
807
|
+
};
|
|
808
|
+
return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
809
|
+
};
|
|
810
|
+
|
|
811
|
+
var css_248z$A = ".Row-module_row__bTIWp {\n display: flex;\n gap: 15px;\n flex-wrap: wrap; }\n .Row-module_row__bTIWp > * {\n flex-shrink: 0;\n width: 100%;\n min-width: 0;\n max-width: 100%; }\n";
|
|
812
|
+
var styles$A = {"row":"Row-module_row__bTIWp"};
|
|
813
|
+
styleInject(css_248z$A);
|
|
814
|
+
|
|
815
|
+
const Row = (_a) => {
|
|
816
|
+
var { children, direction = 'row', className } = _a, rest = __rest(_a, ["children", "direction", "className"]);
|
|
817
|
+
const getCssClasses = () => {
|
|
818
|
+
const cssClasses = [];
|
|
819
|
+
cssClasses.push(styles$A.row);
|
|
820
|
+
className && cssClasses.push(className);
|
|
821
|
+
direction && cssClasses.push(`flex-${direction}`);
|
|
822
|
+
return cssClasses.filter(css => css).join(' ');
|
|
823
|
+
};
|
|
824
|
+
return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
825
|
+
};
|
|
826
|
+
|
|
827
|
+
var css_248z$z = ".FormLabel-module_formLabel__TXcHc {\n display: inline-block;\n margin-bottom: 0.5rem; }\n";
|
|
828
|
+
var styles$z = {"formLabel":"FormLabel-module_formLabel__TXcHc"};
|
|
829
|
+
styleInject(css_248z$z);
|
|
830
|
+
|
|
787
831
|
const FormLabel = (_a) => {
|
|
788
832
|
var { children, className, htmlFor } = _a, rest = __rest(_a, ["children", "className", "htmlFor"]);
|
|
789
833
|
const getCssClasses = () => {
|
|
790
834
|
const cssClasses = [];
|
|
791
|
-
cssClasses.push(styles$
|
|
835
|
+
cssClasses.push(styles$z.formLabel);
|
|
792
836
|
className && cssClasses.push(className);
|
|
793
837
|
return cssClasses.filter(css => css).join(' ');
|
|
794
838
|
};
|
|
@@ -825,13 +869,13 @@ const FileInput = (props) => {
|
|
|
825
869
|
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))));
|
|
826
870
|
};
|
|
827
871
|
|
|
828
|
-
var css_248z$
|
|
829
|
-
var styles$
|
|
830
|
-
styleInject(css_248z$
|
|
872
|
+
var css_248z$y = ".Select-module_selectContainer__DHFDZ {\n position: relative; }\n\n.Select-module_select__Fbn38 {\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ced4da;\n appearance: none;\n border-radius: 0.25rem;\n box-shadow: inset 0 1px 2px #00000013;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n align-items: center;\n min-height: calc(1.5em + 0.75rem + 2px);\n height: auto;\n display: flex; }\n .Select-module_select__Fbn38:hover {\n cursor: pointer; }\n .Select-module_select__Fbn38:focus:not(.Select-module_select__Fbn38.Select-module_disabled__2XXut) {\n color: #212529;\n background-color: #fff;\n border-color: #86b7fe;\n outline: 0;\n box-shadow: inset 0 1px 2px #00000013, 0 0 0 0.25rem #0d6efd40; }\n .Select-module_select__Fbn38.Select-module_disabled__2XXut, .Select-module_select__Fbn38.Select-module_readOnly__VoTER {\n background-color: #e9ecef; }\n .Select-module_select__Fbn38.Select-module_disabled__2XXut:hover {\n cursor: not-allowed; }\n .Select-module_select__Fbn38.Select-module_readOnly__VoTER:hover {\n cursor: inherit; }\n\n.Select-module_selectMenu__8y4kQ {\n background-color: var(--light);\n position: absolute;\n box-shadow: var(--shadow);\n border-radius: var(--borderRadius);\n width: 100%;\n top: 2px;\n z-index: 1112;\n max-height: 280px;\n overflow: auto; }\n";
|
|
873
|
+
var styles$y = {"selectContainer":"Select-module_selectContainer__DHFDZ","select":"Select-module_select__Fbn38","disabled":"Select-module_disabled__2XXut","readOnly":"Select-module_readOnly__VoTER","selectMenu":"Select-module_selectMenu__8y4kQ"};
|
|
874
|
+
styleInject(css_248z$y);
|
|
831
875
|
|
|
832
876
|
const Select = (props) => {
|
|
833
877
|
var _a, _b, _c;
|
|
834
|
-
const { id, className, options = [], value, multiple, multipleMaxCountItems = 5, onChange, onKeyDown } = props;
|
|
878
|
+
const { id, className, options = [], value, multiple, multipleMaxCountItems = 5, disabled, readOnly, onChange, onKeyDown } = props;
|
|
835
879
|
const [model, setModel] = useState('');
|
|
836
880
|
const [hoverIndex, setHoverIndex] = useState(null);
|
|
837
881
|
const [isShow, setIsShow] = useState(false);
|
|
@@ -840,7 +884,9 @@ const Select = (props) => {
|
|
|
840
884
|
const getCssClass = () => {
|
|
841
885
|
const cssClasses = [];
|
|
842
886
|
className && cssClasses.push(className);
|
|
843
|
-
cssClasses.push(styles$
|
|
887
|
+
disabled && cssClasses.push(styles$y['disabled']);
|
|
888
|
+
readOnly && cssClasses.push(styles$y['readOnly']);
|
|
889
|
+
cssClasses.push(styles$y.select);
|
|
844
890
|
return cssClasses.filter(r => r).join(' ');
|
|
845
891
|
};
|
|
846
892
|
useEffect(() => {
|
|
@@ -900,7 +946,11 @@ const Select = (props) => {
|
|
|
900
946
|
}
|
|
901
947
|
writeValue(newValue);
|
|
902
948
|
};
|
|
903
|
-
const show = () =>
|
|
949
|
+
const show = () => {
|
|
950
|
+
if (!disabled && !readOnly) {
|
|
951
|
+
setIsShow(true);
|
|
952
|
+
}
|
|
953
|
+
};
|
|
904
954
|
const hide = () => setIsShow(false);
|
|
905
955
|
const isActive = (option) => {
|
|
906
956
|
return selectedOptions.indexOf(option) >= 0 || hoverIndex === options.indexOf(option);
|
|
@@ -958,7 +1008,7 @@ const Select = (props) => {
|
|
|
958
1008
|
}
|
|
959
1009
|
}
|
|
960
1010
|
};
|
|
961
|
-
return (React.createElement("div", { ref: selectConainter, className: styles$
|
|
1011
|
+
return (React.createElement("div", { ref: selectConainter, className: styles$y.selectContainer },
|
|
962
1012
|
React.createElement("div", { id: id, className: getCssClass(), onClick: () => show(), tabIndex: 0, onKeyDown: e => handleOnKeyDown(e) },
|
|
963
1013
|
!multiple && renderSingleViewModel(),
|
|
964
1014
|
multiple && renderMultipleViewModel(),
|
|
@@ -966,7 +1016,7 @@ const Select = (props) => {
|
|
|
966
1016
|
React.createElement(ChevronDownSolidIcon, null))),
|
|
967
1017
|
isShow &&
|
|
968
1018
|
createPortal(React.createElement(React.Fragment, null,
|
|
969
|
-
React.createElement("div", { className: styles$
|
|
1019
|
+
React.createElement("div", { className: styles$y.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 } },
|
|
970
1020
|
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) },
|
|
971
1021
|
multiple &&
|
|
972
1022
|
React.createElement(Checkbox, { checked: isActive(option), onChange: () => handleOnClick(option) }),
|
|
@@ -974,33 +1024,33 @@ const Select = (props) => {
|
|
|
974
1024
|
React.createElement(Backdrop, { style: { zIndex: 1111 }, isTransparent: true, onClick: () => hide() })), document.body)));
|
|
975
1025
|
};
|
|
976
1026
|
|
|
977
|
-
var css_248z$
|
|
978
|
-
var styles$
|
|
979
|
-
styleInject(css_248z$
|
|
1027
|
+
var css_248z$x = ".Textarea-module_textarea__L5zqa {\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 resize: vertical;\n color: #212529;\n background-color: #fff;\n background-clip: padding-box;\n appearance: none;\n border-radius: 0.25rem;\n box-shadow: inset 0 1px 2px #00000013;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n border: 1px solid #ced4da; }\n .Textarea-module_textarea__L5zqa:focus:not(.Textarea-module_textarea__L5zqa.Textarea-module_disabled__OqqOF) {\n outline: none !important;\n border-color: var(--primary); }\n .Textarea-module_textarea__L5zqa.Textarea-module_isInvalid__JI01W {\n border-color: #dc3545;\n box-shadow: 0 0 0 0.25rem #dc354540; }\n";
|
|
1028
|
+
var styles$x = {"textarea":"Textarea-module_textarea__L5zqa","disabled":"Textarea-module_disabled__OqqOF","isInvalid":"Textarea-module_isInvalid__JI01W"};
|
|
1029
|
+
styleInject(css_248z$x);
|
|
980
1030
|
|
|
981
1031
|
const Textarea = (props) => {
|
|
982
1032
|
const { className, error } = props, rest = __rest(props, ["className", "error"]);
|
|
983
1033
|
const getCssClass = () => {
|
|
984
1034
|
const cssClasses = [];
|
|
985
|
-
cssClasses.push(styles$
|
|
1035
|
+
cssClasses.push(styles$x.textarea);
|
|
986
1036
|
className && cssClasses.push(className);
|
|
987
|
-
error && cssClasses.push(styles$
|
|
1037
|
+
error && cssClasses.push(styles$x['isInvalid']);
|
|
988
1038
|
return cssClasses.filter(r => r).join(' ');
|
|
989
1039
|
};
|
|
990
1040
|
return (React.createElement("textarea", Object.assign({ className: getCssClass() }, rest)));
|
|
991
1041
|
};
|
|
992
1042
|
|
|
993
|
-
var css_248z$
|
|
994
|
-
var styles$
|
|
995
|
-
styleInject(css_248z$
|
|
1043
|
+
var css_248z$w = ".FormInput-module_formInput__VXZip {\n display: block;\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ced4da;\n -webkit-appearance: none;\n appearance: none;\n border-radius: 0.25rem;\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n .FormInput-module_formInput__VXZip:focus:not(.FormInput-module_formInput__VXZip.FormInput-module_disabled__EjdD9) {\n color: #212529;\n background-color: #fff;\n border-color: #86b7fe;\n outline: 0;\n box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }\n .FormInput-module_formInput__VXZip.FormInput-module_isInvalid__vQDuz {\n border-color: #dc3545;\n box-shadow: 0 0 0 0.25rem #dc354540; }\n";
|
|
1044
|
+
var styles$w = {"formInput":"FormInput-module_formInput__VXZip","disabled":"FormInput-module_disabled__EjdD9","isInvalid":"FormInput-module_isInvalid__vQDuz"};
|
|
1045
|
+
styleInject(css_248z$w);
|
|
996
1046
|
|
|
997
1047
|
const FormInput = (props) => {
|
|
998
1048
|
const { value, name, type, placeholder, className, isValid = true, options = [], textareaOptions, selectOptions, autoCompleteOptions, autoFocus, label, disabled = false, readonly = false, onInput, onChange, onBlur, onKeyDown } = props;
|
|
999
1049
|
const getCssClasses = () => {
|
|
1000
1050
|
const cssClasses = [];
|
|
1001
|
-
cssClasses.push(styles$
|
|
1051
|
+
cssClasses.push(styles$w.formInput);
|
|
1002
1052
|
className && cssClasses.push(className);
|
|
1003
|
-
!isValid && cssClasses.push(styles$
|
|
1053
|
+
!isValid && cssClasses.push(styles$w['isInvalid']);
|
|
1004
1054
|
return cssClasses.filter(css => css).join(' ');
|
|
1005
1055
|
};
|
|
1006
1056
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -1050,12 +1100,12 @@ const FormHint = (props) => {
|
|
|
1050
1100
|
return (React.createElement("small", { className: getCssClasses() }, children));
|
|
1051
1101
|
};
|
|
1052
1102
|
|
|
1053
|
-
var css_248z$
|
|
1054
|
-
var styles$
|
|
1055
|
-
styleInject(css_248z$
|
|
1103
|
+
var css_248z$v = ".FormError-module_isInvalid__tO1Sw {\n width: 100%;\n margin-top: 0.25rem;\n font-size: 0.875em;\n color: #dc3545; }\n";
|
|
1104
|
+
var styles$v = {"isInvalid":"FormError-module_isInvalid__tO1Sw"};
|
|
1105
|
+
styleInject(css_248z$v);
|
|
1056
1106
|
|
|
1057
1107
|
const FormError = (props) => {
|
|
1058
|
-
const { className = styles$
|
|
1108
|
+
const { className = styles$v.isInvalid, errors = [] } = props;
|
|
1059
1109
|
return (React.createElement(Fragment, null, errors &&
|
|
1060
1110
|
React.createElement("div", { className: className }, errors.map(e => React.createElement("div", { key: e.validator }, e.message)))));
|
|
1061
1111
|
};
|
|
@@ -1350,14 +1400,14 @@ const DateSelect = (props) => {
|
|
|
1350
1400
|
setCurrDate(newDate);
|
|
1351
1401
|
onChange && onChange(newDate);
|
|
1352
1402
|
};
|
|
1353
|
-
return (React.createElement(
|
|
1354
|
-
React.createElement(
|
|
1403
|
+
return (React.createElement(Row, { className: getCssClasses() },
|
|
1404
|
+
React.createElement(Column, null,
|
|
1355
1405
|
React.createElement(FormLabel, null, "Year"),
|
|
1356
1406
|
React.createElement(YearSelect, { value: currDate.getFullYear(), disabled: disabled, from: yearConfig === null || yearConfig === void 0 ? void 0 : yearConfig.from, to: yearConfig === null || yearConfig === void 0 ? void 0 : yearConfig.to, onChange: e => handleOnChange(e, DATEMODE.YEAR) })),
|
|
1357
|
-
React.createElement(
|
|
1407
|
+
React.createElement(Column, null,
|
|
1358
1408
|
React.createElement(FormLabel, null, "Month"),
|
|
1359
1409
|
React.createElement(MonthSelect, { value: currDate.getMonth(), disabled: disabled, onChange: e => handleOnChange(e, DATEMODE.MONTH) })),
|
|
1360
|
-
React.createElement(
|
|
1410
|
+
React.createElement(Column, null,
|
|
1361
1411
|
React.createElement(FormLabel, null, "Day"),
|
|
1362
1412
|
React.createElement(DaySelect, { day: currDate.getDate(), month: currDate.getMonth(), year: currDate.getFullYear(), disabled: disabled, onChange: e => handleOnChange(e, DATEMODE.DAY) }))));
|
|
1363
1413
|
};
|
|
@@ -1372,16 +1422,16 @@ const DateSelect = (props) => {
|
|
|
1372
1422
|
// return Math.ceil((((d - yearStart) / 86400000) + 1) / 7)
|
|
1373
1423
|
// };
|
|
1374
1424
|
|
|
1375
|
-
var css_248z$
|
|
1376
|
-
var styles$
|
|
1377
|
-
styleInject(css_248z$
|
|
1425
|
+
var css_248z$u = ".Drawer-module_drawer__kdQCk {\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__kdQCk.Drawer-module_permanent__c-y8y {\n position: inherit;\n z-index: 0; }\n .Drawer-module_drawer__kdQCk.Drawer-module_left__loQVO {\n order: 0; }\n .Drawer-module_drawer__kdQCk.Drawer-module_right__sJ3mZ {\n order: 2; }\n .Drawer-module_drawer__kdQCk.Drawer-module_shadow__Myo3n {\n box-shadow: var(--shadow); }\n\n.Drawer-module_drawerOpen__07ptP {\n overflow: hidden; }\n";
|
|
1426
|
+
var styles$u = {"drawer":"Drawer-module_drawer__kdQCk","permanent":"Drawer-module_permanent__c-y8y","left":"Drawer-module_left__loQVO","right":"Drawer-module_right__sJ3mZ","shadow":"Drawer-module_shadow__Myo3n","drawerOpen":"Drawer-module_drawerOpen__07ptP"};
|
|
1427
|
+
styleInject(css_248z$u);
|
|
1378
1428
|
|
|
1379
1429
|
const Drawer = (props) => {
|
|
1380
1430
|
const { children, className, position = 'left', permanent = false, target = document.body, shadow = true, onClickBackdrop } = props, rest = __rest(props, ["children", "className", "position", "permanent", "target", "shadow", "onClickBackdrop"]);
|
|
1381
1431
|
useEffect(() => {
|
|
1382
|
-
document.body.classList.add(styles$
|
|
1432
|
+
document.body.classList.add(styles$u.drawerOpen);
|
|
1383
1433
|
return () => {
|
|
1384
|
-
document.body.classList.remove(styles$
|
|
1434
|
+
document.body.classList.remove(styles$u.drawerOpen);
|
|
1385
1435
|
};
|
|
1386
1436
|
}, []);
|
|
1387
1437
|
const handleClickBackdrop = () => {
|
|
@@ -1395,10 +1445,10 @@ const DrawerContent = (props) => {
|
|
|
1395
1445
|
const { children, className, position = 'left', permanent = false, shadow } = props, rest = __rest(props, ["children", "className", "position", "permanent", "shadow"]);
|
|
1396
1446
|
const getCssClasses = () => {
|
|
1397
1447
|
const cssClasses = [];
|
|
1398
|
-
cssClasses.push(styles$
|
|
1399
|
-
shadow && cssClasses.push(styles$
|
|
1400
|
-
!!permanent && cssClasses.push(styles$
|
|
1401
|
-
position === 'left' ? cssClasses.push(styles$
|
|
1448
|
+
cssClasses.push(styles$u.drawer);
|
|
1449
|
+
shadow && cssClasses.push(styles$u.shadow);
|
|
1450
|
+
!!permanent && cssClasses.push(styles$u['permanent']);
|
|
1451
|
+
position === 'left' ? cssClasses.push(styles$u['left']) : cssClasses.push(styles$u['right']);
|
|
1402
1452
|
className && cssClasses.push(className);
|
|
1403
1453
|
return cssClasses.filter(css => css).join(' ');
|
|
1404
1454
|
};
|
|
@@ -1412,9 +1462,9 @@ const DrawerContent = (props) => {
|
|
|
1412
1462
|
return (React.createElement("div", Object.assign({ className: getCssClasses(), style: getStyles() }, rest), children));
|
|
1413
1463
|
};
|
|
1414
1464
|
|
|
1415
|
-
var css_248z$
|
|
1416
|
-
var styles$
|
|
1417
|
-
styleInject(css_248z$
|
|
1465
|
+
var css_248z$t = ".MenuBody-module_menuBody__u4FIQ {\n z-index: 1111;\n margin: 0;\n position: absolute;\n top: 100%;\n left: 0;\n min-width: 10rem;\n padding: 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__u4FIQ.MenuBody-module_shadow__OBp-f {\n box-shadow: var(--shadow); }\n";
|
|
1466
|
+
var styles$t = {"menuBody":"MenuBody-module_menuBody__u4FIQ","shadow":"MenuBody-module_shadow__OBp-f"};
|
|
1467
|
+
styleInject(css_248z$t);
|
|
1418
1468
|
|
|
1419
1469
|
const MenuBody = (props) => {
|
|
1420
1470
|
const { parentRef, children, className, shadow = true, menuPosition = 'left', onClickBackdrop } = props;
|
|
@@ -1445,8 +1495,8 @@ const MenuBody = (props) => {
|
|
|
1445
1495
|
}, [menuBodyRef]);
|
|
1446
1496
|
const getCssClasses = () => {
|
|
1447
1497
|
const cssClasses = [];
|
|
1448
|
-
cssClasses.push(styles$
|
|
1449
|
-
shadow && cssClasses.push(styles$
|
|
1498
|
+
cssClasses.push(styles$t.menuBody);
|
|
1499
|
+
shadow && cssClasses.push(styles$t.shadow);
|
|
1450
1500
|
className && cssClasses.push(className);
|
|
1451
1501
|
return cssClasses.filter(css => css).join(' ');
|
|
1452
1502
|
};
|
|
@@ -1458,9 +1508,9 @@ const MenuBody = (props) => {
|
|
|
1458
1508
|
React.createElement(Backdrop, { isTransparent: true, onClick: handleClickBackdrop })), document.body));
|
|
1459
1509
|
};
|
|
1460
1510
|
|
|
1461
|
-
var css_248z$
|
|
1462
|
-
var styles$
|
|
1463
|
-
styleInject(css_248z$
|
|
1511
|
+
var css_248z$s = ".Menu-module_menu__p8QL- {\n display: flex; }\n";
|
|
1512
|
+
var styles$s = {"menu":"Menu-module_menu__p8QL-"};
|
|
1513
|
+
styleInject(css_248z$s);
|
|
1464
1514
|
|
|
1465
1515
|
const Menu = (props) => {
|
|
1466
1516
|
const { toggle, children, className, open, menuPosition, onClickBackdrop } = props, rest = __rest(props, ["toggle", "children", "className", "open", "menuPosition", "onClickBackdrop"]);
|
|
@@ -1468,7 +1518,7 @@ const Menu = (props) => {
|
|
|
1468
1518
|
const toggleContainerRef = useRef(null);
|
|
1469
1519
|
const getCssClasses = () => {
|
|
1470
1520
|
const cssClasses = [];
|
|
1471
|
-
cssClasses.push(styles$
|
|
1521
|
+
cssClasses.push(styles$s.menu);
|
|
1472
1522
|
className && cssClasses.push(className);
|
|
1473
1523
|
return cssClasses.filter(css => css).join(' ');
|
|
1474
1524
|
};
|
|
@@ -1481,17 +1531,17 @@ const Menu = (props) => {
|
|
|
1481
1531
|
React.createElement(MenuBody, { parentRef: toggleContainerRef, menuPosition: menuPosition, onClickBackdrop: handleClickBackdrop }, children)));
|
|
1482
1532
|
};
|
|
1483
1533
|
|
|
1484
|
-
var css_248z$
|
|
1485
|
-
var styles$
|
|
1486
|
-
styleInject(css_248z$
|
|
1534
|
+
var css_248z$r = ".MenuItem-module_menuItem__MeBxN {\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__MeBxN.MenuItem-module_menuItemHeader__2l732 {\n margin-bottom: 0;\n font-size: 0.875rem; }\n .MenuItem-module_menuItem__MeBxN:hover {\n cursor: pointer;\n color: #1e2125;\n background-color: rgba(0, 0, 0, 0.04); }\n";
|
|
1535
|
+
var styles$r = {"menuItem":"MenuItem-module_menuItem__MeBxN","menuItemHeader":"MenuItem-module_menuItemHeader__2l732"};
|
|
1536
|
+
styleInject(css_248z$r);
|
|
1487
1537
|
|
|
1488
1538
|
const MenuItem = (props) => {
|
|
1489
1539
|
const { children, onClick, type = 'item' } = props;
|
|
1490
1540
|
const getCssClasses = () => {
|
|
1491
1541
|
const cssClasses = [];
|
|
1492
|
-
cssClasses.push(styles$
|
|
1542
|
+
cssClasses.push(styles$r.menuItem);
|
|
1493
1543
|
if (type === 'header') {
|
|
1494
|
-
cssClasses.push(styles$
|
|
1544
|
+
cssClasses.push(styles$r.menuItemHeader);
|
|
1495
1545
|
}
|
|
1496
1546
|
return cssClasses.filter(css => css).join(' ');
|
|
1497
1547
|
};
|
|
@@ -1507,23 +1557,23 @@ const MenuToggle = ({ children }) => {
|
|
|
1507
1557
|
return (React.createElement(Fragment, null, children));
|
|
1508
1558
|
};
|
|
1509
1559
|
|
|
1510
|
-
var css_248z$
|
|
1511
|
-
var styles$
|
|
1512
|
-
styleInject(css_248z$
|
|
1560
|
+
var css_248z$q = ".MenuDivider-module_menuItemDivider__oRP-j {\n height: 0;\n margin: 0.5rem 0;\n overflow: hidden;\n border-top: 1px solid #e9ecef; }\n";
|
|
1561
|
+
var styles$q = {"menuItemDivider":"MenuDivider-module_menuItemDivider__oRP-j"};
|
|
1562
|
+
styleInject(css_248z$q);
|
|
1513
1563
|
|
|
1514
|
-
const MenuDivider = () => React.createElement("div", { className: styles$
|
|
1564
|
+
const MenuDivider = () => React.createElement("div", { className: styles$q.menuItemDivider });
|
|
1515
1565
|
|
|
1516
|
-
var css_248z$
|
|
1517
|
-
var styles$
|
|
1518
|
-
styleInject(css_248z$
|
|
1566
|
+
var css_248z$p = ".ExpansionPanelContent-module_expansionPanelContent__aXNfH {\n padding: 8px 16px 16px; }\n";
|
|
1567
|
+
var styles$p = {"expansionPanelContent":"ExpansionPanelContent-module_expansionPanelContent__aXNfH"};
|
|
1568
|
+
styleInject(css_248z$p);
|
|
1519
1569
|
|
|
1520
1570
|
const ExpansionPanelContent = ({ children }) => {
|
|
1521
|
-
return (React.createElement("div", { className: styles$
|
|
1571
|
+
return (React.createElement("div", { className: styles$p.expansionPanelContent }, children));
|
|
1522
1572
|
};
|
|
1523
1573
|
|
|
1524
|
-
var css_248z$
|
|
1525
|
-
var styles$
|
|
1526
|
-
styleInject(css_248z$
|
|
1574
|
+
var css_248z$o = ".ExpansionPanelHeader-module_expansionPanelHeader__Wy6Pq {\n display: flex;\n align-items: center;\n padding: 12px 16px;\n min-height: 48px; }\n .ExpansionPanelHeader-module_expansionPanelHeader__Wy6Pq:hover {\n cursor: pointer;\n background-color: var(--highlight); }\n";
|
|
1575
|
+
var styles$o = {"expansionPanelHeader":"ExpansionPanelHeader-module_expansionPanelHeader__Wy6Pq"};
|
|
1576
|
+
styleInject(css_248z$o);
|
|
1527
1577
|
|
|
1528
1578
|
const ExpansionPanelHeader = (props) => {
|
|
1529
1579
|
const { children, isExpanded, onClick } = props;
|
|
@@ -1531,15 +1581,15 @@ const ExpansionPanelHeader = (props) => {
|
|
|
1531
1581
|
e.stopPropagation();
|
|
1532
1582
|
onClick && onClick(e);
|
|
1533
1583
|
};
|
|
1534
|
-
return (React.createElement("div", { className: styles$
|
|
1584
|
+
return (React.createElement("div", { className: styles$o.expansionPanelHeader, onClick: handleClick },
|
|
1535
1585
|
children,
|
|
1536
1586
|
React.createElement("span", { className: "ml-auto text-muted" },
|
|
1537
1587
|
React.createElement(Icon, null, isExpanded ? React.createElement(ChevronUpSolidIcon, null) : React.createElement(ChevronDownSolidIcon, null)))));
|
|
1538
1588
|
};
|
|
1539
1589
|
|
|
1540
|
-
var css_248z$
|
|
1541
|
-
var styles$
|
|
1542
|
-
styleInject(css_248z$
|
|
1590
|
+
var css_248z$n = ".ExpansionPanel-module_expansionPanel__m1yQq {\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__m1yQq:first-child {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px; }\n .ExpansionPanel-module_expansionPanel__m1yQq:last-child {\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px; }\n .ExpansionPanel-module_expansionPanel__m1yQq.ExpansionPanel-module_isExpanded__TS1ph {\n margin: 16px 0; }\n .ExpansionPanel-module_expansionPanel__m1yQq.ExpansionPanel-module_isExpanded__TS1ph:first-child {\n margin-top: 0; }\n .ExpansionPanel-module_expansionPanel__m1yQq.ExpansionPanel-module_isExpanded__TS1ph:last-child {\n margin-bottom: 0; }\n";
|
|
1591
|
+
var styles$n = {"expansionPanel":"ExpansionPanel-module_expansionPanel__m1yQq","isExpanded":"ExpansionPanel-module_isExpanded__TS1ph"};
|
|
1592
|
+
styleInject(css_248z$n);
|
|
1543
1593
|
|
|
1544
1594
|
const ExpansionPanel = (props) => {
|
|
1545
1595
|
const { header, children, isExpanded = false, onChange } = props;
|
|
@@ -1549,9 +1599,9 @@ const ExpansionPanel = (props) => {
|
|
|
1549
1599
|
}, [isExpanded]);
|
|
1550
1600
|
const getCssClasses = () => {
|
|
1551
1601
|
const cssClasses = [];
|
|
1552
|
-
cssClasses.push(styles$
|
|
1602
|
+
cssClasses.push(styles$n.expansionPanel);
|
|
1553
1603
|
if (_isExpanded) {
|
|
1554
|
-
cssClasses.push(styles$
|
|
1604
|
+
cssClasses.push(styles$n.isExpanded);
|
|
1555
1605
|
}
|
|
1556
1606
|
return cssClasses.filter(css => css).join(' ');
|
|
1557
1607
|
};
|
|
@@ -1565,16 +1615,16 @@ const ExpansionPanel = (props) => {
|
|
|
1565
1615
|
React.createElement(ExpansionPanelContent, null, children)));
|
|
1566
1616
|
};
|
|
1567
1617
|
|
|
1568
|
-
var css_248z$
|
|
1569
|
-
var styles$
|
|
1570
|
-
styleInject(css_248z$
|
|
1618
|
+
var css_248z$m = ".FloatingActionButton-module_fab__Rw3kd {\n box-shadow: var(--shadow); }\n .FloatingActionButton-module_fab__Rw3kd.FloatingActionButton-module_fixed__XQOkG {\n position: fixed;\n bottom: 16px;\n right: 16px;\n z-index: 1000; }\n";
|
|
1619
|
+
var styles$m = {"fab":"FloatingActionButton-module_fab__Rw3kd","fixed":"FloatingActionButton-module_fixed__XQOkG"};
|
|
1620
|
+
styleInject(css_248z$m);
|
|
1571
1621
|
|
|
1572
1622
|
const FloatingActionButton = (props) => {
|
|
1573
1623
|
const { className, icon, color = COLOR.primary, fixed, size = SIZE.lg, isActive, disabled, onClick } = props;
|
|
1574
1624
|
const getCssClasses = () => {
|
|
1575
1625
|
const cssClasses = [];
|
|
1576
|
-
cssClasses.push(styles$
|
|
1577
|
-
fixed && cssClasses.push(styles$
|
|
1626
|
+
cssClasses.push(styles$m.fab);
|
|
1627
|
+
fixed && cssClasses.push(styles$m['fixed']);
|
|
1578
1628
|
className && cssClasses.push(className);
|
|
1579
1629
|
return cssClasses.filter(css => css).join(' ');
|
|
1580
1630
|
};
|
|
@@ -1585,49 +1635,6 @@ const FloatingActionButton = (props) => {
|
|
|
1585
1635
|
return (React.createElement(IconButton, { className: getCssClasses(), color: color, size: size, isActive: isActive, disabled: disabled, icon: icon, variant: VARIANT.contained, onClick: handleClick }));
|
|
1586
1636
|
};
|
|
1587
1637
|
|
|
1588
|
-
var css_248z$n = ".Column-module_column__fcTgl {\n flex: 1 0 0%; }\n";
|
|
1589
|
-
var styles$n = {"column":"Column-module_column__fcTgl"};
|
|
1590
|
-
styleInject(css_248z$n);
|
|
1591
|
-
|
|
1592
|
-
const Column = (props) => {
|
|
1593
|
-
const { children, className } = props,
|
|
1594
|
-
// xs,
|
|
1595
|
-
// sm,
|
|
1596
|
-
// md,
|
|
1597
|
-
// lg,
|
|
1598
|
-
// xl,
|
|
1599
|
-
rest = __rest(props, ["children", "className"]);
|
|
1600
|
-
const getCssClasses = () => {
|
|
1601
|
-
const cssClasses = [];
|
|
1602
|
-
// !xs && !sm && !md && !lg && !xl && cssClasses.push('col');
|
|
1603
|
-
// if (xs) cssClasses.push(`col-${xs.toString()}`);
|
|
1604
|
-
// if (sm) cssClasses.push(`col-sm-${sm.toString()}`);
|
|
1605
|
-
// if (md) cssClasses.push(`col-md-${md.toString()}`);
|
|
1606
|
-
// if (lg) cssClasses.push(`col-lg-${lg.toString()}`);
|
|
1607
|
-
// if (xl) cssClasses.push(`col-xl-${xl.toString()}`);
|
|
1608
|
-
cssClasses.push(styles$n.column);
|
|
1609
|
-
className && cssClasses.push(className);
|
|
1610
|
-
return cssClasses.filter(css => css).join(' ');
|
|
1611
|
-
};
|
|
1612
|
-
return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
1613
|
-
};
|
|
1614
|
-
|
|
1615
|
-
var css_248z$m = ".Row-module_row__bTIWp {\n display: flex;\n gap: 15px;\n flex-wrap: wrap; }\n .Row-module_row__bTIWp > * {\n flex-shrink: 0;\n width: 100%;\n min-width: 0;\n max-width: 100%; }\n";
|
|
1616
|
-
var styles$m = {"row":"Row-module_row__bTIWp"};
|
|
1617
|
-
styleInject(css_248z$m);
|
|
1618
|
-
|
|
1619
|
-
const Row = (_a) => {
|
|
1620
|
-
var { children, direction = 'row', className } = _a, rest = __rest(_a, ["children", "direction", "className"]);
|
|
1621
|
-
const getCssClasses = () => {
|
|
1622
|
-
const cssClasses = [];
|
|
1623
|
-
cssClasses.push(styles$m.row);
|
|
1624
|
-
className && cssClasses.push(className);
|
|
1625
|
-
direction && cssClasses.push(`flex-${direction}`);
|
|
1626
|
-
return cssClasses.filter(css => css).join(' ');
|
|
1627
|
-
};
|
|
1628
|
-
return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
1629
|
-
};
|
|
1630
|
-
|
|
1631
1638
|
var css_248z$l = ".Link-module_link__YlJQl {\n color: var(--primary);\n text-decoration: underline; }\n .Link-module_link__YlJQl:hover {\n color: var(--primary-dark); }\n";
|
|
1632
1639
|
var styles$l = {"link":"Link-module_link__YlJQl"};
|
|
1633
1640
|
styleInject(css_248z$l);
|
|
@@ -2224,7 +2231,7 @@ const Stepper = (props) => {
|
|
|
2224
2231
|
React.createElement(StepperActions, { className: "mt-3", isFirstStep: activeIndex === 0, isStepOptional: isStepOptional(activeIndex), isCompleted: isLastStep(), onBack: handleBack, onSkip: handleSkip, onNext: handleNext, onReset: handleReset }))));
|
|
2225
2232
|
};
|
|
2226
2233
|
|
|
2227
|
-
var css_248z$8 = ".Typography-module_typography__sw-td {\n text-overflow: ellipsis;\n font-family: var(--fontFamily); }\n\nh1 {\n font-size:
|
|
2234
|
+
var css_248z$8 = ".Typography-module_typography__sw-td {\n text-overflow: ellipsis;\n font-family: var(--fontFamily); }\n\nh1 {\n font-size: calc(1.375rem + 1.5vw); }\n\nh2 {\n font-size: calc(1.325rem + 0.9vw); }\n\nh3 {\n font-size: calc(1.3rem + 0.6vw); }\n\nh4 {\n font-size: calc(1.275rem + 0.3vw); }\n\nh5 {\n font-size: 1.25rem; }\n\nh6 {\n font-size: 1rem; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-weight: 500 !important;\n margin-top: 0;\n margin-bottom: 0.5rem;\n line-height: 1.2; }\n";
|
|
2228
2235
|
var styles$8 = {"typography":"Typography-module_typography__sw-td"};
|
|
2229
2236
|
styleInject(css_248z$8);
|
|
2230
2237
|
|
|
@@ -2552,21 +2559,21 @@ const TimeSelect = (props) => {
|
|
|
2552
2559
|
setCurrDate(newDate);
|
|
2553
2560
|
onChange && onChange(newDate);
|
|
2554
2561
|
};
|
|
2555
|
-
return (React.createElement(
|
|
2562
|
+
return (React.createElement(Row, { className: getCssClasses() },
|
|
2556
2563
|
showHours &&
|
|
2557
|
-
React.createElement(
|
|
2564
|
+
React.createElement(Column, null,
|
|
2558
2565
|
React.createElement(FormLabel, null, "Hours"),
|
|
2559
2566
|
React.createElement(HourSelect, { value: currDate.getHours(), disabled: disabled, onChange: e => handleOnChange(e, TIMEMODE.HOUR) })),
|
|
2560
2567
|
showMinutes &&
|
|
2561
|
-
React.createElement(
|
|
2568
|
+
React.createElement(Column, null,
|
|
2562
2569
|
React.createElement(FormLabel, null, "Minutes"),
|
|
2563
2570
|
React.createElement(MinuteSelect, { value: currDate.getMinutes(), disabled: disabled, onChange: e => handleOnChange(e, TIMEMODE.MINUTE) })),
|
|
2564
2571
|
showSeconds &&
|
|
2565
|
-
React.createElement(
|
|
2572
|
+
React.createElement(Column, null,
|
|
2566
2573
|
React.createElement(FormLabel, null, "Seconds"),
|
|
2567
2574
|
React.createElement(SecondSelect, { value: currDate.getSeconds(), disabled: disabled, onChange: e => handleOnChange(e, TIMEMODE.SECONDS) })),
|
|
2568
2575
|
showMilliSeconds &&
|
|
2569
|
-
React.createElement(
|
|
2576
|
+
React.createElement(Column, null,
|
|
2570
2577
|
React.createElement(FormLabel, null, "Milliseconds"),
|
|
2571
2578
|
React.createElement(MilliSecondSelect, { value: currDate.getMilliseconds(), disabled: disabled, onChange: e => handleOnChange(e, TIMEMODE.MILLISECONDS) }))));
|
|
2572
2579
|
};
|