@vaadin/grid-pro 22.0.12 → 22.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/grid-pro",
-  "version": "22.0.12",
+  "version": "22.0.15",
   "publishConfig": {
     "access": "public"
   },
@@ -34,26 +34,26 @@
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/checkbox": "^22.0.12",
-    "@vaadin/component-base": "^22.0.12",
-    "@vaadin/grid": "^22.0.12",
-    "@vaadin/item": "^22.0.12",
-    "@vaadin/list-box": "^22.0.12",
-    "@vaadin/select": "^22.0.12",
-    "@vaadin/text-field": "^22.0.12",
+    "@vaadin/checkbox": "^22.0.15",
+    "@vaadin/component-base": "^22.0.15",
+    "@vaadin/grid": "^22.0.15",
+    "@vaadin/item": "^22.0.15",
+    "@vaadin/list-box": "^22.0.15",
+    "@vaadin/select": "^22.0.15",
+    "@vaadin/text-field": "^22.0.15",
     "@vaadin/vaadin-license-checker": "^2.1.0",
-    "@vaadin/vaadin-lumo-styles": "^22.0.12",
-    "@vaadin/vaadin-material-styles": "^22.0.12",
-    "@vaadin/vaadin-themable-mixin": "^22.0.12"
+    "@vaadin/vaadin-lumo-styles": "^22.0.15",
+    "@vaadin/vaadin-material-styles": "^22.0.15",
+    "@vaadin/vaadin-themable-mixin": "^22.0.15"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/date-picker": "^22.0.12",
-    "@vaadin/dialog": "^22.0.12",
-    "@vaadin/polymer-legacy-adapter": "^22.0.12",
+    "@vaadin/date-picker": "^22.0.15",
+    "@vaadin/dialog": "^22.0.15",
+    "@vaadin/polymer-legacy-adapter": "^22.0.15",
     "@vaadin/testing-helpers": "^0.3.2",
     "lit": "^2.0.0",
     "sinon": "^9.2.1"
   },
-  "gitHead": "ba1b2b04365d6cc9d5c05376b6d1f1402bc314ec"
+  "gitHead": "bba021b56ba45da93d2bb980242956ad929ecfe2"
 }

package/src/vaadin-grid-pro-edit-column.js

@@ -59,7 +59,7 @@ class GridProEditColumn extends GridColumn {
        */
       editorOptions: {
         type: Array,
-        value: () => []
+        value: () => [],
       },
 
       /**
@@ -75,7 +75,7 @@ class GridProEditColumn extends GridColumn {
       editorType: {
         type: String,
         notify: true, // FIXME(web-padawan): needed by Flow counterpart
-        value: 'text'
+        value: 'text',
       },
 
       /**
@@ -85,7 +85,7 @@ class GridProEditColumn extends GridColumn {
        */
       editorValuePath: {
         type: String,
-        value: 'value'
+        value: 'value',
       },
 
       /**
@@ -93,11 +93,11 @@ class GridProEditColumn extends GridColumn {
        */
       path: {
         type: String,
-        observer: '_pathChanged'
+        observer: '_pathChanged',
       },
 
       /** @private */
-      _oldRenderer: Function
+      _oldRenderer: Function,
     };
   }
 

package/src/vaadin-grid-pro-edit-select.js

@@ -23,16 +23,16 @@ class GridProEditSelect extends Select {
     return {
       options: {
         type: Array,
-        value: () => []
+        value: () => [],
       },
 
       _grid: {
-        type: Object
+        type: Object,
       },
 
       _initialized: {
-        type: Boolean
-      }
+        type: Boolean,
+      },
     };
   }
 

package/src/vaadin-grid-pro-inline-editing-mixin.d.ts

@@ -7,7 +7,7 @@
 import { Constructor } from '@open-wc/dedupe-mixin';
 
 export declare function InlineEditingMixin<T extends Constructor<HTMLElement>>(
-  base: T
+  base: T,
 ): T & Constructor<InlineEditingMixinClass>;
 
 export declare class InlineEditingMixinClass {

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

@@ -22,7 +22,7 @@ export const InlineEditingMixin = (superClass) =>
          */
         enterNextRow: {
           type: Boolean,
-          notify: true // FIXME(yuriy-fix): needed by Flow counterpart
+          notify: true, // FIXME(yuriy-fix): needed by Flow counterpart
         },
 
         /**
@@ -35,7 +35,7 @@ export const InlineEditingMixin = (superClass) =>
          */
         singleCellEdit: {
           type: Boolean,
-          notify: true // FIXME(yuriy-fix): needed by Flow counterpart
+          notify: true, // FIXME(yuriy-fix): needed by Flow counterpart
         },
 
         /**
@@ -44,13 +44,13 @@ export const InlineEditingMixin = (superClass) =>
          * @attr {boolean} edit-on-click
          */
         editOnClick: {
-          type: Boolean
+          type: Boolean,
         },
 
         /** @private */
         _editingDisabled: {
-          type: Boolean
-        }
+          type: Boolean,
+        },
       };
     }
 
@@ -279,7 +279,7 @@ export const InlineEditingMixin = (superClass) =>
       if (edited) {
         // detect focus moving to e.g. vaadin-select-overlay
         const overlay = Array.from(e.composedPath()).filter(
-          (node) => node.nodeType === Node.ELEMENT_NODE && /^vaadin-(?!dialog).*-overlay$/i.test(node.localName)
+          (node) => node.nodeType === Node.ELEMENT_NODE && /^vaadin-(?!dialog).*-overlay$/i.test(node.localName),
         )[0];
 
         if (overlay) {
@@ -308,10 +308,10 @@ export const InlineEditingMixin = (superClass) =>
           detail: {
             index: model.index,
             item: model.item,
-            path: column.path
+            path: column.path,
           },
-          composed: true
-        })
+          composed: true,
+        }),
       );
       this.addEventListener('item-property-changed', this.__boundItemPropertyChanged);
     }
@@ -345,12 +345,12 @@ export const InlineEditingMixin = (superClass) =>
                   index: model.index,
                   item: model.item,
                   path: column.path,
-                  value: value
+                  value: value,
                 },
                 bubbles: true,
                 cancelable: true,
-                composed: true
-              })
+                composed: true,
+              }),
             );
           }
         }

package/src/vaadin-grid-pro.d.ts

@@ -12,23 +12,19 @@ export { GridProEditorType } from './vaadin-grid-pro-edit-column.js';
  * Fired when the user starts editing a grid cell.
  */
 export type GridProCellEditStartedEvent<TItem> = CustomEvent<{
-  value: {
-    index: number;
-    item: TItem;
-    path: string;
-  };
+  index: number;
+  item: TItem;
+  path: string;
 }>;
 
 /**
  * Fired before exiting the cell edit mode, if the value has been changed.
  */
 export type GridProItemPropertyChangedEvent<TItem> = CustomEvent<{
-  value: {
-    index: number;
-    item: TItem;
-    path: string;
-    value: string | boolean;
-  };
+  index: number;
+  item: TItem;
+  path: string;
+  value: string | boolean;
 }>;
 
 export interface GridProCustomEventMap<TItem> {
@@ -78,13 +74,13 @@ declare class GridPro<TItem = GridDefaultItem> extends Grid<TItem> {
   addEventListener<K extends keyof GridProEventMap<TItem>>(
     type: K,
     listener: (this: GridPro<TItem>, ev: GridProEventMap<TItem>[K]) => void,
-    options?: boolean | AddEventListenerOptions
+    options?: boolean | AddEventListenerOptions,
   ): void;
 
   removeEventListener<K extends keyof GridProEventMap<TItem>>(
     type: K,
     listener: (this: GridPro<TItem>, ev: GridProEventMap<TItem>[K]) => void,
-    options?: boolean | EventListenerOptions
+    options?: boolean | EventListenerOptions,
   ): void;
 }
 

package/theme/lumo/vaadin-grid-pro-edit-select-styles.js

@@ -20,5 +20,5 @@ const gridProEditSelect = css`
 `;
 
 registerStyles('vaadin-grid-pro-edit-select', [gridProEditor, gridProEditSelect], {
-  moduleId: 'lumo-grid-pro-edit-select'
+  moduleId: 'lumo-grid-pro-edit-select',
 });

package/theme/lumo/vaadin-grid-pro-edit-text-field-styles.js

@@ -2,5 +2,5 @@ import { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mi
 import { gridProEditor } from './vaadin-grid-pro-editor-styles.js';
 
 registerStyles('vaadin-grid-pro-edit-text-field', gridProEditor, {
-  moduleId: 'lumo-grid-pro-edit-text-field'
+  moduleId: 'lumo-grid-pro-edit-text-field',
 });

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

@@ -23,20 +23,18 @@ registerStyles(
 
     [part~='editable-cell']:hover,
     [part~='editable-cell']:focus {
-      background-color: var(--lumo-contrast-5pct);
-      background-clip: padding-box;
+      background: var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct), var(--lumo-contrast-5pct));
     }
 
     /* Indicate editable cells */
 
     :host([theme~='highlight-editable-cells']) [part~='editable-cell'] {
-      background-color: var(--lumo-contrast-5pct);
-      background-clip: border-box;
+      background: var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct), var(--lumo-contrast-5pct));
     }
 
     :host([theme~='highlight-editable-cells']) [part~='editable-cell']:hover,
     :host([theme~='highlight-editable-cells']) [part~='editable-cell']:focus {
-      background-color: var(--lumo-contrast-10pct);
+      background: var(--lumo-base-color) linear-gradient(var(--lumo-contrast-10pct), var(--lumo-contrast-10pct));
     }
 
     /* Indicate read-only cells */
@@ -51,5 +49,5 @@ registerStyles(
       );
     }
   `,
-  { moduleId: 'lumo-grid-pro' }
+  { moduleId: 'lumo-grid-pro' },
 );

package/theme/material/vaadin-grid-pro-edit-select-styles.js

@@ -13,5 +13,5 @@ const gridProEditSelect = css`
 `;
 
 registerStyles('vaadin-grid-pro-edit-select', [gridProEditor, gridProEditSelect], {
-  moduleId: 'material-grid-pro-edit-select'
+  moduleId: 'material-grid-pro-edit-select',
 });

package/theme/material/vaadin-grid-pro-edit-text-field-styles.js

@@ -2,5 +2,5 @@ import { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mi
 import { gridProEditor } from './vaadin-grid-pro-editor-styles.js';
 
 registerStyles('vaadin-grid-pro-edit-text-field', gridProEditor, {
-  moduleId: 'material-grid-pro-edit-text-field'
+  moduleId: 'material-grid-pro-edit-text-field',
 });

package/theme/material/vaadin-grid-pro-styles.js

@@ -16,9 +16,8 @@ registerStyles(
 
     [part~='row'] > [part~='editable-cell']:hover,
     [part~='row'] > [part~='editable-cell']:focus {
-      background-color: var(--material-grid-pro-editable-cell-hover-background-color, rgba(0, 0, 0, 0.04));
-      background-clip: padding-box;
+      background: var(--material-background-color) linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
     }
   `,
-  { moduleId: 'material-grid-pro' }
+  { moduleId: 'material-grid-pro' },
 );