@descope/web-components-ui 1.0.212 → 1.0.213
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +3 -0
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +5 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/1000.js +1 -1
- package/dist/umd/phone-fields-descope-phone-field-descope-phone-field-internal-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/phone-fields/descope-phone-field/descope-phone-field-internal/PhoneFieldInternal.js +2 -4
- package/src/mixins/proxyInputMixin.js +3 -0
package/dist/index.esm.js
CHANGED
@@ -966,6 +966,9 @@ const proxyInputMixin =
|
|
966
966
|
// We do not want to show the default validity report tooltip
|
967
967
|
// So we are overriding the reportValidity fn to show the input's error message
|
968
968
|
reportValidity = () => {
|
969
|
+
// we want to update validity so in case the value was set programmatically, we won't get an error
|
970
|
+
this.inputElement.setCustomValidity('');
|
971
|
+
this.setCustomValidity('');
|
969
972
|
if (!this.checkValidity()) {
|
970
973
|
this.setAttribute('invalid', 'true');
|
971
974
|
this.#handleErrorMessage();
|
@@ -4790,7 +4793,7 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$3 {
|
|
4790
4793
|
|
4791
4794
|
// override combo box setter to display dialCode value in input
|
4792
4795
|
this.countryCodeInput.customValueTransformFn = (val) => {
|
4793
|
-
const [, dialCode] = val
|
4796
|
+
const [, dialCode] = val?.split?.(' ') || [];
|
4794
4797
|
return dialCode;
|
4795
4798
|
};
|
4796
4799
|
}
|
@@ -4862,9 +4865,7 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$3 {
|
|
4862
4865
|
}
|
4863
4866
|
|
4864
4867
|
getCountryByDialCode(countryDialCode) {
|
4865
|
-
return this.countryCodeInput.items?.find(
|
4866
|
-
(c) => c.getAttribute('data-country-code') === countryDialCode
|
4867
|
-
);
|
4868
|
+
return this.countryCodeInput.items?.find((c) => c.getAttribute('data-id') === countryDialCode);
|
4868
4869
|
}
|
4869
4870
|
|
4870
4871
|
getCountryByCodeId(countryCode) {
|