@ballistix.digital/react-components 7.3.0 → 7.3.1-rc-74.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 +116 -142
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +413 -278
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +412 -277
- package/dist/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -472,10 +472,10 @@ var $2125901b4a9afff9$export$2e2bcd8739ae039 = $2125901b4a9afff9$var$IconElement
|
|
|
472
472
|
|
|
473
473
|
|
|
474
474
|
var $fbfda6b39c475fe4$var$base = {
|
|
475
|
-
container: 'rounded-xs p-4 border-l-4',
|
|
475
|
+
container: 'flex rounded-xs p-4 border-l-4',
|
|
476
476
|
icon: 'h-5 w-5',
|
|
477
477
|
content: {
|
|
478
|
-
container: 'ml-3 flex-1 md:flex md:justify-between ease-in-out transition-transform h-full
|
|
478
|
+
container: 'ml-3 flex-1 md:flex md:justify-between ease-in-out transition-transform h-full',
|
|
479
479
|
iconContainer: 'shrink-0',
|
|
480
480
|
title: 'text-md font-semibold',
|
|
481
481
|
message: 'text-sm',
|
|
@@ -541,8 +541,8 @@ var $fbfda6b39c475fe4$export$2e2bcd8739ae039 = $fbfda6b39c475fe4$var$styles;
|
|
|
541
541
|
|
|
542
542
|
|
|
543
543
|
var $29a51bd84954e590$var$AlertElement = function(props) {
|
|
544
|
-
var title = props.title, message = props.message, _a = props.type, type = _a === void 0 ? 'generic' : _a,
|
|
545
|
-
var
|
|
544
|
+
var title = props.title, message = props.message, _a = props.type, type = _a === void 0 ? 'generic' : _a, onClose = props.onClose, onCollapse = props.onCollapse, _b = props.isCollapsible, isCollapsible = _b === void 0 ? false : _b, stylesOverrides = props.styles, iconAccessorOverride = props.iconAccessor;
|
|
545
|
+
var _c = (0, $iA2ta$react.useState)(false), isCollapsed = _c[0], setIsCollapsed = _c[1];
|
|
546
546
|
var handleGenerateStyle = function() {
|
|
547
547
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $fbfda6b39c475fe4$export$2e2bcd8739ae039).base);
|
|
548
548
|
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $fbfda6b39c475fe4$export$2e2bcd8739ae039).base);
|
|
@@ -574,9 +574,9 @@ var $29a51bd84954e590$var$AlertElement = function(props) {
|
|
|
574
574
|
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
575
575
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.container),
|
|
576
576
|
children: [
|
|
577
|
-
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
577
|
+
iconAccessor && (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
578
578
|
className: styles.iconContainer,
|
|
579
|
-
children:
|
|
579
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
|
|
580
580
|
accessor: iconAccessor,
|
|
581
581
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.icon),
|
|
582
582
|
"aria-hidden": "true"
|
|
@@ -587,11 +587,11 @@ var $29a51bd84954e590$var$AlertElement = function(props) {
|
|
|
587
587
|
children: [
|
|
588
588
|
(0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
589
589
|
children: [
|
|
590
|
-
(0, $iA2ta$reactjsxruntime.jsx)("h3", {
|
|
590
|
+
title && (0, $iA2ta$reactjsxruntime.jsx)("h3", {
|
|
591
591
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.content.title),
|
|
592
592
|
children: title
|
|
593
593
|
}),
|
|
594
|
-
!isCollapsed && (0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
594
|
+
message && !isCollapsed && (0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
595
595
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.content.message),
|
|
596
596
|
children: message
|
|
597
597
|
})
|
|
@@ -603,14 +603,14 @@ var $29a51bd84954e590$var$AlertElement = function(props) {
|
|
|
603
603
|
isCollapsible && (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
604
604
|
onClick: function() {
|
|
605
605
|
setIsCollapsed(!isCollapsed);
|
|
606
|
-
onCollapse();
|
|
606
|
+
if (onCollapse) onCollapse();
|
|
607
607
|
},
|
|
608
608
|
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
|
|
609
609
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.content.action, isCollapsed && styles.content.inverted),
|
|
610
610
|
accessor: "chevron-up"
|
|
611
611
|
})
|
|
612
612
|
}),
|
|
613
|
-
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
613
|
+
onClose && (0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
614
614
|
onClick: onClose,
|
|
615
615
|
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
|
|
616
616
|
className: styles.content.action,
|
|
@@ -1133,8 +1133,8 @@ var $49256f91bd9e1c3f$export$2e2bcd8739ae039 = $49256f91bd9e1c3f$var$ButtonGroup
|
|
|
1133
1133
|
|
|
1134
1134
|
var $87a4b9b6cee76290$var$base = {
|
|
1135
1135
|
container: 'inline-block text-left',
|
|
1136
|
-
button: 'inline-flex justify-center w-full rounded-md border border-gray-300 shadow-xs px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-primary-500',
|
|
1137
|
-
compact: 'bg-gray-100 rounded-full flex items-center text-gray-400 hover:text-gray-600 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-primary-500',
|
|
1136
|
+
button: 'cursor-pointer inline-flex justify-center w-full rounded-md border border-gray-300 shadow-xs px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-primary-500',
|
|
1137
|
+
compact: 'cursor-pointer bg-gray-100 rounded-full flex items-center text-gray-400 hover:text-gray-600 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-primary-500',
|
|
1138
1138
|
dots: 'h-7 w-7 p-1',
|
|
1139
1139
|
items: 'z-10 absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black/5 divide-y divide-gray-100 focus:outline-hidden'
|
|
1140
1140
|
};
|
|
@@ -1153,8 +1153,8 @@ var $87a4b9b6cee76290$var$topRight = {
|
|
|
1153
1153
|
items: 'origin-bottom-left left-0 bottom-0'
|
|
1154
1154
|
};
|
|
1155
1155
|
var $87a4b9b6cee76290$var$disabled = {
|
|
1156
|
-
button: 'opacity-50 cursor-not-allowed',
|
|
1157
|
-
compact: 'opacity-50 cursor-not-allowed'
|
|
1156
|
+
button: 'opacity-50 cursor-not-allowed!',
|
|
1157
|
+
compact: 'opacity-50 cursor-not-allowed!'
|
|
1158
1158
|
};
|
|
1159
1159
|
var $87a4b9b6cee76290$var$styles = {
|
|
1160
1160
|
base: $87a4b9b6cee76290$var$base,
|
|
@@ -1390,64 +1390,275 @@ var $ccdca29d489f3200$export$2e2bcd8739ae039 = $ccdca29d489f3200$var$ProgressTra
|
|
|
1390
1390
|
|
|
1391
1391
|
|
|
1392
1392
|
|
|
1393
|
+
|
|
1394
|
+
|
|
1395
|
+
var $3369f7d596d23d58$var$base = {
|
|
1396
|
+
hint: 'text-gray-400 text-xs mt-1',
|
|
1397
|
+
error: 'text-red-500 text-xs ml-5 mt-1'
|
|
1398
|
+
};
|
|
1399
|
+
var $3369f7d596d23d58$var$leading = {};
|
|
1400
|
+
var $3369f7d596d23d58$var$trailing = {};
|
|
1401
|
+
var $3369f7d596d23d58$var$normal = {
|
|
1402
|
+
hint: 'mt-2 text-sm'
|
|
1403
|
+
};
|
|
1404
|
+
var $3369f7d596d23d58$var$inset = {
|
|
1405
|
+
hint: 'hidden'
|
|
1406
|
+
};
|
|
1407
|
+
var $3369f7d596d23d58$var$overlapping = {
|
|
1408
|
+
hint: 'hidden'
|
|
1409
|
+
};
|
|
1410
|
+
var $3369f7d596d23d58$var$pill = {
|
|
1411
|
+
hint: 'text-xs'
|
|
1412
|
+
};
|
|
1413
|
+
var $3369f7d596d23d58$var$floored = {
|
|
1414
|
+
hint: 'text-xs mt-2'
|
|
1415
|
+
};
|
|
1416
|
+
var $3369f7d596d23d58$var$invalid = {
|
|
1417
|
+
hint: 'text-sm text-red-600'
|
|
1418
|
+
};
|
|
1419
|
+
var $3369f7d596d23d58$var$disabled = {
|
|
1420
|
+
hint: 'text-gray-500'
|
|
1421
|
+
};
|
|
1422
|
+
var $3369f7d596d23d58$var$styles = {
|
|
1423
|
+
base: $3369f7d596d23d58$var$base,
|
|
1424
|
+
leading: $3369f7d596d23d58$var$leading,
|
|
1425
|
+
trailing: $3369f7d596d23d58$var$trailing,
|
|
1426
|
+
normal: $3369f7d596d23d58$var$normal,
|
|
1427
|
+
inset: $3369f7d596d23d58$var$inset,
|
|
1428
|
+
overlapping: $3369f7d596d23d58$var$overlapping,
|
|
1429
|
+
pill: $3369f7d596d23d58$var$pill,
|
|
1430
|
+
floored: $3369f7d596d23d58$var$floored,
|
|
1431
|
+
invalid: $3369f7d596d23d58$var$invalid,
|
|
1432
|
+
disabled: $3369f7d596d23d58$var$disabled
|
|
1433
|
+
};
|
|
1434
|
+
var $3369f7d596d23d58$export$2e2bcd8739ae039 = $3369f7d596d23d58$var$styles;
|
|
1435
|
+
|
|
1436
|
+
|
|
1437
|
+
var $dfbd7d015eae4218$var$InputFooter = function(props) {
|
|
1438
|
+
var name = props.name, hint = props.hint, error = props.error, isTouched = props.isTouched, stylesOverrides = props.styles, _a = props.type, type = _a === void 0 ? 'normal' : _a;
|
|
1439
|
+
var errorDataCy = "form-input-error-".concat(name);
|
|
1440
|
+
var handleGenerateStyle = function() {
|
|
1441
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $3369f7d596d23d58$export$2e2bcd8739ae039).base);
|
|
1442
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $3369f7d596d23d58$export$2e2bcd8739ae039).base);
|
|
1443
|
+
keys.forEach(function(key) {
|
|
1444
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $3369f7d596d23d58$export$2e2bcd8739ae039).base, key), (0, $iA2ta$lodash.get)((0, $3369f7d596d23d58$export$2e2bcd8739ae039)[type], key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
1445
|
+
});
|
|
1446
|
+
return result;
|
|
1447
|
+
};
|
|
1448
|
+
var styles = handleGenerateStyle();
|
|
1449
|
+
var hintElement = (0, $iA2ta$react.useMemo)(function() {
|
|
1450
|
+
if (!hint || error && isTouched) return null;
|
|
1451
|
+
return (0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
1452
|
+
className: styles.hint,
|
|
1453
|
+
children: hint
|
|
1454
|
+
});
|
|
1455
|
+
}, [
|
|
1456
|
+
hint,
|
|
1457
|
+
styles.hint,
|
|
1458
|
+
error,
|
|
1459
|
+
isTouched
|
|
1460
|
+
]);
|
|
1461
|
+
var errorElement = (0, $iA2ta$react.useMemo)(function() {
|
|
1462
|
+
if (!error) return null;
|
|
1463
|
+
return (0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
1464
|
+
className: styles.error,
|
|
1465
|
+
"data-cy": errorDataCy,
|
|
1466
|
+
children: error
|
|
1467
|
+
});
|
|
1468
|
+
}, [
|
|
1469
|
+
error,
|
|
1470
|
+
styles.error,
|
|
1471
|
+
errorDataCy
|
|
1472
|
+
]);
|
|
1473
|
+
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
1474
|
+
className: styles.foot,
|
|
1475
|
+
children: [
|
|
1476
|
+
hintElement,
|
|
1477
|
+
errorElement
|
|
1478
|
+
]
|
|
1479
|
+
});
|
|
1480
|
+
};
|
|
1481
|
+
var $dfbd7d015eae4218$export$2e2bcd8739ae039 = $dfbd7d015eae4218$var$InputFooter;
|
|
1482
|
+
|
|
1483
|
+
|
|
1484
|
+
|
|
1485
|
+
|
|
1486
|
+
|
|
1487
|
+
|
|
1488
|
+
|
|
1489
|
+
|
|
1490
|
+
|
|
1491
|
+
|
|
1492
|
+
|
|
1493
|
+
var $65bb4d593718fcda$var$base = {
|
|
1494
|
+
header: {
|
|
1495
|
+
container: 'flex flex-col justify-end',
|
|
1496
|
+
labelWrapper: 'flex',
|
|
1497
|
+
label: '',
|
|
1498
|
+
required: '',
|
|
1499
|
+
optional: 'ml-auto text-xs text-gray-500',
|
|
1500
|
+
description: 'text-xs'
|
|
1501
|
+
}
|
|
1502
|
+
};
|
|
1503
|
+
var $65bb4d593718fcda$var$normal = {
|
|
1504
|
+
header: {
|
|
1505
|
+
container: 'mb-2',
|
|
1506
|
+
label: 'leading-6 text-sm',
|
|
1507
|
+
optional: 'leading-6'
|
|
1508
|
+
}
|
|
1509
|
+
};
|
|
1510
|
+
var $65bb4d593718fcda$var$inset = {
|
|
1511
|
+
header: {
|
|
1512
|
+
label: 'text-xs',
|
|
1513
|
+
optional: 'text-xs'
|
|
1514
|
+
}
|
|
1515
|
+
};
|
|
1516
|
+
var $65bb4d593718fcda$var$overlapping = {
|
|
1517
|
+
header: {
|
|
1518
|
+
container: 'flex flex-col justify-end',
|
|
1519
|
+
labelWrapper: 'absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
1520
|
+
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900',
|
|
1521
|
+
required: '',
|
|
1522
|
+
optional: 'text-xs mr-4 bg-white px-1',
|
|
1523
|
+
description: 'hidden'
|
|
1524
|
+
}
|
|
1525
|
+
};
|
|
1526
|
+
var $65bb4d593718fcda$var$pill = {
|
|
1527
|
+
header: {
|
|
1528
|
+
labelWrapper: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
1529
|
+
description: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6'
|
|
1530
|
+
}
|
|
1531
|
+
};
|
|
1532
|
+
var $65bb4d593718fcda$var$floored = {
|
|
1533
|
+
header: {
|
|
1534
|
+
label: 'block text-sm font-medium leading-6 text-gray-900'
|
|
1535
|
+
}
|
|
1536
|
+
};
|
|
1537
|
+
var $65bb4d593718fcda$var$styles = {
|
|
1538
|
+
base: $65bb4d593718fcda$var$base,
|
|
1539
|
+
normal: $65bb4d593718fcda$var$normal,
|
|
1540
|
+
inset: $65bb4d593718fcda$var$inset,
|
|
1541
|
+
overlapping: $65bb4d593718fcda$var$overlapping,
|
|
1542
|
+
pill: $65bb4d593718fcda$var$pill,
|
|
1543
|
+
floored: $65bb4d593718fcda$var$floored
|
|
1544
|
+
};
|
|
1545
|
+
var $65bb4d593718fcda$export$2e2bcd8739ae039 = $65bb4d593718fcda$var$styles;
|
|
1546
|
+
|
|
1547
|
+
|
|
1548
|
+
var $9314e0aa7f1e874e$var$InputHeader = function(props) {
|
|
1549
|
+
var name = props.name, label = props.label, description = props.description, required = props.required, _a = props.isRequired, isRequired = _a === void 0 ? false : _a, isOptionalLabelHidden = props.isOptionalLabelHidden, stylesOverrides = props.styles, _b = props.type, type = _b === void 0 ? 'normal' : _b;
|
|
1550
|
+
var handleGenerateStyle = function() {
|
|
1551
|
+
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $65bb4d593718fcda$export$2e2bcd8739ae039).base);
|
|
1552
|
+
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $65bb4d593718fcda$export$2e2bcd8739ae039).base);
|
|
1553
|
+
keys.forEach(function(key) {
|
|
1554
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $65bb4d593718fcda$export$2e2bcd8739ae039).base, key), (0, $iA2ta$lodash.get)((0, $65bb4d593718fcda$export$2e2bcd8739ae039)[type], key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
1555
|
+
});
|
|
1556
|
+
return result;
|
|
1557
|
+
};
|
|
1558
|
+
var styles = handleGenerateStyle();
|
|
1559
|
+
var requiredLabel = (0, $iA2ta$react.useMemo)(function() {
|
|
1560
|
+
if (required) return required({
|
|
1561
|
+
isRequired: isRequired
|
|
1562
|
+
});
|
|
1563
|
+
else if (!isRequired && typeof label === 'string' && !isOptionalLabelHidden) return (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
1564
|
+
className: styles.header.optional,
|
|
1565
|
+
children: "Optional"
|
|
1566
|
+
});
|
|
1567
|
+
return null;
|
|
1568
|
+
}, [
|
|
1569
|
+
isOptionalLabelHidden,
|
|
1570
|
+
isRequired,
|
|
1571
|
+
label,
|
|
1572
|
+
required,
|
|
1573
|
+
styles.header.optional
|
|
1574
|
+
]);
|
|
1575
|
+
var labelElement = (0, $iA2ta$react.useMemo)(function() {
|
|
1576
|
+
if (!label && (0, $iA2ta$lodash.isNull)(requiredLabel)) return null;
|
|
1577
|
+
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
1578
|
+
className: styles.header.labelWrapper,
|
|
1579
|
+
children: [
|
|
1580
|
+
(0, $iA2ta$reactjsxruntime.jsx)("label", {
|
|
1581
|
+
htmlFor: name,
|
|
1582
|
+
className: styles.header.label,
|
|
1583
|
+
children: label
|
|
1584
|
+
}),
|
|
1585
|
+
requiredLabel
|
|
1586
|
+
]
|
|
1587
|
+
});
|
|
1588
|
+
}, [
|
|
1589
|
+
label,
|
|
1590
|
+
name,
|
|
1591
|
+
requiredLabel,
|
|
1592
|
+
styles.header.labelWrapper,
|
|
1593
|
+
styles.header.label
|
|
1594
|
+
]);
|
|
1595
|
+
var descriptionElement = (0, $iA2ta$react.useMemo)(function() {
|
|
1596
|
+
if (!description) return null;
|
|
1597
|
+
return (0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
1598
|
+
className: styles.header.description,
|
|
1599
|
+
children: description
|
|
1600
|
+
});
|
|
1601
|
+
}, [
|
|
1602
|
+
description,
|
|
1603
|
+
styles.header.description
|
|
1604
|
+
]);
|
|
1605
|
+
if ((0, $iA2ta$lodash.isNull)(labelElement) && (0, $iA2ta$lodash.isNull)(descriptionElement)) return null;
|
|
1606
|
+
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
1607
|
+
className: styles.header.container,
|
|
1608
|
+
children: [
|
|
1609
|
+
labelElement,
|
|
1610
|
+
descriptionElement
|
|
1611
|
+
]
|
|
1612
|
+
});
|
|
1613
|
+
};
|
|
1614
|
+
var $9314e0aa7f1e874e$export$2e2bcd8739ae039 = $9314e0aa7f1e874e$var$InputHeader;
|
|
1615
|
+
|
|
1616
|
+
|
|
1617
|
+
|
|
1618
|
+
|
|
1619
|
+
|
|
1620
|
+
|
|
1621
|
+
|
|
1622
|
+
|
|
1623
|
+
|
|
1393
1624
|
var $143cee146891bafc$var$base = {
|
|
1394
1625
|
container: '',
|
|
1395
|
-
head: 'flex justify-between',
|
|
1396
1626
|
body: 'relative rounded-md',
|
|
1397
1627
|
foot: '',
|
|
1398
|
-
label: 'block font-medium text-gray-900',
|
|
1399
|
-
hint: 'text-xs text-gray-500',
|
|
1400
1628
|
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
1401
1629
|
input: 'block w-full',
|
|
1402
1630
|
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
1403
|
-
|
|
1404
|
-
error: 'text-red-500 text-xs ml-5 mt-1'
|
|
1631
|
+
error: 'ml-5'
|
|
1405
1632
|
};
|
|
1406
1633
|
var $143cee146891bafc$var$leading = {
|
|
1407
1634
|
input: 'pl-10'
|
|
1408
1635
|
};
|
|
1409
1636
|
var $143cee146891bafc$var$trailing = {};
|
|
1410
1637
|
var $143cee146891bafc$var$normal = {
|
|
1411
|
-
label: 'leading-6 text-sm mb-2',
|
|
1412
|
-
hint: 'leading-6',
|
|
1413
1638
|
leading: 'pl-3',
|
|
1414
1639
|
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
1415
|
-
trailing: 'pr-3'
|
|
1416
|
-
description: 'mt-2 text-sm'
|
|
1640
|
+
trailing: 'pr-3'
|
|
1417
1641
|
};
|
|
1418
1642
|
var $143cee146891bafc$var$inset = {
|
|
1419
1643
|
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
1420
|
-
|
|
1421
|
-
hint: 'text-xs',
|
|
1422
|
-
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
1423
|
-
description: 'hidden'
|
|
1644
|
+
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0'
|
|
1424
1645
|
};
|
|
1425
1646
|
var $143cee146891bafc$var$overlapping = {
|
|
1426
1647
|
container: 'relative',
|
|
1427
|
-
|
|
1428
|
-
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
1429
|
-
hint: 'text-xs mr-4 bg-white px-1',
|
|
1430
|
-
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
1431
|
-
description: 'hidden'
|
|
1648
|
+
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6'
|
|
1432
1649
|
};
|
|
1433
1650
|
var $143cee146891bafc$var$pill = {
|
|
1434
|
-
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
1435
1651
|
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
1436
1652
|
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
1437
|
-
trailing: 'pr-2'
|
|
1438
|
-
description: 'text-xs'
|
|
1653
|
+
trailing: 'pr-2'
|
|
1439
1654
|
};
|
|
1440
1655
|
var $143cee146891bafc$var$floored = {
|
|
1441
1656
|
body: 'relative mt-2',
|
|
1442
|
-
|
|
1443
|
-
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',
|
|
1444
|
-
description: 'text-xs mt-2'
|
|
1657
|
+
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'
|
|
1445
1658
|
};
|
|
1446
1659
|
var $143cee146891bafc$var$invalid = {
|
|
1447
1660
|
container: 'ring-red-500',
|
|
1448
|
-
input:
|
|
1449
|
-
'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',
|
|
1450
|
-
description: 'text-sm text-red-600'
|
|
1661
|
+
input: 'block w-full border border-transparent text-red-900 ring-1 ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500 pr-10'
|
|
1451
1662
|
};
|
|
1452
1663
|
var $143cee146891bafc$var$disabled = {
|
|
1453
1664
|
input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
|
|
@@ -1470,7 +1681,7 @@ var $143cee146891bafc$export$2e2bcd8739ae039 = $143cee146891bafc$var$styles;
|
|
|
1470
1681
|
var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
1471
1682
|
var _a;
|
|
1472
1683
|
var _b;
|
|
1473
|
-
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;
|
|
1684
|
+
var name = props.name, _c = props.htmlType, htmlType = _c === void 0 ? 'text' : _c, label = props.label, hint = props.hint, description = props.description, placeholder = props.placeholder, leading = props.leading, trailing = props.trailing, required = props.required, value = props.value, mask = props.mask, min = props.min, max = props.max, maxLength = props.maxLength, rows = props.rows, error = props.error, _d = props.type, type = _d === void 0 ? 'normal' : _d, isDisabled = props.isDisabled, _e = props.isRequired, isRequired = _e === void 0 ? false : _e, _f = props.isTouched, isTouched = _f === void 0 ? false : _f, _g = props.isSolo, isSolo = _g === void 0 ? false : _g, _h = props.isOptionalLabelHidden, isOptionalLabelHidden = _h === void 0 ? false : _h, onChange = props.onChange, onClear = props.onClear, onBlur = props.onBlur, onClick = props.onClick, onKeyDown = props.onKeyDown, setRefOnLoad = props.setRefOnLoad, stylesOverrides = props.styles;
|
|
1474
1685
|
var isValid = error === undefined;
|
|
1475
1686
|
var maskRef = (0, $iA2ta$reactinputmask.useMask)({
|
|
1476
1687
|
mask: mask === null || mask === void 0 ? void 0 : mask.mask,
|
|
@@ -1480,7 +1691,7 @@ var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
|
1480
1691
|
var ref = mask ? maskRef : defaultRef;
|
|
1481
1692
|
var handleGenerateStyle = function() {
|
|
1482
1693
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $143cee146891bafc$export$2e2bcd8739ae039).base);
|
|
1483
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $143cee146891bafc$export$2e2bcd8739ae039).base);
|
|
1694
|
+
var keys = (0, $iA2ta$lodash.concat)((0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $143cee146891bafc$export$2e2bcd8739ae039).base), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $3369f7d596d23d58$export$2e2bcd8739ae039).base), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $65bb4d593718fcda$export$2e2bcd8739ae039).base));
|
|
1484
1695
|
keys.forEach(function(key) {
|
|
1485
1696
|
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $143cee146891bafc$export$2e2bcd8739ae039).base, key), leading !== undefined && (0, $iA2ta$lodash.get)((0, $143cee146891bafc$export$2e2bcd8739ae039).leading, key), trailing !== undefined && (0, $iA2ta$lodash.get)((0, $143cee146891bafc$export$2e2bcd8739ae039).trailing, key), type && (0, $iA2ta$lodash.get)((0, $143cee146891bafc$export$2e2bcd8739ae039)[type], key), isTouched === true && !isValid && (0, $iA2ta$lodash.get)((0, $143cee146891bafc$export$2e2bcd8739ae039).invalid, key), isDisabled && (0, $iA2ta$lodash.get)((0, $143cee146891bafc$export$2e2bcd8739ae039).disabled, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
1486
1697
|
});
|
|
@@ -1493,7 +1704,6 @@ var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
|
1493
1704
|
});
|
|
1494
1705
|
var isClearable = !trailing && isValid && onClear && value !== '' && value;
|
|
1495
1706
|
var inputDataCy = "form-input-".concat(name);
|
|
1496
|
-
var errorDataCy = "form-input-error-".concat(name);
|
|
1497
1707
|
(0, $iA2ta$react.useEffect)(function() {
|
|
1498
1708
|
if (ref.current && ref.current !== null && setRefOnLoad) setRefOnLoad(ref);
|
|
1499
1709
|
}, [
|
|
@@ -1503,22 +1713,15 @@ var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
|
1503
1713
|
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
1504
1714
|
className: styles.container,
|
|
1505
1715
|
children: [
|
|
1506
|
-
(0, $iA2ta$reactjsxruntime.
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
className: styles.hint,
|
|
1516
|
-
children: "Optional"
|
|
1517
|
-
}),
|
|
1518
|
-
required && required({
|
|
1519
|
-
isRequired: isRequired
|
|
1520
|
-
})
|
|
1521
|
-
]
|
|
1716
|
+
(0, $iA2ta$reactjsxruntime.jsx)((0, $9314e0aa7f1e874e$export$2e2bcd8739ae039), {
|
|
1717
|
+
name: name,
|
|
1718
|
+
label: label,
|
|
1719
|
+
required: required,
|
|
1720
|
+
isRequired: isRequired,
|
|
1721
|
+
isOptionalLabelHidden: isOptionalLabelHidden,
|
|
1722
|
+
styles: styles,
|
|
1723
|
+
type: type,
|
|
1724
|
+
description: description
|
|
1522
1725
|
}),
|
|
1523
1726
|
(0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
1524
1727
|
className: styles.body,
|
|
@@ -1597,19 +1800,13 @@ var $75cfef1d7ff66e89$var$InputGroupForm = function(props) {
|
|
|
1597
1800
|
})
|
|
1598
1801
|
]
|
|
1599
1802
|
}),
|
|
1600
|
-
(0, $iA2ta$reactjsxruntime.
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
error && isTouched && (0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
1608
|
-
className: styles.error,
|
|
1609
|
-
"data-cy": errorDataCy,
|
|
1610
|
-
children: error
|
|
1611
|
-
})
|
|
1612
|
-
]
|
|
1803
|
+
(0, $iA2ta$reactjsxruntime.jsx)((0, $dfbd7d015eae4218$export$2e2bcd8739ae039), {
|
|
1804
|
+
name: name,
|
|
1805
|
+
hint: hint,
|
|
1806
|
+
error: error,
|
|
1807
|
+
isTouched: isTouched,
|
|
1808
|
+
styles: styles,
|
|
1809
|
+
type: type
|
|
1613
1810
|
})
|
|
1614
1811
|
]
|
|
1615
1812
|
});
|
|
@@ -2055,13 +2252,11 @@ https://www.npmjs.com/package/react-tailwindcss-select
|
|
|
2055
2252
|
|
|
2056
2253
|
|
|
2057
2254
|
|
|
2255
|
+
|
|
2058
2256
|
var $f32ee84b87891376$var$base = {
|
|
2059
2257
|
container: '',
|
|
2060
|
-
head: 'flex justify-between',
|
|
2061
2258
|
body: 'relative rounded-md',
|
|
2062
2259
|
foot: '',
|
|
2063
|
-
label: 'block font-medium text-gray-900',
|
|
2064
|
-
hint: 'text-xs text-gray-500',
|
|
2065
2260
|
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
2066
2261
|
input: 'block w-full flex border',
|
|
2067
2262
|
menuButton: '',
|
|
@@ -2088,8 +2283,6 @@ var $f32ee84b87891376$var$leading = {
|
|
|
2088
2283
|
};
|
|
2089
2284
|
var $f32ee84b87891376$var$trailing = {};
|
|
2090
2285
|
var $f32ee84b87891376$var$normal = {
|
|
2091
|
-
label: 'leading-6 text-sm mb-2',
|
|
2092
|
-
hint: 'leading-6',
|
|
2093
2286
|
leading: 'pl-3',
|
|
2094
2287
|
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
2095
2288
|
trailing: '',
|
|
@@ -2097,21 +2290,15 @@ var $f32ee84b87891376$var$normal = {
|
|
|
2097
2290
|
};
|
|
2098
2291
|
var $f32ee84b87891376$var$inset = {
|
|
2099
2292
|
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
2100
|
-
label: 'text-xs',
|
|
2101
|
-
hint: 'text-xs',
|
|
2102
2293
|
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
2103
2294
|
description: 'hidden'
|
|
2104
2295
|
};
|
|
2105
2296
|
var $f32ee84b87891376$var$overlapping = {
|
|
2106
2297
|
container: 'relative',
|
|
2107
|
-
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
2108
|
-
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
2109
|
-
hint: 'text-xs mr-4 bg-white px-1',
|
|
2110
2298
|
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
2111
2299
|
description: 'hidden'
|
|
2112
2300
|
};
|
|
2113
2301
|
var $f32ee84b87891376$var$pill = {
|
|
2114
|
-
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
2115
2302
|
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
2116
2303
|
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
2117
2304
|
trailing: 'pr-2',
|
|
@@ -2119,7 +2306,6 @@ var $f32ee84b87891376$var$pill = {
|
|
|
2119
2306
|
};
|
|
2120
2307
|
var $f32ee84b87891376$var$floored = {
|
|
2121
2308
|
body: 'relative mt-2',
|
|
2122
|
-
label: 'block text-sm font-medium leading-6 text-gray-900',
|
|
2123
2309
|
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',
|
|
2124
2310
|
description: 'text-xs mt-2'
|
|
2125
2311
|
};
|
|
@@ -2149,9 +2335,9 @@ var $f32ee84b87891376$export$2e2bcd8739ae039 = $f32ee84b87891376$var$styles;
|
|
|
2149
2335
|
|
|
2150
2336
|
var $f3fccf014e1f10d5$var$SelectMenuForm = function(props) {
|
|
2151
2337
|
var _a;
|
|
2152
|
-
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;
|
|
2153
|
-
var
|
|
2154
|
-
var
|
|
2338
|
+
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, _j = props.isOptionalLabelHidden, isOptionalLabelHidden = _j === void 0 ? false : _j, onChange = props.onChange, onSearchInputChange = props.onSearchInputChange, onClear = props.onClear, onBlur = props.onBlur, stylesOverrides = props.styles;
|
|
2339
|
+
var _k = (0, $iA2ta$react.useState)(true), isFocus = _k[0], setIsFocus = _k[1];
|
|
2340
|
+
var _l = (0, $iA2ta$react.useState)(value !== null && value !== void 0 ? value : null), state = _l[0], setState = _l[1];
|
|
2155
2341
|
var isValid = error === undefined;
|
|
2156
2342
|
var selectDataCy = "form-select-".concat(name);
|
|
2157
2343
|
var errorDataCy = "form-select-error-".concat(name);
|
|
@@ -2189,25 +2375,28 @@ var $f3fccf014e1f10d5$var$SelectMenuForm = function(props) {
|
|
|
2189
2375
|
}, [
|
|
2190
2376
|
value
|
|
2191
2377
|
]);
|
|
2378
|
+
var descriptionElement = (0, $iA2ta$react.useMemo)(function() {
|
|
2379
|
+
if (!description || error && isTouched) return null;
|
|
2380
|
+
return (0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
2381
|
+
className: styles.description,
|
|
2382
|
+
children: description
|
|
2383
|
+
});
|
|
2384
|
+
}, [
|
|
2385
|
+
description,
|
|
2386
|
+
error,
|
|
2387
|
+
isTouched,
|
|
2388
|
+
styles.description
|
|
2389
|
+
]);
|
|
2192
2390
|
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
2193
2391
|
className: styles.container,
|
|
2194
2392
|
children: [
|
|
2195
|
-
(0, $iA2ta$reactjsxruntime.
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
}),
|
|
2203
|
-
!required && !isRequired && typeof label === 'string' && (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
2204
|
-
className: styles.hint,
|
|
2205
|
-
children: "Optional"
|
|
2206
|
-
}),
|
|
2207
|
-
required && required({
|
|
2208
|
-
isRequired: isRequired
|
|
2209
|
-
})
|
|
2210
|
-
]
|
|
2393
|
+
(0, $iA2ta$reactjsxruntime.jsx)((0, $9314e0aa7f1e874e$export$2e2bcd8739ae039), {
|
|
2394
|
+
name: name,
|
|
2395
|
+
label: label,
|
|
2396
|
+
required: required,
|
|
2397
|
+
isRequired: isRequired,
|
|
2398
|
+
isOptionalLabelHidden: isOptionalLabelHidden,
|
|
2399
|
+
styles: styles
|
|
2211
2400
|
}),
|
|
2212
2401
|
(0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
2213
2402
|
className: styles.container,
|
|
@@ -2263,10 +2452,7 @@ var $f3fccf014e1f10d5$var$SelectMenuForm = function(props) {
|
|
|
2263
2452
|
!isSolo && (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
2264
2453
|
className: styles.foot,
|
|
2265
2454
|
children: [
|
|
2266
|
-
|
|
2267
|
-
className: styles.description,
|
|
2268
|
-
children: description
|
|
2269
|
-
}),
|
|
2455
|
+
descriptionElement,
|
|
2270
2456
|
error && isTouched && (0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
2271
2457
|
className: styles.error,
|
|
2272
2458
|
"data-cy": errorDataCy,
|
|
@@ -5418,7 +5604,8 @@ https://github.com/onesine/react-tailwindcss-datepicker
|
|
|
5418
5604
|
label: 'block font-medium text-gray-900',
|
|
5419
5605
|
hint: 'text-xs text-gray-500',
|
|
5420
5606
|
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
5421
|
-
|
|
5607
|
+
inputWrapper: '',
|
|
5608
|
+
input: 'w-full inline-flex',
|
|
5422
5609
|
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
5423
5610
|
description: 'text-gray-400 text-xs mt-1',
|
|
5424
5611
|
error: 'text-red-500 text-xs ml-5 mt-1'
|
|
@@ -5599,7 +5786,7 @@ var $7d3977a96c400c32$var$DateRangeMenu = function(props) {
|
|
|
5599
5786
|
]
|
|
5600
5787
|
}),
|
|
5601
5788
|
(0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
5602
|
-
className: styles.
|
|
5789
|
+
className: styles.inputWrapper,
|
|
5603
5790
|
"data-cy": inputDataCy,
|
|
5604
5791
|
ref: $datepickerInputRef,
|
|
5605
5792
|
onClick: onClick,
|
|
@@ -5938,13 +6125,10 @@ var $831573d0f77f2d6b$export$2e2bcd8739ae039 = $831573d0f77f2d6b$var$CheckboxInp
|
|
|
5938
6125
|
|
|
5939
6126
|
|
|
5940
6127
|
|
|
6128
|
+
|
|
5941
6129
|
var $7343b5b4243d5cba$var$base = {
|
|
5942
|
-
label: 'block font-medium text-gray-900 leading-6 text-sm mb-2 mr-1',
|
|
5943
6130
|
container: 'flex flex-col',
|
|
5944
|
-
head: 'flex justify-between',
|
|
5945
|
-
hint: 'text-xs text-gray-500',
|
|
5946
6131
|
foot: 'flex flex-col',
|
|
5947
|
-
description: 'text-gray-400 text-xs mt-1',
|
|
5948
6132
|
switch: {
|
|
5949
6133
|
container: 'flex flex-col',
|
|
5950
6134
|
base: 'relative inline-flex w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out',
|
|
@@ -5963,8 +6147,7 @@ var $7343b5b4243d5cba$var$base = {
|
|
|
5963
6147
|
hidden: 'opacity-0 ease-out duration-100',
|
|
5964
6148
|
shown: 'opacity-100 ease-in duration-200',
|
|
5965
6149
|
icon: 'h-3 w-3'
|
|
5966
|
-
}
|
|
5967
|
-
error: 'text-red-500 text-xs ml-0 mt-2'
|
|
6150
|
+
}
|
|
5968
6151
|
};
|
|
5969
6152
|
var $7343b5b4243d5cba$var$md = {
|
|
5970
6153
|
switch: {
|
|
@@ -5992,80 +6175,28 @@ var $7343b5b4243d5cba$export$2e2bcd8739ae039 = $7343b5b4243d5cba$var$styles;
|
|
|
5992
6175
|
|
|
5993
6176
|
|
|
5994
6177
|
var $341e1fbf5ffaef7b$var$Switch = function(props) {
|
|
5995
|
-
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, _d = props.isOptionalLabelHidden, isOptionalLabelHidden = _d === void 0 ? false : _d, onChange = props.onChange, iconAccessorChecked = props.iconAccessorChecked, iconAccessorUnchecked = props.iconAccessorUnchecked;
|
|
6178
|
+
var name = props.name, label = props.label, description = props.description, hint = props.hint, isDisabled = props.isDisabled, _a = props.isRequired, isRequired = _a === void 0 ? false : _a, required = props.required, _b = props.isTouched, isTouched = _b === void 0 ? false : _b, error = props.error, value = props.value, stylesOverrides = props.styles, _c = props.size, size = _c === void 0 ? 'md' : _c, _d = props.isOptionalLabelHidden, isOptionalLabelHidden = _d === void 0 ? false : _d, onChange = props.onChange, iconAccessorChecked = props.iconAccessorChecked, iconAccessorUnchecked = props.iconAccessorUnchecked;
|
|
5996
6179
|
var inputDataCy = "form-input-".concat(name);
|
|
5997
|
-
var errorDataCy = "form-input-error-".concat(name);
|
|
5998
6180
|
var handleGenerateStyle = function() {
|
|
5999
6181
|
var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $7343b5b4243d5cba$export$2e2bcd8739ae039).base);
|
|
6000
|
-
var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $7343b5b4243d5cba$export$2e2bcd8739ae039).base);
|
|
6182
|
+
var keys = (0, $iA2ta$lodash.concat)((0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $7343b5b4243d5cba$export$2e2bcd8739ae039).base), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $3369f7d596d23d58$export$2e2bcd8739ae039).base), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $65bb4d593718fcda$export$2e2bcd8739ae039).base));
|
|
6001
6183
|
(0, $iA2ta$lodash.forEach)(keys, function(key) {
|
|
6002
|
-
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $7343b5b4243d5cba$export$2e2bcd8739ae039).base, key), (0, $iA2ta$lodash.get)((0, $7343b5b4243d5cba$export$2e2bcd8739ae039)[size], key), (0, $iA2ta$lodash.get)(stylesOverrides
|
|
6184
|
+
(0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $7343b5b4243d5cba$export$2e2bcd8739ae039).base, key), (0, $iA2ta$lodash.get)((0, $7343b5b4243d5cba$export$2e2bcd8739ae039)[size], key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
|
|
6003
6185
|
});
|
|
6004
6186
|
return result;
|
|
6005
6187
|
};
|
|
6006
6188
|
var styles = handleGenerateStyle();
|
|
6007
|
-
var labelComponent = (0, $iA2ta$react.useMemo)(function() {
|
|
6008
|
-
if (!label) return null;
|
|
6009
|
-
return (0, $iA2ta$reactjsxruntime.jsx)("label", {
|
|
6010
|
-
htmlFor: name,
|
|
6011
|
-
className: styles.label,
|
|
6012
|
-
children: label
|
|
6013
|
-
});
|
|
6014
|
-
}, [
|
|
6015
|
-
label,
|
|
6016
|
-
name,
|
|
6017
|
-
styles.label
|
|
6018
|
-
]);
|
|
6019
|
-
var optionalLabelComponent = (0, $iA2ta$react.useMemo)(function() {
|
|
6020
|
-
if (required || isRequired || typeof label !== 'string' || isOptionalLabelHidden) return null;
|
|
6021
|
-
return (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
6022
|
-
className: styles.hint,
|
|
6023
|
-
children: "Optional"
|
|
6024
|
-
});
|
|
6025
|
-
}, [
|
|
6026
|
-
isOptionalLabelHidden,
|
|
6027
|
-
isRequired,
|
|
6028
|
-
label,
|
|
6029
|
-
required,
|
|
6030
|
-
styles.hint
|
|
6031
|
-
]);
|
|
6032
|
-
var footComponent = (0, $iA2ta$react.useMemo)(function() {
|
|
6033
|
-
if (!description && !error) return null;
|
|
6034
|
-
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
6035
|
-
className: styles.foot,
|
|
6036
|
-
children: [
|
|
6037
|
-
description && !(error && isTouched) && (0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
6038
|
-
className: styles.description,
|
|
6039
|
-
children: description
|
|
6040
|
-
}),
|
|
6041
|
-
error && isTouched && (0, $iA2ta$reactjsxruntime.jsx)("p", {
|
|
6042
|
-
className: styles.error,
|
|
6043
|
-
"data-cy": errorDataCy,
|
|
6044
|
-
children: error
|
|
6045
|
-
})
|
|
6046
|
-
]
|
|
6047
|
-
});
|
|
6048
|
-
}, [
|
|
6049
|
-
description,
|
|
6050
|
-
error,
|
|
6051
|
-
errorDataCy,
|
|
6052
|
-
isTouched,
|
|
6053
|
-
styles.description,
|
|
6054
|
-
styles.error,
|
|
6055
|
-
styles.foot
|
|
6056
|
-
]);
|
|
6057
6189
|
return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
|
|
6058
6190
|
className: styles.container,
|
|
6059
6191
|
children: [
|
|
6060
|
-
(0, $iA2ta$reactjsxruntime.
|
|
6061
|
-
|
|
6062
|
-
|
|
6063
|
-
|
|
6064
|
-
|
|
6065
|
-
|
|
6066
|
-
|
|
6067
|
-
|
|
6068
|
-
]
|
|
6192
|
+
(0, $iA2ta$reactjsxruntime.jsx)((0, $9314e0aa7f1e874e$export$2e2bcd8739ae039), {
|
|
6193
|
+
name: name,
|
|
6194
|
+
label: label,
|
|
6195
|
+
description: description,
|
|
6196
|
+
required: required,
|
|
6197
|
+
isRequired: isRequired,
|
|
6198
|
+
isOptionalLabelHidden: isOptionalLabelHidden,
|
|
6199
|
+
styles: styles
|
|
6069
6200
|
}),
|
|
6070
6201
|
(0, $iA2ta$reactjsxruntime.jsx)("div", {
|
|
6071
6202
|
className: styles.switch.container,
|
|
@@ -6083,33 +6214,37 @@ var $341e1fbf5ffaef7b$var$Switch = function(props) {
|
|
|
6083
6214
|
name
|
|
6084
6215
|
]
|
|
6085
6216
|
}),
|
|
6086
|
-
(0, $iA2ta$reactjsxruntime.
|
|
6217
|
+
(0, $iA2ta$reactjsxruntime.jsxs)("span", {
|
|
6087
6218
|
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.toggle.base, value ? styles.toggle.checked : styles.toggle.unchecked),
|
|
6088
|
-
children:
|
|
6089
|
-
|
|
6090
|
-
(0, $
|
|
6091
|
-
|
|
6092
|
-
|
|
6093
|
-
|
|
6094
|
-
|
|
6095
|
-
className: styles.icon.icon
|
|
6096
|
-
})
|
|
6097
|
-
}),
|
|
6098
|
-
(0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
6099
|
-
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(value ? styles.icon.shown : styles.icon.hidden, styles.icon.base),
|
|
6100
|
-
"aria-hidden": "true",
|
|
6101
|
-
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
|
|
6102
|
-
accessor: iconAccessorChecked,
|
|
6103
|
-
className: styles.icon.icon
|
|
6104
|
-
})
|
|
6219
|
+
children: [
|
|
6220
|
+
iconAccessorUnchecked && (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
6221
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(value ? styles.icon.hidden : styles.icon.shown, styles.icon.base),
|
|
6222
|
+
"aria-hidden": "true",
|
|
6223
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
|
|
6224
|
+
accessor: iconAccessorUnchecked,
|
|
6225
|
+
className: styles.icon.icon
|
|
6105
6226
|
})
|
|
6106
|
-
|
|
6107
|
-
|
|
6227
|
+
}),
|
|
6228
|
+
iconAccessorChecked && (0, $iA2ta$reactjsxruntime.jsx)("span", {
|
|
6229
|
+
className: (0, $622cd2936b18c771$export$4370d69198e9314a)(value ? styles.icon.shown : styles.icon.hidden, styles.icon.base),
|
|
6230
|
+
"aria-hidden": "true",
|
|
6231
|
+
children: (0, $iA2ta$reactjsxruntime.jsx)((0, $2125901b4a9afff9$export$2e2bcd8739ae039), {
|
|
6232
|
+
accessor: iconAccessorChecked,
|
|
6233
|
+
className: styles.icon.icon
|
|
6234
|
+
})
|
|
6235
|
+
})
|
|
6236
|
+
]
|
|
6108
6237
|
})
|
|
6109
6238
|
]
|
|
6110
6239
|
})
|
|
6111
6240
|
}),
|
|
6112
|
-
|
|
6241
|
+
(0, $iA2ta$reactjsxruntime.jsx)((0, $dfbd7d015eae4218$export$2e2bcd8739ae039), {
|
|
6242
|
+
name: name,
|
|
6243
|
+
error: error,
|
|
6244
|
+
isTouched: isTouched,
|
|
6245
|
+
hint: hint,
|
|
6246
|
+
styles: styles
|
|
6247
|
+
})
|
|
6113
6248
|
]
|
|
6114
6249
|
});
|
|
6115
6250
|
};
|
|
@@ -6338,6 +6473,83 @@ var $079d45c48b1515dd$export$2e2bcd8739ae039 = $079d45c48b1515dd$var$FileInputGr
|
|
|
6338
6473
|
|
|
6339
6474
|
|
|
6340
6475
|
|
|
6476
|
+
var $3698b0b0dc32c78c$var$base = {
|
|
6477
|
+
container: '',
|
|
6478
|
+
head: 'flex justify-between',
|
|
6479
|
+
body: 'relative rounded-md py-2',
|
|
6480
|
+
foot: '',
|
|
6481
|
+
label: 'block font-medium text-gray-900',
|
|
6482
|
+
hint: 'text-xs text-gray-500',
|
|
6483
|
+
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
6484
|
+
input: 'block w-full',
|
|
6485
|
+
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
6486
|
+
description: 'text-gray-400 text-xs mt-1',
|
|
6487
|
+
error: 'text-red-500 text-xs mt-1'
|
|
6488
|
+
};
|
|
6489
|
+
var $3698b0b0dc32c78c$var$leading = {
|
|
6490
|
+
input: 'pl-10'
|
|
6491
|
+
};
|
|
6492
|
+
var $3698b0b0dc32c78c$var$trailing = {};
|
|
6493
|
+
var $3698b0b0dc32c78c$var$normal = {
|
|
6494
|
+
label: 'leading-6 text-sm mb-2',
|
|
6495
|
+
hint: 'leading-6',
|
|
6496
|
+
leading: 'pl-3',
|
|
6497
|
+
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
6498
|
+
trailing: 'pr-3',
|
|
6499
|
+
description: 'mt-2 text-sm'
|
|
6500
|
+
};
|
|
6501
|
+
var $3698b0b0dc32c78c$var$inset = {
|
|
6502
|
+
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
6503
|
+
label: 'text-xs',
|
|
6504
|
+
hint: 'text-xs',
|
|
6505
|
+
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
6506
|
+
description: 'hidden'
|
|
6507
|
+
};
|
|
6508
|
+
var $3698b0b0dc32c78c$var$overlapping = {
|
|
6509
|
+
container: 'relative',
|
|
6510
|
+
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
6511
|
+
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
6512
|
+
hint: 'text-xs mr-4 bg-white px-1',
|
|
6513
|
+
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
6514
|
+
description: 'hidden'
|
|
6515
|
+
};
|
|
6516
|
+
var $3698b0b0dc32c78c$var$pill = {
|
|
6517
|
+
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
6518
|
+
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
6519
|
+
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
6520
|
+
trailing: 'pr-2',
|
|
6521
|
+
description: 'text-xs'
|
|
6522
|
+
};
|
|
6523
|
+
var $3698b0b0dc32c78c$var$floored = {
|
|
6524
|
+
body: 'relative mt-2',
|
|
6525
|
+
label: 'block text-sm font-medium leading-6 text-gray-900',
|
|
6526
|
+
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',
|
|
6527
|
+
description: 'text-xs mt-2'
|
|
6528
|
+
};
|
|
6529
|
+
var $3698b0b0dc32c78c$var$invalid = {
|
|
6530
|
+
container: 'ring-red-500',
|
|
6531
|
+
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',
|
|
6532
|
+
'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',
|
|
6533
|
+
description: 'text-sm text-red-600'
|
|
6534
|
+
};
|
|
6535
|
+
var $3698b0b0dc32c78c$var$disabled = {
|
|
6536
|
+
input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
|
|
6537
|
+
};
|
|
6538
|
+
var $3698b0b0dc32c78c$var$styles = {
|
|
6539
|
+
base: $3698b0b0dc32c78c$var$base,
|
|
6540
|
+
leading: $3698b0b0dc32c78c$var$leading,
|
|
6541
|
+
trailing: $3698b0b0dc32c78c$var$trailing,
|
|
6542
|
+
normal: $3698b0b0dc32c78c$var$normal,
|
|
6543
|
+
inset: $3698b0b0dc32c78c$var$inset,
|
|
6544
|
+
overlapping: $3698b0b0dc32c78c$var$overlapping,
|
|
6545
|
+
pill: $3698b0b0dc32c78c$var$pill,
|
|
6546
|
+
floored: $3698b0b0dc32c78c$var$floored,
|
|
6547
|
+
invalid: $3698b0b0dc32c78c$var$invalid,
|
|
6548
|
+
disabled: $3698b0b0dc32c78c$var$disabled
|
|
6549
|
+
};
|
|
6550
|
+
var $3698b0b0dc32c78c$export$2e2bcd8739ae039 = $3698b0b0dc32c78c$var$styles;
|
|
6551
|
+
|
|
6552
|
+
|
|
6341
6553
|
|
|
6342
6554
|
|
|
6343
6555
|
|
|
@@ -6648,83 +6860,6 @@ var $a14a274e5b9e799a$export$2e2bcd8739ae039 = $a14a274e5b9e799a$var$styles;
|
|
|
6648
6860
|
|
|
6649
6861
|
|
|
6650
6862
|
|
|
6651
|
-
var $3698b0b0dc32c78c$var$base = {
|
|
6652
|
-
container: '',
|
|
6653
|
-
head: 'flex justify-between',
|
|
6654
|
-
body: 'relative rounded-md py-2',
|
|
6655
|
-
foot: '',
|
|
6656
|
-
label: 'block font-medium text-gray-900',
|
|
6657
|
-
hint: 'text-xs text-gray-500',
|
|
6658
|
-
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
6659
|
-
input: 'block w-full',
|
|
6660
|
-
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|
|
6661
|
-
description: 'text-gray-400 text-xs mt-1',
|
|
6662
|
-
error: 'text-red-500 text-xs mt-1'
|
|
6663
|
-
};
|
|
6664
|
-
var $3698b0b0dc32c78c$var$leading = {
|
|
6665
|
-
input: 'pl-10'
|
|
6666
|
-
};
|
|
6667
|
-
var $3698b0b0dc32c78c$var$trailing = {};
|
|
6668
|
-
var $3698b0b0dc32c78c$var$normal = {
|
|
6669
|
-
label: 'leading-6 text-sm mb-2',
|
|
6670
|
-
hint: 'leading-6',
|
|
6671
|
-
leading: 'pl-3',
|
|
6672
|
-
input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
|
|
6673
|
-
trailing: 'pr-3',
|
|
6674
|
-
description: 'mt-2 text-sm'
|
|
6675
|
-
};
|
|
6676
|
-
var $3698b0b0dc32c78c$var$inset = {
|
|
6677
|
-
container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
|
|
6678
|
-
label: 'text-xs',
|
|
6679
|
-
hint: 'text-xs',
|
|
6680
|
-
input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
|
|
6681
|
-
description: 'hidden'
|
|
6682
|
-
};
|
|
6683
|
-
var $3698b0b0dc32c78c$var$overlapping = {
|
|
6684
|
-
container: 'relative',
|
|
6685
|
-
head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
|
|
6686
|
-
label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
|
|
6687
|
-
hint: 'text-xs mr-4 bg-white px-1',
|
|
6688
|
-
input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
6689
|
-
description: 'hidden'
|
|
6690
|
-
};
|
|
6691
|
-
var $3698b0b0dc32c78c$var$pill = {
|
|
6692
|
-
head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
|
|
6693
|
-
foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
|
|
6694
|
-
input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
|
|
6695
|
-
trailing: 'pr-2',
|
|
6696
|
-
description: 'text-xs'
|
|
6697
|
-
};
|
|
6698
|
-
var $3698b0b0dc32c78c$var$floored = {
|
|
6699
|
-
body: 'relative mt-2',
|
|
6700
|
-
label: 'block text-sm font-medium leading-6 text-gray-900',
|
|
6701
|
-
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',
|
|
6702
|
-
description: 'text-xs mt-2'
|
|
6703
|
-
};
|
|
6704
|
-
var $3698b0b0dc32c78c$var$invalid = {
|
|
6705
|
-
container: 'ring-red-500',
|
|
6706
|
-
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',
|
|
6707
|
-
'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',
|
|
6708
|
-
description: 'text-sm text-red-600'
|
|
6709
|
-
};
|
|
6710
|
-
var $3698b0b0dc32c78c$var$disabled = {
|
|
6711
|
-
input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
|
|
6712
|
-
};
|
|
6713
|
-
var $3698b0b0dc32c78c$var$styles = {
|
|
6714
|
-
base: $3698b0b0dc32c78c$var$base,
|
|
6715
|
-
leading: $3698b0b0dc32c78c$var$leading,
|
|
6716
|
-
trailing: $3698b0b0dc32c78c$var$trailing,
|
|
6717
|
-
normal: $3698b0b0dc32c78c$var$normal,
|
|
6718
|
-
inset: $3698b0b0dc32c78c$var$inset,
|
|
6719
|
-
overlapping: $3698b0b0dc32c78c$var$overlapping,
|
|
6720
|
-
pill: $3698b0b0dc32c78c$var$pill,
|
|
6721
|
-
floored: $3698b0b0dc32c78c$var$floored,
|
|
6722
|
-
invalid: $3698b0b0dc32c78c$var$invalid,
|
|
6723
|
-
disabled: $3698b0b0dc32c78c$var$disabled
|
|
6724
|
-
};
|
|
6725
|
-
var $3698b0b0dc32c78c$export$2e2bcd8739ae039 = $3698b0b0dc32c78c$var$styles;
|
|
6726
|
-
|
|
6727
|
-
|
|
6728
6863
|
var $9f6cfd21b337aca9$var$OpeningsHourInputGroupForm = function(props) {
|
|
6729
6864
|
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;
|
|
6730
6865
|
var isValid = error === undefined;
|