@vaadin/grid - npm Package Compare versions

Comparing version 23.2.0-alpha2 to 23.2.0-dev.48e5e3967

package.json

 {
   "name": "@vaadin/grid",
-  "version": "23.2.0-alpha2",
+  "version": "23.2.0-dev.48e5e3967",
   "publishConfig": {
@@ -46,13 +46,13 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/checkbox": "23.2.0-alpha2",
-    "@vaadin/component-base": "23.2.0-alpha2",
-    "@vaadin/lit-renderer": "23.2.0-alpha2",
-    "@vaadin/text-field": "23.2.0-alpha2",
-    "@vaadin/vaadin-lumo-styles": "23.2.0-alpha2",
-    "@vaadin/vaadin-material-styles": "23.2.0-alpha2",
-    "@vaadin/vaadin-themable-mixin": "23.2.0-alpha2"
+    "@vaadin/checkbox": "23.2.0-dev.48e5e3967",
+    "@vaadin/component-base": "23.2.0-dev.48e5e3967",
+    "@vaadin/lit-renderer": "23.2.0-dev.48e5e3967",
+    "@vaadin/text-field": "23.2.0-dev.48e5e3967",
+    "@vaadin/vaadin-lumo-styles": "23.2.0-dev.48e5e3967",
+    "@vaadin/vaadin-material-styles": "23.2.0-dev.48e5e3967",
+    "@vaadin/vaadin-themable-mixin": "23.2.0-dev.48e5e3967"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/polymer-legacy-adapter": "23.2.0-alpha2",
+    "@vaadin/polymer-legacy-adapter": "23.2.0-dev.48e5e3967",
     "@vaadin/testing-helpers": "^0.3.2",
@@ -62,3 +62,3 @@ "lit": "^2.0.0",
   },
-  "gitHead": "c9b8113d0fa9a602f8b9cb915c1826355af2e8df"
+  "gitHead": "961bc4ae5b707c3c02f12b99819b3c12c9b478aa"
 }

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

@@ -16,2 +16,18 @@ /**
   multiSort: boolean;
+
+  /**
+   * Controls how columns are added to the sort order when using multi-sort.
+   * The sort order is visually indicated by numbers in grid sorters placed in column headers.
+   *
+   * By default, whenever an unsorted column is sorted, or the sort-direction of a column is
+   * changed, that column gets sort priority 1, thus affecting the priority for all the other
+   * sorted columns. This is identical to using `multi-sort-priority="prepend"`.
+   *
+   * Using this property allows to change this behavior so that sorting an unsorted column
+   * would add it to the "end" of the sort, and changing column's sort direction would retain
+   * it's previous priority. To set this, use `multi-sort-priority="append"`.
+   *
+   * @attr {string} multi-sort-priority
+   */
+  multiSortPriority: 'prepend' | 'append';
 }

src/vaadin-grid-sort-mixin.js

@@ -25,2 +25,21 @@ /**
         /**
+         * Controls how columns are added to the sort order when using multi-sort.
+         * The sort order is visually indicated by numbers in grid sorters placed in column headers.
+         *
+         * By default, whenever an unsorted column is sorted, or the sort-direction of a column is
+         * changed, that column gets sort priority 1, thus affecting the priority for all the other
+         * sorted columns. This is identical to using `multi-sort-priority="prepend"`.
+         *
+         * Using this property allows to change this behavior so that sorting an unsorted column
+         * would add it to the "end" of the sort, and changing column's sort direction would retain
+         * it's previous priority. To set this, use `multi-sort-priority="append"`.
+         *
+         * @attr {string} multi-sort-priority
+         */
+        multiSortPriority: {
+          type: String,
+          value: 'prepend',
+        },
+
+        /**
          * @type {!Array<!GridSorterDefinition>}
@@ -52,2 +71,3 @@ * @protected
       e.stopPropagation();
+      sorter._grid = this;
       this.__updateSorter(sorter);
@@ -76,2 +96,22 @@ this.__applySorters();
     /** @private */
+    __appendSorter(sorter) {
+      if (!sorter.direction) {
+        this._removeArrayItem(this._sorters, sorter);
+      } else if (!this._sorters.includes(sorter)) {
+        this._sorters.push(sorter);
+      }
+
+      this.__updateSortOrders();
+    }
+
+    /** @private */
+    __prependSorter(sorter) {
+      this._removeArrayItem(this._sorters, sorter);
+      if (sorter.direction) {
+        this._sorters.unshift(sorter);
+      }
+      this.__updateSortOrders();
+    }
+
+    /** @private */
     __updateSorter(sorter) {
@@ -85,7 +125,7 @@ if (!sorter.direction && this._sorters.indexOf(sorter) === -1) {
       if (this.multiSort) {
-        this._removeArrayItem(this._sorters, sorter);
-        if (sorter.direction) {
-          this._sorters.unshift(sorter);
+        if (this.multiSortPriority === 'append') {
+          this.__appendSorter(sorter);
+        } else {
+          this.__prependSorter(sorter);
         }
-        this.__updateSortOrders();
       } else if (sorter.direction) {
@@ -92,0 +132,0 @@ const otherSorters = this._sorters.filter((s) => s !== sorter);

src/vaadin-grid-sorter.js

@@ -179,2 +179,6 @@ /**
     this._isConnected = false;
+
+    if (!this.parentNode && this._grid) {
+      this._grid.__removeSorters([this]);
+    }
   }
@@ -181,0 +185,0 @@

No alert changes

Improved metrics

Total package byte prevSize

358467

increased by0.68%

Number of downloads

83308

increased by22.13%

Lines of code

9667

increased by0.56%

Published versions last months

8

increased by14.29%

Worsened metrics

Published versions last two months

18

decreased by-18.18%

Published versions last week

1

decreased by-75%

Dependency changes

• + Added@vaadin/checkbox@23.2.0-dev.48e5e3967(transitive)

• + Added@vaadin/component-base@23.2.0-dev.48e5e3967(transitive)

• + Added@vaadin/field-base@23.2.0-dev.48e5e3967(transitive)

• + Added@vaadin/icon@23.2.0-dev.48e5e3967(transitive)

• + Added@vaadin/input-container@23.2.0-dev.48e5e3967(transitive)

• + Added@vaadin/lit-renderer@23.2.0-dev.48e5e3967(transitive)

• + Added@vaadin/text-field@23.2.0-dev.48e5e3967(transitive)

• + Added@vaadin/vaadin-lumo-styles@23.2.0-dev.48e5e3967(transitive)

• + Added@vaadin/vaadin-material-styles@23.2.0-dev.48e5e3967(transitive)

• + Added@vaadin/vaadin-themable-mixin@23.2.0-dev.48e5e3967(transitive)

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

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

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

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

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

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

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

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

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

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

• Updated@vaadin/checkbox@23.2.0-dev.48e5e3967

• Updated@vaadin/component-base@23.2.0-dev.48e5e3967

• Updated@vaadin/lit-renderer@23.2.0-dev.48e5e3967

• Updated@vaadin/text-field@23.2.0-dev.48e5e3967

• Updated@vaadin/vaadin-lumo-styles@23.2.0-dev.48e5e3967

• Updated@vaadin/vaadin-material-styles@23.2.0-dev.48e5e3967

• Updated@vaadin/vaadin-themable-mixin@23.2.0-dev.48e5e3967