@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.cjs.js
CHANGED
|
@@ -23992,11 +23992,11 @@ var Dropdown = function Dropdown(_ref13) {
|
|
|
23992
23992
|
clearTimeout(timer);
|
|
23993
23993
|
setTimer(setTimeout(function () {
|
|
23994
23994
|
return setInputValue("");
|
|
23995
|
-
},
|
|
23995
|
+
}, 20000));
|
|
23996
23996
|
}
|
|
23997
23997
|
|
|
23998
23998
|
setFilteredOptions(options.filter(function (option) {
|
|
23999
|
-
return option.value.toLowerCase().
|
|
23999
|
+
return option.value.toLowerCase().match(inputValue.toLowerCase()) || option.text.toLowerCase().match(inputValue.toLowerCase());
|
|
24000
24000
|
}));
|
|
24001
24001
|
}, [inputValue]);
|
|
24002
24002
|
React.useEffect(function () {
|
|
@@ -27340,7 +27340,6 @@ var fallbackValues$v = {
|
|
|
27340
27340
|
inactiveColor: inactiveColor
|
|
27341
27341
|
};
|
|
27342
27342
|
|
|
27343
|
-
var _excluded$w = ["radioOn", "radioFocused", "toggleRadio", "name", "disabled", "ariaDescribedBy", "themeValues", "ariaLabelledBy", "ariaLabel", "isRequired"];
|
|
27344
27343
|
var HiddenRadioButton = styled__default.input.withConfig({
|
|
27345
27344
|
displayName: "RadioButton__HiddenRadioButton",
|
|
27346
27345
|
componentId: "sc-1jed2i-0"
|
|
@@ -27364,11 +27363,7 @@ var RadioButton$1 = function RadioButton(_ref2) {
|
|
|
27364
27363
|
_ref2$ariaLabelledBy = _ref2.ariaLabelledBy,
|
|
27365
27364
|
ariaLabelledBy = _ref2$ariaLabelledBy === void 0 ? "" : _ref2$ariaLabelledBy,
|
|
27366
27365
|
_ref2$ariaLabel = _ref2.ariaLabel,
|
|
27367
|
-
ariaLabel = _ref2$ariaLabel === void 0 ? null : _ref2$ariaLabel
|
|
27368
|
-
_ref2$isRequired = _ref2.isRequired,
|
|
27369
|
-
isRequired = _ref2$isRequired === void 0 ? false : _ref2$isRequired,
|
|
27370
|
-
rest = _objectWithoutProperties(_ref2, _excluded$w);
|
|
27371
|
-
|
|
27366
|
+
ariaLabel = _ref2$ariaLabel === void 0 ? null : _ref2$ariaLabel;
|
|
27372
27367
|
var buttonBorder = {
|
|
27373
27368
|
onFocused: {
|
|
27374
27369
|
borderColor: themeValues.activeColor,
|
|
@@ -27411,7 +27406,7 @@ var RadioButton$1 = function RadioButton(_ref2) {
|
|
|
27411
27406
|
width: "0px"
|
|
27412
27407
|
}
|
|
27413
27408
|
};
|
|
27414
|
-
var extraProps =
|
|
27409
|
+
var extraProps = {};
|
|
27415
27410
|
|
|
27416
27411
|
if (ariaLabelledBy && ariaLabelledBy.length) {
|
|
27417
27412
|
extraProps["aria-labelledby"] = ariaLabelledBy;
|
|
@@ -27430,8 +27425,7 @@ var RadioButton$1 = function RadioButton(_ref2) {
|
|
|
27430
27425
|
disabled: disabled,
|
|
27431
27426
|
onClick: toggleRadio,
|
|
27432
27427
|
"aria-describedby": ariaDescribedBy,
|
|
27433
|
-
tabIndex: "-1"
|
|
27434
|
-
required: isRequired
|
|
27428
|
+
tabIndex: "-1"
|
|
27435
27429
|
}, extraProps)), /*#__PURE__*/React__default.createElement(Motion, {
|
|
27436
27430
|
borderWidth: "1px",
|
|
27437
27431
|
borderStyle: "solid",
|
|
@@ -38700,7 +38694,7 @@ var TableRowWrapper = styled__default.tr.withConfig({
|
|
|
38700
38694
|
return extraStyles;
|
|
38701
38695
|
});
|
|
38702
38696
|
|
|
38703
|
-
var _excluded$
|
|
38697
|
+
var _excluded$w = ["children", "extraStyles", "hoverCursor", "hoverEffect", "onClick", "themeValues"];
|
|
38704
38698
|
|
|
38705
38699
|
var TableRow = function TableRow(_ref) {
|
|
38706
38700
|
var children = _ref.children,
|
|
@@ -38710,7 +38704,7 @@ var TableRow = function TableRow(_ref) {
|
|
|
38710
38704
|
hoverEffect = _ref$hoverEffect === void 0 ? true : _ref$hoverEffect,
|
|
38711
38705
|
onClick = _ref.onClick,
|
|
38712
38706
|
themeValues = _ref.themeValues,
|
|
38713
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
38707
|
+
props = _objectWithoutProperties(_ref, _excluded$w);
|
|
38714
38708
|
|
|
38715
38709
|
return /*#__PURE__*/React__default.createElement(TableRowWrapper, _extends({
|
|
38716
38710
|
onClick: onClick,
|
|
@@ -45755,7 +45749,8 @@ var Modal$1 = function Modal(_ref) {
|
|
|
45755
45749
|
alignItems: "center"
|
|
45756
45750
|
},
|
|
45757
45751
|
dialogStyle: {
|
|
45758
|
-
width: customWidth || "615px"
|
|
45752
|
+
width: customWidth || "615px",
|
|
45753
|
+
overflow: "auto"
|
|
45759
45754
|
},
|
|
45760
45755
|
underlayClickExits: underlayClickExits
|
|
45761
45756
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
@@ -47267,7 +47262,7 @@ var fallbackValues$N = {
|
|
|
47267
47262
|
labeledAmountTotal: labeledAmountTotal
|
|
47268
47263
|
};
|
|
47269
47264
|
|
|
47270
|
-
var _excluded$
|
|
47265
|
+
var _excluded$x = ["amount"],
|
|
47271
47266
|
_excluded2$1 = ["amount"];
|
|
47272
47267
|
|
|
47273
47268
|
var PaymentDetailsContent = function PaymentDetailsContent(_ref) {
|
|
@@ -47512,7 +47507,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
|
|
|
47512
47507
|
return fee.amount > 0;
|
|
47513
47508
|
}).map(function (_ref5) {
|
|
47514
47509
|
var amount = _ref5.amount,
|
|
47515
|
-
rest = _objectWithoutProperties(_ref5, _excluded$
|
|
47510
|
+
rest = _objectWithoutProperties(_ref5, _excluded$x);
|
|
47516
47511
|
|
|
47517
47512
|
return _objectSpread2(_objectSpread2({}, rest), {}, {
|
|
47518
47513
|
amount: displayCurrency(amount)
|
|
@@ -47915,12 +47910,12 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
|
|
|
47915
47910
|
}, errorMessage))))));
|
|
47916
47911
|
};
|
|
47917
47912
|
|
|
47918
|
-
var _excluded$
|
|
47913
|
+
var _excluded$y = ["version"];
|
|
47919
47914
|
|
|
47920
47915
|
var TermsAndConditions = function TermsAndConditions(_ref) {
|
|
47921
47916
|
var _ref$version = _ref.version,
|
|
47922
47917
|
version = _ref$version === void 0 ? "v1" : _ref$version,
|
|
47923
|
-
rest = _objectWithoutProperties(_ref, _excluded$
|
|
47918
|
+
rest = _objectWithoutProperties(_ref, _excluded$y);
|
|
47924
47919
|
|
|
47925
47920
|
var TermsAndConditionsControl = version === "v1" ? TermsAndConditionsControlV1 : TermsAndConditionsControlV2;
|
|
47926
47921
|
return /*#__PURE__*/React__default.createElement(TermsAndConditionsControl, rest);
|
|
@@ -48627,9 +48622,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48627
48622
|
openHeight = _ref$openHeight === void 0 ? "auto" : _ref$openHeight,
|
|
48628
48623
|
_ref$containerStyles = _ref.containerStyles,
|
|
48629
48624
|
containerStyles = _ref$containerStyles === void 0 ? "" : _ref$containerStyles,
|
|
48630
|
-
ariaDescribedBy = _ref.ariaDescribedBy
|
|
48631
|
-
_ref$isSectionRequire = _ref.isSectionRequired,
|
|
48632
|
-
isSectionRequired = _ref$isSectionRequire === void 0 ? false : _ref$isSectionRequire;
|
|
48625
|
+
ariaDescribedBy = _ref.ariaDescribedBy;
|
|
48633
48626
|
|
|
48634
48627
|
var handleKeyDown = function handleKeyDown(id, e) {
|
|
48635
48628
|
if ((e === null || e === void 0 ? void 0 : e.keyCode) === 13 || (e === null || e === void 0 ? void 0 : e.keyCode) === 32) {
|
|
@@ -48685,8 +48678,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48685
48678
|
extraStyles: containerStyles
|
|
48686
48679
|
}, /*#__PURE__*/React__default.createElement(Stack, {
|
|
48687
48680
|
childGap: "0",
|
|
48688
|
-
role: "radiogroup"
|
|
48689
|
-
"aria-required": isSectionRequired
|
|
48681
|
+
role: "radiogroup"
|
|
48690
48682
|
}, sections.filter(function (section) {
|
|
48691
48683
|
return !section.hidden;
|
|
48692
48684
|
}).map(function (section) {
|
|
@@ -48708,8 +48700,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48708
48700
|
extraStyles: borderStyles,
|
|
48709
48701
|
role: "radio",
|
|
48710
48702
|
"aria-checked": openSection === section.id,
|
|
48711
|
-
"aria-disabled": section.disabled
|
|
48712
|
-
"aria-required": !!(section !== null && section !== void 0 && section.required)
|
|
48703
|
+
"aria-disabled": section.disabled
|
|
48713
48704
|
}, /*#__PURE__*/React__default.createElement(Stack, {
|
|
48714
48705
|
childGap: "0"
|
|
48715
48706
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
@@ -48747,8 +48738,7 @@ var RadioSection = function RadioSection(_ref) {
|
|
|
48747
48738
|
toggleRadio: section.disabled ? noop : function () {
|
|
48748
48739
|
return toggleOpenSection(section.id);
|
|
48749
48740
|
},
|
|
48750
|
-
tabIndex: "-1"
|
|
48751
|
-
isRequired: !!(section !== null && section !== void 0 && section.required)
|
|
48741
|
+
tabIndex: "-1"
|
|
48752
48742
|
})), section.titleIcon && /*#__PURE__*/React__default.createElement(Cluster, {
|
|
48753
48743
|
align: "center"
|
|
48754
48744
|
}, section.titleIcon), /*#__PURE__*/React__default.createElement(Box, {
|