@vaadin/vaadin-combo-box - npm Package Compare versions

Comparing version 21.0.0-alpha10 to 21.0.0-alpha11

package.json

 {
   "name": "@vaadin/vaadin-combo-box",
-  "version": "21.0.0-alpha10",
+  "version": "21.0.0-alpha11",
   "description": "Web Component for displaying a list of items with filtering",
@@ -31,10 +31,10 @@ "main": "vaadin-combo-box.js",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/vaadin-control-state-mixin": "^21.0.0-alpha10",
-    "@vaadin/vaadin-element-mixin": "^21.0.0-alpha10",
-    "@vaadin/vaadin-item": "^21.0.0-alpha10",
-    "@vaadin/vaadin-lumo-styles": "^21.0.0-alpha10",
-    "@vaadin/vaadin-material-styles": "^21.0.0-alpha10",
-    "@vaadin/vaadin-overlay": "^21.0.0-alpha10",
-    "@vaadin/vaadin-text-field": "^21.0.0-alpha10",
-    "@vaadin/vaadin-themable-mixin": "^21.0.0-alpha10"
+    "@vaadin/vaadin-control-state-mixin": "^21.0.0-alpha11",
+    "@vaadin/vaadin-element-mixin": "^21.0.0-alpha11",
+    "@vaadin/vaadin-item": "^21.0.0-alpha11",
+    "@vaadin/vaadin-lumo-styles": "^21.0.0-alpha11",
+    "@vaadin/vaadin-material-styles": "^21.0.0-alpha11",
+    "@vaadin/vaadin-overlay": "^21.0.0-alpha11",
+    "@vaadin/vaadin-text-field": "^21.0.0-alpha11",
+    "@vaadin/vaadin-themable-mixin": "^21.0.0-alpha11"
   },
@@ -46,4 +46,4 @@ "devDependencies": {
     "@vaadin/testing-helpers": "^0.2.1",
-    "@vaadin/vaadin-dialog": "^21.0.0-alpha10",
-    "@vaadin/vaadin-template-renderer": "^21.0.0-alpha10",
+    "@vaadin/vaadin-dialog": "^21.0.0-alpha11",
+    "@vaadin/vaadin-template-renderer": "^21.0.0-alpha11",
     "sinon": "^9.2.0"
@@ -54,3 +54,3 @@ },
   },
-  "gitHead": "9e75b3416edc041e35720c29a842423a1da66e60"
+  "gitHead": "56048b90b53071c3dcd29c14420d3460c5fd14b8"
 }

src/vaadin-combo-box-item.js

@@ -102,3 +102,3 @@ /**
   static get observers() {
-    return ['_rendererOrItemChanged(renderer, index, item.*, selected, focused)', '_updateLabel(label, renderer)'];
+    return ['__rendererOrItemChanged(renderer, index, item.*, selected, focused)', '__updateLabel(label, renderer)'];
   }
@@ -120,3 +120,9 @@
 
-  _render() {
+  /**
+   * Requests an update for the content of the item.
+   * While performing the update, it invokes the renderer passed in the `renderer` property.
+   *
+   * It is not guaranteed that the update happens immediately (synchronously) after it is requested.
+   */
+  requestContentUpdate() {
     if (!this.renderer) {
@@ -136,3 +142,4 @@ return;
 
-  _rendererOrItemChanged(renderer, index, item, _selected, _focused) {
+  /** @private */
+  __rendererOrItemChanged(renderer, index, item, _selected, _focused) {
     if (item === undefined || index === undefined) {
@@ -148,7 +155,8 @@ return;
       this._oldRenderer = renderer;
-      this._render();
+      this.requestContentUpdate();
     }
   }
 
-  _updateLabel(label, renderer) {
+  /** @private */
+  __updateLabel(label, renderer) {
     if (renderer) return;
@@ -155,0 +163,0 @@

src/vaadin-combo-box-mixin.d.ts

@@ -145,3 +145,13 @@ import { ComboBoxRenderer } from './interfaces';
   /**
+   * Requests an update for the content of items.
+   * While performing the update, it invokes the renderer (passed in the `renderer` property) once an item.
+   *
+   * It is not guaranteed that the update happens immediately (synchronously) after it is requested.
+   */
+  requestContentUpdate(): void;
+
+  /**
    * Manually invoke existing renderer.
+   *
+   * @deprecated Since Vaadin 21, `render()` is deprecated. Please use `requestContentUpdate()` instead.
    */
@@ -148,0 +158,0 @@ render(): void;

src/vaadin-combo-box-mixin.js

@@ -308,8 +308,26 @@ /**
     /**
+     * Requests an update for the content of items.
+     * While performing the update, it invokes the renderer (passed in the `renderer` property) once an item.
+     *
+     * It is not guaranteed that the update happens immediately (synchronously) after it is requested.
+     */
+    requestContentUpdate() {
+      if (!this.$.overlay._selector) {
+        return;
+      }
+
+      this.$.overlay._selector.querySelectorAll('vaadin-combo-box-item').forEach((item) => {
+        item.requestContentUpdate();
+      });
+    }
+
+    /**
      * Manually invoke existing renderer.
+     *
+     * @deprecated Since Vaadin 21, `render()` is deprecated. Please use `requestContentUpdate()` instead.
      */
     render() {
-      if (this.$.overlay._selector) {
-        this.$.overlay._selector.querySelectorAll('vaadin-combo-box-item').forEach((item) => item._render());
-      }
+      console.warn('WARNING: Since Vaadin 21, render() is deprecated. Please use requestContentUpdate() instead.');
+
+      this.requestContentUpdate();
     }
@@ -316,0 +334,0 @@

src/vaadin-combo-box.js

@@ -246,3 +246,3 @@ /**
   static get version() {
-    return '21.0.0-alpha10';
+    return '21.0.0-alpha11';
   }
@@ -249,0 +249,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

139713

increased by1%

Lines of code

3554

increased by0.91%

Dependency changes

• Updated@vaadin/vaadin-control-state-mixin@^21.0.0-alpha11

• Updated@vaadin/vaadin-element-mixin@^21.0.0-alpha11

• Updated@vaadin/vaadin-item@^21.0.0-alpha11

• Updated@vaadin/vaadin-lumo-styles@^21.0.0-alpha11

• Updated@vaadin/vaadin-material-styles@^21.0.0-alpha11

• Updated@vaadin/vaadin-overlay@^21.0.0-alpha11

• Updated@vaadin/vaadin-text-field@^21.0.0-alpha11

• Updated@vaadin/vaadin-themable-mixin@^21.0.0-alpha11