@ballistix.digital/react-components 4.8.1 → 4.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +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 +5 -5
package/dist/index.js
CHANGED
|
@@ -92,13 +92,13 @@ var $27f90b0cff19565d$export$be5d6ab3c5b84767 = function(obj) {
|
|
|
92
92
|
function flattenHelper(obj, prefix) {
|
|
93
93
|
return Object.keys(obj).reduce(function(acc, key) {
|
|
94
94
|
var fullPath = prefix ? "".concat(prefix, ".").concat(key) : key;
|
|
95
|
-
if (typeof obj[key] ===
|
|
95
|
+
if (typeof obj[key] === 'object' && obj[key] !== null) return $27f90b0cff19565d$var$__spreadArray($27f90b0cff19565d$var$__spreadArray([], acc, true), flattenHelper(obj[key], fullPath), true);
|
|
96
96
|
else return $27f90b0cff19565d$var$__spreadArray($27f90b0cff19565d$var$__spreadArray([], acc, true), [
|
|
97
97
|
fullPath
|
|
98
98
|
], false);
|
|
99
99
|
}, []);
|
|
100
100
|
}
|
|
101
|
-
return flattenHelper(obj,
|
|
101
|
+
return flattenHelper(obj, '');
|
|
102
102
|
};
|
|
103
103
|
|
|
104
104
|
|
|
@@ -107,7 +107,7 @@ var $27f90b0cff19565d$export$be5d6ab3c5b84767 = function(obj) {
|
|
|
107
107
|
var $622cd2936b18c771$export$4370d69198e9314a = function() {
|
|
108
108
|
var values = [];
|
|
109
109
|
for(var _i = 0; _i < arguments.length; _i++)values[_i] = arguments[_i];
|
|
110
|
-
return values.filter(Boolean).join(
|
|
110
|
+
return values.filter(Boolean).join(' ');
|
|
111
111
|
};
|
|
112
112
|
var $622cd2936b18c771$export$f169ab786cd97dc0 = function(_a) {
|
|
113
113
|
var styles = _a.styles, stylesOverrides = _a.stylesOverrides, customStyles = _a.customStyles, identifier = _a.identifier, type = _a.type;
|
|
@@ -115,7 +115,7 @@ var $622cd2936b18c771$export$f169ab786cd97dc0 = function(_a) {
|
|
|
115
115
|
};
|
|
116
116
|
var $622cd2936b18c771$export$7493424cf90fe793 = function(value) {
|
|
117
117
|
if (value === null) return null;
|
|
118
|
-
if ((0, $iA2ta$lodash.isArray)(value)) return (0, $iA2ta$lodash.map)(value,
|
|
118
|
+
if ((0, $iA2ta$lodash.isArray)(value)) return (0, $iA2ta$lodash.map)(value, 'value');
|
|
119
119
|
return value === null || value === void 0 ? void 0 : value.value;
|
|
120
120
|
};
|
|
121
121
|
|
|
@@ -126,82 +126,82 @@ var $f0c671820c340322$export$e2d2075c69d9100d = function(object) {
|
|
|
126
126
|
|
|
127
127
|
|
|
128
128
|
var $f0fe9ee023657b4a$var$base = {
|
|
129
|
-
loading:
|
|
130
|
-
spinner:
|
|
131
|
-
empty:
|
|
132
|
-
placeholder:
|
|
133
|
-
container:
|
|
134
|
-
indicator:
|
|
129
|
+
loading: 'relative overflow-hidden bg-gray-50 flex items-center justify-center',
|
|
130
|
+
spinner: 'w-5 h-5 animate-spin text-gray-400',
|
|
131
|
+
empty: 'inline-block relative overflow-hidden bg-gray-50 text-red-400',
|
|
132
|
+
placeholder: 'relative inline-flex items-center justify-center bg-gray-500',
|
|
133
|
+
container: 'inline-block bg-gray-100 bg-cover bg-center',
|
|
134
|
+
indicator: 'absolute top-0 right-0 block h-2.5 w-2.5 rounded-full ring-2 ring-white'
|
|
135
135
|
};
|
|
136
136
|
var $f0fe9ee023657b4a$var$xs = {
|
|
137
|
-
loading:
|
|
138
|
-
spinner:
|
|
139
|
-
empty:
|
|
140
|
-
placeholder:
|
|
141
|
-
container:
|
|
142
|
-
indicator:
|
|
137
|
+
loading: 'h-6 w-6',
|
|
138
|
+
spinner: 'h-6 w-6',
|
|
139
|
+
empty: 'h-6 w-6',
|
|
140
|
+
placeholder: 'h-6 w-6',
|
|
141
|
+
container: 'h-6 w-6',
|
|
142
|
+
indicator: 'h-1.5 w-1.5'
|
|
143
143
|
};
|
|
144
144
|
var $f0fe9ee023657b4a$var$sm = {
|
|
145
|
-
loading:
|
|
146
|
-
spinner:
|
|
147
|
-
empty:
|
|
148
|
-
placeholder:
|
|
149
|
-
container:
|
|
150
|
-
indicator:
|
|
145
|
+
loading: 'h-8 w-8',
|
|
146
|
+
spinner: 'h-8 w-8',
|
|
147
|
+
empty: 'h-8 w-8',
|
|
148
|
+
placeholder: 'h-8 w-8',
|
|
149
|
+
container: 'h-8 w-8',
|
|
150
|
+
indicator: 'h-2 w-2'
|
|
151
151
|
};
|
|
152
152
|
var $f0fe9ee023657b4a$var$md = {
|
|
153
|
-
loading:
|
|
154
|
-
spinner:
|
|
155
|
-
empty:
|
|
156
|
-
placeholder:
|
|
157
|
-
container:
|
|
158
|
-
indicator:
|
|
153
|
+
loading: 'h-10 w-10',
|
|
154
|
+
spinner: 'h-10 w-10',
|
|
155
|
+
empty: 'h-10 w-10',
|
|
156
|
+
placeholder: 'h-10 w-10',
|
|
157
|
+
container: 'h-10 w-10',
|
|
158
|
+
indicator: 'h-2.5 w-2.5'
|
|
159
159
|
};
|
|
160
160
|
var $f0fe9ee023657b4a$var$lg = {
|
|
161
|
-
loading:
|
|
162
|
-
spinner:
|
|
163
|
-
empty:
|
|
164
|
-
placeholder:
|
|
165
|
-
container:
|
|
166
|
-
indicator:
|
|
161
|
+
loading: 'h-12 w-12',
|
|
162
|
+
spinner: 'h-12 w-12',
|
|
163
|
+
empty: 'h-12 w-12',
|
|
164
|
+
placeholder: 'h-12 w-12',
|
|
165
|
+
container: 'h-12 w-12',
|
|
166
|
+
indicator: 'h-3 w-3'
|
|
167
167
|
};
|
|
168
168
|
var $f0fe9ee023657b4a$var$xl = {
|
|
169
|
-
loading:
|
|
170
|
-
spinner:
|
|
171
|
-
empty:
|
|
172
|
-
placeholder:
|
|
173
|
-
container:
|
|
174
|
-
indicator:
|
|
169
|
+
loading: 'h-14 w-14',
|
|
170
|
+
spinner: 'h-14 w-14',
|
|
171
|
+
empty: 'h-14 w-14',
|
|
172
|
+
placeholder: 'h-14 w-14',
|
|
173
|
+
container: 'h-14 w-14',
|
|
174
|
+
indicator: 'h-3.5 w-3.5'
|
|
175
175
|
};
|
|
176
176
|
var $f0fe9ee023657b4a$var$block = {
|
|
177
|
-
loading:
|
|
178
|
-
spinner:
|
|
179
|
-
empty:
|
|
180
|
-
placeholder:
|
|
181
|
-
container:
|
|
182
|
-
indicator:
|
|
177
|
+
loading: 'rounded-md',
|
|
178
|
+
spinner: 'rounded-md',
|
|
179
|
+
empty: 'rounded-md',
|
|
180
|
+
placeholder: 'rounded-md',
|
|
181
|
+
container: 'rounded-md',
|
|
182
|
+
indicator: 'transform -translate-y-1/2 translate-x-1/2'
|
|
183
183
|
};
|
|
184
184
|
var $f0fe9ee023657b4a$var$rounded = {
|
|
185
|
-
loading:
|
|
186
|
-
spinner:
|
|
187
|
-
empty:
|
|
188
|
-
placeholder:
|
|
189
|
-
container:
|
|
185
|
+
loading: 'rounded-full',
|
|
186
|
+
spinner: 'rounded-full',
|
|
187
|
+
empty: 'rounded-full',
|
|
188
|
+
placeholder: 'rounded-full',
|
|
189
|
+
container: 'rounded-full'
|
|
190
190
|
};
|
|
191
191
|
var $f0fe9ee023657b4a$var$disabled = {
|
|
192
|
-
container:
|
|
192
|
+
container: 'opacity-20 cursor-not-allowed'
|
|
193
193
|
};
|
|
194
194
|
var $f0fe9ee023657b4a$var$loading = {
|
|
195
|
-
container:
|
|
195
|
+
container: 'cursor-progress'
|
|
196
196
|
};
|
|
197
197
|
var $f0fe9ee023657b4a$var$offline = {
|
|
198
|
-
indicator:
|
|
198
|
+
indicator: 'bg-gray-300'
|
|
199
199
|
};
|
|
200
200
|
var $f0fe9ee023657b4a$var$online = {
|
|
201
|
-
indicator:
|
|
201
|
+
indicator: 'bg-green-400'
|
|
202
202
|
};
|
|
203
203
|
var $f0fe9ee023657b4a$var$blocked = {
|
|
204
|
-
indicator:
|
|
204
|
+
indicator: 'bg-red-400'
|
|
205
205
|
};
|
|
206
206
|
var $f0fe9ee023657b4a$var$styles = {
|
|
207
207
|
base: $f0fe9ee023657b4a$var$base,
|
|
@@ -222,7 +222,7 @@ var $f0fe9ee023657b4a$export$2e2bcd8739ae039 = $f0fe9ee023657b4a$var$styles;
|
|
|
222
222
|
|
|
223
223
|
|
|
224
224
|
var $9d49a8de81454cb0$var$AvatarElement = function(props) {
|
|
225
|
-
var src = props.src, placeholder = props.placeholder, children = props.children, url = props.url, _a = props.size, size = _a === void 0 ?
|
|
225
|
+
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;
|
|
226
226
|
var handleGenerateStyle = function() {
|
|
227
227
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $f0fe9ee023657b4a$export$2e2bcd8739ae039).base);
|
|
228
228
|
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $f0fe9ee023657b4a$export$2e2bcd8739ae039).base);
|
|
@@ -319,54 +319,54 @@ var $9d49a8de81454cb0$export$2e2bcd8739ae039 = $9d49a8de81454cb0$var$AvatarEleme
|
|
|
319
319
|
|
|
320
320
|
|
|
321
321
|
var $2125901b4a9afff9$var$IconElement = function(props) {
|
|
322
|
-
var accessor = props.accessor, _a = props.type, type = _a === void 0 ?
|
|
322
|
+
var accessor = props.accessor, _a = props.type, type = _a === void 0 ? 'regular' : _a, className = props.className;
|
|
323
323
|
var component = (0, $iA2ta$reactjsxruntime.jsx)("div", {});
|
|
324
324
|
switch(type){
|
|
325
|
-
case
|
|
325
|
+
case 'brands':
|
|
326
326
|
if (!((0, $iA2ta$fortawesomefontawesomesvgcore.library) === null || (0, $iA2ta$fortawesomefontawesomesvgcore.library) === void 0 ? void 0 : (0, $iA2ta$fortawesomefontawesomesvgcore.library).definitions.fab)) (0, $iA2ta$fortawesomefontawesomesvgcore.library).add((0, $iA2ta$fortawesomefreebrandssvgicons.fab));
|
|
327
327
|
component = (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$fortawesomereactfontawesome.FontAwesomeIcon), {
|
|
328
328
|
icon: [
|
|
329
|
-
|
|
330
|
-
|
|
329
|
+
'fab',
|
|
330
|
+
'facebook'
|
|
331
331
|
],
|
|
332
332
|
className: className
|
|
333
333
|
});
|
|
334
334
|
break;
|
|
335
|
-
case
|
|
335
|
+
case 'light':
|
|
336
336
|
if (!((0, $iA2ta$fortawesomefontawesomesvgcore.library) === null || (0, $iA2ta$fortawesomefontawesomesvgcore.library) === void 0 ? void 0 : (0, $iA2ta$fortawesomefontawesomesvgcore.library).definitions.fal)) (0, $iA2ta$fortawesomefontawesomesvgcore.library).add((0, $iA2ta$fortawesomeprolightsvgicons.fal));
|
|
337
337
|
component = (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$fortawesomereactfontawesome.FontAwesomeIcon), {
|
|
338
338
|
icon: [
|
|
339
|
-
|
|
339
|
+
'fal',
|
|
340
340
|
accessor
|
|
341
341
|
],
|
|
342
342
|
className: className
|
|
343
343
|
});
|
|
344
344
|
break;
|
|
345
|
-
case
|
|
345
|
+
case 'regular':
|
|
346
346
|
if (!((0, $iA2ta$fortawesomefontawesomesvgcore.library) === null || (0, $iA2ta$fortawesomefontawesomesvgcore.library) === void 0 ? void 0 : (0, $iA2ta$fortawesomefontawesomesvgcore.library).definitions.far)) (0, $iA2ta$fortawesomefontawesomesvgcore.library).add((0, $iA2ta$fortawesomeproregularsvgicons.far));
|
|
347
347
|
component = (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$fortawesomereactfontawesome.FontAwesomeIcon), {
|
|
348
348
|
icon: [
|
|
349
|
-
|
|
349
|
+
'far',
|
|
350
350
|
accessor
|
|
351
351
|
],
|
|
352
352
|
className: className
|
|
353
353
|
});
|
|
354
354
|
break;
|
|
355
|
-
case
|
|
355
|
+
case 'solid':
|
|
356
356
|
if (!((0, $iA2ta$fortawesomefontawesomesvgcore.library) === null || (0, $iA2ta$fortawesomefontawesomesvgcore.library) === void 0 ? void 0 : (0, $iA2ta$fortawesomefontawesomesvgcore.library).definitions.fas)) (0, $iA2ta$fortawesomefontawesomesvgcore.library).add((0, $iA2ta$fortawesomeprosolidsvgicons.fas));
|
|
357
357
|
component = (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$fortawesomereactfontawesome.FontAwesomeIcon), {
|
|
358
358
|
icon: [
|
|
359
|
-
|
|
359
|
+
'fas',
|
|
360
360
|
accessor
|
|
361
361
|
],
|
|
362
362
|
className: className
|
|
363
363
|
});
|
|
364
364
|
break;
|
|
365
|
-
case
|
|
365
|
+
case 'thin':
|
|
366
366
|
if (!((0, $iA2ta$fortawesomefontawesomesvgcore.library) === null || (0, $iA2ta$fortawesomefontawesomesvgcore.library) === void 0 ? void 0 : (0, $iA2ta$fortawesomefontawesomesvgcore.library).definitions.fat)) (0, $iA2ta$fortawesomefontawesomesvgcore.library).add((0, $iA2ta$fortawesomeprothinsvgicons.fat));
|
|
367
367
|
component = (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$fortawesomereactfontawesome.FontAwesomeIcon), {
|
|
368
368
|
icon: [
|
|
369
|
-
|
|
369
|
+
'fat',
|
|
370
370
|
accessor
|
|
371
371
|
],
|
|
372
372
|
className: className
|
|
@@ -381,61 +381,61 @@ var $2125901b4a9afff9$export$2e2bcd8739ae039 = $2125901b4a9afff9$var$IconElement
|
|
|
381
381
|
|
|
382
382
|
|
|
383
383
|
var $fbfda6b39c475fe4$var$base = {
|
|
384
|
-
container:
|
|
385
|
-
icon:
|
|
384
|
+
container: 'rounded-sm p-4 border-l-4',
|
|
385
|
+
icon: 'h-5 w-5',
|
|
386
386
|
content: {
|
|
387
|
-
container:
|
|
388
|
-
iconContainer:
|
|
389
|
-
title:
|
|
390
|
-
message:
|
|
391
|
-
actions:
|
|
392
|
-
action:
|
|
393
|
-
inverted:
|
|
387
|
+
container: 'ml-3 flex-1 md:flex md:justify-between ease-in-out transition-transform h-full items-center',
|
|
388
|
+
iconContainer: 'flex-shrink-0',
|
|
389
|
+
title: 'text-md font-semibold',
|
|
390
|
+
message: 'text-sm',
|
|
391
|
+
actions: 'flex gap-2',
|
|
392
|
+
action: 'h-5 w-5 !p-0 hover:opacity-60 cursor-pointer',
|
|
393
|
+
inverted: 'rotate-180'
|
|
394
394
|
}
|
|
395
395
|
};
|
|
396
396
|
var $fbfda6b39c475fe4$var$generic = {
|
|
397
|
-
container:
|
|
398
|
-
icon:
|
|
397
|
+
container: 'bg-gray-50 border-gray-400',
|
|
398
|
+
icon: 'text-gray-400',
|
|
399
399
|
content: {
|
|
400
|
-
actions:
|
|
401
|
-
message:
|
|
402
|
-
title:
|
|
400
|
+
actions: 'text-gray-500',
|
|
401
|
+
message: 'text-gray-500',
|
|
402
|
+
title: 'text-gray-500 rotate'
|
|
403
403
|
}
|
|
404
404
|
};
|
|
405
405
|
var $fbfda6b39c475fe4$var$error = {
|
|
406
|
-
container:
|
|
407
|
-
icon:
|
|
406
|
+
container: 'bg-red-50 border-red-400',
|
|
407
|
+
icon: 'text-red-400',
|
|
408
408
|
content: {
|
|
409
|
-
actions:
|
|
410
|
-
message:
|
|
411
|
-
title:
|
|
409
|
+
actions: 'text-red-500',
|
|
410
|
+
message: 'text-red-500',
|
|
411
|
+
title: 'text-red-500'
|
|
412
412
|
}
|
|
413
413
|
};
|
|
414
414
|
var $fbfda6b39c475fe4$var$warn = {
|
|
415
|
-
container:
|
|
416
|
-
icon:
|
|
415
|
+
container: 'bg-yellow-50 border-orange-400',
|
|
416
|
+
icon: 'text-orange-400',
|
|
417
417
|
content: {
|
|
418
|
-
actions:
|
|
419
|
-
message:
|
|
420
|
-
title:
|
|
418
|
+
actions: 'text-orange-500',
|
|
419
|
+
message: 'text-orange-500',
|
|
420
|
+
title: 'text-orange-500'
|
|
421
421
|
}
|
|
422
422
|
};
|
|
423
423
|
var $fbfda6b39c475fe4$var$success = {
|
|
424
|
-
container:
|
|
425
|
-
icon:
|
|
424
|
+
container: 'bg-green-50 border-green-400',
|
|
425
|
+
icon: 'text-green-400',
|
|
426
426
|
content: {
|
|
427
|
-
actions:
|
|
428
|
-
message:
|
|
429
|
-
title:
|
|
427
|
+
actions: 'text-green-500',
|
|
428
|
+
message: 'text-green-500',
|
|
429
|
+
title: 'text-green-500'
|
|
430
430
|
}
|
|
431
431
|
};
|
|
432
432
|
var $fbfda6b39c475fe4$var$info = {
|
|
433
|
-
container:
|
|
434
|
-
icon:
|
|
433
|
+
container: 'bg-blue-50 border-blue-400',
|
|
434
|
+
icon: 'text-blue-400',
|
|
435
435
|
content: {
|
|
436
|
-
actions:
|
|
437
|
-
message:
|
|
438
|
-
title:
|
|
436
|
+
actions: 'text-blue-500',
|
|
437
|
+
message: 'text-blue-500',
|
|
438
|
+
title: 'text-blue-500'
|
|
439
439
|
}
|
|
440
440
|
};
|
|
441
441
|
var $fbfda6b39c475fe4$var$styles = {
|
|
@@ -450,7 +450,7 @@ var $fbfda6b39c475fe4$export$2e2bcd8739ae039 = $fbfda6b39c475fe4$var$styles;
|
|
|
450
450
|
|
|
451
451
|
|
|
452
452
|
var $29a51bd84954e590$var$BadgeElement = function(props) {
|
|
453
|
-
var title = props.title, message = props.message, _a = props.type, type = _a === void 0 ?
|
|
453
|
+
var title = props.title, message = props.message, _a = props.type, type = _a === void 0 ? 'generic' : _a, _b = props.onClose, onClose = _b === void 0 ? (0, $iA2ta$lodash.noop) : _b, _c = props.onCollapse, onCollapse = _c === void 0 ? (0, $iA2ta$lodash.noop) : _c, _d = props.isCollapsible, isCollapsible = _d === void 0 ? false : _d, stylesOverrides = props.styles, iconAccessorOverride = props.iconAccessor;
|
|
454
454
|
var _e = (0, $iA2ta$react.useState)(false), isCollapsed = _e[0], setIsCollapsed = _e[1];
|
|
455
455
|
var handleGenerateStyle = function() {
|
|
456
456
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $fbfda6b39c475fe4$export$2e2bcd8739ae039).base);
|
|
@@ -464,15 +464,15 @@ var $29a51bd84954e590$var$BadgeElement = function(props) {
|
|
|
464
464
|
var iconAccessor = (0, $iA2ta$react.useMemo)(function() {
|
|
465
465
|
if (iconAccessorOverride) return iconAccessorOverride;
|
|
466
466
|
switch(type){
|
|
467
|
-
case
|
|
468
|
-
return
|
|
469
|
-
case
|
|
470
|
-
return
|
|
471
|
-
case
|
|
472
|
-
return
|
|
473
|
-
case
|
|
474
|
-
return
|
|
475
|
-
case
|
|
467
|
+
case 'info':
|
|
468
|
+
return 'question-circle';
|
|
469
|
+
case 'error':
|
|
470
|
+
return 'exclamation-triangle';
|
|
471
|
+
case 'warn':
|
|
472
|
+
return 'exclamation-circle';
|
|
473
|
+
case 'success':
|
|
474
|
+
return 'sparkles';
|
|
475
|
+
case 'generic':
|
|
476
476
|
default:
|
|
477
477
|
return undefined;
|
|
478
478
|
}
|
|
@@ -543,18 +543,18 @@ var $29a51bd84954e590$export$2e2bcd8739ae039 = $29a51bd84954e590$var$BadgeElemen
|
|
|
543
543
|
|
|
544
544
|
|
|
545
545
|
var $ede6d6a597d91170$var$base = {
|
|
546
|
-
container:
|
|
547
|
-
indicator:
|
|
548
|
-
button:
|
|
546
|
+
container: 'inline-flex items-center font-medium py-0.5',
|
|
547
|
+
indicator: '',
|
|
548
|
+
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'
|
|
549
549
|
};
|
|
550
550
|
var $ede6d6a597d91170$var$normal = {
|
|
551
|
-
container:
|
|
551
|
+
container: 'px-2.5'
|
|
552
552
|
};
|
|
553
553
|
var $ede6d6a597d91170$var$indicator = {
|
|
554
|
-
container:
|
|
554
|
+
container: 'px-2.5'
|
|
555
555
|
};
|
|
556
556
|
var $ede6d6a597d91170$var$close = {
|
|
557
|
-
container:
|
|
557
|
+
container: 'pl-2.5 pr-1'
|
|
558
558
|
};
|
|
559
559
|
var $ede6d6a597d91170$var$primary = {
|
|
560
560
|
container: "shadow-sm text-white bg-primary-600 hover:bg-primary-700"
|
|
@@ -566,64 +566,64 @@ var $ede6d6a597d91170$var$outline = {
|
|
|
566
566
|
container: "border-gray-300 text-gray-700 bg-white hover:bg-gray-50"
|
|
567
567
|
};
|
|
568
568
|
var $ede6d6a597d91170$var$sm = {
|
|
569
|
-
container:
|
|
570
|
-
indicator:
|
|
569
|
+
container: 'text-xs',
|
|
570
|
+
indicator: 'mr-1.5 h-2 w-2 '
|
|
571
571
|
};
|
|
572
572
|
var $ede6d6a597d91170$var$lg = {
|
|
573
|
-
container:
|
|
574
|
-
indicator:
|
|
573
|
+
container: 'text-sm',
|
|
574
|
+
indicator: '-ml-0.5 mr-1.5 h-2 w-2'
|
|
575
575
|
};
|
|
576
576
|
var $ede6d6a597d91170$var$block = {
|
|
577
|
-
container:
|
|
577
|
+
container: 'rounded-md'
|
|
578
578
|
};
|
|
579
579
|
var $ede6d6a597d91170$var$rounded = {
|
|
580
|
-
container:
|
|
580
|
+
container: 'rounded-full'
|
|
581
581
|
};
|
|
582
582
|
var $ede6d6a597d91170$var$gray = {
|
|
583
|
-
container:
|
|
584
|
-
indicator:
|
|
585
|
-
button:
|
|
583
|
+
container: 'bg-gray-100 text-gray-800',
|
|
584
|
+
indicator: 'text-gray-400',
|
|
585
|
+
button: 'text-gray-400 hover:bg-gray-200 hover:text-gray-500 focus:bg-gray-500'
|
|
586
586
|
};
|
|
587
587
|
var $ede6d6a597d91170$var$red = {
|
|
588
|
-
container:
|
|
589
|
-
indicator:
|
|
590
|
-
button:
|
|
588
|
+
container: 'bg-red-100 text-red-800',
|
|
589
|
+
indicator: 'text-red-400',
|
|
590
|
+
button: 'text-red-400 hover:bg-red-200 hover:text-red-500 focus:bg-red-500'
|
|
591
591
|
};
|
|
592
592
|
var $ede6d6a597d91170$var$yellow = {
|
|
593
|
-
container:
|
|
594
|
-
indicator:
|
|
595
|
-
button:
|
|
593
|
+
container: 'bg-yellow-100 text-yellow-800',
|
|
594
|
+
indicator: 'text-yellow-400',
|
|
595
|
+
button: 'text-yellow-400 hover:bg-yellow-200 hover:text-yellow-500 focus:bg-yellow-500'
|
|
596
596
|
};
|
|
597
597
|
var $ede6d6a597d91170$var$green = {
|
|
598
|
-
container:
|
|
599
|
-
indicator:
|
|
600
|
-
button:
|
|
598
|
+
container: 'bg-green-100 text-green-800',
|
|
599
|
+
indicator: 'text-green-400',
|
|
600
|
+
button: 'text-green-400 hover:bg-green-200 hover:text-green-500 focus:bg-green-500'
|
|
601
601
|
};
|
|
602
602
|
var $ede6d6a597d91170$var$blue = {
|
|
603
|
-
container:
|
|
604
|
-
indicator:
|
|
605
|
-
button:
|
|
603
|
+
container: 'bg-blue-100 text-blue-800',
|
|
604
|
+
indicator: 'text-blue-400',
|
|
605
|
+
button: 'text-blue-400 hover:bg-blue-200 hover:text-blue-500 focus:bg-blue-500'
|
|
606
606
|
};
|
|
607
607
|
var $ede6d6a597d91170$var$indigo = {
|
|
608
|
-
container:
|
|
609
|
-
indicator:
|
|
610
|
-
button:
|
|
608
|
+
container: 'bg-primary-100 text-primary-800',
|
|
609
|
+
indicator: 'text-primary-400',
|
|
610
|
+
button: 'text-primary-400 hover:bg-primary-200 hover:text-primary-500 focus:outline-none focus:bg-primary-500'
|
|
611
611
|
};
|
|
612
612
|
var $ede6d6a597d91170$var$purple = {
|
|
613
|
-
container:
|
|
614
|
-
indicator:
|
|
615
|
-
button:
|
|
613
|
+
container: 'bg-purple-100 text-purple-800',
|
|
614
|
+
indicator: 'text-purple-400',
|
|
615
|
+
button: 'text-purple-400 hover:bg-purple-200 hover:text-purple-500 focus:bg-purple-500'
|
|
616
616
|
};
|
|
617
617
|
var $ede6d6a597d91170$var$pink = {
|
|
618
|
-
container:
|
|
619
|
-
indicator:
|
|
620
|
-
button:
|
|
618
|
+
container: 'bg-pink-100 text-pink-800',
|
|
619
|
+
indicator: 'text-pink-400',
|
|
620
|
+
button: 'text-pink-400 hover:bg-pink-200 hover:text-pink-500 focus:bg-purple-500'
|
|
621
621
|
};
|
|
622
622
|
var $ede6d6a597d91170$var$disabled = {
|
|
623
|
-
container:
|
|
623
|
+
container: 'opacity-20 cursor-not-allowed'
|
|
624
624
|
};
|
|
625
625
|
var $ede6d6a597d91170$var$loading = {
|
|
626
|
-
container:
|
|
626
|
+
container: 'cursor-progress'
|
|
627
627
|
};
|
|
628
628
|
var $ede6d6a597d91170$var$styles = {
|
|
629
629
|
base: $ede6d6a597d91170$var$base,
|
|
@@ -652,7 +652,7 @@ var $ede6d6a597d91170$export$2e2bcd8739ae039 = $ede6d6a597d91170$var$styles;
|
|
|
652
652
|
|
|
653
653
|
|
|
654
654
|
var $0b842d364fa010cf$var$BadgeElement = function(props) {
|
|
655
|
-
var children = props.children, _a = props.color, color = _a === void 0 ?
|
|
655
|
+
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;
|
|
656
656
|
var handleGenerateStyle = function() {
|
|
657
657
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $ede6d6a597d91170$export$2e2bcd8739ae039).base);
|
|
658
658
|
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $ede6d6a597d91170$export$2e2bcd8739ae039).base);
|
|
@@ -674,8 +674,8 @@ var $0b842d364fa010cf$var$BadgeElement = function(props) {
|
|
|
674
674
|
})
|
|
675
675
|
});
|
|
676
676
|
if (isLoading) return (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
677
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.container,
|
|
678
|
-
children: type ===
|
|
677
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.container, 'h-4 w-12 animate-pulse'),
|
|
678
|
+
children: type === 'indicator' && (0, $iA2ta$reactjsxruntime.jsx)("svg", {
|
|
679
679
|
className: styles.indicator,
|
|
680
680
|
fill: "currentColor",
|
|
681
681
|
viewBox: "0 0 8 8",
|
|
@@ -690,7 +690,7 @@ var $0b842d364fa010cf$var$BadgeElement = function(props) {
|
|
|
690
690
|
className: styles.container,
|
|
691
691
|
"data-cy": dataCy,
|
|
692
692
|
children: [
|
|
693
|
-
type ===
|
|
693
|
+
type === 'indicator' && (0, $iA2ta$reactjsxruntime.jsx)("svg", {
|
|
694
694
|
className: styles.indicator,
|
|
695
695
|
fill: "currentColor",
|
|
696
696
|
viewBox: "0 0 8 8",
|
|
@@ -701,7 +701,7 @@ var $0b842d364fa010cf$var$BadgeElement = function(props) {
|
|
|
701
701
|
})
|
|
702
702
|
}),
|
|
703
703
|
children,
|
|
704
|
-
type ===
|
|
704
|
+
type === 'close' && (0, $iA2ta$reactjsxruntime.jsxs)("button", {
|
|
705
705
|
type: "button",
|
|
706
706
|
className: styles.button,
|
|
707
707
|
onClick: onClose,
|
|
@@ -727,12 +727,12 @@ var $0b842d364fa010cf$export$2e2bcd8739ae039 = $0b842d364fa010cf$var$BadgeElemen
|
|
|
727
727
|
|
|
728
728
|
|
|
729
729
|
var $01e7f39f7556f2cb$var$base = {
|
|
730
|
-
container:
|
|
731
|
-
content:
|
|
730
|
+
container: 'w-fit h-fit relative group/tooltip',
|
|
731
|
+
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',
|
|
732
732
|
arrow: {
|
|
733
|
-
stroke:
|
|
734
|
-
fill:
|
|
735
|
-
strokeWidth:
|
|
733
|
+
stroke: '#e5e7eb',
|
|
734
|
+
fill: 'white',
|
|
735
|
+
strokeWidth: '1'
|
|
736
736
|
}
|
|
737
737
|
};
|
|
738
738
|
var $01e7f39f7556f2cb$var$styles = {
|
|
@@ -779,7 +779,7 @@ var $1c4aa673c4ad6947$var$TooltipElement = function(props) {
|
|
|
779
779
|
var dismiss = (0, $iA2ta$floatinguireact.useDismiss)(context);
|
|
780
780
|
var role = (0, $iA2ta$floatinguireact.useRole)(context, {
|
|
781
781
|
// If your reference element has its own label (text).
|
|
782
|
-
role:
|
|
782
|
+
role: 'tooltip'
|
|
783
783
|
});
|
|
784
784
|
// Merge all the interactions into prop getters
|
|
785
785
|
var _c = (0, $iA2ta$floatinguireact.useInteractions)([
|
|
@@ -839,10 +839,10 @@ var $1c4aa673c4ad6947$export$2e2bcd8739ae039 = $1c4aa673c4ad6947$var$TooltipElem
|
|
|
839
839
|
|
|
840
840
|
|
|
841
841
|
var $49bae43ec3aceb33$var$base = {
|
|
842
|
-
container:
|
|
843
|
-
content:
|
|
844
|
-
icon:
|
|
845
|
-
spinner:
|
|
842
|
+
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',
|
|
843
|
+
content: 'flex gap-2',
|
|
844
|
+
icon: '',
|
|
845
|
+
spinner: 'animate-spin'
|
|
846
846
|
};
|
|
847
847
|
var $49bae43ec3aceb33$var$primary = {
|
|
848
848
|
container: "shadow-sm text-white bg-primary-600 hover:bg-primary-700"
|
|
@@ -854,41 +854,41 @@ var $49bae43ec3aceb33$var$outline = {
|
|
|
854
854
|
container: "border-gray-300 text-gray-700 bg-white hover:bg-gray-50"
|
|
855
855
|
};
|
|
856
856
|
var $49bae43ec3aceb33$var$xs = {
|
|
857
|
-
container:
|
|
857
|
+
container: 'px-3 py-1.5 text-xs'
|
|
858
858
|
};
|
|
859
859
|
var $49bae43ec3aceb33$var$sm = {
|
|
860
|
-
container:
|
|
860
|
+
container: 'px-3.5 py-2 text-sm'
|
|
861
861
|
};
|
|
862
862
|
var $49bae43ec3aceb33$var$md = {
|
|
863
|
-
container:
|
|
863
|
+
container: 'px-4 py-2.5 text-sm'
|
|
864
864
|
};
|
|
865
865
|
var $49bae43ec3aceb33$var$lg = {
|
|
866
|
-
container:
|
|
866
|
+
container: 'px-5 py-2.5 text-base'
|
|
867
867
|
};
|
|
868
868
|
var $49bae43ec3aceb33$var$xl = {
|
|
869
|
-
container:
|
|
869
|
+
container: 'px-6 py-3 text-base'
|
|
870
870
|
};
|
|
871
871
|
var $49bae43ec3aceb33$var$block = {
|
|
872
|
-
container:
|
|
872
|
+
container: 'rounded-md'
|
|
873
873
|
};
|
|
874
874
|
var $49bae43ec3aceb33$var$rounded = {
|
|
875
|
-
container:
|
|
875
|
+
container: 'rounded-full'
|
|
876
876
|
};
|
|
877
877
|
var $49bae43ec3aceb33$var$idle = {};
|
|
878
878
|
var $49bae43ec3aceb33$var$loading = {
|
|
879
|
-
container:
|
|
880
|
-
content:
|
|
879
|
+
container: 'cursor-progress',
|
|
880
|
+
content: 'flex items-center'
|
|
881
881
|
};
|
|
882
882
|
var $49bae43ec3aceb33$var$success = {
|
|
883
|
-
container:
|
|
884
|
-
content:
|
|
883
|
+
container: '!bg-emerald-500 hover:bg-emerald-600 !text-white duration-300',
|
|
884
|
+
content: 'flex items-center'
|
|
885
885
|
};
|
|
886
886
|
var $49bae43ec3aceb33$var$error = {
|
|
887
|
-
container:
|
|
888
|
-
content:
|
|
887
|
+
container: 'bg-rose-400 hover:bg-rose-500 !text-white duration-300',
|
|
888
|
+
content: 'flex items-center'
|
|
889
889
|
};
|
|
890
890
|
var $49bae43ec3aceb33$var$disabled = {
|
|
891
|
-
container:
|
|
891
|
+
container: '!opacity-20 !cursor-not-allowed'
|
|
892
892
|
};
|
|
893
893
|
var $49bae43ec3aceb33$var$styles = {
|
|
894
894
|
base: $49bae43ec3aceb33$var$base,
|
|
@@ -912,7 +912,7 @@ var $49bae43ec3aceb33$export$2e2bcd8739ae039 = $49bae43ec3aceb33$var$styles;
|
|
|
912
912
|
|
|
913
913
|
|
|
914
914
|
var $98b8616b6ef0f950$var$ButtonElement = function(props) {
|
|
915
|
-
var children = props.children, innerRef = props.innerRef, _a = props.htmlType, htmlType = _a === void 0 ?
|
|
915
|
+
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;
|
|
916
916
|
var handleGenerateStyle = function() {
|
|
917
917
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $49bae43ec3aceb33$export$2e2bcd8739ae039).base);
|
|
918
918
|
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $49bae43ec3aceb33$export$2e2bcd8739ae039).base);
|
|
@@ -925,15 +925,15 @@ var $98b8616b6ef0f950$var$ButtonElement = function(props) {
|
|
|
925
925
|
return (0, $iA2ta$reactjsxruntime.jsxs)("button", {
|
|
926
926
|
type: htmlType,
|
|
927
927
|
className: styles.container,
|
|
928
|
-
disabled: isDisabled || status !==
|
|
928
|
+
disabled: isDisabled || status !== 'idle',
|
|
929
929
|
onClick: function(e) {
|
|
930
930
|
onClick && onClick(e);
|
|
931
931
|
},
|
|
932
932
|
ref: innerRef,
|
|
933
933
|
"data-cy": dataCy,
|
|
934
934
|
children: [
|
|
935
|
-
status ===
|
|
936
|
-
status ===
|
|
935
|
+
status === 'idle' && children,
|
|
936
|
+
status === 'loading' && (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
937
937
|
className: styles.content,
|
|
938
938
|
children: [
|
|
939
939
|
(0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
|
|
@@ -946,7 +946,7 @@ var $98b8616b6ef0f950$var$ButtonElement = function(props) {
|
|
|
946
946
|
})
|
|
947
947
|
]
|
|
948
948
|
}),
|
|
949
|
-
status ===
|
|
949
|
+
status === 'error' && (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
950
950
|
className: styles.content,
|
|
951
951
|
children: [
|
|
952
952
|
(0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
|
|
@@ -959,7 +959,7 @@ var $98b8616b6ef0f950$var$ButtonElement = function(props) {
|
|
|
959
959
|
})
|
|
960
960
|
]
|
|
961
961
|
}),
|
|
962
|
-
status ===
|
|
962
|
+
status === 'success' && (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
963
963
|
className: styles.content,
|
|
964
964
|
children: [
|
|
965
965
|
(0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
|
|
@@ -985,10 +985,10 @@ var $98b8616b6ef0f950$export$2e2bcd8739ae039 = $98b8616b6ef0f950$var$ButtonEleme
|
|
|
985
985
|
|
|
986
986
|
|
|
987
987
|
var $272b7895642d0ad9$var$base = {
|
|
988
|
-
container:
|
|
989
|
-
firstButton:
|
|
990
|
-
button:
|
|
991
|
-
lastButton:
|
|
988
|
+
container: 'relative z-0 inline-flex shadow-sm rounded-md',
|
|
989
|
+
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',
|
|
990
|
+
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',
|
|
991
|
+
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'
|
|
992
992
|
};
|
|
993
993
|
var $272b7895642d0ad9$var$styles = {
|
|
994
994
|
base: $272b7895642d0ad9$var$base
|
|
@@ -1033,40 +1033,40 @@ var $49256f91bd9e1c3f$export$2e2bcd8739ae039 = $49256f91bd9e1c3f$var$ButtonGroup
|
|
|
1033
1033
|
|
|
1034
1034
|
|
|
1035
1035
|
var $87a4b9b6cee76290$var$base = {
|
|
1036
|
-
container:
|
|
1037
|
-
button:
|
|
1038
|
-
compact:
|
|
1039
|
-
dots:
|
|
1040
|
-
items:
|
|
1036
|
+
container: 'inline-block text-left',
|
|
1037
|
+
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',
|
|
1038
|
+
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',
|
|
1039
|
+
dots: 'h-7 w-7 p-1',
|
|
1040
|
+
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'
|
|
1041
1041
|
};
|
|
1042
1042
|
var $87a4b9b6cee76290$var$button = {};
|
|
1043
1043
|
var $87a4b9b6cee76290$var$compact = {};
|
|
1044
1044
|
var $87a4b9b6cee76290$var$bottomLeft = {
|
|
1045
|
-
items:
|
|
1045
|
+
items: 'origin-top-right right-0'
|
|
1046
1046
|
};
|
|
1047
1047
|
var $87a4b9b6cee76290$var$bottomRight = {
|
|
1048
|
-
items:
|
|
1048
|
+
items: 'origin-top-left left-0'
|
|
1049
1049
|
};
|
|
1050
1050
|
var $87a4b9b6cee76290$var$topLeft = {
|
|
1051
|
-
items:
|
|
1051
|
+
items: 'origin-bottom-right right-0 bottom-0'
|
|
1052
1052
|
};
|
|
1053
1053
|
var $87a4b9b6cee76290$var$topRight = {
|
|
1054
|
-
items:
|
|
1054
|
+
items: 'origin-bottom-left left-0 bottom-0'
|
|
1055
1055
|
};
|
|
1056
1056
|
var $87a4b9b6cee76290$var$styles = {
|
|
1057
1057
|
base: $87a4b9b6cee76290$var$base,
|
|
1058
1058
|
button: $87a4b9b6cee76290$var$button,
|
|
1059
1059
|
compact: $87a4b9b6cee76290$var$compact,
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1060
|
+
'bottom-left': $87a4b9b6cee76290$var$bottomLeft,
|
|
1061
|
+
'bottom-right': $87a4b9b6cee76290$var$bottomRight,
|
|
1062
|
+
'top-left': $87a4b9b6cee76290$var$topLeft,
|
|
1063
|
+
'top-right': $87a4b9b6cee76290$var$topRight
|
|
1064
1064
|
};
|
|
1065
1065
|
var $87a4b9b6cee76290$export$2e2bcd8739ae039 = $87a4b9b6cee76290$var$styles;
|
|
1066
1066
|
|
|
1067
1067
|
|
|
1068
1068
|
var $6f7275eb03c2b93c$var$Container = function(props) {
|
|
1069
|
-
var children = props.children, label = props.label, trigger = props.trigger, dataCy = props.dataCy, _a = props.type, type = _a === void 0 ?
|
|
1069
|
+
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;
|
|
1070
1070
|
var handleGenerateStyle = function() {
|
|
1071
1071
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $87a4b9b6cee76290$export$2e2bcd8739ae039).base);
|
|
1072
1072
|
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $87a4b9b6cee76290$export$2e2bcd8739ae039).base);
|
|
@@ -1078,11 +1078,11 @@ var $6f7275eb03c2b93c$var$Container = function(props) {
|
|
|
1078
1078
|
var styles = handleGenerateStyle();
|
|
1079
1079
|
return (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$headlessuireact.Menu), {
|
|
1080
1080
|
as: "div",
|
|
1081
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.container, !isEscapingOverflow &&
|
|
1081
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.container, !isEscapingOverflow && 'relative'),
|
|
1082
1082
|
children: [
|
|
1083
1083
|
(0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
1084
1084
|
children: [
|
|
1085
|
-
type ===
|
|
1085
|
+
type === 'button' && (!trigger ? (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$headlessuireact.MenuButton), {
|
|
1086
1086
|
className: styles.button,
|
|
1087
1087
|
"data-cy": dataCy,
|
|
1088
1088
|
children: [
|
|
@@ -1096,7 +1096,7 @@ var $6f7275eb03c2b93c$var$Container = function(props) {
|
|
|
1096
1096
|
"data-cy": dataCy,
|
|
1097
1097
|
children: trigger
|
|
1098
1098
|
})),
|
|
1099
|
-
type ===
|
|
1099
|
+
type === 'compact' && (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$headlessuireact.MenuButton), {
|
|
1100
1100
|
className: styles.compact,
|
|
1101
1101
|
"data-cy": dataCy,
|
|
1102
1102
|
children: [
|
|
@@ -1147,66 +1147,66 @@ var $6f7275eb03c2b93c$export$2e2bcd8739ae039 = $6f7275eb03c2b93c$var$DropdownEle
|
|
|
1147
1147
|
|
|
1148
1148
|
|
|
1149
1149
|
var $143cee146891bafc$var$base = {
|
|
1150
|
-
container:
|
|
1151
|
-
head:
|
|
1152
|
-
body:
|
|
1153
|
-
foot:
|
|
1154
|
-
label:
|
|
1155
|
-
hint:
|
|
1156
|
-
leading:
|
|
1157
|
-
input:
|
|
1158
|
-
trailing:
|
|
1159
|
-
description:
|
|
1160
|
-
error:
|
|
1150
|
+
container: '',
|
|
1151
|
+
head: 'flex justify-between',
|
|
1152
|
+
body: 'relative rounded-md',
|
|
1153
|
+
foot: '',
|
|
1154
|
+
label: 'block font-medium text-gray-900',
|
|
1155
|
+
hint: 'text-xs text-gray-500',
|
|
1156
|
+
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
1157
|
+
input: 'block w-full',
|
|
1158
|
+
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
1159
|
+
description: 'text-gray-400 text-xs mt-1',
|
|
1160
|
+
error: 'text-red-500 text-xs ml-5 mt-1'
|
|
1161
1161
|
};
|
|
1162
1162
|
var $143cee146891bafc$var$leading = {
|
|
1163
|
-
input:
|
|
1163
|
+
input: 'pl-10'
|
|
1164
1164
|
};
|
|
1165
1165
|
var $143cee146891bafc$var$trailing = {};
|
|
1166
1166
|
var $143cee146891bafc$var$normal = {
|
|
1167
|
-
label:
|
|
1168
|
-
hint:
|
|
1169
|
-
leading:
|
|
1170
|
-
input:
|
|
1171
|
-
trailing:
|
|
1172
|
-
description:
|
|
1167
|
+
label: 'leading-6 text-sm mb-2',
|
|
1168
|
+
hint: 'leading-6',
|
|
1169
|
+
leading: 'pl-3',
|
|
1170
|
+
input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
1171
|
+
trailing: 'pr-3',
|
|
1172
|
+
description: 'mt-2 text-sm'
|
|
1173
1173
|
};
|
|
1174
1174
|
var $143cee146891bafc$var$inset = {
|
|
1175
|
-
container:
|
|
1176
|
-
label:
|
|
1177
|
-
hint:
|
|
1178
|
-
input:
|
|
1179
|
-
description:
|
|
1175
|
+
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',
|
|
1176
|
+
label: 'text-xs',
|
|
1177
|
+
hint: 'text-xs',
|
|
1178
|
+
input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
1179
|
+
description: 'hidden'
|
|
1180
1180
|
};
|
|
1181
1181
|
var $143cee146891bafc$var$overlapping = {
|
|
1182
|
-
container:
|
|
1183
|
-
head:
|
|
1184
|
-
label:
|
|
1185
|
-
hint:
|
|
1186
|
-
input:
|
|
1187
|
-
description:
|
|
1182
|
+
container: 'relative',
|
|
1183
|
+
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
1184
|
+
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
1185
|
+
hint: 'text-xs mr-4 bg-white px-1',
|
|
1186
|
+
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',
|
|
1187
|
+
description: 'hidden'
|
|
1188
1188
|
};
|
|
1189
1189
|
var $143cee146891bafc$var$pill = {
|
|
1190
|
-
head:
|
|
1191
|
-
foot:
|
|
1192
|
-
input:
|
|
1193
|
-
trailing:
|
|
1194
|
-
description:
|
|
1190
|
+
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
1191
|
+
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
1192
|
+
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',
|
|
1193
|
+
trailing: 'pr-2',
|
|
1194
|
+
description: 'text-xs'
|
|
1195
1195
|
};
|
|
1196
1196
|
var $143cee146891bafc$var$floored = {
|
|
1197
|
-
body:
|
|
1198
|
-
label:
|
|
1199
|
-
input:
|
|
1200
|
-
description:
|
|
1197
|
+
body: 'relative mt-2',
|
|
1198
|
+
label: 'block text-sm font-medium leading-6 text-gray-900',
|
|
1199
|
+
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',
|
|
1200
|
+
description: 'text-xs mt-2'
|
|
1201
1201
|
};
|
|
1202
1202
|
var $143cee146891bafc$var$invalid = {
|
|
1203
|
-
container:
|
|
1203
|
+
container: 'ring-red-500',
|
|
1204
1204
|
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',
|
|
1205
|
-
|
|
1206
|
-
description:
|
|
1205
|
+
'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',
|
|
1206
|
+
description: 'text-sm text-red-600'
|
|
1207
1207
|
};
|
|
1208
1208
|
var $143cee146891bafc$var$disabled = {
|
|
1209
|
-
input:
|
|
1209
|
+
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'
|
|
1210
1210
|
};
|
|
1211
1211
|
var $143cee146891bafc$var$styles = {
|
|
1212
1212
|
base: $143cee146891bafc$var$base,
|
|
@@ -1226,11 +1226,11 @@ var $143cee146891bafc$export$2e2bcd8739ae039 = $143cee146891bafc$var$styles;
|
|
|
1226
1226
|
var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
1227
1227
|
var _a;
|
|
1228
1228
|
var _b;
|
|
1229
|
-
var name = props.name, _c = props.htmlType, htmlType = _c === void 0 ?
|
|
1229
|
+
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;
|
|
1230
1230
|
var isValid = error === undefined;
|
|
1231
1231
|
var maskRef = (0, $iA2ta$reactinputmask.useMask)({
|
|
1232
1232
|
mask: mask === null || mask === void 0 ? void 0 : mask.mask,
|
|
1233
|
-
replacement: (_a = {}, _a[(_b = mask === null || mask === void 0 ? void 0 : mask.replacementCharacter) !== null && _b !== void 0 ? _b :
|
|
1233
|
+
replacement: (_a = {}, _a[(_b = mask === null || mask === void 0 ? void 0 : mask.replacementCharacter) !== null && _b !== void 0 ? _b : 'X'] = /\d|\D/, _a)
|
|
1234
1234
|
});
|
|
1235
1235
|
var defaultRef = (0, $iA2ta$react.useRef)(null);
|
|
1236
1236
|
var ref = mask ? maskRef : defaultRef;
|
|
@@ -1247,7 +1247,7 @@ var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
|
1247
1247
|
className: "h-5 w-5 text-red-500",
|
|
1248
1248
|
"aria-hidden": "true"
|
|
1249
1249
|
});
|
|
1250
|
-
var isClearable = !trailing && isValid && onClear && value !==
|
|
1250
|
+
var isClearable = !trailing && isValid && onClear && value !== '' && value;
|
|
1251
1251
|
var inputDataCy = "form-input-".concat(name);
|
|
1252
1252
|
var errorDataCy = "form-input-error-".concat(name);
|
|
1253
1253
|
(0, $iA2ta$react.useEffect)(function() {
|
|
@@ -1267,7 +1267,7 @@ var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
|
1267
1267
|
className: styles.label,
|
|
1268
1268
|
children: label
|
|
1269
1269
|
}),
|
|
1270
|
-
!required && !isRequired && typeof label ===
|
|
1270
|
+
!required && !isRequired && typeof label === 'string' && (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
1271
1271
|
className: styles.hint,
|
|
1272
1272
|
children: "Optional"
|
|
1273
1273
|
}),
|
|
@@ -1283,16 +1283,16 @@ var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
|
1283
1283
|
className: styles.leading,
|
|
1284
1284
|
children: leading
|
|
1285
1285
|
}),
|
|
1286
|
-
!htmlType || htmlType !==
|
|
1286
|
+
!htmlType || htmlType !== 'area' && (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
1287
1287
|
className: "flex items-center",
|
|
1288
1288
|
children: [
|
|
1289
1289
|
(0, $iA2ta$reactjsxruntime.jsx)("input", {
|
|
1290
|
-
type: mask !== undefined ?
|
|
1290
|
+
type: mask !== undefined ? 'text' : htmlType,
|
|
1291
1291
|
ref: ref,
|
|
1292
1292
|
name: name,
|
|
1293
1293
|
id: name,
|
|
1294
1294
|
"data-cy": inputDataCy,
|
|
1295
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.input, htmlType ===
|
|
1295
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.input, htmlType === 'color' && '!h-10'),
|
|
1296
1296
|
placeholder: placeholder,
|
|
1297
1297
|
defaultValue: isSolo ? value : undefined,
|
|
1298
1298
|
value: isSolo ? undefined : value,
|
|
@@ -1305,7 +1305,7 @@ var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
|
1305
1305
|
onClick: onClick,
|
|
1306
1306
|
onKeyDown: onKeyDown
|
|
1307
1307
|
}),
|
|
1308
|
-
htmlType ===
|
|
1308
|
+
htmlType === 'text' && isClearable && (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
1309
1309
|
className: "right-5 px-2 absolute cursor-pointer hover:opacity-60",
|
|
1310
1310
|
onClick: onClear,
|
|
1311
1311
|
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
|
|
@@ -1313,7 +1313,7 @@ var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
|
1313
1313
|
className: "text-gray-500"
|
|
1314
1314
|
})
|
|
1315
1315
|
}),
|
|
1316
|
-
htmlType ===
|
|
1316
|
+
htmlType === 'date' && isClearable && (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
1317
1317
|
className: "right-10 px-2 absolute cursor-pointer hover:opacity-60",
|
|
1318
1318
|
onClick: onClear,
|
|
1319
1319
|
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
|
|
@@ -1323,7 +1323,7 @@ var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
|
1323
1323
|
})
|
|
1324
1324
|
]
|
|
1325
1325
|
}),
|
|
1326
|
-
htmlType ===
|
|
1326
|
+
htmlType === 'area' && (0, $iA2ta$reactjsxruntime.jsx)("textarea", {
|
|
1327
1327
|
rows: rows,
|
|
1328
1328
|
name: name,
|
|
1329
1329
|
id: name,
|
|
@@ -1339,7 +1339,7 @@ var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
|
1339
1339
|
onClick: onClick,
|
|
1340
1340
|
onKeyDown: onKeyDown
|
|
1341
1341
|
}),
|
|
1342
|
-
type ===
|
|
1342
|
+
type === 'floored' && (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
1343
1343
|
className: "absolute inset-x-0 bottom-0 border-t border-gray-300 peer-focus:border-t-2 peer-focus:border-primary-600",
|
|
1344
1344
|
"aria-hidden": "true"
|
|
1345
1345
|
}),
|
|
@@ -1380,18 +1380,18 @@ var $75cfef1d7ff66e89$export$2e2bcd8739ae039 = $75cfef1d7ff66e89$var$InputGroupF
|
|
|
1380
1380
|
|
|
1381
1381
|
|
|
1382
1382
|
var $c9e0a0a05d2ce9ee$var$base = {
|
|
1383
|
-
container:
|
|
1384
|
-
content:
|
|
1383
|
+
container: '',
|
|
1384
|
+
content: ''
|
|
1385
1385
|
};
|
|
1386
1386
|
var $c9e0a0a05d2ce9ee$var$breakStyles = {
|
|
1387
|
-
container:
|
|
1387
|
+
container: 'container mx-auto sm:px-6 lg:px-8'
|
|
1388
1388
|
};
|
|
1389
1389
|
var $c9e0a0a05d2ce9ee$var$center = {
|
|
1390
|
-
container:
|
|
1391
|
-
content:
|
|
1390
|
+
container: 'max-w-7xl mx-auto px-4 sm:px-6 lg:px-8',
|
|
1391
|
+
content: 'max-w-4xl 3xl:max-w-6xl mx-auto'
|
|
1392
1392
|
};
|
|
1393
1393
|
var $c9e0a0a05d2ce9ee$var$fill = {
|
|
1394
|
-
container:
|
|
1394
|
+
container: 'max-w-7xl mx-auto sm:px-6 lg:px-8'
|
|
1395
1395
|
};
|
|
1396
1396
|
var $c9e0a0a05d2ce9ee$var$styles = {
|
|
1397
1397
|
base: $c9e0a0a05d2ce9ee$var$base,
|
|
@@ -1403,7 +1403,7 @@ var $c9e0a0a05d2ce9ee$export$2e2bcd8739ae039 = $c9e0a0a05d2ce9ee$var$styles;
|
|
|
1403
1403
|
|
|
1404
1404
|
|
|
1405
1405
|
var $f73096bc2c28d1e8$var$ContainerLayout = function(props) {
|
|
1406
|
-
var children = props.children, _a = props.type, type = _a === void 0 ?
|
|
1406
|
+
var children = props.children, _a = props.type, type = _a === void 0 ? 'break' : _a, stylesOverrides = props.styles;
|
|
1407
1407
|
var handleGenerateStyle = function() {
|
|
1408
1408
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $c9e0a0a05d2ce9ee$export$2e2bcd8739ae039).base);
|
|
1409
1409
|
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $c9e0a0a05d2ce9ee$export$2e2bcd8739ae039).base);
|
|
@@ -1416,13 +1416,13 @@ var $f73096bc2c28d1e8$var$ContainerLayout = function(props) {
|
|
|
1416
1416
|
var result;
|
|
1417
1417
|
var styles = handleGenerateStyle();
|
|
1418
1418
|
switch(type){
|
|
1419
|
-
case
|
|
1419
|
+
case 'break':
|
|
1420
1420
|
result = (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
1421
1421
|
className: styles.container,
|
|
1422
1422
|
children: children
|
|
1423
1423
|
});
|
|
1424
1424
|
break;
|
|
1425
|
-
case
|
|
1425
|
+
case 'center':
|
|
1426
1426
|
result = (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
1427
1427
|
className: styles.container,
|
|
1428
1428
|
children: (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
@@ -1431,7 +1431,7 @@ var $f73096bc2c28d1e8$var$ContainerLayout = function(props) {
|
|
|
1431
1431
|
})
|
|
1432
1432
|
});
|
|
1433
1433
|
break;
|
|
1434
|
-
case
|
|
1434
|
+
case 'fill':
|
|
1435
1435
|
result = (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
1436
1436
|
className: styles.container,
|
|
1437
1437
|
children: children
|
|
@@ -1452,20 +1452,20 @@ var $f73096bc2c28d1e8$export$2e2bcd8739ae039 = $f73096bc2c28d1e8$var$ContainerLa
|
|
|
1452
1452
|
|
|
1453
1453
|
|
|
1454
1454
|
var $5dd768c1d203eea7$var$base = {
|
|
1455
|
-
container:
|
|
1456
|
-
head:
|
|
1457
|
-
line:
|
|
1458
|
-
body:
|
|
1459
|
-
content:
|
|
1455
|
+
container: 'relative',
|
|
1456
|
+
head: 'absolute inset-0 flex items-center',
|
|
1457
|
+
line: 'w-full border-t border-gray-300',
|
|
1458
|
+
body: 'relative flex',
|
|
1459
|
+
content: 'bg-white text-sm text-gray-500'
|
|
1460
1460
|
};
|
|
1461
1461
|
var $5dd768c1d203eea7$var$left = {
|
|
1462
|
-
body:
|
|
1462
|
+
body: 'justify-start'
|
|
1463
1463
|
};
|
|
1464
1464
|
var $5dd768c1d203eea7$var$center = {
|
|
1465
|
-
body:
|
|
1465
|
+
body: 'justify-center'
|
|
1466
1466
|
};
|
|
1467
1467
|
var $5dd768c1d203eea7$var$right = {
|
|
1468
|
-
body:
|
|
1468
|
+
body: 'justify-end'
|
|
1469
1469
|
};
|
|
1470
1470
|
var $5dd768c1d203eea7$var$styles = {
|
|
1471
1471
|
base: $5dd768c1d203eea7$var$base,
|
|
@@ -1477,7 +1477,7 @@ var $5dd768c1d203eea7$export$2e2bcd8739ae039 = $5dd768c1d203eea7$var$styles;
|
|
|
1477
1477
|
|
|
1478
1478
|
|
|
1479
1479
|
var $b249780162e56cf8$var$DividerLayout = function(props) {
|
|
1480
|
-
var children = props.children, _a = props.type, type = _a === void 0 ?
|
|
1480
|
+
var children = props.children, _a = props.type, type = _a === void 0 ? 'left' : _a, stylesOverrides = props.styles;
|
|
1481
1481
|
var handleGenerateStyle = function() {
|
|
1482
1482
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $5dd768c1d203eea7$export$2e2bcd8739ae039).base);
|
|
1483
1483
|
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $5dd768c1d203eea7$export$2e2bcd8739ae039).base);
|
|
@@ -1517,50 +1517,50 @@ var $b249780162e56cf8$export$2e2bcd8739ae039 = $b249780162e56cf8$var$DividerLayo
|
|
|
1517
1517
|
|
|
1518
1518
|
|
|
1519
1519
|
var $242521b935f4e17d$var$base = {
|
|
1520
|
-
container:
|
|
1521
|
-
list:
|
|
1522
|
-
item:
|
|
1520
|
+
container: '',
|
|
1521
|
+
list: '',
|
|
1522
|
+
item: ''
|
|
1523
1523
|
};
|
|
1524
1524
|
var $242521b935f4e17d$var$fill = {
|
|
1525
|
-
list:
|
|
1526
|
-
item:
|
|
1525
|
+
list: 'divide-y divide-gray-200',
|
|
1526
|
+
item: 'py-4'
|
|
1527
1527
|
};
|
|
1528
1528
|
var $242521b935f4e17d$var$fillSticky = {
|
|
1529
|
-
list:
|
|
1530
|
-
item:
|
|
1529
|
+
list: 'divide-y divide-gray-200',
|
|
1530
|
+
item: 'px-4 py-4 sm:px-0'
|
|
1531
1531
|
};
|
|
1532
1532
|
var $242521b935f4e17d$var$center = {
|
|
1533
|
-
container:
|
|
1534
|
-
list:
|
|
1535
|
-
item:
|
|
1533
|
+
container: 'bg-white shadow overflow-hidden rounded-md',
|
|
1534
|
+
list: 'divide-y divide-gray-200',
|
|
1535
|
+
item: 'px-6 py-4'
|
|
1536
1536
|
};
|
|
1537
1537
|
var $242521b935f4e17d$var$centerSticky = {
|
|
1538
|
-
container:
|
|
1539
|
-
list:
|
|
1540
|
-
item:
|
|
1538
|
+
container: 'bg-white shadow overflow-hidden sm:rounded-md',
|
|
1539
|
+
list: 'divide-y divide-gray-200',
|
|
1540
|
+
item: 'px-4 py-4 sm:px-6'
|
|
1541
1541
|
};
|
|
1542
1542
|
var $242521b935f4e17d$var$card = {
|
|
1543
|
-
list:
|
|
1544
|
-
item:
|
|
1543
|
+
list: 'space-y-3',
|
|
1544
|
+
item: 'bg-white shadow overflow-hidden rounded-md px-6 py-4'
|
|
1545
1545
|
};
|
|
1546
1546
|
var $242521b935f4e17d$var$cardSticky = {
|
|
1547
|
-
list:
|
|
1548
|
-
item:
|
|
1547
|
+
list: 'space-y-3',
|
|
1548
|
+
item: 'bg-white shadow overflow-hidden px-4 py-4 sm:px-6 sm:rounded-md'
|
|
1549
1549
|
};
|
|
1550
1550
|
var $242521b935f4e17d$var$styles = {
|
|
1551
1551
|
base: $242521b935f4e17d$var$base,
|
|
1552
1552
|
fill: $242521b935f4e17d$var$fill,
|
|
1553
|
-
|
|
1553
|
+
'fill-sticky': $242521b935f4e17d$var$fillSticky,
|
|
1554
1554
|
center: $242521b935f4e17d$var$center,
|
|
1555
|
-
|
|
1555
|
+
'center-sticky': $242521b935f4e17d$var$centerSticky,
|
|
1556
1556
|
card: $242521b935f4e17d$var$card,
|
|
1557
|
-
|
|
1557
|
+
'card-sticky': $242521b935f4e17d$var$cardSticky
|
|
1558
1558
|
};
|
|
1559
1559
|
var $242521b935f4e17d$export$2e2bcd8739ae039 = $242521b935f4e17d$var$styles;
|
|
1560
1560
|
|
|
1561
1561
|
|
|
1562
1562
|
var $5c01bea99698c727$var$ListContainerLayout = function(props) {
|
|
1563
|
-
var children = props.children, _a = props.type, type = _a === void 0 ?
|
|
1563
|
+
var children = props.children, _a = props.type, type = _a === void 0 ? 'fill' : _a, stylesOverrides = props.styles;
|
|
1564
1564
|
var handleGenerateStyle = function() {
|
|
1565
1565
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $242521b935f4e17d$export$2e2bcd8739ae039).base);
|
|
1566
1566
|
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $242521b935f4e17d$export$2e2bcd8739ae039).base);
|
|
@@ -1594,80 +1594,80 @@ var $5c01bea99698c727$export$2e2bcd8739ae039 = $5c01bea99698c727$var$ListContain
|
|
|
1594
1594
|
|
|
1595
1595
|
|
|
1596
1596
|
var $fa6d1f2002246baa$var$base = {
|
|
1597
|
-
container:
|
|
1598
|
-
figure:
|
|
1599
|
-
svg:
|
|
1600
|
-
title:
|
|
1601
|
-
paragraph:
|
|
1597
|
+
container: '',
|
|
1598
|
+
figure: 'mr-4 flex-shrink-0',
|
|
1599
|
+
svg: 'h-16 w-16 border border-gray-300 bg-white text-gray-300',
|
|
1600
|
+
title: 'text-lg font-bold',
|
|
1601
|
+
paragraph: 'mt-1'
|
|
1602
1602
|
};
|
|
1603
1603
|
var $fa6d1f2002246baa$var$top = {
|
|
1604
|
-
container:
|
|
1604
|
+
container: 'flex flex-row'
|
|
1605
1605
|
};
|
|
1606
1606
|
var $fa6d1f2002246baa$var$topReversed = {
|
|
1607
|
-
container:
|
|
1607
|
+
container: 'flex flex-row-reverse'
|
|
1608
1608
|
};
|
|
1609
1609
|
var $fa6d1f2002246baa$var$center = {
|
|
1610
|
-
container:
|
|
1611
|
-
figure:
|
|
1610
|
+
container: 'flex flex-row',
|
|
1611
|
+
figure: 'self-center'
|
|
1612
1612
|
};
|
|
1613
1613
|
var $fa6d1f2002246baa$var$centerReversed = {
|
|
1614
|
-
container:
|
|
1615
|
-
figure:
|
|
1614
|
+
container: 'flex flex-row-reverse',
|
|
1615
|
+
figure: 'self-center'
|
|
1616
1616
|
};
|
|
1617
1617
|
var $fa6d1f2002246baa$var$bottom = {
|
|
1618
|
-
container:
|
|
1619
|
-
figure:
|
|
1618
|
+
container: 'flex flex-row',
|
|
1619
|
+
figure: 'self-end'
|
|
1620
1620
|
};
|
|
1621
1621
|
var $fa6d1f2002246baa$var$bottomReversed = {
|
|
1622
|
-
container:
|
|
1623
|
-
figure:
|
|
1622
|
+
container: 'flex flex-row-reverse',
|
|
1623
|
+
figure: 'self-end'
|
|
1624
1624
|
};
|
|
1625
1625
|
var $fa6d1f2002246baa$var$stretch = {
|
|
1626
|
-
container:
|
|
1627
|
-
svg:
|
|
1626
|
+
container: 'flex flex-row',
|
|
1627
|
+
svg: 'h-full'
|
|
1628
1628
|
};
|
|
1629
1629
|
var $fa6d1f2002246baa$var$stretchReversed = {
|
|
1630
|
-
container:
|
|
1631
|
-
svg:
|
|
1630
|
+
container: 'flex flex-row-reverse',
|
|
1631
|
+
svg: 'h-full'
|
|
1632
1632
|
};
|
|
1633
1633
|
var $fa6d1f2002246baa$var$responsive = {
|
|
1634
|
-
container:
|
|
1635
|
-
figure:
|
|
1634
|
+
container: 'sm:flex flex-row',
|
|
1635
|
+
figure: 'sm:mb-0 sm:mr-4'
|
|
1636
1636
|
};
|
|
1637
1637
|
var $fa6d1f2002246baa$var$responsiveReversed = {
|
|
1638
|
-
container:
|
|
1639
|
-
figure:
|
|
1638
|
+
container: 'sm:flex flex-row-reverse',
|
|
1639
|
+
figure: 'sm:mb-0 sm:mr-4'
|
|
1640
1640
|
};
|
|
1641
1641
|
var $fa6d1f2002246baa$var$wide = {
|
|
1642
|
-
container:
|
|
1643
|
-
figure:
|
|
1644
|
-
svg:
|
|
1642
|
+
container: 'sm:flex flex-row',
|
|
1643
|
+
figure: 'mb-4 md:mb-0 sm:mr-4 sm:mb-4',
|
|
1644
|
+
svg: 'h-32 w-full sm:w-32'
|
|
1645
1645
|
};
|
|
1646
1646
|
var $fa6d1f2002246baa$var$wideReversed = {
|
|
1647
|
-
container:
|
|
1648
|
-
figure:
|
|
1649
|
-
svg:
|
|
1647
|
+
container: 'sm:flex flex-row-reverse',
|
|
1648
|
+
figure: 'mb-4 md:mb-0 sm:mr-4 sm:mb-4',
|
|
1649
|
+
svg: 'h-32 w-full sm:w-32'
|
|
1650
1650
|
};
|
|
1651
1651
|
var $fa6d1f2002246baa$var$styles = {
|
|
1652
1652
|
base: $fa6d1f2002246baa$var$base,
|
|
1653
1653
|
top: $fa6d1f2002246baa$var$top,
|
|
1654
|
-
|
|
1654
|
+
'top-reversed': $fa6d1f2002246baa$var$topReversed,
|
|
1655
1655
|
center: $fa6d1f2002246baa$var$center,
|
|
1656
|
-
|
|
1656
|
+
'center-reversed': $fa6d1f2002246baa$var$centerReversed,
|
|
1657
1657
|
bottom: $fa6d1f2002246baa$var$bottom,
|
|
1658
|
-
|
|
1658
|
+
'bottom-reversed': $fa6d1f2002246baa$var$bottomReversed,
|
|
1659
1659
|
stretch: $fa6d1f2002246baa$var$stretch,
|
|
1660
|
-
|
|
1660
|
+
'stretch-reversed': $fa6d1f2002246baa$var$stretchReversed,
|
|
1661
1661
|
responsive: $fa6d1f2002246baa$var$responsive,
|
|
1662
|
-
|
|
1662
|
+
'responsive-reversed': $fa6d1f2002246baa$var$responsiveReversed,
|
|
1663
1663
|
wide: $fa6d1f2002246baa$var$wide,
|
|
1664
|
-
|
|
1664
|
+
'wide-reversed': $fa6d1f2002246baa$var$wideReversed
|
|
1665
1665
|
};
|
|
1666
1666
|
var $fa6d1f2002246baa$export$2e2bcd8739ae039 = $fa6d1f2002246baa$var$styles;
|
|
1667
1667
|
|
|
1668
1668
|
|
|
1669
1669
|
var $a4946e7e5628bd1a$var$MediaObjectLayout = function(props) {
|
|
1670
|
-
var title = props.title, paragraph = props.paragraph, customFigure = props.figure, _a = props.type, type = _a === void 0 ?
|
|
1670
|
+
var title = props.title, paragraph = props.paragraph, customFigure = props.figure, _a = props.type, type = _a === void 0 ? 'top' : _a, stylesOverrides = props.styles;
|
|
1671
1671
|
var handleGenerateStyle = function() {
|
|
1672
1672
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $fa6d1f2002246baa$export$2e2bcd8739ae039).base);
|
|
1673
1673
|
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $fa6d1f2002246baa$export$2e2bcd8739ae039).base);
|
|
@@ -1729,14 +1729,14 @@ var $a4946e7e5628bd1a$export$2e2bcd8739ae039 = $a4946e7e5628bd1a$var$MediaObject
|
|
|
1729
1729
|
|
|
1730
1730
|
|
|
1731
1731
|
var $8a2788b89df96594$var$base = {
|
|
1732
|
-
container:
|
|
1733
|
-
section:
|
|
1732
|
+
container: 'bg-white overflow-hidden shadow',
|
|
1733
|
+
section: 'px-4 py-5 sm:px-6'
|
|
1734
1734
|
};
|
|
1735
1735
|
var $8a2788b89df96594$var$normal = {
|
|
1736
|
-
container:
|
|
1736
|
+
container: 'rounded-lg'
|
|
1737
1737
|
};
|
|
1738
1738
|
var $8a2788b89df96594$var$sticky = {
|
|
1739
|
-
container:
|
|
1739
|
+
container: 'sm:rounded-lg'
|
|
1740
1740
|
};
|
|
1741
1741
|
var $8a2788b89df96594$var$styles = {
|
|
1742
1742
|
base: $8a2788b89df96594$var$base,
|
|
@@ -1747,7 +1747,7 @@ var $8a2788b89df96594$export$2e2bcd8739ae039 = $8a2788b89df96594$var$styles;
|
|
|
1747
1747
|
|
|
1748
1748
|
|
|
1749
1749
|
var $5fc27622f59b2b84$var$Container = function(props) {
|
|
1750
|
-
var children = props.children, _a = props.type, type = _a === void 0 ?
|
|
1750
|
+
var children = props.children, _a = props.type, type = _a === void 0 ? 'normal' : _a, stylesOverrides = props.styles;
|
|
1751
1751
|
var handleGenerateStyle = function() {
|
|
1752
1752
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $8a2788b89df96594$export$2e2bcd8739ae039).base);
|
|
1753
1753
|
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $8a2788b89df96594$export$2e2bcd8739ae039).base);
|
|
@@ -1812,81 +1812,81 @@ https://www.npmjs.com/package/react-tailwindcss-select
|
|
|
1812
1812
|
|
|
1813
1813
|
|
|
1814
1814
|
var $f32ee84b87891376$var$base = {
|
|
1815
|
-
container:
|
|
1816
|
-
head:
|
|
1817
|
-
body:
|
|
1818
|
-
foot:
|
|
1819
|
-
label:
|
|
1820
|
-
hint:
|
|
1821
|
-
leading:
|
|
1822
|
-
input:
|
|
1823
|
-
menuButton:
|
|
1824
|
-
menu:
|
|
1825
|
-
tagItem:
|
|
1826
|
-
tagItemText:
|
|
1827
|
-
tagItemIconContainer:
|
|
1828
|
-
tagItemIcon:
|
|
1829
|
-
list:
|
|
1830
|
-
listGroupLabel:
|
|
1831
|
-
listItem:
|
|
1832
|
-
listDisabledItem:
|
|
1833
|
-
searchContainer:
|
|
1834
|
-
searchBox:
|
|
1835
|
-
searchIcon:
|
|
1836
|
-
closeIcon:
|
|
1837
|
-
emptyState:
|
|
1838
|
-
trailing:
|
|
1839
|
-
description:
|
|
1840
|
-
error:
|
|
1815
|
+
container: '',
|
|
1816
|
+
head: 'flex justify-between',
|
|
1817
|
+
body: 'relative rounded-md',
|
|
1818
|
+
foot: '',
|
|
1819
|
+
label: 'block font-medium text-gray-900',
|
|
1820
|
+
hint: 'text-xs text-gray-500',
|
|
1821
|
+
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
1822
|
+
input: 'block w-full flex border',
|
|
1823
|
+
menuButton: '',
|
|
1824
|
+
menu: 'z-10 !px-0 !py-0 !w-full rounded-md overflow-hidden border !mt-1 absolute bg-white',
|
|
1825
|
+
tagItem: 'bg-gray-200 px-2 py-1 flex flex-row gap-x-1 items-center justify-between rounded-sm',
|
|
1826
|
+
tagItemText: 'text-xs',
|
|
1827
|
+
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',
|
|
1828
|
+
tagItemIcon: '',
|
|
1829
|
+
list: '!px-0 !w-full [&>*]:px-0 max-h-56 overflow-scroll !py-1',
|
|
1830
|
+
listGroupLabel: '',
|
|
1831
|
+
listItem: '!w-full !list-none hover:bg-primary-500 hover:text-white !py-2 !px-2',
|
|
1832
|
+
listDisabledItem: '',
|
|
1833
|
+
searchContainer: '!w-full !px-2 !py-2 border-b',
|
|
1834
|
+
searchBox: '',
|
|
1835
|
+
searchIcon: '',
|
|
1836
|
+
closeIcon: '',
|
|
1837
|
+
emptyState: 'w-full inline-flex items-start justify-start px-4',
|
|
1838
|
+
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
1839
|
+
description: 'text-gray-400 text-xs mt-1',
|
|
1840
|
+
error: 'text-red-500 text-xs ml-5 mt-1'
|
|
1841
1841
|
};
|
|
1842
1842
|
var $f32ee84b87891376$var$leading = {
|
|
1843
|
-
input:
|
|
1843
|
+
input: 'pl-10'
|
|
1844
1844
|
};
|
|
1845
1845
|
var $f32ee84b87891376$var$trailing = {};
|
|
1846
1846
|
var $f32ee84b87891376$var$normal = {
|
|
1847
|
-
label:
|
|
1848
|
-
hint:
|
|
1849
|
-
leading:
|
|
1850
|
-
input:
|
|
1851
|
-
trailing:
|
|
1852
|
-
description:
|
|
1847
|
+
label: 'leading-6 text-sm mb-2',
|
|
1848
|
+
hint: 'leading-6',
|
|
1849
|
+
leading: 'pl-3',
|
|
1850
|
+
input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
1851
|
+
trailing: '',
|
|
1852
|
+
description: 'mt-2 text-sm'
|
|
1853
1853
|
};
|
|
1854
1854
|
var $f32ee84b87891376$var$inset = {
|
|
1855
|
-
container:
|
|
1856
|
-
label:
|
|
1857
|
-
hint:
|
|
1858
|
-
input:
|
|
1859
|
-
description:
|
|
1855
|
+
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',
|
|
1856
|
+
label: 'text-xs',
|
|
1857
|
+
hint: 'text-xs',
|
|
1858
|
+
input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
1859
|
+
description: 'hidden'
|
|
1860
1860
|
};
|
|
1861
1861
|
var $f32ee84b87891376$var$overlapping = {
|
|
1862
|
-
container:
|
|
1863
|
-
head:
|
|
1864
|
-
label:
|
|
1865
|
-
hint:
|
|
1866
|
-
input:
|
|
1867
|
-
description:
|
|
1862
|
+
container: 'relative',
|
|
1863
|
+
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
1864
|
+
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
1865
|
+
hint: 'text-xs mr-4 bg-white px-1',
|
|
1866
|
+
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',
|
|
1867
|
+
description: 'hidden'
|
|
1868
1868
|
};
|
|
1869
1869
|
var $f32ee84b87891376$var$pill = {
|
|
1870
|
-
head:
|
|
1871
|
-
foot:
|
|
1872
|
-
input:
|
|
1873
|
-
trailing:
|
|
1874
|
-
description:
|
|
1870
|
+
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
1871
|
+
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
1872
|
+
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',
|
|
1873
|
+
trailing: 'pr-2',
|
|
1874
|
+
description: 'text-xs'
|
|
1875
1875
|
};
|
|
1876
1876
|
var $f32ee84b87891376$var$floored = {
|
|
1877
|
-
body:
|
|
1878
|
-
label:
|
|
1879
|
-
input:
|
|
1880
|
-
description:
|
|
1877
|
+
body: 'relative mt-2',
|
|
1878
|
+
label: 'block text-sm font-medium leading-6 text-gray-900',
|
|
1879
|
+
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',
|
|
1880
|
+
description: 'text-xs mt-2'
|
|
1881
1881
|
};
|
|
1882
1882
|
var $f32ee84b87891376$var$invalid = {
|
|
1883
|
-
container:
|
|
1883
|
+
container: 'ring-red-500',
|
|
1884
1884
|
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',
|
|
1885
|
-
|
|
1886
|
-
description:
|
|
1885
|
+
'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',
|
|
1886
|
+
description: 'text-sm text-red-600'
|
|
1887
1887
|
};
|
|
1888
1888
|
var $f32ee84b87891376$var$disabled = {
|
|
1889
|
-
input:
|
|
1889
|
+
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'
|
|
1890
1890
|
};
|
|
1891
1891
|
var $f32ee84b87891376$var$styles = {
|
|
1892
1892
|
base: $f32ee84b87891376$var$base,
|
|
@@ -1905,7 +1905,7 @@ var $f32ee84b87891376$export$2e2bcd8739ae039 = $f32ee84b87891376$var$styles;
|
|
|
1905
1905
|
|
|
1906
1906
|
var $f3fccf014e1f10d5$var$SelectMenuForm = function(props) {
|
|
1907
1907
|
var _a;
|
|
1908
|
-
var _b = props.name, name = _b === void 0 ?
|
|
1908
|
+
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;
|
|
1909
1909
|
var _j = (0, $iA2ta$react.useState)(true), isFocus = _j[0], setIsFocus = _j[1];
|
|
1910
1910
|
var _k = (0, $iA2ta$react.useState)(value !== null && value !== void 0 ? value : null), state = _k[0], setState = _k[1];
|
|
1911
1911
|
var isValid = error === undefined;
|
|
@@ -1915,7 +1915,7 @@ var $f3fccf014e1f10d5$var$SelectMenuForm = function(props) {
|
|
|
1915
1915
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $f32ee84b87891376$export$2e2bcd8739ae039).base);
|
|
1916
1916
|
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $f32ee84b87891376$export$2e2bcd8739ae039).base);
|
|
1917
1917
|
keys.forEach(function(key) {
|
|
1918
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $f32ee84b87891376$export$2e2bcd8739ae039).base, key), (0, $iA2ta$lodash.get)((0, $f32ee84b87891376$export$2e2bcd8739ae039)[
|
|
1918
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $f32ee84b87891376$export$2e2bcd8739ae039).base, key), (0, $iA2ta$lodash.get)((0, $f32ee84b87891376$export$2e2bcd8739ae039)['normal'], key), isTouched === true && !isValid && (0, $iA2ta$lodash.get)((0, $f32ee84b87891376$export$2e2bcd8739ae039).invalid, key), isDisabled && (0, $iA2ta$lodash.get)((0, $f32ee84b87891376$export$2e2bcd8739ae039).disabled, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
1919
1919
|
});
|
|
1920
1920
|
return result;
|
|
1921
1921
|
};
|
|
@@ -1956,7 +1956,7 @@ var $f3fccf014e1f10d5$var$SelectMenuForm = function(props) {
|
|
|
1956
1956
|
className: styles.label,
|
|
1957
1957
|
children: label
|
|
1958
1958
|
}),
|
|
1959
|
-
!required && !isRequired && typeof label ===
|
|
1959
|
+
!required && !isRequired && typeof label === 'string' && (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
1960
1960
|
className: styles.hint,
|
|
1961
1961
|
children: "Optional"
|
|
1962
1962
|
}),
|
|
@@ -1976,7 +1976,7 @@ var $f3fccf014e1f10d5$var$SelectMenuForm = function(props) {
|
|
|
1976
1976
|
placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.select,
|
|
1977
1977
|
noOptionsMessage: (0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
1978
1978
|
className: styles.emptyState,
|
|
1979
|
-
children: (_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.emptyState) !== null && _a !== void 0 ? _a :
|
|
1979
|
+
children: (_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.emptyState) !== null && _a !== void 0 ? _a : 'No results found'
|
|
1980
1980
|
}),
|
|
1981
1981
|
searchInputPlaceholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.searchInput,
|
|
1982
1982
|
//
|
|
@@ -1994,7 +1994,7 @@ var $f3fccf014e1f10d5$var$SelectMenuForm = function(props) {
|
|
|
1994
1994
|
//
|
|
1995
1995
|
classNames: {
|
|
1996
1996
|
menuButton: function() {
|
|
1997
|
-
return (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.input, state === null &&
|
|
1997
|
+
return (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.input, state === null && '[&>*]:!text-gray-300 ', state === null && !isValid && isTouched && '[&>*]:!text-red-300');
|
|
1998
1998
|
},
|
|
1999
1999
|
menu: styles.menu,
|
|
2000
2000
|
tagItem: function() {
|
|
@@ -2026,7 +2026,7 @@ var $f3fccf014e1f10d5$var$SelectMenuForm = function(props) {
|
|
|
2026
2026
|
error && isTouched && (0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
2027
2027
|
className: styles.error,
|
|
2028
2028
|
"data-cy": errorDataCy,
|
|
2029
|
-
children: JSON.stringify(error).replaceAll('"',
|
|
2029
|
+
children: JSON.stringify(error).replaceAll('"', '')
|
|
2030
2030
|
})
|
|
2031
2031
|
]
|
|
2032
2032
|
})
|
|
@@ -2045,27 +2045,27 @@ var $f3fccf014e1f10d5$export$2e2bcd8739ae039 = $f3fccf014e1f10d5$var$SelectMenuF
|
|
|
2045
2045
|
|
|
2046
2046
|
|
|
2047
2047
|
var $29e64a7359c8fd48$var$base = {
|
|
2048
|
-
container:
|
|
2048
|
+
container: 'flex items-center justify-between border-t border-gray-200 bg-white py-3',
|
|
2049
2049
|
mobile: {
|
|
2050
|
-
container:
|
|
2051
|
-
button:
|
|
2050
|
+
container: '',
|
|
2051
|
+
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'
|
|
2052
2052
|
},
|
|
2053
2053
|
desktop: {
|
|
2054
|
-
container:
|
|
2055
|
-
outerRightButton:
|
|
2056
|
-
outerLeftButton:
|
|
2057
|
-
innerButton:
|
|
2058
|
-
navigation:
|
|
2054
|
+
container: 'hidden sm:flex sm:flex-1 sm:items-center sm:justify-between',
|
|
2055
|
+
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',
|
|
2056
|
+
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',
|
|
2057
|
+
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',
|
|
2058
|
+
navigation: 'isolate inline-flex -space-x-px rounded-md shadow-sm'
|
|
2059
2059
|
},
|
|
2060
2060
|
button: {
|
|
2061
|
-
default:
|
|
2062
|
-
active:
|
|
2063
|
-
disabled:
|
|
2061
|
+
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',
|
|
2062
|
+
active: 'border-primary-500 bg-primary-50 text-primary-600 z-20',
|
|
2063
|
+
disabled: 'opacity-20 cursor-not-allowed'
|
|
2064
2064
|
},
|
|
2065
|
-
divider:
|
|
2066
|
-
label:
|
|
2067
|
-
icon:
|
|
2068
|
-
pageSizeList:
|
|
2065
|
+
divider: 'relative inline-flex items-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-500',
|
|
2066
|
+
label: 'sr-only',
|
|
2067
|
+
icon: 'w-5 h-5',
|
|
2068
|
+
pageSizeList: '!overflow-hidden'
|
|
2069
2069
|
};
|
|
2070
2070
|
var $29e64a7359c8fd48$var$styles = {
|
|
2071
2071
|
base: $29e64a7359c8fd48$var$base
|
|
@@ -2119,10 +2119,10 @@ var $95221514662ef6ef$var$PanelPaginationNavigation = function(props) {
|
|
|
2119
2119
|
onChange
|
|
2120
2120
|
]);
|
|
2121
2121
|
var pageType = (0, $iA2ta$react.useMemo)(function() {
|
|
2122
|
-
var result =
|
|
2123
|
-
if (current < min + 2) result =
|
|
2124
|
-
if (current > max - 2) result =
|
|
2125
|
-
if (max <= 4) result =
|
|
2122
|
+
var result = 'center';
|
|
2123
|
+
if (current < min + 2) result = 'first';
|
|
2124
|
+
if (current > max - 2) result = 'last';
|
|
2125
|
+
if (max <= 4) result = 'simple';
|
|
2126
2126
|
return result;
|
|
2127
2127
|
}, [
|
|
2128
2128
|
current,
|
|
@@ -2131,7 +2131,7 @@ var $95221514662ef6ef$var$PanelPaginationNavigation = function(props) {
|
|
|
2131
2131
|
]);
|
|
2132
2132
|
var component;
|
|
2133
2133
|
switch(pageType){
|
|
2134
|
-
case
|
|
2134
|
+
case 'first':
|
|
2135
2135
|
component = (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$reactjsxruntime.Fragment), {
|
|
2136
2136
|
children: [
|
|
2137
2137
|
(0, $iA2ta$reactjsxruntime.jsx)("button", {
|
|
@@ -2169,7 +2169,7 @@ var $95221514662ef6ef$var$PanelPaginationNavigation = function(props) {
|
|
|
2169
2169
|
]
|
|
2170
2170
|
});
|
|
2171
2171
|
break;
|
|
2172
|
-
case
|
|
2172
|
+
case 'center':
|
|
2173
2173
|
component = (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$reactjsxruntime.Fragment), {
|
|
2174
2174
|
children: [
|
|
2175
2175
|
(0, $iA2ta$reactjsxruntime.jsx)("button", {
|
|
@@ -2218,7 +2218,7 @@ var $95221514662ef6ef$var$PanelPaginationNavigation = function(props) {
|
|
|
2218
2218
|
]
|
|
2219
2219
|
});
|
|
2220
2220
|
break;
|
|
2221
|
-
case
|
|
2221
|
+
case 'last':
|
|
2222
2222
|
component = (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$reactjsxruntime.Fragment), {
|
|
2223
2223
|
children: [
|
|
2224
2224
|
(0, $iA2ta$reactjsxruntime.jsx)("button", {
|
|
@@ -2256,7 +2256,7 @@ var $95221514662ef6ef$var$PanelPaginationNavigation = function(props) {
|
|
|
2256
2256
|
]
|
|
2257
2257
|
});
|
|
2258
2258
|
break;
|
|
2259
|
-
case
|
|
2259
|
+
case 'simple':
|
|
2260
2260
|
component = (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$reactjsxruntime.Fragment), {
|
|
2261
2261
|
children: [
|
|
2262
2262
|
(0, $iA2ta$reactjsxruntime.jsx)("button", {
|
|
@@ -2468,7 +2468,7 @@ var $22d7e244b9ff5d8c$export$4564041bcff0e281 = function() {
|
|
|
2468
2468
|
var _a;
|
|
2469
2469
|
return {
|
|
2470
2470
|
v: cell === null || cell === void 0 ? void 0 : cell.value,
|
|
2471
|
-
t: (_a = cell === null || cell === void 0 ? void 0 : cell.type) === null || _a === void 0 ? void 0 : _a.replace(
|
|
2471
|
+
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'),
|
|
2472
2472
|
f: cell === null || cell === void 0 ? void 0 : cell.formula,
|
|
2473
2473
|
c: cell === null || cell === void 0 ? void 0 : cell.comments,
|
|
2474
2474
|
z: cell === null || cell === void 0 ? void 0 : cell.format,
|
|
@@ -2487,10 +2487,10 @@ var $22d7e244b9ff5d8c$export$4564041bcff0e281 = function() {
|
|
|
2487
2487
|
var order = table.getState().columnOrder;
|
|
2488
2488
|
var headerNames = (_d = (_c = columns === null || columns === void 0 ? void 0 : columns.sort(function(a, b) {
|
|
2489
2489
|
var _a, _b;
|
|
2490
|
-
return (0, $iA2ta$lodash.indexOf)(order, (_a = a.id) !== null && _a !== void 0 ? _a : (0, $iA2ta$lodash.get)(a,
|
|
2490
|
+
return (0, $iA2ta$lodash.indexOf)(order, (_a = a.id) !== null && _a !== void 0 ? _a : (0, $iA2ta$lodash.get)(a, 'accessorKey')) - (0, $iA2ta$lodash.indexOf)(order, (_b = b.id) !== null && _b !== void 0 ? _b : (0, $iA2ta$lodash.get)(b, 'accessorKey'));
|
|
2491
2491
|
})) === null || _c === void 0 ? void 0 : _c.filter(function(column) {
|
|
2492
2492
|
var _a;
|
|
2493
|
-
return typeof ((_a = column === null || column === void 0 ? void 0 : column.columnDef) === null || _a === void 0 ? void 0 : _a.header) ===
|
|
2493
|
+
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());
|
|
2494
2494
|
})) === null || _d === void 0 ? void 0 : _d.map(function(column) {
|
|
2495
2495
|
var _a;
|
|
2496
2496
|
return {
|
|
@@ -2502,7 +2502,7 @@ var $22d7e244b9ff5d8c$export$4564041bcff0e281 = function() {
|
|
|
2502
2502
|
headerNames.forEach(function(name) {
|
|
2503
2503
|
headerRow[name.id] = {
|
|
2504
2504
|
value: name.value,
|
|
2505
|
-
type:
|
|
2505
|
+
type: 'string'
|
|
2506
2506
|
};
|
|
2507
2507
|
});
|
|
2508
2508
|
var excelRows = rows.map(function(row) {
|
|
@@ -2517,7 +2517,7 @@ var $22d7e244b9ff5d8c$export$4564041bcff0e281 = function() {
|
|
|
2517
2517
|
return column.id === key;
|
|
2518
2518
|
});
|
|
2519
2519
|
if (!column) return false;
|
|
2520
|
-
return typeof ((_a = column.columnDef) === null || _a === void 0 ? void 0 : _a.header) ===
|
|
2520
|
+
return typeof ((_a = column.columnDef) === null || _a === void 0 ? void 0 : _a.header) === 'string';
|
|
2521
2521
|
})// Filter out hidden columns.
|
|
2522
2522
|
.filter(function(key) {
|
|
2523
2523
|
var column = columns === null || columns === void 0 ? void 0 : columns.find(function(column) {
|
|
@@ -2566,86 +2566,86 @@ var $22d7e244b9ff5d8c$export$4564041bcff0e281 = function() {
|
|
|
2566
2566
|
|
|
2567
2567
|
|
|
2568
2568
|
var $77914cd9d098713a$var$base = {
|
|
2569
|
-
container:
|
|
2569
|
+
container: 'px-4 sm:px-6 lg:px-8',
|
|
2570
2570
|
head: {
|
|
2571
|
-
container:
|
|
2572
|
-
head:
|
|
2573
|
-
body:
|
|
2574
|
-
heading:
|
|
2575
|
-
paragraph:
|
|
2571
|
+
container: 'sm:flex sm:items-center',
|
|
2572
|
+
head: 'sm:flex-auto',
|
|
2573
|
+
body: 'mt-4 sm:mt-0 sm:ml-16 sm:flex-none',
|
|
2574
|
+
heading: 'text-xl font-semibold text-gray-900',
|
|
2575
|
+
paragraph: 'mt-2 text-sm text-gray-700'
|
|
2576
2576
|
},
|
|
2577
2577
|
body: {
|
|
2578
|
-
container:
|
|
2579
|
-
wrapper:
|
|
2580
|
-
content:
|
|
2581
|
-
styleWrapper:
|
|
2578
|
+
container: 'flex flex-col',
|
|
2579
|
+
wrapper: '-my-2 -mx-4 sm:-mx-6 lg:-mx-8',
|
|
2580
|
+
content: '',
|
|
2581
|
+
styleWrapper: 'overflow-scroll w-screen md:w-auto md:overflow-auto pr-12 md:pr-0',
|
|
2582
2582
|
table: {
|
|
2583
|
-
container:
|
|
2583
|
+
container: 'min-w-full divide-y divide-gray-300 ',
|
|
2584
2584
|
head: {
|
|
2585
|
-
container:
|
|
2586
|
-
row:
|
|
2587
|
-
cell:
|
|
2588
|
-
checkbox:
|
|
2585
|
+
container: '',
|
|
2586
|
+
row: '',
|
|
2587
|
+
cell: 'py-3.5 px-3 text-left text-sm font-semibold text-gray-900 group',
|
|
2588
|
+
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'
|
|
2589
2589
|
},
|
|
2590
2590
|
body: {
|
|
2591
|
-
container:
|
|
2592
|
-
row:
|
|
2593
|
-
cell:
|
|
2594
|
-
checkbox:
|
|
2595
|
-
indicator:
|
|
2591
|
+
container: 'divide-y divide-gray-200',
|
|
2592
|
+
row: '',
|
|
2593
|
+
cell: 'whitespace-nowrap py-4 px-3 text-sm text-gray-500',
|
|
2594
|
+
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',
|
|
2595
|
+
indicator: 'absolute inset-y-0 left-0 w-0.5 bg-primary-600'
|
|
2596
2596
|
}
|
|
2597
2597
|
}
|
|
2598
2598
|
},
|
|
2599
2599
|
sortIndicator: {
|
|
2600
|
-
container:
|
|
2601
|
-
isSorted:
|
|
2602
|
-
isNotSorted:
|
|
2600
|
+
container: 'ml-2 translate-y-1 inline-flex items-center flex-none rounded',
|
|
2601
|
+
isSorted: 'bg-gray-100 text-gray-900 group-hover:bg-gray-200',
|
|
2602
|
+
isNotSorted: 'invisible text-gray-400 group-hover:visible group-focus:visible',
|
|
2603
2603
|
icon: {
|
|
2604
|
-
container:
|
|
2604
|
+
container: 'h-5 w-5'
|
|
2605
2605
|
}
|
|
2606
2606
|
},
|
|
2607
2607
|
controls: {
|
|
2608
|
-
container:
|
|
2609
|
-
content:
|
|
2610
|
-
head:
|
|
2611
|
-
body:
|
|
2608
|
+
container: 'flex-row justify-between z-10 relative mb-4 gap-2 hidden',
|
|
2609
|
+
content: 'my-2 flex flex-col',
|
|
2610
|
+
head: '',
|
|
2611
|
+
body: 'flex flex-row justify-end gap-2',
|
|
2612
2612
|
dropdown: {
|
|
2613
|
-
container:
|
|
2614
|
-
input:
|
|
2615
|
-
label:
|
|
2616
|
-
actions:
|
|
2617
|
-
upIcon:
|
|
2618
|
-
downIcon:
|
|
2613
|
+
container: 'px-4 py-2 text-sm flex flex-row items-center font-medium group',
|
|
2614
|
+
input: 'mr-3 cursor-pointer',
|
|
2615
|
+
label: 'mr-3',
|
|
2616
|
+
actions: 'hidden grid-cols-2 gap-2 group-hover:grid text-gray-400',
|
|
2617
|
+
upIcon: 'w-5 h-5 -scale-y-100 hover:text-black hover:bg-gray-200 rounded-md cursor-pointer',
|
|
2618
|
+
downIcon: 'w-5 h-5 hover:text-black hover:bg-gray-200 rounded-md cursor-pointer'
|
|
2619
2619
|
}
|
|
2620
2620
|
}
|
|
2621
2621
|
};
|
|
2622
2622
|
var $77914cd9d098713a$var$normal = {
|
|
2623
2623
|
body: {
|
|
2624
|
-
content:
|
|
2625
|
-
styleWrapper:
|
|
2624
|
+
content: 'inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8',
|
|
2625
|
+
styleWrapper: 'relative'
|
|
2626
2626
|
}
|
|
2627
2627
|
};
|
|
2628
2628
|
var $77914cd9d098713a$var$panel = {
|
|
2629
2629
|
body: {
|
|
2630
|
-
content:
|
|
2631
|
-
styleWrapper:
|
|
2630
|
+
content: 'inline-block min-w-full py-2 align-middle md:px-6 lg:px-8',
|
|
2631
|
+
styleWrapper: 'relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg',
|
|
2632
2632
|
table: {
|
|
2633
2633
|
head: {
|
|
2634
|
-
container:
|
|
2634
|
+
container: 'bg-gray-50'
|
|
2635
2635
|
},
|
|
2636
2636
|
body: {
|
|
2637
|
-
container:
|
|
2637
|
+
container: 'bg-white'
|
|
2638
2638
|
}
|
|
2639
2639
|
}
|
|
2640
2640
|
}
|
|
2641
2641
|
};
|
|
2642
2642
|
var $77914cd9d098713a$var$full = {
|
|
2643
2643
|
body: {
|
|
2644
|
-
content:
|
|
2645
|
-
styleWrapper:
|
|
2644
|
+
content: 'inline-block min-w-full py-2 align-middle',
|
|
2645
|
+
styleWrapper: 'relative overflow-hidden shadow-sm ring-1 ring-black ring-opacity-5',
|
|
2646
2646
|
table: {
|
|
2647
2647
|
head: {
|
|
2648
|
-
container:
|
|
2648
|
+
container: 'bg-gray-50'
|
|
2649
2649
|
}
|
|
2650
2650
|
}
|
|
2651
2651
|
}
|
|
@@ -2653,9 +2653,9 @@ var $77914cd9d098713a$var$full = {
|
|
|
2653
2653
|
var $77914cd9d098713a$var$sticky = {
|
|
2654
2654
|
body: {
|
|
2655
2655
|
table: {
|
|
2656
|
-
container:
|
|
2656
|
+
container: 'min-w-full border-separate',
|
|
2657
2657
|
head: {
|
|
2658
|
-
cell:
|
|
2658
|
+
cell: 'sticky top-0 z-10 border-b border-gray-300 bg-gray-50 bg-opacity-75 backdrop-blur backdrop-filter sm:table-cell'
|
|
2659
2659
|
}
|
|
2660
2660
|
}
|
|
2661
2661
|
}
|
|
@@ -2664,17 +2664,17 @@ var $77914cd9d098713a$var$separated = {
|
|
|
2664
2664
|
body: {
|
|
2665
2665
|
table: {
|
|
2666
2666
|
head: {
|
|
2667
|
-
row:
|
|
2667
|
+
row: 'divide-x divide-gray-200'
|
|
2668
2668
|
},
|
|
2669
2669
|
body: {
|
|
2670
|
-
row:
|
|
2670
|
+
row: 'divide-x divide-gray-200'
|
|
2671
2671
|
}
|
|
2672
2672
|
}
|
|
2673
2673
|
}
|
|
2674
2674
|
};
|
|
2675
2675
|
var $77914cd9d098713a$var$controlled = {
|
|
2676
2676
|
controls: {
|
|
2677
|
-
container:
|
|
2677
|
+
container: '!flex'
|
|
2678
2678
|
}
|
|
2679
2679
|
};
|
|
2680
2680
|
var $77914cd9d098713a$var$styles = {
|
|
@@ -2701,7 +2701,7 @@ var $0c769a920d1734cb$var$__assign = undefined && undefined.__assign || function
|
|
|
2701
2701
|
};
|
|
2702
2702
|
var $0c769a920d1734cb$var$TableList = function(props) {
|
|
2703
2703
|
var _a, _b, _c, _d, _e;
|
|
2704
|
-
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 ?
|
|
2704
|
+
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;
|
|
2705
2705
|
var _m = (0, $22d7e244b9ff5d8c$export$4564041bcff0e281)(), generate = _m.generate, write = _m.write;
|
|
2706
2706
|
var handleGenerateStyle = function() {
|
|
2707
2707
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $77914cd9d098713a$export$2e2bcd8739ae039).base);
|
|
@@ -2766,7 +2766,7 @@ var $0c769a920d1734cb$var$TableList = function(props) {
|
|
|
2766
2766
|
if (defaultOrder && (defaultOrder === null || defaultOrder === void 0 ? void 0 : defaultOrder.length) > 0) return setOrder(defaultOrder);
|
|
2767
2767
|
return setOrder(columns.map(function(column) {
|
|
2768
2768
|
var _a;
|
|
2769
|
-
return (_a = column === null || column === void 0 ? void 0 : column.id) !== null && _a !== void 0 ? _a :
|
|
2769
|
+
return (_a = column === null || column === void 0 ? void 0 : column.id) !== null && _a !== void 0 ? _a : '';
|
|
2770
2770
|
}));
|
|
2771
2771
|
}
|
|
2772
2772
|
if (!state) {
|
|
@@ -2788,12 +2788,12 @@ var $0c769a920d1734cb$var$TableList = function(props) {
|
|
|
2788
2788
|
return setVisibility($0c769a920d1734cb$var$__assign($0c769a920d1734cb$var$__assign({}, base), current));
|
|
2789
2789
|
}
|
|
2790
2790
|
}
|
|
2791
|
-
var savedColumnOrder = (_a = state === null || state === void 0 ? void 0 : state.split(
|
|
2792
|
-
return id.replace(
|
|
2791
|
+
var savedColumnOrder = (_a = state === null || state === void 0 ? void 0 : state.split(',').map(function(id) {
|
|
2792
|
+
return id.replace('-', '');
|
|
2793
2793
|
})) !== null && _a !== void 0 ? _a : [];
|
|
2794
2794
|
var savedColumnVisibility = {};
|
|
2795
|
-
state === null || state === void 0 || state.split(
|
|
2796
|
-
return savedColumnVisibility[id === null || id === void 0 ? void 0 : id.replace(
|
|
2795
|
+
state === null || state === void 0 || state.split(',').forEach(function(id) {
|
|
2796
|
+
return savedColumnVisibility[id === null || id === void 0 ? void 0 : id.replace('-', '')] = !id.includes('-');
|
|
2797
2797
|
});
|
|
2798
2798
|
setOrder(savedColumnOrder);
|
|
2799
2799
|
setVisibility(savedColumnVisibility);
|
|
@@ -2817,7 +2817,7 @@ var $0c769a920d1734cb$var$TableList = function(props) {
|
|
|
2817
2817
|
if (visibility[id] === false) return "-".concat(id);
|
|
2818
2818
|
return id;
|
|
2819
2819
|
});
|
|
2820
|
-
return window === null || window === void 0 ? void 0 : window.localStorage.setItem("TableList.".concat(id, ".state"), idsWithVisibilityIndicator.join(
|
|
2820
|
+
return window === null || window === void 0 ? void 0 : window.localStorage.setItem("TableList.".concat(id, ".state"), idsWithVisibilityIndicator.join(','));
|
|
2821
2821
|
}
|
|
2822
2822
|
}, [
|
|
2823
2823
|
id,
|
|
@@ -2851,7 +2851,7 @@ var $0c769a920d1734cb$var$TableList = function(props) {
|
|
|
2851
2851
|
return (0, $iA2ta$reactjsxruntime.jsx)((0, $6f7275eb03c2b93c$export$2e2bcd8739ae039).Item, {
|
|
2852
2852
|
children: function() {
|
|
2853
2853
|
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
2854
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.controls.dropdown.container, !canSort &&
|
|
2854
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.controls.dropdown.container, !canSort && 'hidden'),
|
|
2855
2855
|
children: [
|
|
2856
2856
|
(0, $iA2ta$reactjsxruntime.jsx)("input", {
|
|
2857
2857
|
className: styles.controls.dropdown.input,
|
|
@@ -2889,7 +2889,7 @@ var $0c769a920d1734cb$var$TableList = function(props) {
|
|
|
2889
2889
|
}),
|
|
2890
2890
|
(0, $iA2ta$reactjsxruntime.jsx)((0, $98b8616b6ef0f950$export$2e2bcd8739ae039), {
|
|
2891
2891
|
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 : {
|
|
2892
|
-
container:
|
|
2892
|
+
container: '!py-1.5 !px-3'
|
|
2893
2893
|
},
|
|
2894
2894
|
onClick: function() {
|
|
2895
2895
|
var sheets = generate(table);
|
|
@@ -2927,14 +2927,14 @@ var $0c769a920d1734cb$var$TableList = function(props) {
|
|
|
2927
2927
|
children: headerGroup.headers.map(function(header) {
|
|
2928
2928
|
return (0, $iA2ta$reactjsxruntime.jsxs)("th", {
|
|
2929
2929
|
colSpan: header.colSpan,
|
|
2930
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.body.table.head.cell, header.column.getCanSort() &&
|
|
2930
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.body.table.head.cell, header.column.getCanSort() && 'cursor-pointer'),
|
|
2931
2931
|
onClick: header.column.getToggleSortingHandler(),
|
|
2932
2932
|
children: [
|
|
2933
2933
|
header.isPlaceholder ? null : (0, $iA2ta$tanstackreacttable.flexRender)(header.column.columnDef.header, header.getContext()),
|
|
2934
2934
|
header.column.getCanSort() && (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
2935
2935
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.sortIndicator.container, header.column.getIsSorted() ? styles.sortIndicator.isSorted : styles.sortIndicator.isNotSorted),
|
|
2936
2936
|
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$heroiconsreact24outline.ChevronDownIcon), {
|
|
2937
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.sortIndicator.icon.container, header.column.getIsSorted() ===
|
|
2937
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.sortIndicator.icon.container, header.column.getIsSorted() === 'asc' && '-scale-100'),
|
|
2938
2938
|
"aria-hidden": "true"
|
|
2939
2939
|
})
|
|
2940
2940
|
})
|
|
@@ -2948,11 +2948,11 @@ var $0c769a920d1734cb$var$TableList = function(props) {
|
|
|
2948
2948
|
className: styles.body.table.body.container,
|
|
2949
2949
|
children: table === null || table === void 0 ? void 0 : table.getRowModel().rows.map(function(row, index) {
|
|
2950
2950
|
return (0, $iA2ta$reactjsxruntime.jsx)("tr", {
|
|
2951
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.body.table.body.row, isStriped && index % 2 === 0 &&
|
|
2951
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.body.table.body.row, isStriped && index % 2 === 0 && 'bg-gray-50'),
|
|
2952
2952
|
children: row.getVisibleCells().map(function(cell) {
|
|
2953
2953
|
var _a, _b;
|
|
2954
2954
|
return (0, $iA2ta$reactjsxruntime.jsx)("td", {
|
|
2955
|
-
className: (0, $622cd2936b18c771$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 &&
|
|
2955
|
+
className: (0, $622cd2936b18c771$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'),
|
|
2956
2956
|
children: (0, $iA2ta$tanstackreacttable.flexRender)(cell.column.columnDef.cell, cell.getContext())
|
|
2957
2957
|
}, cell.id);
|
|
2958
2958
|
})
|
|
@@ -2986,7 +2986,7 @@ var $0c769a920d1734cb$var$TableList = function(props) {
|
|
|
2986
2986
|
current: page.current,
|
|
2987
2987
|
max: page.total,
|
|
2988
2988
|
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 : {
|
|
2989
|
-
container:
|
|
2989
|
+
container: 'mt-4'
|
|
2990
2990
|
},
|
|
2991
2991
|
onChange: onPaginate,
|
|
2992
2992
|
children: children
|
|
@@ -3025,8 +3025,8 @@ var $9ed0b3989f82e70a$export$63dc08f552326ce2 = function(tableName) {
|
|
|
3025
3025
|
var $9ed0b3989f82e70a$export$c0b214a25c581b2a = function(tableName, state) {
|
|
3026
3026
|
// we only care about the order and visibility of columns
|
|
3027
3027
|
var cherryPickedState = (0, $iA2ta$lodash.pick)(state, [
|
|
3028
|
-
|
|
3029
|
-
|
|
3028
|
+
'columnOrder',
|
|
3029
|
+
'columnVisibility'
|
|
3030
3030
|
]);
|
|
3031
3031
|
if ($9ed0b3989f82e70a$var$isValidState(cherryPickedState)) localStorage.setItem("TableList.".concat(tableName, ".state"), JSON.stringify(cherryPickedState));
|
|
3032
3032
|
};
|
|
@@ -3036,10 +3036,10 @@ var $9ed0b3989f82e70a$export$a1266aa66eb9d7a4 = function(tableName) {
|
|
|
3036
3036
|
var $9ed0b3989f82e70a$var$isValidState = function(state) {
|
|
3037
3037
|
if (!(state === null || state === void 0 ? void 0 : state.columnOrder) || !(state === null || state === void 0 ? void 0 : state.columnVisibility) || (0, $iA2ta$lodash.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;
|
|
3038
3038
|
if ((0, $iA2ta$lodash.some)(state.columnOrder, function(item) {
|
|
3039
|
-
return typeof item !==
|
|
3039
|
+
return typeof item !== 'string';
|
|
3040
3040
|
})) return false;
|
|
3041
3041
|
if ((0, $iA2ta$lodash.some)(Object.keys(state.columnVisibility), function(key) {
|
|
3042
|
-
return typeof (0, $iA2ta$lodash.get)(state.columnVisibility, key) !==
|
|
3042
|
+
return typeof (0, $iA2ta$lodash.get)(state.columnVisibility, key) !== 'boolean';
|
|
3043
3043
|
})) return false;
|
|
3044
3044
|
return true;
|
|
3045
3045
|
};
|
|
@@ -3047,76 +3047,76 @@ var $9ed0b3989f82e70a$var$isValidState = function(state) {
|
|
|
3047
3047
|
|
|
3048
3048
|
|
|
3049
3049
|
var $ad4435d9ab2ba956$var$base = {
|
|
3050
|
-
container:
|
|
3051
|
-
head:
|
|
3050
|
+
container: '',
|
|
3051
|
+
head: '',
|
|
3052
3052
|
body: {
|
|
3053
|
-
container:
|
|
3054
|
-
wrapper:
|
|
3055
|
-
content:
|
|
3056
|
-
styleWrapper:
|
|
3057
|
-
styleWrapperWithLeftSide:
|
|
3058
|
-
tableWrapper:
|
|
3059
|
-
tableWrapperWithLeftSide:
|
|
3053
|
+
container: 'flex flex-col',
|
|
3054
|
+
wrapper: 'flow-root relative',
|
|
3055
|
+
content: '',
|
|
3056
|
+
styleWrapper: 'flex overflow-x-scroll overflow-y-visible',
|
|
3057
|
+
styleWrapperWithLeftSide: 'flex',
|
|
3058
|
+
tableWrapper: 'inline-block min-w-full align-middle',
|
|
3059
|
+
tableWrapperWithLeftSide: 'w-full overflow-x-scroll',
|
|
3060
3060
|
table: {
|
|
3061
|
-
container:
|
|
3062
|
-
containerWithLeftSide:
|
|
3061
|
+
container: 'min-w-full border-separate border-spacing-0',
|
|
3062
|
+
containerWithLeftSide: 'border-separate border-spacing-0',
|
|
3063
3063
|
pinnedColumns: {
|
|
3064
|
-
left:
|
|
3065
|
-
right:
|
|
3064
|
+
left: '-4px 0 4px -4px gray inset',
|
|
3065
|
+
right: '4px 0 4px -4px gray inset'
|
|
3066
3066
|
},
|
|
3067
3067
|
head: {
|
|
3068
|
-
container:
|
|
3069
|
-
row:
|
|
3070
|
-
checkbox:
|
|
3068
|
+
container: '',
|
|
3069
|
+
row: '',
|
|
3070
|
+
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',
|
|
3071
3071
|
column: {
|
|
3072
3072
|
pinned: {
|
|
3073
|
-
cell:
|
|
3073
|
+
cell: 'bg-white sticky z-10 overflow-hidden text-ellipsis'
|
|
3074
3074
|
}
|
|
3075
3075
|
},
|
|
3076
3076
|
cell: {
|
|
3077
|
-
container:
|
|
3078
|
-
wrapper:
|
|
3079
|
-
text:
|
|
3077
|
+
container: 'py-3.5 px-3 text-left text-sm font-semibold text-gray-900 group border-b',
|
|
3078
|
+
wrapper: 'grid gap-x-1 items-center',
|
|
3079
|
+
text: 'whitespace-normal break-words',
|
|
3080
3080
|
sortIndicator: {
|
|
3081
|
-
container:
|
|
3082
|
-
isSorted:
|
|
3083
|
-
isNotSorted:
|
|
3081
|
+
container: 'ml-2 inline-flex items-center rounded',
|
|
3082
|
+
isSorted: 'bg-gray-100 text-gray-900 group-hover:bg-gray-200',
|
|
3083
|
+
isNotSorted: 'text-gray-400 group-hover:text-gray-900 group-hover:bg-gray-200',
|
|
3084
3084
|
icon: {
|
|
3085
|
-
container:
|
|
3085
|
+
container: 'w-5'
|
|
3086
3086
|
}
|
|
3087
3087
|
}
|
|
3088
3088
|
}
|
|
3089
3089
|
},
|
|
3090
3090
|
body: {
|
|
3091
|
-
container:
|
|
3092
|
-
row:
|
|
3093
|
-
striped:
|
|
3091
|
+
container: 'border',
|
|
3092
|
+
row: '',
|
|
3093
|
+
striped: 'bg-gray-50',
|
|
3094
3094
|
column: {
|
|
3095
3095
|
pinned: {
|
|
3096
|
-
cell:
|
|
3096
|
+
cell: 'bg-white sticky z-10 overflow-hidden text-ellipsis'
|
|
3097
3097
|
}
|
|
3098
3098
|
},
|
|
3099
|
-
cell:
|
|
3100
|
-
sticky:
|
|
3101
|
-
checkbox:
|
|
3102
|
-
indicator:
|
|
3099
|
+
cell: 'whitespace-nowrap py-2.5 px-3 text-sm text-gray-500',
|
|
3100
|
+
sticky: 'border-b border-gray-200',
|
|
3101
|
+
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',
|
|
3102
|
+
indicator: 'absolute inset-y-0 left-0 w-0.5 bg-primary-600'
|
|
3103
3103
|
}
|
|
3104
3104
|
}
|
|
3105
3105
|
},
|
|
3106
|
-
foot:
|
|
3107
|
-
leftSide:
|
|
3106
|
+
foot: '',
|
|
3107
|
+
leftSide: 'text-sm text-gray-500'
|
|
3108
3108
|
};
|
|
3109
3109
|
var $ad4435d9ab2ba956$var$styles = {
|
|
3110
3110
|
base: $ad4435d9ab2ba956$var$base,
|
|
3111
3111
|
loading: {
|
|
3112
|
-
container:
|
|
3112
|
+
container: 'flex flex-col gap-y-2 w-full pt-5',
|
|
3113
3113
|
row: {
|
|
3114
|
-
container:
|
|
3115
|
-
first:
|
|
3116
|
-
last:
|
|
3114
|
+
container: 'flex gap-2',
|
|
3115
|
+
first: 'w-20 h-12 rounded-md bg-gray-100 animate-pulse',
|
|
3116
|
+
last: 'w-full h-12 rounded-md bg-gray-100 animate-pulse'
|
|
3117
3117
|
}
|
|
3118
3118
|
},
|
|
3119
|
-
empty:
|
|
3119
|
+
empty: 'w-full flex justify-center my-2'
|
|
3120
3120
|
};
|
|
3121
3121
|
var $ad4435d9ab2ba956$export$2e2bcd8739ae039 = $ad4435d9ab2ba956$var$styles;
|
|
3122
3122
|
|
|
@@ -3182,8 +3182,8 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3182
3182
|
};
|
|
3183
3183
|
var initialVisibilityState = (0, $iA2ta$react.useMemo)(function() {
|
|
3184
3184
|
var _a;
|
|
3185
|
-
var columnAccessorKeys = (0, $iA2ta$lodash.compact)((0, $iA2ta$lodash.map)(config.columns,
|
|
3186
|
-
var columnIds = (0, $iA2ta$lodash.compact)((0, $iA2ta$lodash.map)(config.columns,
|
|
3185
|
+
var columnAccessorKeys = (0, $iA2ta$lodash.compact)((0, $iA2ta$lodash.map)(config.columns, 'accessorKey'));
|
|
3186
|
+
var columnIds = (0, $iA2ta$lodash.compact)((0, $iA2ta$lodash.map)(config.columns, 'id'));
|
|
3187
3187
|
var visibilityState = {};
|
|
3188
3188
|
if ((_a = config.options) === null || _a === void 0 ? void 0 : _a.defaultVisibility) (0, $iA2ta$lodash.forEach)(columnAccessorKeys, function(key) {
|
|
3189
3189
|
var _a;
|
|
@@ -3207,7 +3207,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3207
3207
|
getCoreRowModel: (0, $iA2ta$tanstackreacttable.getCoreRowModel)(),
|
|
3208
3208
|
columns: isDraggable ? $51d5596368acf759$var$__spreadArray([
|
|
3209
3209
|
{
|
|
3210
|
-
id:
|
|
3210
|
+
id: 'drag-handle',
|
|
3211
3211
|
header: dragConfig === null || dragConfig === void 0 ? void 0 : dragConfig.header,
|
|
3212
3212
|
cell: function(_a) {
|
|
3213
3213
|
var row = _a.row;
|
|
@@ -3226,14 +3226,14 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3226
3226
|
},
|
|
3227
3227
|
initialState: {
|
|
3228
3228
|
columnVisibility: isDraggable ? $51d5596368acf759$var$__assign({
|
|
3229
|
-
|
|
3229
|
+
'drag-handle': true
|
|
3230
3230
|
}, initialVisibilityState) : initialVisibilityState,
|
|
3231
3231
|
columnOrder: isDraggable ? $51d5596368acf759$var$__spreadArray([
|
|
3232
|
-
|
|
3232
|
+
'drag-handle'
|
|
3233
3233
|
], (_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,
|
|
3234
3234
|
columnPinning: {
|
|
3235
|
-
left: (_j = (0, $iA2ta$lodash.map)((_h = (_g = config.options) === null || _g === void 0 ? void 0 : _g.columnPinning) === null || _h === void 0 ? void 0 : _h.left,
|
|
3236
|
-
right: (_m = (0, $iA2ta$lodash.map)((_l = (_k = config.options) === null || _k === void 0 ? void 0 : _k.columnPinning) === null || _l === void 0 ? void 0 : _l.right,
|
|
3235
|
+
left: (_j = (0, $iA2ta$lodash.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 : [],
|
|
3236
|
+
right: (_m = (0, $iA2ta$lodash.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 : []
|
|
3237
3237
|
}
|
|
3238
3238
|
},
|
|
3239
3239
|
manualPagination: true,
|
|
@@ -3278,7 +3278,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3278
3278
|
else {
|
|
3279
3279
|
var columnKeys_1 = (0, $iA2ta$lodash.map)(table === null || table === void 0 ? void 0 : table.getAllColumns(), function(column) {
|
|
3280
3280
|
var _a;
|
|
3281
|
-
return (_a = column.id) !== null && _a !== void 0 ? _a : (0, $iA2ta$lodash.get)(column,
|
|
3281
|
+
return (_a = column.id) !== null && _a !== void 0 ? _a : (0, $iA2ta$lodash.get)(column, 'accessorKey');
|
|
3282
3282
|
});
|
|
3283
3283
|
var visibility_1 = {};
|
|
3284
3284
|
(0, $iA2ta$lodash.forEach)(columnKeys_1, function(key) {
|
|
@@ -3304,17 +3304,17 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3304
3304
|
var defaultOrder = (_b = config === null || config === void 0 ? void 0 : config.options) === null || _b === void 0 ? void 0 : _b.defaultOrder;
|
|
3305
3305
|
if (savedOrder) setColumnOrder(savedOrder);
|
|
3306
3306
|
else if (defaultOrder) setColumnOrder(isDraggable ? $51d5596368acf759$var$__spreadArray([
|
|
3307
|
-
|
|
3307
|
+
'drag-handle'
|
|
3308
3308
|
], defaultOrder, true) : defaultOrder);
|
|
3309
3309
|
else if ((0, $iA2ta$lodash.some)(config.columns, function(column) {
|
|
3310
|
-
return (column === null || column === void 0 ? void 0 : column.id) || (0, $iA2ta$lodash.get)(column,
|
|
3310
|
+
return (column === null || column === void 0 ? void 0 : column.id) || (0, $iA2ta$lodash.get)(column, 'accessorKey');
|
|
3311
3311
|
})) {
|
|
3312
3312
|
var mappedColumns = (0, $iA2ta$lodash.map)(config.columns, function(column) {
|
|
3313
3313
|
var _a;
|
|
3314
|
-
return (_a = column === null || column === void 0 ? void 0 : column.id) !== null && _a !== void 0 ? _a : (0, $iA2ta$lodash.get)(column,
|
|
3314
|
+
return (_a = column === null || column === void 0 ? void 0 : column.id) !== null && _a !== void 0 ? _a : (0, $iA2ta$lodash.get)(column, 'accessorKey');
|
|
3315
3315
|
});
|
|
3316
3316
|
setColumnOrder(isDraggable ? $51d5596368acf759$var$__spreadArray([
|
|
3317
|
-
|
|
3317
|
+
'drag-handle'
|
|
3318
3318
|
], mappedColumns, true) : mappedColumns);
|
|
3319
3319
|
}
|
|
3320
3320
|
}, [
|
|
@@ -3355,7 +3355,7 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3355
3355
|
transition: transition,
|
|
3356
3356
|
opacity: isDragging ? 0.8 : 1,
|
|
3357
3357
|
zIndex: isDragging ? 1 : 0,
|
|
3358
|
-
position:
|
|
3358
|
+
position: 'relative'
|
|
3359
3359
|
};
|
|
3360
3360
|
return (0, $iA2ta$reactjsxruntime.jsx)("tr", {
|
|
3361
3361
|
ref: setNodeRef,
|
|
@@ -3379,13 +3379,13 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3379
3379
|
var sensors = (0, $iA2ta$dndkitcore.useSensors)((0, $iA2ta$dndkitcore.useSensor)((0, $iA2ta$dndkitcore.MouseSensor), {}), (0, $iA2ta$dndkitcore.useSensor)((0, $iA2ta$dndkitcore.TouchSensor), {}), (0, $iA2ta$dndkitcore.useSensor)((0, $iA2ta$dndkitcore.KeyboardSensor), {}));
|
|
3380
3380
|
var getPinnedColumnsWidth = (0, $iA2ta$react.useCallback)(function(side, id) {
|
|
3381
3381
|
var _a, _b, _c, _d;
|
|
3382
|
-
var pinnedColumns = (0, $iA2ta$lodash.map)((_b = (_a = config.options) === null || _a === void 0 ? void 0 : _a.columnPinning) === null || _b === void 0 ? void 0 : _b[side],
|
|
3382
|
+
var pinnedColumns = (0, $iA2ta$lodash.map)((_b = (_a = config.options) === null || _a === void 0 ? void 0 : _a.columnPinning) === null || _b === void 0 ? void 0 : _b[side], 'size');
|
|
3383
3383
|
var pinnedColumnIndex = (0, $iA2ta$lodash.findIndex)((_d = (_c = config.options) === null || _c === void 0 ? void 0 : _c.columnPinning) === null || _d === void 0 ? void 0 : _d[side], {
|
|
3384
3384
|
name: id
|
|
3385
3385
|
});
|
|
3386
3386
|
if (pinnedColumnIndex === -1) return null;
|
|
3387
|
-
var startIndex = side ===
|
|
3388
|
-
var endIndex = side ===
|
|
3387
|
+
var startIndex = side === 'left' ? 0 : pinnedColumnIndex + 1;
|
|
3388
|
+
var endIndex = side === 'left' ? pinnedColumnIndex : pinnedColumns.length - pinnedColumnIndex + 1;
|
|
3389
3389
|
return pinnedColumns.slice(startIndex, endIndex).reduce(function(acc, size) {
|
|
3390
3390
|
return acc + size;
|
|
3391
3391
|
}, 0);
|
|
@@ -3407,8 +3407,8 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3407
3407
|
maxWidth: width,
|
|
3408
3408
|
minWidth: width,
|
|
3409
3409
|
boxShadow: ((_q = (_p = config.options) === null || _p === void 0 ? void 0 : _p.columnPinning) === null || _q === void 0 ? void 0 : _q.disableShadow) ? undefined : boxShadow,
|
|
3410
|
-
left: isPinned ===
|
|
3411
|
-
right: isPinned ===
|
|
3410
|
+
left: isPinned === 'left' ? "".concat(getPinnedColumnsWidth('left', column.id), "px") : undefined,
|
|
3411
|
+
right: isPinned === 'right' ? "".concat(getPinnedColumnsWidth('right', column.id), "px") : undefined
|
|
3412
3412
|
};
|
|
3413
3413
|
}, [
|
|
3414
3414
|
(_s = (_r = config.options) === null || _r === void 0 ? void 0 : _r.columnPinning) === null || _s === void 0 ? void 0 : _s.customShadow,
|
|
@@ -3452,18 +3452,18 @@ var $51d5596368acf759$var$TableList2 = function(props) {
|
|
|
3452
3452
|
children: (0, $iA2ta$lodash.map)(headerGroup.headers, function(header) {
|
|
3453
3453
|
// Default sort icon to show a user that the column is sortable
|
|
3454
3454
|
var SortIconElement = (0, $iA2ta$heroiconsreact20solid.ChevronUpDownIcon);
|
|
3455
|
-
if (header.column.getIsSorted()) SortIconElement = header.column.getIsSorted() ===
|
|
3455
|
+
if (header.column.getIsSorted()) SortIconElement = header.column.getIsSorted() === 'asc' ? (0, $iA2ta$heroiconsreact20solid.ChevronUpIcon) : (0, $iA2ta$heroiconsreact20solid.ChevronDownIcon);
|
|
3456
3456
|
return (0, $iA2ta$reactjsxruntime.jsx)("th", {
|
|
3457
3457
|
colSpan: header.colSpan,
|
|
3458
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.body.table.head.cell.container, header.column.getCanSort() &&
|
|
3458
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.body.table.head.cell.container, header.column.getCanSort() && 'cursor-pointer', header.column.getIsPinned() && styles.body.table.head.column.pinned.cell),
|
|
3459
3459
|
onClick: header.column.getToggleSortingHandler(),
|
|
3460
3460
|
style: $51d5596368acf759$var$__assign({
|
|
3461
|
-
minWidth: !!header.column.columnDef.size && header.column.columnDef.size !== 150 ? "".concat(header.column.columnDef.size, "px") :
|
|
3461
|
+
minWidth: !!header.column.columnDef.size && header.column.columnDef.size !== 150 ? "".concat(header.column.columnDef.size, "px") : 'auto'
|
|
3462
3462
|
}, getCommonPinningStyles(header.column)),
|
|
3463
3463
|
children: (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
3464
3464
|
className: styles.body.table.head.cell.wrapper,
|
|
3465
3465
|
style: {
|
|
3466
|
-
gridTemplateColumns:
|
|
3466
|
+
gridTemplateColumns: '1fr auto'
|
|
3467
3467
|
},
|
|
3468
3468
|
children: [
|
|
3469
3469
|
header.isPlaceholder ? null : (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
@@ -3581,88 +3581,88 @@ var $def42fb278b4e54a$export$4b44a5cb9651fe5e = function() {
|
|
|
3581
3581
|
|
|
3582
3582
|
|
|
3583
3583
|
var $85a1f6cb909619f6$var$base = {
|
|
3584
|
-
container:
|
|
3585
|
-
list:
|
|
3586
|
-
separator:
|
|
3584
|
+
container: 'flex',
|
|
3585
|
+
list: 'flex',
|
|
3586
|
+
separator: '',
|
|
3587
3587
|
home: {
|
|
3588
|
-
container:
|
|
3589
|
-
content:
|
|
3590
|
-
link:
|
|
3591
|
-
icon:
|
|
3592
|
-
span:
|
|
3588
|
+
container: 'flex',
|
|
3589
|
+
content: 'flex items-center',
|
|
3590
|
+
link: 'text-gray-400 hover:text-gray-500',
|
|
3591
|
+
icon: 'h-5 w-5 flex-shrink-0',
|
|
3592
|
+
span: 'sr-only'
|
|
3593
3593
|
},
|
|
3594
3594
|
page: {
|
|
3595
|
-
container:
|
|
3596
|
-
content:
|
|
3597
|
-
link:
|
|
3595
|
+
container: 'flex',
|
|
3596
|
+
content: 'flex items-center',
|
|
3597
|
+
link: 'ml-4 text-sm font-medium text-gray-500 hover:text-gray-700'
|
|
3598
3598
|
}
|
|
3599
3599
|
};
|
|
3600
3600
|
var $85a1f6cb909619f6$var$slashes = {
|
|
3601
|
-
container:
|
|
3602
|
-
list:
|
|
3603
|
-
separator:
|
|
3601
|
+
container: '',
|
|
3602
|
+
list: 'items-center space-x-4',
|
|
3603
|
+
separator: 'h-5 w-5 flex-shrink-0 text-gray-400',
|
|
3604
3604
|
home: {
|
|
3605
|
-
container:
|
|
3606
|
-
content:
|
|
3607
|
-
link:
|
|
3608
|
-
icon:
|
|
3609
|
-
span:
|
|
3605
|
+
container: '',
|
|
3606
|
+
content: '',
|
|
3607
|
+
link: '',
|
|
3608
|
+
icon: '',
|
|
3609
|
+
span: ''
|
|
3610
3610
|
},
|
|
3611
3611
|
page: {
|
|
3612
|
-
container:
|
|
3613
|
-
content:
|
|
3614
|
-
link:
|
|
3612
|
+
container: '',
|
|
3613
|
+
content: '',
|
|
3614
|
+
link: ''
|
|
3615
3615
|
}
|
|
3616
3616
|
};
|
|
3617
3617
|
var $85a1f6cb909619f6$var$chevrons = {
|
|
3618
|
-
container:
|
|
3619
|
-
list:
|
|
3620
|
-
separator:
|
|
3618
|
+
container: '',
|
|
3619
|
+
list: 'items-center space-x-4',
|
|
3620
|
+
separator: 'h-5 w-5 flex-shrink-0 text-gray-400',
|
|
3621
3621
|
home: {
|
|
3622
|
-
container:
|
|
3623
|
-
content:
|
|
3624
|
-
link:
|
|
3625
|
-
icon:
|
|
3626
|
-
span:
|
|
3622
|
+
container: '',
|
|
3623
|
+
content: '',
|
|
3624
|
+
link: '',
|
|
3625
|
+
icon: '',
|
|
3626
|
+
span: ''
|
|
3627
3627
|
},
|
|
3628
3628
|
page: {
|
|
3629
|
-
container:
|
|
3630
|
-
content:
|
|
3631
|
-
link:
|
|
3629
|
+
container: '',
|
|
3630
|
+
content: '',
|
|
3631
|
+
link: ''
|
|
3632
3632
|
}
|
|
3633
3633
|
};
|
|
3634
3634
|
var $85a1f6cb909619f6$var$panel = {
|
|
3635
|
-
container:
|
|
3636
|
-
list:
|
|
3637
|
-
separator:
|
|
3635
|
+
container: '',
|
|
3636
|
+
list: 'space-x-4 rounded-md bg-white px-6 shadow',
|
|
3637
|
+
separator: 'h-full w-6 flex-shrink-0 text-gray-200',
|
|
3638
3638
|
home: {
|
|
3639
|
-
container:
|
|
3640
|
-
content:
|
|
3641
|
-
link:
|
|
3642
|
-
icon:
|
|
3643
|
-
span:
|
|
3639
|
+
container: '',
|
|
3640
|
+
content: '',
|
|
3641
|
+
link: '',
|
|
3642
|
+
icon: '',
|
|
3643
|
+
span: ''
|
|
3644
3644
|
},
|
|
3645
3645
|
page: {
|
|
3646
|
-
container:
|
|
3647
|
-
content:
|
|
3648
|
-
link:
|
|
3646
|
+
container: '',
|
|
3647
|
+
content: '',
|
|
3648
|
+
link: ''
|
|
3649
3649
|
}
|
|
3650
3650
|
};
|
|
3651
3651
|
var $85a1f6cb909619f6$var$bar = {
|
|
3652
|
-
container:
|
|
3653
|
-
list:
|
|
3654
|
-
separator:
|
|
3652
|
+
container: 'border-b border-gray-200 bg-white',
|
|
3653
|
+
list: 'mx-auto w-full max-w-screen-xl space-x-4 px-4 sm:px-6 lg:px-8',
|
|
3654
|
+
separator: 'h-full w-6 flex-shrink-0 text-gray-200',
|
|
3655
3655
|
home: {
|
|
3656
|
-
container:
|
|
3657
|
-
content:
|
|
3658
|
-
link:
|
|
3659
|
-
icon:
|
|
3660
|
-
span:
|
|
3656
|
+
container: '',
|
|
3657
|
+
content: '',
|
|
3658
|
+
link: '',
|
|
3659
|
+
icon: '',
|
|
3660
|
+
span: ''
|
|
3661
3661
|
},
|
|
3662
3662
|
page: {
|
|
3663
|
-
container:
|
|
3664
|
-
content:
|
|
3665
|
-
link:
|
|
3663
|
+
container: '',
|
|
3664
|
+
content: '',
|
|
3665
|
+
link: ''
|
|
3666
3666
|
}
|
|
3667
3667
|
};
|
|
3668
3668
|
var $85a1f6cb909619f6$var$styles = {
|
|
@@ -3676,7 +3676,7 @@ var $85a1f6cb909619f6$export$2e2bcd8739ae039 = $85a1f6cb909619f6$var$styles;
|
|
|
3676
3676
|
|
|
3677
3677
|
|
|
3678
3678
|
var $4bddd13da73d7e01$var$BreadcrumbsNavigation = function(props) {
|
|
3679
|
-
var _a = props.href, href = _a === void 0 ?
|
|
3679
|
+
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;
|
|
3680
3680
|
var handleGenerateStyle = function() {
|
|
3681
3681
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $85a1f6cb909619f6$export$2e2bcd8739ae039).base);
|
|
3682
3682
|
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $85a1f6cb909619f6$export$2e2bcd8739ae039).base);
|
|
@@ -3689,7 +3689,7 @@ var $4bddd13da73d7e01$var$BreadcrumbsNavigation = function(props) {
|
|
|
3689
3689
|
var separator = (0, $iA2ta$react.useMemo)(function() {
|
|
3690
3690
|
var component;
|
|
3691
3691
|
switch(type){
|
|
3692
|
-
case
|
|
3692
|
+
case 'slashes':
|
|
3693
3693
|
component = (0, $iA2ta$reactjsxruntime.jsx)("svg", {
|
|
3694
3694
|
className: styles.separator,
|
|
3695
3695
|
fill: "currentColor",
|
|
@@ -3700,13 +3700,13 @@ var $4bddd13da73d7e01$var$BreadcrumbsNavigation = function(props) {
|
|
|
3700
3700
|
})
|
|
3701
3701
|
});
|
|
3702
3702
|
break;
|
|
3703
|
-
case
|
|
3703
|
+
case 'chevrons':
|
|
3704
3704
|
component = (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$heroiconsreact20solid.ChevronRightIcon), {
|
|
3705
3705
|
className: styles.separator,
|
|
3706
3706
|
"aria-hidden": "true"
|
|
3707
3707
|
});
|
|
3708
3708
|
break;
|
|
3709
|
-
case
|
|
3709
|
+
case 'panel':
|
|
3710
3710
|
component = (0, $iA2ta$reactjsxruntime.jsx)("svg", {
|
|
3711
3711
|
className: styles.separator,
|
|
3712
3712
|
viewBox: "0 0 24 44",
|
|
@@ -3718,7 +3718,7 @@ var $4bddd13da73d7e01$var$BreadcrumbsNavigation = function(props) {
|
|
|
3718
3718
|
})
|
|
3719
3719
|
});
|
|
3720
3720
|
break;
|
|
3721
|
-
case
|
|
3721
|
+
case 'bar':
|
|
3722
3722
|
component = (0, $iA2ta$reactjsxruntime.jsx)("svg", {
|
|
3723
3723
|
className: styles.separator,
|
|
3724
3724
|
viewBox: "0 0 24 44",
|
|
@@ -3771,7 +3771,7 @@ var $4bddd13da73d7e01$var$BreadcrumbsNavigation = function(props) {
|
|
|
3771
3771
|
(0, $iA2ta$reactjsxruntime.jsx)("a", {
|
|
3772
3772
|
href: page.href,
|
|
3773
3773
|
className: styles.page.link,
|
|
3774
|
-
"aria-current": page.isCurrent ?
|
|
3774
|
+
"aria-current": page.isCurrent ? 'page' : undefined,
|
|
3775
3775
|
children: page.name
|
|
3776
3776
|
})
|
|
3777
3777
|
]
|
|
@@ -3806,26 +3806,26 @@ var $4bddd13da73d7e01$export$2e2bcd8739ae039 = $4bddd13da73d7e01$var$Breadcrumbs
|
|
|
3806
3806
|
|
|
3807
3807
|
|
|
3808
3808
|
var $ae20bcd928aaa8fa$var$base = {
|
|
3809
|
-
container:
|
|
3809
|
+
container: 'flex items-center justify-between border-t border-gray-200 px-4 sm:px-0',
|
|
3810
3810
|
left: {
|
|
3811
|
-
container:
|
|
3812
|
-
button:
|
|
3813
|
-
icon:
|
|
3811
|
+
container: '-mt-px flex w-0 flex-1',
|
|
3812
|
+
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',
|
|
3813
|
+
icon: 'mr-3 h-5 w-5 text-gray-400'
|
|
3814
3814
|
},
|
|
3815
3815
|
center: {
|
|
3816
|
-
container:
|
|
3816
|
+
container: 'hidden md:-mt-px md:flex'
|
|
3817
3817
|
},
|
|
3818
3818
|
right: {
|
|
3819
|
-
container:
|
|
3820
|
-
button:
|
|
3821
|
-
icon:
|
|
3819
|
+
container: '-mt-px flex w-0 flex-1 justify-end',
|
|
3820
|
+
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',
|
|
3821
|
+
icon: 'ml-3 h-5 w-5 text-gray-400'
|
|
3822
3822
|
},
|
|
3823
3823
|
button: {
|
|
3824
|
-
default:
|
|
3825
|
-
active:
|
|
3826
|
-
disabled:
|
|
3824
|
+
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',
|
|
3825
|
+
active: 'border-primary-500 text-primary-600',
|
|
3826
|
+
disabled: 'opacity-20 cursor-not-allowed'
|
|
3827
3827
|
},
|
|
3828
|
-
divider:
|
|
3828
|
+
divider: 'inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500'
|
|
3829
3829
|
};
|
|
3830
3830
|
var $ae20bcd928aaa8fa$var$styles = {
|
|
3831
3831
|
base: $ae20bcd928aaa8fa$var$base
|
|
@@ -3846,10 +3846,10 @@ var $4439474512e19952$var$PagePaginationNavigation = function(props) {
|
|
|
3846
3846
|
};
|
|
3847
3847
|
var styles = handleGenerateStyle();
|
|
3848
3848
|
var pageType = (0, $iA2ta$react.useMemo)(function() {
|
|
3849
|
-
var result =
|
|
3850
|
-
if (current < min + 2) result =
|
|
3851
|
-
if (current > max - 2) result =
|
|
3852
|
-
if (max <= 4) result =
|
|
3849
|
+
var result = 'center';
|
|
3850
|
+
if (current < min + 2) result = 'first';
|
|
3851
|
+
if (current > max - 2) result = 'last';
|
|
3852
|
+
if (max <= 4) result = 'simple';
|
|
3853
3853
|
return result;
|
|
3854
3854
|
}, [
|
|
3855
3855
|
current,
|
|
@@ -3858,7 +3858,7 @@ var $4439474512e19952$var$PagePaginationNavigation = function(props) {
|
|
|
3858
3858
|
]);
|
|
3859
3859
|
var component;
|
|
3860
3860
|
switch(pageType){
|
|
3861
|
-
case
|
|
3861
|
+
case 'first':
|
|
3862
3862
|
component = (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$reactjsxruntime.Fragment), {
|
|
3863
3863
|
children: [
|
|
3864
3864
|
(0, $iA2ta$reactjsxruntime.jsx)("button", {
|
|
@@ -3896,7 +3896,7 @@ var $4439474512e19952$var$PagePaginationNavigation = function(props) {
|
|
|
3896
3896
|
]
|
|
3897
3897
|
});
|
|
3898
3898
|
break;
|
|
3899
|
-
case
|
|
3899
|
+
case 'center':
|
|
3900
3900
|
component = (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$reactjsxruntime.Fragment), {
|
|
3901
3901
|
children: [
|
|
3902
3902
|
(0, $iA2ta$reactjsxruntime.jsx)("button", {
|
|
@@ -3945,7 +3945,7 @@ var $4439474512e19952$var$PagePaginationNavigation = function(props) {
|
|
|
3945
3945
|
]
|
|
3946
3946
|
});
|
|
3947
3947
|
break;
|
|
3948
|
-
case
|
|
3948
|
+
case 'last':
|
|
3949
3949
|
component = (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$reactjsxruntime.Fragment), {
|
|
3950
3950
|
children: [
|
|
3951
3951
|
(0, $iA2ta$reactjsxruntime.jsx)("button", {
|
|
@@ -3983,7 +3983,7 @@ var $4439474512e19952$var$PagePaginationNavigation = function(props) {
|
|
|
3983
3983
|
]
|
|
3984
3984
|
});
|
|
3985
3985
|
break;
|
|
3986
|
-
case
|
|
3986
|
+
case 'simple':
|
|
3987
3987
|
component = (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$reactjsxruntime.Fragment), {
|
|
3988
3988
|
children: [
|
|
3989
3989
|
(0, $iA2ta$reactjsxruntime.jsx)("button", {
|
|
@@ -4076,40 +4076,40 @@ var $4439474512e19952$export$2e2bcd8739ae039 = $4439474512e19952$var$PagePaginat
|
|
|
4076
4076
|
|
|
4077
4077
|
|
|
4078
4078
|
var $9420756208be2d43$var$defaultStyles = {
|
|
4079
|
-
container:
|
|
4079
|
+
container: '',
|
|
4080
4080
|
list: {
|
|
4081
|
-
container:
|
|
4082
|
-
head:
|
|
4083
|
-
body:
|
|
4084
|
-
label:
|
|
4085
|
-
select:
|
|
4086
|
-
navigation:
|
|
4081
|
+
container: '',
|
|
4082
|
+
head: 'sm:hidden',
|
|
4083
|
+
body: 'hidden sm:block',
|
|
4084
|
+
label: 'sr-only',
|
|
4085
|
+
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',
|
|
4086
|
+
navigation: 'border-b border-gray-200 -mb-px flex space-x-8'
|
|
4087
4087
|
},
|
|
4088
4088
|
tab: {
|
|
4089
|
-
base:
|
|
4090
|
-
active:
|
|
4091
|
-
inactive:
|
|
4089
|
+
base: 'cursor-pointer',
|
|
4090
|
+
active: '',
|
|
4091
|
+
inactive: ''
|
|
4092
4092
|
}
|
|
4093
4093
|
};
|
|
4094
4094
|
var $9420756208be2d43$var$underline = {
|
|
4095
4095
|
tab: {
|
|
4096
|
-
base:
|
|
4097
|
-
active:
|
|
4098
|
-
inactive:
|
|
4096
|
+
base: 'whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm cursor-pointer',
|
|
4097
|
+
active: 'border-primary-500 text-primary-600',
|
|
4098
|
+
inactive: 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
|
|
4099
4099
|
}
|
|
4100
4100
|
};
|
|
4101
4101
|
var $9420756208be2d43$var$pills = {
|
|
4102
4102
|
tab: {
|
|
4103
|
-
base:
|
|
4104
|
-
active:
|
|
4105
|
-
inactive:
|
|
4103
|
+
base: 'px-3 py-2 font-medium text-sm rounded-md cursor-pointer',
|
|
4104
|
+
active: 'bg-gray-100 text-gray-700',
|
|
4105
|
+
inactive: 'text-gray-500 hover:text-gray-700'
|
|
4106
4106
|
}
|
|
4107
4107
|
};
|
|
4108
4108
|
var $9420756208be2d43$var$buttons = {
|
|
4109
4109
|
tab: {
|
|
4110
|
-
base:
|
|
4111
|
-
active:
|
|
4112
|
-
inactive:
|
|
4110
|
+
base: 'whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm cursor-pointer',
|
|
4111
|
+
active: 'border-primary-500 text-primary-600',
|
|
4112
|
+
inactive: 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
|
|
4113
4113
|
}
|
|
4114
4114
|
};
|
|
4115
4115
|
var $9420756208be2d43$var$styles = {
|
|
@@ -4133,7 +4133,7 @@ var $06795e94e474e27d$var$__assign = undefined && undefined.__assign || function
|
|
|
4133
4133
|
};
|
|
4134
4134
|
var $06795e94e474e27d$var$Container = function(props) {
|
|
4135
4135
|
var children = props.children, stylesOverrides = props.styles;
|
|
4136
|
-
var _a = (0, $iA2ta$react.useState)(
|
|
4136
|
+
var _a = (0, $iA2ta$react.useState)(''), active = _a[0], setActive = _a[1];
|
|
4137
4137
|
var handleGenerateStyle = function() {
|
|
4138
4138
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $9420756208be2d43$export$2e2bcd8739ae039).base);
|
|
4139
4139
|
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $9420756208be2d43$export$2e2bcd8739ae039).base);
|
|
@@ -4238,7 +4238,8 @@ var $06795e94e474e27d$var$List = function(props) {
|
|
|
4238
4238
|
});
|
|
4239
4239
|
};
|
|
4240
4240
|
var $06795e94e474e27d$var$Item = function(props) {
|
|
4241
|
-
var children = props.children, _a = props.as, LinkComponent = _a === void 0 ?
|
|
4241
|
+
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;
|
|
4242
|
+
if (isHidden) return null;
|
|
4242
4243
|
var handleGenerateStyle = function() {
|
|
4243
4244
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $9420756208be2d43$export$2e2bcd8739ae039).base);
|
|
4244
4245
|
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $9420756208be2d43$export$2e2bcd8739ae039).base);
|
|
@@ -4250,12 +4251,12 @@ var $06795e94e474e27d$var$Item = function(props) {
|
|
|
4250
4251
|
var styles = handleGenerateStyle();
|
|
4251
4252
|
if (href && LinkComponent) return (0, $iA2ta$reactjsxruntime.jsx)(LinkComponent, {
|
|
4252
4253
|
href: href,
|
|
4253
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading &&
|
|
4254
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 !text-gray-300 !cursor-default', isLoading && styles.tab.inactive),
|
|
4254
4255
|
onClick: onClick,
|
|
4255
4256
|
children: children
|
|
4256
4257
|
});
|
|
4257
4258
|
return (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
4258
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading &&
|
|
4259
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 !text-gray-300 !cursor-default', isLoading && styles.tab.inactive),
|
|
4259
4260
|
onClick: !isLoading ? onClick : function() {
|
|
4260
4261
|
return null;
|
|
4261
4262
|
},
|
|
@@ -4281,12 +4282,12 @@ var $06795e94e474e27d$export$2e2bcd8739ae039 = $06795e94e474e27d$var$TabNavigati
|
|
|
4281
4282
|
|
|
4282
4283
|
|
|
4283
4284
|
var $8400c10f9257b8d7$var$styles = {
|
|
4284
|
-
container:
|
|
4285
|
-
list:
|
|
4285
|
+
container: '',
|
|
4286
|
+
list: 'space-y-1',
|
|
4286
4287
|
item: {
|
|
4287
|
-
base:
|
|
4288
|
-
active:
|
|
4289
|
-
notActive:
|
|
4288
|
+
base: 'flex items-center px-3 py-2 text-sm font-medium rounded-md cursor-pointer',
|
|
4289
|
+
active: 'bg-gray-100 text-gray-900',
|
|
4290
|
+
notActive: 'text-gray-600 hover:bg-gray-50 hover:text-gray-900'
|
|
4290
4291
|
}
|
|
4291
4292
|
};
|
|
4292
4293
|
var $8400c10f9257b8d7$export$2e2bcd8739ae039 = $8400c10f9257b8d7$var$styles;
|
|
@@ -4294,7 +4295,7 @@ var $8400c10f9257b8d7$export$2e2bcd8739ae039 = $8400c10f9257b8d7$var$styles;
|
|
|
4294
4295
|
|
|
4295
4296
|
var $0c375068531e97ec$var$Container = function(props) {
|
|
4296
4297
|
var children = props.children, stylesOverrides = props.styles;
|
|
4297
|
-
var _a = (0, $iA2ta$react.useState)(
|
|
4298
|
+
var _a = (0, $iA2ta$react.useState)(''), active = _a[0], setActive = _a[1];
|
|
4298
4299
|
return (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
4299
4300
|
className: stylesOverrides === null || stylesOverrides === void 0 ? void 0 : stylesOverrides.container,
|
|
4300
4301
|
children: children({
|
|
@@ -4325,10 +4326,10 @@ var $0c375068531e97ec$var$List = function(props) {
|
|
|
4325
4326
|
});
|
|
4326
4327
|
};
|
|
4327
4328
|
var $0c375068531e97ec$var$Item = function(props) {
|
|
4328
|
-
var children = props.children, href = props.href, isCurrent = props.isCurrent, _a = props.linkComponent, LinkComponent = _a === void 0 ?
|
|
4329
|
+
var children = props.children, href = props.href, isCurrent = props.isCurrent, _a = props.linkComponent, LinkComponent = _a === void 0 ? 'a' : _a, onClick = props.onClick;
|
|
4329
4330
|
return (0, $iA2ta$reactjsxruntime.jsx)(LinkComponent, {
|
|
4330
4331
|
href: href,
|
|
4331
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $8400c10f9257b8d7$export$2e2bcd8739ae039).item[isCurrent ?
|
|
4332
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $8400c10f9257b8d7$export$2e2bcd8739ae039).item[isCurrent ? 'active' : 'notActive'], (0, $8400c10f9257b8d7$export$2e2bcd8739ae039).item.base),
|
|
4332
4333
|
onClick: onClick,
|
|
4333
4334
|
children: children
|
|
4334
4335
|
});
|
|
@@ -4356,57 +4357,57 @@ var $0c375068531e97ec$export$2e2bcd8739ae039 = $0c375068531e97ec$var$VerticalNav
|
|
|
4356
4357
|
|
|
4357
4358
|
|
|
4358
4359
|
var $58654b0ec0449aca$var$base = {
|
|
4359
|
-
container:
|
|
4360
|
+
container: 'relative z-20',
|
|
4360
4361
|
background: {
|
|
4361
|
-
container:
|
|
4362
|
+
container: 'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
|
|
4362
4363
|
transition: {
|
|
4363
|
-
enter:
|
|
4364
|
-
enterFrom:
|
|
4365
|
-
enterTo:
|
|
4366
|
-
leave:
|
|
4367
|
-
leaveFrom:
|
|
4368
|
-
leaveTo:
|
|
4364
|
+
enter: 'ease-out duration-300',
|
|
4365
|
+
enterFrom: 'opacity-0',
|
|
4366
|
+
enterTo: 'opacity-100',
|
|
4367
|
+
leave: 'ease-in duration-200',
|
|
4368
|
+
leaveFrom: 'opacity-100',
|
|
4369
|
+
leaveTo: 'opacity-0'
|
|
4369
4370
|
}
|
|
4370
4371
|
},
|
|
4371
4372
|
layout: {
|
|
4372
|
-
container:
|
|
4373
|
-
content:
|
|
4373
|
+
container: 'fixed inset-0 z-40 overflow-y-auto',
|
|
4374
|
+
content: 'flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0'
|
|
4374
4375
|
},
|
|
4375
4376
|
panel: {
|
|
4376
|
-
container:
|
|
4377
|
+
container: 'relative transform rounded-lg bg-white w-full shadow-xl transition-all sm:w-full text-left',
|
|
4377
4378
|
transition: {
|
|
4378
|
-
enter:
|
|
4379
|
-
enterFrom:
|
|
4380
|
-
enterTo:
|
|
4381
|
-
leave:
|
|
4382
|
-
leaveFrom:
|
|
4383
|
-
leaveTo:
|
|
4379
|
+
enter: 'ease-out duration-300',
|
|
4380
|
+
enterFrom: 'opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95',
|
|
4381
|
+
enterTo: 'opacity-100 translate-y-0 sm:scale-100',
|
|
4382
|
+
leave: 'ease-in duration-200',
|
|
4383
|
+
leaveFrom: 'opacity-100 translate-y-0 sm:scale-100',
|
|
4384
|
+
leaveTo: 'opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95'
|
|
4384
4385
|
}
|
|
4385
4386
|
}
|
|
4386
4387
|
};
|
|
4387
4388
|
var $58654b0ec0449aca$var$xs = {
|
|
4388
4389
|
panel: {
|
|
4389
|
-
container:
|
|
4390
|
+
container: 'sm:max-w-xs'
|
|
4390
4391
|
}
|
|
4391
4392
|
};
|
|
4392
4393
|
var $58654b0ec0449aca$var$sm = {
|
|
4393
4394
|
panel: {
|
|
4394
|
-
container:
|
|
4395
|
+
container: 'sm:max-w-sm'
|
|
4395
4396
|
}
|
|
4396
4397
|
};
|
|
4397
4398
|
var $58654b0ec0449aca$var$md = {
|
|
4398
4399
|
panel: {
|
|
4399
|
-
container:
|
|
4400
|
+
container: 'sm:max-w-md'
|
|
4400
4401
|
}
|
|
4401
4402
|
};
|
|
4402
4403
|
var $58654b0ec0449aca$var$lg = {
|
|
4403
4404
|
panel: {
|
|
4404
|
-
container:
|
|
4405
|
+
container: 'sm:max-w-2xl'
|
|
4405
4406
|
}
|
|
4406
4407
|
};
|
|
4407
4408
|
var $58654b0ec0449aca$var$xl = {
|
|
4408
4409
|
panel: {
|
|
4409
|
-
container:
|
|
4410
|
+
container: 'sm:max-w-4xl'
|
|
4410
4411
|
}
|
|
4411
4412
|
};
|
|
4412
4413
|
var $58654b0ec0449aca$var$styles = {
|
|
@@ -4421,7 +4422,7 @@ var $58654b0ec0449aca$export$2e2bcd8739ae039 = $58654b0ec0449aca$var$styles;
|
|
|
4421
4422
|
|
|
4422
4423
|
|
|
4423
4424
|
var $4d17f0429978b255$var$ModalOverlay = function(props) {
|
|
4424
|
-
var children = props.children, trigger = props.trigger, _a = props.size, size = _a === void 0 ?
|
|
4425
|
+
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;
|
|
4425
4426
|
var _b = (0, $iA2ta$react.useState)(trigger ? false : true), isOpen = _b[0], setIsOpen = _b[1];
|
|
4426
4427
|
var handleClose = (0, $iA2ta$react.useCallback)(function() {
|
|
4427
4428
|
setIsOpen(false);
|
|
@@ -4515,25 +4516,25 @@ var $4d17f0429978b255$export$2e2bcd8739ae039 = $4d17f0429978b255$var$ModalOverla
|
|
|
4515
4516
|
|
|
4516
4517
|
var $a1e7d7fbedad6718$var$base = {
|
|
4517
4518
|
container: {
|
|
4518
|
-
outer:
|
|
4519
|
-
inner:
|
|
4519
|
+
outer: 'pointer-events-none fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6 z-30',
|
|
4520
|
+
inner: 'flex w-full flex-col items-center space-y-4 sm:items-end'
|
|
4520
4521
|
},
|
|
4521
4522
|
item: {
|
|
4522
|
-
container:
|
|
4523
|
+
container: 'relative',
|
|
4523
4524
|
layout: {
|
|
4524
|
-
container:
|
|
4525
|
-
content:
|
|
4526
|
-
inner:
|
|
4525
|
+
container: 'fixed inset-0 overflow-hidden',
|
|
4526
|
+
content: 'absolute inset-0 overflow-hidden',
|
|
4527
|
+
inner: 'pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10'
|
|
4527
4528
|
},
|
|
4528
4529
|
panel: {
|
|
4529
|
-
container:
|
|
4530
|
+
container: 'pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5',
|
|
4530
4531
|
transition: {
|
|
4531
|
-
enter:
|
|
4532
|
-
enterFrom:
|
|
4533
|
-
enterTo:
|
|
4534
|
-
leave:
|
|
4535
|
-
leaveFrom:
|
|
4536
|
-
leaveTo:
|
|
4532
|
+
enter: 'transform ease-out duration-300 transition',
|
|
4533
|
+
enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2',
|
|
4534
|
+
enterTo: 'translate-y-0 opacity-100 sm:translate-x-0',
|
|
4535
|
+
leave: 'transition ease-in duration-100',
|
|
4536
|
+
leaveFrom: 'opacity-100',
|
|
4537
|
+
leaveTo: 'opacity-0'
|
|
4537
4538
|
}
|
|
4538
4539
|
}
|
|
4539
4540
|
}
|
|
@@ -4541,35 +4542,35 @@ var $a1e7d7fbedad6718$var$base = {
|
|
|
4541
4542
|
var $a1e7d7fbedad6718$var$xs = {
|
|
4542
4543
|
item: {
|
|
4543
4544
|
panel: {
|
|
4544
|
-
container:
|
|
4545
|
+
container: 'sm:max-w-xs'
|
|
4545
4546
|
}
|
|
4546
4547
|
}
|
|
4547
4548
|
};
|
|
4548
4549
|
var $a1e7d7fbedad6718$var$sm = {
|
|
4549
4550
|
item: {
|
|
4550
4551
|
panel: {
|
|
4551
|
-
container:
|
|
4552
|
+
container: 'sm:max-w-sm'
|
|
4552
4553
|
}
|
|
4553
4554
|
}
|
|
4554
4555
|
};
|
|
4555
4556
|
var $a1e7d7fbedad6718$var$md = {
|
|
4556
4557
|
item: {
|
|
4557
4558
|
panel: {
|
|
4558
|
-
container:
|
|
4559
|
+
container: 'sm:max-w-md'
|
|
4559
4560
|
}
|
|
4560
4561
|
}
|
|
4561
4562
|
};
|
|
4562
4563
|
var $a1e7d7fbedad6718$var$lg = {
|
|
4563
4564
|
item: {
|
|
4564
4565
|
panel: {
|
|
4565
|
-
container:
|
|
4566
|
+
container: 'sm:max-w-2xl'
|
|
4566
4567
|
}
|
|
4567
4568
|
}
|
|
4568
4569
|
};
|
|
4569
4570
|
var $a1e7d7fbedad6718$var$xl = {
|
|
4570
4571
|
item: {
|
|
4571
4572
|
panel: {
|
|
4572
|
-
container:
|
|
4573
|
+
container: 'sm:max-w-4xl'
|
|
4573
4574
|
}
|
|
4574
4575
|
}
|
|
4575
4576
|
};
|
|
@@ -4605,7 +4606,7 @@ var $3ee7d58696c55c1b$var$NotificationOverlayContainer = function(_a) {
|
|
|
4605
4606
|
});
|
|
4606
4607
|
};
|
|
4607
4608
|
var $3ee7d58696c55c1b$var$NotificationOverlayItem = function(props) {
|
|
4608
|
-
var children = props.children, trigger = props.trigger, _a = props.size, size = _a === void 0 ?
|
|
4609
|
+
var children = props.children, trigger = props.trigger, _a = props.size, size = _a === void 0 ? 'md' : _a, stylesOverrides = props.styles;
|
|
4609
4610
|
var _b = (0, $iA2ta$react.useState)(trigger ? false : true), isOpen = _b[0], setIsOpen = _b[1];
|
|
4610
4611
|
var options = (0, $iA2ta$react.useMemo)(function() {
|
|
4611
4612
|
return {
|
|
@@ -4661,58 +4662,58 @@ var $3ee7d58696c55c1b$export$2e2bcd8739ae039 = $3ee7d58696c55c1b$var$Notificatio
|
|
|
4661
4662
|
|
|
4662
4663
|
|
|
4663
4664
|
var $26db7adab9cc8c97$var$base = {
|
|
4664
|
-
container:
|
|
4665
|
+
container: 'relative z-20',
|
|
4665
4666
|
background: {
|
|
4666
|
-
container:
|
|
4667
|
+
container: 'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
|
|
4667
4668
|
transition: {
|
|
4668
|
-
enter:
|
|
4669
|
-
enterFrom:
|
|
4670
|
-
enterTo:
|
|
4671
|
-
leave:
|
|
4672
|
-
leaveFrom:
|
|
4673
|
-
leaveTo:
|
|
4669
|
+
enter: 'ease-in-out duration-500',
|
|
4670
|
+
enterFrom: 'opacity-0',
|
|
4671
|
+
enterTo: 'opacity-100',
|
|
4672
|
+
leave: 'ease-in-out duration-500',
|
|
4673
|
+
leaveFrom: 'opacity-100',
|
|
4674
|
+
leaveTo: 'opacity-0'
|
|
4674
4675
|
}
|
|
4675
4676
|
},
|
|
4676
4677
|
layout: {
|
|
4677
|
-
container:
|
|
4678
|
-
content:
|
|
4679
|
-
inner:
|
|
4678
|
+
container: 'fixed inset-0 overflow-hidden',
|
|
4679
|
+
content: 'absolute inset-0 overflow-hidden',
|
|
4680
|
+
inner: 'pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10'
|
|
4680
4681
|
},
|
|
4681
4682
|
panel: {
|
|
4682
|
-
container:
|
|
4683
|
+
container: 'pointer-events-auto w-screen bg-white',
|
|
4683
4684
|
transition: {
|
|
4684
|
-
enter:
|
|
4685
|
-
enterFrom:
|
|
4686
|
-
enterTo:
|
|
4687
|
-
leave:
|
|
4688
|
-
leaveFrom:
|
|
4689
|
-
leaveTo:
|
|
4685
|
+
enter: 'transform transition ease-in-out duration-500 sm:duration-700',
|
|
4686
|
+
enterFrom: 'translate-x-full',
|
|
4687
|
+
enterTo: 'translate-x-0',
|
|
4688
|
+
leave: 'transform transition ease-in-out duration-500 sm:duration-700',
|
|
4689
|
+
leaveFrom: 'translate-x-0',
|
|
4690
|
+
leaveTo: 'translate-x-full'
|
|
4690
4691
|
}
|
|
4691
4692
|
}
|
|
4692
4693
|
};
|
|
4693
4694
|
var $26db7adab9cc8c97$var$xs = {
|
|
4694
4695
|
panel: {
|
|
4695
|
-
container:
|
|
4696
|
+
container: 'sm:max-w-xs'
|
|
4696
4697
|
}
|
|
4697
4698
|
};
|
|
4698
4699
|
var $26db7adab9cc8c97$var$sm = {
|
|
4699
4700
|
panel: {
|
|
4700
|
-
container:
|
|
4701
|
+
container: 'sm:max-w-sm'
|
|
4701
4702
|
}
|
|
4702
4703
|
};
|
|
4703
4704
|
var $26db7adab9cc8c97$var$md = {
|
|
4704
4705
|
panel: {
|
|
4705
|
-
container:
|
|
4706
|
+
container: 'sm:max-w-md'
|
|
4706
4707
|
}
|
|
4707
4708
|
};
|
|
4708
4709
|
var $26db7adab9cc8c97$var$lg = {
|
|
4709
4710
|
panel: {
|
|
4710
|
-
container:
|
|
4711
|
+
container: 'sm:max-w-2xl'
|
|
4711
4712
|
}
|
|
4712
4713
|
};
|
|
4713
4714
|
var $26db7adab9cc8c97$var$xl = {
|
|
4714
4715
|
panel: {
|
|
4715
|
-
container:
|
|
4716
|
+
container: 'sm:max-w-4xl'
|
|
4716
4717
|
}
|
|
4717
4718
|
};
|
|
4718
4719
|
var $26db7adab9cc8c97$var$styles = {
|
|
@@ -4727,7 +4728,7 @@ var $26db7adab9cc8c97$export$2e2bcd8739ae039 = $26db7adab9cc8c97$var$styles;
|
|
|
4727
4728
|
|
|
4728
4729
|
|
|
4729
4730
|
var $fdd18762b429d9b0$var$SlideOverOverlay = function(props) {
|
|
4730
|
-
var children = props.children, trigger = props.trigger, _a = props.size, size = _a === void 0 ?
|
|
4731
|
+
var children = props.children, trigger = props.trigger, _a = props.size, size = _a === void 0 ? 'md' : _a, stylesOverrides = props.styles;
|
|
4731
4732
|
var _b = (0, $iA2ta$react.useState)(trigger ? false : true), isOpen = _b[0], setIsOpen = _b[1];
|
|
4732
4733
|
var options = (0, $iA2ta$react.useMemo)(function() {
|
|
4733
4734
|
return {
|
|
@@ -4814,22 +4815,22 @@ var $fdd18762b429d9b0$export$2e2bcd8739ae039 = $fdd18762b429d9b0$var$SlideOverOv
|
|
|
4814
4815
|
|
|
4815
4816
|
var $7386fd6bc782c888$var$styles = {
|
|
4816
4817
|
controls: {
|
|
4817
|
-
container:
|
|
4818
|
-
content:
|
|
4819
|
-
head:
|
|
4820
|
-
body:
|
|
4818
|
+
container: 'flex-row justify-between z-10 relative mb-4 gap-2 hidden',
|
|
4819
|
+
content: 'absolute rounded-md z-20 bg-white w-fit -translate-x-1/2 my-2 flex flex-col border-[1px]',
|
|
4820
|
+
head: '',
|
|
4821
|
+
body: 'flex flex-row justify-end gap-2',
|
|
4821
4822
|
dropdown: {
|
|
4822
|
-
reset:
|
|
4823
|
-
container:
|
|
4824
|
-
input:
|
|
4825
|
-
label:
|
|
4826
|
-
actions:
|
|
4827
|
-
upIcon:
|
|
4828
|
-
downIcon:
|
|
4823
|
+
reset: 'flex px-4 py-2 text-sm cursor-pointer hover:bg-red-100 bg-red-50 items-center flex-row gap-3',
|
|
4824
|
+
container: 'px-4 py-2 text-sm flex flex-row items-center font-medium group',
|
|
4825
|
+
input: 'mr-3 cursor-pointer',
|
|
4826
|
+
label: 'mr-3',
|
|
4827
|
+
actions: 'w-10 grid text-white grid-cols-2 gap-2 group-hover:grid group-hover:text-gray-400',
|
|
4828
|
+
upIcon: 'w-5 h-5 -scale-y-100 hover:text-black hover:bg-gray-200 rounded-md cursor-pointer',
|
|
4829
|
+
downIcon: 'w-5 h-5 hover:text-black hover:bg-gray-200 rounded-md cursor-pointer'
|
|
4829
4830
|
}
|
|
4830
4831
|
},
|
|
4831
|
-
label:
|
|
4832
|
-
icon:
|
|
4832
|
+
label: 'hidden md:block',
|
|
4833
|
+
icon: 'md:mr-3 inline-flex items-center'
|
|
4833
4834
|
};
|
|
4834
4835
|
var $7386fd6bc782c888$export$2e2bcd8739ae039 = $7386fd6bc782c888$var$styles;
|
|
4835
4836
|
|
|
@@ -4881,14 +4882,14 @@ var $4bd12ae33d8a86aa$var$TableColumnOptionsCustom = function(props) {
|
|
|
4881
4882
|
accessor: "rotate-left"
|
|
4882
4883
|
}),
|
|
4883
4884
|
(0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
4884
|
-
children: (_a = resetConfig.label) !== null && _a !== void 0 ? _a :
|
|
4885
|
+
children: (_a = resetConfig.label) !== null && _a !== void 0 ? _a : 'Reset'
|
|
4885
4886
|
})
|
|
4886
4887
|
]
|
|
4887
4888
|
}),
|
|
4888
4889
|
table.getAllLeafColumns().map(function(column, index) {
|
|
4889
4890
|
var isAccessorColumn = !!(column === null || column === void 0 ? void 0 : column.accessorFn);
|
|
4890
4891
|
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
4891
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.controls.dropdown.container, !isAccessorColumn &&
|
|
4892
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.controls.dropdown.container, !isAccessorColumn && 'hidden'),
|
|
4892
4893
|
children: [
|
|
4893
4894
|
(0, $iA2ta$reactjsxruntime.jsx)("input", {
|
|
4894
4895
|
className: styles.controls.dropdown.input,
|
|
@@ -4964,66 +4965,66 @@ var $48dedbf2c7043ee6$export$2e2bcd8739ae039 = $48dedbf2c7043ee6$var$TableExcelE
|
|
|
4964
4965
|
|
|
4965
4966
|
|
|
4966
4967
|
var $0547d97d2fb75839$var$base = {
|
|
4967
|
-
container:
|
|
4968
|
-
head:
|
|
4969
|
-
body:
|
|
4970
|
-
foot:
|
|
4971
|
-
label:
|
|
4972
|
-
hint:
|
|
4973
|
-
leading:
|
|
4974
|
-
input:
|
|
4975
|
-
trailing:
|
|
4976
|
-
description:
|
|
4977
|
-
error:
|
|
4968
|
+
container: '',
|
|
4969
|
+
head: 'flex justify-between',
|
|
4970
|
+
body: 'relative rounded-md',
|
|
4971
|
+
foot: '',
|
|
4972
|
+
label: 'block font-medium text-gray-900',
|
|
4973
|
+
hint: 'text-xs text-gray-500',
|
|
4974
|
+
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
4975
|
+
input: 'block w-full inline-flex',
|
|
4976
|
+
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
4977
|
+
description: 'text-gray-400 text-xs mt-1',
|
|
4978
|
+
error: 'text-red-500 text-xs ml-5 mt-1'
|
|
4978
4979
|
};
|
|
4979
4980
|
var $0547d97d2fb75839$var$leading = {
|
|
4980
|
-
input:
|
|
4981
|
+
input: 'pl-10'
|
|
4981
4982
|
};
|
|
4982
4983
|
var $0547d97d2fb75839$var$trailing = {};
|
|
4983
4984
|
var $0547d97d2fb75839$var$normal = {
|
|
4984
|
-
label:
|
|
4985
|
-
hint:
|
|
4986
|
-
leading:
|
|
4987
|
-
input:
|
|
4988
|
-
trailing:
|
|
4989
|
-
description:
|
|
4985
|
+
label: 'leading-6 text-sm mb-2',
|
|
4986
|
+
hint: 'leading-6',
|
|
4987
|
+
leading: 'pl-3',
|
|
4988
|
+
input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
4989
|
+
trailing: 'pr-3',
|
|
4990
|
+
description: 'mt-2 text-sm'
|
|
4990
4991
|
};
|
|
4991
4992
|
var $0547d97d2fb75839$var$inset = {
|
|
4992
|
-
container:
|
|
4993
|
-
label:
|
|
4994
|
-
hint:
|
|
4995
|
-
input:
|
|
4996
|
-
description:
|
|
4993
|
+
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',
|
|
4994
|
+
label: 'text-xs',
|
|
4995
|
+
hint: 'text-xs',
|
|
4996
|
+
input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
4997
|
+
description: 'hidden'
|
|
4997
4998
|
};
|
|
4998
4999
|
var $0547d97d2fb75839$var$overlapping = {
|
|
4999
|
-
container:
|
|
5000
|
-
head:
|
|
5001
|
-
label:
|
|
5002
|
-
hint:
|
|
5003
|
-
input:
|
|
5004
|
-
description:
|
|
5000
|
+
container: 'relative',
|
|
5001
|
+
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
5002
|
+
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
5003
|
+
hint: 'text-xs mr-4 bg-white px-1',
|
|
5004
|
+
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',
|
|
5005
|
+
description: 'hidden'
|
|
5005
5006
|
};
|
|
5006
5007
|
var $0547d97d2fb75839$var$pill = {
|
|
5007
|
-
head:
|
|
5008
|
-
foot:
|
|
5009
|
-
input:
|
|
5010
|
-
trailing:
|
|
5011
|
-
description:
|
|
5008
|
+
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
5009
|
+
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
5010
|
+
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',
|
|
5011
|
+
trailing: 'pr-2',
|
|
5012
|
+
description: 'text-xs'
|
|
5012
5013
|
};
|
|
5013
5014
|
var $0547d97d2fb75839$var$floored = {
|
|
5014
|
-
body:
|
|
5015
|
-
label:
|
|
5016
|
-
input:
|
|
5017
|
-
description:
|
|
5015
|
+
body: 'relative mt-2',
|
|
5016
|
+
label: 'block text-sm font-medium leading-6 text-gray-900',
|
|
5017
|
+
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',
|
|
5018
|
+
description: 'text-xs mt-2'
|
|
5018
5019
|
};
|
|
5019
5020
|
var $0547d97d2fb75839$var$invalid = {
|
|
5020
|
-
container:
|
|
5021
|
+
container: '!ring-red-500',
|
|
5021
5022
|
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',
|
|
5022
|
-
|
|
5023
|
-
description:
|
|
5023
|
+
'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',
|
|
5024
|
+
description: 'text-sm text-red-600'
|
|
5024
5025
|
};
|
|
5025
5026
|
var $0547d97d2fb75839$var$disabled = {
|
|
5026
|
-
input:
|
|
5027
|
+
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'
|
|
5027
5028
|
};
|
|
5028
5029
|
var $0547d97d2fb75839$var$styles = {
|
|
5029
5030
|
base: $0547d97d2fb75839$var$base,
|
|
@@ -5042,14 +5043,14 @@ var $0547d97d2fb75839$export$2e2bcd8739ae039 = $0547d97d2fb75839$var$styles;
|
|
|
5042
5043
|
|
|
5043
5044
|
var $6590abe4bc5376d5$var$DateRangeMenu = function(props) {
|
|
5044
5045
|
var _a;
|
|
5045
|
-
var _b = props.name, name = _b === void 0 ?
|
|
5046
|
+
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) {
|
|
5046
5047
|
return isEmpty ? (0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
|
|
5047
5048
|
accessor: "calendar"
|
|
5048
5049
|
}) : (0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
|
|
5049
5050
|
accessor: "xmark",
|
|
5050
5051
|
className: "text-black"
|
|
5051
5052
|
});
|
|
5052
|
-
} : _h, required = props.required, defaultValue = props.value, error = props.error, _j = props.type, type = _j === void 0 ?
|
|
5053
|
+
} : _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;
|
|
5053
5054
|
var isValid = error === undefined;
|
|
5054
5055
|
var _p = (0, $iA2ta$react.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : {
|
|
5055
5056
|
startDate: null,
|
|
@@ -5091,11 +5092,11 @@ var $6590abe4bc5376d5$var$DateRangeMenu = function(props) {
|
|
|
5091
5092
|
]);
|
|
5092
5093
|
(0, $iA2ta$react.useEffect)(function() {
|
|
5093
5094
|
var _a;
|
|
5094
|
-
var input = (_a = $datepickerInputRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(
|
|
5095
|
-
var allowedCharacters =
|
|
5095
|
+
var input = (_a = $datepickerInputRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('input');
|
|
5096
|
+
var allowedCharacters = '0123456789';
|
|
5096
5097
|
var separators = "./-".concat(separator);
|
|
5097
5098
|
var callback = function(event) {
|
|
5098
|
-
if ((input === null || input === void 0 ? void 0 : input.value) === null || (input === null || input === void 0 ? void 0 : input.value) === undefined || (0, $iA2ta$lodash.intersection)(input.value.split(
|
|
5099
|
+
if ((input === null || input === void 0 ? void 0 : input.value) === null || (input === null || input === void 0 ? void 0 : input.value) === undefined || (0, $iA2ta$lodash.intersection)(input.value.split(''), separators.split('')).length > 0 || isRanged) return;
|
|
5099
5100
|
if (allowedCharacters.includes(event.key) && (input === null || input === void 0 ? void 0 : input.value.length) >= 7) {
|
|
5100
5101
|
var newValue = input.value + event.key;
|
|
5101
5102
|
var day = newValue.substring(0, 2);
|
|
@@ -5113,9 +5114,9 @@ var $6590abe4bc5376d5$var$DateRangeMenu = function(props) {
|
|
|
5113
5114
|
}, 100);
|
|
5114
5115
|
}
|
|
5115
5116
|
};
|
|
5116
|
-
if (input) input.addEventListener(
|
|
5117
|
+
if (input) input.addEventListener('keydown', callback);
|
|
5117
5118
|
return function() {
|
|
5118
|
-
return removeEventListener(
|
|
5119
|
+
return removeEventListener('keydown', callback);
|
|
5119
5120
|
};
|
|
5120
5121
|
}, [
|
|
5121
5122
|
handleValueChange,
|
|
@@ -5133,7 +5134,7 @@ var $6590abe4bc5376d5$var$DateRangeMenu = function(props) {
|
|
|
5133
5134
|
className: styles.label,
|
|
5134
5135
|
children: label
|
|
5135
5136
|
}),
|
|
5136
|
-
!required && !isRequired && typeof label ===
|
|
5137
|
+
!required && !isRequired && typeof label === 'string' && (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
5137
5138
|
className: styles.hint,
|
|
5138
5139
|
children: "Optional"
|
|
5139
5140
|
}),
|
|
@@ -5152,7 +5153,7 @@ var $6590abe4bc5376d5$var$DateRangeMenu = function(props) {
|
|
|
5152
5153
|
inputName: name,
|
|
5153
5154
|
inputId: name,
|
|
5154
5155
|
i18n: i18n,
|
|
5155
|
-
useRange: size ===
|
|
5156
|
+
useRange: size === 'expanded',
|
|
5156
5157
|
placeholder: placeholder,
|
|
5157
5158
|
asSingle: !isRanged,
|
|
5158
5159
|
separator: separator,
|
|
@@ -5181,7 +5182,7 @@ var $6590abe4bc5376d5$var$DateRangeMenu = function(props) {
|
|
|
5181
5182
|
error && isTouched && (0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
5182
5183
|
className: styles.error,
|
|
5183
5184
|
"data-cy": errorDataCy,
|
|
5184
|
-
children: typeof error ===
|
|
5185
|
+
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
|
|
5185
5186
|
})
|
|
5186
5187
|
]
|
|
5187
5188
|
})
|
|
@@ -5215,8 +5216,8 @@ var $754fdbc7ee597008$var$DateMenuForm = function(props) {
|
|
|
5215
5216
|
startDate: defaultValue,
|
|
5216
5217
|
endDate: defaultValue
|
|
5217
5218
|
} : {
|
|
5218
|
-
startDate:
|
|
5219
|
-
endDate:
|
|
5219
|
+
startDate: '',
|
|
5220
|
+
endDate: ''
|
|
5220
5221
|
};
|
|
5221
5222
|
}, [
|
|
5222
5223
|
defaultValue
|
|
@@ -5239,21 +5240,21 @@ var $754fdbc7ee597008$export$2e2bcd8739ae039 = $754fdbc7ee597008$var$DateMenuFor
|
|
|
5239
5240
|
|
|
5240
5241
|
|
|
5241
5242
|
var $cfe896cfd0088e03$var$base = {
|
|
5242
|
-
container:
|
|
5243
|
-
sr:
|
|
5244
|
-
list:
|
|
5243
|
+
container: '',
|
|
5244
|
+
sr: 'sr-only',
|
|
5245
|
+
list: 'space-y-5',
|
|
5245
5246
|
item: {
|
|
5246
|
-
container:
|
|
5247
|
-
head:
|
|
5248
|
-
body:
|
|
5249
|
-
input:
|
|
5250
|
-
label:
|
|
5251
|
-
description:
|
|
5247
|
+
container: 'relative flex items-start',
|
|
5248
|
+
head: 'flex h-6 items-center',
|
|
5249
|
+
body: 'ml-3 text-sm leading-6',
|
|
5250
|
+
input: 'h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-600',
|
|
5251
|
+
label: 'font-medium text-gray-900',
|
|
5252
|
+
description: 'text-gray-500'
|
|
5252
5253
|
}
|
|
5253
5254
|
};
|
|
5254
5255
|
var $cfe896cfd0088e03$var$disabled = {
|
|
5255
5256
|
item: {
|
|
5256
|
-
input:
|
|
5257
|
+
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'
|
|
5257
5258
|
}
|
|
5258
5259
|
};
|
|
5259
5260
|
var $cfe896cfd0088e03$var$styles = {
|
|
@@ -5354,17 +5355,17 @@ var $03635ab4c6dbf412$export$2e2bcd8739ae039 = $03635ab4c6dbf412$var$CheckboxInp
|
|
|
5354
5355
|
|
|
5355
5356
|
|
|
5356
5357
|
var $5ea6f468291aa318$var$base = {
|
|
5357
|
-
container:
|
|
5358
|
-
head:
|
|
5359
|
-
body:
|
|
5360
|
-
input:
|
|
5361
|
-
inputHidden:
|
|
5362
|
-
replacement:
|
|
5363
|
-
label:
|
|
5364
|
-
description:
|
|
5358
|
+
container: 'relative flex items-start',
|
|
5359
|
+
head: 'flex h-6 items-center select-none',
|
|
5360
|
+
body: 'ml-3 text-sm leading-6',
|
|
5361
|
+
input: 'h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-600',
|
|
5362
|
+
inputHidden: 'hidden',
|
|
5363
|
+
replacement: 'flex',
|
|
5364
|
+
label: 'font-medium text-gray-900',
|
|
5365
|
+
description: 'text-gray-500'
|
|
5365
5366
|
};
|
|
5366
5367
|
var $5ea6f468291aa318$var$disabled = {
|
|
5367
|
-
input:
|
|
5368
|
+
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'
|
|
5368
5369
|
};
|
|
5369
5370
|
var $5ea6f468291aa318$var$styles = {
|
|
5370
5371
|
base: $5ea6f468291aa318$var$base,
|
|
@@ -5436,7 +5437,7 @@ var $831573d0f77f2d6b$var$CheckboxInputForm = function(props) {
|
|
|
5436
5437
|
"aria-describedby": "".concat(name, "-description"),
|
|
5437
5438
|
type: "checkbox",
|
|
5438
5439
|
checked: !!value,
|
|
5439
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.input, isInputReplaced ? styles.inputHidden :
|
|
5440
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.input, isInputReplaced ? styles.inputHidden : ''),
|
|
5440
5441
|
disabled: isDisabled,
|
|
5441
5442
|
onChange: handleToggle
|
|
5442
5443
|
}),
|
|
@@ -5481,47 +5482,47 @@ var $831573d0f77f2d6b$export$2e2bcd8739ae039 = $831573d0f77f2d6b$var$CheckboxInp
|
|
|
5481
5482
|
|
|
5482
5483
|
|
|
5483
5484
|
var $7343b5b4243d5cba$var$base = {
|
|
5484
|
-
label:
|
|
5485
|
-
container:
|
|
5486
|
-
head:
|
|
5487
|
-
hint:
|
|
5488
|
-
foot:
|
|
5489
|
-
description:
|
|
5485
|
+
label: 'block font-medium text-gray-900 leading-6 text-sm mb-2 mr-1',
|
|
5486
|
+
container: 'flex flex-col',
|
|
5487
|
+
head: 'flex justify-between',
|
|
5488
|
+
hint: 'text-xs text-gray-500',
|
|
5489
|
+
foot: 'flex flex-col',
|
|
5490
|
+
description: 'text-gray-400 text-xs mt-1',
|
|
5490
5491
|
switch: {
|
|
5491
|
-
base:
|
|
5492
|
-
screenreader:
|
|
5493
|
-
checked:
|
|
5494
|
-
unchecked:
|
|
5495
|
-
disabled:
|
|
5492
|
+
base: 'relative inline-flex w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out',
|
|
5493
|
+
screenreader: 'sr-only',
|
|
5494
|
+
checked: 'bg-primary-600 focus:outline-none focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
|
|
5495
|
+
unchecked: 'bg-gray-200 focus:outline-none focus:ring-0 focus:ring-primary-600 focus:ring-offset-2',
|
|
5496
|
+
disabled: 'opacity-50 !cursor-not-allowed'
|
|
5496
5497
|
},
|
|
5497
5498
|
toggle: {
|
|
5498
|
-
base:
|
|
5499
|
-
checked:
|
|
5500
|
-
unchecked:
|
|
5499
|
+
base: 'pointer-events-none relative inline-block my-auto transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out',
|
|
5500
|
+
checked: 'translate-x-5',
|
|
5501
|
+
unchecked: 'translate-x-0'
|
|
5501
5502
|
},
|
|
5502
5503
|
icon: {
|
|
5503
|
-
base:
|
|
5504
|
-
hidden:
|
|
5505
|
-
shown:
|
|
5506
|
-
icon:
|
|
5504
|
+
base: 'absolute inset-0 flex h-full w-full items-center justify-center transition-opacity',
|
|
5505
|
+
hidden: 'opacity-0 ease-out duration-100',
|
|
5506
|
+
shown: 'opacity-100 ease-in duration-200',
|
|
5507
|
+
icon: 'h-3 w-3'
|
|
5507
5508
|
},
|
|
5508
|
-
error:
|
|
5509
|
+
error: 'text-red-500 text-xs ml-0 mt-2'
|
|
5509
5510
|
};
|
|
5510
5511
|
var $7343b5b4243d5cba$var$md = {
|
|
5511
5512
|
switch: {
|
|
5512
|
-
base:
|
|
5513
|
+
base: 'h-6'
|
|
5513
5514
|
},
|
|
5514
5515
|
toggle: {
|
|
5515
|
-
base:
|
|
5516
|
+
base: 'h-5 w-5'
|
|
5516
5517
|
}
|
|
5517
5518
|
};
|
|
5518
5519
|
var $7343b5b4243d5cba$var$sm = {
|
|
5519
5520
|
switch: {
|
|
5520
|
-
base:
|
|
5521
|
+
base: 'h-5'
|
|
5521
5522
|
},
|
|
5522
5523
|
toggle: {
|
|
5523
|
-
base:
|
|
5524
|
-
checked:
|
|
5524
|
+
base: 'h-4 w-4',
|
|
5525
|
+
checked: 'translate-x-6'
|
|
5525
5526
|
}
|
|
5526
5527
|
};
|
|
5527
5528
|
var $7343b5b4243d5cba$var$styles = {
|
|
@@ -5533,7 +5534,7 @@ var $7343b5b4243d5cba$export$2e2bcd8739ae039 = $7343b5b4243d5cba$var$styles;
|
|
|
5533
5534
|
|
|
5534
5535
|
|
|
5535
5536
|
var $341e1fbf5ffaef7b$var$Switch = function(props) {
|
|
5536
|
-
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 ?
|
|
5537
|
+
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;
|
|
5537
5538
|
var inputDataCy = "form-input-".concat(name);
|
|
5538
5539
|
var errorDataCy = "form-input-error-".concat(name);
|
|
5539
5540
|
var handleGenerateStyle = function() {
|
|
@@ -5556,7 +5557,7 @@ var $341e1fbf5ffaef7b$var$Switch = function(props) {
|
|
|
5556
5557
|
className: styles.label,
|
|
5557
5558
|
children: label
|
|
5558
5559
|
}),
|
|
5559
|
-
!required && !isRequired && typeof label ===
|
|
5560
|
+
!required && !isRequired && typeof label === 'string' && (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
5560
5561
|
className: styles.hint,
|
|
5561
5562
|
children: "Optional"
|
|
5562
5563
|
}),
|
|
@@ -5635,66 +5636,66 @@ var $341e1fbf5ffaef7b$export$2e2bcd8739ae039 = $341e1fbf5ffaef7b$var$Switch;
|
|
|
5635
5636
|
|
|
5636
5637
|
|
|
5637
5638
|
var $8d406a8542925512$var$base = {
|
|
5638
|
-
container:
|
|
5639
|
-
head:
|
|
5640
|
-
body:
|
|
5641
|
-
foot:
|
|
5642
|
-
label:
|
|
5643
|
-
hint:
|
|
5644
|
-
leading:
|
|
5645
|
-
input:
|
|
5646
|
-
trailing:
|
|
5647
|
-
description:
|
|
5648
|
-
error:
|
|
5639
|
+
container: '',
|
|
5640
|
+
head: 'flex justify-between',
|
|
5641
|
+
body: 'relative rounded-md py-2',
|
|
5642
|
+
foot: '',
|
|
5643
|
+
label: 'block font-medium text-gray-900',
|
|
5644
|
+
hint: 'text-xs text-gray-500',
|
|
5645
|
+
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
5646
|
+
input: 'block w-full',
|
|
5647
|
+
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
5648
|
+
description: 'text-gray-400 text-xs mt-1',
|
|
5649
|
+
error: 'text-red-500 text-xs mt-1'
|
|
5649
5650
|
};
|
|
5650
5651
|
var $8d406a8542925512$var$leading = {
|
|
5651
|
-
input:
|
|
5652
|
+
input: 'pl-10'
|
|
5652
5653
|
};
|
|
5653
5654
|
var $8d406a8542925512$var$trailing = {};
|
|
5654
5655
|
var $8d406a8542925512$var$normal = {
|
|
5655
|
-
label:
|
|
5656
|
-
hint:
|
|
5657
|
-
leading:
|
|
5658
|
-
input:
|
|
5659
|
-
trailing:
|
|
5660
|
-
description:
|
|
5656
|
+
label: 'leading-6 text-sm mb-2',
|
|
5657
|
+
hint: 'leading-6',
|
|
5658
|
+
leading: 'pl-3',
|
|
5659
|
+
input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
5660
|
+
trailing: 'pr-3',
|
|
5661
|
+
description: 'mt-2 text-sm'
|
|
5661
5662
|
};
|
|
5662
5663
|
var $8d406a8542925512$var$inset = {
|
|
5663
|
-
container:
|
|
5664
|
-
label:
|
|
5665
|
-
hint:
|
|
5666
|
-
input:
|
|
5667
|
-
description:
|
|
5664
|
+
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',
|
|
5665
|
+
label: 'text-xs',
|
|
5666
|
+
hint: 'text-xs',
|
|
5667
|
+
input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
5668
|
+
description: 'hidden'
|
|
5668
5669
|
};
|
|
5669
5670
|
var $8d406a8542925512$var$overlapping = {
|
|
5670
|
-
container:
|
|
5671
|
-
head:
|
|
5672
|
-
label:
|
|
5673
|
-
hint:
|
|
5674
|
-
input:
|
|
5675
|
-
description:
|
|
5671
|
+
container: 'relative',
|
|
5672
|
+
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
5673
|
+
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
5674
|
+
hint: 'text-xs mr-4 bg-white px-1',
|
|
5675
|
+
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',
|
|
5676
|
+
description: 'hidden'
|
|
5676
5677
|
};
|
|
5677
5678
|
var $8d406a8542925512$var$pill = {
|
|
5678
|
-
head:
|
|
5679
|
-
foot:
|
|
5680
|
-
input:
|
|
5681
|
-
trailing:
|
|
5682
|
-
description:
|
|
5679
|
+
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
5680
|
+
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
5681
|
+
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',
|
|
5682
|
+
trailing: 'pr-2',
|
|
5683
|
+
description: 'text-xs'
|
|
5683
5684
|
};
|
|
5684
5685
|
var $8d406a8542925512$var$floored = {
|
|
5685
|
-
body:
|
|
5686
|
-
label:
|
|
5687
|
-
input:
|
|
5688
|
-
description:
|
|
5686
|
+
body: 'relative mt-2',
|
|
5687
|
+
label: 'block text-sm font-medium leading-6 text-gray-900',
|
|
5688
|
+
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',
|
|
5689
|
+
description: 'text-xs mt-2'
|
|
5689
5690
|
};
|
|
5690
5691
|
var $8d406a8542925512$var$invalid = {
|
|
5691
|
-
container:
|
|
5692
|
+
container: 'ring-red-500',
|
|
5692
5693
|
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',
|
|
5693
|
-
|
|
5694
|
-
description:
|
|
5694
|
+
'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',
|
|
5695
|
+
description: 'text-sm text-red-600'
|
|
5695
5696
|
};
|
|
5696
5697
|
var $8d406a8542925512$var$disabled = {
|
|
5697
|
-
input:
|
|
5698
|
+
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'
|
|
5698
5699
|
};
|
|
5699
5700
|
var $8d406a8542925512$var$styles = {
|
|
5700
5701
|
base: $8d406a8542925512$var$base,
|
|
@@ -5722,7 +5723,7 @@ var $079d45c48b1515dd$var$__assign = undefined && undefined.__assign || function
|
|
|
5722
5723
|
return $079d45c48b1515dd$var$__assign.apply(this, arguments);
|
|
5723
5724
|
};
|
|
5724
5725
|
var $079d45c48b1515dd$var$FileInputGroupForm = function(props) {
|
|
5725
|
-
var _a = props.name, name = _a === void 0 ?
|
|
5726
|
+
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;
|
|
5726
5727
|
var isValid = error === undefined;
|
|
5727
5728
|
var _e = (0, $iA2ta$react.useState)(false), isDragging = _e[0], setIsDragging = _e[1];
|
|
5728
5729
|
var handleChangeInput = (0, $iA2ta$react.useCallback)(function(files) {
|
|
@@ -5792,7 +5793,7 @@ var $079d45c48b1515dd$var$FileInputGroupForm = function(props) {
|
|
|
5792
5793
|
className: styles.label,
|
|
5793
5794
|
children: label
|
|
5794
5795
|
}),
|
|
5795
|
-
!required && !isRequired && typeof label ===
|
|
5796
|
+
!required && !isRequired && typeof label === 'string' && (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
5796
5797
|
className: styles.hint,
|
|
5797
5798
|
children: "Optional"
|
|
5798
5799
|
}),
|
|
@@ -5862,39 +5863,39 @@ var $079d45c48b1515dd$export$2e2bcd8739ae039 = $079d45c48b1515dd$var$FileInputGr
|
|
|
5862
5863
|
|
|
5863
5864
|
var $17bb03e8d27b8746$var$OpeningHourItem = function(props) {
|
|
5864
5865
|
var _a, _b, _c;
|
|
5865
|
-
var id = props.id, _d = props.lang, lang = _d === void 0 ?
|
|
5866
|
+
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;
|
|
5866
5867
|
var options = (0, $iA2ta$react.useMemo)(function() {
|
|
5867
5868
|
var values = [
|
|
5868
|
-
|
|
5869
|
-
|
|
5870
|
-
|
|
5871
|
-
|
|
5872
|
-
|
|
5873
|
-
|
|
5874
|
-
|
|
5869
|
+
'MONDAY',
|
|
5870
|
+
'TUESDAY',
|
|
5871
|
+
'WEDNESDAY',
|
|
5872
|
+
'THURSDAY',
|
|
5873
|
+
'FRIDAY',
|
|
5874
|
+
'SATURDAY',
|
|
5875
|
+
'SUNDAY'
|
|
5875
5876
|
];
|
|
5876
5877
|
var translations = [];
|
|
5877
5878
|
switch(lang){
|
|
5878
|
-
case
|
|
5879
|
+
case 'en':
|
|
5879
5880
|
translations = [
|
|
5880
|
-
|
|
5881
|
-
|
|
5882
|
-
|
|
5883
|
-
|
|
5884
|
-
|
|
5885
|
-
|
|
5886
|
-
|
|
5881
|
+
'Monday',
|
|
5882
|
+
'Tuesday',
|
|
5883
|
+
'Wednesday',
|
|
5884
|
+
'Thursday',
|
|
5885
|
+
'Friday',
|
|
5886
|
+
'Saturday',
|
|
5887
|
+
'Sunday'
|
|
5887
5888
|
];
|
|
5888
5889
|
break;
|
|
5889
|
-
case
|
|
5890
|
+
case 'nl':
|
|
5890
5891
|
translations = [
|
|
5891
|
-
|
|
5892
|
-
|
|
5893
|
-
|
|
5894
|
-
|
|
5895
|
-
|
|
5896
|
-
|
|
5897
|
-
|
|
5892
|
+
'Maandag',
|
|
5893
|
+
'Dinsdag',
|
|
5894
|
+
'Woensdag',
|
|
5895
|
+
'Donderdag',
|
|
5896
|
+
'Vrijdag',
|
|
5897
|
+
'Zaterdag',
|
|
5898
|
+
'Zondag'
|
|
5898
5899
|
];
|
|
5899
5900
|
break;
|
|
5900
5901
|
}
|
|
@@ -5917,8 +5918,8 @@ var $17bb03e8d27b8746$var$OpeningHourItem = function(props) {
|
|
|
5917
5918
|
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
|
|
5918
5919
|
},
|
|
5919
5920
|
closed: (_h = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closed) !== null && _h !== void 0 ? _h : false,
|
|
5920
|
-
openingTime: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.openingTime) ? (0, ($parcel$interopDefault($iA2ta$moment)))(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.openingTime).subtract(2,
|
|
5921
|
-
closingTime: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closingTime) ? (0, ($parcel$interopDefault($iA2ta$moment)))(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closingTime).subtract(2,
|
|
5921
|
+
openingTime: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.openingTime) ? (0, ($parcel$interopDefault($iA2ta$moment)))(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.openingTime).subtract(2, 'h').format('HH:mm') : '',
|
|
5922
|
+
closingTime: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closingTime) ? (0, ($parcel$interopDefault($iA2ta$moment)))(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closingTime).subtract(2, 'h').format('HH:mm') : ''
|
|
5922
5923
|
};
|
|
5923
5924
|
}, [
|
|
5924
5925
|
dayPlaceholder,
|
|
@@ -5932,8 +5933,8 @@ var $17bb03e8d27b8746$var$OpeningHourItem = function(props) {
|
|
|
5932
5933
|
]);
|
|
5933
5934
|
var toTimeStamp = (0, $iA2ta$react.useCallback)(function(value) {
|
|
5934
5935
|
if (value === undefined) return undefined;
|
|
5935
|
-
var _a = value.split(
|
|
5936
|
-
return (0, ($parcel$interopDefault($iA2ta$moment)))().hour(Number(hours)).minute(Number(minutes)).second(0).format(
|
|
5936
|
+
var _a = value.split(':'), hours = _a[0], minutes = _a[1];
|
|
5937
|
+
return (0, ($parcel$interopDefault($iA2ta$moment)))().hour(Number(hours)).minute(Number(minutes)).second(0).format('YYYY-MM-DDTHH:mm:ss.000') + 'Z';
|
|
5937
5938
|
}, []);
|
|
5938
5939
|
var onSubmit = (0, $iA2ta$react.useCallback)(function(values) {
|
|
5939
5940
|
var _a;
|
|
@@ -5962,7 +5963,7 @@ var $17bb03e8d27b8746$var$OpeningHourItem = function(props) {
|
|
|
5962
5963
|
onSubmit: onSubmit
|
|
5963
5964
|
});
|
|
5964
5965
|
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
5965
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(
|
|
5966
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)('-mt-2 flex gap-4 items-end', !isCreating && 'opacity-100'),
|
|
5966
5967
|
children: [
|
|
5967
5968
|
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
5968
5969
|
className: "flex-grow",
|
|
@@ -5977,11 +5978,11 @@ var $17bb03e8d27b8746$var$OpeningHourItem = function(props) {
|
|
|
5977
5978
|
//
|
|
5978
5979
|
value: (_a = form === null || form === void 0 ? void 0 : form.values) === null || _a === void 0 ? void 0 : _a.day,
|
|
5979
5980
|
onChange: function(value) {
|
|
5980
|
-
return form.setFieldValue(
|
|
5981
|
+
return form.setFieldValue('day', value);
|
|
5981
5982
|
},
|
|
5982
5983
|
onBlur: function() {
|
|
5983
5984
|
var _a, _b, _c;
|
|
5984
|
-
form === null || form === void 0 || form.setFieldTouched(
|
|
5985
|
+
form === null || form === void 0 || form.setFieldTouched('day');
|
|
5985
5986
|
if (!isCreating) {
|
|
5986
5987
|
var openingTime = toTimeStamp((_a = form.values) === null || _a === void 0 ? void 0 : _a.openingTime);
|
|
5987
5988
|
var closingTime = toTimeStamp((_b = form.values) === null || _b === void 0 ? void 0 : _b.closingTime);
|
|
@@ -5999,7 +6000,7 @@ var $17bb03e8d27b8746$var$OpeningHourItem = function(props) {
|
|
|
5999
6000
|
}
|
|
6000
6001
|
},
|
|
6001
6002
|
onClear: function() {
|
|
6002
|
-
return form.setFieldValue(
|
|
6003
|
+
return form.setFieldValue('day', null);
|
|
6003
6004
|
}
|
|
6004
6005
|
})
|
|
6005
6006
|
}),
|
|
@@ -6074,7 +6075,7 @@ var $17bb03e8d27b8746$var$OpeningHourItem = function(props) {
|
|
|
6074
6075
|
checked: form.values.closed,
|
|
6075
6076
|
onChange: function() {
|
|
6076
6077
|
var _a, _b, _c, _d;
|
|
6077
|
-
form.setFieldValue(
|
|
6078
|
+
form.setFieldValue('closed', !form.values.closed);
|
|
6078
6079
|
if (!isCreating) {
|
|
6079
6080
|
var openingTime = toTimeStamp((_a = form.values) === null || _a === void 0 ? void 0 : _a.openingTime);
|
|
6080
6081
|
var closingTime = toTimeStamp((_b = form.values) === null || _b === void 0 ? void 0 : _b.closingTime);
|
|
@@ -6091,7 +6092,7 @@ var $17bb03e8d27b8746$var$OpeningHourItem = function(props) {
|
|
|
6091
6092
|
onUpdate && onUpdate(params);
|
|
6092
6093
|
}
|
|
6093
6094
|
},
|
|
6094
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $a14a274e5b9e799a$export$2e2bcd8739ae039).control.action, form.values.closed ?
|
|
6095
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $a14a274e5b9e799a$export$2e2bcd8739ae039).control.action, form.values.closed ? 'bg-primary-500' : 'bg-gray-200'),
|
|
6095
6096
|
children: [
|
|
6096
6097
|
(0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
6097
6098
|
className: (0, $a14a274e5b9e799a$export$2e2bcd8739ae039).control.sr,
|
|
@@ -6099,7 +6100,7 @@ var $17bb03e8d27b8746$var$OpeningHourItem = function(props) {
|
|
|
6099
6100
|
}),
|
|
6100
6101
|
(0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
6101
6102
|
"aria-hidden": "true",
|
|
6102
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $a14a274e5b9e799a$export$2e2bcd8739ae039).control.span, form.values.closed ?
|
|
6103
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $a14a274e5b9e799a$export$2e2bcd8739ae039).control.span, form.values.closed ? 'translate-x-5' : 'translate-x-0')
|
|
6103
6104
|
})
|
|
6104
6105
|
]
|
|
6105
6106
|
})
|
|
@@ -6131,13 +6132,13 @@ var $17bb03e8d27b8746$export$2e2bcd8739ae039 = $17bb03e8d27b8746$var$OpeningHour
|
|
|
6131
6132
|
|
|
6132
6133
|
|
|
6133
6134
|
var $a14a274e5b9e799a$var$styles = {
|
|
6134
|
-
container:
|
|
6135
|
+
container: '',
|
|
6135
6136
|
control: {
|
|
6136
|
-
container:
|
|
6137
|
-
label:
|
|
6138
|
-
action:
|
|
6139
|
-
span:
|
|
6140
|
-
sr:
|
|
6137
|
+
container: 'flex items-center',
|
|
6138
|
+
label: 'text-sm mr-2 font-medium w-36',
|
|
6139
|
+
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',
|
|
6140
|
+
span: 'pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out',
|
|
6141
|
+
sr: 'sr-only'
|
|
6141
6142
|
}
|
|
6142
6143
|
};
|
|
6143
6144
|
var $a14a274e5b9e799a$export$2e2bcd8739ae039 = $a14a274e5b9e799a$var$styles;
|
|
@@ -6148,66 +6149,66 @@ var $a14a274e5b9e799a$export$2e2bcd8739ae039 = $a14a274e5b9e799a$var$styles;
|
|
|
6148
6149
|
|
|
6149
6150
|
|
|
6150
6151
|
var $3698b0b0dc32c78c$var$base = {
|
|
6151
|
-
container:
|
|
6152
|
-
head:
|
|
6153
|
-
body:
|
|
6154
|
-
foot:
|
|
6155
|
-
label:
|
|
6156
|
-
hint:
|
|
6157
|
-
leading:
|
|
6158
|
-
input:
|
|
6159
|
-
trailing:
|
|
6160
|
-
description:
|
|
6161
|
-
error:
|
|
6152
|
+
container: '',
|
|
6153
|
+
head: 'flex justify-between',
|
|
6154
|
+
body: 'relative rounded-md py-2',
|
|
6155
|
+
foot: '',
|
|
6156
|
+
label: 'block font-medium text-gray-900',
|
|
6157
|
+
hint: 'text-xs text-gray-500',
|
|
6158
|
+
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
6159
|
+
input: 'block w-full',
|
|
6160
|
+
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
6161
|
+
description: 'text-gray-400 text-xs mt-1',
|
|
6162
|
+
error: 'text-red-500 text-xs mt-1'
|
|
6162
6163
|
};
|
|
6163
6164
|
var $3698b0b0dc32c78c$var$leading = {
|
|
6164
|
-
input:
|
|
6165
|
+
input: 'pl-10'
|
|
6165
6166
|
};
|
|
6166
6167
|
var $3698b0b0dc32c78c$var$trailing = {};
|
|
6167
6168
|
var $3698b0b0dc32c78c$var$normal = {
|
|
6168
|
-
label:
|
|
6169
|
-
hint:
|
|
6170
|
-
leading:
|
|
6171
|
-
input:
|
|
6172
|
-
trailing:
|
|
6173
|
-
description:
|
|
6169
|
+
label: 'leading-6 text-sm mb-2',
|
|
6170
|
+
hint: 'leading-6',
|
|
6171
|
+
leading: 'pl-3',
|
|
6172
|
+
input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
6173
|
+
trailing: 'pr-3',
|
|
6174
|
+
description: 'mt-2 text-sm'
|
|
6174
6175
|
};
|
|
6175
6176
|
var $3698b0b0dc32c78c$var$inset = {
|
|
6176
|
-
container:
|
|
6177
|
-
label:
|
|
6178
|
-
hint:
|
|
6179
|
-
input:
|
|
6180
|
-
description:
|
|
6177
|
+
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',
|
|
6178
|
+
label: 'text-xs',
|
|
6179
|
+
hint: 'text-xs',
|
|
6180
|
+
input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
6181
|
+
description: 'hidden'
|
|
6181
6182
|
};
|
|
6182
6183
|
var $3698b0b0dc32c78c$var$overlapping = {
|
|
6183
|
-
container:
|
|
6184
|
-
head:
|
|
6185
|
-
label:
|
|
6186
|
-
hint:
|
|
6187
|
-
input:
|
|
6188
|
-
description:
|
|
6184
|
+
container: 'relative',
|
|
6185
|
+
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
6186
|
+
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
6187
|
+
hint: 'text-xs mr-4 bg-white px-1',
|
|
6188
|
+
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',
|
|
6189
|
+
description: 'hidden'
|
|
6189
6190
|
};
|
|
6190
6191
|
var $3698b0b0dc32c78c$var$pill = {
|
|
6191
|
-
head:
|
|
6192
|
-
foot:
|
|
6193
|
-
input:
|
|
6194
|
-
trailing:
|
|
6195
|
-
description:
|
|
6192
|
+
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
6193
|
+
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
6194
|
+
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',
|
|
6195
|
+
trailing: 'pr-2',
|
|
6196
|
+
description: 'text-xs'
|
|
6196
6197
|
};
|
|
6197
6198
|
var $3698b0b0dc32c78c$var$floored = {
|
|
6198
|
-
body:
|
|
6199
|
-
label:
|
|
6200
|
-
input:
|
|
6201
|
-
description:
|
|
6199
|
+
body: 'relative mt-2',
|
|
6200
|
+
label: 'block text-sm font-medium leading-6 text-gray-900',
|
|
6201
|
+
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',
|
|
6202
|
+
description: 'text-xs mt-2'
|
|
6202
6203
|
};
|
|
6203
6204
|
var $3698b0b0dc32c78c$var$invalid = {
|
|
6204
|
-
container:
|
|
6205
|
+
container: 'ring-red-500',
|
|
6205
6206
|
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',
|
|
6206
|
-
|
|
6207
|
-
description:
|
|
6207
|
+
'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',
|
|
6208
|
+
description: 'text-sm text-red-600'
|
|
6208
6209
|
};
|
|
6209
6210
|
var $3698b0b0dc32c78c$var$disabled = {
|
|
6210
|
-
input:
|
|
6211
|
+
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'
|
|
6211
6212
|
};
|
|
6212
6213
|
var $3698b0b0dc32c78c$var$styles = {
|
|
6213
6214
|
base: $3698b0b0dc32c78c$var$base,
|
|
@@ -6225,7 +6226,7 @@ var $3698b0b0dc32c78c$export$2e2bcd8739ae039 = $3698b0b0dc32c78c$var$styles;
|
|
|
6225
6226
|
|
|
6226
6227
|
|
|
6227
6228
|
var $9f6cfd21b337aca9$var$OpeningsHourInputGroupForm = function(props) {
|
|
6228
|
-
var form = props.form, _a = props.name, name = _a === void 0 ?
|
|
6229
|
+
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;
|
|
6229
6230
|
var isValid = error === undefined;
|
|
6230
6231
|
var handleGenerateStyle = function() {
|
|
6231
6232
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $3698b0b0dc32c78c$export$2e2bcd8739ae039).base);
|
|
@@ -6254,7 +6255,7 @@ var $9f6cfd21b337aca9$var$OpeningsHourInputGroupForm = function(props) {
|
|
|
6254
6255
|
className: styles.label,
|
|
6255
6256
|
children: label
|
|
6256
6257
|
}),
|
|
6257
|
-
!required && !isRequired && typeof label ===
|
|
6258
|
+
!required && !isRequired && typeof label === 'string' && (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
6258
6259
|
className: styles.hint,
|
|
6259
6260
|
children: "Optional"
|
|
6260
6261
|
}),
|
|
@@ -6339,71 +6340,71 @@ var $9f6cfd21b337aca9$export$2e2bcd8739ae039 = $9f6cfd21b337aca9$var$OpeningsHou
|
|
|
6339
6340
|
|
|
6340
6341
|
|
|
6341
6342
|
var $03b368478cf695f0$var$base = {
|
|
6342
|
-
container:
|
|
6343
|
-
head:
|
|
6344
|
-
body:
|
|
6345
|
-
foot:
|
|
6346
|
-
label:
|
|
6347
|
-
hint:
|
|
6348
|
-
leading:
|
|
6349
|
-
input:
|
|
6350
|
-
trailing:
|
|
6351
|
-
description:
|
|
6352
|
-
error:
|
|
6343
|
+
container: '',
|
|
6344
|
+
head: 'flex justify-between',
|
|
6345
|
+
body: 'relative rounded-md',
|
|
6346
|
+
foot: '',
|
|
6347
|
+
label: 'block font-medium text-gray-900',
|
|
6348
|
+
hint: 'text-xs text-gray-500',
|
|
6349
|
+
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
6350
|
+
input: 'block w-full',
|
|
6351
|
+
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
6352
|
+
description: 'text-gray-400 text-xs mt-1',
|
|
6353
|
+
error: 'text-red-500 text-xs mt-1',
|
|
6353
6354
|
geosuggest: {
|
|
6354
|
-
suggestsClassName:
|
|
6355
|
-
suggestItemClassName:
|
|
6356
|
-
suggestsHiddenClassName:
|
|
6355
|
+
suggestsClassName: 'absolute w-full z-10 bg-white border border-gray-200 shadow-sm text-sm',
|
|
6356
|
+
suggestItemClassName: 'px-4 py-2 hover:bg-gray-50 cursor-pointer',
|
|
6357
|
+
suggestsHiddenClassName: 'hidden'
|
|
6357
6358
|
}
|
|
6358
6359
|
};
|
|
6359
6360
|
var $03b368478cf695f0$var$leading = {
|
|
6360
|
-
input:
|
|
6361
|
+
input: 'pl-10'
|
|
6361
6362
|
};
|
|
6362
6363
|
var $03b368478cf695f0$var$trailing = {};
|
|
6363
6364
|
var $03b368478cf695f0$var$normal = {
|
|
6364
|
-
label:
|
|
6365
|
-
hint:
|
|
6366
|
-
leading:
|
|
6367
|
-
input:
|
|
6368
|
-
trailing:
|
|
6369
|
-
description:
|
|
6365
|
+
label: 'leading-6 text-sm mb-2',
|
|
6366
|
+
hint: 'leading-6',
|
|
6367
|
+
leading: 'pl-3',
|
|
6368
|
+
input: 'rounded-md border-gray-200 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
6369
|
+
trailing: 'pr-3',
|
|
6370
|
+
description: 'mt-2 text-sm'
|
|
6370
6371
|
};
|
|
6371
6372
|
var $03b368478cf695f0$var$inset = {
|
|
6372
|
-
container:
|
|
6373
|
-
label:
|
|
6374
|
-
hint:
|
|
6375
|
-
input:
|
|
6376
|
-
description:
|
|
6373
|
+
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',
|
|
6374
|
+
label: 'text-xs',
|
|
6375
|
+
hint: 'text-xs',
|
|
6376
|
+
input: 'border-0 !ring-0 p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
6377
|
+
description: 'hidden'
|
|
6377
6378
|
};
|
|
6378
6379
|
var $03b368478cf695f0$var$overlapping = {
|
|
6379
|
-
container:
|
|
6380
|
-
head:
|
|
6381
|
-
label:
|
|
6382
|
-
hint:
|
|
6383
|
-
input:
|
|
6384
|
-
description:
|
|
6380
|
+
container: 'relative',
|
|
6381
|
+
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
6382
|
+
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
6383
|
+
hint: 'text-xs mr-4 bg-white px-1',
|
|
6384
|
+
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',
|
|
6385
|
+
description: 'hidden'
|
|
6385
6386
|
};
|
|
6386
6387
|
var $03b368478cf695f0$var$pill = {
|
|
6387
|
-
head:
|
|
6388
|
-
foot:
|
|
6389
|
-
input:
|
|
6390
|
-
trailing:
|
|
6391
|
-
description:
|
|
6388
|
+
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
6389
|
+
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
6390
|
+
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',
|
|
6391
|
+
trailing: 'pr-2',
|
|
6392
|
+
description: 'text-xs'
|
|
6392
6393
|
};
|
|
6393
6394
|
var $03b368478cf695f0$var$floored = {
|
|
6394
|
-
body:
|
|
6395
|
-
label:
|
|
6396
|
-
input:
|
|
6397
|
-
description:
|
|
6395
|
+
body: 'relative mt-2',
|
|
6396
|
+
label: 'block text-sm font-medium leading-6 text-gray-900',
|
|
6397
|
+
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',
|
|
6398
|
+
description: 'text-xs mt-2'
|
|
6398
6399
|
};
|
|
6399
6400
|
var $03b368478cf695f0$var$invalid = {
|
|
6400
|
-
container:
|
|
6401
|
+
container: 'ring-red-500',
|
|
6401
6402
|
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',
|
|
6402
|
-
|
|
6403
|
-
description:
|
|
6403
|
+
'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',
|
|
6404
|
+
description: 'text-sm text-red-600'
|
|
6404
6405
|
};
|
|
6405
6406
|
var $03b368478cf695f0$var$disabled = {
|
|
6406
|
-
input:
|
|
6407
|
+
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'
|
|
6407
6408
|
};
|
|
6408
6409
|
var $03b368478cf695f0$var$styles = {
|
|
6409
6410
|
base: $03b368478cf695f0$var$base,
|
|
@@ -6422,7 +6423,7 @@ var $03b368478cf695f0$export$2e2bcd8739ae039 = $03b368478cf695f0$var$styles;
|
|
|
6422
6423
|
|
|
6423
6424
|
var $7fcfa1d90c4a7e45$var$AddressInputGroupForm = function(props) {
|
|
6424
6425
|
var _a, _b, _c;
|
|
6425
|
-
var _d = props.name, name = _d === void 0 ?
|
|
6426
|
+
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;
|
|
6426
6427
|
var isValid = error === undefined;
|
|
6427
6428
|
var handleGenerateStyle = function() {
|
|
6428
6429
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $03b368478cf695f0$export$2e2bcd8739ae039).base);
|
|
@@ -6436,7 +6437,7 @@ var $7fcfa1d90c4a7e45$var$AddressInputGroupForm = function(props) {
|
|
|
6436
6437
|
var mapValueToAddress = function(value) {
|
|
6437
6438
|
if (!value) return undefined;
|
|
6438
6439
|
var country = value.country, city = value.city, street = value.street, houseNumber = value.houseNumber;
|
|
6439
|
-
return "".concat(street !== null && street !== void 0 ? street :
|
|
6440
|
+
return "".concat(street !== null && street !== void 0 ? street : '').concat(houseNumber ? ' ' + houseNumber : '').concat(city ? ', ' + city : '').concat(country ? ', ' + country : '');
|
|
6440
6441
|
};
|
|
6441
6442
|
// useEffect(() => {
|
|
6442
6443
|
// if (form.values[name]) {
|
|
@@ -6454,7 +6455,7 @@ var $7fcfa1d90c4a7e45$var$AddressInputGroupForm = function(props) {
|
|
|
6454
6455
|
className: styles.label,
|
|
6455
6456
|
children: label
|
|
6456
6457
|
}),
|
|
6457
|
-
!required && !isRequired && typeof label ===
|
|
6458
|
+
!required && !isRequired && typeof label === 'string' && (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
6458
6459
|
className: styles.hint,
|
|
6459
6460
|
children: "Optional"
|
|
6460
6461
|
}),
|
|
@@ -6467,7 +6468,7 @@ var $7fcfa1d90c4a7e45$var$AddressInputGroupForm = function(props) {
|
|
|
6467
6468
|
className: styles.body,
|
|
6468
6469
|
children: (0, $iA2ta$reactjsxruntime.jsx)((0, ($parcel$interopDefault($iA2ta$reactgeosuggest))), {
|
|
6469
6470
|
types: [
|
|
6470
|
-
|
|
6471
|
+
'address'
|
|
6471
6472
|
],
|
|
6472
6473
|
queryDelay: 100,
|
|
6473
6474
|
placeholder: placeholder,
|
|
@@ -6477,7 +6478,7 @@ var $7fcfa1d90c4a7e45$var$AddressInputGroupForm = function(props) {
|
|
|
6477
6478
|
suggestItemClassName: (_b = styles.geosuggest) === null || _b === void 0 ? void 0 : _b.suggestItemClassName,
|
|
6478
6479
|
suggestsHiddenClassName: (_c = styles.geosuggest) === null || _c === void 0 ? void 0 : _c.suggestsHiddenClassName,
|
|
6479
6480
|
onChange: function(value) {
|
|
6480
|
-
if (value ===
|
|
6481
|
+
if (value === '') onChange(null);
|
|
6481
6482
|
},
|
|
6482
6483
|
onFocus: onFocus,
|
|
6483
6484
|
// suggestItemActiveClassName={
|
|
@@ -6485,7 +6486,7 @@ var $7fcfa1d90c4a7e45$var$AddressInputGroupForm = function(props) {
|
|
|
6485
6486
|
// }
|
|
6486
6487
|
autoComplete: "off",
|
|
6487
6488
|
placeDetailFields: [
|
|
6488
|
-
|
|
6489
|
+
'address_components'
|
|
6489
6490
|
],
|
|
6490
6491
|
onSuggestSelect: function(e) {
|
|
6491
6492
|
var _a, _b, _c, _d, _e;
|
|
@@ -6496,23 +6497,23 @@ var $7fcfa1d90c4a7e45$var$AddressInputGroupForm = function(props) {
|
|
|
6496
6497
|
return component.types.includes(key);
|
|
6497
6498
|
})) === null || _a === void 0 ? void 0 : _a.long_name;
|
|
6498
6499
|
};
|
|
6499
|
-
var street = handleExtractValueWithKey(
|
|
6500
|
-
var city = handleExtractValueWithKey(
|
|
6501
|
-
var country = handleExtractValueWithKey(
|
|
6502
|
-
var zipCode = handleExtractValueWithKey(
|
|
6503
|
-
var houseNumber = handleExtractValueWithKey(
|
|
6504
|
-
var busNumber = handleExtractValueWithKey(
|
|
6500
|
+
var street = handleExtractValueWithKey('route');
|
|
6501
|
+
var city = handleExtractValueWithKey('sublocality') || handleExtractValueWithKey('locality');
|
|
6502
|
+
var country = handleExtractValueWithKey('country');
|
|
6503
|
+
var zipCode = handleExtractValueWithKey('postal_code');
|
|
6504
|
+
var houseNumber = handleExtractValueWithKey('street_number');
|
|
6505
|
+
var busNumber = handleExtractValueWithKey('post_box');
|
|
6505
6506
|
if (// if busNumber is not found with the method above, try to find it in the user inputted label
|
|
6506
6507
|
!busNumber && // if the label contains the houseNumber and city somewhere after the houseNumber
|
|
6507
6508
|
(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))) {
|
|
6508
6509
|
// split the label at the houseNumber and city
|
|
6509
6510
|
var splitLabel = e === null || e === void 0 ? void 0 : e.label.split(houseNumber)[1].split(city)[0];
|
|
6510
6511
|
// replace the zipCode from the label if it came before the city
|
|
6511
|
-
var replaceZipcode = splitLabel.replace(zipCode,
|
|
6512
|
+
var replaceZipcode = splitLabel.replace(zipCode, '');
|
|
6512
6513
|
// trim the label
|
|
6513
6514
|
var trimmedLabel = (0, $iA2ta$lodash.trim)(replaceZipcode);
|
|
6514
6515
|
// if the trimmed label is shorter than 3 characters, it's probably the busNumber. Otherwise, something probably went wrong.
|
|
6515
|
-
if (trimmedLabel.length <= 3) busNumber = trimmedLabel.includes(
|
|
6516
|
+
if (trimmedLabel.length <= 3) busNumber = trimmedLabel.includes(',') ? trimmedLabel.substring(0, (0, $iA2ta$lodash.lastIndexOf)(trimmedLabel, ',')) : trimmedLabel;
|
|
6516
6517
|
}
|
|
6517
6518
|
var location = {
|
|
6518
6519
|
street: street,
|
|
@@ -6535,12 +6536,12 @@ var $7fcfa1d90c4a7e45$var$AddressInputGroupForm = function(props) {
|
|
|
6535
6536
|
return component.types.includes(key);
|
|
6536
6537
|
})) === null || _a === void 0 ? void 0 : _a.long_name;
|
|
6537
6538
|
};
|
|
6538
|
-
var street = handleExtractValueWithKey(
|
|
6539
|
-
var city = handleExtractValueWithKey(
|
|
6540
|
-
var country = handleExtractValueWithKey(
|
|
6541
|
-
var zipCode = handleExtractValueWithKey(
|
|
6542
|
-
var houseNumber = handleExtractValueWithKey(
|
|
6543
|
-
var busNumber = handleExtractValueWithKey(
|
|
6539
|
+
var street = handleExtractValueWithKey('route');
|
|
6540
|
+
var city = handleExtractValueWithKey('locality');
|
|
6541
|
+
var country = handleExtractValueWithKey('country');
|
|
6542
|
+
var zipCode = handleExtractValueWithKey('postal_code');
|
|
6543
|
+
var houseNumber = handleExtractValueWithKey('street_number');
|
|
6544
|
+
var busNumber = handleExtractValueWithKey('post_box');
|
|
6544
6545
|
var location = {
|
|
6545
6546
|
street: street,
|
|
6546
6547
|
city: city,
|