From 01e604ddd161e9f75a9a369098566755d5b7386f Mon Sep 17 00:00:00 2001 From: Martin Bayly Date: Fri, 11 Mar 2016 11:15:26 -0800 Subject: [PATCH 1/3] modify componentWillReceiveProps to check with mask to see if mask value would be updated by new props rather than just checking to see if props have changes. Fixes issue where if a change is rejected by the client onChange handler, the component does not re-render --- src/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/index.js b/src/index.js index e1b70dd..25801d4 100644 --- a/src/index.js +++ b/src/index.js @@ -41,7 +41,7 @@ var MaskedInput = React.createClass({ }, componentWillReceiveProps(nextProps) { - if (this.props.value !== nextProps.value) { + if (this.mask.valueChanged(nextProps.value) { this.mask.setValue(nextProps.value) } if (this.props.mask !== nextProps.mask) { From 3477cc41c60262b92b2ff566fa5a77dcf45af34e Mon Sep 17 00:00:00 2001 From: Martin Bayly Date: Fri, 11 Mar 2016 11:51:57 -0800 Subject: [PATCH 2/3] fix missing parentheses --- src/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/index.js b/src/index.js index 25801d4..efb3add 100644 --- a/src/index.js +++ b/src/index.js @@ -41,7 +41,7 @@ var MaskedInput = React.createClass({ }, componentWillReceiveProps(nextProps) { - if (this.mask.valueChanged(nextProps.value) { + if (this.mask.valueChanged(nextProps.value)) { this.mask.setValue(nextProps.value) } if (this.props.mask !== nextProps.mask) { From a18164c562042dac63310bf021d01c50b88c72a9 Mon Sep 17 00:00:00 2001 From: Martin Bayly Date: Fri, 11 Mar 2016 13:16:46 -0800 Subject: [PATCH 3/3] had changed inputmask-core method from valueChanged to hasValueChanged --- src/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/index.js b/src/index.js index efb3add..e1cae42 100644 --- a/src/index.js +++ b/src/index.js @@ -41,7 +41,7 @@ var MaskedInput = React.createClass({ }, componentWillReceiveProps(nextProps) { - if (this.mask.valueChanged(nextProps.value)) { + if (this.mask.hasValueChanged(nextProps.value)) { this.mask.setValue(nextProps.value) } if (this.props.mask !== nextProps.mask) {