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