fui-material 0.2.66 → 0.2.68
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/dist/bundle.esm.js +1 -12
- package/dist/bundle.esm.js.map +1 -0
- package/dist/bundle.js +278 -283
- package/dist/bundle.js.map +1 -0
- package/dist/index.d.ts +667 -3
- package/package.json +7 -5
package/dist/bundle.js
CHANGED
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var React = require('react');
|
|
4
6
|
|
|
7
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
+
|
|
9
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
|
+
|
|
5
11
|
const FButton = ({ children, variant = 'contained', color = 'primary', size = 'btn-sm', disabled, onClick, st, className, fullWidth, id, type = 'button' }) => {
|
|
6
12
|
if (fullWidth) {
|
|
7
13
|
if (st === undefined) {
|
|
@@ -23,8 +29,8 @@ const FButton = ({ children, variant = 'contained', color = 'primary', size = 'b
|
|
|
23
29
|
st.width = "fit-content";
|
|
24
30
|
}
|
|
25
31
|
}
|
|
26
|
-
return (
|
|
27
|
-
|
|
32
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
33
|
+
React__default["default"].createElement("button", { disabled: disabled, type: type, className: `btn ${variant === 'contained' ? 'btn' : 'btn-default'}-${color} ${size} ${className !== undefined ? className : ''}`, onClick: onClick, style: st, id: id }, children)));
|
|
28
34
|
};
|
|
29
35
|
|
|
30
36
|
const FButtonFile = ({ children, variant = 'contained', color = 'primary', size = 'btn-sm', disabled, st, className, fullWidth, id, onChange, multiple = false, maxCount, accept, spacing, direction }) => {
|
|
@@ -40,11 +46,11 @@ const FButtonFile = ({ children, variant = 'contained', color = 'primary', size
|
|
|
40
46
|
st.width = '100%';
|
|
41
47
|
}
|
|
42
48
|
}
|
|
43
|
-
return (
|
|
44
|
-
|
|
49
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
50
|
+
React__default["default"].createElement("button", { disabled: disabled, className: `btn ${variant === 'contained' ? 'btn' : 'btn-default'}-${color} ${size} ${className !== undefined ? className : ''}`, style: st, id: id,
|
|
45
51
|
//@ts-ignore
|
|
46
52
|
onClick: () => fileRef.current.click() }, children),
|
|
47
|
-
|
|
53
|
+
React__default["default"].createElement("input", { style: { display: 'none' },
|
|
48
54
|
//@ts-ignore
|
|
49
55
|
ref: fileRef, onChange: (e) => {
|
|
50
56
|
const newFiles = [...files];
|
|
@@ -58,22 +64,22 @@ const FButtonFile = ({ children, variant = 'contained', color = 'primary', size
|
|
|
58
64
|
// @ts-ignore
|
|
59
65
|
onChange(newFiles);
|
|
60
66
|
}, multiple: multiple, type: "file", hidden: true, maxCount: maxCount, accept: accept }),
|
|
61
|
-
|
|
62
|
-
|
|
67
|
+
React__default["default"].createElement("div", { className: "custom-files-preview", id: "files", style: { marginTop: '16px' } },
|
|
68
|
+
React__default["default"].createElement(FStack, { direction: direction, spacing: spacing }, files !== undefined &&
|
|
63
69
|
files.map((opt, index) => {
|
|
64
|
-
return (
|
|
70
|
+
return (React__default["default"].createElement("span", {
|
|
65
71
|
// @ts-ignore
|
|
66
72
|
key: `file-${opt.name}-${Math.round(+opt.size / 1024)}}`, className: "tag tag-default tag-file tag-block", style: {
|
|
67
73
|
width: 'fit-content',
|
|
68
74
|
display: 'flex',
|
|
69
75
|
justifyContent: 'flex-end',
|
|
70
76
|
} },
|
|
71
|
-
|
|
72
|
-
|
|
77
|
+
React__default["default"].createElement("span", { className: "tag-file-name" }, opt.name),
|
|
78
|
+
React__default["default"].createElement("span", { className: "tag-file-size" },
|
|
73
79
|
"(",
|
|
74
80
|
Math.round(+opt.size / 1024),
|
|
75
81
|
" \u041A\u0411)"),
|
|
76
|
-
|
|
82
|
+
React__default["default"].createElement("div", { className: "cl-btn-3", style: {
|
|
77
83
|
marginLeft: '16px',
|
|
78
84
|
marginTop: '2px',
|
|
79
85
|
width: '10px',
|
|
@@ -94,15 +100,15 @@ const FButtonFile = ({ children, variant = 'contained', color = 'primary', size
|
|
|
94
100
|
onChange(arFiles);
|
|
95
101
|
}
|
|
96
102
|
} },
|
|
97
|
-
|
|
98
|
-
|
|
103
|
+
React__default["default"].createElement("span", { className: "top" }),
|
|
104
|
+
React__default["default"].createElement("span", { className: "bot" }))));
|
|
99
105
|
})))));
|
|
100
106
|
};
|
|
101
107
|
|
|
102
108
|
const FLoadIcon = ({ size = 35, st, id, className, color = 'primary' }) => {
|
|
103
109
|
const randomId = React.useRef((Math.random() + 1).toString(36).substring(2));
|
|
104
|
-
return (
|
|
105
|
-
|
|
110
|
+
return (React__default["default"].createElement("div", { style: { margin: 0, padding: 0 } },
|
|
111
|
+
React__default["default"].createElement("style", null,
|
|
106
112
|
`
|
|
107
113
|
.f-load-icon-${randomId.current} {
|
|
108
114
|
width: ${size}px;
|
|
@@ -129,7 +135,7 @@ const FLoadIcon = ({ size = 35, st, id, className, color = 'primary' }) => {
|
|
|
129
135
|
box-shadow: 0 calc((${size * 2.25}px - 2px) * -1) inset;
|
|
130
136
|
}
|
|
131
137
|
}`),
|
|
132
|
-
|
|
138
|
+
React__default["default"].createElement("span", { className: `f-load-icon f-load-icon-${randomId.current} ${color} ${className !== undefined ? className : ''}`, style: st, id: id })));
|
|
133
139
|
};
|
|
134
140
|
|
|
135
141
|
const FTextField = ({ label, value, onChange, type = 'text', onBlur, onFocus, fullWidth, disabled, readOnly, defaultValue, errText, helpText, onInput, st, id, className, load = false, min, max, placeholder, }) => {
|
|
@@ -165,37 +171,37 @@ const FTextField = ({ label, value, onChange, type = 'text', onBlur, onFocus, fu
|
|
|
165
171
|
if (type === 'number' && (value === undefined)) {
|
|
166
172
|
value = '';
|
|
167
173
|
}
|
|
168
|
-
return (
|
|
169
|
-
|
|
174
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
175
|
+
React__default["default"].createElement("div", { className: `
|
|
170
176
|
form-group ${className !== undefined ? className : ''}`, style: st, id: id },
|
|
171
177
|
label &&
|
|
172
|
-
|
|
178
|
+
React__default["default"].createElement("label", { className: "control-label with-offset", style: {
|
|
173
179
|
whiteSpace: 'nowrap',
|
|
174
180
|
overflow: 'hidden',
|
|
175
181
|
textOverflow: 'ellipsis'
|
|
176
182
|
} }, label),
|
|
177
|
-
|
|
178
|
-
|
|
183
|
+
React__default["default"].createElement("div", { className: `${load ? 'ui left icon input loading' : ''}` },
|
|
184
|
+
React__default["default"].createElement("input", { placeholder: placeholder, style: {
|
|
179
185
|
borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
|
|
180
186
|
}, min: min, max: max, disabled: disabled, defaultValue: defaultValue, required: true, onInput: onInput, readOnly: readOnly || load, value: value,
|
|
181
187
|
//@ts-ignore
|
|
182
188
|
onChange: onChange, type: type, className: "form-control", onBlur: onBlur, onFocus: onFocus }),
|
|
183
189
|
helpText !== undefined &&
|
|
184
|
-
|
|
190
|
+
React__default["default"].createElement("span", { style: {
|
|
185
191
|
whiteSpace: 'initial',
|
|
186
192
|
color: '#a6a3a3',
|
|
187
193
|
fontSize: '12px'
|
|
188
194
|
} }, helpText),
|
|
189
195
|
errText !== undefined && errText.length > 0 &&
|
|
190
|
-
|
|
191
|
-
return (
|
|
196
|
+
React__default["default"].createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
|
|
197
|
+
return (React__default["default"].createElement("span", { key: index, style: {
|
|
192
198
|
whiteSpace: 'initial',
|
|
193
199
|
color: 'red'
|
|
194
200
|
} }, opt));
|
|
195
201
|
})),
|
|
196
202
|
load &&
|
|
197
|
-
|
|
198
|
-
|
|
203
|
+
React__default["default"].createElement("div", { className: 'input-load' },
|
|
204
|
+
React__default["default"].createElement(FLoadIcon, { size: 10 }))))));
|
|
199
205
|
};
|
|
200
206
|
|
|
201
207
|
const FStack = ({ children, alignItems, justifyContent, direction = 'column', spacing = 0, className, st, id }) => {
|
|
@@ -213,8 +219,8 @@ const FStack = ({ children, alignItems, justifyContent, direction = 'column', sp
|
|
|
213
219
|
if (st !== undefined) {
|
|
214
220
|
style = Object.assign(style, st);
|
|
215
221
|
}
|
|
216
|
-
return (
|
|
217
|
-
|
|
222
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
223
|
+
React__default["default"].createElement("div", { className: className, style: style, id: id }, children)));
|
|
218
224
|
};
|
|
219
225
|
|
|
220
226
|
const FGrid = ({ children, className, st, id, obj, xs, sm, md, lg, xl, xxl, colAuto }) => {
|
|
@@ -224,19 +230,19 @@ const FGrid = ({ children, className, st, id, obj, xs, sm, md, lg, xl, xxl, colA
|
|
|
224
230
|
if (st !== undefined) {
|
|
225
231
|
style = Object.assign(style, st);
|
|
226
232
|
}
|
|
227
|
-
return (
|
|
233
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
228
234
|
obj === 'container' &&
|
|
229
|
-
|
|
230
|
-
|
|
235
|
+
React__default["default"].createElement("div", { className: `container` },
|
|
236
|
+
React__default["default"].createElement("div", { className: `row ${className !== undefined ? className : ''}`, style: st, id: id }, children)),
|
|
231
237
|
obj === 'item' &&
|
|
232
|
-
|
|
238
|
+
React__default["default"].createElement("div", { className: `${className !== undefined ? className : ''} ${xs !== undefined ? `col-${xs}` : ''} ${sm !== undefined ? `col-sm-${sm}` : ''} ${md !== undefined ? `col-md-${md}` : ''} ${lg !== undefined ? `col-lg-${lg}` : ''} ${xl !== undefined ? `col-lg-${lg}` : ''} ${xxl !== undefined ? `col-xxl-${xxl}` : ''} ${colAuto !== undefined ? colAuto : ''}`, style: style, id: id }, children),
|
|
233
239
|
obj === undefined &&
|
|
234
|
-
|
|
240
|
+
React__default["default"].createElement("div", null, children)));
|
|
235
241
|
};
|
|
236
242
|
|
|
237
243
|
const FContainer = ({ children, className, st, id, maxWidth = 'container-xs' }) => {
|
|
238
|
-
return (
|
|
239
|
-
|
|
244
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
245
|
+
React__default["default"].createElement("div", { className: `${className !== undefined ? className : ''} ${maxWidth} f-container`, style: st, id: id }, children)));
|
|
240
246
|
};
|
|
241
247
|
|
|
242
248
|
const FPaper = ({ label, children, st, fontSizeLabel, id, className, fontSizeBody, onAnimationEnd, animated }) => {
|
|
@@ -246,52 +252,50 @@ const FPaper = ({ label, children, st, fontSizeLabel, id, className, fontSizeBod
|
|
|
246
252
|
element === null || element === void 0 ? void 0 : element.setAttribute(animated.name, animated.value);
|
|
247
253
|
}
|
|
248
254
|
}, [animated === null || animated === void 0 ? void 0 : animated.value]);
|
|
249
|
-
return (
|
|
250
|
-
|
|
255
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
256
|
+
React__default["default"].createElement("div", { className: `panel panel-default ${className} ${animated !== undefined ? `animated-${animated.name}` : ''}`, style: st, id: id, onAnimationEnd: onAnimationEnd },
|
|
251
257
|
label &&
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
258
|
+
React__default["default"].createElement("div", { className: "panel-heading" },
|
|
259
|
+
React__default["default"].createElement("h3", { style: { fontSize: fontSizeLabel }, className: "panel-title" }, label)),
|
|
260
|
+
React__default["default"].createElement("div", { className: "panel-body", style: { fontSize: fontSizeBody } }, children))));
|
|
255
261
|
};
|
|
256
262
|
|
|
257
263
|
const FTable = ({ st, children, id, className, onClick, overflowX = "auto" }) => {
|
|
258
|
-
return (
|
|
259
|
-
|
|
260
|
-
|
|
264
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
265
|
+
React__default["default"].createElement(FStack, { direction: 'row', spacing: 2, st: { overflowX: overflowX } },
|
|
266
|
+
React__default["default"].createElement("table", { className: `table table-bordered table-bordered-half ${className}`, style: st, id: id, onClick: onClick }, children))));
|
|
261
267
|
};
|
|
262
268
|
|
|
263
269
|
const FTableHead = ({ st, children, id, className, onClick }) => {
|
|
264
|
-
return (
|
|
265
|
-
|
|
270
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
271
|
+
React__default["default"].createElement("thead", { style: st, id: id, className: className, onClick: onClick }, children)));
|
|
266
272
|
};
|
|
267
273
|
|
|
268
274
|
const FTableBody = ({ st, children, id, className, onClick }) => {
|
|
269
|
-
return (
|
|
270
|
-
|
|
275
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
276
|
+
React__default["default"].createElement("tbody", { style: st, className: className, id: id, onClick: onClick }, children)));
|
|
271
277
|
};
|
|
272
278
|
|
|
273
279
|
const FTableRow = ({ st, children, onClick, id, className }) => {
|
|
274
|
-
return (
|
|
275
|
-
|
|
280
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
281
|
+
React__default["default"].createElement("tr", { style: st, onClick: onClick, id: id, className: className }, children)));
|
|
276
282
|
};
|
|
277
283
|
|
|
278
284
|
const FTableHeaderCell = ({ st, row, col, children, onClick, id, className }) => {
|
|
279
|
-
return (
|
|
280
|
-
|
|
285
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
286
|
+
React__default["default"].createElement("th", { style: st, rowSpan: row, colSpan: col, onClick: onClick, id: id, className: className }, children)));
|
|
281
287
|
};
|
|
282
288
|
|
|
283
289
|
const FTableDataCell = ({ st, row, col, children, onClick, id, onBlur, onFocus, className }) => {
|
|
284
|
-
return (
|
|
285
|
-
|
|
290
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
291
|
+
React__default["default"].createElement("td", { style: st, rowSpan: row, colSpan: col, onClick: onClick, id: id, onBlur: onBlur, onFocus: onFocus, className: className }, children)));
|
|
286
292
|
};
|
|
287
293
|
|
|
288
294
|
const FTableFooter = ({ st, children, id, className, onClick }) => {
|
|
289
|
-
return (
|
|
290
|
-
|
|
295
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
296
|
+
React__default["default"].createElement("tfoot", { style: st, id: id, className: className, onClick: onClick }, children)));
|
|
291
297
|
};
|
|
292
298
|
|
|
293
|
-
// *********************************************************************************************************************
|
|
294
|
-
// Родительский компонет диалогового окна
|
|
295
299
|
// *********************************************************************************************************************
|
|
296
300
|
const FDialog = ({ openAndClose, closeButtonBackPage, hide, children, id, className, st, width = 'lg' }) => {
|
|
297
301
|
React.useEffect(() => {
|
|
@@ -302,30 +306,26 @@ const FDialog = ({ openAndClose, closeButtonBackPage, hide, children, id, classN
|
|
|
302
306
|
document.body.classList.remove('open-dialog');
|
|
303
307
|
}
|
|
304
308
|
}, [openAndClose]);
|
|
305
|
-
return (
|
|
306
|
-
|
|
307
|
-
|
|
309
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
310
|
+
React__default["default"].createElement("div", { className: `${openAndClose ? 'f-dialog active-dialog' : 'f-dialog'} ${className !== undefined ? className : ''}`, onClick: () => closeButtonBackPage && closeButtonBackPage(false), id: id, style: st },
|
|
311
|
+
React__default["default"].createElement("div", { className: `${openAndClose ? 'f-dialog-content active' : 'f-dialog-content'} ${hide ? 'hide' : ''}`, style: {
|
|
308
312
|
width: width === 'xxl' ? '95vw' : width === 'lg' ? '80vw' : width === 'md' ? '65vw' : width === 'xs' ? '50vw' : 'fit-content'
|
|
309
313
|
}, onClick: (e) => e.stopPropagation() }, children))));
|
|
310
314
|
};
|
|
311
315
|
|
|
312
|
-
// *********************************************************************************************************************
|
|
313
|
-
// Головная часть компонента диалогового окна
|
|
314
316
|
// *********************************************************************************************************************
|
|
315
317
|
const FDialogHeader = ({ title, handleClose, }) => {
|
|
316
|
-
return (
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
318
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
319
|
+
React__default["default"].createElement("div", { className: "dialog-header" },
|
|
320
|
+
React__default["default"].createElement("div", null,
|
|
321
|
+
React__default["default"].createElement("h3", { className: "dialog-title", style: { margin: 0 } }, title === undefined ? '' : title)),
|
|
320
322
|
handleClose !== undefined &&
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
323
|
+
React__default["default"].createElement("div", null,
|
|
324
|
+
React__default["default"].createElement("div", { className: "cl-btn-3", onClick: handleClose },
|
|
325
|
+
React__default["default"].createElement("span", { className: "top" }),
|
|
326
|
+
React__default["default"].createElement("span", { className: "bot" }))))));
|
|
325
327
|
};
|
|
326
328
|
|
|
327
|
-
// *********************************************************************************************************************
|
|
328
|
-
// Основная часть компонента диалогового окна
|
|
329
329
|
// *********************************************************************************************************************
|
|
330
330
|
const FDialogBody = ({ st, children, scroll }) => {
|
|
331
331
|
let style = {};
|
|
@@ -335,20 +335,16 @@ const FDialogBody = ({ st, children, scroll }) => {
|
|
|
335
335
|
if (st !== undefined) {
|
|
336
336
|
style = Object.assign(style, st);
|
|
337
337
|
}
|
|
338
|
-
return (
|
|
339
|
-
|
|
338
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
339
|
+
React__default["default"].createElement("div", { className: "dialog-body", style: style }, children)));
|
|
340
340
|
};
|
|
341
341
|
|
|
342
|
-
// *********************************************************************************************************************
|
|
343
|
-
// Нижняя часть компонента диалогового окна
|
|
344
342
|
// *********************************************************************************************************************
|
|
345
343
|
const FDialogFooter = ({ children }) => {
|
|
346
|
-
return (
|
|
347
|
-
|
|
344
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
345
|
+
React__default["default"].createElement("div", { className: 'dialog-footer' }, children)));
|
|
348
346
|
};
|
|
349
347
|
|
|
350
|
-
// *********************************************************************************************************************
|
|
351
|
-
// Родительский компонет прогресс бара
|
|
352
348
|
// *********************************************************************************************************************
|
|
353
349
|
const FProgress = ({ st, color = 'primary' }) => {
|
|
354
350
|
let style = {
|
|
@@ -364,12 +360,10 @@ const FProgress = ({ st, color = 'primary' }) => {
|
|
|
364
360
|
if (st !== undefined) {
|
|
365
361
|
style = Object.assign(style, st);
|
|
366
362
|
}
|
|
367
|
-
return (
|
|
368
|
-
|
|
363
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
364
|
+
React__default["default"].createElement("div", { style: style, className: 'f-progress' })));
|
|
369
365
|
};
|
|
370
366
|
|
|
371
|
-
// *********************************************************************************************************************
|
|
372
|
-
// Родительский компонет прелоадера
|
|
373
367
|
// *********************************************************************************************************************
|
|
374
368
|
const FPreloader = ({ st, backgroundColor = '#e0e0e0', children, open }) => {
|
|
375
369
|
if (open) {
|
|
@@ -385,24 +379,24 @@ const FPreloader = ({ st, backgroundColor = '#e0e0e0', children, open }) => {
|
|
|
385
379
|
if (st !== undefined) {
|
|
386
380
|
style = Object.assign(style, st);
|
|
387
381
|
}
|
|
388
|
-
return (
|
|
389
|
-
|
|
390
|
-
|
|
382
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
383
|
+
React__default["default"].createElement("div", { className: "f-preloader", style: style },
|
|
384
|
+
React__default["default"].createElement("div", { className: "f-preloader-row" }, children))));
|
|
391
385
|
};
|
|
392
386
|
|
|
393
387
|
const FCheckbox = ({ label, onChange, defaultChecked, className, id, st, checked, disabled }) => {
|
|
394
|
-
return (
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
388
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
389
|
+
React__default["default"].createElement("div", { className: `f-checkbox ${className !== undefined ? className : ''}`, id: id, style: st },
|
|
390
|
+
React__default["default"].createElement("label", null,
|
|
391
|
+
React__default["default"].createElement("input", { defaultChecked: defaultChecked, type: "checkbox", onChange: onChange, checked: checked, disabled: disabled }),
|
|
398
392
|
label))));
|
|
399
393
|
};
|
|
400
394
|
|
|
401
395
|
const FRadioButton = ({ label, onClick, className, id, st, checked, disabled }) => {
|
|
402
|
-
return (
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
396
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
397
|
+
React__default["default"].createElement("div", { className: `f-radio ${className !== undefined ? className : ''}`, id: id, style: st },
|
|
398
|
+
React__default["default"].createElement("label", null,
|
|
399
|
+
React__default["default"].createElement("input", { type: "radio", onClick: onClick, checked: checked, disabled: disabled }),
|
|
406
400
|
label))));
|
|
407
401
|
};
|
|
408
402
|
|
|
@@ -461,35 +455,35 @@ const FPagination = ({ currentPage, totalCount, pageSize, onPageChange, id, clas
|
|
|
461
455
|
};
|
|
462
456
|
// @ts-ignore
|
|
463
457
|
let lastPage = paginationRange[paginationRange.length - 1];
|
|
464
|
-
return (
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
458
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
459
|
+
React__default["default"].createElement("ul", { className: `pagination-container ${className !== undefined ? className : ''}`, style: st, id: `${id !== undefined ? id : ''}` },
|
|
460
|
+
React__default["default"].createElement("li", { className: `pagination-item ${currentPage === 1 ? 'disabled' : ''}`, onClick: onPrevious },
|
|
461
|
+
React__default["default"].createElement("div", { className: "arrow left" })),
|
|
468
462
|
paginationRange.map(pageNumber => {
|
|
469
463
|
if (pageNumber === DOTS) {
|
|
470
|
-
return
|
|
464
|
+
return React__default["default"].createElement("li", { className: "pagination-item dots" }, "\u2026");
|
|
471
465
|
}
|
|
472
|
-
return (
|
|
466
|
+
return (React__default["default"].createElement("li", { className: `pagination-item ${pageNumber === currentPage ? 'selected' : ''}`, id: 'test-id', onClick: () => onPageChange(pageNumber) }, pageNumber));
|
|
473
467
|
}),
|
|
474
|
-
|
|
475
|
-
|
|
468
|
+
React__default["default"].createElement("li", { className: `pagination-item ${currentPage === lastPage ? 'disabled' : ''}`, onClick: onNext },
|
|
469
|
+
React__default["default"].createElement("div", { className: "arrow right" })))));
|
|
476
470
|
};
|
|
477
471
|
|
|
478
472
|
const FTimeline = ({ children, st, id, className }) => {
|
|
479
|
-
return (
|
|
480
|
-
|
|
473
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
474
|
+
React__default["default"].createElement("div", { className: `fv-timeline ${className !== undefined ? className : ''}`, style: st, id: id }, children)));
|
|
481
475
|
};
|
|
482
476
|
|
|
483
477
|
const FTimelineCard = ({ children, st, title, id, className }) => {
|
|
484
|
-
return (
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
478
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
479
|
+
React__default["default"].createElement("div", { className: `fv-tl-block-card ${className !== undefined ? className : ''}`, id: id },
|
|
480
|
+
React__default["default"].createElement("div", { className: 'fv-tl-line-circle' }),
|
|
481
|
+
React__default["default"].createElement(FPaper, { label: title, st: st, className: 'fv-tl-card' }, children))));
|
|
488
482
|
};
|
|
489
483
|
|
|
490
484
|
const FCloseIcon = ({ color = 'primary', size = 70, st, id, className, handleClose }) => {
|
|
491
|
-
return (
|
|
492
|
-
|
|
485
|
+
return (React__default["default"].createElement("svg", { width: size, style: st, className: `bi bi-x-lg ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 16 16", onClick: handleClose, id: id },
|
|
486
|
+
React__default["default"].createElement("path", { d: "M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z" })));
|
|
493
487
|
};
|
|
494
488
|
|
|
495
489
|
const FArrowIcon = ({ color = 'primary', size = 32, st, direction = 'right', handleClick, id, className }) => {
|
|
@@ -501,66 +495,66 @@ const FArrowIcon = ({ color = 'primary', size = 32, st, direction = 'right', han
|
|
|
501
495
|
180}deg)`
|
|
502
496
|
};
|
|
503
497
|
st = Object.assign({}, style, st);
|
|
504
|
-
return (
|
|
505
|
-
|
|
498
|
+
return (React__default["default"].createElement("svg", { width: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", className: `arrow-icon ${color} ${className !== undefined ? className : ''}`, style: st, onClick: handleClick, id: id },
|
|
499
|
+
React__default["default"].createElement("path", { 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" })));
|
|
506
500
|
};
|
|
507
501
|
|
|
508
502
|
const FPlusIcon = ({ color = 'primary', size = 32, st, className, id, handleClick }) => {
|
|
509
|
-
return (
|
|
510
|
-
|
|
503
|
+
return (React__default["default"].createElement("svg", { onClick: handleClick, className: `MuiSvgIcon-root MuiSvgIcon-fontSizeMedium ${color} ${className !== undefined ? className : ''}`, id: id, width: size, style: st, focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "AddCircleOutlineOutlinedIcon" },
|
|
504
|
+
React__default["default"].createElement("path", { d: "M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" })));
|
|
511
505
|
};
|
|
512
506
|
|
|
513
507
|
const FTrashIcon = ({ color = "primary", size = 32, st, id, className, handleClick, }) => {
|
|
514
|
-
return (
|
|
515
|
-
|
|
516
|
-
|
|
508
|
+
return (React__default["default"].createElement("svg", { onClick: handleClick, xmlns: "http://www.w3.org/2000/svg", width: size, style: st, className: `bi bi-trash ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 16 16", id: id },
|
|
509
|
+
React__default["default"].createElement("path", { d: "M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z" }),
|
|
510
|
+
React__default["default"].createElement("path", { fillRule: "evenodd", d: "M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z" })));
|
|
517
511
|
};
|
|
518
512
|
|
|
519
513
|
const FCheckIcon = ({ color = 'success', size = 30, st, id, className, handleClick }) => {
|
|
520
|
-
return (
|
|
521
|
-
|
|
514
|
+
return (React__default["default"].createElement("svg", { width: size, viewBox: "0 0 16 16", className: `${color} ${className !== undefined ? className : ''}`, id: id, onClick: handleClick, style: st },
|
|
515
|
+
React__default["default"].createElement("path", { clipRule: "evenodd", d: "M15.4142 4.41421L6 13.8284L0.585785 8.41421L3.41421 5.58578L6 8.17157L12.5858 1.58578L15.4142 4.41421Z", fillRule: "evenodd" })));
|
|
522
516
|
};
|
|
523
517
|
|
|
524
518
|
const FListIcon = ({ color = 'dark', size = 32, st, id, className, handleClick }) => {
|
|
525
|
-
return (
|
|
526
|
-
|
|
527
|
-
|
|
519
|
+
return (React__default["default"].createElement("svg", { width: size, style: st, className: `bi bi-card-list ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 16 16", id: id, onClick: handleClick },
|
|
520
|
+
React__default["default"].createElement("path", { d: "M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z" }),
|
|
521
|
+
React__default["default"].createElement("path", { d: "M5 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 8zm0-2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0 5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-1-5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zM4 8a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm0 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z" })));
|
|
528
522
|
};
|
|
529
523
|
|
|
530
524
|
const FPenIcon = ({ color = 'dark', size = 30, st, id, className, handleClick }) => {
|
|
531
|
-
return (
|
|
532
|
-
|
|
525
|
+
return (React__default["default"].createElement("svg", { width: size, style: st, className: `bi bi-pencil ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 16 16", onClick: handleClick, id: id },
|
|
526
|
+
React__default["default"].createElement("path", { d: "M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z" })));
|
|
533
527
|
};
|
|
534
528
|
|
|
535
529
|
const FDownloadIcon = ({ color = 'dark', size = 32, st, id, className, handleClick }) => {
|
|
536
|
-
return (
|
|
537
|
-
|
|
538
|
-
|
|
530
|
+
return (React__default["default"].createElement("svg", { style: st, id: id, width: size, onClick: handleClick, className: `bi bi-download download-icon ${color} ${className}`, viewBox: "0 0 16 16" },
|
|
531
|
+
React__default["default"].createElement("path", { d: "M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z" }),
|
|
532
|
+
React__default["default"].createElement("path", { d: "M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z" })));
|
|
539
533
|
};
|
|
540
534
|
|
|
541
535
|
const FCopyAddIcon = ({ color = 'dark', size = 30, st, id, className, handleClick }) => {
|
|
542
|
-
return (
|
|
543
|
-
|
|
544
|
-
|
|
536
|
+
return (React__default["default"].createElement("svg", { width: size, style: st, className: `bi bi-pencil ${color} ${className !== undefined ? className : ''}`, viewBox: "0 0 32 32", onClick: handleClick, id: id },
|
|
537
|
+
React__default["default"].createElement("path", { d: "M27.2,8.22H23.78V5.42A3.42,3.42,0,0,0,20.36,2H5.42A3.42,3.42,0,0,0,2,5.42V20.36a3.42,3.42,0,0,0,3.42,3.42h2.8V27.2A2.81,2.81,0,0,0,11,30H27.2A2.81,2.81,0,0,0,30,27.2V11A2.81,2.81,0,0,0,27.2,8.22ZM5.42,21.91a1.55,1.55,0,0,1-1.55-1.55V5.42A1.54,1.54,0,0,1,5.42,3.87H20.36a1.55,1.55,0,0,1,1.55,1.55v2.8H11A2.81,2.81,0,0,0,8.22,11V21.91ZM28.13,27.2a.93.93,0,0,1-.93.93H11a.93.93,0,0,1-.93-.93V11a.93.93,0,0,1,.93-.93H27.2a.93.93,0,0,1,.93.93Z" }),
|
|
538
|
+
React__default["default"].createElement("path", { d: "M24.09,18.18H20v-4a.93.93,0,1,0-1.86,0v4h-4a.93.93,0,0,0,0,1.86h4v4.05a.93.93,0,1,0,1.86,0V20h4.05a.93.93,0,1,0,0-1.86Z" })));
|
|
545
539
|
};
|
|
546
540
|
|
|
547
541
|
const FUnlinkIcon = ({ color = 'dark', size = 30, st, id, className, handleClick }) => {
|
|
548
|
-
return (
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
542
|
+
return (React__default["default"].createElement("svg", { width: size, style: st, className: `bi bi-pencil ${color} ${className !== undefined ? className : ''}`, viewBox: "-0.5 0 25 25", onClick: handleClick, id: id, fill: 'none' },
|
|
543
|
+
React__default["default"].createElement("path", { d: "M9.23993 17.55L7.95993 18.84C7.33993 19.47 6.51992 19.79 5.69992 19.79C4.87992 19.79 4.05994 19.47 3.43994 18.84C2.18994 17.58 2.18994 15.54 3.43994 14.29L4.70993 13.02L6.11993 11.6L8.82993 8.86", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
544
|
+
React__default["default"].createElement("path", { d: "M8.82996 3.86V6.86", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
545
|
+
React__default["default"].createElement("path", { d: "M5.32996 5.22L6.82996 7.81", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
546
|
+
React__default["default"].createElement("path", { d: "M9.23993 17.55L7.95993 18.84C7.33993 19.47 6.51992 19.79 5.69992 19.79C4.87992 19.79 4.05994 19.47 3.43994 18.84C2.18994 17.58 2.18994 15.54 3.43994 14.29L4.70993 13.02L6.11993 11.6L8.82993 8.86", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
547
|
+
React__default["default"].createElement("path", { d: "M14.7599 7.45L16.0399 6.16C16.6599 5.53 17.4799 5.21 18.2999 5.21C19.1199 5.21 19.9399 5.53 20.5599 6.16C21.8099 7.42 21.8099 9.46 20.5599 10.71L19.2899 11.98L17.8799 13.4L15.1699 16.14", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
548
|
+
React__default["default"].createElement("path", { d: "M12.33 5.22L10.83 7.81", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
549
|
+
React__default["default"].createElement("path", { d: "M15.1699 21.14V18.14", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
550
|
+
React__default["default"].createElement("path", { d: "M18.6699 19.79L17.1699 17.19", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
551
|
+
React__default["default"].createElement("path", { d: "M11.6699 19.79L13.1699 17.19", stroke: "#0F0F0F", "stroke-miterlimit": "10", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
558
552
|
};
|
|
559
553
|
|
|
560
554
|
const FFilterIcon = ({ color = 'dark', size = 30, st, id, className, handleClick }) => {
|
|
561
|
-
return (
|
|
562
|
-
|
|
563
|
-
|
|
555
|
+
return (React__default["default"].createElement("svg", { width: size, viewBox: "0 0 24 24", className: `${color} ${className !== undefined ? className : ''}`, id: id, onClick: handleClick, style: st },
|
|
556
|
+
React__default["default"].createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
|
|
557
|
+
React__default["default"].createElement("path", { fillRule: "nonzero", d: "M14 14v6l-4 2v-8L4 5V3h16v2l-6 9zM6.404 5L12 13.394 17.596 5H6.404z" })));
|
|
564
558
|
};
|
|
565
559
|
|
|
566
560
|
const FOpenImgFull = ({ id, className, st, imagesUrl, selectedImg, setSelectedImg, handleClose, openAndClose }) => {
|
|
@@ -578,40 +572,40 @@ const FOpenImgFull = ({ id, className, st, imagesUrl, selectedImg, setSelectedIm
|
|
|
578
572
|
if (st !== undefined) {
|
|
579
573
|
style = Object.assign(style, st);
|
|
580
574
|
}
|
|
581
|
-
return (
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
575
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, imagesUrl.length !== 0 && selectedImg >= 0 && selectedImg < imagesUrl.length &&
|
|
576
|
+
React__default["default"].createElement(FDialog, { openAndClose: openAndClose, st: style, className: className, id: id },
|
|
577
|
+
React__default["default"].createElement("div", { className: 'fv-opn-img-full-body' },
|
|
578
|
+
React__default["default"].createElement(FStack, { direction: 'row-reverse', spacing: 2 },
|
|
579
|
+
React__default["default"].createElement("div", { style: {
|
|
586
580
|
position: 'fixed',
|
|
587
581
|
top: '70px',
|
|
588
582
|
right: '20px'
|
|
589
583
|
} }, handleClose !== undefined &&
|
|
590
|
-
|
|
584
|
+
React__default["default"].createElement(FCloseIcon, { handleClose: () => {
|
|
591
585
|
handleClose();
|
|
592
586
|
document.body.style.overflow = 'auto';
|
|
593
587
|
} })),
|
|
594
|
-
|
|
588
|
+
React__default["default"].createElement(FStack, { direction: 'row', spacing: 2, alignItems: 'center', justifyContent: 'center' },
|
|
595
589
|
selectedImg > 0 ?
|
|
596
|
-
|
|
590
|
+
React__default["default"].createElement(FArrowIcon, { direction: 'left', handleClick: () => setSelectedImg(selectedImg - 1) })
|
|
597
591
|
:
|
|
598
|
-
|
|
599
|
-
|
|
592
|
+
React__default["default"].createElement("div", { style: { width: '35px', height: '35px' } }, "\u3164"),
|
|
593
|
+
React__default["default"].createElement("img", { className: 'open-full-img', src: imagesUrl[selectedImg], style: {
|
|
600
594
|
objectFit: 'contain',
|
|
601
595
|
width: '100%',
|
|
602
596
|
maxHeight: '80%',
|
|
603
597
|
} }),
|
|
604
598
|
selectedImg < imagesUrl.length - 1 ?
|
|
605
|
-
|
|
599
|
+
React__default["default"].createElement(FArrowIcon, { direction: 'right', handleClick: () => setSelectedImg(selectedImg + 1) })
|
|
606
600
|
:
|
|
607
|
-
|
|
601
|
+
React__default["default"].createElement("div", { style: { width: '35px', height: '35px' } }, "\u3164")))))));
|
|
608
602
|
};
|
|
609
603
|
|
|
610
604
|
const FAccordion = ({ variant = 'info', title, children, id, className, st, defaultOpen }) => {
|
|
611
|
-
return (
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
605
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
606
|
+
React__default["default"].createElement("div", { className: `card ${className !== undefined ? className : ''}`, id: id },
|
|
607
|
+
React__default["default"].createElement("details", { className: `${variant}`, open: defaultOpen, style: st },
|
|
608
|
+
React__default["default"].createElement("summary", { className: 'fv-accord-title' }, title),
|
|
615
609
|
children))));
|
|
616
610
|
};
|
|
617
611
|
|
|
@@ -648,9 +642,9 @@ const FInputFileForm = ({ id, className, st, dataMaxSize, name, accept, multiple
|
|
|
648
642
|
inputRef.current.value = null;
|
|
649
643
|
}
|
|
650
644
|
}, [deleteFile]);
|
|
651
|
-
return (
|
|
652
|
-
|
|
653
|
-
|
|
645
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
646
|
+
React__default["default"].createElement("div", { className: "custom-file custom-file-dropzone", style: st },
|
|
647
|
+
React__default["default"].createElement("input", { accept: accept, type: "file", className: `custom-file-input ${className !== undefined ? className : ''}`, name: name, id: id, title: title, "data-max-size": dataMaxSize === null || dataMaxSize === void 0 ? void 0 : dataMaxSize.size, multiple: multiple, onChange: (e) => {
|
|
654
648
|
if (e.target.files && e.target.files[0]) {
|
|
655
649
|
let maximumSize = undefined;
|
|
656
650
|
if ((dataMaxSize === null || dataMaxSize === void 0 ? void 0 : dataMaxSize.dimension) === 'МБ') {
|
|
@@ -675,17 +669,17 @@ const FInputFileForm = ({ id, className, st, dataMaxSize, name, accept, multiple
|
|
|
675
669
|
}, disabled: disabled,
|
|
676
670
|
//@ts-ignore
|
|
677
671
|
ref: inputRef }),
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
672
|
+
React__default["default"].createElement("label", { className: "custom-file-label", style: disabledColor.customFileLabel },
|
|
673
|
+
React__default["default"].createElement("svg", { className: "svg-icon icon-md", focusable: "false", role: "img", viewBox: "0 0 36 35", style: disabledColor.svgIcon },
|
|
674
|
+
React__default["default"].createElement("path", { d: "M19.035 16.465a1.458 1.458 0 0 0-2.041 0l-4.376 4.229a1.459 1.459 0 1 0 2.013 2.1l1.91-1.852v8.225a1.458 1.458 0 1 0 2.917 0v-8.152l1.881 1.895a1.459 1.459 0 0 0 2.071 0 1.457 1.457 0 0 0 0-2.07l-4.375-4.375z" }),
|
|
675
|
+
React__default["default"].createElement("path", { d: "M26.269 10.208a8.75 8.75 0 0 0-16.538 0 7.292 7.292 0 0 0-4.491 12.06 1.457 1.457 0 1 0 2.187-1.851 4.375 4.375 0 0 1 3.282-7.292h.145a1.458 1.458 0 0 0 1.459-1.167 5.833 5.833 0 0 1 11.433 0 1.458 1.458 0 0 0 1.458 1.167h.088a4.376 4.376 0 0 1 3.281 7.292 1.457 1.457 0 0 0 .131 2.07 1.458 1.458 0 0 0 1.563.235c.189-.085.357-.21.494-.366a7.292 7.292 0 0 0-4.492-12.148z" })),
|
|
676
|
+
React__default["default"].createElement("br", null),
|
|
677
|
+
React__default["default"].createElement("span", { style: disabledColor.span },
|
|
678
|
+
React__default["default"].createElement("b", { style: disabledColor.b }, "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435"),
|
|
685
679
|
" \u0438\u043B\u0438 \u043F\u0435\u0440\u0435\u043C\u0435\u0441\u0442\u0438\u0442\u0435 \u0444\u0430\u0439\u043B \u0434\u043B\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438",
|
|
686
|
-
|
|
680
|
+
React__default["default"].createElement("br", null),
|
|
687
681
|
" ",
|
|
688
|
-
|
|
682
|
+
React__default["default"].createElement("small", null,
|
|
689
683
|
"\u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u044B\u0439 \u0440\u0430\u0437\u043C\u0435\u0440 ", dataMaxSize === null || dataMaxSize === void 0 ? void 0 :
|
|
690
684
|
dataMaxSize.size,
|
|
691
685
|
" ", dataMaxSize === null || dataMaxSize === void 0 ? void 0 :
|
|
@@ -693,14 +687,14 @@ const FInputFileForm = ({ id, className, st, dataMaxSize, name, accept, multiple
|
|
|
693
687
|
};
|
|
694
688
|
|
|
695
689
|
const FFile = ({ id, className, st, handleDelete, name }) => {
|
|
696
|
-
return (
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
690
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
691
|
+
React__default["default"].createElement(FStack, { direction: 'row', spacing: 1, className: className, id: id, st: st },
|
|
692
|
+
React__default["default"].createElement("svg", { className: "svg-icon text-primary", focusable: "false", role: "img", viewBox: "0 0 24 24" },
|
|
693
|
+
React__default["default"].createElement("path", { d: "M15 16H9a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2zm-6-2h3a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2z" }),
|
|
694
|
+
React__default["default"].createElement("path", { d: "M19.74 8.33l-5.44-6a1 1 0 0 0-.74-.33h-7A2.53 2.53 0 0 0 4 4.5v15A2.53 2.53 0 0 0 6.56 22h10.88A2.53 2.53 0 0 0 20 19.5V9a1 1 0 0 0-.26-.67zM14 5l2.74 3h-2a.79.79 0 0 1-.74-.85V5zm3.44 15H6.56a.532.532 0 0 1-.56-.5v-15a.53.53 0 0 1 .56-.5H12v3.15A2.79 2.79 0 0 0 14.71 10H18v9.5a.53.53 0 0 1-.56.5z" })),
|
|
695
|
+
React__default["default"].createElement(FStack, { direction: 'row', justifyContent: 'space-between', st: { width: '100%' } },
|
|
696
|
+
React__default["default"].createElement("span", null, name),
|
|
697
|
+
React__default["default"].createElement(FCloseIcon, { handleClose: handleDelete, st: {
|
|
704
698
|
width: '10px',
|
|
705
699
|
height: '10px',
|
|
706
700
|
marginTop: '7px',
|
|
@@ -710,42 +704,42 @@ const FFile = ({ id, className, st, handleDelete, name }) => {
|
|
|
710
704
|
};
|
|
711
705
|
|
|
712
706
|
const FSelect = ({ label, st, onChange, children, value, multiple, size, fullWidth, disabled, defaultValue, id, className, load = false, errText, helpText, }) => {
|
|
713
|
-
return (
|
|
714
|
-
|
|
707
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
708
|
+
React__default["default"].createElement("div", { className: `form-group ${className !== undefined ? className : ''}`, style: {
|
|
715
709
|
width: fullWidth ? '100%' : 'fit-content',
|
|
716
710
|
whiteSpace: 'nowrap',
|
|
717
711
|
overflow: 'hidden',
|
|
718
712
|
textOverflow: 'ellipsis'
|
|
719
713
|
}, id: id },
|
|
720
|
-
|
|
714
|
+
React__default["default"].createElement("label", { className: "control-label with-offset", style: {
|
|
721
715
|
whiteSpace: 'nowrap',
|
|
722
716
|
overflow: 'hidden',
|
|
723
717
|
textOverflow: 'ellipsis'
|
|
724
718
|
} }, label),
|
|
725
|
-
|
|
726
|
-
|
|
719
|
+
React__default["default"].createElement("div", { className: `${load ? 'ui left icon input loading' : ''}` },
|
|
720
|
+
React__default["default"].createElement("select", { disabled: disabled || load, style: Object.assign({}, st, { borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4' }), className: "form-control", onChange: onChange, value: load ? undefined : value, multiple: multiple, size: size, defaultValue: defaultValue }, !load &&
|
|
727
721
|
children),
|
|
728
722
|
helpText !== undefined &&
|
|
729
|
-
|
|
723
|
+
React__default["default"].createElement("span", { style: {
|
|
730
724
|
whiteSpace: 'initial',
|
|
731
725
|
color: '#a6a3a3',
|
|
732
726
|
fontSize: '12px'
|
|
733
727
|
} }, helpText),
|
|
734
728
|
errText !== undefined && errText.length > 0 &&
|
|
735
|
-
|
|
736
|
-
return (
|
|
729
|
+
React__default["default"].createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
|
|
730
|
+
return (React__default["default"].createElement("span", { key: index, style: {
|
|
737
731
|
whiteSpace: 'initial',
|
|
738
732
|
color: 'red'
|
|
739
733
|
} }, opt));
|
|
740
734
|
})),
|
|
741
735
|
load &&
|
|
742
|
-
|
|
743
|
-
|
|
736
|
+
React__default["default"].createElement("div", { className: 'input-load' },
|
|
737
|
+
React__default["default"].createElement(FLoadIcon, { size: 10 }))))));
|
|
744
738
|
};
|
|
745
739
|
|
|
746
740
|
const FSelectItem = ({ st, value, children, onClick, disabled, className, id }) => {
|
|
747
|
-
return (
|
|
748
|
-
|
|
741
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
742
|
+
React__default["default"].createElement("option", { selected: true, disabled: disabled, onClick: onClick, style: st, value: value, className: className, id: id }, children)));
|
|
749
743
|
};
|
|
750
744
|
|
|
751
745
|
const FFullDateField = ({ label, st, value, onChange, fullWidth, defaultValue, disabled, readOnly, onkeydown, min, max, load = false, errText, helpText, onBlur, onFocus }) => {
|
|
@@ -762,35 +756,35 @@ const FFullDateField = ({ label, st, value, onChange, fullWidth, defaultValue, d
|
|
|
762
756
|
else if (value === undefined || value === null) {
|
|
763
757
|
value = '';
|
|
764
758
|
}
|
|
765
|
-
return (
|
|
766
|
-
|
|
759
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
760
|
+
React__default["default"].createElement("div", { className: `form - group ${load ? 'ui left icon input loading' : ''}`, style: st },
|
|
767
761
|
label &&
|
|
768
|
-
|
|
762
|
+
React__default["default"].createElement("label", { className: "control-label", style: {
|
|
769
763
|
whiteSpace: 'nowrap',
|
|
770
764
|
overflow: 'hidden',
|
|
771
765
|
textOverflow: 'ellipsis'
|
|
772
766
|
} }, label),
|
|
773
|
-
|
|
767
|
+
React__default["default"].createElement("input", { min: min, max: max, onKeyDown: onkeydown, readOnly: readOnly, onBlur: onBlur, onFocus: onFocus, disabled: disabled || load, required: true, style: {
|
|
774
768
|
borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
|
|
775
769
|
}, defaultValue: defaultValue, value: load ? '' : value,
|
|
776
770
|
//@ts-ignore
|
|
777
771
|
onChange: onChange, type: 'date', className: "form-control" }),
|
|
778
772
|
helpText !== undefined &&
|
|
779
|
-
|
|
773
|
+
React__default["default"].createElement("span", { style: {
|
|
780
774
|
whiteSpace: 'initial',
|
|
781
775
|
color: '#a6a3a3',
|
|
782
776
|
fontSize: '12px'
|
|
783
777
|
} }, helpText),
|
|
784
778
|
errText !== undefined && errText.length > 0 &&
|
|
785
|
-
|
|
786
|
-
return (
|
|
779
|
+
React__default["default"].createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
|
|
780
|
+
return (React__default["default"].createElement("span", { key: index, style: {
|
|
787
781
|
whiteSpace: 'initial',
|
|
788
782
|
color: 'red'
|
|
789
783
|
} }, opt));
|
|
790
784
|
})),
|
|
791
785
|
load &&
|
|
792
|
-
|
|
793
|
-
|
|
786
|
+
React__default["default"].createElement("div", { className: 'input-load' },
|
|
787
|
+
React__default["default"].createElement(FLoadIcon, { size: 10 })))));
|
|
794
788
|
};
|
|
795
789
|
|
|
796
790
|
const FSelectSearchDb = ({ fetchingFunc, selectedElement, selectItem, st, id, className, disabled, readOnly, fullWidth, label, onBlur, onFocus, errText, helpText, minLengthText }) => {
|
|
@@ -838,39 +832,39 @@ const FSelectSearchDb = ({ fetchingFunc, selectedElement, selectItem, st, id, cl
|
|
|
838
832
|
if (fullWidth) {
|
|
839
833
|
st.width = '100%';
|
|
840
834
|
}
|
|
841
|
-
return (
|
|
842
|
-
|
|
835
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
836
|
+
React__default["default"].createElement("div", { className: `select-search-db ${className !== undefined ? className : ''} ${load ? 'ui left icon input loading' : ''}`, style: st, id: id },
|
|
843
837
|
label &&
|
|
844
|
-
|
|
838
|
+
React__default["default"].createElement("label", { className: "control-label with-offset", style: {
|
|
845
839
|
whiteSpace: 'nowrap',
|
|
846
840
|
textOverflow: 'ellipsis'
|
|
847
841
|
} }, label),
|
|
848
|
-
|
|
849
|
-
|
|
842
|
+
React__default["default"].createElement("div", { className: 'select-search-db-input-block' },
|
|
843
|
+
React__default["default"].createElement("input", { readOnly: readOnly, disabled: disabled || load, required: true, style: {
|
|
850
844
|
borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
|
|
851
845
|
}, type: 'text', className: "form-control select-search-db-input", value: valueInput, onChange: handlerOnChange, onFocus: onFocus, onBlur: onBlur }),
|
|
852
846
|
(!load && !disabled) &&
|
|
853
|
-
|
|
854
|
-
|
|
847
|
+
React__default["default"].createElement("div", { className: 'select-search-db-input-arrow' },
|
|
848
|
+
React__default["default"].createElement(FArrowIcon, { direction: 'down', size: 15 })),
|
|
855
849
|
load &&
|
|
856
|
-
|
|
857
|
-
|
|
850
|
+
React__default["default"].createElement("div", { className: 'select-search-db-input-load' },
|
|
851
|
+
React__default["default"].createElement(FLoadIcon, { size: 10 }))),
|
|
858
852
|
(!load && arrObject !== undefined && arrObject.length > 0) &&
|
|
859
|
-
|
|
860
|
-
|
|
853
|
+
React__default["default"].createElement("div", { className: 'select-search-db-dropdown' },
|
|
854
|
+
React__default["default"].createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, arrObject.slice(0, 10).map((opt, index) => (React__default["default"].createElement("li", { key: index, onClick: (e) => {
|
|
861
855
|
selectedElement(opt);
|
|
862
856
|
//@ts-ignore
|
|
863
857
|
setValueInput(e.target.textContent);
|
|
864
858
|
} }, selectItem(opt)))))),
|
|
865
859
|
helpText !== undefined &&
|
|
866
|
-
|
|
860
|
+
React__default["default"].createElement("span", { style: {
|
|
867
861
|
whiteSpace: 'initial',
|
|
868
862
|
color: '#a6a3a3',
|
|
869
863
|
fontSize: '12px'
|
|
870
864
|
} }, helpText),
|
|
871
865
|
errText !== undefined && errText.length > 0 &&
|
|
872
|
-
|
|
873
|
-
return (
|
|
866
|
+
React__default["default"].createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
|
|
867
|
+
return (React__default["default"].createElement("span", { key: index, style: {
|
|
874
868
|
whiteSpace: 'initial',
|
|
875
869
|
color: 'red'
|
|
876
870
|
} }, opt));
|
|
@@ -878,34 +872,34 @@ const FSelectSearchDb = ({ fetchingFunc, selectedElement, selectItem, st, id, cl
|
|
|
878
872
|
};
|
|
879
873
|
|
|
880
874
|
const FTextArea = ({ label, st, value, cols, rows, placeholder, readOnly, disabled, autoComplete, className, id, fullWidth, onChange, onClick, onFocus, errText, helpText, load, }) => {
|
|
881
|
-
return (
|
|
882
|
-
|
|
875
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
876
|
+
React__default["default"].createElement("div", { style: {
|
|
883
877
|
width: fullWidth ? '100%' : 'fit-content'
|
|
884
878
|
}, className: `control-group ${className !== undefined ? className : ''}`, id: id },
|
|
885
|
-
|
|
879
|
+
React__default["default"].createElement("div", { className: `${load ? 'ui left icon input loading' : ''} form-group`, style: st },
|
|
886
880
|
label &&
|
|
887
|
-
|
|
888
|
-
|
|
881
|
+
React__default["default"].createElement("label", { className: "control-label with-offset required" }, label),
|
|
882
|
+
React__default["default"].createElement("textarea", { onClick: onClick, onFocus: onFocus, cols: cols, rows: rows, style: {
|
|
889
883
|
borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
|
|
890
884
|
}, disabled: disabled || load, readOnly: readOnly,
|
|
891
885
|
//@ts-ignore
|
|
892
886
|
autoComplete: autoComplete, required: true, value: load ? undefined : value, placeholder: placeholder, className: "form-control", onChange: onChange }),
|
|
893
887
|
helpText !== undefined &&
|
|
894
|
-
|
|
888
|
+
React__default["default"].createElement("span", { style: {
|
|
895
889
|
whiteSpace: 'initial',
|
|
896
890
|
color: '#a6a3a3',
|
|
897
891
|
fontSize: '12px'
|
|
898
892
|
} }, helpText),
|
|
899
893
|
errText !== undefined && errText.length > 0 &&
|
|
900
|
-
|
|
901
|
-
return (
|
|
894
|
+
React__default["default"].createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
|
|
895
|
+
return (React__default["default"].createElement("span", { key: index, style: {
|
|
902
896
|
whiteSpace: 'initial',
|
|
903
897
|
color: 'red'
|
|
904
898
|
} }, opt));
|
|
905
899
|
})),
|
|
906
900
|
load &&
|
|
907
|
-
|
|
908
|
-
|
|
901
|
+
React__default["default"].createElement("div", { className: 'input-load' },
|
|
902
|
+
React__default["default"].createElement(FLoadIcon, { size: 10 }))))));
|
|
909
903
|
};
|
|
910
904
|
|
|
911
905
|
const FAlert = ({ title, body, variant = 'info', displayTime, open, onClose, vertical = 'center', horizontal = 'center', buttonClose = false, size }) => {
|
|
@@ -942,29 +936,29 @@ const FAlert = ({ title, body, variant = 'info', displayTime, open, onClose, ver
|
|
|
942
936
|
}
|
|
943
937
|
}, [open]);
|
|
944
938
|
const handlerIco = () => {
|
|
945
|
-
let ico =
|
|
946
|
-
|
|
947
|
-
|
|
939
|
+
let ico = React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
940
|
+
React__default["default"].createElement("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" }),
|
|
941
|
+
React__default["default"].createElement("path", { d: "m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" }));
|
|
948
942
|
switch (variant) {
|
|
949
943
|
case 'info':
|
|
950
|
-
ico =
|
|
951
|
-
|
|
952
|
-
|
|
944
|
+
ico = React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
945
|
+
React__default["default"].createElement("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" }),
|
|
946
|
+
React__default["default"].createElement("path", { d: "m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" }));
|
|
953
947
|
break;
|
|
954
948
|
case "success":
|
|
955
|
-
ico =
|
|
956
|
-
|
|
957
|
-
|
|
949
|
+
ico = React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
950
|
+
React__default["default"].createElement("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" }),
|
|
951
|
+
React__default["default"].createElement("path", { d: "M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.235.235 0 0 1 .02-.022z" }));
|
|
958
952
|
break;
|
|
959
953
|
case 'error':
|
|
960
|
-
ico =
|
|
961
|
-
|
|
962
|
-
|
|
954
|
+
ico = React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
955
|
+
React__default["default"].createElement("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" }),
|
|
956
|
+
React__default["default"].createElement("path", { d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" }));
|
|
963
957
|
break;
|
|
964
958
|
case 'warning':
|
|
965
|
-
ico =
|
|
966
|
-
|
|
967
|
-
|
|
959
|
+
ico = React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
960
|
+
React__default["default"].createElement("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" }),
|
|
961
|
+
React__default["default"].createElement("path", { d: "M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z" }));
|
|
968
962
|
break;
|
|
969
963
|
}
|
|
970
964
|
return ico;
|
|
@@ -1005,17 +999,17 @@ const FAlert = ({ title, body, variant = 'info', displayTime, open, onClose, ver
|
|
|
1005
999
|
}
|
|
1006
1000
|
return Object.assign({}, styleHorizontal, styleVertical);
|
|
1007
1001
|
};
|
|
1008
|
-
return (
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1002
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, open &&
|
|
1003
|
+
React__default["default"].createElement("div", { className: 'f-block-alert', id: `f-block-alert-${randomId.current}` },
|
|
1004
|
+
React__default["default"].createElement("div", { className: "f-alert-component", style: handlerPosition() },
|
|
1005
|
+
React__default["default"].createElement("div", { className: 'f-alert' },
|
|
1006
|
+
React__default["default"].createElement("div", { className: `f-alert-ico ${variant}` },
|
|
1007
|
+
React__default["default"].createElement("svg", { width: "28", height: "28", viewBox: "0 0 16 16" }, handlerIco())),
|
|
1008
|
+
React__default["default"].createElement("div", { className: 'f-alert-inside', style: { width: size !== undefined ? `${size}` : "fit-content" } },
|
|
1009
|
+
React__default["default"].createElement("div", { className: 'f-alert-header' },
|
|
1010
|
+
React__default["default"].createElement("h4", null, title !== undefined ? title : ''),
|
|
1017
1011
|
(buttonClose && onClose) &&
|
|
1018
|
-
|
|
1012
|
+
React__default["default"].createElement(FCloseIcon, { size: 25, st: {
|
|
1019
1013
|
cursor: 'pointer'
|
|
1020
1014
|
}, handleClose: () => {
|
|
1021
1015
|
const el = document.querySelector(`#f-block-alert-${randomId.current}`);
|
|
@@ -1028,12 +1022,12 @@ const FAlert = ({ title, body, variant = 'info', displayTime, open, onClose, ver
|
|
|
1028
1022
|
clearTimeout(hidden.current);
|
|
1029
1023
|
clearTimeout(close.current);
|
|
1030
1024
|
} })),
|
|
1031
|
-
|
|
1032
|
-
|
|
1025
|
+
React__default["default"].createElement("div", { className: 'f-alert-body' },
|
|
1026
|
+
React__default["default"].createElement("span", null, body))),
|
|
1033
1027
|
newTime &&
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1028
|
+
React__default["default"].createElement("div", { className: 'f-alert-progress' },
|
|
1029
|
+
React__default["default"].createElement("div", { className: "f-alert-progress-bar" },
|
|
1030
|
+
React__default["default"].createElement("div", { className: `f-alert-progress-value ${variant}`, id: `f-alert-progress-value-${randomId.current}` }))))))));
|
|
1037
1031
|
};
|
|
1038
1032
|
|
|
1039
1033
|
const FNative = ({ label, id, className, st, children, value, singleChoice, multipleChoice, disabled, size = 4, overflowX, width = '-webkit-fill-available', fullWidth }) => {
|
|
@@ -1066,10 +1060,10 @@ const FNative = ({ label, id, className, st, children, value, singleChoice, mult
|
|
|
1066
1060
|
st.width = '100%';
|
|
1067
1061
|
}
|
|
1068
1062
|
}
|
|
1069
|
-
return (
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1063
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1064
|
+
React__default["default"].createElement("div", { className: `f-form-native ${className !== undefined ? className : ''}`, style: st, id: id },
|
|
1065
|
+
React__default["default"].createElement("label", { className: 'f-native-label' }, label),
|
|
1066
|
+
React__default["default"].createElement("select", { style: {
|
|
1073
1067
|
overflowX: overflowX ? 'auto' : 'hidden',
|
|
1074
1068
|
width: width
|
|
1075
1069
|
}, size: size, disabled: disabled,
|
|
@@ -1085,32 +1079,32 @@ const FNative = ({ label, id, className, st, children, value, singleChoice, mult
|
|
|
1085
1079
|
};
|
|
1086
1080
|
|
|
1087
1081
|
const FTabs = ({ children, id, className, st }) => {
|
|
1088
|
-
return (
|
|
1089
|
-
|
|
1082
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1083
|
+
React__default["default"].createElement("div", { className: `f-tabs ${className !== undefined ? className : ''}`, id: id, style: st }, children)));
|
|
1090
1084
|
};
|
|
1091
1085
|
|
|
1092
1086
|
const FTab = ({ children, id, className, st, onClick, disabled, active }) => {
|
|
1093
|
-
return (
|
|
1094
|
-
|
|
1087
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1088
|
+
React__default["default"].createElement("button", { className: `f-tabs-btn ${active ? 'active' : ''} ${className !== undefined ? className : ''}`, disabled: disabled, onClick: onClick, id: id, style: st }, children)));
|
|
1095
1089
|
};
|
|
1096
1090
|
|
|
1097
1091
|
var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIAEAQAAAAO4cAyAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAAAqo0jMgAAAAlwSFlzAAAAYAAAAGAA8GtCzwAAQPRJREFUeNrt3XfAFNXVBvDnDAIRjGAiYIyAXdRobNFoovTeJCJNEQuoYG9YozGxd4ldgiCISrXQpL0gWGKMYomCHWw06R3e+3x/TPhiobxld8/OzvP7T4G9Z+7M7Dk75VxARERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERKR8GGrVIitU8I5DpDTIChUYatXyjkNEJJEY6tZl+PRTcuBAMoq84xEpCdKM4bHHyLlzyX328Y5HRCRRyL32Ij//nP9vwAAVAZLvSDPy4Yf/d9zOm8ew337ecYmIJAJ5wAHkV1/xJ/r3J8284xPZkjj5P/jgT4/b+fPJgw/2jk9EJK+R9eqRX3/NrerXT0WA5Js4+ffrt/XjdsEChkMO8Y5TRCQvkYcdRi5cyO26917vWEW+j7zttu0ft0uWMBx1lHesIiJ5hTz8cHLx4u1/if5XuPtu75hFAIC8+eYSH7dcupTh6KO9YxYRyQvkkUeS331X8i/RzUXAnXd6xy7pRv7tb6U+brlsGfn733vHLiLiivzDH8jly0v/JbrZ9dd7b4OkE3nDDWU+bMOqVWSDBt7bICLiguH448kVK8qe/De79lrvbZF0IS+7rNyHbVi1imzUyHtbRERyiqxfn1y5svzJf7OrrvLeJkkH8uKLM3fcrl7N0LSp9zaJiOQEQ/Pm5Jo1mfsS3axvX+9tk8LGcOGFmT9u161jaNvWe9tERLKKbNWKXLs281+iJBkCed553tsohYmhZ8/4GMuG9evJE0/03kYRkaxgaNOGXLcuO1+g3y8Cevf23lYpLOSZZ5LFxdk9djdsIP/0J+9tFRHJKIaTT46/4HIhBIZzzvHeZikM5OmnZz/5b7ZpE8Opp3pvs4hIRpBdupAbN+bmC3Sz4mKG7t29t12SjezUidy0KbfH7qZNZI8e3tsuIlIuZLduuU/+3/8iPeUU7zmQZGLo2NHv2C0uJs84w3sORETKJH5oKleXTrdVBHTp4j0Xkizkn/7kl/w300OtIpJADOec45/8N9uwQU9YS0mRJ56Yu+dVticEhgsv9J4TEZESIXv3zt7rUmW1fj3Zrp333Eh+I1u0yP6bKqUVAnnJJd5zIyKyTQxXXOH9dbl169cztGnjPUeSnxiaNctej4pM+POfvedIRGSLyCuv9P6K3L5168iWLb3nSvILQ5Mm2elOmWm33eY9VyKpR5qR99+vh3Ri5F/+4v3VWHKrV5MNG3rPmeQHhj/+MbPrUmSbigBg80PGDz9MRpF3LJIicfJ/4IH4ZFTnubKtie5t9WotxyrkccclK/n/V7jzTu+5891v3+vMGB5/XEWA5ARZoQI5YMCPzsZUdp4jzRjuucf7u7DsX6KrVjGccIL3PIoP8thjM7MctZeHHiLNvOcx9/ttS50Zn3qKYYcdvGOTAhYn/0GDtnwypqvz3P9ugSTd8uUMRx/tPZ+SW+Thh5NLlngffeX3yCNp+vW77c6MzzyjIkCyIk7+Q4Zs+2RMR+e5H94CKQTLljH87nfe8yq5QR52GPndd95HXcak5BJ4yTozDh/OULGid6xSQBgqVWIYObJkZ+OmTWTXrt4xZ20utngLpBAsXUoeeaT3/Ep2MRx6KLl4sffRlnmFfQm8dJ0Zx4xhqFzZO2YpAAyVKpHPPVe6k3HTJrJTJ+/YMz4X27wFUgDCokUMv/mN9zxLdpD16pHz53sfZtlTmJfAy9SZMYwbR/7sZ96xS4IxVK5MvvBC2U7Gwuo8Fyf/wYO9v+Kyb8EC8uCDvedbMos84ADym2+8j66sC8OGFdIl8PJ1ZpwwgdxxR+9tkAQiq1RhmDSpfGdjYXSeK90tkEIwfz554IHe8y6ZwbDffuTXX3sfVbnz4ouFcAk8M50Zp09n2Gkn722RBCGrVmWYMiUzJ+O6dWSrVt7bVOa5CJUqkaNHe3+l5d5XX5H77OM9/1I+DPvuG+/LlEn4JfDMdmacMYPh5z/33iZJAIaddmIoKsrs2bhmDdmokfe2lX4uynMLpBDMm0fuvbf3fpCyYahTh/z8c++jyE8yL4FnpzPjK68w7Lyz97ZJHiOrV2d47bXsnIzJ6jwX3wKZODH7X1L5bu5ccq+9vPeHlA5D7doMn37qffT4mzYtSZfAs9uZ8c03yV/+0nsbJQ+Ru+xC/vOfWT0XE9J5LrO3QArBF18w1K3rvV+kZBj22IPhk0+8j5r88fLLSbgEnpPOjOGttxh23dV7WyWPMNSoQc6alZuTMb87z2XnFkgh+OgjcvfdvfePbBtDrVrkBx94Hy35Z+bMfL4ETh5xRO46M/7nP+Ruu3lvs+QBhpo1yXffze3JmJ+d5xiqVcveLZBCMGcO+atfee8n2bL4XP7Pf7yPkvz15pvkL37hvZ9+st88OjOGDz9UQZ9y5G67ke+/73My5lfnObJ69azfAikE4cMP9esh/8RX8d57z/vwyHt5dgnctzPj7Nnkr3/tPQfigKF27fiyrufJuGgRwyGHuM8Fd9mF4V//cp2LRHnnHT1MlD/i4vXf//Y+KpJj1iyGGjX891s+dGb8/HM95JsyDHXq5M9DQgsXeneeI/v29Z6F5Pn3v8lddvE+ltMuLl7fesv7aEievn1991s+dWb84gu97psS5J57kp995n3I/dCCBeRBB/nNSaGt7pcj4a23VAT4YahWTbetyiA8/jhp5rff8rEz49y5DPvu631MSxYx7L8/+eWX3ofals2fT9ar5zY3NCMfesh7FhInvPZaEl6xKjRk1arkyy977/7ECf/4h+fSwfndmfHbbz1/iEkWxfeb8q3q/DHfznNxEfDII96zkDyvvKIiIHfIKlXIadO893ryPPGEb/JPQmfG+fO1ImiBIQ88MH/uN22Pb+c5MorIJ5/0noXkmTEjSR3XkipO/lOneu/t5Hn2WbJCBbf9FmrXzr9br1uzYAHDoYd6H+uSAeRhhzEsWuR9SJWOb+e5eOnfIUO8ZyFxwqRJSey9nhTkjjsyTJ7svZuTZ/hwhh12cNtviezMuGRJPvZqkVKIu0t5vWNaXr6d5+Ii4OmnvWchccLEiUlehS1fxatSjhnjvXsTJ4wc6Zv8k9yZcelShmOO8T72pQwYjjoq592lMs638xxDxYrpXAq4vCZMKIT12PNFnPzTvCplGYVx4zyPw8LozLhsGXnssd7ngJRCvJzk8uXeh05mzJ7t2Xku/vJ9/nnvWUgc5y/fQhEXoc895707k2f8eN/kX0CdGcOqVWTDht7ngpQAwwknZH1FqZzz7TwXFwEvvug9C4njfPk16XQbqqxeesnzNlRhdmZcvZqhSRPvc0K2gWzQIHtrSTsLb7/tuZAHQ+XKDOPGeU9D8vg+gJVUcfJ/6invvZc4zg+iktWrF25b8TVrGJo18z43ZAvIFi3ItWu9D5Gscu48p1ewysr3FaykiV9FHTzYe68lj++rqOnozLh+Pdmunfc5It9Dtm5d8Ml/s/Daa57repNVqjAUFXlPQ/IMHOjZhCUp4mZUjz7qvbeSx7cZVbo6M65fT3bo4H2uCACGjh3JDRu8D4ncyoeTffp071lIHOc2rPkuTv4PP+y9mxLHuR11OjszbtxIduvmfc6kGtmpU/qS/2YzZ/pe7tt558K/3JcFzgux5Ks4+T/4oPfuSRzdFnS0aRND9+7e504qkV27xlVYmr38Mlm1qts+CNWqkW+84T0LyXP//d7nT75huOMO772SON4PBqszI8lNm8jTT/c+f1KFPOsssrjYe9fnBefOc/ErP2++6T0NyXPvvd7nUb4gb73Ve28kTz68GqzOjLEQyD59vM+jVGDo1UvJ/8d8O88VVNOPXAp33eV9Pnkjb77ZezckTvjwQ4Zatdz2mTozbkEI5AUXeJ9PBY0899x4ouUn8qLt5/vve09D8tx4o/d55XbM8K9/9Z795MmH9uDqzLhlIZAXX+x9XhUk8rLLvHdv3gsjRzJUrOi2jxK98IenP//Z+/zK+bHC66/3nvXk0QJhyXDttd7nV0Eh+/b13qXJ4bz0J3/96+Qt/ZkPrrnG+zzL3TGiYr708mGJcHVmLLnrr/c+zwoCeeWV3rsyeZ591ncJ0Nq1GT791HsWkufKK73Pt6wfG7z4Yu9ZTp65c8k99/TbZ+rMWDa33eZ9viUaeeON3rswuXw7zzHUqUN+/rn3LCROuOIK7/Mue8fEhRd6T2/yzJtH7r232z5TZ8Zyuv127/MukcibbvLedYnn3HmOoW5d8osvvKchWQrzlSKGnj31AG9pffkluc8+bvtMnRkzQ2/7lFx80N17r/c+KxjOnecY9tuP/Ppr72lIlhDIc8/1PhczdgzwzDP16m5pzZ9PHnig3z5TZ8bMevhhdQDdjvig69fPe1cVHt/Ocwz7709+8433LCRLCOTZZ3ufk+Xe9+zRQ8m/tBYsIA8+2HW/qTNj5oXHHtNaIFuhijPbfDvPkfXqkd9+6z0LyVJczHDqqd7nZtn3eadOcatUKbmFCxl+8xvf/abOjNnTv7+KgB+JXzF54gnvXVPwwt13u+7ncOih5OLF3tOQLJs2JXHVsXiVzrSv1VFaS5eSRx7put/UmTEHhg71fEsrr8TJ/8knvXdJevh2niMPO4z87jvvWUiWTZvILl28z9WS7+M//UnJv7SWLWM46ijf/abOjLnj+6p2XoiT/5Ah3rsifXw7z5GHH04uWeI9C8myYQPZvr33Obv9fduyJblunfdsJcuyZQxHH+2739SZMfeGD/fs3OoqXlBi1CjvXZBevp3nyN//nlyxwnsWkmX9eoa2bb3P3a3u09C8uZJ/KYVVqxiOP951v6kzo6MxYzxXc/U54EKlSuTzz3tPvVx1letxwOOOUxFQWuvXk61be5/DP9mXoWlTcu1a79lJltWryfr1XfebOjPmgfHjyR139Nj/OX8vMd7Q554DmjXz2GD5Efbta9Gdd7oNH/74R9j48cBOO3lPRXKsXQu0bWs2ZYp3JADA0KQJ7IUXAJ8vsWRaswZo08asqMgrAoYLL4T5viIs/8Vp04C2bS1atSqXw+a0ACCrVAGffx7WpEkux5VtIYELLjB78EG3CJRAysA/gQAq4Mpm/XqgQwez8eO9ImDo2RP22GOAmtPkj5dfBtu0sWjlylyNmLOdT1atCrz4ItCwYa7GlJIigfPOM3v4YbcIQtOmcRGQsvth5bJmDdCqldn06R6jk8cdB0yYAPz8594zkRwbNgB/+pPZ2LFeEZBnngk8/jig99Hzz8yZYOvWFq1YkYvRclIAMFSrFv9KOPbYXIwnZUEC555r9thjfhG0aBHfHqpc2Xs2EoOrVwMtW1o0Y0ZOh+Xvfw9MnKjkXxobNoAdO1r04oteEZA9egADBij55zG++SaseXOzJUuyPVTWCwCyenVwwgTYMcdkeywprxDAHj0sGjLEKwKyZUtg9GgVAaWxfDnYrJlFb7yRi9HIww8HpkwBdtnFe8uTY+NG4OSTzZ5/3isCslMnYOhQoEIF79mQ7XnrLaBZM7PvvsvmKFmtAslddgEmTlTyT4oogg0c6Nl5Lr4v2q0bsGmT92wkR7VqsJdeykUjGfKww4DJk5X8S6O4GDjtNNfkHzp2BJ56Ssk/KY44Apw8mWHXXbM5StauADDUrAmbNAk49NBsboBkQ3ExcOqpZs884xUBQ8eOsKefBlLeLatUli0DGjc2e+utbHw6w6GHwqZOBX75S+8tTY7NyX/oUK8IyD/9CXj2WZ1LSfThh/E5/e232fj0rBQADLVqwSZPBnwXtZDy0CXLZFq0CGzUyKL338/kp5L16gFFRcBuu3lvYXKEAJ5+ukWDB3tFoFtqBYCzZ8MaNzb75ptMf3TGbwGQu+0W/0pQ8k+2ihWBYcM8O8+ZDRsGnHUWEIL3bCRHjRqwKVPIgw7K1Ccy7L8/MHWqkn9pkEDv3q7JPzRvruRfACwuvhn22CPTH53RAoChdm1gxgwgc18+4qlSJdiIEZ6d58wGDQJ69VIRUBo1awJTp5IHHljeT2LYbz9YURHwq195b1VybH6t1vGNmtC0KUxv1BSO/feHzZhB7rVXJj81Y7cAGOrWBaZMge2zT+4nR7LLv/OcGpeUxVdfAQ0amH36aVn+NUPdurDp04G6db23JDnUWEuyad48oFGjsp7TP5aRKwDknnvCioqU/AvVjjsCL7xA+jVxsqh/f/Dii71nIln22AMoKirLrwaGOnVg06Yp+ZcSr7zSN/n/8Y+w0aOV/AtVnTrx7YB9983Ep5W7AIjvD86cCWT20oTkmypVgDFjPBcvsahfP+CSS7xnIllq1wamTSP33LOk/yK+lVdUBJT83wgAXH2167oaPO442Lhxastc6GrXjm8HHHxweT+pXAUAWa9efH/w17/2nhLJhSpVwLFjPZcvNbvvPuDyy71nIlnq1AEmTSK3f57Gf6eoCLb33t5RJ8t115nddpvX6HFnRrVlTo/ddgOmTGE45JDyfEqZC4D4KeOiImD33b2nQnLIqlaFvfgiw9FHu4Vgd98N/OUv3lORLPvuG98O2Pr5ylCrFjBpkm7lldb115vdfLPX6HFnxnHjlPzTplYt2JQpDL/9bVk/oUwPVJGHHw5OnAjLbpciyWfLl4NNmlj05pteEZB/+xtw3XXeM5Esc+bEDwbOn//9/xs37po6FSj/ZcVU4Z13WtS3r9vwPOywuC3zL37hPRXiZelSsEWLsrQCL3UBQB55JPDSS+oGJtnuPFcS5M03A9dc4z0TicLZs4EGDSxasAAAGGrUUO+OMuA991h02WVuw6szo/y/ZcuAli3NXn+9NP+qVAUAw1FHwSZOVB9w+Z/sdJ4rDfK224Arr/SeiWR55x2gceO4Ve3kycCRR3pHlCz33Wfm90CqOjPKTy1fHi8P/uqrJf0XJS4A4tdLdJ9JtmThQqBhQ7MPPvAYnTQD7r8fuOAC75lIln//O+6rcMQR3pEkS79+Zhdd5DU6w/77x69oqjmT/AhXr4a1a2c2dWpJ/nqJCgCGE06AjR2r10tk6xYsiIuADz/0GD0uAh54AOjTx3smpJD94x9Ar15mpMfocWfGadP08LVs3Zo1YPv2Fk2evL2/ud23ABiaN4dNmKDkL9tWqxYwcSLp8wR5/IV8/vnAI494z4QUqieeAM4+2y/5160br7Cq5C/bUqUKbMyYkqzjss0rAPFKUqNGAT/7mfcmSVJ8+WX8lPlnn3mMTpqBjz4K69XLeyakkAwaBJx5ppnPmhRxZ8bp09WcSUpuwwagU6dtrei61QIgXgBm5EgtJiGlN28eUL++2RdfeIxOVqgADBwInHqq90xIIRg2DDzlFIs2bfIYPe7MOG2amjNJ6W3YAHTtajZq1Jb+dIu3ABg6dtQyklJ2Je88lw1mxcXA6acDQ4d6z4Qk3YgRrslfnRmlXCpVAoYNI085ZUt/+pMCgOzcGfb00/F68CJltf3Oc9kUFwGnnQY884z3TEhCcdQosFs3v1/+6swomVChAjBoEMNpp/34T35wC4Ds2hV48klghx28Q5ZCMWdO/HbAt996jM5QsSJs+HCgfXvvmZAE4fjxQIcOFq1f7zK8OjNKxhUXAz17mg0cuPn//P8VAPKss4AhQ5T8JbMOOACcOjX+NZN7Fm3cCHbqBIwZ4z0TkhQvveSb/GvUgE2ZouQvmVWhAjBgAPm/V6UjACDPPht47DEgKvfywCI/YfXqwSZOJH1allq0YQN40knA2LHeUyF5jpMmASee6Jb8Wb06bPx4tWWW7Ij7pTBceCEAGNm7N/Dgg/EfiGQRZ82CNW5stmSJy/DccUdwzBhYo0beUyH5aMaMuJ/66tUeozNUqwZMngw76ijvmZBCRwKXXhoB+++v5C85YYcdBowfH3/ROQxva9fC2raNe6iLfN8rr4CtWrkmf5s0SclfcsMMqFvX4haqf/87cN553iFJWrz2Gti8uUUrV3qMTlapEq+fXr++90xIPnj11Xg5Va/jsWrV+Hg84QTvmZCUYP/+sLPPNmBzH/UHHwR69/aOS9Li1VfjImDVKo/RGXbeGZg4EXbMMd4zIY74+utA8+YWrVjhMjyrVAHHjoU1aOA9FZISHDAA1quXWQj/f+k/LgIefhg45xzv+CQtZs4EW7b0KwL+e9kVv/ud90yIA779dvxMytKlLsOzSpX47ZSGDb2nQtJi4EDgrLM2t7T+UR+AKIr/Qvfu3mFKSnDy5Hj5yrVrXYZn9eqg7r2mzzvvAI0bm333ncfoDJUrA6NHw1q29J4JSYthw4Bu3eImabGfPPwX91EfNAjYcutAkcybOBFo395s3TqP0clddgEmTwaOOMJ7JiQX3n0XbNzYosWLPUZnqFQJNmoU0Lq190xIWowYAXbt+uOullt8+j8uAgYPBrp29Q5b0mLCBNDx/etQo0bceU3vXxe2OXPi1Srnz/cYPU7+I0YA21+qVSQjOGoU0Lnzllpab7HxT3yJoHv3+JKBSC60aAF75hkGnzUoLFq0CGzcGPjgA++ZkGz56KO4LbVX8q9YEfbss0r+kjvPPQd06bK19Sy2+f5/XK0OHw60a+e9GZIS26hWczJ8qFULVlQEHHig91RIJn38cfzL/5tvPEaPr6oOGQJ06eI9E5IW27+qut0GQHERMHIk0KaN9+ZIWmz5flWuMOyxR7z+ulZhKwxz54L161s0d67H6HquSnKvZM9VlagDIEPlyvFDK61aeW+WpMVPn1jNJYbatWHTpwN77eU9E1Ie8+bFv/w//9xjdL1ZJTlXijerSrT4T3wJoWNHcOpU722TtOjUCejfP/4CzT2LvvwSbNAA+OIL75mQsvrqq/iev1fy39xbRclfcmXmTKBDh5K+Vl3iL9f/76POadO8N1HS4vTTwccf9ysC5s0DmzYFvv7aeyaktBYsAJo2NfvsM4/R/9dd9eyzvWdC0uLVV0vbWK1UX6xma9bA2rQBXn7Ze1MlJezMM8FHH42/UB2Gjz75BGzYEPB5eEzKYuFCoFEjs9mzPUb/3/oqaq0uufLaa/F6FqXrqlrqX1Zmq1eDbdsCb7zhvcmSEtazJ3DvvW7DRx9/DDRqBPi8PialsWhRnPw9X+e87TYtriY5w7ffBlq3LstiVmW6tGrRihVgs2bAv/7lve2SFhddxHDPPV6jm82ZAzZrBvp0j5MS4OLFYOPGZv/5j1sIvPVWoG9f76mQlOCsWbAmTcq6nkWZ761atHw50KwZ8O9/e8+BpIRdcgnDXXe5DR+99x7QpAng0z9etmXZMliLFvE+8kHedBNw1VXeMyFp8e67cfJfsqSsn1Cuh6vMli0DW7QA/E46SRm77DLyL39xGz565524CCj7SSeZtnw52KyZmd+PEfKvfwWuvdZ7JiQlOHt2fMyX78dIRh6sivuoFxUBBx/sPS+SEvzzny266Sa34XnEEfECQrvs4j0V6RbfjrTon//0ioDhiitgd9zhPROSFnPmxK+3fvtteT8pY09WM9SsGRcBBx3kOzmSHtdcY3brrV6jk8ceC7z0EvDzn3vPRCpx9WqgVSuL/N5KIi+9FLj7bu+pkLTIbEvrjL5axVCrVtxCtV49n8mR9LnqKrPbb/canfzDH4AJE4CddvKeiXRZswZo3drMry8JefHFnm+nSNp88kmc/DPXlyTj71Yz1K4dFwF7753byZF0IsELL7TogQfcIgh//CMwYQKsalXv2UiHtWuBNm3M/DqTkhdcANx/P+DTn0LSZt48oH59s8x2Js14hzWLvvwSaNgQ8Gm/KWljBuvXj+zTxy2CaOZM4MQTgW0vvCGZELcl903+Z52l5C+5E+fUTCd/IAtXADZjqFs3Xkylbt2szo0IAIAE+vQxe+QRtwhCs2aw558HfvYz79koTBs2gCedZNGYMV4RkGecAfTvD/i0p5a0+eqr+LL/p59m49OzWsEy7LcfbNo0YPfdszmOSIwEzznHoscf94ugRQvgueeAypW9Z6OwbNwY//J/4QWvCMgePYABA5T8JTcWLIh/+X/4YbZGyPolLIb994+LgF/9KttjiQDFxeDpp1s0ZIhXBGSHDsCzzwIVK3rPRmEoLgZOOcXs2We9IiA7dQKeegrYYQfv2ZA0WLgwTv7ZbWmdk3tY5AEHANOmAbvtlovxJO2Ki4Hu3c2eftorAvKkk4BnnlHCKK882JehY0fY009rX0puLFoENmpk0fvvZ3uknFzKivuoN2+uFqqSGxUqAIMHk507e0VgNnIk2K0bsGmT92wkV3Ex0KOHbyHXoQNs6FAlf8mNZcuAFi1ykfyBHF0B2Iw87DBgyhTgF7/I5biSVnlw3zicdhrsiSd037i0Qohv5Qwe7BUB2bIlMHq0nueQ3Fi+HGzSxKI338zViDn9UjKbNSvuo162lYtESqdiRWD4cIa2bb0isOjJJ4GePYEQvGcjOUiwTx/X5B+aNwdGjVLyl9z473oWOUz+QI4LAAAwe/ttoFUrYMWKXI8taVSpEmzECLJ1a68IzJ54Ajj77PhVRdk2EjjvPIsefdQtgtC0Key55/Q6p+QEV68G27a16I03cj20WyML8rjj4haq6qMuuZAH3eNCr16wRx9VA5mtyYeujscfD4wfr66Okhtr1gCtWplNn+4xutt9SbNXXwVatgRWrfKKQdJkxx2BF18kGzTwiiDuT3DJJd4zkb+uuso1+fMPf4CNG6fkL7mxZk38o8Qn+QOOBQAAmL3yCtihQ/zrTCTbqlQBx4xhOOEErwjM7r8fuPRS75nIP9dcY45L6sZXJMeP16JOkhtr1wLt2pkVFXlG4f5kskWTJ4Pt26uPuuSEVa0Ke/FFhmOOcQvB7r0XvOIK76nIH9dd57us8+9/Hyd/3Y6UXNiwATj5ZLMpU7wjcS8AAMCiSZPAE0+MF/oQybadd4a99BLD737nFYFFd90F/PWv3jPh74YbzG6+2Wt08vDDgbFjgZ139p4JSYMNG8COHc3GjvWOBHB8CHBL9N6t5NayZWDTprl+9eb7yJtuAq691nsmfDb+rrss8rsSwvDb38KmTAF++UvvqZA02Lgx/uX//PPekWyWF1cANjMbPx7o1i2eKJFsq14dNnEiecQRXhGYXXcd6Hf52w3vvdc3+R96KDB5spK/5EZxMXDaafmU/IE8uwKwmXpvS27lrvf21pC33w707es9E7lx//1mF1/sNbrWJpHc2pz8hw71juTH8rIAADavvjV0aNzXXSTbcrP61taQZkC/fsD553vPRHY39PHHYeecY+bTFEmrk0puhQD26OG5Oum25NUtgO8zGzYMOOsstVCV3KhZE5g6laxXz2P0OCFeeCHw8MPeM5E9//iHb/Lfbz9YUZGSv+QGCfTuna/JH8jjAgAAzAYNAnr1UhEguVGrFjBpErnPPh6jx4nxvPMAvza42RO3Q/ZL/nXrwiZNAnbf3XsmJA3+29LaHnvMO5JtydtbAN/H0LMn7LHH1EJVcuPLL4H69c0+/9xjdDKKgIEDge7dvWciMwYNAs4808ynkGeoUye+7L/XXt4zIWlAAhdcYPbgg96RbE9eXwHYzKL+/UG/h4YkbWrXBqZNI/fc02P0OFGecQbw1FPeM1FuHD4c7NnTL/nvsQdQVKTkLznDK69MQvIHElIAAIBF/fqpj7rkTp068e2AX//aY3Sz4mKgRw/g6ae9Z6LsRo4EunWzaNMmj9EZ4ls6sL339p4JSYurr7bozju9oyipxBQAAGB2333A5Zd7xyFpse++QFER6fPQWFwEdO8OPPus90yU3ujRYNeufsm/Zk3Y1Kkwn4c6JY2uvdbsttu8oyiNRBUAAGB2993ADTd4xyFpsd9+cRHg8864WXEx2L078MIL3jNRchMmxMnfp6EXQ40asKlTgYMO8p4JSYvrrze75RbvKEorsQ/VkX/9K/DnP3vHIWnx3ntxs6DFiz1GZ6hUCTZyJNCmjfdMbNvEiUD79mY+i3sx7LprnPwPOcR7JiQleOedFiWziVdiCwAAIG++GbjmGu84JC3eeQdo3Njsu+88RmeoXBk2ahTQqpX3TGw5wEmTYO3auSV/Vq8et/c98kjvqZCU4D33WHTZZd5hlFWiCwAAIG+9FbjqKu84JCU4axascWOzJUtchueOO4JjxsAaNfKeih+aMQNo2dJs9WqXeQnVqsXv+fut8Chpc999Zsl+MD3xBQAAMNxxB0zrq0uuvPUW0KSJ2dKlHqOTVaqAY8fCGjTwnonYK6+ALVpYtGqVy3yEnXcGJk6EHXOM90xIWvTrZ3bRRd5RlFdhFAA0Ax54AOjTxzsWSYvXXgObN7do5UqP0cmqVYFx44ATTtA85MM8SGqwf3+YX1fLTCqIAgDYXAQ89BBw7rnesUha5MEvX5s0CTj6aJ/t15UQSRkOGADr1cursVWmFUwBAGwuAh55BDj7bO9YJC1Seu9bz0JI6vi2tM6GgioAgM191AcNAk491TsWSYnUPf2utyEkbYYNA085xauxVbYUXAEAAGSFCsCTTwLdunnHImmRlvff1Q9B0mbECM+ultlUkAUAsLkIGDIE6NLFOxZJiwkTwBNPtGj9eo/R4w54RUXAwQdnZ4Q5c4AGDczmz/fZvooVYSNGAO3aeYwvKcRRo4AuXby6WmZbwRYAwOYvjOHDgfbtvWORtBg9Guzc2a8Nbs2acRGQ6Ta4H38cL5H87bcu28UKFeLVETt39hhfUojjxwMdOngV9LlQ0AUAsPmS4YgRQNu23rFIWowcCXbp4rsK3rRpmVsI55NP4l/+X3/tsj2sUAEYPBjo2tVjfEmjl14C27cv5OQPJHAxoNKyaMMGsGNHYOxY71gkLU46CRg6lGGHHTxGt2jBAqBZM/Czz8r/afPmAU2b+ib/QYOU/CVnOGkS4HcrL5cK/grAZvFrQy++CGvc2DsWSQvf14YY6tSBTZsG7LVX2T7hyy/jy/6ff+4SP6MIGDgwXhJZJBd8X+vNtYK/ArCZ2dq1sHbtgKIi71gkLXr0APr3jxNZ7lk0bx7YsCEwd27p//VXXwENG/ol/82NvZT8JVdeeQVs1SotyR9IUQEAAGZr1sSvD02f7h2LpMUZZwCPPRYntNyzaO5csGlT4JtvSv6vFiyIL/t/+qlHzPFcPfggcM45HuNLGr36KtiypVdXTy+pKgCAzUVA69bxpR6RXDjrLPDRR/2KgI8/jq8ElOQJ/oULgUaNzGbP9og1nqN+/YDevT3GlxTi66/Hyd9nPQtPqSsAAMBs9WqwbVvgjTe8Y5GUsF69gHvvdRs++ugjoGFDYFvv8C9aFCf/Dz7wihO47Tbg/PP9xpdU4dtvw1q1smjFCu9QPKSyAAAAi5YvB5o3B9980zsWSYuLLmK45x6v0c3mzAGbNwe21MJ36VKgRQuz//zHKz6GW24B+vb1Gl9ShrNmwfwWs8oHqS0AAMBs2TJY06bxqmYiOWCXXMJw551uw0fvvgs0aQJ8fxGfZcvAZs3M/M4D8qabYFdf7TW+pM2778bJ32cxq3yRmtcAtyVuoTp1KvCb33jHImlxww1mf/2r1+jk4YcDU6YAUQQ2bWrRv/7lF8uNNwLXX+81vqSNb0vrfKIC4L+y10JVZGuuu87s5pu9Rid//3uQtOif/3SLIVx+OczvioikzUcfxcnfp6V1vlEB8D0MtWrFRcCBB3rHImlxzTVmt97qHYUH8pJLAL9nIiRtPv44Tv6leSW2sKkA+BGGPfaI+6jvs493LJIWV15pdscd3lHkEnnRRcB993nHIWkxdy5Yv75FZWmKVbhUAGwBQ+3asOnTy95CVaQ0SOCCC8wefNA7kpxsbejVC/boo4BPXwRJm3nz4l/+Pl0t85lOwK2I+6hPnw7suad3LJIGJHDeeWYPP+wdSXa38qyzgMcfV/KX3Pjqq3g9i0wsjFV4dBJuA8O++8aLqfz6196xSBqQYO/eFj36qHck2dm6M84A+vcHfNZGkLRZsCD+5e/T1TIJVABsB8N++8VFwO67e8ciaRACePrpFg0e7B1JJpE9egADBij5S24sXBgvZuXZ1TL/qQAoAfKAA4Bp04DddvOORdKguBjo0cPsqae8I8kEhpNPhg0dCuywg3cskgaLFsXJ36+rZVKoACghsl69uAioVcs7FkmD4mKge3ezp5/2jqQ8yJNOAp55RslfcoKLFwONGln03nveoSSBLseVkNns2Vvvoy6SaRUqAIMHk507e0dSVmSHDsDTTyv5S24sWwZr0ULJv+R0BaCUyMMOi1uo/uIX3rFIGmzcCHTsaPbCC96RlAbZogXw3HNA5cresUgaLF/u3dI6iXQFoJTMZs0CmjaNV08TybaKFYHhwxnatPGOpKQYmjUDRo9W8pfcWLECbN5cyb/0VACUQbxqWuvWwMqV3rFIGlSqBBsxgmzVyjuS7WFo2hT2/PPAz37mHYukAFevBtu29VzPIsl0C6AcyOOOA156CdhpJ+9YJA3WrgXatDGbOtU7ki1hOP54YPx4WNWq3rFIGqxZA7RubTZtmnckSaUCoJwY/vhHYMIEfelJbuTnlx75hz8AEyaoGJbcyO9iOCl0C6CcLJo5EzjxRGDdOu9YJA2qVAHHjGE44QTvSDYjjz0WGD9eyV9yY/36+MFYJf/y0hWADGFo1kz3PiV3VqyIn3p+4w3PKMgjjgAmTwZ22cV7RiQNNmwATzrJojFjvCMpBCoAMkivPklu+b76pFdiJbeS+UpsPtMtgAwymzAB6NIlPlBFsq1aNdjEieSRR+Z6ZIbf/jb+5a/kL7mwuTOmkn8mqQDIMLPnnouLgE2bvGORNKheHZwwgeGQQ3I1YjzW5MnAL3/pvfWSBpuT/7PPekdSaFQAZIHZqFFgt24qAiQnbNddYVOmkAcfnO2hyAMOgE2cCNt1V+/NljTYvDBWstfEyFcqALLEouHDgVNPjQ9gkWyrUQOYOpU86KBsjcCw//5AUZFWxZTcCAE844xCWRUzH6kAyKL4klXPnkAI3rFIGtSsGRcB9epl+pMZ9t0XVlQE/OpX3lspaUCCffpYNHiwdySFTAVAlpkNHAj06qUiQHKjVi1g0iRy770z9YkMderAJk0Cdt/de+skDUjgvPMsevRR70gKnQqAHDAbMAA899z4wBbJtj32AIqKyL32Ku8nMdSuDZs2DdhzT++tkjQgwQsvNHv4Ye9I0kAFQI5Y9PjjwCWXeMchaVGnDlBUxFC3blk/gSEuJIDyFxIiJXPVVRY98IB3FGmhAiCHzO6/H7j0Uu84JC3q1oVNmkSW/tI9Q3wrAbbPPt5bIWlxzTVmd9zhHUWaqADIMbN77wWvuMI7DkmL/faLbweU/OE9hpo1YVOnwjL/MKHIll13ndmtt3pHkTYqABxYdNddwI03eschaRG/vkdu//U9hho1YFOnAtl7nVDkh264wezmm72jSCOtBeCI/NvfgOuu845D0uLdd8HGjS1avHhLf0ruskvc4e+II7wjlZTgXXdZpCuiXlQAOGO45RbY1Vd7xyFp8c47QKNGZkuWfP//ktWrg5MmwY46yjtCSQnee69FeibKkwqAPEDefjvQt693HJISfPttWOPGZkuXAgBDtWrxe/6/+513aJIW999vdvHF3lGknQqAPECaAf36Aeef7x2LpARffx1o3jz+j4kTYccc4x2SpAQffxx2zjlm6oviTQVAnoiLgIcfBs45xzsWSYuZM4EoAo47zjsSSYtHHgH69FHyzw8qAPKIigARKVxPPAH07Gmmtuj5QgVAniGjKD5RTjvNOxYRkcwYNAg480wl//yiAiAPkRUqAAMHxssJi4gkGIcPB7p1s2jTJu9Q5IdUAOSpuAgYPBjo2tU7FhGRshk5EuzSRck/P6kAyGNxEfDUU0Dnzt6xiIiUzujRYOfOFm3c6B2JbJkKgDzHULEibMQIoF0771hEREpmwgTwxBMtWr/eOxLZOhUACcBQqRJs5EigTRvvWEREtm3iRKB9e7N167wjkW1TAZAQcREwejTQqpV3LCIiW8RJk2Dt2in5J4MKgAQhd9wRHDMG1qiRdywiIj80YwbQsqXZ6tXekUjJqABIGLJKFXDsWFiDBt6xiIjEXnkFbNHColWrvCORklMBkEBk1arAuHHACSd4xyIiaffaa2Dz5hatXOkdiZSOCoCEYth5Zy3iIiK+3noLaNJk88qSkiwqABJMy7iKiBvOmhUvK71kiXcoUjYqABKOrF4dmDwZOPJI71hEJC3eeQdo3Njsu++8I5GyUwFQABh23RU2dSpwyCHesYhIoXvvPbBRI4sWL/aORMpHBUCBYKhRA1ZUBBx8sHcsIlKo5swBGjQwmz/fOxIpPxUABYShZs24CDjoIO9YRKTQfPxxnPy/+cY7EskMFQAFhqFWLWDaNFi9et6xiEih+OSTOPl//bV3JJI5KgAKEMMeewDTp8P23ts7FhFJunnzgPr1zb74wjsSyazIOwDJPIu++gpo2BD4/HPvWEQkyb78Mv7lr+RfiFQAFCiL5s0DGzYEdOKKSFnEPyTM9EOiUOkWQIFj2Hdf2PTpwO67e8ciIkmxYEH8y3/2bO9IJHt0BaDAWfTJJ/GVgG+/9Y5FRJJg4UKgUSMl/8KnAiAFLProo/iZAL27KyLbsmgR2Lix2QcfeEci2acCICXM5swBmzcH1b1LRLZk6VKgRQuL3n/fOxLJDRUAKWLRu+8CTZoA6t8tIt+3bBnYrJnZW295RyK5owIgZSx65x2gaVNAK3iJCAAsXw42a2bRm296RyK5pQIghczefhto3RpYscI7FhHxtGIF2Ly5Rf/6l3ckknsqAFLK7PXXgRYtgJUrvWMREQ9r1oBt21r0z396RyI+VACkmNlrrwEtWwKrVnnHIiK5tGYN0KaNRS+/7B2J+FEBkHJmr7wCtmoFrl7tHYuI5MLatUDbtmZFRd6RiC8VAAKLZswAOnQA1q3zjkVEsmnDBuDkk82mTvWORPypABAAgEWTJoEnnqgiQKRQbdgAduxoNnasdySSH7QWgPwA2bIlMHo0ULmydywikikbNwIdO5q98IJ3JJI/dAVAfsBs/Higa9f4C0NEkq+4GOjeXclffkwFgPyE2ejRYLduwKZN3rGISHkUFwOnnWb27LPekUj+UQEgW2TRiBHAKaeoCBBJquJi8PTTzYYO9Y5E8pMKANkqs2HDgJ49gRC8YxGR0iDB3r0tGjLEOxLJXyoAZJvMBg1SESCSJCTQp49Fjz/uHYnkNxUAsl1mTzwBnH12/MUiIvmLBM4/3+yRR7wjkfynAkBKxOwf/wAuusg7DhHZGhK88EKzhx7yjkSSQQWAlJjZ3/8OXHKJdxwisiVXX23RAw94RyHJoQJASsXsvvuAyy7zjkNEvu/aa81uv907CkkWFQBSamb33AP27esdh4gA4J//bHbLLd5hSPKoAJAysejOO4G//c07DpF0u/FGi266yTsKSSatBSDlQt50E3Dttd5xiKQO777bossv9w5DkksFgJQbeeutwFVXecchkhq8916LLr3UOwxJNhUAkhEMd9wBu+IK7zhECl+/fmZ6JVfKTwWAZARpBvz978B553nHIlKw2L8/7OyzzdSUS8pPBYBkTFwEPPgg0Lu3dywiBYcDBsB69TJTW27JDBUAklFxEfDII3HrYBHJjIEDgbPOUvKXTFIBIBlHRlH8hdW9u3csIsk3bBjQrZtZcbF3JFJYVABIVpAVKgBPPgl06+Ydi0hyjRgBdu1q0aZN3pFI4VEBIFkTFwFDhgBdunjHIpI4HDUK6NxZyV+yRQWAZBVDxYqw4cOB9u29YxFJjueeAzt1smjjRu9IpHCpAJCsY6hUCTZiBNC2rXcsIvlvwgTwxBMtWr/eOxIpbCoAJCfiImDUKKB1a+9YRPLXxIlA+/Zm69Z5RyKFTwWA5AxD5crA6NGwli29YxHJO5w8Gdaundnatd6hSDqoAJCcIqtUAcaMARo29I5FJH/MnAm2bGnRqlXekUh6qACQnIuLgHHjgPr1vWMR8ffqq2Dz5kr+kmsqAMQFWbUqMH48cPzx3rGIuOHrrwPNmlm0cqV3KJI+KgDEDUO1arCJE4Gjj/aORSTn+PbbsMaNzZYu9Q5F0kkFgLhiqFYNmDwZdtRR3rGI5AxnzYqT/5Il3qFIeqkAEHdk9erA5MnAkUd6xyKSfe++CzRqZPbdd96RSLqpAJC8wFCjBmzqVOA3v/GORSRrOHs20KCBRQsWeIciogJA8gZDzZqwoiLgoIO8YxHJvDlzgIYNzb791jsSEUAFgOQZhlq14iLgwAO9YxHJnI8/Bho0MPvmG+9IRDZTASB5h2GPPYBp02D77OMdi0j5ffJJnPy//to7EpHvUwEgeYmhdu24CNh7b+9YRMpu3jygfn2zL77wjkTkxyLvAES2xKIvv4zbBeuLU5IqPoaV/CVfqQCQvGXRvHlg06aALp1K0nz1VZz8P/vMOxKRrVEBIHnNok8+ARs2BPTwlCTFggVAs2Zmn37qHYnItqgAkLxn0ccfA40aAXp9SvLdwoVxk58PP/SORGR7VABIIpjNmRMXAWqgIvlq0SKwcWOzDz7wjkSkJFQASGKYzZ4NNmsGqIWq5Jtly4CWLS16/33vSERKSgWAJIpF774LNGkCaBEVyRfLl4NNm5r9+9/ekYiUhgoASRyzWbPiIkDLqIq35cvBZs0sevNN70hESksFgCSS2dtvA61aAStXesciKcXVq8G2bS164w3vUETKQgWAJJbZ668DLVoAq1Z5xyJps2YNrHVri2bM8I5EpKxUAEiimb36KtiypYoAyZ01a4A2bcymT/eORKQ8VABI4lk0cybYoQOwdq13LFLo1q8HOnY0KyryjkSkvFQASEGwaPJk8MQTgXXrvGORQrVhA3DSSWbjx3tHIpIJKgCkYFg0cSLQoUP8K00kkzZsADt2NBs71jsSkUxRASAFxWzCBKBLF2DjRu9YpFBs3Ah06mTRiy96RyKSSSoApOCYPfdcXARs2uQdiyRdcTFw2mlmzz/vHYlIpqkAkIJkNmoU2LWrigApu83J/5lnvCMRyQYVAFKwLBoxAjjllPiLXKQ0QgBPP91s6FDvSESyRQWAFDSzYcOAnj2BELxjkaQggd69LRoyxDsSkWxSASAFz2zgQKBXLxUBsn0kcN55Zo895h2JSLapAJBUMBswADznnPgLXmRLSOCCC8weftg7EpFcUAEgqWFR//7AJZd4xyF5ildeafbgg95hiOSKCgBJFbP77wcuvdQ7Dsk3V19t0Z13ekchkksqACR1zO69F7j8cu84JF9ce63Zbbd5RyGSayoAJJXM7r4b+MtfvOMQb9dfb3bLLd5RiHgw7wBEPJF/+xtw3XXecYgD3nmnRX37eoch4kUFgKQewy23wK6+2jsOySHec49Fl13mHYaIJxUAIgDI224DrrzSOw7JhfvuM9PbICIqAEQAkGZAv37A+ed7xyLZ1K+f2UUXeUchkg9UAIj8V1wEPPAA0KePdyySDf/4B9Crl5maQYkAKgBEfiAuAh56CDj3XO9YJJOeeALo2dNM7aBFNlMBIPIjpBn46KOwXr28Y5FMGDQIOPNMJX+RH1IBILIFZIUKwMCBwKmnesci5TFsGHjKKRZt2uQdiUi+UQEgshVxETB4MNC1q3csUhYjRoBduyr5i2yZCgCRbYiLgKeeAjp39o5FSoGjRgFduli0caN3KCL5SgWAyHYwVKwIGzECaNfOOxYpAY4fD3ToYNH69d6hiOQzFQAiJcBQqRJs5EigTRvvWGRbXnoJbN9eyV9k+1QAiJRQXASMGgW0bu0di2wBJ02CtWtntm6ddygiSaACQKQUyB13BMeMgTVq5B2LfN+MGUDLlmarV3tHIpIUKgBESomsUgUcOxbWoIF3LAIAr7wCtmhh0apV3pGIJIkKAJEyIKtWBcaNA044wTuWdHv11Tj5r1zpHYlI0qgAECkjhp13BiZOhB1zjHcsqcTXXweaN7doxQrvUESSSAWASDkwVKsGmzQJ+N3vvGNJFb79NqxxY7OlS71DEUkqFQAi5URWrx4/gX7UUd6xpMM77wCNG5t99513JCJJpgJAJAPIXXYBJk8GjjjCO5bC9u67YOPGFi1e7B2JSNKpABDJEIYaNWBFRcDBB3vHUpjmzAEaNDCbP987EpFCoAJAJIMYataMi4CDDvKOpbB89FGc/L/91jsSkUKhAkAkwxhq1QKmTYPVq+cdS2H4+OM4+X/zjXckIoVEBYBIFjDssUdcBOyzj3csyTZ3Lli/vkVz53pHIlJoVACIZAlD7dqw6dOBvfbyjiWZ5s2Lf/l//rl3JCKFSAWASBYx1KkTFwF77ukdS7J89RVQv77ZZ595RyJSqCLvAEQKmUXz5oFNmwK6f11yCxYATZsq+YtklwoAkSyz6JNPwIYNAT3Bvn0LFwKNGpnNnu0diUih0y0AkRwhDzgAmDYN2G0371jy06JFQMOGZv/5j3ckImmgKwAiOWI2Zw7YrBmoLnY/wcWLwcaNlfxFckcFgEgOWfTee0CTJoD62P/PsmWwFi3iuRERESlg5GGHkd99x9RbtoxBKymKiEiKkEccQS5Z4p2C/SxfznDMMd77QUREJOfIY48lV6zwTsU5F1atYjjhBO/5FxERcUP+4Q/kypXeOTl3Vq8mGzTwnncRERF3DMcfz7BqlXdqzr41a8hGjbznW0REJG8wNG1Krl3rnaKzZ906slUr73kWERHJOwzNmhVmEbB+PUObNt7zKyIikrfIFi3iX8uFYsMGsl0773kVERHJe2SHDnHiTLpNm8jOnb3nU0REJDHIk04iN270TuHlS/5du3rPo4iISOIwnHxyMouATZvIU07xnj8REZHEInv0IIuLvVN6yRUXM3Tv7j1vIiIiiUeecUYyioAQGM45x3u+RERECgZ51llkCN4pfpvJn336eM+TiIhIwWHo1Ss/i4AQGM4/33t+REREChZ58cXe6f6n+vb1nhcREZGCR156qXfK/5+rr/aeDxERkdRguPxy79RPXnut9zyIiIikDnnjjX7J/4YbvLdfREQktcibbsp57g933um93SIiIqlH3npr7pL/Pfd4b6+IiIj8F3n77dnP/vfd572dIiIi8j2kGfnAA9n75f/YY6SZ93aKiIjIj8RFwEMPZT779++v5C8iIpLH4iLgkUcyl/wHDCCjyHu7REREZDvIKCKffLL8yX/QICV/ERGRBCErVCCHDClz7g/DhjHssIP3doiIiEgpxUXA00+XPvuPGKHkLyIikmAMFSuSo0eXPPmPGsVQsaJ33CIiIlJODJUqkc8/v/3kP348Q+XK3vGKiIhIhsRFwIsvbj35v/QS+bOfeccpIiIiGcZQuTLDuHE/feBv0iQlfxERkQJGVqlCTp36v+w/YwZZtap3XCIiIpJlZJUqDEVF5MyZDDvt5B2PiIiI5AjDz3+u5C8iIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiktf+D48X9l4bZ9x3AAAAAElFTkSuQmCC";
|
|
1098
1092
|
|
|
1099
1093
|
const FDropdown = ({ label, variant = 'contained', color = 'primary', size = 'btn-sm', disabled, st, className, id, children }) => {
|
|
1100
|
-
return (
|
|
1101
|
-
|
|
1102
|
-
|
|
1094
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1095
|
+
React__default["default"].createElement("div", { className: 'f-dropdown' },
|
|
1096
|
+
React__default["default"].createElement(FButton, { variant: variant, color: color, size: size, disabled: disabled, st: st, className: `f-dropdown-bottom ${className !== undefined ? className : ''}`, id: id, onClick: () => {
|
|
1103
1097
|
document.getElementsByClassName('#heading');
|
|
1104
1098
|
} },
|
|
1105
|
-
|
|
1099
|
+
React__default["default"].createElement(FStack, { direction: 'row', spacing: 1, justifyContent: "center", alignItems: 'center' },
|
|
1106
1100
|
label,
|
|
1107
|
-
|
|
1108
|
-
|
|
1101
|
+
React__default["default"].createElement("img", { className: 'f-dropdown-down-arrow', src: img }))),
|
|
1102
|
+
React__default["default"].createElement("div", { className: "f-dropdown-content" }, children))));
|
|
1109
1103
|
};
|
|
1110
1104
|
|
|
1111
1105
|
const FDropdownItem = ({ disabled, st, className, id, children, onClick }) => {
|
|
1112
|
-
return (
|
|
1113
|
-
|
|
1106
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1107
|
+
React__default["default"].createElement("li", { className: `f-dropdown-link ${className !== undefined ? className : ''} ${disabled ? 'disabled' : ''}`, id: id, style: st, onClick: onClick }, children)));
|
|
1114
1108
|
};
|
|
1115
1109
|
|
|
1116
1110
|
const FSearchBox = ({ label, value, onChange, type, onBlur, onFocus, fullWidth, disabled, readOnly, defaultValue, errText, helpText, onInput, st, id, className, load = false, min, max, placeholder, children, onClick, color, variant }) => {
|
|
@@ -1140,39 +1134,39 @@ const FSearchBox = ({ label, value, onChange, type, onBlur, onFocus, fullWidth,
|
|
|
1140
1134
|
st.width = 'fit-content';
|
|
1141
1135
|
}
|
|
1142
1136
|
}
|
|
1143
|
-
return (
|
|
1144
|
-
|
|
1137
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1138
|
+
React__default["default"].createElement("div", { className: `f-search-box
|
|
1145
1139
|
form-group`, style: st },
|
|
1146
1140
|
label &&
|
|
1147
|
-
|
|
1141
|
+
React__default["default"].createElement("label", { className: "control-label with-offset", style: {
|
|
1148
1142
|
whiteSpace: 'nowrap',
|
|
1149
1143
|
overflow: 'hidden',
|
|
1150
1144
|
textOverflow: 'ellipsis'
|
|
1151
1145
|
} }, label),
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1146
|
+
React__default["default"].createElement("div", { className: 'f-search-box-box' },
|
|
1147
|
+
React__default["default"].createElement("div", { className: `${load ? 'ui left icon input loading' : ''}`, style: { width: '100%' } },
|
|
1148
|
+
React__default["default"].createElement("input", { id: id, placeholder: placeholder, style: {
|
|
1155
1149
|
borderColor: errText !== undefined && errText.length > 0 ? 'red' : '#C4C4C4'
|
|
1156
1150
|
}, min: min, max: max, disabled: disabled, defaultValue: defaultValue, required: true, onInput: onInput, readOnly: readOnly || load, value: value,
|
|
1157
1151
|
//@ts-ignore
|
|
1158
1152
|
onChange: onChange, type: type === undefined ? 'text' : type, className: `form-control f-search-box-inp ${className !== undefined ? className : ''}`, onBlur: onBlur, onFocus: onFocus }),
|
|
1159
1153
|
helpText !== undefined &&
|
|
1160
|
-
|
|
1154
|
+
React__default["default"].createElement("span", { style: {
|
|
1161
1155
|
whiteSpace: 'initial',
|
|
1162
1156
|
color: '#a6a3a3',
|
|
1163
1157
|
fontSize: '12px'
|
|
1164
1158
|
} }, helpText),
|
|
1165
1159
|
errText !== undefined && errText.length > 0 &&
|
|
1166
|
-
|
|
1167
|
-
return (
|
|
1160
|
+
React__default["default"].createElement(FStack, { direction: 'column', st: { paddingLeft: '11px' } }, errText === null || errText === void 0 ? void 0 : errText.map((opt, index) => {
|
|
1161
|
+
return (React__default["default"].createElement("span", { key: index, style: {
|
|
1168
1162
|
whiteSpace: 'initial',
|
|
1169
1163
|
color: 'red'
|
|
1170
1164
|
} }, opt));
|
|
1171
1165
|
})),
|
|
1172
1166
|
load &&
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1167
|
+
React__default["default"].createElement("div", { className: 'input-load' },
|
|
1168
|
+
React__default["default"].createElement(FLoadIcon, { size: 10 }))),
|
|
1169
|
+
React__default["default"].createElement(FButton, { st: {
|
|
1176
1170
|
borderTopLeftRadius: '0',
|
|
1177
1171
|
borderBottomLeftRadius: '0',
|
|
1178
1172
|
height: '34px',
|
|
@@ -1396,3 +1390,4 @@ exports.FUnlinkIcon = FUnlinkIcon;
|
|
|
1396
1390
|
exports.fAlert = fAlert;
|
|
1397
1391
|
exports.fConfirm = fConfirm;
|
|
1398
1392
|
exports.fPrompt = fPrompt;
|
|
1393
|
+
//# sourceMappingURL=bundle.js.map
|