@thecb/components 10.7.5-beta.1 → 10.7.5
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 +0 -15
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +0 -15
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/form-layouts/FormInput.js +0 -11
- package/src/components/molecules/payment-form-card/PaymentFormCard.js +0 -1
package/dist/index.cjs.js
CHANGED
|
@@ -27106,10 +27106,6 @@ var FormInput = function FormInput(_ref15) {
|
|
|
27106
27106
|
_useState2 = _slicedToArray(_useState, 2),
|
|
27107
27107
|
showPassword = _useState2[0],
|
|
27108
27108
|
setShowPassword = _useState2[1];
|
|
27109
|
-
var _useState3 = React.useState(false),
|
|
27110
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
27111
|
-
isFocused = _useState4[0],
|
|
27112
|
-
setIsFocused = _useState4[1];
|
|
27113
27109
|
var _useContext = React.useContext(styled.ThemeContext),
|
|
27114
27110
|
isMobile = _useContext.isMobile;
|
|
27115
27111
|
var setValue = function setValue(value) {
|
|
@@ -27123,7 +27119,6 @@ var FormInput = function FormInput(_ref15) {
|
|
|
27123
27119
|
if (isRequired && value === "") {
|
|
27124
27120
|
setValue("");
|
|
27125
27121
|
}
|
|
27126
|
-
setIsFocused(false);
|
|
27127
27122
|
};
|
|
27128
27123
|
return /*#__PURE__*/React__default.createElement(Stack, {
|
|
27129
27124
|
childGap: "0.25rem"
|
|
@@ -27194,15 +27189,6 @@ var FormInput = function FormInput(_ref15) {
|
|
|
27194
27189
|
"data-qa": dataQa || labelTextWhenNoError,
|
|
27195
27190
|
autoComplete: autocompleteValue,
|
|
27196
27191
|
required: isRequired
|
|
27197
|
-
// Additional handler to detect autofilled values
|
|
27198
|
-
}, autocompleteValue && {
|
|
27199
|
-
onFocus: function onFocus(e) {
|
|
27200
|
-
if (!isFocused) {
|
|
27201
|
-
var _e$target;
|
|
27202
|
-
setValue((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
|
|
27203
|
-
setIsFocused(true);
|
|
27204
|
-
}
|
|
27205
|
-
}
|
|
27206
27192
|
}, props)) : /*#__PURE__*/React__default.createElement(InputField, _extends({
|
|
27207
27193
|
"aria-labelledby": createIdFromString(labelTextWhenNoError),
|
|
27208
27194
|
"aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
|
|
@@ -48702,7 +48688,6 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
|
|
|
48702
48688
|
},
|
|
48703
48689
|
isNum: true,
|
|
48704
48690
|
autocompleteValue: "cc-number",
|
|
48705
|
-
name: "cc-number",
|
|
48706
48691
|
isRequired: true
|
|
48707
48692
|
}), /*#__PURE__*/React__default.createElement(FormInputRow, {
|
|
48708
48693
|
breakpoint: isMobile ? "1000rem" : "21rem",
|