@vaadin/custom-field 24.4.16 → 24.4.18

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.
Files changed (4) hide show
  1. package/package.json +18 -18
  2. package/src/vaadin-custom-field-mixin.js +7 -5
  3. package/web-types.json +3 -3
  4. package/web-types.lit.json +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/custom-field",
3
- "version": "24.4.16",
3
+ "version": "24.4.18",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -38,32 +38,32 @@
38
38
  "dependencies": {
39
39
  "@open-wc/dedupe-mixin": "^1.3.0",
40
40
  "@polymer/polymer": "^3.0.0",
41
- "@vaadin/a11y-base": "~24.4.16",
42
- "@vaadin/component-base": "~24.4.16",
43
- "@vaadin/field-base": "~24.4.16",
44
- "@vaadin/vaadin-lumo-styles": "~24.4.16",
45
- "@vaadin/vaadin-material-styles": "~24.4.16",
46
- "@vaadin/vaadin-themable-mixin": "~24.4.16",
41
+ "@vaadin/a11y-base": "~24.4.18",
42
+ "@vaadin/component-base": "~24.4.18",
43
+ "@vaadin/field-base": "~24.4.18",
44
+ "@vaadin/vaadin-lumo-styles": "~24.4.18",
45
+ "@vaadin/vaadin-material-styles": "~24.4.18",
46
+ "@vaadin/vaadin-themable-mixin": "~24.4.18",
47
47
  "lit": "^3.0.0"
48
48
  },
49
49
  "devDependencies": {
50
50
  "@esm-bundle/chai": "^4.3.4",
51
- "@vaadin/combo-box": "~24.4.16",
52
- "@vaadin/date-picker": "~24.4.16",
53
- "@vaadin/email-field": "~24.4.16",
54
- "@vaadin/form-layout": "~24.4.16",
55
- "@vaadin/number-field": "~24.4.16",
56
- "@vaadin/password-field": "~24.4.16",
57
- "@vaadin/select": "~24.4.16",
51
+ "@vaadin/combo-box": "~24.4.18",
52
+ "@vaadin/date-picker": "~24.4.18",
53
+ "@vaadin/email-field": "~24.4.18",
54
+ "@vaadin/form-layout": "~24.4.18",
55
+ "@vaadin/number-field": "~24.4.18",
56
+ "@vaadin/password-field": "~24.4.18",
57
+ "@vaadin/select": "~24.4.18",
58
58
  "@vaadin/testing-helpers": "^0.6.0",
59
- "@vaadin/text-area": "~24.4.16",
60
- "@vaadin/text-field": "~24.4.16",
61
- "@vaadin/time-picker": "~24.4.16",
59
+ "@vaadin/text-area": "~24.4.18",
60
+ "@vaadin/text-field": "~24.4.18",
61
+ "@vaadin/time-picker": "~24.4.18",
62
62
  "sinon": "^13.0.2"
63
63
  },
64
64
  "web-types": [
65
65
  "web-types.json",
66
66
  "web-types.lit.json"
67
67
  ],
68
- "gitHead": "f21deed6fb2f251b85ab88e89a7a4799f7bc4768"
68
+ "gitHead": "af1a9d8ba1a195d6f714fe45e1eae932b2d5ce38"
69
69
  }
package/src/vaadin-custom-field-mixin.js CHANGED
@@ -171,7 +171,7 @@ export const CustomFieldMixin = (superClass) =>
171
171
  */
172
172
  _shouldRemoveFocus(event) {
173
173
  const { relatedTarget } = event;
174
- return !this.inputs.some((el) => relatedTarget === (el.focusElement || el));
174
+ return !this.inputs || !this.inputs.some((el) => relatedTarget === (el.focusElement || el));
175
175
  }
176
176
 
177
177
  /**
@@ -180,9 +180,10 @@ export const CustomFieldMixin = (superClass) =>
180
180
  * @return {boolean}
181
181
  */
182
182
  checkValidity() {
183
- const invalidFields = this.inputs.filter((input) => !(input.validate || input.checkValidity).call(input));
183
+ const hasInvalidFields =
184
+ this.inputs && this.inputs.some((input) => !(input.validate || input.checkValidity).call(input));
184
185
 
185
- if (invalidFields.length || (this.required && !(this.value && this.value.trim()))) {
186
+ if (hasInvalidFields || (this.required && !(this.value && this.value.trim()))) {
186
187
  // Either 1. one of the input fields is invalid or
187
188
  // 2. the custom field itself is required but doesn't have a value
188
189
  return false;
@@ -212,9 +213,10 @@ export const CustomFieldMixin = (superClass) =>
212
213
  */
213
214
  _onKeyDown(e) {
214
215
  if (e.key === 'Tab') {
216
+ const inputs = this.inputs || [];
215
217
  if (
216
- (this.inputs.indexOf(e.target) < this.inputs.length - 1 && !e.shiftKey) ||
217
- (this.inputs.indexOf(e.target) > 0 && e.shiftKey)
218
+ (inputs.indexOf(e.target) < inputs.length - 1 && !e.shiftKey) ||
219
+ (inputs.indexOf(e.target) > 0 && e.shiftKey)
218
220
  ) {
219
221
  this.dispatchEvent(new CustomEvent('internal-tab'));
220
222
  } else {
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/custom-field",
4
- "version": "24.4.16",
4
+ "version": "24.4.18",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -100,7 +100,7 @@
100
100
  },
101
101
  {
102
102
  "name": "value",
103
- "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/24.4.16/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/24.4.16/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
103
+ "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/24.4.18/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/24.4.18/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
104
104
  "value": {
105
105
  "type": [
106
106
  "string",
@@ -213,7 +213,7 @@
213
213
  },
214
214
  {
215
215
  "name": "value",
216
- "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/24.4.16/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/24.4.16/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
216
+ "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/24.4.18/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/24.4.18/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
217
217
  "value": {
218
218
  "type": [
219
219
  "string",
package/web-types.lit.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/custom-field",
4
- "version": "24.4.16",
4
+ "version": "24.4.18",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -77,7 +77,7 @@
77
77
  },
78
78
  {
79
79
  "name": ".value",
80
- "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/24.4.16/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/24.4.16/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
80
+ "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/24.4.18/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/24.4.18/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
81
81
  "value": {
82
82
  "kind": "expression"
83
83
  }