react-asc 18.8.2 → 18.8.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/AutoComplete/AutoComplete.d.ts +1 -0
- package/components/Form/FormHint/FormHint.d.ts +5 -0
- package/components/Form/FormHint/index.d.ts +1 -0
- package/components/Form/{FormInput.d.ts → FormInput/FormInput.d.ts} +9 -3
- package/components/Form/FormInput/index.d.ts +1 -0
- package/components/Form/FormLabel/FormLabel.d.ts +6 -0
- package/components/Form/FormLabel/index.d.ts +1 -0
- package/components/List/ListItem.d.ts +1 -1
- package/index.es.js +245 -200
- package/index.es.js.map +1 -1
- package/index.js +498 -453
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/components/Form/FormHint.d.ts +0 -7
- package/components/Form/FormLabel.d.ts +0 -7
package/index.js
CHANGED
|
@@ -95,60 +95,60 @@ function styleInject(css, ref) {
|
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
97
|
|
|
98
|
-
var css_248z$
|
|
99
|
-
var styles$
|
|
100
|
-
styleInject(css_248z$
|
|
98
|
+
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";
|
|
99
|
+
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"};
|
|
100
|
+
styleInject(css_248z$V);
|
|
101
101
|
|
|
102
102
|
const Alert = (props) => {
|
|
103
103
|
const { children, className, color = exports.COLOR.primary, variant = exports.VARIANT.contained, shadow = true } = props, rest = __rest(props, ["children", "className", "color", "variant", "shadow"]);
|
|
104
104
|
const getCssClasses = () => {
|
|
105
105
|
const cssClasses = [];
|
|
106
|
-
cssClasses.push(styles$
|
|
106
|
+
cssClasses.push(styles$V.alert);
|
|
107
107
|
if (variant === exports.VARIANT.contained) {
|
|
108
|
-
cssClasses.push(styles$
|
|
109
|
-
cssClasses.push(styles$
|
|
108
|
+
cssClasses.push(styles$V.contained);
|
|
109
|
+
cssClasses.push(styles$V[color]);
|
|
110
110
|
}
|
|
111
111
|
if (variant === exports.VARIANT.outline) {
|
|
112
|
-
cssClasses.push(styles$
|
|
113
|
-
cssClasses.push(styles$
|
|
112
|
+
cssClasses.push(styles$V.outline);
|
|
113
|
+
cssClasses.push(styles$V[color]);
|
|
114
114
|
}
|
|
115
|
-
shadow && cssClasses.push(styles$
|
|
115
|
+
shadow && cssClasses.push(styles$V['shadow']);
|
|
116
116
|
className && cssClasses.push(className);
|
|
117
117
|
return cssClasses.filter(r => r).join(' ');
|
|
118
118
|
};
|
|
119
|
-
return (React__default[
|
|
119
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
120
120
|
};
|
|
121
121
|
|
|
122
|
-
var css_248z$
|
|
123
|
-
var styles$
|
|
124
|
-
styleInject(css_248z$
|
|
122
|
+
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";
|
|
123
|
+
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"};
|
|
124
|
+
styleInject(css_248z$U);
|
|
125
125
|
|
|
126
126
|
const AppBar = (props) => {
|
|
127
127
|
const { children, className, color = exports.COLOR.primary, shadow = true } = props, rest = __rest(props, ["children", "className", "color", "shadow"]);
|
|
128
128
|
const getCssClasses = () => {
|
|
129
129
|
const cssClasses = [];
|
|
130
|
-
cssClasses.push(styles$
|
|
131
|
-
cssClasses.push(styles$
|
|
132
|
-
shadow && cssClasses.push(styles$
|
|
130
|
+
cssClasses.push(styles$U[color]);
|
|
131
|
+
cssClasses.push(styles$U.appbar);
|
|
132
|
+
shadow && cssClasses.push(styles$U['shadow']);
|
|
133
133
|
className && cssClasses.push(className);
|
|
134
134
|
return cssClasses.filter(r => r).join(' ');
|
|
135
135
|
};
|
|
136
|
-
return (React__default[
|
|
136
|
+
return (React__default["default"].createElement("nav", Object.assign({ className: getCssClasses() }, rest), children));
|
|
137
137
|
};
|
|
138
138
|
|
|
139
|
-
var css_248z$
|
|
140
|
-
var styles$
|
|
141
|
-
styleInject(css_248z$
|
|
139
|
+
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";
|
|
140
|
+
var styles$T = {"appbarTitle":"AppBarTitle-module_appbarTitle__3J-Z1"};
|
|
141
|
+
styleInject(css_248z$T);
|
|
142
142
|
|
|
143
143
|
const AppBarTitle = (props) => {
|
|
144
144
|
const { children, className, onClick } = props;
|
|
145
145
|
const getCssClass = () => {
|
|
146
146
|
const cssClasses = [];
|
|
147
|
-
cssClasses.push(styles$
|
|
147
|
+
cssClasses.push(styles$T.appbarTitle);
|
|
148
148
|
className && cssClasses.push(className);
|
|
149
149
|
return cssClasses.filter(r => r).join(' ');
|
|
150
150
|
};
|
|
151
|
-
return (React__default[
|
|
151
|
+
return (React__default["default"].createElement("div", { className: getCssClass(), onClick: () => onClick && onClick() }, children));
|
|
152
152
|
};
|
|
153
153
|
|
|
154
154
|
const Backdrop = (props) => {
|
|
@@ -169,91 +169,91 @@ const Backdrop = (props) => {
|
|
|
169
169
|
const styles = Object.assign({ height: '100%', width: '100%', position: 'absolute' }, style);
|
|
170
170
|
return styles;
|
|
171
171
|
};
|
|
172
|
-
return (reactDom.createPortal(React__default[
|
|
172
|
+
return (reactDom.createPortal(React__default["default"].createElement("div", { className: getCssClasses(), onClick: handleClick, style: getStyles() }), target));
|
|
173
173
|
};
|
|
174
174
|
|
|
175
|
-
var css_248z$
|
|
176
|
-
var styles$
|
|
177
|
-
styleInject(css_248z$
|
|
175
|
+
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";
|
|
176
|
+
var styles$S = {"list":"List-module_list__1ax9w"};
|
|
177
|
+
styleInject(css_248z$S);
|
|
178
178
|
|
|
179
179
|
const List = (props) => {
|
|
180
180
|
const { children, className, isFlush } = props;
|
|
181
181
|
const getCssClasses = () => {
|
|
182
182
|
const cssClasses = [];
|
|
183
183
|
if (isFlush) {
|
|
184
|
-
cssClasses.push(styles$
|
|
184
|
+
cssClasses.push(styles$S.flush);
|
|
185
185
|
}
|
|
186
|
-
cssClasses.push(styles$
|
|
186
|
+
cssClasses.push(styles$S.list);
|
|
187
187
|
className && cssClasses.push(className);
|
|
188
188
|
return cssClasses.filter(css => css).join(' ');
|
|
189
189
|
};
|
|
190
|
-
return (React__default[
|
|
190
|
+
return (React__default["default"].createElement("ul", { className: getCssClasses() }, children));
|
|
191
191
|
};
|
|
192
192
|
|
|
193
|
-
var css_248z$
|
|
194
|
-
var styles$
|
|
195
|
-
styleInject(css_248z$
|
|
193
|
+
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";
|
|
194
|
+
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"};
|
|
195
|
+
styleInject(css_248z$R);
|
|
196
196
|
|
|
197
197
|
const ListItem = (props) => {
|
|
198
|
-
const { id, children, color, active, className, isHoverable,
|
|
198
|
+
const { id, children, color, active, className, isHoverable, disabled, onClick } = props;
|
|
199
199
|
const getCssClasses = () => {
|
|
200
200
|
const cssClasses = [];
|
|
201
201
|
if (active) {
|
|
202
|
-
cssClasses.push(styles$
|
|
202
|
+
cssClasses.push(styles$R['active']);
|
|
203
203
|
}
|
|
204
|
-
if (
|
|
205
|
-
cssClasses.push(
|
|
204
|
+
if (disabled) {
|
|
205
|
+
cssClasses.push(styles$R['disabled']);
|
|
206
206
|
}
|
|
207
|
-
color && cssClasses.push(styles$
|
|
208
|
-
cssClasses.push(styles$
|
|
207
|
+
color && cssClasses.push(styles$R[color]);
|
|
208
|
+
cssClasses.push(styles$R.listItem);
|
|
209
209
|
className && cssClasses.push(className);
|
|
210
210
|
return cssClasses.filter(css => css).join(' ');
|
|
211
211
|
};
|
|
212
212
|
const handleClick = (e) => {
|
|
213
|
-
onClick && onClick(e);
|
|
213
|
+
!disabled && onClick && onClick(e);
|
|
214
214
|
};
|
|
215
|
-
return (React__default[
|
|
215
|
+
return (React__default["default"].createElement("li", { id: id, onClick: handleClick, className: getCssClasses() }, children));
|
|
216
216
|
};
|
|
217
217
|
|
|
218
|
-
var css_248z$
|
|
219
|
-
var styles$
|
|
220
|
-
styleInject(css_248z$
|
|
218
|
+
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";
|
|
219
|
+
var styles$Q = {"avatar":"ListItemAvatar-module_avatar__1fjSE"};
|
|
220
|
+
styleInject(css_248z$Q);
|
|
221
221
|
|
|
222
|
-
const ListItemAvatar = ({ avatar }) => (React__default[
|
|
222
|
+
const ListItemAvatar = ({ avatar }) => (React__default["default"].createElement("div", { className: styles$Q.avatar }, avatar));
|
|
223
223
|
|
|
224
|
-
var css_248z$
|
|
225
|
-
var styles$
|
|
226
|
-
styleInject(css_248z$
|
|
224
|
+
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";
|
|
225
|
+
var styles$P = {"icon":"ListItemIcon-module_icon__-nsUy"};
|
|
226
|
+
styleInject(css_248z$P);
|
|
227
227
|
|
|
228
|
-
const ListItemIcon = ({ icon }) => (React__default[
|
|
228
|
+
const ListItemIcon = ({ icon }) => (React__default["default"].createElement("div", { className: styles$P.icon }, icon));
|
|
229
229
|
|
|
230
|
-
var css_248z$
|
|
231
|
-
var styles$
|
|
232
|
-
styleInject(css_248z$
|
|
230
|
+
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";
|
|
231
|
+
var styles$O = {"listItemAction":"ListItemAction-module_listItemAction__26S66"};
|
|
232
|
+
styleInject(css_248z$O);
|
|
233
233
|
|
|
234
|
-
const ListItemAction = ({ children, onClick }) => (React__default[
|
|
234
|
+
const ListItemAction = ({ children, onClick }) => (React__default["default"].createElement("div", { className: styles$O.listItemAction, onClick: e => onClick && onClick(e) }, children));
|
|
235
235
|
|
|
236
|
-
var css_248z$
|
|
237
|
-
var styles$
|
|
238
|
-
styleInject(css_248z$
|
|
236
|
+
var css_248z$N = ".ListItemTextIcon-module_listItemText__ZUWxQ {\n flex: 1; }\n";
|
|
237
|
+
var styles$N = {"listItemText":"ListItemTextIcon-module_listItemText__ZUWxQ"};
|
|
238
|
+
styleInject(css_248z$N);
|
|
239
239
|
|
|
240
240
|
const ListItemText = ({ primary, secondary }) => {
|
|
241
241
|
const getCssClasses = () => {
|
|
242
242
|
const cssClasses = [];
|
|
243
|
-
cssClasses.push(styles$
|
|
243
|
+
cssClasses.push(styles$N.listItemText);
|
|
244
244
|
return cssClasses.filter(css => css).join(' ');
|
|
245
245
|
};
|
|
246
|
-
return (React__default[
|
|
247
|
-
React__default[
|
|
246
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
247
|
+
React__default["default"].createElement(ListItemTextPrimary, null, primary),
|
|
248
248
|
secondary &&
|
|
249
|
-
React__default[
|
|
249
|
+
React__default["default"].createElement(ListItemTextSecondary, null, secondary)));
|
|
250
250
|
};
|
|
251
|
-
const ListItemTextPrimary = ({ children }) => (React__default[
|
|
252
|
-
const ListItemTextSecondary = ({ children }) => (React__default[
|
|
251
|
+
const ListItemTextPrimary = ({ children }) => (React__default["default"].createElement("div", { className: "list-item-text-primary" }, children));
|
|
252
|
+
const ListItemTextSecondary = ({ children }) => (React__default["default"].createElement("div", { className: "list-item-text-secondary text-muted", style: { fontSize: '0.875rem' } }, children));
|
|
253
253
|
|
|
254
|
-
var css_248z$
|
|
255
|
-
var styles$
|
|
256
|
-
styleInject(css_248z$
|
|
254
|
+
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";
|
|
255
|
+
var styles$M = {"selectContainer":"AutoComplete-module_selectContainer__SyqtX","select":"AutoComplete-module_select__2_7JD","selectMenu":"AutoComplete-module_selectMenu__2_ybA"};
|
|
256
|
+
styleInject(css_248z$M);
|
|
257
257
|
|
|
258
258
|
// preset value
|
|
259
259
|
// enter -> delay? -> show results
|
|
@@ -261,7 +261,7 @@ styleInject(css_248z$K);
|
|
|
261
261
|
// multiple
|
|
262
262
|
// custom template render items
|
|
263
263
|
const AutoComplete = (props) => {
|
|
264
|
-
const { id, name, className, options = [], openOnFocus = true, disabled, readOnly, debounce = 0, placeholder, showClearButton, onChange, onSelect, value } = props;
|
|
264
|
+
const { id, name, className, options = [], openOnFocus = true, disabled, readOnly, debounce = 0, placeholder, showNoEntry = true, showClearButton, onChange, onSelect, value } = props;
|
|
265
265
|
const [model, setModel] = React.useState('');
|
|
266
266
|
const [searchText, setSearchText] = React.useState('');
|
|
267
267
|
const [isShow, setIsShow] = React.useState(false);
|
|
@@ -278,7 +278,12 @@ const AutoComplete = (props) => {
|
|
|
278
278
|
const optionsOrigin = JSON.parse(JSON.stringify(options));
|
|
279
279
|
const regex = new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&'), 'gi');
|
|
280
280
|
const optionsFiltered = optionsOrigin.filter(o => { var _a; return (_a = o.label) === null || _a === void 0 ? void 0 : _a.match(regex); });
|
|
281
|
-
|
|
281
|
+
if (optionsFiltered.length === 0 && showNoEntry) {
|
|
282
|
+
setOptionsTemp([{ value: '', label: '- no entry found -' }]);
|
|
283
|
+
}
|
|
284
|
+
else {
|
|
285
|
+
setOptionsTemp(optionsFiltered);
|
|
286
|
+
}
|
|
282
287
|
}
|
|
283
288
|
}, [options]);
|
|
284
289
|
useDebounce(() => { onChange && onChange(searchText); }, debounce, [searchText]);
|
|
@@ -297,12 +302,14 @@ const AutoComplete = (props) => {
|
|
|
297
302
|
React.useEffect(() => {
|
|
298
303
|
return () => {
|
|
299
304
|
document.body.classList.remove('modal-open');
|
|
305
|
+
const main = document.querySelector('.main');
|
|
306
|
+
main === null || main === void 0 ? void 0 : main.classList.remove('modal-open');
|
|
300
307
|
};
|
|
301
308
|
}, []);
|
|
302
309
|
const getCssClass = () => {
|
|
303
310
|
const cssClasses = [];
|
|
304
311
|
className && cssClasses.push(className);
|
|
305
|
-
cssClasses.push(styles$
|
|
312
|
+
cssClasses.push(styles$M.select);
|
|
306
313
|
return cssClasses.filter(r => r).join(' ');
|
|
307
314
|
};
|
|
308
315
|
const show = () => setIsShow(true);
|
|
@@ -326,79 +333,79 @@ const AutoComplete = (props) => {
|
|
|
326
333
|
setModel('');
|
|
327
334
|
setSearchText('');
|
|
328
335
|
};
|
|
329
|
-
return (React__default[
|
|
330
|
-
React__default[
|
|
331
|
-
React__default[
|
|
332
|
-
React__default[
|
|
336
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
337
|
+
React__default["default"].createElement("div", { ref: selectConainter, className: styles$M.selectContainer },
|
|
338
|
+
React__default["default"].createElement("div", { className: "d-flex" },
|
|
339
|
+
React__default["default"].createElement("input", { type: "text", className: getCssClass(), id: id, name: name, tabIndex: 0, readOnly: readOnly, disabled: disabled, onChange: handleOnChange, onFocus: handleOnFocus, placeholder: placeholder, value: model }),
|
|
333
340
|
showClearButton && (model === null || model === void 0 ? void 0 : model.length) > 0 &&
|
|
334
|
-
React__default[
|
|
341
|
+
React__default["default"].createElement(IconButton, { icon: React__default["default"].createElement(TimesSolidIcon, null), onClick: handleClickReset })),
|
|
335
342
|
isShow &&
|
|
336
|
-
React__default[
|
|
337
|
-
React__default[
|
|
338
|
-
React__default[
|
|
339
|
-
React__default[
|
|
340
|
-
React__default[
|
|
343
|
+
React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
344
|
+
React__default["default"].createElement("div", { className: styles$M.selectMenu },
|
|
345
|
+
React__default["default"].createElement(List, null, optionsTemp && optionsTemp.map((option, index) => React__default["default"].createElement(ListItem, { id: `list-item-${index}`, key: option.value, onClick: () => handleOnClick(option), disabled: !option.value },
|
|
346
|
+
React__default["default"].createElement(ListItemText, { primary: option.label ? option.label : option.value }))))),
|
|
347
|
+
React__default["default"].createElement(Backdrop, { isTransparent: true, onClick: () => hide() })))));
|
|
341
348
|
};
|
|
342
349
|
|
|
343
|
-
var css_248z$
|
|
344
|
-
var styles$
|
|
345
|
-
styleInject(css_248z$
|
|
350
|
+
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";
|
|
351
|
+
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_"};
|
|
352
|
+
styleInject(css_248z$L);
|
|
346
353
|
|
|
347
354
|
const Badge = (props) => {
|
|
348
355
|
const { children, content, className, color = exports.COLOR.primary } = props, rest = __rest(props, ["children", "content", "className", "color"]);
|
|
349
356
|
const getCssClassesBadgeContainer = () => {
|
|
350
357
|
const cssClasses = [];
|
|
351
|
-
cssClasses.push(styles$
|
|
358
|
+
cssClasses.push(styles$L.badgeContainer);
|
|
352
359
|
className && cssClasses.push(className);
|
|
353
360
|
return cssClasses.filter(css => css).join(' ');
|
|
354
361
|
};
|
|
355
362
|
const getCssClassesBadge = () => {
|
|
356
363
|
const cssClasses = [];
|
|
357
|
-
cssClasses.push(styles$
|
|
358
|
-
cssClasses.push(styles$
|
|
364
|
+
cssClasses.push(styles$L.badge);
|
|
365
|
+
cssClasses.push(styles$L[color]);
|
|
359
366
|
return cssClasses.filter(css => css).join(' ');
|
|
360
367
|
};
|
|
361
|
-
return (React__default[
|
|
368
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClassesBadgeContainer() }, rest),
|
|
362
369
|
children,
|
|
363
|
-
React__default[
|
|
370
|
+
React__default["default"].createElement("span", { className: getCssClassesBadge() }, content)));
|
|
364
371
|
};
|
|
365
372
|
|
|
366
|
-
var css_248z$
|
|
367
|
-
var styles$
|
|
368
|
-
styleInject(css_248z$
|
|
373
|
+
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";
|
|
374
|
+
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"};
|
|
375
|
+
styleInject(css_248z$K);
|
|
369
376
|
|
|
370
377
|
const Icon = (props) => {
|
|
371
378
|
const { children, iconColor, className } = props, rest = __rest(props, ["children", "iconColor", "className"]);
|
|
372
379
|
const getCssClasses = () => {
|
|
373
380
|
const cssClasses = [];
|
|
374
|
-
cssClasses.push(styles$
|
|
375
|
-
iconColor && cssClasses.push(styles$
|
|
381
|
+
cssClasses.push(styles$K.icon);
|
|
382
|
+
iconColor && cssClasses.push(styles$K[iconColor]);
|
|
376
383
|
className && cssClasses.push(className);
|
|
377
384
|
return cssClasses.filter(css => css).join(' ');
|
|
378
385
|
};
|
|
379
|
-
return (React__default[
|
|
386
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
380
387
|
};
|
|
381
388
|
|
|
382
|
-
var css_248z$
|
|
383
|
-
var styles$
|
|
384
|
-
styleInject(css_248z$
|
|
389
|
+
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";
|
|
390
|
+
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"};
|
|
391
|
+
styleInject(css_248z$J);
|
|
385
392
|
|
|
386
393
|
const ButtonTemplate = (props) => {
|
|
387
394
|
const { children, variant = exports.VARIANT.contained, color = exports.COLOR.primary, isRounded, isActive, className, startIcon, endIcon } = props, rest = __rest(props, ["children", "variant", "color", "isRounded", "isActive", "className", "startIcon", "endIcon"]);
|
|
388
395
|
const getCssClasses = () => {
|
|
389
396
|
const cssClasses = [];
|
|
390
|
-
cssClasses.push(styles$
|
|
397
|
+
cssClasses.push(styles$J.button);
|
|
391
398
|
if (variant !== 'outline' && variant !== 'text') {
|
|
392
|
-
cssClasses.push(styles$
|
|
393
|
-
cssClasses.push(styles$
|
|
399
|
+
cssClasses.push(styles$J.btnContained);
|
|
400
|
+
cssClasses.push(styles$J[color]);
|
|
394
401
|
}
|
|
395
402
|
if (variant === 'outline') {
|
|
396
|
-
cssClasses.push(styles$
|
|
397
|
-
cssClasses.push(styles$
|
|
403
|
+
cssClasses.push(styles$J.btnOutline);
|
|
404
|
+
cssClasses.push(styles$J[color]);
|
|
398
405
|
}
|
|
399
406
|
if (variant === 'text') {
|
|
400
|
-
cssClasses.push(styles$
|
|
401
|
-
cssClasses.push(styles$
|
|
407
|
+
cssClasses.push(styles$J.btnText);
|
|
408
|
+
cssClasses.push(styles$J[color]);
|
|
402
409
|
}
|
|
403
410
|
if (isRounded && variant !== 'text') {
|
|
404
411
|
cssClasses.push(`rounded-pill`);
|
|
@@ -409,61 +416,61 @@ const ButtonTemplate = (props) => {
|
|
|
409
416
|
className && cssClasses.push(className);
|
|
410
417
|
return cssClasses.filter(css => css).join(' ');
|
|
411
418
|
};
|
|
412
|
-
return (React__default[
|
|
413
|
-
React__default[
|
|
419
|
+
return (React__default["default"].createElement("button", Object.assign({ type: "button", className: getCssClasses() }, rest),
|
|
420
|
+
React__default["default"].createElement("span", { className: "d-flex justify-content-center" },
|
|
414
421
|
startIcon &&
|
|
415
|
-
React__default[
|
|
422
|
+
React__default["default"].createElement(Icon, { className: styles$J.startIcon }, startIcon),
|
|
416
423
|
children,
|
|
417
424
|
endIcon &&
|
|
418
|
-
React__default[
|
|
425
|
+
React__default["default"].createElement(Icon, { className: styles$J.endIcon }, endIcon))));
|
|
419
426
|
};
|
|
420
427
|
|
|
421
428
|
const Button = (props) => {
|
|
422
|
-
return (React__default[
|
|
429
|
+
return (React__default["default"].createElement(ButtonTemplate, Object.assign({}, props)));
|
|
423
430
|
};
|
|
424
431
|
|
|
425
|
-
var css_248z$
|
|
426
|
-
var styles$
|
|
427
|
-
styleInject(css_248z$
|
|
432
|
+
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";
|
|
433
|
+
var styles$I = {"buttonGroup":"ButtonGroup-module_buttonGroup__2RS71"};
|
|
434
|
+
styleInject(css_248z$I);
|
|
428
435
|
|
|
429
436
|
const ButtonGroup = (props) => {
|
|
430
437
|
const { children, className } = props, rest = __rest(props, ["children", "className"]);
|
|
431
438
|
const getCssClasses = () => {
|
|
432
439
|
const cssClasses = [];
|
|
433
|
-
cssClasses.push(styles$
|
|
440
|
+
cssClasses.push(styles$I.buttonGroup);
|
|
434
441
|
className && cssClasses.push(className);
|
|
435
442
|
return cssClasses.filter(css => css).join(' ');
|
|
436
443
|
};
|
|
437
|
-
return (React__default[
|
|
444
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses(), role: "group" }, rest), children));
|
|
438
445
|
};
|
|
439
446
|
|
|
440
|
-
var css_248z$
|
|
441
|
-
var styles$
|
|
442
|
-
styleInject(css_248z$
|
|
447
|
+
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";
|
|
448
|
+
var styles$H = {"breadcrumb":"Breadcrumb-module_breadcrumb__2BHXS"};
|
|
449
|
+
styleInject(css_248z$H);
|
|
443
450
|
|
|
444
451
|
const Breadcrumb = (props) => {
|
|
445
452
|
const { children, className } = props;
|
|
446
453
|
const getCssClasses = () => {
|
|
447
454
|
const cssClasses = [];
|
|
448
|
-
cssClasses.push(styles$
|
|
455
|
+
cssClasses.push(styles$H.breadcrumb);
|
|
449
456
|
className && cssClasses.push(className);
|
|
450
457
|
return cssClasses.filter(css => css).join(' ');
|
|
451
458
|
};
|
|
452
|
-
return (React__default[
|
|
453
|
-
React__default[
|
|
459
|
+
return (React__default["default"].createElement("nav", null,
|
|
460
|
+
React__default["default"].createElement("ol", { className: getCssClasses() }, children)));
|
|
454
461
|
};
|
|
455
462
|
|
|
456
463
|
const ConditionalWrapper = ({ condition, wrapper, children }) => condition ? wrapper(children) : children;
|
|
457
464
|
|
|
458
|
-
var css_248z$
|
|
459
|
-
var styles$
|
|
460
|
-
styleInject(css_248z$
|
|
465
|
+
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";
|
|
466
|
+
var styles$G = {"breadcrumbItem":"BreadcrumbItem-module_breadcrumbItem__1yy-D","active":"BreadcrumbItem-module_active__3iVU2"};
|
|
467
|
+
styleInject(css_248z$G);
|
|
461
468
|
|
|
462
469
|
const BreadcrumbItem = (props) => {
|
|
463
470
|
const { children, className, isActive, onClick } = props;
|
|
464
471
|
const getCssClasses = () => {
|
|
465
472
|
const cssClasses = [];
|
|
466
|
-
cssClasses.push(styles$
|
|
473
|
+
cssClasses.push(styles$G.breadcrumbItem);
|
|
467
474
|
className && cssClasses.push(className);
|
|
468
475
|
isActive && cssClasses.push('active');
|
|
469
476
|
return cssClasses.filter(css => css).join(' ');
|
|
@@ -471,205 +478,205 @@ const BreadcrumbItem = (props) => {
|
|
|
471
478
|
const handleClick = (event) => {
|
|
472
479
|
onClick && onClick(event);
|
|
473
480
|
};
|
|
474
|
-
return (React__default[
|
|
475
|
-
React__default[
|
|
481
|
+
return (React__default["default"].createElement("li", { className: getCssClasses(), onClick: handleClick },
|
|
482
|
+
React__default["default"].createElement(ConditionalWrapper, { condition: !isActive,
|
|
476
483
|
// eslint-disable-next-line jsx-a11y/anchor-is-valid
|
|
477
|
-
wrapper: label => React__default[
|
|
484
|
+
wrapper: label => React__default["default"].createElement("a", null, label) }, children)));
|
|
478
485
|
};
|
|
479
486
|
|
|
480
|
-
var css_248z$
|
|
481
|
-
var styles$
|
|
482
|
-
styleInject(css_248z$
|
|
487
|
+
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";
|
|
488
|
+
var styles$F = {"card":"Card-module_card__31o3Z","shadow":"Card-module_shadow__2lpYq"};
|
|
489
|
+
styleInject(css_248z$F);
|
|
483
490
|
|
|
484
491
|
const Card = (props) => {
|
|
485
492
|
const { children, className, shadow = true } = props, rest = __rest(props, ["children", "className", "shadow"]);
|
|
486
493
|
const getCssClasses = () => {
|
|
487
494
|
const cssClasses = [];
|
|
488
|
-
cssClasses.push(styles$
|
|
489
|
-
shadow && cssClasses.push(styles$
|
|
495
|
+
cssClasses.push(styles$F.card);
|
|
496
|
+
shadow && cssClasses.push(styles$F.shadow);
|
|
490
497
|
className && cssClasses.push(className);
|
|
491
498
|
return cssClasses.filter(css => css).join(' ');
|
|
492
499
|
};
|
|
493
|
-
return (React__default[
|
|
500
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
494
501
|
};
|
|
495
502
|
|
|
496
|
-
var css_248z$
|
|
497
|
-
var styles$
|
|
498
|
-
styleInject(css_248z$
|
|
503
|
+
var css_248z$E = ".CardBody-module_cardBody__N8z-L {\n flex: 1 1 auto;\n min-height: 1px;\n padding: 1.25rem; }\n";
|
|
504
|
+
var styles$E = {"cardBody":"CardBody-module_cardBody__N8z-L"};
|
|
505
|
+
styleInject(css_248z$E);
|
|
499
506
|
|
|
500
507
|
const CardBody = (props) => {
|
|
501
508
|
const { children, className } = props, rest = __rest(props, ["children", "className"]);
|
|
502
509
|
const getCssClasses = () => {
|
|
503
510
|
const cssClasses = [];
|
|
504
|
-
cssClasses.push(styles$
|
|
511
|
+
cssClasses.push(styles$E.cardBody);
|
|
505
512
|
className && cssClasses.push(className);
|
|
506
513
|
return cssClasses.filter(css => css).join(' ');
|
|
507
514
|
};
|
|
508
|
-
return (React__default[
|
|
515
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
509
516
|
};
|
|
510
517
|
|
|
511
|
-
var css_248z$
|
|
512
|
-
var styles$
|
|
513
|
-
styleInject(css_248z$
|
|
518
|
+
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";
|
|
519
|
+
var styles$D = {"cardFooter":"CardFooter-module_cardFooter__3dYKa"};
|
|
520
|
+
styleInject(css_248z$D);
|
|
514
521
|
|
|
515
522
|
const CardFooter = (props) => {
|
|
516
523
|
const { children, className } = props, rest = __rest(props, ["children", "className"]);
|
|
517
524
|
const getCssClasses = () => {
|
|
518
525
|
const cssClasses = [];
|
|
519
|
-
cssClasses.push(styles$
|
|
526
|
+
cssClasses.push(styles$D.cardFooter);
|
|
520
527
|
className && cssClasses.push(className);
|
|
521
528
|
return cssClasses.filter(css => css).join(' ');
|
|
522
529
|
};
|
|
523
|
-
return (React__default[
|
|
530
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
524
531
|
};
|
|
525
532
|
|
|
526
|
-
var css_248z$
|
|
527
|
-
var styles$
|
|
528
|
-
styleInject(css_248z$
|
|
533
|
+
var css_248z$C = ".CardSubtitle-module_cardSubtitle__2WWHW {\n color: #6c757d !important; }\n";
|
|
534
|
+
var styles$C = {"cardSubtitle":"CardSubtitle-module_cardSubtitle__2WWHW"};
|
|
535
|
+
styleInject(css_248z$C);
|
|
529
536
|
|
|
530
537
|
const CardSubtitle = (props) => {
|
|
531
538
|
const { children, className } = props, rest = __rest(props, ["children", "className"]);
|
|
532
539
|
const getCssClasses = () => {
|
|
533
540
|
const cssClasses = [];
|
|
534
|
-
cssClasses.push(styles$
|
|
541
|
+
cssClasses.push(styles$C.cardSubtitle);
|
|
535
542
|
className && cssClasses.push(className);
|
|
536
543
|
return cssClasses.filter(css => css).join(' ');
|
|
537
544
|
};
|
|
538
|
-
return (React__default[
|
|
545
|
+
return (React__default["default"].createElement("p", Object.assign({ className: getCssClasses() }, rest), children));
|
|
539
546
|
};
|
|
540
547
|
|
|
541
|
-
var css_248z$
|
|
542
|
-
var styles$
|
|
543
|
-
styleInject(css_248z$
|
|
548
|
+
var css_248z$B = ".CardText-module_cardText__1LWJi:last-child {\n margin-bottom: 0; }\n";
|
|
549
|
+
var styles$B = {"cardText":"CardText-module_cardText__1LWJi"};
|
|
550
|
+
styleInject(css_248z$B);
|
|
544
551
|
|
|
545
552
|
const CardText = (props) => {
|
|
546
553
|
const { children, className } = props, rest = __rest(props, ["children", "className"]);
|
|
547
554
|
const getCssClasses = () => {
|
|
548
555
|
const cssClasses = [];
|
|
549
|
-
cssClasses.push(styles$
|
|
556
|
+
cssClasses.push(styles$B.cardText);
|
|
550
557
|
className && cssClasses.push(className);
|
|
551
558
|
return cssClasses.filter(css => css).join(' ');
|
|
552
559
|
};
|
|
553
|
-
return (React__default[
|
|
560
|
+
return (React__default["default"].createElement("p", Object.assign({ className: getCssClasses() }, rest), props.children));
|
|
554
561
|
};
|
|
555
562
|
|
|
556
|
-
var css_248z$
|
|
557
|
-
var styles$
|
|
558
|
-
styleInject(css_248z$
|
|
563
|
+
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";
|
|
564
|
+
var styles$A = {"cardTitle":"CardTitle-module_cardTitle__24Amb"};
|
|
565
|
+
styleInject(css_248z$A);
|
|
559
566
|
|
|
560
567
|
const CardTitle = (props) => {
|
|
561
568
|
const { children, className, as: As = 'div' } = props, rest = __rest(props, ["children", "className", "as"]);
|
|
562
569
|
const getCssClasses = () => {
|
|
563
570
|
const cssClasses = [];
|
|
564
|
-
cssClasses.push(styles$
|
|
571
|
+
cssClasses.push(styles$A.cardTitle);
|
|
565
572
|
className && cssClasses.push(className);
|
|
566
573
|
return cssClasses.filter(css => css).join(' ');
|
|
567
574
|
};
|
|
568
|
-
return (React__default[
|
|
575
|
+
return (React__default["default"].createElement(As, Object.assign({ className: getCssClasses() }, rest), children));
|
|
569
576
|
};
|
|
570
577
|
|
|
571
|
-
var css_248z$
|
|
572
|
-
var styles$
|
|
573
|
-
styleInject(css_248z$
|
|
578
|
+
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";
|
|
579
|
+
var styles$z = {"cardImage":"CardImage-module_cardImage__1tZM4"};
|
|
580
|
+
styleInject(css_248z$z);
|
|
574
581
|
|
|
575
582
|
const CardImage = (props) => {
|
|
576
583
|
const { src, alt, className } = props, rest = __rest(props, ["src", "alt", "className"]);
|
|
577
584
|
const getCssClasses = () => {
|
|
578
585
|
const cssClasses = [];
|
|
579
|
-
cssClasses.push(styles$
|
|
586
|
+
cssClasses.push(styles$z.cardImage);
|
|
580
587
|
className && cssClasses.push(className);
|
|
581
588
|
return cssClasses.filter(css => css).join(' ');
|
|
582
589
|
};
|
|
583
|
-
return (React__default[
|
|
590
|
+
return (React__default["default"].createElement("img", Object.assign({ className: getCssClasses(), src: src, alt: alt }, rest)));
|
|
584
591
|
};
|
|
585
592
|
|
|
586
|
-
const CaretDownSolidIcon = () => (React__default[
|
|
587
|
-
React__default[
|
|
593
|
+
const CaretDownSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "caret-down", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512" },
|
|
594
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z" })));
|
|
588
595
|
|
|
589
|
-
const CheckSquareRegularIcon = () => (React__default[
|
|
590
|
-
React__default[
|
|
596
|
+
const CheckSquareRegularIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "check-square", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" },
|
|
597
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm0 400H48V80h352v352zm-35.864-241.724L191.547 361.48c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z" })));
|
|
591
598
|
|
|
592
|
-
const ChevronDownSolidIcon = () => (React__default[
|
|
593
|
-
React__default[
|
|
599
|
+
const ChevronDownSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "chevron-down", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" },
|
|
600
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" })));
|
|
594
601
|
|
|
595
|
-
const ChevronRightSolidIcon = () => (React__default[
|
|
596
|
-
React__default[
|
|
602
|
+
const ChevronRightSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "chevron-right", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512" },
|
|
603
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" })));
|
|
597
604
|
|
|
598
|
-
const ChevronUpSolidIcon = () => (React__default[
|
|
599
|
-
React__default[
|
|
605
|
+
const ChevronUpSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "chevron-up", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" },
|
|
606
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" })));
|
|
600
607
|
|
|
601
|
-
const HomeSolidIcon = () => (React__default[
|
|
602
|
-
React__default[
|
|
608
|
+
const HomeSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "home", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512" },
|
|
609
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z" })));
|
|
603
610
|
|
|
604
|
-
const SquareRegularIcon = () => (React__default[
|
|
605
|
-
React__default[
|
|
611
|
+
const SquareRegularIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "square", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" },
|
|
612
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z" })));
|
|
606
613
|
|
|
607
|
-
const TimesCircleSolidIcon = () => (React__default[
|
|
608
|
-
React__default[
|
|
614
|
+
const TimesCircleSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
|
|
615
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z" })));
|
|
609
616
|
|
|
610
|
-
const TimesSolidIcon = () => (React__default[
|
|
611
|
-
React__default[
|
|
617
|
+
const TimesSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 352 512" },
|
|
618
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" })));
|
|
612
619
|
|
|
613
|
-
const SpinnerSolidIcon = () => (React__default[
|
|
614
|
-
React__default[
|
|
620
|
+
const SpinnerSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "spinner", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
|
|
621
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z" })));
|
|
615
622
|
|
|
616
|
-
const PlusSolidIcon = () => (React__default[
|
|
617
|
-
React__default[
|
|
623
|
+
const PlusSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" },
|
|
624
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z" })));
|
|
618
625
|
|
|
619
|
-
const CheckSolidIcon = () => (React__default[
|
|
620
|
-
React__default[
|
|
626
|
+
const CheckSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
|
|
627
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })));
|
|
621
628
|
|
|
622
|
-
const CircleSolidIcon = () => (React__default[
|
|
623
|
-
React__default[
|
|
629
|
+
const CircleSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
|
|
630
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z" })));
|
|
624
631
|
|
|
625
|
-
const ChevronLeftSolidIcon = () => (React__default[
|
|
626
|
-
React__default[
|
|
632
|
+
const ChevronLeftSolidIcon = () => (React__default["default"].createElement("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512" },
|
|
633
|
+
React__default["default"].createElement("path", { fill: "currentColor", d: "M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z" })));
|
|
627
634
|
|
|
628
|
-
var css_248z$
|
|
629
|
-
var styles$
|
|
630
|
-
styleInject(css_248z$
|
|
635
|
+
var css_248z$y = ".Typography-module_typography__2bM6E {\n text-overflow: ellipsis;\n overflow: hidden !important; }\n";
|
|
636
|
+
var styles$y = {"typography":"Typography-module_typography__2bM6E"};
|
|
637
|
+
styleInject(css_248z$y);
|
|
631
638
|
|
|
632
639
|
const Wrapper = (props) => {
|
|
633
640
|
const { as = 'span', children, className } = props, rest = __rest(props, ["as", "children", "className"]);
|
|
634
641
|
const getCssClasses = () => {
|
|
635
642
|
const cssClasses = [];
|
|
636
|
-
cssClasses.push(styles$
|
|
643
|
+
cssClasses.push(styles$y.typography);
|
|
637
644
|
className && cssClasses.push(className);
|
|
638
645
|
return cssClasses.filter(css => css).join(' ');
|
|
639
646
|
};
|
|
640
|
-
return React__default[
|
|
647
|
+
return React__default["default"].createElement(as, Object.assign(Object.assign({}, rest), { className: getCssClasses() }), children);
|
|
641
648
|
};
|
|
642
649
|
const Typography = (_a) => {
|
|
643
650
|
var { children, as = 'span' } = _a, rest = __rest(_a, ["children", "as"]);
|
|
644
|
-
return (React__default[
|
|
651
|
+
return (React__default["default"].createElement(Wrapper, Object.assign({ as: as }, rest), children));
|
|
645
652
|
};
|
|
646
653
|
|
|
647
|
-
var css_248z$
|
|
648
|
-
var styles$
|
|
649
|
-
styleInject(css_248z$
|
|
654
|
+
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";
|
|
655
|
+
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"};
|
|
656
|
+
styleInject(css_248z$x);
|
|
650
657
|
|
|
651
658
|
const IconButton = (props) => {
|
|
652
|
-
const { children, icon, label, variant = exports.VARIANT.text, color = exports.COLOR.
|
|
659
|
+
const { children, icon, label, variant = exports.VARIANT.text, color = exports.COLOR.dark, size = exports.SIZE.md, isActive, disabled, className, shadow } = props, rest = __rest(props, ["children", "icon", "label", "variant", "color", "size", "isActive", "disabled", "className", "shadow"]);
|
|
653
660
|
const getCssClasses = () => {
|
|
654
661
|
const cssClasses = [];
|
|
655
|
-
cssClasses.push(styles$
|
|
656
|
-
cssClasses.push(styles$
|
|
657
|
-
cssClasses.push(styles$
|
|
658
|
-
cssClasses.push(styles$
|
|
659
|
-
isActive && cssClasses.push(styles$
|
|
660
|
-
disabled && cssClasses.push(styles$
|
|
661
|
-
shadow && cssClasses.push(styles$
|
|
662
|
+
cssClasses.push(styles$x[color]);
|
|
663
|
+
cssClasses.push(styles$x[variant]);
|
|
664
|
+
cssClasses.push(styles$x[size]);
|
|
665
|
+
cssClasses.push(styles$x.iconButton);
|
|
666
|
+
isActive && cssClasses.push(styles$x.active);
|
|
667
|
+
disabled && cssClasses.push(styles$x.disabled);
|
|
668
|
+
shadow && cssClasses.push(styles$x.shadow);
|
|
662
669
|
className && cssClasses.push(className);
|
|
663
670
|
return cssClasses.filter(css => css).join(' ');
|
|
664
671
|
};
|
|
665
|
-
return (React__default[
|
|
666
|
-
icon && React__default[
|
|
667
|
-
label && React__default[
|
|
672
|
+
return (React__default["default"].createElement("button", Object.assign({ type: "button", className: getCssClasses(), disabled: disabled }, rest),
|
|
673
|
+
icon && React__default["default"].createElement(Icon, null, icon),
|
|
674
|
+
label && React__default["default"].createElement(Typography, null, label)));
|
|
668
675
|
};
|
|
669
676
|
|
|
670
|
-
var css_248z$
|
|
671
|
-
var styles$
|
|
672
|
-
styleInject(css_248z$
|
|
677
|
+
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";
|
|
678
|
+
var styles$w = {"checkboxContainer":"Checkbox-module_checkboxContainer__2oWhu","checkboxLabel":"Checkbox-module_checkboxLabel__27Y6U","disabled":"Checkbox-module_disabled__3EXUd"};
|
|
679
|
+
styleInject(css_248z$w);
|
|
673
680
|
|
|
674
681
|
const Checkbox = (props) => {
|
|
675
682
|
const { id, checked, className, label, name, value = "off", disabled, readOnly } = props, rest = __rest(props, ["id", "checked", "className", "label", "name", "value", "disabled", "readOnly"]);
|
|
@@ -687,8 +694,8 @@ const Checkbox = (props) => {
|
|
|
687
694
|
}
|
|
688
695
|
}, [checked]);
|
|
689
696
|
const icons = {
|
|
690
|
-
default: React__default[
|
|
691
|
-
selected: React__default[
|
|
697
|
+
default: React__default["default"].createElement(SquareRegularIcon, null),
|
|
698
|
+
selected: React__default["default"].createElement(CheckSquareRegularIcon, null)
|
|
692
699
|
};
|
|
693
700
|
const getCssClasses = () => {
|
|
694
701
|
const cssClasses = [];
|
|
@@ -704,24 +711,24 @@ const Checkbox = (props) => {
|
|
|
704
711
|
setIsChecked(!isChecked);
|
|
705
712
|
(_a = checkboxElement === null || checkboxElement === void 0 ? void 0 : checkboxElement.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
706
713
|
};
|
|
707
|
-
return (React__default[
|
|
708
|
-
React__default[
|
|
709
|
-
React__default[
|
|
710
|
-
React__default[
|
|
714
|
+
return (React__default["default"].createElement("div", { className: styles$w.checkboxContainer },
|
|
715
|
+
React__default["default"].createElement(IconButton, { className: getCssClasses(), onClick: handleClick, icon: getIcon(), disabled: disabled || readOnly }),
|
|
716
|
+
React__default["default"].createElement("label", { onClick: handleClick, className: styles$w.checkboxLabel + ' ' + (disabled ? styles$w['disabled'] : undefined) }, label),
|
|
717
|
+
React__default["default"].createElement("input", Object.assign({ type: "checkbox", ref: checkboxElement, id: id, name: name, checked: isChecked, disabled: disabled, readOnly: readOnly, hidden: true, value: value }, rest))));
|
|
711
718
|
};
|
|
712
719
|
|
|
713
|
-
var css_248z$
|
|
714
|
-
var styles$
|
|
715
|
-
styleInject(css_248z$
|
|
720
|
+
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";
|
|
721
|
+
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"};
|
|
722
|
+
styleInject(css_248z$v);
|
|
716
723
|
|
|
717
724
|
const Chip = (props) => {
|
|
718
|
-
const { children, color = 'secondary', className, shadow, onClick, isDeletable, onDelete, deleteIcon = React__default[
|
|
725
|
+
const { children, color = 'secondary', className, shadow, onClick, isDeletable, onDelete, deleteIcon = React__default["default"].createElement(TimesCircleSolidIcon, null), style } = props, rest = __rest(props, ["children", "color", "className", "shadow", "onClick", "isDeletable", "onDelete", "deleteIcon", "style"]);
|
|
719
726
|
const getCssClass = () => {
|
|
720
727
|
const cssClasses = [];
|
|
721
|
-
cssClasses.push(styles$
|
|
722
|
-
cssClasses.push(styles$
|
|
723
|
-
shadow && cssClasses.push(styles$
|
|
724
|
-
onClick && cssClasses.push(styles$
|
|
728
|
+
cssClasses.push(styles$v.chip);
|
|
729
|
+
cssClasses.push(styles$v[color]);
|
|
730
|
+
shadow && cssClasses.push(styles$v['shadow']);
|
|
731
|
+
onClick && cssClasses.push(styles$v['clickable']);
|
|
725
732
|
className && cssClasses.push(className);
|
|
726
733
|
return cssClasses.filter(r => r).join(' ');
|
|
727
734
|
};
|
|
@@ -729,16 +736,29 @@ const Chip = (props) => {
|
|
|
729
736
|
e.stopPropagation();
|
|
730
737
|
onDelete && onDelete(e);
|
|
731
738
|
};
|
|
732
|
-
return (React__default[
|
|
733
|
-
React__default[
|
|
734
|
-
isDeletable && (React__default[
|
|
739
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClass() }, rest, { style: style }),
|
|
740
|
+
React__default["default"].createElement("div", null, children),
|
|
741
|
+
isDeletable && (React__default["default"].createElement("div", { className: styles$v.deleteIcon, onClick: e => handleClickOnDelete(e) }, deleteIcon))));
|
|
735
742
|
};
|
|
736
743
|
|
|
737
|
-
|
|
744
|
+
var css_248z$u = ".FormLabel-module_formLabel__1Zv0W {\n margin-bottom: .5rem; }\n";
|
|
745
|
+
var styles$u = {"formLabel":"FormLabel-module_formLabel__1Zv0W"};
|
|
746
|
+
styleInject(css_248z$u);
|
|
747
|
+
|
|
748
|
+
const FormLabel = (props) => {
|
|
749
|
+
const { children, className, htmlFor } = props, rest = __rest(props, ["children", "className", "htmlFor"]);
|
|
750
|
+
const getCssClasses = () => {
|
|
751
|
+
const cssClasses = [];
|
|
752
|
+
cssClasses.push(styles$u.formLabel);
|
|
753
|
+
className && cssClasses.push(className);
|
|
754
|
+
return cssClasses.filter(css => css).join(' ');
|
|
755
|
+
};
|
|
756
|
+
return (React__default["default"].createElement("label", Object.assign({ htmlFor: htmlFor, className: getCssClasses() }, rest), children));
|
|
757
|
+
};
|
|
738
758
|
|
|
739
759
|
const FormGroup = (props) => {
|
|
740
760
|
const { children, className = 'mb-1' } = props;
|
|
741
|
-
return (React__default[
|
|
761
|
+
return (React__default["default"].createElement("div", { className: className }, children));
|
|
742
762
|
};
|
|
743
763
|
|
|
744
764
|
const FileInput = (props) => {
|
|
@@ -761,15 +781,15 @@ const FileInput = (props) => {
|
|
|
761
781
|
// TODO - setModel
|
|
762
782
|
alert('coming soon');
|
|
763
783
|
};
|
|
764
|
-
return (React__default[
|
|
765
|
-
React__default[
|
|
766
|
-
React__default[
|
|
767
|
-
React__default[
|
|
784
|
+
return (React__default["default"].createElement("div", { className: "d-flex align-items-start" },
|
|
785
|
+
React__default["default"].createElement(Button, { className: "flex-wrap", disabled: disabled, onClick: () => { var _a; return (_a = inputFileElement.current) === null || _a === void 0 ? void 0 : _a.click(); } }, children),
|
|
786
|
+
React__default["default"].createElement("div", { className: "d-flex align-items-center flex-wrap ml-1" }, fileList && Array.from(fileList).map((file) => React__default["default"].createElement(Chip, { key: file.name, isDeletable: deletable, onDelete: () => handleOnDelete() }, file.name))),
|
|
787
|
+
React__default["default"].createElement("input", Object.assign({ type: "file", ref: inputFileElement, className: getCssClasses(), id: id, name: name, multiple: multiple, accept: accept, disabled: disabled, readOnly: readOnly, hidden: true, onChange: handleOnChange, value: model }, rest))));
|
|
768
788
|
};
|
|
769
789
|
|
|
770
|
-
var css_248z$
|
|
771
|
-
var styles$
|
|
772
|
-
styleInject(css_248z$
|
|
790
|
+
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";
|
|
791
|
+
var styles$t = {"selectContainer":"Select-module_selectContainer__2oizY","select":"Select-module_select__MSqgU","selectMenu":"Select-module_selectMenu__2vhJt"};
|
|
792
|
+
styleInject(css_248z$t);
|
|
773
793
|
|
|
774
794
|
const Select = (props) => {
|
|
775
795
|
var _a, _b, _c;
|
|
@@ -782,7 +802,7 @@ const Select = (props) => {
|
|
|
782
802
|
const getCssClass = () => {
|
|
783
803
|
const cssClasses = [];
|
|
784
804
|
className && cssClasses.push(className);
|
|
785
|
-
cssClasses.push(styles$
|
|
805
|
+
cssClasses.push(styles$t.select);
|
|
786
806
|
return cssClasses.filter(r => r).join(' ');
|
|
787
807
|
};
|
|
788
808
|
React.useEffect(() => {
|
|
@@ -850,7 +870,7 @@ const Select = (props) => {
|
|
|
850
870
|
const renderSingleViewModel = () => {
|
|
851
871
|
let result = null;
|
|
852
872
|
if (selectedOptions.length > 0) {
|
|
853
|
-
result = React__default[
|
|
873
|
+
result = React__default["default"].createElement("span", null, selectedOptions[0].label);
|
|
854
874
|
}
|
|
855
875
|
return result;
|
|
856
876
|
};
|
|
@@ -858,10 +878,10 @@ const Select = (props) => {
|
|
|
858
878
|
let result = null;
|
|
859
879
|
if (selectedOptions.length <= multipleMaxCountItems && selectedOptions.length > 0) {
|
|
860
880
|
result = selectedOptions
|
|
861
|
-
.map(o => React__default[
|
|
881
|
+
.map(o => React__default["default"].createElement(Chip, { key: o.value, className: "mr-2", color: exports.COLOR.primary, isDeletable: true, onDelete: (e) => handleOnDelete(e, o) }, o.label));
|
|
862
882
|
}
|
|
863
883
|
else {
|
|
864
|
-
result = React__default[
|
|
884
|
+
result = React__default["default"].createElement("span", null,
|
|
865
885
|
selectedOptions.length,
|
|
866
886
|
" Items selected");
|
|
867
887
|
}
|
|
@@ -900,41 +920,58 @@ const Select = (props) => {
|
|
|
900
920
|
}
|
|
901
921
|
}
|
|
902
922
|
};
|
|
903
|
-
return (React__default[
|
|
904
|
-
React__default[
|
|
905
|
-
React__default[
|
|
923
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
924
|
+
React__default["default"].createElement("div", { ref: selectConainter, className: styles$t.selectContainer },
|
|
925
|
+
React__default["default"].createElement("div", { id: id, className: getCssClass(), onClick: () => show(), tabIndex: 0, onKeyDown: e => handleOnKeyDown(e) },
|
|
906
926
|
!multiple && renderSingleViewModel(),
|
|
907
927
|
multiple && renderMultipleViewModel(),
|
|
908
|
-
React__default[
|
|
909
|
-
React__default[
|
|
928
|
+
React__default["default"].createElement(Icon, { className: "ml-auto" },
|
|
929
|
+
React__default["default"].createElement(ChevronDownSolidIcon, null))),
|
|
910
930
|
isShow &&
|
|
911
|
-
reactDom.createPortal(React__default[
|
|
912
|
-
React__default[
|
|
913
|
-
React__default[
|
|
931
|
+
reactDom.createPortal(React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
932
|
+
React__default["default"].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 } },
|
|
933
|
+
React__default["default"].createElement(List, null, options && options.map((option, index) => React__default["default"].createElement(ListItem, { id: `list-item-${index}`, key: option.value, onClick: () => handleOnClick(option), active: isActive(option) },
|
|
914
934
|
multiple &&
|
|
915
|
-
React__default[
|
|
916
|
-
React__default[
|
|
917
|
-
React__default[
|
|
935
|
+
React__default["default"].createElement(Checkbox, { checked: isActive(option), onChange: () => handleOnClick(option) }),
|
|
936
|
+
React__default["default"].createElement(ListItemText, { primary: option.label ? option.label : option.value }))))),
|
|
937
|
+
React__default["default"].createElement(Backdrop, { style: { zIndex: 1111 }, isTransparent: true, onClick: () => hide() })), document.body))));
|
|
918
938
|
};
|
|
919
939
|
|
|
920
|
-
var css_248z$
|
|
921
|
-
var styles$
|
|
922
|
-
styleInject(css_248z$
|
|
940
|
+
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";
|
|
941
|
+
var styles$s = {};
|
|
942
|
+
styleInject(css_248z$s);
|
|
923
943
|
|
|
924
944
|
const Textarea = (props) => {
|
|
925
945
|
const { className } = props, rest = __rest(props, ["className"]);
|
|
926
946
|
const getCssClass = () => {
|
|
927
947
|
const cssClasses = [];
|
|
928
|
-
cssClasses.push(styles$
|
|
948
|
+
cssClasses.push(styles$s.textarea);
|
|
929
949
|
className && cssClasses.push(className);
|
|
930
950
|
return cssClasses.filter(r => r).join(' ');
|
|
931
951
|
};
|
|
932
|
-
return (React__default[
|
|
952
|
+
return (React__default["default"].createElement("textarea", Object.assign({ className: getCssClass() }, rest)));
|
|
933
953
|
};
|
|
934
954
|
|
|
955
|
+
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";
|
|
956
|
+
var styles$r = {"formInput":"FormInput-module_formInput__1gAYi"};
|
|
957
|
+
styleInject(css_248z$r);
|
|
958
|
+
|
|
935
959
|
const FormInput = (props) => {
|
|
936
|
-
const { value, name, type, placeholder, className = 'form-control', isValid = true, options = [], textareaOptions, selectOptions, autoCompleteOptions, autoFocus, label, disabled = false, readonly = false, onChange, onBlur, onKeyDown } = props;
|
|
937
|
-
|
|
960
|
+
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;
|
|
961
|
+
const getCssClasses = () => {
|
|
962
|
+
const cssClasses = [];
|
|
963
|
+
cssClasses.push(styles$r.formInput);
|
|
964
|
+
className && cssClasses.push(className);
|
|
965
|
+
!isValid && cssClasses.push('is-invalid');
|
|
966
|
+
return cssClasses.filter(css => css).join(' ');
|
|
967
|
+
};
|
|
968
|
+
const handleOnInput = (value, type, name) => {
|
|
969
|
+
onInput && onInput({ value, type, name });
|
|
970
|
+
};
|
|
971
|
+
const handleOnChange = (value, type, name) => {
|
|
972
|
+
onChange && onChange({ value, type, name });
|
|
973
|
+
};
|
|
974
|
+
return (React__default["default"].createElement(React.Fragment, null,
|
|
938
975
|
(type === 'text' ||
|
|
939
976
|
type === 'date' ||
|
|
940
977
|
type === 'datetime-local' ||
|
|
@@ -944,29 +981,37 @@ const FormInput = (props) => {
|
|
|
944
981
|
type === 'color' ||
|
|
945
982
|
type === 'time')
|
|
946
983
|
&&
|
|
947
|
-
React__default[
|
|
984
|
+
React__default["default"].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 }),
|
|
948
985
|
type === 'file' &&
|
|
949
|
-
React__default[
|
|
986
|
+
React__default["default"].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"),
|
|
950
987
|
type === 'textarea' &&
|
|
951
|
-
React__default[
|
|
988
|
+
React__default["default"].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' } }),
|
|
952
989
|
type === 'select' &&
|
|
953
|
-
React__default[
|
|
990
|
+
React__default["default"].createElement(Select, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, multiple: selectOptions === null || selectOptions === void 0 ? void 0 : selectOptions.multiple, onChange: e => handleOnChange(e, type, name), onKeyDown: onKeyDown, options: options }),
|
|
954
991
|
type === 'autocomplete' &&
|
|
955
|
-
React__default[
|
|
992
|
+
React__default["default"].createElement(AutoComplete, { id: name, name: name, className: className + (!isValid ? ' is-invalid' : ''), value: value, openOnFocus: autoCompleteOptions === null || autoCompleteOptions === void 0 ? void 0 : autoCompleteOptions.openOnFocus, onChange: e => handleOnChange(e, type, name), onKeyDown: onKeyDown, options: options }),
|
|
956
993
|
type === 'checkbox' &&
|
|
957
|
-
React__default[
|
|
994
|
+
React__default["default"].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 }),
|
|
958
995
|
type === 'radio' &&
|
|
959
|
-
React__default[
|
|
960
|
-
React__default[
|
|
961
|
-
React__default[
|
|
996
|
+
React__default["default"].createElement(React.Fragment, null, options.map((option) => React__default["default"].createElement("div", { className: "form-check", key: option.id },
|
|
997
|
+
React__default["default"].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 }),
|
|
998
|
+
React__default["default"].createElement("label", { className: "form-check-label", htmlFor: option.id }, option.label))))));
|
|
962
999
|
};
|
|
963
1000
|
|
|
964
|
-
const FormHint = (
|
|
1001
|
+
const FormHint = (props) => {
|
|
1002
|
+
const { children, className = 'form-text text-muted' } = props;
|
|
1003
|
+
const getCssClasses = () => {
|
|
1004
|
+
const cssClasses = [];
|
|
1005
|
+
className && cssClasses.push(className);
|
|
1006
|
+
return cssClasses.filter(css => css).join(' ');
|
|
1007
|
+
};
|
|
1008
|
+
return (React__default["default"].createElement("small", { className: getCssClasses() }, children));
|
|
1009
|
+
};
|
|
965
1010
|
|
|
966
1011
|
const FormError = (props) => {
|
|
967
1012
|
const { className = 'invalid-feedback', errors = [] } = props;
|
|
968
|
-
return (React__default[
|
|
969
|
-
React__default[
|
|
1013
|
+
return (React__default["default"].createElement(React.Fragment, null, errors &&
|
|
1014
|
+
React__default["default"].createElement("div", { className: className }, errors.map(e => React__default["default"].createElement("div", { key: e.validator }, e.message)))));
|
|
970
1015
|
};
|
|
971
1016
|
|
|
972
1017
|
const IsEmptyValidator = (value) => value === '' || value === null || value === undefined;
|
|
@@ -1088,7 +1133,7 @@ class Form extends React.Component {
|
|
|
1088
1133
|
}
|
|
1089
1134
|
renderLabel(fieldKey, label, labelClassName = 'form-label') {
|
|
1090
1135
|
const cssClasses = [labelClassName, this.isRequired(fieldKey) ? 'required' : undefined];
|
|
1091
|
-
return React__default[
|
|
1136
|
+
return React__default["default"].createElement(FormLabel, { htmlFor: fieldKey, className: cssClasses.join(' ') }, label);
|
|
1092
1137
|
}
|
|
1093
1138
|
;
|
|
1094
1139
|
// trigger via ref
|
|
@@ -1136,17 +1181,17 @@ class Form extends React.Component {
|
|
|
1136
1181
|
return result;
|
|
1137
1182
|
}
|
|
1138
1183
|
render() {
|
|
1139
|
-
return (React__default[
|
|
1140
|
-
return (React__default[
|
|
1184
|
+
return (React__default["default"].createElement("form", { ref: this.myForm }, this.state && this.state.controls && Object.keys(this.state.controls).map((fieldKey) => {
|
|
1185
|
+
return (React__default["default"].createElement(FormGroup, { key: fieldKey, className: this.getFormGroupCssClass(fieldKey) },
|
|
1141
1186
|
this.getControl(fieldKey).config.labelPosition !== 'behind' && this.getControl(fieldKey).type !== 'checkbox' &&
|
|
1142
1187
|
this.renderLabel(fieldKey, this.getControl(fieldKey).config.label, this.getControl(fieldKey).config.labelClassName),
|
|
1143
|
-
React__default[
|
|
1188
|
+
React__default["default"].createElement(FormInput, { autoFocus: this.getControl(fieldKey).config.autoFocus, className: this.getControl(fieldKey).config.formControlClassName, isValid: !this.isInvalid(fieldKey), label: this.getControl(fieldKey).config.label, name: fieldKey, options: this.getControl(fieldKey).config.options, placeholder: this.getControl(fieldKey).config.placeholder, textareaOptions: this.getControl(fieldKey).config.textareaOptions, selectOptions: this.getControl(fieldKey).config.selectOptions, autoCompleteOptions: this.getControl(fieldKey).config.autoCompleteOptions, type: this.getControl(fieldKey).type, value: this.getControl(fieldKey).value, disabled: this.getControl(fieldKey).config.disabled, readonly: this.getControl(fieldKey).config.readonly, onChange: ({ name, value, type }) => this.handleInputChange(name, value, type), onBlur: (e) => this.handleOnBlur(e), onKeyDown: (e) => this.handleOnKeyDown(e) }),
|
|
1144
1189
|
this.getControl(fieldKey).config.labelPosition === 'behind' && this.getControl(fieldKey).type !== 'checkbox' &&
|
|
1145
1190
|
this.renderLabel(fieldKey, this.getControl(fieldKey).config.label, this.getControl(fieldKey).config.labelClassName),
|
|
1146
1191
|
this.getControl(fieldKey).config.hint &&
|
|
1147
|
-
React__default[
|
|
1192
|
+
React__default["default"].createElement(FormHint, null, this.getControl(fieldKey).config.hint),
|
|
1148
1193
|
this.getControl(fieldKey).errors &&
|
|
1149
|
-
React__default[
|
|
1194
|
+
React__default["default"].createElement(FormError, { errors: this.getControl(fieldKey).errors })));
|
|
1150
1195
|
})));
|
|
1151
1196
|
}
|
|
1152
1197
|
}
|
|
@@ -1190,7 +1235,7 @@ const DaySelect = (props) => {
|
|
|
1190
1235
|
setValue(e);
|
|
1191
1236
|
onChange && onChange(e);
|
|
1192
1237
|
};
|
|
1193
|
-
return (React__default[
|
|
1238
|
+
return (React__default["default"].createElement(Select, { id: id, name: name, className: getCssClasses(), options: dayOptions, onChange: (e) => handleOnChange(parseInt(e)), disabled: disabled, value: value.toString() }));
|
|
1194
1239
|
};
|
|
1195
1240
|
|
|
1196
1241
|
const MonthSelect = (props) => {
|
|
@@ -1210,7 +1255,7 @@ const MonthSelect = (props) => {
|
|
|
1210
1255
|
setNewValue(e);
|
|
1211
1256
|
onChange && onChange(e);
|
|
1212
1257
|
};
|
|
1213
|
-
return (React__default[
|
|
1258
|
+
return (React__default["default"].createElement(Select, { id: id, name: name, className: getCssClasses(), options: monthOptions, onChange: (e) => handleOnChange(parseInt(e)), disabled: disabled, value: newValue.toString() }));
|
|
1214
1259
|
};
|
|
1215
1260
|
|
|
1216
1261
|
const YearSelect = (props) => {
|
|
@@ -1233,7 +1278,7 @@ const YearSelect = (props) => {
|
|
|
1233
1278
|
setNewValue(e);
|
|
1234
1279
|
onChange && onChange(parseInt(e));
|
|
1235
1280
|
};
|
|
1236
|
-
return (React__default[
|
|
1281
|
+
return (React__default["default"].createElement(Select, { id: id, name: name, className: getCssClasses(), options: years, onChange: handleOnChange, disabled: disabled, value: newValue }));
|
|
1237
1282
|
};
|
|
1238
1283
|
|
|
1239
1284
|
exports.DATEMODE = void 0;
|
|
@@ -1259,16 +1304,16 @@ const DateSelect = (props) => {
|
|
|
1259
1304
|
setCurrDate(newDate);
|
|
1260
1305
|
onChange && onChange(newDate);
|
|
1261
1306
|
};
|
|
1262
|
-
return (React__default[
|
|
1263
|
-
React__default[
|
|
1264
|
-
React__default[
|
|
1265
|
-
React__default[
|
|
1266
|
-
React__default[
|
|
1267
|
-
React__default[
|
|
1268
|
-
React__default[
|
|
1269
|
-
React__default[
|
|
1270
|
-
React__default[
|
|
1271
|
-
React__default[
|
|
1307
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
1308
|
+
React__default["default"].createElement(FormGroup, { className: "col" },
|
|
1309
|
+
React__default["default"].createElement(FormLabel, null, "Year"),
|
|
1310
|
+
React__default["default"].createElement(YearSelect, { className: "form-control", value: currDate.getFullYear(), disabled: disabled, from: yearConfig === null || yearConfig === void 0 ? void 0 : yearConfig.from, to: yearConfig === null || yearConfig === void 0 ? void 0 : yearConfig.to, onChange: e => handleOnChange(e, exports.DATEMODE.YEAR) })),
|
|
1311
|
+
React__default["default"].createElement(FormGroup, { className: "col" },
|
|
1312
|
+
React__default["default"].createElement(FormLabel, null, "Month"),
|
|
1313
|
+
React__default["default"].createElement(MonthSelect, { className: "form-control", value: currDate.getMonth(), disabled: disabled, onChange: e => handleOnChange(e, exports.DATEMODE.MONTH) })),
|
|
1314
|
+
React__default["default"].createElement(FormGroup, { className: "col" },
|
|
1315
|
+
React__default["default"].createElement(FormLabel, null, "Day"),
|
|
1316
|
+
React__default["default"].createElement(DaySelect, { className: "form-control", day: currDate.getDate(), month: currDate.getMonth(), year: currDate.getFullYear(), disabled: disabled, onChange: e => handleOnChange(e, exports.DATEMODE.DAY) }))));
|
|
1272
1317
|
};
|
|
1273
1318
|
/*
|
|
1274
1319
|
* result = { year, month, day, dayOfWeek, weekNumber }
|
|
@@ -1281,7 +1326,7 @@ const DateSelect = (props) => {
|
|
|
1281
1326
|
// return Math.ceil((((d - yearStart) / 86400000) + 1) / 7)
|
|
1282
1327
|
// };
|
|
1283
1328
|
|
|
1284
|
-
var css_248z$q = ".Drawer-module_drawer__36R2P {\n height: 100%;\n z-index: 1101;\n bottom: 0;\n position: fixed;\n background: white;\n min-width: 280px;\n overflow-y: auto
|
|
1329
|
+
var css_248z$q = ".Drawer-module_drawer__36R2P {\n height: 100%;\n z-index: 1101;\n bottom: 0;\n position: fixed;\n background: white;\n min-width: 280px;\n overflow-y: auto; }\n .Drawer-module_drawer__36R2P.Drawer-module_permanent__AW5Df {\n position: inherit;\n z-index: 0; }\n .Drawer-module_drawer__36R2P.Drawer-module_left__1KKcY {\n order: 0; }\n .Drawer-module_drawer__36R2P.Drawer-module_right__2gESb {\n order: 2; }\n\n.Drawer-module_drawerOpen__euFdW {\n overflow: hidden; }\n";
|
|
1285
1330
|
var styles$q = {"drawer":"Drawer-module_drawer__36R2P","permanent":"Drawer-module_permanent__AW5Df","left":"Drawer-module_left__1KKcY","right":"Drawer-module_right__2gESb","drawerOpen":"Drawer-module_drawerOpen__euFdW"};
|
|
1286
1331
|
styleInject(css_248z$q);
|
|
1287
1332
|
|
|
@@ -1296,9 +1341,9 @@ const Drawer = (props) => {
|
|
|
1296
1341
|
const handleClickBackdrop = () => {
|
|
1297
1342
|
onClickBackdrop && onClickBackdrop();
|
|
1298
1343
|
};
|
|
1299
|
-
return reactDom.createPortal(React__default[
|
|
1300
|
-
React__default[
|
|
1301
|
-
!permanent && React__default[
|
|
1344
|
+
return reactDom.createPortal(React__default["default"].createElement(React.Fragment, null,
|
|
1345
|
+
React__default["default"].createElement(DrawerContent, { className: className, position: position, permanent: permanent }, children),
|
|
1346
|
+
!permanent && React__default["default"].createElement(Backdrop, { onClick: handleClickBackdrop })), target);
|
|
1302
1347
|
};
|
|
1303
1348
|
const DrawerContent = (props) => {
|
|
1304
1349
|
const { children, className, position = 'left', permanent = false } = props;
|
|
@@ -1317,10 +1362,10 @@ const DrawerContent = (props) => {
|
|
|
1317
1362
|
const getStyles = () => {
|
|
1318
1363
|
return !permanent ? positionStyles[position] : undefined;
|
|
1319
1364
|
};
|
|
1320
|
-
return (React__default[
|
|
1365
|
+
return (React__default["default"].createElement("div", { className: getCssClasses(), style: getStyles() }, children));
|
|
1321
1366
|
};
|
|
1322
1367
|
|
|
1323
|
-
var css_248z$p = ".MenuBody-module_menuBody__3cPsp {\n z-index: 1111;\n margin: 0;\n position: absolute;\n top: 100%;\n left: 0;\n min-width: 10rem;\n padding: 8px 0px;\n font-size: 1rem;\n color: #212529;\n text-align: left;\n list-style: none;\n background-color: #fff;\n background-clip: padding-box;\n border-radius: var(--borderRadius)
|
|
1368
|
+
var css_248z$p = ".MenuBody-module_menuBody__3cPsp {\n z-index: 1111;\n margin: 0;\n position: absolute;\n top: 100%;\n left: 0;\n min-width: 10rem;\n padding: 8px 0px;\n font-size: 1rem;\n color: #212529;\n text-align: left;\n list-style: none;\n background-color: #fff;\n background-clip: padding-box;\n border-radius: var(--borderRadius); }\n .MenuBody-module_menuBody__3cPsp.MenuBody-module_shadow__AF_9C {\n box-shadow: var(--shadow); }\n";
|
|
1324
1369
|
var styles$p = {"menuBody":"MenuBody-module_menuBody__3cPsp","shadow":"MenuBody-module_shadow__AF_9C"};
|
|
1325
1370
|
styleInject(css_248z$p);
|
|
1326
1371
|
|
|
@@ -1360,12 +1405,12 @@ const MenuBody = (props) => {
|
|
|
1360
1405
|
const handleClickBackdrop = () => {
|
|
1361
1406
|
onClickBackdrop && onClickBackdrop();
|
|
1362
1407
|
};
|
|
1363
|
-
return (reactDom.createPortal(React__default[
|
|
1364
|
-
React__default[
|
|
1365
|
-
React__default[
|
|
1408
|
+
return (reactDom.createPortal(React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1409
|
+
React__default["default"].createElement("div", { ref: menuBodyRef, className: getCssClasses() }, children),
|
|
1410
|
+
React__default["default"].createElement(Backdrop, { isTransparent: true, onClick: handleClickBackdrop })), document.body));
|
|
1366
1411
|
};
|
|
1367
1412
|
|
|
1368
|
-
var css_248z$o = ".Menu-module_menu__23BYG {\n display: flex
|
|
1413
|
+
var css_248z$o = ".Menu-module_menu__23BYG {\n display: flex; }\n";
|
|
1369
1414
|
var styles$o = {"menu":"Menu-module_menu__23BYG"};
|
|
1370
1415
|
styleInject(css_248z$o);
|
|
1371
1416
|
|
|
@@ -1382,13 +1427,13 @@ const Menu = (props) => {
|
|
|
1382
1427
|
const handleClickBackdrop = () => {
|
|
1383
1428
|
onClickBackdrop && onClickBackdrop();
|
|
1384
1429
|
};
|
|
1385
|
-
return (React__default[
|
|
1386
|
-
React__default[
|
|
1430
|
+
return (React__default["default"].createElement("div", Object.assign({ ref: menuContainer, className: getCssClasses() }, rest),
|
|
1431
|
+
React__default["default"].createElement("div", { ref: toggleContainerRef }, toggle),
|
|
1387
1432
|
open &&
|
|
1388
|
-
React__default[
|
|
1433
|
+
React__default["default"].createElement(MenuBody, { parentRef: toggleContainerRef, menuPosition: menuPosition, onClickBackdrop: handleClickBackdrop }, children)));
|
|
1389
1434
|
};
|
|
1390
1435
|
|
|
1391
|
-
var css_248z$n = ".MenuItem-module_menuItem__kvauR {\n display: flex;\n width: 100%;\n padding: 0.25rem 1.5rem;\n clear: both;\n font-weight: 400;\n color: #212529;\n text-align: inherit;\n text-decoration: none;\n white-space: nowrap;\n background-color: transparent;\n border: 0
|
|
1436
|
+
var css_248z$n = ".MenuItem-module_menuItem__kvauR {\n display: flex;\n width: 100%;\n padding: 0.25rem 1.5rem;\n clear: both;\n font-weight: 400;\n color: #212529;\n text-align: inherit;\n text-decoration: none;\n white-space: nowrap;\n background-color: transparent;\n border: 0; }\n .MenuItem-module_menuItem__kvauR.MenuItem-module_menuItemHeader__mp7wc {\n margin-bottom: 0;\n font-size: 0.875rem; }\n .MenuItem-module_menuItem__kvauR:hover {\n cursor: pointer;\n color: #1e2125;\n background-color: rgba(0, 0, 0, 0.04); }\n";
|
|
1392
1437
|
var styles$n = {"menuItem":"MenuItem-module_menuItem__kvauR","menuItemHeader":"MenuItem-module_menuItemHeader__mp7wc"};
|
|
1393
1438
|
styleInject(css_248z$n);
|
|
1394
1439
|
|
|
@@ -1406,31 +1451,31 @@ const MenuItem = (props) => {
|
|
|
1406
1451
|
e.stopPropagation();
|
|
1407
1452
|
onClick && onClick(e);
|
|
1408
1453
|
};
|
|
1409
|
-
return (React__default[
|
|
1454
|
+
return (React__default["default"].createElement(ConditionalWrapper, { condition: true, wrapper: children => ((type === 'item' ? (
|
|
1410
1455
|
// eslint-disable-next-line jsx-a11y/anchor-is-valid
|
|
1411
|
-
React__default[
|
|
1412
|
-
React__default[
|
|
1456
|
+
React__default["default"].createElement("a", { className: getCssClasses(), onClick: handleClick }, children)) :
|
|
1457
|
+
React__default["default"].createElement("div", { className: getCssClasses(), onClick: handleClick }, children))) }, children));
|
|
1413
1458
|
};
|
|
1414
1459
|
|
|
1415
1460
|
const MenuToggle = ({ children }) => {
|
|
1416
|
-
return (React__default[
|
|
1461
|
+
return (React__default["default"].createElement(React.Fragment, null, children));
|
|
1417
1462
|
};
|
|
1418
1463
|
|
|
1419
|
-
var css_248z$m = ".MenuDivider-module_menuItemDivider__JnLsC {\n height: 0;\n margin: 0.5rem 0;\n overflow: hidden;\n border-top: 1px solid #e9ecef
|
|
1464
|
+
var css_248z$m = ".MenuDivider-module_menuItemDivider__JnLsC {\n height: 0;\n margin: 0.5rem 0;\n overflow: hidden;\n border-top: 1px solid #e9ecef; }\n";
|
|
1420
1465
|
var styles$m = {"menuItemDivider":"MenuDivider-module_menuItemDivider__JnLsC"};
|
|
1421
1466
|
styleInject(css_248z$m);
|
|
1422
1467
|
|
|
1423
|
-
const MenuDivider = () => React__default[
|
|
1468
|
+
const MenuDivider = () => React__default["default"].createElement("div", { className: styles$m.menuItemDivider });
|
|
1424
1469
|
|
|
1425
|
-
var css_248z$l = ".ExpansionPanelContent-module_expansionPanelContent__3H62L {\n padding: 8px 16px 16px
|
|
1470
|
+
var css_248z$l = ".ExpansionPanelContent-module_expansionPanelContent__3H62L {\n padding: 8px 16px 16px; }\n";
|
|
1426
1471
|
var styles$l = {"expansionPanelContent":"ExpansionPanelContent-module_expansionPanelContent__3H62L"};
|
|
1427
1472
|
styleInject(css_248z$l);
|
|
1428
1473
|
|
|
1429
1474
|
const ExpansionPanelContent = ({ children }) => {
|
|
1430
|
-
return (React__default[
|
|
1475
|
+
return (React__default["default"].createElement("div", { className: styles$l.expansionPanelContent }, children));
|
|
1431
1476
|
};
|
|
1432
1477
|
|
|
1433
|
-
var css_248z$k = ".ExpansionPanelHeader-module_expansionPanelHeader__3hrsI {\n display: flex;\n align-items: center;\n padding: 12px 16px;\n min-height: 48px
|
|
1478
|
+
var css_248z$k = ".ExpansionPanelHeader-module_expansionPanelHeader__3hrsI {\n display: flex;\n align-items: center;\n padding: 12px 16px;\n min-height: 48px; }\n .ExpansionPanelHeader-module_expansionPanelHeader__3hrsI:hover {\n cursor: pointer;\n background-color: var(--highlight); }\n";
|
|
1434
1479
|
var styles$k = {"expansionPanelHeader":"ExpansionPanelHeader-module_expansionPanelHeader__3hrsI"};
|
|
1435
1480
|
styleInject(css_248z$k);
|
|
1436
1481
|
|
|
@@ -1440,13 +1485,13 @@ const ExpansionPanelHeader = (props) => {
|
|
|
1440
1485
|
e.stopPropagation();
|
|
1441
1486
|
onClick && onClick(e);
|
|
1442
1487
|
};
|
|
1443
|
-
return (React__default[
|
|
1488
|
+
return (React__default["default"].createElement("div", { className: styles$k.expansionPanelHeader, onClick: handleClick },
|
|
1444
1489
|
children,
|
|
1445
|
-
React__default[
|
|
1446
|
-
React__default[
|
|
1490
|
+
React__default["default"].createElement("span", { className: "ml-auto text-muted" },
|
|
1491
|
+
React__default["default"].createElement(Icon, null, isExpanded ? React__default["default"].createElement(ChevronUpSolidIcon, null) : React__default["default"].createElement(ChevronDownSolidIcon, null)))));
|
|
1447
1492
|
};
|
|
1448
1493
|
|
|
1449
|
-
var css_248z$j = ".ExpansionPanel-module_expansionPanel__3krcE {\n background-color: var(--white);\n box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
|
|
1494
|
+
var css_248z$j = ".ExpansionPanel-module_expansionPanel__3krcE {\n background-color: var(--white);\n box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n .ExpansionPanel-module_expansionPanel__3krcE:first-child {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px; }\n .ExpansionPanel-module_expansionPanel__3krcE:last-child {\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px; }\n .ExpansionPanel-module_expansionPanel__3krcE.ExpansionPanel-module_isExpanded__1m4Dt {\n margin: 16px 0; }\n .ExpansionPanel-module_expansionPanel__3krcE.ExpansionPanel-module_isExpanded__1m4Dt:first-child {\n margin-top: 0; }\n .ExpansionPanel-module_expansionPanel__3krcE.ExpansionPanel-module_isExpanded__1m4Dt:last-child {\n margin-bottom: 0; }\n";
|
|
1450
1495
|
var styles$j = {"expansionPanel":"ExpansionPanel-module_expansionPanel__3krcE","isExpanded":"ExpansionPanel-module_isExpanded__1m4Dt"};
|
|
1451
1496
|
styleInject(css_248z$j);
|
|
1452
1497
|
|
|
@@ -1468,13 +1513,13 @@ const ExpansionPanel = (props) => {
|
|
|
1468
1513
|
setIsExpanded(!_isExpanded);
|
|
1469
1514
|
onChange && onChange(event, !_isExpanded);
|
|
1470
1515
|
};
|
|
1471
|
-
return (React__default[
|
|
1472
|
-
React__default[
|
|
1516
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
1517
|
+
React__default["default"].createElement(ExpansionPanelHeader, { isExpanded: _isExpanded, onClick: handleClickHeader }, header),
|
|
1473
1518
|
_isExpanded &&
|
|
1474
|
-
React__default[
|
|
1519
|
+
React__default["default"].createElement(ExpansionPanelContent, null, children)));
|
|
1475
1520
|
};
|
|
1476
1521
|
|
|
1477
|
-
var css_248z$i = ".FloatingActionButton-module_fab__3GwiH {\n box-shadow: var(--shadow)
|
|
1522
|
+
var css_248z$i = ".FloatingActionButton-module_fab__3GwiH {\n box-shadow: var(--shadow); }\n .FloatingActionButton-module_fab__3GwiH.FloatingActionButton-module_fixed__17qrv {\n position: fixed;\n bottom: 16px;\n right: 16px;\n z-index: 1000; }\n";
|
|
1478
1523
|
var styles$i = {"fab":"FloatingActionButton-module_fab__3GwiH","fixed":"FloatingActionButton-module_fixed__17qrv"};
|
|
1479
1524
|
styleInject(css_248z$i);
|
|
1480
1525
|
|
|
@@ -1491,7 +1536,7 @@ const FloatingActionButton = (props) => {
|
|
|
1491
1536
|
e.stopPropagation();
|
|
1492
1537
|
onClick && onClick(e);
|
|
1493
1538
|
};
|
|
1494
|
-
return (React__default[
|
|
1539
|
+
return (React__default["default"].createElement(IconButton, { className: getCssClasses(), color: color, size: size, isActive: isActive, disabled: disabled, icon: icon, variant: exports.VARIANT.contained, onClick: handleClick }));
|
|
1495
1540
|
};
|
|
1496
1541
|
|
|
1497
1542
|
const Column = (props) => {
|
|
@@ -1512,7 +1557,7 @@ const Column = (props) => {
|
|
|
1512
1557
|
className && cssClasses.push(className);
|
|
1513
1558
|
return cssClasses.filter(css => css).join(' ');
|
|
1514
1559
|
};
|
|
1515
|
-
return (React__default[
|
|
1560
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
1516
1561
|
};
|
|
1517
1562
|
|
|
1518
1563
|
const Row = (props) => {
|
|
@@ -1523,7 +1568,7 @@ const Row = (props) => {
|
|
|
1523
1568
|
className && cssClasses.push(className);
|
|
1524
1569
|
return cssClasses.filter(css => css).join(' ');
|
|
1525
1570
|
};
|
|
1526
|
-
return (React__default[
|
|
1571
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
1527
1572
|
};
|
|
1528
1573
|
|
|
1529
1574
|
const Link = (props) => {
|
|
@@ -1542,10 +1587,10 @@ const Link = (props) => {
|
|
|
1542
1587
|
const onMouseLeave = () => {
|
|
1543
1588
|
setStatus(STATUS.NORMAL);
|
|
1544
1589
|
};
|
|
1545
|
-
return (React__default[
|
|
1590
|
+
return (React__default["default"].createElement("a", { className: getCssClasses(), href: url || '#', target: target, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, children));
|
|
1546
1591
|
};
|
|
1547
1592
|
|
|
1548
|
-
var css_248z$h = ".LoadingIndicator-module_loadingIndicatorContainer__3e1-3 {\n position: fixed;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100
|
|
1593
|
+
var css_248z$h = ".LoadingIndicator-module_loadingIndicatorContainer__3e1-3 {\n position: fixed;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%; }\n\n.LoadingIndicator-module_loadingIndicator__tvp5i {\n animation-name: LoadingIndicator-module_spinAnimation__PKRNn;\n animation-duration: 5000ms;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n width: 24px;\n height: 24px; }\n\n@keyframes LoadingIndicator-module_spinAnimation__PKRNn {\n from {\n transform: rotate(0deg); }\n to {\n transform: rotate(360deg); } }\n";
|
|
1549
1594
|
var styles$h = {"loadingIndicatorContainer":"LoadingIndicator-module_loadingIndicatorContainer__3e1-3","loadingIndicator":"LoadingIndicator-module_loadingIndicator__tvp5i","spinAnimation":"LoadingIndicator-module_spinAnimation__PKRNn"};
|
|
1550
1595
|
styleInject(css_248z$h);
|
|
1551
1596
|
|
|
@@ -1555,8 +1600,8 @@ const LoadingIndicator = () => {
|
|
|
1555
1600
|
cssClasses.push(styles$h.loadingIndicator);
|
|
1556
1601
|
return cssClasses.filter(css => css).join(' ');
|
|
1557
1602
|
};
|
|
1558
|
-
return (React__default[
|
|
1559
|
-
React__default[
|
|
1603
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
1604
|
+
React__default["default"].createElement(SpinnerSolidIcon, null)));
|
|
1560
1605
|
};
|
|
1561
1606
|
|
|
1562
1607
|
const LoadingIndicatorContainer = ({ children }) => {
|
|
@@ -1565,7 +1610,7 @@ const LoadingIndicatorContainer = ({ children }) => {
|
|
|
1565
1610
|
cssClasses.push(styles$h.loadingIndicatorContainer);
|
|
1566
1611
|
return cssClasses.filter(css => css).join(' ');
|
|
1567
1612
|
};
|
|
1568
|
-
return (React__default[
|
|
1613
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() }, children));
|
|
1569
1614
|
};
|
|
1570
1615
|
|
|
1571
1616
|
class LoadingIndicatorService {
|
|
@@ -1577,8 +1622,8 @@ class LoadingIndicatorService {
|
|
|
1577
1622
|
this.container = document.createElement('div');
|
|
1578
1623
|
this.container.classList.add('snackbar-container');
|
|
1579
1624
|
document.body.appendChild(this.container);
|
|
1580
|
-
reactDom.render(React__default[
|
|
1581
|
-
React__default[
|
|
1625
|
+
reactDom.render(React__default["default"].createElement(LoadingIndicatorContainer, null,
|
|
1626
|
+
React__default["default"].createElement(LoadingIndicator, null)), this.container);
|
|
1582
1627
|
});
|
|
1583
1628
|
}
|
|
1584
1629
|
hide() {
|
|
@@ -1592,7 +1637,7 @@ class LoadingIndicatorService {
|
|
|
1592
1637
|
}
|
|
1593
1638
|
const loadingIndicatorService = new LoadingIndicatorService();
|
|
1594
1639
|
|
|
1595
|
-
var css_248z$g = ".ModalHeader-module_modalHeader__o5HzE {\n border-bottom: none;\n align-items: center
|
|
1640
|
+
var css_248z$g = ".ModalHeader-module_modalHeader__o5HzE {\n border-bottom: none;\n align-items: center; }\n";
|
|
1596
1641
|
var styles$g = {"modalHeader":"ModalHeader-module_modalHeader__o5HzE"};
|
|
1597
1642
|
styleInject(css_248z$g);
|
|
1598
1643
|
|
|
@@ -1601,23 +1646,23 @@ const ModalHeader = (props) => {
|
|
|
1601
1646
|
const handleClick = () => {
|
|
1602
1647
|
onClose && onClose();
|
|
1603
1648
|
};
|
|
1604
|
-
return (React__default[
|
|
1605
|
-
React__default[
|
|
1649
|
+
return (React__default["default"].createElement("div", { className: "modal-header " + styles$g.modalHeader },
|
|
1650
|
+
React__default["default"].createElement("h5", { className: "modal-title" }, children),
|
|
1606
1651
|
isDismissable &&
|
|
1607
|
-
React__default[
|
|
1652
|
+
React__default["default"].createElement(IconButton, { icon: React__default["default"].createElement(TimesSolidIcon, null), variant: exports.VARIANT.text, onClick: handleClick })));
|
|
1608
1653
|
};
|
|
1609
1654
|
|
|
1610
|
-
const ModalBody = ({ children }) => (React__default[
|
|
1655
|
+
const ModalBody = ({ children }) => (React__default["default"].createElement("div", { className: "modal-body" }, children));
|
|
1611
1656
|
|
|
1612
|
-
var css_248z$f = ".Modal-module_modal__1NdMJ {\n z-index: 1111 !important;\n border-radius: var(--borderRadius)
|
|
1657
|
+
var css_248z$f = ".Modal-module_modal__1NdMJ {\n z-index: 1111 !important;\n border-radius: var(--borderRadius); }\n .Modal-module_modal__1NdMJ.Modal-module_fullscreen__3R-sM {\n width: 100% !important;\n height: 100% !important;\n max-height: 100% !important;\n margin: 0;\n padding: 0; }\n .Modal-module_modal__1NdMJ.Modal-module_fullscreen__3R-sM .Modal-module_modalContent__E2kaP {\n height: auto;\n min-height: 100%;\n max-height: 100%;\n border-radius: 0;\n overflow: auto; }\n @media (min-width: 320px) {\n .Modal-module_modal__1NdMJ.Modal-module_fullscreen__3R-sM {\n max-width: 100% !important; } }\n .Modal-module_modal__1NdMJ .Modal-module_sm__3UfYB {\n max-width: 300px; }\n .Modal-module_modal__1NdMJ .Modal-module_md__2uX1a {\n max-width: 500px; }\n .Modal-module_modal__1NdMJ .Modal-module_lg__3ux_V {\n max-width: 1140px; }\n @media (min-width: 576px) {\n .Modal-module_modal__1NdMJ .Modal-module_modal-dialog__IdJ1c {\n max-width: 600px; } }\n";
|
|
1613
1658
|
var styles$f = {"modal":"Modal-module_modal__1NdMJ","fullscreen":"Modal-module_fullscreen__3R-sM","modalContent":"Modal-module_modalContent__E2kaP","sm":"Modal-module_sm__3UfYB","md":"Modal-module_md__2uX1a","lg":"Modal-module_lg__3ux_V","modal-dialog":"Modal-module_modal-dialog__IdJ1c"};
|
|
1614
1659
|
styleInject(css_248z$f);
|
|
1615
1660
|
|
|
1616
|
-
var css_248z$e = ".ModalFooter-module_modalFooter__2Et4e {\n border-top: none
|
|
1661
|
+
var css_248z$e = ".ModalFooter-module_modalFooter__2Et4e {\n border-top: none; }\n";
|
|
1617
1662
|
var styles$e = {"modalFooter":"ModalFooter-module_modalFooter__2Et4e"};
|
|
1618
1663
|
styleInject(css_248z$e);
|
|
1619
1664
|
|
|
1620
|
-
const ModalFooter = ({ children }) => (React__default[
|
|
1665
|
+
const ModalFooter = ({ children }) => (React__default["default"].createElement("div", { className: "modal-footer " + styles$e.modalFooter }, children));
|
|
1621
1666
|
|
|
1622
1667
|
const Modal = (props) => {
|
|
1623
1668
|
const { className, size, fullScreen, children, header, footer, onHeaderCloseClick, onBackdropClick, isDismissable = false } = props;
|
|
@@ -1639,16 +1684,16 @@ const Modal = (props) => {
|
|
|
1639
1684
|
const handleClickBackdrop = () => {
|
|
1640
1685
|
onBackdropClick && onBackdropClick();
|
|
1641
1686
|
};
|
|
1642
|
-
return (React__default[
|
|
1643
|
-
React__default[
|
|
1644
|
-
React__default[
|
|
1645
|
-
React__default[
|
|
1687
|
+
return (React__default["default"].createElement(React.Fragment, null,
|
|
1688
|
+
React__default["default"].createElement("div", { className: "modal show " + styles$f.modal, style: { display: 'block' } },
|
|
1689
|
+
React__default["default"].createElement("div", { className: getCssClass() },
|
|
1690
|
+
React__default["default"].createElement("div", { className: 'modal-content ' + (!!fullScreen ? styles$f['modalContent'] : undefined) },
|
|
1646
1691
|
header &&
|
|
1647
|
-
React__default[
|
|
1648
|
-
React__default[
|
|
1692
|
+
React__default["default"].createElement(ModalHeader, { isDismissable: isDismissable, onClose: () => onHeaderCloseClick && onHeaderCloseClick() }, header),
|
|
1693
|
+
React__default["default"].createElement(ModalBody, null, children),
|
|
1649
1694
|
footer &&
|
|
1650
|
-
React__default[
|
|
1651
|
-
React__default[
|
|
1695
|
+
React__default["default"].createElement(ModalFooter, null, footer)))),
|
|
1696
|
+
React__default["default"].createElement(Backdrop, { onClick: handleClickBackdrop })));
|
|
1652
1697
|
};
|
|
1653
1698
|
|
|
1654
1699
|
// export enum MODALRESULT { OK = 'OK', CANCEL = 'CANCEL', DELETE = 'DELETE' }
|
|
@@ -1706,11 +1751,11 @@ const GlobalModal = ({ title, description, formControls, onOk, onCancel, isDismi
|
|
|
1706
1751
|
}
|
|
1707
1752
|
button.handler && button.handler();
|
|
1708
1753
|
};
|
|
1709
|
-
return (React__default[
|
|
1710
|
-
description && React__default[
|
|
1754
|
+
return (React__default["default"].createElement(Modal, { size: size, fullScreen: fullScreen, header: title, onHeaderCloseClick: onCancel, isDismissable: isDismissable, footer: React__default["default"].createElement(React.Fragment, null, buttons.map((button, index) => (React__default["default"].createElement(Button, { key: index, variant: button.variant, color: button.color, autoFocus: button.autoFocus, onClick: () => handleClickButton(button) }, button.label)))) },
|
|
1755
|
+
description && React__default["default"].createElement("div", null, description),
|
|
1711
1756
|
modalType === exports.MODALTYPE.FORM &&
|
|
1712
|
-
React__default[
|
|
1713
|
-
React__default[
|
|
1757
|
+
React__default["default"].createElement(React.Fragment, null,
|
|
1758
|
+
React__default["default"].createElement(Form, { ref: myForm, controls: myControls, validateOnBlur: true, onSubmit: onSubmit }))));
|
|
1714
1759
|
};
|
|
1715
1760
|
|
|
1716
1761
|
class ModalService {
|
|
@@ -1727,7 +1772,7 @@ class ModalService {
|
|
|
1727
1772
|
reject();
|
|
1728
1773
|
this.hide();
|
|
1729
1774
|
};
|
|
1730
|
-
reactDom.render(React__default[
|
|
1775
|
+
reactDom.render(React__default["default"].createElement(GlobalModal, { fullScreen: options && options.fullScreen, size: options && options.size, title: title, description: description, formControls: options && options.formControls, onCancel: handleCancel, onOk: handleOk, isDismissable: options && options.isDismissable, buttons: options && options.buttons }), this.container);
|
|
1731
1776
|
}
|
|
1732
1777
|
});
|
|
1733
1778
|
}
|
|
@@ -1765,7 +1810,7 @@ const NumberSelect = (props) => {
|
|
|
1765
1810
|
setNewValue(e);
|
|
1766
1811
|
onChange && onChange(e);
|
|
1767
1812
|
};
|
|
1768
|
-
return (React__default[
|
|
1813
|
+
return (React__default["default"].createElement(Select, { id: id, name: name, className: getCssClasses(), options: numberOptions, onChange: (e) => handleOnChange(parseInt(e)), disabled: disabled, value: newValue.toString() }));
|
|
1769
1814
|
};
|
|
1770
1815
|
|
|
1771
1816
|
class SidebarItemModel {
|
|
@@ -1828,21 +1873,21 @@ const Sidebar = (props) => {
|
|
|
1828
1873
|
const handleClickSubItem = (itemPath, subItemPath, e) => {
|
|
1829
1874
|
navigate(e, `/${itemPath}/${subItemPath}`);
|
|
1830
1875
|
};
|
|
1831
|
-
return (React__default[
|
|
1832
|
-
React__default[
|
|
1833
|
-
React__default[
|
|
1834
|
-
React__default[
|
|
1876
|
+
return (React__default["default"].createElement("nav", { className: "sidebar" },
|
|
1877
|
+
React__default["default"].createElement(List, null, menuItems.map(item => (React__default["default"].createElement(React__default["default"].Fragment, { key: item.id },
|
|
1878
|
+
React__default["default"].createElement(ListItem, { active: isMenuItemActive(item.path), onClick: (e) => handleClickItem(item, e) },
|
|
1879
|
+
React__default["default"].createElement(ListItemText, { primary: React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1835
1880
|
item.label,
|
|
1836
|
-
item.items && item.items.length > 0 && (React__default[
|
|
1881
|
+
item.items && item.items.length > 0 && (React__default["default"].createElement("small", { className: "ml-2" },
|
|
1837
1882
|
"(",
|
|
1838
1883
|
item.items.length,
|
|
1839
1884
|
")"))) }),
|
|
1840
1885
|
item.items && item.items.length > 0 &&
|
|
1841
|
-
React__default[
|
|
1842
|
-
!item.isCollapsed && item.items && item.items.length > 0 && (React__default[
|
|
1886
|
+
React__default["default"].createElement(ListItemAction, null, item.isCollapsed ? React__default["default"].createElement(ChevronDownSolidIcon, null) : React__default["default"].createElement(ChevronUpSolidIcon, null))),
|
|
1887
|
+
!item.isCollapsed && item.items && item.items.length > 0 && (React__default["default"].createElement(List, { className: "list-level-1", key: `${item.id}-sub` }, item.items.map(subItem => (React__default["default"].createElement(ListItem, { className: "list-item-level-1", active: isMenuItemActive(subItem.path), key: subItem.id, onClick: (e) => handleClickSubItem(item.path, subItem.path, e) }, subItem.label)))))))))));
|
|
1843
1888
|
};
|
|
1844
1889
|
|
|
1845
|
-
var css_248z$d = ".Snackbar-module_snackbar__3AF3D {\n display: flex;\n align-items: center;\n min-width: 288px;\n padding: 6px 16px;\n transform-origin: center;\n min-height: 52px;\n animation: Snackbar-module_bounceIn__11jAv 0.4s ease;\n z-index: 1001;\n position: fixed;\n left: 50%;\n transform: translateX(-50%);\n bottom: 2%;\n border-radius: var(--borderRadius)
|
|
1890
|
+
var css_248z$d = ".Snackbar-module_snackbar__3AF3D {\n display: flex;\n align-items: center;\n min-width: 288px;\n padding: 6px 16px;\n transform-origin: center;\n min-height: 52px;\n animation: Snackbar-module_bounceIn__11jAv 0.4s ease;\n z-index: 1001;\n position: fixed;\n left: 50%;\n transform: translateX(-50%);\n bottom: 2%;\n border-radius: var(--borderRadius); }\n .Snackbar-module_snackbar__3AF3D.Snackbar-module_primary__3Pt9m {\n color: var(--primary-contrast-text);\n background-color: var(--primary); }\n .Snackbar-module_snackbar__3AF3D.Snackbar-module_accent__1iCXk {\n color: var(--accent-contrast-text);\n background-color: var(--accent); }\n .Snackbar-module_snackbar__3AF3D.Snackbar-module_secondary__3ke12 {\n color: var(--secondary-contrast-text);\n background-color: var(--secondary); }\n .Snackbar-module_snackbar__3AF3D.Snackbar-module_light__3Pi0Y {\n color: var(--light-contrast-text);\n background-color: var(--light); }\n .Snackbar-module_snackbar__3AF3D.Snackbar-module_dark__3TwXn {\n color: var(--dark-contrast-text);\n background-color: var(--dark); }\n\n.Snackbar-module_text__2gmW- {\n width: 100%;\n padding: 8px 0; }\n\n.Snackbar-module_action__1BXqS {\n margin-left: auto; }\n .Snackbar-module_action__1BXqS:hover {\n cursor: pointer; }\n\n@keyframes Snackbar-module_bounceIn__11jAv {\n 0% {\n opacity: 0; }\n 50% {\n opacity: 0.9; }\n 80% {\n opacity: 1; }\n 100% {\n opacity: 1; } }\n";
|
|
1846
1891
|
var styles$d = {"snackbar":"Snackbar-module_snackbar__3AF3D","bounceIn":"Snackbar-module_bounceIn__11jAv","primary":"Snackbar-module_primary__3Pt9m","accent":"Snackbar-module_accent__1iCXk","secondary":"Snackbar-module_secondary__3ke12","light":"Snackbar-module_light__3Pi0Y","dark":"Snackbar-module_dark__3TwXn","text":"Snackbar-module_text__2gmW-","action":"Snackbar-module_action__1BXqS"};
|
|
1847
1892
|
styleInject(css_248z$d);
|
|
1848
1893
|
|
|
@@ -1858,10 +1903,10 @@ const Snackbar = (props) => {
|
|
|
1858
1903
|
const handleClickAction = () => {
|
|
1859
1904
|
onOk && onOk();
|
|
1860
1905
|
};
|
|
1861
|
-
return (React__default[
|
|
1862
|
-
React__default[
|
|
1863
|
-
React__default[
|
|
1864
|
-
React__default[
|
|
1906
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
1907
|
+
React__default["default"].createElement("div", { className: styles$d.text }, message),
|
|
1908
|
+
React__default["default"].createElement("div", { className: styles$d.action + " text-accent", onClick: handleClickAction },
|
|
1909
|
+
React__default["default"].createElement("span", null, actionText))));
|
|
1865
1910
|
};
|
|
1866
1911
|
|
|
1867
1912
|
class SnackbarService {
|
|
@@ -1884,7 +1929,7 @@ class SnackbarService {
|
|
|
1884
1929
|
resolve();
|
|
1885
1930
|
this.hide();
|
|
1886
1931
|
};
|
|
1887
|
-
reactDom.render(React__default[
|
|
1932
|
+
reactDom.render(React__default["default"].createElement(Snackbar, { message: message, color: mergedOptions.color, actionText: mergedOptions.actionText, onOk: handleOk }), this.container);
|
|
1888
1933
|
});
|
|
1889
1934
|
}
|
|
1890
1935
|
hide() {
|
|
@@ -1898,7 +1943,7 @@ class SnackbarService {
|
|
|
1898
1943
|
}
|
|
1899
1944
|
const snackbarService = new SnackbarService();
|
|
1900
1945
|
|
|
1901
|
-
var css_248z$c = ".SpeedDialActions-module_speedDialActions__zLEps {\n margin-bottom: -32px;\n flex-direction: column-reverse;\n padding-bottom: 48px;\n display: flex;\n pointer-events: auto
|
|
1946
|
+
var css_248z$c = ".SpeedDialActions-module_speedDialActions__zLEps {\n margin-bottom: -32px;\n flex-direction: column-reverse;\n padding-bottom: 48px;\n display: flex;\n pointer-events: auto; }\n";
|
|
1902
1947
|
var styles$c = {"speedDialActions":"SpeedDialActions-module_speedDialActions__zLEps"};
|
|
1903
1948
|
styleInject(css_248z$c);
|
|
1904
1949
|
|
|
@@ -1909,10 +1954,10 @@ const SpeedDialActions = (props) => {
|
|
|
1909
1954
|
cssClasses.push(styles$c.speedDialActions);
|
|
1910
1955
|
return cssClasses.filter(css => css).join(' ');
|
|
1911
1956
|
};
|
|
1912
|
-
return (React__default[
|
|
1957
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() }, children));
|
|
1913
1958
|
};
|
|
1914
1959
|
|
|
1915
|
-
var css_248z$b = ".SpeedDial-module_speedDial__CQ5x2 {\n position: absolute;\n flex-direction: column-reverse;\n display: flex;\n z-index: 1050;\n align-items: center;\n right: 16px;\n bottom: 16px;\n transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
|
|
1960
|
+
var css_248z$b = ".SpeedDial-module_speedDial__CQ5x2 {\n position: absolute;\n flex-direction: column-reverse;\n display: flex;\n z-index: 1050;\n align-items: center;\n right: 16px;\n bottom: 16px;\n transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n";
|
|
1916
1961
|
var styles$b = {"speedDial":"SpeedDial-module_speedDial__CQ5x2"};
|
|
1917
1962
|
styleInject(css_248z$b);
|
|
1918
1963
|
|
|
@@ -1930,14 +1975,14 @@ const SpeedDial = (props) => {
|
|
|
1930
1975
|
else
|
|
1931
1976
|
onOpen && onOpen(e);
|
|
1932
1977
|
};
|
|
1933
|
-
return (React__default[
|
|
1934
|
-
React__default[
|
|
1935
|
-
React__default[
|
|
1978
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest),
|
|
1979
|
+
React__default["default"].createElement("div", { style: { 'transform': open ? 'rotate(45deg)' : undefined } },
|
|
1980
|
+
React__default["default"].createElement(FloatingActionButton, { icon: React__default["default"].createElement(PlusSolidIcon, null), onClick: handleClick })),
|
|
1936
1981
|
open &&
|
|
1937
|
-
React__default[
|
|
1982
|
+
React__default["default"].createElement(SpeedDialActions, null, children)));
|
|
1938
1983
|
};
|
|
1939
1984
|
|
|
1940
|
-
var css_248z$a = ".SpeedDialAction-module_speedDialAction__qmExs + .SpeedDialAction-module_speedDialAction__qmExs {\n margin-bottom: 10px
|
|
1985
|
+
var css_248z$a = ".SpeedDialAction-module_speedDialAction__qmExs + .SpeedDialAction-module_speedDialAction__qmExs {\n margin-bottom: 10px; }\n";
|
|
1941
1986
|
var styles$a = {"speedDialAction":"SpeedDialAction-module_speedDialAction__qmExs"};
|
|
1942
1987
|
styleInject(css_248z$a);
|
|
1943
1988
|
|
|
@@ -1949,7 +1994,7 @@ const SpeedDialAction = (props) => {
|
|
|
1949
1994
|
className && cssClasses.push(className);
|
|
1950
1995
|
return cssClasses.filter(css => css).join(' ');
|
|
1951
1996
|
};
|
|
1952
|
-
return (React__default[
|
|
1997
|
+
return (React__default["default"].createElement(IconButton, { className: getCssClasses(), icon: icon, color: exports.COLOR.light, shadow: true, onClick: onClick }));
|
|
1953
1998
|
};
|
|
1954
1999
|
|
|
1955
2000
|
const SpeedDialIcon = (props) => {
|
|
@@ -1959,10 +2004,10 @@ const SpeedDialIcon = (props) => {
|
|
|
1959
2004
|
className && cssClasses.push(className);
|
|
1960
2005
|
return cssClasses.filter(css => css).join(' ');
|
|
1961
2006
|
};
|
|
1962
|
-
return (React__default[
|
|
2007
|
+
return (React__default["default"].createElement(Icon, Object.assign({ className: getCssClasses() }, rest), children));
|
|
1963
2008
|
};
|
|
1964
2009
|
|
|
1965
|
-
var css_248z$9 = ".StepperActions-module_stepperActions__2r5ZT {\n display: flex
|
|
2010
|
+
var css_248z$9 = ".StepperActions-module_stepperActions__2r5ZT {\n display: flex; }\n";
|
|
1966
2011
|
var styles$9 = {"stepperActions":"StepperActions-module_stepperActions__2r5ZT"};
|
|
1967
2012
|
styleInject(css_248z$9);
|
|
1968
2013
|
|
|
@@ -1974,20 +2019,20 @@ const StepperActions = (props) => {
|
|
|
1974
2019
|
className && cssClasses.push(className);
|
|
1975
2020
|
return cssClasses.filter(css => css).join(' ');
|
|
1976
2021
|
};
|
|
1977
|
-
return (React__default[
|
|
1978
|
-
React__default[
|
|
1979
|
-
React__default[
|
|
1980
|
-
isCompleted && (React__default[
|
|
1981
|
-
isStepOptional && (React__default[
|
|
1982
|
-
React__default[
|
|
2022
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
2023
|
+
React__default["default"].createElement(Button, { className: "mr-2", variant: exports.VARIANT.outline, disabled: isFirstStep, startIcon: !isFirstStep ? React__default["default"].createElement(ChevronLeftSolidIcon, null) : undefined, onClick: () => onBack && onBack() }, "Back"),
|
|
2024
|
+
React__default["default"].createElement("div", { className: "ml-auto" },
|
|
2025
|
+
isCompleted && (React__default["default"].createElement(Button, { className: "mr-2", color: exports.COLOR.secondary, variant: exports.VARIANT.text, onClick: () => onReset && onReset() }, "Reset")),
|
|
2026
|
+
isStepOptional && (React__default["default"].createElement(Button, { className: "mr-2", variant: exports.VARIANT.contained, color: exports.COLOR.primary, onClick: () => onSkip && onSkip() }, "Skip")),
|
|
2027
|
+
React__default["default"].createElement(Button, { variant: exports.VARIANT.contained, color: exports.COLOR.primary, startIcon: isCompleted ? React__default["default"].createElement(CheckSolidIcon, null) : undefined, endIcon: !isCompleted ? React__default["default"].createElement(ChevronRightSolidIcon, null) : undefined, onClick: () => onNext && onNext() }, isCompleted ? 'Done' : 'Next'))));
|
|
1983
2028
|
};
|
|
1984
2029
|
|
|
1985
2030
|
const StepPanel = (props) => {
|
|
1986
2031
|
const { children } = props;
|
|
1987
|
-
return (React__default[
|
|
2032
|
+
return (React__default["default"].createElement("div", { className: "steppanel" }, children));
|
|
1988
2033
|
};
|
|
1989
2034
|
|
|
1990
|
-
var css_248z$8 = ".StepConnector-module_stepConnector__2m7Xp {\n flex: 1 1 auto;\n flex-shrink: 0;\n min-width: 20px
|
|
2035
|
+
var css_248z$8 = ".StepConnector-module_stepConnector__2m7Xp {\n flex: 1 1 auto;\n flex-shrink: 0;\n min-width: 20px; }\n\n.StepConnector-module_stepConnectorLine__jSqG4 {\n display: block;\n border-color: var(--secondary);\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n .StepConnector-module_stepConnectorLine__jSqG4.StepConnector-module_isActive__3Yj6N {\n border-color: var(--primary); }\n\n.StepConnector-module_stepConnectorLineHorizontal__3R2R8 {\n border-top-style: solid;\n border-top-width: 1px; }\n";
|
|
1991
2036
|
var styles$8 = {"stepConnector":"StepConnector-module_stepConnector__2m7Xp","stepConnectorLine":"StepConnector-module_stepConnectorLine__jSqG4","isActive":"StepConnector-module_isActive__3Yj6N","stepConnectorLineHorizontal":"StepConnector-module_stepConnectorLineHorizontal__3R2R8"};
|
|
1992
2037
|
styleInject(css_248z$8);
|
|
1993
2038
|
|
|
@@ -2005,22 +2050,22 @@ const StepConnector = (props) => {
|
|
|
2005
2050
|
isHorizontal && cssClasses.push(styles$8.stepConnectorLineHorizontal);
|
|
2006
2051
|
return cssClasses.filter(css => css).join(' ');
|
|
2007
2052
|
};
|
|
2008
|
-
return (React__default[
|
|
2009
|
-
React__default[
|
|
2053
|
+
return (React__default["default"].createElement("div", { className: getCssClassesConnector() },
|
|
2054
|
+
React__default["default"].createElement("div", { className: getCssClassesLine() })));
|
|
2010
2055
|
};
|
|
2011
2056
|
|
|
2012
|
-
var css_248z$7 = ".Stepper-module_stepper__1TOxM {\n display: flex;\n align-items: center;\n flex-direction: row;\n margin-bottom: 10px
|
|
2057
|
+
var css_248z$7 = ".Stepper-module_stepper__1TOxM {\n display: flex;\n align-items: center;\n flex-direction: row;\n margin-bottom: 10px; }\n .Stepper-module_stepper__1TOxM.Stepper-module_isHorizontal__3rFHH {\n overflow-x: auto; }\n";
|
|
2013
2058
|
var styles$7 = {"stepper":"Stepper-module_stepper__1TOxM","isHorizontal":"Stepper-module_isHorizontal__3rFHH"};
|
|
2014
2059
|
styleInject(css_248z$7);
|
|
2015
2060
|
|
|
2016
2061
|
const Stepper = (props) => {
|
|
2017
2062
|
const { children, isLinear = true, showLabel = true, showProgressCheckIcon = false, value, isHorizontal = true, onChange, onFinish } = props;
|
|
2018
2063
|
const [steps, setSteps] = React.useState();
|
|
2019
|
-
const [activeIndex, setActiveIndex] = React__default[
|
|
2020
|
-
const [skipped, setSkipped] = React__default[
|
|
2064
|
+
const [activeIndex, setActiveIndex] = React__default["default"].useState(0);
|
|
2065
|
+
const [skipped, setSkipped] = React__default["default"].useState(new Set());
|
|
2021
2066
|
React.useEffect(() => {
|
|
2022
2067
|
if (children) {
|
|
2023
|
-
setSteps(React__default[
|
|
2068
|
+
setSteps(React__default["default"].Children.toArray(children));
|
|
2024
2069
|
}
|
|
2025
2070
|
}, [children]);
|
|
2026
2071
|
React.useEffect(() => {
|
|
@@ -2038,7 +2083,7 @@ const Stepper = (props) => {
|
|
|
2038
2083
|
});
|
|
2039
2084
|
};
|
|
2040
2085
|
const renderSteps = (child, index) => {
|
|
2041
|
-
return React__default[
|
|
2086
|
+
return React__default["default"].isValidElement(child) &&
|
|
2042
2087
|
React.cloneElement(child, {
|
|
2043
2088
|
index: index,
|
|
2044
2089
|
isActive: activeIndex >= index,
|
|
@@ -2103,14 +2148,14 @@ const Stepper = (props) => {
|
|
|
2103
2148
|
isHorizontal && cssClasses.push(styles$7['isHorizontal']);
|
|
2104
2149
|
return cssClasses.filter(css => css).join(' ');
|
|
2105
2150
|
};
|
|
2106
|
-
return (React__default[
|
|
2107
|
-
React__default[
|
|
2108
|
-
React__default[
|
|
2151
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, steps &&
|
|
2152
|
+
React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2153
|
+
React__default["default"].createElement("div", { className: getCssClasses() }, steps.map((child, index) => (React__default["default"].createElement(React__default["default"].Fragment, { key: child.props.value },
|
|
2109
2154
|
renderSteps(child, index),
|
|
2110
|
-
index !== steps.length - 1 && React__default[
|
|
2111
|
-
steps && steps.map((step, index) => React__default[
|
|
2112
|
-
React__default[
|
|
2113
|
-
React__default[
|
|
2155
|
+
index !== steps.length - 1 && React__default["default"].createElement(StepConnector, { isActive: activeIndex > index }))))),
|
|
2156
|
+
steps && steps.map((step, index) => React__default["default"].createElement(React.Fragment, { key: step.props.value }, index === activeIndex &&
|
|
2157
|
+
React__default["default"].createElement(StepPanel, null, step.props.children))),
|
|
2158
|
+
React__default["default"].createElement(StepperActions, { className: "mt-3", isFirstStep: activeIndex === 0, isStepOptional: isStepOptional(activeIndex), isCompleted: isLastStep(), onBack: handleBack, onSkip: handleSkip, onNext: handleNext, onReset: handleReset }))));
|
|
2114
2159
|
};
|
|
2115
2160
|
|
|
2116
2161
|
function useWindowSize() {
|
|
@@ -2169,7 +2214,7 @@ function useDebounce(callback, timeout, deps) {
|
|
|
2169
2214
|
}, deps);
|
|
2170
2215
|
}
|
|
2171
2216
|
|
|
2172
|
-
var css_248z$6 = ".Step-module_stepWrapper__1se3l {\n display: flex;\n align-items: center;\n padding-left: 8px;\n padding-right: 8px;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
|
|
2217
|
+
var css_248z$6 = ".Step-module_stepWrapper__1se3l {\n display: flex;\n align-items: center;\n padding-left: 8px;\n padding-right: 8px;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n .Step-module_stepWrapper__1se3l.Step-module_hasLabel__3cdCU:not(.Step-module_disabled__1R7hh):hover {\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0.04);\n border-radius: var(--borderRadius); }\n\n.Step-module_step__2siYu {\n width: 40px;\n height: 40px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n .Step-module_step__2siYu:not(.Step-module_hasLabel__3cdCU):not(.Step-module_disabled__1R7hh):hover {\n border-radius: 100%;\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0.04); }\n .Step-module_step__2siYu.Step-module_hasLabel__3cdCU svg {\n width: 18px !important;\n height: 18px !important; }\n\n.Step-module_stepIconCircle__3IyDn svg {\n width: 24px;\n height: 24px; }\n\n.Step-module_stepValue__2TVrP {\n position: absolute;\n color: var(--secondary-contrast-text); }\n .Step-module_stepValue__2TVrP .Step-module_isActive__1QTL4 {\n color: var(--primary-contrast-text); }\n";
|
|
2173
2218
|
var styles$6 = {"stepWrapper":"Step-module_stepWrapper__1se3l","hasLabel":"Step-module_hasLabel__3cdCU","disabled":"Step-module_disabled__1R7hh","step":"Step-module_step__2siYu","stepIconCircle":"Step-module_stepIconCircle__3IyDn","stepValue":"Step-module_stepValue__2TVrP","isActive":"Step-module_isActive__1QTL4"};
|
|
2174
2219
|
styleInject(css_248z$6);
|
|
2175
2220
|
|
|
@@ -2196,17 +2241,17 @@ const Step = (props) => {
|
|
|
2196
2241
|
isDisabled && cssClasses.push(styles$6['disabled']);
|
|
2197
2242
|
return cssClasses.filter(css => css).join(' ');
|
|
2198
2243
|
};
|
|
2199
|
-
return (React__default[
|
|
2200
|
-
React__default[
|
|
2201
|
-
React__default[
|
|
2202
|
-
React__default[
|
|
2203
|
-
React__default[
|
|
2204
|
-
React__default[
|
|
2205
|
-
React__default[
|
|
2244
|
+
return (React__default["default"].createElement("div", { ref: hoverRef, className: getCssClasses(), onClick: handleClick },
|
|
2245
|
+
React__default["default"].createElement("div", { className: getCssClassesStep() },
|
|
2246
|
+
React__default["default"].createElement(Icon, { className: styles$6.stepIconCircle, iconColor: (isHovered || isActive) && !isDisabled ? exports.COLOR.primary : exports.COLOR.secondary },
|
|
2247
|
+
React__default["default"].createElement(CircleSolidIcon, null)),
|
|
2248
|
+
React__default["default"].createElement("div", { className: styles$6.stepValue + ' ' + (isActive ? (styles$6.stepValue['isActive']) : '') }, showProgressCheckIcon && isActive && isDone ?
|
|
2249
|
+
React__default["default"].createElement(Icon, null,
|
|
2250
|
+
React__default["default"].createElement(CheckSolidIcon, null))
|
|
2206
2251
|
:
|
|
2207
|
-
React__default[
|
|
2252
|
+
React__default["default"].createElement(Typography, null, index + 1))),
|
|
2208
2253
|
label && showLabel &&
|
|
2209
|
-
React__default[
|
|
2254
|
+
React__default["default"].createElement(Typography, { className: "flex-shrink-0" }, label)));
|
|
2210
2255
|
};
|
|
2211
2256
|
|
|
2212
2257
|
const Table = (props) => {
|
|
@@ -2220,11 +2265,11 @@ const Table = (props) => {
|
|
|
2220
2265
|
className && cssClasses.push(className);
|
|
2221
2266
|
return cssClasses.filter(css => css).join(' ');
|
|
2222
2267
|
};
|
|
2223
|
-
return (React__default[
|
|
2224
|
-
React__default[
|
|
2268
|
+
return (React__default["default"].createElement(ConditionalWrapper, { condition: responsive, wrapper: children => React__default["default"].createElement("div", { className: "table-responsive" }, children) },
|
|
2269
|
+
React__default["default"].createElement("table", { className: getCssClasses() }, children)));
|
|
2225
2270
|
};
|
|
2226
2271
|
|
|
2227
|
-
var css_248z$5 = ".TabIndicator-module_tabIndicator__wj9Qm {\n bottom: 0;\n height: 2px;\n position: absolute;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
|
|
2272
|
+
var css_248z$5 = ".TabIndicator-module_tabIndicator__wj9Qm {\n bottom: 0;\n height: 2px;\n position: absolute;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n .TabIndicator-module_tabIndicator__wj9Qm.TabIndicator-module_primary__2Lc8c {\n background-color: var(--primary); }\n .TabIndicator-module_tabIndicator__wj9Qm.TabIndicator-module_accent__37h0D {\n background-color: var(--accent); }\n";
|
|
2228
2273
|
var styles$5 = {"tabIndicator":"TabIndicator-module_tabIndicator__wj9Qm","primary":"TabIndicator-module_primary__2Lc8c","accent":"TabIndicator-module_accent__37h0D"};
|
|
2229
2274
|
styleInject(css_248z$5);
|
|
2230
2275
|
|
|
@@ -2236,13 +2281,13 @@ const TabIndicator = (props) => {
|
|
|
2236
2281
|
cssClasses.push(styles$5[color]);
|
|
2237
2282
|
return cssClasses.filter(css => css).join(' ');
|
|
2238
2283
|
};
|
|
2239
|
-
return (React__default[
|
|
2284
|
+
return (React__default["default"].createElement("span", { className: getCssClasses(), style: {
|
|
2240
2285
|
width: width,
|
|
2241
2286
|
left: `calc(calc(100% / ${amount}) * ${index})`
|
|
2242
2287
|
} }));
|
|
2243
2288
|
};
|
|
2244
2289
|
|
|
2245
|
-
var css_248z$4 = ".Tabs-module_tabs__2azkC {\n display: flex;\n position: relative
|
|
2290
|
+
var css_248z$4 = ".Tabs-module_tabs__2azkC {\n display: flex;\n position: relative; }\n";
|
|
2246
2291
|
var styles$4 = {"tabs":"Tabs-module_tabs__2azkC"};
|
|
2247
2292
|
styleInject(css_248z$4);
|
|
2248
2293
|
|
|
@@ -2251,7 +2296,7 @@ const Tabs = (props) => {
|
|
|
2251
2296
|
const [selectedValue, setSelectedValue] = React.useState(value);
|
|
2252
2297
|
const [selectedIndex, setSelectedIndex] = React.useState();
|
|
2253
2298
|
React.useEffect(() => {
|
|
2254
|
-
React__default[
|
|
2299
|
+
React__default["default"].Children.toArray(children).forEach((child, index) => {
|
|
2255
2300
|
if (child.props.value === value) {
|
|
2256
2301
|
setSelectedIndex(index);
|
|
2257
2302
|
}
|
|
@@ -2269,21 +2314,21 @@ const Tabs = (props) => {
|
|
|
2269
2314
|
onChange && onChange(event, newValue);
|
|
2270
2315
|
};
|
|
2271
2316
|
const renderTabs = (child, index) => {
|
|
2272
|
-
return React__default[
|
|
2317
|
+
return React__default["default"].isValidElement(child) && React.cloneElement(child, {
|
|
2273
2318
|
key: child.props.value,
|
|
2274
2319
|
isActive: child.props.value === selectedValue,
|
|
2275
2320
|
fixed: fixed,
|
|
2276
2321
|
onClick: (event, newValue) => handleClickTab(event, newValue, index),
|
|
2277
2322
|
});
|
|
2278
2323
|
};
|
|
2279
|
-
return (React__default[
|
|
2280
|
-
React__default[
|
|
2281
|
-
children && React__default[
|
|
2324
|
+
return (React__default["default"].createElement(React.Fragment, null,
|
|
2325
|
+
React__default["default"].createElement("div", { className: getCssClasses() },
|
|
2326
|
+
children && React__default["default"].Children.toArray(children).map((child, index) => renderTabs(child, index)),
|
|
2282
2327
|
children &&
|
|
2283
|
-
React__default[
|
|
2328
|
+
React__default["default"].createElement(TabIndicator, { color: indicatorColor, width: (100 / React__default["default"].Children.toArray(children).length) + '%', index: selectedIndex, amount: React__default["default"].Children.toArray(children).length }))));
|
|
2284
2329
|
};
|
|
2285
2330
|
|
|
2286
|
-
var css_248z$3 = ".Tab-module_tab__31Fjd {\n padding: 6px 12px;\n overflow: hidden;\n position: relative;\n font-size: 0.875rem;\n min-width: 72px;\n box-sizing: border-box;\n min-height: 48px;\n text-align: center;\n font-weight: 500;\n line-height: 1.75;\n white-space: normal;\n letter-spacing: 0.02857em;\n text-transform: uppercase;\n border-radius: 0;\n flex-grow: 1;\n flex-basis: 0;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
|
|
2331
|
+
var css_248z$3 = ".Tab-module_tab__31Fjd {\n padding: 6px 12px;\n overflow: hidden;\n position: relative;\n font-size: 0.875rem;\n min-width: 72px;\n box-sizing: border-box;\n min-height: 48px;\n text-align: center;\n font-weight: 500;\n line-height: 1.75;\n white-space: normal;\n letter-spacing: 0.02857em;\n text-transform: uppercase;\n border-radius: 0;\n flex-grow: 1;\n flex-basis: 0;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }\n";
|
|
2287
2332
|
var styles$3 = {"tab":"Tab-module_tab__31Fjd"};
|
|
2288
2333
|
styleInject(css_248z$3);
|
|
2289
2334
|
|
|
@@ -2298,15 +2343,15 @@ const Tab = (props) => {
|
|
|
2298
2343
|
className && cssClasses.push(className);
|
|
2299
2344
|
return cssClasses.filter(css => css).join(' ');
|
|
2300
2345
|
};
|
|
2301
|
-
return (React__default[
|
|
2346
|
+
return (React__default["default"].createElement(Button, { className: getCssClasses(), onClick: (event) => onClick && onClick(event, value), isActive: isActive, disabled: disabled }, label));
|
|
2302
2347
|
};
|
|
2303
2348
|
|
|
2304
2349
|
const TabPanel = (props) => {
|
|
2305
2350
|
const { children, className, value, index } = props, rest = __rest(props, ["children", "className", "value", "index"]);
|
|
2306
|
-
return (React__default[
|
|
2351
|
+
return (React__default["default"].createElement("div", Object.assign({ role: "tabpanel", hidden: value !== index, id: `tabpanel-${index}`, "aria-labelledby": `wrapped-tab-${index}` }, rest), value === index && children));
|
|
2307
2352
|
};
|
|
2308
2353
|
|
|
2309
|
-
var css_248z$2 = ".Tooltip-module_tooltipContainer__3SPVX {\n display: inline
|
|
2354
|
+
var css_248z$2 = ".Tooltip-module_tooltipContainer__3SPVX {\n display: inline; }\n\n.Tooltip-module_tooltip__1AML3 {\n background-color: #333;\n color: white;\n padding: 5px 10px;\n border-radius: 4px;\n font-size: 13px;\n position: absolute;\n left: -1000000px;\n z-index: 1100; }\n .Tooltip-module_tooltip__1AML3 #Tooltip-module_arrow__2c3YL,\n .Tooltip-module_tooltip__1AML3 #Tooltip-module_arrow__2c3YL::before {\n position: absolute;\n width: 8px;\n height: 8px;\n z-index: -1; }\n .Tooltip-module_tooltip__1AML3 #Tooltip-module_arrow__2c3YL::before {\n content: \"\";\n transform: rotate(45deg);\n background: #333; }\n .Tooltip-module_tooltip__1AML3[data-popper-placement^=\"top\"] > #Tooltip-module_arrow__2c3YL {\n bottom: -4px; }\n .Tooltip-module_tooltip__1AML3[data-popper-placement^=\"bottom\"] > #Tooltip-module_arrow__2c3YL {\n top: -4px; }\n .Tooltip-module_tooltip__1AML3[data-popper-placement^=\"left\"] > #Tooltip-module_arrow__2c3YL {\n right: -4px; }\n .Tooltip-module_tooltip__1AML3[data-popper-placement^=\"right\"] > #Tooltip-module_arrow__2c3YL {\n left: -4px; }\n";
|
|
2310
2355
|
var styles$2 = {"tooltipContainer":"Tooltip-module_tooltipContainer__3SPVX","tooltip":"Tooltip-module_tooltip__1AML3","arrow":"Tooltip-module_arrow__2c3YL"};
|
|
2311
2356
|
styleInject(css_248z$2);
|
|
2312
2357
|
|
|
@@ -2335,15 +2380,15 @@ const Tooltip = (props) => {
|
|
|
2335
2380
|
const handleMouseLeave = () => {
|
|
2336
2381
|
setShow(false);
|
|
2337
2382
|
};
|
|
2338
|
-
return (React__default[
|
|
2339
|
-
React__default[
|
|
2383
|
+
return (React__default["default"].createElement(React.Fragment, null,
|
|
2384
|
+
React__default["default"].createElement("div", { className: styles$2.tooltipContainer, ref: refChild, id: "tooltip-container" }, React.cloneElement(children, {
|
|
2340
2385
|
onMouseOver: handleMouseOver,
|
|
2341
2386
|
onMouseLeave: handleMouseLeave,
|
|
2342
2387
|
})),
|
|
2343
2388
|
show &&
|
|
2344
|
-
React__default[
|
|
2389
|
+
React__default["default"].createElement("div", { className: styles$2.tooltip, ref: refTooltip, id: "tooltip" },
|
|
2345
2390
|
text,
|
|
2346
|
-
React__default[
|
|
2391
|
+
React__default["default"].createElement("div", { id: "arrow", "data-popper-arrow": true }))));
|
|
2347
2392
|
};
|
|
2348
2393
|
|
|
2349
2394
|
const HourSelect = (props) => {
|
|
@@ -2366,7 +2411,7 @@ const HourSelect = (props) => {
|
|
|
2366
2411
|
setNewValue(e);
|
|
2367
2412
|
onChange && onChange(e);
|
|
2368
2413
|
};
|
|
2369
|
-
return (React__default[
|
|
2414
|
+
return (React__default["default"].createElement(Select, { id: id, name: name, className: getCssClasses(), options: hourOptions, onChange: (e) => handleOnChange(parseInt(e)), disabled: disabled, value: newValue.toString() }));
|
|
2370
2415
|
};
|
|
2371
2416
|
|
|
2372
2417
|
const MilliSecondSelect = (props) => {
|
|
@@ -2389,7 +2434,7 @@ const MilliSecondSelect = (props) => {
|
|
|
2389
2434
|
setNewValue(e);
|
|
2390
2435
|
onChange && onChange(e);
|
|
2391
2436
|
};
|
|
2392
|
-
return (React__default[
|
|
2437
|
+
return (React__default["default"].createElement(Select, { id: id, name: name, className: getCssClasses(), options: milliSecondOptions, onChange: (e) => handleOnChange(parseInt(e)), disabled: disabled, value: newValue.toString() }));
|
|
2393
2438
|
};
|
|
2394
2439
|
|
|
2395
2440
|
const MinuteSelect = (props) => {
|
|
@@ -2412,7 +2457,7 @@ const MinuteSelect = (props) => {
|
|
|
2412
2457
|
setNewValue(e);
|
|
2413
2458
|
onChange && onChange(e);
|
|
2414
2459
|
};
|
|
2415
|
-
return (React__default[
|
|
2460
|
+
return (React__default["default"].createElement(Select, { id: id, name: name, className: getCssClasses(), options: minuteOptions, onChange: (e) => handleOnChange(parseInt(e)), disabled: disabled, value: newValue.toString() }));
|
|
2416
2461
|
};
|
|
2417
2462
|
|
|
2418
2463
|
const SecondSelect = (props) => {
|
|
@@ -2435,7 +2480,7 @@ const SecondSelect = (props) => {
|
|
|
2435
2480
|
setNewValue(e);
|
|
2436
2481
|
onChange && onChange(e);
|
|
2437
2482
|
};
|
|
2438
|
-
return (React__default[
|
|
2483
|
+
return (React__default["default"].createElement(Select, { id: id, name: name, className: getCssClasses(), options: secondOptions, onChange: (e) => handleOnChange(parseInt(e)), disabled: disabled, value: newValue.toString() }));
|
|
2439
2484
|
};
|
|
2440
2485
|
|
|
2441
2486
|
exports.TIMEMODE = void 0;
|
|
@@ -2466,26 +2511,26 @@ const TimeSelect = (props) => {
|
|
|
2466
2511
|
setCurrDate(newDate);
|
|
2467
2512
|
onChange && onChange(newDate);
|
|
2468
2513
|
};
|
|
2469
|
-
return (React__default[
|
|
2514
|
+
return (React__default["default"].createElement("div", { className: getCssClasses() },
|
|
2470
2515
|
showHours &&
|
|
2471
|
-
React__default[
|
|
2472
|
-
React__default[
|
|
2473
|
-
React__default[
|
|
2516
|
+
React__default["default"].createElement(FormGroup, { className: "col" },
|
|
2517
|
+
React__default["default"].createElement(FormLabel, null, "Hours"),
|
|
2518
|
+
React__default["default"].createElement(HourSelect, { className: "form-control", value: currDate.getHours(), disabled: disabled, onChange: e => handleOnChange(e, exports.TIMEMODE.HOUR) })),
|
|
2474
2519
|
showMinutes &&
|
|
2475
|
-
React__default[
|
|
2476
|
-
React__default[
|
|
2477
|
-
React__default[
|
|
2520
|
+
React__default["default"].createElement(FormGroup, { className: "col" },
|
|
2521
|
+
React__default["default"].createElement(FormLabel, null, "Minutes"),
|
|
2522
|
+
React__default["default"].createElement(MinuteSelect, { className: "form-control", value: currDate.getMinutes(), disabled: disabled, onChange: e => handleOnChange(e, exports.TIMEMODE.MINUTE) })),
|
|
2478
2523
|
showSeconds &&
|
|
2479
|
-
React__default[
|
|
2480
|
-
React__default[
|
|
2481
|
-
React__default[
|
|
2524
|
+
React__default["default"].createElement(FormGroup, { className: "col" },
|
|
2525
|
+
React__default["default"].createElement(FormLabel, null, "Seconds"),
|
|
2526
|
+
React__default["default"].createElement(SecondSelect, { className: "form-control", value: currDate.getSeconds(), disabled: disabled, onChange: e => handleOnChange(e, exports.TIMEMODE.SECONDS) })),
|
|
2482
2527
|
showMilliSeconds &&
|
|
2483
|
-
React__default[
|
|
2484
|
-
React__default[
|
|
2485
|
-
React__default[
|
|
2528
|
+
React__default["default"].createElement(FormGroup, { className: "col" },
|
|
2529
|
+
React__default["default"].createElement(FormLabel, null, "Milliseconds"),
|
|
2530
|
+
React__default["default"].createElement(MilliSecondSelect, { className: "form-control", value: currDate.getMilliseconds(), disabled: disabled, onChange: e => handleOnChange(e, exports.TIMEMODE.MILLISECONDS) }))));
|
|
2486
2531
|
};
|
|
2487
2532
|
|
|
2488
|
-
var css_248z$1 = ".TreeView-module_treeView__3kmGm {\n list-style-type: none;\n margin-bottom: 0;\n padding-left: 0px !important
|
|
2533
|
+
var css_248z$1 = ".TreeView-module_treeView__3kmGm {\n list-style-type: none;\n margin-bottom: 0;\n padding-left: 0px !important; }\n .TreeView-module_treeView__3kmGm ul {\n padding-left: 48px !important; }\n";
|
|
2489
2534
|
var styles$1 = {"treeView":"TreeView-module_treeView__3kmGm"};
|
|
2490
2535
|
styleInject(css_248z$1);
|
|
2491
2536
|
|
|
@@ -2497,10 +2542,10 @@ const TreeView = (props) => {
|
|
|
2497
2542
|
className && cssClasses.push(className);
|
|
2498
2543
|
return cssClasses.filter(css => css).join(' ');
|
|
2499
2544
|
};
|
|
2500
|
-
return (React__default[
|
|
2545
|
+
return (React__default["default"].createElement("ul", { className: getCssClasses() }, children));
|
|
2501
2546
|
};
|
|
2502
2547
|
|
|
2503
|
-
var css_248z = ".TreeItem-module_treeItem__2FtLe {\n display: flex;\n flex-direction: column;\n min-height: 48px;\n justify-content: center
|
|
2548
|
+
var css_248z = ".TreeItem-module_treeItem__2FtLe {\n display: flex;\n flex-direction: column;\n min-height: 48px;\n justify-content: center; }\n";
|
|
2504
2549
|
var styles = {"treeItem":"TreeItem-module_treeItem__2FtLe"};
|
|
2505
2550
|
styleInject(css_248z);
|
|
2506
2551
|
|
|
@@ -2530,14 +2575,14 @@ const TreeItem = (props) => {
|
|
|
2530
2575
|
setIsSelected(!_isSelected);
|
|
2531
2576
|
onSelect && onSelect(nodeId, !_isSelected);
|
|
2532
2577
|
};
|
|
2533
|
-
return (React__default[
|
|
2534
|
-
React__default[
|
|
2578
|
+
return (React__default["default"].createElement("li", { className: getCssClasses(), style: { paddingLeft: `${(48 * (children ? 0 : 1))}px` } },
|
|
2579
|
+
React__default["default"].createElement("div", { className: "d-flex align-items-center" },
|
|
2535
2580
|
children &&
|
|
2536
|
-
React__default[
|
|
2581
|
+
React__default["default"].createElement(IconButton, { onClick: () => handleOnToggleExpand(nodeId), icon: !_isExpanded ? React__default["default"].createElement(ChevronRightSolidIcon, null) : React__default["default"].createElement(ChevronDownSolidIcon, null) }),
|
|
2537
2582
|
isSelectable &&
|
|
2538
|
-
React__default[
|
|
2583
|
+
React__default["default"].createElement(Checkbox, { checked: _isSelected, onChange: () => handleOnSelect(nodeId) }),
|
|
2539
2584
|
label),
|
|
2540
|
-
children && _isExpanded ? React__default[
|
|
2585
|
+
children && _isExpanded ? React__default["default"].createElement("ul", null, children) : null));
|
|
2541
2586
|
};
|
|
2542
2587
|
|
|
2543
2588
|
exports.Alert = Alert;
|