@thecb/components 5.2.0 → 5.2.3
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.cjs.js +9 -10
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +9 -10
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/button-with-action/ButtonWithAction.js +1 -1
- package/src/components/atoms/dropdown/DropdownIcon.js +2 -7
- package/src/components/molecules/payment-form-card/PaymentFormCard.js +2 -1
- package/src/components/molecules/radio-section/RadioSection.js +4 -2
package/dist/index.esm.js
CHANGED
|
@@ -12541,7 +12541,7 @@ var ButtonWithAction = function ButtonWithAction(_ref2) {
|
|
|
12541
12541
|
activeStyles: activeStyles,
|
|
12542
12542
|
disabledStyles: disabledStyles,
|
|
12543
12543
|
as: "button",
|
|
12544
|
-
onClick:
|
|
12544
|
+
onClick: isLoading ? undefined : action,
|
|
12545
12545
|
borderRadius: "2px",
|
|
12546
12546
|
theme: themeContext,
|
|
12547
12547
|
extraStyles: "margin: 0.5rem; ".concat(extraStyles),
|
|
@@ -19280,15 +19280,12 @@ var DropdownIcon = function DropdownIcon() {
|
|
|
19280
19280
|
transform: "translate(1 1)"
|
|
19281
19281
|
}, /*#__PURE__*/React.createElement("g", {
|
|
19282
19282
|
fillRule: "evenodd",
|
|
19283
|
-
fill: "none"
|
|
19284
|
-
id: "Symbols_1548197283918"
|
|
19283
|
+
fill: "none"
|
|
19285
19284
|
}, /*#__PURE__*/React.createElement("g", {
|
|
19286
19285
|
fill: "#333",
|
|
19287
|
-
transform: "translate(-155 -22)"
|
|
19288
|
-
id: "Dropdown/Closed_1548197283918"
|
|
19286
|
+
transform: "translate(-155 -22)"
|
|
19289
19287
|
}, /*#__PURE__*/React.createElement("polygon", {
|
|
19290
19288
|
points: "165.59 22.59 161 27.17 156.41 22.59 155 24 161 30 167 24",
|
|
19291
|
-
id: "Path_1548197283918",
|
|
19292
19289
|
vectorEffect: "non-scaling-stroke"
|
|
19293
19290
|
})))));
|
|
19294
19291
|
};
|
|
@@ -33458,7 +33455,7 @@ validatorFns[DATE_AFTER_TODAY] = (value, args, form) => {
|
|
|
33458
33455
|
|
|
33459
33456
|
const IS_VALID_MONTH = "validator/IS_VALID_MONTH";
|
|
33460
33457
|
const IS_VALID_MONTH_ERROR = "error/IS_VALID_MONTH";
|
|
33461
|
-
const isValidMonth
|
|
33458
|
+
const isValidMonth = createValidator(
|
|
33462
33459
|
IS_VALID_MONTH,
|
|
33463
33460
|
IS_VALID_MONTH_ERROR
|
|
33464
33461
|
);
|
|
@@ -40348,7 +40345,7 @@ var formConfig$8 = {
|
|
|
40348
40345
|
constraints: [onlyIntegers(), hasLength(0, 16)]
|
|
40349
40346
|
},
|
|
40350
40347
|
expirationDate: {
|
|
40351
|
-
validators: [required(), hasLength(4, 4), isValidMonth
|
|
40348
|
+
validators: [required(), hasLength(4, 4), isValidMonth(0), dateAfterToday("MMYY", "month", true)],
|
|
40352
40349
|
constraints: [onlyIntegers(), hasLength(0, 4)]
|
|
40353
40350
|
},
|
|
40354
40351
|
cvv: {
|
|
@@ -40451,7 +40448,9 @@ var fallbackValues$C = {
|
|
|
40451
40448
|
{
|
|
40452
40449
|
title: <React Component(s)>,
|
|
40453
40450
|
id: <String> "identifier of section",
|
|
40454
|
-
disabled: boolean,
|
|
40451
|
+
disabled: boolean, (displays section and grayed out radio but disables interaction)
|
|
40452
|
+
hideRadioButton: boolean, (keeps section displayed but hides radio and disables open/close function),
|
|
40453
|
+
hidden: boolean, (hides section entirely)
|
|
40455
40454
|
dataQa: string,
|
|
40456
40455
|
content: <React Component(s)> e.g.: <Box><Stack>cool content stuff</Stack></Box> (any collection of components will work)
|
|
40457
40456
|
}
|
|
@@ -40571,7 +40570,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
40571
40570
|
return !section.hidden;
|
|
40572
40571
|
}).map(function (section) {
|
|
40573
40572
|
return /*#__PURE__*/React.createElement(Motion, {
|
|
40574
|
-
tabIndex: "0",
|
|
40573
|
+
tabIndex: section.hideRadioButton ? "-1" : "0",
|
|
40575
40574
|
onKeyDown: function onKeyDown(e) {
|
|
40576
40575
|
return handleKeyDown(section.id, e);
|
|
40577
40576
|
},
|