@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.cjs.js
CHANGED
|
@@ -12549,7 +12549,7 @@ var ButtonWithAction = function ButtonWithAction(_ref2) {
|
|
|
12549
12549
|
activeStyles: activeStyles,
|
|
12550
12550
|
disabledStyles: disabledStyles,
|
|
12551
12551
|
as: "button",
|
|
12552
|
-
onClick:
|
|
12552
|
+
onClick: isLoading ? undefined : action,
|
|
12553
12553
|
borderRadius: "2px",
|
|
12554
12554
|
theme: themeContext,
|
|
12555
12555
|
extraStyles: "margin: 0.5rem; ".concat(extraStyles),
|
|
@@ -19288,15 +19288,12 @@ var DropdownIcon = function DropdownIcon() {
|
|
|
19288
19288
|
transform: "translate(1 1)"
|
|
19289
19289
|
}, /*#__PURE__*/React__default.createElement("g", {
|
|
19290
19290
|
fillRule: "evenodd",
|
|
19291
|
-
fill: "none"
|
|
19292
|
-
id: "Symbols_1548197283918"
|
|
19291
|
+
fill: "none"
|
|
19293
19292
|
}, /*#__PURE__*/React__default.createElement("g", {
|
|
19294
19293
|
fill: "#333",
|
|
19295
|
-
transform: "translate(-155 -22)"
|
|
19296
|
-
id: "Dropdown/Closed_1548197283918"
|
|
19294
|
+
transform: "translate(-155 -22)"
|
|
19297
19295
|
}, /*#__PURE__*/React__default.createElement("polygon", {
|
|
19298
19296
|
points: "165.59 22.59 161 27.17 156.41 22.59 155 24 161 30 167 24",
|
|
19299
|
-
id: "Path_1548197283918",
|
|
19300
19297
|
vectorEffect: "non-scaling-stroke"
|
|
19301
19298
|
})))));
|
|
19302
19299
|
};
|
|
@@ -33466,7 +33463,7 @@ validatorFns[DATE_AFTER_TODAY] = (value, args, form) => {
|
|
|
33466
33463
|
|
|
33467
33464
|
const IS_VALID_MONTH = "validator/IS_VALID_MONTH";
|
|
33468
33465
|
const IS_VALID_MONTH_ERROR = "error/IS_VALID_MONTH";
|
|
33469
|
-
const isValidMonth
|
|
33466
|
+
const isValidMonth = createValidator(
|
|
33470
33467
|
IS_VALID_MONTH,
|
|
33471
33468
|
IS_VALID_MONTH_ERROR
|
|
33472
33469
|
);
|
|
@@ -40356,7 +40353,7 @@ var formConfig$8 = {
|
|
|
40356
40353
|
constraints: [onlyIntegers(), hasLength(0, 16)]
|
|
40357
40354
|
},
|
|
40358
40355
|
expirationDate: {
|
|
40359
|
-
validators: [required(), hasLength(4, 4), isValidMonth
|
|
40356
|
+
validators: [required(), hasLength(4, 4), isValidMonth(0), dateAfterToday("MMYY", "month", true)],
|
|
40360
40357
|
constraints: [onlyIntegers(), hasLength(0, 4)]
|
|
40361
40358
|
},
|
|
40362
40359
|
cvv: {
|
|
@@ -40459,7 +40456,9 @@ var fallbackValues$C = {
|
|
|
40459
40456
|
{
|
|
40460
40457
|
title: <React Component(s)>,
|
|
40461
40458
|
id: <String> "identifier of section",
|
|
40462
|
-
disabled: boolean,
|
|
40459
|
+
disabled: boolean, (displays section and grayed out radio but disables interaction)
|
|
40460
|
+
hideRadioButton: boolean, (keeps section displayed but hides radio and disables open/close function),
|
|
40461
|
+
hidden: boolean, (hides section entirely)
|
|
40463
40462
|
dataQa: string,
|
|
40464
40463
|
content: <React Component(s)> e.g.: <Box><Stack>cool content stuff</Stack></Box> (any collection of components will work)
|
|
40465
40464
|
}
|
|
@@ -40579,7 +40578,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
40579
40578
|
return !section.hidden;
|
|
40580
40579
|
}).map(function (section) {
|
|
40581
40580
|
return /*#__PURE__*/React__default.createElement(Motion, {
|
|
40582
|
-
tabIndex: "0",
|
|
40581
|
+
tabIndex: section.hideRadioButton ? "-1" : "0",
|
|
40583
40582
|
onKeyDown: function onKeyDown(e) {
|
|
40584
40583
|
return handleKeyDown(section.id, e);
|
|
40585
40584
|
},
|