@ballistix.digital/react-components 8.5.6 → 8.6.1-rc-141.0
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/index.d.ts +118 -182
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +823 -1370
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +845 -1394
- package/dist/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +32 -27
package/dist/index.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
var $iA2ta$reactjsxruntime = require("react/jsx-runtime");
|
|
2
|
-
var $iA2ta$heroiconsreact20solid = require("@heroicons/react/20/solid");
|
|
3
2
|
var $iA2ta$lodash = require("lodash");
|
|
4
3
|
var $iA2ta$react = require("react");
|
|
5
4
|
var $iA2ta$lodashget = require("lodash/get");
|
|
@@ -13,7 +12,6 @@ var $iA2ta$fortawesomereactfontawesome = require("@fortawesome/react-fontawesome
|
|
|
13
12
|
var $iA2ta$floatinguireact = require("@floating-ui/react");
|
|
14
13
|
var $iA2ta$headlessuireact = require("@headlessui/react");
|
|
15
14
|
var $iA2ta$reactinputmask = require("@react-input/mask");
|
|
16
|
-
var $iA2ta$heroiconsreact24outline = require("@heroicons/react/24/outline");
|
|
17
15
|
var $iA2ta$tanstackreacttable = require("@tanstack/react-table");
|
|
18
16
|
var $iA2ta$reacttailwindcssselect = require("react-tailwindcss-select");
|
|
19
17
|
var $iA2ta$xlsx = require("xlsx");
|
|
@@ -24,7 +22,6 @@ var $iA2ta$dndkitutilities = require("@dnd-kit/utilities");
|
|
|
24
22
|
var $iA2ta$lodashset = require("lodash/set");
|
|
25
23
|
var $iA2ta$luxon = require("luxon");
|
|
26
24
|
var $iA2ta$ballistixdigitalreacttailwindcssdatepicker = require("@ballistix.digital/react-tailwindcss-datepicker");
|
|
27
|
-
var $iA2ta$formik = require("formik");
|
|
28
25
|
var $iA2ta$ishotkey = require("is-hotkey");
|
|
29
26
|
var $iA2ta$slate = require("slate");
|
|
30
27
|
var $iA2ta$slatehistory = require("slate-history");
|
|
@@ -41,22 +38,22 @@ function $parcel$interopDefault(a) {
|
|
|
41
38
|
return a && a.__esModule ? a.default : a;
|
|
42
39
|
}
|
|
43
40
|
|
|
44
|
-
$parcel$export(module.exports, "
|
|
45
|
-
$parcel$export(module.exports, "
|
|
46
|
-
$parcel$export(module.exports, "
|
|
47
|
-
$parcel$export(module.exports, "
|
|
48
|
-
$parcel$export(module.exports, "
|
|
49
|
-
$parcel$export(module.exports, "
|
|
50
|
-
$parcel$export(module.exports, "
|
|
51
|
-
$parcel$export(module.exports, "
|
|
52
|
-
$parcel$export(module.exports, "
|
|
41
|
+
$parcel$export(module.exports, "Avatar", () => $3c74f8769c0627d3$export$2e2bcd8739ae039);
|
|
42
|
+
$parcel$export(module.exports, "Alert", () => $c34d974e59b2091e$export$2e2bcd8739ae039);
|
|
43
|
+
$parcel$export(module.exports, "Badge", () => $361f07a251f13e6f$export$2e2bcd8739ae039);
|
|
44
|
+
$parcel$export(module.exports, "Tooltip", () => $861db172649fba92$export$2e2bcd8739ae039);
|
|
45
|
+
$parcel$export(module.exports, "Button", () => $88f571169cf61789$export$2e2bcd8739ae039);
|
|
46
|
+
$parcel$export(module.exports, "ButtonGroup", () => $98bd4f46435bcf28$export$2e2bcd8739ae039);
|
|
47
|
+
$parcel$export(module.exports, "Dropdown", () => $24cfdc9d7b5406e1$export$2e2bcd8739ae039);
|
|
48
|
+
$parcel$export(module.exports, "Icon", () => $cbf4b156892acb71$export$2e2bcd8739ae039);
|
|
49
|
+
$parcel$export(module.exports, "Collapsible", () => $dacc3956e876a7e8$export$2e2bcd8739ae039);
|
|
53
50
|
$parcel$export(module.exports, "ProgressTrackElement", () => $ccdca29d489f3200$export$2e2bcd8739ae039);
|
|
54
|
-
$parcel$export(module.exports, "
|
|
55
|
-
$parcel$export(module.exports, "
|
|
56
|
-
$parcel$export(module.exports, "
|
|
57
|
-
$parcel$export(module.exports, "
|
|
58
|
-
$parcel$export(module.exports, "
|
|
59
|
-
$parcel$export(module.exports, "
|
|
51
|
+
$parcel$export(module.exports, "InputGroup", () => $c474e734ef48f77c$export$2e2bcd8739ae039);
|
|
52
|
+
$parcel$export(module.exports, "Container", () => $e42751870910d119$export$2e2bcd8739ae039);
|
|
53
|
+
$parcel$export(module.exports, "Divider", () => $6ab4860094459f41$export$2e2bcd8739ae039);
|
|
54
|
+
$parcel$export(module.exports, "ListContainer", () => $b9488499a38762e3$export$2e2bcd8739ae039);
|
|
55
|
+
$parcel$export(module.exports, "MediaObject", () => $672a7aca69a10c6e$export$2e2bcd8739ae039);
|
|
56
|
+
$parcel$export(module.exports, "Panel", () => $2507c9787a3f87d1$export$2e2bcd8739ae039);
|
|
60
57
|
$parcel$export(module.exports, "TableList", () => $0c769a920d1734cb$export$2e2bcd8739ae039);
|
|
61
58
|
$parcel$export(module.exports, "TableList2", () => $51d5596368acf759$export$2e2bcd8739ae039);
|
|
62
59
|
$parcel$export(module.exports, "createColumnHelper", () => $def42fb278b4e54a$export$4b44a5cb9651fe5e);
|
|
@@ -70,7 +67,7 @@ $parcel$export(module.exports, "NotificationOverlay", () => $3ee7d58696c55c1b$ex
|
|
|
70
67
|
$parcel$export(module.exports, "SlideOverOverlay", () => $fdd18762b429d9b0$export$2e2bcd8739ae039);
|
|
71
68
|
$parcel$export(module.exports, "TableColumnOptionsCustom", () => $4bd12ae33d8a86aa$export$2e2bcd8739ae039);
|
|
72
69
|
$parcel$export(module.exports, "TableExportCustom", () => $48dedbf2c7043ee6$export$2e2bcd8739ae039);
|
|
73
|
-
$parcel$export(module.exports, "
|
|
70
|
+
$parcel$export(module.exports, "SelectMenu", () => $cb1b9d36d0757897$export$2e2bcd8739ae039);
|
|
74
71
|
$parcel$export(module.exports, "fromSelectMenuOptionToStringValue", () => $622cd2936b18c771$export$7493424cf90fe793);
|
|
75
72
|
$parcel$export(module.exports, "toClassName", () => $622cd2936b18c771$export$4370d69198e9314a);
|
|
76
73
|
$parcel$export(module.exports, "toAddressString", () => $622cd2936b18c771$export$91d20e9290e3c358);
|
|
@@ -89,15 +86,13 @@ $parcel$export(module.exports, "latestDateString", () => $dbcba7ef8eeead3b$expor
|
|
|
89
86
|
$parcel$export(module.exports, "toDateValue", () => $dbcba7ef8eeead3b$export$df20409d3177a2e0);
|
|
90
87
|
$parcel$export(module.exports, "toTimeValue", () => $dbcba7ef8eeead3b$export$8a6f307d1b8b1960);
|
|
91
88
|
$parcel$export(module.exports, "toUTCDate", () => $dbcba7ef8eeead3b$export$8de20099c30464f2);
|
|
92
|
-
$parcel$export(module.exports, "
|
|
93
|
-
$parcel$export(module.exports, "
|
|
94
|
-
$parcel$export(module.exports, "
|
|
95
|
-
$parcel$export(module.exports, "
|
|
96
|
-
$parcel$export(module.exports, "
|
|
97
|
-
$parcel$export(module.exports, "
|
|
98
|
-
$parcel$export(module.exports, "
|
|
99
|
-
$parcel$export(module.exports, "OpeningsHourInputGroupForm", () => $9f6cfd21b337aca9$export$2e2bcd8739ae039);
|
|
100
|
-
$parcel$export(module.exports, "AddressInputGroupForm", () => $7fcfa1d90c4a7e45$export$2e2bcd8739ae039);
|
|
89
|
+
$parcel$export(module.exports, "DateMenu", () => $7d8caab186283e85$export$2e2bcd8739ae039);
|
|
90
|
+
$parcel$export(module.exports, "DateRangeMenu", () => $4013d091ad44178a$export$2e2bcd8739ae039);
|
|
91
|
+
$parcel$export(module.exports, "CheckboxInput", () => $b59f83fca3d8e62d$export$2e2bcd8739ae039);
|
|
92
|
+
$parcel$export(module.exports, "Switch", () => $6de4f048bb607f5b$export$2e2bcd8739ae039);
|
|
93
|
+
$parcel$export(module.exports, "RichTextArea", () => $fcb5356ca075c486$export$2e2bcd8739ae039);
|
|
94
|
+
$parcel$export(module.exports, "FileInputGroup", () => $a8e0e51381520cae$export$2e2bcd8739ae039);
|
|
95
|
+
$parcel$export(module.exports, "AddressInputGroup", () => $e8acfae931d3a7e2$export$2e2bcd8739ae039);
|
|
101
96
|
$parcel$export(module.exports, "useExcel", () => $22d7e244b9ff5d8c$export$4564041bcff0e281);
|
|
102
97
|
$parcel$export(module.exports, "useExcelMapper", () => $c1b6e62d8639d990$export$2e2bcd8739ae039);
|
|
103
98
|
$parcel$export(module.exports, "useColumnHelper", () => $5f561ce307b5bbb8$export$2e2bcd8739ae039);
|
|
@@ -105,7 +100,6 @@ $parcel$export(module.exports, "escapeSpecialCharacters", () => $3e554a35fef8bbf
|
|
|
105
100
|
|
|
106
101
|
|
|
107
102
|
|
|
108
|
-
|
|
109
103
|
var $27f90b0cff19565d$var$__spreadArray = undefined && undefined.__spreadArray || function(to, from, pack) {
|
|
110
104
|
if (pack || arguments.length === 2) {
|
|
111
105
|
for(var i = 0, l = from.length, ar; i < l; i++)if (ar || !(i in from)) {
|
|
@@ -221,7 +215,82 @@ var $f0c671820c340322$export$e2d2075c69d9100d = function(object) {
|
|
|
221
215
|
};
|
|
222
216
|
|
|
223
217
|
|
|
224
|
-
|
|
218
|
+
/*
|
|
219
|
+
|
|
220
|
+
https://fontawesome.com/docs/web/use-with/react/
|
|
221
|
+
|
|
222
|
+
*/
|
|
223
|
+
|
|
224
|
+
|
|
225
|
+
|
|
226
|
+
|
|
227
|
+
|
|
228
|
+
|
|
229
|
+
|
|
230
|
+
|
|
231
|
+
var $cbf4b156892acb71$var$Icon = function(props) {
|
|
232
|
+
var accessor = props.accessor, _a = props.type, type = _a === void 0 ? 'regular' : _a, className = props.className;
|
|
233
|
+
var component = (0, $iA2ta$reactjsxruntime.jsx)("div", {});
|
|
234
|
+
switch(type){
|
|
235
|
+
case 'brands':
|
|
236
|
+
if (!((0, $iA2ta$fortawesomefontawesomesvgcore.library) === null || (0, $iA2ta$fortawesomefontawesomesvgcore.library) === void 0 ? void 0 : (0, $iA2ta$fortawesomefontawesomesvgcore.library).definitions.fab)) (0, $iA2ta$fortawesomefontawesomesvgcore.library).add((0, $iA2ta$fortawesomefreebrandssvgicons.fab));
|
|
237
|
+
component = (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$fortawesomereactfontawesome.FontAwesomeIcon), {
|
|
238
|
+
icon: [
|
|
239
|
+
'fab',
|
|
240
|
+
'facebook'
|
|
241
|
+
],
|
|
242
|
+
className: className
|
|
243
|
+
});
|
|
244
|
+
break;
|
|
245
|
+
case 'light':
|
|
246
|
+
if (!((0, $iA2ta$fortawesomefontawesomesvgcore.library) === null || (0, $iA2ta$fortawesomefontawesomesvgcore.library) === void 0 ? void 0 : (0, $iA2ta$fortawesomefontawesomesvgcore.library).definitions.fal)) (0, $iA2ta$fortawesomefontawesomesvgcore.library).add((0, $iA2ta$fortawesomeprolightsvgicons.fal));
|
|
247
|
+
component = (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$fortawesomereactfontawesome.FontAwesomeIcon), {
|
|
248
|
+
icon: [
|
|
249
|
+
'fal',
|
|
250
|
+
accessor
|
|
251
|
+
],
|
|
252
|
+
className: className
|
|
253
|
+
});
|
|
254
|
+
break;
|
|
255
|
+
case 'regular':
|
|
256
|
+
if (!((0, $iA2ta$fortawesomefontawesomesvgcore.library) === null || (0, $iA2ta$fortawesomefontawesomesvgcore.library) === void 0 ? void 0 : (0, $iA2ta$fortawesomefontawesomesvgcore.library).definitions.far)) (0, $iA2ta$fortawesomefontawesomesvgcore.library).add((0, $iA2ta$fortawesomeproregularsvgicons.far));
|
|
257
|
+
component = (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$fortawesomereactfontawesome.FontAwesomeIcon), {
|
|
258
|
+
icon: [
|
|
259
|
+
'far',
|
|
260
|
+
accessor
|
|
261
|
+
],
|
|
262
|
+
className: className
|
|
263
|
+
});
|
|
264
|
+
break;
|
|
265
|
+
case 'solid':
|
|
266
|
+
if (!((0, $iA2ta$fortawesomefontawesomesvgcore.library) === null || (0, $iA2ta$fortawesomefontawesomesvgcore.library) === void 0 ? void 0 : (0, $iA2ta$fortawesomefontawesomesvgcore.library).definitions.fas)) (0, $iA2ta$fortawesomefontawesomesvgcore.library).add((0, $iA2ta$fortawesomeprosolidsvgicons.fas));
|
|
267
|
+
component = (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$fortawesomereactfontawesome.FontAwesomeIcon), {
|
|
268
|
+
icon: [
|
|
269
|
+
'fas',
|
|
270
|
+
accessor
|
|
271
|
+
],
|
|
272
|
+
className: className
|
|
273
|
+
});
|
|
274
|
+
break;
|
|
275
|
+
case 'thin':
|
|
276
|
+
if (!((0, $iA2ta$fortawesomefontawesomesvgcore.library) === null || (0, $iA2ta$fortawesomefontawesomesvgcore.library) === void 0 ? void 0 : (0, $iA2ta$fortawesomefontawesomesvgcore.library).definitions.fat)) (0, $iA2ta$fortawesomefontawesomesvgcore.library).add((0, $iA2ta$fortawesomeprothinsvgicons.fat));
|
|
277
|
+
component = (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$fortawesomereactfontawesome.FontAwesomeIcon), {
|
|
278
|
+
icon: [
|
|
279
|
+
'fat',
|
|
280
|
+
accessor
|
|
281
|
+
],
|
|
282
|
+
className: className
|
|
283
|
+
});
|
|
284
|
+
break;
|
|
285
|
+
}
|
|
286
|
+
return component;
|
|
287
|
+
};
|
|
288
|
+
var $cbf4b156892acb71$export$2e2bcd8739ae039 = $cbf4b156892acb71$var$Icon;
|
|
289
|
+
|
|
290
|
+
|
|
291
|
+
|
|
292
|
+
|
|
293
|
+
var $fc0e00277c891b30$var$base = {
|
|
225
294
|
loading: 'relative overflow-hidden bg-gray-50 flex items-center justify-center',
|
|
226
295
|
spinner: 'animate-spin text-gray-400',
|
|
227
296
|
empty: 'inline-block relative overflow-hidden bg-gray-50 text-red-400',
|
|
@@ -229,7 +298,7 @@ var $f0fe9ee023657b4a$var$base = {
|
|
|
229
298
|
container: 'inline-block bg-gray-100 bg-cover bg-center',
|
|
230
299
|
indicator: 'absolute top-0 right-0 block h-2.5 w-2.5 rounded-full ring-2 ring-white'
|
|
231
300
|
};
|
|
232
|
-
var $
|
|
301
|
+
var $fc0e00277c891b30$var$xs = {
|
|
233
302
|
loading: 'h-6 w-6',
|
|
234
303
|
spinner: 'h-3 w-3 ',
|
|
235
304
|
empty: 'h-6 w-6',
|
|
@@ -237,7 +306,7 @@ var $f0fe9ee023657b4a$var$xs = {
|
|
|
237
306
|
container: 'h-6 w-6',
|
|
238
307
|
indicator: 'h-1.5 w-1.5'
|
|
239
308
|
};
|
|
240
|
-
var $
|
|
309
|
+
var $fc0e00277c891b30$var$sm = {
|
|
241
310
|
loading: 'h-8 w-8',
|
|
242
311
|
spinner: 'h-5 w-5',
|
|
243
312
|
empty: 'h-8 w-8',
|
|
@@ -245,7 +314,7 @@ var $f0fe9ee023657b4a$var$sm = {
|
|
|
245
314
|
container: 'h-8 w-8',
|
|
246
315
|
indicator: 'h-2 w-2'
|
|
247
316
|
};
|
|
248
|
-
var $
|
|
317
|
+
var $fc0e00277c891b30$var$md = {
|
|
249
318
|
loading: 'h-10 w-10',
|
|
250
319
|
spinner: 'h-7 w-7',
|
|
251
320
|
empty: 'h-10 w-10',
|
|
@@ -253,7 +322,7 @@ var $f0fe9ee023657b4a$var$md = {
|
|
|
253
322
|
container: 'h-10 w-10',
|
|
254
323
|
indicator: 'h-2.5 w-2.5'
|
|
255
324
|
};
|
|
256
|
-
var $
|
|
325
|
+
var $fc0e00277c891b30$var$lg = {
|
|
257
326
|
loading: 'h-12 w-12',
|
|
258
327
|
spinner: 'h-8 w-8',
|
|
259
328
|
empty: 'h-12 w-12',
|
|
@@ -261,7 +330,7 @@ var $f0fe9ee023657b4a$var$lg = {
|
|
|
261
330
|
container: 'h-12 w-12',
|
|
262
331
|
indicator: 'h-3 w-3'
|
|
263
332
|
};
|
|
264
|
-
var $
|
|
333
|
+
var $fc0e00277c891b30$var$xl = {
|
|
265
334
|
loading: 'h-14 w-14',
|
|
266
335
|
spinner: 'h-10 w-10',
|
|
267
336
|
empty: 'h-14 w-14',
|
|
@@ -269,7 +338,7 @@ var $f0fe9ee023657b4a$var$xl = {
|
|
|
269
338
|
container: 'h-14 w-14',
|
|
270
339
|
indicator: 'h-3.5 w-3.5'
|
|
271
340
|
};
|
|
272
|
-
var $
|
|
341
|
+
var $fc0e00277c891b30$var$block = {
|
|
273
342
|
loading: 'rounded-md',
|
|
274
343
|
spinner: 'rounded-md',
|
|
275
344
|
empty: 'rounded-md',
|
|
@@ -277,60 +346,61 @@ var $f0fe9ee023657b4a$var$block = {
|
|
|
277
346
|
container: 'rounded-md',
|
|
278
347
|
indicator: 'transform -translate-y-1/2 translate-x-1/2'
|
|
279
348
|
};
|
|
280
|
-
var $
|
|
349
|
+
var $fc0e00277c891b30$var$rounded = {
|
|
281
350
|
loading: 'rounded-full',
|
|
282
351
|
spinner: 'rounded-full',
|
|
283
352
|
empty: 'rounded-full',
|
|
284
353
|
placeholder: 'rounded-full',
|
|
285
354
|
container: 'rounded-full'
|
|
286
355
|
};
|
|
287
|
-
var $
|
|
356
|
+
var $fc0e00277c891b30$var$disabled = {
|
|
288
357
|
container: 'opacity-20 cursor-not-allowed'
|
|
289
358
|
};
|
|
290
|
-
var $
|
|
359
|
+
var $fc0e00277c891b30$var$loading = {
|
|
291
360
|
container: 'cursor-progress'
|
|
292
361
|
};
|
|
293
|
-
var $
|
|
362
|
+
var $fc0e00277c891b30$var$offline = {
|
|
294
363
|
indicator: 'bg-gray-300'
|
|
295
364
|
};
|
|
296
|
-
var $
|
|
365
|
+
var $fc0e00277c891b30$var$online = {
|
|
297
366
|
indicator: 'bg-green-400'
|
|
298
367
|
};
|
|
299
|
-
var $
|
|
368
|
+
var $fc0e00277c891b30$var$blocked = {
|
|
300
369
|
indicator: 'bg-red-400'
|
|
301
370
|
};
|
|
302
|
-
var $
|
|
303
|
-
base: $
|
|
304
|
-
xs: $
|
|
305
|
-
sm: $
|
|
306
|
-
md: $
|
|
307
|
-
lg: $
|
|
308
|
-
xl: $
|
|
309
|
-
block: $
|
|
310
|
-
rounded: $
|
|
311
|
-
offline: $
|
|
312
|
-
online: $
|
|
313
|
-
blocked: $
|
|
314
|
-
disabled: $
|
|
315
|
-
loading: $
|
|
316
|
-
};
|
|
317
|
-
var $
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
var $
|
|
371
|
+
var $fc0e00277c891b30$var$styles = {
|
|
372
|
+
base: $fc0e00277c891b30$var$base,
|
|
373
|
+
xs: $fc0e00277c891b30$var$xs,
|
|
374
|
+
sm: $fc0e00277c891b30$var$sm,
|
|
375
|
+
md: $fc0e00277c891b30$var$md,
|
|
376
|
+
lg: $fc0e00277c891b30$var$lg,
|
|
377
|
+
xl: $fc0e00277c891b30$var$xl,
|
|
378
|
+
block: $fc0e00277c891b30$var$block,
|
|
379
|
+
rounded: $fc0e00277c891b30$var$rounded,
|
|
380
|
+
offline: $fc0e00277c891b30$var$offline,
|
|
381
|
+
online: $fc0e00277c891b30$var$online,
|
|
382
|
+
blocked: $fc0e00277c891b30$var$blocked,
|
|
383
|
+
disabled: $fc0e00277c891b30$var$disabled,
|
|
384
|
+
loading: $fc0e00277c891b30$var$loading
|
|
385
|
+
};
|
|
386
|
+
var $fc0e00277c891b30$export$2e2bcd8739ae039 = $fc0e00277c891b30$var$styles;
|
|
387
|
+
|
|
388
|
+
|
|
389
|
+
var $3c74f8769c0627d3$var$Avatar = function(props) {
|
|
321
390
|
var src = props.src, placeholder = props.placeholder, children = props.children, url = props.url, _a = props.size, size = _a === void 0 ? 'md' : _a, _b = props.figure, figure = _b === void 0 ? 'block' : _b, status = props.status, isDisabled = props.isDisabled, isLoading = props.isLoading, stylesOverrides = props.styles;
|
|
322
391
|
var handleGenerateStyle = function() {
|
|
323
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
324
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
392
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $fc0e00277c891b30$export$2e2bcd8739ae039).base);
|
|
393
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $fc0e00277c891b30$export$2e2bcd8739ae039).base);
|
|
325
394
|
keys.forEach(function(key) {
|
|
326
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
395
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $fc0e00277c891b30$export$2e2bcd8739ae039).base, key), size && (0, $iA2ta$lodash.get)((0, $fc0e00277c891b30$export$2e2bcd8739ae039)[size], key), figure && (0, $iA2ta$lodash.get)((0, $fc0e00277c891b30$export$2e2bcd8739ae039)[figure], key), status && (0, $iA2ta$lodash.get)((0, $fc0e00277c891b30$export$2e2bcd8739ae039)[status], key), isDisabled && (0, $iA2ta$lodash.get)((0, $fc0e00277c891b30$export$2e2bcd8739ae039).disabled, key), isLoading && (0, $iA2ta$lodash.get)((0, $fc0e00277c891b30$export$2e2bcd8739ae039).loading, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
327
396
|
});
|
|
328
397
|
return result;
|
|
329
398
|
};
|
|
330
399
|
var styles = handleGenerateStyle();
|
|
331
400
|
if (isLoading) return (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
332
401
|
className: styles.loading,
|
|
333
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
402
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
403
|
+
accessor: "arrows-rotate",
|
|
334
404
|
className: styles.spinner
|
|
335
405
|
})
|
|
336
406
|
});
|
|
@@ -392,7 +462,7 @@ var $9d49a8de81454cb0$var$AvatarElement = function(props) {
|
|
|
392
462
|
})
|
|
393
463
|
});
|
|
394
464
|
};
|
|
395
|
-
var $
|
|
465
|
+
var $3c74f8769c0627d3$export$2e2bcd8739ae039 = $3c74f8769c0627d3$var$Avatar;
|
|
396
466
|
|
|
397
467
|
|
|
398
468
|
|
|
@@ -401,82 +471,8 @@ var $9d49a8de81454cb0$export$2e2bcd8739ae039 = $9d49a8de81454cb0$var$AvatarEleme
|
|
|
401
471
|
|
|
402
472
|
|
|
403
473
|
|
|
404
|
-
/*
|
|
405
|
-
|
|
406
|
-
https://fontawesome.com/docs/web/use-with/react/
|
|
407
|
-
|
|
408
|
-
*/
|
|
409
|
-
|
|
410
|
-
|
|
411
474
|
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
var $2125901b4a9afff9$var$IconElement = function(props) {
|
|
418
|
-
var accessor = props.accessor, _a = props.type, type = _a === void 0 ? 'regular' : _a, className = props.className;
|
|
419
|
-
var component = (0, $iA2ta$reactjsxruntime.jsx)("div", {});
|
|
420
|
-
switch(type){
|
|
421
|
-
case 'brands':
|
|
422
|
-
if (!((0, $iA2ta$fortawesomefontawesomesvgcore.library) === null || (0, $iA2ta$fortawesomefontawesomesvgcore.library) === void 0 ? void 0 : (0, $iA2ta$fortawesomefontawesomesvgcore.library).definitions.fab)) (0, $iA2ta$fortawesomefontawesomesvgcore.library).add((0, $iA2ta$fortawesomefreebrandssvgicons.fab));
|
|
423
|
-
component = (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$fortawesomereactfontawesome.FontAwesomeIcon), {
|
|
424
|
-
icon: [
|
|
425
|
-
'fab',
|
|
426
|
-
'facebook'
|
|
427
|
-
],
|
|
428
|
-
className: className
|
|
429
|
-
});
|
|
430
|
-
break;
|
|
431
|
-
case 'light':
|
|
432
|
-
if (!((0, $iA2ta$fortawesomefontawesomesvgcore.library) === null || (0, $iA2ta$fortawesomefontawesomesvgcore.library) === void 0 ? void 0 : (0, $iA2ta$fortawesomefontawesomesvgcore.library).definitions.fal)) (0, $iA2ta$fortawesomefontawesomesvgcore.library).add((0, $iA2ta$fortawesomeprolightsvgicons.fal));
|
|
433
|
-
component = (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$fortawesomereactfontawesome.FontAwesomeIcon), {
|
|
434
|
-
icon: [
|
|
435
|
-
'fal',
|
|
436
|
-
accessor
|
|
437
|
-
],
|
|
438
|
-
className: className
|
|
439
|
-
});
|
|
440
|
-
break;
|
|
441
|
-
case 'regular':
|
|
442
|
-
if (!((0, $iA2ta$fortawesomefontawesomesvgcore.library) === null || (0, $iA2ta$fortawesomefontawesomesvgcore.library) === void 0 ? void 0 : (0, $iA2ta$fortawesomefontawesomesvgcore.library).definitions.far)) (0, $iA2ta$fortawesomefontawesomesvgcore.library).add((0, $iA2ta$fortawesomeproregularsvgicons.far));
|
|
443
|
-
component = (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$fortawesomereactfontawesome.FontAwesomeIcon), {
|
|
444
|
-
icon: [
|
|
445
|
-
'far',
|
|
446
|
-
accessor
|
|
447
|
-
],
|
|
448
|
-
className: className
|
|
449
|
-
});
|
|
450
|
-
break;
|
|
451
|
-
case 'solid':
|
|
452
|
-
if (!((0, $iA2ta$fortawesomefontawesomesvgcore.library) === null || (0, $iA2ta$fortawesomefontawesomesvgcore.library) === void 0 ? void 0 : (0, $iA2ta$fortawesomefontawesomesvgcore.library).definitions.fas)) (0, $iA2ta$fortawesomefontawesomesvgcore.library).add((0, $iA2ta$fortawesomeprosolidsvgicons.fas));
|
|
453
|
-
component = (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$fortawesomereactfontawesome.FontAwesomeIcon), {
|
|
454
|
-
icon: [
|
|
455
|
-
'fas',
|
|
456
|
-
accessor
|
|
457
|
-
],
|
|
458
|
-
className: className
|
|
459
|
-
});
|
|
460
|
-
break;
|
|
461
|
-
case 'thin':
|
|
462
|
-
if (!((0, $iA2ta$fortawesomefontawesomesvgcore.library) === null || (0, $iA2ta$fortawesomefontawesomesvgcore.library) === void 0 ? void 0 : (0, $iA2ta$fortawesomefontawesomesvgcore.library).definitions.fat)) (0, $iA2ta$fortawesomefontawesomesvgcore.library).add((0, $iA2ta$fortawesomeprothinsvgicons.fat));
|
|
463
|
-
component = (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$fortawesomereactfontawesome.FontAwesomeIcon), {
|
|
464
|
-
icon: [
|
|
465
|
-
'fat',
|
|
466
|
-
accessor
|
|
467
|
-
],
|
|
468
|
-
className: className
|
|
469
|
-
});
|
|
470
|
-
break;
|
|
471
|
-
}
|
|
472
|
-
return component;
|
|
473
|
-
};
|
|
474
|
-
var $2125901b4a9afff9$export$2e2bcd8739ae039 = $2125901b4a9afff9$var$IconElement;
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
var $fbfda6b39c475fe4$var$base = {
|
|
475
|
+
var $806ab021b53e42e7$var$base = {
|
|
480
476
|
container: 'flex rounded-xs p-4 border-l-4',
|
|
481
477
|
icon: 'h-5 w-5',
|
|
482
478
|
content: {
|
|
@@ -489,7 +485,7 @@ var $fbfda6b39c475fe4$var$base = {
|
|
|
489
485
|
inverted: 'rotate-180'
|
|
490
486
|
}
|
|
491
487
|
};
|
|
492
|
-
var $
|
|
488
|
+
var $806ab021b53e42e7$var$generic = {
|
|
493
489
|
container: 'bg-gray-50 border-gray-400',
|
|
494
490
|
icon: 'text-gray-400',
|
|
495
491
|
content: {
|
|
@@ -498,7 +494,7 @@ var $fbfda6b39c475fe4$var$generic = {
|
|
|
498
494
|
title: 'text-gray-500 rotate'
|
|
499
495
|
}
|
|
500
496
|
};
|
|
501
|
-
var $
|
|
497
|
+
var $806ab021b53e42e7$var$error = {
|
|
502
498
|
container: 'bg-red-50 border-red-400',
|
|
503
499
|
icon: 'text-red-400',
|
|
504
500
|
content: {
|
|
@@ -507,7 +503,7 @@ var $fbfda6b39c475fe4$var$error = {
|
|
|
507
503
|
title: 'text-red-500'
|
|
508
504
|
}
|
|
509
505
|
};
|
|
510
|
-
var $
|
|
506
|
+
var $806ab021b53e42e7$var$warn = {
|
|
511
507
|
container: 'bg-yellow-50 border-orange-400',
|
|
512
508
|
icon: 'text-orange-400',
|
|
513
509
|
content: {
|
|
@@ -516,7 +512,7 @@ var $fbfda6b39c475fe4$var$warn = {
|
|
|
516
512
|
title: 'text-orange-500'
|
|
517
513
|
}
|
|
518
514
|
};
|
|
519
|
-
var $
|
|
515
|
+
var $806ab021b53e42e7$var$success = {
|
|
520
516
|
container: 'bg-green-50 border-green-400',
|
|
521
517
|
icon: 'text-green-400',
|
|
522
518
|
content: {
|
|
@@ -525,7 +521,7 @@ var $fbfda6b39c475fe4$var$success = {
|
|
|
525
521
|
title: 'text-green-500'
|
|
526
522
|
}
|
|
527
523
|
};
|
|
528
|
-
var $
|
|
524
|
+
var $806ab021b53e42e7$var$info = {
|
|
529
525
|
container: 'bg-blue-50 border-blue-400',
|
|
530
526
|
icon: 'text-blue-400',
|
|
531
527
|
content: {
|
|
@@ -534,25 +530,25 @@ var $fbfda6b39c475fe4$var$info = {
|
|
|
534
530
|
title: 'text-blue-500'
|
|
535
531
|
}
|
|
536
532
|
};
|
|
537
|
-
var $
|
|
538
|
-
base: $
|
|
539
|
-
generic: $
|
|
540
|
-
error: $
|
|
541
|
-
warn: $
|
|
542
|
-
success: $
|
|
543
|
-
info: $
|
|
533
|
+
var $806ab021b53e42e7$var$styles = {
|
|
534
|
+
base: $806ab021b53e42e7$var$base,
|
|
535
|
+
generic: $806ab021b53e42e7$var$generic,
|
|
536
|
+
error: $806ab021b53e42e7$var$error,
|
|
537
|
+
warn: $806ab021b53e42e7$var$warn,
|
|
538
|
+
success: $806ab021b53e42e7$var$success,
|
|
539
|
+
info: $806ab021b53e42e7$var$info
|
|
544
540
|
};
|
|
545
|
-
var $
|
|
541
|
+
var $806ab021b53e42e7$export$2e2bcd8739ae039 = $806ab021b53e42e7$var$styles;
|
|
546
542
|
|
|
547
543
|
|
|
548
|
-
var $
|
|
544
|
+
var $c34d974e59b2091e$var$Alert = function(props) {
|
|
549
545
|
var title = props.title, message = props.message, _a = props.type, type = _a === void 0 ? 'generic' : _a, onClose = props.onClose, onCollapse = props.onCollapse, _b = props.isCollapsible, isCollapsible = _b === void 0 ? false : _b, stylesOverrides = props.styles, iconAccessorOverride = props.iconAccessor;
|
|
550
546
|
var _c = (0, $iA2ta$react.useState)(false), isCollapsed = _c[0], setIsCollapsed = _c[1];
|
|
551
547
|
var handleGenerateStyle = function() {
|
|
552
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
553
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
548
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $806ab021b53e42e7$export$2e2bcd8739ae039).base);
|
|
549
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $806ab021b53e42e7$export$2e2bcd8739ae039).base);
|
|
554
550
|
keys.forEach(function(key) {
|
|
555
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
551
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $806ab021b53e42e7$export$2e2bcd8739ae039).base, key), type && (0, $iA2ta$lodash.get)((0, $806ab021b53e42e7$export$2e2bcd8739ae039)[type], key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
556
552
|
});
|
|
557
553
|
return result;
|
|
558
554
|
};
|
|
@@ -581,7 +577,7 @@ var $29a51bd84954e590$var$AlertElement = function(props) {
|
|
|
581
577
|
children: [
|
|
582
578
|
iconAccessor && (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
583
579
|
className: styles.iconContainer,
|
|
584
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
580
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
585
581
|
accessor: iconAccessor,
|
|
586
582
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.icon),
|
|
587
583
|
"aria-hidden": "true"
|
|
@@ -610,14 +606,14 @@ var $29a51bd84954e590$var$AlertElement = function(props) {
|
|
|
610
606
|
setIsCollapsed(!isCollapsed);
|
|
611
607
|
if (onCollapse) onCollapse();
|
|
612
608
|
},
|
|
613
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
609
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
614
610
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.content.action, isCollapsed && styles.content.inverted),
|
|
615
611
|
accessor: "chevron-up"
|
|
616
612
|
})
|
|
617
613
|
}),
|
|
618
614
|
onClose && (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
619
615
|
onClick: onClose,
|
|
620
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
616
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
621
617
|
className: styles.content.action,
|
|
622
618
|
accessor: "times"
|
|
623
619
|
})
|
|
@@ -629,7 +625,7 @@ var $29a51bd84954e590$var$AlertElement = function(props) {
|
|
|
629
625
|
]
|
|
630
626
|
});
|
|
631
627
|
};
|
|
632
|
-
var $
|
|
628
|
+
var $c34d974e59b2091e$export$2e2bcd8739ae039 = $c34d974e59b2091e$var$Alert;
|
|
633
629
|
|
|
634
630
|
|
|
635
631
|
|
|
@@ -639,123 +635,123 @@ var $29a51bd84954e590$export$2e2bcd8739ae039 = $29a51bd84954e590$var$AlertElemen
|
|
|
639
635
|
|
|
640
636
|
|
|
641
637
|
|
|
642
|
-
var $
|
|
638
|
+
var $559e2fcbb5f142d6$var$base = {
|
|
643
639
|
container: 'inline-flex items-center font-medium py-0.5',
|
|
644
640
|
indicator: '',
|
|
645
641
|
button: 'shrink-0 ml-0.5 h-4 w-4 rounded-full inline-flex items-center justify-center focus:text-white focus:outline-hidden cursor-pointer',
|
|
646
642
|
closeIcon: ''
|
|
647
643
|
};
|
|
648
|
-
var $
|
|
644
|
+
var $559e2fcbb5f142d6$var$normal = {
|
|
649
645
|
container: 'px-2.5'
|
|
650
646
|
};
|
|
651
|
-
var $
|
|
647
|
+
var $559e2fcbb5f142d6$var$indicator = {
|
|
652
648
|
container: 'px-2.5'
|
|
653
649
|
};
|
|
654
|
-
var $
|
|
650
|
+
var $559e2fcbb5f142d6$var$close = {
|
|
655
651
|
container: 'pl-2.5 pr-1'
|
|
656
652
|
};
|
|
657
|
-
var $
|
|
653
|
+
var $559e2fcbb5f142d6$var$primary = {
|
|
658
654
|
container: "shadow-xs text-white bg-primary-600 hover:bg-primary-700"
|
|
659
655
|
};
|
|
660
|
-
var $
|
|
656
|
+
var $559e2fcbb5f142d6$var$secondary = {
|
|
661
657
|
container: "shadow-none text-primary-700 bg-primary-100 hover:bg-primary-200"
|
|
662
658
|
};
|
|
663
|
-
var $
|
|
659
|
+
var $559e2fcbb5f142d6$var$outline = {
|
|
664
660
|
container: "border-gray-300 text-gray-700 bg-white hover:bg-gray-50"
|
|
665
661
|
};
|
|
666
|
-
var $
|
|
662
|
+
var $559e2fcbb5f142d6$var$sm = {
|
|
667
663
|
container: 'text-xs',
|
|
668
664
|
indicator: 'mr-1.5 h-2 w-2 '
|
|
669
665
|
};
|
|
670
|
-
var $
|
|
666
|
+
var $559e2fcbb5f142d6$var$lg = {
|
|
671
667
|
container: 'text-sm',
|
|
672
668
|
indicator: '-ml-0.5 mr-1.5 h-2 w-2'
|
|
673
669
|
};
|
|
674
|
-
var $
|
|
670
|
+
var $559e2fcbb5f142d6$var$block = {
|
|
675
671
|
container: 'rounded-md'
|
|
676
672
|
};
|
|
677
|
-
var $
|
|
673
|
+
var $559e2fcbb5f142d6$var$rounded = {
|
|
678
674
|
container: 'rounded-full'
|
|
679
675
|
};
|
|
680
|
-
var $
|
|
676
|
+
var $559e2fcbb5f142d6$var$gray = {
|
|
681
677
|
container: 'bg-gray-100 text-gray-800',
|
|
682
678
|
indicator: 'text-gray-400',
|
|
683
679
|
button: 'text-gray-400 hover:bg-gray-200 hover:text-gray-500 focus:bg-gray-500'
|
|
684
680
|
};
|
|
685
|
-
var $
|
|
681
|
+
var $559e2fcbb5f142d6$var$red = {
|
|
686
682
|
container: 'bg-red-100 text-red-800',
|
|
687
683
|
indicator: 'text-red-400',
|
|
688
684
|
button: 'text-red-400 hover:bg-red-200 hover:text-red-500 focus:bg-red-500'
|
|
689
685
|
};
|
|
690
|
-
var $
|
|
686
|
+
var $559e2fcbb5f142d6$var$yellow = {
|
|
691
687
|
container: 'bg-yellow-100 text-yellow-800',
|
|
692
688
|
indicator: 'text-yellow-400',
|
|
693
689
|
button: 'text-yellow-400 hover:bg-yellow-200 hover:text-yellow-500 focus:bg-yellow-500'
|
|
694
690
|
};
|
|
695
|
-
var $
|
|
691
|
+
var $559e2fcbb5f142d6$var$green = {
|
|
696
692
|
container: 'bg-green-100 text-green-800',
|
|
697
693
|
indicator: 'text-green-400',
|
|
698
694
|
button: 'text-green-400 hover:bg-green-200 hover:text-green-500 focus:bg-green-500'
|
|
699
695
|
};
|
|
700
|
-
var $
|
|
696
|
+
var $559e2fcbb5f142d6$var$blue = {
|
|
701
697
|
container: 'bg-blue-100 text-blue-800',
|
|
702
698
|
indicator: 'text-blue-400',
|
|
703
699
|
button: 'text-blue-400 hover:bg-blue-200 hover:text-blue-500 focus:bg-blue-500'
|
|
704
700
|
};
|
|
705
|
-
var $
|
|
701
|
+
var $559e2fcbb5f142d6$var$indigo = {
|
|
706
702
|
container: 'bg-primary-100 text-primary-800',
|
|
707
703
|
indicator: 'text-primary-400',
|
|
708
704
|
button: 'text-primary-400 hover:bg-primary-200 hover:text-primary-500 focus:outline-hidden focus:bg-primary-500'
|
|
709
705
|
};
|
|
710
|
-
var $
|
|
706
|
+
var $559e2fcbb5f142d6$var$purple = {
|
|
711
707
|
container: 'bg-purple-100 text-purple-800',
|
|
712
708
|
indicator: 'text-purple-400',
|
|
713
709
|
button: 'text-purple-400 hover:bg-purple-200 hover:text-purple-500 focus:bg-purple-500'
|
|
714
710
|
};
|
|
715
|
-
var $
|
|
711
|
+
var $559e2fcbb5f142d6$var$pink = {
|
|
716
712
|
container: 'bg-pink-100 text-pink-800',
|
|
717
713
|
indicator: 'text-pink-400',
|
|
718
714
|
button: 'text-pink-400 hover:bg-pink-200 hover:text-pink-500 focus:bg-purple-500'
|
|
719
715
|
};
|
|
720
|
-
var $
|
|
716
|
+
var $559e2fcbb5f142d6$var$disabled = {
|
|
721
717
|
container: 'opacity-20 cursor-not-allowed'
|
|
722
718
|
};
|
|
723
|
-
var $
|
|
719
|
+
var $559e2fcbb5f142d6$var$loading = {
|
|
724
720
|
container: 'cursor-progress'
|
|
725
721
|
};
|
|
726
|
-
var $
|
|
727
|
-
base: $
|
|
728
|
-
normal: $
|
|
729
|
-
indicator: $
|
|
730
|
-
close: $
|
|
731
|
-
primary: $
|
|
732
|
-
secondary: $
|
|
733
|
-
outline: $
|
|
734
|
-
sm: $
|
|
735
|
-
lg: $
|
|
736
|
-
block: $
|
|
737
|
-
rounded: $
|
|
738
|
-
gray: $
|
|
739
|
-
red: $
|
|
740
|
-
yellow: $
|
|
741
|
-
green: $
|
|
742
|
-
blue: $
|
|
743
|
-
indigo: $
|
|
744
|
-
purple: $
|
|
745
|
-
pink: $
|
|
746
|
-
disabled: $
|
|
747
|
-
loading: $
|
|
748
|
-
};
|
|
749
|
-
var $
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
var $
|
|
722
|
+
var $559e2fcbb5f142d6$var$styles = {
|
|
723
|
+
base: $559e2fcbb5f142d6$var$base,
|
|
724
|
+
normal: $559e2fcbb5f142d6$var$normal,
|
|
725
|
+
indicator: $559e2fcbb5f142d6$var$indicator,
|
|
726
|
+
close: $559e2fcbb5f142d6$var$close,
|
|
727
|
+
primary: $559e2fcbb5f142d6$var$primary,
|
|
728
|
+
secondary: $559e2fcbb5f142d6$var$secondary,
|
|
729
|
+
outline: $559e2fcbb5f142d6$var$outline,
|
|
730
|
+
sm: $559e2fcbb5f142d6$var$sm,
|
|
731
|
+
lg: $559e2fcbb5f142d6$var$lg,
|
|
732
|
+
block: $559e2fcbb5f142d6$var$block,
|
|
733
|
+
rounded: $559e2fcbb5f142d6$var$rounded,
|
|
734
|
+
gray: $559e2fcbb5f142d6$var$gray,
|
|
735
|
+
red: $559e2fcbb5f142d6$var$red,
|
|
736
|
+
yellow: $559e2fcbb5f142d6$var$yellow,
|
|
737
|
+
green: $559e2fcbb5f142d6$var$green,
|
|
738
|
+
blue: $559e2fcbb5f142d6$var$blue,
|
|
739
|
+
indigo: $559e2fcbb5f142d6$var$indigo,
|
|
740
|
+
purple: $559e2fcbb5f142d6$var$purple,
|
|
741
|
+
pink: $559e2fcbb5f142d6$var$pink,
|
|
742
|
+
disabled: $559e2fcbb5f142d6$var$disabled,
|
|
743
|
+
loading: $559e2fcbb5f142d6$var$loading
|
|
744
|
+
};
|
|
745
|
+
var $559e2fcbb5f142d6$export$2e2bcd8739ae039 = $559e2fcbb5f142d6$var$styles;
|
|
746
|
+
|
|
747
|
+
|
|
748
|
+
var $361f07a251f13e6f$var$Badge = function(props) {
|
|
753
749
|
var children = props.children, _a = props.color, color = _a === void 0 ? 'gray' : _a, _b = props.type, type = _b === void 0 ? 'normal' : _b, _c = props.size, size = _c === void 0 ? 'sm' : _c, _d = props.figure, figure = _d === void 0 ? 'block' : _d, isDisabled = props.isDisabled, isLoading = props.isLoading, onClick = props.onClick, onClose = props.onClose, stylesOverrides = props.styles, dataCy = props.dataCy;
|
|
754
750
|
var handleGenerateStyle = function() {
|
|
755
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
756
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
751
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $559e2fcbb5f142d6$export$2e2bcd8739ae039).base);
|
|
752
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $559e2fcbb5f142d6$export$2e2bcd8739ae039).base);
|
|
757
753
|
keys.forEach(function(key) {
|
|
758
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
754
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $559e2fcbb5f142d6$export$2e2bcd8739ae039).base, key), type && (0, $iA2ta$lodash.get)((0, $559e2fcbb5f142d6$export$2e2bcd8739ae039)[type], key), color && (0, $iA2ta$lodash.get)((0, $559e2fcbb5f142d6$export$2e2bcd8739ae039)[color], key), size && (0, $iA2ta$lodash.get)((0, $559e2fcbb5f142d6$export$2e2bcd8739ae039)[size], key), figure && (0, $iA2ta$lodash.get)((0, $559e2fcbb5f142d6$export$2e2bcd8739ae039)[figure], key), isDisabled && (0, $iA2ta$lodash.get)((0, $559e2fcbb5f142d6$export$2e2bcd8739ae039).disabled, key), isLoading && (0, $iA2ta$lodash.get)((0, $559e2fcbb5f142d6$export$2e2bcd8739ae039).loading, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
759
755
|
});
|
|
760
756
|
return result;
|
|
761
757
|
};
|
|
@@ -774,7 +770,7 @@ var $0b842d364fa010cf$var$BadgeElement = function(props) {
|
|
|
774
770
|
className: "sr-only",
|
|
775
771
|
children: "Remove large option"
|
|
776
772
|
}),
|
|
777
|
-
(0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
773
|
+
(0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
778
774
|
className: styles.closeIcon,
|
|
779
775
|
type: "regular",
|
|
780
776
|
accessor: "times"
|
|
@@ -820,7 +816,7 @@ var $0b842d364fa010cf$var$BadgeElement = function(props) {
|
|
|
820
816
|
]
|
|
821
817
|
});
|
|
822
818
|
};
|
|
823
|
-
var $
|
|
819
|
+
var $361f07a251f13e6f$export$2e2bcd8739ae039 = $361f07a251f13e6f$var$Badge;
|
|
824
820
|
|
|
825
821
|
|
|
826
822
|
|
|
@@ -830,7 +826,7 @@ var $0b842d364fa010cf$export$2e2bcd8739ae039 = $0b842d364fa010cf$var$BadgeElemen
|
|
|
830
826
|
|
|
831
827
|
|
|
832
828
|
|
|
833
|
-
var $
|
|
829
|
+
var $9cacad684e30e1ba$var$base = {
|
|
834
830
|
container: 'w-fit h-fit relative group/tooltip',
|
|
835
831
|
content: 'absolute flex justify-center items-center z-200 tooltip-animate px-4 py-2 border whitespace-nowrap border-palette-grayDarker bg-white font-light text-xs rounded-xs',
|
|
836
832
|
arrow: {
|
|
@@ -839,23 +835,23 @@ var $01e7f39f7556f2cb$var$base = {
|
|
|
839
835
|
strokeWidth: '1'
|
|
840
836
|
}
|
|
841
837
|
};
|
|
842
|
-
var $
|
|
843
|
-
base: $
|
|
838
|
+
var $9cacad684e30e1ba$var$styles = {
|
|
839
|
+
base: $9cacad684e30e1ba$var$base
|
|
844
840
|
};
|
|
845
|
-
var $
|
|
841
|
+
var $9cacad684e30e1ba$export$2e2bcd8739ae039 = $9cacad684e30e1ba$var$styles;
|
|
846
842
|
|
|
847
843
|
|
|
848
|
-
var $
|
|
849
|
-
$
|
|
844
|
+
var $861db172649fba92$var$__assign = undefined && undefined.__assign || function() {
|
|
845
|
+
$861db172649fba92$var$__assign = Object.assign || function(t) {
|
|
850
846
|
for(var s, i = 1, n = arguments.length; i < n; i++){
|
|
851
847
|
s = arguments[i];
|
|
852
848
|
for(var p in s)if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
853
849
|
}
|
|
854
850
|
return t;
|
|
855
851
|
};
|
|
856
|
-
return $
|
|
852
|
+
return $861db172649fba92$var$__assign.apply(this, arguments);
|
|
857
853
|
};
|
|
858
|
-
var $
|
|
854
|
+
var $861db172649fba92$var$Tooltip = function(props) {
|
|
859
855
|
var children = props.children, //
|
|
860
856
|
content = props.content, //
|
|
861
857
|
placement = props.placement, isHidden = props.isHidden, isPointing = props.isPointing, //
|
|
@@ -893,16 +889,16 @@ var $1c4aa673c4ad6947$var$TooltipElement = function(props) {
|
|
|
893
889
|
role
|
|
894
890
|
]), getReferenceProps = _c.getReferenceProps, getFloatingProps = _c.getFloatingProps;
|
|
895
891
|
var handleGenerateStyle = function() {
|
|
896
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
897
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
892
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $9cacad684e30e1ba$export$2e2bcd8739ae039).base);
|
|
893
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $9cacad684e30e1ba$export$2e2bcd8739ae039).base);
|
|
898
894
|
keys.forEach(function(key) {
|
|
899
|
-
return (0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
895
|
+
return (0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $9cacad684e30e1ba$export$2e2bcd8739ae039).base, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
900
896
|
});
|
|
901
897
|
return result;
|
|
902
898
|
};
|
|
903
899
|
var styles = handleGenerateStyle();
|
|
904
900
|
var childrenWithProps = (0, ($parcel$interopDefault($iA2ta$react))).Children.map(children, function(child) {
|
|
905
|
-
var props = $
|
|
901
|
+
var props = $861db172649fba92$var$__assign({
|
|
906
902
|
ref: refs.setReference
|
|
907
903
|
}, getReferenceProps());
|
|
908
904
|
if (/*#__PURE__*/ (0, ($parcel$interopDefault($iA2ta$react))).isValidElement(child)) return /*#__PURE__*/ (0, ($parcel$interopDefault($iA2ta$react))).cloneElement(child, props);
|
|
@@ -912,7 +908,7 @@ var $1c4aa673c4ad6947$var$TooltipElement = function(props) {
|
|
|
912
908
|
return (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$reactjsxruntime.Fragment), {
|
|
913
909
|
children: [
|
|
914
910
|
childrenWithProps,
|
|
915
|
-
isOpen && (0, $iA2ta$reactjsxruntime.jsxs)("div", $
|
|
911
|
+
isOpen && (0, $iA2ta$reactjsxruntime.jsxs)("div", $861db172649fba92$var$__assign({
|
|
916
912
|
"data-cy": dataCy,
|
|
917
913
|
ref: refs.setFloating,
|
|
918
914
|
style: floatingStyles,
|
|
@@ -932,7 +928,7 @@ var $1c4aa673c4ad6947$var$TooltipElement = function(props) {
|
|
|
932
928
|
]
|
|
933
929
|
});
|
|
934
930
|
};
|
|
935
|
-
var $
|
|
931
|
+
var $861db172649fba92$export$2e2bcd8739ae039 = $861db172649fba92$var$Tooltip;
|
|
936
932
|
|
|
937
933
|
|
|
938
934
|
|
|
@@ -942,86 +938,86 @@ var $1c4aa673c4ad6947$export$2e2bcd8739ae039 = $1c4aa673c4ad6947$var$TooltipElem
|
|
|
942
938
|
|
|
943
939
|
|
|
944
940
|
|
|
945
|
-
var $
|
|
941
|
+
var $1a23dea933d8729b$var$base = {
|
|
946
942
|
container: 'inline-flex items-center border border-transparent font-medium focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 duration-300',
|
|
947
943
|
content: 'flex gap-2',
|
|
948
944
|
icon: '',
|
|
949
945
|
spinner: 'animate-spin'
|
|
950
946
|
};
|
|
951
|
-
var $
|
|
947
|
+
var $1a23dea933d8729b$var$primary = {
|
|
952
948
|
container: "shadow-xs text-white bg-primary-600 hover:bg-primary-700"
|
|
953
949
|
};
|
|
954
|
-
var $
|
|
950
|
+
var $1a23dea933d8729b$var$secondary = {
|
|
955
951
|
container: "shadow-none text-primary-700 bg-primary-100 hover:bg-primary-200"
|
|
956
952
|
};
|
|
957
|
-
var $
|
|
953
|
+
var $1a23dea933d8729b$var$outline = {
|
|
958
954
|
container: "border-gray-300 text-gray-700 bg-white hover:bg-gray-50"
|
|
959
955
|
};
|
|
960
|
-
var $
|
|
956
|
+
var $1a23dea933d8729b$var$xs = {
|
|
961
957
|
container: 'px-3 py-1.5 text-xs'
|
|
962
958
|
};
|
|
963
|
-
var $
|
|
959
|
+
var $1a23dea933d8729b$var$sm = {
|
|
964
960
|
container: 'px-3.5 py-2 text-sm'
|
|
965
961
|
};
|
|
966
|
-
var $
|
|
962
|
+
var $1a23dea933d8729b$var$md = {
|
|
967
963
|
container: 'px-4 py-2.5 text-sm'
|
|
968
964
|
};
|
|
969
|
-
var $
|
|
965
|
+
var $1a23dea933d8729b$var$lg = {
|
|
970
966
|
container: 'px-5 py-2.5 text-base'
|
|
971
967
|
};
|
|
972
|
-
var $
|
|
968
|
+
var $1a23dea933d8729b$var$xl = {
|
|
973
969
|
container: 'px-6 py-3 text-base'
|
|
974
970
|
};
|
|
975
|
-
var $
|
|
971
|
+
var $1a23dea933d8729b$var$block = {
|
|
976
972
|
container: 'rounded-md'
|
|
977
973
|
};
|
|
978
|
-
var $
|
|
974
|
+
var $1a23dea933d8729b$var$rounded = {
|
|
979
975
|
container: 'rounded-full'
|
|
980
976
|
};
|
|
981
|
-
var $
|
|
982
|
-
var $
|
|
977
|
+
var $1a23dea933d8729b$var$idle = {};
|
|
978
|
+
var $1a23dea933d8729b$var$loading = {
|
|
983
979
|
container: 'cursor-progress',
|
|
984
980
|
content: 'flex items-center'
|
|
985
981
|
};
|
|
986
|
-
var $
|
|
982
|
+
var $1a23dea933d8729b$var$success = {
|
|
987
983
|
container: 'bg-emerald-500! hover:bg-emerald-600 text-white! duration-300',
|
|
988
984
|
content: 'flex items-center'
|
|
989
985
|
};
|
|
990
|
-
var $
|
|
986
|
+
var $1a23dea933d8729b$var$error = {
|
|
991
987
|
container: 'bg-rose-400 hover:bg-rose-500 text-white! duration-300',
|
|
992
988
|
content: 'flex items-center'
|
|
993
989
|
};
|
|
994
|
-
var $
|
|
990
|
+
var $1a23dea933d8729b$var$disabled = {
|
|
995
991
|
container: 'opacity-20! cursor-not-allowed!'
|
|
996
992
|
};
|
|
997
|
-
var $
|
|
998
|
-
base: $
|
|
999
|
-
primary: $
|
|
1000
|
-
secondary: $
|
|
1001
|
-
outline: $
|
|
1002
|
-
xs: $
|
|
1003
|
-
sm: $
|
|
1004
|
-
md: $
|
|
1005
|
-
lg: $
|
|
1006
|
-
xl: $
|
|
1007
|
-
block: $
|
|
1008
|
-
rounded: $
|
|
1009
|
-
idle: $
|
|
1010
|
-
loading: $
|
|
1011
|
-
success: $
|
|
1012
|
-
error: $
|
|
1013
|
-
disabled: $
|
|
1014
|
-
};
|
|
1015
|
-
var $
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
var $
|
|
993
|
+
var $1a23dea933d8729b$var$styles = {
|
|
994
|
+
base: $1a23dea933d8729b$var$base,
|
|
995
|
+
primary: $1a23dea933d8729b$var$primary,
|
|
996
|
+
secondary: $1a23dea933d8729b$var$secondary,
|
|
997
|
+
outline: $1a23dea933d8729b$var$outline,
|
|
998
|
+
xs: $1a23dea933d8729b$var$xs,
|
|
999
|
+
sm: $1a23dea933d8729b$var$sm,
|
|
1000
|
+
md: $1a23dea933d8729b$var$md,
|
|
1001
|
+
lg: $1a23dea933d8729b$var$lg,
|
|
1002
|
+
xl: $1a23dea933d8729b$var$xl,
|
|
1003
|
+
block: $1a23dea933d8729b$var$block,
|
|
1004
|
+
rounded: $1a23dea933d8729b$var$rounded,
|
|
1005
|
+
idle: $1a23dea933d8729b$var$idle,
|
|
1006
|
+
loading: $1a23dea933d8729b$var$loading,
|
|
1007
|
+
success: $1a23dea933d8729b$var$success,
|
|
1008
|
+
error: $1a23dea933d8729b$var$error,
|
|
1009
|
+
disabled: $1a23dea933d8729b$var$disabled
|
|
1010
|
+
};
|
|
1011
|
+
var $1a23dea933d8729b$export$2e2bcd8739ae039 = $1a23dea933d8729b$var$styles;
|
|
1012
|
+
|
|
1013
|
+
|
|
1014
|
+
var $88f571169cf61789$var$Button = function(props) {
|
|
1019
1015
|
var children = props.children, innerRef = props.innerRef, _a = props.htmlType, htmlType = _a === void 0 ? 'button' : _a, dataCy = props.dataCy, _b = props.type, type = _b === void 0 ? 'primary' : _b, _c = props.size, size = _c === void 0 ? 'md' : _c, _d = props.figure, figure = _d === void 0 ? 'block' : _d, _e = props.status, status = _e === void 0 ? 'idle' : _e, isDisabled = props.isDisabled, stylesOverrides = props.styles, onClick = props.onClick;
|
|
1020
1016
|
var handleGenerateStyle = function() {
|
|
1021
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
1022
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
1017
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $1a23dea933d8729b$export$2e2bcd8739ae039).base);
|
|
1018
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $1a23dea933d8729b$export$2e2bcd8739ae039).base);
|
|
1023
1019
|
keys.forEach(function(key) {
|
|
1024
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
1020
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $1a23dea933d8729b$export$2e2bcd8739ae039).base, key), type && (0, $iA2ta$lodash.get)((0, $1a23dea933d8729b$export$2e2bcd8739ae039)[type], key), size && (0, $iA2ta$lodash.get)((0, $1a23dea933d8729b$export$2e2bcd8739ae039)[size], key), figure && (0, $iA2ta$lodash.get)((0, $1a23dea933d8729b$export$2e2bcd8739ae039)[figure], key), status && (0, $iA2ta$lodash.get)((0, $1a23dea933d8729b$export$2e2bcd8739ae039)[status], key), isDisabled && (0, $iA2ta$lodash.get)((0, $1a23dea933d8729b$export$2e2bcd8739ae039).disabled, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
1025
1021
|
});
|
|
1026
1022
|
return result;
|
|
1027
1023
|
};
|
|
@@ -1040,7 +1036,7 @@ var $98b8616b6ef0f950$var$ButtonElement = function(props) {
|
|
|
1040
1036
|
status === 'loading' && (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
1041
1037
|
className: styles.content,
|
|
1042
1038
|
children: [
|
|
1043
|
-
(0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
1039
|
+
(0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
1044
1040
|
type: "regular",
|
|
1045
1041
|
accessor: "spinner",
|
|
1046
1042
|
className: styles.spinner
|
|
@@ -1053,7 +1049,7 @@ var $98b8616b6ef0f950$var$ButtonElement = function(props) {
|
|
|
1053
1049
|
status === 'error' && (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
1054
1050
|
className: styles.content,
|
|
1055
1051
|
children: [
|
|
1056
|
-
(0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
1052
|
+
(0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
1057
1053
|
type: "regular",
|
|
1058
1054
|
accessor: "circle-exclamation",
|
|
1059
1055
|
className: styles.icon
|
|
@@ -1066,7 +1062,7 @@ var $98b8616b6ef0f950$var$ButtonElement = function(props) {
|
|
|
1066
1062
|
status === 'success' && (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
1067
1063
|
className: styles.content,
|
|
1068
1064
|
children: [
|
|
1069
|
-
(0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
1065
|
+
(0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
1070
1066
|
type: "regular",
|
|
1071
1067
|
accessor: "circle-check",
|
|
1072
1068
|
className: styles.icon
|
|
@@ -1079,7 +1075,7 @@ var $98b8616b6ef0f950$var$ButtonElement = function(props) {
|
|
|
1079
1075
|
]
|
|
1080
1076
|
});
|
|
1081
1077
|
};
|
|
1082
|
-
var $
|
|
1078
|
+
var $88f571169cf61789$export$2e2bcd8739ae039 = $88f571169cf61789$var$Button;
|
|
1083
1079
|
|
|
1084
1080
|
|
|
1085
1081
|
|
|
@@ -1088,25 +1084,25 @@ var $98b8616b6ef0f950$export$2e2bcd8739ae039 = $98b8616b6ef0f950$var$ButtonEleme
|
|
|
1088
1084
|
|
|
1089
1085
|
|
|
1090
1086
|
|
|
1091
|
-
var $
|
|
1087
|
+
var $543fc466b1ac014f$var$base = {
|
|
1092
1088
|
container: 'relative z-0 inline-flex shadow-xs rounded-md',
|
|
1093
1089
|
firstButton: 'relative inline-flex items-center px-4 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:z-10 focus:outline-hidden focus:ring-1 focus:ring-primary-500 focus:border-primary-500',
|
|
1094
1090
|
button: '-ml-px relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:z-10 focus:outline-hidden focus:ring-1 focus:ring-primary-500 focus:border-primary-500',
|
|
1095
1091
|
lastButton: '-ml-px relative inline-flex items-center px-4 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:z-10 focus:outline-hidden focus:ring-1 focus:ring-primary-500 focus:border-primary-500'
|
|
1096
1092
|
};
|
|
1097
|
-
var $
|
|
1098
|
-
base: $
|
|
1093
|
+
var $543fc466b1ac014f$var$styles = {
|
|
1094
|
+
base: $543fc466b1ac014f$var$base
|
|
1099
1095
|
};
|
|
1100
|
-
var $
|
|
1096
|
+
var $543fc466b1ac014f$export$2e2bcd8739ae039 = $543fc466b1ac014f$var$styles;
|
|
1101
1097
|
|
|
1102
1098
|
|
|
1103
|
-
var $
|
|
1099
|
+
var $98bd4f46435bcf28$var$ButtonGroup = function(props) {
|
|
1104
1100
|
var children = props.children, stylesOverrides = props.styles;
|
|
1105
1101
|
var handleGenerateStyle = function() {
|
|
1106
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
1107
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
1102
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $543fc466b1ac014f$export$2e2bcd8739ae039).base);
|
|
1103
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $543fc466b1ac014f$export$2e2bcd8739ae039).base);
|
|
1108
1104
|
keys.forEach(function(key) {
|
|
1109
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
1105
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $543fc466b1ac014f$export$2e2bcd8739ae039).base, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
1110
1106
|
});
|
|
1111
1107
|
return result;
|
|
1112
1108
|
};
|
|
@@ -1125,7 +1121,7 @@ var $49256f91bd9e1c3f$var$ButtonGroupElement = function(props) {
|
|
|
1125
1121
|
})
|
|
1126
1122
|
});
|
|
1127
1123
|
};
|
|
1128
|
-
var $
|
|
1124
|
+
var $98bd4f46435bcf28$export$2e2bcd8739ae039 = $98bd4f46435bcf28$var$ButtonGroup;
|
|
1129
1125
|
|
|
1130
1126
|
|
|
1131
1127
|
|
|
@@ -1136,51 +1132,51 @@ var $49256f91bd9e1c3f$export$2e2bcd8739ae039 = $49256f91bd9e1c3f$var$ButtonGroup
|
|
|
1136
1132
|
|
|
1137
1133
|
|
|
1138
1134
|
|
|
1139
|
-
var $
|
|
1135
|
+
var $16605930c75cdd39$var$base = {
|
|
1140
1136
|
container: 'inline-block text-left',
|
|
1141
1137
|
button: 'cursor-pointer inline-flex justify-center w-full rounded-md border border-gray-300 shadow-xs px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-primary-500',
|
|
1142
1138
|
compact: 'cursor-pointer bg-gray-100 rounded-full flex items-center text-gray-400 hover:text-gray-600 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-primary-500',
|
|
1143
|
-
dots: 'h-7 w-7 p-1',
|
|
1139
|
+
dots: 'h-7 w-7 p-1 flex items-center justify-center',
|
|
1144
1140
|
items: 'z-10 absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black/5 divide-y divide-gray-100 focus:outline-hidden'
|
|
1145
1141
|
};
|
|
1146
|
-
var $
|
|
1147
|
-
var $
|
|
1148
|
-
var $
|
|
1142
|
+
var $16605930c75cdd39$var$button = {};
|
|
1143
|
+
var $16605930c75cdd39$var$compact = {};
|
|
1144
|
+
var $16605930c75cdd39$var$bottomLeft = {
|
|
1149
1145
|
items: 'origin-top-right right-0'
|
|
1150
1146
|
};
|
|
1151
|
-
var $
|
|
1147
|
+
var $16605930c75cdd39$var$bottomRight = {
|
|
1152
1148
|
items: 'origin-top-left left-0'
|
|
1153
1149
|
};
|
|
1154
|
-
var $
|
|
1150
|
+
var $16605930c75cdd39$var$topLeft = {
|
|
1155
1151
|
items: 'origin-bottom-right right-0 bottom-0'
|
|
1156
1152
|
};
|
|
1157
|
-
var $
|
|
1153
|
+
var $16605930c75cdd39$var$topRight = {
|
|
1158
1154
|
items: 'origin-bottom-left left-0 bottom-0'
|
|
1159
1155
|
};
|
|
1160
|
-
var $
|
|
1156
|
+
var $16605930c75cdd39$var$disabled = {
|
|
1161
1157
|
button: 'opacity-50 cursor-not-allowed!',
|
|
1162
1158
|
compact: 'opacity-50 cursor-not-allowed!'
|
|
1163
1159
|
};
|
|
1164
|
-
var $
|
|
1165
|
-
base: $
|
|
1166
|
-
button: $
|
|
1167
|
-
compact: $
|
|
1168
|
-
'bottom-left': $
|
|
1169
|
-
'bottom-right': $
|
|
1170
|
-
'top-left': $
|
|
1171
|
-
'top-right': $
|
|
1172
|
-
disabled: $
|
|
1160
|
+
var $16605930c75cdd39$var$styles = {
|
|
1161
|
+
base: $16605930c75cdd39$var$base,
|
|
1162
|
+
button: $16605930c75cdd39$var$button,
|
|
1163
|
+
compact: $16605930c75cdd39$var$compact,
|
|
1164
|
+
'bottom-left': $16605930c75cdd39$var$bottomLeft,
|
|
1165
|
+
'bottom-right': $16605930c75cdd39$var$bottomRight,
|
|
1166
|
+
'top-left': $16605930c75cdd39$var$topLeft,
|
|
1167
|
+
'top-right': $16605930c75cdd39$var$topRight,
|
|
1168
|
+
disabled: $16605930c75cdd39$var$disabled
|
|
1173
1169
|
};
|
|
1174
|
-
var $
|
|
1170
|
+
var $16605930c75cdd39$export$2e2bcd8739ae039 = $16605930c75cdd39$var$styles;
|
|
1175
1171
|
|
|
1176
1172
|
|
|
1177
|
-
var $
|
|
1173
|
+
var $24cfdc9d7b5406e1$var$Container = function(props) {
|
|
1178
1174
|
var children = props.children, label = props.label, trigger = props.trigger, dataCy = props.dataCy, _a = props.type, type = _a === void 0 ? 'button' : _a, _b = props.direction, direction = _b === void 0 ? 'bottom end' : _b, _c = props.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = props.isEscapingOverflow, isEscapingOverflow = _d === void 0 ? false : _d, stylesOverrides = props.styles;
|
|
1179
1175
|
var handleGenerateStyle = function() {
|
|
1180
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
1181
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
1176
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $16605930c75cdd39$export$2e2bcd8739ae039).base);
|
|
1177
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $16605930c75cdd39$export$2e2bcd8739ae039).base);
|
|
1182
1178
|
keys.forEach(function(key) {
|
|
1183
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
1179
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $16605930c75cdd39$export$2e2bcd8739ae039).base, key), type && (0, $iA2ta$lodash.get)((0, $16605930c75cdd39$export$2e2bcd8739ae039)[type], key), isDisabled && (0, $iA2ta$lodash.get)((0, $16605930c75cdd39$export$2e2bcd8739ae039).disabled, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
1184
1180
|
});
|
|
1185
1181
|
return result;
|
|
1186
1182
|
};
|
|
@@ -1197,9 +1193,12 @@ var $6f7275eb03c2b93c$var$Container = function(props) {
|
|
|
1197
1193
|
"data-cy": dataCy,
|
|
1198
1194
|
children: [
|
|
1199
1195
|
label,
|
|
1200
|
-
(0, $iA2ta$reactjsxruntime.jsx)(
|
|
1201
|
-
className: "
|
|
1202
|
-
|
|
1196
|
+
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
1197
|
+
className: "ml-2",
|
|
1198
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
1199
|
+
accessor: "chevron-down",
|
|
1200
|
+
type: "solid"
|
|
1201
|
+
})
|
|
1203
1202
|
})
|
|
1204
1203
|
]
|
|
1205
1204
|
}) : (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$headlessuireact.MenuButton), {
|
|
@@ -1216,9 +1215,12 @@ var $6f7275eb03c2b93c$var$Container = function(props) {
|
|
|
1216
1215
|
className: "sr-only",
|
|
1217
1216
|
children: label
|
|
1218
1217
|
}),
|
|
1219
|
-
(0, $iA2ta$reactjsxruntime.jsx)(
|
|
1218
|
+
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
1220
1219
|
className: styles.dots,
|
|
1221
|
-
|
|
1220
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
1221
|
+
accessor: "ellipsis-vertical",
|
|
1222
|
+
type: "solid"
|
|
1223
|
+
})
|
|
1222
1224
|
})
|
|
1223
1225
|
]
|
|
1224
1226
|
})
|
|
@@ -1241,18 +1243,22 @@ var $6f7275eb03c2b93c$var$Container = function(props) {
|
|
|
1241
1243
|
]
|
|
1242
1244
|
});
|
|
1243
1245
|
};
|
|
1244
|
-
var $
|
|
1245
|
-
Container: $
|
|
1246
|
+
var $24cfdc9d7b5406e1$var$Dropdown = {
|
|
1247
|
+
Container: $24cfdc9d7b5406e1$var$Container,
|
|
1246
1248
|
Item: (0, $iA2ta$headlessuireact.Menu).Item
|
|
1247
1249
|
};
|
|
1248
|
-
var $
|
|
1250
|
+
var $24cfdc9d7b5406e1$export$2e2bcd8739ae039 = $24cfdc9d7b5406e1$var$Dropdown;
|
|
1251
|
+
|
|
1252
|
+
|
|
1249
1253
|
|
|
1250
1254
|
|
|
1251
1255
|
|
|
1252
1256
|
|
|
1253
1257
|
|
|
1254
1258
|
|
|
1255
|
-
|
|
1259
|
+
|
|
1260
|
+
|
|
1261
|
+
var $ed914666352b64bc$var$styles = {
|
|
1256
1262
|
container: '',
|
|
1257
1263
|
icon: {
|
|
1258
1264
|
container: 'w-4 h-4 flex ease-in-out duration-300',
|
|
@@ -1260,24 +1266,20 @@ var $4b59a3e0d0d66995$var$styles = {
|
|
|
1260
1266
|
svg: 'w-4 h-4 flex'
|
|
1261
1267
|
}
|
|
1262
1268
|
};
|
|
1263
|
-
var $
|
|
1264
|
-
|
|
1265
|
-
|
|
1269
|
+
var $ed914666352b64bc$export$2e2bcd8739ae039 = $ed914666352b64bc$var$styles;
|
|
1266
1270
|
|
|
1267
1271
|
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
var $9a91e005c750fbb3$var$RotatingIcon = function(_a) {
|
|
1272
|
+
var $dacc3956e876a7e8$var$RotatingIcon = function(_a) {
|
|
1271
1273
|
var isVisible = _a.isVisible, styles = _a.styles;
|
|
1272
1274
|
return (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
1273
1275
|
className: styles.icon.container,
|
|
1274
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
1276
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
1275
1277
|
className: styles.icon.svg,
|
|
1276
1278
|
accessor: "chevron-right"
|
|
1277
1279
|
})
|
|
1278
1280
|
});
|
|
1279
1281
|
};
|
|
1280
|
-
var $
|
|
1282
|
+
var $dacc3956e876a7e8$var$Collapsible = function(props) {
|
|
1281
1283
|
var children = props.children, _a = props.isDefaultOpen, isDefaultOpen = _a === void 0 ? false : _a, trigger = props.trigger, stylesOverrides = props.styles;
|
|
1282
1284
|
var _b = (0, $iA2ta$react.useState)(isDefaultOpen), isVisible = _b[0], setIsVisible = _b[1];
|
|
1283
1285
|
var handleToggle = (0, $iA2ta$react.useCallback)(function() {
|
|
@@ -1286,10 +1288,10 @@ var $9a91e005c750fbb3$var$Collapsible = function(props) {
|
|
|
1286
1288
|
});
|
|
1287
1289
|
}, []);
|
|
1288
1290
|
var handleGenerateStyle = function() {
|
|
1289
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
1290
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
1291
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $ed914666352b64bc$export$2e2bcd8739ae039));
|
|
1292
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $ed914666352b64bc$export$2e2bcd8739ae039));
|
|
1291
1293
|
keys.forEach(function(key) {
|
|
1292
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
1294
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $ed914666352b64bc$export$2e2bcd8739ae039), key), isVisible && key.includes('icon.container') && (0, $ed914666352b64bc$export$2e2bcd8739ae039).icon.rotate, (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
1293
1295
|
});
|
|
1294
1296
|
return result;
|
|
1295
1297
|
};
|
|
@@ -1299,7 +1301,7 @@ var $9a91e005c750fbb3$var$Collapsible = function(props) {
|
|
|
1299
1301
|
children: [
|
|
1300
1302
|
trigger({
|
|
1301
1303
|
handleToggle: handleToggle,
|
|
1302
|
-
rotatingIcon: (0, $iA2ta$reactjsxruntime.jsx)($
|
|
1304
|
+
rotatingIcon: (0, $iA2ta$reactjsxruntime.jsx)($dacc3956e876a7e8$var$RotatingIcon, {
|
|
1303
1305
|
isVisible: isVisible,
|
|
1304
1306
|
styles: styles
|
|
1305
1307
|
}),
|
|
@@ -1311,7 +1313,7 @@ var $9a91e005c750fbb3$var$Collapsible = function(props) {
|
|
|
1311
1313
|
]
|
|
1312
1314
|
});
|
|
1313
1315
|
};
|
|
1314
|
-
var $
|
|
1316
|
+
var $dacc3956e876a7e8$export$2e2bcd8739ae039 = $dacc3956e876a7e8$var$Collapsible;
|
|
1315
1317
|
|
|
1316
1318
|
|
|
1317
1319
|
|
|
@@ -1357,11 +1359,11 @@ var $ccdca29d489f3200$var$ProgressTrack = function(props) {
|
|
|
1357
1359
|
]);
|
|
1358
1360
|
var styles = handleGenerateStyle();
|
|
1359
1361
|
var renderStep = (0, $iA2ta$react.useCallback)(function(step) {
|
|
1360
|
-
var icon = (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
1362
|
+
var icon = (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
1361
1363
|
accessor: step.icon,
|
|
1362
1364
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.icon, step.colorCls)
|
|
1363
1365
|
});
|
|
1364
|
-
return step.tooltip ? (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
1366
|
+
return step.tooltip ? (0, $iA2ta$reactjsxruntime.jsx)((0, $861db172649fba92$export$2e2bcd8739ae039), {
|
|
1365
1367
|
placement: "top",
|
|
1366
1368
|
content: step.tooltip,
|
|
1367
1369
|
isPointing: true,
|
|
@@ -1396,7 +1398,6 @@ var $ccdca29d489f3200$export$2e2bcd8739ae039 = $ccdca29d489f3200$var$ProgressTra
|
|
|
1396
1398
|
|
|
1397
1399
|
|
|
1398
1400
|
|
|
1399
|
-
|
|
1400
1401
|
var $3369f7d596d23d58$var$base = {
|
|
1401
1402
|
foot: '',
|
|
1402
1403
|
hint: 'text-gray-400 text-xs mt-1',
|
|
@@ -1443,7 +1444,7 @@ var $3369f7d596d23d58$export$2e2bcd8739ae039 = $3369f7d596d23d58$var$styles;
|
|
|
1443
1444
|
|
|
1444
1445
|
var $dfbd7d015eae4218$var$InputFooter = function(props) {
|
|
1445
1446
|
var name = props.name, hint = props.hint, error = props.error, isTouched = props.isTouched, _a = props.isHidden, isHidden = _a === void 0 ? false : _a, stylesOverrides = props.styles, _b = props.type, type = _b === void 0 ? 'normal' : _b;
|
|
1446
|
-
var errorDataCy = "form-input-error-".concat(name);
|
|
1447
|
+
var errorDataCy = name ? "form-input-error-".concat(name) : undefined;
|
|
1447
1448
|
var handleGenerateStyle = function() {
|
|
1448
1449
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $3369f7d596d23d58$export$2e2bcd8739ae039).base);
|
|
1449
1450
|
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $3369f7d596d23d58$export$2e2bcd8739ae039).base);
|
|
@@ -1630,7 +1631,7 @@ var $9314e0aa7f1e874e$export$2e2bcd8739ae039 = $9314e0aa7f1e874e$var$InputHeader
|
|
|
1630
1631
|
|
|
1631
1632
|
|
|
1632
1633
|
|
|
1633
|
-
var $
|
|
1634
|
+
var $47f4a9343fdccb9b$var$base = {
|
|
1634
1635
|
container: '',
|
|
1635
1636
|
body: 'relative rounded-md',
|
|
1636
1637
|
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
@@ -1638,57 +1639,57 @@ var $143cee146891bafc$var$base = {
|
|
|
1638
1639
|
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
1639
1640
|
error: 'ml-5'
|
|
1640
1641
|
};
|
|
1641
|
-
var $
|
|
1642
|
+
var $47f4a9343fdccb9b$var$leading = {
|
|
1642
1643
|
input: 'pl-10'
|
|
1643
1644
|
};
|
|
1644
|
-
var $
|
|
1645
|
-
var $
|
|
1645
|
+
var $47f4a9343fdccb9b$var$trailing = {};
|
|
1646
|
+
var $47f4a9343fdccb9b$var$normal = {
|
|
1646
1647
|
leading: 'pl-3',
|
|
1647
1648
|
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
1648
1649
|
trailing: 'pr-3'
|
|
1649
1650
|
};
|
|
1650
|
-
var $
|
|
1651
|
+
var $47f4a9343fdccb9b$var$inset = {
|
|
1651
1652
|
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
1652
1653
|
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0'
|
|
1653
1654
|
};
|
|
1654
|
-
var $
|
|
1655
|
+
var $47f4a9343fdccb9b$var$overlapping = {
|
|
1655
1656
|
container: 'relative',
|
|
1656
1657
|
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6'
|
|
1657
1658
|
};
|
|
1658
|
-
var $
|
|
1659
|
+
var $47f4a9343fdccb9b$var$pill = {
|
|
1659
1660
|
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
1660
1661
|
trailing: 'pr-2'
|
|
1661
1662
|
};
|
|
1662
|
-
var $
|
|
1663
|
+
var $47f4a9343fdccb9b$var$floored = {
|
|
1663
1664
|
body: 'relative mt-2',
|
|
1664
1665
|
input: 'peer block w-full border-0 bg-gray-50 py-1.5 text-gray-900 focus:ring-0 sm:text-sm sm:leading-6 ring-0'
|
|
1665
1666
|
};
|
|
1666
|
-
var $
|
|
1667
|
+
var $47f4a9343fdccb9b$var$invalid = {
|
|
1667
1668
|
container: 'ring-red-500',
|
|
1668
1669
|
input: 'block w-full border border-transparent text-red-900 ring-1 ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500 pr-10'
|
|
1669
1670
|
};
|
|
1670
|
-
var $
|
|
1671
|
+
var $47f4a9343fdccb9b$var$disabled = {
|
|
1671
1672
|
input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
|
|
1672
1673
|
};
|
|
1673
|
-
var $
|
|
1674
|
-
base: $
|
|
1675
|
-
leading: $
|
|
1676
|
-
trailing: $
|
|
1677
|
-
normal: $
|
|
1678
|
-
inset: $
|
|
1679
|
-
overlapping: $
|
|
1680
|
-
pill: $
|
|
1681
|
-
floored: $
|
|
1682
|
-
invalid: $
|
|
1683
|
-
disabled: $
|
|
1674
|
+
var $47f4a9343fdccb9b$var$styles = {
|
|
1675
|
+
base: $47f4a9343fdccb9b$var$base,
|
|
1676
|
+
leading: $47f4a9343fdccb9b$var$leading,
|
|
1677
|
+
trailing: $47f4a9343fdccb9b$var$trailing,
|
|
1678
|
+
normal: $47f4a9343fdccb9b$var$normal,
|
|
1679
|
+
inset: $47f4a9343fdccb9b$var$inset,
|
|
1680
|
+
overlapping: $47f4a9343fdccb9b$var$overlapping,
|
|
1681
|
+
pill: $47f4a9343fdccb9b$var$pill,
|
|
1682
|
+
floored: $47f4a9343fdccb9b$var$floored,
|
|
1683
|
+
invalid: $47f4a9343fdccb9b$var$invalid,
|
|
1684
|
+
disabled: $47f4a9343fdccb9b$var$disabled
|
|
1684
1685
|
};
|
|
1685
|
-
var $
|
|
1686
|
+
var $47f4a9343fdccb9b$export$2e2bcd8739ae039 = $47f4a9343fdccb9b$var$styles;
|
|
1686
1687
|
|
|
1687
1688
|
|
|
1688
|
-
var $
|
|
1689
|
+
var $c474e734ef48f77c$var$InputGroup = function(props) {
|
|
1689
1690
|
var _a;
|
|
1690
1691
|
var _b;
|
|
1691
|
-
var name = props.name, _c = props.htmlType, htmlType = _c === void 0 ? 'text' : _c, label = props.label, hint = props.hint, description = props.description, placeholder = props.placeholder, leading = props.leading, trailing = props.trailing, required = props.required, value = props.value, mask = props.mask, min = props.min, max = props.max, maxLength = props.maxLength, rows = props.rows, error = props.error, _d = props.type, type = _d === void 0 ? 'normal' : _d, isDisabled = props.isDisabled, _e = props.isRequired, isRequired = _e === void 0 ? false : _e, _f = props.isTouched, isTouched = _f === void 0 ? false : _f, _g = props.isSolo, isSolo = _g === void 0 ? false : _g, _h = props.isOptionalLabelHidden, isOptionalLabelHidden = _h === void 0 ? false : _h, onChange = props.onChange, onClear = props.onClear, onBlur = props.onBlur, onClick = props.onClick, onKeyDown = props.onKeyDown, setRefOnLoad = props.setRefOnLoad, stylesOverrides = props.styles;
|
|
1692
|
+
var name = props.name, _c = props.htmlType, htmlType = _c === void 0 ? 'text' : _c, label = props.label, hint = props.hint, description = props.description, placeholder = props.placeholder, leading = props.leading, trailing = props.trailing, required = props.required, value = props.value, mask = props.mask, min = props.min, max = props.max, step = props.step, maxLength = props.maxLength, rows = props.rows, error = props.error, _d = props.type, type = _d === void 0 ? 'normal' : _d, isDisabled = props.isDisabled, _e = props.isRequired, isRequired = _e === void 0 ? false : _e, _f = props.isTouched, isTouched = _f === void 0 ? false : _f, _g = props.isSolo, isSolo = _g === void 0 ? false : _g, _h = props.isOptionalLabelHidden, isOptionalLabelHidden = _h === void 0 ? false : _h, onChange = props.onChange, onClear = props.onClear, onBlur = props.onBlur, onClick = props.onClick, onKeyDown = props.onKeyDown, setRefOnLoad = props.setRefOnLoad, stylesOverrides = props.styles;
|
|
1692
1693
|
var isValid = error === undefined;
|
|
1693
1694
|
var maskRef = (0, $iA2ta$reactinputmask.useMask)({
|
|
1694
1695
|
mask: mask === null || mask === void 0 ? void 0 : mask.mask,
|
|
@@ -1697,17 +1698,20 @@ var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
|
1697
1698
|
var defaultRef = (0, $iA2ta$react.useRef)(null);
|
|
1698
1699
|
var ref = mask ? maskRef : defaultRef;
|
|
1699
1700
|
var handleGenerateStyle = function() {
|
|
1700
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
1701
|
-
var keys = (0, $iA2ta$lodash.concat)((0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
1701
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $47f4a9343fdccb9b$export$2e2bcd8739ae039).base);
|
|
1702
|
+
var keys = (0, $iA2ta$lodash.concat)((0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $47f4a9343fdccb9b$export$2e2bcd8739ae039).base), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $3369f7d596d23d58$export$2e2bcd8739ae039).base), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $65bb4d593718fcda$export$2e2bcd8739ae039).base));
|
|
1702
1703
|
keys.forEach(function(key) {
|
|
1703
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
1704
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $47f4a9343fdccb9b$export$2e2bcd8739ae039).base, key), leading !== undefined && (0, $iA2ta$lodash.get)((0, $47f4a9343fdccb9b$export$2e2bcd8739ae039).leading, key), trailing !== undefined && (0, $iA2ta$lodash.get)((0, $47f4a9343fdccb9b$export$2e2bcd8739ae039).trailing, key), type && (0, $iA2ta$lodash.get)((0, $47f4a9343fdccb9b$export$2e2bcd8739ae039)[type], key), isTouched === true && !isValid && (0, $iA2ta$lodash.get)((0, $47f4a9343fdccb9b$export$2e2bcd8739ae039).invalid, key), isDisabled && (0, $iA2ta$lodash.get)((0, $47f4a9343fdccb9b$export$2e2bcd8739ae039).disabled, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
1704
1705
|
});
|
|
1705
1706
|
return result;
|
|
1706
1707
|
};
|
|
1707
1708
|
var styles = handleGenerateStyle();
|
|
1708
|
-
var invalidIcon = (0, $iA2ta$reactjsxruntime.jsx)(
|
|
1709
|
-
className: "h-5 w-5 text-red-500",
|
|
1710
|
-
|
|
1709
|
+
var invalidIcon = (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
1710
|
+
className: "h-5 w-5 text-red-500 flex items-center justify-center",
|
|
1711
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
1712
|
+
accessor: "exclamation-circle",
|
|
1713
|
+
type: "solid"
|
|
1714
|
+
})
|
|
1711
1715
|
});
|
|
1712
1716
|
var isClearable = !trailing && isValid && onClear && value !== '' && value;
|
|
1713
1717
|
var inputDataCy = "form-input-".concat(name);
|
|
@@ -1752,6 +1756,7 @@ var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
|
1752
1756
|
value: isSolo ? undefined : value,
|
|
1753
1757
|
min: min,
|
|
1754
1758
|
max: max,
|
|
1759
|
+
step: step,
|
|
1755
1760
|
maxLength: maxLength,
|
|
1756
1761
|
disabled: isDisabled,
|
|
1757
1762
|
onChange: onChange,
|
|
@@ -1762,7 +1767,7 @@ var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
|
1762
1767
|
htmlType === 'text' && isClearable && (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
1763
1768
|
className: "right-5 px-2 absolute cursor-pointer hover:opacity-60",
|
|
1764
1769
|
onClick: onClear,
|
|
1765
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
1770
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
1766
1771
|
accessor: "times",
|
|
1767
1772
|
className: "text-gray-500"
|
|
1768
1773
|
})
|
|
@@ -1770,7 +1775,7 @@ var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
|
1770
1775
|
htmlType === 'date' && isClearable && (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
1771
1776
|
className: "right-10 px-2 absolute cursor-pointer hover:opacity-60",
|
|
1772
1777
|
onClick: onClear,
|
|
1773
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
1778
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
1774
1779
|
accessor: "times",
|
|
1775
1780
|
className: "text-gray-500"
|
|
1776
1781
|
})
|
|
@@ -1818,7 +1823,7 @@ var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
|
1818
1823
|
]
|
|
1819
1824
|
});
|
|
1820
1825
|
};
|
|
1821
|
-
var $
|
|
1826
|
+
var $c474e734ef48f77c$export$2e2bcd8739ae039 = $c474e734ef48f77c$var$InputGroup;
|
|
1822
1827
|
|
|
1823
1828
|
|
|
1824
1829
|
|
|
@@ -1827,36 +1832,36 @@ var $75cfef1d7ff66e89$export$2e2bcd8739ae039 = $75cfef1d7ff66e89$var$InputGroupF
|
|
|
1827
1832
|
|
|
1828
1833
|
|
|
1829
1834
|
|
|
1830
|
-
var $
|
|
1835
|
+
var $4dc271d6fbff5fe1$var$base = {
|
|
1831
1836
|
container: '',
|
|
1832
1837
|
content: ''
|
|
1833
1838
|
};
|
|
1834
|
-
var $
|
|
1839
|
+
var $4dc271d6fbff5fe1$var$breakStyles = {
|
|
1835
1840
|
container: 'container mx-auto sm:px-6 lg:px-8'
|
|
1836
1841
|
};
|
|
1837
|
-
var $
|
|
1842
|
+
var $4dc271d6fbff5fe1$var$center = {
|
|
1838
1843
|
container: 'max-w-7xl mx-auto px-4 sm:px-6 lg:px-8',
|
|
1839
1844
|
content: 'max-w-4xl 3xl:max-w-6xl mx-auto'
|
|
1840
1845
|
};
|
|
1841
|
-
var $
|
|
1846
|
+
var $4dc271d6fbff5fe1$var$fill = {
|
|
1842
1847
|
container: 'max-w-7xl mx-auto sm:px-6 lg:px-8'
|
|
1843
1848
|
};
|
|
1844
|
-
var $
|
|
1845
|
-
base: $
|
|
1846
|
-
break: $
|
|
1847
|
-
center: $
|
|
1848
|
-
fill: $
|
|
1849
|
+
var $4dc271d6fbff5fe1$var$styles = {
|
|
1850
|
+
base: $4dc271d6fbff5fe1$var$base,
|
|
1851
|
+
break: $4dc271d6fbff5fe1$var$breakStyles,
|
|
1852
|
+
center: $4dc271d6fbff5fe1$var$center,
|
|
1853
|
+
fill: $4dc271d6fbff5fe1$var$fill
|
|
1849
1854
|
};
|
|
1850
|
-
var $
|
|
1855
|
+
var $4dc271d6fbff5fe1$export$2e2bcd8739ae039 = $4dc271d6fbff5fe1$var$styles;
|
|
1851
1856
|
|
|
1852
1857
|
|
|
1853
|
-
var $
|
|
1858
|
+
var $e42751870910d119$var$Container = function(props) {
|
|
1854
1859
|
var children = props.children, _a = props.type, type = _a === void 0 ? 'break' : _a, stylesOverrides = props.styles;
|
|
1855
1860
|
var handleGenerateStyle = function() {
|
|
1856
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
1857
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
1861
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $4dc271d6fbff5fe1$export$2e2bcd8739ae039).base);
|
|
1862
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $4dc271d6fbff5fe1$export$2e2bcd8739ae039).base);
|
|
1858
1863
|
keys.forEach(function(key) {
|
|
1859
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
1864
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $4dc271d6fbff5fe1$export$2e2bcd8739ae039).base, key), type && (0, $iA2ta$lodash.get)((0, $4dc271d6fbff5fe1$export$2e2bcd8739ae039)[type], key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
1860
1865
|
});
|
|
1861
1866
|
return result;
|
|
1862
1867
|
};
|
|
@@ -1890,7 +1895,7 @@ var $f73096bc2c28d1e8$var$ContainerLayout = function(props) {
|
|
|
1890
1895
|
};
|
|
1891
1896
|
return handleGenerateComponent();
|
|
1892
1897
|
};
|
|
1893
|
-
var $
|
|
1898
|
+
var $e42751870910d119$export$2e2bcd8739ae039 = $e42751870910d119$var$Container;
|
|
1894
1899
|
|
|
1895
1900
|
|
|
1896
1901
|
|
|
@@ -1899,38 +1904,38 @@ var $f73096bc2c28d1e8$export$2e2bcd8739ae039 = $f73096bc2c28d1e8$var$ContainerLa
|
|
|
1899
1904
|
|
|
1900
1905
|
|
|
1901
1906
|
|
|
1902
|
-
var $
|
|
1907
|
+
var $1cab3290e1262d1f$var$base = {
|
|
1903
1908
|
container: 'relative',
|
|
1904
1909
|
head: 'absolute inset-0 flex items-center',
|
|
1905
1910
|
line: 'w-full border-t border-gray-300',
|
|
1906
1911
|
body: 'relative flex',
|
|
1907
1912
|
content: 'bg-white text-sm text-gray-500'
|
|
1908
1913
|
};
|
|
1909
|
-
var $
|
|
1914
|
+
var $1cab3290e1262d1f$var$left = {
|
|
1910
1915
|
body: 'justify-start'
|
|
1911
1916
|
};
|
|
1912
|
-
var $
|
|
1917
|
+
var $1cab3290e1262d1f$var$center = {
|
|
1913
1918
|
body: 'justify-center'
|
|
1914
1919
|
};
|
|
1915
|
-
var $
|
|
1920
|
+
var $1cab3290e1262d1f$var$right = {
|
|
1916
1921
|
body: 'justify-end'
|
|
1917
1922
|
};
|
|
1918
|
-
var $
|
|
1919
|
-
base: $
|
|
1920
|
-
left: $
|
|
1921
|
-
center: $
|
|
1922
|
-
right: $
|
|
1923
|
+
var $1cab3290e1262d1f$var$styles = {
|
|
1924
|
+
base: $1cab3290e1262d1f$var$base,
|
|
1925
|
+
left: $1cab3290e1262d1f$var$left,
|
|
1926
|
+
center: $1cab3290e1262d1f$var$center,
|
|
1927
|
+
right: $1cab3290e1262d1f$var$right
|
|
1923
1928
|
};
|
|
1924
|
-
var $
|
|
1929
|
+
var $1cab3290e1262d1f$export$2e2bcd8739ae039 = $1cab3290e1262d1f$var$styles;
|
|
1925
1930
|
|
|
1926
1931
|
|
|
1927
|
-
var $
|
|
1932
|
+
var $6ab4860094459f41$var$Divider = function(props) {
|
|
1928
1933
|
var children = props.children, _a = props.type, type = _a === void 0 ? 'left' : _a, stylesOverrides = props.styles;
|
|
1929
1934
|
var handleGenerateStyle = function() {
|
|
1930
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
1931
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
1935
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $1cab3290e1262d1f$export$2e2bcd8739ae039).base);
|
|
1936
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $1cab3290e1262d1f$export$2e2bcd8739ae039).base);
|
|
1932
1937
|
keys.forEach(function(key) {
|
|
1933
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
1938
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $1cab3290e1262d1f$export$2e2bcd8739ae039).base, key), type && (0, $iA2ta$lodash.get)((0, $1cab3290e1262d1f$export$2e2bcd8739ae039)[type], key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
1934
1939
|
});
|
|
1935
1940
|
return result;
|
|
1936
1941
|
};
|
|
@@ -1955,7 +1960,7 @@ var $b249780162e56cf8$var$DividerLayout = function(props) {
|
|
|
1955
1960
|
]
|
|
1956
1961
|
});
|
|
1957
1962
|
};
|
|
1958
|
-
var $
|
|
1963
|
+
var $6ab4860094459f41$export$2e2bcd8739ae039 = $6ab4860094459f41$var$Divider;
|
|
1959
1964
|
|
|
1960
1965
|
|
|
1961
1966
|
|
|
@@ -1964,56 +1969,56 @@ var $b249780162e56cf8$export$2e2bcd8739ae039 = $b249780162e56cf8$var$DividerLayo
|
|
|
1964
1969
|
|
|
1965
1970
|
|
|
1966
1971
|
|
|
1967
|
-
var $
|
|
1972
|
+
var $dc3ae1104b72aadb$var$base = {
|
|
1968
1973
|
container: '',
|
|
1969
1974
|
list: '',
|
|
1970
1975
|
item: ''
|
|
1971
1976
|
};
|
|
1972
|
-
var $
|
|
1977
|
+
var $dc3ae1104b72aadb$var$fill = {
|
|
1973
1978
|
list: 'divide-y divide-gray-200',
|
|
1974
1979
|
item: 'py-4'
|
|
1975
1980
|
};
|
|
1976
|
-
var $
|
|
1981
|
+
var $dc3ae1104b72aadb$var$fillSticky = {
|
|
1977
1982
|
list: 'divide-y divide-gray-200',
|
|
1978
1983
|
item: 'px-4 py-4 sm:px-0'
|
|
1979
1984
|
};
|
|
1980
|
-
var $
|
|
1985
|
+
var $dc3ae1104b72aadb$var$center = {
|
|
1981
1986
|
container: 'bg-white shadow-sm overflow-hidden rounded-md',
|
|
1982
1987
|
list: 'divide-y divide-gray-200',
|
|
1983
1988
|
item: 'px-6 py-4'
|
|
1984
1989
|
};
|
|
1985
|
-
var $
|
|
1990
|
+
var $dc3ae1104b72aadb$var$centerSticky = {
|
|
1986
1991
|
container: 'bg-white shadow-sm overflow-hidden sm:rounded-md',
|
|
1987
1992
|
list: 'divide-y divide-gray-200',
|
|
1988
1993
|
item: 'px-4 py-4 sm:px-6'
|
|
1989
1994
|
};
|
|
1990
|
-
var $
|
|
1995
|
+
var $dc3ae1104b72aadb$var$card = {
|
|
1991
1996
|
list: 'space-y-3',
|
|
1992
1997
|
item: 'bg-white shadow-sm overflow-hidden rounded-md px-6 py-4'
|
|
1993
1998
|
};
|
|
1994
|
-
var $
|
|
1999
|
+
var $dc3ae1104b72aadb$var$cardSticky = {
|
|
1995
2000
|
list: 'space-y-3',
|
|
1996
2001
|
item: 'bg-white shadow-sm overflow-hidden px-4 py-4 sm:px-6 sm:rounded-md'
|
|
1997
2002
|
};
|
|
1998
|
-
var $
|
|
1999
|
-
base: $
|
|
2000
|
-
fill: $
|
|
2001
|
-
'fill-sticky': $
|
|
2002
|
-
center: $
|
|
2003
|
-
'center-sticky': $
|
|
2004
|
-
card: $
|
|
2005
|
-
'card-sticky': $
|
|
2003
|
+
var $dc3ae1104b72aadb$var$styles = {
|
|
2004
|
+
base: $dc3ae1104b72aadb$var$base,
|
|
2005
|
+
fill: $dc3ae1104b72aadb$var$fill,
|
|
2006
|
+
'fill-sticky': $dc3ae1104b72aadb$var$fillSticky,
|
|
2007
|
+
center: $dc3ae1104b72aadb$var$center,
|
|
2008
|
+
'center-sticky': $dc3ae1104b72aadb$var$centerSticky,
|
|
2009
|
+
card: $dc3ae1104b72aadb$var$card,
|
|
2010
|
+
'card-sticky': $dc3ae1104b72aadb$var$cardSticky
|
|
2006
2011
|
};
|
|
2007
|
-
var $
|
|
2012
|
+
var $dc3ae1104b72aadb$export$2e2bcd8739ae039 = $dc3ae1104b72aadb$var$styles;
|
|
2008
2013
|
|
|
2009
2014
|
|
|
2010
|
-
var $
|
|
2015
|
+
var $b9488499a38762e3$var$ListContainer = function(props) {
|
|
2011
2016
|
var children = props.children, _a = props.type, type = _a === void 0 ? 'fill' : _a, stylesOverrides = props.styles;
|
|
2012
2017
|
var handleGenerateStyle = function() {
|
|
2013
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
2014
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
2018
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $dc3ae1104b72aadb$export$2e2bcd8739ae039).base);
|
|
2019
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $dc3ae1104b72aadb$export$2e2bcd8739ae039).base);
|
|
2015
2020
|
keys.forEach(function(key) {
|
|
2016
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
2021
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $dc3ae1104b72aadb$export$2e2bcd8739ae039).base, key), type && (0, $iA2ta$lodash.get)((0, $dc3ae1104b72aadb$export$2e2bcd8739ae039)[type], key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
2017
2022
|
});
|
|
2018
2023
|
return result;
|
|
2019
2024
|
};
|
|
@@ -2032,7 +2037,7 @@ var $5c01bea99698c727$var$ListContainerLayout = function(props) {
|
|
|
2032
2037
|
})
|
|
2033
2038
|
});
|
|
2034
2039
|
};
|
|
2035
|
-
var $
|
|
2040
|
+
var $b9488499a38762e3$export$2e2bcd8739ae039 = $b9488499a38762e3$var$ListContainer;
|
|
2036
2041
|
|
|
2037
2042
|
|
|
2038
2043
|
|
|
@@ -2041,86 +2046,86 @@ var $5c01bea99698c727$export$2e2bcd8739ae039 = $5c01bea99698c727$var$ListContain
|
|
|
2041
2046
|
|
|
2042
2047
|
|
|
2043
2048
|
|
|
2044
|
-
var $
|
|
2049
|
+
var $2c66e5c443b73b71$var$base = {
|
|
2045
2050
|
container: '',
|
|
2046
2051
|
figure: 'mr-4 shrink-0',
|
|
2047
2052
|
svg: 'h-16 w-16 border border-gray-300 bg-white text-gray-300',
|
|
2048
2053
|
title: 'text-lg font-bold',
|
|
2049
2054
|
paragraph: 'mt-1'
|
|
2050
2055
|
};
|
|
2051
|
-
var $
|
|
2056
|
+
var $2c66e5c443b73b71$var$top = {
|
|
2052
2057
|
container: 'flex flex-row'
|
|
2053
2058
|
};
|
|
2054
|
-
var $
|
|
2059
|
+
var $2c66e5c443b73b71$var$topReversed = {
|
|
2055
2060
|
container: 'flex flex-row-reverse'
|
|
2056
2061
|
};
|
|
2057
|
-
var $
|
|
2062
|
+
var $2c66e5c443b73b71$var$center = {
|
|
2058
2063
|
container: 'flex flex-row',
|
|
2059
2064
|
figure: 'self-center'
|
|
2060
2065
|
};
|
|
2061
|
-
var $
|
|
2066
|
+
var $2c66e5c443b73b71$var$centerReversed = {
|
|
2062
2067
|
container: 'flex flex-row-reverse',
|
|
2063
2068
|
figure: 'self-center'
|
|
2064
2069
|
};
|
|
2065
|
-
var $
|
|
2070
|
+
var $2c66e5c443b73b71$var$bottom = {
|
|
2066
2071
|
container: 'flex flex-row',
|
|
2067
2072
|
figure: 'self-end'
|
|
2068
2073
|
};
|
|
2069
|
-
var $
|
|
2074
|
+
var $2c66e5c443b73b71$var$bottomReversed = {
|
|
2070
2075
|
container: 'flex flex-row-reverse',
|
|
2071
2076
|
figure: 'self-end'
|
|
2072
2077
|
};
|
|
2073
|
-
var $
|
|
2078
|
+
var $2c66e5c443b73b71$var$stretch = {
|
|
2074
2079
|
container: 'flex flex-row',
|
|
2075
2080
|
svg: 'h-full'
|
|
2076
2081
|
};
|
|
2077
|
-
var $
|
|
2082
|
+
var $2c66e5c443b73b71$var$stretchReversed = {
|
|
2078
2083
|
container: 'flex flex-row-reverse',
|
|
2079
2084
|
svg: 'h-full'
|
|
2080
2085
|
};
|
|
2081
|
-
var $
|
|
2086
|
+
var $2c66e5c443b73b71$var$responsive = {
|
|
2082
2087
|
container: 'sm:flex flex-row',
|
|
2083
2088
|
figure: 'sm:mb-0 sm:mr-4'
|
|
2084
2089
|
};
|
|
2085
|
-
var $
|
|
2090
|
+
var $2c66e5c443b73b71$var$responsiveReversed = {
|
|
2086
2091
|
container: 'sm:flex flex-row-reverse',
|
|
2087
2092
|
figure: 'sm:mb-0 sm:mr-4'
|
|
2088
2093
|
};
|
|
2089
|
-
var $
|
|
2094
|
+
var $2c66e5c443b73b71$var$wide = {
|
|
2090
2095
|
container: 'sm:flex flex-row',
|
|
2091
2096
|
figure: 'mb-4 md:mb-0 sm:mr-4 sm:mb-4',
|
|
2092
2097
|
svg: 'h-32 w-full sm:w-32'
|
|
2093
2098
|
};
|
|
2094
|
-
var $
|
|
2099
|
+
var $2c66e5c443b73b71$var$wideReversed = {
|
|
2095
2100
|
container: 'sm:flex flex-row-reverse',
|
|
2096
2101
|
figure: 'mb-4 md:mb-0 sm:mr-4 sm:mb-4',
|
|
2097
2102
|
svg: 'h-32 w-full sm:w-32'
|
|
2098
2103
|
};
|
|
2099
|
-
var $
|
|
2100
|
-
base: $
|
|
2101
|
-
top: $
|
|
2102
|
-
'top-reversed': $
|
|
2103
|
-
center: $
|
|
2104
|
-
'center-reversed': $
|
|
2105
|
-
bottom: $
|
|
2106
|
-
'bottom-reversed': $
|
|
2107
|
-
stretch: $
|
|
2108
|
-
'stretch-reversed': $
|
|
2109
|
-
responsive: $
|
|
2110
|
-
'responsive-reversed': $
|
|
2111
|
-
wide: $
|
|
2112
|
-
'wide-reversed': $
|
|
2113
|
-
};
|
|
2114
|
-
var $
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
var $
|
|
2104
|
+
var $2c66e5c443b73b71$var$styles = {
|
|
2105
|
+
base: $2c66e5c443b73b71$var$base,
|
|
2106
|
+
top: $2c66e5c443b73b71$var$top,
|
|
2107
|
+
'top-reversed': $2c66e5c443b73b71$var$topReversed,
|
|
2108
|
+
center: $2c66e5c443b73b71$var$center,
|
|
2109
|
+
'center-reversed': $2c66e5c443b73b71$var$centerReversed,
|
|
2110
|
+
bottom: $2c66e5c443b73b71$var$bottom,
|
|
2111
|
+
'bottom-reversed': $2c66e5c443b73b71$var$bottomReversed,
|
|
2112
|
+
stretch: $2c66e5c443b73b71$var$stretch,
|
|
2113
|
+
'stretch-reversed': $2c66e5c443b73b71$var$stretchReversed,
|
|
2114
|
+
responsive: $2c66e5c443b73b71$var$responsive,
|
|
2115
|
+
'responsive-reversed': $2c66e5c443b73b71$var$responsiveReversed,
|
|
2116
|
+
wide: $2c66e5c443b73b71$var$wide,
|
|
2117
|
+
'wide-reversed': $2c66e5c443b73b71$var$wideReversed
|
|
2118
|
+
};
|
|
2119
|
+
var $2c66e5c443b73b71$export$2e2bcd8739ae039 = $2c66e5c443b73b71$var$styles;
|
|
2120
|
+
|
|
2121
|
+
|
|
2122
|
+
var $672a7aca69a10c6e$var$MediaObject = function(props) {
|
|
2118
2123
|
var title = props.title, paragraph = props.paragraph, customFigure = props.figure, _a = props.type, type = _a === void 0 ? 'top' : _a, stylesOverrides = props.styles;
|
|
2119
2124
|
var handleGenerateStyle = function() {
|
|
2120
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
2121
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
2125
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $2c66e5c443b73b71$export$2e2bcd8739ae039).base);
|
|
2126
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $2c66e5c443b73b71$export$2e2bcd8739ae039).base);
|
|
2122
2127
|
keys.forEach(function(key) {
|
|
2123
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
2128
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $2c66e5c443b73b71$export$2e2bcd8739ae039).base, key), type && (0, $iA2ta$lodash.get)((0, $2c66e5c443b73b71$export$2e2bcd8739ae039)[type], key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
2124
2129
|
});
|
|
2125
2130
|
return result;
|
|
2126
2131
|
};
|
|
@@ -2167,7 +2172,7 @@ var $a4946e7e5628bd1a$var$MediaObjectLayout = function(props) {
|
|
|
2167
2172
|
]
|
|
2168
2173
|
});
|
|
2169
2174
|
};
|
|
2170
|
-
var $
|
|
2175
|
+
var $672a7aca69a10c6e$export$2e2bcd8739ae039 = $672a7aca69a10c6e$var$MediaObject;
|
|
2171
2176
|
|
|
2172
2177
|
|
|
2173
2178
|
|
|
@@ -2176,31 +2181,31 @@ var $a4946e7e5628bd1a$export$2e2bcd8739ae039 = $a4946e7e5628bd1a$var$MediaObject
|
|
|
2176
2181
|
|
|
2177
2182
|
|
|
2178
2183
|
|
|
2179
|
-
var $
|
|
2184
|
+
var $cadbbd55c9170c10$var$base = {
|
|
2180
2185
|
container: 'bg-white overflow-hidden shadow-sm',
|
|
2181
2186
|
section: 'px-4 py-5 sm:px-6'
|
|
2182
2187
|
};
|
|
2183
|
-
var $
|
|
2188
|
+
var $cadbbd55c9170c10$var$normal = {
|
|
2184
2189
|
container: 'rounded-lg'
|
|
2185
2190
|
};
|
|
2186
|
-
var $
|
|
2191
|
+
var $cadbbd55c9170c10$var$sticky = {
|
|
2187
2192
|
container: 'sm:rounded-lg'
|
|
2188
2193
|
};
|
|
2189
|
-
var $
|
|
2190
|
-
base: $
|
|
2191
|
-
normal: $
|
|
2192
|
-
sticky: $
|
|
2194
|
+
var $cadbbd55c9170c10$var$styles = {
|
|
2195
|
+
base: $cadbbd55c9170c10$var$base,
|
|
2196
|
+
normal: $cadbbd55c9170c10$var$normal,
|
|
2197
|
+
sticky: $cadbbd55c9170c10$var$sticky
|
|
2193
2198
|
};
|
|
2194
|
-
var $
|
|
2199
|
+
var $cadbbd55c9170c10$export$2e2bcd8739ae039 = $cadbbd55c9170c10$var$styles;
|
|
2195
2200
|
|
|
2196
2201
|
|
|
2197
|
-
var $
|
|
2202
|
+
var $2507c9787a3f87d1$var$Container = function(props) {
|
|
2198
2203
|
var children = props.children, _a = props.type, type = _a === void 0 ? 'normal' : _a, stylesOverrides = props.styles;
|
|
2199
2204
|
var handleGenerateStyle = function() {
|
|
2200
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
2201
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
2205
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $cadbbd55c9170c10$export$2e2bcd8739ae039).base);
|
|
2206
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $cadbbd55c9170c10$export$2e2bcd8739ae039).base);
|
|
2202
2207
|
keys.forEach(function(key) {
|
|
2203
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
2208
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $cadbbd55c9170c10$export$2e2bcd8739ae039).base, key), type && (0, $iA2ta$lodash.get)((0, $cadbbd55c9170c10$export$2e2bcd8739ae039)[type], key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
2204
2209
|
});
|
|
2205
2210
|
return result;
|
|
2206
2211
|
};
|
|
@@ -2210,13 +2215,13 @@ var $5fc27622f59b2b84$var$Container = function(props) {
|
|
|
2210
2215
|
children: children
|
|
2211
2216
|
});
|
|
2212
2217
|
};
|
|
2213
|
-
var $
|
|
2218
|
+
var $2507c9787a3f87d1$var$Section = function(props) {
|
|
2214
2219
|
var children = props.children, stylesOverrides = props.styles;
|
|
2215
2220
|
var handleGenerateStyle = function() {
|
|
2216
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
2217
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
2221
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $cadbbd55c9170c10$export$2e2bcd8739ae039).base);
|
|
2222
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $cadbbd55c9170c10$export$2e2bcd8739ae039).base);
|
|
2218
2223
|
keys.forEach(function(key) {
|
|
2219
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
2224
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $cadbbd55c9170c10$export$2e2bcd8739ae039).base, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
2220
2225
|
});
|
|
2221
2226
|
return result;
|
|
2222
2227
|
};
|
|
@@ -2226,12 +2231,11 @@ var $5fc27622f59b2b84$var$Section = function(props) {
|
|
|
2226
2231
|
children: children
|
|
2227
2232
|
});
|
|
2228
2233
|
};
|
|
2229
|
-
var $
|
|
2230
|
-
Container: $
|
|
2231
|
-
Section: $
|
|
2234
|
+
var $2507c9787a3f87d1$var$LayoutPanel = {
|
|
2235
|
+
Container: $2507c9787a3f87d1$var$Container,
|
|
2236
|
+
Section: $2507c9787a3f87d1$var$Section
|
|
2232
2237
|
};
|
|
2233
|
-
var $
|
|
2234
|
-
|
|
2238
|
+
var $2507c9787a3f87d1$export$2e2bcd8739ae039 = $2507c9787a3f87d1$var$LayoutPanel;
|
|
2235
2239
|
|
|
2236
2240
|
|
|
2237
2241
|
|
|
@@ -2261,12 +2265,12 @@ https://www.npmjs.com/package/react-tailwindcss-select
|
|
|
2261
2265
|
|
|
2262
2266
|
|
|
2263
2267
|
|
|
2264
|
-
var $
|
|
2268
|
+
var $0c7305af577f9538$var$base = {
|
|
2265
2269
|
container: '',
|
|
2266
2270
|
wrapperContainer: '',
|
|
2267
2271
|
body: 'relative rounded-md',
|
|
2268
2272
|
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
2269
|
-
input: '
|
|
2273
|
+
input: 'w-full flex border',
|
|
2270
2274
|
menuButton: '',
|
|
2271
2275
|
menu: 'z-10 px-0! py-0! w-full! rounded-md overflow-hidden border mt-1! absolute bg-white',
|
|
2272
2276
|
tagItem: 'bg-gray-200 px-2 py-1 flex flex-row gap-x-1 items-center justify-between rounded-xs',
|
|
@@ -2284,55 +2288,55 @@ var $f32ee84b87891376$var$base = {
|
|
|
2284
2288
|
emptyState: 'w-full inline-flex items-start justify-start px-4',
|
|
2285
2289
|
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center'
|
|
2286
2290
|
};
|
|
2287
|
-
var $
|
|
2291
|
+
var $0c7305af577f9538$var$leading = {
|
|
2288
2292
|
input: 'pl-10'
|
|
2289
2293
|
};
|
|
2290
|
-
var $
|
|
2291
|
-
var $
|
|
2294
|
+
var $0c7305af577f9538$var$trailing = {};
|
|
2295
|
+
var $0c7305af577f9538$var$normal = {
|
|
2292
2296
|
leading: 'pl-3',
|
|
2293
2297
|
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
2294
2298
|
trailing: ''
|
|
2295
2299
|
};
|
|
2296
|
-
var $
|
|
2300
|
+
var $0c7305af577f9538$var$inset = {
|
|
2297
2301
|
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
2298
2302
|
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0'
|
|
2299
2303
|
};
|
|
2300
|
-
var $
|
|
2304
|
+
var $0c7305af577f9538$var$overlapping = {
|
|
2301
2305
|
container: 'relative',
|
|
2302
2306
|
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6'
|
|
2303
2307
|
};
|
|
2304
|
-
var $
|
|
2308
|
+
var $0c7305af577f9538$var$pill = {
|
|
2305
2309
|
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
2306
2310
|
trailing: 'pr-2'
|
|
2307
2311
|
};
|
|
2308
|
-
var $
|
|
2312
|
+
var $0c7305af577f9538$var$floored = {
|
|
2309
2313
|
body: 'relative mt-2',
|
|
2310
2314
|
input: 'peer block w-full border-0 bg-gray-50 py-1.5 text-gray-900 focus:ring-0 sm:text-sm sm:leading-6 ring-0'
|
|
2311
2315
|
};
|
|
2312
|
-
var $
|
|
2316
|
+
var $0c7305af577f9538$var$invalid = {
|
|
2313
2317
|
container: 'ring-red-500',
|
|
2314
2318
|
input: // 'block w-full border border-transparent text-red-900 ring-1 ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500 sm:leading-6 pr-10',
|
|
2315
2319
|
'block w-full border border-transparent text-red-900 ring-1 ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500'
|
|
2316
2320
|
};
|
|
2317
|
-
var $
|
|
2318
|
-
input: 'block w-full rounded-md border-0
|
|
2321
|
+
var $0c7305af577f9538$var$disabled = {
|
|
2322
|
+
input: 'block w-full rounded-md border-0 shadow-xs ring-1 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 cursor-not-allowed bg-gray-50 text-gray-500 ring-gray-200'
|
|
2319
2323
|
};
|
|
2320
|
-
var $
|
|
2321
|
-
base: $
|
|
2322
|
-
leading: $
|
|
2323
|
-
trailing: $
|
|
2324
|
-
normal: $
|
|
2325
|
-
inset: $
|
|
2326
|
-
overlapping: $
|
|
2327
|
-
pill: $
|
|
2328
|
-
floored: $
|
|
2329
|
-
invalid: $
|
|
2330
|
-
disabled: $
|
|
2324
|
+
var $0c7305af577f9538$var$styles = {
|
|
2325
|
+
base: $0c7305af577f9538$var$base,
|
|
2326
|
+
leading: $0c7305af577f9538$var$leading,
|
|
2327
|
+
trailing: $0c7305af577f9538$var$trailing,
|
|
2328
|
+
normal: $0c7305af577f9538$var$normal,
|
|
2329
|
+
inset: $0c7305af577f9538$var$inset,
|
|
2330
|
+
overlapping: $0c7305af577f9538$var$overlapping,
|
|
2331
|
+
pill: $0c7305af577f9538$var$pill,
|
|
2332
|
+
floored: $0c7305af577f9538$var$floored,
|
|
2333
|
+
invalid: $0c7305af577f9538$var$invalid,
|
|
2334
|
+
disabled: $0c7305af577f9538$var$disabled
|
|
2331
2335
|
};
|
|
2332
|
-
var $
|
|
2336
|
+
var $0c7305af577f9538$export$2e2bcd8739ae039 = $0c7305af577f9538$var$styles;
|
|
2333
2337
|
|
|
2334
2338
|
|
|
2335
|
-
var $
|
|
2339
|
+
var $cb1b9d36d0757897$var$SelectMenu = function(props) {
|
|
2336
2340
|
var _a;
|
|
2337
2341
|
var _b = props.name, name = _b === void 0 ? 'select-menu-form' : _b, label = props.label, description = props.description, hint = props.hint, placeholder = props.placeholder, options = props.options, required = props.required, value = props.value, error = props.error, _c = props.isRequired, isRequired = _c === void 0 ? false : _c, isLoading = props.isLoading, _d = props.isTouched, isTouched = _d === void 0 ? false : _d, isDisabled = props.isDisabled, _e = props.isClearable, isClearable = _e === void 0 ? true : _e, _f = props.isMultiple, isMultiple = _f === void 0 ? false : _f, _g = props.isSearchable, isSearchable = _g === void 0 ? true : _g, _h = props.isSolo, isSolo = _h === void 0 ? false : _h, _j = props.isOptionalLabelHidden, isOptionalLabelHidden = _j === void 0 ? false : _j, onChange = props.onChange, onSearchInputChange = props.onSearchInputChange, onClear = props.onClear, onBlur = props.onBlur, stylesOverrides = props.styles;
|
|
2338
2342
|
var _k = (0, $iA2ta$react.useState)(true), isFocus = _k[0], setIsFocus = _k[1];
|
|
@@ -2340,10 +2344,10 @@ var $f3fccf014e1f10d5$var$SelectMenuForm = function(props) {
|
|
|
2340
2344
|
var isValid = error === undefined;
|
|
2341
2345
|
var selectDataCy = "form-select-".concat(name);
|
|
2342
2346
|
var handleGenerateStyle = function() {
|
|
2343
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
2344
|
-
var keys = (0, $iA2ta$lodash.concat)((0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
2347
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $0c7305af577f9538$export$2e2bcd8739ae039).base);
|
|
2348
|
+
var keys = (0, $iA2ta$lodash.concat)((0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $0c7305af577f9538$export$2e2bcd8739ae039).base), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $3369f7d596d23d58$export$2e2bcd8739ae039).base), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $65bb4d593718fcda$export$2e2bcd8739ae039).base));
|
|
2345
2349
|
keys.forEach(function(key) {
|
|
2346
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
2350
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $0c7305af577f9538$export$2e2bcd8739ae039).base, key), (0, $iA2ta$lodash.get)((0, $0c7305af577f9538$export$2e2bcd8739ae039)['normal'], key), isTouched === true && !isValid && (0, $iA2ta$lodash.get)((0, $0c7305af577f9538$export$2e2bcd8739ae039).invalid, key), isDisabled && (0, $iA2ta$lodash.get)((0, $0c7305af577f9538$export$2e2bcd8739ae039).disabled, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
2347
2351
|
});
|
|
2348
2352
|
return result;
|
|
2349
2353
|
};
|
|
@@ -2369,7 +2373,7 @@ var $f3fccf014e1f10d5$var$SelectMenuForm = function(props) {
|
|
|
2369
2373
|
]);
|
|
2370
2374
|
// listen to value changes.
|
|
2371
2375
|
(0, $iA2ta$react.useEffect)(function() {
|
|
2372
|
-
setState(value);
|
|
2376
|
+
setState(value !== null && value !== void 0 ? value : null);
|
|
2373
2377
|
}, [
|
|
2374
2378
|
value
|
|
2375
2379
|
]);
|
|
@@ -2455,7 +2459,7 @@ var $f3fccf014e1f10d5$var$SelectMenuForm = function(props) {
|
|
|
2455
2459
|
]
|
|
2456
2460
|
});
|
|
2457
2461
|
};
|
|
2458
|
-
var $
|
|
2462
|
+
var $cb1b9d36d0757897$export$2e2bcd8739ae039 = $cb1b9d36d0757897$var$SelectMenu;
|
|
2459
2463
|
|
|
2460
2464
|
|
|
2461
2465
|
|
|
@@ -2725,7 +2729,7 @@ var $95221514662ef6ef$var$PanelPaginationNavigation = function(props) {
|
|
|
2725
2729
|
},
|
|
2726
2730
|
children: "Previous"
|
|
2727
2731
|
}),
|
|
2728
|
-
hasCustomizablePageSize && (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
2732
|
+
hasCustomizablePageSize && (0, $iA2ta$reactjsxruntime.jsx)((0, $cb1b9d36d0757897$export$2e2bcd8739ae039), {
|
|
2729
2733
|
name: "pageSize",
|
|
2730
2734
|
isClearable: false,
|
|
2731
2735
|
isSearchable: false,
|
|
@@ -2764,7 +2768,7 @@ var $95221514662ef6ef$var$PanelPaginationNavigation = function(props) {
|
|
|
2764
2768
|
})
|
|
2765
2769
|
})
|
|
2766
2770
|
}),
|
|
2767
|
-
hasCustomizablePageSize && (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
2771
|
+
hasCustomizablePageSize && (0, $iA2ta$reactjsxruntime.jsx)((0, $cb1b9d36d0757897$export$2e2bcd8739ae039), {
|
|
2768
2772
|
name: "pageSize",
|
|
2769
2773
|
isClearable: false,
|
|
2770
2774
|
isSearchable: false,
|
|
@@ -2796,9 +2800,11 @@ var $95221514662ef6ef$var$PanelPaginationNavigation = function(props) {
|
|
|
2796
2800
|
className: styles.label,
|
|
2797
2801
|
children: "First"
|
|
2798
2802
|
}),
|
|
2799
|
-
(0, $iA2ta$reactjsxruntime.jsx)(
|
|
2803
|
+
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
2800
2804
|
className: styles.icon,
|
|
2801
|
-
|
|
2805
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
2806
|
+
accessor: "chevron-double-left"
|
|
2807
|
+
})
|
|
2802
2808
|
})
|
|
2803
2809
|
]
|
|
2804
2810
|
}),
|
|
@@ -2813,9 +2819,11 @@ var $95221514662ef6ef$var$PanelPaginationNavigation = function(props) {
|
|
|
2813
2819
|
className: styles.label,
|
|
2814
2820
|
children: "Previous"
|
|
2815
2821
|
}),
|
|
2816
|
-
(0, $iA2ta$reactjsxruntime.jsx)(
|
|
2822
|
+
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
2817
2823
|
className: styles.icon,
|
|
2818
|
-
|
|
2824
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
2825
|
+
accessor: "chevron-left"
|
|
2826
|
+
})
|
|
2819
2827
|
})
|
|
2820
2828
|
]
|
|
2821
2829
|
}),
|
|
@@ -2831,9 +2839,11 @@ var $95221514662ef6ef$var$PanelPaginationNavigation = function(props) {
|
|
|
2831
2839
|
className: styles.label,
|
|
2832
2840
|
children: "Next"
|
|
2833
2841
|
}),
|
|
2834
|
-
(0, $iA2ta$reactjsxruntime.jsx)(
|
|
2842
|
+
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
2835
2843
|
className: styles.icon,
|
|
2836
|
-
|
|
2844
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
2845
|
+
accessor: "chevron-right"
|
|
2846
|
+
})
|
|
2837
2847
|
})
|
|
2838
2848
|
]
|
|
2839
2849
|
}),
|
|
@@ -2848,9 +2858,11 @@ var $95221514662ef6ef$var$PanelPaginationNavigation = function(props) {
|
|
|
2848
2858
|
className: styles.label,
|
|
2849
2859
|
children: "Last"
|
|
2850
2860
|
}),
|
|
2851
|
-
(0, $iA2ta$reactjsxruntime.jsx)(
|
|
2861
|
+
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
2852
2862
|
className: styles.icon,
|
|
2853
|
-
|
|
2863
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
2864
|
+
accessor: "chevron-double-right"
|
|
2865
|
+
})
|
|
2854
2866
|
})
|
|
2855
2867
|
]
|
|
2856
2868
|
})
|
|
@@ -2985,6 +2997,7 @@ var $22d7e244b9ff5d8c$export$4564041bcff0e281 = function() {
|
|
|
2985
2997
|
};
|
|
2986
2998
|
|
|
2987
2999
|
|
|
3000
|
+
|
|
2988
3001
|
var $77914cd9d098713a$var$base = {
|
|
2989
3002
|
container: 'px-4 sm:px-6 lg:px-8',
|
|
2990
3003
|
head: {
|
|
@@ -3258,17 +3271,20 @@ var $0c769a920d1734cb$var$TableList = function(props) {
|
|
|
3258
3271
|
(0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
3259
3272
|
className: styles.controls.body,
|
|
3260
3273
|
children: [
|
|
3261
|
-
(0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
3274
|
+
(0, $iA2ta$reactjsxruntime.jsx)((0, $24cfdc9d7b5406e1$export$2e2bcd8739ae039).Container, {
|
|
3262
3275
|
styles: (_a = stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components) === null || _a === void 0 ? void 0 : _a.dropdownElement,
|
|
3263
|
-
label: (0, $iA2ta$reactjsxruntime.jsx)(
|
|
3264
|
-
className: "w-
|
|
3276
|
+
label: (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
3277
|
+
className: "h-5 w-5 flex items-center justify-center",
|
|
3278
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
3279
|
+
accessor: "columns-3"
|
|
3280
|
+
})
|
|
3265
3281
|
}),
|
|
3266
3282
|
children: (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
3267
3283
|
className: styles.controls.content,
|
|
3268
3284
|
children: table.getAllLeafColumns()// .filter((column) => column?.getCanSort())
|
|
3269
3285
|
.map(function(column, index) {
|
|
3270
3286
|
var canSort = column === null || column === void 0 ? void 0 : column.getCanSort();
|
|
3271
|
-
return (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
3287
|
+
return (0, $iA2ta$reactjsxruntime.jsx)((0, $24cfdc9d7b5406e1$export$2e2bcd8739ae039).Item, {
|
|
3272
3288
|
children: function() {
|
|
3273
3289
|
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
3274
3290
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.controls.dropdown.container, !canSort && 'hidden'),
|
|
@@ -3286,17 +3302,25 @@ var $0c769a920d1734cb$var$TableList = function(props) {
|
|
|
3286
3302
|
(0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
3287
3303
|
className: styles.controls.dropdown.actions,
|
|
3288
3304
|
children: [
|
|
3289
|
-
(0, $iA2ta$reactjsxruntime.jsx)(
|
|
3290
|
-
className:
|
|
3305
|
+
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
3306
|
+
className: "h-5 w-5 flex flex-col items-center justify-center cursor-pointer",
|
|
3291
3307
|
onClick: function() {
|
|
3292
3308
|
return handleUpdateColumnOrder(column, index - 1);
|
|
3293
|
-
}
|
|
3309
|
+
},
|
|
3310
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
3311
|
+
accessor: "chevron-up",
|
|
3312
|
+
type: "solid"
|
|
3313
|
+
})
|
|
3294
3314
|
}),
|
|
3295
|
-
(0, $iA2ta$reactjsxruntime.jsx)(
|
|
3296
|
-
className:
|
|
3315
|
+
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
3316
|
+
className: "h-5 w-5 flex flex-col items-center justify-center cursor-pointer",
|
|
3297
3317
|
onClick: function() {
|
|
3298
3318
|
return handleUpdateColumnOrder(column, index + 1);
|
|
3299
|
-
}
|
|
3319
|
+
},
|
|
3320
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
3321
|
+
accessor: "chevron-down",
|
|
3322
|
+
type: "solid"
|
|
3323
|
+
})
|
|
3300
3324
|
})
|
|
3301
3325
|
]
|
|
3302
3326
|
})
|
|
@@ -3307,7 +3331,7 @@ var $0c769a920d1734cb$var$TableList = function(props) {
|
|
|
3307
3331
|
})
|
|
3308
3332
|
})
|
|
3309
3333
|
}),
|
|
3310
|
-
(0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
3334
|
+
(0, $iA2ta$reactjsxruntime.jsx)((0, $88f571169cf61789$export$2e2bcd8739ae039), {
|
|
3311
3335
|
styles: ((_b = stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components) === null || _b === void 0 ? void 0 : _b.buttonElement) ? (_c = stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components) === null || _c === void 0 ? void 0 : _c.buttonElement : {
|
|
3312
3336
|
container: 'py-1.5! px-3!'
|
|
3313
3337
|
},
|
|
@@ -3317,8 +3341,11 @@ var $0c769a920d1734cb$var$TableList = function(props) {
|
|
|
3317
3341
|
fileName: exportFileName
|
|
3318
3342
|
});
|
|
3319
3343
|
},
|
|
3320
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)(
|
|
3321
|
-
className: "w-
|
|
3344
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
3345
|
+
className: "h-5 w-5 flex items-center justify-center",
|
|
3346
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
3347
|
+
accessor: "table-cells"
|
|
3348
|
+
})
|
|
3322
3349
|
})
|
|
3323
3350
|
})
|
|
3324
3351
|
]
|
|
@@ -3353,9 +3380,12 @@ var $0c769a920d1734cb$var$TableList = function(props) {
|
|
|
3353
3380
|
header.isPlaceholder ? null : (0, $iA2ta$tanstackreacttable.flexRender)(header.column.columnDef.header, header.getContext()),
|
|
3354
3381
|
header.column.getCanSort() && (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
3355
3382
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.sortIndicator.container, header.column.getIsSorted() ? styles.sortIndicator.isSorted : styles.sortIndicator.isNotSorted),
|
|
3356
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)(
|
|
3383
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
3357
3384
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.sortIndicator.icon.container, header.column.getIsSorted() === 'asc' && '-scale-100'),
|
|
3358
|
-
|
|
3385
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
3386
|
+
accessor: "chevron-up",
|
|
3387
|
+
type: "solid"
|
|
3388
|
+
})
|
|
3359
3389
|
})
|
|
3360
3390
|
})
|
|
3361
3391
|
]
|
|
@@ -3430,7 +3460,6 @@ var $0c769a920d1734cb$export$2e2bcd8739ae039 = $0c769a920d1734cb$var$TableList;
|
|
|
3430
3460
|
|
|
3431
3461
|
|
|
3432
3462
|
|
|
3433
|
-
|
|
3434
3463
|
var $9ed0b3989f82e70a$export$63dc08f552326ce2 = function(tableName) {
|
|
3435
3464
|
var savedState = localStorage.getItem("TableList.".concat(tableName, ".state"));
|
|
3436
3465
|
try {
|
|
@@ -3502,7 +3531,7 @@ var $ad4435d9ab2ba956$var$base = {
|
|
|
3502
3531
|
isSorted: 'bg-gray-100 text-gray-900 group-hover:bg-gray-200',
|
|
3503
3532
|
isNotSorted: 'text-gray-400 group-hover:text-gray-900 group-hover:bg-gray-200',
|
|
3504
3533
|
icon: {
|
|
3505
|
-
container: 'w-5'
|
|
3534
|
+
container: 'w-5 h-5 flex items-center justify-center'
|
|
3506
3535
|
}
|
|
3507
3536
|
}
|
|
3508
3537
|
}
|
|
@@ -3518,6 +3547,7 @@ var $ad4435d9ab2ba956$var$base = {
|
|
|
3518
3547
|
},
|
|
3519
3548
|
cell: 'whitespace-nowrap py-2.5 px-3 text-sm text-gray-500',
|
|
3520
3549
|
sticky: 'border-b border-gray-200',
|
|
3550
|
+
groupedRow: 'cursor-pointer select-none',
|
|
3521
3551
|
groupedCell: 'flex gap-2 items-center',
|
|
3522
3552
|
groupedRowIcon: {
|
|
3523
3553
|
expand: '',
|
|
@@ -3780,7 +3810,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3780
3810
|
}), attributes = _b.attributes, listeners = _b.listeners;
|
|
3781
3811
|
return (0, $iA2ta$reactjsxruntime.jsxs)("button", $51d5596368acf759$var$__assign({}, attributes, listeners, {
|
|
3782
3812
|
children: [
|
|
3783
|
-
(dragConfig === null || dragConfig === void 0 ? void 0 : dragConfig.iconAccessor) && (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
3813
|
+
(dragConfig === null || dragConfig === void 0 ? void 0 : dragConfig.iconAccessor) && (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
3784
3814
|
accessor: dragConfig === null || dragConfig === void 0 ? void 0 : dragConfig.iconAccessor
|
|
3785
3815
|
}),
|
|
3786
3816
|
dragConfig === null || dragConfig === void 0 ? void 0 : dragConfig.label
|
|
@@ -3873,6 +3903,32 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3873
3903
|
styles.body.table.pinnedColumns.right,
|
|
3874
3904
|
getPinnedColumnsWidth
|
|
3875
3905
|
]);
|
|
3906
|
+
var getSortIcon = (0, $iA2ta$react.useCallback)(function(column) {
|
|
3907
|
+
if (column.getIsSorted()) return column.getIsSorted() === 'asc' ? (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
3908
|
+
accessor: "chevron-up",
|
|
3909
|
+
type: "solid",
|
|
3910
|
+
className: "h-4 w-4"
|
|
3911
|
+
}) : (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
3912
|
+
accessor: "chevron-down",
|
|
3913
|
+
type: "solid",
|
|
3914
|
+
className: "h-4 w-4"
|
|
3915
|
+
});
|
|
3916
|
+
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
3917
|
+
className: "h-5 w-5 flex flex-col items-center justify-center",
|
|
3918
|
+
children: [
|
|
3919
|
+
(0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
3920
|
+
accessor: "chevron-up",
|
|
3921
|
+
type: "solid",
|
|
3922
|
+
className: "translate-y-1/5 h-3 w-3"
|
|
3923
|
+
}),
|
|
3924
|
+
(0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
3925
|
+
accessor: "chevron-down",
|
|
3926
|
+
type: "solid",
|
|
3927
|
+
className: "-translate-y-1/5 h-3 w-3"
|
|
3928
|
+
})
|
|
3929
|
+
]
|
|
3930
|
+
});
|
|
3931
|
+
}, []);
|
|
3876
3932
|
var Content = (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
3877
3933
|
className: styles.container,
|
|
3878
3934
|
"data-cy": "table-list-".concat(id),
|
|
@@ -3905,8 +3961,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3905
3961
|
className: styles.body.table.head.row,
|
|
3906
3962
|
children: (0, $iA2ta$lodash.map)(headerGroup.headers, function(header) {
|
|
3907
3963
|
// Default sort icon to show a user that the column is sortable
|
|
3908
|
-
var
|
|
3909
|
-
if (header.column.getIsSorted()) SortIconElement = header.column.getIsSorted() === 'asc' ? (0, $iA2ta$heroiconsreact20solid.ChevronUpIcon) : (0, $iA2ta$heroiconsreact20solid.ChevronDownIcon);
|
|
3964
|
+
var ortIconElement = getSortIcon(header.column);
|
|
3910
3965
|
return (0, $iA2ta$reactjsxruntime.jsx)("th", {
|
|
3911
3966
|
colSpan: header.colSpan,
|
|
3912
3967
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.body.table.head.cell.container, header.column.getCanSort() && 'cursor-pointer', header.column.getIsPinned() && styles.body.table.head.column.pinned.cell),
|
|
@@ -3926,9 +3981,9 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3926
3981
|
}),
|
|
3927
3982
|
header.column.getCanSort() && (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
3928
3983
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.body.table.head.cell.sortIndicator.container, header.column.getIsSorted() ? styles.body.table.head.cell.sortIndicator.isSorted : styles.body.table.head.cell.sortIndicator.isNotSorted),
|
|
3929
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)(
|
|
3930
|
-
className:
|
|
3931
|
-
|
|
3984
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
3985
|
+
className: styles.body.table.head.cell.sortIndicator.icon.container,
|
|
3986
|
+
children: ortIconElement
|
|
3932
3987
|
})
|
|
3933
3988
|
})
|
|
3934
3989
|
]
|
|
@@ -3955,10 +4010,11 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3955
4010
|
var _a;
|
|
3956
4011
|
return (0, $iA2ta$reactjsxruntime.jsx)("tr", {
|
|
3957
4012
|
onClick: function() {
|
|
3958
|
-
|
|
4013
|
+
if (onRowClick) onRowClick(row);
|
|
4014
|
+
else if (row.getIsGrouped()) row.getToggleExpandedHandler()();
|
|
3959
4015
|
},
|
|
3960
4016
|
"data-row-id": row.id,
|
|
3961
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.body.table.body.row, ((_a = config.options) === null || _a === void 0 ? void 0 : _a.isStriped) && index % 2 === 0 && styles.body.table.body.striped),
|
|
4017
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.body.table.body.row, row.getIsGrouped() && styles.body.table.body.groupedRow, ((_a = config.options) === null || _a === void 0 ? void 0 : _a.isStriped) && index % 2 === 0 && styles.body.table.body.striped),
|
|
3962
4018
|
children: (0, $iA2ta$lodash.map)(row.getVisibleCells(), function(cell) {
|
|
3963
4019
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
3964
4020
|
return (0, $iA2ta$reactjsxruntime.jsx)("td", {
|
|
@@ -3969,14 +4025,10 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3969
4025
|
width: cell.column.getSize()
|
|
3970
4026
|
}, getCommonPinningStyles(cell.column)),
|
|
3971
4027
|
children: cell.getIsGrouped() ? // If it's a grouped cell, add an expander and row count
|
|
3972
|
-
(0, $iA2ta$reactjsxruntime.jsxs)("
|
|
3973
|
-
onClick: row.getToggleExpandedHandler(),
|
|
4028
|
+
(0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
3974
4029
|
className: styles.body.table.body.groupedCell,
|
|
3975
|
-
style: {
|
|
3976
|
-
cursor: row.getCanExpand() ? 'pointer' : 'normal'
|
|
3977
|
-
},
|
|
3978
4030
|
children: [
|
|
3979
|
-
(0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
4031
|
+
(0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
3980
4032
|
className: row.getIsExpanded() ? styles.body.table.body.groupedRowIcon.collapse : styles.body.table.body.groupedRowIcon.expand,
|
|
3981
4033
|
accessor: row.getIsExpanded() ? (_f = (_e = (_d = config === null || config === void 0 ? void 0 : config.options) === null || _d === void 0 ? void 0 : _d.grouping) === null || _e === void 0 ? void 0 : _e.collapseIconAccessor) !== null && _f !== void 0 ? _f : 'chevron-down' : (_j = (_h = (_g = config === null || config === void 0 ? void 0 : config.options) === null || _g === void 0 ? void 0 : _g.grouping) === null || _h === void 0 ? void 0 : _h.expandIconAccessor) !== null && _j !== void 0 ? _j : 'chevron-right'
|
|
3982
4034
|
}),
|
|
@@ -4094,7 +4146,7 @@ var $85a1f6cb909619f6$var$slashes = {
|
|
|
4094
4146
|
var $85a1f6cb909619f6$var$chevrons = {
|
|
4095
4147
|
container: '',
|
|
4096
4148
|
list: 'items-center space-x-4',
|
|
4097
|
-
separator: 'h-
|
|
4149
|
+
separator: 'h-3 w-3 shrink-0 text-gray-400 flex items-center justify-center',
|
|
4098
4150
|
home: {
|
|
4099
4151
|
container: '',
|
|
4100
4152
|
content: '',
|
|
@@ -4178,9 +4230,12 @@ var $4bddd13da73d7e01$var$BreadcrumbsNavigation = function(props) {
|
|
|
4178
4230
|
});
|
|
4179
4231
|
break;
|
|
4180
4232
|
case 'chevrons':
|
|
4181
|
-
component = (0, $iA2ta$reactjsxruntime.jsx)(
|
|
4233
|
+
component = (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
4182
4234
|
className: styles.separator,
|
|
4183
|
-
|
|
4235
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
4236
|
+
accessor: "chevron-right",
|
|
4237
|
+
className: "h-3! w-3!"
|
|
4238
|
+
})
|
|
4184
4239
|
});
|
|
4185
4240
|
break;
|
|
4186
4241
|
case 'panel':
|
|
@@ -4224,9 +4279,13 @@ var $4bddd13da73d7e01$var$BreadcrumbsNavigation = function(props) {
|
|
|
4224
4279
|
href: href,
|
|
4225
4280
|
className: styles.home.link,
|
|
4226
4281
|
children: [
|
|
4227
|
-
(0, $iA2ta$reactjsxruntime.jsx)(
|
|
4282
|
+
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
4228
4283
|
className: styles.home.icon,
|
|
4229
|
-
|
|
4284
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
4285
|
+
accessor: "home",
|
|
4286
|
+
type: "solid",
|
|
4287
|
+
className: "h-5 w-5"
|
|
4288
|
+
})
|
|
4230
4289
|
}),
|
|
4231
4290
|
(0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
4232
4291
|
className: styles.home.span,
|
|
@@ -4286,21 +4345,21 @@ var $ae20bcd928aaa8fa$var$base = {
|
|
|
4286
4345
|
container: 'flex items-center justify-between border-t border-gray-200 px-4 sm:px-0',
|
|
4287
4346
|
left: {
|
|
4288
4347
|
container: '-mt-px flex w-0 flex-1',
|
|
4289
|
-
button: 'inline-flex items-center border-t-2 border-transparent pt-4 pr-1 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700',
|
|
4290
|
-
icon: 'mr-3 h-5 w-5 text-gray-400'
|
|
4348
|
+
button: 'inline-flex items-center border-t-2 border-transparent pt-4 pr-1 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700 cursor-pointer',
|
|
4349
|
+
icon: 'mr-3 h-5 w-5 text-gray-400 flex items-center justify-center'
|
|
4291
4350
|
},
|
|
4292
4351
|
center: {
|
|
4293
4352
|
container: 'hidden md:-mt-px md:flex'
|
|
4294
4353
|
},
|
|
4295
4354
|
right: {
|
|
4296
4355
|
container: '-mt-px flex w-0 flex-1 justify-end',
|
|
4297
|
-
button: 'inline-flex items-center border-t-2 border-transparent pt-4 pr-1 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700',
|
|
4298
|
-
icon: 'ml-3 h-5 w-5 text-gray-400'
|
|
4356
|
+
button: 'inline-flex items-center border-t-2 border-transparent pt-4 pr-1 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700 cursor-pointer',
|
|
4357
|
+
icon: 'ml-3 h-5 w-5 text-gray-400 flex items-center justify-center'
|
|
4299
4358
|
},
|
|
4300
4359
|
button: {
|
|
4301
|
-
default: 'inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700',
|
|
4360
|
+
default: 'inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700 cursor-pointer',
|
|
4302
4361
|
active: 'border-primary-500 text-primary-600',
|
|
4303
|
-
disabled: 'opacity-20 cursor-not-allowed'
|
|
4362
|
+
disabled: 'opacity-20 cursor-not-allowed!'
|
|
4304
4363
|
},
|
|
4305
4364
|
divider: 'inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500'
|
|
4306
4365
|
};
|
|
@@ -4513,8 +4572,11 @@ var $4439474512e19952$var$PagePaginationNavigation = function(props) {
|
|
|
4513
4572
|
return setCurrent(current - 1);
|
|
4514
4573
|
},
|
|
4515
4574
|
children: [
|
|
4516
|
-
(0, $iA2ta$reactjsxruntime.jsx)(
|
|
4517
|
-
className: styles.left.icon
|
|
4575
|
+
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
4576
|
+
className: styles.left.icon,
|
|
4577
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
4578
|
+
accessor: "arrow-left-long"
|
|
4579
|
+
})
|
|
4518
4580
|
}),
|
|
4519
4581
|
"Previous"
|
|
4520
4582
|
]
|
|
@@ -4534,8 +4596,11 @@ var $4439474512e19952$var$PagePaginationNavigation = function(props) {
|
|
|
4534
4596
|
},
|
|
4535
4597
|
children: [
|
|
4536
4598
|
"Next",
|
|
4537
|
-
(0, $iA2ta$reactjsxruntime.jsx)(
|
|
4538
|
-
className: styles.right.icon
|
|
4599
|
+
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
4600
|
+
className: styles.right.icon,
|
|
4601
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
4602
|
+
accessor: "arrow-right-long"
|
|
4603
|
+
})
|
|
4539
4604
|
})
|
|
4540
4605
|
]
|
|
4541
4606
|
})
|
|
@@ -5298,7 +5363,6 @@ var $fdd18762b429d9b0$export$2e2bcd8739ae039 = $fdd18762b429d9b0$var$SlideOverOv
|
|
|
5298
5363
|
|
|
5299
5364
|
|
|
5300
5365
|
|
|
5301
|
-
|
|
5302
5366
|
var $7386fd6bc782c888$var$styles = {
|
|
5303
5367
|
controls: {
|
|
5304
5368
|
container: 'flex-row justify-between z-10 relative mb-4 gap-2 hidden',
|
|
@@ -5311,8 +5375,8 @@ var $7386fd6bc782c888$var$styles = {
|
|
|
5311
5375
|
input: 'mr-3 cursor-pointer',
|
|
5312
5376
|
label: 'mr-3',
|
|
5313
5377
|
actions: 'w-10 grid text-white grid-cols-2 gap-2 group-hover:grid group-hover:text-gray-400',
|
|
5314
|
-
|
|
5315
|
-
|
|
5378
|
+
upIconContainer: 'w-5 h-5 flex items-center justify-center hover:text-black hover:bg-gray-200 rounded-md cursor-pointer',
|
|
5379
|
+
downIconContainer: 'w-5 h-5 flex items-center justify-center hover:text-black hover:bg-gray-200 rounded-md cursor-pointer'
|
|
5316
5380
|
}
|
|
5317
5381
|
},
|
|
5318
5382
|
label: 'hidden md:block',
|
|
@@ -5365,7 +5429,7 @@ var $4bd12ae33d8a86aa$var$TableColumnOptionsCustom = function(props) {
|
|
|
5365
5429
|
resetConfig.onReset && resetConfig.onReset();
|
|
5366
5430
|
},
|
|
5367
5431
|
children: [
|
|
5368
|
-
(0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
5432
|
+
(0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
5369
5433
|
accessor: "rotate-left"
|
|
5370
5434
|
}),
|
|
5371
5435
|
(0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
@@ -5391,17 +5455,23 @@ var $4bd12ae33d8a86aa$var$TableColumnOptionsCustom = function(props) {
|
|
|
5391
5455
|
(0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
5392
5456
|
className: styles.controls.dropdown.actions,
|
|
5393
5457
|
children: [
|
|
5394
|
-
(0, $iA2ta$reactjsxruntime.jsx)(
|
|
5395
|
-
className: styles.controls.dropdown.upIcon,
|
|
5458
|
+
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
5396
5459
|
onClick: function() {
|
|
5397
5460
|
return handleUpdateColumnOrder(table, column, index - 1, setColumnOrder);
|
|
5398
|
-
}
|
|
5461
|
+
},
|
|
5462
|
+
className: styles.controls.dropdown.upIconContainer,
|
|
5463
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
5464
|
+
accessor: "chevron-up"
|
|
5465
|
+
})
|
|
5399
5466
|
}),
|
|
5400
|
-
(0, $iA2ta$reactjsxruntime.jsx)(
|
|
5401
|
-
className: styles.controls.dropdown.downIcon,
|
|
5467
|
+
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
5402
5468
|
onClick: function() {
|
|
5403
|
-
return handleUpdateColumnOrder(table, column, index
|
|
5404
|
-
}
|
|
5469
|
+
return handleUpdateColumnOrder(table, column, index - 1, setColumnOrder);
|
|
5470
|
+
},
|
|
5471
|
+
className: styles.controls.dropdown.downIconContainer,
|
|
5472
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
5473
|
+
accessor: "chevron-down"
|
|
5474
|
+
})
|
|
5405
5475
|
})
|
|
5406
5476
|
]
|
|
5407
5477
|
})
|
|
@@ -5590,52 +5660,52 @@ var $dbcba7ef8eeead3b$export$8649d02bd537ff66 = function(dates) {
|
|
|
5590
5660
|
|
|
5591
5661
|
/*
|
|
5592
5662
|
https://github.com/onesine/react-tailwindcss-datepicker
|
|
5593
|
-
*/ var $
|
|
5663
|
+
*/ var $c1ef7dd4f2207e4b$var$base = {
|
|
5594
5664
|
container: '',
|
|
5595
5665
|
inputWrapper: '',
|
|
5596
5666
|
input: 'w-full inline-flex'
|
|
5597
5667
|
};
|
|
5598
|
-
var $
|
|
5668
|
+
var $c1ef7dd4f2207e4b$var$leading = {
|
|
5599
5669
|
input: 'pl-10'
|
|
5600
5670
|
};
|
|
5601
|
-
var $
|
|
5602
|
-
var $
|
|
5671
|
+
var $c1ef7dd4f2207e4b$var$trailing = {};
|
|
5672
|
+
var $c1ef7dd4f2207e4b$var$normal = {
|
|
5603
5673
|
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300'
|
|
5604
5674
|
};
|
|
5605
|
-
var $
|
|
5675
|
+
var $c1ef7dd4f2207e4b$var$inset = {
|
|
5606
5676
|
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
5607
5677
|
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0'
|
|
5608
5678
|
};
|
|
5609
|
-
var $
|
|
5679
|
+
var $c1ef7dd4f2207e4b$var$overlapping = {
|
|
5610
5680
|
container: 'relative',
|
|
5611
5681
|
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6'
|
|
5612
5682
|
};
|
|
5613
|
-
var $
|
|
5683
|
+
var $c1ef7dd4f2207e4b$var$pill = {
|
|
5614
5684
|
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6'
|
|
5615
5685
|
};
|
|
5616
|
-
var $
|
|
5686
|
+
var $c1ef7dd4f2207e4b$var$floored = {
|
|
5617
5687
|
input: 'peer block w-full border-0 bg-gray-50 py-1.5 text-gray-900 focus:ring-0 sm:text-sm sm:leading-6 ring-0'
|
|
5618
5688
|
};
|
|
5619
|
-
var $
|
|
5689
|
+
var $c1ef7dd4f2207e4b$var$invalid = {
|
|
5620
5690
|
container: 'ring-red-500!',
|
|
5621
5691
|
input: 'block w-full border border-transparent text-red-900 ring-1 ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500 pr-10'
|
|
5622
5692
|
};
|
|
5623
|
-
var $
|
|
5693
|
+
var $c1ef7dd4f2207e4b$var$disabled = {
|
|
5624
5694
|
input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
|
|
5625
5695
|
};
|
|
5626
|
-
var $
|
|
5627
|
-
base: $
|
|
5628
|
-
leading: $
|
|
5629
|
-
trailing: $
|
|
5630
|
-
normal: $
|
|
5631
|
-
inset: $
|
|
5632
|
-
overlapping: $
|
|
5633
|
-
pill: $
|
|
5634
|
-
floored: $
|
|
5635
|
-
invalid: $
|
|
5636
|
-
disabled: $
|
|
5696
|
+
var $c1ef7dd4f2207e4b$var$styles = {
|
|
5697
|
+
base: $c1ef7dd4f2207e4b$var$base,
|
|
5698
|
+
leading: $c1ef7dd4f2207e4b$var$leading,
|
|
5699
|
+
trailing: $c1ef7dd4f2207e4b$var$trailing,
|
|
5700
|
+
normal: $c1ef7dd4f2207e4b$var$normal,
|
|
5701
|
+
inset: $c1ef7dd4f2207e4b$var$inset,
|
|
5702
|
+
overlapping: $c1ef7dd4f2207e4b$var$overlapping,
|
|
5703
|
+
pill: $c1ef7dd4f2207e4b$var$pill,
|
|
5704
|
+
floored: $c1ef7dd4f2207e4b$var$floored,
|
|
5705
|
+
invalid: $c1ef7dd4f2207e4b$var$invalid,
|
|
5706
|
+
disabled: $c1ef7dd4f2207e4b$var$disabled
|
|
5637
5707
|
};
|
|
5638
|
-
var $
|
|
5708
|
+
var $c1ef7dd4f2207e4b$export$2e2bcd8739ae039 = $c1ef7dd4f2207e4b$var$styles;
|
|
5639
5709
|
|
|
5640
5710
|
|
|
5641
5711
|
|
|
@@ -5649,11 +5719,11 @@ var $0255f3e4133715cf$export$2e2bcd8739ae039 = $0255f3e4133715cf$var$styles;
|
|
|
5649
5719
|
|
|
5650
5720
|
|
|
5651
5721
|
|
|
5652
|
-
var $
|
|
5722
|
+
var $4013d091ad44178a$var$DateRangeMenu = function(props) {
|
|
5653
5723
|
var _a = props.name, name = _a === void 0 ? 'date-menu-form' : _a, _b = props.size, size = _b === void 0 ? 'compact' : _b, label = props.label, _c = props.i18n, i18n = _c === void 0 ? 'en' : _c, description = props.description, hint = props.hint, placeholder = props.placeholder, separator = props.separator, startFrom = props.startFrom, _d = props.displayFormat, displayFormat = _d === void 0 ? 'DD.MM.YYYY' : _d, _e = props.direction, direction = _e === void 0 ? 'down' : _e, minDate = props.minDate, maxDate = props.maxDate, _f = props.startWeekOn, startWeekOn = _f === void 0 ? 'mon' : _f, _g = props.icon, icon = _g === void 0 ? function(isEmpty) {
|
|
5654
|
-
return isEmpty ? (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
5724
|
+
return isEmpty ? (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
5655
5725
|
accessor: "calendar"
|
|
5656
|
-
}) : (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
5726
|
+
}) : (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
5657
5727
|
accessor: "xmark",
|
|
5658
5728
|
className: "text-black"
|
|
5659
5729
|
});
|
|
@@ -5678,10 +5748,10 @@ var $7d3977a96c400c32$var$DateRangeMenu = function(props) {
|
|
|
5678
5748
|
onClear
|
|
5679
5749
|
]);
|
|
5680
5750
|
var handleGenerateStyle = function() {
|
|
5681
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
5682
|
-
var keys = (0, $iA2ta$lodash.concat)((0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
5751
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $c1ef7dd4f2207e4b$export$2e2bcd8739ae039).base);
|
|
5752
|
+
var keys = (0, $iA2ta$lodash.concat)((0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $c1ef7dd4f2207e4b$export$2e2bcd8739ae039).base), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $3369f7d596d23d58$export$2e2bcd8739ae039).base), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $65bb4d593718fcda$export$2e2bcd8739ae039).base));
|
|
5683
5753
|
keys.forEach(function(key) {
|
|
5684
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
5754
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $c1ef7dd4f2207e4b$export$2e2bcd8739ae039).base, key), type && (0, $iA2ta$lodash.get)((0, $c1ef7dd4f2207e4b$export$2e2bcd8739ae039)[type], key), isTouched === true && !isValid && (0, $iA2ta$lodash.get)((0, $c1ef7dd4f2207e4b$export$2e2bcd8739ae039).invalid, key), isDisabled && (0, $iA2ta$lodash.get)((0, $c1ef7dd4f2207e4b$export$2e2bcd8739ae039).disabled, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
5685
5755
|
});
|
|
5686
5756
|
return result;
|
|
5687
5757
|
};
|
|
@@ -5783,22 +5853,22 @@ var $7d3977a96c400c32$var$DateRangeMenu = function(props) {
|
|
|
5783
5853
|
]
|
|
5784
5854
|
});
|
|
5785
5855
|
};
|
|
5786
|
-
var $
|
|
5856
|
+
var $4013d091ad44178a$export$2e2bcd8739ae039 = $4013d091ad44178a$var$DateRangeMenu;
|
|
5787
5857
|
|
|
5788
5858
|
|
|
5789
5859
|
|
|
5790
5860
|
|
|
5791
|
-
var $
|
|
5792
|
-
$
|
|
5861
|
+
var $7d8caab186283e85$var$__assign = undefined && undefined.__assign || function() {
|
|
5862
|
+
$7d8caab186283e85$var$__assign = Object.assign || function(t) {
|
|
5793
5863
|
for(var s, i = 1, n = arguments.length; i < n; i++){
|
|
5794
5864
|
s = arguments[i];
|
|
5795
5865
|
for(var p in s)if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
5796
5866
|
}
|
|
5797
5867
|
return t;
|
|
5798
5868
|
};
|
|
5799
|
-
return $
|
|
5869
|
+
return $7d8caab186283e85$var$__assign.apply(this, arguments);
|
|
5800
5870
|
};
|
|
5801
|
-
var $
|
|
5871
|
+
var $7d8caab186283e85$var$DateMenu = function(props) {
|
|
5802
5872
|
var onChange = props.onChange, defaultValue = props.value;
|
|
5803
5873
|
var handleChange = (0, $iA2ta$react.useCallback)(function(value) {
|
|
5804
5874
|
onChange && onChange(value.startDate);
|
|
@@ -5816,131 +5886,15 @@ var $754fdbc7ee597008$var$DateMenuForm = function(props) {
|
|
|
5816
5886
|
}, [
|
|
5817
5887
|
defaultValue
|
|
5818
5888
|
]);
|
|
5819
|
-
return (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
5889
|
+
return (0, $iA2ta$reactjsxruntime.jsx)((0, $4013d091ad44178a$export$2e2bcd8739ae039), $7d8caab186283e85$var$__assign({}, props, {
|
|
5820
5890
|
onChange: handleChange,
|
|
5821
5891
|
isRanged: false,
|
|
5822
5892
|
value: value
|
|
5823
5893
|
}));
|
|
5824
5894
|
};
|
|
5825
|
-
var $
|
|
5826
|
-
|
|
5827
|
-
|
|
5828
|
-
|
|
5829
|
-
|
|
5830
|
-
|
|
5831
|
-
|
|
5832
|
-
|
|
5833
|
-
|
|
5834
|
-
|
|
5835
|
-
|
|
5836
|
-
var $cfe896cfd0088e03$var$base = {
|
|
5837
|
-
container: '',
|
|
5838
|
-
sr: 'sr-only',
|
|
5839
|
-
list: 'space-y-5',
|
|
5840
|
-
item: {
|
|
5841
|
-
container: 'relative flex items-start',
|
|
5842
|
-
head: 'flex h-6 items-center',
|
|
5843
|
-
body: 'ml-3 text-sm leading-6',
|
|
5844
|
-
input: 'h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-600',
|
|
5845
|
-
label: 'font-medium text-gray-900',
|
|
5846
|
-
description: 'text-gray-500'
|
|
5847
|
-
}
|
|
5848
|
-
};
|
|
5849
|
-
var $cfe896cfd0088e03$var$disabled = {
|
|
5850
|
-
item: {
|
|
5851
|
-
input: 'block rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
|
|
5852
|
-
}
|
|
5853
|
-
};
|
|
5854
|
-
var $cfe896cfd0088e03$var$styles = {
|
|
5855
|
-
base: $cfe896cfd0088e03$var$base,
|
|
5856
|
-
disabled: $cfe896cfd0088e03$var$disabled
|
|
5857
|
-
};
|
|
5858
|
-
var $cfe896cfd0088e03$export$2e2bcd8739ae039 = $cfe896cfd0088e03$var$styles;
|
|
5895
|
+
var $7d8caab186283e85$export$2e2bcd8739ae039 = $7d8caab186283e85$var$DateMenu;
|
|
5859
5896
|
|
|
5860
5897
|
|
|
5861
|
-
var $03635ab4c6dbf412$var$CheckboxInputGroupForm = function(props) {
|
|
5862
|
-
var name = props.name, form = props.form, options = props.options, values = props.values, isDisabled = props.isDisabled, stylesOverrides = props.styles;
|
|
5863
|
-
var handleGenerateStyle = function() {
|
|
5864
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $cfe896cfd0088e03$export$2e2bcd8739ae039).base);
|
|
5865
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $cfe896cfd0088e03$export$2e2bcd8739ae039).base);
|
|
5866
|
-
keys.forEach(function(key) {
|
|
5867
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $cfe896cfd0088e03$export$2e2bcd8739ae039).base, key), // isTouched === true && !isValid && get(defaultStyles.invalid, key),
|
|
5868
|
-
isDisabled && (0, $iA2ta$lodash.get)((0, $cfe896cfd0088e03$export$2e2bcd8739ae039).disabled, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
5869
|
-
});
|
|
5870
|
-
return result;
|
|
5871
|
-
};
|
|
5872
|
-
var styles = handleGenerateStyle();
|
|
5873
|
-
return (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$formik.FormikProvider), {
|
|
5874
|
-
value: form,
|
|
5875
|
-
children: (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
5876
|
-
children: [
|
|
5877
|
-
(0, $iA2ta$reactjsxruntime.jsx)("legend", {
|
|
5878
|
-
className: styles.sr,
|
|
5879
|
-
children: name
|
|
5880
|
-
}),
|
|
5881
|
-
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
5882
|
-
className: styles.list,
|
|
5883
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$formik.FieldArray), {
|
|
5884
|
-
name: name,
|
|
5885
|
-
render: function(_a) {
|
|
5886
|
-
var remove = _a.remove, push = _a.push;
|
|
5887
|
-
return (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$reactjsxruntime.Fragment), {
|
|
5888
|
-
children: options === null || options === void 0 ? void 0 : options.map(function(option) {
|
|
5889
|
-
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
5890
|
-
className: styles.item.container,
|
|
5891
|
-
children: [
|
|
5892
|
-
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
5893
|
-
className: styles.item.head,
|
|
5894
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)("input", {
|
|
5895
|
-
id: option.value,
|
|
5896
|
-
name: option.value,
|
|
5897
|
-
"data-cy": "form-".concat(name, "-checkbox-").concat(option.value),
|
|
5898
|
-
"aria-describedby": "".concat(option.value, "-description"),
|
|
5899
|
-
type: "checkbox",
|
|
5900
|
-
checked: values === null || values === void 0 ? void 0 : values.includes(option.value),
|
|
5901
|
-
className: styles.item.input,
|
|
5902
|
-
disabled: isDisabled,
|
|
5903
|
-
onChange: function(value) {
|
|
5904
|
-
var isChecked = value.currentTarget.checked;
|
|
5905
|
-
if (isChecked) {
|
|
5906
|
-
push(option.value);
|
|
5907
|
-
return;
|
|
5908
|
-
}
|
|
5909
|
-
var findIndex = values.findIndex(function(value) {
|
|
5910
|
-
return value === option.value;
|
|
5911
|
-
});
|
|
5912
|
-
remove(findIndex);
|
|
5913
|
-
}
|
|
5914
|
-
})
|
|
5915
|
-
}),
|
|
5916
|
-
(0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
5917
|
-
className: styles.item.body,
|
|
5918
|
-
children: [
|
|
5919
|
-
(0, $iA2ta$reactjsxruntime.jsx)("label", {
|
|
5920
|
-
htmlFor: "comments",
|
|
5921
|
-
className: styles.item.label,
|
|
5922
|
-
children: option.title
|
|
5923
|
-
}),
|
|
5924
|
-
option.description && (0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
5925
|
-
id: "comments-description",
|
|
5926
|
-
className: styles.item.description,
|
|
5927
|
-
children: option.description
|
|
5928
|
-
})
|
|
5929
|
-
]
|
|
5930
|
-
})
|
|
5931
|
-
]
|
|
5932
|
-
}, option.value);
|
|
5933
|
-
})
|
|
5934
|
-
});
|
|
5935
|
-
}
|
|
5936
|
-
})
|
|
5937
|
-
})
|
|
5938
|
-
]
|
|
5939
|
-
})
|
|
5940
|
-
});
|
|
5941
|
-
};
|
|
5942
|
-
var $03635ab4c6dbf412$export$2e2bcd8739ae039 = $03635ab4c6dbf412$var$CheckboxInputGroupForm;
|
|
5943
|
-
|
|
5944
5898
|
|
|
5945
5899
|
|
|
5946
5900
|
|
|
@@ -5948,7 +5902,7 @@ var $03635ab4c6dbf412$export$2e2bcd8739ae039 = $03635ab4c6dbf412$var$CheckboxInp
|
|
|
5948
5902
|
|
|
5949
5903
|
|
|
5950
5904
|
|
|
5951
|
-
var $
|
|
5905
|
+
var $c4a847996a6501cd$var$base = {
|
|
5952
5906
|
container: 'relative flex items-start',
|
|
5953
5907
|
head: 'flex h-6 items-center select-none',
|
|
5954
5908
|
body: 'ml-3 text-sm leading-6',
|
|
@@ -5958,30 +5912,31 @@ var $5ea6f468291aa318$var$base = {
|
|
|
5958
5912
|
label: 'font-medium text-gray-900',
|
|
5959
5913
|
description: 'text-gray-500'
|
|
5960
5914
|
};
|
|
5961
|
-
var $
|
|
5915
|
+
var $c4a847996a6501cd$var$disabled = {
|
|
5962
5916
|
input: 'block rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-500 disabled:text-gray-500 disabled:ring-gray-200'
|
|
5963
5917
|
};
|
|
5964
|
-
var $
|
|
5965
|
-
base: $
|
|
5966
|
-
disabled: $
|
|
5918
|
+
var $c4a847996a6501cd$var$styles = {
|
|
5919
|
+
base: $c4a847996a6501cd$var$base,
|
|
5920
|
+
disabled: $c4a847996a6501cd$var$disabled
|
|
5967
5921
|
};
|
|
5968
|
-
var $
|
|
5922
|
+
var $c4a847996a6501cd$export$2e2bcd8739ae039 = $c4a847996a6501cd$var$styles;
|
|
5969
5923
|
|
|
5970
5924
|
|
|
5971
|
-
var $
|
|
5925
|
+
var $b59f83fca3d8e62d$var$CheckboxInput = function(props) {
|
|
5972
5926
|
var name = props.name, value = props.value, title = props.title, description = props.description, isIndeterminable = props.isIndeterminable, isDisabled = props.isDisabled, checkedElement = props.checkedElement, uncheckedElement = props.uncheckedElement, indeterminableElement = props.indeterminableElement, onChange = props.onChange, stylesOverrides = props.styles;
|
|
5973
5927
|
var handleGenerateStyle = function() {
|
|
5974
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
5975
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
5928
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $c4a847996a6501cd$export$2e2bcd8739ae039).base);
|
|
5929
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $c4a847996a6501cd$export$2e2bcd8739ae039).base);
|
|
5976
5930
|
keys.forEach(function(key) {
|
|
5977
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
5931
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $c4a847996a6501cd$export$2e2bcd8739ae039).base, key), isDisabled && (0, $iA2ta$lodash.get)((0, $c4a847996a6501cd$export$2e2bcd8739ae039).disabled, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
5978
5932
|
});
|
|
5979
5933
|
return result;
|
|
5980
5934
|
};
|
|
5981
5935
|
var styles = handleGenerateStyle();
|
|
5982
5936
|
var $inputRef = (0, $iA2ta$react.useRef)(null);
|
|
5983
5937
|
var handleToggle = (0, $iA2ta$react.useCallback)(function() {
|
|
5984
|
-
if (
|
|
5938
|
+
if ((0, $iA2ta$lodash.isNil)(onChange)) return;
|
|
5939
|
+
else if (!isIndeterminable) onChange(!value);
|
|
5985
5940
|
else switch(value){
|
|
5986
5941
|
case false:
|
|
5987
5942
|
onChange(null);
|
|
@@ -6064,7 +6019,7 @@ var $831573d0f77f2d6b$var$CheckboxInputForm = function(props) {
|
|
|
6064
6019
|
]
|
|
6065
6020
|
});
|
|
6066
6021
|
};
|
|
6067
|
-
var $
|
|
6022
|
+
var $b59f83fca3d8e62d$export$2e2bcd8739ae039 = $b59f83fca3d8e62d$var$CheckboxInput;
|
|
6068
6023
|
|
|
6069
6024
|
|
|
6070
6025
|
|
|
@@ -6076,7 +6031,7 @@ var $831573d0f77f2d6b$export$2e2bcd8739ae039 = $831573d0f77f2d6b$var$CheckboxInp
|
|
|
6076
6031
|
|
|
6077
6032
|
|
|
6078
6033
|
|
|
6079
|
-
var $
|
|
6034
|
+
var $7756a8ac027ae3cb$var$base = {
|
|
6080
6035
|
container: 'flex flex-col',
|
|
6081
6036
|
//foot override
|
|
6082
6037
|
foot: 'flex flex-col',
|
|
@@ -6100,7 +6055,7 @@ var $7343b5b4243d5cba$var$base = {
|
|
|
6100
6055
|
icon: 'h-3 w-3'
|
|
6101
6056
|
}
|
|
6102
6057
|
};
|
|
6103
|
-
var $
|
|
6058
|
+
var $7756a8ac027ae3cb$var$md = {
|
|
6104
6059
|
switch: {
|
|
6105
6060
|
content: 'h-6'
|
|
6106
6061
|
},
|
|
@@ -6108,7 +6063,7 @@ var $7343b5b4243d5cba$var$md = {
|
|
|
6108
6063
|
content: 'h-5 w-5'
|
|
6109
6064
|
}
|
|
6110
6065
|
};
|
|
6111
|
-
var $
|
|
6066
|
+
var $7756a8ac027ae3cb$var$sm = {
|
|
6112
6067
|
switch: {
|
|
6113
6068
|
content: 'h-5'
|
|
6114
6069
|
},
|
|
@@ -6117,22 +6072,22 @@ var $7343b5b4243d5cba$var$sm = {
|
|
|
6117
6072
|
checked: 'translate-x-6'
|
|
6118
6073
|
}
|
|
6119
6074
|
};
|
|
6120
|
-
var $
|
|
6121
|
-
base: $
|
|
6122
|
-
md: $
|
|
6123
|
-
sm: $
|
|
6075
|
+
var $7756a8ac027ae3cb$var$styles = {
|
|
6076
|
+
base: $7756a8ac027ae3cb$var$base,
|
|
6077
|
+
md: $7756a8ac027ae3cb$var$md,
|
|
6078
|
+
sm: $7756a8ac027ae3cb$var$sm
|
|
6124
6079
|
};
|
|
6125
|
-
var $
|
|
6080
|
+
var $7756a8ac027ae3cb$export$2e2bcd8739ae039 = $7756a8ac027ae3cb$var$styles;
|
|
6126
6081
|
|
|
6127
6082
|
|
|
6128
|
-
var $
|
|
6083
|
+
var $6de4f048bb607f5b$var$Switch = function(props) {
|
|
6129
6084
|
var name = props.name, label = props.label, description = props.description, hint = props.hint, isDisabled = props.isDisabled, _a = props.isRequired, isRequired = _a === void 0 ? false : _a, required = props.required, _b = props.isTouched, isTouched = _b === void 0 ? false : _b, error = props.error, value = props.value, stylesOverrides = props.styles, _c = props.size, size = _c === void 0 ? 'md' : _c, _d = props.isOptionalLabelHidden, isOptionalLabelHidden = _d === void 0 ? false : _d, onChange = props.onChange, iconAccessorChecked = props.iconAccessorChecked, iconAccessorUnchecked = props.iconAccessorUnchecked;
|
|
6130
6085
|
var inputDataCy = "form-input-".concat(name);
|
|
6131
6086
|
var handleGenerateStyle = function() {
|
|
6132
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
6133
|
-
var keys = (0, $iA2ta$lodash.concat)((0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
6087
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $7756a8ac027ae3cb$export$2e2bcd8739ae039).base);
|
|
6088
|
+
var keys = (0, $iA2ta$lodash.concat)((0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $7756a8ac027ae3cb$export$2e2bcd8739ae039).base), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $3369f7d596d23d58$export$2e2bcd8739ae039).base), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $65bb4d593718fcda$export$2e2bcd8739ae039).base));
|
|
6134
6089
|
(0, $iA2ta$lodash.forEach)(keys, function(key) {
|
|
6135
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
6090
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $7756a8ac027ae3cb$export$2e2bcd8739ae039).base, key), (0, $iA2ta$lodash.get)((0, $7756a8ac027ae3cb$export$2e2bcd8739ae039)[size], key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
6136
6091
|
});
|
|
6137
6092
|
return result;
|
|
6138
6093
|
};
|
|
@@ -6171,7 +6126,7 @@ var $341e1fbf5ffaef7b$var$Switch = function(props) {
|
|
|
6171
6126
|
iconAccessorUnchecked && (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
6172
6127
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(value ? styles.icon.hidden : styles.icon.shown, styles.icon.content),
|
|
6173
6128
|
"aria-hidden": "true",
|
|
6174
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
6129
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
6175
6130
|
accessor: iconAccessorUnchecked,
|
|
6176
6131
|
className: styles.icon.icon
|
|
6177
6132
|
})
|
|
@@ -6179,7 +6134,7 @@ var $341e1fbf5ffaef7b$var$Switch = function(props) {
|
|
|
6179
6134
|
iconAccessorChecked && (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
6180
6135
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(value ? styles.icon.shown : styles.icon.hidden, styles.icon.content),
|
|
6181
6136
|
"aria-hidden": "true",
|
|
6182
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
6137
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
6183
6138
|
accessor: iconAccessorChecked,
|
|
6184
6139
|
className: styles.icon.icon
|
|
6185
6140
|
})
|
|
@@ -6199,7 +6154,7 @@ var $341e1fbf5ffaef7b$var$Switch = function(props) {
|
|
|
6199
6154
|
]
|
|
6200
6155
|
});
|
|
6201
6156
|
};
|
|
6202
|
-
var $
|
|
6157
|
+
var $6de4f048bb607f5b$export$2e2bcd8739ae039 = $6de4f048bb607f5b$var$Switch;
|
|
6203
6158
|
|
|
6204
6159
|
|
|
6205
6160
|
|
|
@@ -6215,7 +6170,7 @@ var $341e1fbf5ffaef7b$export$2e2bcd8739ae039 = $341e1fbf5ffaef7b$var$Switch;
|
|
|
6215
6170
|
|
|
6216
6171
|
|
|
6217
6172
|
|
|
6218
|
-
var $
|
|
6173
|
+
var $314c1b4dd9a9772c$var$base = {
|
|
6219
6174
|
container: '',
|
|
6220
6175
|
textAreaWrapper: 'border border-input rounded-lg overflow-hidden border-palette-lightGray',
|
|
6221
6176
|
readOnlyWrapper: 'prose prose-sm max-w-none',
|
|
@@ -6257,37 +6212,37 @@ var $b964d0845ae86974$var$base = {
|
|
|
6257
6212
|
container: ''
|
|
6258
6213
|
}
|
|
6259
6214
|
};
|
|
6260
|
-
var $
|
|
6261
|
-
var $
|
|
6215
|
+
var $314c1b4dd9a9772c$var$styles = $314c1b4dd9a9772c$var$base;
|
|
6216
|
+
var $314c1b4dd9a9772c$export$2e2bcd8739ae039 = $314c1b4dd9a9772c$var$styles;
|
|
6262
6217
|
|
|
6263
6218
|
|
|
6264
|
-
var $
|
|
6265
|
-
$
|
|
6219
|
+
var $fcb5356ca075c486$var$__assign = undefined && undefined.__assign || function() {
|
|
6220
|
+
$fcb5356ca075c486$var$__assign = Object.assign || function(t) {
|
|
6266
6221
|
for(var s, i = 1, n = arguments.length; i < n; i++){
|
|
6267
6222
|
s = arguments[i];
|
|
6268
6223
|
for(var p in s)if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
6269
6224
|
}
|
|
6270
6225
|
return t;
|
|
6271
6226
|
};
|
|
6272
|
-
return $
|
|
6227
|
+
return $fcb5356ca075c486$var$__assign.apply(this, arguments);
|
|
6273
6228
|
};
|
|
6274
|
-
var $
|
|
6229
|
+
var $fcb5356ca075c486$var$HOTKEYS = {
|
|
6275
6230
|
'mod+b': 'bold',
|
|
6276
6231
|
'mod+i': 'italic',
|
|
6277
6232
|
'mod+u': 'underline',
|
|
6278
6233
|
'mod+`': 'code'
|
|
6279
6234
|
};
|
|
6280
|
-
var $
|
|
6235
|
+
var $fcb5356ca075c486$var$LIST_TYPES = [
|
|
6281
6236
|
'numbered-list',
|
|
6282
6237
|
'bulleted-list'
|
|
6283
6238
|
];
|
|
6284
|
-
var $
|
|
6239
|
+
var $fcb5356ca075c486$var$TEXT_ALIGN_TYPES = [
|
|
6285
6240
|
'left',
|
|
6286
6241
|
'center',
|
|
6287
6242
|
'right',
|
|
6288
6243
|
'justify'
|
|
6289
6244
|
];
|
|
6290
|
-
var $
|
|
6245
|
+
var $fcb5356ca075c486$var$TAG_BY_TYPE = {
|
|
6291
6246
|
'block-quote': 'blockquote',
|
|
6292
6247
|
'bulleted-list': 'ul',
|
|
6293
6248
|
'numbered-list': 'ol',
|
|
@@ -6296,27 +6251,27 @@ var $784e2eeeb6b1d65b$var$TAG_BY_TYPE = {
|
|
|
6296
6251
|
'list-item': 'li',
|
|
6297
6252
|
paragraph: 'p'
|
|
6298
6253
|
};
|
|
6299
|
-
var $
|
|
6300
|
-
'block-quote': (0, $
|
|
6301
|
-
'bulleted-list': (0, $
|
|
6302
|
-
'numbered-list': (0, $
|
|
6303
|
-
'heading-one': (0, $
|
|
6304
|
-
'heading-two': (0, $
|
|
6305
|
-
'list-item': (0, $
|
|
6306
|
-
paragraph: (0, $
|
|
6254
|
+
var $fcb5356ca075c486$var$CLASS_BY_TYPE = {
|
|
6255
|
+
'block-quote': (0, $314c1b4dd9a9772c$export$2e2bcd8739ae039).elements.blockquote,
|
|
6256
|
+
'bulleted-list': (0, $314c1b4dd9a9772c$export$2e2bcd8739ae039).elements.list.bulleted,
|
|
6257
|
+
'numbered-list': (0, $314c1b4dd9a9772c$export$2e2bcd8739ae039).elements.list.numbered,
|
|
6258
|
+
'heading-one': (0, $314c1b4dd9a9772c$export$2e2bcd8739ae039).elements.heading.h1,
|
|
6259
|
+
'heading-two': (0, $314c1b4dd9a9772c$export$2e2bcd8739ae039).elements.heading.h2,
|
|
6260
|
+
'list-item': (0, $314c1b4dd9a9772c$export$2e2bcd8739ae039).elements.list.item,
|
|
6261
|
+
paragraph: (0, $314c1b4dd9a9772c$export$2e2bcd8739ae039).elements.paragraph
|
|
6307
6262
|
};
|
|
6308
|
-
var $
|
|
6309
|
-
return $
|
|
6263
|
+
var $fcb5356ca075c486$var$isAlignType = function(format) {
|
|
6264
|
+
return $fcb5356ca075c486$var$TEXT_ALIGN_TYPES.includes(format);
|
|
6310
6265
|
};
|
|
6311
|
-
var $
|
|
6312
|
-
return $
|
|
6266
|
+
var $fcb5356ca075c486$var$isListType = function(format) {
|
|
6267
|
+
return $fcb5356ca075c486$var$LIST_TYPES.includes(format);
|
|
6313
6268
|
};
|
|
6314
|
-
var $
|
|
6269
|
+
var $fcb5356ca075c486$var$isAlignElement = function(element) {
|
|
6315
6270
|
return 'align' in element;
|
|
6316
6271
|
};
|
|
6317
|
-
var $
|
|
6272
|
+
var $fcb5356ca075c486$var$createTagElement = function(tag, options) {
|
|
6318
6273
|
var attributes = options.attributes, key = options.key, className = options.className, children = options.children;
|
|
6319
|
-
var props = attributes ? $
|
|
6274
|
+
var props = attributes ? $fcb5356ca075c486$var$__assign($fcb5356ca075c486$var$__assign({}, attributes), {
|
|
6320
6275
|
className: className
|
|
6321
6276
|
}) : {
|
|
6322
6277
|
key: key,
|
|
@@ -6324,12 +6279,12 @@ var $784e2eeeb6b1d65b$var$createTagElement = function(tag, options) {
|
|
|
6324
6279
|
};
|
|
6325
6280
|
return /*#__PURE__*/ (0, $iA2ta$react.createElement)(tag, props, children);
|
|
6326
6281
|
};
|
|
6327
|
-
var $
|
|
6282
|
+
var $fcb5356ca075c486$var$applyMarks = function(content, marks) {
|
|
6328
6283
|
if (marks.bold) content = (0, $iA2ta$reactjsxruntime.jsx)("strong", {
|
|
6329
6284
|
children: content
|
|
6330
6285
|
});
|
|
6331
6286
|
if (marks.code) content = (0, $iA2ta$reactjsxruntime.jsx)("code", {
|
|
6332
|
-
className: (0, $
|
|
6287
|
+
className: (0, $314c1b4dd9a9772c$export$2e2bcd8739ae039).elements.code,
|
|
6333
6288
|
children: content
|
|
6334
6289
|
});
|
|
6335
6290
|
if (marks.italic) content = (0, $iA2ta$reactjsxruntime.jsx)("em", {
|
|
@@ -6340,34 +6295,34 @@ var $784e2eeeb6b1d65b$var$applyMarks = function(content, marks) {
|
|
|
6340
6295
|
});
|
|
6341
6296
|
return content;
|
|
6342
6297
|
};
|
|
6343
|
-
var $
|
|
6298
|
+
var $fcb5356ca075c486$var$isNodeTextEmpty = function(node) {
|
|
6344
6299
|
var _a, _b;
|
|
6345
6300
|
if ((0, $iA2ta$slate.Text).isText(node)) return ((_a = node.text) !== null && _a !== void 0 ? _a : '').trim() === '';
|
|
6346
6301
|
if ((0, $iA2ta$slate.Editor).isEditor(node) || (0, $iA2ta$slate.Element).isElement(node)) {
|
|
6347
6302
|
var children = (_b = node.children) !== null && _b !== void 0 ? _b : [];
|
|
6348
6303
|
if ((0, $iA2ta$lodash.isEmpty)(children)) return true;
|
|
6349
6304
|
return (0, $iA2ta$lodash.every)(children, function(child) {
|
|
6350
|
-
return $
|
|
6305
|
+
return $fcb5356ca075c486$var$isNodeTextEmpty(child);
|
|
6351
6306
|
});
|
|
6352
6307
|
}
|
|
6353
6308
|
return true;
|
|
6354
6309
|
};
|
|
6355
|
-
var $
|
|
6310
|
+
var $fcb5356ca075c486$var$isDocumentAllTextEmpty = function(value) {
|
|
6356
6311
|
if (!(0, $iA2ta$lodash.isArray)(value) || (0, $iA2ta$lodash.isEmpty)(value)) return true;
|
|
6357
6312
|
return (0, $iA2ta$lodash.every)(value, function(node) {
|
|
6358
|
-
return $
|
|
6313
|
+
return $fcb5356ca075c486$var$isNodeTextEmpty(node);
|
|
6359
6314
|
});
|
|
6360
6315
|
};
|
|
6361
|
-
var $
|
|
6316
|
+
var $fcb5356ca075c486$var$renderRichNode = function(node, options) {
|
|
6362
6317
|
if (options === void 0) options = {};
|
|
6363
6318
|
var attributes = options.attributes, providedChildren = options.children, key = options.key;
|
|
6364
6319
|
if ((0, $iA2ta$slate.Text).isText(node)) {
|
|
6365
6320
|
if (String(providedChildren !== null && providedChildren !== void 0 ? providedChildren : node.text).trim() === '') return (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
6366
|
-
className: (0, $
|
|
6321
|
+
className: (0, $314c1b4dd9a9772c$export$2e2bcd8739ae039).editor.area.emptyLine,
|
|
6367
6322
|
"aria-hidden": "true"
|
|
6368
6323
|
}, key);
|
|
6369
|
-
var content = $
|
|
6370
|
-
return attributes ? (0, $iA2ta$reactjsxruntime.jsx)("span", $
|
|
6324
|
+
var content = $fcb5356ca075c486$var$applyMarks(providedChildren !== null && providedChildren !== void 0 ? providedChildren : node.text, node);
|
|
6325
|
+
return attributes ? (0, $iA2ta$reactjsxruntime.jsx)("span", $fcb5356ca075c486$var$__assign({}, attributes, {
|
|
6371
6326
|
children: content
|
|
6372
6327
|
})) : (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$react.Fragment), {
|
|
6373
6328
|
children: content
|
|
@@ -6375,33 +6330,33 @@ var $784e2eeeb6b1d65b$var$renderRichNode = function(node, options) {
|
|
|
6375
6330
|
}
|
|
6376
6331
|
var element = node;
|
|
6377
6332
|
var type = (0, $iA2ta$lodash.get)(element, 'type', 'paragraph');
|
|
6378
|
-
var tag = (0, $iA2ta$lodash.get)($
|
|
6379
|
-
var baseClass = (0, $iA2ta$lodash.get)($
|
|
6380
|
-
var alignClass = $
|
|
6333
|
+
var tag = (0, $iA2ta$lodash.get)($fcb5356ca075c486$var$TAG_BY_TYPE, type, 'p');
|
|
6334
|
+
var baseClass = (0, $iA2ta$lodash.get)($fcb5356ca075c486$var$CLASS_BY_TYPE, type, $fcb5356ca075c486$var$CLASS_BY_TYPE.paragraph);
|
|
6335
|
+
var alignClass = $fcb5356ca075c486$var$isAlignElement(element) ? (0, $iA2ta$lodash.get)((0, $314c1b4dd9a9772c$export$2e2bcd8739ae039).align, element.align, '') : '';
|
|
6381
6336
|
var renderChildNode = function(childNode, index) {
|
|
6382
|
-
return $
|
|
6337
|
+
return $fcb5356ca075c486$var$renderRichNode(childNode, {
|
|
6383
6338
|
key: index
|
|
6384
6339
|
});
|
|
6385
6340
|
};
|
|
6386
6341
|
var renderedChildren = providedChildren !== null && providedChildren !== void 0 ? providedChildren : (0, $iA2ta$lodash.map)(element.children, renderChildNode);
|
|
6387
6342
|
// Merge any className Slate might pass in attributes (rare) with ours
|
|
6388
6343
|
var mergedClassName = (0, $622cd2936b18c771$export$4370d69198e9314a)(baseClass, alignClass, attributes === null || attributes === void 0 ? void 0 : attributes.className);
|
|
6389
|
-
return $
|
|
6344
|
+
return $fcb5356ca075c486$var$createTagElement(tag, {
|
|
6390
6345
|
attributes: attributes,
|
|
6391
6346
|
key: key,
|
|
6392
6347
|
className: mergedClassName,
|
|
6393
6348
|
children: renderedChildren
|
|
6394
6349
|
});
|
|
6395
6350
|
};
|
|
6396
|
-
var $
|
|
6351
|
+
var $fcb5356ca075c486$var$RichTextArea = function(_a) {
|
|
6397
6352
|
var _b = _a.name, name = _b === void 0 ? 'rich-text-area' : _b, _c = _a.initialValue, initialValue = _c === void 0 ? '[{"type":"paragraph","children":[{"text":"Hello from initial value. Edit me!"}]}]' : _c, onChange = _a.onChange, _d = _a.placeholder, placeholder = _d === void 0 ? "Type something\u2026" : _d, stylesOverrides = _a.styles, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, toolbarConfig = _a.toolbarConfig, //Header
|
|
6398
6353
|
label = _a.label, description = _a.description, required = _a.required, isRequired = _a.isRequired, isOptionalLabelHidden = _a.isOptionalLabelHidden, //Footer
|
|
6399
6354
|
hint = _a.hint, error = _a.error, isTouched = _a.isTouched;
|
|
6400
6355
|
var styles = (0, $iA2ta$react.useMemo)(function() {
|
|
6401
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
6402
|
-
var keys = (0, $iA2ta$lodash.concat)((0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
6356
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $314c1b4dd9a9772c$export$2e2bcd8739ae039));
|
|
6357
|
+
var keys = (0, $iA2ta$lodash.concat)((0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $314c1b4dd9a9772c$export$2e2bcd8739ae039)), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $3369f7d596d23d58$export$2e2bcd8739ae039).base), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $65bb4d593718fcda$export$2e2bcd8739ae039).base));
|
|
6403
6358
|
(0, $iA2ta$lodash.forEach)(keys, function(key) {
|
|
6404
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
6359
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $314c1b4dd9a9772c$export$2e2bcd8739ae039), key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
6405
6360
|
});
|
|
6406
6361
|
return result;
|
|
6407
6362
|
}, [
|
|
@@ -6435,14 +6390,14 @@ var $784e2eeeb6b1d65b$var$RichTextArea = function(_a) {
|
|
|
6435
6390
|
}, []);
|
|
6436
6391
|
var renderElement = (0, $iA2ta$react.useCallback)(function(_a) {
|
|
6437
6392
|
var element = _a.element, attributes = _a.attributes, children = _a.children;
|
|
6438
|
-
return $
|
|
6393
|
+
return $fcb5356ca075c486$var$renderRichNode(element, {
|
|
6439
6394
|
attributes: attributes,
|
|
6440
6395
|
children: children
|
|
6441
6396
|
});
|
|
6442
6397
|
}, []);
|
|
6443
6398
|
var renderLeaf = (0, $iA2ta$react.useCallback)(function(_a) {
|
|
6444
6399
|
var leaf = _a.leaf, attributes = _a.attributes, children = _a.children;
|
|
6445
|
-
return $
|
|
6400
|
+
return $fcb5356ca075c486$var$renderRichNode(leaf, {
|
|
6446
6401
|
attributes: attributes,
|
|
6447
6402
|
children: children
|
|
6448
6403
|
});
|
|
@@ -6463,10 +6418,10 @@ var $784e2eeeb6b1d65b$var$RichTextArea = function(_a) {
|
|
|
6463
6418
|
initialValue
|
|
6464
6419
|
]);
|
|
6465
6420
|
var generateMarkButton = (0, $iA2ta$react.useCallback)(function(format, icon) {
|
|
6466
|
-
return (0, $iA2ta$lodash.includes)(enabledToolbarItems, format) && (0, $iA2ta$reactjsxruntime.jsx)($
|
|
6467
|
-
active: $
|
|
6421
|
+
return (0, $iA2ta$lodash.includes)(enabledToolbarItems, format) && (0, $iA2ta$reactjsxruntime.jsx)($fcb5356ca075c486$var$Button, {
|
|
6422
|
+
active: $fcb5356ca075c486$export$72001287e2a5b413(editor, format),
|
|
6468
6423
|
onMouseDown: function() {
|
|
6469
|
-
return $
|
|
6424
|
+
return $fcb5356ca075c486$export$797ad2667b8015a8(editor, format);
|
|
6470
6425
|
},
|
|
6471
6426
|
icon: icon
|
|
6472
6427
|
});
|
|
@@ -6475,7 +6430,7 @@ var $784e2eeeb6b1d65b$var$RichTextArea = function(_a) {
|
|
|
6475
6430
|
editor
|
|
6476
6431
|
]);
|
|
6477
6432
|
var generateBlockButton = (0, $iA2ta$react.useCallback)(function(format, icon) {
|
|
6478
|
-
return (0, $iA2ta$lodash.includes)(enabledToolbarItems, format) && (0, $iA2ta$reactjsxruntime.jsx)($
|
|
6433
|
+
return (0, $iA2ta$lodash.includes)(enabledToolbarItems, format) && (0, $iA2ta$reactjsxruntime.jsx)($fcb5356ca075c486$var$BlockButton, {
|
|
6479
6434
|
format: format,
|
|
6480
6435
|
icon: icon
|
|
6481
6436
|
});
|
|
@@ -6524,11 +6479,11 @@ var $784e2eeeb6b1d65b$var$RichTextArea = function(_a) {
|
|
|
6524
6479
|
generateBlockButton,
|
|
6525
6480
|
styles.editor.toolbar.divider
|
|
6526
6481
|
]);
|
|
6527
|
-
if (isReadOnly && ((0, $iA2ta$lodash.isEmpty)(parsedInitialValue) || $
|
|
6482
|
+
if (isReadOnly && ((0, $iA2ta$lodash.isEmpty)(parsedInitialValue) || $fcb5356ca075c486$var$isDocumentAllTextEmpty(parsedInitialValue))) return null;
|
|
6528
6483
|
return isReadOnly ? (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
6529
6484
|
className: styles.readOnlyWrapper,
|
|
6530
6485
|
children: (0, $iA2ta$lodash.isArray)(parsedInitialValue) ? (0, $iA2ta$lodash.map)(parsedInitialValue, function(n, i) {
|
|
6531
|
-
return $
|
|
6486
|
+
return $fcb5356ca075c486$var$renderRichNode(n, {
|
|
6532
6487
|
key: i
|
|
6533
6488
|
});
|
|
6534
6489
|
}) : null
|
|
@@ -6564,10 +6519,10 @@ var $784e2eeeb6b1d65b$var$RichTextArea = function(_a) {
|
|
|
6564
6519
|
spellCheck: true,
|
|
6565
6520
|
autoFocus: true,
|
|
6566
6521
|
onKeyDown: function(event) {
|
|
6567
|
-
(0, $iA2ta$lodash.forEach)($
|
|
6522
|
+
(0, $iA2ta$lodash.forEach)($fcb5356ca075c486$var$HOTKEYS, function(mark, hotkey) {
|
|
6568
6523
|
if ((0, ($parcel$interopDefault($iA2ta$ishotkey)))(hotkey, event)) {
|
|
6569
6524
|
event.preventDefault();
|
|
6570
|
-
$
|
|
6525
|
+
$fcb5356ca075c486$export$797ad2667b8015a8(editor, mark);
|
|
6571
6526
|
}
|
|
6572
6527
|
});
|
|
6573
6528
|
}
|
|
@@ -6586,16 +6541,16 @@ var $784e2eeeb6b1d65b$var$RichTextArea = function(_a) {
|
|
|
6586
6541
|
]
|
|
6587
6542
|
});
|
|
6588
6543
|
};
|
|
6589
|
-
var $
|
|
6590
|
-
var isActive = $
|
|
6591
|
-
var isList = $
|
|
6544
|
+
var $fcb5356ca075c486$export$65eead07296cdb21 = function(editor, format) {
|
|
6545
|
+
var isActive = $fcb5356ca075c486$export$d49b8615a8b45195(editor, format, $fcb5356ca075c486$var$isAlignType(format) ? 'align' : 'type');
|
|
6546
|
+
var isList = $fcb5356ca075c486$var$isListType(format);
|
|
6592
6547
|
(0, $iA2ta$slate.Transforms).unwrapNodes(editor, {
|
|
6593
6548
|
match: function(n) {
|
|
6594
|
-
return !(0, $iA2ta$slate.Editor).isEditor(n) && (0, $iA2ta$slate.Element).isElement(n) && $
|
|
6549
|
+
return !(0, $iA2ta$slate.Editor).isEditor(n) && (0, $iA2ta$slate.Element).isElement(n) && $fcb5356ca075c486$var$isListType(n.type) && !$fcb5356ca075c486$var$isAlignType(format);
|
|
6595
6550
|
},
|
|
6596
6551
|
split: true
|
|
6597
6552
|
});
|
|
6598
|
-
var newProperties = $
|
|
6553
|
+
var newProperties = $fcb5356ca075c486$var$isAlignType(format) ? {
|
|
6599
6554
|
align: isActive ? undefined : format
|
|
6600
6555
|
} : {
|
|
6601
6556
|
type: isActive ? 'paragraph' : isList ? 'list-item' : format
|
|
@@ -6609,12 +6564,12 @@ var $784e2eeeb6b1d65b$export$65eead07296cdb21 = function(editor, format) {
|
|
|
6609
6564
|
(0, $iA2ta$slate.Transforms).wrapNodes(editor, block);
|
|
6610
6565
|
}
|
|
6611
6566
|
};
|
|
6612
|
-
var $
|
|
6613
|
-
var isActive = $
|
|
6567
|
+
var $fcb5356ca075c486$export$797ad2667b8015a8 = function(editor, format) {
|
|
6568
|
+
var isActive = $fcb5356ca075c486$export$72001287e2a5b413(editor, format);
|
|
6614
6569
|
if (isActive) (0, $iA2ta$slate.Editor).removeMark(editor, format);
|
|
6615
6570
|
else (0, $iA2ta$slate.Editor).addMark(editor, format, true);
|
|
6616
6571
|
};
|
|
6617
|
-
var $
|
|
6572
|
+
var $fcb5356ca075c486$export$d49b8615a8b45195 = function(editor, format, blockType) {
|
|
6618
6573
|
if (blockType === void 0) blockType = 'type';
|
|
6619
6574
|
var selection = editor.selection;
|
|
6620
6575
|
if (!selection) return false;
|
|
@@ -6623,7 +6578,7 @@ var $784e2eeeb6b1d65b$export$d49b8615a8b45195 = function(editor, format, blockTy
|
|
|
6623
6578
|
match: function(n) {
|
|
6624
6579
|
if (!(0, $iA2ta$slate.Editor).isEditor(n) && (0, $iA2ta$slate.Element).isElement(n)) {
|
|
6625
6580
|
var element = n;
|
|
6626
|
-
if (blockType === 'align' && $
|
|
6581
|
+
if (blockType === 'align' && $fcb5356ca075c486$var$isAlignElement(element)) return element.align === format;
|
|
6627
6582
|
return element.type === format;
|
|
6628
6583
|
}
|
|
6629
6584
|
return false;
|
|
@@ -6631,44 +6586,44 @@ var $784e2eeeb6b1d65b$export$d49b8615a8b45195 = function(editor, format, blockTy
|
|
|
6631
6586
|
}))[0];
|
|
6632
6587
|
return !!match;
|
|
6633
6588
|
};
|
|
6634
|
-
var $
|
|
6589
|
+
var $fcb5356ca075c486$export$72001287e2a5b413 = function(editor, format) {
|
|
6635
6590
|
var marks = (0, $iA2ta$slate.Editor).marks(editor);
|
|
6636
6591
|
return marks ? marks[format] === true : false;
|
|
6637
6592
|
};
|
|
6638
|
-
var $
|
|
6593
|
+
var $fcb5356ca075c486$var$Button = function(_a) {
|
|
6639
6594
|
var active = _a.active, onMouseDown = _a.onMouseDown, icon = _a.icon;
|
|
6640
6595
|
return (0, $iA2ta$reactjsxruntime.jsx)("button", {
|
|
6641
6596
|
type: "button",
|
|
6642
6597
|
"aria-pressed": active,
|
|
6643
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $
|
|
6598
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $314c1b4dd9a9772c$export$2e2bcd8739ae039).editor.toolbar.button, active && (0, $314c1b4dd9a9772c$export$2e2bcd8739ae039).editor.toolbar.buttonActive),
|
|
6644
6599
|
onMouseDown: function(e) {
|
|
6645
6600
|
e.preventDefault();
|
|
6646
6601
|
onMouseDown();
|
|
6647
6602
|
},
|
|
6648
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
6603
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
6649
6604
|
accessor: icon,
|
|
6650
6605
|
type: "solid",
|
|
6651
|
-
className: (0, $
|
|
6606
|
+
className: (0, $314c1b4dd9a9772c$export$2e2bcd8739ae039).editor.toolbar.icon
|
|
6652
6607
|
})
|
|
6653
6608
|
});
|
|
6654
6609
|
};
|
|
6655
|
-
var $
|
|
6610
|
+
var $fcb5356ca075c486$var$BlockButton = function(_a) {
|
|
6656
6611
|
var format = _a.format, icon = _a.icon;
|
|
6657
6612
|
var editor = (0, $iA2ta$slatereact.useSlate)();
|
|
6658
|
-
var active = $
|
|
6613
|
+
var active = $fcb5356ca075c486$export$d49b8615a8b45195(editor, format, $fcb5356ca075c486$var$isAlignType(format) ? 'align' : 'type');
|
|
6659
6614
|
var handleMouseDown = (0, $iA2ta$react.useCallback)(function() {
|
|
6660
|
-
return $
|
|
6615
|
+
return $fcb5356ca075c486$export$65eead07296cdb21(editor, format);
|
|
6661
6616
|
}, [
|
|
6662
6617
|
editor,
|
|
6663
6618
|
format
|
|
6664
6619
|
]);
|
|
6665
|
-
return (0, $iA2ta$reactjsxruntime.jsx)($
|
|
6620
|
+
return (0, $iA2ta$reactjsxruntime.jsx)($fcb5356ca075c486$var$Button, {
|
|
6666
6621
|
active: active,
|
|
6667
6622
|
onMouseDown: handleMouseDown,
|
|
6668
6623
|
icon: icon
|
|
6669
6624
|
});
|
|
6670
6625
|
};
|
|
6671
|
-
var $
|
|
6626
|
+
var $fcb5356ca075c486$export$2e2bcd8739ae039 = $fcb5356ca075c486$var$RichTextArea;
|
|
6672
6627
|
|
|
6673
6628
|
|
|
6674
6629
|
|
|
@@ -6678,7 +6633,7 @@ var $784e2eeeb6b1d65b$export$2e2bcd8739ae039 = $784e2eeeb6b1d65b$var$RichTextAre
|
|
|
6678
6633
|
|
|
6679
6634
|
|
|
6680
6635
|
|
|
6681
|
-
var $
|
|
6636
|
+
var $df1ad8019f5459e8$var$base = {
|
|
6682
6637
|
container: '',
|
|
6683
6638
|
head: 'flex justify-between',
|
|
6684
6639
|
body: 'relative rounded-md my-2 cursor-pointer',
|
|
@@ -6692,11 +6647,11 @@ var $8d406a8542925512$var$base = {
|
|
|
6692
6647
|
description: 'text-gray-400 text-xs mt-1',
|
|
6693
6648
|
error: 'text-red-500 text-xs mt-1'
|
|
6694
6649
|
};
|
|
6695
|
-
var $
|
|
6650
|
+
var $df1ad8019f5459e8$var$leading = {
|
|
6696
6651
|
input: 'pl-10'
|
|
6697
6652
|
};
|
|
6698
|
-
var $
|
|
6699
|
-
var $
|
|
6653
|
+
var $df1ad8019f5459e8$var$trailing = {};
|
|
6654
|
+
var $df1ad8019f5459e8$var$normal = {
|
|
6700
6655
|
label: 'leading-6 text-sm mb-2',
|
|
6701
6656
|
hint: 'leading-6',
|
|
6702
6657
|
leading: 'pl-3',
|
|
@@ -6704,14 +6659,14 @@ var $8d406a8542925512$var$normal = {
|
|
|
6704
6659
|
trailing: 'pr-3',
|
|
6705
6660
|
description: 'mt-2 text-sm'
|
|
6706
6661
|
};
|
|
6707
|
-
var $
|
|
6662
|
+
var $df1ad8019f5459e8$var$inset = {
|
|
6708
6663
|
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
6709
6664
|
label: 'text-xs',
|
|
6710
6665
|
hint: 'text-xs',
|
|
6711
6666
|
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
6712
6667
|
description: 'hidden'
|
|
6713
6668
|
};
|
|
6714
|
-
var $
|
|
6669
|
+
var $df1ad8019f5459e8$var$overlapping = {
|
|
6715
6670
|
container: 'relative',
|
|
6716
6671
|
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
6717
6672
|
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
@@ -6719,58 +6674,59 @@ var $8d406a8542925512$var$overlapping = {
|
|
|
6719
6674
|
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
6720
6675
|
description: 'hidden'
|
|
6721
6676
|
};
|
|
6722
|
-
var $
|
|
6677
|
+
var $df1ad8019f5459e8$var$pill = {
|
|
6723
6678
|
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
6724
6679
|
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
6725
6680
|
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
6726
6681
|
trailing: 'pr-2',
|
|
6727
6682
|
description: 'text-xs'
|
|
6728
6683
|
};
|
|
6729
|
-
var $
|
|
6684
|
+
var $df1ad8019f5459e8$var$floored = {
|
|
6730
6685
|
body: 'relative mt-2',
|
|
6731
6686
|
label: 'block text-sm font-medium leading-6 text-gray-900',
|
|
6732
6687
|
input: 'peer block w-full border-0 bg-gray-50 py-1.5 text-gray-900 focus:ring-0 sm:text-sm sm:leading-6 ring-0',
|
|
6733
6688
|
description: 'text-xs mt-2'
|
|
6734
6689
|
};
|
|
6735
|
-
var $
|
|
6690
|
+
var $df1ad8019f5459e8$var$invalid = {
|
|
6736
6691
|
container: 'ring-red-500',
|
|
6737
6692
|
input: // 'block w-full border border-transparent text-red-900 ring-1 ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500 sm:leading-6 pr-10',
|
|
6738
6693
|
'block w-full border border-transparent text-red-900 ring-1 ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500 pr-10',
|
|
6739
6694
|
description: 'text-sm text-red-600'
|
|
6740
6695
|
};
|
|
6741
|
-
var $
|
|
6696
|
+
var $df1ad8019f5459e8$var$disabled = {
|
|
6742
6697
|
input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
|
|
6743
6698
|
};
|
|
6744
|
-
var $
|
|
6745
|
-
base: $
|
|
6746
|
-
leading: $
|
|
6747
|
-
trailing: $
|
|
6748
|
-
normal: $
|
|
6749
|
-
inset: $
|
|
6750
|
-
overlapping: $
|
|
6751
|
-
pill: $
|
|
6752
|
-
floored: $
|
|
6753
|
-
invalid: $
|
|
6754
|
-
disabled: $
|
|
6699
|
+
var $df1ad8019f5459e8$var$styles = {
|
|
6700
|
+
base: $df1ad8019f5459e8$var$base,
|
|
6701
|
+
leading: $df1ad8019f5459e8$var$leading,
|
|
6702
|
+
trailing: $df1ad8019f5459e8$var$trailing,
|
|
6703
|
+
normal: $df1ad8019f5459e8$var$normal,
|
|
6704
|
+
inset: $df1ad8019f5459e8$var$inset,
|
|
6705
|
+
overlapping: $df1ad8019f5459e8$var$overlapping,
|
|
6706
|
+
pill: $df1ad8019f5459e8$var$pill,
|
|
6707
|
+
floored: $df1ad8019f5459e8$var$floored,
|
|
6708
|
+
invalid: $df1ad8019f5459e8$var$invalid,
|
|
6709
|
+
disabled: $df1ad8019f5459e8$var$disabled
|
|
6755
6710
|
};
|
|
6756
|
-
var $
|
|
6711
|
+
var $df1ad8019f5459e8$export$2e2bcd8739ae039 = $df1ad8019f5459e8$var$styles;
|
|
6757
6712
|
|
|
6758
6713
|
|
|
6759
|
-
var $
|
|
6760
|
-
$
|
|
6714
|
+
var $a8e0e51381520cae$var$__assign = undefined && undefined.__assign || function() {
|
|
6715
|
+
$a8e0e51381520cae$var$__assign = Object.assign || function(t) {
|
|
6761
6716
|
for(var s, i = 1, n = arguments.length; i < n; i++){
|
|
6762
6717
|
s = arguments[i];
|
|
6763
6718
|
for(var p in s)if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
6764
6719
|
}
|
|
6765
6720
|
return t;
|
|
6766
6721
|
};
|
|
6767
|
-
return $
|
|
6722
|
+
return $a8e0e51381520cae$var$__assign.apply(this, arguments);
|
|
6768
6723
|
};
|
|
6769
|
-
var $
|
|
6724
|
+
var $a8e0e51381520cae$var$FileInputGroup = function(props) {
|
|
6770
6725
|
var _a = props.name, name = _a === void 0 ? 'multiple-file-input' : _a, label = props.label, description = props.description, hint = props.hint, required = props.required, value = props.value, max = props.max, error = props.error, isDisabled = props.isDisabled, _b = props.isRequired, isRequired = _b === void 0 ? false : _b, _c = props.isTouched, isTouched = _c === void 0 ? false : _c, _d = props.isMulti, isMulti = _d === void 0 ? false : _d, children = props.children, onChange = props.onChange, onBlur = props.onBlur, stylesOverrides = props.styles;
|
|
6771
6726
|
var isValid = error === undefined;
|
|
6772
6727
|
var _e = (0, $iA2ta$react.useState)(false), isDragging = _e[0], setIsDragging = _e[1];
|
|
6773
6728
|
var handleChangeInput = (0, $iA2ta$react.useCallback)(function(files) {
|
|
6729
|
+
if (!onChange) return;
|
|
6774
6730
|
var reader = new FileReader();
|
|
6775
6731
|
var results = [];
|
|
6776
6732
|
var readFile = function(index) {
|
|
@@ -6817,10 +6773,10 @@ var $079d45c48b1515dd$var$FileInputGroupForm = function(props) {
|
|
|
6817
6773
|
}
|
|
6818
6774
|
}), getRootProps = _f.getRootProps, getInputProps = _f.getInputProps;
|
|
6819
6775
|
var handleGenerateStyle = function() {
|
|
6820
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
6821
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
6776
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $df1ad8019f5459e8$export$2e2bcd8739ae039).base);
|
|
6777
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $df1ad8019f5459e8$export$2e2bcd8739ae039).base);
|
|
6822
6778
|
keys.forEach(function(key) {
|
|
6823
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
6779
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $df1ad8019f5459e8$export$2e2bcd8739ae039).base, key), isTouched === true && !isValid && (0, $iA2ta$lodash.get)((0, $df1ad8019f5459e8$export$2e2bcd8739ae039).invalid, key), isDisabled && (0, $iA2ta$lodash.get)((0, $df1ad8019f5459e8$export$2e2bcd8739ae039).disabled, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
6824
6780
|
});
|
|
6825
6781
|
return result;
|
|
6826
6782
|
};
|
|
@@ -6855,7 +6811,7 @@ var $079d45c48b1515dd$var$FileInputGroupForm = function(props) {
|
|
|
6855
6811
|
})
|
|
6856
6812
|
]
|
|
6857
6813
|
}),
|
|
6858
|
-
(0, $iA2ta$reactjsxruntime.jsxs)("div", $
|
|
6814
|
+
(0, $iA2ta$reactjsxruntime.jsxs)("div", $a8e0e51381520cae$var$__assign({
|
|
6859
6815
|
className: styles.body
|
|
6860
6816
|
}, getRootProps(), {
|
|
6861
6817
|
children: [
|
|
@@ -6893,508 +6849,7 @@ var $079d45c48b1515dd$var$FileInputGroupForm = function(props) {
|
|
|
6893
6849
|
]
|
|
6894
6850
|
});
|
|
6895
6851
|
};
|
|
6896
|
-
var $
|
|
6897
|
-
|
|
6898
|
-
|
|
6899
|
-
|
|
6900
|
-
|
|
6901
|
-
|
|
6902
|
-
|
|
6903
|
-
|
|
6904
|
-
|
|
6905
|
-
|
|
6906
|
-
var $3698b0b0dc32c78c$var$base = {
|
|
6907
|
-
container: '',
|
|
6908
|
-
head: 'flex justify-between',
|
|
6909
|
-
body: 'relative rounded-md py-2',
|
|
6910
|
-
foot: '',
|
|
6911
|
-
label: 'block font-medium text-gray-900',
|
|
6912
|
-
hint: 'text-xs text-gray-500',
|
|
6913
|
-
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
6914
|
-
input: 'block w-full',
|
|
6915
|
-
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
6916
|
-
description: 'text-gray-400 text-xs mt-1',
|
|
6917
|
-
error: 'text-red-500 text-xs mt-1'
|
|
6918
|
-
};
|
|
6919
|
-
var $3698b0b0dc32c78c$var$leading = {
|
|
6920
|
-
input: 'pl-10'
|
|
6921
|
-
};
|
|
6922
|
-
var $3698b0b0dc32c78c$var$trailing = {};
|
|
6923
|
-
var $3698b0b0dc32c78c$var$normal = {
|
|
6924
|
-
label: 'leading-6 text-sm mb-2',
|
|
6925
|
-
hint: 'leading-6',
|
|
6926
|
-
leading: 'pl-3',
|
|
6927
|
-
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
6928
|
-
trailing: 'pr-3',
|
|
6929
|
-
description: 'mt-2 text-sm'
|
|
6930
|
-
};
|
|
6931
|
-
var $3698b0b0dc32c78c$var$inset = {
|
|
6932
|
-
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
6933
|
-
label: 'text-xs',
|
|
6934
|
-
hint: 'text-xs',
|
|
6935
|
-
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
6936
|
-
description: 'hidden'
|
|
6937
|
-
};
|
|
6938
|
-
var $3698b0b0dc32c78c$var$overlapping = {
|
|
6939
|
-
container: 'relative',
|
|
6940
|
-
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
6941
|
-
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
6942
|
-
hint: 'text-xs mr-4 bg-white px-1',
|
|
6943
|
-
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
6944
|
-
description: 'hidden'
|
|
6945
|
-
};
|
|
6946
|
-
var $3698b0b0dc32c78c$var$pill = {
|
|
6947
|
-
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
6948
|
-
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
6949
|
-
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
6950
|
-
trailing: 'pr-2',
|
|
6951
|
-
description: 'text-xs'
|
|
6952
|
-
};
|
|
6953
|
-
var $3698b0b0dc32c78c$var$floored = {
|
|
6954
|
-
body: 'relative mt-2',
|
|
6955
|
-
label: 'block text-sm font-medium leading-6 text-gray-900',
|
|
6956
|
-
input: 'peer block w-full border-0 bg-gray-50 py-1.5 text-gray-900 focus:ring-0 sm:text-sm sm:leading-6 ring-0',
|
|
6957
|
-
description: 'text-xs mt-2'
|
|
6958
|
-
};
|
|
6959
|
-
var $3698b0b0dc32c78c$var$invalid = {
|
|
6960
|
-
container: 'ring-red-500',
|
|
6961
|
-
input: // 'block w-full border border-transparent text-red-900 ring-1 ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500 sm:leading-6 pr-10',
|
|
6962
|
-
'block w-full border border-transparent text-red-900 ring-1 ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500 pr-10',
|
|
6963
|
-
description: 'text-sm text-red-600'
|
|
6964
|
-
};
|
|
6965
|
-
var $3698b0b0dc32c78c$var$disabled = {
|
|
6966
|
-
input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
|
|
6967
|
-
};
|
|
6968
|
-
var $3698b0b0dc32c78c$var$styles = {
|
|
6969
|
-
base: $3698b0b0dc32c78c$var$base,
|
|
6970
|
-
leading: $3698b0b0dc32c78c$var$leading,
|
|
6971
|
-
trailing: $3698b0b0dc32c78c$var$trailing,
|
|
6972
|
-
normal: $3698b0b0dc32c78c$var$normal,
|
|
6973
|
-
inset: $3698b0b0dc32c78c$var$inset,
|
|
6974
|
-
overlapping: $3698b0b0dc32c78c$var$overlapping,
|
|
6975
|
-
pill: $3698b0b0dc32c78c$var$pill,
|
|
6976
|
-
floored: $3698b0b0dc32c78c$var$floored,
|
|
6977
|
-
invalid: $3698b0b0dc32c78c$var$invalid,
|
|
6978
|
-
disabled: $3698b0b0dc32c78c$var$disabled
|
|
6979
|
-
};
|
|
6980
|
-
var $3698b0b0dc32c78c$export$2e2bcd8739ae039 = $3698b0b0dc32c78c$var$styles;
|
|
6981
|
-
|
|
6982
|
-
|
|
6983
|
-
|
|
6984
|
-
|
|
6985
|
-
|
|
6986
|
-
|
|
6987
|
-
|
|
6988
|
-
|
|
6989
|
-
|
|
6990
|
-
|
|
6991
|
-
|
|
6992
|
-
|
|
6993
|
-
|
|
6994
|
-
var $17bb03e8d27b8746$var$OpeningHourItem = function(props) {
|
|
6995
|
-
var _a, _b, _c;
|
|
6996
|
-
var id = props.id, _d = props.lang, lang = _d === void 0 ? 'en' : _d, defaultValue = props.openingHour, dayPlaceholder = props.dayPlaceholder, onCreate = props.onCreate, onUpdate = props.onUpdate, onDelete = props.onDelete;
|
|
6997
|
-
var options = (0, $iA2ta$react.useMemo)(function() {
|
|
6998
|
-
var values = [
|
|
6999
|
-
'MONDAY',
|
|
7000
|
-
'TUESDAY',
|
|
7001
|
-
'WEDNESDAY',
|
|
7002
|
-
'THURSDAY',
|
|
7003
|
-
'FRIDAY',
|
|
7004
|
-
'SATURDAY',
|
|
7005
|
-
'SUNDAY'
|
|
7006
|
-
];
|
|
7007
|
-
var translations = [];
|
|
7008
|
-
switch(lang){
|
|
7009
|
-
case 'en':
|
|
7010
|
-
translations = [
|
|
7011
|
-
'Monday',
|
|
7012
|
-
'Tuesday',
|
|
7013
|
-
'Wednesday',
|
|
7014
|
-
'Thursday',
|
|
7015
|
-
'Friday',
|
|
7016
|
-
'Saturday',
|
|
7017
|
-
'Sunday'
|
|
7018
|
-
];
|
|
7019
|
-
break;
|
|
7020
|
-
case 'nl':
|
|
7021
|
-
translations = [
|
|
7022
|
-
'Maandag',
|
|
7023
|
-
'Dinsdag',
|
|
7024
|
-
'Woensdag',
|
|
7025
|
-
'Donderdag',
|
|
7026
|
-
'Vrijdag',
|
|
7027
|
-
'Zaterdag',
|
|
7028
|
-
'Zondag'
|
|
7029
|
-
];
|
|
7030
|
-
break;
|
|
7031
|
-
}
|
|
7032
|
-
return translations.map(function(translation, index) {
|
|
7033
|
-
return {
|
|
7034
|
-
label: translation,
|
|
7035
|
-
value: values[index]
|
|
7036
|
-
};
|
|
7037
|
-
});
|
|
7038
|
-
}, [
|
|
7039
|
-
lang
|
|
7040
|
-
]);
|
|
7041
|
-
var isCreating = defaultValue === undefined;
|
|
7042
|
-
var initialValues = (0, $iA2ta$react.useMemo)(function() {
|
|
7043
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
7044
|
-
return {
|
|
7045
|
-
id: (_a = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.id) !== null && _a !== void 0 ? _a : id,
|
|
7046
|
-
day: {
|
|
7047
|
-
label: (_d = options[(_c = (_b = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.day) !== null && _b !== void 0 ? _b : dayPlaceholder) !== null && _c !== void 0 ? _c : 0]) === null || _d === void 0 ? void 0 : _d.label,
|
|
7048
|
-
value: (_g = options[(_f = (_e = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.day) !== null && _e !== void 0 ? _e : dayPlaceholder) !== null && _f !== void 0 ? _f : 0]) === null || _g === void 0 ? void 0 : _g.value
|
|
7049
|
-
},
|
|
7050
|
-
closed: (_h = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closed) !== null && _h !== void 0 ? _h : false,
|
|
7051
|
-
openingTime: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.openingTime) ? (0, $iA2ta$luxon.DateTime).fromISO(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.openingTime).minus({
|
|
7052
|
-
hours: 2
|
|
7053
|
-
}).toFormat('HH:mm') : '',
|
|
7054
|
-
closingTime: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closingTime) ? (0, $iA2ta$luxon.DateTime).fromISO(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closingTime).minus({
|
|
7055
|
-
hours: 2
|
|
7056
|
-
}).toFormat('HH:mm') : ''
|
|
7057
|
-
};
|
|
7058
|
-
}, [
|
|
7059
|
-
dayPlaceholder,
|
|
7060
|
-
defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closed,
|
|
7061
|
-
defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closingTime,
|
|
7062
|
-
defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.day,
|
|
7063
|
-
defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.id,
|
|
7064
|
-
defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.openingTime,
|
|
7065
|
-
id,
|
|
7066
|
-
options
|
|
7067
|
-
]);
|
|
7068
|
-
var toTimeStamp = (0, $iA2ta$react.useCallback)(function(value) {
|
|
7069
|
-
if (value === undefined) return undefined;
|
|
7070
|
-
var _a = value.split(':'), hours = _a[0], minutes = _a[1];
|
|
7071
|
-
return (0, $iA2ta$luxon.DateTime).utc().set({
|
|
7072
|
-
hour: Number(hours),
|
|
7073
|
-
minute: Number(minutes),
|
|
7074
|
-
second: 0,
|
|
7075
|
-
millisecond: 0
|
|
7076
|
-
}).toISO();
|
|
7077
|
-
}, []);
|
|
7078
|
-
var onSubmit = (0, $iA2ta$react.useCallback)(function(values) {
|
|
7079
|
-
var _a;
|
|
7080
|
-
var openingTime = toTimeStamp(values === null || values === void 0 ? void 0 : values.openingTime);
|
|
7081
|
-
var closingTime = toTimeStamp(values === null || values === void 0 ? void 0 : values.closingTime);
|
|
7082
|
-
var params = {
|
|
7083
|
-
id: (_a = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.id) !== null && _a !== void 0 ? _a : id,
|
|
7084
|
-
day: options.findIndex(function(option) {
|
|
7085
|
-
var _a;
|
|
7086
|
-
return option.value === ((_a = values === null || values === void 0 ? void 0 : values.day) === null || _a === void 0 ? void 0 : _a.value);
|
|
7087
|
-
}),
|
|
7088
|
-
closed: values === null || values === void 0 ? void 0 : values.closed,
|
|
7089
|
-
openingTime: openingTime,
|
|
7090
|
-
closingTime: closingTime
|
|
7091
|
-
};
|
|
7092
|
-
onCreate(params);
|
|
7093
|
-
}, [
|
|
7094
|
-
defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.id,
|
|
7095
|
-
id,
|
|
7096
|
-
onCreate,
|
|
7097
|
-
options,
|
|
7098
|
-
toTimeStamp
|
|
7099
|
-
]);
|
|
7100
|
-
var form = (0, $iA2ta$formik.useFormik)({
|
|
7101
|
-
initialValues: initialValues,
|
|
7102
|
-
onSubmit: onSubmit
|
|
7103
|
-
});
|
|
7104
|
-
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
7105
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)('-mt-2 flex gap-4 items-end', !isCreating && 'opacity-100'),
|
|
7106
|
-
children: [
|
|
7107
|
-
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
7108
|
-
className: (0, $a14a274e5b9e799a$export$2e2bcd8739ae039).selectMenu.container,
|
|
7109
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $f3fccf014e1f10d5$export$2e2bcd8739ae039), {
|
|
7110
|
-
name: "day",
|
|
7111
|
-
//
|
|
7112
|
-
isRequired: true,
|
|
7113
|
-
isMultiple: false,
|
|
7114
|
-
isSearchable: false,
|
|
7115
|
-
//
|
|
7116
|
-
options: options,
|
|
7117
|
-
//
|
|
7118
|
-
value: (_a = form === null || form === void 0 ? void 0 : form.values) === null || _a === void 0 ? void 0 : _a.day,
|
|
7119
|
-
onChange: function(value) {
|
|
7120
|
-
return form.setFieldValue('day', value);
|
|
7121
|
-
},
|
|
7122
|
-
onBlur: function() {
|
|
7123
|
-
var _a, _b, _c;
|
|
7124
|
-
form === null || form === void 0 || form.setFieldTouched('day');
|
|
7125
|
-
if (!isCreating) {
|
|
7126
|
-
var openingTime = toTimeStamp((_a = form.values) === null || _a === void 0 ? void 0 : _a.openingTime);
|
|
7127
|
-
var closingTime = toTimeStamp((_b = form.values) === null || _b === void 0 ? void 0 : _b.closingTime);
|
|
7128
|
-
var params = {
|
|
7129
|
-
id: defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.id,
|
|
7130
|
-
day: options.findIndex(function(option) {
|
|
7131
|
-
var _a, _b;
|
|
7132
|
-
return option.value === ((_b = (_a = form.values) === null || _a === void 0 ? void 0 : _a.day) === null || _b === void 0 ? void 0 : _b.value);
|
|
7133
|
-
}),
|
|
7134
|
-
closed: (_c = form.values) === null || _c === void 0 ? void 0 : _c.closed,
|
|
7135
|
-
openingTime: openingTime,
|
|
7136
|
-
closingTime: closingTime
|
|
7137
|
-
};
|
|
7138
|
-
onUpdate && onUpdate(params);
|
|
7139
|
-
}
|
|
7140
|
-
},
|
|
7141
|
-
onClear: function() {
|
|
7142
|
-
return form.setFieldValue('day', null);
|
|
7143
|
-
}
|
|
7144
|
-
})
|
|
7145
|
-
}),
|
|
7146
|
-
(0, $iA2ta$reactjsxruntime.jsx)((0, $75cfef1d7ff66e89$export$2e2bcd8739ae039), {
|
|
7147
|
-
name: "openingTime",
|
|
7148
|
-
htmlType: "time",
|
|
7149
|
-
type: "normal",
|
|
7150
|
-
//
|
|
7151
|
-
isRequired: true,
|
|
7152
|
-
isDisabled: form.values.closed,
|
|
7153
|
-
//
|
|
7154
|
-
value: (_b = form === null || form === void 0 ? void 0 : form.values) === null || _b === void 0 ? void 0 : _b.openingTime,
|
|
7155
|
-
onChange: form === null || form === void 0 ? void 0 : form.handleChange,
|
|
7156
|
-
onBlur: function(values) {
|
|
7157
|
-
var _a, _b, _c;
|
|
7158
|
-
form === null || form === void 0 || form.handleBlur(values);
|
|
7159
|
-
if (!isCreating) {
|
|
7160
|
-
var openingTime = toTimeStamp((_a = form.values) === null || _a === void 0 ? void 0 : _a.openingTime);
|
|
7161
|
-
var closingTime = toTimeStamp((_b = form.values) === null || _b === void 0 ? void 0 : _b.closingTime);
|
|
7162
|
-
var params = {
|
|
7163
|
-
id: values === null || values === void 0 ? void 0 : values.id,
|
|
7164
|
-
day: options.findIndex(function(option) {
|
|
7165
|
-
var _a, _b;
|
|
7166
|
-
return option.value === ((_b = (_a = form.values) === null || _a === void 0 ? void 0 : _a.day) === null || _b === void 0 ? void 0 : _b.value);
|
|
7167
|
-
}),
|
|
7168
|
-
closed: (_c = form.values) === null || _c === void 0 ? void 0 : _c.closed,
|
|
7169
|
-
openingTime: openingTime,
|
|
7170
|
-
closingTime: closingTime
|
|
7171
|
-
};
|
|
7172
|
-
onUpdate && onUpdate(params);
|
|
7173
|
-
}
|
|
7174
|
-
}
|
|
7175
|
-
}),
|
|
7176
|
-
(0, $iA2ta$reactjsxruntime.jsx)((0, $75cfef1d7ff66e89$export$2e2bcd8739ae039), {
|
|
7177
|
-
name: "closingTime",
|
|
7178
|
-
htmlType: "time",
|
|
7179
|
-
type: "normal",
|
|
7180
|
-
//
|
|
7181
|
-
isRequired: true,
|
|
7182
|
-
isDisabled: form.values.closed,
|
|
7183
|
-
//
|
|
7184
|
-
value: (_c = form.values) === null || _c === void 0 ? void 0 : _c.closingTime,
|
|
7185
|
-
onChange: form === null || form === void 0 ? void 0 : form.handleChange,
|
|
7186
|
-
onBlur: function(values) {
|
|
7187
|
-
var _a, _b, _c;
|
|
7188
|
-
form === null || form === void 0 || form.handleBlur(values);
|
|
7189
|
-
if (!isCreating) {
|
|
7190
|
-
var openingTime = toTimeStamp((_a = form.values) === null || _a === void 0 ? void 0 : _a.openingTime);
|
|
7191
|
-
var closingTime = toTimeStamp((_b = form.values) === null || _b === void 0 ? void 0 : _b.closingTime);
|
|
7192
|
-
var params = {
|
|
7193
|
-
id: values === null || values === void 0 ? void 0 : values.id,
|
|
7194
|
-
day: options.findIndex(function(option) {
|
|
7195
|
-
var _a, _b;
|
|
7196
|
-
return option.value === ((_b = (_a = form.values) === null || _a === void 0 ? void 0 : _a.day) === null || _b === void 0 ? void 0 : _b.value);
|
|
7197
|
-
}),
|
|
7198
|
-
closed: (_c = form.values) === null || _c === void 0 ? void 0 : _c.closed,
|
|
7199
|
-
openingTime: openingTime,
|
|
7200
|
-
closingTime: closingTime
|
|
7201
|
-
};
|
|
7202
|
-
onUpdate && onUpdate(params);
|
|
7203
|
-
}
|
|
7204
|
-
}
|
|
7205
|
-
}),
|
|
7206
|
-
(0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
7207
|
-
className: "flex flex-col",
|
|
7208
|
-
children: [
|
|
7209
|
-
(0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
7210
|
-
className: "text-xs font-medium pb-1 mt-4",
|
|
7211
|
-
children: "Closed"
|
|
7212
|
-
}),
|
|
7213
|
-
(0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$headlessuireact.Switch), {
|
|
7214
|
-
checked: form.values.closed,
|
|
7215
|
-
onChange: function() {
|
|
7216
|
-
var _a, _b, _c, _d;
|
|
7217
|
-
form.setFieldValue('closed', !form.values.closed);
|
|
7218
|
-
if (!isCreating) {
|
|
7219
|
-
var openingTime = toTimeStamp((_a = form.values) === null || _a === void 0 ? void 0 : _a.openingTime);
|
|
7220
|
-
var closingTime = toTimeStamp((_b = form.values) === null || _b === void 0 ? void 0 : _b.closingTime);
|
|
7221
|
-
var params = {
|
|
7222
|
-
id: (_c = form.values) === null || _c === void 0 ? void 0 : _c.id,
|
|
7223
|
-
day: options.findIndex(function(option) {
|
|
7224
|
-
var _a, _b;
|
|
7225
|
-
return option.value === ((_b = (_a = form.values) === null || _a === void 0 ? void 0 : _a.day) === null || _b === void 0 ? void 0 : _b.value);
|
|
7226
|
-
}),
|
|
7227
|
-
closed: !((_d = form.values) === null || _d === void 0 ? void 0 : _d.closed),
|
|
7228
|
-
openingTime: openingTime,
|
|
7229
|
-
closingTime: closingTime
|
|
7230
|
-
};
|
|
7231
|
-
onUpdate && onUpdate(params);
|
|
7232
|
-
}
|
|
7233
|
-
},
|
|
7234
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $a14a274e5b9e799a$export$2e2bcd8739ae039).control.action, form.values.closed ? 'bg-primary-500' : 'bg-gray-200'),
|
|
7235
|
-
children: [
|
|
7236
|
-
(0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
7237
|
-
className: (0, $a14a274e5b9e799a$export$2e2bcd8739ae039).control.sr,
|
|
7238
|
-
children: "Toggle closed"
|
|
7239
|
-
}),
|
|
7240
|
-
(0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
7241
|
-
"aria-hidden": "true",
|
|
7242
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $a14a274e5b9e799a$export$2e2bcd8739ae039).control.span, form.values.closed ? 'translate-x-5' : 'translate-x-0')
|
|
7243
|
-
})
|
|
7244
|
-
]
|
|
7245
|
-
})
|
|
7246
|
-
]
|
|
7247
|
-
}),
|
|
7248
|
-
!isCreating ? (0, $iA2ta$reactjsxruntime.jsx)((0, $98b8616b6ef0f950$export$2e2bcd8739ae039), {
|
|
7249
|
-
size: "sm",
|
|
7250
|
-
type: "outline",
|
|
7251
|
-
onClick: function() {
|
|
7252
|
-
return onDelete && onDelete(form.values.id);
|
|
7253
|
-
},
|
|
7254
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$heroiconsreact24outline.XMarkIcon), {
|
|
7255
|
-
className: "w-4 h-4"
|
|
7256
|
-
})
|
|
7257
|
-
}) : (0, $iA2ta$reactjsxruntime.jsx)((0, $98b8616b6ef0f950$export$2e2bcd8739ae039), {
|
|
7258
|
-
size: "sm",
|
|
7259
|
-
type: "secondary",
|
|
7260
|
-
onClick: function() {
|
|
7261
|
-
return form.handleSubmit();
|
|
7262
|
-
},
|
|
7263
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$heroiconsreact24outline.PlusIcon), {
|
|
7264
|
-
className: "w-4 h-4"
|
|
7265
|
-
})
|
|
7266
|
-
})
|
|
7267
|
-
]
|
|
7268
|
-
});
|
|
7269
|
-
};
|
|
7270
|
-
var $17bb03e8d27b8746$export$2e2bcd8739ae039 = $17bb03e8d27b8746$var$OpeningHourItem;
|
|
7271
|
-
|
|
7272
|
-
|
|
7273
|
-
var $a14a274e5b9e799a$var$styles = {
|
|
7274
|
-
container: '',
|
|
7275
|
-
selectMenu: {
|
|
7276
|
-
container: "grow"
|
|
7277
|
-
},
|
|
7278
|
-
control: {
|
|
7279
|
-
container: 'flex items-center',
|
|
7280
|
-
label: 'text-sm mr-2 font-medium w-36',
|
|
7281
|
-
action: 'relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-hidden focus:ring-2 focus:ring-primary-500 focus:ring-offset-2',
|
|
7282
|
-
span: 'pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out',
|
|
7283
|
-
sr: 'sr-only'
|
|
7284
|
-
}
|
|
7285
|
-
};
|
|
7286
|
-
var $a14a274e5b9e799a$export$2e2bcd8739ae039 = $a14a274e5b9e799a$var$styles;
|
|
7287
|
-
|
|
7288
|
-
|
|
7289
|
-
|
|
7290
|
-
|
|
7291
|
-
|
|
7292
|
-
|
|
7293
|
-
var $9f6cfd21b337aca9$var$OpeningsHourInputGroupForm = function(props) {
|
|
7294
|
-
var form = props.form, _a = props.name, name = _a === void 0 ? 'opening-hours-input' : _a, label = props.label, description = props.description, required = props.required, value = props.value, error = props.error, lang = props.lang, isDisabled = props.isDisabled, _b = props.isRequired, isRequired = _b === void 0 ? false : _b, _c = props.isTouched, isTouched = _c === void 0 ? false : _c, onChange = props.onChange, stylesOverrides = props.styles, handleDelete = props.handleDelete;
|
|
7295
|
-
var isValid = error === undefined;
|
|
7296
|
-
var handleGenerateStyle = function() {
|
|
7297
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $3698b0b0dc32c78c$export$2e2bcd8739ae039).base);
|
|
7298
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $3698b0b0dc32c78c$export$2e2bcd8739ae039).base);
|
|
7299
|
-
keys.forEach(function(key) {
|
|
7300
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $3698b0b0dc32c78c$export$2e2bcd8739ae039).base, key), isTouched === true && !isValid && (0, $iA2ta$lodash.get)((0, $3698b0b0dc32c78c$export$2e2bcd8739ae039).invalid, key), isDisabled && (0, $iA2ta$lodash.get)((0, $3698b0b0dc32c78c$export$2e2bcd8739ae039).disabled, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
7301
|
-
});
|
|
7302
|
-
return result;
|
|
7303
|
-
};
|
|
7304
|
-
var styles = handleGenerateStyle();
|
|
7305
|
-
(0, $iA2ta$react.useEffect)(function() {
|
|
7306
|
-
if (form.values[name]) onChange && onChange(form.values[name]);
|
|
7307
|
-
}, [
|
|
7308
|
-
form.values,
|
|
7309
|
-
name,
|
|
7310
|
-
onChange
|
|
7311
|
-
]);
|
|
7312
|
-
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
7313
|
-
className: styles.container,
|
|
7314
|
-
children: [
|
|
7315
|
-
(0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
7316
|
-
className: styles.head,
|
|
7317
|
-
children: [
|
|
7318
|
-
label && (0, $iA2ta$reactjsxruntime.jsx)("label", {
|
|
7319
|
-
htmlFor: name,
|
|
7320
|
-
className: styles.label,
|
|
7321
|
-
children: label
|
|
7322
|
-
}),
|
|
7323
|
-
!required && !isRequired && typeof label === 'string' && (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
7324
|
-
className: styles.hint,
|
|
7325
|
-
children: "Optional"
|
|
7326
|
-
}),
|
|
7327
|
-
required && required({
|
|
7328
|
-
isRequired: isRequired
|
|
7329
|
-
})
|
|
7330
|
-
]
|
|
7331
|
-
}),
|
|
7332
|
-
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
7333
|
-
className: styles.body,
|
|
7334
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$formik.FormikProvider), {
|
|
7335
|
-
value: form,
|
|
7336
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$formik.FieldArray), {
|
|
7337
|
-
name: name,
|
|
7338
|
-
render: function(_a) {
|
|
7339
|
-
var _b, _c, _d, _e, _f;
|
|
7340
|
-
var remove = _a.remove, push = _a.push, replace = _a.replace;
|
|
7341
|
-
return (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$reactjsxruntime.Fragment), {
|
|
7342
|
-
children: [
|
|
7343
|
-
(_e = (_d = (_c = (_b = form.values) === null || _b === void 0 ? void 0 : _b[name]) === null || _c === void 0 ? void 0 : _c.map(function(value, index) {
|
|
7344
|
-
return {
|
|
7345
|
-
index: index,
|
|
7346
|
-
value: value
|
|
7347
|
-
};
|
|
7348
|
-
})) === null || _d === void 0 ? void 0 : _d.sort(function(a, b) {
|
|
7349
|
-
return a.value.day < b.value.day ? -1 : 1;
|
|
7350
|
-
})) === null || _e === void 0 ? void 0 : _e.map(function(_a) {
|
|
7351
|
-
var openingHour = _a.value, index = _a.index;
|
|
7352
|
-
return (0, $iA2ta$reactjsxruntime.jsx)((0, $17bb03e8d27b8746$export$2e2bcd8739ae039), {
|
|
7353
|
-
id: index,
|
|
7354
|
-
openingHour: openingHour,
|
|
7355
|
-
lang: lang,
|
|
7356
|
-
onCreate: push,
|
|
7357
|
-
onUpdate: function(value) {
|
|
7358
|
-
return replace(index, value);
|
|
7359
|
-
},
|
|
7360
|
-
onDelete: function(id) {
|
|
7361
|
-
if (id) {
|
|
7362
|
-
handleDelete && handleDelete(id);
|
|
7363
|
-
remove(index);
|
|
7364
|
-
}
|
|
7365
|
-
}
|
|
7366
|
-
}, "".concat(openingHour.id, "-").concat(index));
|
|
7367
|
-
}),
|
|
7368
|
-
(0, $iA2ta$reactjsxruntime.jsx)((0, $17bb03e8d27b8746$export$2e2bcd8739ae039), {
|
|
7369
|
-
id: "-",
|
|
7370
|
-
// Prefill picker with a day later than the day of the last saved opening hour.
|
|
7371
|
-
lang: lang,
|
|
7372
|
-
dayPlaceholder: value && ((_f = value === null || value === void 0 ? void 0 : value[(value === null || value === void 0 ? void 0 : value.length) - 1]) === null || _f === void 0 ? void 0 : _f.day) + 1,
|
|
7373
|
-
onCreate: push
|
|
7374
|
-
}, "-")
|
|
7375
|
-
]
|
|
7376
|
-
});
|
|
7377
|
-
}
|
|
7378
|
-
})
|
|
7379
|
-
})
|
|
7380
|
-
}),
|
|
7381
|
-
(0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
7382
|
-
className: styles.foot,
|
|
7383
|
-
children: [
|
|
7384
|
-
description && !(error && isTouched) && (0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
7385
|
-
className: styles.description,
|
|
7386
|
-
children: description
|
|
7387
|
-
}),
|
|
7388
|
-
error && isTouched && (0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
7389
|
-
className: styles.error,
|
|
7390
|
-
children: error
|
|
7391
|
-
})
|
|
7392
|
-
]
|
|
7393
|
-
})
|
|
7394
|
-
]
|
|
7395
|
-
});
|
|
7396
|
-
};
|
|
7397
|
-
var $9f6cfd21b337aca9$export$2e2bcd8739ae039 = $9f6cfd21b337aca9$var$OpeningsHourInputGroupForm;
|
|
6852
|
+
var $a8e0e51381520cae$export$2e2bcd8739ae039 = $a8e0e51381520cae$var$FileInputGroup;
|
|
7398
6853
|
|
|
7399
6854
|
|
|
7400
6855
|
|
|
@@ -7403,7 +6858,7 @@ var $9f6cfd21b337aca9$export$2e2bcd8739ae039 = $9f6cfd21b337aca9$var$OpeningsHou
|
|
|
7403
6858
|
|
|
7404
6859
|
|
|
7405
6860
|
|
|
7406
|
-
var $
|
|
6861
|
+
var $ce2ec37ead47e7f6$var$base = {
|
|
7407
6862
|
container: '',
|
|
7408
6863
|
head: 'flex justify-between',
|
|
7409
6864
|
body: 'relative rounded-md',
|
|
@@ -7421,11 +6876,11 @@ var $03b368478cf695f0$var$base = {
|
|
|
7421
6876
|
suggestsHiddenClassName: 'hidden'
|
|
7422
6877
|
}
|
|
7423
6878
|
};
|
|
7424
|
-
var $
|
|
6879
|
+
var $ce2ec37ead47e7f6$var$leading = {
|
|
7425
6880
|
input: 'pl-10'
|
|
7426
6881
|
};
|
|
7427
|
-
var $
|
|
7428
|
-
var $
|
|
6882
|
+
var $ce2ec37ead47e7f6$var$trailing = {};
|
|
6883
|
+
var $ce2ec37ead47e7f6$var$normal = {
|
|
7429
6884
|
label: 'leading-6 text-sm mb-2',
|
|
7430
6885
|
hint: 'leading-6',
|
|
7431
6886
|
leading: 'pl-3',
|
|
@@ -7433,14 +6888,14 @@ var $03b368478cf695f0$var$normal = {
|
|
|
7433
6888
|
trailing: 'pr-3',
|
|
7434
6889
|
description: 'mt-2 text-sm'
|
|
7435
6890
|
};
|
|
7436
|
-
var $
|
|
6891
|
+
var $ce2ec37ead47e7f6$var$inset = {
|
|
7437
6892
|
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
7438
6893
|
label: 'text-xs',
|
|
7439
6894
|
hint: 'text-xs',
|
|
7440
6895
|
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
7441
6896
|
description: 'hidden'
|
|
7442
6897
|
};
|
|
7443
|
-
var $
|
|
6898
|
+
var $ce2ec37ead47e7f6$var$overlapping = {
|
|
7444
6899
|
container: 'relative',
|
|
7445
6900
|
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
7446
6901
|
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
@@ -7448,52 +6903,52 @@ var $03b368478cf695f0$var$overlapping = {
|
|
|
7448
6903
|
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
7449
6904
|
description: 'hidden'
|
|
7450
6905
|
};
|
|
7451
|
-
var $
|
|
6906
|
+
var $ce2ec37ead47e7f6$var$pill = {
|
|
7452
6907
|
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
7453
6908
|
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
7454
6909
|
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
7455
6910
|
trailing: 'pr-2',
|
|
7456
6911
|
description: 'text-xs'
|
|
7457
6912
|
};
|
|
7458
|
-
var $
|
|
6913
|
+
var $ce2ec37ead47e7f6$var$floored = {
|
|
7459
6914
|
body: 'relative mt-2',
|
|
7460
6915
|
label: 'block text-sm font-medium leading-6 text-gray-900',
|
|
7461
6916
|
input: 'peer block w-full border-0 bg-gray-50 py-1.5 text-gray-900 focus:ring-0 sm:text-sm sm:leading-6 ring-0',
|
|
7462
6917
|
description: 'text-xs mt-2'
|
|
7463
6918
|
};
|
|
7464
|
-
var $
|
|
6919
|
+
var $ce2ec37ead47e7f6$var$invalid = {
|
|
7465
6920
|
container: 'ring-red-500',
|
|
7466
6921
|
input: // 'block w-full border border-transparent text-red-900 ring-1 ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500 sm:leading-6 pr-10',
|
|
7467
6922
|
'block w-full border border-transparent text-red-900 ring-1 ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500 pr-10',
|
|
7468
6923
|
description: 'text-sm text-red-600'
|
|
7469
6924
|
};
|
|
7470
|
-
var $
|
|
6925
|
+
var $ce2ec37ead47e7f6$var$disabled = {
|
|
7471
6926
|
input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
|
|
7472
6927
|
};
|
|
7473
|
-
var $
|
|
7474
|
-
base: $
|
|
7475
|
-
leading: $
|
|
7476
|
-
trailing: $
|
|
7477
|
-
normal: $
|
|
7478
|
-
inset: $
|
|
7479
|
-
overlapping: $
|
|
7480
|
-
pill: $
|
|
7481
|
-
floored: $
|
|
7482
|
-
invalid: $
|
|
7483
|
-
disabled: $
|
|
6928
|
+
var $ce2ec37ead47e7f6$var$styles = {
|
|
6929
|
+
base: $ce2ec37ead47e7f6$var$base,
|
|
6930
|
+
leading: $ce2ec37ead47e7f6$var$leading,
|
|
6931
|
+
trailing: $ce2ec37ead47e7f6$var$trailing,
|
|
6932
|
+
normal: $ce2ec37ead47e7f6$var$normal,
|
|
6933
|
+
inset: $ce2ec37ead47e7f6$var$inset,
|
|
6934
|
+
overlapping: $ce2ec37ead47e7f6$var$overlapping,
|
|
6935
|
+
pill: $ce2ec37ead47e7f6$var$pill,
|
|
6936
|
+
floored: $ce2ec37ead47e7f6$var$floored,
|
|
6937
|
+
invalid: $ce2ec37ead47e7f6$var$invalid,
|
|
6938
|
+
disabled: $ce2ec37ead47e7f6$var$disabled
|
|
7484
6939
|
};
|
|
7485
|
-
var $
|
|
6940
|
+
var $ce2ec37ead47e7f6$export$2e2bcd8739ae039 = $ce2ec37ead47e7f6$var$styles;
|
|
7486
6941
|
|
|
7487
6942
|
|
|
7488
|
-
var $
|
|
6943
|
+
var $e8acfae931d3a7e2$var$AddressInputGroup = function(props) {
|
|
7489
6944
|
var _a, _b, _c;
|
|
7490
6945
|
var _d = props.name, name = _d === void 0 ? 'address-input' : _d, label = props.label, description = props.description, placeholder = props.placeholder, required = props.required, value = props.value, error = props.error, _e = props.type, type = _e === void 0 ? 'normal' : _e, isDisabled = props.isDisabled, _f = props.isRequired, isRequired = _f === void 0 ? false : _f, _g = props.isTouched, isTouched = _g === void 0 ? false : _g, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, stylesOverrides = props.styles;
|
|
7491
6946
|
var isValid = error === undefined;
|
|
7492
6947
|
var handleGenerateStyle = function() {
|
|
7493
|
-
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $
|
|
7494
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $
|
|
6948
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $ce2ec37ead47e7f6$export$2e2bcd8739ae039).base);
|
|
6949
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $ce2ec37ead47e7f6$export$2e2bcd8739ae039).base);
|
|
7495
6950
|
keys.forEach(function(key) {
|
|
7496
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $
|
|
6951
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $ce2ec37ead47e7f6$export$2e2bcd8739ae039).base, key), type && (0, $iA2ta$lodash.get)((0, $ce2ec37ead47e7f6$export$2e2bcd8739ae039)[type], key), isTouched === true && !isValid && (0, $iA2ta$lodash.get)((0, $ce2ec37ead47e7f6$export$2e2bcd8739ae039).invalid, key), isDisabled && (0, $iA2ta$lodash.get)((0, $ce2ec37ead47e7f6$export$2e2bcd8739ae039).disabled, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
7497
6952
|
});
|
|
7498
6953
|
return result;
|
|
7499
6954
|
};
|
|
@@ -7503,11 +6958,6 @@ var $7fcfa1d90c4a7e45$var$AddressInputGroupForm = function(props) {
|
|
|
7503
6958
|
var country = value.country, city = value.city, street = value.street, houseNumber = value.houseNumber;
|
|
7504
6959
|
return "".concat(street !== null && street !== void 0 ? street : '').concat(houseNumber ? ' ' + houseNumber : '').concat(city ? ', ' + city : '').concat(country ? ', ' + country : '');
|
|
7505
6960
|
};
|
|
7506
|
-
// useEffect(() => {
|
|
7507
|
-
// if (form.values[name]) {
|
|
7508
|
-
// onChange && onChange(form.values[name]);
|
|
7509
|
-
// }
|
|
7510
|
-
// }, [form.values, name, onChange]);
|
|
7511
6961
|
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
7512
6962
|
className: styles.container,
|
|
7513
6963
|
children: [
|
|
@@ -7542,7 +6992,7 @@ var $7fcfa1d90c4a7e45$var$AddressInputGroupForm = function(props) {
|
|
|
7542
6992
|
suggestItemClassName: (_b = styles.geosuggest) === null || _b === void 0 ? void 0 : _b.suggestItemClassName,
|
|
7543
6993
|
suggestsHiddenClassName: (_c = styles.geosuggest) === null || _c === void 0 ? void 0 : _c.suggestsHiddenClassName,
|
|
7544
6994
|
onChange: function(value) {
|
|
7545
|
-
if (value === '') onChange(null);
|
|
6995
|
+
if (value === '' && onChange) onChange(null);
|
|
7546
6996
|
},
|
|
7547
6997
|
onFocus: onFocus,
|
|
7548
6998
|
// suggestItemActiveClassName={
|
|
@@ -7593,6 +7043,7 @@ var $7fcfa1d90c4a7e45$var$AddressInputGroupForm = function(props) {
|
|
|
7593
7043
|
},
|
|
7594
7044
|
onBlur: function(e) {
|
|
7595
7045
|
var _a, _b, _c, _d, _e;
|
|
7046
|
+
if (!onBlur) return;
|
|
7596
7047
|
var components = (_a = e === null || e === void 0 ? void 0 : e.gmaps) === null || _a === void 0 ? void 0 : _a.address_components;
|
|
7597
7048
|
var handleExtractValueWithKey = function(key) {
|
|
7598
7049
|
var _a;
|
|
@@ -7617,7 +7068,7 @@ var $7fcfa1d90c4a7e45$var$AddressInputGroupForm = function(props) {
|
|
|
7617
7068
|
lng: (_e = (_d = e === null || e === void 0 ? void 0 : e.location) === null || _d === void 0 ? void 0 : _d.lng) !== null && _e !== void 0 ? _e : 0,
|
|
7618
7069
|
info: value === null || value === void 0 ? void 0 : value.info
|
|
7619
7070
|
};
|
|
7620
|
-
onBlur
|
|
7071
|
+
onBlur(location);
|
|
7621
7072
|
}
|
|
7622
7073
|
})
|
|
7623
7074
|
}),
|
|
@@ -7637,7 +7088,7 @@ var $7fcfa1d90c4a7e45$var$AddressInputGroupForm = function(props) {
|
|
|
7637
7088
|
]
|
|
7638
7089
|
});
|
|
7639
7090
|
};
|
|
7640
|
-
var $
|
|
7091
|
+
var $e8acfae931d3a7e2$export$2e2bcd8739ae039 = $e8acfae931d3a7e2$var$AddressInputGroup;
|
|
7641
7092
|
|
|
7642
7093
|
|
|
7643
7094
|
|
|
@@ -7706,7 +7157,7 @@ var $5f561ce307b5bbb8$var$useColumnHelpers = function(t) {
|
|
|
7706
7157
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)((options === null || options === void 0 ? void 0 : options.size) && getClassName(options.size), options === null || options === void 0 ? void 0 : options.className),
|
|
7707
7158
|
children: value
|
|
7708
7159
|
});
|
|
7709
|
-
return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
7160
|
+
return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $iA2ta$reactjsxruntime.jsx)((0, $861db172649fba92$export$2e2bcd8739ae039), {
|
|
7710
7161
|
placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : 'bottom-end',
|
|
7711
7162
|
content: value,
|
|
7712
7163
|
children: content
|
|
@@ -7728,7 +7179,7 @@ var $5f561ce307b5bbb8$var$useColumnHelpers = function(t) {
|
|
|
7728
7179
|
target: (options === null || options === void 0 ? void 0 : options.openInNewTab) ? '_blank' : undefined,
|
|
7729
7180
|
children: value.label
|
|
7730
7181
|
}) : value.label;
|
|
7731
|
-
return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
7182
|
+
return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $iA2ta$reactjsxruntime.jsx)((0, $861db172649fba92$export$2e2bcd8739ae039), {
|
|
7732
7183
|
placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : 'bottom-end',
|
|
7733
7184
|
content: value.label,
|
|
7734
7185
|
children: content
|
|
@@ -7745,7 +7196,7 @@ var $5f561ce307b5bbb8$var$useColumnHelpers = function(t) {
|
|
|
7745
7196
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)((options === null || options === void 0 ? void 0 : options.size) && getClassName(options.size), options === null || options === void 0 ? void 0 : options.className),
|
|
7746
7197
|
children: value.label
|
|
7747
7198
|
});
|
|
7748
|
-
return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
7199
|
+
return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $iA2ta$reactjsxruntime.jsx)((0, $861db172649fba92$export$2e2bcd8739ae039), {
|
|
7749
7200
|
placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : 'bottom-end',
|
|
7750
7201
|
content: value.label,
|
|
7751
7202
|
children: content
|
|
@@ -7757,14 +7208,14 @@ var $5f561ce307b5bbb8$var$useColumnHelpers = function(t) {
|
|
|
7757
7208
|
var _a;
|
|
7758
7209
|
var value = cell.getValue();
|
|
7759
7210
|
if (!value) return null;
|
|
7760
|
-
var content = (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
7211
|
+
var content = (0, $iA2ta$reactjsxruntime.jsx)((0, $361f07a251f13e6f$export$2e2bcd8739ae039), {
|
|
7761
7212
|
styles: {
|
|
7762
7213
|
container: (0, $622cd2936b18c771$export$4370d69198e9314a)((options === null || options === void 0 ? void 0 : options.size) && getClassName(options.size), options === null || options === void 0 ? void 0 : options.className)
|
|
7763
7214
|
},
|
|
7764
7215
|
color: value.color || 'gray',
|
|
7765
7216
|
children: value.label
|
|
7766
7217
|
});
|
|
7767
|
-
return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
7218
|
+
return (options === null || options === void 0 ? void 0 : options.hasTooltip) ? (0, $iA2ta$reactjsxruntime.jsx)((0, $861db172649fba92$export$2e2bcd8739ae039), {
|
|
7768
7219
|
placement: (_a = options === null || options === void 0 ? void 0 : options.tooltipPlacement) !== null && _a !== void 0 ? _a : 'bottom-end',
|
|
7769
7220
|
content: value.label,
|
|
7770
7221
|
children: content
|
|
@@ -7792,7 +7243,7 @@ var $5f561ce307b5bbb8$var$useColumnHelpers = function(t) {
|
|
|
7792
7243
|
'text-palette-lightGray',
|
|
7793
7244
|
(_b = value === null || value === void 0 ? void 0 : value.options) === null || _b === void 0 ? void 0 : _b.falseClassName
|
|
7794
7245
|
]).join(' ');
|
|
7795
|
-
return (0, $iA2ta$reactjsxruntime.jsx)((0, $
|
|
7246
|
+
return (0, $iA2ta$reactjsxruntime.jsx)((0, $cbf4b156892acb71$export$2e2bcd8739ae039), {
|
|
7796
7247
|
className: iconClass,
|
|
7797
7248
|
accessor: (value === null || value === void 0 ? void 0 : value.value) ? 'check' : 'xmark'
|
|
7798
7249
|
});
|
|
@@ -7823,7 +7274,7 @@ var $5f561ce307b5bbb8$export$2e2bcd8739ae039 = $5f561ce307b5bbb8$var$useColumnHe
|
|
|
7823
7274
|
|
|
7824
7275
|
|
|
7825
7276
|
var $3e554a35fef8bbfa$export$1476d5e67a64a695 = function(str) {
|
|
7826
|
-
return str.replace(/#/g,
|
|
7277
|
+
return str.replace(/#/g, '__HASH__').replace(/\?/g, '__QUESTIONMARK__').replace(/\|/g, '__PIPE__').replace(/\\/g, '__BACKSLASH__').replace(/%/g, '__PROCENT__').replace(/'/g, '__QUOTE__');
|
|
7827
7278
|
};
|
|
7828
7279
|
|
|
7829
7280
|
|