react-asc 20.0.0 → 20.1.0
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/Grid/Row/Row.d.ts +4 -1
- package/index.es.js +242 -231
- package/index.js +242 -231
- package/package.json +1 -1
- package/react-asc.scss +28 -4
package/index.es.js
CHANGED
|
@@ -87,93 +87,93 @@ function styleInject(css, ref) {
|
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
-
var css_248z$
|
|
91
|
-
var styles$
|
|
92
|
-
styleInject(css_248z$
|
|
90
|
+
var css_248z$10 = ".Alert-module_alert__b4tbk {\n border-radius: var(--borderRadius);\n padding: 6px 16px; }\n .Alert-module_alert__b4tbk.Alert-module_shadow__5bz-7 {\n box-shadow: var(--shadow); }\n\n.Alert-module_contained__EM0x6.Alert-module_primary__q4pNj {\n color: var(--primary-contrast-text);\n background-color: var(--primary); }\n\n.Alert-module_contained__EM0x6.Alert-module_accent__a2WIl {\n color: var(--accent-contrast-text);\n background-color: var(--accent); }\n\n.Alert-module_contained__EM0x6.Alert-module_secondary__syXKX {\n color: var(--secondary-contrast-text);\n background-color: var(--secondary); }\n\n.Alert-module_contained__EM0x6.Alert-module_light__VKCXF {\n color: var(--light-contrast-text);\n background-color: var(--light); }\n\n.Alert-module_contained__EM0x6.Alert-module_dark__3c-Hm {\n color: var(--dark-contrast-text);\n background-color: var(--dark); }\n\n.Alert-module_outline__T2262.Alert-module_primary__q4pNj {\n color: var(--primary) !important;\n border: 1px solid var(--primary) !important; }\n\n.Alert-module_outline__T2262.Alert-module_secondary__syXKX {\n color: var(--secondary) !important;\n border: 1px solid var(--secondary) !important; }\n\n.Alert-module_outline__T2262.Alert-module_accent__a2WIl {\n color: var(--accent) !important;\n border: 1px solid var(--accent) !important; }\n\n.Alert-module_outline__T2262.Alert-module_light__VKCXF {\n color: var(--light-contrast-text) !important;\n border: 1px solid var(--light) !important; }\n\n.Alert-module_outline__T2262.Alert-module_dark__3c-Hm {\n color: var(--dark) !important;\n border: 1px solid var(--dark) !important; }\n";
|
|
91
|
+
var styles$10 = {"alert":"Alert-module_alert__b4tbk","shadow":"Alert-module_shadow__5bz-7","contained":"Alert-module_contained__EM0x6","primary":"Alert-module_primary__q4pNj","accent":"Alert-module_accent__a2WIl","secondary":"Alert-module_secondary__syXKX","light":"Alert-module_light__VKCXF","dark":"Alert-module_dark__3c-Hm","outline":"Alert-module_outline__T2262"};
|
|
92
|
+
styleInject(css_248z$10);
|
|
93
93
|
|
|
94
94
|
const Alert = (props) => {
|
|
95
95
|
const { children, className, color = COLOR.primary, variant = VARIANT.contained, shadow = true } = props, rest = __rest(props, ["children", "className", "color", "variant", "shadow"]);
|
|
96
96
|
const getCssClasses = () => {
|
|
97
97
|
const cssClasses = [];
|
|
98
|
-
cssClasses.push(styles$
|
|
98
|
+
cssClasses.push(styles$10.alert);
|
|
99
99
|
if (variant === VARIANT.contained) {
|
|
100
|
-
cssClasses.push(styles$
|
|
101
|
-
cssClasses.push(styles$
|
|
100
|
+
cssClasses.push(styles$10.contained);
|
|
101
|
+
cssClasses.push(styles$10[color]);
|
|
102
102
|
}
|
|
103
103
|
if (variant === VARIANT.outline) {
|
|
104
|
-
cssClasses.push(styles$
|
|
105
|
-
cssClasses.push(styles$
|
|
104
|
+
cssClasses.push(styles$10.outline);
|
|
105
|
+
cssClasses.push(styles$10[color]);
|
|
106
106
|
}
|
|
107
|
-
shadow && cssClasses.push(styles$
|
|
107
|
+
shadow && cssClasses.push(styles$10['shadow']);
|
|
108
108
|
className && cssClasses.push(className);
|
|
109
109
|
return cssClasses.filter(r => r).join(' ');
|
|
110
110
|
};
|
|
111
111
|
return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
112
112
|
};
|
|
113
113
|
|
|
114
|
-
var css_248z
|
|
115
|
-
var styles
|
|
116
|
-
styleInject(css_248z
|
|
114
|
+
var css_248z$$ = ".AppBar-module_appbar__Neyh3 {\n padding: 0.5rem 1rem;\n display: flex;\n z-index: 1000;\n min-height: 64px;\n flex-shrink: 0; }\n .AppBar-module_appbar__Neyh3.AppBar-module_primary__xMqXD {\n color: var(--primary-contrast-text);\n background-color: var(--primary); }\n .AppBar-module_appbar__Neyh3.AppBar-module_secondary__8MkLA {\n color: var(--secondary-contrast-text);\n background-color: var(--secondary); }\n .AppBar-module_appbar__Neyh3.AppBar-module_accent__vHbkp {\n color: var(--accent-contrast-text);\n background-color: var(--accent); }\n .AppBar-module_appbar__Neyh3.AppBar-module_light__HGy3y {\n color: var(--light-contrast-text);\n background-color: var(--light); }\n .AppBar-module_appbar__Neyh3.AppBar-module_dark__ILq96 {\n color: var(--dark-contrast-text);\n background-color: var(--dark); }\n .AppBar-module_appbar__Neyh3.AppBar-module_shadow__gQN8s {\n box-shadow: var(--shadow); }\n";
|
|
115
|
+
var styles$$ = {"appbar":"AppBar-module_appbar__Neyh3","primary":"AppBar-module_primary__xMqXD","secondary":"AppBar-module_secondary__8MkLA","accent":"AppBar-module_accent__vHbkp","light":"AppBar-module_light__HGy3y","dark":"AppBar-module_dark__ILq96","shadow":"AppBar-module_shadow__gQN8s"};
|
|
116
|
+
styleInject(css_248z$$);
|
|
117
117
|
|
|
118
118
|
const AppBar = (props) => {
|
|
119
119
|
const { children, className, color = COLOR.primary, shadow = true } = props, rest = __rest(props, ["children", "className", "color", "shadow"]);
|
|
120
120
|
const getCssClasses = () => {
|
|
121
121
|
const cssClasses = [];
|
|
122
|
-
cssClasses.push(styles
|
|
123
|
-
cssClasses.push(styles
|
|
124
|
-
shadow && cssClasses.push(styles
|
|
122
|
+
cssClasses.push(styles$$[color]);
|
|
123
|
+
cssClasses.push(styles$$.appbar);
|
|
124
|
+
shadow && cssClasses.push(styles$$['shadow']);
|
|
125
125
|
className && cssClasses.push(className);
|
|
126
126
|
return cssClasses.filter(r => r).join(' ');
|
|
127
127
|
};
|
|
128
128
|
return (React.createElement("nav", Object.assign({ className: getCssClasses() }, rest), children));
|
|
129
129
|
};
|
|
130
130
|
|
|
131
|
-
var css_248z$
|
|
132
|
-
var styles$
|
|
133
|
-
styleInject(css_248z$
|
|
131
|
+
var css_248z$_ = ".AppBarTitle-module_appbarTitle__RsFg5 {\n align-items: center;\n padding-top: 0.3125rem;\n padding-bottom: 0.3125rem;\n font-size: 1.25rem;\n line-height: 1.8;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden !important;\n display: inline-block; }\n .AppBarTitle-module_appbarTitle__RsFg5:hover {\n cursor: pointer; }\n";
|
|
132
|
+
var styles$_ = {"appbarTitle":"AppBarTitle-module_appbarTitle__RsFg5"};
|
|
133
|
+
styleInject(css_248z$_);
|
|
134
134
|
|
|
135
135
|
const AppBarTitle = (props) => {
|
|
136
136
|
const { children, className, onClick } = props;
|
|
137
137
|
const getCssClass = () => {
|
|
138
138
|
const cssClasses = [];
|
|
139
|
-
cssClasses.push(styles$
|
|
139
|
+
cssClasses.push(styles$_.appbarTitle);
|
|
140
140
|
className && cssClasses.push(className);
|
|
141
141
|
return cssClasses.filter(r => r).join(' ');
|
|
142
142
|
};
|
|
143
143
|
return (React.createElement("div", { className: getCssClass(), onClick: onClick }, children));
|
|
144
144
|
};
|
|
145
145
|
|
|
146
|
-
var css_248z$
|
|
147
|
-
var styles$
|
|
148
|
-
styleInject(css_248z$
|
|
146
|
+
var css_248z$Z = ".Icon-module_icon__lFKCA {\n align-items: center;\n justify-content: center;\n display: flex;\n width: 20px;\n height: 20px; }\n .Icon-module_icon__lFKCA svg {\n width: inherit;\n height: inherit; }\n .Icon-module_icon__lFKCA.Icon-module_primary__3fID- {\n color: var(--primary); }\n .Icon-module_icon__lFKCA.Icon-module_accent__aZXGb {\n color: var(--accent); }\n .Icon-module_icon__lFKCA.Icon-module_secondary__HKKop {\n color: var(--secondary); }\n .Icon-module_icon__lFKCA.Icon-module_light__-ApMm {\n color: var(--light); }\n .Icon-module_icon__lFKCA.Icon-module_dark__DpCIK {\n color: var(--dark); }\n";
|
|
147
|
+
var styles$Z = {"icon":"Icon-module_icon__lFKCA","primary":"Icon-module_primary__3fID-","accent":"Icon-module_accent__aZXGb","secondary":"Icon-module_secondary__HKKop","light":"Icon-module_light__-ApMm","dark":"Icon-module_dark__DpCIK"};
|
|
148
|
+
styleInject(css_248z$Z);
|
|
149
149
|
|
|
150
150
|
const Icon = (props) => {
|
|
151
151
|
const { children, iconColor, className } = props, rest = __rest(props, ["children", "iconColor", "className"]);
|
|
152
152
|
const getCssClasses = () => {
|
|
153
153
|
const cssClasses = [];
|
|
154
|
-
cssClasses.push(styles$
|
|
155
|
-
iconColor && cssClasses.push(styles$
|
|
154
|
+
cssClasses.push(styles$Z.icon);
|
|
155
|
+
iconColor && cssClasses.push(styles$Z[iconColor]);
|
|
156
156
|
className && cssClasses.push(className);
|
|
157
157
|
return cssClasses.filter(css => css).join(' ');
|
|
158
158
|
};
|
|
159
159
|
return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
160
160
|
};
|
|
161
161
|
|
|
162
|
-
var css_248z$
|
|
163
|
-
var styles$
|
|
164
|
-
styleInject(css_248z$
|
|
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";
|
|
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
|
+
styleInject(css_248z$Y);
|
|
165
165
|
|
|
166
166
|
const IconButton = (props) => {
|
|
167
167
|
const { children, icon, variant = VARIANT.text, color = COLOR.dark, size = SIZE.md, isActive, disabled, className, shadow } = props, rest = __rest(props, ["children", "icon", "variant", "color", "size", "isActive", "disabled", "className", "shadow"]);
|
|
168
168
|
const getCssClasses = () => {
|
|
169
169
|
const cssClasses = [];
|
|
170
|
-
cssClasses.push(styles$
|
|
171
|
-
cssClasses.push(styles$
|
|
172
|
-
cssClasses.push(styles$
|
|
173
|
-
cssClasses.push(styles$
|
|
174
|
-
isActive && cssClasses.push(styles$
|
|
175
|
-
disabled && cssClasses.push(styles$
|
|
176
|
-
shadow && cssClasses.push(styles$
|
|
170
|
+
cssClasses.push(styles$Y[color]);
|
|
171
|
+
cssClasses.push(styles$Y[variant]);
|
|
172
|
+
cssClasses.push(styles$Y[size]);
|
|
173
|
+
cssClasses.push(styles$Y.iconButton);
|
|
174
|
+
isActive && cssClasses.push(styles$Y.active);
|
|
175
|
+
disabled && cssClasses.push(styles$Y.disabled);
|
|
176
|
+
shadow && cssClasses.push(styles$Y.shadow);
|
|
177
177
|
className && cssClasses.push(className);
|
|
178
178
|
return cssClasses.filter(css => css).join(' ');
|
|
179
179
|
};
|
|
@@ -282,9 +282,9 @@ function useDebounce(callback, timeout, deps) {
|
|
|
282
282
|
}, deps);
|
|
283
283
|
}
|
|
284
284
|
|
|
285
|
-
var css_248z$
|
|
286
|
-
var styles$
|
|
287
|
-
styleInject(css_248z$
|
|
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"};
|
|
287
|
+
styleInject(css_248z$X);
|
|
288
288
|
|
|
289
289
|
const Backdrop = (props) => {
|
|
290
290
|
const { target = document.body, isTransparent = false, onClick, style } = props, rest = __rest(props, ["target", "isTransparent", "onClick", "style"]);
|
|
@@ -294,7 +294,7 @@ const Backdrop = (props) => {
|
|
|
294
294
|
};
|
|
295
295
|
const getCssClasses = () => {
|
|
296
296
|
const cssClasses = [];
|
|
297
|
-
cssClasses.push(styles$
|
|
297
|
+
cssClasses.push(styles$X.backdrop);
|
|
298
298
|
isTransparent && cssClasses.push(`bg-transparent`);
|
|
299
299
|
return cssClasses.filter(css => css).join(' ');
|
|
300
300
|
};
|
|
@@ -305,34 +305,34 @@ const Backdrop = (props) => {
|
|
|
305
305
|
return (createPortal(React.createElement("div", Object.assign({ className: getCssClasses(), onClick: handleClick, style: getStyles() }, rest)), target));
|
|
306
306
|
};
|
|
307
307
|
|
|
308
|
-
var css_248z$
|
|
309
|
-
var styles$
|
|
310
|
-
styleInject(css_248z$
|
|
308
|
+
var css_248z$W = ".List-module_list__gpZ41 {\n width: 100%;\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n margin-top: 0;\n background-color: var(--white); }\n";
|
|
309
|
+
var styles$W = {"list":"List-module_list__gpZ41"};
|
|
310
|
+
styleInject(css_248z$W);
|
|
311
311
|
|
|
312
312
|
const List = (props) => {
|
|
313
313
|
const { children, className, isFlush } = props, rest = __rest(props, ["children", "className", "isFlush"]);
|
|
314
314
|
const getCssClasses = () => {
|
|
315
315
|
const cssClasses = [];
|
|
316
|
-
isFlush && cssClasses.push(styles$
|
|
317
|
-
cssClasses.push(styles$
|
|
316
|
+
isFlush && cssClasses.push(styles$W.flush);
|
|
317
|
+
cssClasses.push(styles$W.list);
|
|
318
318
|
className && cssClasses.push(className);
|
|
319
319
|
return cssClasses.filter(css => css).join(' ');
|
|
320
320
|
};
|
|
321
321
|
return (React.createElement("ul", Object.assign({ className: getCssClasses() }, rest), children));
|
|
322
322
|
};
|
|
323
323
|
|
|
324
|
-
var css_248z$
|
|
325
|
-
var styles$
|
|
326
|
-
styleInject(css_248z$
|
|
324
|
+
var css_248z$V = ".ListItem-module_listItem__Pk1AP {\n display: flex;\n align-items: center;\n position: relative;\n padding: 0.75rem 1.25rem;\n min-width: 100%;\n color: var(--bodyColor);\n text-align: inherit;\n transition: background 0.5s ease; }\n .ListItem-module_listItem__Pk1AP:hover, .ListItem-module_listItem__Pk1AP.ListItem-module_active__zm2q8 {\n cursor: pointer;\n z-index: 1;\n text-decoration: none;\n background-color: rgba(0, 0, 0, 0.04);\n color: var(--primary); }\n .ListItem-module_listItem__Pk1AP + .ListItem-module_listItem__Pk1AP {\n border-top-width: 0; }\n .ListItem-module_listItem__Pk1AP.ListItem-module_primary__F6Qja {\n color: var(--primary-contrast-text);\n background-color: var(--primary); }\n .ListItem-module_listItem__Pk1AP.ListItem-module_accent__pg3Ha {\n color: var(--accent-contrast-text);\n background-color: var(--accent); }\n .ListItem-module_listItem__Pk1AP.ListItem-module_secondary__d0drD {\n color: var(--secondary-contrast-text);\n background-color: var(--secondary); }\n .ListItem-module_listItem__Pk1AP.ListItem-module_light__37kby {\n color: var(--light-contrast-text);\n background-color: var(--light); }\n .ListItem-module_listItem__Pk1AP.ListItem-module_dark__ZxQTF {\n color: var(--dark-contrast-text);\n background-color: var(--dark); }\n .ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl {\n color: rgba(0, 0, 0, 0.26); }\n .ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl:hover {\n cursor: not-allowed;\n background-color: inherit; }\n";
|
|
325
|
+
var styles$V = {"listItem":"ListItem-module_listItem__Pk1AP","active":"ListItem-module_active__zm2q8","primary":"ListItem-module_primary__F6Qja","accent":"ListItem-module_accent__pg3Ha","secondary":"ListItem-module_secondary__d0drD","light":"ListItem-module_light__37kby","dark":"ListItem-module_dark__ZxQTF","disabled":"ListItem-module_disabled__DQLKl"};
|
|
326
|
+
styleInject(css_248z$V);
|
|
327
327
|
|
|
328
328
|
const ListItem = (props) => {
|
|
329
329
|
const { children, color, active, className, disabled, onClick } = props, rest = __rest(props, ["children", "color", "active", "className", "disabled", "onClick"]);
|
|
330
330
|
const getCssClasses = () => {
|
|
331
331
|
const cssClasses = [];
|
|
332
|
-
cssClasses.push(styles$
|
|
333
|
-
color && cssClasses.push(styles$
|
|
334
|
-
active && cssClasses.push(styles$
|
|
335
|
-
disabled && cssClasses.push(styles$
|
|
332
|
+
cssClasses.push(styles$V.listItem);
|
|
333
|
+
color && cssClasses.push(styles$V[color]);
|
|
334
|
+
active && cssClasses.push(styles$V['active']);
|
|
335
|
+
disabled && cssClasses.push(styles$V['disabled']);
|
|
336
336
|
className && cssClasses.push(className);
|
|
337
337
|
return cssClasses.filter(css => css).join(' ');
|
|
338
338
|
};
|
|
@@ -342,42 +342,42 @@ const ListItem = (props) => {
|
|
|
342
342
|
return (React.createElement("li", Object.assign({ onClick: handleClick, className: getCssClasses() }, rest), children));
|
|
343
343
|
};
|
|
344
344
|
|
|
345
|
-
var css_248z$
|
|
346
|
-
var styles$
|
|
347
|
-
styleInject(css_248z$
|
|
345
|
+
var css_248z$U = ".ListItemAvatar-module_avatar__sVWfR {\n margin-right: 16px; }\n .ListItemAvatar-module_avatar__sVWfR svg, .ListItemAvatar-module_avatar__sVWfR img {\n width: 24px;\n height: 24px; }\n .ListItemAvatar-module_avatar__sVWfR img {\n border-radius: 50%; }\n";
|
|
346
|
+
var styles$U = {"avatar":"ListItemAvatar-module_avatar__sVWfR"};
|
|
347
|
+
styleInject(css_248z$U);
|
|
348
348
|
|
|
349
349
|
const ListItemAvatar = (_a) => {
|
|
350
350
|
var { avatar } = _a, rest = __rest(_a, ["avatar"]);
|
|
351
|
-
return (React.createElement("div", Object.assign({ className: styles$
|
|
351
|
+
return (React.createElement("div", Object.assign({ className: styles$U.avatar }, rest), avatar));
|
|
352
352
|
};
|
|
353
353
|
|
|
354
|
-
var css_248z$
|
|
355
|
-
var styles$
|
|
356
|
-
styleInject(css_248z$
|
|
354
|
+
var css_248z$T = ".ListItemIcon-module_icon__cCvEv {\n margin-right: 32px; }\n .ListItemIcon-module_icon__cCvEv svg {\n width: 24px;\n height: 24px; }\n";
|
|
355
|
+
var styles$T = {"icon":"ListItemIcon-module_icon__cCvEv"};
|
|
356
|
+
styleInject(css_248z$T);
|
|
357
357
|
|
|
358
358
|
const ListItemIcon = (_a) => {
|
|
359
359
|
var { icon } = _a, rest = __rest(_a, ["icon"]);
|
|
360
|
-
return (React.createElement("div", Object.assign({ className: styles$
|
|
360
|
+
return (React.createElement("div", Object.assign({ className: styles$T.icon }, rest), icon));
|
|
361
361
|
};
|
|
362
362
|
|
|
363
|
-
var css_248z$
|
|
364
|
-
var styles$
|
|
365
|
-
styleInject(css_248z$
|
|
363
|
+
var css_248z$S = ".ListItemAction-module_listItemAction__gAQRj {\n display: flex;\n justify-content: center;\n min-width: 40px; }\n .ListItemAction-module_listItemAction__gAQRj svg {\n width: 20px;\n height: 20px; }\n";
|
|
364
|
+
var styles$S = {"listItemAction":"ListItemAction-module_listItemAction__gAQRj"};
|
|
365
|
+
styleInject(css_248z$S);
|
|
366
366
|
|
|
367
367
|
const ListItemAction = (_a) => {
|
|
368
368
|
var { children, onClick } = _a, rest = __rest(_a, ["children", "onClick"]);
|
|
369
|
-
return (React.createElement("div", Object.assign({ className: styles$
|
|
369
|
+
return (React.createElement("div", Object.assign({ className: styles$S.listItemAction, onClick: e => onClick && onClick(e) }, rest), children));
|
|
370
370
|
};
|
|
371
371
|
|
|
372
|
-
var css_248z$
|
|
373
|
-
var styles$
|
|
374
|
-
styleInject(css_248z$
|
|
372
|
+
var css_248z$R = ".ListItemTextIcon-module_listItemText__xCBLW {\n flex: 1; }\n";
|
|
373
|
+
var styles$R = {"listItemText":"ListItemTextIcon-module_listItemText__xCBLW"};
|
|
374
|
+
styleInject(css_248z$R);
|
|
375
375
|
|
|
376
376
|
const ListItemText = (_a) => {
|
|
377
377
|
var { primary, secondary } = _a, rest = __rest(_a, ["primary", "secondary"]);
|
|
378
378
|
const getCssClasses = () => {
|
|
379
379
|
const cssClasses = [];
|
|
380
|
-
cssClasses.push(styles$
|
|
380
|
+
cssClasses.push(styles$R.listItemText);
|
|
381
381
|
return cssClasses.filter(css => css).join(' ');
|
|
382
382
|
};
|
|
383
383
|
return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest),
|
|
@@ -388,9 +388,9 @@ 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$
|
|
392
|
-
var styles$
|
|
393
|
-
styleInject(css_248z$
|
|
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"};
|
|
393
|
+
styleInject(css_248z$Q);
|
|
394
394
|
|
|
395
395
|
// preset value
|
|
396
396
|
// enter -> delay? -> show results
|
|
@@ -446,7 +446,7 @@ const AutoComplete = (props) => {
|
|
|
446
446
|
const getCssClass = () => {
|
|
447
447
|
const cssClasses = [];
|
|
448
448
|
className && cssClasses.push(className);
|
|
449
|
-
cssClasses.push(styles$
|
|
449
|
+
cssClasses.push(styles$Q.select);
|
|
450
450
|
return cssClasses.filter(r => r).join(' ');
|
|
451
451
|
};
|
|
452
452
|
const show = () => setIsShow(true);
|
|
@@ -470,35 +470,35 @@ const AutoComplete = (props) => {
|
|
|
470
470
|
setModel('');
|
|
471
471
|
setSearchText('');
|
|
472
472
|
};
|
|
473
|
-
return (React.createElement("div", { ref: selectConainter, className: styles$
|
|
473
|
+
return (React.createElement("div", { ref: selectConainter, className: styles$Q.selectContainer },
|
|
474
474
|
React.createElement("div", { className: "d-flex" },
|
|
475
475
|
React.createElement("input", { type: "text", className: getCssClass(), id: id, name: name, tabIndex: 0, readOnly: readOnly, disabled: disabled, onChange: handleOnChange, onFocus: handleOnFocus, placeholder: placeholder, value: model }),
|
|
476
476
|
showClearButton && (model === null || model === void 0 ? void 0 : model.length) > 0 &&
|
|
477
477
|
React.createElement(IconButton, { icon: React.createElement(TimesSolidIcon, null), onClick: handleClickReset })),
|
|
478
478
|
isShow &&
|
|
479
479
|
React.createElement(React.Fragment, null,
|
|
480
|
-
React.createElement("div", { className: styles$
|
|
480
|
+
React.createElement("div", { className: styles$Q.selectMenu },
|
|
481
481
|
React.createElement(List, null, optionsTemp && optionsTemp.map((option, index) => React.createElement(ListItem, { id: `list-item-${index}`, key: option.value, onClick: () => handleOnClick(option), disabled: !option.value },
|
|
482
482
|
React.createElement(ListItemText, { primary: option.label ? option.label : option.value }))))),
|
|
483
483
|
React.createElement(Backdrop, { isTransparent: true, onClick: () => hide() }))));
|
|
484
484
|
};
|
|
485
485
|
|
|
486
|
-
var css_248z$
|
|
487
|
-
var styles$
|
|
488
|
-
styleInject(css_248z$
|
|
486
|
+
var css_248z$P = ".Badge-module_badgeContainer__3nZBs {\n display: inline-flex;\n position: relative;\n flex-shrink: 0;\n vertical-align: middle; }\n\n.Badge-module_badge__9ImR0 {\n top: 0;\n right: 0;\n transform: scale(1) translate(50%, -50%);\n transform-origin: 100% 0%;\n height: 20px;\n display: flex;\n padding: 0 6px;\n z-index: 1;\n position: absolute;\n flex-wrap: wrap;\n font-size: 0.75rem;\n min-width: 20px;\n align-items: center;\n font-weight: 500;\n line-height: 1;\n align-content: center;\n flex-direction: row;\n justify-content: center;\n border-radius: 10px;\n transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n .Badge-module_badge__9ImR0.Badge-module_primary__41U-t {\n color: var(--primary-contrast-text);\n background-color: var(--primary); }\n .Badge-module_badge__9ImR0.Badge-module_accent__OQy2- {\n color: var(--accent-contrast-text);\n background-color: var(--accent); }\n .Badge-module_badge__9ImR0.Badge-module_secondary__a9Jfh {\n color: var(--secondary-contrast-text);\n background-color: var(--secondary); }\n .Badge-module_badge__9ImR0.Badge-module_light__4QvQ5 {\n color: var(--light-contrast-text);\n background-color: var(--light); }\n .Badge-module_badge__9ImR0.Badge-module_dark__g1yUJ {\n color: var(--dark-contrast-text);\n background-color: var(--dark); }\n";
|
|
487
|
+
var styles$P = {"badgeContainer":"Badge-module_badgeContainer__3nZBs","badge":"Badge-module_badge__9ImR0","primary":"Badge-module_primary__41U-t","accent":"Badge-module_accent__OQy2-","secondary":"Badge-module_secondary__a9Jfh","light":"Badge-module_light__4QvQ5","dark":"Badge-module_dark__g1yUJ"};
|
|
488
|
+
styleInject(css_248z$P);
|
|
489
489
|
|
|
490
490
|
const Badge = (props) => {
|
|
491
491
|
const { children, content, className, color = COLOR.primary } = props, rest = __rest(props, ["children", "content", "className", "color"]);
|
|
492
492
|
const getCssClassesBadgeContainer = () => {
|
|
493
493
|
const cssClasses = [];
|
|
494
|
-
cssClasses.push(styles$
|
|
494
|
+
cssClasses.push(styles$P.badgeContainer);
|
|
495
495
|
className && cssClasses.push(className);
|
|
496
496
|
return cssClasses.filter(css => css).join(' ');
|
|
497
497
|
};
|
|
498
498
|
const getCssClassesBadge = () => {
|
|
499
499
|
const cssClasses = [];
|
|
500
|
-
cssClasses.push(styles$
|
|
501
|
-
cssClasses.push(styles$
|
|
500
|
+
cssClasses.push(styles$P.badge);
|
|
501
|
+
cssClasses.push(styles$P[color]);
|
|
502
502
|
return cssClasses.filter(css => css).join(' ');
|
|
503
503
|
};
|
|
504
504
|
return (React.createElement("div", Object.assign({ className: getCssClassesBadgeContainer() }, rest),
|
|
@@ -506,26 +506,26 @@ const Badge = (props) => {
|
|
|
506
506
|
React.createElement("span", { className: getCssClassesBadge() }, content)));
|
|
507
507
|
};
|
|
508
508
|
|
|
509
|
-
var css_248z$
|
|
510
|
-
var styles$
|
|
511
|
-
styleInject(css_248z$
|
|
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, 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:hover {\n cursor: pointer; }\n .Button-module_button__qeIer: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\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","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
|
+
styleInject(css_248z$O);
|
|
512
512
|
|
|
513
513
|
const Button = (props) => {
|
|
514
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"]);
|
|
515
515
|
const getCssClasses = () => {
|
|
516
516
|
const cssClasses = [];
|
|
517
|
-
cssClasses.push(styles$
|
|
517
|
+
cssClasses.push(styles$O.button);
|
|
518
518
|
if (variant !== 'outline' && variant !== 'text') {
|
|
519
|
-
cssClasses.push(styles$
|
|
520
|
-
cssClasses.push(styles$
|
|
519
|
+
cssClasses.push(styles$O.btnContained);
|
|
520
|
+
cssClasses.push(styles$O[color]);
|
|
521
521
|
}
|
|
522
522
|
if (variant === 'outline') {
|
|
523
|
-
cssClasses.push(styles$
|
|
524
|
-
cssClasses.push(styles$
|
|
523
|
+
cssClasses.push(styles$O.btnOutline);
|
|
524
|
+
cssClasses.push(styles$O[color]);
|
|
525
525
|
}
|
|
526
526
|
if (variant === 'text') {
|
|
527
|
-
cssClasses.push(styles$
|
|
528
|
-
cssClasses.push(styles$
|
|
527
|
+
cssClasses.push(styles$O.btnText);
|
|
528
|
+
cssClasses.push(styles$O[color]);
|
|
529
529
|
}
|
|
530
530
|
if (isRounded && variant !== 'text') {
|
|
531
531
|
cssClasses.push(`rounded-pill`);
|
|
@@ -533,43 +533,43 @@ const Button = (props) => {
|
|
|
533
533
|
if (isActive) {
|
|
534
534
|
cssClasses.push('active');
|
|
535
535
|
}
|
|
536
|
-
shadow && cssClasses.push(styles$
|
|
536
|
+
shadow && cssClasses.push(styles$O.shadow);
|
|
537
537
|
className && cssClasses.push(className);
|
|
538
538
|
return cssClasses.filter(css => css).join(' ');
|
|
539
539
|
};
|
|
540
540
|
return (React.createElement("button", Object.assign({ type: "button", className: getCssClasses() }, rest),
|
|
541
541
|
React.createElement("span", { className: "d-flex justify-content-center" },
|
|
542
542
|
startIcon &&
|
|
543
|
-
React.createElement(Icon, { className: styles$
|
|
543
|
+
React.createElement(Icon, { className: styles$O.startIcon }, startIcon),
|
|
544
544
|
children,
|
|
545
545
|
endIcon &&
|
|
546
|
-
React.createElement(Icon, { className: styles$
|
|
546
|
+
React.createElement(Icon, { className: styles$O.endIcon }, endIcon))));
|
|
547
547
|
};
|
|
548
548
|
|
|
549
|
-
var css_248z$
|
|
550
|
-
var styles$
|
|
551
|
-
styleInject(css_248z$
|
|
549
|
+
var css_248z$N = ".ButtonGroup-module_buttonGroup__w6iB- button:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n\n.ButtonGroup-module_buttonGroup__w6iB- button:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n";
|
|
550
|
+
var styles$N = {"buttonGroup":"ButtonGroup-module_buttonGroup__w6iB-"};
|
|
551
|
+
styleInject(css_248z$N);
|
|
552
552
|
|
|
553
553
|
const ButtonGroup = (props) => {
|
|
554
554
|
const { children, className } = props, rest = __rest(props, ["children", "className"]);
|
|
555
555
|
const getCssClasses = () => {
|
|
556
556
|
const cssClasses = [];
|
|
557
|
-
cssClasses.push(styles$
|
|
557
|
+
cssClasses.push(styles$N.buttonGroup);
|
|
558
558
|
className && cssClasses.push(className);
|
|
559
559
|
return cssClasses.filter(css => css).join(' ');
|
|
560
560
|
};
|
|
561
561
|
return (React.createElement("div", Object.assign({ className: getCssClasses(), role: "group" }, rest), children));
|
|
562
562
|
};
|
|
563
563
|
|
|
564
|
-
var css_248z$
|
|
565
|
-
var styles$
|
|
566
|
-
styleInject(css_248z$
|
|
564
|
+
var css_248z$M = ".Breadcrumb-module_breadcrumb__-pvAn {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n margin-bottom: 0;\n list-style: none;\n margin-bottom: 1rem; }\n";
|
|
565
|
+
var styles$M = {"breadcrumb":"Breadcrumb-module_breadcrumb__-pvAn"};
|
|
566
|
+
styleInject(css_248z$M);
|
|
567
567
|
|
|
568
568
|
const Breadcrumb = (props) => {
|
|
569
569
|
const { children, className } = props, rest = __rest(props, ["children", "className"]);
|
|
570
570
|
const getCssClasses = () => {
|
|
571
571
|
const cssClasses = [];
|
|
572
|
-
cssClasses.push(styles$
|
|
572
|
+
cssClasses.push(styles$M.breadcrumb);
|
|
573
573
|
className && cssClasses.push(className);
|
|
574
574
|
return cssClasses.filter(css => css).join(' ');
|
|
575
575
|
};
|
|
@@ -579,15 +579,15 @@ const Breadcrumb = (props) => {
|
|
|
579
579
|
|
|
580
580
|
const ConditionalWrapper = ({ condition, wrapper, children }) => condition ? wrapper(children) : children;
|
|
581
581
|
|
|
582
|
-
var css_248z$
|
|
583
|
-
var styles$
|
|
584
|
-
styleInject(css_248z$
|
|
582
|
+
var css_248z$L = ".BreadcrumbItem-module_breadcrumbItem__zsUq- {\n display: flex;\n align-items: center; }\n .BreadcrumbItem-module_breadcrumbItem__zsUq- + .BreadcrumbItem-module_breadcrumbItem__zsUq- {\n padding-left: 0.5rem; }\n .BreadcrumbItem-module_breadcrumbItem__zsUq- + .BreadcrumbItem-module_breadcrumbItem__zsUq-::before {\n float: left;\n padding-right: 0.5rem;\n color: #6c757d;\n content: \"/\"; }\n .BreadcrumbItem-module_breadcrumbItem__zsUq- a:not([href]):not([class]) {\n color: var(--primary); }\n .BreadcrumbItem-module_breadcrumbItem__zsUq-:hover {\n cursor: pointer; }\n .BreadcrumbItem-module_breadcrumbItem__zsUq-.BreadcrumbItem-module_active__Kn1dA:hover {\n cursor: unset; }\n";
|
|
583
|
+
var styles$L = {"breadcrumbItem":"BreadcrumbItem-module_breadcrumbItem__zsUq-","active":"BreadcrumbItem-module_active__Kn1dA"};
|
|
584
|
+
styleInject(css_248z$L);
|
|
585
585
|
|
|
586
586
|
const BreadcrumbItem = (props) => {
|
|
587
587
|
const { children, className, isActive, onClick } = props;
|
|
588
588
|
const getCssClasses = () => {
|
|
589
589
|
const cssClasses = [];
|
|
590
|
-
cssClasses.push(styles$
|
|
590
|
+
cssClasses.push(styles$L.breadcrumbItem);
|
|
591
591
|
className && cssClasses.push(className);
|
|
592
592
|
isActive && cssClasses.push('active');
|
|
593
593
|
return cssClasses.filter(css => css).join(' ');
|
|
@@ -599,115 +599,115 @@ const BreadcrumbItem = (props) => {
|
|
|
599
599
|
React.createElement(ConditionalWrapper, { condition: !isActive, wrapper: label => React.createElement("a", null, label) }, children)));
|
|
600
600
|
};
|
|
601
601
|
|
|
602
|
-
var css_248z$
|
|
603
|
-
var styles$
|
|
604
|
-
styleInject(css_248z$
|
|
602
|
+
var css_248z$K = ".Card-module_card__TQdQq {\n background: var(--white);\n border-radius: var(--borderRadius); }\n .Card-module_card__TQdQq.Card-module_shadow__NxDVz {\n box-shadow: var(--shadow); }\n";
|
|
603
|
+
var styles$K = {"card":"Card-module_card__TQdQq","shadow":"Card-module_shadow__NxDVz"};
|
|
604
|
+
styleInject(css_248z$K);
|
|
605
605
|
|
|
606
606
|
const Card = (props) => {
|
|
607
607
|
const { children, className, shadow = true } = props, rest = __rest(props, ["children", "className", "shadow"]);
|
|
608
608
|
const getCssClasses = () => {
|
|
609
609
|
const cssClasses = [];
|
|
610
|
-
cssClasses.push(styles$
|
|
611
|
-
shadow && cssClasses.push(styles$
|
|
610
|
+
cssClasses.push(styles$K.card);
|
|
611
|
+
shadow && cssClasses.push(styles$K.shadow);
|
|
612
612
|
className && cssClasses.push(className);
|
|
613
613
|
return cssClasses.filter(css => css).join(' ');
|
|
614
614
|
};
|
|
615
615
|
return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
616
616
|
};
|
|
617
617
|
|
|
618
|
-
var css_248z$
|
|
619
|
-
var styles$
|
|
620
|
-
styleInject(css_248z$
|
|
618
|
+
var css_248z$J = ".CardBody-module_cardBody__X52VY {\n flex: 1 1 auto;\n min-height: 1px;\n padding: 1.25rem; }\n";
|
|
619
|
+
var styles$J = {"cardBody":"CardBody-module_cardBody__X52VY"};
|
|
620
|
+
styleInject(css_248z$J);
|
|
621
621
|
|
|
622
622
|
const CardBody = (props) => {
|
|
623
623
|
const { children, className } = props, rest = __rest(props, ["children", "className"]);
|
|
624
624
|
const getCssClasses = () => {
|
|
625
625
|
const cssClasses = [];
|
|
626
|
-
cssClasses.push(styles$
|
|
626
|
+
cssClasses.push(styles$J.cardBody);
|
|
627
627
|
className && cssClasses.push(className);
|
|
628
628
|
return cssClasses.filter(css => css).join(' ');
|
|
629
629
|
};
|
|
630
630
|
return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
631
631
|
};
|
|
632
632
|
|
|
633
|
-
var css_248z$
|
|
634
|
-
var styles$
|
|
635
|
-
styleInject(css_248z$
|
|
633
|
+
var css_248z$I = ".CardFooter-module_cardFooter__BpOTG {\n padding: 0.75rem 1.25rem;\n background-color: rgba(0, 0, 0, 0.03);\n border-top: 1px solid rgba(0, 0, 0, 0.125); }\n .CardFooter-module_cardFooter__BpOTG:last-child {\n border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }\n";
|
|
634
|
+
var styles$I = {"cardFooter":"CardFooter-module_cardFooter__BpOTG"};
|
|
635
|
+
styleInject(css_248z$I);
|
|
636
636
|
|
|
637
637
|
const CardFooter = (props) => {
|
|
638
638
|
const { children, className } = props, rest = __rest(props, ["children", "className"]);
|
|
639
639
|
const getCssClasses = () => {
|
|
640
640
|
const cssClasses = [];
|
|
641
|
-
cssClasses.push(styles$
|
|
641
|
+
cssClasses.push(styles$I.cardFooter);
|
|
642
642
|
className && cssClasses.push(className);
|
|
643
643
|
return cssClasses.filter(css => css).join(' ');
|
|
644
644
|
};
|
|
645
645
|
return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
646
646
|
};
|
|
647
647
|
|
|
648
|
-
var css_248z$
|
|
649
|
-
var styles$
|
|
650
|
-
styleInject(css_248z$
|
|
648
|
+
var css_248z$H = ".CardSubtitle-module_cardSubtitle__YdoRM {\n color: #6c757d !important; }\n";
|
|
649
|
+
var styles$H = {"cardSubtitle":"CardSubtitle-module_cardSubtitle__YdoRM"};
|
|
650
|
+
styleInject(css_248z$H);
|
|
651
651
|
|
|
652
652
|
const CardSubtitle = (props) => {
|
|
653
653
|
const { children, className } = props, rest = __rest(props, ["children", "className"]);
|
|
654
654
|
const getCssClasses = () => {
|
|
655
655
|
const cssClasses = [];
|
|
656
|
-
cssClasses.push(styles$
|
|
656
|
+
cssClasses.push(styles$H.cardSubtitle);
|
|
657
657
|
className && cssClasses.push(className);
|
|
658
658
|
return cssClasses.filter(css => css).join(' ');
|
|
659
659
|
};
|
|
660
660
|
return (React.createElement("p", Object.assign({ className: getCssClasses() }, rest), children));
|
|
661
661
|
};
|
|
662
662
|
|
|
663
|
-
var css_248z$
|
|
664
|
-
var styles$
|
|
665
|
-
styleInject(css_248z$
|
|
663
|
+
var css_248z$G = ".CardText-module_cardText__UtYd9:last-child {\n margin-bottom: 0; }\n";
|
|
664
|
+
var styles$G = {"cardText":"CardText-module_cardText__UtYd9"};
|
|
665
|
+
styleInject(css_248z$G);
|
|
666
666
|
|
|
667
667
|
const CardText = (props) => {
|
|
668
668
|
const { children, className } = props, rest = __rest(props, ["children", "className"]);
|
|
669
669
|
const getCssClasses = () => {
|
|
670
670
|
const cssClasses = [];
|
|
671
|
-
cssClasses.push(styles$
|
|
671
|
+
cssClasses.push(styles$G.cardText);
|
|
672
672
|
className && cssClasses.push(className);
|
|
673
673
|
return cssClasses.filter(css => css).join(' ');
|
|
674
674
|
};
|
|
675
675
|
return (React.createElement("p", Object.assign({ className: getCssClasses() }, rest), children));
|
|
676
676
|
};
|
|
677
677
|
|
|
678
|
-
var css_248z$
|
|
679
|
-
var styles$
|
|
680
|
-
styleInject(css_248z$
|
|
678
|
+
var css_248z$F = ".CardTitle-module_cardTitle__aiPSE {\n margin-bottom: 0;\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 1.334;\n letter-spacing: 0em; }\n";
|
|
679
|
+
var styles$F = {"cardTitle":"CardTitle-module_cardTitle__aiPSE"};
|
|
680
|
+
styleInject(css_248z$F);
|
|
681
681
|
|
|
682
682
|
const CardTitle = (props) => {
|
|
683
683
|
const { children, className, as: As = 'div' } = props, rest = __rest(props, ["children", "className", "as"]);
|
|
684
684
|
const getCssClasses = () => {
|
|
685
685
|
const cssClasses = [];
|
|
686
|
-
cssClasses.push(styles$
|
|
686
|
+
cssClasses.push(styles$F.cardTitle);
|
|
687
687
|
className && cssClasses.push(className);
|
|
688
688
|
return cssClasses.filter(css => css).join(' ');
|
|
689
689
|
};
|
|
690
690
|
return (React.createElement(As, Object.assign({ className: getCssClasses() }, rest), children));
|
|
691
691
|
};
|
|
692
692
|
|
|
693
|
-
var css_248z$
|
|
694
|
-
var styles$
|
|
695
|
-
styleInject(css_248z$
|
|
693
|
+
var css_248z$E = ".CardImage-module_cardImage__Z6JWW {\n flex-shrink: 0;\n width: 100%;\n border-top-left-radius: calc(0.25rem - 1px);\n border-top-right-radius: calc(0.25rem - 1px); }\n";
|
|
694
|
+
var styles$E = {"cardImage":"CardImage-module_cardImage__Z6JWW"};
|
|
695
|
+
styleInject(css_248z$E);
|
|
696
696
|
|
|
697
697
|
const CardImage = (props) => {
|
|
698
698
|
const { src, alt, className } = props, rest = __rest(props, ["src", "alt", "className"]);
|
|
699
699
|
const getCssClasses = () => {
|
|
700
700
|
const cssClasses = [];
|
|
701
|
-
cssClasses.push(styles$
|
|
701
|
+
cssClasses.push(styles$E.cardImage);
|
|
702
702
|
className && cssClasses.push(className);
|
|
703
703
|
return cssClasses.filter(css => css).join(' ');
|
|
704
704
|
};
|
|
705
705
|
return (React.createElement("img", Object.assign({ className: getCssClasses(), src: src, alt: alt }, rest)));
|
|
706
706
|
};
|
|
707
707
|
|
|
708
|
-
var css_248z$
|
|
709
|
-
var styles$
|
|
710
|
-
styleInject(css_248z$
|
|
708
|
+
var css_248z$D = ".Checkbox-module_checkboxContainer__x2GCi {\n display: flex;\n align-items: center;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n\n.Checkbox-module_checkboxLabel__nPY4k:hover {\n cursor: pointer; }\n\n.Checkbox-module_checkboxLabel__nPY4k.Checkbox-module_disabled__wnFIG {\n color: rgba(0, 0, 0, 0.26);\n cursor: not-allowed; }\n .Checkbox-module_checkboxLabel__nPY4k.Checkbox-module_disabled__wnFIG:hover {\n cursor: not-allowed; }\n";
|
|
709
|
+
var styles$D = {"checkboxContainer":"Checkbox-module_checkboxContainer__x2GCi","checkboxLabel":"Checkbox-module_checkboxLabel__nPY4k","disabled":"Checkbox-module_disabled__wnFIG"};
|
|
710
|
+
styleInject(css_248z$D);
|
|
711
711
|
|
|
712
712
|
const Checkbox = (props) => {
|
|
713
713
|
const { id, checked, className, label, name, value = "off", disabled, readOnly } = props, rest = __rest(props, ["id", "checked", "className", "label", "name", "value", "disabled", "readOnly"]);
|
|
@@ -736,8 +736,8 @@ const Checkbox = (props) => {
|
|
|
736
736
|
};
|
|
737
737
|
const getCssClassesLabel = () => {
|
|
738
738
|
const cssClasses = [];
|
|
739
|
-
cssClasses.push(styles$
|
|
740
|
-
disabled && cssClasses.push(styles$
|
|
739
|
+
cssClasses.push(styles$D.checkboxLabel);
|
|
740
|
+
disabled && cssClasses.push(styles$D['disabled']);
|
|
741
741
|
return cssClasses.filter(css => css).join(' ');
|
|
742
742
|
};
|
|
743
743
|
const getIcon = () => {
|
|
@@ -750,24 +750,24 @@ const Checkbox = (props) => {
|
|
|
750
750
|
(_a = checkboxElement === null || checkboxElement === void 0 ? void 0 : checkboxElement.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
751
751
|
}
|
|
752
752
|
};
|
|
753
|
-
return (React.createElement("div", { className: styles$
|
|
753
|
+
return (React.createElement("div", { className: styles$D.checkboxContainer },
|
|
754
754
|
React.createElement(IconButton, { className: getCssClasses(), onClick: handleClick, icon: getIcon(), disabled: disabled || readOnly }),
|
|
755
755
|
React.createElement("label", { onClick: handleClick, className: getCssClassesLabel() }, label),
|
|
756
756
|
React.createElement("input", Object.assign({ type: "checkbox", ref: checkboxElement, id: id, name: name, checked: isChecked, disabled: disabled, readOnly: readOnly, hidden: true, value: value }, rest))));
|
|
757
757
|
};
|
|
758
758
|
|
|
759
|
-
var css_248z$
|
|
760
|
-
var styles$
|
|
761
|
-
styleInject(css_248z$
|
|
759
|
+
var css_248z$C = ".Chip-module_chip__dZ5qz {\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__dZ5qz svg {\n width: 18px;\n height: 18px; }\n .Chip-module_chip__dZ5qz .Chip-module_deleteIcon__--rUx {\n margin-left: 5px; }\n .Chip-module_chip__dZ5qz .Chip-module_deleteIcon__--rUx:hover {\n cursor: pointer; }\n .Chip-module_chip__dZ5qz.Chip-module_primary__YVDi9 {\n background: var(--primary);\n color: var(--primary-contrast-text); }\n .Chip-module_chip__dZ5qz.Chip-module_secondary__-e4xP {\n background: var(--secondary);\n color: var(--secondary-contrast-text); }\n .Chip-module_chip__dZ5qz.Chip-module_accent__ZCTwu {\n background: var(--accent);\n color: var(--accent-contrast-text); }\n .Chip-module_chip__dZ5qz.Chip-module_light__vKs7O {\n color: var(--light-contrast-text);\n background-color: var(--light); }\n .Chip-module_chip__dZ5qz.Chip-module_dark__G-FLQ {\n color: var(--dark-contrast-text);\n background-color: var(--dark); }\n .Chip-module_chip__dZ5qz.Chip-module_clickable__qAqVH:hover {\n cursor: pointer; }\n .Chip-module_chip__dZ5qz.Chip-module_clickable__qAqVH:hover.Chip-module_primary__YVDi9 {\n background: var(--primary-dark); }\n .Chip-module_chip__dZ5qz.Chip-module_clickable__qAqVH:hover.Chip-module_secondary__-e4xP {\n background: var(--secondary-dark); }\n .Chip-module_chip__dZ5qz.Chip-module_clickable__qAqVH:hover.Chip-module_accent__ZCTwu {\n background: var(--accent-dark); }\n .Chip-module_chip__dZ5qz.Chip-module_shadow__v11NF {\n box-shadow: var(--shadow); }\n";
|
|
760
|
+
var styles$C = {"chip":"Chip-module_chip__dZ5qz","deleteIcon":"Chip-module_deleteIcon__--rUx","primary":"Chip-module_primary__YVDi9","secondary":"Chip-module_secondary__-e4xP","accent":"Chip-module_accent__ZCTwu","light":"Chip-module_light__vKs7O","dark":"Chip-module_dark__G-FLQ","clickable":"Chip-module_clickable__qAqVH","shadow":"Chip-module_shadow__v11NF"};
|
|
761
|
+
styleInject(css_248z$C);
|
|
762
762
|
|
|
763
763
|
const Chip = (props) => {
|
|
764
764
|
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"]);
|
|
765
765
|
const getCssClass = () => {
|
|
766
766
|
const cssClasses = [];
|
|
767
|
-
cssClasses.push(styles$
|
|
768
|
-
cssClasses.push(styles$
|
|
769
|
-
shadow && cssClasses.push(styles$
|
|
770
|
-
onClick && cssClasses.push(styles$
|
|
767
|
+
cssClasses.push(styles$C.chip);
|
|
768
|
+
cssClasses.push(styles$C[color]);
|
|
769
|
+
shadow && cssClasses.push(styles$C['shadow']);
|
|
770
|
+
onClick && cssClasses.push(styles$C['clickable']);
|
|
771
771
|
className && cssClasses.push(className);
|
|
772
772
|
return cssClasses.filter(r => r).join(' ');
|
|
773
773
|
};
|
|
@@ -777,18 +777,18 @@ const Chip = (props) => {
|
|
|
777
777
|
};
|
|
778
778
|
return (React.createElement("div", Object.assign({ className: getCssClass() }, rest, { style: style }),
|
|
779
779
|
React.createElement("div", null, children),
|
|
780
|
-
isDeletable && (React.createElement("div", { className: styles$
|
|
780
|
+
isDeletable && (React.createElement("div", { className: styles$C.deleteIcon, onClick: e => handleClickOnDelete(e) }, deleteIcon))));
|
|
781
781
|
};
|
|
782
782
|
|
|
783
|
-
var css_248z$
|
|
784
|
-
var styles$
|
|
785
|
-
styleInject(css_248z$
|
|
783
|
+
var css_248z$B = ".FormLabel-module_formLabel__TXcHc {\n display: inline-block;\n margin-bottom: 0.5rem; }\n";
|
|
784
|
+
var styles$B = {"formLabel":"FormLabel-module_formLabel__TXcHc"};
|
|
785
|
+
styleInject(css_248z$B);
|
|
786
786
|
|
|
787
787
|
const FormLabel = (_a) => {
|
|
788
788
|
var { children, className, htmlFor } = _a, rest = __rest(_a, ["children", "className", "htmlFor"]);
|
|
789
789
|
const getCssClasses = () => {
|
|
790
790
|
const cssClasses = [];
|
|
791
|
-
cssClasses.push(styles$
|
|
791
|
+
cssClasses.push(styles$B.formLabel);
|
|
792
792
|
className && cssClasses.push(className);
|
|
793
793
|
return cssClasses.filter(css => css).join(' ');
|
|
794
794
|
};
|
|
@@ -825,9 +825,9 @@ const FileInput = (props) => {
|
|
|
825
825
|
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
826
|
};
|
|
827
827
|
|
|
828
|
-
var css_248z$
|
|
829
|
-
var styles$
|
|
830
|
-
styleInject(css_248z$
|
|
828
|
+
var css_248z$A = ".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 {\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.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";
|
|
829
|
+
var styles$A = {"selectContainer":"Select-module_selectContainer__DHFDZ","select":"Select-module_select__Fbn38","selectMenu":"Select-module_selectMenu__8y4kQ"};
|
|
830
|
+
styleInject(css_248z$A);
|
|
831
831
|
|
|
832
832
|
const Select = (props) => {
|
|
833
833
|
var _a, _b, _c;
|
|
@@ -840,7 +840,7 @@ const Select = (props) => {
|
|
|
840
840
|
const getCssClass = () => {
|
|
841
841
|
const cssClasses = [];
|
|
842
842
|
className && cssClasses.push(className);
|
|
843
|
-
cssClasses.push(styles$
|
|
843
|
+
cssClasses.push(styles$A.select);
|
|
844
844
|
return cssClasses.filter(r => r).join(' ');
|
|
845
845
|
};
|
|
846
846
|
useEffect(() => {
|
|
@@ -958,7 +958,7 @@ const Select = (props) => {
|
|
|
958
958
|
}
|
|
959
959
|
}
|
|
960
960
|
};
|
|
961
|
-
return (React.createElement("div", { ref: selectConainter, className: styles$
|
|
961
|
+
return (React.createElement("div", { ref: selectConainter, className: styles$A.selectContainer },
|
|
962
962
|
React.createElement("div", { id: id, className: getCssClass(), onClick: () => show(), tabIndex: 0, onKeyDown: e => handleOnKeyDown(e) },
|
|
963
963
|
!multiple && renderSingleViewModel(),
|
|
964
964
|
multiple && renderMultipleViewModel(),
|
|
@@ -966,7 +966,7 @@ const Select = (props) => {
|
|
|
966
966
|
React.createElement(ChevronDownSolidIcon, null))),
|
|
967
967
|
isShow &&
|
|
968
968
|
createPortal(React.createElement(React.Fragment, null,
|
|
969
|
-
React.createElement("div", { className: styles$
|
|
969
|
+
React.createElement("div", { className: styles$A.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
970
|
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
971
|
multiple &&
|
|
972
972
|
React.createElement(Checkbox, { checked: isActive(option), onChange: () => handleOnClick(option) }),
|
|
@@ -974,33 +974,33 @@ const Select = (props) => {
|
|
|
974
974
|
React.createElement(Backdrop, { style: { zIndex: 1111 }, isTransparent: true, onClick: () => hide() })), document.body)));
|
|
975
975
|
};
|
|
976
976
|
|
|
977
|
-
var css_248z$
|
|
978
|
-
var styles$
|
|
979
|
-
styleInject(css_248z$
|
|
977
|
+
var css_248z$z = ".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 {\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";
|
|
978
|
+
var styles$z = {"textarea":"Textarea-module_textarea__L5zqa","isInvalid":"Textarea-module_isInvalid__JI01W"};
|
|
979
|
+
styleInject(css_248z$z);
|
|
980
980
|
|
|
981
981
|
const Textarea = (props) => {
|
|
982
982
|
const { className, error } = props, rest = __rest(props, ["className", "error"]);
|
|
983
983
|
const getCssClass = () => {
|
|
984
984
|
const cssClasses = [];
|
|
985
|
-
cssClasses.push(styles$
|
|
985
|
+
cssClasses.push(styles$z.textarea);
|
|
986
986
|
className && cssClasses.push(className);
|
|
987
|
-
error && cssClasses.push(styles$
|
|
987
|
+
error && cssClasses.push(styles$z['isInvalid']);
|
|
988
988
|
return cssClasses.filter(r => r).join(' ');
|
|
989
989
|
};
|
|
990
990
|
return (React.createElement("textarea", Object.assign({ className: getCssClass() }, rest)));
|
|
991
991
|
};
|
|
992
992
|
|
|
993
|
-
var css_248z$
|
|
994
|
-
var styles$
|
|
995
|
-
styleInject(css_248z$
|
|
993
|
+
var css_248z$y = ".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 {\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";
|
|
994
|
+
var styles$y = {"formInput":"FormInput-module_formInput__VXZip","isInvalid":"FormInput-module_isInvalid__vQDuz"};
|
|
995
|
+
styleInject(css_248z$y);
|
|
996
996
|
|
|
997
997
|
const FormInput = (props) => {
|
|
998
998
|
const { value, name, type, placeholder, className, isValid = true, options = [], textareaOptions, selectOptions, autoCompleteOptions, autoFocus, label, disabled = false, readonly = false, onInput, onChange, onBlur, onKeyDown } = props;
|
|
999
999
|
const getCssClasses = () => {
|
|
1000
1000
|
const cssClasses = [];
|
|
1001
|
-
cssClasses.push(styles$
|
|
1001
|
+
cssClasses.push(styles$y.formInput);
|
|
1002
1002
|
className && cssClasses.push(className);
|
|
1003
|
-
!isValid && cssClasses.push(styles$
|
|
1003
|
+
!isValid && cssClasses.push(styles$y['isInvalid']);
|
|
1004
1004
|
return cssClasses.filter(css => css).join(' ');
|
|
1005
1005
|
};
|
|
1006
1006
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -1050,12 +1050,12 @@ const FormHint = (props) => {
|
|
|
1050
1050
|
return (React.createElement("small", { className: getCssClasses() }, children));
|
|
1051
1051
|
};
|
|
1052
1052
|
|
|
1053
|
-
var css_248z$
|
|
1054
|
-
var styles$
|
|
1055
|
-
styleInject(css_248z$
|
|
1053
|
+
var css_248z$x = ".FormError-module_isInvalid__tO1Sw {\n width: 100%;\n margin-top: 0.25rem;\n font-size: 0.875em;\n color: #dc3545; }\n";
|
|
1054
|
+
var styles$x = {"isInvalid":"FormError-module_isInvalid__tO1Sw"};
|
|
1055
|
+
styleInject(css_248z$x);
|
|
1056
1056
|
|
|
1057
1057
|
const FormError = (props) => {
|
|
1058
|
-
const { className = styles$
|
|
1058
|
+
const { className = styles$x.isInvalid, errors = [] } = props;
|
|
1059
1059
|
return (React.createElement(Fragment, null, errors &&
|
|
1060
1060
|
React.createElement("div", { className: className }, errors.map(e => React.createElement("div", { key: e.validator }, e.message)))));
|
|
1061
1061
|
};
|
|
@@ -1372,16 +1372,16 @@ const DateSelect = (props) => {
|
|
|
1372
1372
|
// return Math.ceil((((d - yearStart) / 86400000) + 1) / 7)
|
|
1373
1373
|
// };
|
|
1374
1374
|
|
|
1375
|
-
var css_248z$
|
|
1376
|
-
var styles$
|
|
1377
|
-
styleInject(css_248z$
|
|
1375
|
+
var css_248z$w = ".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";
|
|
1376
|
+
var styles$w = {"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"};
|
|
1377
|
+
styleInject(css_248z$w);
|
|
1378
1378
|
|
|
1379
1379
|
const Drawer = (props) => {
|
|
1380
1380
|
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
1381
|
useEffect(() => {
|
|
1382
|
-
document.body.classList.add(styles$
|
|
1382
|
+
document.body.classList.add(styles$w.drawerOpen);
|
|
1383
1383
|
return () => {
|
|
1384
|
-
document.body.classList.remove(styles$
|
|
1384
|
+
document.body.classList.remove(styles$w.drawerOpen);
|
|
1385
1385
|
};
|
|
1386
1386
|
}, []);
|
|
1387
1387
|
const handleClickBackdrop = () => {
|
|
@@ -1395,10 +1395,10 @@ const DrawerContent = (props) => {
|
|
|
1395
1395
|
const { children, className, position = 'left', permanent = false, shadow } = props, rest = __rest(props, ["children", "className", "position", "permanent", "shadow"]);
|
|
1396
1396
|
const getCssClasses = () => {
|
|
1397
1397
|
const cssClasses = [];
|
|
1398
|
-
cssClasses.push(styles$
|
|
1399
|
-
shadow && cssClasses.push(styles$
|
|
1400
|
-
!!permanent && cssClasses.push(styles$
|
|
1401
|
-
position === 'left' ? cssClasses.push(styles$
|
|
1398
|
+
cssClasses.push(styles$w.drawer);
|
|
1399
|
+
shadow && cssClasses.push(styles$w.shadow);
|
|
1400
|
+
!!permanent && cssClasses.push(styles$w['permanent']);
|
|
1401
|
+
position === 'left' ? cssClasses.push(styles$w['left']) : cssClasses.push(styles$w['right']);
|
|
1402
1402
|
className && cssClasses.push(className);
|
|
1403
1403
|
return cssClasses.filter(css => css).join(' ');
|
|
1404
1404
|
};
|
|
@@ -1412,9 +1412,9 @@ const DrawerContent = (props) => {
|
|
|
1412
1412
|
return (React.createElement("div", Object.assign({ className: getCssClasses(), style: getStyles() }, rest), children));
|
|
1413
1413
|
};
|
|
1414
1414
|
|
|
1415
|
-
var css_248z$
|
|
1416
|
-
var styles$
|
|
1417
|
-
styleInject(css_248z$
|
|
1415
|
+
var css_248z$v = ".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";
|
|
1416
|
+
var styles$v = {"menuBody":"MenuBody-module_menuBody__u4FIQ","shadow":"MenuBody-module_shadow__OBp-f"};
|
|
1417
|
+
styleInject(css_248z$v);
|
|
1418
1418
|
|
|
1419
1419
|
const MenuBody = (props) => {
|
|
1420
1420
|
const { parentRef, children, className, shadow = true, menuPosition = 'left', onClickBackdrop } = props;
|
|
@@ -1445,8 +1445,8 @@ const MenuBody = (props) => {
|
|
|
1445
1445
|
}, [menuBodyRef]);
|
|
1446
1446
|
const getCssClasses = () => {
|
|
1447
1447
|
const cssClasses = [];
|
|
1448
|
-
cssClasses.push(styles$
|
|
1449
|
-
shadow && cssClasses.push(styles$
|
|
1448
|
+
cssClasses.push(styles$v.menuBody);
|
|
1449
|
+
shadow && cssClasses.push(styles$v.shadow);
|
|
1450
1450
|
className && cssClasses.push(className);
|
|
1451
1451
|
return cssClasses.filter(css => css).join(' ');
|
|
1452
1452
|
};
|
|
@@ -1458,9 +1458,9 @@ const MenuBody = (props) => {
|
|
|
1458
1458
|
React.createElement(Backdrop, { isTransparent: true, onClick: handleClickBackdrop })), document.body));
|
|
1459
1459
|
};
|
|
1460
1460
|
|
|
1461
|
-
var css_248z$
|
|
1462
|
-
var styles$
|
|
1463
|
-
styleInject(css_248z$
|
|
1461
|
+
var css_248z$u = ".Menu-module_menu__p8QL- {\n display: flex; }\n";
|
|
1462
|
+
var styles$u = {"menu":"Menu-module_menu__p8QL-"};
|
|
1463
|
+
styleInject(css_248z$u);
|
|
1464
1464
|
|
|
1465
1465
|
const Menu = (props) => {
|
|
1466
1466
|
const { toggle, children, className, open, menuPosition, onClickBackdrop } = props, rest = __rest(props, ["toggle", "children", "className", "open", "menuPosition", "onClickBackdrop"]);
|
|
@@ -1468,7 +1468,7 @@ const Menu = (props) => {
|
|
|
1468
1468
|
const toggleContainerRef = useRef(null);
|
|
1469
1469
|
const getCssClasses = () => {
|
|
1470
1470
|
const cssClasses = [];
|
|
1471
|
-
cssClasses.push(styles$
|
|
1471
|
+
cssClasses.push(styles$u.menu);
|
|
1472
1472
|
className && cssClasses.push(className);
|
|
1473
1473
|
return cssClasses.filter(css => css).join(' ');
|
|
1474
1474
|
};
|
|
@@ -1481,17 +1481,17 @@ const Menu = (props) => {
|
|
|
1481
1481
|
React.createElement(MenuBody, { parentRef: toggleContainerRef, menuPosition: menuPosition, onClickBackdrop: handleClickBackdrop }, children)));
|
|
1482
1482
|
};
|
|
1483
1483
|
|
|
1484
|
-
var css_248z$
|
|
1485
|
-
var styles$
|
|
1486
|
-
styleInject(css_248z$
|
|
1484
|
+
var css_248z$t = ".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";
|
|
1485
|
+
var styles$t = {"menuItem":"MenuItem-module_menuItem__MeBxN","menuItemHeader":"MenuItem-module_menuItemHeader__2l732"};
|
|
1486
|
+
styleInject(css_248z$t);
|
|
1487
1487
|
|
|
1488
1488
|
const MenuItem = (props) => {
|
|
1489
1489
|
const { children, onClick, type = 'item' } = props;
|
|
1490
1490
|
const getCssClasses = () => {
|
|
1491
1491
|
const cssClasses = [];
|
|
1492
|
-
cssClasses.push(styles$
|
|
1492
|
+
cssClasses.push(styles$t.menuItem);
|
|
1493
1493
|
if (type === 'header') {
|
|
1494
|
-
cssClasses.push(styles$
|
|
1494
|
+
cssClasses.push(styles$t.menuItemHeader);
|
|
1495
1495
|
}
|
|
1496
1496
|
return cssClasses.filter(css => css).join(' ');
|
|
1497
1497
|
};
|
|
@@ -1507,23 +1507,23 @@ const MenuToggle = ({ children }) => {
|
|
|
1507
1507
|
return (React.createElement(Fragment, null, children));
|
|
1508
1508
|
};
|
|
1509
1509
|
|
|
1510
|
-
var css_248z$
|
|
1511
|
-
var styles$
|
|
1512
|
-
styleInject(css_248z$
|
|
1510
|
+
var css_248z$s = ".MenuDivider-module_menuItemDivider__oRP-j {\n height: 0;\n margin: 0.5rem 0;\n overflow: hidden;\n border-top: 1px solid #e9ecef; }\n";
|
|
1511
|
+
var styles$s = {"menuItemDivider":"MenuDivider-module_menuItemDivider__oRP-j"};
|
|
1512
|
+
styleInject(css_248z$s);
|
|
1513
1513
|
|
|
1514
|
-
const MenuDivider = () => React.createElement("div", { className: styles$
|
|
1514
|
+
const MenuDivider = () => React.createElement("div", { className: styles$s.menuItemDivider });
|
|
1515
1515
|
|
|
1516
|
-
var css_248z$
|
|
1517
|
-
var styles$
|
|
1518
|
-
styleInject(css_248z$
|
|
1516
|
+
var css_248z$r = ".ExpansionPanelContent-module_expansionPanelContent__aXNfH {\n padding: 8px 16px 16px; }\n";
|
|
1517
|
+
var styles$r = {"expansionPanelContent":"ExpansionPanelContent-module_expansionPanelContent__aXNfH"};
|
|
1518
|
+
styleInject(css_248z$r);
|
|
1519
1519
|
|
|
1520
1520
|
const ExpansionPanelContent = ({ children }) => {
|
|
1521
|
-
return (React.createElement("div", { className: styles$
|
|
1521
|
+
return (React.createElement("div", { className: styles$r.expansionPanelContent }, children));
|
|
1522
1522
|
};
|
|
1523
1523
|
|
|
1524
|
-
var css_248z$
|
|
1525
|
-
var styles$
|
|
1526
|
-
styleInject(css_248z$
|
|
1524
|
+
var css_248z$q = ".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";
|
|
1525
|
+
var styles$q = {"expansionPanelHeader":"ExpansionPanelHeader-module_expansionPanelHeader__Wy6Pq"};
|
|
1526
|
+
styleInject(css_248z$q);
|
|
1527
1527
|
|
|
1528
1528
|
const ExpansionPanelHeader = (props) => {
|
|
1529
1529
|
const { children, isExpanded, onClick } = props;
|
|
@@ -1531,15 +1531,15 @@ const ExpansionPanelHeader = (props) => {
|
|
|
1531
1531
|
e.stopPropagation();
|
|
1532
1532
|
onClick && onClick(e);
|
|
1533
1533
|
};
|
|
1534
|
-
return (React.createElement("div", { className: styles$
|
|
1534
|
+
return (React.createElement("div", { className: styles$q.expansionPanelHeader, onClick: handleClick },
|
|
1535
1535
|
children,
|
|
1536
1536
|
React.createElement("span", { className: "ml-auto text-muted" },
|
|
1537
1537
|
React.createElement(Icon, null, isExpanded ? React.createElement(ChevronUpSolidIcon, null) : React.createElement(ChevronDownSolidIcon, null)))));
|
|
1538
1538
|
};
|
|
1539
1539
|
|
|
1540
|
-
var css_248z$
|
|
1541
|
-
var styles$
|
|
1542
|
-
styleInject(css_248z$
|
|
1540
|
+
var css_248z$p = ".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";
|
|
1541
|
+
var styles$p = {"expansionPanel":"ExpansionPanel-module_expansionPanel__m1yQq","isExpanded":"ExpansionPanel-module_isExpanded__TS1ph"};
|
|
1542
|
+
styleInject(css_248z$p);
|
|
1543
1543
|
|
|
1544
1544
|
const ExpansionPanel = (props) => {
|
|
1545
1545
|
const { header, children, isExpanded = false, onChange } = props;
|
|
@@ -1549,9 +1549,9 @@ const ExpansionPanel = (props) => {
|
|
|
1549
1549
|
}, [isExpanded]);
|
|
1550
1550
|
const getCssClasses = () => {
|
|
1551
1551
|
const cssClasses = [];
|
|
1552
|
-
cssClasses.push(styles$
|
|
1552
|
+
cssClasses.push(styles$p.expansionPanel);
|
|
1553
1553
|
if (_isExpanded) {
|
|
1554
|
-
cssClasses.push(styles$
|
|
1554
|
+
cssClasses.push(styles$p.isExpanded);
|
|
1555
1555
|
}
|
|
1556
1556
|
return cssClasses.filter(css => css).join(' ');
|
|
1557
1557
|
};
|
|
@@ -1565,16 +1565,16 @@ const ExpansionPanel = (props) => {
|
|
|
1565
1565
|
React.createElement(ExpansionPanelContent, null, children)));
|
|
1566
1566
|
};
|
|
1567
1567
|
|
|
1568
|
-
var css_248z$
|
|
1569
|
-
var styles$
|
|
1570
|
-
styleInject(css_248z$
|
|
1568
|
+
var css_248z$o = ".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";
|
|
1569
|
+
var styles$o = {"fab":"FloatingActionButton-module_fab__Rw3kd","fixed":"FloatingActionButton-module_fixed__XQOkG"};
|
|
1570
|
+
styleInject(css_248z$o);
|
|
1571
1571
|
|
|
1572
1572
|
const FloatingActionButton = (props) => {
|
|
1573
1573
|
const { className, icon, color = COLOR.primary, fixed, size = SIZE.lg, isActive, disabled, onClick } = props;
|
|
1574
1574
|
const getCssClasses = () => {
|
|
1575
1575
|
const cssClasses = [];
|
|
1576
|
-
cssClasses.push(styles$
|
|
1577
|
-
fixed && cssClasses.push(styles$
|
|
1576
|
+
cssClasses.push(styles$o.fab);
|
|
1577
|
+
fixed && cssClasses.push(styles$o['fixed']);
|
|
1578
1578
|
className && cssClasses.push(className);
|
|
1579
1579
|
return cssClasses.filter(css => css).join(' ');
|
|
1580
1580
|
};
|
|
@@ -1585,33 +1585,44 @@ const FloatingActionButton = (props) => {
|
|
|
1585
1585
|
return (React.createElement(IconButton, { className: getCssClasses(), color: color, size: size, isActive: isActive, disabled: disabled, icon: icon, variant: VARIANT.contained, onClick: handleClick }));
|
|
1586
1586
|
};
|
|
1587
1587
|
|
|
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
|
+
|
|
1588
1592
|
const Column = (props) => {
|
|
1589
|
-
const { children, className
|
|
1593
|
+
const { children, className } = props,
|
|
1594
|
+
// xs,
|
|
1595
|
+
// sm,
|
|
1596
|
+
// md,
|
|
1597
|
+
// lg,
|
|
1598
|
+
// xl,
|
|
1599
|
+
rest = __rest(props, ["children", "className"]);
|
|
1590
1600
|
const getCssClasses = () => {
|
|
1591
1601
|
const cssClasses = [];
|
|
1592
|
-
!xs && !sm && !md && !lg && !xl && cssClasses.push('col');
|
|
1593
|
-
if (xs)
|
|
1594
|
-
|
|
1595
|
-
if (
|
|
1596
|
-
|
|
1597
|
-
if (
|
|
1598
|
-
|
|
1599
|
-
if (lg)
|
|
1600
|
-
cssClasses.push(`col-lg-${lg.toString()}`);
|
|
1601
|
-
if (xl)
|
|
1602
|
-
cssClasses.push(`col-xl-${xl.toString()}`);
|
|
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);
|
|
1603
1609
|
className && cssClasses.push(className);
|
|
1604
1610
|
return cssClasses.filter(css => css).join(' ');
|
|
1605
1611
|
};
|
|
1606
1612
|
return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
1607
1613
|
};
|
|
1608
1614
|
|
|
1609
|
-
|
|
1610
|
-
|
|
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"]);
|
|
1611
1621
|
const getCssClasses = () => {
|
|
1612
1622
|
const cssClasses = [];
|
|
1613
|
-
cssClasses.push(
|
|
1623
|
+
cssClasses.push(styles$m.row);
|
|
1614
1624
|
className && cssClasses.push(className);
|
|
1625
|
+
direction && cssClasses.push(`flex-${direction}`);
|
|
1615
1626
|
return cssClasses.filter(css => css).join(' ');
|
|
1616
1627
|
};
|
|
1617
1628
|
return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
@@ -2213,7 +2224,7 @@ const Stepper = (props) => {
|
|
|
2213
2224
|
React.createElement(StepperActions, { className: "mt-3", isFirstStep: activeIndex === 0, isStepOptional: isStepOptional(activeIndex), isCompleted: isLastStep(), onBack: handleBack, onSkip: handleSkip, onNext: handleNext, onReset: handleReset }))));
|
|
2214
2225
|
};
|
|
2215
2226
|
|
|
2216
|
-
var css_248z$8 = ".Typography-module_typography__sw-td {\n text-overflow: ellipsis;\n
|
|
2227
|
+
var css_248z$8 = ".Typography-module_typography__sw-td {\n text-overflow: ellipsis;\n font-family: var(--fontFamily); }\n\nh1 {\n font-size: 2.5rem; }\n\nh2 {\n font-size: 2rem; }\n\nh3 {\n font-size: 1.75rem; }\n\nh4 {\n font-size: 1.5rem; }\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";
|
|
2217
2228
|
var styles$8 = {"typography":"Typography-module_typography__sw-td"};
|
|
2218
2229
|
styleInject(css_248z$8);
|
|
2219
2230
|
|