@thecb/components 9.2.4-beta.9 → 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 +17 -27
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +17 -27
- 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 -5
- 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", "isRequired"];
|
|
27336
27335
|
var HiddenRadioButton = styled.input.withConfig({
|
|
27337
27336
|
displayName: "RadioButton__HiddenRadioButton",
|
|
27338
27337
|
componentId: "sc-1jed2i-0"
|
|
@@ -27356,11 +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
|
-
_ref2$isRequired = _ref2.isRequired,
|
|
27361
|
-
isRequired = _ref2$isRequired === void 0 ? false : _ref2$isRequired,
|
|
27362
|
-
rest = _objectWithoutProperties(_ref2, _excluded$w);
|
|
27363
|
-
|
|
27358
|
+
ariaLabel = _ref2$ariaLabel === void 0 ? null : _ref2$ariaLabel;
|
|
27364
27359
|
var buttonBorder = {
|
|
27365
27360
|
onFocused: {
|
|
27366
27361
|
borderColor: themeValues.activeColor,
|
|
@@ -27403,7 +27398,7 @@ var RadioButton$1 = function RadioButton(_ref2) {
|
|
|
27403
27398
|
width: "0px"
|
|
27404
27399
|
}
|
|
27405
27400
|
};
|
|
27406
|
-
var extraProps =
|
|
27401
|
+
var extraProps = {};
|
|
27407
27402
|
|
|
27408
27403
|
if (ariaLabelledBy && ariaLabelledBy.length) {
|
|
27409
27404
|
extraProps["aria-labelledby"] = ariaLabelledBy;
|
|
@@ -27422,8 +27417,7 @@ var RadioButton$1 = function RadioButton(_ref2) {
|
|
|
27422
27417
|
disabled: disabled,
|
|
27423
27418
|
onClick: toggleRadio,
|
|
27424
27419
|
"aria-describedby": ariaDescribedBy,
|
|
27425
|
-
tabIndex: "-1"
|
|
27426
|
-
required: isRequired
|
|
27420
|
+
tabIndex: "-1"
|
|
27427
27421
|
}, extraProps)), /*#__PURE__*/React.createElement(Motion, {
|
|
27428
27422
|
borderWidth: "1px",
|
|
27429
27423
|
borderStyle: "solid",
|
|
@@ -38692,7 +38686,7 @@ var TableRowWrapper = styled.tr.withConfig({
|
|
|
38692
38686
|
return extraStyles;
|
|
38693
38687
|
});
|
|
38694
38688
|
|
|
38695
|
-
var _excluded$
|
|
38689
|
+
var _excluded$w = ["children", "extraStyles", "hoverCursor", "hoverEffect", "onClick", "themeValues"];
|
|
38696
38690
|
|
|
38697
38691
|
var TableRow = function TableRow(_ref) {
|
|
38698
38692
|
var children = _ref.children,
|
|
@@ -38702,7 +38696,7 @@ var TableRow = function TableRow(_ref) {
|
|
|
38702
38696
|
hoverEffect = _ref$hoverEffect === void 0 ? true : _ref$hoverEffect,
|
|
38703
38697
|
onClick = _ref.onClick,
|
|
38704
38698
|
themeValues = _ref.themeValues,
|
|
38705
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
38699
|
+
props = _objectWithoutProperties(_ref, _excluded$w);
|
|
38706
38700
|
|
|
38707
38701
|
return /*#__PURE__*/React.createElement(TableRowWrapper, _extends({
|
|
38708
38702
|
onClick: onClick,
|
|
@@ -45747,7 +45741,8 @@ var Modal$1 = function Modal(_ref) {
|
|
|
45747
45741
|
alignItems: "center"
|
|
45748
45742
|
},
|
|
45749
45743
|
dialogStyle: {
|
|
45750
|
-
width: customWidth || "615px"
|
|
45744
|
+
width: customWidth || "615px",
|
|
45745
|
+
overflow: "auto"
|
|
45751
45746
|
},
|
|
45752
45747
|
underlayClickExits: underlayClickExits
|
|
45753
45748
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
@@ -47259,7 +47254,7 @@ var fallbackValues$N = {
|
|
|
47259
47254
|
labeledAmountTotal: labeledAmountTotal
|
|
47260
47255
|
};
|
|
47261
47256
|
|
|
47262
|
-
var _excluded$
|
|
47257
|
+
var _excluded$x = ["amount"],
|
|
47263
47258
|
_excluded2$1 = ["amount"];
|
|
47264
47259
|
|
|
47265
47260
|
var PaymentDetailsContent = function PaymentDetailsContent(_ref) {
|
|
@@ -47504,7 +47499,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
|
|
|
47504
47499
|
return fee.amount > 0;
|
|
47505
47500
|
}).map(function (_ref5) {
|
|
47506
47501
|
var amount = _ref5.amount,
|
|
47507
|
-
rest = _objectWithoutProperties(_ref5, _excluded$
|
|
47502
|
+
rest = _objectWithoutProperties(_ref5, _excluded$x);
|
|
47508
47503
|
|
|
47509
47504
|
return _objectSpread2(_objectSpread2({}, rest), {}, {
|
|
47510
47505
|
amount: displayCurrency(amount)
|
|
@@ -47907,12 +47902,12 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
|
|
|
47907
47902
|
}, errorMessage))))));
|
|
47908
47903
|
};
|
|
47909
47904
|
|
|
47910
|
-
var _excluded$
|
|
47905
|
+
var _excluded$y = ["version"];
|
|
47911
47906
|
|
|
47912
47907
|
var TermsAndConditions = function TermsAndConditions(_ref) {
|
|
47913
47908
|
var _ref$version = _ref.version,
|
|
47914
47909
|
version = _ref$version === void 0 ? "v1" : _ref$version,
|
|
47915
|
-
rest = _objectWithoutProperties(_ref, _excluded$
|
|
47910
|
+
rest = _objectWithoutProperties(_ref, _excluded$y);
|
|
47916
47911
|
|
|
47917
47912
|
var TermsAndConditionsControl = version === "v1" ? TermsAndConditionsControlV1 : TermsAndConditionsControlV2;
|
|
47918
47913
|
return /*#__PURE__*/React.createElement(TermsAndConditionsControl, rest);
|
|
@@ -48619,9 +48614,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48619
48614
|
openHeight = _ref$openHeight === void 0 ? "auto" : _ref$openHeight,
|
|
48620
48615
|
_ref$containerStyles = _ref.containerStyles,
|
|
48621
48616
|
containerStyles = _ref$containerStyles === void 0 ? "" : _ref$containerStyles,
|
|
48622
|
-
ariaDescribedBy = _ref.ariaDescribedBy
|
|
48623
|
-
_ref$isSectionRequire = _ref.isSectionRequired,
|
|
48624
|
-
isSectionRequired = _ref$isSectionRequire === void 0 ? false : _ref$isSectionRequire;
|
|
48617
|
+
ariaDescribedBy = _ref.ariaDescribedBy;
|
|
48625
48618
|
|
|
48626
48619
|
var handleKeyDown = function handleKeyDown(id, e) {
|
|
48627
48620
|
if ((e === null || e === void 0 ? void 0 : e.keyCode) === 13 || (e === null || e === void 0 ? void 0 : e.keyCode) === 32) {
|
|
@@ -48677,8 +48670,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48677
48670
|
extraStyles: containerStyles
|
|
48678
48671
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
48679
48672
|
childGap: "0",
|
|
48680
|
-
role: "radiogroup"
|
|
48681
|
-
"aria-required": isSectionRequired
|
|
48673
|
+
role: "radiogroup"
|
|
48682
48674
|
}, sections.filter(function (section) {
|
|
48683
48675
|
return !section.hidden;
|
|
48684
48676
|
}).map(function (section) {
|
|
@@ -48700,8 +48692,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48700
48692
|
extraStyles: borderStyles,
|
|
48701
48693
|
role: "radio",
|
|
48702
48694
|
"aria-checked": openSection === section.id,
|
|
48703
|
-
"aria-disabled": section.disabled
|
|
48704
|
-
"aria-required": !!(section !== null && section !== void 0 && section.required)
|
|
48695
|
+
"aria-disabled": section.disabled
|
|
48705
48696
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
48706
48697
|
childGap: "0"
|
|
48707
48698
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
@@ -48739,8 +48730,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48739
48730
|
toggleRadio: section.disabled ? noop : function () {
|
|
48740
48731
|
return toggleOpenSection(section.id);
|
|
48741
48732
|
},
|
|
48742
|
-
tabIndex: "-1"
|
|
48743
|
-
isRequired: !!(section !== null && section !== void 0 && section.required)
|
|
48733
|
+
tabIndex: "-1"
|
|
48744
48734
|
})), section.titleIcon && /*#__PURE__*/React.createElement(Cluster, {
|
|
48745
48735
|
align: "center"
|
|
48746
48736
|
}, section.titleIcon), /*#__PURE__*/React.createElement(Box, {
|