@vaadin/grid - npm Package Compare versions

Comparing version 23.2.0-alpha3 to 23.2.0-alpha4

package.json

 {
   "name": "@vaadin/grid",
-  "version": "23.2.0-alpha3",
+  "version": "23.2.0-alpha4",
   "publishConfig": {
@@ -29,3 +29,5 @@ "access": "public"
     "vaadin-*.d.ts",
-    "vaadin-*.js"
+    "vaadin-*.js",
+    "web-types.json",
+    "web-types.lit.json"
   ],
@@ -47,13 +49,13 @@ "keywords": [
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/checkbox": "23.2.0-alpha3",
-    "@vaadin/component-base": "23.2.0-alpha3",
-    "@vaadin/lit-renderer": "23.2.0-alpha3",
-    "@vaadin/text-field": "23.2.0-alpha3",
-    "@vaadin/vaadin-lumo-styles": "23.2.0-alpha3",
-    "@vaadin/vaadin-material-styles": "23.2.0-alpha3",
-    "@vaadin/vaadin-themable-mixin": "23.2.0-alpha3"
+    "@vaadin/checkbox": "23.2.0-alpha4",
+    "@vaadin/component-base": "23.2.0-alpha4",
+    "@vaadin/lit-renderer": "23.2.0-alpha4",
+    "@vaadin/text-field": "23.2.0-alpha4",
+    "@vaadin/vaadin-lumo-styles": "23.2.0-alpha4",
+    "@vaadin/vaadin-material-styles": "23.2.0-alpha4",
+    "@vaadin/vaadin-themable-mixin": "23.2.0-alpha4"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/polymer-legacy-adapter": "23.2.0-alpha3",
+    "@vaadin/polymer-legacy-adapter": "23.2.0-alpha4",
     "@vaadin/testing-helpers": "^0.3.2",
@@ -63,3 +65,7 @@ "lit": "^2.0.0",
   },
-  "gitHead": "06e5875be93ca50da2846dafc65a8531010c0576"
+  "web-types": [
+    "web-types.json",
+    "web-types.lit.json"
+  ],
+  "gitHead": "cbf5f1d0f38ac9b81c65cf9ef5660182e176e598"
 }

src/array-data-provider.js

@@ -25,8 +25,6 @@ /**
 
-  for (const i in arrayToCheck) {
-    const path = arrayToCheck[i].path;
-
+  arrayToCheck.forEach(({ path }) => {
     // Skip simple paths
     if (!path || path.indexOf('.') === -1) {
-      continue;
+      return;
     }
@@ -39,3 +37,3 @@
     }
-  }
+  });
 
@@ -42,0 +40,0 @@ return result;

src/lit/column-renderer-directives.d.ts

@@ -30,3 +30,3 @@ /**
    */
-  abstract rendererProperty: 'renderer' | 'headerRenderer' | 'footerRenderer';
+  abstract rendererProperty: 'footerRenderer' | 'headerRenderer' | 'renderer';
 
@@ -33,0 +33,0 @@ /**

src/vaadin-grid-active-item-mixin.d.ts

@@ -10,3 +10,3 @@ /**
   base: T,
-): T & Constructor<ActiveItemMixinClass<TItem>>;
+): Constructor<ActiveItemMixinClass<TItem>> & T;
 
@@ -13,0 +13,0 @@ export declare class ActiveItemMixinClass<TItem> {

src/vaadin-grid-array-data-provider-mixin.d.ts

@@ -10,3 +10,3 @@ /**
   base: T,
-): T & Constructor<ArrayDataProviderMixinClass<TItem>>;
+): Constructor<ArrayDataProviderMixinClass<TItem>> & T;
 
@@ -13,0 +13,0 @@ export declare class ArrayDataProviderMixinClass<TItem> {

src/vaadin-grid-column-reordering-mixin.d.ts

@@ -10,3 +10,3 @@ /**
   base: T,
-): T & Constructor<ColumnReorderingMixinClass>;
+): Constructor<ColumnReorderingMixinClass> & T;
 
@@ -13,0 +13,0 @@ export declare class ColumnReorderingMixinClass {

src/vaadin-grid-column.d.ts

@@ -15,3 +15,3 @@ /**
 
-export type GridColumnTextAlign = 'start' | 'center' | 'end' | null;
+export type GridColumnTextAlign = 'center' | 'end' | 'start' | null;
 
@@ -22,3 +22,3 @@ export type GridHeaderFooterRenderer<TItem> = (root: HTMLElement, column: GridColumn<TItem>) => void;
   base: T,
-): T & Constructor<ColumnBaseMixinClass<TItem>>;
+): Constructor<ColumnBaseMixinClass<TItem>> & T;
 
@@ -25,0 +25,0 @@ export declare class ColumnBaseMixinClass<TItem> {

src/vaadin-grid-data-provider-mixin.d.ts

@@ -61,3 +61,3 @@ /**
   base: T,
-): T & Constructor<DataProviderMixinClass<TItem>>;
+): Constructor<DataProviderMixinClass<TItem>> & T;
 
@@ -64,0 +64,0 @@ export declare class DataProviderMixinClass<TItem> {

src/vaadin-grid-drag-and-drop-mixin.d.ts

@@ -11,9 +11,9 @@ /**
 
-export type GridDropLocation = 'above' | 'on-top' | 'below' | 'empty';
+export type GridDropLocation = 'above' | 'below' | 'empty' | 'on-top';
 
-export type GridDropMode = 'between' | 'on-top' | 'on-top-or-between' | 'on-grid';
+export type GridDropMode = 'between' | 'on-grid' | 'on-top-or-between' | 'on-top';
 
 export declare function DragAndDropMixin<TItem, T extends Constructor<HTMLElement>>(
   base: T,
-): T & Constructor<DragAndDropMixinClass<TItem>>;
+): Constructor<DragAndDropMixinClass<TItem>> & T;
 
@@ -20,0 +20,0 @@ export declare class DragAndDropMixinClass<TItem> {

src/vaadin-grid-event-context-mixin.d.ts

@@ -10,3 +10,3 @@ /**
 export interface GridEventContext<TItem> {
-  section?: 'body' | 'header' | 'footer' | 'details';
+  section?: 'body' | 'details' | 'footer' | 'header';
   item?: TItem;
@@ -23,3 +23,3 @@ column?: GridColumn<TItem>;
   base: T,
-): T & Constructor<EventContextMixinClass<TItem>>;
+): Constructor<EventContextMixinClass<TItem>> & T;
 
@@ -26,0 +26,0 @@ export declare class EventContextMixinClass<TItem> {

src/vaadin-grid-filter.d.ts

@@ -57,3 +57,3 @@ /**
     listener: (this: GridFilter, ev: GridFilterEventMap[K]) => void,
-    options?: boolean | AddEventListenerOptions,
+    options?: AddEventListenerOptions | boolean,
   ): void;
@@ -64,3 +64,3 @@
     listener: (this: GridFilter, ev: GridFilterEventMap[K]) => void,
-    options?: boolean | EventListenerOptions,
+    options?: EventListenerOptions | boolean,
   ): void;
@@ -67,0 +67,0 @@ }

src/vaadin-grid-row-details-mixin.d.ts

@@ -17,3 +17,3 @@ /**
   base: T,
-): T & Constructor<RowDetailsMixinClass<TItem>>;
+): Constructor<RowDetailsMixinClass<TItem>> & T;
 
@@ -20,0 +20,0 @@ export declare class RowDetailsMixinClass<TItem> {

src/vaadin-grid-scroll-mixin.d.ts

@@ -8,3 +8,3 @@ /**
 
-export declare function ScrollMixin<T extends Constructor<HTMLElement>>(base: T): T & Constructor<ScrollMixinClass>;
+export declare function ScrollMixin<T extends Constructor<HTMLElement>>(base: T): Constructor<ScrollMixinClass> & T;
 
@@ -11,0 +11,0 @@ export declare class ScrollMixinClass {

src/vaadin-grid-selection-column.d.ts

@@ -60,3 +60,3 @@ /**
     listener: (this: GridSelectionColumn<TItem>, ev: GridSelectionColumnEventMap[K]) => void,
-    options?: boolean | AddEventListenerOptions,
+    options?: AddEventListenerOptions | boolean,
   ): void;
@@ -67,3 +67,3 @@
     listener: (this: GridSelectionColumn<TItem>, ev: GridSelectionColumnEventMap[K]) => void,
-    options?: boolean | EventListenerOptions,
+    options?: EventListenerOptions | boolean,
   ): void;
@@ -70,0 +70,0 @@ }

src/vaadin-grid-selection-column.js

@@ -187,3 +187,3 @@ /**
 
-    if (selectAll && Array.isArray(this._grid.items)) {
+    if (selectAll && this.__hasArrayDataProvider()) {
       this.__withFilteredItemsArray((items) => {
@@ -261,5 +261,10 @@ this._grid.selectedItems = items;
   /** @private */
+  __hasArrayDataProvider() {
+    return Array.isArray(this._grid.items) && !!this._grid.dataProvider;
+  }
+
+  /** @private */
   __onSelectedItemsChanged() {
     this._selectAllChangeLock = true;
-    if (Array.isArray(this._grid.items)) {
+    if (this.__hasArrayDataProvider()) {
       this.__withFilteredItemsArray((items) => {
@@ -266,0 +271,0 @@ if (!this._grid.selectedItems.length) {

src/vaadin-grid-selection-mixin.d.ts

@@ -10,3 +10,3 @@ /**
   base: T,
-): T & Constructor<SelectionMixinClass<TItem>>;
+): Constructor<SelectionMixinClass<TItem>> & T;
 
@@ -13,0 +13,0 @@ export declare class SelectionMixinClass<TItem> {

src/vaadin-grid-sort-column.d.ts

@@ -52,3 +52,3 @@ /**
     listener: (this: GridSortColumn<TItem>, ev: GridSortColumnEventMap[K]) => void,
-    options?: boolean | AddEventListenerOptions,
+    options?: AddEventListenerOptions | boolean,
   ): void;
@@ -59,3 +59,3 @@
     listener: (this: GridSortColumn<TItem>, ev: GridSortColumnEventMap[K]) => void,
-    options?: boolean | EventListenerOptions,
+    options?: EventListenerOptions | boolean,
   ): void;
@@ -62,0 +62,0 @@ }

src/vaadin-grid-sort-mixin.d.ts

@@ -8,3 +8,3 @@ /**
 
-export declare function SortMixin<T extends Constructor<HTMLElement>>(base: T): T & Constructor<SortMixinClass>;
+export declare function SortMixin<T extends Constructor<HTMLElement>>(base: T): Constructor<SortMixinClass> & T;
 
@@ -32,3 +32,3 @@ export declare class SortMixinClass {
    */
-  multiSortPriority: 'prepend' | 'append';
+  multiSortPriority: 'append' | 'prepend';
 }

src/vaadin-grid-sorter.d.ts

@@ -79,3 +79,3 @@ /**
     listener: (this: GridSorter, ev: GridSorterEventMap[K]) => void,
-    options?: boolean | AddEventListenerOptions,
+    options?: AddEventListenerOptions | boolean,
   ): void;
@@ -86,3 +86,3 @@
     listener: (this: GridSorter, ev: GridSorterEventMap[K]) => void,
-    options?: boolean | EventListenerOptions,
+    options?: EventListenerOptions | boolean,
   ): void;
@@ -89,0 +89,0 @@ }

src/vaadin-grid-sorter.js

@@ -10,5 +10,5 @@ /**
 
-const $_documentContainer = document.createElement('template');
+const template = document.createElement('template');
 
-$_documentContainer.innerHTML = `
+template.innerHTML = `
   <style>
@@ -24,3 +24,3 @@ @font-face {
 
-document.head.appendChild($_documentContainer.content);
+document.head.appendChild(template.content);
 
@@ -27,0 +27,0 @@ /**

src/vaadin-grid-styling-mixin.d.ts

@@ -14,3 +14,3 @@ /**
   base: T,
-): T & Constructor<StylingMixinClass<TItem>>;
+): Constructor<StylingMixinClass<TItem>> & T;
 
@@ -17,0 +17,0 @@ export declare class StylingMixinClass<TItem> {

src/vaadin-grid-tree-toggle.d.ts

@@ -88,3 +88,3 @@ /**
     listener: (this: GridTreeToggle, ev: GridTreeToggleEventMap[K]) => void,
-    options?: boolean | AddEventListenerOptions,
+    options?: AddEventListenerOptions | boolean,
   ): void;
@@ -95,3 +95,3 @@
     listener: (this: GridTreeToggle, ev: GridTreeToggleEventMap[K]) => void,
-    options?: boolean | EventListenerOptions,
+    options?: EventListenerOptions | boolean,
   ): void;
@@ -98,0 +98,0 @@ }

src/vaadin-grid-tree-toggle.js

@@ -11,5 +11,5 @@ /**
 
-const $_documentContainer = document.createElement('template');
+const template = document.createElement('template');
 
-$_documentContainer.innerHTML = `
+template.innerHTML = `
   <style>
@@ -25,3 +25,3 @@ @font-face {
 
-document.head.appendChild($_documentContainer.content);
+document.head.appendChild(template.content);
 
@@ -28,0 +28,0 @@ /**

src/vaadin-grid.d.ts

@@ -308,3 +308,3 @@ /**
  * `dragover` | Set when the grid (not a specific row) is dragged over | :host
- * `dragging-rows` : Set when grid rows are dragged  | :host
+ * `dragging-rows` | Set when grid rows are dragged  | :host
  * `reorder-status` | Reflects the status of a cell while columns are being reordered | cell
@@ -383,3 +383,3 @@ * `frozen` | Frozen cell | cell
     listener: (this: Grid<TItem>, ev: GridEventMap<TItem>[K]) => void,
-    options?: boolean | AddEventListenerOptions,
+    options?: AddEventListenerOptions | boolean,
   ): void;
@@ -390,3 +390,3 @@
     listener: (this: Grid<TItem>, ev: GridEventMap<TItem>[K]) => void,
-    options?: boolean | EventListenerOptions,
+    options?: EventListenerOptions | boolean,
   ): void;
@@ -393,0 +393,0 @@ }

src/vaadin-grid.js

@@ -194,3 +194,3 @@ /**
  * `dragover` | Set when the grid (not a specific row) is dragged over | :host
- * `dragging-rows` : Set when grid rows are dragged  | :host
+ * `dragging-rows` | Set when grid rows are dragged  | :host
  * `reorder-status` | Reflects the status of a cell while columns are being reordered | cell
@@ -197,0 +197,0 @@ * `frozen` | Frozen cell | cell

No alert changes

Improved metrics

Total package byte prevSize

518699

increased by44.35%

Number of package files

111

increased by1.83%

Lines of code

12945

increased by33.33%

Dependency changes

• + Added@vaadin/checkbox@23.2.0-alpha4(transitive)

• + Added@vaadin/component-base@23.2.0-alpha4(transitive)

• + Added@vaadin/field-base@23.2.0-alpha4(transitive)

• + Added@vaadin/icon@23.2.0-alpha4(transitive)

• + Added@vaadin/input-container@23.2.0-alpha4(transitive)

• + Added@vaadin/lit-renderer@23.2.0-alpha4(transitive)

• + Added@vaadin/text-field@23.2.0-alpha4(transitive)

• + Added@vaadin/vaadin-lumo-styles@23.2.0-alpha4(transitive)

• + Added@vaadin/vaadin-material-styles@23.2.0-alpha4(transitive)

• + Added@vaadin/vaadin-themable-mixin@23.2.0-alpha4(transitive)

• - Removed@vaadin/checkbox@23.2.0-alpha3(transitive)

• - Removed@vaadin/component-base@23.2.0-alpha3(transitive)

• - Removed@vaadin/field-base@23.2.0-alpha3(transitive)

• - Removed@vaadin/icon@23.2.0-alpha3(transitive)

• - Removed@vaadin/input-container@23.2.0-alpha3(transitive)

• - Removed@vaadin/lit-renderer@23.2.0-alpha3(transitive)

• - Removed@vaadin/text-field@23.2.0-alpha3(transitive)

• - Removed@vaadin/vaadin-lumo-styles@23.2.0-alpha3(transitive)

• - Removed@vaadin/vaadin-material-styles@23.2.0-alpha3(transitive)

• - Removed@vaadin/vaadin-themable-mixin@23.2.0-alpha3(transitive)

• Updated@vaadin/checkbox@23.2.0-alpha4

• Updated@vaadin/component-base@23.2.0-alpha4

• Updated@vaadin/lit-renderer@23.2.0-alpha4

• Updated@vaadin/text-field@23.2.0-alpha4

• Updated@vaadin/vaadin-lumo-styles@23.2.0-alpha4

• Updated@vaadin/vaadin-material-styles@23.2.0-alpha4

• Updated@vaadin/vaadin-themable-mixin@23.2.0-alpha4