react-tag-autocomplete - npm Package Compare versions

Comparing version 5.12.0 to 5.12.1

CHANGELOG.md

 # Changelog
 
+## 5.12.1
+
+- Fixed an issue where the `componentDidUpdate()` callback of the input component can be called too many times
+
 ## 5.12.0
@@ -4,0 +8,0 @@

dist-es5/Input.js

@@ -19,3 +19,4 @@ 'use strict'
   'fontStyle',
-  'letterSpacing'
+  'letterSpacing',
+  'textTransform'
 ]
@@ -44,4 +45,9 @@
 
-  Input.prototype.componentDidUpdate = function componentDidUpdate () {
-    this.updateInputWidth()
+  Input.prototype.componentDidUpdate = function componentDidUpdate (ref) {
+    var query = ref.query;
+    var placeholder = ref.placeholder;
+
+    if (query !== this.props.query || placeholder !== this.props.placeholder) {
+      this.updateInputWidth()
+    }
   };
@@ -48,0 +54,0 @@

dist-es6/Input.js

@@ -19,3 +19,4 @@ 'use strict'
   'fontStyle',
-  'letterSpacing'
+  'letterSpacing',
+  'textTransform'
 ]
@@ -40,4 +41,6 @@
 
-  componentDidUpdate () {
-    this.updateInputWidth()
+  componentDidUpdate ({ query, placeholder }) {
+    if (query !== this.props.query || placeholder !== this.props.placeholder) {
+      this.updateInputWidth()
+    }
   }
@@ -44,0 +47,0 @@

lib/Input.js

@@ -19,3 +19,4 @@ 'use strict'
   'fontStyle',
-  'letterSpacing'
+  'letterSpacing',
+  'textTransform'
 ]
@@ -40,4 +41,6 @@
 
-  componentDidUpdate () {
-    this.updateInputWidth()
+  componentDidUpdate ({ query, placeholder }) {
+    if (query !== this.props.query || placeholder !== this.props.placeholder) {
+      this.updateInputWidth()
+    }
   }
@@ -44,0 +47,0 @@

package.json

 {
   "name": "react-tag-autocomplete",
-  "version": "5.12.0",
+  "version": "5.12.1",
   "description": "React Tag Autocomplete is a simple tagging component ready to drop in your React projects.",
@@ -5,0 +5,0 @@ "main": "dist-es5/ReactTags.js",

No alert changes

Improved metrics

Total package byte prevSize

56106

increased by1%

Lines of code

1143

increased by0.97%

No dependency changes