react-asc 18.8.1 → 18.8.5
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/List/ListItem.d.ts +1 -1
- package/components/TreeView/TreeItem.d.ts +3 -2
- package/index.es.js +75 -67
- package/index.es.js.map +1 -1
- package/index.js +350 -342
- package/index.js.map +1 -1
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -95,7 +95,7 @@ function styleInject(css, ref) {
|
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
97
|
|
|
98
|
-
var css_248z$T = ".Alert-module_alert__2yOUn {\n border-radius: var(--borderRadius);\n padding: 6px 16px
|
|
98
|
+
var css_248z$T = ".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";
|
|
99
99
|
var styles$T = {"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"};
|
|
100
100
|
styleInject(css_248z$T);
|
|
101
101
|
|
|
@@ -116,10 +116,10 @@ const Alert = (props) => {
|
|
|
116
116
|
className && cssClasses.push(className);
|
|
117
117
|
return cssClasses.filter(r => r).join(' ');
|
|
118
118
|
};
|
|
119
|
-
return (React__default[
|
|
119
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
120
120
|
};
|
|
121
121
|
|
|
122
|
-
var css_248z$S = ".AppBar-module_appbar__1S8G1 {\n padding: 0.5rem 1rem;\n display: flex;\n z-index: 1000;\n min-height: 64px;\n flex-shrink: 0
|
|
122
|
+
var css_248z$S = ".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";
|
|
123
123
|
var styles$S = {"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"};
|
|
124
124
|
styleInject(css_248z$S);
|
|
125
125
|
|
|
@@ -133,10 +133,10 @@ const AppBar = (props) => {
|
|
|
133
133
|
className && cssClasses.push(className);
|
|
134
134
|
return cssClasses.filter(r => r).join(' ');
|
|
135
135
|
};
|
|
136
|
-
return (React__default[
|
|
136
|
+
return (React__default["default"].createElement("nav", Object.assign({ className: getCssClasses() }, rest), children));
|
|
137
137
|
};
|
|
138
138
|
|
|
139
|
-
var css_248z$R = ".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
|
|
139
|
+
var css_248z$R = ".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";
|
|
140
140
|
var styles$R = {"appbarTitle":"AppBarTitle-module_appbarTitle__3J-Z1"};
|
|
141
141
|
styleInject(css_248z$R);
|
|
142
142
|
|
|
@@ -148,7 +148,7 @@ const AppBarTitle = (props) => {
|
|
|
148
148
|
className && cssClasses.push(className);
|
|
149
149
|
return cssClasses.filter(r => r).join(' ');
|
|
150
150
|
};
|
|
151
|
-
return (React__default[
|
|
151
|
+
return (React__default["default"].createElement("div", { className: getCssClass(), onClick: () => onClick && onClick() }, children));
|
|
152
152
|
};
|
|
153
153
|
|
|
154
154
|
const Backdrop = (props) => {
|
|
@@ -169,10 +169,10 @@ const Backdrop = (props) => {
|
|
|
169
169
|
const styles = Object.assign({ height: '100%', width: '100%', position: 'absolute' }, style);
|
|
170
170
|
return styles;
|
|
171
171
|
};
|
|
172
|
-
return (reactDom.createPortal(React__default[
|
|
172
|
+
return (reactDom.createPortal(React__default["default"].createElement("div", { className: getCssClasses(), onClick: handleClick, style: getStyles() }), target));
|
|
173
173
|
};
|
|
174
174
|
|
|
175
|
-
var css_248z$Q = ".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)
|
|
175
|
+
var css_248z$Q = ".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";
|
|
176
176
|
var styles$Q = {"list":"List-module_list__1ax9w"};
|
|
177
177
|
styleInject(css_248z$Q);
|
|
178
178
|
|
|
@@ -187,22 +187,22 @@ const List = (props) => {
|
|
|
187
187
|
className && cssClasses.push(className);
|
|
188
188
|
return cssClasses.filter(css => css).join(' ');
|
|
189
189
|
};
|
|
190
|
-
return (React__default[
|
|
190
|
+
return (React__default["default"].createElement("ul", { className: getCssClasses() }, children));
|
|
191
191
|
};
|
|
192
192
|
|
|
193
|
-
var css_248z$P = ".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
|
|
194
|
-
var styles$P = {"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"};
|
|
193
|
+
var css_248z$P = ".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";
|
|
194
|
+
var styles$P = {"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"};
|
|
195
195
|
styleInject(css_248z$P);
|
|
196
196
|
|
|
197
197
|
const ListItem = (props) => {
|
|
198
|
-
const { id, children, color, active, className, isHoverable,
|
|
198
|
+
const { id, children, color, active, className, isHoverable, disabled, onClick } = props;
|
|
199
199
|
const getCssClasses = () => {
|
|
200
200
|
const cssClasses = [];
|
|
201
201
|
if (active) {
|
|
202
202
|
cssClasses.push(styles$P['active']);
|
|
203
203
|
}
|
|
204
|
-
if (
|
|
205
|
-
cssClasses.push(
|
|
204
|
+
if (disabled) {
|
|
205
|
+
cssClasses.push(styles$P['disabled']);
|
|
206
206
|
}
|
|
207
207
|
color && cssClasses.push(styles$P[color]);
|
|
208
208
|
cssClasses.push(styles$P.listItem);
|
|
@@ -210,30 +210,30 @@ const ListItem = (props) => {
|
|
|
210
210
|
return cssClasses.filter(css => css).join(' ');
|
|
211
211
|
};
|
|
212
212
|
const handleClick = (e) => {
|
|
213
|
-
onClick && onClick(e);
|
|
213
|
+
!disabled && onClick && onClick(e);
|
|
214
214
|
};
|
|
215
|
-
return (React__default[
|
|
215
|
+
return (React__default["default"].createElement("li", { id: id, onClick: handleClick, className: getCssClasses() }, children));
|
|
216
216
|
};
|
|
217
217
|
|
|
218
|
-
var css_248z$O = ".ListItemAvatar-module_avatar__1fjSE {\n margin-right: 16px
|
|
218
|
+
var css_248z$O = ".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";
|
|
219
219
|
var styles$O = {"avatar":"ListItemAvatar-module_avatar__1fjSE"};
|
|
220
220
|
styleInject(css_248z$O);
|
|
221
221
|
|
|
222
|
-
const ListItemAvatar = ({ avatar }) => (React__default[
|
|
222
|
+
const ListItemAvatar = ({ avatar }) => (React__default["default"].createElement("div", { className: styles$O.avatar }, avatar));
|
|
223
223
|
|
|
224
|
-
var css_248z$N = ".ListItemIcon-module_icon__-nsUy {\n margin-right: 32px
|
|
224
|
+
var css_248z$N = ".ListItemIcon-module_icon__-nsUy {\n margin-right: 32px; }\n .ListItemIcon-module_icon__-nsUy svg {\n width: 24px;\n height: 24px; }\n";
|
|
225
225
|
var styles$N = {"icon":"ListItemIcon-module_icon__-nsUy"};
|
|
226
226
|
styleInject(css_248z$N);
|
|
227
227
|
|
|
228
|
-
const ListItemIcon = ({ icon }) => (React__default[
|
|
228
|
+
const ListItemIcon = ({ icon }) => (React__default["default"].createElement("div", { className: styles$N.icon }, icon));
|
|
229
229
|
|
|
230
|
-
var css_248z$M = ".ListItemAction-module_listItemAction__26S66 {\n display: flex;\n justify-content: center;\n min-width: 40px
|
|
230
|
+
var css_248z$M = ".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";
|
|
231
231
|
var styles$M = {"listItemAction":"ListItemAction-module_listItemAction__26S66"};
|
|
232
232
|
styleInject(css_248z$M);
|
|
233
233
|
|
|
234
|
-
const ListItemAction = ({ children, onClick }) => (React__default[
|
|
234
|
+
const ListItemAction = ({ children, onClick }) => (React__default["default"].createElement("div", { className: styles$M.listItemAction, onClick: e => onClick && onClick(e) }, children));
|
|
235
235
|
|
|
236
|
-
var css_248z$L = ".ListItemTextIcon-module_listItemText__ZUWxQ {\n flex: 1
|
|
236
|
+
var css_248z$L = ".ListItemTextIcon-module_listItemText__ZUWxQ {\n flex: 1; }\n";
|
|
237
237
|
var styles$L = {"listItemText":"ListItemTextIcon-module_listItemText__ZUWxQ"};
|
|
238
238
|
styleInject(css_248z$L);
|
|
239
239
|
|
|
@@ -243,15 +243,15 @@ const ListItemText = ({ primary, secondary }) => {
|
|
|
243
243
|
cssClasses.push(styles$L.listItemText);
|
|
244
244
|
return cssClasses.filter(css => css).join(' ');
|
|
245
245
|
};
|
|
246
|
-
return (React__default[
|
|
247
|
-
React__default[
|
|
246
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
247
|
+
React__default["default"].createElement(ListItemTextPrimary, null, primary),
|
|
248
248
|
secondary &&
|
|
249
|
-
React__default[
|
|
249
|
+
React__default["default"].createElement(ListItemTextSecondary, null, secondary)));
|
|
250
250
|
};
|
|
251
|
-
const ListItemTextPrimary = ({ children }) => (React__default[
|
|
252
|
-
const ListItemTextSecondary = ({ children }) => (React__default[
|
|
251
|
+
const ListItemTextPrimary = ({ children }) => (React__default["default"].createElement("div", { className: "list-item-text-primary" }, children));
|
|
252
|
+
const ListItemTextSecondary = ({ children }) => (React__default["default"].createElement("div", { className: "list-item-text-secondary text-muted", style: { fontSize: '0.875rem' } }, children));
|
|
253
253
|
|
|
254
|
-
var css_248z$K = ".AutoComplete-module_selectContainer__SyqtX {\n position: relative
|
|
254
|
+
var css_248z$K = ".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";
|
|
255
255
|
var styles$K = {"selectContainer":"AutoComplete-module_selectContainer__SyqtX","select":"AutoComplete-module_select__2_7JD","selectMenu":"AutoComplete-module_selectMenu__2_ybA"};
|
|
256
256
|
styleInject(css_248z$K);
|
|
257
257
|
|
|
@@ -261,7 +261,7 @@ styleInject(css_248z$K);
|
|
|
261
261
|
// multiple
|
|
262
262
|
// custom template render items
|
|
263
263
|
const AutoComplete = (props) => {
|
|
264
|
-
const { id, name, className, options = [], openOnFocus = true, disabled, readOnly, debounce = 0, placeholder, showClearButton, onChange, onSelect, value } = props;
|
|
264
|
+
const { id, name, className, options = [], openOnFocus = true, disabled, readOnly, debounce = 0, placeholder, showNoEntry = true, showClearButton, onChange, onSelect, value } = props;
|
|
265
265
|
const [model, setModel] = React.useState('');
|
|
266
266
|
const [searchText, setSearchText] = React.useState('');
|
|
267
267
|
const [isShow, setIsShow] = React.useState(false);
|
|
@@ -278,7 +278,12 @@ const AutoComplete = (props) => {
|
|
|
278
278
|
const optionsOrigin = JSON.parse(JSON.stringify(options));
|
|
279
279
|
const regex = new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&'), 'gi');
|
|
280
280
|
const optionsFiltered = optionsOrigin.filter(o => { var _a; return (_a = o.label) === null || _a === void 0 ? void 0 : _a.match(regex); });
|
|
281
|
-
|
|
281
|
+
if (optionsFiltered.length === 0 && showNoEntry) {
|
|
282
|
+
setOptionsTemp([{ value: '', label: '- no entry found -' }]);
|
|
283
|
+
}
|
|
284
|
+
else {
|
|
285
|
+
setOptionsTemp(optionsFiltered);
|
|
286
|
+
}
|
|
282
287
|
}
|
|
283
288
|
}, [options]);
|
|
284
289
|
useDebounce(() => { onChange && onChange(searchText); }, debounce, [searchText]);
|
|
@@ -297,6 +302,8 @@ const AutoComplete = (props) => {
|
|
|
297
302
|
React.useEffect(() => {
|
|
298
303
|
return () => {
|
|
299
304
|
document.body.classList.remove('modal-open');
|
|
305
|
+
const main = document.querySelector('.main');
|
|
306
|
+
main === null || main === void 0 ? void 0 : main.classList.remove('modal-open');
|
|
300
307
|
};
|
|
301
308
|
}, []);
|
|
302
309
|
const getCssClass = () => {
|
|
@@ -326,21 +333,21 @@ const AutoComplete = (props) => {
|
|
|
326
333
|
setModel('');
|
|
327
334
|
setSearchText('');
|
|
328
335
|
};
|
|
329
|
-
return (React__default[
|
|
330
|
-
React__default[
|
|
331
|
-
React__default[
|
|
332
|
-
React__default[
|
|
336
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
337
|
+
React__default["default"].createElement("div", { ref: selectConainter, className: styles$K.selectContainer },
|
|
338
|
+
React__default["default"].createElement("div", { className: "d-flex" },
|
|
339
|
+
React__default["default"].createElement("input", { type: "text", className: getCssClass(), id: id, name: name, tabIndex: 0, readOnly: readOnly, disabled: disabled, onChange: handleOnChange, onFocus: handleOnFocus, placeholder: placeholder, value: model }),
|
|
333
340
|
showClearButton && (model === null || model === void 0 ? void 0 : model.length) > 0 &&
|
|
334
|
-
React__default[
|
|
341
|
+
React__default["default"].createElement(IconButton, { icon: React__default["default"].createElement(TimesSolidIcon, null), onClick: handleClickReset })),
|
|
335
342
|
isShow &&
|
|
336
|
-
React__default[
|
|
337
|
-
React__default[
|
|
338
|
-
React__default[
|
|
339
|
-
React__default[
|
|
340
|
-
React__default[
|
|
343
|
+
React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
344
|
+
React__default["default"].createElement("div", { className: styles$K.selectMenu },
|
|
345
|
+
React__default["default"].createElement(List, null, optionsTemp && optionsTemp.map((option, index) => React__default["default"].createElement(ListItem, { id: `list-item-${index}`, key: option.value, onClick: () => handleOnClick(option), disabled: !option.value },
|
|
346
|
+
React__default["default"].createElement(ListItemText, { primary: option.label ? option.label : option.value }))))),
|
|
347
|
+
React__default["default"].createElement(Backdrop, { isTransparent: true, onClick: () => hide() })))));
|
|
341
348
|
};
|
|
342
349
|
|
|
343
|
-
var css_248z$J = ".Badge-module_badgeContainer__1QtTD {\n display: inline-flex;\n position: relative;\n flex-shrink: 0;\n vertical-align: middle
|
|
350
|
+
var css_248z$J = ".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";
|
|
344
351
|
var styles$J = {"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_"};
|
|
345
352
|
styleInject(css_248z$J);
|
|
346
353
|
|
|
@@ -358,12 +365,12 @@ const Badge = (props) => {
|
|
|
358
365
|
cssClasses.push(styles$J[color]);
|
|
359
366
|
return cssClasses.filter(css => css).join(' ');
|
|
360
367
|
};
|
|
361
|
-
return (React__default[
|
|
368
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClassesBadgeContainer() }, rest),
|
|
362
369
|
children,
|
|
363
|
-
React__default[
|
|
370
|
+
React__default["default"].createElement("span", { className: getCssClassesBadge() }, content)));
|
|
364
371
|
};
|
|
365
372
|
|
|
366
|
-
var css_248z$I = ".Icon-module_icon__2etAT {\n align-items: center;\n justify-content: center;\n display: flex;\n width: 20px;\n height: 20px
|
|
373
|
+
var css_248z$I = ".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";
|
|
367
374
|
var styles$I = {"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"};
|
|
368
375
|
styleInject(css_248z$I);
|
|
369
376
|
|
|
@@ -376,10 +383,10 @@ const Icon = (props) => {
|
|
|
376
383
|
className && cssClasses.push(className);
|
|
377
384
|
return cssClasses.filter(css => css).join(' ');
|
|
378
385
|
};
|
|
379
|
-
return (React__default[
|
|
386
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
380
387
|
};
|
|
381
388
|
|
|
382
|
-
var css_248z$H = ".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)
|
|
389
|
+
var css_248z$H = ".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";
|
|
383
390
|
var styles$H = {"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"};
|
|
384
391
|
styleInject(css_248z$H);
|
|
385
392
|
|
|
@@ -409,20 +416,20 @@ const ButtonTemplate = (props) => {
|
|
|
409
416
|
className && cssClasses.push(className);
|
|
410
417
|
return cssClasses.filter(css => css).join(' ');
|
|
411
418
|
};
|
|
412
|
-
return (React__default[
|
|
413
|
-
React__default[
|
|
419
|
+
return (React__default["default"].createElement("button", Object.assign({ type: "button", className: getCssClasses() }, rest),
|
|
420
|
+
React__default["default"].createElement("span", { className: "d-flex justify-content-center" },
|
|
414
421
|
startIcon &&
|
|
415
|
-
React__default[
|
|
422
|
+
React__default["default"].createElement(Icon, { className: styles$H.startIcon }, startIcon),
|
|
416
423
|
children,
|
|
417
424
|
endIcon &&
|
|
418
|
-
React__default[
|
|
425
|
+
React__default["default"].createElement(Icon, { className: styles$H.endIcon }, endIcon))));
|
|
419
426
|
};
|
|
420
427
|
|
|
421
428
|
const Button = (props) => {
|
|
422
|
-
return (React__default[
|
|
429
|
+
return (React__default["default"].createElement(ButtonTemplate, Object.assign({}, props)));
|
|
423
430
|
};
|
|
424
431
|
|
|
425
|
-
var css_248z$G = ".ButtonGroup-module_buttonGroup__2RS71 button:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0
|
|
432
|
+
var css_248z$G = ".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";
|
|
426
433
|
var styles$G = {"buttonGroup":"ButtonGroup-module_buttonGroup__2RS71"};
|
|
427
434
|
styleInject(css_248z$G);
|
|
428
435
|
|
|
@@ -434,10 +441,10 @@ const ButtonGroup = (props) => {
|
|
|
434
441
|
className && cssClasses.push(className);
|
|
435
442
|
return cssClasses.filter(css => css).join(' ');
|
|
436
443
|
};
|
|
437
|
-
return (React__default[
|
|
444
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses(), role: "group" }, rest), children));
|
|
438
445
|
};
|
|
439
446
|
|
|
440
|
-
var css_248z$F = ".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)
|
|
447
|
+
var css_248z$F = ".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";
|
|
441
448
|
var styles$F = {"breadcrumb":"Breadcrumb-module_breadcrumb__2BHXS"};
|
|
442
449
|
styleInject(css_248z$F);
|
|
443
450
|
|
|
@@ -449,13 +456,13 @@ const Breadcrumb = (props) => {
|
|
|
449
456
|
className && cssClasses.push(className);
|
|
450
457
|
return cssClasses.filter(css => css).join(' ');
|
|
451
458
|
};
|
|
452
|
-
return (React__default[
|
|
453
|
-
React__default[
|
|
459
|
+
return (React__default["default"].createElement("nav", null,
|
|
460
|
+
React__default["default"].createElement("ol", { className: getCssClasses() }, children)));
|
|
454
461
|
};
|
|
455
462
|
|
|
456
463
|
const ConditionalWrapper = ({ condition, wrapper, children }) => condition ? wrapper(children) : children;
|
|
457
464
|
|
|
458
|
-
var css_248z$E = ".BreadcrumbItem-module_breadcrumbItem__1yy-D + .BreadcrumbItem-module_breadcrumbItem__1yy-D {\n padding-left: 0.5rem
|
|
465
|
+
var css_248z$E = ".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";
|
|
459
466
|
var styles$E = {"breadcrumbItem":"BreadcrumbItem-module_breadcrumbItem__1yy-D","active":"BreadcrumbItem-module_active__3iVU2"};
|
|
460
467
|
styleInject(css_248z$E);
|
|
461
468
|
|
|
@@ -471,13 +478,13 @@ const BreadcrumbItem = (props) => {
|
|
|
471
478
|
const handleClick = (event) => {
|
|
472
479
|
onClick && onClick(event);
|
|
473
480
|
};
|
|
474
|
-
return (React__default[
|
|
475
|
-
React__default[
|
|
481
|
+
return (React__default["default"].createElement("li", { className: getCssClasses(), onClick: handleClick },
|
|
482
|
+
React__default["default"].createElement(ConditionalWrapper, { condition: !isActive,
|
|
476
483
|
// eslint-disable-next-line jsx-a11y/anchor-is-valid
|
|
477
|
-
wrapper: label => React__default[
|
|
484
|
+
wrapper: label => React__default["default"].createElement("a", null, label) }, children)));
|
|
478
485
|
};
|
|
479
486
|
|
|
480
|
-
var css_248z$D = ".Card-module_card__31o3Z {\n background: var(--white);\n border-radius: var(--borderRadius)
|
|
487
|
+
var css_248z$D = ".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";
|
|
481
488
|
var styles$D = {"card":"Card-module_card__31o3Z","shadow":"Card-module_shadow__2lpYq"};
|
|
482
489
|
styleInject(css_248z$D);
|
|
483
490
|
|
|
@@ -490,10 +497,10 @@ const Card = (props) => {
|
|
|
490
497
|
className && cssClasses.push(className);
|
|
491
498
|
return cssClasses.filter(css => css).join(' ');
|
|
492
499
|
};
|
|
493
|
-
return (React__default[
|
|
500
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
494
501
|
};
|
|
495
502
|
|
|
496
|
-
var css_248z$C = ".CardBody-module_cardBody__N8z-L {\n flex: 1 1 auto;\n min-height: 1px;\n padding: 1.25rem
|
|
503
|
+
var css_248z$C = ".CardBody-module_cardBody__N8z-L {\n flex: 1 1 auto;\n min-height: 1px;\n padding: 1.25rem; }\n";
|
|
497
504
|
var styles$C = {"cardBody":"CardBody-module_cardBody__N8z-L"};
|
|
498
505
|
styleInject(css_248z$C);
|
|
499
506
|
|
|
@@ -505,10 +512,10 @@ const CardBody = (props) => {
|
|
|
505
512
|
className && cssClasses.push(className);
|
|
506
513
|
return cssClasses.filter(css => css).join(' ');
|
|
507
514
|
};
|
|
508
|
-
return (React__default[
|
|
515
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
509
516
|
};
|
|
510
517
|
|
|
511
|
-
var css_248z$B = ".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)
|
|
518
|
+
var css_248z$B = ".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";
|
|
512
519
|
var styles$B = {"cardFooter":"CardFooter-module_cardFooter__3dYKa"};
|
|
513
520
|
styleInject(css_248z$B);
|
|
514
521
|
|
|
@@ -520,10 +527,10 @@ const CardFooter = (props) => {
|
|
|
520
527
|
className && cssClasses.push(className);
|
|
521
528
|
return cssClasses.filter(css => css).join(' ');
|
|
522
529
|
};
|
|
523
|
-
return (React__default[
|
|
530
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
524
531
|
};
|
|
525
532
|
|
|
526
|
-
var css_248z$A = ".CardSubtitle-module_cardSubtitle__2WWHW {\n color: #6c757d !important
|
|
533
|
+
var css_248z$A = ".CardSubtitle-module_cardSubtitle__2WWHW {\n color: #6c757d !important; }\n";
|
|
527
534
|
var styles$A = {"cardSubtitle":"CardSubtitle-module_cardSubtitle__2WWHW"};
|
|
528
535
|
styleInject(css_248z$A);
|
|
529
536
|
|
|
@@ -535,10 +542,10 @@ const CardSubtitle = (props) => {
|
|
|
535
542
|
className && cssClasses.push(className);
|
|
536
543
|
return cssClasses.filter(css => css).join(' ');
|
|
537
544
|
};
|
|
538
|
-
return (React__default[
|
|
545
|
+
return (React__default["default"].createElement("p", Object.assign({ className: getCssClasses() }, rest), children));
|
|
539
546
|
};
|
|
540
547
|
|
|
541
|
-
var css_248z$z = ".CardText-module_cardText__1LWJi:last-child {\n margin-bottom: 0
|
|
548
|
+
var css_248z$z = ".CardText-module_cardText__1LWJi:last-child {\n margin-bottom: 0; }\n";
|
|
542
549
|
var styles$z = {"cardText":"CardText-module_cardText__1LWJi"};
|
|
543
550
|
styleInject(css_248z$z);
|
|
544
551
|
|
|
@@ -550,10 +557,10 @@ const CardText = (props) => {
|
|
|
550
557
|
className && cssClasses.push(className);
|
|
551
558
|
return cssClasses.filter(css => css).join(' ');
|
|
552
559
|
};
|
|
553
|
-
return (React__default[
|
|
560
|
+
return (React__default["default"].createElement("p", Object.assign({ className: getCssClasses() }, rest), props.children));
|
|
554
561
|
};
|
|
555
562
|
|
|
556
|
-
var css_248z$y = ".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
|
|
563
|
+
var css_248z$y = ".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";
|
|
557
564
|
var styles$y = {"cardTitle":"CardTitle-module_cardTitle__24Amb"};
|
|
558
565
|
styleInject(css_248z$y);
|
|
559
566
|
|
|
@@ -565,10 +572,10 @@ const CardTitle = (props) => {
|
|
|
565
572
|
className && cssClasses.push(className);
|
|
566
573
|
return cssClasses.filter(css => css).join(' ');
|
|
567
574
|
};
|
|
568
|
-
return (React__default[
|
|
575
|
+
return (React__default["default"].createElement(As, Object.assign({ className: getCssClasses() }, rest), children));
|
|
569
576
|
};
|
|
570
577
|
|
|
571
|
-
var css_248z$x = ".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)
|
|
578
|
+
var css_248z$x = ".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";
|
|
572
579
|
var styles$x = {"cardImage":"CardImage-module_cardImage__1tZM4"};
|
|
573
580
|
styleInject(css_248z$x);
|
|
574
581
|
|
|
@@ -580,52 +587,52 @@ const CardImage = (props) => {
|
|
|
580
587
|
className && cssClasses.push(className);
|
|
581
588
|
return cssClasses.filter(css => css).join(' ');
|
|
582
589
|
};
|
|
583
|
-
return (React__default[
|
|
590
|
+
return (React__default["default"].createElement("img", Object.assign({ className: getCssClasses(), src: src, alt: alt }, rest)));
|
|
584
591
|
};
|
|
585
592
|
|
|
586
|
-
const CaretDownSolidIcon = () => (React__default[
|
|
587
|
-
React__default[
|
|
593
|
+
const CaretDownSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "caret-down", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512" },
|
|
594
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z" })));
|
|
588
595
|
|
|
589
|
-
const CheckSquareRegularIcon = () => (React__default[
|
|
590
|
-
React__default[
|
|
596
|
+
const CheckSquareRegularIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "check-square", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" },
|
|
597
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm0 400H48V80h352v352zm-35.864-241.724L191.547 361.48c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z" })));
|
|
591
598
|
|
|
592
|
-
const ChevronDownSolidIcon = () => (React__default[
|
|
593
|
-
React__default[
|
|
599
|
+
const ChevronDownSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "chevron-down", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" },
|
|
600
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" })));
|
|
594
601
|
|
|
595
|
-
const ChevronRightSolidIcon = () => (React__default[
|
|
596
|
-
React__default[
|
|
602
|
+
const ChevronRightSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "chevron-right", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512" },
|
|
603
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" })));
|
|
597
604
|
|
|
598
|
-
const ChevronUpSolidIcon = () => (React__default[
|
|
599
|
-
React__default[
|
|
605
|
+
const ChevronUpSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "chevron-up", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" },
|
|
606
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" })));
|
|
600
607
|
|
|
601
|
-
const HomeSolidIcon = () => (React__default[
|
|
602
|
-
React__default[
|
|
608
|
+
const HomeSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "home", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512" },
|
|
609
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z" })));
|
|
603
610
|
|
|
604
|
-
const SquareRegularIcon = () => (React__default[
|
|
605
|
-
React__default[
|
|
611
|
+
const SquareRegularIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "square", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" },
|
|
612
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z" })));
|
|
606
613
|
|
|
607
|
-
const TimesCircleSolidIcon = () => (React__default[
|
|
608
|
-
React__default[
|
|
614
|
+
const TimesCircleSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
|
|
615
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z" })));
|
|
609
616
|
|
|
610
|
-
const TimesSolidIcon = () => (React__default[
|
|
611
|
-
React__default[
|
|
617
|
+
const TimesSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 352 512" },
|
|
618
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" })));
|
|
612
619
|
|
|
613
|
-
const SpinnerSolidIcon = () => (React__default[
|
|
614
|
-
React__default[
|
|
620
|
+
const SpinnerSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "spinner", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
|
|
621
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z" })));
|
|
615
622
|
|
|
616
|
-
const PlusSolidIcon = () => (React__default[
|
|
617
|
-
React__default[
|
|
623
|
+
const PlusSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" },
|
|
624
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z" })));
|
|
618
625
|
|
|
619
|
-
const CheckSolidIcon = () => (React__default[
|
|
620
|
-
React__default[
|
|
626
|
+
const CheckSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
|
|
627
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })));
|
|
621
628
|
|
|
622
|
-
const CircleSolidIcon = () => (React__default[
|
|
623
|
-
React__default[
|
|
629
|
+
const CircleSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
|
|
630
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z" })));
|
|
624
631
|
|
|
625
|
-
const ChevronLeftSolidIcon = () => (React__default[
|
|
626
|
-
React__default[
|
|
632
|
+
const ChevronLeftSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512" },
|
|
633
|
+
React__default["default"].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" })));
|
|
627
634
|
|
|
628
|
-
var css_248z$w = ".Typography-module_typography__2bM6E {\n text-overflow: ellipsis;\n overflow: hidden !important
|
|
635
|
+
var css_248z$w = ".Typography-module_typography__2bM6E {\n text-overflow: ellipsis;\n overflow: hidden !important; }\n";
|
|
629
636
|
var styles$w = {"typography":"Typography-module_typography__2bM6E"};
|
|
630
637
|
styleInject(css_248z$w);
|
|
631
638
|
|
|
@@ -637,19 +644,19 @@ const Wrapper = (props) => {
|
|
|
637
644
|
className && cssClasses.push(className);
|
|
638
645
|
return cssClasses.filter(css => css).join(' ');
|
|
639
646
|
};
|
|
640
|
-
return React__default[
|
|
647
|
+
return React__default["default"].createElement(as, Object.assign(Object.assign({}, rest), { className: getCssClasses() }), children);
|
|
641
648
|
};
|
|
642
649
|
const Typography = (_a) => {
|
|
643
650
|
var { children, as = 'span' } = _a, rest = __rest(_a, ["children", "as"]);
|
|
644
|
-
return (React__default[
|
|
651
|
+
return (React__default["default"].createElement(Wrapper, Object.assign({ as: as }, rest), children));
|
|
645
652
|
};
|
|
646
653
|
|
|
647
|
-
var css_248z$v = ".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
|
|
654
|
+
var css_248z$v = ".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";
|
|
648
655
|
var styles$v = {"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"};
|
|
649
656
|
styleInject(css_248z$v);
|
|
650
657
|
|
|
651
658
|
const IconButton = (props) => {
|
|
652
|
-
const { children, icon, label, variant = exports.VARIANT.text, color = exports.COLOR.
|
|
659
|
+
const { children, icon, label, variant = exports.VARIANT.text, color = exports.COLOR.dark, size = exports.SIZE.md, isActive, disabled, className, shadow } = props, rest = __rest(props, ["children", "icon", "label", "variant", "color", "size", "isActive", "disabled", "className", "shadow"]);
|
|
653
660
|
const getCssClasses = () => {
|
|
654
661
|
const cssClasses = [];
|
|
655
662
|
cssClasses.push(styles$v[color]);
|
|
@@ -662,12 +669,12 @@ const IconButton = (props) => {
|
|
|
662
669
|
className && cssClasses.push(className);
|
|
663
670
|
return cssClasses.filter(css => css).join(' ');
|
|
664
671
|
};
|
|
665
|
-
return (React__default[
|
|
666
|
-
icon && React__default[
|
|
667
|
-
label && React__default[
|
|
672
|
+
return (React__default["default"].createElement("button", Object.assign({ type: "button", className: getCssClasses(), disabled: disabled }, rest),
|
|
673
|
+
icon && React__default["default"].createElement(Icon, null, icon),
|
|
674
|
+
label && React__default["default"].createElement(Typography, null, label)));
|
|
668
675
|
};
|
|
669
676
|
|
|
670
|
-
var css_248z$u = ".Checkbox-module_checkboxContainer__2oWhu {\n display: flex;\n align-items: center;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
|
|
677
|
+
var css_248z$u = ".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";
|
|
671
678
|
var styles$u = {"checkboxContainer":"Checkbox-module_checkboxContainer__2oWhu","checkboxLabel":"Checkbox-module_checkboxLabel__27Y6U","disabled":"Checkbox-module_disabled__3EXUd"};
|
|
672
679
|
styleInject(css_248z$u);
|
|
673
680
|
|
|
@@ -687,8 +694,8 @@ const Checkbox = (props) => {
|
|
|
687
694
|
}
|
|
688
695
|
}, [checked]);
|
|
689
696
|
const icons = {
|
|
690
|
-
default: React__default[
|
|
691
|
-
selected: React__default[
|
|
697
|
+
default: React__default["default"].createElement(SquareRegularIcon, null),
|
|
698
|
+
selected: React__default["default"].createElement(CheckSquareRegularIcon, null)
|
|
692
699
|
};
|
|
693
700
|
const getCssClasses = () => {
|
|
694
701
|
const cssClasses = [];
|
|
@@ -704,18 +711,18 @@ const Checkbox = (props) => {
|
|
|
704
711
|
setIsChecked(!isChecked);
|
|
705
712
|
(_a = checkboxElement === null || checkboxElement === void 0 ? void 0 : checkboxElement.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
706
713
|
};
|
|
707
|
-
return (React__default[
|
|
708
|
-
React__default[
|
|
709
|
-
React__default[
|
|
710
|
-
React__default[
|
|
714
|
+
return (React__default["default"].createElement("div", { className: styles$u.checkboxContainer },
|
|
715
|
+
React__default["default"].createElement(IconButton, { className: getCssClasses(), onClick: handleClick, icon: getIcon(), disabled: disabled || readOnly }),
|
|
716
|
+
React__default["default"].createElement("label", { onClick: handleClick, className: styles$u.checkboxLabel + ' ' + (disabled ? styles$u['disabled'] : undefined) }, label),
|
|
717
|
+
React__default["default"].createElement("input", Object.assign({ type: "checkbox", ref: checkboxElement, id: id, name: name, checked: isChecked, disabled: disabled, readOnly: readOnly, hidden: true, value: value }, rest))));
|
|
711
718
|
};
|
|
712
719
|
|
|
713
|
-
var css_248z$t = ".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
|
|
720
|
+
var css_248z$t = ".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";
|
|
714
721
|
var styles$t = {"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"};
|
|
715
722
|
styleInject(css_248z$t);
|
|
716
723
|
|
|
717
724
|
const Chip = (props) => {
|
|
718
|
-
const { children, color = 'secondary', className, shadow, onClick, isDeletable, onDelete, deleteIcon = React__default[
|
|
725
|
+
const { children, color = 'secondary', className, shadow, onClick, isDeletable, onDelete, deleteIcon = React__default["default"].createElement(TimesCircleSolidIcon, null), style } = props, rest = __rest(props, ["children", "color", "className", "shadow", "onClick", "isDeletable", "onDelete", "deleteIcon", "style"]);
|
|
719
726
|
const getCssClass = () => {
|
|
720
727
|
const cssClasses = [];
|
|
721
728
|
cssClasses.push(styles$t.chip);
|
|
@@ -729,16 +736,16 @@ const Chip = (props) => {
|
|
|
729
736
|
e.stopPropagation();
|
|
730
737
|
onDelete && onDelete(e);
|
|
731
738
|
};
|
|
732
|
-
return (React__default[
|
|
733
|
-
React__default[
|
|
734
|
-
isDeletable && (React__default[
|
|
739
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClass() }, rest, { style: style }),
|
|
740
|
+
React__default["default"].createElement("div", null, children),
|
|
741
|
+
isDeletable && (React__default["default"].createElement("div", { className: styles$t.deleteIcon, onClick: e => handleClickOnDelete(e) }, deleteIcon))));
|
|
735
742
|
};
|
|
736
743
|
|
|
737
|
-
const FormLabel = ({ children, className, htmlFor }) => (React__default[
|
|
744
|
+
const FormLabel = ({ children, className, htmlFor }) => (React__default["default"].createElement("label", { htmlFor: htmlFor, className: className }, children));
|
|
738
745
|
|
|
739
746
|
const FormGroup = (props) => {
|
|
740
747
|
const { children, className = 'mb-1' } = props;
|
|
741
|
-
return (React__default[
|
|
748
|
+
return (React__default["default"].createElement("div", { className: className }, children));
|
|
742
749
|
};
|
|
743
750
|
|
|
744
751
|
const FileInput = (props) => {
|
|
@@ -761,13 +768,13 @@ const FileInput = (props) => {
|
|
|
761
768
|
// TODO - setModel
|
|
762
769
|
alert('coming soon');
|
|
763
770
|
};
|
|
764
|
-
return (React__default[
|
|
765
|
-
React__default[
|
|
766
|
-
React__default[
|
|
767
|
-
React__default[
|
|
771
|
+
return (React__default["default"].createElement("div", { className: "d-flex align-items-start" },
|
|
772
|
+
React__default["default"].createElement(Button, { className: "flex-wrap", disabled: disabled, onClick: () => { var _a; return (_a = inputFileElement.current) === null || _a === void 0 ? void 0 : _a.click(); } }, children),
|
|
773
|
+
React__default["default"].createElement("div", { className: "d-flex align-items-center flex-wrap ml-1" }, fileList && Array.from(fileList).map((file) => React__default["default"].createElement(Chip, { key: file.name, isDeletable: deletable, onDelete: () => handleOnDelete() }, file.name))),
|
|
774
|
+
React__default["default"].createElement("input", Object.assign({ type: "file", ref: inputFileElement, className: getCssClasses(), id: id, name: name, multiple: multiple, accept: accept, disabled: disabled, readOnly: readOnly, hidden: true, onChange: handleOnChange, value: model }, rest))));
|
|
768
775
|
};
|
|
769
776
|
|
|
770
|
-
var css_248z$s = ".Select-module_selectContainer__2oizY {\n position: relative
|
|
777
|
+
var css_248z$s = ".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";
|
|
771
778
|
var styles$s = {"selectContainer":"Select-module_selectContainer__2oizY","select":"Select-module_select__MSqgU","selectMenu":"Select-module_selectMenu__2vhJt"};
|
|
772
779
|
styleInject(css_248z$s);
|
|
773
780
|
|
|
@@ -850,7 +857,7 @@ const Select = (props) => {
|
|
|
850
857
|
const renderSingleViewModel = () => {
|
|
851
858
|
let result = null;
|
|
852
859
|
if (selectedOptions.length > 0) {
|
|
853
|
-
result = React__default[
|
|
860
|
+
result = React__default["default"].createElement("span", null, selectedOptions[0].label);
|
|
854
861
|
}
|
|
855
862
|
return result;
|
|
856
863
|
};
|
|
@@ -858,10 +865,10 @@ const Select = (props) => {
|
|
|
858
865
|
let result = null;
|
|
859
866
|
if (selectedOptions.length <= multipleMaxCountItems && selectedOptions.length > 0) {
|
|
860
867
|
result = selectedOptions
|
|
861
|
-
.map(o => React__default[
|
|
868
|
+
.map(o => React__default["default"].createElement(Chip, { key: o.value, className: "mr-2", color: exports.COLOR.primary, isDeletable: true, onDelete: (e) => handleOnDelete(e, o) }, o.label));
|
|
862
869
|
}
|
|
863
870
|
else {
|
|
864
|
-
result = React__default[
|
|
871
|
+
result = React__default["default"].createElement("span", null,
|
|
865
872
|
selectedOptions.length,
|
|
866
873
|
" Items selected");
|
|
867
874
|
}
|
|
@@ -900,24 +907,24 @@ const Select = (props) => {
|
|
|
900
907
|
}
|
|
901
908
|
}
|
|
902
909
|
};
|
|
903
|
-
return (React__default[
|
|
904
|
-
React__default[
|
|
905
|
-
React__default[
|
|
910
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
911
|
+
React__default["default"].createElement("div", { ref: selectConainter, className: styles$s.selectContainer },
|
|
912
|
+
React__default["default"].createElement("div", { id: id, className: getCssClass(), onClick: () => show(), tabIndex: 0, onKeyDown: e => handleOnKeyDown(e) },
|
|
906
913
|
!multiple && renderSingleViewModel(),
|
|
907
914
|
multiple && renderMultipleViewModel(),
|
|
908
|
-
React__default[
|
|
909
|
-
React__default[
|
|
915
|
+
React__default["default"].createElement(Icon, { className: "ml-auto" },
|
|
916
|
+
React__default["default"].createElement(ChevronDownSolidIcon, null))),
|
|
910
917
|
isShow &&
|
|
911
|
-
reactDom.createPortal(React__default[
|
|
912
|
-
React__default[
|
|
913
|
-
React__default[
|
|
918
|
+
reactDom.createPortal(React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
919
|
+
React__default["default"].createElement("div", { className: styles$s.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 } },
|
|
920
|
+
React__default["default"].createElement(List, null, options && options.map((option, index) => React__default["default"].createElement(ListItem, { id: `list-item-${index}`, key: option.value, onClick: () => handleOnClick(option), active: isActive(option) },
|
|
914
921
|
multiple &&
|
|
915
|
-
React__default[
|
|
916
|
-
React__default[
|
|
917
|
-
React__default[
|
|
922
|
+
React__default["default"].createElement(Checkbox, { checked: isActive(option), onChange: () => handleOnClick(option) }),
|
|
923
|
+
React__default["default"].createElement(ListItemText, { primary: option.label ? option.label : option.value }))))),
|
|
924
|
+
React__default["default"].createElement(Backdrop, { style: { zIndex: 1111 }, isTransparent: true, onClick: () => hide() })), document.body))));
|
|
918
925
|
};
|
|
919
926
|
|
|
920
|
-
var css_248z$r = "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
|
|
927
|
+
var css_248z$r = "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";
|
|
921
928
|
var styles$r = {};
|
|
922
929
|
styleInject(css_248z$r);
|
|
923
930
|
|
|
@@ -929,12 +936,12 @@ const Textarea = (props) => {
|
|
|
929
936
|
className && cssClasses.push(className);
|
|
930
937
|
return cssClasses.filter(r => r).join(' ');
|
|
931
938
|
};
|
|
932
|
-
return (React__default[
|
|
939
|
+
return (React__default["default"].createElement("textarea", Object.assign({ className: getCssClass() }, rest)));
|
|
933
940
|
};
|
|
934
941
|
|
|
935
942
|
const FormInput = (props) => {
|
|
936
943
|
const { value, name, type, placeholder, className = 'form-control', isValid = true, options = [], textareaOptions, selectOptions, autoCompleteOptions, autoFocus, label, disabled = false, readonly = false, onChange, onBlur, onKeyDown } = props;
|
|
937
|
-
return (React__default[
|
|
944
|
+
return (React__default["default"].createElement(React.Fragment, null,
|
|
938
945
|
(type === 'text' ||
|
|
939
946
|
type === 'date' ||
|
|
940
947
|
type === 'datetime-local' ||
|
|
@@ -944,29 +951,29 @@ const FormInput = (props) => {
|
|
|
944
951
|
type === 'color' ||
|
|
945
952
|
type === 'time')
|
|
946
953
|
&&
|
|
947
|
-
React__default[
|
|
954
|
+
React__default["default"].createElement("input", { id: name, name: name, type: type, className: className + (!isValid ? ' is-invalid' : ''), value: value, autoFocus: autoFocus, onChange: e => onChange && onChange(name, e.target.value, type), onBlur: onBlur, placeholder: placeholder, readOnly: readonly, disabled: disabled, onKeyDown: onKeyDown }),
|
|
948
955
|
type === 'file' &&
|
|
949
|
-
React__default[
|
|
956
|
+
React__default["default"].createElement(FileInput, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, autoFocus: autoFocus, readOnly: readonly, disabled: disabled, onChange: e => onChange && onChange(name, e.target.value, type) }, "choose a file"),
|
|
950
957
|
type === 'textarea' &&
|
|
951
|
-
React__default[
|
|
958
|
+
React__default["default"].createElement(Textarea, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, autoFocus: autoFocus, onChange: e => onChange && onChange(name, e.target.value, type), 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' } }),
|
|
952
959
|
type === 'select' &&
|
|
953
|
-
React__default[
|
|
960
|
+
React__default["default"].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 => onChange && onChange(name, e, type), onKeyDown: onKeyDown, options: options }),
|
|
954
961
|
type === 'autocomplete' &&
|
|
955
|
-
React__default[
|
|
962
|
+
React__default["default"].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 => onChange && onChange(name, e, type), onKeyDown: onKeyDown, options: options }),
|
|
956
963
|
type === 'checkbox' &&
|
|
957
|
-
React__default[
|
|
964
|
+
React__default["default"].createElement(Checkbox, { id: name, name: name, label: label, className: (!isValid ? ' is-invalid' : ''), onChange: e => onChange && onChange(name, e.target.checked, type), checked: value, onKeyDown: onKeyDown }),
|
|
958
965
|
type === 'radio' &&
|
|
959
|
-
React__default[
|
|
960
|
-
React__default[
|
|
961
|
-
React__default[
|
|
966
|
+
React__default["default"].createElement(React.Fragment, null, options.map((option) => React__default["default"].createElement("div", { className: "form-check", key: option.id },
|
|
967
|
+
React__default["default"].createElement("input", { id: option.id ? option.id : option.value, name: name, type: "radio", className: "form-check-input", onChange: e => onChange && onChange(name, e.target.value, type), value: option.value, checked: value === option.value, onKeyDown: onKeyDown }),
|
|
968
|
+
React__default["default"].createElement("label", { className: "form-check-label", htmlFor: option.id }, option.label))))));
|
|
962
969
|
};
|
|
963
970
|
|
|
964
|
-
const FormHint = ({ hint, className = 'form-text text-muted' }) => (React__default[
|
|
971
|
+
const FormHint = ({ hint, className = 'form-text text-muted' }) => (React__default["default"].createElement("small", { className: className }, hint));
|
|
965
972
|
|
|
966
973
|
const FormError = (props) => {
|
|
967
974
|
const { className = 'invalid-feedback', errors = [] } = props;
|
|
968
|
-
return (React__default[
|
|
969
|
-
React__default[
|
|
975
|
+
return (React__default["default"].createElement(React.Fragment, null, errors &&
|
|
976
|
+
React__default["default"].createElement("div", { className: className }, errors.map(e => React__default["default"].createElement("div", { key: e.validator }, e.message)))));
|
|
970
977
|
};
|
|
971
978
|
|
|
972
979
|
const IsEmptyValidator = (value) => value === '' || value === null || value === undefined;
|
|
@@ -1088,7 +1095,7 @@ class Form extends React.Component {
|
|
|
1088
1095
|
}
|
|
1089
1096
|
renderLabel(fieldKey, label, labelClassName = 'form-label') {
|
|
1090
1097
|
const cssClasses = [labelClassName, this.isRequired(fieldKey) ? 'required' : undefined];
|
|
1091
|
-
return React__default[
|
|
1098
|
+
return React__default["default"].createElement(FormLabel, { htmlFor: fieldKey, className: cssClasses.join(' ') }, label);
|
|
1092
1099
|
}
|
|
1093
1100
|
;
|
|
1094
1101
|
// trigger via ref
|
|
@@ -1136,17 +1143,17 @@ class Form extends React.Component {
|
|
|
1136
1143
|
return result;
|
|
1137
1144
|
}
|
|
1138
1145
|
render() {
|
|
1139
|
-
return (React__default[
|
|
1140
|
-
return (React__default[
|
|
1146
|
+
return (React__default["default"].createElement("form", { ref: this.myForm }, this.state && this.state.controls && Object.keys(this.state.controls).map((fieldKey) => {
|
|
1147
|
+
return (React__default["default"].createElement(FormGroup, { key: fieldKey, className: this.getFormGroupCssClass(fieldKey) },
|
|
1141
1148
|
this.getControl(fieldKey).config.labelPosition !== 'behind' && this.getControl(fieldKey).type !== 'checkbox' &&
|
|
1142
1149
|
this.renderLabel(fieldKey, this.getControl(fieldKey).config.label, this.getControl(fieldKey).config.labelClassName),
|
|
1143
|
-
React__default[
|
|
1150
|
+
React__default["default"].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) }),
|
|
1144
1151
|
this.getControl(fieldKey).config.labelPosition === 'behind' && this.getControl(fieldKey).type !== 'checkbox' &&
|
|
1145
1152
|
this.renderLabel(fieldKey, this.getControl(fieldKey).config.label, this.getControl(fieldKey).config.labelClassName),
|
|
1146
1153
|
this.getControl(fieldKey).config.hint &&
|
|
1147
|
-
React__default[
|
|
1154
|
+
React__default["default"].createElement(FormHint, { hint: this.getControl(fieldKey).config.hint }),
|
|
1148
1155
|
this.getControl(fieldKey).errors &&
|
|
1149
|
-
React__default[
|
|
1156
|
+
React__default["default"].createElement(FormError, { errors: this.getControl(fieldKey).errors })));
|
|
1150
1157
|
})));
|
|
1151
1158
|
}
|
|
1152
1159
|
}
|
|
@@ -1190,7 +1197,7 @@ const DaySelect = (props) => {
|
|
|
1190
1197
|
setValue(e);
|
|
1191
1198
|
onChange && onChange(e);
|
|
1192
1199
|
};
|
|
1193
|
-
return (React__default[
|
|
1200
|
+
return (React__default["default"].createElement(Select, { id: id, name: name, className: getCssClasses(), options: dayOptions, onChange: (e) => handleOnChange(parseInt(e)), disabled: disabled, value: value.toString() }));
|
|
1194
1201
|
};
|
|
1195
1202
|
|
|
1196
1203
|
const MonthSelect = (props) => {
|
|
@@ -1210,7 +1217,7 @@ const MonthSelect = (props) => {
|
|
|
1210
1217
|
setNewValue(e);
|
|
1211
1218
|
onChange && onChange(e);
|
|
1212
1219
|
};
|
|
1213
|
-
return (React__default[
|
|
1220
|
+
return (React__default["default"].createElement(Select, { id: id, name: name, className: getCssClasses(), options: monthOptions, onChange: (e) => handleOnChange(parseInt(e)), disabled: disabled, value: newValue.toString() }));
|
|
1214
1221
|
};
|
|
1215
1222
|
|
|
1216
1223
|
const YearSelect = (props) => {
|
|
@@ -1233,7 +1240,7 @@ const YearSelect = (props) => {
|
|
|
1233
1240
|
setNewValue(e);
|
|
1234
1241
|
onChange && onChange(parseInt(e));
|
|
1235
1242
|
};
|
|
1236
|
-
return (React__default[
|
|
1243
|
+
return (React__default["default"].createElement(Select, { id: id, name: name, className: getCssClasses(), options: years, onChange: handleOnChange, disabled: disabled, value: newValue }));
|
|
1237
1244
|
};
|
|
1238
1245
|
|
|
1239
1246
|
exports.DATEMODE = void 0;
|
|
@@ -1259,16 +1266,16 @@ const DateSelect = (props) => {
|
|
|
1259
1266
|
setCurrDate(newDate);
|
|
1260
1267
|
onChange && onChange(newDate);
|
|
1261
1268
|
};
|
|
1262
|
-
return (React__default[
|
|
1263
|
-
React__default[
|
|
1264
|
-
React__default[
|
|
1265
|
-
React__default[
|
|
1266
|
-
React__default[
|
|
1267
|
-
React__default[
|
|
1268
|
-
React__default[
|
|
1269
|
-
React__default[
|
|
1270
|
-
React__default[
|
|
1271
|
-
React__default[
|
|
1269
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
1270
|
+
React__default["default"].createElement(FormGroup, { className: "col" },
|
|
1271
|
+
React__default["default"].createElement(FormLabel, null, "Year"),
|
|
1272
|
+
React__default["default"].createElement(YearSelect, { className: "form-control", value: currDate.getFullYear(), disabled: disabled, from: yearConfig === null || yearConfig === void 0 ? void 0 : yearConfig.from, to: yearConfig === null || yearConfig === void 0 ? void 0 : yearConfig.to, onChange: e => handleOnChange(e, exports.DATEMODE.YEAR) })),
|
|
1273
|
+
React__default["default"].createElement(FormGroup, { className: "col" },
|
|
1274
|
+
React__default["default"].createElement(FormLabel, null, "Month"),
|
|
1275
|
+
React__default["default"].createElement(MonthSelect, { className: "form-control", value: currDate.getMonth(), disabled: disabled, onChange: e => handleOnChange(e, exports.DATEMODE.MONTH) })),
|
|
1276
|
+
React__default["default"].createElement(FormGroup, { className: "col" },
|
|
1277
|
+
React__default["default"].createElement(FormLabel, null, "Day"),
|
|
1278
|
+
React__default["default"].createElement(DaySelect, { className: "form-control", day: currDate.getDate(), month: currDate.getMonth(), year: currDate.getFullYear(), disabled: disabled, onChange: e => handleOnChange(e, exports.DATEMODE.DAY) }))));
|
|
1272
1279
|
};
|
|
1273
1280
|
/*
|
|
1274
1281
|
* result = { year, month, day, dayOfWeek, weekNumber }
|
|
@@ -1281,7 +1288,7 @@ const DateSelect = (props) => {
|
|
|
1281
1288
|
// return Math.ceil((((d - yearStart) / 86400000) + 1) / 7)
|
|
1282
1289
|
// };
|
|
1283
1290
|
|
|
1284
|
-
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
|
|
1291
|
+
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";
|
|
1285
1292
|
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"};
|
|
1286
1293
|
styleInject(css_248z$q);
|
|
1287
1294
|
|
|
@@ -1296,9 +1303,9 @@ const Drawer = (props) => {
|
|
|
1296
1303
|
const handleClickBackdrop = () => {
|
|
1297
1304
|
onClickBackdrop && onClickBackdrop();
|
|
1298
1305
|
};
|
|
1299
|
-
return reactDom.createPortal(React__default[
|
|
1300
|
-
React__default[
|
|
1301
|
-
!permanent && React__default[
|
|
1306
|
+
return reactDom.createPortal(React__default["default"].createElement(React.Fragment, null,
|
|
1307
|
+
React__default["default"].createElement(DrawerContent, { className: className, position: position, permanent: permanent }, children),
|
|
1308
|
+
!permanent && React__default["default"].createElement(Backdrop, { onClick: handleClickBackdrop })), target);
|
|
1302
1309
|
};
|
|
1303
1310
|
const DrawerContent = (props) => {
|
|
1304
1311
|
const { children, className, position = 'left', permanent = false } = props;
|
|
@@ -1317,10 +1324,10 @@ const DrawerContent = (props) => {
|
|
|
1317
1324
|
const getStyles = () => {
|
|
1318
1325
|
return !permanent ? positionStyles[position] : undefined;
|
|
1319
1326
|
};
|
|
1320
|
-
return (React__default[
|
|
1327
|
+
return (React__default["default"].createElement("div", { className: getCssClasses(), style: getStyles() }, children));
|
|
1321
1328
|
};
|
|
1322
1329
|
|
|
1323
|
-
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)
|
|
1330
|
+
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";
|
|
1324
1331
|
var styles$p = {"menuBody":"MenuBody-module_menuBody__3cPsp","shadow":"MenuBody-module_shadow__AF_9C"};
|
|
1325
1332
|
styleInject(css_248z$p);
|
|
1326
1333
|
|
|
@@ -1360,12 +1367,12 @@ const MenuBody = (props) => {
|
|
|
1360
1367
|
const handleClickBackdrop = () => {
|
|
1361
1368
|
onClickBackdrop && onClickBackdrop();
|
|
1362
1369
|
};
|
|
1363
|
-
return (reactDom.createPortal(React__default[
|
|
1364
|
-
React__default[
|
|
1365
|
-
React__default[
|
|
1370
|
+
return (reactDom.createPortal(React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1371
|
+
React__default["default"].createElement("div", { ref: menuBodyRef, className: getCssClasses() }, children),
|
|
1372
|
+
React__default["default"].createElement(Backdrop, { isTransparent: true, onClick: handleClickBackdrop })), document.body));
|
|
1366
1373
|
};
|
|
1367
1374
|
|
|
1368
|
-
var css_248z$o = ".Menu-module_menu__23BYG {\n display: flex
|
|
1375
|
+
var css_248z$o = ".Menu-module_menu__23BYG {\n display: flex; }\n";
|
|
1369
1376
|
var styles$o = {"menu":"Menu-module_menu__23BYG"};
|
|
1370
1377
|
styleInject(css_248z$o);
|
|
1371
1378
|
|
|
@@ -1382,13 +1389,13 @@ const Menu = (props) => {
|
|
|
1382
1389
|
const handleClickBackdrop = () => {
|
|
1383
1390
|
onClickBackdrop && onClickBackdrop();
|
|
1384
1391
|
};
|
|
1385
|
-
return (React__default[
|
|
1386
|
-
React__default[
|
|
1392
|
+
return (React__default["default"].createElement("div", Object.assign({ ref: menuContainer, className: getCssClasses() }, rest),
|
|
1393
|
+
React__default["default"].createElement("div", { ref: toggleContainerRef }, toggle),
|
|
1387
1394
|
open &&
|
|
1388
|
-
React__default[
|
|
1395
|
+
React__default["default"].createElement(MenuBody, { parentRef: toggleContainerRef, menuPosition: menuPosition, onClickBackdrop: handleClickBackdrop }, children)));
|
|
1389
1396
|
};
|
|
1390
1397
|
|
|
1391
|
-
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
|
|
1398
|
+
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";
|
|
1392
1399
|
var styles$n = {"menuItem":"MenuItem-module_menuItem__kvauR","menuItemHeader":"MenuItem-module_menuItemHeader__mp7wc"};
|
|
1393
1400
|
styleInject(css_248z$n);
|
|
1394
1401
|
|
|
@@ -1406,31 +1413,31 @@ const MenuItem = (props) => {
|
|
|
1406
1413
|
e.stopPropagation();
|
|
1407
1414
|
onClick && onClick(e);
|
|
1408
1415
|
};
|
|
1409
|
-
return (React__default[
|
|
1416
|
+
return (React__default["default"].createElement(ConditionalWrapper, { condition: true, wrapper: children => ((type === 'item' ? (
|
|
1410
1417
|
// eslint-disable-next-line jsx-a11y/anchor-is-valid
|
|
1411
|
-
React__default[
|
|
1412
|
-
React__default[
|
|
1418
|
+
React__default["default"].createElement("a", { className: getCssClasses(), onClick: handleClick }, children)) :
|
|
1419
|
+
React__default["default"].createElement("div", { className: getCssClasses(), onClick: handleClick }, children))) }, children));
|
|
1413
1420
|
};
|
|
1414
1421
|
|
|
1415
1422
|
const MenuToggle = ({ children }) => {
|
|
1416
|
-
return (React__default[
|
|
1423
|
+
return (React__default["default"].createElement(React.Fragment, null, children));
|
|
1417
1424
|
};
|
|
1418
1425
|
|
|
1419
|
-
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
|
|
1426
|
+
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";
|
|
1420
1427
|
var styles$m = {"menuItemDivider":"MenuDivider-module_menuItemDivider__JnLsC"};
|
|
1421
1428
|
styleInject(css_248z$m);
|
|
1422
1429
|
|
|
1423
|
-
const MenuDivider = () => React__default[
|
|
1430
|
+
const MenuDivider = () => React__default["default"].createElement("div", { className: styles$m.menuItemDivider });
|
|
1424
1431
|
|
|
1425
|
-
var css_248z$l = ".ExpansionPanelContent-module_expansionPanelContent__3H62L {\n padding: 8px 16px 16px
|
|
1432
|
+
var css_248z$l = ".ExpansionPanelContent-module_expansionPanelContent__3H62L {\n padding: 8px 16px 16px; }\n";
|
|
1426
1433
|
var styles$l = {"expansionPanelContent":"ExpansionPanelContent-module_expansionPanelContent__3H62L"};
|
|
1427
1434
|
styleInject(css_248z$l);
|
|
1428
1435
|
|
|
1429
1436
|
const ExpansionPanelContent = ({ children }) => {
|
|
1430
|
-
return (React__default[
|
|
1437
|
+
return (React__default["default"].createElement("div", { className: styles$l.expansionPanelContent }, children));
|
|
1431
1438
|
};
|
|
1432
1439
|
|
|
1433
|
-
var css_248z$k = ".ExpansionPanelHeader-module_expansionPanelHeader__3hrsI {\n display: flex;\n align-items: center;\n padding: 12px 16px;\n min-height: 48px
|
|
1440
|
+
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";
|
|
1434
1441
|
var styles$k = {"expansionPanelHeader":"ExpansionPanelHeader-module_expansionPanelHeader__3hrsI"};
|
|
1435
1442
|
styleInject(css_248z$k);
|
|
1436
1443
|
|
|
@@ -1440,13 +1447,13 @@ const ExpansionPanelHeader = (props) => {
|
|
|
1440
1447
|
e.stopPropagation();
|
|
1441
1448
|
onClick && onClick(e);
|
|
1442
1449
|
};
|
|
1443
|
-
return (React__default[
|
|
1450
|
+
return (React__default["default"].createElement("div", { className: styles$k.expansionPanelHeader, onClick: handleClick },
|
|
1444
1451
|
children,
|
|
1445
|
-
React__default[
|
|
1446
|
-
React__default[
|
|
1452
|
+
React__default["default"].createElement("span", { className: "ml-auto text-muted" },
|
|
1453
|
+
React__default["default"].createElement(Icon, null, isExpanded ? React__default["default"].createElement(ChevronUpSolidIcon, null) : React__default["default"].createElement(ChevronDownSolidIcon, null)))));
|
|
1447
1454
|
};
|
|
1448
1455
|
|
|
1449
|
-
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
|
|
1456
|
+
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";
|
|
1450
1457
|
var styles$j = {"expansionPanel":"ExpansionPanel-module_expansionPanel__3krcE","isExpanded":"ExpansionPanel-module_isExpanded__1m4Dt"};
|
|
1451
1458
|
styleInject(css_248z$j);
|
|
1452
1459
|
|
|
@@ -1468,13 +1475,13 @@ const ExpansionPanel = (props) => {
|
|
|
1468
1475
|
setIsExpanded(!_isExpanded);
|
|
1469
1476
|
onChange && onChange(event, !_isExpanded);
|
|
1470
1477
|
};
|
|
1471
|
-
return (React__default[
|
|
1472
|
-
React__default[
|
|
1478
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
1479
|
+
React__default["default"].createElement(ExpansionPanelHeader, { isExpanded: _isExpanded, onClick: handleClickHeader }, header),
|
|
1473
1480
|
_isExpanded &&
|
|
1474
|
-
React__default[
|
|
1481
|
+
React__default["default"].createElement(ExpansionPanelContent, null, children)));
|
|
1475
1482
|
};
|
|
1476
1483
|
|
|
1477
|
-
var css_248z$i = ".FloatingActionButton-module_fab__3GwiH {\n box-shadow: var(--shadow)
|
|
1484
|
+
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";
|
|
1478
1485
|
var styles$i = {"fab":"FloatingActionButton-module_fab__3GwiH","fixed":"FloatingActionButton-module_fixed__17qrv"};
|
|
1479
1486
|
styleInject(css_248z$i);
|
|
1480
1487
|
|
|
@@ -1491,7 +1498,7 @@ const FloatingActionButton = (props) => {
|
|
|
1491
1498
|
e.stopPropagation();
|
|
1492
1499
|
onClick && onClick(e);
|
|
1493
1500
|
};
|
|
1494
|
-
return (React__default[
|
|
1501
|
+
return (React__default["default"].createElement(IconButton, { className: getCssClasses(), color: color, size: size, isActive: isActive, disabled: disabled, icon: icon, variant: exports.VARIANT.contained, onClick: handleClick }));
|
|
1495
1502
|
};
|
|
1496
1503
|
|
|
1497
1504
|
const Column = (props) => {
|
|
@@ -1512,7 +1519,7 @@ const Column = (props) => {
|
|
|
1512
1519
|
className && cssClasses.push(className);
|
|
1513
1520
|
return cssClasses.filter(css => css).join(' ');
|
|
1514
1521
|
};
|
|
1515
|
-
return (React__default[
|
|
1522
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
1516
1523
|
};
|
|
1517
1524
|
|
|
1518
1525
|
const Row = (props) => {
|
|
@@ -1523,7 +1530,7 @@ const Row = (props) => {
|
|
|
1523
1530
|
className && cssClasses.push(className);
|
|
1524
1531
|
return cssClasses.filter(css => css).join(' ');
|
|
1525
1532
|
};
|
|
1526
|
-
return (React__default[
|
|
1533
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
1527
1534
|
};
|
|
1528
1535
|
|
|
1529
1536
|
const Link = (props) => {
|
|
@@ -1542,10 +1549,10 @@ const Link = (props) => {
|
|
|
1542
1549
|
const onMouseLeave = () => {
|
|
1543
1550
|
setStatus(STATUS.NORMAL);
|
|
1544
1551
|
};
|
|
1545
|
-
return (React__default[
|
|
1552
|
+
return (React__default["default"].createElement("a", { className: getCssClasses(), href: url || '#', target: target, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, children));
|
|
1546
1553
|
};
|
|
1547
1554
|
|
|
1548
|
-
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
|
|
1555
|
+
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";
|
|
1549
1556
|
var styles$h = {"loadingIndicatorContainer":"LoadingIndicator-module_loadingIndicatorContainer__3e1-3","loadingIndicator":"LoadingIndicator-module_loadingIndicator__tvp5i","spinAnimation":"LoadingIndicator-module_spinAnimation__PKRNn"};
|
|
1550
1557
|
styleInject(css_248z$h);
|
|
1551
1558
|
|
|
@@ -1555,8 +1562,8 @@ const LoadingIndicator = () => {
|
|
|
1555
1562
|
cssClasses.push(styles$h.loadingIndicator);
|
|
1556
1563
|
return cssClasses.filter(css => css).join(' ');
|
|
1557
1564
|
};
|
|
1558
|
-
return (React__default[
|
|
1559
|
-
React__default[
|
|
1565
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
1566
|
+
React__default["default"].createElement(SpinnerSolidIcon, null)));
|
|
1560
1567
|
};
|
|
1561
1568
|
|
|
1562
1569
|
const LoadingIndicatorContainer = ({ children }) => {
|
|
@@ -1565,7 +1572,7 @@ const LoadingIndicatorContainer = ({ children }) => {
|
|
|
1565
1572
|
cssClasses.push(styles$h.loadingIndicatorContainer);
|
|
1566
1573
|
return cssClasses.filter(css => css).join(' ');
|
|
1567
1574
|
};
|
|
1568
|
-
return (React__default[
|
|
1575
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() }, children));
|
|
1569
1576
|
};
|
|
1570
1577
|
|
|
1571
1578
|
class LoadingIndicatorService {
|
|
@@ -1577,8 +1584,8 @@ class LoadingIndicatorService {
|
|
|
1577
1584
|
this.container = document.createElement('div');
|
|
1578
1585
|
this.container.classList.add('snackbar-container');
|
|
1579
1586
|
document.body.appendChild(this.container);
|
|
1580
|
-
reactDom.render(React__default[
|
|
1581
|
-
React__default[
|
|
1587
|
+
reactDom.render(React__default["default"].createElement(LoadingIndicatorContainer, null,
|
|
1588
|
+
React__default["default"].createElement(LoadingIndicator, null)), this.container);
|
|
1582
1589
|
});
|
|
1583
1590
|
}
|
|
1584
1591
|
hide() {
|
|
@@ -1592,7 +1599,7 @@ class LoadingIndicatorService {
|
|
|
1592
1599
|
}
|
|
1593
1600
|
const loadingIndicatorService = new LoadingIndicatorService();
|
|
1594
1601
|
|
|
1595
|
-
var css_248z$g = ".ModalHeader-module_modalHeader__o5HzE {\n border-bottom: none;\n align-items: center
|
|
1602
|
+
var css_248z$g = ".ModalHeader-module_modalHeader__o5HzE {\n border-bottom: none;\n align-items: center; }\n";
|
|
1596
1603
|
var styles$g = {"modalHeader":"ModalHeader-module_modalHeader__o5HzE"};
|
|
1597
1604
|
styleInject(css_248z$g);
|
|
1598
1605
|
|
|
@@ -1601,23 +1608,23 @@ const ModalHeader = (props) => {
|
|
|
1601
1608
|
const handleClick = () => {
|
|
1602
1609
|
onClose && onClose();
|
|
1603
1610
|
};
|
|
1604
|
-
return (React__default[
|
|
1605
|
-
React__default[
|
|
1611
|
+
return (React__default["default"].createElement("div", { className: "modal-header " + styles$g.modalHeader },
|
|
1612
|
+
React__default["default"].createElement("h5", { className: "modal-title" }, children),
|
|
1606
1613
|
isDismissable &&
|
|
1607
|
-
React__default[
|
|
1614
|
+
React__default["default"].createElement(IconButton, { icon: React__default["default"].createElement(TimesSolidIcon, null), variant: exports.VARIANT.text, onClick: handleClick })));
|
|
1608
1615
|
};
|
|
1609
1616
|
|
|
1610
|
-
const ModalBody = ({ children }) => (React__default[
|
|
1617
|
+
const ModalBody = ({ children }) => (React__default["default"].createElement("div", { className: "modal-body" }, children));
|
|
1611
1618
|
|
|
1612
|
-
var css_248z$f = ".Modal-module_modal__1NdMJ {\n z-index: 1111 !important;\n border-radius: var(--borderRadius)
|
|
1619
|
+
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";
|
|
1613
1620
|
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"};
|
|
1614
1621
|
styleInject(css_248z$f);
|
|
1615
1622
|
|
|
1616
|
-
var css_248z$e = ".ModalFooter-module_modalFooter__2Et4e {\n border-top: none
|
|
1623
|
+
var css_248z$e = ".ModalFooter-module_modalFooter__2Et4e {\n border-top: none; }\n";
|
|
1617
1624
|
var styles$e = {"modalFooter":"ModalFooter-module_modalFooter__2Et4e"};
|
|
1618
1625
|
styleInject(css_248z$e);
|
|
1619
1626
|
|
|
1620
|
-
const ModalFooter = ({ children }) => (React__default[
|
|
1627
|
+
const ModalFooter = ({ children }) => (React__default["default"].createElement("div", { className: "modal-footer " + styles$e.modalFooter }, children));
|
|
1621
1628
|
|
|
1622
1629
|
const Modal = (props) => {
|
|
1623
1630
|
const { className, size, fullScreen, children, header, footer, onHeaderCloseClick, onBackdropClick, isDismissable = false } = props;
|
|
@@ -1639,16 +1646,16 @@ const Modal = (props) => {
|
|
|
1639
1646
|
const handleClickBackdrop = () => {
|
|
1640
1647
|
onBackdropClick && onBackdropClick();
|
|
1641
1648
|
};
|
|
1642
|
-
return (React__default[
|
|
1643
|
-
React__default[
|
|
1644
|
-
React__default[
|
|
1645
|
-
React__default[
|
|
1649
|
+
return (React__default["default"].createElement(React.Fragment, null,
|
|
1650
|
+
React__default["default"].createElement("div", { className: "modal show " + styles$f.modal, style: { display: 'block' } },
|
|
1651
|
+
React__default["default"].createElement("div", { className: getCssClass() },
|
|
1652
|
+
React__default["default"].createElement("div", { className: 'modal-content ' + (!!fullScreen ? styles$f['modalContent'] : undefined) },
|
|
1646
1653
|
header &&
|
|
1647
|
-
React__default[
|
|
1648
|
-
React__default[
|
|
1654
|
+
React__default["default"].createElement(ModalHeader, { isDismissable: isDismissable, onClose: () => onHeaderCloseClick && onHeaderCloseClick() }, header),
|
|
1655
|
+
React__default["default"].createElement(ModalBody, null, children),
|
|
1649
1656
|
footer &&
|
|
1650
|
-
React__default[
|
|
1651
|
-
React__default[
|
|
1657
|
+
React__default["default"].createElement(ModalFooter, null, footer)))),
|
|
1658
|
+
React__default["default"].createElement(Backdrop, { onClick: handleClickBackdrop })));
|
|
1652
1659
|
};
|
|
1653
1660
|
|
|
1654
1661
|
// export enum MODALRESULT { OK = 'OK', CANCEL = 'CANCEL', DELETE = 'DELETE' }
|
|
@@ -1706,11 +1713,11 @@ const GlobalModal = ({ title, description, formControls, onOk, onCancel, isDismi
|
|
|
1706
1713
|
}
|
|
1707
1714
|
button.handler && button.handler();
|
|
1708
1715
|
};
|
|
1709
|
-
return (React__default[
|
|
1710
|
-
description && React__default[
|
|
1716
|
+
return (React__default["default"].createElement(Modal, { size: size, fullScreen: fullScreen, header: title, onHeaderCloseClick: onCancel, isDismissable: isDismissable, footer: React__default["default"].createElement(React.Fragment, null, buttons.map((button, index) => (React__default["default"].createElement(Button, { key: index, variant: button.variant, color: button.color, autoFocus: button.autoFocus, onClick: () => handleClickButton(button) }, button.label)))) },
|
|
1717
|
+
description && React__default["default"].createElement("div", null, description),
|
|
1711
1718
|
modalType === exports.MODALTYPE.FORM &&
|
|
1712
|
-
React__default[
|
|
1713
|
-
React__default[
|
|
1719
|
+
React__default["default"].createElement(React.Fragment, null,
|
|
1720
|
+
React__default["default"].createElement(Form, { ref: myForm, controls: myControls, validateOnBlur: true, onSubmit: onSubmit }))));
|
|
1714
1721
|
};
|
|
1715
1722
|
|
|
1716
1723
|
class ModalService {
|
|
@@ -1727,7 +1734,7 @@ class ModalService {
|
|
|
1727
1734
|
reject();
|
|
1728
1735
|
this.hide();
|
|
1729
1736
|
};
|
|
1730
|
-
reactDom.render(React__default[
|
|
1737
|
+
reactDom.render(React__default["default"].createElement(GlobalModal, { fullScreen: options && options.fullScreen, size: options && options.size, title: title, description: description, formControls: options && options.formControls, onCancel: handleCancel, onOk: handleOk, isDismissable: options && options.isDismissable, buttons: options && options.buttons }), this.container);
|
|
1731
1738
|
}
|
|
1732
1739
|
});
|
|
1733
1740
|
}
|
|
@@ -1765,7 +1772,7 @@ const NumberSelect = (props) => {
|
|
|
1765
1772
|
setNewValue(e);
|
|
1766
1773
|
onChange && onChange(e);
|
|
1767
1774
|
};
|
|
1768
|
-
return (React__default[
|
|
1775
|
+
return (React__default["default"].createElement(Select, { id: id, name: name, className: getCssClasses(), options: numberOptions, onChange: (e) => handleOnChange(parseInt(e)), disabled: disabled, value: newValue.toString() }));
|
|
1769
1776
|
};
|
|
1770
1777
|
|
|
1771
1778
|
class SidebarItemModel {
|
|
@@ -1828,21 +1835,21 @@ const Sidebar = (props) => {
|
|
|
1828
1835
|
const handleClickSubItem = (itemPath, subItemPath, e) => {
|
|
1829
1836
|
navigate(e, `/${itemPath}/${subItemPath}`);
|
|
1830
1837
|
};
|
|
1831
|
-
return (React__default[
|
|
1832
|
-
React__default[
|
|
1833
|
-
React__default[
|
|
1834
|
-
React__default[
|
|
1838
|
+
return (React__default["default"].createElement("nav", { className: "sidebar" },
|
|
1839
|
+
React__default["default"].createElement(List, null, menuItems.map(item => (React__default["default"].createElement(React__default["default"].Fragment, { key: item.id },
|
|
1840
|
+
React__default["default"].createElement(ListItem, { active: isMenuItemActive(item.path), onClick: (e) => handleClickItem(item, e) },
|
|
1841
|
+
React__default["default"].createElement(ListItemText, { primary: React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1835
1842
|
item.label,
|
|
1836
|
-
item.items && item.items.length > 0 && (React__default[
|
|
1843
|
+
item.items && item.items.length > 0 && (React__default["default"].createElement("small", { className: "ml-2" },
|
|
1837
1844
|
"(",
|
|
1838
1845
|
item.items.length,
|
|
1839
1846
|
")"))) }),
|
|
1840
1847
|
item.items && item.items.length > 0 &&
|
|
1841
|
-
React__default[
|
|
1842
|
-
!item.isCollapsed && item.items && item.items.length > 0 && (React__default[
|
|
1848
|
+
React__default["default"].createElement(ListItemAction, null, item.isCollapsed ? React__default["default"].createElement(ChevronDownSolidIcon, null) : React__default["default"].createElement(ChevronUpSolidIcon, null))),
|
|
1849
|
+
!item.isCollapsed && item.items && item.items.length > 0 && (React__default["default"].createElement(List, { className: "list-level-1", key: `${item.id}-sub` }, item.items.map(subItem => (React__default["default"].createElement(ListItem, { className: "list-item-level-1", active: isMenuItemActive(subItem.path), key: subItem.id, onClick: (e) => handleClickSubItem(item.path, subItem.path, e) }, subItem.label)))))))))));
|
|
1843
1850
|
};
|
|
1844
1851
|
|
|
1845
|
-
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)
|
|
1852
|
+
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";
|
|
1846
1853
|
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"};
|
|
1847
1854
|
styleInject(css_248z$d);
|
|
1848
1855
|
|
|
@@ -1858,10 +1865,10 @@ const Snackbar = (props) => {
|
|
|
1858
1865
|
const handleClickAction = () => {
|
|
1859
1866
|
onOk && onOk();
|
|
1860
1867
|
};
|
|
1861
|
-
return (React__default[
|
|
1862
|
-
React__default[
|
|
1863
|
-
React__default[
|
|
1864
|
-
React__default[
|
|
1868
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
1869
|
+
React__default["default"].createElement("div", { className: styles$d.text }, message),
|
|
1870
|
+
React__default["default"].createElement("div", { className: styles$d.action + " text-accent", onClick: handleClickAction },
|
|
1871
|
+
React__default["default"].createElement("span", null, actionText))));
|
|
1865
1872
|
};
|
|
1866
1873
|
|
|
1867
1874
|
class SnackbarService {
|
|
@@ -1884,7 +1891,7 @@ class SnackbarService {
|
|
|
1884
1891
|
resolve();
|
|
1885
1892
|
this.hide();
|
|
1886
1893
|
};
|
|
1887
|
-
reactDom.render(React__default[
|
|
1894
|
+
reactDom.render(React__default["default"].createElement(Snackbar, { message: message, color: mergedOptions.color, actionText: mergedOptions.actionText, onOk: handleOk }), this.container);
|
|
1888
1895
|
});
|
|
1889
1896
|
}
|
|
1890
1897
|
hide() {
|
|
@@ -1898,7 +1905,7 @@ class SnackbarService {
|
|
|
1898
1905
|
}
|
|
1899
1906
|
const snackbarService = new SnackbarService();
|
|
1900
1907
|
|
|
1901
|
-
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
|
|
1908
|
+
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";
|
|
1902
1909
|
var styles$c = {"speedDialActions":"SpeedDialActions-module_speedDialActions__zLEps"};
|
|
1903
1910
|
styleInject(css_248z$c);
|
|
1904
1911
|
|
|
@@ -1909,10 +1916,10 @@ const SpeedDialActions = (props) => {
|
|
|
1909
1916
|
cssClasses.push(styles$c.speedDialActions);
|
|
1910
1917
|
return cssClasses.filter(css => css).join(' ');
|
|
1911
1918
|
};
|
|
1912
|
-
return (React__default[
|
|
1919
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() }, children));
|
|
1913
1920
|
};
|
|
1914
1921
|
|
|
1915
|
-
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
|
|
1922
|
+
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";
|
|
1916
1923
|
var styles$b = {"speedDial":"SpeedDial-module_speedDial__CQ5x2"};
|
|
1917
1924
|
styleInject(css_248z$b);
|
|
1918
1925
|
|
|
@@ -1930,14 +1937,14 @@ const SpeedDial = (props) => {
|
|
|
1930
1937
|
else
|
|
1931
1938
|
onOpen && onOpen(e);
|
|
1932
1939
|
};
|
|
1933
|
-
return (React__default[
|
|
1934
|
-
React__default[
|
|
1935
|
-
React__default[
|
|
1940
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest),
|
|
1941
|
+
React__default["default"].createElement("div", { style: { 'transform': open ? 'rotate(45deg)' : undefined } },
|
|
1942
|
+
React__default["default"].createElement(FloatingActionButton, { icon: React__default["default"].createElement(PlusSolidIcon, null), onClick: handleClick })),
|
|
1936
1943
|
open &&
|
|
1937
|
-
React__default[
|
|
1944
|
+
React__default["default"].createElement(SpeedDialActions, null, children)));
|
|
1938
1945
|
};
|
|
1939
1946
|
|
|
1940
|
-
var css_248z$a = ".SpeedDialAction-module_speedDialAction__qmExs + .SpeedDialAction-module_speedDialAction__qmExs {\n margin-bottom: 10px
|
|
1947
|
+
var css_248z$a = ".SpeedDialAction-module_speedDialAction__qmExs + .SpeedDialAction-module_speedDialAction__qmExs {\n margin-bottom: 10px; }\n";
|
|
1941
1948
|
var styles$a = {"speedDialAction":"SpeedDialAction-module_speedDialAction__qmExs"};
|
|
1942
1949
|
styleInject(css_248z$a);
|
|
1943
1950
|
|
|
@@ -1949,7 +1956,7 @@ const SpeedDialAction = (props) => {
|
|
|
1949
1956
|
className && cssClasses.push(className);
|
|
1950
1957
|
return cssClasses.filter(css => css).join(' ');
|
|
1951
1958
|
};
|
|
1952
|
-
return (React__default[
|
|
1959
|
+
return (React__default["default"].createElement(IconButton, { className: getCssClasses(), icon: icon, color: exports.COLOR.light, shadow: true, onClick: onClick }));
|
|
1953
1960
|
};
|
|
1954
1961
|
|
|
1955
1962
|
const SpeedDialIcon = (props) => {
|
|
@@ -1959,10 +1966,10 @@ const SpeedDialIcon = (props) => {
|
|
|
1959
1966
|
className && cssClasses.push(className);
|
|
1960
1967
|
return cssClasses.filter(css => css).join(' ');
|
|
1961
1968
|
};
|
|
1962
|
-
return (React__default[
|
|
1969
|
+
return (React__default["default"].createElement(Icon, Object.assign({ className: getCssClasses() }, rest), children));
|
|
1963
1970
|
};
|
|
1964
1971
|
|
|
1965
|
-
var css_248z$9 = ".StepperActions-module_stepperActions__2r5ZT {\n display: flex
|
|
1972
|
+
var css_248z$9 = ".StepperActions-module_stepperActions__2r5ZT {\n display: flex; }\n";
|
|
1966
1973
|
var styles$9 = {"stepperActions":"StepperActions-module_stepperActions__2r5ZT"};
|
|
1967
1974
|
styleInject(css_248z$9);
|
|
1968
1975
|
|
|
@@ -1974,20 +1981,20 @@ const StepperActions = (props) => {
|
|
|
1974
1981
|
className && cssClasses.push(className);
|
|
1975
1982
|
return cssClasses.filter(css => css).join(' ');
|
|
1976
1983
|
};
|
|
1977
|
-
return (React__default[
|
|
1978
|
-
React__default[
|
|
1979
|
-
React__default[
|
|
1980
|
-
isCompleted && (React__default[
|
|
1981
|
-
isStepOptional && (React__default[
|
|
1982
|
-
React__default[
|
|
1984
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
1985
|
+
React__default["default"].createElement(Button, { className: "mr-2", variant: exports.VARIANT.outline, disabled: isFirstStep, startIcon: !isFirstStep ? React__default["default"].createElement(ChevronLeftSolidIcon, null) : undefined, onClick: () => onBack && onBack() }, "Back"),
|
|
1986
|
+
React__default["default"].createElement("div", { className: "ml-auto" },
|
|
1987
|
+
isCompleted && (React__default["default"].createElement(Button, { className: "mr-2", color: exports.COLOR.secondary, variant: exports.VARIANT.text, onClick: () => onReset && onReset() }, "Reset")),
|
|
1988
|
+
isStepOptional && (React__default["default"].createElement(Button, { className: "mr-2", variant: exports.VARIANT.contained, color: exports.COLOR.primary, onClick: () => onSkip && onSkip() }, "Skip")),
|
|
1989
|
+
React__default["default"].createElement(Button, { variant: exports.VARIANT.contained, color: exports.COLOR.primary, startIcon: isCompleted ? React__default["default"].createElement(CheckSolidIcon, null) : undefined, endIcon: !isCompleted ? React__default["default"].createElement(ChevronRightSolidIcon, null) : undefined, onClick: () => onNext && onNext() }, isCompleted ? 'Done' : 'Next'))));
|
|
1983
1990
|
};
|
|
1984
1991
|
|
|
1985
1992
|
const StepPanel = (props) => {
|
|
1986
1993
|
const { children } = props;
|
|
1987
|
-
return (React__default[
|
|
1994
|
+
return (React__default["default"].createElement("div", { className: "steppanel" }, children));
|
|
1988
1995
|
};
|
|
1989
1996
|
|
|
1990
|
-
var css_248z$8 = ".StepConnector-module_stepConnector__2m7Xp {\n flex: 1 1 auto;\n flex-shrink: 0;\n min-width: 20px
|
|
1997
|
+
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";
|
|
1991
1998
|
var styles$8 = {"stepConnector":"StepConnector-module_stepConnector__2m7Xp","stepConnectorLine":"StepConnector-module_stepConnectorLine__jSqG4","isActive":"StepConnector-module_isActive__3Yj6N","stepConnectorLineHorizontal":"StepConnector-module_stepConnectorLineHorizontal__3R2R8"};
|
|
1992
1999
|
styleInject(css_248z$8);
|
|
1993
2000
|
|
|
@@ -2005,22 +2012,22 @@ const StepConnector = (props) => {
|
|
|
2005
2012
|
isHorizontal && cssClasses.push(styles$8.stepConnectorLineHorizontal);
|
|
2006
2013
|
return cssClasses.filter(css => css).join(' ');
|
|
2007
2014
|
};
|
|
2008
|
-
return (React__default[
|
|
2009
|
-
React__default[
|
|
2015
|
+
return (React__default["default"].createElement("div", { className: getCssClassesConnector() },
|
|
2016
|
+
React__default["default"].createElement("div", { className: getCssClassesLine() })));
|
|
2010
2017
|
};
|
|
2011
2018
|
|
|
2012
|
-
var css_248z$7 = ".Stepper-module_stepper__1TOxM {\n display: flex;\n align-items: center;\n flex-direction: row;\n margin-bottom: 10px
|
|
2019
|
+
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";
|
|
2013
2020
|
var styles$7 = {"stepper":"Stepper-module_stepper__1TOxM","isHorizontal":"Stepper-module_isHorizontal__3rFHH"};
|
|
2014
2021
|
styleInject(css_248z$7);
|
|
2015
2022
|
|
|
2016
2023
|
const Stepper = (props) => {
|
|
2017
2024
|
const { children, isLinear = true, showLabel = true, showProgressCheckIcon = false, value, isHorizontal = true, onChange, onFinish } = props;
|
|
2018
2025
|
const [steps, setSteps] = React.useState();
|
|
2019
|
-
const [activeIndex, setActiveIndex] = React__default[
|
|
2020
|
-
const [skipped, setSkipped] = React__default[
|
|
2026
|
+
const [activeIndex, setActiveIndex] = React__default["default"].useState(0);
|
|
2027
|
+
const [skipped, setSkipped] = React__default["default"].useState(new Set());
|
|
2021
2028
|
React.useEffect(() => {
|
|
2022
2029
|
if (children) {
|
|
2023
|
-
setSteps(React__default[
|
|
2030
|
+
setSteps(React__default["default"].Children.toArray(children));
|
|
2024
2031
|
}
|
|
2025
2032
|
}, [children]);
|
|
2026
2033
|
React.useEffect(() => {
|
|
@@ -2038,7 +2045,7 @@ const Stepper = (props) => {
|
|
|
2038
2045
|
});
|
|
2039
2046
|
};
|
|
2040
2047
|
const renderSteps = (child, index) => {
|
|
2041
|
-
return React__default[
|
|
2048
|
+
return React__default["default"].isValidElement(child) &&
|
|
2042
2049
|
React.cloneElement(child, {
|
|
2043
2050
|
index: index,
|
|
2044
2051
|
isActive: activeIndex >= index,
|
|
@@ -2103,14 +2110,14 @@ const Stepper = (props) => {
|
|
|
2103
2110
|
isHorizontal && cssClasses.push(styles$7['isHorizontal']);
|
|
2104
2111
|
return cssClasses.filter(css => css).join(' ');
|
|
2105
2112
|
};
|
|
2106
|
-
return (React__default[
|
|
2107
|
-
React__default[
|
|
2108
|
-
React__default[
|
|
2113
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, steps &&
|
|
2114
|
+
React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2115
|
+
React__default["default"].createElement("div", { className: getCssClasses() }, steps.map((child, index) => (React__default["default"].createElement(React__default["default"].Fragment, { key: child.props.value },
|
|
2109
2116
|
renderSteps(child, index),
|
|
2110
|
-
index !== steps.length - 1 && React__default[
|
|
2111
|
-
steps && steps.map((step, index) => React__default[
|
|
2112
|
-
React__default[
|
|
2113
|
-
React__default[
|
|
2117
|
+
index !== steps.length - 1 && React__default["default"].createElement(StepConnector, { isActive: activeIndex > index }))))),
|
|
2118
|
+
steps && steps.map((step, index) => React__default["default"].createElement(React.Fragment, { key: step.props.value }, index === activeIndex &&
|
|
2119
|
+
React__default["default"].createElement(StepPanel, null, step.props.children))),
|
|
2120
|
+
React__default["default"].createElement(StepperActions, { className: "mt-3", isFirstStep: activeIndex === 0, isStepOptional: isStepOptional(activeIndex), isCompleted: isLastStep(), onBack: handleBack, onSkip: handleSkip, onNext: handleNext, onReset: handleReset }))));
|
|
2114
2121
|
};
|
|
2115
2122
|
|
|
2116
2123
|
function useWindowSize() {
|
|
@@ -2169,7 +2176,7 @@ function useDebounce(callback, timeout, deps) {
|
|
|
2169
2176
|
}, deps);
|
|
2170
2177
|
}
|
|
2171
2178
|
|
|
2172
|
-
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
|
|
2179
|
+
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";
|
|
2173
2180
|
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"};
|
|
2174
2181
|
styleInject(css_248z$6);
|
|
2175
2182
|
|
|
@@ -2196,17 +2203,17 @@ const Step = (props) => {
|
|
|
2196
2203
|
isDisabled && cssClasses.push(styles$6['disabled']);
|
|
2197
2204
|
return cssClasses.filter(css => css).join(' ');
|
|
2198
2205
|
};
|
|
2199
|
-
return (React__default[
|
|
2200
|
-
React__default[
|
|
2201
|
-
React__default[
|
|
2202
|
-
React__default[
|
|
2203
|
-
React__default[
|
|
2204
|
-
React__default[
|
|
2205
|
-
React__default[
|
|
2206
|
+
return (React__default["default"].createElement("div", { ref: hoverRef, className: getCssClasses(), onClick: handleClick },
|
|
2207
|
+
React__default["default"].createElement("div", { className: getCssClassesStep() },
|
|
2208
|
+
React__default["default"].createElement(Icon, { className: styles$6.stepIconCircle, iconColor: (isHovered || isActive) && !isDisabled ? exports.COLOR.primary : exports.COLOR.secondary },
|
|
2209
|
+
React__default["default"].createElement(CircleSolidIcon, null)),
|
|
2210
|
+
React__default["default"].createElement("div", { className: styles$6.stepValue + ' ' + (isActive ? (styles$6.stepValue['isActive']) : '') }, showProgressCheckIcon && isActive && isDone ?
|
|
2211
|
+
React__default["default"].createElement(Icon, null,
|
|
2212
|
+
React__default["default"].createElement(CheckSolidIcon, null))
|
|
2206
2213
|
:
|
|
2207
|
-
React__default[
|
|
2214
|
+
React__default["default"].createElement(Typography, null, index + 1))),
|
|
2208
2215
|
label && showLabel &&
|
|
2209
|
-
React__default[
|
|
2216
|
+
React__default["default"].createElement(Typography, { className: "flex-shrink-0" }, label)));
|
|
2210
2217
|
};
|
|
2211
2218
|
|
|
2212
2219
|
const Table = (props) => {
|
|
@@ -2220,11 +2227,11 @@ const Table = (props) => {
|
|
|
2220
2227
|
className && cssClasses.push(className);
|
|
2221
2228
|
return cssClasses.filter(css => css).join(' ');
|
|
2222
2229
|
};
|
|
2223
|
-
return (React__default[
|
|
2224
|
-
React__default[
|
|
2230
|
+
return (React__default["default"].createElement(ConditionalWrapper, { condition: responsive, wrapper: children => React__default["default"].createElement("div", { className: "table-responsive" }, children) },
|
|
2231
|
+
React__default["default"].createElement("table", { className: getCssClasses() }, children)));
|
|
2225
2232
|
};
|
|
2226
2233
|
|
|
2227
|
-
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
|
|
2234
|
+
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";
|
|
2228
2235
|
var styles$5 = {"tabIndicator":"TabIndicator-module_tabIndicator__wj9Qm","primary":"TabIndicator-module_primary__2Lc8c","accent":"TabIndicator-module_accent__37h0D"};
|
|
2229
2236
|
styleInject(css_248z$5);
|
|
2230
2237
|
|
|
@@ -2236,13 +2243,13 @@ const TabIndicator = (props) => {
|
|
|
2236
2243
|
cssClasses.push(styles$5[color]);
|
|
2237
2244
|
return cssClasses.filter(css => css).join(' ');
|
|
2238
2245
|
};
|
|
2239
|
-
return (React__default[
|
|
2246
|
+
return (React__default["default"].createElement("span", { className: getCssClasses(), style: {
|
|
2240
2247
|
width: width,
|
|
2241
2248
|
left: `calc(calc(100% / ${amount}) * ${index})`
|
|
2242
2249
|
} }));
|
|
2243
2250
|
};
|
|
2244
2251
|
|
|
2245
|
-
var css_248z$4 = ".Tabs-module_tabs__2azkC {\n display: flex;\n position: relative
|
|
2252
|
+
var css_248z$4 = ".Tabs-module_tabs__2azkC {\n display: flex;\n position: relative; }\n";
|
|
2246
2253
|
var styles$4 = {"tabs":"Tabs-module_tabs__2azkC"};
|
|
2247
2254
|
styleInject(css_248z$4);
|
|
2248
2255
|
|
|
@@ -2251,7 +2258,7 @@ const Tabs = (props) => {
|
|
|
2251
2258
|
const [selectedValue, setSelectedValue] = React.useState(value);
|
|
2252
2259
|
const [selectedIndex, setSelectedIndex] = React.useState();
|
|
2253
2260
|
React.useEffect(() => {
|
|
2254
|
-
React__default[
|
|
2261
|
+
React__default["default"].Children.toArray(children).forEach((child, index) => {
|
|
2255
2262
|
if (child.props.value === value) {
|
|
2256
2263
|
setSelectedIndex(index);
|
|
2257
2264
|
}
|
|
@@ -2269,21 +2276,21 @@ const Tabs = (props) => {
|
|
|
2269
2276
|
onChange && onChange(event, newValue);
|
|
2270
2277
|
};
|
|
2271
2278
|
const renderTabs = (child, index) => {
|
|
2272
|
-
return React__default[
|
|
2279
|
+
return React__default["default"].isValidElement(child) && React.cloneElement(child, {
|
|
2273
2280
|
key: child.props.value,
|
|
2274
2281
|
isActive: child.props.value === selectedValue,
|
|
2275
2282
|
fixed: fixed,
|
|
2276
2283
|
onClick: (event, newValue) => handleClickTab(event, newValue, index),
|
|
2277
2284
|
});
|
|
2278
2285
|
};
|
|
2279
|
-
return (React__default[
|
|
2280
|
-
React__default[
|
|
2281
|
-
children && React__default[
|
|
2286
|
+
return (React__default["default"].createElement(React.Fragment, null,
|
|
2287
|
+
React__default["default"].createElement("div", { className: getCssClasses() },
|
|
2288
|
+
children && React__default["default"].Children.toArray(children).map((child, index) => renderTabs(child, index)),
|
|
2282
2289
|
children &&
|
|
2283
|
-
React__default[
|
|
2290
|
+
React__default["default"].createElement(TabIndicator, { color: indicatorColor, width: (100 / React__default["default"].Children.toArray(children).length) + '%', index: selectedIndex, amount: React__default["default"].Children.toArray(children).length }))));
|
|
2284
2291
|
};
|
|
2285
2292
|
|
|
2286
|
-
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
|
|
2293
|
+
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";
|
|
2287
2294
|
var styles$3 = {"tab":"Tab-module_tab__31Fjd"};
|
|
2288
2295
|
styleInject(css_248z$3);
|
|
2289
2296
|
|
|
@@ -2298,15 +2305,15 @@ const Tab = (props) => {
|
|
|
2298
2305
|
className && cssClasses.push(className);
|
|
2299
2306
|
return cssClasses.filter(css => css).join(' ');
|
|
2300
2307
|
};
|
|
2301
|
-
return (React__default[
|
|
2308
|
+
return (React__default["default"].createElement(Button, { className: getCssClasses(), onClick: (event) => onClick && onClick(event, value), isActive: isActive, disabled: disabled }, label));
|
|
2302
2309
|
};
|
|
2303
2310
|
|
|
2304
2311
|
const TabPanel = (props) => {
|
|
2305
2312
|
const { children, className, value, index } = props, rest = __rest(props, ["children", "className", "value", "index"]);
|
|
2306
|
-
return (React__default[
|
|
2313
|
+
return (React__default["default"].createElement("div", Object.assign({ role: "tabpanel", hidden: value !== index, id: `tabpanel-${index}`, "aria-labelledby": `wrapped-tab-${index}` }, rest), value === index && children));
|
|
2307
2314
|
};
|
|
2308
2315
|
|
|
2309
|
-
var css_248z$2 = ".Tooltip-module_tooltipContainer__3SPVX {\n display: inline
|
|
2316
|
+
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";
|
|
2310
2317
|
var styles$2 = {"tooltipContainer":"Tooltip-module_tooltipContainer__3SPVX","tooltip":"Tooltip-module_tooltip__1AML3","arrow":"Tooltip-module_arrow__2c3YL"};
|
|
2311
2318
|
styleInject(css_248z$2);
|
|
2312
2319
|
|
|
@@ -2335,15 +2342,15 @@ const Tooltip = (props) => {
|
|
|
2335
2342
|
const handleMouseLeave = () => {
|
|
2336
2343
|
setShow(false);
|
|
2337
2344
|
};
|
|
2338
|
-
return (React__default[
|
|
2339
|
-
React__default[
|
|
2345
|
+
return (React__default["default"].createElement(React.Fragment, null,
|
|
2346
|
+
React__default["default"].createElement("div", { className: styles$2.tooltipContainer, ref: refChild, id: "tooltip-container" }, React.cloneElement(children, {
|
|
2340
2347
|
onMouseOver: handleMouseOver,
|
|
2341
2348
|
onMouseLeave: handleMouseLeave,
|
|
2342
2349
|
})),
|
|
2343
2350
|
show &&
|
|
2344
|
-
React__default[
|
|
2351
|
+
React__default["default"].createElement("div", { className: styles$2.tooltip, ref: refTooltip, id: "tooltip" },
|
|
2345
2352
|
text,
|
|
2346
|
-
React__default[
|
|
2353
|
+
React__default["default"].createElement("div", { id: "arrow", "data-popper-arrow": true }))));
|
|
2347
2354
|
};
|
|
2348
2355
|
|
|
2349
2356
|
const HourSelect = (props) => {
|
|
@@ -2366,7 +2373,7 @@ const HourSelect = (props) => {
|
|
|
2366
2373
|
setNewValue(e);
|
|
2367
2374
|
onChange && onChange(e);
|
|
2368
2375
|
};
|
|
2369
|
-
return (React__default[
|
|
2376
|
+
return (React__default["default"].createElement(Select, { id: id, name: name, className: getCssClasses(), options: hourOptions, onChange: (e) => handleOnChange(parseInt(e)), disabled: disabled, value: newValue.toString() }));
|
|
2370
2377
|
};
|
|
2371
2378
|
|
|
2372
2379
|
const MilliSecondSelect = (props) => {
|
|
@@ -2389,7 +2396,7 @@ const MilliSecondSelect = (props) => {
|
|
|
2389
2396
|
setNewValue(e);
|
|
2390
2397
|
onChange && onChange(e);
|
|
2391
2398
|
};
|
|
2392
|
-
return (React__default[
|
|
2399
|
+
return (React__default["default"].createElement(Select, { id: id, name: name, className: getCssClasses(), options: milliSecondOptions, onChange: (e) => handleOnChange(parseInt(e)), disabled: disabled, value: newValue.toString() }));
|
|
2393
2400
|
};
|
|
2394
2401
|
|
|
2395
2402
|
const MinuteSelect = (props) => {
|
|
@@ -2412,7 +2419,7 @@ const MinuteSelect = (props) => {
|
|
|
2412
2419
|
setNewValue(e);
|
|
2413
2420
|
onChange && onChange(e);
|
|
2414
2421
|
};
|
|
2415
|
-
return (React__default[
|
|
2422
|
+
return (React__default["default"].createElement(Select, { id: id, name: name, className: getCssClasses(), options: minuteOptions, onChange: (e) => handleOnChange(parseInt(e)), disabled: disabled, value: newValue.toString() }));
|
|
2416
2423
|
};
|
|
2417
2424
|
|
|
2418
2425
|
const SecondSelect = (props) => {
|
|
@@ -2435,7 +2442,7 @@ const SecondSelect = (props) => {
|
|
|
2435
2442
|
setNewValue(e);
|
|
2436
2443
|
onChange && onChange(e);
|
|
2437
2444
|
};
|
|
2438
|
-
return (React__default[
|
|
2445
|
+
return (React__default["default"].createElement(Select, { id: id, name: name, className: getCssClasses(), options: secondOptions, onChange: (e) => handleOnChange(parseInt(e)), disabled: disabled, value: newValue.toString() }));
|
|
2439
2446
|
};
|
|
2440
2447
|
|
|
2441
2448
|
exports.TIMEMODE = void 0;
|
|
@@ -2466,26 +2473,26 @@ const TimeSelect = (props) => {
|
|
|
2466
2473
|
setCurrDate(newDate);
|
|
2467
2474
|
onChange && onChange(newDate);
|
|
2468
2475
|
};
|
|
2469
|
-
return (React__default[
|
|
2476
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
2470
2477
|
showHours &&
|
|
2471
|
-
React__default[
|
|
2472
|
-
React__default[
|
|
2473
|
-
React__default[
|
|
2478
|
+
React__default["default"].createElement(FormGroup, { className: "col" },
|
|
2479
|
+
React__default["default"].createElement(FormLabel, null, "Hours"),
|
|
2480
|
+
React__default["default"].createElement(HourSelect, { className: "form-control", value: currDate.getHours(), disabled: disabled, onChange: e => handleOnChange(e, exports.TIMEMODE.HOUR) })),
|
|
2474
2481
|
showMinutes &&
|
|
2475
|
-
React__default[
|
|
2476
|
-
React__default[
|
|
2477
|
-
React__default[
|
|
2482
|
+
React__default["default"].createElement(FormGroup, { className: "col" },
|
|
2483
|
+
React__default["default"].createElement(FormLabel, null, "Minutes"),
|
|
2484
|
+
React__default["default"].createElement(MinuteSelect, { className: "form-control", value: currDate.getMinutes(), disabled: disabled, onChange: e => handleOnChange(e, exports.TIMEMODE.MINUTE) })),
|
|
2478
2485
|
showSeconds &&
|
|
2479
|
-
React__default[
|
|
2480
|
-
React__default[
|
|
2481
|
-
React__default[
|
|
2486
|
+
React__default["default"].createElement(FormGroup, { className: "col" },
|
|
2487
|
+
React__default["default"].createElement(FormLabel, null, "Seconds"),
|
|
2488
|
+
React__default["default"].createElement(SecondSelect, { className: "form-control", value: currDate.getSeconds(), disabled: disabled, onChange: e => handleOnChange(e, exports.TIMEMODE.SECONDS) })),
|
|
2482
2489
|
showMilliSeconds &&
|
|
2483
|
-
React__default[
|
|
2484
|
-
React__default[
|
|
2485
|
-
React__default[
|
|
2490
|
+
React__default["default"].createElement(FormGroup, { className: "col" },
|
|
2491
|
+
React__default["default"].createElement(FormLabel, null, "Milliseconds"),
|
|
2492
|
+
React__default["default"].createElement(MilliSecondSelect, { className: "form-control", value: currDate.getMilliseconds(), disabled: disabled, onChange: e => handleOnChange(e, exports.TIMEMODE.MILLISECONDS) }))));
|
|
2486
2493
|
};
|
|
2487
2494
|
|
|
2488
|
-
var css_248z$1 = ".TreeView-module_treeView__3kmGm {\n list-style-type: none;\n margin-bottom: 0;\n padding-left: 0px !important
|
|
2495
|
+
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";
|
|
2489
2496
|
var styles$1 = {"treeView":"TreeView-module_treeView__3kmGm"};
|
|
2490
2497
|
styleInject(css_248z$1);
|
|
2491
2498
|
|
|
@@ -2497,15 +2504,15 @@ const TreeView = (props) => {
|
|
|
2497
2504
|
className && cssClasses.push(className);
|
|
2498
2505
|
return cssClasses.filter(css => css).join(' ');
|
|
2499
2506
|
};
|
|
2500
|
-
return (React__default[
|
|
2507
|
+
return (React__default["default"].createElement("ul", { className: getCssClasses() }, children));
|
|
2501
2508
|
};
|
|
2502
2509
|
|
|
2503
|
-
var css_248z = ".TreeItem-module_treeItem__2FtLe {\n display: flex;\n flex-direction: column;\n}";
|
|
2510
|
+
var css_248z = ".TreeItem-module_treeItem__2FtLe {\n display: flex;\n flex-direction: column;\n min-height: 48px;\n justify-content: center; }\n";
|
|
2504
2511
|
var styles = {"treeItem":"TreeItem-module_treeItem__2FtLe"};
|
|
2505
2512
|
styleInject(css_248z);
|
|
2506
2513
|
|
|
2507
2514
|
const TreeItem = (props) => {
|
|
2508
|
-
const { nodeId, label, children, className, isExpanded, isSelected, onToggleExpand, onSelect } = props;
|
|
2515
|
+
const { nodeId, label, children, className, isExpanded, isSelected, isSelectable, onToggleExpand, onSelect } = props;
|
|
2509
2516
|
const [_isExpanded, setIsExpanded] = React.useState(false);
|
|
2510
2517
|
const [_isSelected, setIsSelected] = React.useState(false);
|
|
2511
2518
|
const getCssClasses = () => {
|
|
@@ -2530,13 +2537,14 @@ const TreeItem = (props) => {
|
|
|
2530
2537
|
setIsSelected(!_isSelected);
|
|
2531
2538
|
onSelect && onSelect(nodeId, !_isSelected);
|
|
2532
2539
|
};
|
|
2533
|
-
return (React__default[
|
|
2534
|
-
React__default[
|
|
2540
|
+
return (React__default["default"].createElement("li", { className: getCssClasses(), style: { paddingLeft: `${(48 * (children ? 0 : 1))}px` } },
|
|
2541
|
+
React__default["default"].createElement("div", { className: "d-flex align-items-center" },
|
|
2535
2542
|
children &&
|
|
2536
|
-
React__default[
|
|
2537
|
-
|
|
2543
|
+
React__default["default"].createElement(IconButton, { onClick: () => handleOnToggleExpand(nodeId), icon: !_isExpanded ? React__default["default"].createElement(ChevronRightSolidIcon, null) : React__default["default"].createElement(ChevronDownSolidIcon, null) }),
|
|
2544
|
+
isSelectable &&
|
|
2545
|
+
React__default["default"].createElement(Checkbox, { checked: _isSelected, onChange: () => handleOnSelect(nodeId) }),
|
|
2538
2546
|
label),
|
|
2539
|
-
children && _isExpanded ? React__default[
|
|
2547
|
+
children && _isExpanded ? React__default["default"].createElement("ul", null, children) : null));
|
|
2540
2548
|
};
|
|
2541
2549
|
|
|
2542
2550
|
exports.Alert = Alert;
|