react-asc 18.8.4 → 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/index.es.js +69 -64
- package/index.es.js.map +1 -1
- package/index.js +345 -340
- 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]);
|
|
@@ -328,21 +333,21 @@ const AutoComplete = (props) => {
|
|
|
328
333
|
setModel('');
|
|
329
334
|
setSearchText('');
|
|
330
335
|
};
|
|
331
|
-
return (React__default[
|
|
332
|
-
React__default[
|
|
333
|
-
React__default[
|
|
334
|
-
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 }),
|
|
335
340
|
showClearButton && (model === null || model === void 0 ? void 0 : model.length) > 0 &&
|
|
336
|
-
React__default[
|
|
341
|
+
React__default["default"].createElement(IconButton, { icon: React__default["default"].createElement(TimesSolidIcon, null), onClick: handleClickReset })),
|
|
337
342
|
isShow &&
|
|
338
|
-
React__default[
|
|
339
|
-
React__default[
|
|
340
|
-
React__default[
|
|
341
|
-
React__default[
|
|
342
|
-
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() })))));
|
|
343
348
|
};
|
|
344
349
|
|
|
345
|
-
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";
|
|
346
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_"};
|
|
347
352
|
styleInject(css_248z$J);
|
|
348
353
|
|
|
@@ -360,12 +365,12 @@ const Badge = (props) => {
|
|
|
360
365
|
cssClasses.push(styles$J[color]);
|
|
361
366
|
return cssClasses.filter(css => css).join(' ');
|
|
362
367
|
};
|
|
363
|
-
return (React__default[
|
|
368
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClassesBadgeContainer() }, rest),
|
|
364
369
|
children,
|
|
365
|
-
React__default[
|
|
370
|
+
React__default["default"].createElement("span", { className: getCssClassesBadge() }, content)));
|
|
366
371
|
};
|
|
367
372
|
|
|
368
|
-
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";
|
|
369
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"};
|
|
370
375
|
styleInject(css_248z$I);
|
|
371
376
|
|
|
@@ -378,10 +383,10 @@ const Icon = (props) => {
|
|
|
378
383
|
className && cssClasses.push(className);
|
|
379
384
|
return cssClasses.filter(css => css).join(' ');
|
|
380
385
|
};
|
|
381
|
-
return (React__default[
|
|
386
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
382
387
|
};
|
|
383
388
|
|
|
384
|
-
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";
|
|
385
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"};
|
|
386
391
|
styleInject(css_248z$H);
|
|
387
392
|
|
|
@@ -411,20 +416,20 @@ const ButtonTemplate = (props) => {
|
|
|
411
416
|
className && cssClasses.push(className);
|
|
412
417
|
return cssClasses.filter(css => css).join(' ');
|
|
413
418
|
};
|
|
414
|
-
return (React__default[
|
|
415
|
-
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" },
|
|
416
421
|
startIcon &&
|
|
417
|
-
React__default[
|
|
422
|
+
React__default["default"].createElement(Icon, { className: styles$H.startIcon }, startIcon),
|
|
418
423
|
children,
|
|
419
424
|
endIcon &&
|
|
420
|
-
React__default[
|
|
425
|
+
React__default["default"].createElement(Icon, { className: styles$H.endIcon }, endIcon))));
|
|
421
426
|
};
|
|
422
427
|
|
|
423
428
|
const Button = (props) => {
|
|
424
|
-
return (React__default[
|
|
429
|
+
return (React__default["default"].createElement(ButtonTemplate, Object.assign({}, props)));
|
|
425
430
|
};
|
|
426
431
|
|
|
427
|
-
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";
|
|
428
433
|
var styles$G = {"buttonGroup":"ButtonGroup-module_buttonGroup__2RS71"};
|
|
429
434
|
styleInject(css_248z$G);
|
|
430
435
|
|
|
@@ -436,10 +441,10 @@ const ButtonGroup = (props) => {
|
|
|
436
441
|
className && cssClasses.push(className);
|
|
437
442
|
return cssClasses.filter(css => css).join(' ');
|
|
438
443
|
};
|
|
439
|
-
return (React__default[
|
|
444
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses(), role: "group" }, rest), children));
|
|
440
445
|
};
|
|
441
446
|
|
|
442
|
-
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";
|
|
443
448
|
var styles$F = {"breadcrumb":"Breadcrumb-module_breadcrumb__2BHXS"};
|
|
444
449
|
styleInject(css_248z$F);
|
|
445
450
|
|
|
@@ -451,13 +456,13 @@ const Breadcrumb = (props) => {
|
|
|
451
456
|
className && cssClasses.push(className);
|
|
452
457
|
return cssClasses.filter(css => css).join(' ');
|
|
453
458
|
};
|
|
454
|
-
return (React__default[
|
|
455
|
-
React__default[
|
|
459
|
+
return (React__default["default"].createElement("nav", null,
|
|
460
|
+
React__default["default"].createElement("ol", { className: getCssClasses() }, children)));
|
|
456
461
|
};
|
|
457
462
|
|
|
458
463
|
const ConditionalWrapper = ({ condition, wrapper, children }) => condition ? wrapper(children) : children;
|
|
459
464
|
|
|
460
|
-
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";
|
|
461
466
|
var styles$E = {"breadcrumbItem":"BreadcrumbItem-module_breadcrumbItem__1yy-D","active":"BreadcrumbItem-module_active__3iVU2"};
|
|
462
467
|
styleInject(css_248z$E);
|
|
463
468
|
|
|
@@ -473,13 +478,13 @@ const BreadcrumbItem = (props) => {
|
|
|
473
478
|
const handleClick = (event) => {
|
|
474
479
|
onClick && onClick(event);
|
|
475
480
|
};
|
|
476
|
-
return (React__default[
|
|
477
|
-
React__default[
|
|
481
|
+
return (React__default["default"].createElement("li", { className: getCssClasses(), onClick: handleClick },
|
|
482
|
+
React__default["default"].createElement(ConditionalWrapper, { condition: !isActive,
|
|
478
483
|
// eslint-disable-next-line jsx-a11y/anchor-is-valid
|
|
479
|
-
wrapper: label => React__default[
|
|
484
|
+
wrapper: label => React__default["default"].createElement("a", null, label) }, children)));
|
|
480
485
|
};
|
|
481
486
|
|
|
482
|
-
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";
|
|
483
488
|
var styles$D = {"card":"Card-module_card__31o3Z","shadow":"Card-module_shadow__2lpYq"};
|
|
484
489
|
styleInject(css_248z$D);
|
|
485
490
|
|
|
@@ -492,10 +497,10 @@ const Card = (props) => {
|
|
|
492
497
|
className && cssClasses.push(className);
|
|
493
498
|
return cssClasses.filter(css => css).join(' ');
|
|
494
499
|
};
|
|
495
|
-
return (React__default[
|
|
500
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
496
501
|
};
|
|
497
502
|
|
|
498
|
-
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";
|
|
499
504
|
var styles$C = {"cardBody":"CardBody-module_cardBody__N8z-L"};
|
|
500
505
|
styleInject(css_248z$C);
|
|
501
506
|
|
|
@@ -507,10 +512,10 @@ const CardBody = (props) => {
|
|
|
507
512
|
className && cssClasses.push(className);
|
|
508
513
|
return cssClasses.filter(css => css).join(' ');
|
|
509
514
|
};
|
|
510
|
-
return (React__default[
|
|
515
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
511
516
|
};
|
|
512
517
|
|
|
513
|
-
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";
|
|
514
519
|
var styles$B = {"cardFooter":"CardFooter-module_cardFooter__3dYKa"};
|
|
515
520
|
styleInject(css_248z$B);
|
|
516
521
|
|
|
@@ -522,10 +527,10 @@ const CardFooter = (props) => {
|
|
|
522
527
|
className && cssClasses.push(className);
|
|
523
528
|
return cssClasses.filter(css => css).join(' ');
|
|
524
529
|
};
|
|
525
|
-
return (React__default[
|
|
530
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
526
531
|
};
|
|
527
532
|
|
|
528
|
-
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";
|
|
529
534
|
var styles$A = {"cardSubtitle":"CardSubtitle-module_cardSubtitle__2WWHW"};
|
|
530
535
|
styleInject(css_248z$A);
|
|
531
536
|
|
|
@@ -537,10 +542,10 @@ const CardSubtitle = (props) => {
|
|
|
537
542
|
className && cssClasses.push(className);
|
|
538
543
|
return cssClasses.filter(css => css).join(' ');
|
|
539
544
|
};
|
|
540
|
-
return (React__default[
|
|
545
|
+
return (React__default["default"].createElement("p", Object.assign({ className: getCssClasses() }, rest), children));
|
|
541
546
|
};
|
|
542
547
|
|
|
543
|
-
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";
|
|
544
549
|
var styles$z = {"cardText":"CardText-module_cardText__1LWJi"};
|
|
545
550
|
styleInject(css_248z$z);
|
|
546
551
|
|
|
@@ -552,10 +557,10 @@ const CardText = (props) => {
|
|
|
552
557
|
className && cssClasses.push(className);
|
|
553
558
|
return cssClasses.filter(css => css).join(' ');
|
|
554
559
|
};
|
|
555
|
-
return (React__default[
|
|
560
|
+
return (React__default["default"].createElement("p", Object.assign({ className: getCssClasses() }, rest), props.children));
|
|
556
561
|
};
|
|
557
562
|
|
|
558
|
-
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";
|
|
559
564
|
var styles$y = {"cardTitle":"CardTitle-module_cardTitle__24Amb"};
|
|
560
565
|
styleInject(css_248z$y);
|
|
561
566
|
|
|
@@ -567,10 +572,10 @@ const CardTitle = (props) => {
|
|
|
567
572
|
className && cssClasses.push(className);
|
|
568
573
|
return cssClasses.filter(css => css).join(' ');
|
|
569
574
|
};
|
|
570
|
-
return (React__default[
|
|
575
|
+
return (React__default["default"].createElement(As, Object.assign({ className: getCssClasses() }, rest), children));
|
|
571
576
|
};
|
|
572
577
|
|
|
573
|
-
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";
|
|
574
579
|
var styles$x = {"cardImage":"CardImage-module_cardImage__1tZM4"};
|
|
575
580
|
styleInject(css_248z$x);
|
|
576
581
|
|
|
@@ -582,52 +587,52 @@ const CardImage = (props) => {
|
|
|
582
587
|
className && cssClasses.push(className);
|
|
583
588
|
return cssClasses.filter(css => css).join(' ');
|
|
584
589
|
};
|
|
585
|
-
return (React__default[
|
|
590
|
+
return (React__default["default"].createElement("img", Object.assign({ className: getCssClasses(), src: src, alt: alt }, rest)));
|
|
586
591
|
};
|
|
587
592
|
|
|
588
|
-
const CaretDownSolidIcon = () => (React__default[
|
|
589
|
-
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" })));
|
|
590
595
|
|
|
591
|
-
const CheckSquareRegularIcon = () => (React__default[
|
|
592
|
-
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" })));
|
|
593
598
|
|
|
594
|
-
const ChevronDownSolidIcon = () => (React__default[
|
|
595
|
-
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" })));
|
|
596
601
|
|
|
597
|
-
const ChevronRightSolidIcon = () => (React__default[
|
|
598
|
-
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" })));
|
|
599
604
|
|
|
600
|
-
const ChevronUpSolidIcon = () => (React__default[
|
|
601
|
-
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" })));
|
|
602
607
|
|
|
603
|
-
const HomeSolidIcon = () => (React__default[
|
|
604
|
-
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" })));
|
|
605
610
|
|
|
606
|
-
const SquareRegularIcon = () => (React__default[
|
|
607
|
-
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" })));
|
|
608
613
|
|
|
609
|
-
const TimesCircleSolidIcon = () => (React__default[
|
|
610
|
-
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" })));
|
|
611
616
|
|
|
612
|
-
const TimesSolidIcon = () => (React__default[
|
|
613
|
-
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" })));
|
|
614
619
|
|
|
615
|
-
const SpinnerSolidIcon = () => (React__default[
|
|
616
|
-
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" })));
|
|
617
622
|
|
|
618
|
-
const PlusSolidIcon = () => (React__default[
|
|
619
|
-
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" })));
|
|
620
625
|
|
|
621
|
-
const CheckSolidIcon = () => (React__default[
|
|
622
|
-
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" })));
|
|
623
628
|
|
|
624
|
-
const CircleSolidIcon = () => (React__default[
|
|
625
|
-
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" })));
|
|
626
631
|
|
|
627
|
-
const ChevronLeftSolidIcon = () => (React__default[
|
|
628
|
-
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" })));
|
|
629
634
|
|
|
630
|
-
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";
|
|
631
636
|
var styles$w = {"typography":"Typography-module_typography__2bM6E"};
|
|
632
637
|
styleInject(css_248z$w);
|
|
633
638
|
|
|
@@ -639,14 +644,14 @@ const Wrapper = (props) => {
|
|
|
639
644
|
className && cssClasses.push(className);
|
|
640
645
|
return cssClasses.filter(css => css).join(' ');
|
|
641
646
|
};
|
|
642
|
-
return React__default[
|
|
647
|
+
return React__default["default"].createElement(as, Object.assign(Object.assign({}, rest), { className: getCssClasses() }), children);
|
|
643
648
|
};
|
|
644
649
|
const Typography = (_a) => {
|
|
645
650
|
var { children, as = 'span' } = _a, rest = __rest(_a, ["children", "as"]);
|
|
646
|
-
return (React__default[
|
|
651
|
+
return (React__default["default"].createElement(Wrapper, Object.assign({ as: as }, rest), children));
|
|
647
652
|
};
|
|
648
653
|
|
|
649
|
-
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";
|
|
650
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"};
|
|
651
656
|
styleInject(css_248z$v);
|
|
652
657
|
|
|
@@ -664,12 +669,12 @@ const IconButton = (props) => {
|
|
|
664
669
|
className && cssClasses.push(className);
|
|
665
670
|
return cssClasses.filter(css => css).join(' ');
|
|
666
671
|
};
|
|
667
|
-
return (React__default[
|
|
668
|
-
icon && React__default[
|
|
669
|
-
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)));
|
|
670
675
|
};
|
|
671
676
|
|
|
672
|
-
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";
|
|
673
678
|
var styles$u = {"checkboxContainer":"Checkbox-module_checkboxContainer__2oWhu","checkboxLabel":"Checkbox-module_checkboxLabel__27Y6U","disabled":"Checkbox-module_disabled__3EXUd"};
|
|
674
679
|
styleInject(css_248z$u);
|
|
675
680
|
|
|
@@ -689,8 +694,8 @@ const Checkbox = (props) => {
|
|
|
689
694
|
}
|
|
690
695
|
}, [checked]);
|
|
691
696
|
const icons = {
|
|
692
|
-
default: React__default[
|
|
693
|
-
selected: React__default[
|
|
697
|
+
default: React__default["default"].createElement(SquareRegularIcon, null),
|
|
698
|
+
selected: React__default["default"].createElement(CheckSquareRegularIcon, null)
|
|
694
699
|
};
|
|
695
700
|
const getCssClasses = () => {
|
|
696
701
|
const cssClasses = [];
|
|
@@ -706,18 +711,18 @@ const Checkbox = (props) => {
|
|
|
706
711
|
setIsChecked(!isChecked);
|
|
707
712
|
(_a = checkboxElement === null || checkboxElement === void 0 ? void 0 : checkboxElement.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
708
713
|
};
|
|
709
|
-
return (React__default[
|
|
710
|
-
React__default[
|
|
711
|
-
React__default[
|
|
712
|
-
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))));
|
|
713
718
|
};
|
|
714
719
|
|
|
715
|
-
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";
|
|
716
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"};
|
|
717
722
|
styleInject(css_248z$t);
|
|
718
723
|
|
|
719
724
|
const Chip = (props) => {
|
|
720
|
-
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"]);
|
|
721
726
|
const getCssClass = () => {
|
|
722
727
|
const cssClasses = [];
|
|
723
728
|
cssClasses.push(styles$t.chip);
|
|
@@ -731,16 +736,16 @@ const Chip = (props) => {
|
|
|
731
736
|
e.stopPropagation();
|
|
732
737
|
onDelete && onDelete(e);
|
|
733
738
|
};
|
|
734
|
-
return (React__default[
|
|
735
|
-
React__default[
|
|
736
|
-
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))));
|
|
737
742
|
};
|
|
738
743
|
|
|
739
|
-
const FormLabel = ({ children, className, htmlFor }) => (React__default[
|
|
744
|
+
const FormLabel = ({ children, className, htmlFor }) => (React__default["default"].createElement("label", { htmlFor: htmlFor, className: className }, children));
|
|
740
745
|
|
|
741
746
|
const FormGroup = (props) => {
|
|
742
747
|
const { children, className = 'mb-1' } = props;
|
|
743
|
-
return (React__default[
|
|
748
|
+
return (React__default["default"].createElement("div", { className: className }, children));
|
|
744
749
|
};
|
|
745
750
|
|
|
746
751
|
const FileInput = (props) => {
|
|
@@ -763,13 +768,13 @@ const FileInput = (props) => {
|
|
|
763
768
|
// TODO - setModel
|
|
764
769
|
alert('coming soon');
|
|
765
770
|
};
|
|
766
|
-
return (React__default[
|
|
767
|
-
React__default[
|
|
768
|
-
React__default[
|
|
769
|
-
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))));
|
|
770
775
|
};
|
|
771
776
|
|
|
772
|
-
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";
|
|
773
778
|
var styles$s = {"selectContainer":"Select-module_selectContainer__2oizY","select":"Select-module_select__MSqgU","selectMenu":"Select-module_selectMenu__2vhJt"};
|
|
774
779
|
styleInject(css_248z$s);
|
|
775
780
|
|
|
@@ -852,7 +857,7 @@ const Select = (props) => {
|
|
|
852
857
|
const renderSingleViewModel = () => {
|
|
853
858
|
let result = null;
|
|
854
859
|
if (selectedOptions.length > 0) {
|
|
855
|
-
result = React__default[
|
|
860
|
+
result = React__default["default"].createElement("span", null, selectedOptions[0].label);
|
|
856
861
|
}
|
|
857
862
|
return result;
|
|
858
863
|
};
|
|
@@ -860,10 +865,10 @@ const Select = (props) => {
|
|
|
860
865
|
let result = null;
|
|
861
866
|
if (selectedOptions.length <= multipleMaxCountItems && selectedOptions.length > 0) {
|
|
862
867
|
result = selectedOptions
|
|
863
|
-
.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));
|
|
864
869
|
}
|
|
865
870
|
else {
|
|
866
|
-
result = React__default[
|
|
871
|
+
result = React__default["default"].createElement("span", null,
|
|
867
872
|
selectedOptions.length,
|
|
868
873
|
" Items selected");
|
|
869
874
|
}
|
|
@@ -902,24 +907,24 @@ const Select = (props) => {
|
|
|
902
907
|
}
|
|
903
908
|
}
|
|
904
909
|
};
|
|
905
|
-
return (React__default[
|
|
906
|
-
React__default[
|
|
907
|
-
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) },
|
|
908
913
|
!multiple && renderSingleViewModel(),
|
|
909
914
|
multiple && renderMultipleViewModel(),
|
|
910
|
-
React__default[
|
|
911
|
-
React__default[
|
|
915
|
+
React__default["default"].createElement(Icon, { className: "ml-auto" },
|
|
916
|
+
React__default["default"].createElement(ChevronDownSolidIcon, null))),
|
|
912
917
|
isShow &&
|
|
913
|
-
reactDom.createPortal(React__default[
|
|
914
|
-
React__default[
|
|
915
|
-
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) },
|
|
916
921
|
multiple &&
|
|
917
|
-
React__default[
|
|
918
|
-
React__default[
|
|
919
|
-
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))));
|
|
920
925
|
};
|
|
921
926
|
|
|
922
|
-
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";
|
|
923
928
|
var styles$r = {};
|
|
924
929
|
styleInject(css_248z$r);
|
|
925
930
|
|
|
@@ -931,12 +936,12 @@ const Textarea = (props) => {
|
|
|
931
936
|
className && cssClasses.push(className);
|
|
932
937
|
return cssClasses.filter(r => r).join(' ');
|
|
933
938
|
};
|
|
934
|
-
return (React__default[
|
|
939
|
+
return (React__default["default"].createElement("textarea", Object.assign({ className: getCssClass() }, rest)));
|
|
935
940
|
};
|
|
936
941
|
|
|
937
942
|
const FormInput = (props) => {
|
|
938
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;
|
|
939
|
-
return (React__default[
|
|
944
|
+
return (React__default["default"].createElement(React.Fragment, null,
|
|
940
945
|
(type === 'text' ||
|
|
941
946
|
type === 'date' ||
|
|
942
947
|
type === 'datetime-local' ||
|
|
@@ -946,29 +951,29 @@ const FormInput = (props) => {
|
|
|
946
951
|
type === 'color' ||
|
|
947
952
|
type === 'time')
|
|
948
953
|
&&
|
|
949
|
-
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 }),
|
|
950
955
|
type === 'file' &&
|
|
951
|
-
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"),
|
|
952
957
|
type === 'textarea' &&
|
|
953
|
-
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' } }),
|
|
954
959
|
type === 'select' &&
|
|
955
|
-
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 }),
|
|
956
961
|
type === 'autocomplete' &&
|
|
957
|
-
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 }),
|
|
958
963
|
type === 'checkbox' &&
|
|
959
|
-
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 }),
|
|
960
965
|
type === 'radio' &&
|
|
961
|
-
React__default[
|
|
962
|
-
React__default[
|
|
963
|
-
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))))));
|
|
964
969
|
};
|
|
965
970
|
|
|
966
|
-
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));
|
|
967
972
|
|
|
968
973
|
const FormError = (props) => {
|
|
969
974
|
const { className = 'invalid-feedback', errors = [] } = props;
|
|
970
|
-
return (React__default[
|
|
971
|
-
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)))));
|
|
972
977
|
};
|
|
973
978
|
|
|
974
979
|
const IsEmptyValidator = (value) => value === '' || value === null || value === undefined;
|
|
@@ -1090,7 +1095,7 @@ class Form extends React.Component {
|
|
|
1090
1095
|
}
|
|
1091
1096
|
renderLabel(fieldKey, label, labelClassName = 'form-label') {
|
|
1092
1097
|
const cssClasses = [labelClassName, this.isRequired(fieldKey) ? 'required' : undefined];
|
|
1093
|
-
return React__default[
|
|
1098
|
+
return React__default["default"].createElement(FormLabel, { htmlFor: fieldKey, className: cssClasses.join(' ') }, label);
|
|
1094
1099
|
}
|
|
1095
1100
|
;
|
|
1096
1101
|
// trigger via ref
|
|
@@ -1138,17 +1143,17 @@ class Form extends React.Component {
|
|
|
1138
1143
|
return result;
|
|
1139
1144
|
}
|
|
1140
1145
|
render() {
|
|
1141
|
-
return (React__default[
|
|
1142
|
-
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) },
|
|
1143
1148
|
this.getControl(fieldKey).config.labelPosition !== 'behind' && this.getControl(fieldKey).type !== 'checkbox' &&
|
|
1144
1149
|
this.renderLabel(fieldKey, this.getControl(fieldKey).config.label, this.getControl(fieldKey).config.labelClassName),
|
|
1145
|
-
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) }),
|
|
1146
1151
|
this.getControl(fieldKey).config.labelPosition === 'behind' && this.getControl(fieldKey).type !== 'checkbox' &&
|
|
1147
1152
|
this.renderLabel(fieldKey, this.getControl(fieldKey).config.label, this.getControl(fieldKey).config.labelClassName),
|
|
1148
1153
|
this.getControl(fieldKey).config.hint &&
|
|
1149
|
-
React__default[
|
|
1154
|
+
React__default["default"].createElement(FormHint, { hint: this.getControl(fieldKey).config.hint }),
|
|
1150
1155
|
this.getControl(fieldKey).errors &&
|
|
1151
|
-
React__default[
|
|
1156
|
+
React__default["default"].createElement(FormError, { errors: this.getControl(fieldKey).errors })));
|
|
1152
1157
|
})));
|
|
1153
1158
|
}
|
|
1154
1159
|
}
|
|
@@ -1192,7 +1197,7 @@ const DaySelect = (props) => {
|
|
|
1192
1197
|
setValue(e);
|
|
1193
1198
|
onChange && onChange(e);
|
|
1194
1199
|
};
|
|
1195
|
-
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() }));
|
|
1196
1201
|
};
|
|
1197
1202
|
|
|
1198
1203
|
const MonthSelect = (props) => {
|
|
@@ -1212,7 +1217,7 @@ const MonthSelect = (props) => {
|
|
|
1212
1217
|
setNewValue(e);
|
|
1213
1218
|
onChange && onChange(e);
|
|
1214
1219
|
};
|
|
1215
|
-
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() }));
|
|
1216
1221
|
};
|
|
1217
1222
|
|
|
1218
1223
|
const YearSelect = (props) => {
|
|
@@ -1235,7 +1240,7 @@ const YearSelect = (props) => {
|
|
|
1235
1240
|
setNewValue(e);
|
|
1236
1241
|
onChange && onChange(parseInt(e));
|
|
1237
1242
|
};
|
|
1238
|
-
return (React__default[
|
|
1243
|
+
return (React__default["default"].createElement(Select, { id: id, name: name, className: getCssClasses(), options: years, onChange: handleOnChange, disabled: disabled, value: newValue }));
|
|
1239
1244
|
};
|
|
1240
1245
|
|
|
1241
1246
|
exports.DATEMODE = void 0;
|
|
@@ -1261,16 +1266,16 @@ const DateSelect = (props) => {
|
|
|
1261
1266
|
setCurrDate(newDate);
|
|
1262
1267
|
onChange && onChange(newDate);
|
|
1263
1268
|
};
|
|
1264
|
-
return (React__default[
|
|
1265
|
-
React__default[
|
|
1266
|
-
React__default[
|
|
1267
|
-
React__default[
|
|
1268
|
-
React__default[
|
|
1269
|
-
React__default[
|
|
1270
|
-
React__default[
|
|
1271
|
-
React__default[
|
|
1272
|
-
React__default[
|
|
1273
|
-
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) }))));
|
|
1274
1279
|
};
|
|
1275
1280
|
/*
|
|
1276
1281
|
* result = { year, month, day, dayOfWeek, weekNumber }
|
|
@@ -1283,7 +1288,7 @@ const DateSelect = (props) => {
|
|
|
1283
1288
|
// return Math.ceil((((d - yearStart) / 86400000) + 1) / 7)
|
|
1284
1289
|
// };
|
|
1285
1290
|
|
|
1286
|
-
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";
|
|
1287
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"};
|
|
1288
1293
|
styleInject(css_248z$q);
|
|
1289
1294
|
|
|
@@ -1298,9 +1303,9 @@ const Drawer = (props) => {
|
|
|
1298
1303
|
const handleClickBackdrop = () => {
|
|
1299
1304
|
onClickBackdrop && onClickBackdrop();
|
|
1300
1305
|
};
|
|
1301
|
-
return reactDom.createPortal(React__default[
|
|
1302
|
-
React__default[
|
|
1303
|
-
!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);
|
|
1304
1309
|
};
|
|
1305
1310
|
const DrawerContent = (props) => {
|
|
1306
1311
|
const { children, className, position = 'left', permanent = false } = props;
|
|
@@ -1319,10 +1324,10 @@ const DrawerContent = (props) => {
|
|
|
1319
1324
|
const getStyles = () => {
|
|
1320
1325
|
return !permanent ? positionStyles[position] : undefined;
|
|
1321
1326
|
};
|
|
1322
|
-
return (React__default[
|
|
1327
|
+
return (React__default["default"].createElement("div", { className: getCssClasses(), style: getStyles() }, children));
|
|
1323
1328
|
};
|
|
1324
1329
|
|
|
1325
|
-
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";
|
|
1326
1331
|
var styles$p = {"menuBody":"MenuBody-module_menuBody__3cPsp","shadow":"MenuBody-module_shadow__AF_9C"};
|
|
1327
1332
|
styleInject(css_248z$p);
|
|
1328
1333
|
|
|
@@ -1362,12 +1367,12 @@ const MenuBody = (props) => {
|
|
|
1362
1367
|
const handleClickBackdrop = () => {
|
|
1363
1368
|
onClickBackdrop && onClickBackdrop();
|
|
1364
1369
|
};
|
|
1365
|
-
return (reactDom.createPortal(React__default[
|
|
1366
|
-
React__default[
|
|
1367
|
-
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));
|
|
1368
1373
|
};
|
|
1369
1374
|
|
|
1370
|
-
var css_248z$o = ".Menu-module_menu__23BYG {\n display: flex
|
|
1375
|
+
var css_248z$o = ".Menu-module_menu__23BYG {\n display: flex; }\n";
|
|
1371
1376
|
var styles$o = {"menu":"Menu-module_menu__23BYG"};
|
|
1372
1377
|
styleInject(css_248z$o);
|
|
1373
1378
|
|
|
@@ -1384,13 +1389,13 @@ const Menu = (props) => {
|
|
|
1384
1389
|
const handleClickBackdrop = () => {
|
|
1385
1390
|
onClickBackdrop && onClickBackdrop();
|
|
1386
1391
|
};
|
|
1387
|
-
return (React__default[
|
|
1388
|
-
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),
|
|
1389
1394
|
open &&
|
|
1390
|
-
React__default[
|
|
1395
|
+
React__default["default"].createElement(MenuBody, { parentRef: toggleContainerRef, menuPosition: menuPosition, onClickBackdrop: handleClickBackdrop }, children)));
|
|
1391
1396
|
};
|
|
1392
1397
|
|
|
1393
|
-
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";
|
|
1394
1399
|
var styles$n = {"menuItem":"MenuItem-module_menuItem__kvauR","menuItemHeader":"MenuItem-module_menuItemHeader__mp7wc"};
|
|
1395
1400
|
styleInject(css_248z$n);
|
|
1396
1401
|
|
|
@@ -1408,31 +1413,31 @@ const MenuItem = (props) => {
|
|
|
1408
1413
|
e.stopPropagation();
|
|
1409
1414
|
onClick && onClick(e);
|
|
1410
1415
|
};
|
|
1411
|
-
return (React__default[
|
|
1416
|
+
return (React__default["default"].createElement(ConditionalWrapper, { condition: true, wrapper: children => ((type === 'item' ? (
|
|
1412
1417
|
// eslint-disable-next-line jsx-a11y/anchor-is-valid
|
|
1413
|
-
React__default[
|
|
1414
|
-
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));
|
|
1415
1420
|
};
|
|
1416
1421
|
|
|
1417
1422
|
const MenuToggle = ({ children }) => {
|
|
1418
|
-
return (React__default[
|
|
1423
|
+
return (React__default["default"].createElement(React.Fragment, null, children));
|
|
1419
1424
|
};
|
|
1420
1425
|
|
|
1421
|
-
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";
|
|
1422
1427
|
var styles$m = {"menuItemDivider":"MenuDivider-module_menuItemDivider__JnLsC"};
|
|
1423
1428
|
styleInject(css_248z$m);
|
|
1424
1429
|
|
|
1425
|
-
const MenuDivider = () => React__default[
|
|
1430
|
+
const MenuDivider = () => React__default["default"].createElement("div", { className: styles$m.menuItemDivider });
|
|
1426
1431
|
|
|
1427
|
-
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";
|
|
1428
1433
|
var styles$l = {"expansionPanelContent":"ExpansionPanelContent-module_expansionPanelContent__3H62L"};
|
|
1429
1434
|
styleInject(css_248z$l);
|
|
1430
1435
|
|
|
1431
1436
|
const ExpansionPanelContent = ({ children }) => {
|
|
1432
|
-
return (React__default[
|
|
1437
|
+
return (React__default["default"].createElement("div", { className: styles$l.expansionPanelContent }, children));
|
|
1433
1438
|
};
|
|
1434
1439
|
|
|
1435
|
-
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";
|
|
1436
1441
|
var styles$k = {"expansionPanelHeader":"ExpansionPanelHeader-module_expansionPanelHeader__3hrsI"};
|
|
1437
1442
|
styleInject(css_248z$k);
|
|
1438
1443
|
|
|
@@ -1442,13 +1447,13 @@ const ExpansionPanelHeader = (props) => {
|
|
|
1442
1447
|
e.stopPropagation();
|
|
1443
1448
|
onClick && onClick(e);
|
|
1444
1449
|
};
|
|
1445
|
-
return (React__default[
|
|
1450
|
+
return (React__default["default"].createElement("div", { className: styles$k.expansionPanelHeader, onClick: handleClick },
|
|
1446
1451
|
children,
|
|
1447
|
-
React__default[
|
|
1448
|
-
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)))));
|
|
1449
1454
|
};
|
|
1450
1455
|
|
|
1451
|
-
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";
|
|
1452
1457
|
var styles$j = {"expansionPanel":"ExpansionPanel-module_expansionPanel__3krcE","isExpanded":"ExpansionPanel-module_isExpanded__1m4Dt"};
|
|
1453
1458
|
styleInject(css_248z$j);
|
|
1454
1459
|
|
|
@@ -1470,13 +1475,13 @@ const ExpansionPanel = (props) => {
|
|
|
1470
1475
|
setIsExpanded(!_isExpanded);
|
|
1471
1476
|
onChange && onChange(event, !_isExpanded);
|
|
1472
1477
|
};
|
|
1473
|
-
return (React__default[
|
|
1474
|
-
React__default[
|
|
1478
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
1479
|
+
React__default["default"].createElement(ExpansionPanelHeader, { isExpanded: _isExpanded, onClick: handleClickHeader }, header),
|
|
1475
1480
|
_isExpanded &&
|
|
1476
|
-
React__default[
|
|
1481
|
+
React__default["default"].createElement(ExpansionPanelContent, null, children)));
|
|
1477
1482
|
};
|
|
1478
1483
|
|
|
1479
|
-
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";
|
|
1480
1485
|
var styles$i = {"fab":"FloatingActionButton-module_fab__3GwiH","fixed":"FloatingActionButton-module_fixed__17qrv"};
|
|
1481
1486
|
styleInject(css_248z$i);
|
|
1482
1487
|
|
|
@@ -1493,7 +1498,7 @@ const FloatingActionButton = (props) => {
|
|
|
1493
1498
|
e.stopPropagation();
|
|
1494
1499
|
onClick && onClick(e);
|
|
1495
1500
|
};
|
|
1496
|
-
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 }));
|
|
1497
1502
|
};
|
|
1498
1503
|
|
|
1499
1504
|
const Column = (props) => {
|
|
@@ -1514,7 +1519,7 @@ const Column = (props) => {
|
|
|
1514
1519
|
className && cssClasses.push(className);
|
|
1515
1520
|
return cssClasses.filter(css => css).join(' ');
|
|
1516
1521
|
};
|
|
1517
|
-
return (React__default[
|
|
1522
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
1518
1523
|
};
|
|
1519
1524
|
|
|
1520
1525
|
const Row = (props) => {
|
|
@@ -1525,7 +1530,7 @@ const Row = (props) => {
|
|
|
1525
1530
|
className && cssClasses.push(className);
|
|
1526
1531
|
return cssClasses.filter(css => css).join(' ');
|
|
1527
1532
|
};
|
|
1528
|
-
return (React__default[
|
|
1533
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
1529
1534
|
};
|
|
1530
1535
|
|
|
1531
1536
|
const Link = (props) => {
|
|
@@ -1544,10 +1549,10 @@ const Link = (props) => {
|
|
|
1544
1549
|
const onMouseLeave = () => {
|
|
1545
1550
|
setStatus(STATUS.NORMAL);
|
|
1546
1551
|
};
|
|
1547
|
-
return (React__default[
|
|
1552
|
+
return (React__default["default"].createElement("a", { className: getCssClasses(), href: url || '#', target: target, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, children));
|
|
1548
1553
|
};
|
|
1549
1554
|
|
|
1550
|
-
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";
|
|
1551
1556
|
var styles$h = {"loadingIndicatorContainer":"LoadingIndicator-module_loadingIndicatorContainer__3e1-3","loadingIndicator":"LoadingIndicator-module_loadingIndicator__tvp5i","spinAnimation":"LoadingIndicator-module_spinAnimation__PKRNn"};
|
|
1552
1557
|
styleInject(css_248z$h);
|
|
1553
1558
|
|
|
@@ -1557,8 +1562,8 @@ const LoadingIndicator = () => {
|
|
|
1557
1562
|
cssClasses.push(styles$h.loadingIndicator);
|
|
1558
1563
|
return cssClasses.filter(css => css).join(' ');
|
|
1559
1564
|
};
|
|
1560
|
-
return (React__default[
|
|
1561
|
-
React__default[
|
|
1565
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
1566
|
+
React__default["default"].createElement(SpinnerSolidIcon, null)));
|
|
1562
1567
|
};
|
|
1563
1568
|
|
|
1564
1569
|
const LoadingIndicatorContainer = ({ children }) => {
|
|
@@ -1567,7 +1572,7 @@ const LoadingIndicatorContainer = ({ children }) => {
|
|
|
1567
1572
|
cssClasses.push(styles$h.loadingIndicatorContainer);
|
|
1568
1573
|
return cssClasses.filter(css => css).join(' ');
|
|
1569
1574
|
};
|
|
1570
|
-
return (React__default[
|
|
1575
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() }, children));
|
|
1571
1576
|
};
|
|
1572
1577
|
|
|
1573
1578
|
class LoadingIndicatorService {
|
|
@@ -1579,8 +1584,8 @@ class LoadingIndicatorService {
|
|
|
1579
1584
|
this.container = document.createElement('div');
|
|
1580
1585
|
this.container.classList.add('snackbar-container');
|
|
1581
1586
|
document.body.appendChild(this.container);
|
|
1582
|
-
reactDom.render(React__default[
|
|
1583
|
-
React__default[
|
|
1587
|
+
reactDom.render(React__default["default"].createElement(LoadingIndicatorContainer, null,
|
|
1588
|
+
React__default["default"].createElement(LoadingIndicator, null)), this.container);
|
|
1584
1589
|
});
|
|
1585
1590
|
}
|
|
1586
1591
|
hide() {
|
|
@@ -1594,7 +1599,7 @@ class LoadingIndicatorService {
|
|
|
1594
1599
|
}
|
|
1595
1600
|
const loadingIndicatorService = new LoadingIndicatorService();
|
|
1596
1601
|
|
|
1597
|
-
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";
|
|
1598
1603
|
var styles$g = {"modalHeader":"ModalHeader-module_modalHeader__o5HzE"};
|
|
1599
1604
|
styleInject(css_248z$g);
|
|
1600
1605
|
|
|
@@ -1603,23 +1608,23 @@ const ModalHeader = (props) => {
|
|
|
1603
1608
|
const handleClick = () => {
|
|
1604
1609
|
onClose && onClose();
|
|
1605
1610
|
};
|
|
1606
|
-
return (React__default[
|
|
1607
|
-
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),
|
|
1608
1613
|
isDismissable &&
|
|
1609
|
-
React__default[
|
|
1614
|
+
React__default["default"].createElement(IconButton, { icon: React__default["default"].createElement(TimesSolidIcon, null), variant: exports.VARIANT.text, onClick: handleClick })));
|
|
1610
1615
|
};
|
|
1611
1616
|
|
|
1612
|
-
const ModalBody = ({ children }) => (React__default[
|
|
1617
|
+
const ModalBody = ({ children }) => (React__default["default"].createElement("div", { className: "modal-body" }, children));
|
|
1613
1618
|
|
|
1614
|
-
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";
|
|
1615
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"};
|
|
1616
1621
|
styleInject(css_248z$f);
|
|
1617
1622
|
|
|
1618
|
-
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";
|
|
1619
1624
|
var styles$e = {"modalFooter":"ModalFooter-module_modalFooter__2Et4e"};
|
|
1620
1625
|
styleInject(css_248z$e);
|
|
1621
1626
|
|
|
1622
|
-
const ModalFooter = ({ children }) => (React__default[
|
|
1627
|
+
const ModalFooter = ({ children }) => (React__default["default"].createElement("div", { className: "modal-footer " + styles$e.modalFooter }, children));
|
|
1623
1628
|
|
|
1624
1629
|
const Modal = (props) => {
|
|
1625
1630
|
const { className, size, fullScreen, children, header, footer, onHeaderCloseClick, onBackdropClick, isDismissable = false } = props;
|
|
@@ -1641,16 +1646,16 @@ const Modal = (props) => {
|
|
|
1641
1646
|
const handleClickBackdrop = () => {
|
|
1642
1647
|
onBackdropClick && onBackdropClick();
|
|
1643
1648
|
};
|
|
1644
|
-
return (React__default[
|
|
1645
|
-
React__default[
|
|
1646
|
-
React__default[
|
|
1647
|
-
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) },
|
|
1648
1653
|
header &&
|
|
1649
|
-
React__default[
|
|
1650
|
-
React__default[
|
|
1654
|
+
React__default["default"].createElement(ModalHeader, { isDismissable: isDismissable, onClose: () => onHeaderCloseClick && onHeaderCloseClick() }, header),
|
|
1655
|
+
React__default["default"].createElement(ModalBody, null, children),
|
|
1651
1656
|
footer &&
|
|
1652
|
-
React__default[
|
|
1653
|
-
React__default[
|
|
1657
|
+
React__default["default"].createElement(ModalFooter, null, footer)))),
|
|
1658
|
+
React__default["default"].createElement(Backdrop, { onClick: handleClickBackdrop })));
|
|
1654
1659
|
};
|
|
1655
1660
|
|
|
1656
1661
|
// export enum MODALRESULT { OK = 'OK', CANCEL = 'CANCEL', DELETE = 'DELETE' }
|
|
@@ -1708,11 +1713,11 @@ const GlobalModal = ({ title, description, formControls, onOk, onCancel, isDismi
|
|
|
1708
1713
|
}
|
|
1709
1714
|
button.handler && button.handler();
|
|
1710
1715
|
};
|
|
1711
|
-
return (React__default[
|
|
1712
|
-
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),
|
|
1713
1718
|
modalType === exports.MODALTYPE.FORM &&
|
|
1714
|
-
React__default[
|
|
1715
|
-
React__default[
|
|
1719
|
+
React__default["default"].createElement(React.Fragment, null,
|
|
1720
|
+
React__default["default"].createElement(Form, { ref: myForm, controls: myControls, validateOnBlur: true, onSubmit: onSubmit }))));
|
|
1716
1721
|
};
|
|
1717
1722
|
|
|
1718
1723
|
class ModalService {
|
|
@@ -1729,7 +1734,7 @@ class ModalService {
|
|
|
1729
1734
|
reject();
|
|
1730
1735
|
this.hide();
|
|
1731
1736
|
};
|
|
1732
|
-
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);
|
|
1733
1738
|
}
|
|
1734
1739
|
});
|
|
1735
1740
|
}
|
|
@@ -1767,7 +1772,7 @@ const NumberSelect = (props) => {
|
|
|
1767
1772
|
setNewValue(e);
|
|
1768
1773
|
onChange && onChange(e);
|
|
1769
1774
|
};
|
|
1770
|
-
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() }));
|
|
1771
1776
|
};
|
|
1772
1777
|
|
|
1773
1778
|
class SidebarItemModel {
|
|
@@ -1830,21 +1835,21 @@ const Sidebar = (props) => {
|
|
|
1830
1835
|
const handleClickSubItem = (itemPath, subItemPath, e) => {
|
|
1831
1836
|
navigate(e, `/${itemPath}/${subItemPath}`);
|
|
1832
1837
|
};
|
|
1833
|
-
return (React__default[
|
|
1834
|
-
React__default[
|
|
1835
|
-
React__default[
|
|
1836
|
-
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,
|
|
1837
1842
|
item.label,
|
|
1838
|
-
item.items && item.items.length > 0 && (React__default[
|
|
1843
|
+
item.items && item.items.length > 0 && (React__default["default"].createElement("small", { className: "ml-2" },
|
|
1839
1844
|
"(",
|
|
1840
1845
|
item.items.length,
|
|
1841
1846
|
")"))) }),
|
|
1842
1847
|
item.items && item.items.length > 0 &&
|
|
1843
|
-
React__default[
|
|
1844
|
-
!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)))))))))));
|
|
1845
1850
|
};
|
|
1846
1851
|
|
|
1847
|
-
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";
|
|
1848
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"};
|
|
1849
1854
|
styleInject(css_248z$d);
|
|
1850
1855
|
|
|
@@ -1860,10 +1865,10 @@ const Snackbar = (props) => {
|
|
|
1860
1865
|
const handleClickAction = () => {
|
|
1861
1866
|
onOk && onOk();
|
|
1862
1867
|
};
|
|
1863
|
-
return (React__default[
|
|
1864
|
-
React__default[
|
|
1865
|
-
React__default[
|
|
1866
|
-
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))));
|
|
1867
1872
|
};
|
|
1868
1873
|
|
|
1869
1874
|
class SnackbarService {
|
|
@@ -1886,7 +1891,7 @@ class SnackbarService {
|
|
|
1886
1891
|
resolve();
|
|
1887
1892
|
this.hide();
|
|
1888
1893
|
};
|
|
1889
|
-
reactDom.render(React__default[
|
|
1894
|
+
reactDom.render(React__default["default"].createElement(Snackbar, { message: message, color: mergedOptions.color, actionText: mergedOptions.actionText, onOk: handleOk }), this.container);
|
|
1890
1895
|
});
|
|
1891
1896
|
}
|
|
1892
1897
|
hide() {
|
|
@@ -1900,7 +1905,7 @@ class SnackbarService {
|
|
|
1900
1905
|
}
|
|
1901
1906
|
const snackbarService = new SnackbarService();
|
|
1902
1907
|
|
|
1903
|
-
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";
|
|
1904
1909
|
var styles$c = {"speedDialActions":"SpeedDialActions-module_speedDialActions__zLEps"};
|
|
1905
1910
|
styleInject(css_248z$c);
|
|
1906
1911
|
|
|
@@ -1911,10 +1916,10 @@ const SpeedDialActions = (props) => {
|
|
|
1911
1916
|
cssClasses.push(styles$c.speedDialActions);
|
|
1912
1917
|
return cssClasses.filter(css => css).join(' ');
|
|
1913
1918
|
};
|
|
1914
|
-
return (React__default[
|
|
1919
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() }, children));
|
|
1915
1920
|
};
|
|
1916
1921
|
|
|
1917
|
-
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";
|
|
1918
1923
|
var styles$b = {"speedDial":"SpeedDial-module_speedDial__CQ5x2"};
|
|
1919
1924
|
styleInject(css_248z$b);
|
|
1920
1925
|
|
|
@@ -1932,14 +1937,14 @@ const SpeedDial = (props) => {
|
|
|
1932
1937
|
else
|
|
1933
1938
|
onOpen && onOpen(e);
|
|
1934
1939
|
};
|
|
1935
|
-
return (React__default[
|
|
1936
|
-
React__default[
|
|
1937
|
-
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 })),
|
|
1938
1943
|
open &&
|
|
1939
|
-
React__default[
|
|
1944
|
+
React__default["default"].createElement(SpeedDialActions, null, children)));
|
|
1940
1945
|
};
|
|
1941
1946
|
|
|
1942
|
-
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";
|
|
1943
1948
|
var styles$a = {"speedDialAction":"SpeedDialAction-module_speedDialAction__qmExs"};
|
|
1944
1949
|
styleInject(css_248z$a);
|
|
1945
1950
|
|
|
@@ -1951,7 +1956,7 @@ const SpeedDialAction = (props) => {
|
|
|
1951
1956
|
className && cssClasses.push(className);
|
|
1952
1957
|
return cssClasses.filter(css => css).join(' ');
|
|
1953
1958
|
};
|
|
1954
|
-
return (React__default[
|
|
1959
|
+
return (React__default["default"].createElement(IconButton, { className: getCssClasses(), icon: icon, color: exports.COLOR.light, shadow: true, onClick: onClick }));
|
|
1955
1960
|
};
|
|
1956
1961
|
|
|
1957
1962
|
const SpeedDialIcon = (props) => {
|
|
@@ -1961,10 +1966,10 @@ const SpeedDialIcon = (props) => {
|
|
|
1961
1966
|
className && cssClasses.push(className);
|
|
1962
1967
|
return cssClasses.filter(css => css).join(' ');
|
|
1963
1968
|
};
|
|
1964
|
-
return (React__default[
|
|
1969
|
+
return (React__default["default"].createElement(Icon, Object.assign({ className: getCssClasses() }, rest), children));
|
|
1965
1970
|
};
|
|
1966
1971
|
|
|
1967
|
-
var css_248z$9 = ".StepperActions-module_stepperActions__2r5ZT {\n display: flex
|
|
1972
|
+
var css_248z$9 = ".StepperActions-module_stepperActions__2r5ZT {\n display: flex; }\n";
|
|
1968
1973
|
var styles$9 = {"stepperActions":"StepperActions-module_stepperActions__2r5ZT"};
|
|
1969
1974
|
styleInject(css_248z$9);
|
|
1970
1975
|
|
|
@@ -1976,20 +1981,20 @@ const StepperActions = (props) => {
|
|
|
1976
1981
|
className && cssClasses.push(className);
|
|
1977
1982
|
return cssClasses.filter(css => css).join(' ');
|
|
1978
1983
|
};
|
|
1979
|
-
return (React__default[
|
|
1980
|
-
React__default[
|
|
1981
|
-
React__default[
|
|
1982
|
-
isCompleted && (React__default[
|
|
1983
|
-
isStepOptional && (React__default[
|
|
1984
|
-
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'))));
|
|
1985
1990
|
};
|
|
1986
1991
|
|
|
1987
1992
|
const StepPanel = (props) => {
|
|
1988
1993
|
const { children } = props;
|
|
1989
|
-
return (React__default[
|
|
1994
|
+
return (React__default["default"].createElement("div", { className: "steppanel" }, children));
|
|
1990
1995
|
};
|
|
1991
1996
|
|
|
1992
|
-
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";
|
|
1993
1998
|
var styles$8 = {"stepConnector":"StepConnector-module_stepConnector__2m7Xp","stepConnectorLine":"StepConnector-module_stepConnectorLine__jSqG4","isActive":"StepConnector-module_isActive__3Yj6N","stepConnectorLineHorizontal":"StepConnector-module_stepConnectorLineHorizontal__3R2R8"};
|
|
1994
1999
|
styleInject(css_248z$8);
|
|
1995
2000
|
|
|
@@ -2007,22 +2012,22 @@ const StepConnector = (props) => {
|
|
|
2007
2012
|
isHorizontal && cssClasses.push(styles$8.stepConnectorLineHorizontal);
|
|
2008
2013
|
return cssClasses.filter(css => css).join(' ');
|
|
2009
2014
|
};
|
|
2010
|
-
return (React__default[
|
|
2011
|
-
React__default[
|
|
2015
|
+
return (React__default["default"].createElement("div", { className: getCssClassesConnector() },
|
|
2016
|
+
React__default["default"].createElement("div", { className: getCssClassesLine() })));
|
|
2012
2017
|
};
|
|
2013
2018
|
|
|
2014
|
-
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";
|
|
2015
2020
|
var styles$7 = {"stepper":"Stepper-module_stepper__1TOxM","isHorizontal":"Stepper-module_isHorizontal__3rFHH"};
|
|
2016
2021
|
styleInject(css_248z$7);
|
|
2017
2022
|
|
|
2018
2023
|
const Stepper = (props) => {
|
|
2019
2024
|
const { children, isLinear = true, showLabel = true, showProgressCheckIcon = false, value, isHorizontal = true, onChange, onFinish } = props;
|
|
2020
2025
|
const [steps, setSteps] = React.useState();
|
|
2021
|
-
const [activeIndex, setActiveIndex] = React__default[
|
|
2022
|
-
const [skipped, setSkipped] = React__default[
|
|
2026
|
+
const [activeIndex, setActiveIndex] = React__default["default"].useState(0);
|
|
2027
|
+
const [skipped, setSkipped] = React__default["default"].useState(new Set());
|
|
2023
2028
|
React.useEffect(() => {
|
|
2024
2029
|
if (children) {
|
|
2025
|
-
setSteps(React__default[
|
|
2030
|
+
setSteps(React__default["default"].Children.toArray(children));
|
|
2026
2031
|
}
|
|
2027
2032
|
}, [children]);
|
|
2028
2033
|
React.useEffect(() => {
|
|
@@ -2040,7 +2045,7 @@ const Stepper = (props) => {
|
|
|
2040
2045
|
});
|
|
2041
2046
|
};
|
|
2042
2047
|
const renderSteps = (child, index) => {
|
|
2043
|
-
return React__default[
|
|
2048
|
+
return React__default["default"].isValidElement(child) &&
|
|
2044
2049
|
React.cloneElement(child, {
|
|
2045
2050
|
index: index,
|
|
2046
2051
|
isActive: activeIndex >= index,
|
|
@@ -2105,14 +2110,14 @@ const Stepper = (props) => {
|
|
|
2105
2110
|
isHorizontal && cssClasses.push(styles$7['isHorizontal']);
|
|
2106
2111
|
return cssClasses.filter(css => css).join(' ');
|
|
2107
2112
|
};
|
|
2108
|
-
return (React__default[
|
|
2109
|
-
React__default[
|
|
2110
|
-
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 },
|
|
2111
2116
|
renderSteps(child, index),
|
|
2112
|
-
index !== steps.length - 1 && React__default[
|
|
2113
|
-
steps && steps.map((step, index) => React__default[
|
|
2114
|
-
React__default[
|
|
2115
|
-
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 }))));
|
|
2116
2121
|
};
|
|
2117
2122
|
|
|
2118
2123
|
function useWindowSize() {
|
|
@@ -2171,7 +2176,7 @@ function useDebounce(callback, timeout, deps) {
|
|
|
2171
2176
|
}, deps);
|
|
2172
2177
|
}
|
|
2173
2178
|
|
|
2174
|
-
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";
|
|
2175
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"};
|
|
2176
2181
|
styleInject(css_248z$6);
|
|
2177
2182
|
|
|
@@ -2198,17 +2203,17 @@ const Step = (props) => {
|
|
|
2198
2203
|
isDisabled && cssClasses.push(styles$6['disabled']);
|
|
2199
2204
|
return cssClasses.filter(css => css).join(' ');
|
|
2200
2205
|
};
|
|
2201
|
-
return (React__default[
|
|
2202
|
-
React__default[
|
|
2203
|
-
React__default[
|
|
2204
|
-
React__default[
|
|
2205
|
-
React__default[
|
|
2206
|
-
React__default[
|
|
2207
|
-
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))
|
|
2208
2213
|
:
|
|
2209
|
-
React__default[
|
|
2214
|
+
React__default["default"].createElement(Typography, null, index + 1))),
|
|
2210
2215
|
label && showLabel &&
|
|
2211
|
-
React__default[
|
|
2216
|
+
React__default["default"].createElement(Typography, { className: "flex-shrink-0" }, label)));
|
|
2212
2217
|
};
|
|
2213
2218
|
|
|
2214
2219
|
const Table = (props) => {
|
|
@@ -2222,11 +2227,11 @@ const Table = (props) => {
|
|
|
2222
2227
|
className && cssClasses.push(className);
|
|
2223
2228
|
return cssClasses.filter(css => css).join(' ');
|
|
2224
2229
|
};
|
|
2225
|
-
return (React__default[
|
|
2226
|
-
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)));
|
|
2227
2232
|
};
|
|
2228
2233
|
|
|
2229
|
-
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";
|
|
2230
2235
|
var styles$5 = {"tabIndicator":"TabIndicator-module_tabIndicator__wj9Qm","primary":"TabIndicator-module_primary__2Lc8c","accent":"TabIndicator-module_accent__37h0D"};
|
|
2231
2236
|
styleInject(css_248z$5);
|
|
2232
2237
|
|
|
@@ -2238,13 +2243,13 @@ const TabIndicator = (props) => {
|
|
|
2238
2243
|
cssClasses.push(styles$5[color]);
|
|
2239
2244
|
return cssClasses.filter(css => css).join(' ');
|
|
2240
2245
|
};
|
|
2241
|
-
return (React__default[
|
|
2246
|
+
return (React__default["default"].createElement("span", { className: getCssClasses(), style: {
|
|
2242
2247
|
width: width,
|
|
2243
2248
|
left: `calc(calc(100% / ${amount}) * ${index})`
|
|
2244
2249
|
} }));
|
|
2245
2250
|
};
|
|
2246
2251
|
|
|
2247
|
-
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";
|
|
2248
2253
|
var styles$4 = {"tabs":"Tabs-module_tabs__2azkC"};
|
|
2249
2254
|
styleInject(css_248z$4);
|
|
2250
2255
|
|
|
@@ -2253,7 +2258,7 @@ const Tabs = (props) => {
|
|
|
2253
2258
|
const [selectedValue, setSelectedValue] = React.useState(value);
|
|
2254
2259
|
const [selectedIndex, setSelectedIndex] = React.useState();
|
|
2255
2260
|
React.useEffect(() => {
|
|
2256
|
-
React__default[
|
|
2261
|
+
React__default["default"].Children.toArray(children).forEach((child, index) => {
|
|
2257
2262
|
if (child.props.value === value) {
|
|
2258
2263
|
setSelectedIndex(index);
|
|
2259
2264
|
}
|
|
@@ -2271,21 +2276,21 @@ const Tabs = (props) => {
|
|
|
2271
2276
|
onChange && onChange(event, newValue);
|
|
2272
2277
|
};
|
|
2273
2278
|
const renderTabs = (child, index) => {
|
|
2274
|
-
return React__default[
|
|
2279
|
+
return React__default["default"].isValidElement(child) && React.cloneElement(child, {
|
|
2275
2280
|
key: child.props.value,
|
|
2276
2281
|
isActive: child.props.value === selectedValue,
|
|
2277
2282
|
fixed: fixed,
|
|
2278
2283
|
onClick: (event, newValue) => handleClickTab(event, newValue, index),
|
|
2279
2284
|
});
|
|
2280
2285
|
};
|
|
2281
|
-
return (React__default[
|
|
2282
|
-
React__default[
|
|
2283
|
-
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)),
|
|
2284
2289
|
children &&
|
|
2285
|
-
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 }))));
|
|
2286
2291
|
};
|
|
2287
2292
|
|
|
2288
|
-
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";
|
|
2289
2294
|
var styles$3 = {"tab":"Tab-module_tab__31Fjd"};
|
|
2290
2295
|
styleInject(css_248z$3);
|
|
2291
2296
|
|
|
@@ -2300,15 +2305,15 @@ const Tab = (props) => {
|
|
|
2300
2305
|
className && cssClasses.push(className);
|
|
2301
2306
|
return cssClasses.filter(css => css).join(' ');
|
|
2302
2307
|
};
|
|
2303
|
-
return (React__default[
|
|
2308
|
+
return (React__default["default"].createElement(Button, { className: getCssClasses(), onClick: (event) => onClick && onClick(event, value), isActive: isActive, disabled: disabled }, label));
|
|
2304
2309
|
};
|
|
2305
2310
|
|
|
2306
2311
|
const TabPanel = (props) => {
|
|
2307
2312
|
const { children, className, value, index } = props, rest = __rest(props, ["children", "className", "value", "index"]);
|
|
2308
|
-
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));
|
|
2309
2314
|
};
|
|
2310
2315
|
|
|
2311
|
-
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";
|
|
2312
2317
|
var styles$2 = {"tooltipContainer":"Tooltip-module_tooltipContainer__3SPVX","tooltip":"Tooltip-module_tooltip__1AML3","arrow":"Tooltip-module_arrow__2c3YL"};
|
|
2313
2318
|
styleInject(css_248z$2);
|
|
2314
2319
|
|
|
@@ -2337,15 +2342,15 @@ const Tooltip = (props) => {
|
|
|
2337
2342
|
const handleMouseLeave = () => {
|
|
2338
2343
|
setShow(false);
|
|
2339
2344
|
};
|
|
2340
|
-
return (React__default[
|
|
2341
|
-
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, {
|
|
2342
2347
|
onMouseOver: handleMouseOver,
|
|
2343
2348
|
onMouseLeave: handleMouseLeave,
|
|
2344
2349
|
})),
|
|
2345
2350
|
show &&
|
|
2346
|
-
React__default[
|
|
2351
|
+
React__default["default"].createElement("div", { className: styles$2.tooltip, ref: refTooltip, id: "tooltip" },
|
|
2347
2352
|
text,
|
|
2348
|
-
React__default[
|
|
2353
|
+
React__default["default"].createElement("div", { id: "arrow", "data-popper-arrow": true }))));
|
|
2349
2354
|
};
|
|
2350
2355
|
|
|
2351
2356
|
const HourSelect = (props) => {
|
|
@@ -2368,7 +2373,7 @@ const HourSelect = (props) => {
|
|
|
2368
2373
|
setNewValue(e);
|
|
2369
2374
|
onChange && onChange(e);
|
|
2370
2375
|
};
|
|
2371
|
-
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() }));
|
|
2372
2377
|
};
|
|
2373
2378
|
|
|
2374
2379
|
const MilliSecondSelect = (props) => {
|
|
@@ -2391,7 +2396,7 @@ const MilliSecondSelect = (props) => {
|
|
|
2391
2396
|
setNewValue(e);
|
|
2392
2397
|
onChange && onChange(e);
|
|
2393
2398
|
};
|
|
2394
|
-
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() }));
|
|
2395
2400
|
};
|
|
2396
2401
|
|
|
2397
2402
|
const MinuteSelect = (props) => {
|
|
@@ -2414,7 +2419,7 @@ const MinuteSelect = (props) => {
|
|
|
2414
2419
|
setNewValue(e);
|
|
2415
2420
|
onChange && onChange(e);
|
|
2416
2421
|
};
|
|
2417
|
-
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() }));
|
|
2418
2423
|
};
|
|
2419
2424
|
|
|
2420
2425
|
const SecondSelect = (props) => {
|
|
@@ -2437,7 +2442,7 @@ const SecondSelect = (props) => {
|
|
|
2437
2442
|
setNewValue(e);
|
|
2438
2443
|
onChange && onChange(e);
|
|
2439
2444
|
};
|
|
2440
|
-
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() }));
|
|
2441
2446
|
};
|
|
2442
2447
|
|
|
2443
2448
|
exports.TIMEMODE = void 0;
|
|
@@ -2468,26 +2473,26 @@ const TimeSelect = (props) => {
|
|
|
2468
2473
|
setCurrDate(newDate);
|
|
2469
2474
|
onChange && onChange(newDate);
|
|
2470
2475
|
};
|
|
2471
|
-
return (React__default[
|
|
2476
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
2472
2477
|
showHours &&
|
|
2473
|
-
React__default[
|
|
2474
|
-
React__default[
|
|
2475
|
-
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) })),
|
|
2476
2481
|
showMinutes &&
|
|
2477
|
-
React__default[
|
|
2478
|
-
React__default[
|
|
2479
|
-
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) })),
|
|
2480
2485
|
showSeconds &&
|
|
2481
|
-
React__default[
|
|
2482
|
-
React__default[
|
|
2483
|
-
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) })),
|
|
2484
2489
|
showMilliSeconds &&
|
|
2485
|
-
React__default[
|
|
2486
|
-
React__default[
|
|
2487
|
-
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) }))));
|
|
2488
2493
|
};
|
|
2489
2494
|
|
|
2490
|
-
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";
|
|
2491
2496
|
var styles$1 = {"treeView":"TreeView-module_treeView__3kmGm"};
|
|
2492
2497
|
styleInject(css_248z$1);
|
|
2493
2498
|
|
|
@@ -2499,10 +2504,10 @@ const TreeView = (props) => {
|
|
|
2499
2504
|
className && cssClasses.push(className);
|
|
2500
2505
|
return cssClasses.filter(css => css).join(' ');
|
|
2501
2506
|
};
|
|
2502
|
-
return (React__default[
|
|
2507
|
+
return (React__default["default"].createElement("ul", { className: getCssClasses() }, children));
|
|
2503
2508
|
};
|
|
2504
2509
|
|
|
2505
|
-
var css_248z = ".TreeItem-module_treeItem__2FtLe {\n display: flex;\n flex-direction: column;\n min-height: 48px;\n justify-content: center
|
|
2510
|
+
var css_248z = ".TreeItem-module_treeItem__2FtLe {\n display: flex;\n flex-direction: column;\n min-height: 48px;\n justify-content: center; }\n";
|
|
2506
2511
|
var styles = {"treeItem":"TreeItem-module_treeItem__2FtLe"};
|
|
2507
2512
|
styleInject(css_248z);
|
|
2508
2513
|
|
|
@@ -2532,14 +2537,14 @@ const TreeItem = (props) => {
|
|
|
2532
2537
|
setIsSelected(!_isSelected);
|
|
2533
2538
|
onSelect && onSelect(nodeId, !_isSelected);
|
|
2534
2539
|
};
|
|
2535
|
-
return (React__default[
|
|
2536
|
-
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" },
|
|
2537
2542
|
children &&
|
|
2538
|
-
React__default[
|
|
2543
|
+
React__default["default"].createElement(IconButton, { onClick: () => handleOnToggleExpand(nodeId), icon: !_isExpanded ? React__default["default"].createElement(ChevronRightSolidIcon, null) : React__default["default"].createElement(ChevronDownSolidIcon, null) }),
|
|
2539
2544
|
isSelectable &&
|
|
2540
|
-
React__default[
|
|
2545
|
+
React__default["default"].createElement(Checkbox, { checked: _isSelected, onChange: () => handleOnSelect(nodeId) }),
|
|
2541
2546
|
label),
|
|
2542
|
-
children && _isExpanded ? React__default[
|
|
2547
|
+
children && _isExpanded ? React__default["default"].createElement("ul", null, children) : null));
|
|
2543
2548
|
};
|
|
2544
2549
|
|
|
2545
2550
|
exports.Alert = Alert;
|