@vaadin/grid-pro 24.6.0-beta1 → 24.7.0-alpha1

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/grid-pro",
3
- "version": "24.6.0-beta1",
3
+ "version": "24.7.0-alpha1",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -39,19 +39,19 @@
39
39
  "dependencies": {
40
40
  "@open-wc/dedupe-mixin": "^1.3.0",
41
41
  "@polymer/polymer": "^3.0.0",
42
- "@vaadin/checkbox": "24.6.0-beta1",
43
- "@vaadin/component-base": "24.6.0-beta1",
44
- "@vaadin/grid": "24.6.0-beta1",
45
- "@vaadin/lit-renderer": "24.6.0-beta1",
46
- "@vaadin/select": "24.6.0-beta1",
47
- "@vaadin/text-field": "24.6.0-beta1",
48
- "@vaadin/vaadin-lumo-styles": "24.6.0-beta1",
49
- "@vaadin/vaadin-material-styles": "24.6.0-beta1",
50
- "@vaadin/vaadin-themable-mixin": "24.6.0-beta1",
42
+ "@vaadin/checkbox": "24.7.0-alpha1",
43
+ "@vaadin/component-base": "24.7.0-alpha1",
44
+ "@vaadin/grid": "24.7.0-alpha1",
45
+ "@vaadin/lit-renderer": "24.7.0-alpha1",
46
+ "@vaadin/select": "24.7.0-alpha1",
47
+ "@vaadin/text-field": "24.7.0-alpha1",
48
+ "@vaadin/vaadin-lumo-styles": "24.7.0-alpha1",
49
+ "@vaadin/vaadin-material-styles": "24.7.0-alpha1",
50
+ "@vaadin/vaadin-themable-mixin": "24.7.0-alpha1",
51
51
  "lit": "^3.0.0"
52
52
  },
53
53
  "devDependencies": {
54
- "@vaadin/chai-plugins": "24.6.0-beta1",
54
+ "@vaadin/chai-plugins": "24.7.0-alpha1",
55
55
  "@vaadin/testing-helpers": "^1.0.0",
56
56
  "sinon": "^18.0.0"
57
57
  },
@@ -60,5 +60,5 @@
60
60
  "web-types.json",
61
61
  "web-types.lit.json"
62
62
  ],
63
- "gitHead": "ab28efb0dcf2cd1ef72100e2e8f32232fa49aacc"
63
+ "gitHead": "04be941c9a7b659871c97f31b9cc3ffd7528087b"
64
64
  }
@@ -401,7 +401,7 @@ export const InlineEditingMixin = (superClass) =>
401
401
  }
402
402
  const { cell, column, model } = this.__edited;
403
403
 
404
- if (!shouldCancel) {
404
+ if (!shouldCancel && !this.hasAttribute('loading-editor')) {
405
405
  const editor = column._getEditorComponent(cell);
406
406
  if (editor) {
407
407
  const value = column._getEditorValue(editor);
@@ -14,7 +14,6 @@ const gridProEditSelect = css`
14
14
  font-size: var(--lumo-font-size-m);
15
15
  /* prevent selection on editor focus */
16
16
  -webkit-user-select: none;
17
- -moz-user-select: none;
18
17
  user-select: none;
19
18
  }
20
19
  `;
@@ -53,13 +53,14 @@ registerStyles(
53
53
  position: absolute;
54
54
  inset: 0;
55
55
  pointer-events: none;
56
- box-shadow: inset 0 0 0 var(--_focus-ring-width) transparent;
56
+ box-shadow: inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);
57
57
  animation: vaadin-grid-pro-loading-editor 1.4s infinite;
58
+ opacity: 0;
58
59
  }
59
60
 
60
61
  @keyframes vaadin-grid-pro-loading-editor {
61
62
  50% {
62
- box-shadow: inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);
63
+ opacity: 1;
63
64
  }
64
65
  }
65
66
  `,
@@ -7,7 +7,6 @@ const gridProEditSelect = css`
7
7
  font-size: inherit;
8
8
  /* prevent selection on editor focus */
9
9
  -webkit-user-select: none;
10
- -moz-user-select: none;
11
10
  user-select: none;
12
11
  }
13
12
  `;
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/grid-pro",
4
- "version": "24.6.0-beta1",
4
+ "version": "24.7.0-alpha1",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -401,8 +401,19 @@
401
401
  },
402
402
  {
403
403
  "name": "vaadin-grid-pro",
404
- "description": "`<vaadin-grid-pro>` is a high quality data grid / data table Web Component with extended functionality.\nIt extends `<vaadin-grid>` and adds extra features on top of the basic ones.\n\nSee [`<vaadin-grid>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-beta1/#/elements/vaadin-grid) documentation for details.\n\n```\n<vaadin-grid-pro></vaadin-grid-pro>\n```\n\n### Internal components\n\nIn addition to `<vaadin-grid-pro>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-grid-pro-edit-checkbox>` - has the same API as [`<vaadin-checkbox>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-beta1/#/elements/vaadin-checkbox).\n- `<vaadin-grid-pro-edit-text-field>` - has the same API as [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-beta1/#/elements/vaadin-text-field).\n- `<vaadin-grid-pro-edit-select>` - has the same API as [`<vaadin-select>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-beta1/#/elements/vaadin-select).",
404
+ "description": "`<vaadin-grid-pro>` is a high quality data grid / data table Web Component with extended functionality.\nIt extends `<vaadin-grid>` and adds extra features on top of the basic ones.\n\nSee [`<vaadin-grid>`](https://cdn.vaadin.com/vaadin-web-components/24.7.0-alpha1/#/elements/vaadin-grid) documentation for details.\n\n```\n<vaadin-grid-pro></vaadin-grid-pro>\n```\n\n### Internal components\n\nIn addition to `<vaadin-grid-pro>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-grid-pro-edit-checkbox>` - has the same API as [`<vaadin-checkbox>`](https://cdn.vaadin.com/vaadin-web-components/24.7.0-alpha1/#/elements/vaadin-checkbox).\n- `<vaadin-grid-pro-edit-text-field>` - has the same API as [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/24.7.0-alpha1/#/elements/vaadin-text-field).\n- `<vaadin-grid-pro-edit-select>` - has the same API as [`<vaadin-select>`](https://cdn.vaadin.com/vaadin-web-components/24.7.0-alpha1/#/elements/vaadin-select).",
405
405
  "attributes": [
406
+ {
407
+ "name": "accessible-name",
408
+ "description": "String used to label the grid to screen reader users.",
409
+ "value": {
410
+ "type": [
411
+ "string",
412
+ "null",
413
+ "undefined"
414
+ ]
415
+ }
416
+ },
406
417
  {
407
418
  "name": "size",
408
419
  "description": "The number of root-level items in the grid.",
@@ -568,6 +579,17 @@
568
579
  ],
569
580
  "js": {
570
581
  "properties": [
582
+ {
583
+ "name": "accessibleName",
584
+ "description": "String used to label the grid to screen reader users.",
585
+ "value": {
586
+ "type": [
587
+ "string",
588
+ "null",
589
+ "undefined"
590
+ ]
591
+ }
592
+ },
571
593
  {
572
594
  "name": "activeItem",
573
595
  "description": "The item user has last interacted with. Turns to `null` after user deactivates\nthe item by re-interacting with the currently active item.",
@@ -864,6 +886,10 @@
864
886
  "name": "loading-changed",
865
887
  "description": "Fired when the `loading` property changes."
866
888
  },
889
+ {
890
+ "name": "item-toggle",
891
+ "description": "Fired when the user selects or deselects an item through the selection column."
892
+ },
867
893
  {
868
894
  "name": "selected-items-changed",
869
895
  "description": "Fired when the `selectedItems` property changes."
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/grid-pro",
4
- "version": "24.6.0-beta1",
4
+ "version": "24.7.0-alpha1",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -177,7 +177,7 @@
177
177
  },
178
178
  {
179
179
  "name": "vaadin-grid-pro",
180
- "description": "`<vaadin-grid-pro>` is a high quality data grid / data table Web Component with extended functionality.\nIt extends `<vaadin-grid>` and adds extra features on top of the basic ones.\n\nSee [`<vaadin-grid>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-beta1/#/elements/vaadin-grid) documentation for details.\n\n```\n<vaadin-grid-pro></vaadin-grid-pro>\n```\n\n### Internal components\n\nIn addition to `<vaadin-grid-pro>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-grid-pro-edit-checkbox>` - has the same API as [`<vaadin-checkbox>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-beta1/#/elements/vaadin-checkbox).\n- `<vaadin-grid-pro-edit-text-field>` - has the same API as [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-beta1/#/elements/vaadin-text-field).\n- `<vaadin-grid-pro-edit-select>` - has the same API as [`<vaadin-select>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-beta1/#/elements/vaadin-select).",
180
+ "description": "`<vaadin-grid-pro>` is a high quality data grid / data table Web Component with extended functionality.\nIt extends `<vaadin-grid>` and adds extra features on top of the basic ones.\n\nSee [`<vaadin-grid>`](https://cdn.vaadin.com/vaadin-web-components/24.7.0-alpha1/#/elements/vaadin-grid) documentation for details.\n\n```\n<vaadin-grid-pro></vaadin-grid-pro>\n```\n\n### Internal components\n\nIn addition to `<vaadin-grid-pro>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-grid-pro-edit-checkbox>` - has the same API as [`<vaadin-checkbox>`](https://cdn.vaadin.com/vaadin-web-components/24.7.0-alpha1/#/elements/vaadin-checkbox).\n- `<vaadin-grid-pro-edit-text-field>` - has the same API as [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/24.7.0-alpha1/#/elements/vaadin-text-field).\n- `<vaadin-grid-pro-edit-select>` - has the same API as [`<vaadin-select>`](https://cdn.vaadin.com/vaadin-web-components/24.7.0-alpha1/#/elements/vaadin-select).",
181
181
  "extension": true,
182
182
  "attributes": [
183
183
  {
@@ -236,6 +236,13 @@
236
236
  "kind": "expression"
237
237
  }
238
238
  },
239
+ {
240
+ "name": ".accessibleName",
241
+ "description": "String used to label the grid to screen reader users.",
242
+ "value": {
243
+ "kind": "expression"
244
+ }
245
+ },
239
246
  {
240
247
  "name": ".activeItem",
241
248
  "description": "The item user has last interacted with. Turns to `null` after user deactivates\nthe item by re-interacting with the currently active item.",
@@ -404,6 +411,13 @@
404
411
  "kind": "expression"
405
412
  }
406
413
  },
414
+ {
415
+ "name": "@item-toggle",
416
+ "description": "Fired when the user selects or deselects an item through the selection column.",
417
+ "value": {
418
+ "kind": "expression"
419
+ }
420
+ },
407
421
  {
408
422
  "name": "@selected-items-changed",
409
423
  "description": "Fired when the `selectedItems` property changes.",