@vaadin/grid-pro - npm Package Compare versions

Comparing version 24.4.14 to 24.4.15

package.json

 {
   "name": "@vaadin/grid-pro",
-  "version": "24.4.14",
+  "version": "24.4.15",
   "publishConfig": {
@@ -42,11 +42,11 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/checkbox": "~24.4.14",
-    "@vaadin/component-base": "~24.4.14",
-    "@vaadin/grid": "~24.4.14",
-    "@vaadin/lit-renderer": "~24.4.14",
-    "@vaadin/select": "~24.4.14",
-    "@vaadin/text-field": "~24.4.14",
-    "@vaadin/vaadin-lumo-styles": "~24.4.14",
-    "@vaadin/vaadin-material-styles": "~24.4.14",
-    "@vaadin/vaadin-themable-mixin": "~24.4.14",
+    "@vaadin/checkbox": "~24.4.15",
+    "@vaadin/component-base": "~24.4.15",
+    "@vaadin/grid": "~24.4.15",
+    "@vaadin/lit-renderer": "~24.4.15",
+    "@vaadin/select": "~24.4.15",
+    "@vaadin/text-field": "~24.4.15",
+    "@vaadin/vaadin-lumo-styles": "~24.4.15",
+    "@vaadin/vaadin-material-styles": "~24.4.15",
+    "@vaadin/vaadin-themable-mixin": "~24.4.15",
     "lit": "^3.0.0"
@@ -64,3 +64,3 @@ },
   ],
-  "gitHead": "815296a9a4cf510413a39975ee7e4dd75a51fe81"
+  "gitHead": "eeb2722a7fa4f466a322401d6f099d9c7da2a3d7"
 }

src/vaadin-grid-pro-inline-editing-mixin.js

@@ -15,3 +15,17 @@ /**
 import { iterateRowCells, updatePart } from '@vaadin/grid/src/vaadin-grid-helpers.js';
+import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
 
+registerStyles(
+  'vaadin-grid-pro',
+  css`
+    :host([loading-editor]) [part~='focused-cell'] ::slotted(vaadin-grid-cell-content) {
+      opacity: 0;
+      pointer-events: none;
+    }
+  `,
+  {
+    moduleId: 'vaadin-grid-pro-styles',
+  },
+);
+
 /**
@@ -86,2 +100,15 @@ * @polymerMixin
     ready() {
+      this.addEventListener(
+        'keydown',
+        (e) => {
+          if (this.hasAttribute('loading-editor') && !['Tab', 'Escape', 'Enter'].includes(e.key)) {
+            // If an editor is focused while it's loading, prevent default keydown behavior
+            // to avoid user interaction with the editor before it's fully loaded
+            // Used by Flow GridPro
+            e.preventDefault();
+            e.stopPropagation();
+          }
+        },
+        true,
+      );
       // Add listener before `vaadin-grid` interaction mode listener
@@ -88,0 +115,0 @@ this.addEventListener('keydown', (e) => {

theme/lumo/vaadin-grid-pro-styles.js

@@ -49,4 +49,20 @@ import '@vaadin/vaadin-lumo-styles/color.js';
     }
+
+    /* Loading editor cell styles are used by Flow GridPro */
+    :host([loading-editor]) [part~='focused-cell']::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      pointer-events: none;
+      box-shadow: inset 0 0 0 var(--_focus-ring-width) transparent;
+      animation: vaadin-grid-pro-loading-editor 1.4s infinite;
+    }
+
+    @keyframes vaadin-grid-pro-loading-editor {
+      50% {
+        box-shadow: inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);
+      }
+    }
   `,
   { moduleId: 'lumo-grid-pro' },
 );

web-types.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/grid-pro",
-  "version": "24.4.14",
+  "version": "24.4.15",
   "description-markup": "markdown",
@@ -404,3 +404,3 @@ "contributions": {
           "name": "vaadin-grid-pro",
-          "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.4.14/#/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.4.14/#/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.4.14/#/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.4.14/#/elements/vaadin-select).",
+          "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.4.15/#/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.4.15/#/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.4.15/#/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.4.15/#/elements/vaadin-select).",
           "attributes": [
@@ -407,0 +407,0 @@ {

web-types.lit.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/grid-pro",
-  "version": "24.4.14",
+  "version": "24.4.15",
   "description-markup": "markdown",
@@ -180,3 +180,3 @@ "framework": "lit",
           "name": "vaadin-grid-pro",
-          "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.4.14/#/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.4.14/#/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.4.14/#/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.4.14/#/elements/vaadin-select).",
+          "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.4.15/#/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.4.15/#/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.4.15/#/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.4.15/#/elements/vaadin-select).",
           "extension": true,
@@ -183,0 +183,0 @@ "attributes": [

No alert changes

Improved metrics

Total package byte prevSize

150593

increased by0.89%

Lines of code

3424

increased by1.18%

Dependency changes

• Updated@vaadin/checkbox@~24.4.15

• Updated@vaadin/component-base@~24.4.15

• Updated@vaadin/grid@~24.4.15

• Updated@vaadin/lit-renderer@~24.4.15

• Updated@vaadin/select@~24.4.15

• Updated@vaadin/text-field@~24.4.15

• Updated@vaadin/vaadin-lumo-styles@~24.4.15

• Updated@vaadin/vaadin-material-styles@~24.4.15

• Updated@vaadin/vaadin-themable-mixin@~24.4.15