@thecb/components 9.2.4-beta.8 → 9.2.5-beta.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.cjs.js +16 -23
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +16 -23
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/dropdown/Dropdown.js +3 -3
- package/src/components/molecules/modal/Modal.js +2 -1
- package/src/components/molecules/radio-section/RadioSection.js +2 -5
- package/src/components/molecules/radio-section/RadioSection.stories.js +2 -4
- package/src/components/molecules/radio-section/radio-button/RadioButton.js +2 -3
- package/dist/src/apps/checkout/pages/payment/sub-pages/payment-amount/PaymentAmount_old.js +0 -49322
- package/src/.DS_Store +0 -0
- package/src/components/.DS_Store +0 -0
- package/src/components/atoms/.DS_Store +0 -0
- package/src/components/atoms/icons/.DS_Store +0 -0
package/dist/index.esm.js
CHANGED
|
@@ -23984,11 +23984,11 @@ var Dropdown = function Dropdown(_ref13) {
|
|
|
23984
23984
|
clearTimeout(timer);
|
|
23985
23985
|
setTimer(setTimeout(function () {
|
|
23986
23986
|
return setInputValue("");
|
|
23987
|
-
},
|
|
23987
|
+
}, 20000));
|
|
23988
23988
|
}
|
|
23989
23989
|
|
|
23990
23990
|
setFilteredOptions(options.filter(function (option) {
|
|
23991
|
-
return option.value.toLowerCase().
|
|
23991
|
+
return option.value.toLowerCase().match(inputValue.toLowerCase()) || option.text.toLowerCase().match(inputValue.toLowerCase());
|
|
23992
23992
|
}));
|
|
23993
23993
|
}, [inputValue]);
|
|
23994
23994
|
useEffect$1(function () {
|
|
@@ -27332,7 +27332,6 @@ var fallbackValues$v = {
|
|
|
27332
27332
|
inactiveColor: inactiveColor
|
|
27333
27333
|
};
|
|
27334
27334
|
|
|
27335
|
-
var _excluded$w = ["radioOn", "radioFocused", "toggleRadio", "name", "disabled", "ariaDescribedBy", "themeValues", "ariaLabelledBy", "ariaLabel"];
|
|
27336
27335
|
var HiddenRadioButton = styled.input.withConfig({
|
|
27337
27336
|
displayName: "RadioButton__HiddenRadioButton",
|
|
27338
27337
|
componentId: "sc-1jed2i-0"
|
|
@@ -27356,9 +27355,7 @@ var RadioButton$1 = function RadioButton(_ref2) {
|
|
|
27356
27355
|
_ref2$ariaLabelledBy = _ref2.ariaLabelledBy,
|
|
27357
27356
|
ariaLabelledBy = _ref2$ariaLabelledBy === void 0 ? "" : _ref2$ariaLabelledBy,
|
|
27358
27357
|
_ref2$ariaLabel = _ref2.ariaLabel,
|
|
27359
|
-
ariaLabel = _ref2$ariaLabel === void 0 ? null : _ref2$ariaLabel
|
|
27360
|
-
rest = _objectWithoutProperties(_ref2, _excluded$w);
|
|
27361
|
-
|
|
27358
|
+
ariaLabel = _ref2$ariaLabel === void 0 ? null : _ref2$ariaLabel;
|
|
27362
27359
|
var buttonBorder = {
|
|
27363
27360
|
onFocused: {
|
|
27364
27361
|
borderColor: themeValues.activeColor,
|
|
@@ -27401,7 +27398,7 @@ var RadioButton$1 = function RadioButton(_ref2) {
|
|
|
27401
27398
|
width: "0px"
|
|
27402
27399
|
}
|
|
27403
27400
|
};
|
|
27404
|
-
var extraProps =
|
|
27401
|
+
var extraProps = {};
|
|
27405
27402
|
|
|
27406
27403
|
if (ariaLabelledBy && ariaLabelledBy.length) {
|
|
27407
27404
|
extraProps["aria-labelledby"] = ariaLabelledBy;
|
|
@@ -38689,7 +38686,7 @@ var TableRowWrapper = styled.tr.withConfig({
|
|
|
38689
38686
|
return extraStyles;
|
|
38690
38687
|
});
|
|
38691
38688
|
|
|
38692
|
-
var _excluded$
|
|
38689
|
+
var _excluded$w = ["children", "extraStyles", "hoverCursor", "hoverEffect", "onClick", "themeValues"];
|
|
38693
38690
|
|
|
38694
38691
|
var TableRow = function TableRow(_ref) {
|
|
38695
38692
|
var children = _ref.children,
|
|
@@ -38699,7 +38696,7 @@ var TableRow = function TableRow(_ref) {
|
|
|
38699
38696
|
hoverEffect = _ref$hoverEffect === void 0 ? true : _ref$hoverEffect,
|
|
38700
38697
|
onClick = _ref.onClick,
|
|
38701
38698
|
themeValues = _ref.themeValues,
|
|
38702
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
38699
|
+
props = _objectWithoutProperties(_ref, _excluded$w);
|
|
38703
38700
|
|
|
38704
38701
|
return /*#__PURE__*/React.createElement(TableRowWrapper, _extends({
|
|
38705
38702
|
onClick: onClick,
|
|
@@ -45744,7 +45741,8 @@ var Modal$1 = function Modal(_ref) {
|
|
|
45744
45741
|
alignItems: "center"
|
|
45745
45742
|
},
|
|
45746
45743
|
dialogStyle: {
|
|
45747
|
-
width: customWidth || "615px"
|
|
45744
|
+
width: customWidth || "615px",
|
|
45745
|
+
overflow: "auto"
|
|
45748
45746
|
},
|
|
45749
45747
|
underlayClickExits: underlayClickExits
|
|
45750
45748
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
@@ -47256,7 +47254,7 @@ var fallbackValues$N = {
|
|
|
47256
47254
|
labeledAmountTotal: labeledAmountTotal
|
|
47257
47255
|
};
|
|
47258
47256
|
|
|
47259
|
-
var _excluded$
|
|
47257
|
+
var _excluded$x = ["amount"],
|
|
47260
47258
|
_excluded2$1 = ["amount"];
|
|
47261
47259
|
|
|
47262
47260
|
var PaymentDetailsContent = function PaymentDetailsContent(_ref) {
|
|
@@ -47501,7 +47499,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
|
|
|
47501
47499
|
return fee.amount > 0;
|
|
47502
47500
|
}).map(function (_ref5) {
|
|
47503
47501
|
var amount = _ref5.amount,
|
|
47504
|
-
rest = _objectWithoutProperties(_ref5, _excluded$
|
|
47502
|
+
rest = _objectWithoutProperties(_ref5, _excluded$x);
|
|
47505
47503
|
|
|
47506
47504
|
return _objectSpread2(_objectSpread2({}, rest), {}, {
|
|
47507
47505
|
amount: displayCurrency(amount)
|
|
@@ -47904,12 +47902,12 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
|
|
|
47904
47902
|
}, errorMessage))))));
|
|
47905
47903
|
};
|
|
47906
47904
|
|
|
47907
|
-
var _excluded$
|
|
47905
|
+
var _excluded$y = ["version"];
|
|
47908
47906
|
|
|
47909
47907
|
var TermsAndConditions = function TermsAndConditions(_ref) {
|
|
47910
47908
|
var _ref$version = _ref.version,
|
|
47911
47909
|
version = _ref$version === void 0 ? "v1" : _ref$version,
|
|
47912
|
-
rest = _objectWithoutProperties(_ref, _excluded$
|
|
47910
|
+
rest = _objectWithoutProperties(_ref, _excluded$y);
|
|
47913
47911
|
|
|
47914
47912
|
var TermsAndConditionsControl = version === "v1" ? TermsAndConditionsControlV1 : TermsAndConditionsControlV2;
|
|
47915
47913
|
return /*#__PURE__*/React.createElement(TermsAndConditionsControl, rest);
|
|
@@ -48616,9 +48614,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48616
48614
|
openHeight = _ref$openHeight === void 0 ? "auto" : _ref$openHeight,
|
|
48617
48615
|
_ref$containerStyles = _ref.containerStyles,
|
|
48618
48616
|
containerStyles = _ref$containerStyles === void 0 ? "" : _ref$containerStyles,
|
|
48619
|
-
ariaDescribedBy = _ref.ariaDescribedBy
|
|
48620
|
-
_ref$isSectionRequire = _ref.isSectionRequired,
|
|
48621
|
-
isSectionRequired = _ref$isSectionRequire === void 0 ? false : _ref$isSectionRequire;
|
|
48617
|
+
ariaDescribedBy = _ref.ariaDescribedBy;
|
|
48622
48618
|
|
|
48623
48619
|
var handleKeyDown = function handleKeyDown(id, e) {
|
|
48624
48620
|
if ((e === null || e === void 0 ? void 0 : e.keyCode) === 13 || (e === null || e === void 0 ? void 0 : e.keyCode) === 32) {
|
|
@@ -48674,8 +48670,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48674
48670
|
extraStyles: containerStyles
|
|
48675
48671
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
48676
48672
|
childGap: "0",
|
|
48677
|
-
role: "radiogroup"
|
|
48678
|
-
"aria-required": isSectionRequired
|
|
48673
|
+
role: "radiogroup"
|
|
48679
48674
|
}, sections.filter(function (section) {
|
|
48680
48675
|
return !section.hidden;
|
|
48681
48676
|
}).map(function (section) {
|
|
@@ -48697,8 +48692,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48697
48692
|
extraStyles: borderStyles,
|
|
48698
48693
|
role: "radio",
|
|
48699
48694
|
"aria-checked": openSection === section.id,
|
|
48700
|
-
"aria-disabled": section.disabled
|
|
48701
|
-
"aria-required": !!(section !== null && section !== void 0 && section.required)
|
|
48695
|
+
"aria-disabled": section.disabled
|
|
48702
48696
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
48703
48697
|
childGap: "0"
|
|
48704
48698
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
@@ -48736,8 +48730,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48736
48730
|
toggleRadio: section.disabled ? noop : function () {
|
|
48737
48731
|
return toggleOpenSection(section.id);
|
|
48738
48732
|
},
|
|
48739
|
-
tabIndex: "-1"
|
|
48740
|
-
"aria-required": !!(section !== null && section !== void 0 && section.required)
|
|
48733
|
+
tabIndex: "-1"
|
|
48741
48734
|
})), section.titleIcon && /*#__PURE__*/React.createElement(Cluster, {
|
|
48742
48735
|
align: "center"
|
|
48743
48736
|
}, section.titleIcon), /*#__PURE__*/React.createElement(Box, {
|