@descope/web-components-ui 1.0.189 → 1.0.191
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +24 -0
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +24 -0
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/1000.js +1 -1
- package/dist/umd/descope-combo-box-index-js.js +1 -1
- package/dist/umd/descope-upload-file-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-combo-box/ComboBoxClass.js +2 -0
- package/src/components/descope-upload-file/UploadFileClass.js +6 -0
- package/src/mixins/proxyInputMixin.js +15 -0
- package/src/theme/components/comboBox.js +1 -0
package/dist/index.esm.js
CHANGED
@@ -1768,6 +1768,21 @@ const proxyInputMixin =
|
|
1768
1768
|
this.setAttribute('error-message', this.validationMessage);
|
1769
1769
|
}
|
1770
1770
|
|
1771
|
+
// We do not want to show the default validity report tooltip
|
1772
|
+
// So we are overriding the reportValidity fn to show the input's error message
|
1773
|
+
reportValidity = () => {
|
1774
|
+
if (!this.checkValidity()) {
|
1775
|
+
this.setAttribute('invalid', 'true');
|
1776
|
+
this.#handleErrorMessage();
|
1777
|
+
this.focus();
|
1778
|
+
}
|
1779
|
+
};
|
1780
|
+
|
1781
|
+
// we are keeping also the default reportValidity because there are some components that still using it
|
1782
|
+
defaultReportValidity() {
|
1783
|
+
return super.reportValidity();
|
1784
|
+
}
|
1785
|
+
|
1771
1786
|
init() {
|
1772
1787
|
super.init?.();
|
1773
1788
|
|
@@ -4058,6 +4073,7 @@ const ComboBoxClass = compose(
|
|
4058
4073
|
overlayFontSize: { property: () => ComboBoxClass.cssVarList.overlay.fontSize },
|
4059
4074
|
overlayFontFamily: { property: () => ComboBoxClass.cssVarList.overlay.fontFamily },
|
4060
4075
|
overlayCursor: { property: () => ComboBoxClass.cssVarList.overlay.cursor },
|
4076
|
+
overlayItemBoxShadow: { property: () => ComboBoxClass.cssVarList.overlay.itemBoxShadow },
|
4061
4077
|
},
|
4062
4078
|
}),
|
4063
4079
|
draggableMixin,
|
@@ -4071,6 +4087,7 @@ const ComboBoxClass = compose(
|
|
4071
4087
|
cursor: { selector: 'vaadin-combo-box-item' },
|
4072
4088
|
fontFamily: { selector: 'vaadin-combo-box-item' },
|
4073
4089
|
fontSize: { selector: 'vaadin-combo-box-item' },
|
4090
|
+
itemBoxShadow: { selector: 'vaadin-combo-box-item', property: 'box-shadow' },
|
4074
4091
|
},
|
4075
4092
|
forward: {
|
4076
4093
|
include: false,
|
@@ -6679,6 +6696,12 @@ class RawUploadFile extends BaseInputClass {
|
|
6679
6696
|
};
|
6680
6697
|
}
|
6681
6698
|
|
6699
|
+
// this is a temp solution,
|
6700
|
+
// we should show the input error message like we have in all other inputs
|
6701
|
+
reportValidity() {
|
6702
|
+
this.defaultReportValidity();
|
6703
|
+
}
|
6704
|
+
|
6682
6705
|
getValidity() {
|
6683
6706
|
if (this.isRequired && !this.value) {
|
6684
6707
|
return { valueMissing: true };
|
@@ -8494,6 +8517,7 @@ const comboBox = {
|
|
8494
8517
|
[vars$8.overlayFontSize]: refs.fontSize,
|
8495
8518
|
[vars$8.overlayFontFamily]: refs.fontFamily,
|
8496
8519
|
[vars$8.overlayCursor]: 'pointer',
|
8520
|
+
[vars$8.overlayItemBoxShadow]: 'none',
|
8497
8521
|
|
8498
8522
|
// Overlay direct theme:
|
8499
8523
|
[vars$8.overlay.minHeight]: '400px',
|