react-asc 18.8.2 → 18.8.6
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/AutoComplete/AutoComplete.d.ts +1 -0
- package/components/Form/FormHint/FormHint.d.ts +5 -0
- package/components/Form/FormHint/index.d.ts +1 -0
- package/components/Form/{FormInput.d.ts → FormInput/FormInput.d.ts} +9 -3
- package/components/Form/FormInput/index.d.ts +1 -0
- package/components/Form/FormLabel/FormLabel.d.ts +6 -0
- package/components/Form/FormLabel/index.d.ts +1 -0
- package/components/List/ListItem.d.ts +1 -1
- package/index.es.js +245 -200
- package/index.es.js.map +1 -1
- package/index.js +498 -453
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/components/Form/FormHint.d.ts +0 -7
- package/components/Form/FormLabel.d.ts +0 -7
package/index.es.js
CHANGED
|
@@ -87,56 +87,56 @@ 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$V = ".Alert-module_alert__2yOUn {\n border-radius: var(--borderRadius);\n padding: 6px 16px; }\n\n.Alert-module_contained__1cUnn.Alert-module_primary__1pnWJ {\n color: var(--primary-contrast-text);\n background-color: var(--primary); }\n\n.Alert-module_contained__1cUnn.Alert-module_accent__3TlkP {\n color: var(--accent-contrast-text);\n background-color: var(--accent); }\n\n.Alert-module_contained__1cUnn.Alert-module_secondary__3cfYS {\n color: var(--secondary-contrast-text);\n background-color: var(--secondary); }\n\n.Alert-module_contained__1cUnn.Alert-module_light__vSzHK {\n color: var(--light-contrast-text);\n background-color: var(--light); }\n\n.Alert-module_contained__1cUnn.Alert-module_dark__3DrkS {\n color: var(--dark-contrast-text);\n background-color: var(--dark); }\n\n.Alert-module_outline__3fdYC.Alert-module_primary__1pnWJ {\n color: var(--primary) !important;\n border: 1px solid var(--primary) !important; }\n\n.Alert-module_outline__3fdYC.Alert-module_secondary__3cfYS {\n color: var(--secondary) !important;\n border: 1px solid var(--secondary) !important; }\n\n.Alert-module_outline__3fdYC.Alert-module_accent__3TlkP {\n color: var(--accent) !important;\n border: 1px solid var(--accent) !important; }\n\n.Alert-module_outline__3fdYC.Alert-module_light__vSzHK {\n color: var(--light-contrast-text) !important;\n border: 1px solid var(--light) !important; }\n\n.Alert-module_outline__3fdYC.Alert-module_dark__3DrkS {\n color: var(--dark) !important;\n border: 1px solid var(--dark) !important; }\n";
|
|
91
|
+
var styles$V = {"alert":"Alert-module_alert__2yOUn","contained":"Alert-module_contained__1cUnn","primary":"Alert-module_primary__1pnWJ","accent":"Alert-module_accent__3TlkP","secondary":"Alert-module_secondary__3cfYS","light":"Alert-module_light__vSzHK","dark":"Alert-module_dark__3DrkS","outline":"Alert-module_outline__3fdYC"};
|
|
92
|
+
styleInject(css_248z$V);
|
|
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$V.alert);
|
|
99
99
|
if (variant === VARIANT.contained) {
|
|
100
|
-
cssClasses.push(styles$
|
|
101
|
-
cssClasses.push(styles$
|
|
100
|
+
cssClasses.push(styles$V.contained);
|
|
101
|
+
cssClasses.push(styles$V[color]);
|
|
102
102
|
}
|
|
103
103
|
if (variant === VARIANT.outline) {
|
|
104
|
-
cssClasses.push(styles$
|
|
105
|
-
cssClasses.push(styles$
|
|
104
|
+
cssClasses.push(styles$V.outline);
|
|
105
|
+
cssClasses.push(styles$V[color]);
|
|
106
106
|
}
|
|
107
|
-
shadow && cssClasses.push(styles$
|
|
107
|
+
shadow && cssClasses.push(styles$V['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$U = ".AppBar-module_appbar__1S8G1 {\n padding: 0.5rem 1rem;\n display: flex;\n z-index: 1000;\n min-height: 64px;\n flex-shrink: 0; }\n .AppBar-module_appbar__1S8G1.AppBar-module_primary__3CiO7 {\n color: var(--primary-contrast-text);\n background-color: var(--primary); }\n .AppBar-module_appbar__1S8G1.AppBar-module_secondary__1W4qT {\n color: var(--secondary-contrast-text);\n background-color: var(--secondary); }\n .AppBar-module_appbar__1S8G1.AppBar-module_accent__Mgcwx {\n color: var(--accent-contrast-text);\n background-color: var(--accent); }\n .AppBar-module_appbar__1S8G1.AppBar-module_light__1FxmL {\n color: var(--light-contrast-text);\n background-color: var(--light); }\n .AppBar-module_appbar__1S8G1.AppBar-module_dark__3n5rm {\n color: var(--dark-contrast-text);\n background-color: var(--dark); }\n .AppBar-module_appbar__1S8G1.AppBar-module_shadow__2c8iH {\n box-shadow: var(--shadow); }\n";
|
|
115
|
+
var styles$U = {"appbar":"AppBar-module_appbar__1S8G1","primary":"AppBar-module_primary__3CiO7","secondary":"AppBar-module_secondary__1W4qT","accent":"AppBar-module_accent__Mgcwx","light":"AppBar-module_light__1FxmL","dark":"AppBar-module_dark__3n5rm","shadow":"AppBar-module_shadow__2c8iH"};
|
|
116
|
+
styleInject(css_248z$U);
|
|
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$U[color]);
|
|
123
|
+
cssClasses.push(styles$U.appbar);
|
|
124
|
+
shadow && cssClasses.push(styles$U['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$T = ".AppBarTitle-module_appbarTitle__3J-Z1 {\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__3J-Z1:hover {\n cursor: pointer; }\n";
|
|
132
|
+
var styles$T = {"appbarTitle":"AppBarTitle-module_appbarTitle__3J-Z1"};
|
|
133
|
+
styleInject(css_248z$T);
|
|
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$T.appbarTitle);
|
|
140
140
|
className && cssClasses.push(className);
|
|
141
141
|
return cssClasses.filter(r => r).join(' ');
|
|
142
142
|
};
|
|
@@ -164,75 +164,75 @@ const Backdrop = (props) => {
|
|
|
164
164
|
return (createPortal(React.createElement("div", { className: getCssClasses(), onClick: handleClick, style: getStyles() }), target));
|
|
165
165
|
};
|
|
166
166
|
|
|
167
|
-
var css_248z$
|
|
168
|
-
var styles$
|
|
169
|
-
styleInject(css_248z$
|
|
167
|
+
var css_248z$S = ".List-module_list__1ax9w {\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";
|
|
168
|
+
var styles$S = {"list":"List-module_list__1ax9w"};
|
|
169
|
+
styleInject(css_248z$S);
|
|
170
170
|
|
|
171
171
|
const List = (props) => {
|
|
172
172
|
const { children, className, isFlush } = props;
|
|
173
173
|
const getCssClasses = () => {
|
|
174
174
|
const cssClasses = [];
|
|
175
175
|
if (isFlush) {
|
|
176
|
-
cssClasses.push(styles$
|
|
176
|
+
cssClasses.push(styles$S.flush);
|
|
177
177
|
}
|
|
178
|
-
cssClasses.push(styles$
|
|
178
|
+
cssClasses.push(styles$S.list);
|
|
179
179
|
className && cssClasses.push(className);
|
|
180
180
|
return cssClasses.filter(css => css).join(' ');
|
|
181
181
|
};
|
|
182
182
|
return (React.createElement("ul", { className: getCssClasses() }, children));
|
|
183
183
|
};
|
|
184
184
|
|
|
185
|
-
var css_248z$
|
|
186
|
-
var styles$
|
|
187
|
-
styleInject(css_248z$
|
|
185
|
+
var css_248z$R = ".ListItem-module_listItem__3hAZb {\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__3hAZb:hover, .ListItem-module_listItem__3hAZb.ListItem-module_active__hyvch {\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__3hAZb + .ListItem-module_listItem__3hAZb {\n border-top-width: 0; }\n .ListItem-module_listItem__3hAZb.ListItem-module_primary__2OJAg {\n color: var(--primary-contrast-text);\n background-color: var(--primary); }\n .ListItem-module_listItem__3hAZb.ListItem-module_accent__2RXHe {\n color: var(--accent-contrast-text);\n background-color: var(--accent); }\n .ListItem-module_listItem__3hAZb.ListItem-module_secondary__3EVjH {\n color: var(--secondary-contrast-text);\n background-color: var(--secondary); }\n .ListItem-module_listItem__3hAZb.ListItem-module_light__3CJBB {\n color: var(--light-contrast-text);\n background-color: var(--light); }\n .ListItem-module_listItem__3hAZb.ListItem-module_dark__SazkE {\n color: var(--dark-contrast-text);\n background-color: var(--dark); }\n .ListItem-module_listItem__3hAZb.ListItem-module_disabled__2Kh0o {\n color: rgba(0, 0, 0, 0.26); }\n .ListItem-module_listItem__3hAZb.ListItem-module_disabled__2Kh0o:hover {\n cursor: not-allowed;\n background-color: inherit; }\n";
|
|
186
|
+
var styles$R = {"listItem":"ListItem-module_listItem__3hAZb","active":"ListItem-module_active__hyvch","primary":"ListItem-module_primary__2OJAg","accent":"ListItem-module_accent__2RXHe","secondary":"ListItem-module_secondary__3EVjH","light":"ListItem-module_light__3CJBB","dark":"ListItem-module_dark__SazkE","disabled":"ListItem-module_disabled__2Kh0o"};
|
|
187
|
+
styleInject(css_248z$R);
|
|
188
188
|
|
|
189
189
|
const ListItem = (props) => {
|
|
190
|
-
const { id, children, color, active, className, isHoverable,
|
|
190
|
+
const { id, children, color, active, className, isHoverable, disabled, onClick } = props;
|
|
191
191
|
const getCssClasses = () => {
|
|
192
192
|
const cssClasses = [];
|
|
193
193
|
if (active) {
|
|
194
|
-
cssClasses.push(styles$
|
|
194
|
+
cssClasses.push(styles$R['active']);
|
|
195
195
|
}
|
|
196
|
-
if (
|
|
197
|
-
cssClasses.push(
|
|
196
|
+
if (disabled) {
|
|
197
|
+
cssClasses.push(styles$R['disabled']);
|
|
198
198
|
}
|
|
199
|
-
color && cssClasses.push(styles$
|
|
200
|
-
cssClasses.push(styles$
|
|
199
|
+
color && cssClasses.push(styles$R[color]);
|
|
200
|
+
cssClasses.push(styles$R.listItem);
|
|
201
201
|
className && cssClasses.push(className);
|
|
202
202
|
return cssClasses.filter(css => css).join(' ');
|
|
203
203
|
};
|
|
204
204
|
const handleClick = (e) => {
|
|
205
|
-
onClick && onClick(e);
|
|
205
|
+
!disabled && onClick && onClick(e);
|
|
206
206
|
};
|
|
207
207
|
return (React.createElement("li", { id: id, onClick: handleClick, className: getCssClasses() }, children));
|
|
208
208
|
};
|
|
209
209
|
|
|
210
|
-
var css_248z$
|
|
211
|
-
var styles$
|
|
212
|
-
styleInject(css_248z$
|
|
210
|
+
var css_248z$Q = ".ListItemAvatar-module_avatar__1fjSE {\n margin-right: 16px; }\n .ListItemAvatar-module_avatar__1fjSE svg, .ListItemAvatar-module_avatar__1fjSE img {\n width: 24px;\n height: 24px; }\n .ListItemAvatar-module_avatar__1fjSE img {\n border-radius: 50%; }\n";
|
|
211
|
+
var styles$Q = {"avatar":"ListItemAvatar-module_avatar__1fjSE"};
|
|
212
|
+
styleInject(css_248z$Q);
|
|
213
213
|
|
|
214
|
-
const ListItemAvatar = ({ avatar }) => (React.createElement("div", { className: styles$
|
|
214
|
+
const ListItemAvatar = ({ avatar }) => (React.createElement("div", { className: styles$Q.avatar }, avatar));
|
|
215
215
|
|
|
216
|
-
var css_248z$
|
|
217
|
-
var styles$
|
|
218
|
-
styleInject(css_248z$
|
|
216
|
+
var css_248z$P = ".ListItemIcon-module_icon__-nsUy {\n margin-right: 32px; }\n .ListItemIcon-module_icon__-nsUy svg {\n width: 24px;\n height: 24px; }\n";
|
|
217
|
+
var styles$P = {"icon":"ListItemIcon-module_icon__-nsUy"};
|
|
218
|
+
styleInject(css_248z$P);
|
|
219
219
|
|
|
220
|
-
const ListItemIcon = ({ icon }) => (React.createElement("div", { className: styles$
|
|
220
|
+
const ListItemIcon = ({ icon }) => (React.createElement("div", { className: styles$P.icon }, icon));
|
|
221
221
|
|
|
222
|
-
var css_248z$
|
|
223
|
-
var styles$
|
|
224
|
-
styleInject(css_248z$
|
|
222
|
+
var css_248z$O = ".ListItemAction-module_listItemAction__26S66 {\n display: flex;\n justify-content: center;\n min-width: 40px; }\n .ListItemAction-module_listItemAction__26S66 svg {\n width: 20px;\n height: 20px; }\n";
|
|
223
|
+
var styles$O = {"listItemAction":"ListItemAction-module_listItemAction__26S66"};
|
|
224
|
+
styleInject(css_248z$O);
|
|
225
225
|
|
|
226
|
-
const ListItemAction = ({ children, onClick }) => (React.createElement("div", { className: styles$
|
|
226
|
+
const ListItemAction = ({ children, onClick }) => (React.createElement("div", { className: styles$O.listItemAction, onClick: e => onClick && onClick(e) }, children));
|
|
227
227
|
|
|
228
|
-
var css_248z$
|
|
229
|
-
var styles$
|
|
230
|
-
styleInject(css_248z$
|
|
228
|
+
var css_248z$N = ".ListItemTextIcon-module_listItemText__ZUWxQ {\n flex: 1; }\n";
|
|
229
|
+
var styles$N = {"listItemText":"ListItemTextIcon-module_listItemText__ZUWxQ"};
|
|
230
|
+
styleInject(css_248z$N);
|
|
231
231
|
|
|
232
232
|
const ListItemText = ({ primary, secondary }) => {
|
|
233
233
|
const getCssClasses = () => {
|
|
234
234
|
const cssClasses = [];
|
|
235
|
-
cssClasses.push(styles$
|
|
235
|
+
cssClasses.push(styles$N.listItemText);
|
|
236
236
|
return cssClasses.filter(css => css).join(' ');
|
|
237
237
|
};
|
|
238
238
|
return (React.createElement("div", { className: getCssClasses() },
|
|
@@ -243,9 +243,9 @@ const ListItemText = ({ primary, secondary }) => {
|
|
|
243
243
|
const ListItemTextPrimary = ({ children }) => (React.createElement("div", { className: "list-item-text-primary" }, children));
|
|
244
244
|
const ListItemTextSecondary = ({ children }) => (React.createElement("div", { className: "list-item-text-secondary text-muted", style: { fontSize: '0.875rem' } }, children));
|
|
245
245
|
|
|
246
|
-
var css_248z$
|
|
247
|
-
var styles$
|
|
248
|
-
styleInject(css_248z$
|
|
246
|
+
var css_248z$M = ".AutoComplete-module_selectContainer__SyqtX {\n position: relative; }\n\n.AutoComplete-module_select__2_7JD {\n min-height: calc(1.5em + 0.75rem + 2px);\n height: auto;\n display: flex; }\n .AutoComplete-module_select__2_7JD:hover {\n cursor: pointer; }\n\n.AutoComplete-module_selectMenu__2_ybA {\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";
|
|
247
|
+
var styles$M = {"selectContainer":"AutoComplete-module_selectContainer__SyqtX","select":"AutoComplete-module_select__2_7JD","selectMenu":"AutoComplete-module_selectMenu__2_ybA"};
|
|
248
|
+
styleInject(css_248z$M);
|
|
249
249
|
|
|
250
250
|
// preset value
|
|
251
251
|
// enter -> delay? -> show results
|
|
@@ -253,7 +253,7 @@ styleInject(css_248z$K);
|
|
|
253
253
|
// multiple
|
|
254
254
|
// custom template render items
|
|
255
255
|
const AutoComplete = (props) => {
|
|
256
|
-
const { id, name, className, options = [], openOnFocus = true, disabled, readOnly, debounce = 0, placeholder, showClearButton, onChange, onSelect, value } = props;
|
|
256
|
+
const { id, name, className, options = [], openOnFocus = true, disabled, readOnly, debounce = 0, placeholder, showNoEntry = true, showClearButton, onChange, onSelect, value } = props;
|
|
257
257
|
const [model, setModel] = useState('');
|
|
258
258
|
const [searchText, setSearchText] = useState('');
|
|
259
259
|
const [isShow, setIsShow] = useState(false);
|
|
@@ -270,7 +270,12 @@ const AutoComplete = (props) => {
|
|
|
270
270
|
const optionsOrigin = JSON.parse(JSON.stringify(options));
|
|
271
271
|
const regex = new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&'), 'gi');
|
|
272
272
|
const optionsFiltered = optionsOrigin.filter(o => { var _a; return (_a = o.label) === null || _a === void 0 ? void 0 : _a.match(regex); });
|
|
273
|
-
|
|
273
|
+
if (optionsFiltered.length === 0 && showNoEntry) {
|
|
274
|
+
setOptionsTemp([{ value: '', label: '- no entry found -' }]);
|
|
275
|
+
}
|
|
276
|
+
else {
|
|
277
|
+
setOptionsTemp(optionsFiltered);
|
|
278
|
+
}
|
|
274
279
|
}
|
|
275
280
|
}, [options]);
|
|
276
281
|
useDebounce(() => { onChange && onChange(searchText); }, debounce, [searchText]);
|
|
@@ -289,12 +294,14 @@ const AutoComplete = (props) => {
|
|
|
289
294
|
useEffect(() => {
|
|
290
295
|
return () => {
|
|
291
296
|
document.body.classList.remove('modal-open');
|
|
297
|
+
const main = document.querySelector('.main');
|
|
298
|
+
main === null || main === void 0 ? void 0 : main.classList.remove('modal-open');
|
|
292
299
|
};
|
|
293
300
|
}, []);
|
|
294
301
|
const getCssClass = () => {
|
|
295
302
|
const cssClasses = [];
|
|
296
303
|
className && cssClasses.push(className);
|
|
297
|
-
cssClasses.push(styles$
|
|
304
|
+
cssClasses.push(styles$M.select);
|
|
298
305
|
return cssClasses.filter(r => r).join(' ');
|
|
299
306
|
};
|
|
300
307
|
const show = () => setIsShow(true);
|
|
@@ -319,35 +326,35 @@ const AutoComplete = (props) => {
|
|
|
319
326
|
setSearchText('');
|
|
320
327
|
};
|
|
321
328
|
return (React.createElement(React.Fragment, null,
|
|
322
|
-
React.createElement("div", { ref: selectConainter, className: styles$
|
|
329
|
+
React.createElement("div", { ref: selectConainter, className: styles$M.selectContainer },
|
|
323
330
|
React.createElement("div", { className: "d-flex" },
|
|
324
331
|
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 }),
|
|
325
332
|
showClearButton && (model === null || model === void 0 ? void 0 : model.length) > 0 &&
|
|
326
333
|
React.createElement(IconButton, { icon: React.createElement(TimesSolidIcon, null), onClick: handleClickReset })),
|
|
327
334
|
isShow &&
|
|
328
335
|
React.createElement(React.Fragment, null,
|
|
329
|
-
React.createElement("div", { className: styles$
|
|
330
|
-
React.createElement(List, null, optionsTemp && optionsTemp.map((option, index) => React.createElement(ListItem, { id: `list-item-${index}`, key: option.value, onClick: () => handleOnClick(option) },
|
|
336
|
+
React.createElement("div", { className: styles$M.selectMenu },
|
|
337
|
+
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 },
|
|
331
338
|
React.createElement(ListItemText, { primary: option.label ? option.label : option.value }))))),
|
|
332
339
|
React.createElement(Backdrop, { isTransparent: true, onClick: () => hide() })))));
|
|
333
340
|
};
|
|
334
341
|
|
|
335
|
-
var css_248z$
|
|
336
|
-
var styles$
|
|
337
|
-
styleInject(css_248z$
|
|
342
|
+
var css_248z$L = ".Badge-module_badgeContainer__1QtTD {\n display: inline-flex;\n position: relative;\n flex-shrink: 0;\n vertical-align: middle; }\n\n.Badge-module_badge__2Y_LO {\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__2Y_LO.Badge-module_primary__2mn7_ {\n color: var(--primary-contrast-text);\n background-color: var(--primary); }\n .Badge-module_badge__2Y_LO.Badge-module_accent__8Hg8z {\n color: var(--accent-contrast-text);\n background-color: var(--accent); }\n .Badge-module_badge__2Y_LO.Badge-module_secondary__1QqDc {\n color: var(--secondary-contrast-text);\n background-color: var(--secondary); }\n .Badge-module_badge__2Y_LO.Badge-module_light__3Z7JO {\n color: var(--light-contrast-text);\n background-color: var(--light); }\n .Badge-module_badge__2Y_LO.Badge-module_dark__2qWe_ {\n color: var(--dark-contrast-text);\n background-color: var(--dark); }\n";
|
|
343
|
+
var styles$L = {"badgeContainer":"Badge-module_badgeContainer__1QtTD","badge":"Badge-module_badge__2Y_LO","primary":"Badge-module_primary__2mn7_","accent":"Badge-module_accent__8Hg8z","secondary":"Badge-module_secondary__1QqDc","light":"Badge-module_light__3Z7JO","dark":"Badge-module_dark__2qWe_"};
|
|
344
|
+
styleInject(css_248z$L);
|
|
338
345
|
|
|
339
346
|
const Badge = (props) => {
|
|
340
347
|
const { children, content, className, color = COLOR.primary } = props, rest = __rest(props, ["children", "content", "className", "color"]);
|
|
341
348
|
const getCssClassesBadgeContainer = () => {
|
|
342
349
|
const cssClasses = [];
|
|
343
|
-
cssClasses.push(styles$
|
|
350
|
+
cssClasses.push(styles$L.badgeContainer);
|
|
344
351
|
className && cssClasses.push(className);
|
|
345
352
|
return cssClasses.filter(css => css).join(' ');
|
|
346
353
|
};
|
|
347
354
|
const getCssClassesBadge = () => {
|
|
348
355
|
const cssClasses = [];
|
|
349
|
-
cssClasses.push(styles$
|
|
350
|
-
cssClasses.push(styles$
|
|
356
|
+
cssClasses.push(styles$L.badge);
|
|
357
|
+
cssClasses.push(styles$L[color]);
|
|
351
358
|
return cssClasses.filter(css => css).join(' ');
|
|
352
359
|
};
|
|
353
360
|
return (React.createElement("div", Object.assign({ className: getCssClassesBadgeContainer() }, rest),
|
|
@@ -355,42 +362,42 @@ const Badge = (props) => {
|
|
|
355
362
|
React.createElement("span", { className: getCssClassesBadge() }, content)));
|
|
356
363
|
};
|
|
357
364
|
|
|
358
|
-
var css_248z$
|
|
359
|
-
var styles$
|
|
360
|
-
styleInject(css_248z$
|
|
365
|
+
var css_248z$K = ".Icon-module_icon__2etAT {\n align-items: center;\n justify-content: center;\n display: flex;\n width: 20px;\n height: 20px; }\n .Icon-module_icon__2etAT svg {\n width: inherit;\n height: inherit; }\n .Icon-module_icon__2etAT.Icon-module_primary__32Mh4 {\n color: var(--primary); }\n .Icon-module_icon__2etAT.Icon-module_accent__2U_no {\n color: var(--accent); }\n .Icon-module_icon__2etAT.Icon-module_secondary__3cMmx {\n color: var(--secondary); }\n .Icon-module_icon__2etAT.Icon-module_light__2SugS {\n color: var(--light); }\n .Icon-module_icon__2etAT.Icon-module_dark__GWMzb {\n color: var(--dark); }\n";
|
|
366
|
+
var styles$K = {"icon":"Icon-module_icon__2etAT","primary":"Icon-module_primary__32Mh4","accent":"Icon-module_accent__2U_no","secondary":"Icon-module_secondary__3cMmx","light":"Icon-module_light__2SugS","dark":"Icon-module_dark__GWMzb"};
|
|
367
|
+
styleInject(css_248z$K);
|
|
361
368
|
|
|
362
369
|
const Icon = (props) => {
|
|
363
370
|
const { children, iconColor, className } = props, rest = __rest(props, ["children", "iconColor", "className"]);
|
|
364
371
|
const getCssClasses = () => {
|
|
365
372
|
const cssClasses = [];
|
|
366
|
-
cssClasses.push(styles$
|
|
367
|
-
iconColor && cssClasses.push(styles$
|
|
373
|
+
cssClasses.push(styles$K.icon);
|
|
374
|
+
iconColor && cssClasses.push(styles$K[iconColor]);
|
|
368
375
|
className && cssClasses.push(className);
|
|
369
376
|
return cssClasses.filter(css => css).join(' ');
|
|
370
377
|
};
|
|
371
378
|
return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
372
379
|
};
|
|
373
380
|
|
|
374
|
-
var css_248z$
|
|
375
|
-
var styles$
|
|
376
|
-
styleInject(css_248z$
|
|
381
|
+
var css_248z$J = ".Button-module_button__3cIVZ {\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 box-shadow: var(--shadow); }\n\n.Button-module_btnContained__8Q4uL.Button-module_primary__2soUg {\n color: var(--primary-contrast-text);\n background-color: var(--primary); }\n .Button-module_btnContained__8Q4uL.Button-module_primary__2soUg:hover {\n background-color: var(--primary-dark); }\n\n.Button-module_btnContained__8Q4uL.Button-module_accent__1_cP6 {\n color: var(--accent-contrast-text);\n background-color: var(--accent); }\n .Button-module_btnContained__8Q4uL.Button-module_accent__1_cP6:hover {\n background-color: var(--accent-dark); }\n\n.Button-module_btnContained__8Q4uL.Button-module_secondary__psAvb {\n color: var(--secondary-contrast-text);\n background-color: var(--secondary); }\n .Button-module_btnContained__8Q4uL.Button-module_secondary__psAvb:hover {\n background-color: var(--secondary-dark); }\n\n.Button-module_btnContained__8Q4uL.Button-module_light__JVK1z {\n color: var(--light-contrast-text);\n background-color: var(--light); }\n .Button-module_btnContained__8Q4uL.Button-module_light__JVK1z:hover {\n background-color: var(--light-dark); }\n\n.Button-module_btnContained__8Q4uL.Button-module_dark__O89wU {\n color: var(--dark-contrast-text);\n background-color: var(--dark); }\n .Button-module_btnContained__8Q4uL.Button-module_dark__O89wU:hover {\n background-color: var(--dark-dark); }\n\n.Button-module_btnContained__8Q4uL:disabled:hover {\n cursor: not-allowed; }\n\n.Button-module_btnText__32H44 {\n box-shadow: none;\n text-decoration: none; }\n .Button-module_btnText__32H44.Button-module_primary__2soUg {\n color: var(--primary) !important; }\n .Button-module_btnText__32H44.Button-module_primary__2soUg:hover {\n text-decoration: none;\n background: var(--primary-highlight) !important; }\n .Button-module_btnText__32H44.Button-module_secondary__psAvb {\n color: var(--secondary) !important; }\n .Button-module_btnText__32H44.Button-module_secondary__psAvb:hover {\n text-decoration: none;\n background: var(--secondary-highlight) !important; }\n .Button-module_btnText__32H44.Button-module_accent__1_cP6 {\n color: var(--accent) !important; }\n .Button-module_btnText__32H44.Button-module_accent__1_cP6:hover {\n text-decoration: none;\n background: var(--accent-highlight) !important; }\n .Button-module_btnText__32H44.Button-module_light__JVK1z {\n color: var(--light-contrast-text) !important; }\n .Button-module_btnText__32H44.Button-module_light__JVK1z:hover {\n text-decoration: none;\n background: var(--light-highlight) !important; }\n .Button-module_btnText__32H44.Button-module_dark__O89wU {\n color: var(--dark) !important; }\n .Button-module_btnText__32H44.Button-module_dark__O89wU:hover {\n text-decoration: none;\n background: var(--dark-highlight) !important; }\n\n.Button-module_btnOutline__2drkn {\n box-shadow: none;\n text-decoration: none; }\n .Button-module_btnOutline__2drkn.Button-module_primary__2soUg {\n color: var(--primary) !important;\n border-color: var(--primary) !important; }\n .Button-module_btnOutline__2drkn.Button-module_primary__2soUg:hover {\n background: var(--primary-highlight) !important; }\n .Button-module_btnOutline__2drkn.Button-module_secondary__psAvb {\n color: var(--secondary) !important;\n border-color: var(--secondary) !important; }\n .Button-module_btnOutline__2drkn.Button-module_secondary__psAvb:hover {\n background: var(--secondary-highlight) !important; }\n .Button-module_btnOutline__2drkn.Button-module_accent__1_cP6 {\n color: var(--accent) !important;\n border-color: var(--accent) !important; }\n .Button-module_btnOutline__2drkn.Button-module_accent__1_cP6:hover {\n background: var(--accent-highlight) !important; }\n .Button-module_btnOutline__2drkn.Button-module_light__JVK1z {\n color: var(--light-contrast-text) !important;\n border-color: var(--light) !important; }\n .Button-module_btnOutline__2drkn.Button-module_light__JVK1z:hover {\n background: var(--light-highlight) !important; }\n .Button-module_btnOutline__2drkn.Button-module_dark__O89wU {\n color: var(--dark) !important;\n border-color: var(--dark) !important; }\n .Button-module_btnOutline__2drkn.Button-module_dark__O89wU:hover {\n background: var(--dark-highlight) !important; }\n\n.Button-module_startIcon__1TN-G {\n display: inherit;\n margin-left: -4px;\n margin-right: 8px; }\n .Button-module_startIcon__1TN-G svg {\n width: 18px;\n height: 18px; }\n\n.Button-module_endIcon__3uZjE {\n display: inherit;\n margin-left: 8px; }\n .Button-module_endIcon__3uZjE svg {\n width: 18px;\n height: 18px; }\n";
|
|
382
|
+
var styles$J = {"button":"Button-module_button__3cIVZ","btnContained":"Button-module_btnContained__8Q4uL","primary":"Button-module_primary__2soUg","accent":"Button-module_accent__1_cP6","secondary":"Button-module_secondary__psAvb","light":"Button-module_light__JVK1z","dark":"Button-module_dark__O89wU","btnText":"Button-module_btnText__32H44","btnOutline":"Button-module_btnOutline__2drkn","startIcon":"Button-module_startIcon__1TN-G","endIcon":"Button-module_endIcon__3uZjE"};
|
|
383
|
+
styleInject(css_248z$J);
|
|
377
384
|
|
|
378
385
|
const ButtonTemplate = (props) => {
|
|
379
386
|
const { children, variant = VARIANT.contained, color = COLOR.primary, isRounded, isActive, className, startIcon, endIcon } = props, rest = __rest(props, ["children", "variant", "color", "isRounded", "isActive", "className", "startIcon", "endIcon"]);
|
|
380
387
|
const getCssClasses = () => {
|
|
381
388
|
const cssClasses = [];
|
|
382
|
-
cssClasses.push(styles$
|
|
389
|
+
cssClasses.push(styles$J.button);
|
|
383
390
|
if (variant !== 'outline' && variant !== 'text') {
|
|
384
|
-
cssClasses.push(styles$
|
|
385
|
-
cssClasses.push(styles$
|
|
391
|
+
cssClasses.push(styles$J.btnContained);
|
|
392
|
+
cssClasses.push(styles$J[color]);
|
|
386
393
|
}
|
|
387
394
|
if (variant === 'outline') {
|
|
388
|
-
cssClasses.push(styles$
|
|
389
|
-
cssClasses.push(styles$
|
|
395
|
+
cssClasses.push(styles$J.btnOutline);
|
|
396
|
+
cssClasses.push(styles$J[color]);
|
|
390
397
|
}
|
|
391
398
|
if (variant === 'text') {
|
|
392
|
-
cssClasses.push(styles$
|
|
393
|
-
cssClasses.push(styles$
|
|
399
|
+
cssClasses.push(styles$J.btnText);
|
|
400
|
+
cssClasses.push(styles$J[color]);
|
|
394
401
|
}
|
|
395
402
|
if (isRounded && variant !== 'text') {
|
|
396
403
|
cssClasses.push(`rounded-pill`);
|
|
@@ -404,40 +411,40 @@ const ButtonTemplate = (props) => {
|
|
|
404
411
|
return (React.createElement("button", Object.assign({ type: "button", className: getCssClasses() }, rest),
|
|
405
412
|
React.createElement("span", { className: "d-flex justify-content-center" },
|
|
406
413
|
startIcon &&
|
|
407
|
-
React.createElement(Icon, { className: styles$
|
|
414
|
+
React.createElement(Icon, { className: styles$J.startIcon }, startIcon),
|
|
408
415
|
children,
|
|
409
416
|
endIcon &&
|
|
410
|
-
React.createElement(Icon, { className: styles$
|
|
417
|
+
React.createElement(Icon, { className: styles$J.endIcon }, endIcon))));
|
|
411
418
|
};
|
|
412
419
|
|
|
413
420
|
const Button = (props) => {
|
|
414
421
|
return (React.createElement(ButtonTemplate, Object.assign({}, props)));
|
|
415
422
|
};
|
|
416
423
|
|
|
417
|
-
var css_248z$
|
|
418
|
-
var styles$
|
|
419
|
-
styleInject(css_248z$
|
|
424
|
+
var css_248z$I = ".ButtonGroup-module_buttonGroup__2RS71 button:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n\n.ButtonGroup-module_buttonGroup__2RS71 button:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n";
|
|
425
|
+
var styles$I = {"buttonGroup":"ButtonGroup-module_buttonGroup__2RS71"};
|
|
426
|
+
styleInject(css_248z$I);
|
|
420
427
|
|
|
421
428
|
const ButtonGroup = (props) => {
|
|
422
429
|
const { children, className } = props, rest = __rest(props, ["children", "className"]);
|
|
423
430
|
const getCssClasses = () => {
|
|
424
431
|
const cssClasses = [];
|
|
425
|
-
cssClasses.push(styles$
|
|
432
|
+
cssClasses.push(styles$I.buttonGroup);
|
|
426
433
|
className && cssClasses.push(className);
|
|
427
434
|
return cssClasses.filter(css => css).join(' ');
|
|
428
435
|
};
|
|
429
436
|
return (React.createElement("div", Object.assign({ className: getCssClasses(), role: "group" }, rest), children));
|
|
430
437
|
};
|
|
431
438
|
|
|
432
|
-
var css_248z$
|
|
433
|
-
var styles$
|
|
434
|
-
styleInject(css_248z$
|
|
439
|
+
var css_248z$H = ".Breadcrumb-module_breadcrumb__2BHXS {\n display: flex;\n flex-wrap: wrap;\n padding: 0.75rem 1rem;\n margin-bottom: 0;\n list-style: none;\n border-radius: var(--borderRadius); }\n";
|
|
440
|
+
var styles$H = {"breadcrumb":"Breadcrumb-module_breadcrumb__2BHXS"};
|
|
441
|
+
styleInject(css_248z$H);
|
|
435
442
|
|
|
436
443
|
const Breadcrumb = (props) => {
|
|
437
444
|
const { children, className } = props;
|
|
438
445
|
const getCssClasses = () => {
|
|
439
446
|
const cssClasses = [];
|
|
440
|
-
cssClasses.push(styles$
|
|
447
|
+
cssClasses.push(styles$H.breadcrumb);
|
|
441
448
|
className && cssClasses.push(className);
|
|
442
449
|
return cssClasses.filter(css => css).join(' ');
|
|
443
450
|
};
|
|
@@ -447,15 +454,15 @@ const Breadcrumb = (props) => {
|
|
|
447
454
|
|
|
448
455
|
const ConditionalWrapper = ({ condition, wrapper, children }) => condition ? wrapper(children) : children;
|
|
449
456
|
|
|
450
|
-
var css_248z$
|
|
451
|
-
var styles$
|
|
452
|
-
styleInject(css_248z$
|
|
457
|
+
var css_248z$G = ".BreadcrumbItem-module_breadcrumbItem__1yy-D + .BreadcrumbItem-module_breadcrumbItem__1yy-D {\n padding-left: 0.5rem; }\n\n.BreadcrumbItem-module_breadcrumbItem__1yy-D + .BreadcrumbItem-module_breadcrumbItem__1yy-D::before {\n float: left;\n padding-right: 0.5rem;\n color: #6c757d;\n content: \"/\"; }\n\n.BreadcrumbItem-module_breadcrumbItem__1yy-D a:not([href]):not([class]) {\n color: var(--primary); }\n\n.BreadcrumbItem-module_breadcrumbItem__1yy-D:hover {\n cursor: pointer; }\n\n.BreadcrumbItem-module_breadcrumbItem__1yy-D.BreadcrumbItem-module_active__3iVU2:hover {\n cursor: unset; }\n";
|
|
458
|
+
var styles$G = {"breadcrumbItem":"BreadcrumbItem-module_breadcrumbItem__1yy-D","active":"BreadcrumbItem-module_active__3iVU2"};
|
|
459
|
+
styleInject(css_248z$G);
|
|
453
460
|
|
|
454
461
|
const BreadcrumbItem = (props) => {
|
|
455
462
|
const { children, className, isActive, onClick } = props;
|
|
456
463
|
const getCssClasses = () => {
|
|
457
464
|
const cssClasses = [];
|
|
458
|
-
cssClasses.push(styles$
|
|
465
|
+
cssClasses.push(styles$G.breadcrumbItem);
|
|
459
466
|
className && cssClasses.push(className);
|
|
460
467
|
isActive && cssClasses.push('active');
|
|
461
468
|
return cssClasses.filter(css => css).join(' ');
|
|
@@ -469,106 +476,106 @@ const BreadcrumbItem = (props) => {
|
|
|
469
476
|
wrapper: label => React.createElement("a", null, label) }, children)));
|
|
470
477
|
};
|
|
471
478
|
|
|
472
|
-
var css_248z$
|
|
473
|
-
var styles$
|
|
474
|
-
styleInject(css_248z$
|
|
479
|
+
var css_248z$F = ".Card-module_card__31o3Z {\n background: var(--white);\n border-radius: var(--borderRadius); }\n .Card-module_card__31o3Z.Card-module_shadow__2lpYq {\n box-shadow: var(--shadow); }\n";
|
|
480
|
+
var styles$F = {"card":"Card-module_card__31o3Z","shadow":"Card-module_shadow__2lpYq"};
|
|
481
|
+
styleInject(css_248z$F);
|
|
475
482
|
|
|
476
483
|
const Card = (props) => {
|
|
477
484
|
const { children, className, shadow = true } = props, rest = __rest(props, ["children", "className", "shadow"]);
|
|
478
485
|
const getCssClasses = () => {
|
|
479
486
|
const cssClasses = [];
|
|
480
|
-
cssClasses.push(styles$
|
|
481
|
-
shadow && cssClasses.push(styles$
|
|
487
|
+
cssClasses.push(styles$F.card);
|
|
488
|
+
shadow && cssClasses.push(styles$F.shadow);
|
|
482
489
|
className && cssClasses.push(className);
|
|
483
490
|
return cssClasses.filter(css => css).join(' ');
|
|
484
491
|
};
|
|
485
492
|
return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
486
493
|
};
|
|
487
494
|
|
|
488
|
-
var css_248z$
|
|
489
|
-
var styles$
|
|
490
|
-
styleInject(css_248z$
|
|
495
|
+
var css_248z$E = ".CardBody-module_cardBody__N8z-L {\n flex: 1 1 auto;\n min-height: 1px;\n padding: 1.25rem; }\n";
|
|
496
|
+
var styles$E = {"cardBody":"CardBody-module_cardBody__N8z-L"};
|
|
497
|
+
styleInject(css_248z$E);
|
|
491
498
|
|
|
492
499
|
const CardBody = (props) => {
|
|
493
500
|
const { children, className } = props, rest = __rest(props, ["children", "className"]);
|
|
494
501
|
const getCssClasses = () => {
|
|
495
502
|
const cssClasses = [];
|
|
496
|
-
cssClasses.push(styles$
|
|
503
|
+
cssClasses.push(styles$E.cardBody);
|
|
497
504
|
className && cssClasses.push(className);
|
|
498
505
|
return cssClasses.filter(css => css).join(' ');
|
|
499
506
|
};
|
|
500
507
|
return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
501
508
|
};
|
|
502
509
|
|
|
503
|
-
var css_248z$
|
|
504
|
-
var styles$
|
|
505
|
-
styleInject(css_248z$
|
|
510
|
+
var css_248z$D = ".CardFooter-module_cardFooter__3dYKa {\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__3dYKa:last-child {\n border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }\n";
|
|
511
|
+
var styles$D = {"cardFooter":"CardFooter-module_cardFooter__3dYKa"};
|
|
512
|
+
styleInject(css_248z$D);
|
|
506
513
|
|
|
507
514
|
const CardFooter = (props) => {
|
|
508
515
|
const { children, className } = props, rest = __rest(props, ["children", "className"]);
|
|
509
516
|
const getCssClasses = () => {
|
|
510
517
|
const cssClasses = [];
|
|
511
|
-
cssClasses.push(styles$
|
|
518
|
+
cssClasses.push(styles$D.cardFooter);
|
|
512
519
|
className && cssClasses.push(className);
|
|
513
520
|
return cssClasses.filter(css => css).join(' ');
|
|
514
521
|
};
|
|
515
522
|
return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
516
523
|
};
|
|
517
524
|
|
|
518
|
-
var css_248z$
|
|
519
|
-
var styles$
|
|
520
|
-
styleInject(css_248z$
|
|
525
|
+
var css_248z$C = ".CardSubtitle-module_cardSubtitle__2WWHW {\n color: #6c757d !important; }\n";
|
|
526
|
+
var styles$C = {"cardSubtitle":"CardSubtitle-module_cardSubtitle__2WWHW"};
|
|
527
|
+
styleInject(css_248z$C);
|
|
521
528
|
|
|
522
529
|
const CardSubtitle = (props) => {
|
|
523
530
|
const { children, className } = props, rest = __rest(props, ["children", "className"]);
|
|
524
531
|
const getCssClasses = () => {
|
|
525
532
|
const cssClasses = [];
|
|
526
|
-
cssClasses.push(styles$
|
|
533
|
+
cssClasses.push(styles$C.cardSubtitle);
|
|
527
534
|
className && cssClasses.push(className);
|
|
528
535
|
return cssClasses.filter(css => css).join(' ');
|
|
529
536
|
};
|
|
530
537
|
return (React.createElement("p", Object.assign({ className: getCssClasses() }, rest), children));
|
|
531
538
|
};
|
|
532
539
|
|
|
533
|
-
var css_248z$
|
|
534
|
-
var styles$
|
|
535
|
-
styleInject(css_248z$
|
|
540
|
+
var css_248z$B = ".CardText-module_cardText__1LWJi:last-child {\n margin-bottom: 0; }\n";
|
|
541
|
+
var styles$B = {"cardText":"CardText-module_cardText__1LWJi"};
|
|
542
|
+
styleInject(css_248z$B);
|
|
536
543
|
|
|
537
544
|
const CardText = (props) => {
|
|
538
545
|
const { children, className } = props, rest = __rest(props, ["children", "className"]);
|
|
539
546
|
const getCssClasses = () => {
|
|
540
547
|
const cssClasses = [];
|
|
541
|
-
cssClasses.push(styles$
|
|
548
|
+
cssClasses.push(styles$B.cardText);
|
|
542
549
|
className && cssClasses.push(className);
|
|
543
550
|
return cssClasses.filter(css => css).join(' ');
|
|
544
551
|
};
|
|
545
552
|
return (React.createElement("p", Object.assign({ className: getCssClasses() }, rest), props.children));
|
|
546
553
|
};
|
|
547
554
|
|
|
548
|
-
var css_248z$
|
|
549
|
-
var styles$
|
|
550
|
-
styleInject(css_248z$
|
|
555
|
+
var css_248z$A = ".CardTitle-module_cardTitle__24Amb {\n margin-bottom: 0;\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 1.334;\n letter-spacing: 0em; }\n";
|
|
556
|
+
var styles$A = {"cardTitle":"CardTitle-module_cardTitle__24Amb"};
|
|
557
|
+
styleInject(css_248z$A);
|
|
551
558
|
|
|
552
559
|
const CardTitle = (props) => {
|
|
553
560
|
const { children, className, as: As = 'div' } = props, rest = __rest(props, ["children", "className", "as"]);
|
|
554
561
|
const getCssClasses = () => {
|
|
555
562
|
const cssClasses = [];
|
|
556
|
-
cssClasses.push(styles$
|
|
563
|
+
cssClasses.push(styles$A.cardTitle);
|
|
557
564
|
className && cssClasses.push(className);
|
|
558
565
|
return cssClasses.filter(css => css).join(' ');
|
|
559
566
|
};
|
|
560
567
|
return (React.createElement(As, Object.assign({ className: getCssClasses() }, rest), children));
|
|
561
568
|
};
|
|
562
569
|
|
|
563
|
-
var css_248z$
|
|
564
|
-
var styles$
|
|
565
|
-
styleInject(css_248z$
|
|
570
|
+
var css_248z$z = ".CardImage-module_cardImage__1tZM4 {\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";
|
|
571
|
+
var styles$z = {"cardImage":"CardImage-module_cardImage__1tZM4"};
|
|
572
|
+
styleInject(css_248z$z);
|
|
566
573
|
|
|
567
574
|
const CardImage = (props) => {
|
|
568
575
|
const { src, alt, className } = props, rest = __rest(props, ["src", "alt", "className"]);
|
|
569
576
|
const getCssClasses = () => {
|
|
570
577
|
const cssClasses = [];
|
|
571
|
-
cssClasses.push(styles$
|
|
578
|
+
cssClasses.push(styles$z.cardImage);
|
|
572
579
|
className && cssClasses.push(className);
|
|
573
580
|
return cssClasses.filter(css => css).join(' ');
|
|
574
581
|
};
|
|
@@ -617,15 +624,15 @@ const CircleSolidIcon = () => (React.createElement("svg", { "aria-hidden": "true
|
|
|
617
624
|
const ChevronLeftSolidIcon = () => (React.createElement("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512" },
|
|
618
625
|
React.createElement("path", { fill: "currentColor", d: "M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z" })));
|
|
619
626
|
|
|
620
|
-
var css_248z$
|
|
621
|
-
var styles$
|
|
622
|
-
styleInject(css_248z$
|
|
627
|
+
var css_248z$y = ".Typography-module_typography__2bM6E {\n text-overflow: ellipsis;\n overflow: hidden !important; }\n";
|
|
628
|
+
var styles$y = {"typography":"Typography-module_typography__2bM6E"};
|
|
629
|
+
styleInject(css_248z$y);
|
|
623
630
|
|
|
624
631
|
const Wrapper = (props) => {
|
|
625
632
|
const { as = 'span', children, className } = props, rest = __rest(props, ["as", "children", "className"]);
|
|
626
633
|
const getCssClasses = () => {
|
|
627
634
|
const cssClasses = [];
|
|
628
|
-
cssClasses.push(styles$
|
|
635
|
+
cssClasses.push(styles$y.typography);
|
|
629
636
|
className && cssClasses.push(className);
|
|
630
637
|
return cssClasses.filter(css => css).join(' ');
|
|
631
638
|
};
|
|
@@ -636,21 +643,21 @@ const Typography = (_a) => {
|
|
|
636
643
|
return (React.createElement(Wrapper, Object.assign({ as: as }, rest), children));
|
|
637
644
|
};
|
|
638
645
|
|
|
639
|
-
var css_248z$
|
|
640
|
-
var styles$
|
|
641
|
-
styleInject(css_248z$
|
|
646
|
+
var css_248z$x = ".IconButton-module_iconButton__1xqrL {\n border-radius: 100%;\n padding: 0px;\n display: flex;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n min-width: auto;\n box-shadow: none;\n font-weight: 400;\n text-align: center;\n vertical-align: middle;\n -webkit-user-select: none;\n user-select: none;\n background-color: transparent;\n font-size: 1rem;\n line-height: 1.5;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n border: none; }\n .IconButton-module_iconButton__1xqrL:hover {\n cursor: pointer; }\n .IconButton-module_iconButton__1xqrL.IconButton-module_shadow__5U4-_ {\n box-shadow: var(--shadow); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_md__1lmDL {\n width: 48px;\n height: 48px; }\n .IconButton-module_iconButton__1xqrL.IconButton-module_lg__1O2Uy {\n width: 56px;\n height: 56px; }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG {\n padding: 0;\n background: transparent;\n color: inherit; }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_active__2tJut {\n background-color: rgba(0, 0, 0, 0.04); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_primary__qRw4T {\n color: var(--primary); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_primary__qRw4T:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_primary__qRw4T.IconButton-module_active__2tJut {\n color: var(--primary-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_secondary__1lzNL {\n color: var(--secondary); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_secondary__1lzNL:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_secondary__1lzNL.IconButton-module_active__2tJut {\n color: var(--secondary-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_accent__exm5t {\n color: var(--accent); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_accent__exm5t:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_accent__exm5t.IconButton-module_active__2tJut {\n color: var(--accent-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_light__2nWhD {\n color: var(--light); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_light__2nWhD:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_light__2nWhD.IconButton-module_active__2tJut {\n color: var(--light-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_dark__1e6bR {\n color: var(--dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_dark__1e6bR:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_dark__1e6bR.IconButton-module_active__2tJut {\n color: var(--dark-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_text__33RrG.IconButton-module_disabled__3TgpF {\n color: rgba(0, 0, 0, 0.26);\n background-color: transparent;\n cursor: default;\n pointer-events: none; }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_active__2tJut {\n background-color: rgba(0, 0, 0, 0.04); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_primary__qRw4T {\n background-color: var(--primary);\n color: var(--white); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_primary__qRw4T:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_primary__qRw4T.IconButton-module_active__2tJut {\n background-color: var(--primary-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_secondary__1lzNL {\n background-color: var(--secondary);\n color: var(--white); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_secondary__1lzNL:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_secondary__1lzNL.IconButton-module_active__2tJut {\n background-color: var(--secondary-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_accent__exm5t {\n background-color: var(--accent);\n color: var(--white); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_accent__exm5t:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_accent__exm5t.IconButton-module_active__2tJut {\n background-color: var(--accent-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_light__2nWhD {\n background-color: var(--light);\n color: var(--dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_light__2nWhD:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_light__2nWhD.IconButton-module_active__2tJut {\n background-color: var(--light-dark); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_dark__1e6bR {\n background-color: var(--dark);\n color: var(--white); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_dark__1e6bR:hover, .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_dark__1e6bR.IconButton-module_active__2tJut {\n background-color: var(--dark-light); }\n .IconButton-module_iconButton__1xqrL.IconButton-module_contained__gWulJ.IconButton-module_disabled__3TgpF {\n color: rgba(0, 0, 0, 0.26);\n background-color: transparent;\n cursor: default;\n pointer-events: none; }\n";
|
|
647
|
+
var styles$x = {"iconButton":"IconButton-module_iconButton__1xqrL","shadow":"IconButton-module_shadow__5U4-_","md":"IconButton-module_md__1lmDL","lg":"IconButton-module_lg__1O2Uy","text":"IconButton-module_text__33RrG","active":"IconButton-module_active__2tJut","primary":"IconButton-module_primary__qRw4T","secondary":"IconButton-module_secondary__1lzNL","accent":"IconButton-module_accent__exm5t","light":"IconButton-module_light__2nWhD","dark":"IconButton-module_dark__1e6bR","disabled":"IconButton-module_disabled__3TgpF","contained":"IconButton-module_contained__gWulJ"};
|
|
648
|
+
styleInject(css_248z$x);
|
|
642
649
|
|
|
643
650
|
const IconButton = (props) => {
|
|
644
|
-
const { children, icon, label, variant = VARIANT.text, color = COLOR.
|
|
651
|
+
const { children, icon, label, variant = VARIANT.text, color = COLOR.dark, size = SIZE.md, isActive, disabled, className, shadow } = props, rest = __rest(props, ["children", "icon", "label", "variant", "color", "size", "isActive", "disabled", "className", "shadow"]);
|
|
645
652
|
const getCssClasses = () => {
|
|
646
653
|
const cssClasses = [];
|
|
647
|
-
cssClasses.push(styles$
|
|
648
|
-
cssClasses.push(styles$
|
|
649
|
-
cssClasses.push(styles$
|
|
650
|
-
cssClasses.push(styles$
|
|
651
|
-
isActive && cssClasses.push(styles$
|
|
652
|
-
disabled && cssClasses.push(styles$
|
|
653
|
-
shadow && cssClasses.push(styles$
|
|
654
|
+
cssClasses.push(styles$x[color]);
|
|
655
|
+
cssClasses.push(styles$x[variant]);
|
|
656
|
+
cssClasses.push(styles$x[size]);
|
|
657
|
+
cssClasses.push(styles$x.iconButton);
|
|
658
|
+
isActive && cssClasses.push(styles$x.active);
|
|
659
|
+
disabled && cssClasses.push(styles$x.disabled);
|
|
660
|
+
shadow && cssClasses.push(styles$x.shadow);
|
|
654
661
|
className && cssClasses.push(className);
|
|
655
662
|
return cssClasses.filter(css => css).join(' ');
|
|
656
663
|
};
|
|
@@ -659,9 +666,9 @@ const IconButton = (props) => {
|
|
|
659
666
|
label && React.createElement(Typography, null, label)));
|
|
660
667
|
};
|
|
661
668
|
|
|
662
|
-
var css_248z$
|
|
663
|
-
var styles$
|
|
664
|
-
styleInject(css_248z$
|
|
669
|
+
var css_248z$w = ".Checkbox-module_checkboxContainer__2oWhu {\n display: flex;\n align-items: center;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n .Checkbox-module_checkboxContainer__2oWhu label {\n margin-bottom: 0;\n margin-left: 0; }\n .Checkbox-module_checkboxContainer__2oWhu label:hover {\n cursor: pointer; }\n\n.Checkbox-module_checkboxLabel__27Y6U.Checkbox-module_disabled__3EXUd {\n color: rgba(0, 0, 0, 0.26);\n cursor: not-allowed; }\n";
|
|
670
|
+
var styles$w = {"checkboxContainer":"Checkbox-module_checkboxContainer__2oWhu","checkboxLabel":"Checkbox-module_checkboxLabel__27Y6U","disabled":"Checkbox-module_disabled__3EXUd"};
|
|
671
|
+
styleInject(css_248z$w);
|
|
665
672
|
|
|
666
673
|
const Checkbox = (props) => {
|
|
667
674
|
const { id, checked, className, label, name, value = "off", disabled, readOnly } = props, rest = __rest(props, ["id", "checked", "className", "label", "name", "value", "disabled", "readOnly"]);
|
|
@@ -696,24 +703,24 @@ const Checkbox = (props) => {
|
|
|
696
703
|
setIsChecked(!isChecked);
|
|
697
704
|
(_a = checkboxElement === null || checkboxElement === void 0 ? void 0 : checkboxElement.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
698
705
|
};
|
|
699
|
-
return (React.createElement("div", { className: styles$
|
|
706
|
+
return (React.createElement("div", { className: styles$w.checkboxContainer },
|
|
700
707
|
React.createElement(IconButton, { className: getCssClasses(), onClick: handleClick, icon: getIcon(), disabled: disabled || readOnly }),
|
|
701
|
-
React.createElement("label", { onClick: handleClick, className: styles$
|
|
708
|
+
React.createElement("label", { onClick: handleClick, className: styles$w.checkboxLabel + ' ' + (disabled ? styles$w['disabled'] : undefined) }, label),
|
|
702
709
|
React.createElement("input", Object.assign({ type: "checkbox", ref: checkboxElement, id: id, name: name, checked: isChecked, disabled: disabled, readOnly: readOnly, hidden: true, value: value }, rest))));
|
|
703
710
|
};
|
|
704
711
|
|
|
705
|
-
var css_248z$
|
|
706
|
-
var styles$
|
|
707
|
-
styleInject(css_248z$
|
|
712
|
+
var css_248z$v = ".Chip-module_chip__1cghp {\n display: inline-flex;\n align-items: center;\n padding: 0.5rem;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n font-size: 75%;\n font-weight: 700;\n border-radius: 10rem;\n line-height: 1; }\n .Chip-module_chip__1cghp svg {\n width: 18px;\n height: 18px; }\n .Chip-module_chip__1cghp .Chip-module_deleteIcon__34X9c {\n margin-left: 5px; }\n .Chip-module_chip__1cghp .Chip-module_deleteIcon__34X9c:hover {\n cursor: pointer; }\n .Chip-module_chip__1cghp.Chip-module_primary__198Dq {\n background: var(--primary);\n color: var(--primary-contrast-text); }\n .Chip-module_chip__1cghp.Chip-module_secondary__14H0b {\n background: var(--secondary);\n color: var(--secondary-contrast-text); }\n .Chip-module_chip__1cghp.Chip-module_accent__2LkWr {\n background: var(--accent);\n color: var(--accent-contrast-text); }\n .Chip-module_chip__1cghp.Chip-module_light__2zVYs {\n color: var(--light-contrast-text);\n background-color: var(--light); }\n .Chip-module_chip__1cghp.Chip-module_dark__2Bg-S {\n color: var(--dark-contrast-text);\n background-color: var(--dark); }\n .Chip-module_chip__1cghp.Chip-module_clickable__2Y4x7:hover {\n cursor: pointer; }\n .Chip-module_chip__1cghp.Chip-module_clickable__2Y4x7:hover.Chip-module_primary__198Dq {\n background: var(--primary-dark); }\n .Chip-module_chip__1cghp.Chip-module_clickable__2Y4x7:hover.Chip-module_secondary__14H0b {\n background: var(--secondary-dark); }\n .Chip-module_chip__1cghp.Chip-module_clickable__2Y4x7:hover.Chip-module_accent__2LkWr {\n background: var(--accent-dark); }\n .Chip-module_chip__1cghp.Chip-module_shadow__3TYny {\n box-shadow: var(--shadow); }\n";
|
|
713
|
+
var styles$v = {"chip":"Chip-module_chip__1cghp","deleteIcon":"Chip-module_deleteIcon__34X9c","primary":"Chip-module_primary__198Dq","secondary":"Chip-module_secondary__14H0b","accent":"Chip-module_accent__2LkWr","light":"Chip-module_light__2zVYs","dark":"Chip-module_dark__2Bg-S","clickable":"Chip-module_clickable__2Y4x7","shadow":"Chip-module_shadow__3TYny"};
|
|
714
|
+
styleInject(css_248z$v);
|
|
708
715
|
|
|
709
716
|
const Chip = (props) => {
|
|
710
717
|
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"]);
|
|
711
718
|
const getCssClass = () => {
|
|
712
719
|
const cssClasses = [];
|
|
713
|
-
cssClasses.push(styles$
|
|
714
|
-
cssClasses.push(styles$
|
|
715
|
-
shadow && cssClasses.push(styles$
|
|
716
|
-
onClick && cssClasses.push(styles$
|
|
720
|
+
cssClasses.push(styles$v.chip);
|
|
721
|
+
cssClasses.push(styles$v[color]);
|
|
722
|
+
shadow && cssClasses.push(styles$v['shadow']);
|
|
723
|
+
onClick && cssClasses.push(styles$v['clickable']);
|
|
717
724
|
className && cssClasses.push(className);
|
|
718
725
|
return cssClasses.filter(r => r).join(' ');
|
|
719
726
|
};
|
|
@@ -723,10 +730,23 @@ const Chip = (props) => {
|
|
|
723
730
|
};
|
|
724
731
|
return (React.createElement("div", Object.assign({ className: getCssClass() }, rest, { style: style }),
|
|
725
732
|
React.createElement("div", null, children),
|
|
726
|
-
isDeletable && (React.createElement("div", { className: styles$
|
|
733
|
+
isDeletable && (React.createElement("div", { className: styles$v.deleteIcon, onClick: e => handleClickOnDelete(e) }, deleteIcon))));
|
|
727
734
|
};
|
|
728
735
|
|
|
729
|
-
|
|
736
|
+
var css_248z$u = ".FormLabel-module_formLabel__1Zv0W {\n margin-bottom: .5rem; }\n";
|
|
737
|
+
var styles$u = {"formLabel":"FormLabel-module_formLabel__1Zv0W"};
|
|
738
|
+
styleInject(css_248z$u);
|
|
739
|
+
|
|
740
|
+
const FormLabel = (props) => {
|
|
741
|
+
const { children, className, htmlFor } = props, rest = __rest(props, ["children", "className", "htmlFor"]);
|
|
742
|
+
const getCssClasses = () => {
|
|
743
|
+
const cssClasses = [];
|
|
744
|
+
cssClasses.push(styles$u.formLabel);
|
|
745
|
+
className && cssClasses.push(className);
|
|
746
|
+
return cssClasses.filter(css => css).join(' ');
|
|
747
|
+
};
|
|
748
|
+
return (React.createElement("label", Object.assign({ htmlFor: htmlFor, className: getCssClasses() }, rest), children));
|
|
749
|
+
};
|
|
730
750
|
|
|
731
751
|
const FormGroup = (props) => {
|
|
732
752
|
const { children, className = 'mb-1' } = props;
|
|
@@ -759,9 +779,9 @@ const FileInput = (props) => {
|
|
|
759
779
|
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))));
|
|
760
780
|
};
|
|
761
781
|
|
|
762
|
-
var css_248z$
|
|
763
|
-
var styles$
|
|
764
|
-
styleInject(css_248z$
|
|
782
|
+
var css_248z$t = ".Select-module_selectContainer__2oizY {\n position: relative; }\n\n.Select-module_select__MSqgU {\n min-height: calc(1.5em + 0.75rem + 2px);\n height: auto;\n display: flex; }\n .Select-module_select__MSqgU:hover {\n cursor: pointer; }\n\n.Select-module_selectMenu__2vhJt {\n background-color: var(--light);\n position: absolute;\n box-shadow: var(--shadow);\n border-radius: var(--borderRadius);\n width: 100%;\n top: 2px;\n z-index: 1112;\n max-height: 280px;\n overflow: auto; }\n";
|
|
783
|
+
var styles$t = {"selectContainer":"Select-module_selectContainer__2oizY","select":"Select-module_select__MSqgU","selectMenu":"Select-module_selectMenu__2vhJt"};
|
|
784
|
+
styleInject(css_248z$t);
|
|
765
785
|
|
|
766
786
|
const Select = (props) => {
|
|
767
787
|
var _a, _b, _c;
|
|
@@ -774,7 +794,7 @@ const Select = (props) => {
|
|
|
774
794
|
const getCssClass = () => {
|
|
775
795
|
const cssClasses = [];
|
|
776
796
|
className && cssClasses.push(className);
|
|
777
|
-
cssClasses.push(styles$
|
|
797
|
+
cssClasses.push(styles$t.select);
|
|
778
798
|
return cssClasses.filter(r => r).join(' ');
|
|
779
799
|
};
|
|
780
800
|
useEffect(() => {
|
|
@@ -893,7 +913,7 @@ const Select = (props) => {
|
|
|
893
913
|
}
|
|
894
914
|
};
|
|
895
915
|
return (React.createElement(React.Fragment, null,
|
|
896
|
-
React.createElement("div", { ref: selectConainter, className: styles$
|
|
916
|
+
React.createElement("div", { ref: selectConainter, className: styles$t.selectContainer },
|
|
897
917
|
React.createElement("div", { id: id, className: getCssClass(), onClick: () => show(), tabIndex: 0, onKeyDown: e => handleOnKeyDown(e) },
|
|
898
918
|
!multiple && renderSingleViewModel(),
|
|
899
919
|
multiple && renderMultipleViewModel(),
|
|
@@ -901,7 +921,7 @@ const Select = (props) => {
|
|
|
901
921
|
React.createElement(ChevronDownSolidIcon, null))),
|
|
902
922
|
isShow &&
|
|
903
923
|
createPortal(React.createElement(React.Fragment, null,
|
|
904
|
-
React.createElement("div", { className: styles$
|
|
924
|
+
React.createElement("div", { className: styles$t.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 } },
|
|
905
925
|
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) },
|
|
906
926
|
multiple &&
|
|
907
927
|
React.createElement(Checkbox, { checked: isActive(option), onChange: () => handleOnClick(option) }),
|
|
@@ -909,23 +929,40 @@ const Select = (props) => {
|
|
|
909
929
|
React.createElement(Backdrop, { style: { zIndex: 1111 }, isTransparent: true, onClick: () => hide() })), document.body))));
|
|
910
930
|
};
|
|
911
931
|
|
|
912
|
-
var css_248z$
|
|
913
|
-
var styles$
|
|
914
|
-
styleInject(css_248z$
|
|
932
|
+
var css_248z$s = "textarea {\n min-height: calc(10em + 0.75rem + 2px);\n display: block;\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n background-clip: padding-box;\n border: 2px solid var(--input-border-color);\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-radius: var(--borderRadius);\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n resize: vertical; }\n textarea:focus {\n outline: none !important;\n border-color: var(--primary); }\n";
|
|
933
|
+
var styles$s = {};
|
|
934
|
+
styleInject(css_248z$s);
|
|
915
935
|
|
|
916
936
|
const Textarea = (props) => {
|
|
917
937
|
const { className } = props, rest = __rest(props, ["className"]);
|
|
918
938
|
const getCssClass = () => {
|
|
919
939
|
const cssClasses = [];
|
|
920
|
-
cssClasses.push(styles$
|
|
940
|
+
cssClasses.push(styles$s.textarea);
|
|
921
941
|
className && cssClasses.push(className);
|
|
922
942
|
return cssClasses.filter(r => r).join(' ');
|
|
923
943
|
};
|
|
924
944
|
return (React.createElement("textarea", Object.assign({ className: getCssClass() }, rest)));
|
|
925
945
|
};
|
|
926
946
|
|
|
947
|
+
var css_248z$r = ".FormInput-module_formInput__1gAYi {\n display: block;\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ced4da;\n -webkit-appearance: none;\n appearance: none;\n border-radius: 0.25rem;\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n .FormInput-module_formInput__1gAYi:focus {\n color: #212529;\n background-color: #fff;\n border-color: #86b7fe;\n outline: 0;\n box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }\n";
|
|
948
|
+
var styles$r = {"formInput":"FormInput-module_formInput__1gAYi"};
|
|
949
|
+
styleInject(css_248z$r);
|
|
950
|
+
|
|
927
951
|
const FormInput = (props) => {
|
|
928
|
-
const { value, name, type, placeholder, className = 'form-control', isValid = true, options = [], textareaOptions, selectOptions, autoCompleteOptions, autoFocus, label, disabled = false, readonly = false, onChange, onBlur, onKeyDown } = props;
|
|
952
|
+
const { value, name, type, placeholder, className = 'form-control', isValid = true, options = [], textareaOptions, selectOptions, autoCompleteOptions, autoFocus, label, disabled = false, readonly = false, onInput, onChange, onBlur, onKeyDown } = props;
|
|
953
|
+
const getCssClasses = () => {
|
|
954
|
+
const cssClasses = [];
|
|
955
|
+
cssClasses.push(styles$r.formInput);
|
|
956
|
+
className && cssClasses.push(className);
|
|
957
|
+
!isValid && cssClasses.push('is-invalid');
|
|
958
|
+
return cssClasses.filter(css => css).join(' ');
|
|
959
|
+
};
|
|
960
|
+
const handleOnInput = (value, type, name) => {
|
|
961
|
+
onInput && onInput({ value, type, name });
|
|
962
|
+
};
|
|
963
|
+
const handleOnChange = (value, type, name) => {
|
|
964
|
+
onChange && onChange({ value, type, name });
|
|
965
|
+
};
|
|
929
966
|
return (React.createElement(Fragment, null,
|
|
930
967
|
(type === 'text' ||
|
|
931
968
|
type === 'date' ||
|
|
@@ -936,24 +973,32 @@ const FormInput = (props) => {
|
|
|
936
973
|
type === 'color' ||
|
|
937
974
|
type === 'time')
|
|
938
975
|
&&
|
|
939
|
-
React.createElement("input", { id: name, name: name, type: type, className:
|
|
976
|
+
React.createElement("input", { id: name, name: name, type: type, className: getCssClasses(), value: value, autoFocus: autoFocus, onInput: e => handleOnInput(e.target.value, type, name), onChange: e => handleOnChange((e === null || e === void 0 ? void 0 : e.target).value, type, name), onBlur: onBlur, placeholder: placeholder, readOnly: readonly, disabled: disabled, onKeyDown: onKeyDown }),
|
|
940
977
|
type === 'file' &&
|
|
941
|
-
React.createElement(FileInput, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, autoFocus: autoFocus, readOnly: readonly, disabled: disabled, onChange: e =>
|
|
978
|
+
React.createElement(FileInput, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, autoFocus: autoFocus, readOnly: readonly, disabled: disabled, onChange: e => handleOnChange(e.target.value, type, name) }, "choose a file"),
|
|
942
979
|
type === 'textarea' &&
|
|
943
|
-
React.createElement(Textarea, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, autoFocus: autoFocus,
|
|
980
|
+
React.createElement(Textarea, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, autoFocus: autoFocus, onInput: e => handleOnInput(e.target.value, type, name), onChange: e => handleOnChange((e === null || e === void 0 ? void 0 : e.target).value, type, name), placeholder: placeholder, rows: textareaOptions === null || textareaOptions === void 0 ? void 0 : textareaOptions.rows, style: (textareaOptions === null || textareaOptions === void 0 ? void 0 : textareaOptions.resize) !== false ? undefined : { resize: 'none' } }),
|
|
944
981
|
type === 'select' &&
|
|
945
|
-
React.createElement(Select, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, multiple: selectOptions === null || selectOptions === void 0 ? void 0 : selectOptions.multiple, onChange: e =>
|
|
982
|
+
React.createElement(Select, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, multiple: selectOptions === null || selectOptions === void 0 ? void 0 : selectOptions.multiple, onChange: e => handleOnChange(e, type, name), onKeyDown: onKeyDown, options: options }),
|
|
946
983
|
type === 'autocomplete' &&
|
|
947
|
-
React.createElement(AutoComplete, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, openOnFocus: autoCompleteOptions === null || autoCompleteOptions === void 0 ? void 0 : autoCompleteOptions.openOnFocus, onChange: e =>
|
|
984
|
+
React.createElement(AutoComplete, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, openOnFocus: autoCompleteOptions === null || autoCompleteOptions === void 0 ? void 0 : autoCompleteOptions.openOnFocus, onChange: e => handleOnChange(e, type, name), onKeyDown: onKeyDown, options: options }),
|
|
948
985
|
type === 'checkbox' &&
|
|
949
|
-
React.createElement(Checkbox, { id: name, name: name, label: label, className: (!isValid ? ' is-invalid' : ''), onChange: e =>
|
|
986
|
+
React.createElement(Checkbox, { id: name, name: name, label: label, className: (!isValid ? ' is-invalid' : ''), onChange: e => handleOnChange((e === null || e === void 0 ? void 0 : e.target).checked, type, name), checked: value, onKeyDown: onKeyDown }),
|
|
950
987
|
type === 'radio' &&
|
|
951
988
|
React.createElement(Fragment, null, options.map((option) => React.createElement("div", { className: "form-check", key: option.id },
|
|
952
|
-
React.createElement("input", { id: option.id ? option.id : option.value, name: name, type: "radio", className: "form-check-input", onChange: e =>
|
|
989
|
+
React.createElement("input", { id: option.id ? option.id : option.value, name: name, type: "radio", className: "form-check-input", onChange: e => handleOnChange((e === null || e === void 0 ? void 0 : e.target).value, type, name), value: option.value, checked: value === option.value, onKeyDown: onKeyDown }),
|
|
953
990
|
React.createElement("label", { className: "form-check-label", htmlFor: option.id }, option.label))))));
|
|
954
991
|
};
|
|
955
992
|
|
|
956
|
-
const FormHint = (
|
|
993
|
+
const FormHint = (props) => {
|
|
994
|
+
const { children, className = 'form-text text-muted' } = props;
|
|
995
|
+
const getCssClasses = () => {
|
|
996
|
+
const cssClasses = [];
|
|
997
|
+
className && cssClasses.push(className);
|
|
998
|
+
return cssClasses.filter(css => css).join(' ');
|
|
999
|
+
};
|
|
1000
|
+
return (React.createElement("small", { className: getCssClasses() }, children));
|
|
1001
|
+
};
|
|
957
1002
|
|
|
958
1003
|
const FormError = (props) => {
|
|
959
1004
|
const { className = 'invalid-feedback', errors = [] } = props;
|
|
@@ -1132,11 +1177,11 @@ class Form extends Component {
|
|
|
1132
1177
|
return (React.createElement(FormGroup, { key: fieldKey, className: this.getFormGroupCssClass(fieldKey) },
|
|
1133
1178
|
this.getControl(fieldKey).config.labelPosition !== 'behind' && this.getControl(fieldKey).type !== 'checkbox' &&
|
|
1134
1179
|
this.renderLabel(fieldKey, this.getControl(fieldKey).config.label, this.getControl(fieldKey).config.labelClassName),
|
|
1135
|
-
React.createElement(FormInput, { autoFocus: this.getControl(fieldKey).config.autoFocus, className: this.getControl(fieldKey).config.formControlClassName, isValid: !this.isInvalid(fieldKey), label: this.getControl(fieldKey).config.label, name: fieldKey, options: this.getControl(fieldKey).config.options, placeholder: this.getControl(fieldKey).config.placeholder, textareaOptions: this.getControl(fieldKey).config.textareaOptions, selectOptions: this.getControl(fieldKey).config.selectOptions, autoCompleteOptions: this.getControl(fieldKey).config.autoCompleteOptions, type: this.getControl(fieldKey).type, value: this.getControl(fieldKey).value, disabled: this.getControl(fieldKey).config.disabled, readonly: this.getControl(fieldKey).config.readonly, onChange: (name, value, type) => this.handleInputChange(name, value, type), onBlur: (e) => this.handleOnBlur(e), onKeyDown: (e) => this.handleOnKeyDown(e) }),
|
|
1180
|
+
React.createElement(FormInput, { autoFocus: this.getControl(fieldKey).config.autoFocus, className: this.getControl(fieldKey).config.formControlClassName, isValid: !this.isInvalid(fieldKey), label: this.getControl(fieldKey).config.label, name: fieldKey, options: this.getControl(fieldKey).config.options, placeholder: this.getControl(fieldKey).config.placeholder, textareaOptions: this.getControl(fieldKey).config.textareaOptions, selectOptions: this.getControl(fieldKey).config.selectOptions, autoCompleteOptions: this.getControl(fieldKey).config.autoCompleteOptions, type: this.getControl(fieldKey).type, value: this.getControl(fieldKey).value, disabled: this.getControl(fieldKey).config.disabled, readonly: this.getControl(fieldKey).config.readonly, onChange: ({ name, value, type }) => this.handleInputChange(name, value, type), onBlur: (e) => this.handleOnBlur(e), onKeyDown: (e) => this.handleOnKeyDown(e) }),
|
|
1136
1181
|
this.getControl(fieldKey).config.labelPosition === 'behind' && this.getControl(fieldKey).type !== 'checkbox' &&
|
|
1137
1182
|
this.renderLabel(fieldKey, this.getControl(fieldKey).config.label, this.getControl(fieldKey).config.labelClassName),
|
|
1138
1183
|
this.getControl(fieldKey).config.hint &&
|
|
1139
|
-
React.createElement(FormHint,
|
|
1184
|
+
React.createElement(FormHint, null, this.getControl(fieldKey).config.hint),
|
|
1140
1185
|
this.getControl(fieldKey).errors &&
|
|
1141
1186
|
React.createElement(FormError, { errors: this.getControl(fieldKey).errors })));
|
|
1142
1187
|
})));
|
|
@@ -1273,7 +1318,7 @@ const DateSelect = (props) => {
|
|
|
1273
1318
|
// return Math.ceil((((d - yearStart) / 86400000) + 1) / 7)
|
|
1274
1319
|
// };
|
|
1275
1320
|
|
|
1276
|
-
var css_248z$q = ".Drawer-module_drawer__36R2P {\n height: 100%;\n z-index: 1101;\n bottom: 0;\n position: fixed;\n background: white;\n min-width: 280px;\n overflow-y: auto
|
|
1321
|
+
var css_248z$q = ".Drawer-module_drawer__36R2P {\n height: 100%;\n z-index: 1101;\n bottom: 0;\n position: fixed;\n background: white;\n min-width: 280px;\n overflow-y: auto; }\n .Drawer-module_drawer__36R2P.Drawer-module_permanent__AW5Df {\n position: inherit;\n z-index: 0; }\n .Drawer-module_drawer__36R2P.Drawer-module_left__1KKcY {\n order: 0; }\n .Drawer-module_drawer__36R2P.Drawer-module_right__2gESb {\n order: 2; }\n\n.Drawer-module_drawerOpen__euFdW {\n overflow: hidden; }\n";
|
|
1277
1322
|
var styles$q = {"drawer":"Drawer-module_drawer__36R2P","permanent":"Drawer-module_permanent__AW5Df","left":"Drawer-module_left__1KKcY","right":"Drawer-module_right__2gESb","drawerOpen":"Drawer-module_drawerOpen__euFdW"};
|
|
1278
1323
|
styleInject(css_248z$q);
|
|
1279
1324
|
|
|
@@ -1312,7 +1357,7 @@ const DrawerContent = (props) => {
|
|
|
1312
1357
|
return (React.createElement("div", { className: getCssClasses(), style: getStyles() }, children));
|
|
1313
1358
|
};
|
|
1314
1359
|
|
|
1315
|
-
var css_248z$p = ".MenuBody-module_menuBody__3cPsp {\n z-index: 1111;\n margin: 0;\n position: absolute;\n top: 100%;\n left: 0;\n min-width: 10rem;\n padding: 8px 0px;\n font-size: 1rem;\n color: #212529;\n text-align: left;\n list-style: none;\n background-color: #fff;\n background-clip: padding-box;\n border-radius: var(--borderRadius)
|
|
1360
|
+
var css_248z$p = ".MenuBody-module_menuBody__3cPsp {\n z-index: 1111;\n margin: 0;\n position: absolute;\n top: 100%;\n left: 0;\n min-width: 10rem;\n padding: 8px 0px;\n font-size: 1rem;\n color: #212529;\n text-align: left;\n list-style: none;\n background-color: #fff;\n background-clip: padding-box;\n border-radius: var(--borderRadius); }\n .MenuBody-module_menuBody__3cPsp.MenuBody-module_shadow__AF_9C {\n box-shadow: var(--shadow); }\n";
|
|
1316
1361
|
var styles$p = {"menuBody":"MenuBody-module_menuBody__3cPsp","shadow":"MenuBody-module_shadow__AF_9C"};
|
|
1317
1362
|
styleInject(css_248z$p);
|
|
1318
1363
|
|
|
@@ -1357,7 +1402,7 @@ const MenuBody = (props) => {
|
|
|
1357
1402
|
React.createElement(Backdrop, { isTransparent: true, onClick: handleClickBackdrop })), document.body));
|
|
1358
1403
|
};
|
|
1359
1404
|
|
|
1360
|
-
var css_248z$o = ".Menu-module_menu__23BYG {\n display: flex
|
|
1405
|
+
var css_248z$o = ".Menu-module_menu__23BYG {\n display: flex; }\n";
|
|
1361
1406
|
var styles$o = {"menu":"Menu-module_menu__23BYG"};
|
|
1362
1407
|
styleInject(css_248z$o);
|
|
1363
1408
|
|
|
@@ -1380,7 +1425,7 @@ const Menu = (props) => {
|
|
|
1380
1425
|
React.createElement(MenuBody, { parentRef: toggleContainerRef, menuPosition: menuPosition, onClickBackdrop: handleClickBackdrop }, children)));
|
|
1381
1426
|
};
|
|
1382
1427
|
|
|
1383
|
-
var css_248z$n = ".MenuItem-module_menuItem__kvauR {\n display: flex;\n width: 100%;\n padding: 0.25rem 1.5rem;\n clear: both;\n font-weight: 400;\n color: #212529;\n text-align: inherit;\n text-decoration: none;\n white-space: nowrap;\n background-color: transparent;\n border: 0
|
|
1428
|
+
var css_248z$n = ".MenuItem-module_menuItem__kvauR {\n display: flex;\n width: 100%;\n padding: 0.25rem 1.5rem;\n clear: both;\n font-weight: 400;\n color: #212529;\n text-align: inherit;\n text-decoration: none;\n white-space: nowrap;\n background-color: transparent;\n border: 0; }\n .MenuItem-module_menuItem__kvauR.MenuItem-module_menuItemHeader__mp7wc {\n margin-bottom: 0;\n font-size: 0.875rem; }\n .MenuItem-module_menuItem__kvauR:hover {\n cursor: pointer;\n color: #1e2125;\n background-color: rgba(0, 0, 0, 0.04); }\n";
|
|
1384
1429
|
var styles$n = {"menuItem":"MenuItem-module_menuItem__kvauR","menuItemHeader":"MenuItem-module_menuItemHeader__mp7wc"};
|
|
1385
1430
|
styleInject(css_248z$n);
|
|
1386
1431
|
|
|
@@ -1408,13 +1453,13 @@ const MenuToggle = ({ children }) => {
|
|
|
1408
1453
|
return (React.createElement(Fragment, null, children));
|
|
1409
1454
|
};
|
|
1410
1455
|
|
|
1411
|
-
var css_248z$m = ".MenuDivider-module_menuItemDivider__JnLsC {\n height: 0;\n margin: 0.5rem 0;\n overflow: hidden;\n border-top: 1px solid #e9ecef
|
|
1456
|
+
var css_248z$m = ".MenuDivider-module_menuItemDivider__JnLsC {\n height: 0;\n margin: 0.5rem 0;\n overflow: hidden;\n border-top: 1px solid #e9ecef; }\n";
|
|
1412
1457
|
var styles$m = {"menuItemDivider":"MenuDivider-module_menuItemDivider__JnLsC"};
|
|
1413
1458
|
styleInject(css_248z$m);
|
|
1414
1459
|
|
|
1415
1460
|
const MenuDivider = () => React.createElement("div", { className: styles$m.menuItemDivider });
|
|
1416
1461
|
|
|
1417
|
-
var css_248z$l = ".ExpansionPanelContent-module_expansionPanelContent__3H62L {\n padding: 8px 16px 16px
|
|
1462
|
+
var css_248z$l = ".ExpansionPanelContent-module_expansionPanelContent__3H62L {\n padding: 8px 16px 16px; }\n";
|
|
1418
1463
|
var styles$l = {"expansionPanelContent":"ExpansionPanelContent-module_expansionPanelContent__3H62L"};
|
|
1419
1464
|
styleInject(css_248z$l);
|
|
1420
1465
|
|
|
@@ -1422,7 +1467,7 @@ const ExpansionPanelContent = ({ children }) => {
|
|
|
1422
1467
|
return (React.createElement("div", { className: styles$l.expansionPanelContent }, children));
|
|
1423
1468
|
};
|
|
1424
1469
|
|
|
1425
|
-
var css_248z$k = ".ExpansionPanelHeader-module_expansionPanelHeader__3hrsI {\n display: flex;\n align-items: center;\n padding: 12px 16px;\n min-height: 48px
|
|
1470
|
+
var css_248z$k = ".ExpansionPanelHeader-module_expansionPanelHeader__3hrsI {\n display: flex;\n align-items: center;\n padding: 12px 16px;\n min-height: 48px; }\n .ExpansionPanelHeader-module_expansionPanelHeader__3hrsI:hover {\n cursor: pointer;\n background-color: var(--highlight); }\n";
|
|
1426
1471
|
var styles$k = {"expansionPanelHeader":"ExpansionPanelHeader-module_expansionPanelHeader__3hrsI"};
|
|
1427
1472
|
styleInject(css_248z$k);
|
|
1428
1473
|
|
|
@@ -1438,7 +1483,7 @@ const ExpansionPanelHeader = (props) => {
|
|
|
1438
1483
|
React.createElement(Icon, null, isExpanded ? React.createElement(ChevronUpSolidIcon, null) : React.createElement(ChevronDownSolidIcon, null)))));
|
|
1439
1484
|
};
|
|
1440
1485
|
|
|
1441
|
-
var css_248z$j = ".ExpansionPanel-module_expansionPanel__3krcE {\n background-color: var(--white);\n box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
|
|
1486
|
+
var css_248z$j = ".ExpansionPanel-module_expansionPanel__3krcE {\n background-color: var(--white);\n box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n .ExpansionPanel-module_expansionPanel__3krcE:first-child {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px; }\n .ExpansionPanel-module_expansionPanel__3krcE:last-child {\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px; }\n .ExpansionPanel-module_expansionPanel__3krcE.ExpansionPanel-module_isExpanded__1m4Dt {\n margin: 16px 0; }\n .ExpansionPanel-module_expansionPanel__3krcE.ExpansionPanel-module_isExpanded__1m4Dt:first-child {\n margin-top: 0; }\n .ExpansionPanel-module_expansionPanel__3krcE.ExpansionPanel-module_isExpanded__1m4Dt:last-child {\n margin-bottom: 0; }\n";
|
|
1442
1487
|
var styles$j = {"expansionPanel":"ExpansionPanel-module_expansionPanel__3krcE","isExpanded":"ExpansionPanel-module_isExpanded__1m4Dt"};
|
|
1443
1488
|
styleInject(css_248z$j);
|
|
1444
1489
|
|
|
@@ -1466,7 +1511,7 @@ const ExpansionPanel = (props) => {
|
|
|
1466
1511
|
React.createElement(ExpansionPanelContent, null, children)));
|
|
1467
1512
|
};
|
|
1468
1513
|
|
|
1469
|
-
var css_248z$i = ".FloatingActionButton-module_fab__3GwiH {\n box-shadow: var(--shadow)
|
|
1514
|
+
var css_248z$i = ".FloatingActionButton-module_fab__3GwiH {\n box-shadow: var(--shadow); }\n .FloatingActionButton-module_fab__3GwiH.FloatingActionButton-module_fixed__17qrv {\n position: fixed;\n bottom: 16px;\n right: 16px;\n z-index: 1000; }\n";
|
|
1470
1515
|
var styles$i = {"fab":"FloatingActionButton-module_fab__3GwiH","fixed":"FloatingActionButton-module_fixed__17qrv"};
|
|
1471
1516
|
styleInject(css_248z$i);
|
|
1472
1517
|
|
|
@@ -1537,7 +1582,7 @@ const Link = (props) => {
|
|
|
1537
1582
|
return (React.createElement("a", { className: getCssClasses(), href: url || '#', target: target, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, children));
|
|
1538
1583
|
};
|
|
1539
1584
|
|
|
1540
|
-
var css_248z$h = ".LoadingIndicator-module_loadingIndicatorContainer__3e1-3 {\n position: fixed;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100
|
|
1585
|
+
var css_248z$h = ".LoadingIndicator-module_loadingIndicatorContainer__3e1-3 {\n position: fixed;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%; }\n\n.LoadingIndicator-module_loadingIndicator__tvp5i {\n animation-name: LoadingIndicator-module_spinAnimation__PKRNn;\n animation-duration: 5000ms;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n width: 24px;\n height: 24px; }\n\n@keyframes LoadingIndicator-module_spinAnimation__PKRNn {\n from {\n transform: rotate(0deg); }\n to {\n transform: rotate(360deg); } }\n";
|
|
1541
1586
|
var styles$h = {"loadingIndicatorContainer":"LoadingIndicator-module_loadingIndicatorContainer__3e1-3","loadingIndicator":"LoadingIndicator-module_loadingIndicator__tvp5i","spinAnimation":"LoadingIndicator-module_spinAnimation__PKRNn"};
|
|
1542
1587
|
styleInject(css_248z$h);
|
|
1543
1588
|
|
|
@@ -1584,7 +1629,7 @@ class LoadingIndicatorService {
|
|
|
1584
1629
|
}
|
|
1585
1630
|
const loadingIndicatorService = new LoadingIndicatorService();
|
|
1586
1631
|
|
|
1587
|
-
var css_248z$g = ".ModalHeader-module_modalHeader__o5HzE {\n border-bottom: none;\n align-items: center
|
|
1632
|
+
var css_248z$g = ".ModalHeader-module_modalHeader__o5HzE {\n border-bottom: none;\n align-items: center; }\n";
|
|
1588
1633
|
var styles$g = {"modalHeader":"ModalHeader-module_modalHeader__o5HzE"};
|
|
1589
1634
|
styleInject(css_248z$g);
|
|
1590
1635
|
|
|
@@ -1601,11 +1646,11 @@ const ModalHeader = (props) => {
|
|
|
1601
1646
|
|
|
1602
1647
|
const ModalBody = ({ children }) => (React.createElement("div", { className: "modal-body" }, children));
|
|
1603
1648
|
|
|
1604
|
-
var css_248z$f = ".Modal-module_modal__1NdMJ {\n z-index: 1111 !important;\n border-radius: var(--borderRadius)
|
|
1649
|
+
var css_248z$f = ".Modal-module_modal__1NdMJ {\n z-index: 1111 !important;\n border-radius: var(--borderRadius); }\n .Modal-module_modal__1NdMJ.Modal-module_fullscreen__3R-sM {\n width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n margin: 0;\n padding: 0; }\n .Modal-module_modal__1NdMJ.Modal-module_fullscreen__3R-sM .Modal-module_modalContent__E2kaP {\n height: auto;\n min-height: 100%;\n max-height: 100%;\n border-radius: 0;\n overflow: auto; }\n @media (min-width: 320px) {\n .Modal-module_modal__1NdMJ.Modal-module_fullscreen__3R-sM {\n max-width: 100% !important; } }\n .Modal-module_modal__1NdMJ .Modal-module_sm__3UfYB {\n max-width: 300px; }\n .Modal-module_modal__1NdMJ .Modal-module_md__2uX1a {\n max-width: 500px; }\n .Modal-module_modal__1NdMJ .Modal-module_lg__3ux_V {\n max-width: 1140px; }\n @media (min-width: 576px) {\n .Modal-module_modal__1NdMJ .Modal-module_modal-dialog__IdJ1c {\n max-width: 600px; } }\n";
|
|
1605
1650
|
var styles$f = {"modal":"Modal-module_modal__1NdMJ","fullscreen":"Modal-module_fullscreen__3R-sM","modalContent":"Modal-module_modalContent__E2kaP","sm":"Modal-module_sm__3UfYB","md":"Modal-module_md__2uX1a","lg":"Modal-module_lg__3ux_V","modal-dialog":"Modal-module_modal-dialog__IdJ1c"};
|
|
1606
1651
|
styleInject(css_248z$f);
|
|
1607
1652
|
|
|
1608
|
-
var css_248z$e = ".ModalFooter-module_modalFooter__2Et4e {\n border-top: none
|
|
1653
|
+
var css_248z$e = ".ModalFooter-module_modalFooter__2Et4e {\n border-top: none; }\n";
|
|
1609
1654
|
var styles$e = {"modalFooter":"ModalFooter-module_modalFooter__2Et4e"};
|
|
1610
1655
|
styleInject(css_248z$e);
|
|
1611
1656
|
|
|
@@ -1834,7 +1879,7 @@ const Sidebar = (props) => {
|
|
|
1834
1879
|
!item.isCollapsed && item.items && item.items.length > 0 && (React.createElement(List, { className: "list-level-1", key: `${item.id}-sub` }, item.items.map(subItem => (React.createElement(ListItem, { className: "list-item-level-1", active: isMenuItemActive(subItem.path), key: subItem.id, onClick: (e) => handleClickSubItem(item.path, subItem.path, e) }, subItem.label)))))))))));
|
|
1835
1880
|
};
|
|
1836
1881
|
|
|
1837
|
-
var css_248z$d = ".Snackbar-module_snackbar__3AF3D {\n display: flex;\n align-items: center;\n min-width: 288px;\n padding: 6px 16px;\n transform-origin: center;\n min-height: 52px;\n animation: Snackbar-module_bounceIn__11jAv 0.4s ease;\n z-index: 1001;\n position: fixed;\n left: 50%;\n transform: translateX(-50%);\n bottom: 2%;\n border-radius: var(--borderRadius)
|
|
1882
|
+
var css_248z$d = ".Snackbar-module_snackbar__3AF3D {\n display: flex;\n align-items: center;\n min-width: 288px;\n padding: 6px 16px;\n transform-origin: center;\n min-height: 52px;\n animation: Snackbar-module_bounceIn__11jAv 0.4s ease;\n z-index: 1001;\n position: fixed;\n left: 50%;\n transform: translateX(-50%);\n bottom: 2%;\n border-radius: var(--borderRadius); }\n .Snackbar-module_snackbar__3AF3D.Snackbar-module_primary__3Pt9m {\n color: var(--primary-contrast-text);\n background-color: var(--primary); }\n .Snackbar-module_snackbar__3AF3D.Snackbar-module_accent__1iCXk {\n color: var(--accent-contrast-text);\n background-color: var(--accent); }\n .Snackbar-module_snackbar__3AF3D.Snackbar-module_secondary__3ke12 {\n color: var(--secondary-contrast-text);\n background-color: var(--secondary); }\n .Snackbar-module_snackbar__3AF3D.Snackbar-module_light__3Pi0Y {\n color: var(--light-contrast-text);\n background-color: var(--light); }\n .Snackbar-module_snackbar__3AF3D.Snackbar-module_dark__3TwXn {\n color: var(--dark-contrast-text);\n background-color: var(--dark); }\n\n.Snackbar-module_text__2gmW- {\n width: 100%;\n padding: 8px 0; }\n\n.Snackbar-module_action__1BXqS {\n margin-left: auto; }\n .Snackbar-module_action__1BXqS:hover {\n cursor: pointer; }\n\n@keyframes Snackbar-module_bounceIn__11jAv {\n 0% {\n opacity: 0; }\n 50% {\n opacity: 0.9; }\n 80% {\n opacity: 1; }\n 100% {\n opacity: 1; } }\n";
|
|
1838
1883
|
var styles$d = {"snackbar":"Snackbar-module_snackbar__3AF3D","bounceIn":"Snackbar-module_bounceIn__11jAv","primary":"Snackbar-module_primary__3Pt9m","accent":"Snackbar-module_accent__1iCXk","secondary":"Snackbar-module_secondary__3ke12","light":"Snackbar-module_light__3Pi0Y","dark":"Snackbar-module_dark__3TwXn","text":"Snackbar-module_text__2gmW-","action":"Snackbar-module_action__1BXqS"};
|
|
1839
1884
|
styleInject(css_248z$d);
|
|
1840
1885
|
|
|
@@ -1890,7 +1935,7 @@ class SnackbarService {
|
|
|
1890
1935
|
}
|
|
1891
1936
|
const snackbarService = new SnackbarService();
|
|
1892
1937
|
|
|
1893
|
-
var css_248z$c = ".SpeedDialActions-module_speedDialActions__zLEps {\n margin-bottom: -32px;\n flex-direction: column-reverse;\n padding-bottom: 48px;\n display: flex;\n pointer-events: auto
|
|
1938
|
+
var css_248z$c = ".SpeedDialActions-module_speedDialActions__zLEps {\n margin-bottom: -32px;\n flex-direction: column-reverse;\n padding-bottom: 48px;\n display: flex;\n pointer-events: auto; }\n";
|
|
1894
1939
|
var styles$c = {"speedDialActions":"SpeedDialActions-module_speedDialActions__zLEps"};
|
|
1895
1940
|
styleInject(css_248z$c);
|
|
1896
1941
|
|
|
@@ -1904,7 +1949,7 @@ const SpeedDialActions = (props) => {
|
|
|
1904
1949
|
return (React.createElement("div", { className: getCssClasses() }, children));
|
|
1905
1950
|
};
|
|
1906
1951
|
|
|
1907
|
-
var css_248z$b = ".SpeedDial-module_speedDial__CQ5x2 {\n position: absolute;\n flex-direction: column-reverse;\n display: flex;\n z-index: 1050;\n align-items: center;\n right: 16px;\n bottom: 16px;\n transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
|
|
1952
|
+
var css_248z$b = ".SpeedDial-module_speedDial__CQ5x2 {\n position: absolute;\n flex-direction: column-reverse;\n display: flex;\n z-index: 1050;\n align-items: center;\n right: 16px;\n bottom: 16px;\n transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n";
|
|
1908
1953
|
var styles$b = {"speedDial":"SpeedDial-module_speedDial__CQ5x2"};
|
|
1909
1954
|
styleInject(css_248z$b);
|
|
1910
1955
|
|
|
@@ -1929,7 +1974,7 @@ const SpeedDial = (props) => {
|
|
|
1929
1974
|
React.createElement(SpeedDialActions, null, children)));
|
|
1930
1975
|
};
|
|
1931
1976
|
|
|
1932
|
-
var css_248z$a = ".SpeedDialAction-module_speedDialAction__qmExs + .SpeedDialAction-module_speedDialAction__qmExs {\n margin-bottom: 10px
|
|
1977
|
+
var css_248z$a = ".SpeedDialAction-module_speedDialAction__qmExs + .SpeedDialAction-module_speedDialAction__qmExs {\n margin-bottom: 10px; }\n";
|
|
1933
1978
|
var styles$a = {"speedDialAction":"SpeedDialAction-module_speedDialAction__qmExs"};
|
|
1934
1979
|
styleInject(css_248z$a);
|
|
1935
1980
|
|
|
@@ -1954,7 +1999,7 @@ const SpeedDialIcon = (props) => {
|
|
|
1954
1999
|
return (React.createElement(Icon, Object.assign({ className: getCssClasses() }, rest), children));
|
|
1955
2000
|
};
|
|
1956
2001
|
|
|
1957
|
-
var css_248z$9 = ".StepperActions-module_stepperActions__2r5ZT {\n display: flex
|
|
2002
|
+
var css_248z$9 = ".StepperActions-module_stepperActions__2r5ZT {\n display: flex; }\n";
|
|
1958
2003
|
var styles$9 = {"stepperActions":"StepperActions-module_stepperActions__2r5ZT"};
|
|
1959
2004
|
styleInject(css_248z$9);
|
|
1960
2005
|
|
|
@@ -1979,7 +2024,7 @@ const StepPanel = (props) => {
|
|
|
1979
2024
|
return (React.createElement("div", { className: "steppanel" }, children));
|
|
1980
2025
|
};
|
|
1981
2026
|
|
|
1982
|
-
var css_248z$8 = ".StepConnector-module_stepConnector__2m7Xp {\n flex: 1 1 auto;\n flex-shrink: 0;\n min-width: 20px
|
|
2027
|
+
var css_248z$8 = ".StepConnector-module_stepConnector__2m7Xp {\n flex: 1 1 auto;\n flex-shrink: 0;\n min-width: 20px; }\n\n.StepConnector-module_stepConnectorLine__jSqG4 {\n display: block;\n border-color: var(--secondary);\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n .StepConnector-module_stepConnectorLine__jSqG4.StepConnector-module_isActive__3Yj6N {\n border-color: var(--primary); }\n\n.StepConnector-module_stepConnectorLineHorizontal__3R2R8 {\n border-top-style: solid;\n border-top-width: 1px; }\n";
|
|
1983
2028
|
var styles$8 = {"stepConnector":"StepConnector-module_stepConnector__2m7Xp","stepConnectorLine":"StepConnector-module_stepConnectorLine__jSqG4","isActive":"StepConnector-module_isActive__3Yj6N","stepConnectorLineHorizontal":"StepConnector-module_stepConnectorLineHorizontal__3R2R8"};
|
|
1984
2029
|
styleInject(css_248z$8);
|
|
1985
2030
|
|
|
@@ -2001,7 +2046,7 @@ const StepConnector = (props) => {
|
|
|
2001
2046
|
React.createElement("div", { className: getCssClassesLine() })));
|
|
2002
2047
|
};
|
|
2003
2048
|
|
|
2004
|
-
var css_248z$7 = ".Stepper-module_stepper__1TOxM {\n display: flex;\n align-items: center;\n flex-direction: row;\n margin-bottom: 10px
|
|
2049
|
+
var css_248z$7 = ".Stepper-module_stepper__1TOxM {\n display: flex;\n align-items: center;\n flex-direction: row;\n margin-bottom: 10px; }\n .Stepper-module_stepper__1TOxM.Stepper-module_isHorizontal__3rFHH {\n overflow-x: auto; }\n";
|
|
2005
2050
|
var styles$7 = {"stepper":"Stepper-module_stepper__1TOxM","isHorizontal":"Stepper-module_isHorizontal__3rFHH"};
|
|
2006
2051
|
styleInject(css_248z$7);
|
|
2007
2052
|
|
|
@@ -2161,7 +2206,7 @@ function useDebounce(callback, timeout, deps) {
|
|
|
2161
2206
|
}, deps);
|
|
2162
2207
|
}
|
|
2163
2208
|
|
|
2164
|
-
var css_248z$6 = ".Step-module_stepWrapper__1se3l {\n display: flex;\n align-items: center;\n padding-left: 8px;\n padding-right: 8px;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
|
|
2209
|
+
var css_248z$6 = ".Step-module_stepWrapper__1se3l {\n display: flex;\n align-items: center;\n padding-left: 8px;\n padding-right: 8px;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n .Step-module_stepWrapper__1se3l.Step-module_hasLabel__3cdCU:not(.Step-module_disabled__1R7hh):hover {\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0.04);\n border-radius: var(--borderRadius); }\n\n.Step-module_step__2siYu {\n width: 40px;\n height: 40px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n .Step-module_step__2siYu:not(.Step-module_hasLabel__3cdCU):not(.Step-module_disabled__1R7hh):hover {\n border-radius: 100%;\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0.04); }\n .Step-module_step__2siYu.Step-module_hasLabel__3cdCU svg {\n width: 18px !important;\n height: 18px !important; }\n\n.Step-module_stepIconCircle__3IyDn svg {\n width: 24px;\n height: 24px; }\n\n.Step-module_stepValue__2TVrP {\n position: absolute;\n color: var(--secondary-contrast-text); }\n .Step-module_stepValue__2TVrP .Step-module_isActive__1QTL4 {\n color: var(--primary-contrast-text); }\n";
|
|
2165
2210
|
var styles$6 = {"stepWrapper":"Step-module_stepWrapper__1se3l","hasLabel":"Step-module_hasLabel__3cdCU","disabled":"Step-module_disabled__1R7hh","step":"Step-module_step__2siYu","stepIconCircle":"Step-module_stepIconCircle__3IyDn","stepValue":"Step-module_stepValue__2TVrP","isActive":"Step-module_isActive__1QTL4"};
|
|
2166
2211
|
styleInject(css_248z$6);
|
|
2167
2212
|
|
|
@@ -2216,7 +2261,7 @@ const Table = (props) => {
|
|
|
2216
2261
|
React.createElement("table", { className: getCssClasses() }, children)));
|
|
2217
2262
|
};
|
|
2218
2263
|
|
|
2219
|
-
var css_248z$5 = ".TabIndicator-module_tabIndicator__wj9Qm {\n bottom: 0;\n height: 2px;\n position: absolute;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
|
|
2264
|
+
var css_248z$5 = ".TabIndicator-module_tabIndicator__wj9Qm {\n bottom: 0;\n height: 2px;\n position: absolute;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n .TabIndicator-module_tabIndicator__wj9Qm.TabIndicator-module_primary__2Lc8c {\n background-color: var(--primary); }\n .TabIndicator-module_tabIndicator__wj9Qm.TabIndicator-module_accent__37h0D {\n background-color: var(--accent); }\n";
|
|
2220
2265
|
var styles$5 = {"tabIndicator":"TabIndicator-module_tabIndicator__wj9Qm","primary":"TabIndicator-module_primary__2Lc8c","accent":"TabIndicator-module_accent__37h0D"};
|
|
2221
2266
|
styleInject(css_248z$5);
|
|
2222
2267
|
|
|
@@ -2234,7 +2279,7 @@ const TabIndicator = (props) => {
|
|
|
2234
2279
|
} }));
|
|
2235
2280
|
};
|
|
2236
2281
|
|
|
2237
|
-
var css_248z$4 = ".Tabs-module_tabs__2azkC {\n display: flex;\n position: relative
|
|
2282
|
+
var css_248z$4 = ".Tabs-module_tabs__2azkC {\n display: flex;\n position: relative; }\n";
|
|
2238
2283
|
var styles$4 = {"tabs":"Tabs-module_tabs__2azkC"};
|
|
2239
2284
|
styleInject(css_248z$4);
|
|
2240
2285
|
|
|
@@ -2275,7 +2320,7 @@ const Tabs = (props) => {
|
|
|
2275
2320
|
React.createElement(TabIndicator, { color: indicatorColor, width: (100 / React.Children.toArray(children).length) + '%', index: selectedIndex, amount: React.Children.toArray(children).length }))));
|
|
2276
2321
|
};
|
|
2277
2322
|
|
|
2278
|
-
var css_248z$3 = ".Tab-module_tab__31Fjd {\n padding: 6px 12px;\n overflow: hidden;\n position: relative;\n font-size: 0.875rem;\n min-width: 72px;\n box-sizing: border-box;\n min-height: 48px;\n text-align: center;\n font-weight: 500;\n line-height: 1.75;\n white-space: normal;\n letter-spacing: 0.02857em;\n text-transform: uppercase;\n border-radius: 0;\n flex-grow: 1;\n flex-basis: 0;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
|
|
2323
|
+
var css_248z$3 = ".Tab-module_tab__31Fjd {\n padding: 6px 12px;\n overflow: hidden;\n position: relative;\n font-size: 0.875rem;\n min-width: 72px;\n box-sizing: border-box;\n min-height: 48px;\n text-align: center;\n font-weight: 500;\n line-height: 1.75;\n white-space: normal;\n letter-spacing: 0.02857em;\n text-transform: uppercase;\n border-radius: 0;\n flex-grow: 1;\n flex-basis: 0;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n";
|
|
2279
2324
|
var styles$3 = {"tab":"Tab-module_tab__31Fjd"};
|
|
2280
2325
|
styleInject(css_248z$3);
|
|
2281
2326
|
|
|
@@ -2298,7 +2343,7 @@ const TabPanel = (props) => {
|
|
|
2298
2343
|
return (React.createElement("div", Object.assign({ role: "tabpanel", hidden: value !== index, id: `tabpanel-${index}`, "aria-labelledby": `wrapped-tab-${index}` }, rest), value === index && children));
|
|
2299
2344
|
};
|
|
2300
2345
|
|
|
2301
|
-
var css_248z$2 = ".Tooltip-module_tooltipContainer__3SPVX {\n display: inline
|
|
2346
|
+
var css_248z$2 = ".Tooltip-module_tooltipContainer__3SPVX {\n display: inline; }\n\n.Tooltip-module_tooltip__1AML3 {\n background-color: #333;\n color: white;\n padding: 5px 10px;\n border-radius: 4px;\n font-size: 13px;\n position: absolute;\n left: -1000000px;\n z-index: 1100; }\n .Tooltip-module_tooltip__1AML3 #Tooltip-module_arrow__2c3YL,\n .Tooltip-module_tooltip__1AML3 #Tooltip-module_arrow__2c3YL::before {\n position: absolute;\n width: 8px;\n height: 8px;\n z-index: -1; }\n .Tooltip-module_tooltip__1AML3 #Tooltip-module_arrow__2c3YL::before {\n content: \"\";\n transform: rotate(45deg);\n background: #333; }\n .Tooltip-module_tooltip__1AML3[data-popper-placement^=\"top\"] > #Tooltip-module_arrow__2c3YL {\n bottom: -4px; }\n .Tooltip-module_tooltip__1AML3[data-popper-placement^=\"bottom\"] > #Tooltip-module_arrow__2c3YL {\n top: -4px; }\n .Tooltip-module_tooltip__1AML3[data-popper-placement^=\"left\"] > #Tooltip-module_arrow__2c3YL {\n right: -4px; }\n .Tooltip-module_tooltip__1AML3[data-popper-placement^=\"right\"] > #Tooltip-module_arrow__2c3YL {\n left: -4px; }\n";
|
|
2302
2347
|
var styles$2 = {"tooltipContainer":"Tooltip-module_tooltipContainer__3SPVX","tooltip":"Tooltip-module_tooltip__1AML3","arrow":"Tooltip-module_arrow__2c3YL"};
|
|
2303
2348
|
styleInject(css_248z$2);
|
|
2304
2349
|
|
|
@@ -2477,7 +2522,7 @@ const TimeSelect = (props) => {
|
|
|
2477
2522
|
React.createElement(MilliSecondSelect, { className: "form-control", value: currDate.getMilliseconds(), disabled: disabled, onChange: e => handleOnChange(e, TIMEMODE.MILLISECONDS) }))));
|
|
2478
2523
|
};
|
|
2479
2524
|
|
|
2480
|
-
var css_248z$1 = ".TreeView-module_treeView__3kmGm {\n list-style-type: none;\n margin-bottom: 0;\n padding-left: 0px !important
|
|
2525
|
+
var css_248z$1 = ".TreeView-module_treeView__3kmGm {\n list-style-type: none;\n margin-bottom: 0;\n padding-left: 0px !important; }\n .TreeView-module_treeView__3kmGm ul {\n padding-left: 48px !important; }\n";
|
|
2481
2526
|
var styles$1 = {"treeView":"TreeView-module_treeView__3kmGm"};
|
|
2482
2527
|
styleInject(css_248z$1);
|
|
2483
2528
|
|
|
@@ -2492,7 +2537,7 @@ const TreeView = (props) => {
|
|
|
2492
2537
|
return (React.createElement("ul", { className: getCssClasses() }, children));
|
|
2493
2538
|
};
|
|
2494
2539
|
|
|
2495
|
-
var css_248z = ".TreeItem-module_treeItem__2FtLe {\n display: flex;\n flex-direction: column;\n min-height: 48px;\n justify-content: center
|
|
2540
|
+
var css_248z = ".TreeItem-module_treeItem__2FtLe {\n display: flex;\n flex-direction: column;\n min-height: 48px;\n justify-content: center; }\n";
|
|
2496
2541
|
var styles = {"treeItem":"TreeItem-module_treeItem__2FtLe"};
|
|
2497
2542
|
styleInject(css_248z);
|
|
2498
2543
|
|