@ballistix.digital/react-components 4.8.1 → 4.9.1
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 +7 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +1047 -1046
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1047 -1046
- package/dist/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +13 -13
package/dist/index.esm.js
CHANGED
|
@@ -45,13 +45,13 @@ var $ba1db6dce71c3f25$export$be5d6ab3c5b84767 = function(obj) {
|
|
|
45
45
|
function flattenHelper(obj, prefix) {
|
|
46
46
|
return Object.keys(obj).reduce(function(acc, key) {
|
|
47
47
|
var fullPath = prefix ? "".concat(prefix, ".").concat(key) : key;
|
|
48
|
-
if (typeof obj[key] ===
|
|
48
|
+
if (typeof obj[key] === 'object' && obj[key] !== null) return $ba1db6dce71c3f25$var$__spreadArray($ba1db6dce71c3f25$var$__spreadArray([], acc, true), flattenHelper(obj[key], fullPath), true);
|
|
49
49
|
else return $ba1db6dce71c3f25$var$__spreadArray($ba1db6dce71c3f25$var$__spreadArray([], acc, true), [
|
|
50
50
|
fullPath
|
|
51
51
|
], false);
|
|
52
52
|
}, []);
|
|
53
53
|
}
|
|
54
|
-
return flattenHelper(obj,
|
|
54
|
+
return flattenHelper(obj, '');
|
|
55
55
|
};
|
|
56
56
|
|
|
57
57
|
|
|
@@ -60,7 +60,7 @@ var $ba1db6dce71c3f25$export$be5d6ab3c5b84767 = function(obj) {
|
|
|
60
60
|
var $66c3dcaaa74b5389$export$4370d69198e9314a = function() {
|
|
61
61
|
var values = [];
|
|
62
62
|
for(var _i = 0; _i < arguments.length; _i++)values[_i] = arguments[_i];
|
|
63
|
-
return values.filter(Boolean).join(
|
|
63
|
+
return values.filter(Boolean).join(' ');
|
|
64
64
|
};
|
|
65
65
|
var $66c3dcaaa74b5389$export$f169ab786cd97dc0 = function(_a) {
|
|
66
66
|
var styles = _a.styles, stylesOverrides = _a.stylesOverrides, customStyles = _a.customStyles, identifier = _a.identifier, type = _a.type;
|
|
@@ -68,7 +68,7 @@ var $66c3dcaaa74b5389$export$f169ab786cd97dc0 = function(_a) {
|
|
|
68
68
|
};
|
|
69
69
|
var $66c3dcaaa74b5389$export$7493424cf90fe793 = function(value) {
|
|
70
70
|
if (value === null) return null;
|
|
71
|
-
if ((0, $4MPRY$isArray)(value)) return (0, $4MPRY$map)(value,
|
|
71
|
+
if ((0, $4MPRY$isArray)(value)) return (0, $4MPRY$map)(value, 'value');
|
|
72
72
|
return value === null || value === void 0 ? void 0 : value.value;
|
|
73
73
|
};
|
|
74
74
|
|
|
@@ -79,82 +79,82 @@ var $b3fc44f26b625a32$export$e2d2075c69d9100d = function(object) {
|
|
|
79
79
|
|
|
80
80
|
|
|
81
81
|
var $8c8429f872d72c06$var$base = {
|
|
82
|
-
loading:
|
|
83
|
-
spinner:
|
|
84
|
-
empty:
|
|
85
|
-
placeholder:
|
|
86
|
-
container:
|
|
87
|
-
indicator:
|
|
82
|
+
loading: 'relative overflow-hidden bg-gray-50 flex items-center justify-center',
|
|
83
|
+
spinner: 'w-5 h-5 animate-spin text-gray-400',
|
|
84
|
+
empty: 'inline-block relative overflow-hidden bg-gray-50 text-red-400',
|
|
85
|
+
placeholder: 'relative inline-flex items-center justify-center bg-gray-500',
|
|
86
|
+
container: 'inline-block bg-gray-100 bg-cover bg-center',
|
|
87
|
+
indicator: 'absolute top-0 right-0 block h-2.5 w-2.5 rounded-full ring-2 ring-white'
|
|
88
88
|
};
|
|
89
89
|
var $8c8429f872d72c06$var$xs = {
|
|
90
|
-
loading:
|
|
91
|
-
spinner:
|
|
92
|
-
empty:
|
|
93
|
-
placeholder:
|
|
94
|
-
container:
|
|
95
|
-
indicator:
|
|
90
|
+
loading: 'h-6 w-6',
|
|
91
|
+
spinner: 'h-6 w-6',
|
|
92
|
+
empty: 'h-6 w-6',
|
|
93
|
+
placeholder: 'h-6 w-6',
|
|
94
|
+
container: 'h-6 w-6',
|
|
95
|
+
indicator: 'h-1.5 w-1.5'
|
|
96
96
|
};
|
|
97
97
|
var $8c8429f872d72c06$var$sm = {
|
|
98
|
-
loading:
|
|
99
|
-
spinner:
|
|
100
|
-
empty:
|
|
101
|
-
placeholder:
|
|
102
|
-
container:
|
|
103
|
-
indicator:
|
|
98
|
+
loading: 'h-8 w-8',
|
|
99
|
+
spinner: 'h-8 w-8',
|
|
100
|
+
empty: 'h-8 w-8',
|
|
101
|
+
placeholder: 'h-8 w-8',
|
|
102
|
+
container: 'h-8 w-8',
|
|
103
|
+
indicator: 'h-2 w-2'
|
|
104
104
|
};
|
|
105
105
|
var $8c8429f872d72c06$var$md = {
|
|
106
|
-
loading:
|
|
107
|
-
spinner:
|
|
108
|
-
empty:
|
|
109
|
-
placeholder:
|
|
110
|
-
container:
|
|
111
|
-
indicator:
|
|
106
|
+
loading: 'h-10 w-10',
|
|
107
|
+
spinner: 'h-10 w-10',
|
|
108
|
+
empty: 'h-10 w-10',
|
|
109
|
+
placeholder: 'h-10 w-10',
|
|
110
|
+
container: 'h-10 w-10',
|
|
111
|
+
indicator: 'h-2.5 w-2.5'
|
|
112
112
|
};
|
|
113
113
|
var $8c8429f872d72c06$var$lg = {
|
|
114
|
-
loading:
|
|
115
|
-
spinner:
|
|
116
|
-
empty:
|
|
117
|
-
placeholder:
|
|
118
|
-
container:
|
|
119
|
-
indicator:
|
|
114
|
+
loading: 'h-12 w-12',
|
|
115
|
+
spinner: 'h-12 w-12',
|
|
116
|
+
empty: 'h-12 w-12',
|
|
117
|
+
placeholder: 'h-12 w-12',
|
|
118
|
+
container: 'h-12 w-12',
|
|
119
|
+
indicator: 'h-3 w-3'
|
|
120
120
|
};
|
|
121
121
|
var $8c8429f872d72c06$var$xl = {
|
|
122
|
-
loading:
|
|
123
|
-
spinner:
|
|
124
|
-
empty:
|
|
125
|
-
placeholder:
|
|
126
|
-
container:
|
|
127
|
-
indicator:
|
|
122
|
+
loading: 'h-14 w-14',
|
|
123
|
+
spinner: 'h-14 w-14',
|
|
124
|
+
empty: 'h-14 w-14',
|
|
125
|
+
placeholder: 'h-14 w-14',
|
|
126
|
+
container: 'h-14 w-14',
|
|
127
|
+
indicator: 'h-3.5 w-3.5'
|
|
128
128
|
};
|
|
129
129
|
var $8c8429f872d72c06$var$block = {
|
|
130
|
-
loading:
|
|
131
|
-
spinner:
|
|
132
|
-
empty:
|
|
133
|
-
placeholder:
|
|
134
|
-
container:
|
|
135
|
-
indicator:
|
|
130
|
+
loading: 'rounded-md',
|
|
131
|
+
spinner: 'rounded-md',
|
|
132
|
+
empty: 'rounded-md',
|
|
133
|
+
placeholder: 'rounded-md',
|
|
134
|
+
container: 'rounded-md',
|
|
135
|
+
indicator: 'transform -translate-y-1/2 translate-x-1/2'
|
|
136
136
|
};
|
|
137
137
|
var $8c8429f872d72c06$var$rounded = {
|
|
138
|
-
loading:
|
|
139
|
-
spinner:
|
|
140
|
-
empty:
|
|
141
|
-
placeholder:
|
|
142
|
-
container:
|
|
138
|
+
loading: 'rounded-full',
|
|
139
|
+
spinner: 'rounded-full',
|
|
140
|
+
empty: 'rounded-full',
|
|
141
|
+
placeholder: 'rounded-full',
|
|
142
|
+
container: 'rounded-full'
|
|
143
143
|
};
|
|
144
144
|
var $8c8429f872d72c06$var$disabled = {
|
|
145
|
-
container:
|
|
145
|
+
container: 'opacity-20 cursor-not-allowed'
|
|
146
146
|
};
|
|
147
147
|
var $8c8429f872d72c06$var$loading = {
|
|
148
|
-
container:
|
|
148
|
+
container: 'cursor-progress'
|
|
149
149
|
};
|
|
150
150
|
var $8c8429f872d72c06$var$offline = {
|
|
151
|
-
indicator:
|
|
151
|
+
indicator: 'bg-gray-300'
|
|
152
152
|
};
|
|
153
153
|
var $8c8429f872d72c06$var$online = {
|
|
154
|
-
indicator:
|
|
154
|
+
indicator: 'bg-green-400'
|
|
155
155
|
};
|
|
156
156
|
var $8c8429f872d72c06$var$blocked = {
|
|
157
|
-
indicator:
|
|
157
|
+
indicator: 'bg-red-400'
|
|
158
158
|
};
|
|
159
159
|
var $8c8429f872d72c06$var$styles = {
|
|
160
160
|
base: $8c8429f872d72c06$var$base,
|
|
@@ -175,7 +175,7 @@ var $8c8429f872d72c06$export$2e2bcd8739ae039 = $8c8429f872d72c06$var$styles;
|
|
|
175
175
|
|
|
176
176
|
|
|
177
177
|
var $4f6dca59bb6d6d50$var$AvatarElement = function(props) {
|
|
178
|
-
var src = props.src, placeholder = props.placeholder, children = props.children, url = props.url, _a = props.size, size = _a === void 0 ?
|
|
178
|
+
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;
|
|
179
179
|
var handleGenerateStyle = function() {
|
|
180
180
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $8c8429f872d72c06$export$2e2bcd8739ae039).base);
|
|
181
181
|
var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $8c8429f872d72c06$export$2e2bcd8739ae039).base);
|
|
@@ -272,54 +272,54 @@ var $4f6dca59bb6d6d50$export$2e2bcd8739ae039 = $4f6dca59bb6d6d50$var$AvatarEleme
|
|
|
272
272
|
|
|
273
273
|
|
|
274
274
|
var $77cd4416ca4a0639$var$IconElement = function(props) {
|
|
275
|
-
var accessor = props.accessor, _a = props.type, type = _a === void 0 ?
|
|
275
|
+
var accessor = props.accessor, _a = props.type, type = _a === void 0 ? 'regular' : _a, className = props.className;
|
|
276
276
|
var component = (0, $4MPRY$jsx)("div", {});
|
|
277
277
|
switch(type){
|
|
278
|
-
case
|
|
278
|
+
case 'brands':
|
|
279
279
|
if (!((0, $4MPRY$library) === null || (0, $4MPRY$library) === void 0 ? void 0 : (0, $4MPRY$library).definitions.fab)) (0, $4MPRY$library).add((0, $4MPRY$fab));
|
|
280
280
|
component = (0, $4MPRY$jsx)((0, $4MPRY$FontAwesomeIcon), {
|
|
281
281
|
icon: [
|
|
282
|
-
|
|
283
|
-
|
|
282
|
+
'fab',
|
|
283
|
+
'facebook'
|
|
284
284
|
],
|
|
285
285
|
className: className
|
|
286
286
|
});
|
|
287
287
|
break;
|
|
288
|
-
case
|
|
288
|
+
case 'light':
|
|
289
289
|
if (!((0, $4MPRY$library) === null || (0, $4MPRY$library) === void 0 ? void 0 : (0, $4MPRY$library).definitions.fal)) (0, $4MPRY$library).add((0, $4MPRY$fal));
|
|
290
290
|
component = (0, $4MPRY$jsx)((0, $4MPRY$FontAwesomeIcon), {
|
|
291
291
|
icon: [
|
|
292
|
-
|
|
292
|
+
'fal',
|
|
293
293
|
accessor
|
|
294
294
|
],
|
|
295
295
|
className: className
|
|
296
296
|
});
|
|
297
297
|
break;
|
|
298
|
-
case
|
|
298
|
+
case 'regular':
|
|
299
299
|
if (!((0, $4MPRY$library) === null || (0, $4MPRY$library) === void 0 ? void 0 : (0, $4MPRY$library).definitions.far)) (0, $4MPRY$library).add((0, $4MPRY$far));
|
|
300
300
|
component = (0, $4MPRY$jsx)((0, $4MPRY$FontAwesomeIcon), {
|
|
301
301
|
icon: [
|
|
302
|
-
|
|
302
|
+
'far',
|
|
303
303
|
accessor
|
|
304
304
|
],
|
|
305
305
|
className: className
|
|
306
306
|
});
|
|
307
307
|
break;
|
|
308
|
-
case
|
|
308
|
+
case 'solid':
|
|
309
309
|
if (!((0, $4MPRY$library) === null || (0, $4MPRY$library) === void 0 ? void 0 : (0, $4MPRY$library).definitions.fas)) (0, $4MPRY$library).add((0, $4MPRY$fas));
|
|
310
310
|
component = (0, $4MPRY$jsx)((0, $4MPRY$FontAwesomeIcon), {
|
|
311
311
|
icon: [
|
|
312
|
-
|
|
312
|
+
'fas',
|
|
313
313
|
accessor
|
|
314
314
|
],
|
|
315
315
|
className: className
|
|
316
316
|
});
|
|
317
317
|
break;
|
|
318
|
-
case
|
|
318
|
+
case 'thin':
|
|
319
319
|
if (!((0, $4MPRY$library) === null || (0, $4MPRY$library) === void 0 ? void 0 : (0, $4MPRY$library).definitions.fat)) (0, $4MPRY$library).add((0, $4MPRY$fat));
|
|
320
320
|
component = (0, $4MPRY$jsx)((0, $4MPRY$FontAwesomeIcon), {
|
|
321
321
|
icon: [
|
|
322
|
-
|
|
322
|
+
'fat',
|
|
323
323
|
accessor
|
|
324
324
|
],
|
|
325
325
|
className: className
|
|
@@ -334,61 +334,61 @@ var $77cd4416ca4a0639$export$2e2bcd8739ae039 = $77cd4416ca4a0639$var$IconElement
|
|
|
334
334
|
|
|
335
335
|
|
|
336
336
|
var $a8e9e4c588ab42de$var$base = {
|
|
337
|
-
container:
|
|
338
|
-
icon:
|
|
337
|
+
container: 'rounded-sm p-4 border-l-4',
|
|
338
|
+
icon: 'h-5 w-5',
|
|
339
339
|
content: {
|
|
340
|
-
container:
|
|
341
|
-
iconContainer:
|
|
342
|
-
title:
|
|
343
|
-
message:
|
|
344
|
-
actions:
|
|
345
|
-
action:
|
|
346
|
-
inverted:
|
|
340
|
+
container: 'ml-3 flex-1 md:flex md:justify-between ease-in-out transition-transform h-full items-center',
|
|
341
|
+
iconContainer: 'flex-shrink-0',
|
|
342
|
+
title: 'text-md font-semibold',
|
|
343
|
+
message: 'text-sm',
|
|
344
|
+
actions: 'flex gap-2',
|
|
345
|
+
action: 'h-5 w-5 !p-0 hover:opacity-60 cursor-pointer',
|
|
346
|
+
inverted: 'rotate-180'
|
|
347
347
|
}
|
|
348
348
|
};
|
|
349
349
|
var $a8e9e4c588ab42de$var$generic = {
|
|
350
|
-
container:
|
|
351
|
-
icon:
|
|
350
|
+
container: 'bg-gray-50 border-gray-400',
|
|
351
|
+
icon: 'text-gray-400',
|
|
352
352
|
content: {
|
|
353
|
-
actions:
|
|
354
|
-
message:
|
|
355
|
-
title:
|
|
353
|
+
actions: 'text-gray-500',
|
|
354
|
+
message: 'text-gray-500',
|
|
355
|
+
title: 'text-gray-500 rotate'
|
|
356
356
|
}
|
|
357
357
|
};
|
|
358
358
|
var $a8e9e4c588ab42de$var$error = {
|
|
359
|
-
container:
|
|
360
|
-
icon:
|
|
359
|
+
container: 'bg-red-50 border-red-400',
|
|
360
|
+
icon: 'text-red-400',
|
|
361
361
|
content: {
|
|
362
|
-
actions:
|
|
363
|
-
message:
|
|
364
|
-
title:
|
|
362
|
+
actions: 'text-red-500',
|
|
363
|
+
message: 'text-red-500',
|
|
364
|
+
title: 'text-red-500'
|
|
365
365
|
}
|
|
366
366
|
};
|
|
367
367
|
var $a8e9e4c588ab42de$var$warn = {
|
|
368
|
-
container:
|
|
369
|
-
icon:
|
|
368
|
+
container: 'bg-yellow-50 border-orange-400',
|
|
369
|
+
icon: 'text-orange-400',
|
|
370
370
|
content: {
|
|
371
|
-
actions:
|
|
372
|
-
message:
|
|
373
|
-
title:
|
|
371
|
+
actions: 'text-orange-500',
|
|
372
|
+
message: 'text-orange-500',
|
|
373
|
+
title: 'text-orange-500'
|
|
374
374
|
}
|
|
375
375
|
};
|
|
376
376
|
var $a8e9e4c588ab42de$var$success = {
|
|
377
|
-
container:
|
|
378
|
-
icon:
|
|
377
|
+
container: 'bg-green-50 border-green-400',
|
|
378
|
+
icon: 'text-green-400',
|
|
379
379
|
content: {
|
|
380
|
-
actions:
|
|
381
|
-
message:
|
|
382
|
-
title:
|
|
380
|
+
actions: 'text-green-500',
|
|
381
|
+
message: 'text-green-500',
|
|
382
|
+
title: 'text-green-500'
|
|
383
383
|
}
|
|
384
384
|
};
|
|
385
385
|
var $a8e9e4c588ab42de$var$info = {
|
|
386
|
-
container:
|
|
387
|
-
icon:
|
|
386
|
+
container: 'bg-blue-50 border-blue-400',
|
|
387
|
+
icon: 'text-blue-400',
|
|
388
388
|
content: {
|
|
389
|
-
actions:
|
|
390
|
-
message:
|
|
391
|
-
title:
|
|
389
|
+
actions: 'text-blue-500',
|
|
390
|
+
message: 'text-blue-500',
|
|
391
|
+
title: 'text-blue-500'
|
|
392
392
|
}
|
|
393
393
|
};
|
|
394
394
|
var $a8e9e4c588ab42de$var$styles = {
|
|
@@ -403,7 +403,7 @@ var $a8e9e4c588ab42de$export$2e2bcd8739ae039 = $a8e9e4c588ab42de$var$styles;
|
|
|
403
403
|
|
|
404
404
|
|
|
405
405
|
var $9a29d5e0e3b54abe$var$BadgeElement = function(props) {
|
|
406
|
-
var title = props.title, message = props.message, _a = props.type, type = _a === void 0 ?
|
|
406
|
+
var title = props.title, message = props.message, _a = props.type, type = _a === void 0 ? 'generic' : _a, _b = props.onClose, onClose = _b === void 0 ? (0, $4MPRY$noop) : _b, _c = props.onCollapse, onCollapse = _c === void 0 ? (0, $4MPRY$noop) : _c, _d = props.isCollapsible, isCollapsible = _d === void 0 ? false : _d, stylesOverrides = props.styles, iconAccessorOverride = props.iconAccessor;
|
|
407
407
|
var _e = (0, $4MPRY$useState)(false), isCollapsed = _e[0], setIsCollapsed = _e[1];
|
|
408
408
|
var handleGenerateStyle = function() {
|
|
409
409
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $a8e9e4c588ab42de$export$2e2bcd8739ae039).base);
|
|
@@ -417,15 +417,15 @@ var $9a29d5e0e3b54abe$var$BadgeElement = function(props) {
|
|
|
417
417
|
var iconAccessor = (0, $4MPRY$useMemo)(function() {
|
|
418
418
|
if (iconAccessorOverride) return iconAccessorOverride;
|
|
419
419
|
switch(type){
|
|
420
|
-
case
|
|
421
|
-
return
|
|
422
|
-
case
|
|
423
|
-
return
|
|
424
|
-
case
|
|
425
|
-
return
|
|
426
|
-
case
|
|
427
|
-
return
|
|
428
|
-
case
|
|
420
|
+
case 'info':
|
|
421
|
+
return 'question-circle';
|
|
422
|
+
case 'error':
|
|
423
|
+
return 'exclamation-triangle';
|
|
424
|
+
case 'warn':
|
|
425
|
+
return 'exclamation-circle';
|
|
426
|
+
case 'success':
|
|
427
|
+
return 'sparkles';
|
|
428
|
+
case 'generic':
|
|
429
429
|
default:
|
|
430
430
|
return undefined;
|
|
431
431
|
}
|
|
@@ -496,18 +496,18 @@ var $9a29d5e0e3b54abe$export$2e2bcd8739ae039 = $9a29d5e0e3b54abe$var$BadgeElemen
|
|
|
496
496
|
|
|
497
497
|
|
|
498
498
|
var $0b2d04c7befe535a$var$base = {
|
|
499
|
-
container:
|
|
500
|
-
indicator:
|
|
501
|
-
button:
|
|
499
|
+
container: 'inline-flex items-center font-medium py-0.5',
|
|
500
|
+
indicator: '',
|
|
501
|
+
button: 'flex-shrink-0 ml-0.5 h-4 w-4 rounded-full inline-flex items-center justify-center focus:text-white focus:outline-none'
|
|
502
502
|
};
|
|
503
503
|
var $0b2d04c7befe535a$var$normal = {
|
|
504
|
-
container:
|
|
504
|
+
container: 'px-2.5'
|
|
505
505
|
};
|
|
506
506
|
var $0b2d04c7befe535a$var$indicator = {
|
|
507
|
-
container:
|
|
507
|
+
container: 'px-2.5'
|
|
508
508
|
};
|
|
509
509
|
var $0b2d04c7befe535a$var$close = {
|
|
510
|
-
container:
|
|
510
|
+
container: 'pl-2.5 pr-1'
|
|
511
511
|
};
|
|
512
512
|
var $0b2d04c7befe535a$var$primary = {
|
|
513
513
|
container: "shadow-sm text-white bg-primary-600 hover:bg-primary-700"
|
|
@@ -519,64 +519,64 @@ var $0b2d04c7befe535a$var$outline = {
|
|
|
519
519
|
container: "border-gray-300 text-gray-700 bg-white hover:bg-gray-50"
|
|
520
520
|
};
|
|
521
521
|
var $0b2d04c7befe535a$var$sm = {
|
|
522
|
-
container:
|
|
523
|
-
indicator:
|
|
522
|
+
container: 'text-xs',
|
|
523
|
+
indicator: 'mr-1.5 h-2 w-2 '
|
|
524
524
|
};
|
|
525
525
|
var $0b2d04c7befe535a$var$lg = {
|
|
526
|
-
container:
|
|
527
|
-
indicator:
|
|
526
|
+
container: 'text-sm',
|
|
527
|
+
indicator: '-ml-0.5 mr-1.5 h-2 w-2'
|
|
528
528
|
};
|
|
529
529
|
var $0b2d04c7befe535a$var$block = {
|
|
530
|
-
container:
|
|
530
|
+
container: 'rounded-md'
|
|
531
531
|
};
|
|
532
532
|
var $0b2d04c7befe535a$var$rounded = {
|
|
533
|
-
container:
|
|
533
|
+
container: 'rounded-full'
|
|
534
534
|
};
|
|
535
535
|
var $0b2d04c7befe535a$var$gray = {
|
|
536
|
-
container:
|
|
537
|
-
indicator:
|
|
538
|
-
button:
|
|
536
|
+
container: 'bg-gray-100 text-gray-800',
|
|
537
|
+
indicator: 'text-gray-400',
|
|
538
|
+
button: 'text-gray-400 hover:bg-gray-200 hover:text-gray-500 focus:bg-gray-500'
|
|
539
539
|
};
|
|
540
540
|
var $0b2d04c7befe535a$var$red = {
|
|
541
|
-
container:
|
|
542
|
-
indicator:
|
|
543
|
-
button:
|
|
541
|
+
container: 'bg-red-100 text-red-800',
|
|
542
|
+
indicator: 'text-red-400',
|
|
543
|
+
button: 'text-red-400 hover:bg-red-200 hover:text-red-500 focus:bg-red-500'
|
|
544
544
|
};
|
|
545
545
|
var $0b2d04c7befe535a$var$yellow = {
|
|
546
|
-
container:
|
|
547
|
-
indicator:
|
|
548
|
-
button:
|
|
546
|
+
container: 'bg-yellow-100 text-yellow-800',
|
|
547
|
+
indicator: 'text-yellow-400',
|
|
548
|
+
button: 'text-yellow-400 hover:bg-yellow-200 hover:text-yellow-500 focus:bg-yellow-500'
|
|
549
549
|
};
|
|
550
550
|
var $0b2d04c7befe535a$var$green = {
|
|
551
|
-
container:
|
|
552
|
-
indicator:
|
|
553
|
-
button:
|
|
551
|
+
container: 'bg-green-100 text-green-800',
|
|
552
|
+
indicator: 'text-green-400',
|
|
553
|
+
button: 'text-green-400 hover:bg-green-200 hover:text-green-500 focus:bg-green-500'
|
|
554
554
|
};
|
|
555
555
|
var $0b2d04c7befe535a$var$blue = {
|
|
556
|
-
container:
|
|
557
|
-
indicator:
|
|
558
|
-
button:
|
|
556
|
+
container: 'bg-blue-100 text-blue-800',
|
|
557
|
+
indicator: 'text-blue-400',
|
|
558
|
+
button: 'text-blue-400 hover:bg-blue-200 hover:text-blue-500 focus:bg-blue-500'
|
|
559
559
|
};
|
|
560
560
|
var $0b2d04c7befe535a$var$indigo = {
|
|
561
|
-
container:
|
|
562
|
-
indicator:
|
|
563
|
-
button:
|
|
561
|
+
container: 'bg-primary-100 text-primary-800',
|
|
562
|
+
indicator: 'text-primary-400',
|
|
563
|
+
button: 'text-primary-400 hover:bg-primary-200 hover:text-primary-500 focus:outline-none focus:bg-primary-500'
|
|
564
564
|
};
|
|
565
565
|
var $0b2d04c7befe535a$var$purple = {
|
|
566
|
-
container:
|
|
567
|
-
indicator:
|
|
568
|
-
button:
|
|
566
|
+
container: 'bg-purple-100 text-purple-800',
|
|
567
|
+
indicator: 'text-purple-400',
|
|
568
|
+
button: 'text-purple-400 hover:bg-purple-200 hover:text-purple-500 focus:bg-purple-500'
|
|
569
569
|
};
|
|
570
570
|
var $0b2d04c7befe535a$var$pink = {
|
|
571
|
-
container:
|
|
572
|
-
indicator:
|
|
573
|
-
button:
|
|
571
|
+
container: 'bg-pink-100 text-pink-800',
|
|
572
|
+
indicator: 'text-pink-400',
|
|
573
|
+
button: 'text-pink-400 hover:bg-pink-200 hover:text-pink-500 focus:bg-purple-500'
|
|
574
574
|
};
|
|
575
575
|
var $0b2d04c7befe535a$var$disabled = {
|
|
576
|
-
container:
|
|
576
|
+
container: 'opacity-20 cursor-not-allowed'
|
|
577
577
|
};
|
|
578
578
|
var $0b2d04c7befe535a$var$loading = {
|
|
579
|
-
container:
|
|
579
|
+
container: 'cursor-progress'
|
|
580
580
|
};
|
|
581
581
|
var $0b2d04c7befe535a$var$styles = {
|
|
582
582
|
base: $0b2d04c7befe535a$var$base,
|
|
@@ -605,7 +605,7 @@ var $0b2d04c7befe535a$export$2e2bcd8739ae039 = $0b2d04c7befe535a$var$styles;
|
|
|
605
605
|
|
|
606
606
|
|
|
607
607
|
var $a5045567c9b3a96e$var$BadgeElement = function(props) {
|
|
608
|
-
var children = props.children, _a = props.color, color = _a === void 0 ?
|
|
608
|
+
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, onClose = props.onClose, stylesOverrides = props.styles, dataCy = props.dataCy;
|
|
609
609
|
var handleGenerateStyle = function() {
|
|
610
610
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $0b2d04c7befe535a$export$2e2bcd8739ae039).base);
|
|
611
611
|
var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $0b2d04c7befe535a$export$2e2bcd8739ae039).base);
|
|
@@ -627,8 +627,8 @@ var $a5045567c9b3a96e$var$BadgeElement = function(props) {
|
|
|
627
627
|
})
|
|
628
628
|
});
|
|
629
629
|
if (isLoading) return (0, $4MPRY$jsx)("span", {
|
|
630
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.container,
|
|
631
|
-
children: type ===
|
|
630
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.container, 'h-4 w-12 animate-pulse'),
|
|
631
|
+
children: type === 'indicator' && (0, $4MPRY$jsx)("svg", {
|
|
632
632
|
className: styles.indicator,
|
|
633
633
|
fill: "currentColor",
|
|
634
634
|
viewBox: "0 0 8 8",
|
|
@@ -643,7 +643,7 @@ var $a5045567c9b3a96e$var$BadgeElement = function(props) {
|
|
|
643
643
|
className: styles.container,
|
|
644
644
|
"data-cy": dataCy,
|
|
645
645
|
children: [
|
|
646
|
-
type ===
|
|
646
|
+
type === 'indicator' && (0, $4MPRY$jsx)("svg", {
|
|
647
647
|
className: styles.indicator,
|
|
648
648
|
fill: "currentColor",
|
|
649
649
|
viewBox: "0 0 8 8",
|
|
@@ -654,7 +654,7 @@ var $a5045567c9b3a96e$var$BadgeElement = function(props) {
|
|
|
654
654
|
})
|
|
655
655
|
}),
|
|
656
656
|
children,
|
|
657
|
-
type ===
|
|
657
|
+
type === 'close' && (0, $4MPRY$jsxs)("button", {
|
|
658
658
|
type: "button",
|
|
659
659
|
className: styles.button,
|
|
660
660
|
onClick: onClose,
|
|
@@ -680,12 +680,12 @@ var $a5045567c9b3a96e$export$2e2bcd8739ae039 = $a5045567c9b3a96e$var$BadgeElemen
|
|
|
680
680
|
|
|
681
681
|
|
|
682
682
|
var $1cab1d6bde3e8d5f$var$base = {
|
|
683
|
-
container:
|
|
684
|
-
content:
|
|
683
|
+
container: 'w-fit h-fit relative group/tooltip',
|
|
684
|
+
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-sm',
|
|
685
685
|
arrow: {
|
|
686
|
-
stroke:
|
|
687
|
-
fill:
|
|
688
|
-
strokeWidth:
|
|
686
|
+
stroke: '#e5e7eb',
|
|
687
|
+
fill: 'white',
|
|
688
|
+
strokeWidth: '1'
|
|
689
689
|
}
|
|
690
690
|
};
|
|
691
691
|
var $1cab1d6bde3e8d5f$var$styles = {
|
|
@@ -732,7 +732,7 @@ var $b237e6d2d86a5c92$var$TooltipElement = function(props) {
|
|
|
732
732
|
var dismiss = (0, $4MPRY$useDismiss)(context);
|
|
733
733
|
var role = (0, $4MPRY$useRole)(context, {
|
|
734
734
|
// If your reference element has its own label (text).
|
|
735
|
-
role:
|
|
735
|
+
role: 'tooltip'
|
|
736
736
|
});
|
|
737
737
|
// Merge all the interactions into prop getters
|
|
738
738
|
var _c = (0, $4MPRY$useInteractions)([
|
|
@@ -792,10 +792,10 @@ var $b237e6d2d86a5c92$export$2e2bcd8739ae039 = $b237e6d2d86a5c92$var$TooltipElem
|
|
|
792
792
|
|
|
793
793
|
|
|
794
794
|
var $67205466403f8c2c$var$base = {
|
|
795
|
-
container:
|
|
796
|
-
content:
|
|
797
|
-
icon:
|
|
798
|
-
spinner:
|
|
795
|
+
container: 'inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 duration-300',
|
|
796
|
+
content: 'flex gap-2',
|
|
797
|
+
icon: '',
|
|
798
|
+
spinner: 'animate-spin'
|
|
799
799
|
};
|
|
800
800
|
var $67205466403f8c2c$var$primary = {
|
|
801
801
|
container: "shadow-sm text-white bg-primary-600 hover:bg-primary-700"
|
|
@@ -807,41 +807,41 @@ var $67205466403f8c2c$var$outline = {
|
|
|
807
807
|
container: "border-gray-300 text-gray-700 bg-white hover:bg-gray-50"
|
|
808
808
|
};
|
|
809
809
|
var $67205466403f8c2c$var$xs = {
|
|
810
|
-
container:
|
|
810
|
+
container: 'px-3 py-1.5 text-xs'
|
|
811
811
|
};
|
|
812
812
|
var $67205466403f8c2c$var$sm = {
|
|
813
|
-
container:
|
|
813
|
+
container: 'px-3.5 py-2 text-sm'
|
|
814
814
|
};
|
|
815
815
|
var $67205466403f8c2c$var$md = {
|
|
816
|
-
container:
|
|
816
|
+
container: 'px-4 py-2.5 text-sm'
|
|
817
817
|
};
|
|
818
818
|
var $67205466403f8c2c$var$lg = {
|
|
819
|
-
container:
|
|
819
|
+
container: 'px-5 py-2.5 text-base'
|
|
820
820
|
};
|
|
821
821
|
var $67205466403f8c2c$var$xl = {
|
|
822
|
-
container:
|
|
822
|
+
container: 'px-6 py-3 text-base'
|
|
823
823
|
};
|
|
824
824
|
var $67205466403f8c2c$var$block = {
|
|
825
|
-
container:
|
|
825
|
+
container: 'rounded-md'
|
|
826
826
|
};
|
|
827
827
|
var $67205466403f8c2c$var$rounded = {
|
|
828
|
-
container:
|
|
828
|
+
container: 'rounded-full'
|
|
829
829
|
};
|
|
830
830
|
var $67205466403f8c2c$var$idle = {};
|
|
831
831
|
var $67205466403f8c2c$var$loading = {
|
|
832
|
-
container:
|
|
833
|
-
content:
|
|
832
|
+
container: 'cursor-progress',
|
|
833
|
+
content: 'flex items-center'
|
|
834
834
|
};
|
|
835
835
|
var $67205466403f8c2c$var$success = {
|
|
836
|
-
container:
|
|
837
|
-
content:
|
|
836
|
+
container: '!bg-emerald-500 hover:bg-emerald-600 !text-white duration-300',
|
|
837
|
+
content: 'flex items-center'
|
|
838
838
|
};
|
|
839
839
|
var $67205466403f8c2c$var$error = {
|
|
840
|
-
container:
|
|
841
|
-
content:
|
|
840
|
+
container: 'bg-rose-400 hover:bg-rose-500 !text-white duration-300',
|
|
841
|
+
content: 'flex items-center'
|
|
842
842
|
};
|
|
843
843
|
var $67205466403f8c2c$var$disabled = {
|
|
844
|
-
container:
|
|
844
|
+
container: '!opacity-20 !cursor-not-allowed'
|
|
845
845
|
};
|
|
846
846
|
var $67205466403f8c2c$var$styles = {
|
|
847
847
|
base: $67205466403f8c2c$var$base,
|
|
@@ -865,7 +865,7 @@ var $67205466403f8c2c$export$2e2bcd8739ae039 = $67205466403f8c2c$var$styles;
|
|
|
865
865
|
|
|
866
866
|
|
|
867
867
|
var $bc407adcad543f74$var$ButtonElement = function(props) {
|
|
868
|
-
var children = props.children, innerRef = props.innerRef, _a = props.htmlType, htmlType = _a === void 0 ?
|
|
868
|
+
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;
|
|
869
869
|
var handleGenerateStyle = function() {
|
|
870
870
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $67205466403f8c2c$export$2e2bcd8739ae039).base);
|
|
871
871
|
var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $67205466403f8c2c$export$2e2bcd8739ae039).base);
|
|
@@ -878,15 +878,15 @@ var $bc407adcad543f74$var$ButtonElement = function(props) {
|
|
|
878
878
|
return (0, $4MPRY$jsxs)("button", {
|
|
879
879
|
type: htmlType,
|
|
880
880
|
className: styles.container,
|
|
881
|
-
disabled: isDisabled || status !==
|
|
881
|
+
disabled: isDisabled || status !== 'idle',
|
|
882
882
|
onClick: function(e) {
|
|
883
883
|
onClick && onClick(e);
|
|
884
884
|
},
|
|
885
885
|
ref: innerRef,
|
|
886
886
|
"data-cy": dataCy,
|
|
887
887
|
children: [
|
|
888
|
-
status ===
|
|
889
|
-
status ===
|
|
888
|
+
status === 'idle' && children,
|
|
889
|
+
status === 'loading' && (0, $4MPRY$jsxs)("div", {
|
|
890
890
|
className: styles.content,
|
|
891
891
|
children: [
|
|
892
892
|
(0, $4MPRY$jsx)((0, $77cd4416ca4a0639$export$2e2bcd8739ae039), {
|
|
@@ -899,7 +899,7 @@ var $bc407adcad543f74$var$ButtonElement = function(props) {
|
|
|
899
899
|
})
|
|
900
900
|
]
|
|
901
901
|
}),
|
|
902
|
-
status ===
|
|
902
|
+
status === 'error' && (0, $4MPRY$jsxs)("div", {
|
|
903
903
|
className: styles.content,
|
|
904
904
|
children: [
|
|
905
905
|
(0, $4MPRY$jsx)((0, $77cd4416ca4a0639$export$2e2bcd8739ae039), {
|
|
@@ -912,7 +912,7 @@ var $bc407adcad543f74$var$ButtonElement = function(props) {
|
|
|
912
912
|
})
|
|
913
913
|
]
|
|
914
914
|
}),
|
|
915
|
-
status ===
|
|
915
|
+
status === 'success' && (0, $4MPRY$jsxs)("div", {
|
|
916
916
|
className: styles.content,
|
|
917
917
|
children: [
|
|
918
918
|
(0, $4MPRY$jsx)((0, $77cd4416ca4a0639$export$2e2bcd8739ae039), {
|
|
@@ -938,10 +938,10 @@ var $bc407adcad543f74$export$2e2bcd8739ae039 = $bc407adcad543f74$var$ButtonEleme
|
|
|
938
938
|
|
|
939
939
|
|
|
940
940
|
var $0d9883a5deceb7f9$var$base = {
|
|
941
|
-
container:
|
|
942
|
-
firstButton:
|
|
943
|
-
button:
|
|
944
|
-
lastButton:
|
|
941
|
+
container: 'relative z-0 inline-flex shadow-sm rounded-md',
|
|
942
|
+
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-none focus:ring-1 focus:ring-primary-500 focus:border-primary-500',
|
|
943
|
+
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-none focus:ring-1 focus:ring-primary-500 focus:border-primary-500',
|
|
944
|
+
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-none focus:ring-1 focus:ring-primary-500 focus:border-primary-500'
|
|
945
945
|
};
|
|
946
946
|
var $0d9883a5deceb7f9$var$styles = {
|
|
947
947
|
base: $0d9883a5deceb7f9$var$base
|
|
@@ -986,40 +986,40 @@ var $c827cec2b56530a4$export$2e2bcd8739ae039 = $c827cec2b56530a4$var$ButtonGroup
|
|
|
986
986
|
|
|
987
987
|
|
|
988
988
|
var $dbe7e68c049007c5$var$base = {
|
|
989
|
-
container:
|
|
990
|
-
button:
|
|
991
|
-
compact:
|
|
992
|
-
dots:
|
|
993
|
-
items:
|
|
989
|
+
container: 'inline-block text-left',
|
|
990
|
+
button: 'inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-primary-500',
|
|
991
|
+
compact: 'bg-gray-100 rounded-full flex items-center text-gray-400 hover:text-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-primary-500',
|
|
992
|
+
dots: 'h-7 w-7 p-1',
|
|
993
|
+
items: 'z-10 absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 divide-y divide-gray-100 focus:outline-none'
|
|
994
994
|
};
|
|
995
995
|
var $dbe7e68c049007c5$var$button = {};
|
|
996
996
|
var $dbe7e68c049007c5$var$compact = {};
|
|
997
997
|
var $dbe7e68c049007c5$var$bottomLeft = {
|
|
998
|
-
items:
|
|
998
|
+
items: 'origin-top-right right-0'
|
|
999
999
|
};
|
|
1000
1000
|
var $dbe7e68c049007c5$var$bottomRight = {
|
|
1001
|
-
items:
|
|
1001
|
+
items: 'origin-top-left left-0'
|
|
1002
1002
|
};
|
|
1003
1003
|
var $dbe7e68c049007c5$var$topLeft = {
|
|
1004
|
-
items:
|
|
1004
|
+
items: 'origin-bottom-right right-0 bottom-0'
|
|
1005
1005
|
};
|
|
1006
1006
|
var $dbe7e68c049007c5$var$topRight = {
|
|
1007
|
-
items:
|
|
1007
|
+
items: 'origin-bottom-left left-0 bottom-0'
|
|
1008
1008
|
};
|
|
1009
1009
|
var $dbe7e68c049007c5$var$styles = {
|
|
1010
1010
|
base: $dbe7e68c049007c5$var$base,
|
|
1011
1011
|
button: $dbe7e68c049007c5$var$button,
|
|
1012
1012
|
compact: $dbe7e68c049007c5$var$compact,
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1013
|
+
'bottom-left': $dbe7e68c049007c5$var$bottomLeft,
|
|
1014
|
+
'bottom-right': $dbe7e68c049007c5$var$bottomRight,
|
|
1015
|
+
'top-left': $dbe7e68c049007c5$var$topLeft,
|
|
1016
|
+
'top-right': $dbe7e68c049007c5$var$topRight
|
|
1017
1017
|
};
|
|
1018
1018
|
var $dbe7e68c049007c5$export$2e2bcd8739ae039 = $dbe7e68c049007c5$var$styles;
|
|
1019
1019
|
|
|
1020
1020
|
|
|
1021
1021
|
var $edc4ba41affb9483$var$Container = function(props) {
|
|
1022
|
-
var children = props.children, label = props.label, trigger = props.trigger, dataCy = props.dataCy, _a = props.type, type = _a === void 0 ?
|
|
1022
|
+
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.isEscapingOverflow, isEscapingOverflow = _c === void 0 ? false : _c, stylesOverrides = props.styles;
|
|
1023
1023
|
var handleGenerateStyle = function() {
|
|
1024
1024
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $dbe7e68c049007c5$export$2e2bcd8739ae039).base);
|
|
1025
1025
|
var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $dbe7e68c049007c5$export$2e2bcd8739ae039).base);
|
|
@@ -1031,11 +1031,11 @@ var $edc4ba41affb9483$var$Container = function(props) {
|
|
|
1031
1031
|
var styles = handleGenerateStyle();
|
|
1032
1032
|
return (0, $4MPRY$jsxs)((0, $4MPRY$Menu), {
|
|
1033
1033
|
as: "div",
|
|
1034
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.container, !isEscapingOverflow &&
|
|
1034
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.container, !isEscapingOverflow && 'relative'),
|
|
1035
1035
|
children: [
|
|
1036
1036
|
(0, $4MPRY$jsxs)("div", {
|
|
1037
1037
|
children: [
|
|
1038
|
-
type ===
|
|
1038
|
+
type === 'button' && (!trigger ? (0, $4MPRY$jsxs)((0, $4MPRY$MenuButton), {
|
|
1039
1039
|
className: styles.button,
|
|
1040
1040
|
"data-cy": dataCy,
|
|
1041
1041
|
children: [
|
|
@@ -1049,7 +1049,7 @@ var $edc4ba41affb9483$var$Container = function(props) {
|
|
|
1049
1049
|
"data-cy": dataCy,
|
|
1050
1050
|
children: trigger
|
|
1051
1051
|
})),
|
|
1052
|
-
type ===
|
|
1052
|
+
type === 'compact' && (0, $4MPRY$jsxs)((0, $4MPRY$MenuButton), {
|
|
1053
1053
|
className: styles.compact,
|
|
1054
1054
|
"data-cy": dataCy,
|
|
1055
1055
|
children: [
|
|
@@ -1100,66 +1100,66 @@ var $edc4ba41affb9483$export$2e2bcd8739ae039 = $edc4ba41affb9483$var$DropdownEle
|
|
|
1100
1100
|
|
|
1101
1101
|
|
|
1102
1102
|
var $0249406a6f5edb4d$var$base = {
|
|
1103
|
-
container:
|
|
1104
|
-
head:
|
|
1105
|
-
body:
|
|
1106
|
-
foot:
|
|
1107
|
-
label:
|
|
1108
|
-
hint:
|
|
1109
|
-
leading:
|
|
1110
|
-
input:
|
|
1111
|
-
trailing:
|
|
1112
|
-
description:
|
|
1113
|
-
error:
|
|
1103
|
+
container: '',
|
|
1104
|
+
head: 'flex justify-between',
|
|
1105
|
+
body: 'relative rounded-md',
|
|
1106
|
+
foot: '',
|
|
1107
|
+
label: 'block font-medium text-gray-900',
|
|
1108
|
+
hint: 'text-xs text-gray-500',
|
|
1109
|
+
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
1110
|
+
input: 'block w-full',
|
|
1111
|
+
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
1112
|
+
description: 'text-gray-400 text-xs mt-1',
|
|
1113
|
+
error: 'text-red-500 text-xs ml-5 mt-1'
|
|
1114
1114
|
};
|
|
1115
1115
|
var $0249406a6f5edb4d$var$leading = {
|
|
1116
|
-
input:
|
|
1116
|
+
input: 'pl-10'
|
|
1117
1117
|
};
|
|
1118
1118
|
var $0249406a6f5edb4d$var$trailing = {};
|
|
1119
1119
|
var $0249406a6f5edb4d$var$normal = {
|
|
1120
|
-
label:
|
|
1121
|
-
hint:
|
|
1122
|
-
leading:
|
|
1123
|
-
input:
|
|
1124
|
-
trailing:
|
|
1125
|
-
description:
|
|
1120
|
+
label: 'leading-6 text-sm mb-2',
|
|
1121
|
+
hint: 'leading-6',
|
|
1122
|
+
leading: 'pl-3',
|
|
1123
|
+
input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
1124
|
+
trailing: 'pr-3',
|
|
1125
|
+
description: 'mt-2 text-sm'
|
|
1126
1126
|
};
|
|
1127
1127
|
var $0249406a6f5edb4d$var$inset = {
|
|
1128
|
-
container:
|
|
1129
|
-
label:
|
|
1130
|
-
hint:
|
|
1131
|
-
input:
|
|
1132
|
-
description:
|
|
1128
|
+
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
1129
|
+
label: 'text-xs',
|
|
1130
|
+
hint: 'text-xs',
|
|
1131
|
+
input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
1132
|
+
description: 'hidden'
|
|
1133
1133
|
};
|
|
1134
1134
|
var $0249406a6f5edb4d$var$overlapping = {
|
|
1135
|
-
container:
|
|
1136
|
-
head:
|
|
1137
|
-
label:
|
|
1138
|
-
hint:
|
|
1139
|
-
input:
|
|
1140
|
-
description:
|
|
1135
|
+
container: 'relative',
|
|
1136
|
+
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
1137
|
+
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
1138
|
+
hint: 'text-xs mr-4 bg-white px-1',
|
|
1139
|
+
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm 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',
|
|
1140
|
+
description: 'hidden'
|
|
1141
1141
|
};
|
|
1142
1142
|
var $0249406a6f5edb4d$var$pill = {
|
|
1143
|
-
head:
|
|
1144
|
-
foot:
|
|
1145
|
-
input:
|
|
1146
|
-
trailing:
|
|
1147
|
-
description:
|
|
1143
|
+
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
1144
|
+
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
1145
|
+
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-sm 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',
|
|
1146
|
+
trailing: 'pr-2',
|
|
1147
|
+
description: 'text-xs'
|
|
1148
1148
|
};
|
|
1149
1149
|
var $0249406a6f5edb4d$var$floored = {
|
|
1150
|
-
body:
|
|
1151
|
-
label:
|
|
1152
|
-
input:
|
|
1153
|
-
description:
|
|
1150
|
+
body: 'relative mt-2',
|
|
1151
|
+
label: 'block text-sm font-medium leading-6 text-gray-900',
|
|
1152
|
+
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',
|
|
1153
|
+
description: 'text-xs mt-2'
|
|
1154
1154
|
};
|
|
1155
1155
|
var $0249406a6f5edb4d$var$invalid = {
|
|
1156
|
-
container:
|
|
1156
|
+
container: 'ring-red-500',
|
|
1157
1157
|
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',
|
|
1158
|
-
|
|
1159
|
-
description:
|
|
1158
|
+
'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',
|
|
1159
|
+
description: 'text-sm text-red-600'
|
|
1160
1160
|
};
|
|
1161
1161
|
var $0249406a6f5edb4d$var$disabled = {
|
|
1162
|
-
input:
|
|
1162
|
+
input: 'block w-full rounded-md border-0 text-gray-900 shadow-sm 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'
|
|
1163
1163
|
};
|
|
1164
1164
|
var $0249406a6f5edb4d$var$styles = {
|
|
1165
1165
|
base: $0249406a6f5edb4d$var$base,
|
|
@@ -1179,11 +1179,11 @@ var $0249406a6f5edb4d$export$2e2bcd8739ae039 = $0249406a6f5edb4d$var$styles;
|
|
|
1179
1179
|
var $7b4ae85c2b92d7dd$var$InputGroupForm = function(props) {
|
|
1180
1180
|
var _a;
|
|
1181
1181
|
var _b;
|
|
1182
|
-
var name = props.name, _c = props.htmlType, htmlType = _c === void 0 ?
|
|
1182
|
+
var name = props.name, _c = props.htmlType, htmlType = _c === void 0 ? 'text' : _c, label = props.label, 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, onChange = props.onChange, onClear = props.onClear, onBlur = props.onBlur, onClick = props.onClick, onKeyDown = props.onKeyDown, setRefOnLoad = props.setRefOnLoad, stylesOverrides = props.styles;
|
|
1183
1183
|
var isValid = error === undefined;
|
|
1184
1184
|
var maskRef = (0, $4MPRY$useMask)({
|
|
1185
1185
|
mask: mask === null || mask === void 0 ? void 0 : mask.mask,
|
|
1186
|
-
replacement: (_a = {}, _a[(_b = mask === null || mask === void 0 ? void 0 : mask.replacementCharacter) !== null && _b !== void 0 ? _b :
|
|
1186
|
+
replacement: (_a = {}, _a[(_b = mask === null || mask === void 0 ? void 0 : mask.replacementCharacter) !== null && _b !== void 0 ? _b : 'X'] = /\d|\D/, _a)
|
|
1187
1187
|
});
|
|
1188
1188
|
var defaultRef = (0, $4MPRY$useRef)(null);
|
|
1189
1189
|
var ref = mask ? maskRef : defaultRef;
|
|
@@ -1200,7 +1200,7 @@ var $7b4ae85c2b92d7dd$var$InputGroupForm = function(props) {
|
|
|
1200
1200
|
className: "h-5 w-5 text-red-500",
|
|
1201
1201
|
"aria-hidden": "true"
|
|
1202
1202
|
});
|
|
1203
|
-
var isClearable = !trailing && isValid && onClear && value !==
|
|
1203
|
+
var isClearable = !trailing && isValid && onClear && value !== '' && value;
|
|
1204
1204
|
var inputDataCy = "form-input-".concat(name);
|
|
1205
1205
|
var errorDataCy = "form-input-error-".concat(name);
|
|
1206
1206
|
(0, $4MPRY$useEffect)(function() {
|
|
@@ -1220,7 +1220,7 @@ var $7b4ae85c2b92d7dd$var$InputGroupForm = function(props) {
|
|
|
1220
1220
|
className: styles.label,
|
|
1221
1221
|
children: label
|
|
1222
1222
|
}),
|
|
1223
|
-
!required && !isRequired && typeof label ===
|
|
1223
|
+
!required && !isRequired && typeof label === 'string' && (0, $4MPRY$jsx)("span", {
|
|
1224
1224
|
className: styles.hint,
|
|
1225
1225
|
children: "Optional"
|
|
1226
1226
|
}),
|
|
@@ -1236,16 +1236,16 @@ var $7b4ae85c2b92d7dd$var$InputGroupForm = function(props) {
|
|
|
1236
1236
|
className: styles.leading,
|
|
1237
1237
|
children: leading
|
|
1238
1238
|
}),
|
|
1239
|
-
!htmlType || htmlType !==
|
|
1239
|
+
!htmlType || htmlType !== 'area' && (0, $4MPRY$jsxs)("div", {
|
|
1240
1240
|
className: "flex items-center",
|
|
1241
1241
|
children: [
|
|
1242
1242
|
(0, $4MPRY$jsx)("input", {
|
|
1243
|
-
type: mask !== undefined ?
|
|
1243
|
+
type: mask !== undefined ? 'text' : htmlType,
|
|
1244
1244
|
ref: ref,
|
|
1245
1245
|
name: name,
|
|
1246
1246
|
id: name,
|
|
1247
1247
|
"data-cy": inputDataCy,
|
|
1248
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.input, htmlType ===
|
|
1248
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.input, htmlType === 'color' && '!h-10'),
|
|
1249
1249
|
placeholder: placeholder,
|
|
1250
1250
|
defaultValue: isSolo ? value : undefined,
|
|
1251
1251
|
value: isSolo ? undefined : value,
|
|
@@ -1258,7 +1258,7 @@ var $7b4ae85c2b92d7dd$var$InputGroupForm = function(props) {
|
|
|
1258
1258
|
onClick: onClick,
|
|
1259
1259
|
onKeyDown: onKeyDown
|
|
1260
1260
|
}),
|
|
1261
|
-
htmlType ===
|
|
1261
|
+
htmlType === 'text' && isClearable && (0, $4MPRY$jsx)("div", {
|
|
1262
1262
|
className: "right-5 px-2 absolute cursor-pointer hover:opacity-60",
|
|
1263
1263
|
onClick: onClear,
|
|
1264
1264
|
children: (0, $4MPRY$jsx)((0, $77cd4416ca4a0639$export$2e2bcd8739ae039), {
|
|
@@ -1266,7 +1266,7 @@ var $7b4ae85c2b92d7dd$var$InputGroupForm = function(props) {
|
|
|
1266
1266
|
className: "text-gray-500"
|
|
1267
1267
|
})
|
|
1268
1268
|
}),
|
|
1269
|
-
htmlType ===
|
|
1269
|
+
htmlType === 'date' && isClearable && (0, $4MPRY$jsx)("div", {
|
|
1270
1270
|
className: "right-10 px-2 absolute cursor-pointer hover:opacity-60",
|
|
1271
1271
|
onClick: onClear,
|
|
1272
1272
|
children: (0, $4MPRY$jsx)((0, $77cd4416ca4a0639$export$2e2bcd8739ae039), {
|
|
@@ -1276,7 +1276,7 @@ var $7b4ae85c2b92d7dd$var$InputGroupForm = function(props) {
|
|
|
1276
1276
|
})
|
|
1277
1277
|
]
|
|
1278
1278
|
}),
|
|
1279
|
-
htmlType ===
|
|
1279
|
+
htmlType === 'area' && (0, $4MPRY$jsx)("textarea", {
|
|
1280
1280
|
rows: rows,
|
|
1281
1281
|
name: name,
|
|
1282
1282
|
id: name,
|
|
@@ -1292,7 +1292,7 @@ var $7b4ae85c2b92d7dd$var$InputGroupForm = function(props) {
|
|
|
1292
1292
|
onClick: onClick,
|
|
1293
1293
|
onKeyDown: onKeyDown
|
|
1294
1294
|
}),
|
|
1295
|
-
type ===
|
|
1295
|
+
type === 'floored' && (0, $4MPRY$jsx)("div", {
|
|
1296
1296
|
className: "absolute inset-x-0 bottom-0 border-t border-gray-300 peer-focus:border-t-2 peer-focus:border-primary-600",
|
|
1297
1297
|
"aria-hidden": "true"
|
|
1298
1298
|
}),
|
|
@@ -1333,18 +1333,18 @@ var $7b4ae85c2b92d7dd$export$2e2bcd8739ae039 = $7b4ae85c2b92d7dd$var$InputGroupF
|
|
|
1333
1333
|
|
|
1334
1334
|
|
|
1335
1335
|
var $e65c72a0d70fbf33$var$base = {
|
|
1336
|
-
container:
|
|
1337
|
-
content:
|
|
1336
|
+
container: '',
|
|
1337
|
+
content: ''
|
|
1338
1338
|
};
|
|
1339
1339
|
var $e65c72a0d70fbf33$var$breakStyles = {
|
|
1340
|
-
container:
|
|
1340
|
+
container: 'container mx-auto sm:px-6 lg:px-8'
|
|
1341
1341
|
};
|
|
1342
1342
|
var $e65c72a0d70fbf33$var$center = {
|
|
1343
|
-
container:
|
|
1344
|
-
content:
|
|
1343
|
+
container: 'max-w-7xl mx-auto px-4 sm:px-6 lg:px-8',
|
|
1344
|
+
content: 'max-w-4xl 3xl:max-w-6xl mx-auto'
|
|
1345
1345
|
};
|
|
1346
1346
|
var $e65c72a0d70fbf33$var$fill = {
|
|
1347
|
-
container:
|
|
1347
|
+
container: 'max-w-7xl mx-auto sm:px-6 lg:px-8'
|
|
1348
1348
|
};
|
|
1349
1349
|
var $e65c72a0d70fbf33$var$styles = {
|
|
1350
1350
|
base: $e65c72a0d70fbf33$var$base,
|
|
@@ -1356,7 +1356,7 @@ var $e65c72a0d70fbf33$export$2e2bcd8739ae039 = $e65c72a0d70fbf33$var$styles;
|
|
|
1356
1356
|
|
|
1357
1357
|
|
|
1358
1358
|
var $2e39e1fa3f910477$var$ContainerLayout = function(props) {
|
|
1359
|
-
var children = props.children, _a = props.type, type = _a === void 0 ?
|
|
1359
|
+
var children = props.children, _a = props.type, type = _a === void 0 ? 'break' : _a, stylesOverrides = props.styles;
|
|
1360
1360
|
var handleGenerateStyle = function() {
|
|
1361
1361
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $e65c72a0d70fbf33$export$2e2bcd8739ae039).base);
|
|
1362
1362
|
var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $e65c72a0d70fbf33$export$2e2bcd8739ae039).base);
|
|
@@ -1369,13 +1369,13 @@ var $2e39e1fa3f910477$var$ContainerLayout = function(props) {
|
|
|
1369
1369
|
var result;
|
|
1370
1370
|
var styles = handleGenerateStyle();
|
|
1371
1371
|
switch(type){
|
|
1372
|
-
case
|
|
1372
|
+
case 'break':
|
|
1373
1373
|
result = (0, $4MPRY$jsx)("div", {
|
|
1374
1374
|
className: styles.container,
|
|
1375
1375
|
children: children
|
|
1376
1376
|
});
|
|
1377
1377
|
break;
|
|
1378
|
-
case
|
|
1378
|
+
case 'center':
|
|
1379
1379
|
result = (0, $4MPRY$jsx)("div", {
|
|
1380
1380
|
className: styles.container,
|
|
1381
1381
|
children: (0, $4MPRY$jsx)("div", {
|
|
@@ -1384,7 +1384,7 @@ var $2e39e1fa3f910477$var$ContainerLayout = function(props) {
|
|
|
1384
1384
|
})
|
|
1385
1385
|
});
|
|
1386
1386
|
break;
|
|
1387
|
-
case
|
|
1387
|
+
case 'fill':
|
|
1388
1388
|
result = (0, $4MPRY$jsx)("div", {
|
|
1389
1389
|
className: styles.container,
|
|
1390
1390
|
children: children
|
|
@@ -1405,20 +1405,20 @@ var $2e39e1fa3f910477$export$2e2bcd8739ae039 = $2e39e1fa3f910477$var$ContainerLa
|
|
|
1405
1405
|
|
|
1406
1406
|
|
|
1407
1407
|
var $ec68a39f1179dbd5$var$base = {
|
|
1408
|
-
container:
|
|
1409
|
-
head:
|
|
1410
|
-
line:
|
|
1411
|
-
body:
|
|
1412
|
-
content:
|
|
1408
|
+
container: 'relative',
|
|
1409
|
+
head: 'absolute inset-0 flex items-center',
|
|
1410
|
+
line: 'w-full border-t border-gray-300',
|
|
1411
|
+
body: 'relative flex',
|
|
1412
|
+
content: 'bg-white text-sm text-gray-500'
|
|
1413
1413
|
};
|
|
1414
1414
|
var $ec68a39f1179dbd5$var$left = {
|
|
1415
|
-
body:
|
|
1415
|
+
body: 'justify-start'
|
|
1416
1416
|
};
|
|
1417
1417
|
var $ec68a39f1179dbd5$var$center = {
|
|
1418
|
-
body:
|
|
1418
|
+
body: 'justify-center'
|
|
1419
1419
|
};
|
|
1420
1420
|
var $ec68a39f1179dbd5$var$right = {
|
|
1421
|
-
body:
|
|
1421
|
+
body: 'justify-end'
|
|
1422
1422
|
};
|
|
1423
1423
|
var $ec68a39f1179dbd5$var$styles = {
|
|
1424
1424
|
base: $ec68a39f1179dbd5$var$base,
|
|
@@ -1430,7 +1430,7 @@ var $ec68a39f1179dbd5$export$2e2bcd8739ae039 = $ec68a39f1179dbd5$var$styles;
|
|
|
1430
1430
|
|
|
1431
1431
|
|
|
1432
1432
|
var $47c668decea293b6$var$DividerLayout = function(props) {
|
|
1433
|
-
var children = props.children, _a = props.type, type = _a === void 0 ?
|
|
1433
|
+
var children = props.children, _a = props.type, type = _a === void 0 ? 'left' : _a, stylesOverrides = props.styles;
|
|
1434
1434
|
var handleGenerateStyle = function() {
|
|
1435
1435
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $ec68a39f1179dbd5$export$2e2bcd8739ae039).base);
|
|
1436
1436
|
var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $ec68a39f1179dbd5$export$2e2bcd8739ae039).base);
|
|
@@ -1470,50 +1470,50 @@ var $47c668decea293b6$export$2e2bcd8739ae039 = $47c668decea293b6$var$DividerLayo
|
|
|
1470
1470
|
|
|
1471
1471
|
|
|
1472
1472
|
var $0dc9d1b1691a48fd$var$base = {
|
|
1473
|
-
container:
|
|
1474
|
-
list:
|
|
1475
|
-
item:
|
|
1473
|
+
container: '',
|
|
1474
|
+
list: '',
|
|
1475
|
+
item: ''
|
|
1476
1476
|
};
|
|
1477
1477
|
var $0dc9d1b1691a48fd$var$fill = {
|
|
1478
|
-
list:
|
|
1479
|
-
item:
|
|
1478
|
+
list: 'divide-y divide-gray-200',
|
|
1479
|
+
item: 'py-4'
|
|
1480
1480
|
};
|
|
1481
1481
|
var $0dc9d1b1691a48fd$var$fillSticky = {
|
|
1482
|
-
list:
|
|
1483
|
-
item:
|
|
1482
|
+
list: 'divide-y divide-gray-200',
|
|
1483
|
+
item: 'px-4 py-4 sm:px-0'
|
|
1484
1484
|
};
|
|
1485
1485
|
var $0dc9d1b1691a48fd$var$center = {
|
|
1486
|
-
container:
|
|
1487
|
-
list:
|
|
1488
|
-
item:
|
|
1486
|
+
container: 'bg-white shadow overflow-hidden rounded-md',
|
|
1487
|
+
list: 'divide-y divide-gray-200',
|
|
1488
|
+
item: 'px-6 py-4'
|
|
1489
1489
|
};
|
|
1490
1490
|
var $0dc9d1b1691a48fd$var$centerSticky = {
|
|
1491
|
-
container:
|
|
1492
|
-
list:
|
|
1493
|
-
item:
|
|
1491
|
+
container: 'bg-white shadow overflow-hidden sm:rounded-md',
|
|
1492
|
+
list: 'divide-y divide-gray-200',
|
|
1493
|
+
item: 'px-4 py-4 sm:px-6'
|
|
1494
1494
|
};
|
|
1495
1495
|
var $0dc9d1b1691a48fd$var$card = {
|
|
1496
|
-
list:
|
|
1497
|
-
item:
|
|
1496
|
+
list: 'space-y-3',
|
|
1497
|
+
item: 'bg-white shadow overflow-hidden rounded-md px-6 py-4'
|
|
1498
1498
|
};
|
|
1499
1499
|
var $0dc9d1b1691a48fd$var$cardSticky = {
|
|
1500
|
-
list:
|
|
1501
|
-
item:
|
|
1500
|
+
list: 'space-y-3',
|
|
1501
|
+
item: 'bg-white shadow overflow-hidden px-4 py-4 sm:px-6 sm:rounded-md'
|
|
1502
1502
|
};
|
|
1503
1503
|
var $0dc9d1b1691a48fd$var$styles = {
|
|
1504
1504
|
base: $0dc9d1b1691a48fd$var$base,
|
|
1505
1505
|
fill: $0dc9d1b1691a48fd$var$fill,
|
|
1506
|
-
|
|
1506
|
+
'fill-sticky': $0dc9d1b1691a48fd$var$fillSticky,
|
|
1507
1507
|
center: $0dc9d1b1691a48fd$var$center,
|
|
1508
|
-
|
|
1508
|
+
'center-sticky': $0dc9d1b1691a48fd$var$centerSticky,
|
|
1509
1509
|
card: $0dc9d1b1691a48fd$var$card,
|
|
1510
|
-
|
|
1510
|
+
'card-sticky': $0dc9d1b1691a48fd$var$cardSticky
|
|
1511
1511
|
};
|
|
1512
1512
|
var $0dc9d1b1691a48fd$export$2e2bcd8739ae039 = $0dc9d1b1691a48fd$var$styles;
|
|
1513
1513
|
|
|
1514
1514
|
|
|
1515
1515
|
var $40af42a6ff486398$var$ListContainerLayout = function(props) {
|
|
1516
|
-
var children = props.children, _a = props.type, type = _a === void 0 ?
|
|
1516
|
+
var children = props.children, _a = props.type, type = _a === void 0 ? 'fill' : _a, stylesOverrides = props.styles;
|
|
1517
1517
|
var handleGenerateStyle = function() {
|
|
1518
1518
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $0dc9d1b1691a48fd$export$2e2bcd8739ae039).base);
|
|
1519
1519
|
var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $0dc9d1b1691a48fd$export$2e2bcd8739ae039).base);
|
|
@@ -1547,80 +1547,80 @@ var $40af42a6ff486398$export$2e2bcd8739ae039 = $40af42a6ff486398$var$ListContain
|
|
|
1547
1547
|
|
|
1548
1548
|
|
|
1549
1549
|
var $195ca578a80f15e9$var$base = {
|
|
1550
|
-
container:
|
|
1551
|
-
figure:
|
|
1552
|
-
svg:
|
|
1553
|
-
title:
|
|
1554
|
-
paragraph:
|
|
1550
|
+
container: '',
|
|
1551
|
+
figure: 'mr-4 flex-shrink-0',
|
|
1552
|
+
svg: 'h-16 w-16 border border-gray-300 bg-white text-gray-300',
|
|
1553
|
+
title: 'text-lg font-bold',
|
|
1554
|
+
paragraph: 'mt-1'
|
|
1555
1555
|
};
|
|
1556
1556
|
var $195ca578a80f15e9$var$top = {
|
|
1557
|
-
container:
|
|
1557
|
+
container: 'flex flex-row'
|
|
1558
1558
|
};
|
|
1559
1559
|
var $195ca578a80f15e9$var$topReversed = {
|
|
1560
|
-
container:
|
|
1560
|
+
container: 'flex flex-row-reverse'
|
|
1561
1561
|
};
|
|
1562
1562
|
var $195ca578a80f15e9$var$center = {
|
|
1563
|
-
container:
|
|
1564
|
-
figure:
|
|
1563
|
+
container: 'flex flex-row',
|
|
1564
|
+
figure: 'self-center'
|
|
1565
1565
|
};
|
|
1566
1566
|
var $195ca578a80f15e9$var$centerReversed = {
|
|
1567
|
-
container:
|
|
1568
|
-
figure:
|
|
1567
|
+
container: 'flex flex-row-reverse',
|
|
1568
|
+
figure: 'self-center'
|
|
1569
1569
|
};
|
|
1570
1570
|
var $195ca578a80f15e9$var$bottom = {
|
|
1571
|
-
container:
|
|
1572
|
-
figure:
|
|
1571
|
+
container: 'flex flex-row',
|
|
1572
|
+
figure: 'self-end'
|
|
1573
1573
|
};
|
|
1574
1574
|
var $195ca578a80f15e9$var$bottomReversed = {
|
|
1575
|
-
container:
|
|
1576
|
-
figure:
|
|
1575
|
+
container: 'flex flex-row-reverse',
|
|
1576
|
+
figure: 'self-end'
|
|
1577
1577
|
};
|
|
1578
1578
|
var $195ca578a80f15e9$var$stretch = {
|
|
1579
|
-
container:
|
|
1580
|
-
svg:
|
|
1579
|
+
container: 'flex flex-row',
|
|
1580
|
+
svg: 'h-full'
|
|
1581
1581
|
};
|
|
1582
1582
|
var $195ca578a80f15e9$var$stretchReversed = {
|
|
1583
|
-
container:
|
|
1584
|
-
svg:
|
|
1583
|
+
container: 'flex flex-row-reverse',
|
|
1584
|
+
svg: 'h-full'
|
|
1585
1585
|
};
|
|
1586
1586
|
var $195ca578a80f15e9$var$responsive = {
|
|
1587
|
-
container:
|
|
1588
|
-
figure:
|
|
1587
|
+
container: 'sm:flex flex-row',
|
|
1588
|
+
figure: 'sm:mb-0 sm:mr-4'
|
|
1589
1589
|
};
|
|
1590
1590
|
var $195ca578a80f15e9$var$responsiveReversed = {
|
|
1591
|
-
container:
|
|
1592
|
-
figure:
|
|
1591
|
+
container: 'sm:flex flex-row-reverse',
|
|
1592
|
+
figure: 'sm:mb-0 sm:mr-4'
|
|
1593
1593
|
};
|
|
1594
1594
|
var $195ca578a80f15e9$var$wide = {
|
|
1595
|
-
container:
|
|
1596
|
-
figure:
|
|
1597
|
-
svg:
|
|
1595
|
+
container: 'sm:flex flex-row',
|
|
1596
|
+
figure: 'mb-4 md:mb-0 sm:mr-4 sm:mb-4',
|
|
1597
|
+
svg: 'h-32 w-full sm:w-32'
|
|
1598
1598
|
};
|
|
1599
1599
|
var $195ca578a80f15e9$var$wideReversed = {
|
|
1600
|
-
container:
|
|
1601
|
-
figure:
|
|
1602
|
-
svg:
|
|
1600
|
+
container: 'sm:flex flex-row-reverse',
|
|
1601
|
+
figure: 'mb-4 md:mb-0 sm:mr-4 sm:mb-4',
|
|
1602
|
+
svg: 'h-32 w-full sm:w-32'
|
|
1603
1603
|
};
|
|
1604
1604
|
var $195ca578a80f15e9$var$styles = {
|
|
1605
1605
|
base: $195ca578a80f15e9$var$base,
|
|
1606
1606
|
top: $195ca578a80f15e9$var$top,
|
|
1607
|
-
|
|
1607
|
+
'top-reversed': $195ca578a80f15e9$var$topReversed,
|
|
1608
1608
|
center: $195ca578a80f15e9$var$center,
|
|
1609
|
-
|
|
1609
|
+
'center-reversed': $195ca578a80f15e9$var$centerReversed,
|
|
1610
1610
|
bottom: $195ca578a80f15e9$var$bottom,
|
|
1611
|
-
|
|
1611
|
+
'bottom-reversed': $195ca578a80f15e9$var$bottomReversed,
|
|
1612
1612
|
stretch: $195ca578a80f15e9$var$stretch,
|
|
1613
|
-
|
|
1613
|
+
'stretch-reversed': $195ca578a80f15e9$var$stretchReversed,
|
|
1614
1614
|
responsive: $195ca578a80f15e9$var$responsive,
|
|
1615
|
-
|
|
1615
|
+
'responsive-reversed': $195ca578a80f15e9$var$responsiveReversed,
|
|
1616
1616
|
wide: $195ca578a80f15e9$var$wide,
|
|
1617
|
-
|
|
1617
|
+
'wide-reversed': $195ca578a80f15e9$var$wideReversed
|
|
1618
1618
|
};
|
|
1619
1619
|
var $195ca578a80f15e9$export$2e2bcd8739ae039 = $195ca578a80f15e9$var$styles;
|
|
1620
1620
|
|
|
1621
1621
|
|
|
1622
1622
|
var $d8086708b0fe8d97$var$MediaObjectLayout = function(props) {
|
|
1623
|
-
var title = props.title, paragraph = props.paragraph, customFigure = props.figure, _a = props.type, type = _a === void 0 ?
|
|
1623
|
+
var title = props.title, paragraph = props.paragraph, customFigure = props.figure, _a = props.type, type = _a === void 0 ? 'top' : _a, stylesOverrides = props.styles;
|
|
1624
1624
|
var handleGenerateStyle = function() {
|
|
1625
1625
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $195ca578a80f15e9$export$2e2bcd8739ae039).base);
|
|
1626
1626
|
var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $195ca578a80f15e9$export$2e2bcd8739ae039).base);
|
|
@@ -1682,14 +1682,14 @@ var $d8086708b0fe8d97$export$2e2bcd8739ae039 = $d8086708b0fe8d97$var$MediaObject
|
|
|
1682
1682
|
|
|
1683
1683
|
|
|
1684
1684
|
var $6608476f62547c9b$var$base = {
|
|
1685
|
-
container:
|
|
1686
|
-
section:
|
|
1685
|
+
container: 'bg-white overflow-hidden shadow',
|
|
1686
|
+
section: 'px-4 py-5 sm:px-6'
|
|
1687
1687
|
};
|
|
1688
1688
|
var $6608476f62547c9b$var$normal = {
|
|
1689
|
-
container:
|
|
1689
|
+
container: 'rounded-lg'
|
|
1690
1690
|
};
|
|
1691
1691
|
var $6608476f62547c9b$var$sticky = {
|
|
1692
|
-
container:
|
|
1692
|
+
container: 'sm:rounded-lg'
|
|
1693
1693
|
};
|
|
1694
1694
|
var $6608476f62547c9b$var$styles = {
|
|
1695
1695
|
base: $6608476f62547c9b$var$base,
|
|
@@ -1700,7 +1700,7 @@ var $6608476f62547c9b$export$2e2bcd8739ae039 = $6608476f62547c9b$var$styles;
|
|
|
1700
1700
|
|
|
1701
1701
|
|
|
1702
1702
|
var $11b7c597538c2257$var$Container = function(props) {
|
|
1703
|
-
var children = props.children, _a = props.type, type = _a === void 0 ?
|
|
1703
|
+
var children = props.children, _a = props.type, type = _a === void 0 ? 'normal' : _a, stylesOverrides = props.styles;
|
|
1704
1704
|
var handleGenerateStyle = function() {
|
|
1705
1705
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $6608476f62547c9b$export$2e2bcd8739ae039).base);
|
|
1706
1706
|
var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $6608476f62547c9b$export$2e2bcd8739ae039).base);
|
|
@@ -1765,81 +1765,81 @@ https://www.npmjs.com/package/react-tailwindcss-select
|
|
|
1765
1765
|
|
|
1766
1766
|
|
|
1767
1767
|
var $9ff97c477ac85f31$var$base = {
|
|
1768
|
-
container:
|
|
1769
|
-
head:
|
|
1770
|
-
body:
|
|
1771
|
-
foot:
|
|
1772
|
-
label:
|
|
1773
|
-
hint:
|
|
1774
|
-
leading:
|
|
1775
|
-
input:
|
|
1776
|
-
menuButton:
|
|
1777
|
-
menu:
|
|
1778
|
-
tagItem:
|
|
1779
|
-
tagItemText:
|
|
1780
|
-
tagItemIconContainer:
|
|
1781
|
-
tagItemIcon:
|
|
1782
|
-
list:
|
|
1783
|
-
listGroupLabel:
|
|
1784
|
-
listItem:
|
|
1785
|
-
listDisabledItem:
|
|
1786
|
-
searchContainer:
|
|
1787
|
-
searchBox:
|
|
1788
|
-
searchIcon:
|
|
1789
|
-
closeIcon:
|
|
1790
|
-
emptyState:
|
|
1791
|
-
trailing:
|
|
1792
|
-
description:
|
|
1793
|
-
error:
|
|
1768
|
+
container: '',
|
|
1769
|
+
head: 'flex justify-between',
|
|
1770
|
+
body: 'relative rounded-md',
|
|
1771
|
+
foot: '',
|
|
1772
|
+
label: 'block font-medium text-gray-900',
|
|
1773
|
+
hint: 'text-xs text-gray-500',
|
|
1774
|
+
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
1775
|
+
input: 'block w-full flex border',
|
|
1776
|
+
menuButton: '',
|
|
1777
|
+
menu: 'z-10 !px-0 !py-0 !w-full rounded-md overflow-hidden border !mt-1 absolute bg-white',
|
|
1778
|
+
tagItem: 'bg-gray-200 px-2 py-1 flex flex-row gap-x-1 items-center justify-between rounded-sm',
|
|
1779
|
+
tagItemText: 'text-xs',
|
|
1780
|
+
tagItemIconContainer: '!p-0 rounded-full hover:bg-gray-400 text-sm hover:text-white aspect-square w-4 flex items-center justify-center cursor-pointer',
|
|
1781
|
+
tagItemIcon: '',
|
|
1782
|
+
list: '!px-0 !w-full [&>*]:px-0 max-h-56 overflow-scroll !py-1',
|
|
1783
|
+
listGroupLabel: '',
|
|
1784
|
+
listItem: '!w-full !list-none hover:bg-primary-500 hover:text-white !py-2 !px-2',
|
|
1785
|
+
listDisabledItem: '',
|
|
1786
|
+
searchContainer: '!w-full !px-2 !py-2 border-b',
|
|
1787
|
+
searchBox: '',
|
|
1788
|
+
searchIcon: '',
|
|
1789
|
+
closeIcon: '',
|
|
1790
|
+
emptyState: 'w-full inline-flex items-start justify-start px-4',
|
|
1791
|
+
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
1792
|
+
description: 'text-gray-400 text-xs mt-1',
|
|
1793
|
+
error: 'text-red-500 text-xs ml-5 mt-1'
|
|
1794
1794
|
};
|
|
1795
1795
|
var $9ff97c477ac85f31$var$leading = {
|
|
1796
|
-
input:
|
|
1796
|
+
input: 'pl-10'
|
|
1797
1797
|
};
|
|
1798
1798
|
var $9ff97c477ac85f31$var$trailing = {};
|
|
1799
1799
|
var $9ff97c477ac85f31$var$normal = {
|
|
1800
|
-
label:
|
|
1801
|
-
hint:
|
|
1802
|
-
leading:
|
|
1803
|
-
input:
|
|
1804
|
-
trailing:
|
|
1805
|
-
description:
|
|
1800
|
+
label: 'leading-6 text-sm mb-2',
|
|
1801
|
+
hint: 'leading-6',
|
|
1802
|
+
leading: 'pl-3',
|
|
1803
|
+
input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
1804
|
+
trailing: '',
|
|
1805
|
+
description: 'mt-2 text-sm'
|
|
1806
1806
|
};
|
|
1807
1807
|
var $9ff97c477ac85f31$var$inset = {
|
|
1808
|
-
container:
|
|
1809
|
-
label:
|
|
1810
|
-
hint:
|
|
1811
|
-
input:
|
|
1812
|
-
description:
|
|
1808
|
+
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
1809
|
+
label: 'text-xs',
|
|
1810
|
+
hint: 'text-xs',
|
|
1811
|
+
input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
1812
|
+
description: 'hidden'
|
|
1813
1813
|
};
|
|
1814
1814
|
var $9ff97c477ac85f31$var$overlapping = {
|
|
1815
|
-
container:
|
|
1816
|
-
head:
|
|
1817
|
-
label:
|
|
1818
|
-
hint:
|
|
1819
|
-
input:
|
|
1820
|
-
description:
|
|
1815
|
+
container: 'relative',
|
|
1816
|
+
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
1817
|
+
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
1818
|
+
hint: 'text-xs mr-4 bg-white px-1',
|
|
1819
|
+
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm 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',
|
|
1820
|
+
description: 'hidden'
|
|
1821
1821
|
};
|
|
1822
1822
|
var $9ff97c477ac85f31$var$pill = {
|
|
1823
|
-
head:
|
|
1824
|
-
foot:
|
|
1825
|
-
input:
|
|
1826
|
-
trailing:
|
|
1827
|
-
description:
|
|
1823
|
+
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
1824
|
+
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
1825
|
+
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-sm 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',
|
|
1826
|
+
trailing: 'pr-2',
|
|
1827
|
+
description: 'text-xs'
|
|
1828
1828
|
};
|
|
1829
1829
|
var $9ff97c477ac85f31$var$floored = {
|
|
1830
|
-
body:
|
|
1831
|
-
label:
|
|
1832
|
-
input:
|
|
1833
|
-
description:
|
|
1830
|
+
body: 'relative mt-2',
|
|
1831
|
+
label: 'block text-sm font-medium leading-6 text-gray-900',
|
|
1832
|
+
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',
|
|
1833
|
+
description: 'text-xs mt-2'
|
|
1834
1834
|
};
|
|
1835
1835
|
var $9ff97c477ac85f31$var$invalid = {
|
|
1836
|
-
container:
|
|
1836
|
+
container: 'ring-red-500',
|
|
1837
1837
|
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',
|
|
1838
|
-
|
|
1839
|
-
description:
|
|
1838
|
+
'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',
|
|
1839
|
+
description: 'text-sm text-red-600'
|
|
1840
1840
|
};
|
|
1841
1841
|
var $9ff97c477ac85f31$var$disabled = {
|
|
1842
|
-
input:
|
|
1842
|
+
input: 'block w-full rounded-md border-0 text-gray-900 shadow-sm ring-1 ring-gray-300 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'
|
|
1843
1843
|
};
|
|
1844
1844
|
var $9ff97c477ac85f31$var$styles = {
|
|
1845
1845
|
base: $9ff97c477ac85f31$var$base,
|
|
@@ -1858,7 +1858,7 @@ var $9ff97c477ac85f31$export$2e2bcd8739ae039 = $9ff97c477ac85f31$var$styles;
|
|
|
1858
1858
|
|
|
1859
1859
|
var $40038b27a5148d69$var$SelectMenuForm = function(props) {
|
|
1860
1860
|
var _a;
|
|
1861
|
-
var _b = props.name, name = _b === void 0 ?
|
|
1861
|
+
var _b = props.name, name = _b === void 0 ? 'select-menu-form' : _b, label = props.label, description = props.description, 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, onChange = props.onChange, onSearchInputChange = props.onSearchInputChange, onClear = props.onClear, onBlur = props.onBlur, stylesOverrides = props.styles;
|
|
1862
1862
|
var _j = (0, $4MPRY$useState)(true), isFocus = _j[0], setIsFocus = _j[1];
|
|
1863
1863
|
var _k = (0, $4MPRY$useState)(value !== null && value !== void 0 ? value : null), state = _k[0], setState = _k[1];
|
|
1864
1864
|
var isValid = error === undefined;
|
|
@@ -1868,7 +1868,7 @@ var $40038b27a5148d69$var$SelectMenuForm = function(props) {
|
|
|
1868
1868
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $9ff97c477ac85f31$export$2e2bcd8739ae039).base);
|
|
1869
1869
|
var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $9ff97c477ac85f31$export$2e2bcd8739ae039).base);
|
|
1870
1870
|
keys.forEach(function(key) {
|
|
1871
|
-
(0, $4MPRY$set)(result, key, (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $4MPRY$get)((0, $9ff97c477ac85f31$export$2e2bcd8739ae039).base, key), (0, $4MPRY$get)((0, $9ff97c477ac85f31$export$2e2bcd8739ae039)[
|
|
1871
|
+
(0, $4MPRY$set)(result, key, (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $4MPRY$get)((0, $9ff97c477ac85f31$export$2e2bcd8739ae039).base, key), (0, $4MPRY$get)((0, $9ff97c477ac85f31$export$2e2bcd8739ae039)['normal'], key), isTouched === true && !isValid && (0, $4MPRY$get)((0, $9ff97c477ac85f31$export$2e2bcd8739ae039).invalid, key), isDisabled && (0, $4MPRY$get)((0, $9ff97c477ac85f31$export$2e2bcd8739ae039).disabled, key), (0, $4MPRY$get)(stylesOverrides, key)));
|
|
1872
1872
|
});
|
|
1873
1873
|
return result;
|
|
1874
1874
|
};
|
|
@@ -1909,7 +1909,7 @@ var $40038b27a5148d69$var$SelectMenuForm = function(props) {
|
|
|
1909
1909
|
className: styles.label,
|
|
1910
1910
|
children: label
|
|
1911
1911
|
}),
|
|
1912
|
-
!required && !isRequired && typeof label ===
|
|
1912
|
+
!required && !isRequired && typeof label === 'string' && (0, $4MPRY$jsx)("span", {
|
|
1913
1913
|
className: styles.hint,
|
|
1914
1914
|
children: "Optional"
|
|
1915
1915
|
}),
|
|
@@ -1929,7 +1929,7 @@ var $40038b27a5148d69$var$SelectMenuForm = function(props) {
|
|
|
1929
1929
|
placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.select,
|
|
1930
1930
|
noOptionsMessage: (0, $4MPRY$jsx)("p", {
|
|
1931
1931
|
className: styles.emptyState,
|
|
1932
|
-
children: (_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.emptyState) !== null && _a !== void 0 ? _a :
|
|
1932
|
+
children: (_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.emptyState) !== null && _a !== void 0 ? _a : 'No results found'
|
|
1933
1933
|
}),
|
|
1934
1934
|
searchInputPlaceholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.searchInput,
|
|
1935
1935
|
//
|
|
@@ -1947,7 +1947,7 @@ var $40038b27a5148d69$var$SelectMenuForm = function(props) {
|
|
|
1947
1947
|
//
|
|
1948
1948
|
classNames: {
|
|
1949
1949
|
menuButton: function() {
|
|
1950
|
-
return (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.input, state === null &&
|
|
1950
|
+
return (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.input, state === null && '[&>*]:!text-gray-300 ', state === null && !isValid && isTouched && '[&>*]:!text-red-300');
|
|
1951
1951
|
},
|
|
1952
1952
|
menu: styles.menu,
|
|
1953
1953
|
tagItem: function() {
|
|
@@ -1979,7 +1979,7 @@ var $40038b27a5148d69$var$SelectMenuForm = function(props) {
|
|
|
1979
1979
|
error && isTouched && (0, $4MPRY$jsx)("p", {
|
|
1980
1980
|
className: styles.error,
|
|
1981
1981
|
"data-cy": errorDataCy,
|
|
1982
|
-
children: JSON.stringify(error).replaceAll('"',
|
|
1982
|
+
children: JSON.stringify(error).replaceAll('"', '')
|
|
1983
1983
|
})
|
|
1984
1984
|
]
|
|
1985
1985
|
})
|
|
@@ -1998,27 +1998,27 @@ var $40038b27a5148d69$export$2e2bcd8739ae039 = $40038b27a5148d69$var$SelectMenuF
|
|
|
1998
1998
|
|
|
1999
1999
|
|
|
2000
2000
|
var $e3009f3eac14483c$var$base = {
|
|
2001
|
-
container:
|
|
2001
|
+
container: 'flex items-center justify-between border-t border-gray-200 bg-white py-3',
|
|
2002
2002
|
mobile: {
|
|
2003
|
-
container:
|
|
2004
|
-
button:
|
|
2003
|
+
container: '',
|
|
2004
|
+
button: 'relative inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50'
|
|
2005
2005
|
},
|
|
2006
2006
|
desktop: {
|
|
2007
|
-
container:
|
|
2008
|
-
outerRightButton:
|
|
2009
|
-
outerLeftButton:
|
|
2010
|
-
innerButton:
|
|
2011
|
-
navigation:
|
|
2007
|
+
container: 'hidden sm:flex sm:flex-1 sm:items-center sm:justify-between',
|
|
2008
|
+
outerRightButton: 'relative inline-flex items-center rounded-r-md border border-gray-300 bg-white px-2 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20',
|
|
2009
|
+
outerLeftButton: 'relative inline-flex items-center rounded-l-md border border-gray-300 bg-white px-2 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20',
|
|
2010
|
+
innerButton: 'relative inline-flex items-center border border-gray-300 bg-white px-2 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20',
|
|
2011
|
+
navigation: 'isolate inline-flex -space-x-px rounded-md shadow-sm'
|
|
2012
2012
|
},
|
|
2013
2013
|
button: {
|
|
2014
|
-
default:
|
|
2015
|
-
active:
|
|
2016
|
-
disabled:
|
|
2014
|
+
default: 'relative inline-flex items-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50',
|
|
2015
|
+
active: 'border-primary-500 bg-primary-50 text-primary-600 z-20',
|
|
2016
|
+
disabled: 'opacity-20 cursor-not-allowed'
|
|
2017
2017
|
},
|
|
2018
|
-
divider:
|
|
2019
|
-
label:
|
|
2020
|
-
icon:
|
|
2021
|
-
pageSizeList:
|
|
2018
|
+
divider: 'relative inline-flex items-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-500',
|
|
2019
|
+
label: 'sr-only',
|
|
2020
|
+
icon: 'w-5 h-5',
|
|
2021
|
+
pageSizeList: '!overflow-hidden'
|
|
2022
2022
|
};
|
|
2023
2023
|
var $e3009f3eac14483c$var$styles = {
|
|
2024
2024
|
base: $e3009f3eac14483c$var$base
|
|
@@ -2072,10 +2072,10 @@ var $8239f5cdc1851973$var$PanelPaginationNavigation = function(props) {
|
|
|
2072
2072
|
onChange
|
|
2073
2073
|
]);
|
|
2074
2074
|
var pageType = (0, $4MPRY$useMemo)(function() {
|
|
2075
|
-
var result =
|
|
2076
|
-
if (current < min + 2) result =
|
|
2077
|
-
if (current > max - 2) result =
|
|
2078
|
-
if (max <= 4) result =
|
|
2075
|
+
var result = 'center';
|
|
2076
|
+
if (current < min + 2) result = 'first';
|
|
2077
|
+
if (current > max - 2) result = 'last';
|
|
2078
|
+
if (max <= 4) result = 'simple';
|
|
2079
2079
|
return result;
|
|
2080
2080
|
}, [
|
|
2081
2081
|
current,
|
|
@@ -2084,7 +2084,7 @@ var $8239f5cdc1851973$var$PanelPaginationNavigation = function(props) {
|
|
|
2084
2084
|
]);
|
|
2085
2085
|
var component;
|
|
2086
2086
|
switch(pageType){
|
|
2087
|
-
case
|
|
2087
|
+
case 'first':
|
|
2088
2088
|
component = (0, $4MPRY$jsxs)((0, $4MPRY$Fragment), {
|
|
2089
2089
|
children: [
|
|
2090
2090
|
(0, $4MPRY$jsx)("button", {
|
|
@@ -2122,7 +2122,7 @@ var $8239f5cdc1851973$var$PanelPaginationNavigation = function(props) {
|
|
|
2122
2122
|
]
|
|
2123
2123
|
});
|
|
2124
2124
|
break;
|
|
2125
|
-
case
|
|
2125
|
+
case 'center':
|
|
2126
2126
|
component = (0, $4MPRY$jsxs)((0, $4MPRY$Fragment), {
|
|
2127
2127
|
children: [
|
|
2128
2128
|
(0, $4MPRY$jsx)("button", {
|
|
@@ -2171,7 +2171,7 @@ var $8239f5cdc1851973$var$PanelPaginationNavigation = function(props) {
|
|
|
2171
2171
|
]
|
|
2172
2172
|
});
|
|
2173
2173
|
break;
|
|
2174
|
-
case
|
|
2174
|
+
case 'last':
|
|
2175
2175
|
component = (0, $4MPRY$jsxs)((0, $4MPRY$Fragment), {
|
|
2176
2176
|
children: [
|
|
2177
2177
|
(0, $4MPRY$jsx)("button", {
|
|
@@ -2209,7 +2209,7 @@ var $8239f5cdc1851973$var$PanelPaginationNavigation = function(props) {
|
|
|
2209
2209
|
]
|
|
2210
2210
|
});
|
|
2211
2211
|
break;
|
|
2212
|
-
case
|
|
2212
|
+
case 'simple':
|
|
2213
2213
|
component = (0, $4MPRY$jsxs)((0, $4MPRY$Fragment), {
|
|
2214
2214
|
children: [
|
|
2215
2215
|
(0, $4MPRY$jsx)("button", {
|
|
@@ -2421,7 +2421,7 @@ var $382ffb7c1faa0f62$export$4564041bcff0e281 = function() {
|
|
|
2421
2421
|
var _a;
|
|
2422
2422
|
return {
|
|
2423
2423
|
v: cell === null || cell === void 0 ? void 0 : cell.value,
|
|
2424
|
-
t: (_a = cell === null || cell === void 0 ? void 0 : cell.type) === null || _a === void 0 ? void 0 : _a.replace(
|
|
2424
|
+
t: (_a = cell === null || cell === void 0 ? void 0 : cell.type) === null || _a === void 0 ? void 0 : _a.replace('boolean', 'b').replace('number', 'n').replace('error', 'e').replace('string', 's').replace('date', 'd'),
|
|
2425
2425
|
f: cell === null || cell === void 0 ? void 0 : cell.formula,
|
|
2426
2426
|
c: cell === null || cell === void 0 ? void 0 : cell.comments,
|
|
2427
2427
|
z: cell === null || cell === void 0 ? void 0 : cell.format,
|
|
@@ -2440,10 +2440,10 @@ var $382ffb7c1faa0f62$export$4564041bcff0e281 = function() {
|
|
|
2440
2440
|
var order = table.getState().columnOrder;
|
|
2441
2441
|
var headerNames = (_d = (_c = columns === null || columns === void 0 ? void 0 : columns.sort(function(a, b) {
|
|
2442
2442
|
var _a, _b;
|
|
2443
|
-
return (0, $4MPRY$indexOf)(order, (_a = a.id) !== null && _a !== void 0 ? _a : (0, $4MPRY$get)(a,
|
|
2443
|
+
return (0, $4MPRY$indexOf)(order, (_a = a.id) !== null && _a !== void 0 ? _a : (0, $4MPRY$get)(a, 'accessorKey')) - (0, $4MPRY$indexOf)(order, (_b = b.id) !== null && _b !== void 0 ? _b : (0, $4MPRY$get)(b, 'accessorKey'));
|
|
2444
2444
|
})) === null || _c === void 0 ? void 0 : _c.filter(function(column) {
|
|
2445
2445
|
var _a;
|
|
2446
|
-
return typeof ((_a = column === null || column === void 0 ? void 0 : column.columnDef) === null || _a === void 0 ? void 0 : _a.header) ===
|
|
2446
|
+
return typeof ((_a = column === null || column === void 0 ? void 0 : column.columnDef) === null || _a === void 0 ? void 0 : _a.header) === 'string' && (column === null || column === void 0 ? void 0 : column.getIsVisible());
|
|
2447
2447
|
})) === null || _d === void 0 ? void 0 : _d.map(function(column) {
|
|
2448
2448
|
var _a;
|
|
2449
2449
|
return {
|
|
@@ -2455,7 +2455,7 @@ var $382ffb7c1faa0f62$export$4564041bcff0e281 = function() {
|
|
|
2455
2455
|
headerNames.forEach(function(name) {
|
|
2456
2456
|
headerRow[name.id] = {
|
|
2457
2457
|
value: name.value,
|
|
2458
|
-
type:
|
|
2458
|
+
type: 'string'
|
|
2459
2459
|
};
|
|
2460
2460
|
});
|
|
2461
2461
|
var excelRows = rows.map(function(row) {
|
|
@@ -2470,7 +2470,7 @@ var $382ffb7c1faa0f62$export$4564041bcff0e281 = function() {
|
|
|
2470
2470
|
return column.id === key;
|
|
2471
2471
|
});
|
|
2472
2472
|
if (!column) return false;
|
|
2473
|
-
return typeof ((_a = column.columnDef) === null || _a === void 0 ? void 0 : _a.header) ===
|
|
2473
|
+
return typeof ((_a = column.columnDef) === null || _a === void 0 ? void 0 : _a.header) === 'string';
|
|
2474
2474
|
})// Filter out hidden columns.
|
|
2475
2475
|
.filter(function(key) {
|
|
2476
2476
|
var column = columns === null || columns === void 0 ? void 0 : columns.find(function(column) {
|
|
@@ -2519,86 +2519,86 @@ var $382ffb7c1faa0f62$export$4564041bcff0e281 = function() {
|
|
|
2519
2519
|
|
|
2520
2520
|
|
|
2521
2521
|
var $fb5a78a09a8b15b6$var$base = {
|
|
2522
|
-
container:
|
|
2522
|
+
container: 'px-4 sm:px-6 lg:px-8',
|
|
2523
2523
|
head: {
|
|
2524
|
-
container:
|
|
2525
|
-
head:
|
|
2526
|
-
body:
|
|
2527
|
-
heading:
|
|
2528
|
-
paragraph:
|
|
2524
|
+
container: 'sm:flex sm:items-center',
|
|
2525
|
+
head: 'sm:flex-auto',
|
|
2526
|
+
body: 'mt-4 sm:mt-0 sm:ml-16 sm:flex-none',
|
|
2527
|
+
heading: 'text-xl font-semibold text-gray-900',
|
|
2528
|
+
paragraph: 'mt-2 text-sm text-gray-700'
|
|
2529
2529
|
},
|
|
2530
2530
|
body: {
|
|
2531
|
-
container:
|
|
2532
|
-
wrapper:
|
|
2533
|
-
content:
|
|
2534
|
-
styleWrapper:
|
|
2531
|
+
container: 'flex flex-col',
|
|
2532
|
+
wrapper: '-my-2 -mx-4 sm:-mx-6 lg:-mx-8',
|
|
2533
|
+
content: '',
|
|
2534
|
+
styleWrapper: 'overflow-scroll w-screen md:w-auto md:overflow-auto pr-12 md:pr-0',
|
|
2535
2535
|
table: {
|
|
2536
|
-
container:
|
|
2536
|
+
container: 'min-w-full divide-y divide-gray-300 ',
|
|
2537
2537
|
head: {
|
|
2538
|
-
container:
|
|
2539
|
-
row:
|
|
2540
|
-
cell:
|
|
2541
|
-
checkbox:
|
|
2538
|
+
container: '',
|
|
2539
|
+
row: '',
|
|
2540
|
+
cell: 'py-3.5 px-3 text-left text-sm font-semibold text-gray-900 group',
|
|
2541
|
+
checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6'
|
|
2542
2542
|
},
|
|
2543
2543
|
body: {
|
|
2544
|
-
container:
|
|
2545
|
-
row:
|
|
2546
|
-
cell:
|
|
2547
|
-
checkbox:
|
|
2548
|
-
indicator:
|
|
2544
|
+
container: 'divide-y divide-gray-200',
|
|
2545
|
+
row: '',
|
|
2546
|
+
cell: 'whitespace-nowrap py-4 px-3 text-sm text-gray-500',
|
|
2547
|
+
checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6',
|
|
2548
|
+
indicator: 'absolute inset-y-0 left-0 w-0.5 bg-primary-600'
|
|
2549
2549
|
}
|
|
2550
2550
|
}
|
|
2551
2551
|
},
|
|
2552
2552
|
sortIndicator: {
|
|
2553
|
-
container:
|
|
2554
|
-
isSorted:
|
|
2555
|
-
isNotSorted:
|
|
2553
|
+
container: 'ml-2 translate-y-1 inline-flex items-center flex-none rounded',
|
|
2554
|
+
isSorted: 'bg-gray-100 text-gray-900 group-hover:bg-gray-200',
|
|
2555
|
+
isNotSorted: 'invisible text-gray-400 group-hover:visible group-focus:visible',
|
|
2556
2556
|
icon: {
|
|
2557
|
-
container:
|
|
2557
|
+
container: 'h-5 w-5'
|
|
2558
2558
|
}
|
|
2559
2559
|
},
|
|
2560
2560
|
controls: {
|
|
2561
|
-
container:
|
|
2562
|
-
content:
|
|
2563
|
-
head:
|
|
2564
|
-
body:
|
|
2561
|
+
container: 'flex-row justify-between z-10 relative mb-4 gap-2 hidden',
|
|
2562
|
+
content: 'my-2 flex flex-col',
|
|
2563
|
+
head: '',
|
|
2564
|
+
body: 'flex flex-row justify-end gap-2',
|
|
2565
2565
|
dropdown: {
|
|
2566
|
-
container:
|
|
2567
|
-
input:
|
|
2568
|
-
label:
|
|
2569
|
-
actions:
|
|
2570
|
-
upIcon:
|
|
2571
|
-
downIcon:
|
|
2566
|
+
container: 'px-4 py-2 text-sm flex flex-row items-center font-medium group',
|
|
2567
|
+
input: 'mr-3 cursor-pointer',
|
|
2568
|
+
label: 'mr-3',
|
|
2569
|
+
actions: 'hidden grid-cols-2 gap-2 group-hover:grid text-gray-400',
|
|
2570
|
+
upIcon: 'w-5 h-5 -scale-y-100 hover:text-black hover:bg-gray-200 rounded-md cursor-pointer',
|
|
2571
|
+
downIcon: 'w-5 h-5 hover:text-black hover:bg-gray-200 rounded-md cursor-pointer'
|
|
2572
2572
|
}
|
|
2573
2573
|
}
|
|
2574
2574
|
};
|
|
2575
2575
|
var $fb5a78a09a8b15b6$var$normal = {
|
|
2576
2576
|
body: {
|
|
2577
|
-
content:
|
|
2578
|
-
styleWrapper:
|
|
2577
|
+
content: 'inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8',
|
|
2578
|
+
styleWrapper: 'relative'
|
|
2579
2579
|
}
|
|
2580
2580
|
};
|
|
2581
2581
|
var $fb5a78a09a8b15b6$var$panel = {
|
|
2582
2582
|
body: {
|
|
2583
|
-
content:
|
|
2584
|
-
styleWrapper:
|
|
2583
|
+
content: 'inline-block min-w-full py-2 align-middle md:px-6 lg:px-8',
|
|
2584
|
+
styleWrapper: 'relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg',
|
|
2585
2585
|
table: {
|
|
2586
2586
|
head: {
|
|
2587
|
-
container:
|
|
2587
|
+
container: 'bg-gray-50'
|
|
2588
2588
|
},
|
|
2589
2589
|
body: {
|
|
2590
|
-
container:
|
|
2590
|
+
container: 'bg-white'
|
|
2591
2591
|
}
|
|
2592
2592
|
}
|
|
2593
2593
|
}
|
|
2594
2594
|
};
|
|
2595
2595
|
var $fb5a78a09a8b15b6$var$full = {
|
|
2596
2596
|
body: {
|
|
2597
|
-
content:
|
|
2598
|
-
styleWrapper:
|
|
2597
|
+
content: 'inline-block min-w-full py-2 align-middle',
|
|
2598
|
+
styleWrapper: 'relative overflow-hidden shadow-sm ring-1 ring-black ring-opacity-5',
|
|
2599
2599
|
table: {
|
|
2600
2600
|
head: {
|
|
2601
|
-
container:
|
|
2601
|
+
container: 'bg-gray-50'
|
|
2602
2602
|
}
|
|
2603
2603
|
}
|
|
2604
2604
|
}
|
|
@@ -2606,9 +2606,9 @@ var $fb5a78a09a8b15b6$var$full = {
|
|
|
2606
2606
|
var $fb5a78a09a8b15b6$var$sticky = {
|
|
2607
2607
|
body: {
|
|
2608
2608
|
table: {
|
|
2609
|
-
container:
|
|
2609
|
+
container: 'min-w-full border-separate',
|
|
2610
2610
|
head: {
|
|
2611
|
-
cell:
|
|
2611
|
+
cell: 'sticky top-0 z-10 border-b border-gray-300 bg-gray-50 bg-opacity-75 backdrop-blur backdrop-filter sm:table-cell'
|
|
2612
2612
|
}
|
|
2613
2613
|
}
|
|
2614
2614
|
}
|
|
@@ -2617,17 +2617,17 @@ var $fb5a78a09a8b15b6$var$separated = {
|
|
|
2617
2617
|
body: {
|
|
2618
2618
|
table: {
|
|
2619
2619
|
head: {
|
|
2620
|
-
row:
|
|
2620
|
+
row: 'divide-x divide-gray-200'
|
|
2621
2621
|
},
|
|
2622
2622
|
body: {
|
|
2623
|
-
row:
|
|
2623
|
+
row: 'divide-x divide-gray-200'
|
|
2624
2624
|
}
|
|
2625
2625
|
}
|
|
2626
2626
|
}
|
|
2627
2627
|
};
|
|
2628
2628
|
var $fb5a78a09a8b15b6$var$controlled = {
|
|
2629
2629
|
controls: {
|
|
2630
|
-
container:
|
|
2630
|
+
container: '!flex'
|
|
2631
2631
|
}
|
|
2632
2632
|
};
|
|
2633
2633
|
var $fb5a78a09a8b15b6$var$styles = {
|
|
@@ -2654,7 +2654,7 @@ var $4421fdc946e7dd6c$var$__assign = undefined && undefined.__assign || function
|
|
|
2654
2654
|
};
|
|
2655
2655
|
var $4421fdc946e7dd6c$var$TableList = function(props) {
|
|
2656
2656
|
var _a, _b, _c, _d, _e;
|
|
2657
|
-
var id = props.id, columns = props.columns, data = props.data, page = props.page, children = props.children, defaultOrder = props.defaultOrder, defaultVisibility = props.defaultVisibility, _f = props.type, type = _f === void 0 ?
|
|
2657
|
+
var id = props.id, columns = props.columns, data = props.data, page = props.page, children = props.children, defaultOrder = props.defaultOrder, defaultVisibility = props.defaultVisibility, _f = props.type, type = _f === void 0 ? 'normal' : _f, isLoading = props.isLoading, _g = props.isStriped, isStriped = _g === void 0 ? false : _g, _h = props.hasStickyHeader, hasStickyHeader = _h === void 0 ? false : _h, _j = props.hasVerticalSeparators, hasVerticalSeparators = _j === void 0 ? false : _j, _k = props.areControlsVisible, areControlsVisible = _k === void 0 ? true : _k, customControls = props.customControls, _l = props.exportFileName, exportFileName = _l === void 0 ? 'table-export' : _l, stylesOverrides = props.styles, onChange = props.onChange, onPaginate = props.onPaginate;
|
|
2658
2658
|
var _m = (0, $382ffb7c1faa0f62$export$4564041bcff0e281)(), generate = _m.generate, write = _m.write;
|
|
2659
2659
|
var handleGenerateStyle = function() {
|
|
2660
2660
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $fb5a78a09a8b15b6$export$2e2bcd8739ae039).base);
|
|
@@ -2719,7 +2719,7 @@ var $4421fdc946e7dd6c$var$TableList = function(props) {
|
|
|
2719
2719
|
if (defaultOrder && (defaultOrder === null || defaultOrder === void 0 ? void 0 : defaultOrder.length) > 0) return setOrder(defaultOrder);
|
|
2720
2720
|
return setOrder(columns.map(function(column) {
|
|
2721
2721
|
var _a;
|
|
2722
|
-
return (_a = column === null || column === void 0 ? void 0 : column.id) !== null && _a !== void 0 ? _a :
|
|
2722
|
+
return (_a = column === null || column === void 0 ? void 0 : column.id) !== null && _a !== void 0 ? _a : '';
|
|
2723
2723
|
}));
|
|
2724
2724
|
}
|
|
2725
2725
|
if (!state) {
|
|
@@ -2741,12 +2741,12 @@ var $4421fdc946e7dd6c$var$TableList = function(props) {
|
|
|
2741
2741
|
return setVisibility($4421fdc946e7dd6c$var$__assign($4421fdc946e7dd6c$var$__assign({}, base), current));
|
|
2742
2742
|
}
|
|
2743
2743
|
}
|
|
2744
|
-
var savedColumnOrder = (_a = state === null || state === void 0 ? void 0 : state.split(
|
|
2745
|
-
return id.replace(
|
|
2744
|
+
var savedColumnOrder = (_a = state === null || state === void 0 ? void 0 : state.split(',').map(function(id) {
|
|
2745
|
+
return id.replace('-', '');
|
|
2746
2746
|
})) !== null && _a !== void 0 ? _a : [];
|
|
2747
2747
|
var savedColumnVisibility = {};
|
|
2748
|
-
state === null || state === void 0 || state.split(
|
|
2749
|
-
return savedColumnVisibility[id === null || id === void 0 ? void 0 : id.replace(
|
|
2748
|
+
state === null || state === void 0 || state.split(',').forEach(function(id) {
|
|
2749
|
+
return savedColumnVisibility[id === null || id === void 0 ? void 0 : id.replace('-', '')] = !id.includes('-');
|
|
2750
2750
|
});
|
|
2751
2751
|
setOrder(savedColumnOrder);
|
|
2752
2752
|
setVisibility(savedColumnVisibility);
|
|
@@ -2770,7 +2770,7 @@ var $4421fdc946e7dd6c$var$TableList = function(props) {
|
|
|
2770
2770
|
if (visibility[id] === false) return "-".concat(id);
|
|
2771
2771
|
return id;
|
|
2772
2772
|
});
|
|
2773
|
-
return window === null || window === void 0 ? void 0 : window.localStorage.setItem("TableList.".concat(id, ".state"), idsWithVisibilityIndicator.join(
|
|
2773
|
+
return window === null || window === void 0 ? void 0 : window.localStorage.setItem("TableList.".concat(id, ".state"), idsWithVisibilityIndicator.join(','));
|
|
2774
2774
|
}
|
|
2775
2775
|
}, [
|
|
2776
2776
|
id,
|
|
@@ -2804,7 +2804,7 @@ var $4421fdc946e7dd6c$var$TableList = function(props) {
|
|
|
2804
2804
|
return (0, $4MPRY$jsx)((0, $edc4ba41affb9483$export$2e2bcd8739ae039).Item, {
|
|
2805
2805
|
children: function() {
|
|
2806
2806
|
return (0, $4MPRY$jsxs)("div", {
|
|
2807
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.controls.dropdown.container, !canSort &&
|
|
2807
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.controls.dropdown.container, !canSort && 'hidden'),
|
|
2808
2808
|
children: [
|
|
2809
2809
|
(0, $4MPRY$jsx)("input", {
|
|
2810
2810
|
className: styles.controls.dropdown.input,
|
|
@@ -2842,7 +2842,7 @@ var $4421fdc946e7dd6c$var$TableList = function(props) {
|
|
|
2842
2842
|
}),
|
|
2843
2843
|
(0, $4MPRY$jsx)((0, $bc407adcad543f74$export$2e2bcd8739ae039), {
|
|
2844
2844
|
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 : {
|
|
2845
|
-
container:
|
|
2845
|
+
container: '!py-1.5 !px-3'
|
|
2846
2846
|
},
|
|
2847
2847
|
onClick: function() {
|
|
2848
2848
|
var sheets = generate(table);
|
|
@@ -2880,14 +2880,14 @@ var $4421fdc946e7dd6c$var$TableList = function(props) {
|
|
|
2880
2880
|
children: headerGroup.headers.map(function(header) {
|
|
2881
2881
|
return (0, $4MPRY$jsxs)("th", {
|
|
2882
2882
|
colSpan: header.colSpan,
|
|
2883
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.body.table.head.cell, header.column.getCanSort() &&
|
|
2883
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.body.table.head.cell, header.column.getCanSort() && 'cursor-pointer'),
|
|
2884
2884
|
onClick: header.column.getToggleSortingHandler(),
|
|
2885
2885
|
children: [
|
|
2886
2886
|
header.isPlaceholder ? null : (0, $4MPRY$flexRender)(header.column.columnDef.header, header.getContext()),
|
|
2887
2887
|
header.column.getCanSort() && (0, $4MPRY$jsx)("span", {
|
|
2888
2888
|
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.sortIndicator.container, header.column.getIsSorted() ? styles.sortIndicator.isSorted : styles.sortIndicator.isNotSorted),
|
|
2889
2889
|
children: (0, $4MPRY$jsx)((0, $4MPRY$ChevronDownIcon1), {
|
|
2890
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.sortIndicator.icon.container, header.column.getIsSorted() ===
|
|
2890
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.sortIndicator.icon.container, header.column.getIsSorted() === 'asc' && '-scale-100'),
|
|
2891
2891
|
"aria-hidden": "true"
|
|
2892
2892
|
})
|
|
2893
2893
|
})
|
|
@@ -2901,11 +2901,11 @@ var $4421fdc946e7dd6c$var$TableList = function(props) {
|
|
|
2901
2901
|
className: styles.body.table.body.container,
|
|
2902
2902
|
children: table === null || table === void 0 ? void 0 : table.getRowModel().rows.map(function(row, index) {
|
|
2903
2903
|
return (0, $4MPRY$jsx)("tr", {
|
|
2904
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.body.table.body.row, isStriped && index % 2 === 0 &&
|
|
2904
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.body.table.body.row, isStriped && index % 2 === 0 && 'bg-gray-50'),
|
|
2905
2905
|
children: row.getVisibleCells().map(function(cell) {
|
|
2906
2906
|
var _a, _b;
|
|
2907
2907
|
return (0, $4MPRY$jsx)("td", {
|
|
2908
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.body.table.body.cell, hasStickyHeader && index !== ((_b = (_a = table === null || table === void 0 ? void 0 : table.getState()) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.pageSize) - 1 &&
|
|
2908
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.body.table.body.cell, hasStickyHeader && index !== ((_b = (_a = table === null || table === void 0 ? void 0 : table.getState()) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.pageSize) - 1 && 'border-b border-gray-200'),
|
|
2909
2909
|
children: (0, $4MPRY$flexRender)(cell.column.columnDef.cell, cell.getContext())
|
|
2910
2910
|
}, cell.id);
|
|
2911
2911
|
})
|
|
@@ -2939,7 +2939,7 @@ var $4421fdc946e7dd6c$var$TableList = function(props) {
|
|
|
2939
2939
|
current: page.current,
|
|
2940
2940
|
max: page.total,
|
|
2941
2941
|
styles: ((_d = stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components) === null || _d === void 0 ? void 0 : _d.panelPaginationNavigation) ? (_e = stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.components) === null || _e === void 0 ? void 0 : _e.panelPaginationNavigation : {
|
|
2942
|
-
container:
|
|
2942
|
+
container: 'mt-4'
|
|
2943
2943
|
},
|
|
2944
2944
|
onChange: onPaginate,
|
|
2945
2945
|
children: children
|
|
@@ -2978,8 +2978,8 @@ var $b77b4b93ae627775$export$63dc08f552326ce2 = function(tableName) {
|
|
|
2978
2978
|
var $b77b4b93ae627775$export$c0b214a25c581b2a = function(tableName, state) {
|
|
2979
2979
|
// we only care about the order and visibility of columns
|
|
2980
2980
|
var cherryPickedState = (0, $4MPRY$pick)(state, [
|
|
2981
|
-
|
|
2982
|
-
|
|
2981
|
+
'columnOrder',
|
|
2982
|
+
'columnVisibility'
|
|
2983
2983
|
]);
|
|
2984
2984
|
if ($b77b4b93ae627775$var$isValidState(cherryPickedState)) localStorage.setItem("TableList.".concat(tableName, ".state"), JSON.stringify(cherryPickedState));
|
|
2985
2985
|
};
|
|
@@ -2989,10 +2989,10 @@ var $b77b4b93ae627775$export$a1266aa66eb9d7a4 = function(tableName) {
|
|
|
2989
2989
|
var $b77b4b93ae627775$var$isValidState = function(state) {
|
|
2990
2990
|
if (!(state === null || state === void 0 ? void 0 : state.columnOrder) || !(state === null || state === void 0 ? void 0 : state.columnVisibility) || (0, $4MPRY$isEmpty)(state === null || state === void 0 ? void 0 : state.columnOrder) || Object.keys(state === null || state === void 0 ? void 0 : state.columnVisibility).length === 0) return false;
|
|
2991
2991
|
if ((0, $4MPRY$some)(state.columnOrder, function(item) {
|
|
2992
|
-
return typeof item !==
|
|
2992
|
+
return typeof item !== 'string';
|
|
2993
2993
|
})) return false;
|
|
2994
2994
|
if ((0, $4MPRY$some)(Object.keys(state.columnVisibility), function(key) {
|
|
2995
|
-
return typeof (0, $4MPRY$get)(state.columnVisibility, key) !==
|
|
2995
|
+
return typeof (0, $4MPRY$get)(state.columnVisibility, key) !== 'boolean';
|
|
2996
2996
|
})) return false;
|
|
2997
2997
|
return true;
|
|
2998
2998
|
};
|
|
@@ -3000,76 +3000,76 @@ var $b77b4b93ae627775$var$isValidState = function(state) {
|
|
|
3000
3000
|
|
|
3001
3001
|
|
|
3002
3002
|
var $a159f18e2839f1e6$var$base = {
|
|
3003
|
-
container:
|
|
3004
|
-
head:
|
|
3003
|
+
container: '',
|
|
3004
|
+
head: '',
|
|
3005
3005
|
body: {
|
|
3006
|
-
container:
|
|
3007
|
-
wrapper:
|
|
3008
|
-
content:
|
|
3009
|
-
styleWrapper:
|
|
3010
|
-
styleWrapperWithLeftSide:
|
|
3011
|
-
tableWrapper:
|
|
3012
|
-
tableWrapperWithLeftSide:
|
|
3006
|
+
container: 'flex flex-col',
|
|
3007
|
+
wrapper: 'flow-root relative',
|
|
3008
|
+
content: '',
|
|
3009
|
+
styleWrapper: 'flex overflow-x-scroll overflow-y-visible',
|
|
3010
|
+
styleWrapperWithLeftSide: 'flex',
|
|
3011
|
+
tableWrapper: 'inline-block min-w-full align-middle',
|
|
3012
|
+
tableWrapperWithLeftSide: 'w-full overflow-x-scroll',
|
|
3013
3013
|
table: {
|
|
3014
|
-
container:
|
|
3015
|
-
containerWithLeftSide:
|
|
3014
|
+
container: 'min-w-full border-separate border-spacing-0',
|
|
3015
|
+
containerWithLeftSide: 'border-separate border-spacing-0',
|
|
3016
3016
|
pinnedColumns: {
|
|
3017
|
-
left:
|
|
3018
|
-
right:
|
|
3017
|
+
left: '-4px 0 4px -4px gray inset',
|
|
3018
|
+
right: '4px 0 4px -4px gray inset'
|
|
3019
3019
|
},
|
|
3020
3020
|
head: {
|
|
3021
|
-
container:
|
|
3022
|
-
row:
|
|
3023
|
-
checkbox:
|
|
3021
|
+
container: '',
|
|
3022
|
+
row: '',
|
|
3023
|
+
checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6',
|
|
3024
3024
|
column: {
|
|
3025
3025
|
pinned: {
|
|
3026
|
-
cell:
|
|
3026
|
+
cell: 'bg-white sticky z-10 overflow-hidden text-ellipsis'
|
|
3027
3027
|
}
|
|
3028
3028
|
},
|
|
3029
3029
|
cell: {
|
|
3030
|
-
container:
|
|
3031
|
-
wrapper:
|
|
3032
|
-
text:
|
|
3030
|
+
container: 'py-3.5 px-3 text-left text-sm font-semibold text-gray-900 group border-b',
|
|
3031
|
+
wrapper: 'grid gap-x-1 items-center',
|
|
3032
|
+
text: 'whitespace-normal break-words',
|
|
3033
3033
|
sortIndicator: {
|
|
3034
|
-
container:
|
|
3035
|
-
isSorted:
|
|
3036
|
-
isNotSorted:
|
|
3034
|
+
container: 'ml-2 inline-flex items-center rounded',
|
|
3035
|
+
isSorted: 'bg-gray-100 text-gray-900 group-hover:bg-gray-200',
|
|
3036
|
+
isNotSorted: 'text-gray-400 group-hover:text-gray-900 group-hover:bg-gray-200',
|
|
3037
3037
|
icon: {
|
|
3038
|
-
container:
|
|
3038
|
+
container: 'w-5'
|
|
3039
3039
|
}
|
|
3040
3040
|
}
|
|
3041
3041
|
}
|
|
3042
3042
|
},
|
|
3043
3043
|
body: {
|
|
3044
|
-
container:
|
|
3045
|
-
row:
|
|
3046
|
-
striped:
|
|
3044
|
+
container: 'border',
|
|
3045
|
+
row: '',
|
|
3046
|
+
striped: 'bg-gray-50',
|
|
3047
3047
|
column: {
|
|
3048
3048
|
pinned: {
|
|
3049
|
-
cell:
|
|
3049
|
+
cell: 'bg-white sticky z-10 overflow-hidden text-ellipsis'
|
|
3050
3050
|
}
|
|
3051
3051
|
},
|
|
3052
|
-
cell:
|
|
3053
|
-
sticky:
|
|
3054
|
-
checkbox:
|
|
3055
|
-
indicator:
|
|
3052
|
+
cell: 'whitespace-nowrap py-2.5 px-3 text-sm text-gray-500',
|
|
3053
|
+
sticky: 'border-b border-gray-200',
|
|
3054
|
+
checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6',
|
|
3055
|
+
indicator: 'absolute inset-y-0 left-0 w-0.5 bg-primary-600'
|
|
3056
3056
|
}
|
|
3057
3057
|
}
|
|
3058
3058
|
},
|
|
3059
|
-
foot:
|
|
3060
|
-
leftSide:
|
|
3059
|
+
foot: '',
|
|
3060
|
+
leftSide: 'text-sm text-gray-500'
|
|
3061
3061
|
};
|
|
3062
3062
|
var $a159f18e2839f1e6$var$styles = {
|
|
3063
3063
|
base: $a159f18e2839f1e6$var$base,
|
|
3064
3064
|
loading: {
|
|
3065
|
-
container:
|
|
3065
|
+
container: 'flex flex-col gap-y-2 w-full pt-5',
|
|
3066
3066
|
row: {
|
|
3067
|
-
container:
|
|
3068
|
-
first:
|
|
3069
|
-
last:
|
|
3067
|
+
container: 'flex gap-2',
|
|
3068
|
+
first: 'w-20 h-12 rounded-md bg-gray-100 animate-pulse',
|
|
3069
|
+
last: 'w-full h-12 rounded-md bg-gray-100 animate-pulse'
|
|
3070
3070
|
}
|
|
3071
3071
|
},
|
|
3072
|
-
empty:
|
|
3072
|
+
empty: 'w-full flex justify-center my-2'
|
|
3073
3073
|
};
|
|
3074
3074
|
var $a159f18e2839f1e6$export$2e2bcd8739ae039 = $a159f18e2839f1e6$var$styles;
|
|
3075
3075
|
|
|
@@ -3135,8 +3135,8 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3135
3135
|
};
|
|
3136
3136
|
var initialVisibilityState = (0, $4MPRY$useMemo)(function() {
|
|
3137
3137
|
var _a;
|
|
3138
|
-
var columnAccessorKeys = (0, $4MPRY$compact)((0, $4MPRY$map)(config.columns,
|
|
3139
|
-
var columnIds = (0, $4MPRY$compact)((0, $4MPRY$map)(config.columns,
|
|
3138
|
+
var columnAccessorKeys = (0, $4MPRY$compact)((0, $4MPRY$map)(config.columns, 'accessorKey'));
|
|
3139
|
+
var columnIds = (0, $4MPRY$compact)((0, $4MPRY$map)(config.columns, 'id'));
|
|
3140
3140
|
var visibilityState = {};
|
|
3141
3141
|
if ((_a = config.options) === null || _a === void 0 ? void 0 : _a.defaultVisibility) (0, $4MPRY$forEach)(columnAccessorKeys, function(key) {
|
|
3142
3142
|
var _a;
|
|
@@ -3160,7 +3160,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3160
3160
|
getCoreRowModel: (0, $4MPRY$getCoreRowModel)(),
|
|
3161
3161
|
columns: isDraggable ? $df469b72efb8986e$var$__spreadArray([
|
|
3162
3162
|
{
|
|
3163
|
-
id:
|
|
3163
|
+
id: 'drag-handle',
|
|
3164
3164
|
header: dragConfig === null || dragConfig === void 0 ? void 0 : dragConfig.header,
|
|
3165
3165
|
cell: function(_a) {
|
|
3166
3166
|
var row = _a.row;
|
|
@@ -3179,14 +3179,14 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3179
3179
|
},
|
|
3180
3180
|
initialState: {
|
|
3181
3181
|
columnVisibility: isDraggable ? $df469b72efb8986e$var$__assign({
|
|
3182
|
-
|
|
3182
|
+
'drag-handle': true
|
|
3183
3183
|
}, initialVisibilityState) : initialVisibilityState,
|
|
3184
3184
|
columnOrder: isDraggable ? $df469b72efb8986e$var$__spreadArray([
|
|
3185
|
-
|
|
3185
|
+
'drag-handle'
|
|
3186
3186
|
], (_e = (_d = config.options) === null || _d === void 0 ? void 0 : _d.defaultOrder) !== null && _e !== void 0 ? _e : [], true) : (_f = config.options) === null || _f === void 0 ? void 0 : _f.defaultOrder,
|
|
3187
3187
|
columnPinning: {
|
|
3188
|
-
left: (_j = (0, $4MPRY$map)((_h = (_g = config.options) === null || _g === void 0 ? void 0 : _g.columnPinning) === null || _h === void 0 ? void 0 : _h.left,
|
|
3189
|
-
right: (_m = (0, $4MPRY$map)((_l = (_k = config.options) === null || _k === void 0 ? void 0 : _k.columnPinning) === null || _l === void 0 ? void 0 : _l.right,
|
|
3188
|
+
left: (_j = (0, $4MPRY$map)((_h = (_g = config.options) === null || _g === void 0 ? void 0 : _g.columnPinning) === null || _h === void 0 ? void 0 : _h.left, 'name')) !== null && _j !== void 0 ? _j : [],
|
|
3189
|
+
right: (_m = (0, $4MPRY$map)((_l = (_k = config.options) === null || _k === void 0 ? void 0 : _k.columnPinning) === null || _l === void 0 ? void 0 : _l.right, 'name')) !== null && _m !== void 0 ? _m : []
|
|
3190
3190
|
}
|
|
3191
3191
|
},
|
|
3192
3192
|
manualPagination: true,
|
|
@@ -3231,7 +3231,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3231
3231
|
else {
|
|
3232
3232
|
var columnKeys_1 = (0, $4MPRY$map)(table === null || table === void 0 ? void 0 : table.getAllColumns(), function(column) {
|
|
3233
3233
|
var _a;
|
|
3234
|
-
return (_a = column.id) !== null && _a !== void 0 ? _a : (0, $4MPRY$get)(column,
|
|
3234
|
+
return (_a = column.id) !== null && _a !== void 0 ? _a : (0, $4MPRY$get)(column, 'accessorKey');
|
|
3235
3235
|
});
|
|
3236
3236
|
var visibility_1 = {};
|
|
3237
3237
|
(0, $4MPRY$forEach)(columnKeys_1, function(key) {
|
|
@@ -3257,17 +3257,17 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3257
3257
|
var defaultOrder = (_b = config === null || config === void 0 ? void 0 : config.options) === null || _b === void 0 ? void 0 : _b.defaultOrder;
|
|
3258
3258
|
if (savedOrder) setColumnOrder(savedOrder);
|
|
3259
3259
|
else if (defaultOrder) setColumnOrder(isDraggable ? $df469b72efb8986e$var$__spreadArray([
|
|
3260
|
-
|
|
3260
|
+
'drag-handle'
|
|
3261
3261
|
], defaultOrder, true) : defaultOrder);
|
|
3262
3262
|
else if ((0, $4MPRY$some)(config.columns, function(column) {
|
|
3263
|
-
return (column === null || column === void 0 ? void 0 : column.id) || (0, $4MPRY$get)(column,
|
|
3263
|
+
return (column === null || column === void 0 ? void 0 : column.id) || (0, $4MPRY$get)(column, 'accessorKey');
|
|
3264
3264
|
})) {
|
|
3265
3265
|
var mappedColumns = (0, $4MPRY$map)(config.columns, function(column) {
|
|
3266
3266
|
var _a;
|
|
3267
|
-
return (_a = column === null || column === void 0 ? void 0 : column.id) !== null && _a !== void 0 ? _a : (0, $4MPRY$get)(column,
|
|
3267
|
+
return (_a = column === null || column === void 0 ? void 0 : column.id) !== null && _a !== void 0 ? _a : (0, $4MPRY$get)(column, 'accessorKey');
|
|
3268
3268
|
});
|
|
3269
3269
|
setColumnOrder(isDraggable ? $df469b72efb8986e$var$__spreadArray([
|
|
3270
|
-
|
|
3270
|
+
'drag-handle'
|
|
3271
3271
|
], mappedColumns, true) : mappedColumns);
|
|
3272
3272
|
}
|
|
3273
3273
|
}, [
|
|
@@ -3308,7 +3308,7 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3308
3308
|
transition: transition,
|
|
3309
3309
|
opacity: isDragging ? 0.8 : 1,
|
|
3310
3310
|
zIndex: isDragging ? 1 : 0,
|
|
3311
|
-
position:
|
|
3311
|
+
position: 'relative'
|
|
3312
3312
|
};
|
|
3313
3313
|
return (0, $4MPRY$jsx)("tr", {
|
|
3314
3314
|
ref: setNodeRef,
|
|
@@ -3332,13 +3332,13 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3332
3332
|
var sensors = (0, $4MPRY$useSensors)((0, $4MPRY$useSensor)((0, $4MPRY$MouseSensor), {}), (0, $4MPRY$useSensor)((0, $4MPRY$TouchSensor), {}), (0, $4MPRY$useSensor)((0, $4MPRY$KeyboardSensor), {}));
|
|
3333
3333
|
var getPinnedColumnsWidth = (0, $4MPRY$useCallback)(function(side, id) {
|
|
3334
3334
|
var _a, _b, _c, _d;
|
|
3335
|
-
var pinnedColumns = (0, $4MPRY$map)((_b = (_a = config.options) === null || _a === void 0 ? void 0 : _a.columnPinning) === null || _b === void 0 ? void 0 : _b[side],
|
|
3335
|
+
var pinnedColumns = (0, $4MPRY$map)((_b = (_a = config.options) === null || _a === void 0 ? void 0 : _a.columnPinning) === null || _b === void 0 ? void 0 : _b[side], 'size');
|
|
3336
3336
|
var pinnedColumnIndex = (0, $4MPRY$findIndex)((_d = (_c = config.options) === null || _c === void 0 ? void 0 : _c.columnPinning) === null || _d === void 0 ? void 0 : _d[side], {
|
|
3337
3337
|
name: id
|
|
3338
3338
|
});
|
|
3339
3339
|
if (pinnedColumnIndex === -1) return null;
|
|
3340
|
-
var startIndex = side ===
|
|
3341
|
-
var endIndex = side ===
|
|
3340
|
+
var startIndex = side === 'left' ? 0 : pinnedColumnIndex + 1;
|
|
3341
|
+
var endIndex = side === 'left' ? pinnedColumnIndex : pinnedColumns.length - pinnedColumnIndex + 1;
|
|
3342
3342
|
return pinnedColumns.slice(startIndex, endIndex).reduce(function(acc, size) {
|
|
3343
3343
|
return acc + size;
|
|
3344
3344
|
}, 0);
|
|
@@ -3360,8 +3360,8 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3360
3360
|
maxWidth: width,
|
|
3361
3361
|
minWidth: width,
|
|
3362
3362
|
boxShadow: ((_q = (_p = config.options) === null || _p === void 0 ? void 0 : _p.columnPinning) === null || _q === void 0 ? void 0 : _q.disableShadow) ? undefined : boxShadow,
|
|
3363
|
-
left: isPinned ===
|
|
3364
|
-
right: isPinned ===
|
|
3363
|
+
left: isPinned === 'left' ? "".concat(getPinnedColumnsWidth('left', column.id), "px") : undefined,
|
|
3364
|
+
right: isPinned === 'right' ? "".concat(getPinnedColumnsWidth('right', column.id), "px") : undefined
|
|
3365
3365
|
};
|
|
3366
3366
|
}, [
|
|
3367
3367
|
(_s = (_r = config.options) === null || _r === void 0 ? void 0 : _r.columnPinning) === null || _s === void 0 ? void 0 : _s.customShadow,
|
|
@@ -3405,18 +3405,18 @@ var $df469b72efb8986e$var$TableList2 = function(props) {
|
|
|
3405
3405
|
children: (0, $4MPRY$map)(headerGroup.headers, function(header) {
|
|
3406
3406
|
// Default sort icon to show a user that the column is sortable
|
|
3407
3407
|
var SortIconElement = (0, $4MPRY$ChevronUpDownIcon);
|
|
3408
|
-
if (header.column.getIsSorted()) SortIconElement = header.column.getIsSorted() ===
|
|
3408
|
+
if (header.column.getIsSorted()) SortIconElement = header.column.getIsSorted() === 'asc' ? (0, $4MPRY$ChevronUpIcon) : (0, $4MPRY$ChevronDownIcon);
|
|
3409
3409
|
return (0, $4MPRY$jsx)("th", {
|
|
3410
3410
|
colSpan: header.colSpan,
|
|
3411
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.body.table.head.cell.container, header.column.getCanSort() &&
|
|
3411
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.body.table.head.cell.container, header.column.getCanSort() && 'cursor-pointer', header.column.getIsPinned() && styles.body.table.head.column.pinned.cell),
|
|
3412
3412
|
onClick: header.column.getToggleSortingHandler(),
|
|
3413
3413
|
style: $df469b72efb8986e$var$__assign({
|
|
3414
|
-
minWidth: !!header.column.columnDef.size && header.column.columnDef.size !== 150 ? "".concat(header.column.columnDef.size, "px") :
|
|
3414
|
+
minWidth: !!header.column.columnDef.size && header.column.columnDef.size !== 150 ? "".concat(header.column.columnDef.size, "px") : 'auto'
|
|
3415
3415
|
}, getCommonPinningStyles(header.column)),
|
|
3416
3416
|
children: (0, $4MPRY$jsxs)("div", {
|
|
3417
3417
|
className: styles.body.table.head.cell.wrapper,
|
|
3418
3418
|
style: {
|
|
3419
|
-
gridTemplateColumns:
|
|
3419
|
+
gridTemplateColumns: '1fr auto'
|
|
3420
3420
|
},
|
|
3421
3421
|
children: [
|
|
3422
3422
|
header.isPlaceholder ? null : (0, $4MPRY$jsx)("div", {
|
|
@@ -3534,88 +3534,88 @@ var $fc6e6482f238e9ea$export$4b44a5cb9651fe5e = function() {
|
|
|
3534
3534
|
|
|
3535
3535
|
|
|
3536
3536
|
var $d35063ed95f33643$var$base = {
|
|
3537
|
-
container:
|
|
3538
|
-
list:
|
|
3539
|
-
separator:
|
|
3537
|
+
container: 'flex',
|
|
3538
|
+
list: 'flex',
|
|
3539
|
+
separator: '',
|
|
3540
3540
|
home: {
|
|
3541
|
-
container:
|
|
3542
|
-
content:
|
|
3543
|
-
link:
|
|
3544
|
-
icon:
|
|
3545
|
-
span:
|
|
3541
|
+
container: 'flex',
|
|
3542
|
+
content: 'flex items-center',
|
|
3543
|
+
link: 'text-gray-400 hover:text-gray-500',
|
|
3544
|
+
icon: 'h-5 w-5 flex-shrink-0',
|
|
3545
|
+
span: 'sr-only'
|
|
3546
3546
|
},
|
|
3547
3547
|
page: {
|
|
3548
|
-
container:
|
|
3549
|
-
content:
|
|
3550
|
-
link:
|
|
3548
|
+
container: 'flex',
|
|
3549
|
+
content: 'flex items-center',
|
|
3550
|
+
link: 'ml-4 text-sm font-medium text-gray-500 hover:text-gray-700'
|
|
3551
3551
|
}
|
|
3552
3552
|
};
|
|
3553
3553
|
var $d35063ed95f33643$var$slashes = {
|
|
3554
|
-
container:
|
|
3555
|
-
list:
|
|
3556
|
-
separator:
|
|
3554
|
+
container: '',
|
|
3555
|
+
list: 'items-center space-x-4',
|
|
3556
|
+
separator: 'h-5 w-5 flex-shrink-0 text-gray-400',
|
|
3557
3557
|
home: {
|
|
3558
|
-
container:
|
|
3559
|
-
content:
|
|
3560
|
-
link:
|
|
3561
|
-
icon:
|
|
3562
|
-
span:
|
|
3558
|
+
container: '',
|
|
3559
|
+
content: '',
|
|
3560
|
+
link: '',
|
|
3561
|
+
icon: '',
|
|
3562
|
+
span: ''
|
|
3563
3563
|
},
|
|
3564
3564
|
page: {
|
|
3565
|
-
container:
|
|
3566
|
-
content:
|
|
3567
|
-
link:
|
|
3565
|
+
container: '',
|
|
3566
|
+
content: '',
|
|
3567
|
+
link: ''
|
|
3568
3568
|
}
|
|
3569
3569
|
};
|
|
3570
3570
|
var $d35063ed95f33643$var$chevrons = {
|
|
3571
|
-
container:
|
|
3572
|
-
list:
|
|
3573
|
-
separator:
|
|
3571
|
+
container: '',
|
|
3572
|
+
list: 'items-center space-x-4',
|
|
3573
|
+
separator: 'h-5 w-5 flex-shrink-0 text-gray-400',
|
|
3574
3574
|
home: {
|
|
3575
|
-
container:
|
|
3576
|
-
content:
|
|
3577
|
-
link:
|
|
3578
|
-
icon:
|
|
3579
|
-
span:
|
|
3575
|
+
container: '',
|
|
3576
|
+
content: '',
|
|
3577
|
+
link: '',
|
|
3578
|
+
icon: '',
|
|
3579
|
+
span: ''
|
|
3580
3580
|
},
|
|
3581
3581
|
page: {
|
|
3582
|
-
container:
|
|
3583
|
-
content:
|
|
3584
|
-
link:
|
|
3582
|
+
container: '',
|
|
3583
|
+
content: '',
|
|
3584
|
+
link: ''
|
|
3585
3585
|
}
|
|
3586
3586
|
};
|
|
3587
3587
|
var $d35063ed95f33643$var$panel = {
|
|
3588
|
-
container:
|
|
3589
|
-
list:
|
|
3590
|
-
separator:
|
|
3588
|
+
container: '',
|
|
3589
|
+
list: 'space-x-4 rounded-md bg-white px-6 shadow',
|
|
3590
|
+
separator: 'h-full w-6 flex-shrink-0 text-gray-200',
|
|
3591
3591
|
home: {
|
|
3592
|
-
container:
|
|
3593
|
-
content:
|
|
3594
|
-
link:
|
|
3595
|
-
icon:
|
|
3596
|
-
span:
|
|
3592
|
+
container: '',
|
|
3593
|
+
content: '',
|
|
3594
|
+
link: '',
|
|
3595
|
+
icon: '',
|
|
3596
|
+
span: ''
|
|
3597
3597
|
},
|
|
3598
3598
|
page: {
|
|
3599
|
-
container:
|
|
3600
|
-
content:
|
|
3601
|
-
link:
|
|
3599
|
+
container: '',
|
|
3600
|
+
content: '',
|
|
3601
|
+
link: ''
|
|
3602
3602
|
}
|
|
3603
3603
|
};
|
|
3604
3604
|
var $d35063ed95f33643$var$bar = {
|
|
3605
|
-
container:
|
|
3606
|
-
list:
|
|
3607
|
-
separator:
|
|
3605
|
+
container: 'border-b border-gray-200 bg-white',
|
|
3606
|
+
list: 'mx-auto w-full max-w-screen-xl space-x-4 px-4 sm:px-6 lg:px-8',
|
|
3607
|
+
separator: 'h-full w-6 flex-shrink-0 text-gray-200',
|
|
3608
3608
|
home: {
|
|
3609
|
-
container:
|
|
3610
|
-
content:
|
|
3611
|
-
link:
|
|
3612
|
-
icon:
|
|
3613
|
-
span:
|
|
3609
|
+
container: '',
|
|
3610
|
+
content: '',
|
|
3611
|
+
link: '',
|
|
3612
|
+
icon: '',
|
|
3613
|
+
span: ''
|
|
3614
3614
|
},
|
|
3615
3615
|
page: {
|
|
3616
|
-
container:
|
|
3617
|
-
content:
|
|
3618
|
-
link:
|
|
3616
|
+
container: '',
|
|
3617
|
+
content: '',
|
|
3618
|
+
link: ''
|
|
3619
3619
|
}
|
|
3620
3620
|
};
|
|
3621
3621
|
var $d35063ed95f33643$var$styles = {
|
|
@@ -3629,7 +3629,7 @@ var $d35063ed95f33643$export$2e2bcd8739ae039 = $d35063ed95f33643$var$styles;
|
|
|
3629
3629
|
|
|
3630
3630
|
|
|
3631
3631
|
var $797c6dd505f17788$var$BreadcrumbsNavigation = function(props) {
|
|
3632
|
-
var _a = props.href, href = _a === void 0 ?
|
|
3632
|
+
var _a = props.href, href = _a === void 0 ? '/' : _a, pages = props.pages, _b = props.type, type = _b === void 0 ? 'slashes' : _b, customSeparator = props.separator, stylesOverrides = props.styles;
|
|
3633
3633
|
var handleGenerateStyle = function() {
|
|
3634
3634
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $d35063ed95f33643$export$2e2bcd8739ae039).base);
|
|
3635
3635
|
var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $d35063ed95f33643$export$2e2bcd8739ae039).base);
|
|
@@ -3642,7 +3642,7 @@ var $797c6dd505f17788$var$BreadcrumbsNavigation = function(props) {
|
|
|
3642
3642
|
var separator = (0, $4MPRY$useMemo)(function() {
|
|
3643
3643
|
var component;
|
|
3644
3644
|
switch(type){
|
|
3645
|
-
case
|
|
3645
|
+
case 'slashes':
|
|
3646
3646
|
component = (0, $4MPRY$jsx)("svg", {
|
|
3647
3647
|
className: styles.separator,
|
|
3648
3648
|
fill: "currentColor",
|
|
@@ -3653,13 +3653,13 @@ var $797c6dd505f17788$var$BreadcrumbsNavigation = function(props) {
|
|
|
3653
3653
|
})
|
|
3654
3654
|
});
|
|
3655
3655
|
break;
|
|
3656
|
-
case
|
|
3656
|
+
case 'chevrons':
|
|
3657
3657
|
component = (0, $4MPRY$jsx)((0, $4MPRY$ChevronRightIcon), {
|
|
3658
3658
|
className: styles.separator,
|
|
3659
3659
|
"aria-hidden": "true"
|
|
3660
3660
|
});
|
|
3661
3661
|
break;
|
|
3662
|
-
case
|
|
3662
|
+
case 'panel':
|
|
3663
3663
|
component = (0, $4MPRY$jsx)("svg", {
|
|
3664
3664
|
className: styles.separator,
|
|
3665
3665
|
viewBox: "0 0 24 44",
|
|
@@ -3671,7 +3671,7 @@ var $797c6dd505f17788$var$BreadcrumbsNavigation = function(props) {
|
|
|
3671
3671
|
})
|
|
3672
3672
|
});
|
|
3673
3673
|
break;
|
|
3674
|
-
case
|
|
3674
|
+
case 'bar':
|
|
3675
3675
|
component = (0, $4MPRY$jsx)("svg", {
|
|
3676
3676
|
className: styles.separator,
|
|
3677
3677
|
viewBox: "0 0 24 44",
|
|
@@ -3724,7 +3724,7 @@ var $797c6dd505f17788$var$BreadcrumbsNavigation = function(props) {
|
|
|
3724
3724
|
(0, $4MPRY$jsx)("a", {
|
|
3725
3725
|
href: page.href,
|
|
3726
3726
|
className: styles.page.link,
|
|
3727
|
-
"aria-current": page.isCurrent ?
|
|
3727
|
+
"aria-current": page.isCurrent ? 'page' : undefined,
|
|
3728
3728
|
children: page.name
|
|
3729
3729
|
})
|
|
3730
3730
|
]
|
|
@@ -3759,26 +3759,26 @@ var $797c6dd505f17788$export$2e2bcd8739ae039 = $797c6dd505f17788$var$Breadcrumbs
|
|
|
3759
3759
|
|
|
3760
3760
|
|
|
3761
3761
|
var $3d664313fa815a29$var$base = {
|
|
3762
|
-
container:
|
|
3762
|
+
container: 'flex items-center justify-between border-t border-gray-200 px-4 sm:px-0',
|
|
3763
3763
|
left: {
|
|
3764
|
-
container:
|
|
3765
|
-
button:
|
|
3766
|
-
icon:
|
|
3764
|
+
container: '-mt-px flex w-0 flex-1',
|
|
3765
|
+
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',
|
|
3766
|
+
icon: 'mr-3 h-5 w-5 text-gray-400'
|
|
3767
3767
|
},
|
|
3768
3768
|
center: {
|
|
3769
|
-
container:
|
|
3769
|
+
container: 'hidden md:-mt-px md:flex'
|
|
3770
3770
|
},
|
|
3771
3771
|
right: {
|
|
3772
|
-
container:
|
|
3773
|
-
button:
|
|
3774
|
-
icon:
|
|
3772
|
+
container: '-mt-px flex w-0 flex-1 justify-end',
|
|
3773
|
+
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',
|
|
3774
|
+
icon: 'ml-3 h-5 w-5 text-gray-400'
|
|
3775
3775
|
},
|
|
3776
3776
|
button: {
|
|
3777
|
-
default:
|
|
3778
|
-
active:
|
|
3779
|
-
disabled:
|
|
3777
|
+
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',
|
|
3778
|
+
active: 'border-primary-500 text-primary-600',
|
|
3779
|
+
disabled: 'opacity-20 cursor-not-allowed'
|
|
3780
3780
|
},
|
|
3781
|
-
divider:
|
|
3781
|
+
divider: 'inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500'
|
|
3782
3782
|
};
|
|
3783
3783
|
var $3d664313fa815a29$var$styles = {
|
|
3784
3784
|
base: $3d664313fa815a29$var$base
|
|
@@ -3799,10 +3799,10 @@ var $56d2586955e116da$var$PagePaginationNavigation = function(props) {
|
|
|
3799
3799
|
};
|
|
3800
3800
|
var styles = handleGenerateStyle();
|
|
3801
3801
|
var pageType = (0, $4MPRY$useMemo)(function() {
|
|
3802
|
-
var result =
|
|
3803
|
-
if (current < min + 2) result =
|
|
3804
|
-
if (current > max - 2) result =
|
|
3805
|
-
if (max <= 4) result =
|
|
3802
|
+
var result = 'center';
|
|
3803
|
+
if (current < min + 2) result = 'first';
|
|
3804
|
+
if (current > max - 2) result = 'last';
|
|
3805
|
+
if (max <= 4) result = 'simple';
|
|
3806
3806
|
return result;
|
|
3807
3807
|
}, [
|
|
3808
3808
|
current,
|
|
@@ -3811,7 +3811,7 @@ var $56d2586955e116da$var$PagePaginationNavigation = function(props) {
|
|
|
3811
3811
|
]);
|
|
3812
3812
|
var component;
|
|
3813
3813
|
switch(pageType){
|
|
3814
|
-
case
|
|
3814
|
+
case 'first':
|
|
3815
3815
|
component = (0, $4MPRY$jsxs)((0, $4MPRY$Fragment), {
|
|
3816
3816
|
children: [
|
|
3817
3817
|
(0, $4MPRY$jsx)("button", {
|
|
@@ -3849,7 +3849,7 @@ var $56d2586955e116da$var$PagePaginationNavigation = function(props) {
|
|
|
3849
3849
|
]
|
|
3850
3850
|
});
|
|
3851
3851
|
break;
|
|
3852
|
-
case
|
|
3852
|
+
case 'center':
|
|
3853
3853
|
component = (0, $4MPRY$jsxs)((0, $4MPRY$Fragment), {
|
|
3854
3854
|
children: [
|
|
3855
3855
|
(0, $4MPRY$jsx)("button", {
|
|
@@ -3898,7 +3898,7 @@ var $56d2586955e116da$var$PagePaginationNavigation = function(props) {
|
|
|
3898
3898
|
]
|
|
3899
3899
|
});
|
|
3900
3900
|
break;
|
|
3901
|
-
case
|
|
3901
|
+
case 'last':
|
|
3902
3902
|
component = (0, $4MPRY$jsxs)((0, $4MPRY$Fragment), {
|
|
3903
3903
|
children: [
|
|
3904
3904
|
(0, $4MPRY$jsx)("button", {
|
|
@@ -3936,7 +3936,7 @@ var $56d2586955e116da$var$PagePaginationNavigation = function(props) {
|
|
|
3936
3936
|
]
|
|
3937
3937
|
});
|
|
3938
3938
|
break;
|
|
3939
|
-
case
|
|
3939
|
+
case 'simple':
|
|
3940
3940
|
component = (0, $4MPRY$jsxs)((0, $4MPRY$Fragment), {
|
|
3941
3941
|
children: [
|
|
3942
3942
|
(0, $4MPRY$jsx)("button", {
|
|
@@ -4029,40 +4029,40 @@ var $56d2586955e116da$export$2e2bcd8739ae039 = $56d2586955e116da$var$PagePaginat
|
|
|
4029
4029
|
|
|
4030
4030
|
|
|
4031
4031
|
var $579a3cb18d8026e0$var$defaultStyles = {
|
|
4032
|
-
container:
|
|
4032
|
+
container: '',
|
|
4033
4033
|
list: {
|
|
4034
|
-
container:
|
|
4035
|
-
head:
|
|
4036
|
-
body:
|
|
4037
|
-
label:
|
|
4038
|
-
select:
|
|
4039
|
-
navigation:
|
|
4034
|
+
container: '',
|
|
4035
|
+
head: 'sm:hidden',
|
|
4036
|
+
body: 'hidden sm:block',
|
|
4037
|
+
label: 'sr-only',
|
|
4038
|
+
select: 'block w-full rounded-md border border-gray-300 py-2 px-3 text-base focus:border-primary-500 focus:outline-none focus:ring-primary-500 sm:text-sm',
|
|
4039
|
+
navigation: 'border-b border-gray-200 -mb-px flex space-x-8'
|
|
4040
4040
|
},
|
|
4041
4041
|
tab: {
|
|
4042
|
-
base:
|
|
4043
|
-
active:
|
|
4044
|
-
inactive:
|
|
4042
|
+
base: 'cursor-pointer',
|
|
4043
|
+
active: '',
|
|
4044
|
+
inactive: ''
|
|
4045
4045
|
}
|
|
4046
4046
|
};
|
|
4047
4047
|
var $579a3cb18d8026e0$var$underline = {
|
|
4048
4048
|
tab: {
|
|
4049
|
-
base:
|
|
4050
|
-
active:
|
|
4051
|
-
inactive:
|
|
4049
|
+
base: 'whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm cursor-pointer',
|
|
4050
|
+
active: 'border-primary-500 text-primary-600',
|
|
4051
|
+
inactive: 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
|
|
4052
4052
|
}
|
|
4053
4053
|
};
|
|
4054
4054
|
var $579a3cb18d8026e0$var$pills = {
|
|
4055
4055
|
tab: {
|
|
4056
|
-
base:
|
|
4057
|
-
active:
|
|
4058
|
-
inactive:
|
|
4056
|
+
base: 'px-3 py-2 font-medium text-sm rounded-md cursor-pointer',
|
|
4057
|
+
active: 'bg-gray-100 text-gray-700',
|
|
4058
|
+
inactive: 'text-gray-500 hover:text-gray-700'
|
|
4059
4059
|
}
|
|
4060
4060
|
};
|
|
4061
4061
|
var $579a3cb18d8026e0$var$buttons = {
|
|
4062
4062
|
tab: {
|
|
4063
|
-
base:
|
|
4064
|
-
active:
|
|
4065
|
-
inactive:
|
|
4063
|
+
base: 'whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm cursor-pointer',
|
|
4064
|
+
active: 'border-primary-500 text-primary-600',
|
|
4065
|
+
inactive: 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
|
|
4066
4066
|
}
|
|
4067
4067
|
};
|
|
4068
4068
|
var $579a3cb18d8026e0$var$styles = {
|
|
@@ -4086,7 +4086,7 @@ var $fa0fc9b7e04a1799$var$__assign = undefined && undefined.__assign || function
|
|
|
4086
4086
|
};
|
|
4087
4087
|
var $fa0fc9b7e04a1799$var$Container = function(props) {
|
|
4088
4088
|
var children = props.children, stylesOverrides = props.styles;
|
|
4089
|
-
var _a = (0, $4MPRY$useState)(
|
|
4089
|
+
var _a = (0, $4MPRY$useState)(''), active = _a[0], setActive = _a[1];
|
|
4090
4090
|
var handleGenerateStyle = function() {
|
|
4091
4091
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $579a3cb18d8026e0$export$2e2bcd8739ae039).base);
|
|
4092
4092
|
var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $579a3cb18d8026e0$export$2e2bcd8739ae039).base);
|
|
@@ -4191,7 +4191,8 @@ var $fa0fc9b7e04a1799$var$List = function(props) {
|
|
|
4191
4191
|
});
|
|
4192
4192
|
};
|
|
4193
4193
|
var $fa0fc9b7e04a1799$var$Item = function(props) {
|
|
4194
|
-
var children = props.children, _a = props.as, LinkComponent = _a === void 0 ?
|
|
4194
|
+
var children = props.children, _a = props.as, LinkComponent = _a === void 0 ? 'a' : _a, _b = props.type, type = _b === void 0 ? 'underline' : _b, href = props.href, isCurrent = props.isCurrent, onClick = props.onClick, stylesOverrides = props.styles, isLoading = props.isLoading, isHidden = props.isHidden;
|
|
4195
|
+
if (isHidden) return null;
|
|
4195
4196
|
var handleGenerateStyle = function() {
|
|
4196
4197
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $579a3cb18d8026e0$export$2e2bcd8739ae039).base);
|
|
4197
4198
|
var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $579a3cb18d8026e0$export$2e2bcd8739ae039).base);
|
|
@@ -4203,12 +4204,12 @@ var $fa0fc9b7e04a1799$var$Item = function(props) {
|
|
|
4203
4204
|
var styles = handleGenerateStyle();
|
|
4204
4205
|
if (href && LinkComponent) return (0, $4MPRY$jsx)(LinkComponent, {
|
|
4205
4206
|
href: href,
|
|
4206
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading &&
|
|
4207
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 !text-gray-300 !cursor-default', isLoading && styles.tab.inactive),
|
|
4207
4208
|
onClick: onClick,
|
|
4208
4209
|
children: children
|
|
4209
4210
|
});
|
|
4210
4211
|
return (0, $4MPRY$jsx)("div", {
|
|
4211
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading &&
|
|
4212
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 !text-gray-300 !cursor-default', isLoading && styles.tab.inactive),
|
|
4212
4213
|
onClick: !isLoading ? onClick : function() {
|
|
4213
4214
|
return null;
|
|
4214
4215
|
},
|
|
@@ -4234,12 +4235,12 @@ var $fa0fc9b7e04a1799$export$2e2bcd8739ae039 = $fa0fc9b7e04a1799$var$TabNavigati
|
|
|
4234
4235
|
|
|
4235
4236
|
|
|
4236
4237
|
var $b2c3106d537b59bc$var$styles = {
|
|
4237
|
-
container:
|
|
4238
|
-
list:
|
|
4238
|
+
container: '',
|
|
4239
|
+
list: 'space-y-1',
|
|
4239
4240
|
item: {
|
|
4240
|
-
base:
|
|
4241
|
-
active:
|
|
4242
|
-
notActive:
|
|
4241
|
+
base: 'flex items-center px-3 py-2 text-sm font-medium rounded-md cursor-pointer',
|
|
4242
|
+
active: 'bg-gray-100 text-gray-900',
|
|
4243
|
+
notActive: 'text-gray-600 hover:bg-gray-50 hover:text-gray-900'
|
|
4243
4244
|
}
|
|
4244
4245
|
};
|
|
4245
4246
|
var $b2c3106d537b59bc$export$2e2bcd8739ae039 = $b2c3106d537b59bc$var$styles;
|
|
@@ -4247,7 +4248,7 @@ var $b2c3106d537b59bc$export$2e2bcd8739ae039 = $b2c3106d537b59bc$var$styles;
|
|
|
4247
4248
|
|
|
4248
4249
|
var $860faaa2c7bb1f36$var$Container = function(props) {
|
|
4249
4250
|
var children = props.children, stylesOverrides = props.styles;
|
|
4250
|
-
var _a = (0, $4MPRY$useState)(
|
|
4251
|
+
var _a = (0, $4MPRY$useState)(''), active = _a[0], setActive = _a[1];
|
|
4251
4252
|
return (0, $4MPRY$jsx)("div", {
|
|
4252
4253
|
className: stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.container,
|
|
4253
4254
|
children: children({
|
|
@@ -4278,10 +4279,10 @@ var $860faaa2c7bb1f36$var$List = function(props) {
|
|
|
4278
4279
|
});
|
|
4279
4280
|
};
|
|
4280
4281
|
var $860faaa2c7bb1f36$var$Item = function(props) {
|
|
4281
|
-
var children = props.children, href = props.href, isCurrent = props.isCurrent, _a = props.linkComponent, LinkComponent = _a === void 0 ?
|
|
4282
|
+
var children = props.children, href = props.href, isCurrent = props.isCurrent, _a = props.linkComponent, LinkComponent = _a === void 0 ? 'a' : _a, onClick = props.onClick;
|
|
4282
4283
|
return (0, $4MPRY$jsx)(LinkComponent, {
|
|
4283
4284
|
href: href,
|
|
4284
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $b2c3106d537b59bc$export$2e2bcd8739ae039).item[isCurrent ?
|
|
4285
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $b2c3106d537b59bc$export$2e2bcd8739ae039).item[isCurrent ? 'active' : 'notActive'], (0, $b2c3106d537b59bc$export$2e2bcd8739ae039).item.base),
|
|
4285
4286
|
onClick: onClick,
|
|
4286
4287
|
children: children
|
|
4287
4288
|
});
|
|
@@ -4309,57 +4310,57 @@ var $860faaa2c7bb1f36$export$2e2bcd8739ae039 = $860faaa2c7bb1f36$var$VerticalNav
|
|
|
4309
4310
|
|
|
4310
4311
|
|
|
4311
4312
|
var $35edca6e99ea4ea0$var$base = {
|
|
4312
|
-
container:
|
|
4313
|
+
container: 'relative z-20',
|
|
4313
4314
|
background: {
|
|
4314
|
-
container:
|
|
4315
|
+
container: 'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
|
|
4315
4316
|
transition: {
|
|
4316
|
-
enter:
|
|
4317
|
-
enterFrom:
|
|
4318
|
-
enterTo:
|
|
4319
|
-
leave:
|
|
4320
|
-
leaveFrom:
|
|
4321
|
-
leaveTo:
|
|
4317
|
+
enter: 'ease-out duration-300',
|
|
4318
|
+
enterFrom: 'opacity-0',
|
|
4319
|
+
enterTo: 'opacity-100',
|
|
4320
|
+
leave: 'ease-in duration-200',
|
|
4321
|
+
leaveFrom: 'opacity-100',
|
|
4322
|
+
leaveTo: 'opacity-0'
|
|
4322
4323
|
}
|
|
4323
4324
|
},
|
|
4324
4325
|
layout: {
|
|
4325
|
-
container:
|
|
4326
|
-
content:
|
|
4326
|
+
container: 'fixed inset-0 z-40 overflow-y-auto',
|
|
4327
|
+
content: 'flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0'
|
|
4327
4328
|
},
|
|
4328
4329
|
panel: {
|
|
4329
|
-
container:
|
|
4330
|
+
container: 'relative transform rounded-lg bg-white w-full shadow-xl transition-all sm:w-full text-left',
|
|
4330
4331
|
transition: {
|
|
4331
|
-
enter:
|
|
4332
|
-
enterFrom:
|
|
4333
|
-
enterTo:
|
|
4334
|
-
leave:
|
|
4335
|
-
leaveFrom:
|
|
4336
|
-
leaveTo:
|
|
4332
|
+
enter: 'ease-out duration-300',
|
|
4333
|
+
enterFrom: 'opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95',
|
|
4334
|
+
enterTo: 'opacity-100 translate-y-0 sm:scale-100',
|
|
4335
|
+
leave: 'ease-in duration-200',
|
|
4336
|
+
leaveFrom: 'opacity-100 translate-y-0 sm:scale-100',
|
|
4337
|
+
leaveTo: 'opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95'
|
|
4337
4338
|
}
|
|
4338
4339
|
}
|
|
4339
4340
|
};
|
|
4340
4341
|
var $35edca6e99ea4ea0$var$xs = {
|
|
4341
4342
|
panel: {
|
|
4342
|
-
container:
|
|
4343
|
+
container: 'sm:max-w-xs'
|
|
4343
4344
|
}
|
|
4344
4345
|
};
|
|
4345
4346
|
var $35edca6e99ea4ea0$var$sm = {
|
|
4346
4347
|
panel: {
|
|
4347
|
-
container:
|
|
4348
|
+
container: 'sm:max-w-sm'
|
|
4348
4349
|
}
|
|
4349
4350
|
};
|
|
4350
4351
|
var $35edca6e99ea4ea0$var$md = {
|
|
4351
4352
|
panel: {
|
|
4352
|
-
container:
|
|
4353
|
+
container: 'sm:max-w-md'
|
|
4353
4354
|
}
|
|
4354
4355
|
};
|
|
4355
4356
|
var $35edca6e99ea4ea0$var$lg = {
|
|
4356
4357
|
panel: {
|
|
4357
|
-
container:
|
|
4358
|
+
container: 'sm:max-w-2xl'
|
|
4358
4359
|
}
|
|
4359
4360
|
};
|
|
4360
4361
|
var $35edca6e99ea4ea0$var$xl = {
|
|
4361
4362
|
panel: {
|
|
4362
|
-
container:
|
|
4363
|
+
container: 'sm:max-w-4xl'
|
|
4363
4364
|
}
|
|
4364
4365
|
};
|
|
4365
4366
|
var $35edca6e99ea4ea0$var$styles = {
|
|
@@ -4374,7 +4375,7 @@ var $35edca6e99ea4ea0$export$2e2bcd8739ae039 = $35edca6e99ea4ea0$var$styles;
|
|
|
4374
4375
|
|
|
4375
4376
|
|
|
4376
4377
|
var $d467f992ffa88739$var$ModalOverlay = function(props) {
|
|
4377
|
-
var children = props.children, trigger = props.trigger, _a = props.size, size = _a === void 0 ?
|
|
4378
|
+
var children = props.children, trigger = props.trigger, _a = props.size, size = _a === void 0 ? 'md' : _a, stylesOverrides = props.styles, dataCy = props.dataCy, onOpen = props.onOpen, onClose = props.onClose;
|
|
4378
4379
|
var _b = (0, $4MPRY$useState)(trigger ? false : true), isOpen = _b[0], setIsOpen = _b[1];
|
|
4379
4380
|
var handleClose = (0, $4MPRY$useCallback)(function() {
|
|
4380
4381
|
setIsOpen(false);
|
|
@@ -4468,25 +4469,25 @@ var $d467f992ffa88739$export$2e2bcd8739ae039 = $d467f992ffa88739$var$ModalOverla
|
|
|
4468
4469
|
|
|
4469
4470
|
var $3bf3edb7ee8a22f4$var$base = {
|
|
4470
4471
|
container: {
|
|
4471
|
-
outer:
|
|
4472
|
-
inner:
|
|
4472
|
+
outer: 'pointer-events-none fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6 z-30',
|
|
4473
|
+
inner: 'flex w-full flex-col items-center space-y-4 sm:items-end'
|
|
4473
4474
|
},
|
|
4474
4475
|
item: {
|
|
4475
|
-
container:
|
|
4476
|
+
container: 'relative',
|
|
4476
4477
|
layout: {
|
|
4477
|
-
container:
|
|
4478
|
-
content:
|
|
4479
|
-
inner:
|
|
4478
|
+
container: 'fixed inset-0 overflow-hidden',
|
|
4479
|
+
content: 'absolute inset-0 overflow-hidden',
|
|
4480
|
+
inner: 'pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10'
|
|
4480
4481
|
},
|
|
4481
4482
|
panel: {
|
|
4482
|
-
container:
|
|
4483
|
+
container: 'pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5',
|
|
4483
4484
|
transition: {
|
|
4484
|
-
enter:
|
|
4485
|
-
enterFrom:
|
|
4486
|
-
enterTo:
|
|
4487
|
-
leave:
|
|
4488
|
-
leaveFrom:
|
|
4489
|
-
leaveTo:
|
|
4485
|
+
enter: 'transform ease-out duration-300 transition',
|
|
4486
|
+
enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2',
|
|
4487
|
+
enterTo: 'translate-y-0 opacity-100 sm:translate-x-0',
|
|
4488
|
+
leave: 'transition ease-in duration-100',
|
|
4489
|
+
leaveFrom: 'opacity-100',
|
|
4490
|
+
leaveTo: 'opacity-0'
|
|
4490
4491
|
}
|
|
4491
4492
|
}
|
|
4492
4493
|
}
|
|
@@ -4494,35 +4495,35 @@ var $3bf3edb7ee8a22f4$var$base = {
|
|
|
4494
4495
|
var $3bf3edb7ee8a22f4$var$xs = {
|
|
4495
4496
|
item: {
|
|
4496
4497
|
panel: {
|
|
4497
|
-
container:
|
|
4498
|
+
container: 'sm:max-w-xs'
|
|
4498
4499
|
}
|
|
4499
4500
|
}
|
|
4500
4501
|
};
|
|
4501
4502
|
var $3bf3edb7ee8a22f4$var$sm = {
|
|
4502
4503
|
item: {
|
|
4503
4504
|
panel: {
|
|
4504
|
-
container:
|
|
4505
|
+
container: 'sm:max-w-sm'
|
|
4505
4506
|
}
|
|
4506
4507
|
}
|
|
4507
4508
|
};
|
|
4508
4509
|
var $3bf3edb7ee8a22f4$var$md = {
|
|
4509
4510
|
item: {
|
|
4510
4511
|
panel: {
|
|
4511
|
-
container:
|
|
4512
|
+
container: 'sm:max-w-md'
|
|
4512
4513
|
}
|
|
4513
4514
|
}
|
|
4514
4515
|
};
|
|
4515
4516
|
var $3bf3edb7ee8a22f4$var$lg = {
|
|
4516
4517
|
item: {
|
|
4517
4518
|
panel: {
|
|
4518
|
-
container:
|
|
4519
|
+
container: 'sm:max-w-2xl'
|
|
4519
4520
|
}
|
|
4520
4521
|
}
|
|
4521
4522
|
};
|
|
4522
4523
|
var $3bf3edb7ee8a22f4$var$xl = {
|
|
4523
4524
|
item: {
|
|
4524
4525
|
panel: {
|
|
4525
|
-
container:
|
|
4526
|
+
container: 'sm:max-w-4xl'
|
|
4526
4527
|
}
|
|
4527
4528
|
}
|
|
4528
4529
|
};
|
|
@@ -4558,7 +4559,7 @@ var $0a39296cb800ec26$var$NotificationOverlayContainer = function(_a) {
|
|
|
4558
4559
|
});
|
|
4559
4560
|
};
|
|
4560
4561
|
var $0a39296cb800ec26$var$NotificationOverlayItem = function(props) {
|
|
4561
|
-
var children = props.children, trigger = props.trigger, _a = props.size, size = _a === void 0 ?
|
|
4562
|
+
var children = props.children, trigger = props.trigger, _a = props.size, size = _a === void 0 ? 'md' : _a, stylesOverrides = props.styles;
|
|
4562
4563
|
var _b = (0, $4MPRY$useState)(trigger ? false : true), isOpen = _b[0], setIsOpen = _b[1];
|
|
4563
4564
|
var options = (0, $4MPRY$useMemo)(function() {
|
|
4564
4565
|
return {
|
|
@@ -4614,58 +4615,58 @@ var $0a39296cb800ec26$export$2e2bcd8739ae039 = $0a39296cb800ec26$var$Notificatio
|
|
|
4614
4615
|
|
|
4615
4616
|
|
|
4616
4617
|
var $19b812b9e566cf40$var$base = {
|
|
4617
|
-
container:
|
|
4618
|
+
container: 'relative z-20',
|
|
4618
4619
|
background: {
|
|
4619
|
-
container:
|
|
4620
|
+
container: 'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
|
|
4620
4621
|
transition: {
|
|
4621
|
-
enter:
|
|
4622
|
-
enterFrom:
|
|
4623
|
-
enterTo:
|
|
4624
|
-
leave:
|
|
4625
|
-
leaveFrom:
|
|
4626
|
-
leaveTo:
|
|
4622
|
+
enter: 'ease-in-out duration-500',
|
|
4623
|
+
enterFrom: 'opacity-0',
|
|
4624
|
+
enterTo: 'opacity-100',
|
|
4625
|
+
leave: 'ease-in-out duration-500',
|
|
4626
|
+
leaveFrom: 'opacity-100',
|
|
4627
|
+
leaveTo: 'opacity-0'
|
|
4627
4628
|
}
|
|
4628
4629
|
},
|
|
4629
4630
|
layout: {
|
|
4630
|
-
container:
|
|
4631
|
-
content:
|
|
4632
|
-
inner:
|
|
4631
|
+
container: 'fixed inset-0 overflow-hidden',
|
|
4632
|
+
content: 'absolute inset-0 overflow-hidden',
|
|
4633
|
+
inner: 'pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10'
|
|
4633
4634
|
},
|
|
4634
4635
|
panel: {
|
|
4635
|
-
container:
|
|
4636
|
+
container: 'pointer-events-auto w-screen bg-white',
|
|
4636
4637
|
transition: {
|
|
4637
|
-
enter:
|
|
4638
|
-
enterFrom:
|
|
4639
|
-
enterTo:
|
|
4640
|
-
leave:
|
|
4641
|
-
leaveFrom:
|
|
4642
|
-
leaveTo:
|
|
4638
|
+
enter: 'transform transition ease-in-out duration-500 sm:duration-700',
|
|
4639
|
+
enterFrom: 'translate-x-full',
|
|
4640
|
+
enterTo: 'translate-x-0',
|
|
4641
|
+
leave: 'transform transition ease-in-out duration-500 sm:duration-700',
|
|
4642
|
+
leaveFrom: 'translate-x-0',
|
|
4643
|
+
leaveTo: 'translate-x-full'
|
|
4643
4644
|
}
|
|
4644
4645
|
}
|
|
4645
4646
|
};
|
|
4646
4647
|
var $19b812b9e566cf40$var$xs = {
|
|
4647
4648
|
panel: {
|
|
4648
|
-
container:
|
|
4649
|
+
container: 'sm:max-w-xs'
|
|
4649
4650
|
}
|
|
4650
4651
|
};
|
|
4651
4652
|
var $19b812b9e566cf40$var$sm = {
|
|
4652
4653
|
panel: {
|
|
4653
|
-
container:
|
|
4654
|
+
container: 'sm:max-w-sm'
|
|
4654
4655
|
}
|
|
4655
4656
|
};
|
|
4656
4657
|
var $19b812b9e566cf40$var$md = {
|
|
4657
4658
|
panel: {
|
|
4658
|
-
container:
|
|
4659
|
+
container: 'sm:max-w-md'
|
|
4659
4660
|
}
|
|
4660
4661
|
};
|
|
4661
4662
|
var $19b812b9e566cf40$var$lg = {
|
|
4662
4663
|
panel: {
|
|
4663
|
-
container:
|
|
4664
|
+
container: 'sm:max-w-2xl'
|
|
4664
4665
|
}
|
|
4665
4666
|
};
|
|
4666
4667
|
var $19b812b9e566cf40$var$xl = {
|
|
4667
4668
|
panel: {
|
|
4668
|
-
container:
|
|
4669
|
+
container: 'sm:max-w-4xl'
|
|
4669
4670
|
}
|
|
4670
4671
|
};
|
|
4671
4672
|
var $19b812b9e566cf40$var$styles = {
|
|
@@ -4680,7 +4681,7 @@ var $19b812b9e566cf40$export$2e2bcd8739ae039 = $19b812b9e566cf40$var$styles;
|
|
|
4680
4681
|
|
|
4681
4682
|
|
|
4682
4683
|
var $434e0b441c881466$var$SlideOverOverlay = function(props) {
|
|
4683
|
-
var children = props.children, trigger = props.trigger, _a = props.size, size = _a === void 0 ?
|
|
4684
|
+
var children = props.children, trigger = props.trigger, _a = props.size, size = _a === void 0 ? 'md' : _a, stylesOverrides = props.styles;
|
|
4684
4685
|
var _b = (0, $4MPRY$useState)(trigger ? false : true), isOpen = _b[0], setIsOpen = _b[1];
|
|
4685
4686
|
var options = (0, $4MPRY$useMemo)(function() {
|
|
4686
4687
|
return {
|
|
@@ -4767,22 +4768,22 @@ var $434e0b441c881466$export$2e2bcd8739ae039 = $434e0b441c881466$var$SlideOverOv
|
|
|
4767
4768
|
|
|
4768
4769
|
var $09a217cbe9c81afa$var$styles = {
|
|
4769
4770
|
controls: {
|
|
4770
|
-
container:
|
|
4771
|
-
content:
|
|
4772
|
-
head:
|
|
4773
|
-
body:
|
|
4771
|
+
container: 'flex-row justify-between z-10 relative mb-4 gap-2 hidden',
|
|
4772
|
+
content: 'absolute rounded-md z-20 bg-white w-fit -translate-x-1/2 my-2 flex flex-col border-[1px]',
|
|
4773
|
+
head: '',
|
|
4774
|
+
body: 'flex flex-row justify-end gap-2',
|
|
4774
4775
|
dropdown: {
|
|
4775
|
-
reset:
|
|
4776
|
-
container:
|
|
4777
|
-
input:
|
|
4778
|
-
label:
|
|
4779
|
-
actions:
|
|
4780
|
-
upIcon:
|
|
4781
|
-
downIcon:
|
|
4776
|
+
reset: 'flex px-4 py-2 text-sm cursor-pointer hover:bg-red-100 bg-red-50 items-center flex-row gap-3',
|
|
4777
|
+
container: 'px-4 py-2 text-sm flex flex-row items-center font-medium group',
|
|
4778
|
+
input: 'mr-3 cursor-pointer',
|
|
4779
|
+
label: 'mr-3',
|
|
4780
|
+
actions: 'w-10 grid text-white grid-cols-2 gap-2 group-hover:grid group-hover:text-gray-400',
|
|
4781
|
+
upIcon: 'w-5 h-5 -scale-y-100 hover:text-black hover:bg-gray-200 rounded-md cursor-pointer',
|
|
4782
|
+
downIcon: 'w-5 h-5 hover:text-black hover:bg-gray-200 rounded-md cursor-pointer'
|
|
4782
4783
|
}
|
|
4783
4784
|
},
|
|
4784
|
-
label:
|
|
4785
|
-
icon:
|
|
4785
|
+
label: 'hidden md:block',
|
|
4786
|
+
icon: 'md:mr-3 inline-flex items-center'
|
|
4786
4787
|
};
|
|
4787
4788
|
var $09a217cbe9c81afa$export$2e2bcd8739ae039 = $09a217cbe9c81afa$var$styles;
|
|
4788
4789
|
|
|
@@ -4834,14 +4835,14 @@ var $28232825d538e297$var$TableColumnOptionsCustom = function(props) {
|
|
|
4834
4835
|
accessor: "rotate-left"
|
|
4835
4836
|
}),
|
|
4836
4837
|
(0, $4MPRY$jsx)("p", {
|
|
4837
|
-
children: (_a = resetConfig.label) !== null && _a !== void 0 ? _a :
|
|
4838
|
+
children: (_a = resetConfig.label) !== null && _a !== void 0 ? _a : 'Reset'
|
|
4838
4839
|
})
|
|
4839
4840
|
]
|
|
4840
4841
|
}),
|
|
4841
4842
|
table.getAllLeafColumns().map(function(column, index) {
|
|
4842
4843
|
var isAccessorColumn = !!(column === null || column === void 0 ? void 0 : column.accessorFn);
|
|
4843
4844
|
return (0, $4MPRY$jsxs)("div", {
|
|
4844
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.controls.dropdown.container, !isAccessorColumn &&
|
|
4845
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.controls.dropdown.container, !isAccessorColumn && 'hidden'),
|
|
4845
4846
|
children: [
|
|
4846
4847
|
(0, $4MPRY$jsx)("input", {
|
|
4847
4848
|
className: styles.controls.dropdown.input,
|
|
@@ -4917,66 +4918,66 @@ var $b38b76ffa80a65c8$export$2e2bcd8739ae039 = $b38b76ffa80a65c8$var$TableExcelE
|
|
|
4917
4918
|
|
|
4918
4919
|
|
|
4919
4920
|
var $91c1ee6748e96891$var$base = {
|
|
4920
|
-
container:
|
|
4921
|
-
head:
|
|
4922
|
-
body:
|
|
4923
|
-
foot:
|
|
4924
|
-
label:
|
|
4925
|
-
hint:
|
|
4926
|
-
leading:
|
|
4927
|
-
input:
|
|
4928
|
-
trailing:
|
|
4929
|
-
description:
|
|
4930
|
-
error:
|
|
4921
|
+
container: '',
|
|
4922
|
+
head: 'flex justify-between',
|
|
4923
|
+
body: 'relative rounded-md',
|
|
4924
|
+
foot: '',
|
|
4925
|
+
label: 'block font-medium text-gray-900',
|
|
4926
|
+
hint: 'text-xs text-gray-500',
|
|
4927
|
+
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
4928
|
+
input: 'block w-full inline-flex',
|
|
4929
|
+
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
4930
|
+
description: 'text-gray-400 text-xs mt-1',
|
|
4931
|
+
error: 'text-red-500 text-xs ml-5 mt-1'
|
|
4931
4932
|
};
|
|
4932
4933
|
var $91c1ee6748e96891$var$leading = {
|
|
4933
|
-
input:
|
|
4934
|
+
input: 'pl-10'
|
|
4934
4935
|
};
|
|
4935
4936
|
var $91c1ee6748e96891$var$trailing = {};
|
|
4936
4937
|
var $91c1ee6748e96891$var$normal = {
|
|
4937
|
-
label:
|
|
4938
|
-
hint:
|
|
4939
|
-
leading:
|
|
4940
|
-
input:
|
|
4941
|
-
trailing:
|
|
4942
|
-
description:
|
|
4938
|
+
label: 'leading-6 text-sm mb-2',
|
|
4939
|
+
hint: 'leading-6',
|
|
4940
|
+
leading: 'pl-3',
|
|
4941
|
+
input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
4942
|
+
trailing: 'pr-3',
|
|
4943
|
+
description: 'mt-2 text-sm'
|
|
4943
4944
|
};
|
|
4944
4945
|
var $91c1ee6748e96891$var$inset = {
|
|
4945
|
-
container:
|
|
4946
|
-
label:
|
|
4947
|
-
hint:
|
|
4948
|
-
input:
|
|
4949
|
-
description:
|
|
4946
|
+
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
4947
|
+
label: 'text-xs',
|
|
4948
|
+
hint: 'text-xs',
|
|
4949
|
+
input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
4950
|
+
description: 'hidden'
|
|
4950
4951
|
};
|
|
4951
4952
|
var $91c1ee6748e96891$var$overlapping = {
|
|
4952
|
-
container:
|
|
4953
|
-
head:
|
|
4954
|
-
label:
|
|
4955
|
-
hint:
|
|
4956
|
-
input:
|
|
4957
|
-
description:
|
|
4953
|
+
container: 'relative',
|
|
4954
|
+
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
4955
|
+
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
4956
|
+
hint: 'text-xs mr-4 bg-white px-1',
|
|
4957
|
+
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm 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',
|
|
4958
|
+
description: 'hidden'
|
|
4958
4959
|
};
|
|
4959
4960
|
var $91c1ee6748e96891$var$pill = {
|
|
4960
|
-
head:
|
|
4961
|
-
foot:
|
|
4962
|
-
input:
|
|
4963
|
-
trailing:
|
|
4964
|
-
description:
|
|
4961
|
+
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
4962
|
+
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
4963
|
+
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-sm 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',
|
|
4964
|
+
trailing: 'pr-2',
|
|
4965
|
+
description: 'text-xs'
|
|
4965
4966
|
};
|
|
4966
4967
|
var $91c1ee6748e96891$var$floored = {
|
|
4967
|
-
body:
|
|
4968
|
-
label:
|
|
4969
|
-
input:
|
|
4970
|
-
description:
|
|
4968
|
+
body: 'relative mt-2',
|
|
4969
|
+
label: 'block text-sm font-medium leading-6 text-gray-900',
|
|
4970
|
+
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',
|
|
4971
|
+
description: 'text-xs mt-2'
|
|
4971
4972
|
};
|
|
4972
4973
|
var $91c1ee6748e96891$var$invalid = {
|
|
4973
|
-
container:
|
|
4974
|
+
container: '!ring-red-500',
|
|
4974
4975
|
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',
|
|
4975
|
-
|
|
4976
|
-
description:
|
|
4976
|
+
'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',
|
|
4977
|
+
description: 'text-sm text-red-600'
|
|
4977
4978
|
};
|
|
4978
4979
|
var $91c1ee6748e96891$var$disabled = {
|
|
4979
|
-
input:
|
|
4980
|
+
input: 'block w-full rounded-md border-0 text-gray-900 shadow-sm 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'
|
|
4980
4981
|
};
|
|
4981
4982
|
var $91c1ee6748e96891$var$styles = {
|
|
4982
4983
|
base: $91c1ee6748e96891$var$base,
|
|
@@ -4995,14 +4996,14 @@ var $91c1ee6748e96891$export$2e2bcd8739ae039 = $91c1ee6748e96891$var$styles;
|
|
|
4995
4996
|
|
|
4996
4997
|
var $725c739c30e37ced$var$DateRangeMenu = function(props) {
|
|
4997
4998
|
var _a;
|
|
4998
|
-
var _b = props.name, name = _b === void 0 ?
|
|
4999
|
+
var _b = props.name, name = _b === void 0 ? 'date-menu-form' : _b, _c = props.size, size = _c === void 0 ? 'compact' : _c, label = props.label, _d = props.i18n, i18n = _d === void 0 ? 'en' : _d, description = props.description, placeholder = props.placeholder, separator = props.separator, startFrom = props.startFrom, _e = props.displayFormat, displayFormat = _e === void 0 ? 'DD.MM.YYYY' : _e, _f = props.direction, direction = _f === void 0 ? 'down' : _f, minDate = props.minDate, maxDate = props.maxDate, _g = props.startWeekOn, startWeekOn = _g === void 0 ? 'mon' : _g, _h = props.icon, icon = _h === void 0 ? function(isEmpty) {
|
|
4999
5000
|
return isEmpty ? (0, $4MPRY$jsx)((0, $77cd4416ca4a0639$export$2e2bcd8739ae039), {
|
|
5000
5001
|
accessor: "calendar"
|
|
5001
5002
|
}) : (0, $4MPRY$jsx)((0, $77cd4416ca4a0639$export$2e2bcd8739ae039), {
|
|
5002
5003
|
accessor: "xmark",
|
|
5003
5004
|
className: "text-black"
|
|
5004
5005
|
});
|
|
5005
|
-
} : _h, required = props.required, defaultValue = props.value, error = props.error, _j = props.type, type = _j === void 0 ?
|
|
5006
|
+
} : _h, required = props.required, defaultValue = props.value, error = props.error, _j = props.type, type = _j === void 0 ? 'normal' : _j, _k = props.isRequired, isRequired = _k === void 0 ? false : _k, _l = props.isTouched, isTouched = _l === void 0 ? false : _l, isDisabled = props.isDisabled, _m = props.isSolo, isSolo = _m === void 0 ? false : _m, _o = props.isRanged, isRanged = _o === void 0 ? false : _o, onChange = props.onChange, onClear = props.onClear, onBlur = props.onBlur, onClick = props.onClick, stylesOverrides = props.styles;
|
|
5006
5007
|
var isValid = error === undefined;
|
|
5007
5008
|
var _p = (0, $4MPRY$useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : {
|
|
5008
5009
|
startDate: null,
|
|
@@ -5044,11 +5045,11 @@ var $725c739c30e37ced$var$DateRangeMenu = function(props) {
|
|
|
5044
5045
|
]);
|
|
5045
5046
|
(0, $4MPRY$useEffect)(function() {
|
|
5046
5047
|
var _a;
|
|
5047
|
-
var input = (_a = $datepickerInputRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(
|
|
5048
|
-
var allowedCharacters =
|
|
5048
|
+
var input = (_a = $datepickerInputRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('input');
|
|
5049
|
+
var allowedCharacters = '0123456789';
|
|
5049
5050
|
var separators = "./-".concat(separator);
|
|
5050
5051
|
var callback = function(event) {
|
|
5051
|
-
if ((input === null || input === void 0 ? void 0 : input.value) === null || (input === null || input === void 0 ? void 0 : input.value) === undefined || (0, $4MPRY$intersection)(input.value.split(
|
|
5052
|
+
if ((input === null || input === void 0 ? void 0 : input.value) === null || (input === null || input === void 0 ? void 0 : input.value) === undefined || (0, $4MPRY$intersection)(input.value.split(''), separators.split('')).length > 0 || isRanged) return;
|
|
5052
5053
|
if (allowedCharacters.includes(event.key) && (input === null || input === void 0 ? void 0 : input.value.length) >= 7) {
|
|
5053
5054
|
var newValue = input.value + event.key;
|
|
5054
5055
|
var day = newValue.substring(0, 2);
|
|
@@ -5066,9 +5067,9 @@ var $725c739c30e37ced$var$DateRangeMenu = function(props) {
|
|
|
5066
5067
|
}, 100);
|
|
5067
5068
|
}
|
|
5068
5069
|
};
|
|
5069
|
-
if (input) input.addEventListener(
|
|
5070
|
+
if (input) input.addEventListener('keydown', callback);
|
|
5070
5071
|
return function() {
|
|
5071
|
-
return removeEventListener(
|
|
5072
|
+
return removeEventListener('keydown', callback);
|
|
5072
5073
|
};
|
|
5073
5074
|
}, [
|
|
5074
5075
|
handleValueChange,
|
|
@@ -5086,7 +5087,7 @@ var $725c739c30e37ced$var$DateRangeMenu = function(props) {
|
|
|
5086
5087
|
className: styles.label,
|
|
5087
5088
|
children: label
|
|
5088
5089
|
}),
|
|
5089
|
-
!required && !isRequired && typeof label ===
|
|
5090
|
+
!required && !isRequired && typeof label === 'string' && (0, $4MPRY$jsx)("span", {
|
|
5090
5091
|
className: styles.hint,
|
|
5091
5092
|
children: "Optional"
|
|
5092
5093
|
}),
|
|
@@ -5105,7 +5106,7 @@ var $725c739c30e37ced$var$DateRangeMenu = function(props) {
|
|
|
5105
5106
|
inputName: name,
|
|
5106
5107
|
inputId: name,
|
|
5107
5108
|
i18n: i18n,
|
|
5108
|
-
useRange: size ===
|
|
5109
|
+
useRange: size === 'expanded',
|
|
5109
5110
|
placeholder: placeholder,
|
|
5110
5111
|
asSingle: !isRanged,
|
|
5111
5112
|
separator: separator,
|
|
@@ -5134,7 +5135,7 @@ var $725c739c30e37ced$var$DateRangeMenu = function(props) {
|
|
|
5134
5135
|
error && isTouched && (0, $4MPRY$jsx)("p", {
|
|
5135
5136
|
className: styles.error,
|
|
5136
5137
|
"data-cy": errorDataCy,
|
|
5137
|
-
children: typeof error ===
|
|
5138
|
+
children: typeof error === 'string' ? error : (_a = error === null || error === void 0 ? void 0 : error.startDate) !== null && _a !== void 0 ? _a : error === null || error === void 0 ? void 0 : error.endDate
|
|
5138
5139
|
})
|
|
5139
5140
|
]
|
|
5140
5141
|
})
|
|
@@ -5168,8 +5169,8 @@ var $be69f9fa947058ae$var$DateMenuForm = function(props) {
|
|
|
5168
5169
|
startDate: defaultValue,
|
|
5169
5170
|
endDate: defaultValue
|
|
5170
5171
|
} : {
|
|
5171
|
-
startDate:
|
|
5172
|
-
endDate:
|
|
5172
|
+
startDate: '',
|
|
5173
|
+
endDate: ''
|
|
5173
5174
|
};
|
|
5174
5175
|
}, [
|
|
5175
5176
|
defaultValue
|
|
@@ -5192,21 +5193,21 @@ var $be69f9fa947058ae$export$2e2bcd8739ae039 = $be69f9fa947058ae$var$DateMenuFor
|
|
|
5192
5193
|
|
|
5193
5194
|
|
|
5194
5195
|
var $901cc167fb8bbd92$var$base = {
|
|
5195
|
-
container:
|
|
5196
|
-
sr:
|
|
5197
|
-
list:
|
|
5196
|
+
container: '',
|
|
5197
|
+
sr: 'sr-only',
|
|
5198
|
+
list: 'space-y-5',
|
|
5198
5199
|
item: {
|
|
5199
|
-
container:
|
|
5200
|
-
head:
|
|
5201
|
-
body:
|
|
5202
|
-
input:
|
|
5203
|
-
label:
|
|
5204
|
-
description:
|
|
5200
|
+
container: 'relative flex items-start',
|
|
5201
|
+
head: 'flex h-6 items-center',
|
|
5202
|
+
body: 'ml-3 text-sm leading-6',
|
|
5203
|
+
input: 'h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-600',
|
|
5204
|
+
label: 'font-medium text-gray-900',
|
|
5205
|
+
description: 'text-gray-500'
|
|
5205
5206
|
}
|
|
5206
5207
|
};
|
|
5207
5208
|
var $901cc167fb8bbd92$var$disabled = {
|
|
5208
5209
|
item: {
|
|
5209
|
-
input:
|
|
5210
|
+
input: 'block rounded-md border-0 text-gray-900 shadow-sm 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'
|
|
5210
5211
|
}
|
|
5211
5212
|
};
|
|
5212
5213
|
var $901cc167fb8bbd92$var$styles = {
|
|
@@ -5307,17 +5308,17 @@ var $e964500960620598$export$2e2bcd8739ae039 = $e964500960620598$var$CheckboxInp
|
|
|
5307
5308
|
|
|
5308
5309
|
|
|
5309
5310
|
var $9ad148e334dfe9e5$var$base = {
|
|
5310
|
-
container:
|
|
5311
|
-
head:
|
|
5312
|
-
body:
|
|
5313
|
-
input:
|
|
5314
|
-
inputHidden:
|
|
5315
|
-
replacement:
|
|
5316
|
-
label:
|
|
5317
|
-
description:
|
|
5311
|
+
container: 'relative flex items-start',
|
|
5312
|
+
head: 'flex h-6 items-center select-none',
|
|
5313
|
+
body: 'ml-3 text-sm leading-6',
|
|
5314
|
+
input: 'h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-600',
|
|
5315
|
+
inputHidden: 'hidden',
|
|
5316
|
+
replacement: 'flex',
|
|
5317
|
+
label: 'font-medium text-gray-900',
|
|
5318
|
+
description: 'text-gray-500'
|
|
5318
5319
|
};
|
|
5319
5320
|
var $9ad148e334dfe9e5$var$disabled = {
|
|
5320
|
-
input:
|
|
5321
|
+
input: 'block rounded-md border-0 text-gray-900 shadow-sm 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'
|
|
5321
5322
|
};
|
|
5322
5323
|
var $9ad148e334dfe9e5$var$styles = {
|
|
5323
5324
|
base: $9ad148e334dfe9e5$var$base,
|
|
@@ -5389,7 +5390,7 @@ var $785bf8949af26aa5$var$CheckboxInputForm = function(props) {
|
|
|
5389
5390
|
"aria-describedby": "".concat(name, "-description"),
|
|
5390
5391
|
type: "checkbox",
|
|
5391
5392
|
checked: !!value,
|
|
5392
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.input, isInputReplaced ? styles.inputHidden :
|
|
5393
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(styles.input, isInputReplaced ? styles.inputHidden : ''),
|
|
5393
5394
|
disabled: isDisabled,
|
|
5394
5395
|
onChange: handleToggle
|
|
5395
5396
|
}),
|
|
@@ -5434,47 +5435,47 @@ var $785bf8949af26aa5$export$2e2bcd8739ae039 = $785bf8949af26aa5$var$CheckboxInp
|
|
|
5434
5435
|
|
|
5435
5436
|
|
|
5436
5437
|
var $f0d9d349d6a2ba53$var$base = {
|
|
5437
|
-
label:
|
|
5438
|
-
container:
|
|
5439
|
-
head:
|
|
5440
|
-
hint:
|
|
5441
|
-
foot:
|
|
5442
|
-
description:
|
|
5438
|
+
label: 'block font-medium text-gray-900 leading-6 text-sm mb-2 mr-1',
|
|
5439
|
+
container: 'flex flex-col',
|
|
5440
|
+
head: 'flex justify-between',
|
|
5441
|
+
hint: 'text-xs text-gray-500',
|
|
5442
|
+
foot: 'flex flex-col',
|
|
5443
|
+
description: 'text-gray-400 text-xs mt-1',
|
|
5443
5444
|
switch: {
|
|
5444
|
-
base:
|
|
5445
|
-
screenreader:
|
|
5446
|
-
checked:
|
|
5447
|
-
unchecked:
|
|
5448
|
-
disabled:
|
|
5445
|
+
base: 'relative inline-flex w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out',
|
|
5446
|
+
screenreader: 'sr-only',
|
|
5447
|
+
checked: 'bg-primary-600 focus:outline-none focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
|
|
5448
|
+
unchecked: 'bg-gray-200 focus:outline-none focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
|
|
5449
|
+
disabled: 'opacity-50 !cursor-not-allowed'
|
|
5449
5450
|
},
|
|
5450
5451
|
toggle: {
|
|
5451
|
-
base:
|
|
5452
|
-
checked:
|
|
5453
|
-
unchecked:
|
|
5452
|
+
base: 'pointer-events-none relative inline-block my-auto transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out',
|
|
5453
|
+
checked: 'translate-x-5',
|
|
5454
|
+
unchecked: 'translate-x-0'
|
|
5454
5455
|
},
|
|
5455
5456
|
icon: {
|
|
5456
|
-
base:
|
|
5457
|
-
hidden:
|
|
5458
|
-
shown:
|
|
5459
|
-
icon:
|
|
5457
|
+
base: 'absolute inset-0 flex h-full w-full items-center justify-center transition-opacity',
|
|
5458
|
+
hidden: 'opacity-0 ease-out duration-100',
|
|
5459
|
+
shown: 'opacity-100 ease-in duration-200',
|
|
5460
|
+
icon: 'h-3 w-3'
|
|
5460
5461
|
},
|
|
5461
|
-
error:
|
|
5462
|
+
error: 'text-red-500 text-xs ml-0 mt-2'
|
|
5462
5463
|
};
|
|
5463
5464
|
var $f0d9d349d6a2ba53$var$md = {
|
|
5464
5465
|
switch: {
|
|
5465
|
-
base:
|
|
5466
|
+
base: 'h-6'
|
|
5466
5467
|
},
|
|
5467
5468
|
toggle: {
|
|
5468
|
-
base:
|
|
5469
|
+
base: 'h-5 w-5'
|
|
5469
5470
|
}
|
|
5470
5471
|
};
|
|
5471
5472
|
var $f0d9d349d6a2ba53$var$sm = {
|
|
5472
5473
|
switch: {
|
|
5473
|
-
base:
|
|
5474
|
+
base: 'h-5'
|
|
5474
5475
|
},
|
|
5475
5476
|
toggle: {
|
|
5476
|
-
base:
|
|
5477
|
-
checked:
|
|
5477
|
+
base: 'h-4 w-4',
|
|
5478
|
+
checked: 'translate-x-6'
|
|
5478
5479
|
}
|
|
5479
5480
|
};
|
|
5480
5481
|
var $f0d9d349d6a2ba53$var$styles = {
|
|
@@ -5486,7 +5487,7 @@ var $f0d9d349d6a2ba53$export$2e2bcd8739ae039 = $f0d9d349d6a2ba53$var$styles;
|
|
|
5486
5487
|
|
|
5487
5488
|
|
|
5488
5489
|
var $10ded3c19afe27a9$var$Switch = function(props) {
|
|
5489
|
-
var name = props.name, label = props.label, description = props.description, 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 ?
|
|
5490
|
+
var name = props.name, label = props.label, description = props.description, 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, onChange = props.onChange, iconAccessorChecked = props.iconAccessorChecked, iconAccessorUnchecked = props.iconAccessorUnchecked;
|
|
5490
5491
|
var inputDataCy = "form-input-".concat(name);
|
|
5491
5492
|
var errorDataCy = "form-input-error-".concat(name);
|
|
5492
5493
|
var handleGenerateStyle = function() {
|
|
@@ -5509,7 +5510,7 @@ var $10ded3c19afe27a9$var$Switch = function(props) {
|
|
|
5509
5510
|
className: styles.label,
|
|
5510
5511
|
children: label
|
|
5511
5512
|
}),
|
|
5512
|
-
!required && !isRequired && typeof label ===
|
|
5513
|
+
!required && !isRequired && typeof label === 'string' && (0, $4MPRY$jsx)("span", {
|
|
5513
5514
|
className: styles.hint,
|
|
5514
5515
|
children: "Optional"
|
|
5515
5516
|
}),
|
|
@@ -5588,66 +5589,66 @@ var $10ded3c19afe27a9$export$2e2bcd8739ae039 = $10ded3c19afe27a9$var$Switch;
|
|
|
5588
5589
|
|
|
5589
5590
|
|
|
5590
5591
|
var $43437b181b294db2$var$base = {
|
|
5591
|
-
container:
|
|
5592
|
-
head:
|
|
5593
|
-
body:
|
|
5594
|
-
foot:
|
|
5595
|
-
label:
|
|
5596
|
-
hint:
|
|
5597
|
-
leading:
|
|
5598
|
-
input:
|
|
5599
|
-
trailing:
|
|
5600
|
-
description:
|
|
5601
|
-
error:
|
|
5592
|
+
container: '',
|
|
5593
|
+
head: 'flex justify-between',
|
|
5594
|
+
body: 'relative rounded-md py-2',
|
|
5595
|
+
foot: '',
|
|
5596
|
+
label: 'block font-medium text-gray-900',
|
|
5597
|
+
hint: 'text-xs text-gray-500',
|
|
5598
|
+
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
5599
|
+
input: 'block w-full',
|
|
5600
|
+
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
5601
|
+
description: 'text-gray-400 text-xs mt-1',
|
|
5602
|
+
error: 'text-red-500 text-xs mt-1'
|
|
5602
5603
|
};
|
|
5603
5604
|
var $43437b181b294db2$var$leading = {
|
|
5604
|
-
input:
|
|
5605
|
+
input: 'pl-10'
|
|
5605
5606
|
};
|
|
5606
5607
|
var $43437b181b294db2$var$trailing = {};
|
|
5607
5608
|
var $43437b181b294db2$var$normal = {
|
|
5608
|
-
label:
|
|
5609
|
-
hint:
|
|
5610
|
-
leading:
|
|
5611
|
-
input:
|
|
5612
|
-
trailing:
|
|
5613
|
-
description:
|
|
5609
|
+
label: 'leading-6 text-sm mb-2',
|
|
5610
|
+
hint: 'leading-6',
|
|
5611
|
+
leading: 'pl-3',
|
|
5612
|
+
input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
5613
|
+
trailing: 'pr-3',
|
|
5614
|
+
description: 'mt-2 text-sm'
|
|
5614
5615
|
};
|
|
5615
5616
|
var $43437b181b294db2$var$inset = {
|
|
5616
|
-
container:
|
|
5617
|
-
label:
|
|
5618
|
-
hint:
|
|
5619
|
-
input:
|
|
5620
|
-
description:
|
|
5617
|
+
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
5618
|
+
label: 'text-xs',
|
|
5619
|
+
hint: 'text-xs',
|
|
5620
|
+
input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
5621
|
+
description: 'hidden'
|
|
5621
5622
|
};
|
|
5622
5623
|
var $43437b181b294db2$var$overlapping = {
|
|
5623
|
-
container:
|
|
5624
|
-
head:
|
|
5625
|
-
label:
|
|
5626
|
-
hint:
|
|
5627
|
-
input:
|
|
5628
|
-
description:
|
|
5624
|
+
container: 'relative',
|
|
5625
|
+
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
5626
|
+
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
5627
|
+
hint: 'text-xs mr-4 bg-white px-1',
|
|
5628
|
+
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm 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',
|
|
5629
|
+
description: 'hidden'
|
|
5629
5630
|
};
|
|
5630
5631
|
var $43437b181b294db2$var$pill = {
|
|
5631
|
-
head:
|
|
5632
|
-
foot:
|
|
5633
|
-
input:
|
|
5634
|
-
trailing:
|
|
5635
|
-
description:
|
|
5632
|
+
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
5633
|
+
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
5634
|
+
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-sm 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',
|
|
5635
|
+
trailing: 'pr-2',
|
|
5636
|
+
description: 'text-xs'
|
|
5636
5637
|
};
|
|
5637
5638
|
var $43437b181b294db2$var$floored = {
|
|
5638
|
-
body:
|
|
5639
|
-
label:
|
|
5640
|
-
input:
|
|
5641
|
-
description:
|
|
5639
|
+
body: 'relative mt-2',
|
|
5640
|
+
label: 'block text-sm font-medium leading-6 text-gray-900',
|
|
5641
|
+
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',
|
|
5642
|
+
description: 'text-xs mt-2'
|
|
5642
5643
|
};
|
|
5643
5644
|
var $43437b181b294db2$var$invalid = {
|
|
5644
|
-
container:
|
|
5645
|
+
container: 'ring-red-500',
|
|
5645
5646
|
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',
|
|
5646
|
-
|
|
5647
|
-
description:
|
|
5647
|
+
'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',
|
|
5648
|
+
description: 'text-sm text-red-600'
|
|
5648
5649
|
};
|
|
5649
5650
|
var $43437b181b294db2$var$disabled = {
|
|
5650
|
-
input:
|
|
5651
|
+
input: 'block w-full rounded-md border-0 text-gray-900 shadow-sm 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'
|
|
5651
5652
|
};
|
|
5652
5653
|
var $43437b181b294db2$var$styles = {
|
|
5653
5654
|
base: $43437b181b294db2$var$base,
|
|
@@ -5675,7 +5676,7 @@ var $b1b6aa72505b2474$var$__assign = undefined && undefined.__assign || function
|
|
|
5675
5676
|
return $b1b6aa72505b2474$var$__assign.apply(this, arguments);
|
|
5676
5677
|
};
|
|
5677
5678
|
var $b1b6aa72505b2474$var$FileInputGroupForm = function(props) {
|
|
5678
|
-
var _a = props.name, name = _a === void 0 ?
|
|
5679
|
+
var _a = props.name, name = _a === void 0 ? 'multiple-file-input' : _a, label = props.label, description = props.description, 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;
|
|
5679
5680
|
var isValid = error === undefined;
|
|
5680
5681
|
var _e = (0, $4MPRY$useState)(false), isDragging = _e[0], setIsDragging = _e[1];
|
|
5681
5682
|
var handleChangeInput = (0, $4MPRY$useCallback)(function(files) {
|
|
@@ -5745,7 +5746,7 @@ var $b1b6aa72505b2474$var$FileInputGroupForm = function(props) {
|
|
|
5745
5746
|
className: styles.label,
|
|
5746
5747
|
children: label
|
|
5747
5748
|
}),
|
|
5748
|
-
!required && !isRequired && typeof label ===
|
|
5749
|
+
!required && !isRequired && typeof label === 'string' && (0, $4MPRY$jsx)("span", {
|
|
5749
5750
|
className: styles.hint,
|
|
5750
5751
|
children: "Optional"
|
|
5751
5752
|
}),
|
|
@@ -5815,39 +5816,39 @@ var $b1b6aa72505b2474$export$2e2bcd8739ae039 = $b1b6aa72505b2474$var$FileInputGr
|
|
|
5815
5816
|
|
|
5816
5817
|
var $2faf095044a1ccf8$var$OpeningHourItem = function(props) {
|
|
5817
5818
|
var _a, _b, _c;
|
|
5818
|
-
var id = props.id, _d = props.lang, lang = _d === void 0 ?
|
|
5819
|
+
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;
|
|
5819
5820
|
var options = (0, $4MPRY$useMemo)(function() {
|
|
5820
5821
|
var values = [
|
|
5821
|
-
|
|
5822
|
-
|
|
5823
|
-
|
|
5824
|
-
|
|
5825
|
-
|
|
5826
|
-
|
|
5827
|
-
|
|
5822
|
+
'MONDAY',
|
|
5823
|
+
'TUESDAY',
|
|
5824
|
+
'WEDNESDAY',
|
|
5825
|
+
'THURSDAY',
|
|
5826
|
+
'FRIDAY',
|
|
5827
|
+
'SATURDAY',
|
|
5828
|
+
'SUNDAY'
|
|
5828
5829
|
];
|
|
5829
5830
|
var translations = [];
|
|
5830
5831
|
switch(lang){
|
|
5831
|
-
case
|
|
5832
|
+
case 'en':
|
|
5832
5833
|
translations = [
|
|
5833
|
-
|
|
5834
|
-
|
|
5835
|
-
|
|
5836
|
-
|
|
5837
|
-
|
|
5838
|
-
|
|
5839
|
-
|
|
5834
|
+
'Monday',
|
|
5835
|
+
'Tuesday',
|
|
5836
|
+
'Wednesday',
|
|
5837
|
+
'Thursday',
|
|
5838
|
+
'Friday',
|
|
5839
|
+
'Saturday',
|
|
5840
|
+
'Sunday'
|
|
5840
5841
|
];
|
|
5841
5842
|
break;
|
|
5842
|
-
case
|
|
5843
|
+
case 'nl':
|
|
5843
5844
|
translations = [
|
|
5844
|
-
|
|
5845
|
-
|
|
5846
|
-
|
|
5847
|
-
|
|
5848
|
-
|
|
5849
|
-
|
|
5850
|
-
|
|
5845
|
+
'Maandag',
|
|
5846
|
+
'Dinsdag',
|
|
5847
|
+
'Woensdag',
|
|
5848
|
+
'Donderdag',
|
|
5849
|
+
'Vrijdag',
|
|
5850
|
+
'Zaterdag',
|
|
5851
|
+
'Zondag'
|
|
5851
5852
|
];
|
|
5852
5853
|
break;
|
|
5853
5854
|
}
|
|
@@ -5870,8 +5871,8 @@ var $2faf095044a1ccf8$var$OpeningHourItem = function(props) {
|
|
|
5870
5871
|
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
|
|
5871
5872
|
},
|
|
5872
5873
|
closed: (_h = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closed) !== null && _h !== void 0 ? _h : false,
|
|
5873
|
-
openingTime: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.openingTime) ? (0, $4MPRY$moment)(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.openingTime).subtract(2,
|
|
5874
|
-
closingTime: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closingTime) ? (0, $4MPRY$moment)(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closingTime).subtract(2,
|
|
5874
|
+
openingTime: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.openingTime) ? (0, $4MPRY$moment)(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.openingTime).subtract(2, 'h').format('HH:mm') : '',
|
|
5875
|
+
closingTime: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closingTime) ? (0, $4MPRY$moment)(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closingTime).subtract(2, 'h').format('HH:mm') : ''
|
|
5875
5876
|
};
|
|
5876
5877
|
}, [
|
|
5877
5878
|
dayPlaceholder,
|
|
@@ -5885,8 +5886,8 @@ var $2faf095044a1ccf8$var$OpeningHourItem = function(props) {
|
|
|
5885
5886
|
]);
|
|
5886
5887
|
var toTimeStamp = (0, $4MPRY$useCallback)(function(value) {
|
|
5887
5888
|
if (value === undefined) return undefined;
|
|
5888
|
-
var _a = value.split(
|
|
5889
|
-
return (0, $4MPRY$moment)().hour(Number(hours)).minute(Number(minutes)).second(0).format(
|
|
5889
|
+
var _a = value.split(':'), hours = _a[0], minutes = _a[1];
|
|
5890
|
+
return (0, $4MPRY$moment)().hour(Number(hours)).minute(Number(minutes)).second(0).format('YYYY-MM-DDTHH:mm:ss.000') + 'Z';
|
|
5890
5891
|
}, []);
|
|
5891
5892
|
var onSubmit = (0, $4MPRY$useCallback)(function(values) {
|
|
5892
5893
|
var _a;
|
|
@@ -5915,7 +5916,7 @@ var $2faf095044a1ccf8$var$OpeningHourItem = function(props) {
|
|
|
5915
5916
|
onSubmit: onSubmit
|
|
5916
5917
|
});
|
|
5917
5918
|
return (0, $4MPRY$jsxs)("div", {
|
|
5918
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)(
|
|
5919
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)('-mt-2 flex gap-4 items-end', !isCreating && 'opacity-100'),
|
|
5919
5920
|
children: [
|
|
5920
5921
|
(0, $4MPRY$jsx)("div", {
|
|
5921
5922
|
className: "flex-grow",
|
|
@@ -5930,11 +5931,11 @@ var $2faf095044a1ccf8$var$OpeningHourItem = function(props) {
|
|
|
5930
5931
|
//
|
|
5931
5932
|
value: (_a = form === null || form === void 0 ? void 0 : form.values) === null || _a === void 0 ? void 0 : _a.day,
|
|
5932
5933
|
onChange: function(value) {
|
|
5933
|
-
return form.setFieldValue(
|
|
5934
|
+
return form.setFieldValue('day', value);
|
|
5934
5935
|
},
|
|
5935
5936
|
onBlur: function() {
|
|
5936
5937
|
var _a, _b, _c;
|
|
5937
|
-
form === null || form === void 0 || form.setFieldTouched(
|
|
5938
|
+
form === null || form === void 0 || form.setFieldTouched('day');
|
|
5938
5939
|
if (!isCreating) {
|
|
5939
5940
|
var openingTime = toTimeStamp((_a = form.values) === null || _a === void 0 ? void 0 : _a.openingTime);
|
|
5940
5941
|
var closingTime = toTimeStamp((_b = form.values) === null || _b === void 0 ? void 0 : _b.closingTime);
|
|
@@ -5952,7 +5953,7 @@ var $2faf095044a1ccf8$var$OpeningHourItem = function(props) {
|
|
|
5952
5953
|
}
|
|
5953
5954
|
},
|
|
5954
5955
|
onClear: function() {
|
|
5955
|
-
return form.setFieldValue(
|
|
5956
|
+
return form.setFieldValue('day', null);
|
|
5956
5957
|
}
|
|
5957
5958
|
})
|
|
5958
5959
|
}),
|
|
@@ -6027,7 +6028,7 @@ var $2faf095044a1ccf8$var$OpeningHourItem = function(props) {
|
|
|
6027
6028
|
checked: form.values.closed,
|
|
6028
6029
|
onChange: function() {
|
|
6029
6030
|
var _a, _b, _c, _d;
|
|
6030
|
-
form.setFieldValue(
|
|
6031
|
+
form.setFieldValue('closed', !form.values.closed);
|
|
6031
6032
|
if (!isCreating) {
|
|
6032
6033
|
var openingTime = toTimeStamp((_a = form.values) === null || _a === void 0 ? void 0 : _a.openingTime);
|
|
6033
6034
|
var closingTime = toTimeStamp((_b = form.values) === null || _b === void 0 ? void 0 : _b.closingTime);
|
|
@@ -6044,7 +6045,7 @@ var $2faf095044a1ccf8$var$OpeningHourItem = function(props) {
|
|
|
6044
6045
|
onUpdate && onUpdate(params);
|
|
6045
6046
|
}
|
|
6046
6047
|
},
|
|
6047
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $99ef0e378c886c3a$export$2e2bcd8739ae039).control.action, form.values.closed ?
|
|
6048
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $99ef0e378c886c3a$export$2e2bcd8739ae039).control.action, form.values.closed ? 'bg-primary-500' : 'bg-gray-200'),
|
|
6048
6049
|
children: [
|
|
6049
6050
|
(0, $4MPRY$jsx)("span", {
|
|
6050
6051
|
className: (0, $99ef0e378c886c3a$export$2e2bcd8739ae039).control.sr,
|
|
@@ -6052,7 +6053,7 @@ var $2faf095044a1ccf8$var$OpeningHourItem = function(props) {
|
|
|
6052
6053
|
}),
|
|
6053
6054
|
(0, $4MPRY$jsx)("span", {
|
|
6054
6055
|
"aria-hidden": "true",
|
|
6055
|
-
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $99ef0e378c886c3a$export$2e2bcd8739ae039).control.span, form.values.closed ?
|
|
6056
|
+
className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $99ef0e378c886c3a$export$2e2bcd8739ae039).control.span, form.values.closed ? 'translate-x-5' : 'translate-x-0')
|
|
6056
6057
|
})
|
|
6057
6058
|
]
|
|
6058
6059
|
})
|
|
@@ -6084,13 +6085,13 @@ var $2faf095044a1ccf8$export$2e2bcd8739ae039 = $2faf095044a1ccf8$var$OpeningHour
|
|
|
6084
6085
|
|
|
6085
6086
|
|
|
6086
6087
|
var $99ef0e378c886c3a$var$styles = {
|
|
6087
|
-
container:
|
|
6088
|
+
container: '',
|
|
6088
6089
|
control: {
|
|
6089
|
-
container:
|
|
6090
|
-
label:
|
|
6091
|
-
action:
|
|
6092
|
-
span:
|
|
6093
|
-
sr:
|
|
6090
|
+
container: 'flex items-center',
|
|
6091
|
+
label: 'text-sm mr-2 font-medium w-36',
|
|
6092
|
+
action: 'relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2',
|
|
6093
|
+
span: 'pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out',
|
|
6094
|
+
sr: 'sr-only'
|
|
6094
6095
|
}
|
|
6095
6096
|
};
|
|
6096
6097
|
var $99ef0e378c886c3a$export$2e2bcd8739ae039 = $99ef0e378c886c3a$var$styles;
|
|
@@ -6101,66 +6102,66 @@ var $99ef0e378c886c3a$export$2e2bcd8739ae039 = $99ef0e378c886c3a$var$styles;
|
|
|
6101
6102
|
|
|
6102
6103
|
|
|
6103
6104
|
var $2109d011c77499b4$var$base = {
|
|
6104
|
-
container:
|
|
6105
|
-
head:
|
|
6106
|
-
body:
|
|
6107
|
-
foot:
|
|
6108
|
-
label:
|
|
6109
|
-
hint:
|
|
6110
|
-
leading:
|
|
6111
|
-
input:
|
|
6112
|
-
trailing:
|
|
6113
|
-
description:
|
|
6114
|
-
error:
|
|
6105
|
+
container: '',
|
|
6106
|
+
head: 'flex justify-between',
|
|
6107
|
+
body: 'relative rounded-md py-2',
|
|
6108
|
+
foot: '',
|
|
6109
|
+
label: 'block font-medium text-gray-900',
|
|
6110
|
+
hint: 'text-xs text-gray-500',
|
|
6111
|
+
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
6112
|
+
input: 'block w-full',
|
|
6113
|
+
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
6114
|
+
description: 'text-gray-400 text-xs mt-1',
|
|
6115
|
+
error: 'text-red-500 text-xs mt-1'
|
|
6115
6116
|
};
|
|
6116
6117
|
var $2109d011c77499b4$var$leading = {
|
|
6117
|
-
input:
|
|
6118
|
+
input: 'pl-10'
|
|
6118
6119
|
};
|
|
6119
6120
|
var $2109d011c77499b4$var$trailing = {};
|
|
6120
6121
|
var $2109d011c77499b4$var$normal = {
|
|
6121
|
-
label:
|
|
6122
|
-
hint:
|
|
6123
|
-
leading:
|
|
6124
|
-
input:
|
|
6125
|
-
trailing:
|
|
6126
|
-
description:
|
|
6122
|
+
label: 'leading-6 text-sm mb-2',
|
|
6123
|
+
hint: 'leading-6',
|
|
6124
|
+
leading: 'pl-3',
|
|
6125
|
+
input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
6126
|
+
trailing: 'pr-3',
|
|
6127
|
+
description: 'mt-2 text-sm'
|
|
6127
6128
|
};
|
|
6128
6129
|
var $2109d011c77499b4$var$inset = {
|
|
6129
|
-
container:
|
|
6130
|
-
label:
|
|
6131
|
-
hint:
|
|
6132
|
-
input:
|
|
6133
|
-
description:
|
|
6130
|
+
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
6131
|
+
label: 'text-xs',
|
|
6132
|
+
hint: 'text-xs',
|
|
6133
|
+
input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
6134
|
+
description: 'hidden'
|
|
6134
6135
|
};
|
|
6135
6136
|
var $2109d011c77499b4$var$overlapping = {
|
|
6136
|
-
container:
|
|
6137
|
-
head:
|
|
6138
|
-
label:
|
|
6139
|
-
hint:
|
|
6140
|
-
input:
|
|
6141
|
-
description:
|
|
6137
|
+
container: 'relative',
|
|
6138
|
+
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
6139
|
+
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
6140
|
+
hint: 'text-xs mr-4 bg-white px-1',
|
|
6141
|
+
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm 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',
|
|
6142
|
+
description: 'hidden'
|
|
6142
6143
|
};
|
|
6143
6144
|
var $2109d011c77499b4$var$pill = {
|
|
6144
|
-
head:
|
|
6145
|
-
foot:
|
|
6146
|
-
input:
|
|
6147
|
-
trailing:
|
|
6148
|
-
description:
|
|
6145
|
+
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
6146
|
+
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
6147
|
+
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-sm 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',
|
|
6148
|
+
trailing: 'pr-2',
|
|
6149
|
+
description: 'text-xs'
|
|
6149
6150
|
};
|
|
6150
6151
|
var $2109d011c77499b4$var$floored = {
|
|
6151
|
-
body:
|
|
6152
|
-
label:
|
|
6153
|
-
input:
|
|
6154
|
-
description:
|
|
6152
|
+
body: 'relative mt-2',
|
|
6153
|
+
label: 'block text-sm font-medium leading-6 text-gray-900',
|
|
6154
|
+
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',
|
|
6155
|
+
description: 'text-xs mt-2'
|
|
6155
6156
|
};
|
|
6156
6157
|
var $2109d011c77499b4$var$invalid = {
|
|
6157
|
-
container:
|
|
6158
|
+
container: 'ring-red-500',
|
|
6158
6159
|
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',
|
|
6159
|
-
|
|
6160
|
-
description:
|
|
6160
|
+
'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',
|
|
6161
|
+
description: 'text-sm text-red-600'
|
|
6161
6162
|
};
|
|
6162
6163
|
var $2109d011c77499b4$var$disabled = {
|
|
6163
|
-
input:
|
|
6164
|
+
input: 'block w-full rounded-md border-0 text-gray-900 shadow-sm 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'
|
|
6164
6165
|
};
|
|
6165
6166
|
var $2109d011c77499b4$var$styles = {
|
|
6166
6167
|
base: $2109d011c77499b4$var$base,
|
|
@@ -6178,7 +6179,7 @@ var $2109d011c77499b4$export$2e2bcd8739ae039 = $2109d011c77499b4$var$styles;
|
|
|
6178
6179
|
|
|
6179
6180
|
|
|
6180
6181
|
var $39e9223269e270c7$var$OpeningsHourInputGroupForm = function(props) {
|
|
6181
|
-
var form = props.form, _a = props.name, name = _a === void 0 ?
|
|
6182
|
+
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;
|
|
6182
6183
|
var isValid = error === undefined;
|
|
6183
6184
|
var handleGenerateStyle = function() {
|
|
6184
6185
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $2109d011c77499b4$export$2e2bcd8739ae039).base);
|
|
@@ -6207,7 +6208,7 @@ var $39e9223269e270c7$var$OpeningsHourInputGroupForm = function(props) {
|
|
|
6207
6208
|
className: styles.label,
|
|
6208
6209
|
children: label
|
|
6209
6210
|
}),
|
|
6210
|
-
!required && !isRequired && typeof label ===
|
|
6211
|
+
!required && !isRequired && typeof label === 'string' && (0, $4MPRY$jsx)("span", {
|
|
6211
6212
|
className: styles.hint,
|
|
6212
6213
|
children: "Optional"
|
|
6213
6214
|
}),
|
|
@@ -6292,71 +6293,71 @@ var $39e9223269e270c7$export$2e2bcd8739ae039 = $39e9223269e270c7$var$OpeningsHou
|
|
|
6292
6293
|
|
|
6293
6294
|
|
|
6294
6295
|
var $0ef1dab9988818f3$var$base = {
|
|
6295
|
-
container:
|
|
6296
|
-
head:
|
|
6297
|
-
body:
|
|
6298
|
-
foot:
|
|
6299
|
-
label:
|
|
6300
|
-
hint:
|
|
6301
|
-
leading:
|
|
6302
|
-
input:
|
|
6303
|
-
trailing:
|
|
6304
|
-
description:
|
|
6305
|
-
error:
|
|
6296
|
+
container: '',
|
|
6297
|
+
head: 'flex justify-between',
|
|
6298
|
+
body: 'relative rounded-md',
|
|
6299
|
+
foot: '',
|
|
6300
|
+
label: 'block font-medium text-gray-900',
|
|
6301
|
+
hint: 'text-xs text-gray-500',
|
|
6302
|
+
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
6303
|
+
input: 'block w-full',
|
|
6304
|
+
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
6305
|
+
description: 'text-gray-400 text-xs mt-1',
|
|
6306
|
+
error: 'text-red-500 text-xs mt-1',
|
|
6306
6307
|
geosuggest: {
|
|
6307
|
-
suggestsClassName:
|
|
6308
|
-
suggestItemClassName:
|
|
6309
|
-
suggestsHiddenClassName:
|
|
6308
|
+
suggestsClassName: 'absolute w-full z-10 bg-white border border-gray-200 shadow-sm text-sm',
|
|
6309
|
+
suggestItemClassName: 'px-4 py-2 hover:bg-gray-50 cursor-pointer',
|
|
6310
|
+
suggestsHiddenClassName: 'hidden'
|
|
6310
6311
|
}
|
|
6311
6312
|
};
|
|
6312
6313
|
var $0ef1dab9988818f3$var$leading = {
|
|
6313
|
-
input:
|
|
6314
|
+
input: 'pl-10'
|
|
6314
6315
|
};
|
|
6315
6316
|
var $0ef1dab9988818f3$var$trailing = {};
|
|
6316
6317
|
var $0ef1dab9988818f3$var$normal = {
|
|
6317
|
-
label:
|
|
6318
|
-
hint:
|
|
6319
|
-
leading:
|
|
6320
|
-
input:
|
|
6321
|
-
trailing:
|
|
6322
|
-
description:
|
|
6318
|
+
label: 'leading-6 text-sm mb-2',
|
|
6319
|
+
hint: 'leading-6',
|
|
6320
|
+
leading: 'pl-3',
|
|
6321
|
+
input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
6322
|
+
trailing: 'pr-3',
|
|
6323
|
+
description: 'mt-2 text-sm'
|
|
6323
6324
|
};
|
|
6324
6325
|
var $0ef1dab9988818f3$var$inset = {
|
|
6325
|
-
container:
|
|
6326
|
-
label:
|
|
6327
|
-
hint:
|
|
6328
|
-
input:
|
|
6329
|
-
description:
|
|
6326
|
+
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
6327
|
+
label: 'text-xs',
|
|
6328
|
+
hint: 'text-xs',
|
|
6329
|
+
input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
6330
|
+
description: 'hidden'
|
|
6330
6331
|
};
|
|
6331
6332
|
var $0ef1dab9988818f3$var$overlapping = {
|
|
6332
|
-
container:
|
|
6333
|
-
head:
|
|
6334
|
-
label:
|
|
6335
|
-
hint:
|
|
6336
|
-
input:
|
|
6337
|
-
description:
|
|
6333
|
+
container: 'relative',
|
|
6334
|
+
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
6335
|
+
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
6336
|
+
hint: 'text-xs mr-4 bg-white px-1',
|
|
6337
|
+
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm 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',
|
|
6338
|
+
description: 'hidden'
|
|
6338
6339
|
};
|
|
6339
6340
|
var $0ef1dab9988818f3$var$pill = {
|
|
6340
|
-
head:
|
|
6341
|
-
foot:
|
|
6342
|
-
input:
|
|
6343
|
-
trailing:
|
|
6344
|
-
description:
|
|
6341
|
+
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
6342
|
+
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
6343
|
+
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-sm 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',
|
|
6344
|
+
trailing: 'pr-2',
|
|
6345
|
+
description: 'text-xs'
|
|
6345
6346
|
};
|
|
6346
6347
|
var $0ef1dab9988818f3$var$floored = {
|
|
6347
|
-
body:
|
|
6348
|
-
label:
|
|
6349
|
-
input:
|
|
6350
|
-
description:
|
|
6348
|
+
body: 'relative mt-2',
|
|
6349
|
+
label: 'block text-sm font-medium leading-6 text-gray-900',
|
|
6350
|
+
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',
|
|
6351
|
+
description: 'text-xs mt-2'
|
|
6351
6352
|
};
|
|
6352
6353
|
var $0ef1dab9988818f3$var$invalid = {
|
|
6353
|
-
container:
|
|
6354
|
+
container: 'ring-red-500',
|
|
6354
6355
|
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',
|
|
6355
|
-
|
|
6356
|
-
description:
|
|
6356
|
+
'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',
|
|
6357
|
+
description: 'text-sm text-red-600'
|
|
6357
6358
|
};
|
|
6358
6359
|
var $0ef1dab9988818f3$var$disabled = {
|
|
6359
|
-
input:
|
|
6360
|
+
input: 'block w-full rounded-md border-0 text-gray-900 shadow-sm 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'
|
|
6360
6361
|
};
|
|
6361
6362
|
var $0ef1dab9988818f3$var$styles = {
|
|
6362
6363
|
base: $0ef1dab9988818f3$var$base,
|
|
@@ -6375,7 +6376,7 @@ var $0ef1dab9988818f3$export$2e2bcd8739ae039 = $0ef1dab9988818f3$var$styles;
|
|
|
6375
6376
|
|
|
6376
6377
|
var $c7f1fe1c3b2d56f5$var$AddressInputGroupForm = function(props) {
|
|
6377
6378
|
var _a, _b, _c;
|
|
6378
|
-
var _d = props.name, name = _d === void 0 ?
|
|
6379
|
+
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;
|
|
6379
6380
|
var isValid = error === undefined;
|
|
6380
6381
|
var handleGenerateStyle = function() {
|
|
6381
6382
|
var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $0ef1dab9988818f3$export$2e2bcd8739ae039).base);
|
|
@@ -6389,7 +6390,7 @@ var $c7f1fe1c3b2d56f5$var$AddressInputGroupForm = function(props) {
|
|
|
6389
6390
|
var mapValueToAddress = function(value) {
|
|
6390
6391
|
if (!value) return undefined;
|
|
6391
6392
|
var country = value.country, city = value.city, street = value.street, houseNumber = value.houseNumber;
|
|
6392
|
-
return "".concat(street !== null && street !== void 0 ? street :
|
|
6393
|
+
return "".concat(street !== null && street !== void 0 ? street : '').concat(houseNumber ? ' ' + houseNumber : '').concat(city ? ', ' + city : '').concat(country ? ', ' + country : '');
|
|
6393
6394
|
};
|
|
6394
6395
|
// useEffect(() => {
|
|
6395
6396
|
// if (form.values[name]) {
|
|
@@ -6407,7 +6408,7 @@ var $c7f1fe1c3b2d56f5$var$AddressInputGroupForm = function(props) {
|
|
|
6407
6408
|
className: styles.label,
|
|
6408
6409
|
children: label
|
|
6409
6410
|
}),
|
|
6410
|
-
!required && !isRequired && typeof label ===
|
|
6411
|
+
!required && !isRequired && typeof label === 'string' && (0, $4MPRY$jsx)("span", {
|
|
6411
6412
|
className: styles.hint,
|
|
6412
6413
|
children: "Optional"
|
|
6413
6414
|
}),
|
|
@@ -6420,7 +6421,7 @@ var $c7f1fe1c3b2d56f5$var$AddressInputGroupForm = function(props) {
|
|
|
6420
6421
|
className: styles.body,
|
|
6421
6422
|
children: (0, $4MPRY$jsx)((0, $4MPRY$reactgeosuggest), {
|
|
6422
6423
|
types: [
|
|
6423
|
-
|
|
6424
|
+
'address'
|
|
6424
6425
|
],
|
|
6425
6426
|
queryDelay: 100,
|
|
6426
6427
|
placeholder: placeholder,
|
|
@@ -6430,7 +6431,7 @@ var $c7f1fe1c3b2d56f5$var$AddressInputGroupForm = function(props) {
|
|
|
6430
6431
|
suggestItemClassName: (_b = styles.geosuggest) === null || _b === void 0 ? void 0 : _b.suggestItemClassName,
|
|
6431
6432
|
suggestsHiddenClassName: (_c = styles.geosuggest) === null || _c === void 0 ? void 0 : _c.suggestsHiddenClassName,
|
|
6432
6433
|
onChange: function(value) {
|
|
6433
|
-
if (value ===
|
|
6434
|
+
if (value === '') onChange(null);
|
|
6434
6435
|
},
|
|
6435
6436
|
onFocus: onFocus,
|
|
6436
6437
|
// suggestItemActiveClassName={
|
|
@@ -6438,7 +6439,7 @@ var $c7f1fe1c3b2d56f5$var$AddressInputGroupForm = function(props) {
|
|
|
6438
6439
|
// }
|
|
6439
6440
|
autoComplete: "off",
|
|
6440
6441
|
placeDetailFields: [
|
|
6441
|
-
|
|
6442
|
+
'address_components'
|
|
6442
6443
|
],
|
|
6443
6444
|
onSuggestSelect: function(e) {
|
|
6444
6445
|
var _a, _b, _c, _d, _e;
|
|
@@ -6449,23 +6450,23 @@ var $c7f1fe1c3b2d56f5$var$AddressInputGroupForm = function(props) {
|
|
|
6449
6450
|
return component.types.includes(key);
|
|
6450
6451
|
})) === null || _a === void 0 ? void 0 : _a.long_name;
|
|
6451
6452
|
};
|
|
6452
|
-
var street = handleExtractValueWithKey(
|
|
6453
|
-
var city = handleExtractValueWithKey(
|
|
6454
|
-
var country = handleExtractValueWithKey(
|
|
6455
|
-
var zipCode = handleExtractValueWithKey(
|
|
6456
|
-
var houseNumber = handleExtractValueWithKey(
|
|
6457
|
-
var busNumber = handleExtractValueWithKey(
|
|
6453
|
+
var street = handleExtractValueWithKey('route');
|
|
6454
|
+
var city = handleExtractValueWithKey('sublocality') || handleExtractValueWithKey('locality');
|
|
6455
|
+
var country = handleExtractValueWithKey('country');
|
|
6456
|
+
var zipCode = handleExtractValueWithKey('postal_code');
|
|
6457
|
+
var houseNumber = handleExtractValueWithKey('street_number');
|
|
6458
|
+
var busNumber = handleExtractValueWithKey('post_box');
|
|
6458
6459
|
if (// if busNumber is not found with the method above, try to find it in the user inputted label
|
|
6459
6460
|
!busNumber && // if the label contains the houseNumber and city somewhere after the houseNumber
|
|
6460
6461
|
(e === null || e === void 0 ? void 0 : e.label.includes(houseNumber)) && (e === null || e === void 0 ? void 0 : e.label.split(houseNumber)[1].includes(city))) {
|
|
6461
6462
|
// split the label at the houseNumber and city
|
|
6462
6463
|
var splitLabel = e === null || e === void 0 ? void 0 : e.label.split(houseNumber)[1].split(city)[0];
|
|
6463
6464
|
// replace the zipCode from the label if it came before the city
|
|
6464
|
-
var replaceZipcode = splitLabel.replace(zipCode,
|
|
6465
|
+
var replaceZipcode = splitLabel.replace(zipCode, '');
|
|
6465
6466
|
// trim the label
|
|
6466
6467
|
var trimmedLabel = (0, $4MPRY$trim)(replaceZipcode);
|
|
6467
6468
|
// if the trimmed label is shorter than 3 characters, it's probably the busNumber. Otherwise, something probably went wrong.
|
|
6468
|
-
if (trimmedLabel.length <= 3) busNumber = trimmedLabel.includes(
|
|
6469
|
+
if (trimmedLabel.length <= 3) busNumber = trimmedLabel.includes(',') ? trimmedLabel.substring(0, (0, $4MPRY$lastIndexOf)(trimmedLabel, ',')) : trimmedLabel;
|
|
6469
6470
|
}
|
|
6470
6471
|
var location = {
|
|
6471
6472
|
street: street,
|
|
@@ -6488,12 +6489,12 @@ var $c7f1fe1c3b2d56f5$var$AddressInputGroupForm = function(props) {
|
|
|
6488
6489
|
return component.types.includes(key);
|
|
6489
6490
|
})) === null || _a === void 0 ? void 0 : _a.long_name;
|
|
6490
6491
|
};
|
|
6491
|
-
var street = handleExtractValueWithKey(
|
|
6492
|
-
var city = handleExtractValueWithKey(
|
|
6493
|
-
var country = handleExtractValueWithKey(
|
|
6494
|
-
var zipCode = handleExtractValueWithKey(
|
|
6495
|
-
var houseNumber = handleExtractValueWithKey(
|
|
6496
|
-
var busNumber = handleExtractValueWithKey(
|
|
6492
|
+
var street = handleExtractValueWithKey('route');
|
|
6493
|
+
var city = handleExtractValueWithKey('locality');
|
|
6494
|
+
var country = handleExtractValueWithKey('country');
|
|
6495
|
+
var zipCode = handleExtractValueWithKey('postal_code');
|
|
6496
|
+
var houseNumber = handleExtractValueWithKey('street_number');
|
|
6497
|
+
var busNumber = handleExtractValueWithKey('post_box');
|
|
6497
6498
|
var location = {
|
|
6498
6499
|
street: street,
|
|
6499
6500
|
city: city,
|