@vaadin/grid-pro - npm Package Compare versions

Comparing version 23.5.6 to 23.5.7

package.json

 {
   "name": "@vaadin/grid-pro",
-  "version": "23.5.6",
+  "version": "23.5.7",
   "publishConfig": {
@@ -42,17 +42,17 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/checkbox": "~23.5.6",
-    "@vaadin/component-base": "~23.5.6",
-    "@vaadin/grid": "~23.5.6",
-    "@vaadin/item": "~23.5.6",
-    "@vaadin/list-box": "~23.5.6",
-    "@vaadin/lit-renderer": "~23.5.6",
-    "@vaadin/select": "~23.5.6",
-    "@vaadin/text-field": "~23.5.6",
-    "@vaadin/vaadin-lumo-styles": "~23.5.6",
-    "@vaadin/vaadin-material-styles": "~23.5.6",
-    "@vaadin/vaadin-themable-mixin": "~23.5.6"
+    "@vaadin/checkbox": "~23.5.7",
+    "@vaadin/component-base": "~23.5.7",
+    "@vaadin/grid": "~23.5.7",
+    "@vaadin/item": "~23.5.7",
+    "@vaadin/list-box": "~23.5.7",
+    "@vaadin/lit-renderer": "~23.5.7",
+    "@vaadin/select": "~23.5.7",
+    "@vaadin/text-field": "~23.5.7",
+    "@vaadin/vaadin-lumo-styles": "~23.5.7",
+    "@vaadin/vaadin-material-styles": "~23.5.7",
+    "@vaadin/vaadin-themable-mixin": "~23.5.7"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/polymer-legacy-adapter": "~23.5.6",
+    "@vaadin/polymer-legacy-adapter": "~23.5.7",
     "@vaadin/testing-helpers": "^0.3.2",
@@ -67,3 +67,3 @@ "lit": "^2.0.0",
   ],
-  "gitHead": "8017ec1c49880fcea0819ef306c4fa3c711b0087"
+  "gitHead": "19efa292d13bc1052f0d2c15b19ebc2ebd3dc156"
 }

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

@@ -300,2 +300,6 @@ /**
     _onEditorFocusOut() {
+      // Ignore focusout from internal tab event
+      if (this.__cancelCellSwitch) {
+        return;
+      }
       // Schedule stop on editor component focusout
@@ -417,3 +421,3 @@ this._debouncerStopEdit = Debouncer.debounce(this._debouncerStopEdit, animationFrame, this._stopEdit.bind(this));
      */
-    _switchEditCell(e) {
+    async _switchEditCell(e) {
       if (this.__cancelCellSwitch || (e.defaultPrevented && e.keyCode === 9)) {
@@ -428,2 +432,18 @@ return;
       const { cell, column, model } = this.__edited;
+
+      // Prevent vaadin-grid handler from being called
+      e.stopImmediatePropagation();
+
+      const editor = column._getEditorComponent(cell);
+
+      // Do not prevent Tab to allow native input blur and wait for it,
+      // unless the keydown event is from the edit cell select overlay.
+      if (e.key === 'Tab' && editor && editor.contains(e.target)) {
+        await new Promise((resolve) => {
+          editor.addEventListener('focusout', () => resolve(), { once: true });
+        });
+      } else {
+        e.preventDefault();
+      }
+
       const colIndex = cols.indexOf(column);
@@ -468,7 +488,3 @@ const { index } = model;
         const nextCell = Array.from(nextRow.children).find((cell) => cell._column === nextCol);
-        e.preventDefault();
 
-        // Prevent vaadin-grid handler from being called
-        e.stopImmediatePropagation();
-
         if (!this.singleCellEdit && nextCell !== cell) {
@@ -475,0 +491,0 @@ this._startEdit(nextCell, nextCol);

web-types.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/grid-pro",
-  "version": "23.5.6",
+  "version": "23.5.7",
   "description-markup": "markdown",
@@ -331,3 +331,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/23.5.6/#/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/23.5.6/#/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/23.5.6/#/elements/vaadin-text-field).\n- `<vaadin-grid-pro-edit-select>` - has the same API as [`<vaadin-select>`](https://cdn.vaadin.com/vaadin-web-components/23.5.6/#/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/23.5.7/#/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/23.5.7/#/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/23.5.7/#/elements/vaadin-text-field).\n- `<vaadin-grid-pro-edit-select>` - has the same API as [`<vaadin-select>`](https://cdn.vaadin.com/vaadin-web-components/23.5.7/#/elements/vaadin-select).",
           "attributes": [
@@ -334,0 +334,0 @@ {

web-types.lit.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/grid-pro",
-  "version": "23.5.6",
+  "version": "23.5.7",
   "description-markup": "markdown",
@@ -152,3 +152,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/23.5.6/#/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/23.5.6/#/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/23.5.6/#/elements/vaadin-text-field).\n- `<vaadin-grid-pro-edit-select>` - has the same API as [`<vaadin-select>`](https://cdn.vaadin.com/vaadin-web-components/23.5.6/#/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/23.5.7/#/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/23.5.7/#/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/23.5.7/#/elements/vaadin-text-field).\n- `<vaadin-grid-pro-edit-select>` - has the same API as [`<vaadin-select>`](https://cdn.vaadin.com/vaadin-web-components/23.5.7/#/elements/vaadin-select).",
           "extension": true,
@@ -155,0 +155,0 @@ "attributes": [

No alert changes

Improved metrics

Total package byte prevSize

119009

increased by0.45%

Lines of code

2805

increased by0.47%

Dependency changes

• Updated@vaadin/checkbox@~23.5.7

• Updated@vaadin/component-base@~23.5.7

• Updated@vaadin/grid@~23.5.7

• Updated@vaadin/item@~23.5.7

• Updated@vaadin/list-box@~23.5.7

• Updated@vaadin/lit-renderer@~23.5.7

• Updated@vaadin/select@~23.5.7

• Updated@vaadin/text-field@~23.5.7

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

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

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