@vaadin/grid-pro 25.3.0-beta1 → 25.3.0-beta3

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 (7) hide show
  1. package/custom-elements.json +1 -1
  2. package/package.json +14 -14
  3. package/src/styles/vaadin-grid-pro-base-styles.js +1 -4
  4. package/src/vaadin-grid-pro.d.ts +28 -0
  5. package/src/vaadin-grid-pro.js +29 -1
  6. package/web-types.json +2 -2
  7. package/web-types.lit.json +2 -2
package/custom-elements.json CHANGED
@@ -890,7 +890,7 @@
890
890
  "declarations": [
891
891
  {
892
892
  "kind": "class",
893
- "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>`](#/elements/vaadin-grid) documentation for details.\n\n```html\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>`](#/elements/vaadin-checkbox).\n- `<vaadin-grid-pro-edit-text-field>` - has the same API as [`<vaadin-text-field>`](#/elements/vaadin-text-field).\n- `<vaadin-grid-pro-edit-select>` - has the same API as [`<vaadin-select>`](#/elements/vaadin-select).",
893
+ "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>`](#/elements/vaadin-grid) documentation for details.\n\n```html\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>`](#/elements/vaadin-checkbox).\n- `<vaadin-grid-pro-edit-text-field>` - has the same API as [`<vaadin-text-field>`](#/elements/vaadin-text-field).\n- `<vaadin-grid-pro-edit-select>` - has the same API as [`<vaadin-select>`](#/elements/vaadin-select).\n\n### Styling\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:------------------------------------------------------|\n| `--vaadin-grid-background` |\n| `--vaadin-grid-border-color` |\n| `--vaadin-grid-border-radius` |\n| `--vaadin-grid-border-width` |\n| `--vaadin-grid-cell-background-color` |\n| `--vaadin-grid-cell-padding` |\n| `--vaadin-grid-cell-text-overflow` |\n| `--vaadin-grid-column-border-width` |\n| `--vaadin-grid-column-resize-handle-color` |\n| `--vaadin-grid-header-font-size` |\n| `--vaadin-grid-header-font-weight` |\n| `--vaadin-grid-header-text-color` |\n| `--vaadin-grid-pro-editable-cell-background-color` |\n| `--vaadin-grid-row-background-color` |\n| `--vaadin-grid-row-border-width` |\n| `--vaadin-grid-row-highlight-background-color` |\n| `--vaadin-grid-row-hover-background-color` |\n| `--vaadin-grid-row-odd-background-color` |\n| `--vaadin-grid-row-selected-background-color` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
894
894
  "name": "GridPro",
895
895
  "members": [
896
896
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/grid-pro",
3
- "version": "25.3.0-beta1",
3
+ "version": "25.3.0-beta3",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -37,22 +37,22 @@
37
37
  ],
38
38
  "dependencies": {
39
39
  "@open-wc/dedupe-mixin": "^1.3.0",
40
- "@vaadin/a11y-base": "25.3.0-beta1",
41
- "@vaadin/checkbox": "25.3.0-beta1",
42
- "@vaadin/component-base": "25.3.0-beta1",
43
- "@vaadin/grid": "25.3.0-beta1",
44
- "@vaadin/lit-renderer": "25.3.0-beta1",
45
- "@vaadin/select": "25.3.0-beta1",
46
- "@vaadin/text-field": "25.3.0-beta1",
47
- "@vaadin/vaadin-themable-mixin": "25.3.0-beta1",
40
+ "@vaadin/a11y-base": "25.3.0-beta3",
41
+ "@vaadin/checkbox": "25.3.0-beta3",
42
+ "@vaadin/component-base": "25.3.0-beta3",
43
+ "@vaadin/grid": "25.3.0-beta3",
44
+ "@vaadin/lit-renderer": "25.3.0-beta3",
45
+ "@vaadin/select": "25.3.0-beta3",
46
+ "@vaadin/text-field": "25.3.0-beta3",
47
+ "@vaadin/vaadin-themable-mixin": "25.3.0-beta3",
48
48
  "lit": "^3.0.0"
49
49
  },
50
50
  "devDependencies": {
51
- "@vaadin/aura": "25.3.0-beta1",
52
- "@vaadin/chai-plugins": "25.3.0-beta1",
53
- "@vaadin/test-runner-commands": "25.3.0-beta1",
51
+ "@vaadin/aura": "25.3.0-beta3",
52
+ "@vaadin/chai-plugins": "25.3.0-beta3",
53
+ "@vaadin/test-runner-commands": "25.3.0-beta3",
54
54
  "@vaadin/testing-helpers": "^2.0.0",
55
- "@vaadin/vaadin-lumo-styles": "25.3.0-beta1",
55
+ "@vaadin/vaadin-lumo-styles": "25.3.0-beta3",
56
56
  "sinon": "^22.0.0"
57
57
  },
58
58
  "cvdlName": "vaadin-grid-pro",
@@ -61,5 +61,5 @@
61
61
  "web-types.json",
62
62
  "web-types.lit.json"
63
63
  ],
64
- "gitHead": "295432e44a6967e1aff36462b2e3e1d0e64eb8cc"
64
+ "gitHead": "1ea43188e1297f6898cbf9d3610b85a7a2cca6f0"
65
65
  }
package/src/styles/vaadin-grid-pro-base-styles.js CHANGED
@@ -10,9 +10,8 @@
10
10
  */
11
11
  import '@vaadin/component-base/src/styles/style-props.js';
12
12
  import { css } from 'lit';
13
- import { gridStyles } from '@vaadin/grid/src/styles/vaadin-grid-base-styles.js';
14
13
 
15
- const gridPro = css`
14
+ export const gridProStyles = css`
16
15
  [part~='body-cell'] {
17
16
  --_highlight-color: color-mix(in srgb, currentColor 5%, transparent);
18
17
  --_highlight-color2: color-mix(in srgb, currentColor 10%, transparent);
@@ -112,5 +111,3 @@ const gridPro = css`
112
111
  pointer-events: none;
113
112
  }
114
113
  `;
115
-
116
- export const gridProStyles = [gridPro, gridStyles];
package/src/vaadin-grid-pro.d.ts CHANGED
@@ -60,6 +60,34 @@ export interface GridProEventMap<TItem>
60
60
  * - `<vaadin-grid-pro-edit-text-field>` - has the same API as [`<vaadin-text-field>`](#/elements/vaadin-text-field).
61
61
  * - `<vaadin-grid-pro-edit-select>` - has the same API as [`<vaadin-select>`](#/elements/vaadin-select).
62
62
  *
63
+ * ### Styling
64
+ *
65
+ * The following custom CSS properties are available for styling:
66
+ *
67
+ * Custom CSS property |
68
+ * :------------------------------------------------------|
69
+ * | `--vaadin-grid-background` |
70
+ * | `--vaadin-grid-border-color` |
71
+ * | `--vaadin-grid-border-radius` |
72
+ * | `--vaadin-grid-border-width` |
73
+ * | `--vaadin-grid-cell-background-color` |
74
+ * | `--vaadin-grid-cell-padding` |
75
+ * | `--vaadin-grid-cell-text-overflow` |
76
+ * | `--vaadin-grid-column-border-width` |
77
+ * | `--vaadin-grid-column-resize-handle-color` |
78
+ * | `--vaadin-grid-header-font-size` |
79
+ * | `--vaadin-grid-header-font-weight` |
80
+ * | `--vaadin-grid-header-text-color` |
81
+ * | `--vaadin-grid-pro-editable-cell-background-color` |
82
+ * | `--vaadin-grid-row-background-color` |
83
+ * | `--vaadin-grid-row-border-width` |
84
+ * | `--vaadin-grid-row-highlight-background-color` |
85
+ * | `--vaadin-grid-row-hover-background-color` |
86
+ * | `--vaadin-grid-row-odd-background-color` |
87
+ * | `--vaadin-grid-row-selected-background-color` |
88
+ *
89
+ * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
90
+ *
63
91
  * @fires {CustomEvent} active-item-changed - Fired when the `activeItem` property changes.
64
92
  * @fires {CustomEvent} cell-activate - Fired when the cell is activated with click or keyboard.
65
93
  * @fires {CustomEvent} cell-edit-started - Fired when the user starts editing a grid cell.
package/src/vaadin-grid-pro.js CHANGED
@@ -32,6 +32,34 @@ import { InlineEditingMixin } from './vaadin-grid-pro-inline-editing-mixin.js';
32
32
  * - `<vaadin-grid-pro-edit-text-field>` - has the same API as [`<vaadin-text-field>`](#/elements/vaadin-text-field).
33
33
  * - `<vaadin-grid-pro-edit-select>` - has the same API as [`<vaadin-select>`](#/elements/vaadin-select).
34
34
  *
35
+ * ### Styling
36
+ *
37
+ * The following custom CSS properties are available for styling:
38
+ *
39
+ * Custom CSS property |
40
+ * :------------------------------------------------------|
41
+ * | `--vaadin-grid-background` |
42
+ * | `--vaadin-grid-border-color` |
43
+ * | `--vaadin-grid-border-radius` |
44
+ * | `--vaadin-grid-border-width` |
45
+ * | `--vaadin-grid-cell-background-color` |
46
+ * | `--vaadin-grid-cell-padding` |
47
+ * | `--vaadin-grid-cell-text-overflow` |
48
+ * | `--vaadin-grid-column-border-width` |
49
+ * | `--vaadin-grid-column-resize-handle-color` |
50
+ * | `--vaadin-grid-header-font-size` |
51
+ * | `--vaadin-grid-header-font-weight` |
52
+ * | `--vaadin-grid-header-text-color` |
53
+ * | `--vaadin-grid-pro-editable-cell-background-color` |
54
+ * | `--vaadin-grid-row-background-color` |
55
+ * | `--vaadin-grid-row-border-width` |
56
+ * | `--vaadin-grid-row-highlight-background-color` |
57
+ * | `--vaadin-grid-row-hover-background-color` |
58
+ * | `--vaadin-grid-row-odd-background-color` |
59
+ * | `--vaadin-grid-row-selected-background-color` |
60
+ *
61
+ * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
62
+ *
35
63
  * @fires {CustomEvent} active-item-changed - Fired when the `activeItem` property changes.
36
64
  * @fires {CustomEvent} cell-activate - Fired when the cell is activated with click or keyboard.
37
65
  * @fires {CustomEvent} cell-edit-started - Fired when the user starts editing a grid cell.
@@ -58,7 +86,7 @@ class GridPro extends SlotStylesMixin(InlineEditingMixin(Grid)) {
58
86
  }
59
87
 
60
88
  static get styles() {
61
- return gridProStyles;
89
+ return [gridProStyles, ...super.styles];
62
90
  }
63
91
 
64
92
  get slotStyles() {
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": "25.3.0-beta1",
4
+ "version": "25.3.0-beta3",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -351,7 +351,7 @@
351
351
  },
352
352
  {
353
353
  "name": "vaadin-grid-pro",
354
- "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/25.3.0-beta1/#/elements/vaadin-grid) documentation for details.\n\n```html\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/25.3.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/25.3.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/25.3.0-beta1/#/elements/vaadin-select).",
354
+ "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/25.3.0-beta3/#/elements/vaadin-grid) documentation for details.\n\n```html\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/25.3.0-beta3/#/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/25.3.0-beta3/#/elements/vaadin-text-field).\n- `<vaadin-grid-pro-edit-select>` - has the same API as [`<vaadin-select>`](https://cdn.vaadin.com/vaadin-web-components/25.3.0-beta3/#/elements/vaadin-select).\n\n### Styling\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:------------------------------------------------------|\n| `--vaadin-grid-background` |\n| `--vaadin-grid-border-color` |\n| `--vaadin-grid-border-radius` |\n| `--vaadin-grid-border-width` |\n| `--vaadin-grid-cell-background-color` |\n| `--vaadin-grid-cell-padding` |\n| `--vaadin-grid-cell-text-overflow` |\n| `--vaadin-grid-column-border-width` |\n| `--vaadin-grid-column-resize-handle-color` |\n| `--vaadin-grid-header-font-size` |\n| `--vaadin-grid-header-font-weight` |\n| `--vaadin-grid-header-text-color` |\n| `--vaadin-grid-pro-editable-cell-background-color` |\n| `--vaadin-grid-row-background-color` |\n| `--vaadin-grid-row-border-width` |\n| `--vaadin-grid-row-highlight-background-color` |\n| `--vaadin-grid-row-hover-background-color` |\n| `--vaadin-grid-row-odd-background-color` |\n| `--vaadin-grid-row-selected-background-color` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
355
355
  "attributes": [
356
356
  {
357
357
  "name": "accessible-name",
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/grid-pro",
4
- "version": "25.3.0-beta1",
4
+ "version": "25.3.0-beta3",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -170,7 +170,7 @@
170
170
  },
171
171
  {
172
172
  "name": "vaadin-grid-pro",
173
- "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/25.3.0-beta1/#/elements/vaadin-grid) documentation for details.\n\n```html\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/25.3.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/25.3.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/25.3.0-beta1/#/elements/vaadin-select).",
173
+ "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/25.3.0-beta3/#/elements/vaadin-grid) documentation for details.\n\n```html\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/25.3.0-beta3/#/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/25.3.0-beta3/#/elements/vaadin-text-field).\n- `<vaadin-grid-pro-edit-select>` - has the same API as [`<vaadin-select>`](https://cdn.vaadin.com/vaadin-web-components/25.3.0-beta3/#/elements/vaadin-select).\n\n### Styling\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:------------------------------------------------------|\n| `--vaadin-grid-background` |\n| `--vaadin-grid-border-color` |\n| `--vaadin-grid-border-radius` |\n| `--vaadin-grid-border-width` |\n| `--vaadin-grid-cell-background-color` |\n| `--vaadin-grid-cell-padding` |\n| `--vaadin-grid-cell-text-overflow` |\n| `--vaadin-grid-column-border-width` |\n| `--vaadin-grid-column-resize-handle-color` |\n| `--vaadin-grid-header-font-size` |\n| `--vaadin-grid-header-font-weight` |\n| `--vaadin-grid-header-text-color` |\n| `--vaadin-grid-pro-editable-cell-background-color` |\n| `--vaadin-grid-row-background-color` |\n| `--vaadin-grid-row-border-width` |\n| `--vaadin-grid-row-highlight-background-color` |\n| `--vaadin-grid-row-hover-background-color` |\n| `--vaadin-grid-row-odd-background-color` |\n| `--vaadin-grid-row-selected-background-color` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
174
174
  "extension": true,
175
175
  "attributes": [
176
176
  {